@charset "UTF-8";

@media screen and (max-width: 767px) {
/* 767pxまでの幅の場合に適応される */
#wrap{
 width: 100%;
 max-width: 767px;
 margin: 0 auto 0;
}
#mv_about{
 width: 100%;
}
#mv_about img{
 width: 100%;
 max-width: 767px;
 height: 100%;
 max-height: 500px;
 margin: 0 auto;
 object-fit: cover;
}
main{
 width: 100%;
 max-width: 767px;
 margin: auto;
}
#midashi{
 width: 90%;
 max-width: 767px;
 margin: auto;
 margin: 50px auto 100px;
}
#midashi h1{
 font-size: 2em;
 line-height: 1.5em;
 margin-bottom: 20px;
}
#sec1{
 margin-bottom: 100px;
}
#sec1 .sec1_img{
 float: none;
 padding: 0;
 width: 100%;
 max-width: 767px;
 margin: 15px auto 30px;
}
#sec1 .sec1_img img{
 width: 100%;
 height: auto;
 object-fit: cover;
}
#sec1 .question{
 padding: 0 5%;
 margin-bottom: 30px;
}
#sec1 .question p{
 margin-left: 1em;
}
#sec1 p{
 width: 90%;
 max-width: 767px;
 margin: auto;
}

/* その他コンテンツ */
#other_content{
 width: 100%;
 max-width: 767px;
 margin: 100px auto;
}
#other_content a{
 display: block;
 width: 300px;
 height: 70px;
 text-align: left;
 font-size: 1.1em;
 background-color: #ffcccc;
 margin: 0 auto;
}
#other_content .next_button p{
 width: 240px;
 margin: auto;
 padding-top: 5px;
 padding-bottom: 3px;
 border-bottom: 1px solid #999;
 line-height: 1.5em;
}
}