@charset "utf-8";
/* CSS Document */
* {
margin: 0px;
padding: 0px;
}

@media (max-width: 919px) {
body {
font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
background: #e8e8e8;
margin: 0px;
padding: 0px;
}
.pc {
display: none !important;
}
.clearText {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
img {
width: 100%;
margin: 0;
padding: 0;
}
p {
margin: 0 auto;
line-height: 1.6rem;
padding: 20px 30px;
}
* .first:first-letter {
font-size: 1.8em;
line-height: 0.5;
float: left;
margin: 0 0.1em 0 0;
padding: 0px 0;
}
#wrapper {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#head {
max-width: 919px;
max-height: 1080px;
overflow: hidden;
}
#head .inner {
}
#head .inner img {
display: block;
}
/*　職親プロジェクト　*/
#project {
}
#project .inner {
width: 100%;
padding-top: 2%;
padding-bottom: 4%;
background: #ddd url(../sp_img/project_bg.jpg) no-repeat center center;
background-size: cover;
}
#project .inner h2 {
margin-top: 2%;
}
/*　番宣　*/
#movie {
width: 100%;
}
#movie #in-movie {
width: 100%;
max-width: 1100px;
margin: 0 auto;
position: relative;
}
/*#movie #in-movie p {
    width: 100%;
    text-align: center;
}
*/

#movie #in-movie p#coment {
position: absolute;
bottom: 25%;
right: 0;
margin: 0 auto;
width: 18.728%;
height: 38.838%;
background: url(../img/coment2.png) no-repeat;
padding-top: 0;
background-size: contain;
font-size: 0px;
}
#movie #in-movie p#coment a.pc {
position: absolute;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
top: 0;
cursor: pointer;
}
#movie #in-movie p#coment a.pc:hover {
background: rgba(200, 200, 200, 0.2);
border: 1px solid rgba(33, 33, 33, 0.2);
}
#movie #in-movie p#coment a.sp {
display: none;
}
#movie #in-movie .movie_area {
width: 80%;
margin: 0 auto;
padding: 2em 0 0.5em;
text-align: left;
}
#movie #in-movie .movie_area .video #vjs_video_540, #movie #in-movie .movie_area .video #vjs_video_3, #movie #in-movie .movie_area .video .video-js {
padding-top: 56.3%;
}
/*　熱血社長実は…被害者遺族　*/
 
#nekketu {
}
#nekketu .inner {
}
#nekketu .inner h2 {
margin-top: 5%;
margin-bottom: 1%;
}
#nekketu .inner .kusakari {
padding: 5% 0;
}
#nekketu .inner .kusakari img {
width: 80%;
display: block;
margin: 0 auto;
}
/*　それでも犯罪は繰り返される　*/
#hanzai {
width: 100%;
background: #ddd url(../sp_img/hanzai_bg.jpg) no-repeat center center;
background-size: cover;
color: #fff;
}
#hanzai .inner {
padding-top: 5%;
padding-bottom: 10%;
}
#hanzai .inner .text {
padding-top: 10%;
padding-bottom: 5%;
}
#hanzai .inner img {
width: 90%;
display: block;
margin: 5% auto 0;
}
/*　少しだけ見えた希望の光　*/
#hikari {
width: 100%;
background: #ddd url(../sp_img/hikari_bg.jpg) no-repeat center center;
background-size: cover;
color: #fff;
}
#hikari .inner {
padding-top: 10%;
padding-bottom: 10%;
}
#hikari .inner img {
width: 90%;
display: block;
margin: 0 auto 5%;
}
/*　加害者と被害者の間で　*/
#aida {
width: 100%;
background: #ddd url(../sp_img/aida_bg.jpg) no-repeat center center;
background-size: cover;
}
#aida .inner img {
width: 90%;
display: block;
margin: 0 auto 0;
padding: 10% 0;
}
#aida .inner .text {
display: block;
width: 70%;
margin-top: 10%;
margin-left: 30%;
}
#aida .inner .text p {
display: inline-block;
color: #000;
text-shadow: 2px 2px 5px #fff, -2px 2px 5px #fff, 2px -2px 5px #fff, -2px -2px 5px #fff;
}
#aida .inner .imgtxt {
}
/*　妹からのギフト　*/
#gift {
width: 100%;
background: #ddd url(../img/gift_bg.jpg) no-repeat center center;
background-size: cover;
}
#gift .inner {
}
#gift .inner p {
padding-top: 20%;
padding-bottom: 20%;
font-size: 1rem;
line-height: 2.5rem;
text-align: center;
}
#gift .inner .footer img {
width: 90%;
display: block;
margin: 0 auto;
}
#gift .inner .footer {
padding: 0 0 10% 0;
}
}