@charset "utf-8";
.mv_area{
margin-bottom:140px;
}

.info{
max-width:1000px;
margin:0 auto 70px;
}

.questionnaire{
margin:0 auto 120px;
}
.questionnaire h3{
text-align:center;
background:#3b5975;
padding:35px 0;
position:relative;
margin-bottom:120px;
}
.questionnaire h3 img{
max-width:980px;
}
/*
.questionnaire h3:after{
content: "";
display: block;
position: absolute;
bottom: -34px;
left: calc(50% - 20px);
width: 0;
height: 0;
border-style: solid;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
border-top: 34px solid #3b5975;
border-bottom: 0;
}*/
.questionnaire_wrap{
max-width:1200px;
margin:0 auto;
}
.questionnaire_wrap h4{
background:#fff;
padding:20px 0;
width:100%;
color:#00142e;
text-align:center;
margin-bottom:30px;
font-size:37px;
}
.questionnaire_txt{
margin-bottom:30px;
font-size:20px;
line-height:1.5em;
text-align:justify;
}
.questionnaire_box{
display:flex;
justify-content:space-between;
}
.questionnaire_l{
width:54%;
}
.questionnaire_r{
width:43%;
}
.questionnaire_link_txt{
font-size:16px;
text-align:center;
padding:10px 0;
border-top: 4px solid;
border-image: linear-gradient(to left, #3c0000, #780002, #3c0000) 1;
}
.questionnaire_link{
margin-bottom:10px;
}
.questionnaire_link:hover {
opacity:0.6;
transition: all 0.5s 0s ease;
}
.questionnaire_note{
font-size:12px;
text-align:justify;
line-height:1.4em;
}

.rank{
background:url(../img/rank_bg.png);
background-size:cover;
padding:150px 0;
}
.rank .inner{
max-width:1200px;
margin:0 auto;
}
.rank h3{
margin-bottom:60px;
}
.rank ul{
display:flex;
justify-content:space-between;
}
.rank li{
width:31%;
}

.excursion{
}
.excursion ul{
display:flex;
justify-content:space-between;
}

.excursion li{
width:25%;
padding:2% 3% 12%;
}
.excursion li h4{
margin-bottom:30px;
}
.excursion li p{
line-height:2em;
}
.excursion li:nth-child(1){
background:url(../img/concept_bg.png);
background-size:cover;
}
.excursion li:nth-child(2){
background:url(../img/access_bg.png);
background-size:cover;
}
.excursion li:nth-child(3){
background:url(../img/planning_bg.png);
background-size:cover;
}
.excursion li:nth-child(4){
background:url(../img/model_bg.png);
background-size:cover;
}



/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.mv_area{
margin-bottom:10%;
}

.info{
max-width:90%;
margin:0 auto 10%;
}

.questionnaire{
margin:0 auto 10%;
}
.questionnaire h3{
padding:5% 0;
margin-bottom:10%;
}
.questionnaire h3 img{
max-width:90%;
}
.questionnaire h3:after{
bottom: -17px;
left: calc(50% - 15px);
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-top: 17px solid #3b5975;
}
.questionnaire_wrap{
max-width:90%;
margin:0 auto;
}
.questionnaire_wrap h4{
padding:3% 0;
width:100%;
margin-bottom:5%;
font-size:5vw;
line-height:1.5em;
}
.questionnaire_txt{
margin-bottom:5%;
font-size:14px;
line-height:1.5em;
}
.questionnaire_box{
display:block;
justify-content:space-between;
}
.questionnaire_l{
width:100%;
margin-bottom:5%;
}
.questionnaire_r{
width:100%;
}
.questionnaire_link_txt{
font-size:14px;
text-align:center;
padding:15px 0;
border-top: 4px solid;
border-image: linear-gradient(to left, #3c0000, #780002, #3c0000) 1;
}
.questionnaire_link{
margin-bottom:15px;
}
.questionnaire_link:hover {
opacity:0.6;
transition: all 0.5s 0s ease;
}
.questionnaire_note{
}

.rank{
padding:15% 0;
}
.rank .inner{
max-width:90%;
}
.rank h3{
margin-bottom:5%;
}
.rank ul{
display:block;
}
.rank li{
width:100%;
margin-bottom:5%;
}
.rank li:last-child{
margin-bottom:0;
}

.excursion{
}
.excursion ul{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.excursion li{
width:49.5%;
padding:5% 5% 12%;
margin-top:1%;
}
.excursion li h4{
margin-bottom:10%;
}
.excursion li p{
font-size:14px;
line-height:1.5em;
}
.excursion li:nth-child(1){
}
.excursion li:nth-child(2){
}
.excursion li:nth-child(3){
}
.excursion li:nth-child(4){
}
}