@charset "utf-8";
/*common*/
body{
font-family: 'Noto Serif JP', sans-serif;
font-feature-settings:"palt";
background:#f6faf2;
}
a,a:hover,a:visited{
text-decoration:none;
color:#fff;
display:block;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
header{
position:relative;
}
header h1{
position:absolute;
top:0;
left:3%;
z-index:10;
width:13%;
}
header img{
width:auto;
}

.mv_area{
position:relative;
margin-bottom:50px;
}
.main_bg{
width:100%;
}
.main_copy{
width:60%;
position:absolute;
top:10%;
left:50%;
transform: translateX(-50%);
/*display:flex;*/
/*justify-content:center;*/
/*martin-top:100px;*/
}
.debut{
position:absolute;
bottom:0;
}

.questionnaire{
max-width:1200px;
margin:0 auto 100px;
}
.questionnaire h3{
margin-bottom:30px;
}
.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{
margin-bottom:30px;
}
.questionnaire_link:hover {
opacity:0.6;
transition: all 0.5s 0s ease;
}
.questionnaire_note{
font-size:12px;
text-align:justify;
}

.rank{
margin:0 auto 100px;
}
.rank h3{
margin-bottom:30px;
background:#00132e;
padding:20px;
text-align:center;
}
.rank h3 img{
max-width:1100px;
margin:0 auto
}
.rank ul{
max-width:1100px;
margin:0 auto 40px;
display:flex;
justify-content:space-between;
}
.rank li{
width:32%;
}
.gx_area{
max-width:1100px;
margin:0 auto;
}
.gx_area h4{
color:#4d92a5;
border-top:4px solid #4d92a5;
border-bottom:4px solid #4d92a5;
font-size:50px;
font-weight:bold;
text-align:center;
padding:15px;
margin-bottom:40px;
}
.gx_box{
display:flex;
justify-content:space-between;
align-items:center;
}
.gx_l{
width:57%;
}
.gx_txt{
font-size:20px;
line-height:1.8em;
margin-bottom:40px;
}
.gx_application{
}
.gx_r{
width:39%;
}


.landplan{
max-width:1200px;
margin:0 auto 100px;
}
.landplan h4{
font-size:40px;
color:#4d92a5;
margin-bottom:40px;
position: relative;
}
.landplan h4 span{
background:#f6faf2;
padding:0 10px;
margin-left:50px;
}
.landplan h4:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width:100%;
height: 1px;
background-color:#4d92a5;
left:0;
z-index:-2;
}


.landplan_inner{
max-width:1100px;
margin:0 auto;
}
.landplan_img{
margin-bottom:40px;
}
.landplan_txt{
font-size:40px;
text-align:center;
margin-bottom:30px;
}
.landplan_list{
display:flex;
justify-content:space-between;
}

.access{
max-width:1200px;
margin:0 auto 100px;
}
.access h4{
font-size:40px;
color:#4d92a5;
margin-bottom:40px;
position: relative;
}
.access h4 span{
background:#f6faf2;
padding:0 10px;
margin-left:50px;
}
.access h4:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width:100%;
height: 1px;
background-color:#4d92a5;
left:0;
z-index:-2;
}
.access_inner{
max-width:1100px;
margin:0 auto;
}
.station1{
margin-bottom:20px;
}
.station2{
display:flex;
margin-bottom:30px;
}
.station2 p{
margin-right:20px;
}
.station2 p:last-child{
margin-right:0;
}
.station3{
display:flex;
margin-bottom:30px;
}
.station3 p{
margin-right:20px;
}
.station3 p:last-child{
margin-right:0;
}
.access_note{
font-size:12px;
text-align:justify;
}

.location{
max-width:1200px;
margin:0 auto 100px;
}
.location h4{
font-size:40px;
color:#4d92a5;
margin-bottom:40px;
position: relative;
}
.location h4 span{
background:#f6faf2;
padding:0 10px;
margin-left:50px;
}
.location h4:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width:100%;
height: 1px;
background-color:#4d92a5;
left:0;
z-index:-2;
}
.location_inner{
max-width:1100px;
margin:0 auto;
}
.location_txt{
font-size:40px;
text-align:center;
margin-bottom:30px;
}
.location_img_list{
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
.location_img_list li{
width:31%;
}
.location_img_list li p{
margin-top:15px;
font-size:25px;
text-align:center;
}
.location_txt_list{
display:flex;
justify-content:space-between;
flex-wrap:wrap;
max-width:1100px;
margin:0 auto 80px;
font-size:25px;
}
.location_txt_list dl{
width:48%;
margin-bottom:20px;
display:flex;
justify-content:space-between;
background: url(../img/dott.png) repeat-x center center;
}
.location_txt_list dt{
background:#f6faf2;
padding-right:6px;
font-weight:normal;
}
.location_txt_list dd{
background:#f6faf2;
padding-left:6px;
}
.map{
}
.map_img{
margin-bottom:30px;
}
.map_detail{
}
.map_note{
font-size:16px;
text-align:right;
text-indent:-1em;
padding-left:1em;
line-height:1.2;
text-align:justify;
}

.outline{
max-width:1200px;
margin:0 auto 100px;
}
.outline h4{
font-size:40px;
color:#4d92a5;
margin-bottom:40px;
position: relative;
}
.outline h4 span{
background:#f6faf2;
padding:0 10px;
margin-left:50px;
}
.outline h4:before{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width:100%;
height: 1px;
background-color:#4d92a5;
left:0;
z-index:-2;
}
.outline_inner{
max-width:1100px;
margin:0 auto;
display:flex;
justify-content:space-between;
}
.outline1{
width:49%;
}
.outline2{
width:49%;
}
.outline h5{
font-size:30px;
text-align:center;
margin-bottom:30px;
}
.outline dl{
border-bottom:1px solid #333;
padding:10px 0;
font-size:16px;
display:flex;
line-height:1.5em;
}
.outline .top{
border-top:1px solid #333;
}
.outline dt{
font-weight:normal;
width:30%;
}
.outline dd{
width:70%;
}

.notice{
margin-top:30px;
}
.notice h6{
border:1px solid #333;
padding:5px 40px;
margin-bottom:10px;
display:inline-block;
}
.notice p{
line-height:1.2em;
}


footer{
background:#b8b6b1;
color:#fff;
padding:50px 0 20px;
}
.footer_box{
max-width:850px;
margin:0 auto 20px;
display:flex;
justify-content:space-between;
align-items:center;
}
.f_info .company_name{
font-size:14px;
}
.f_info .address{
border-top:2px solid #fff;
border-bottom:2px solid #fff;
font-size:11px;
padding:2px 0;
margin:5px 0;
}
.f_info .license{
font-size:10px;
}
.sns_box{
display:flex;
justify-content:center;
gap:20px;
margin-bottom:25px;
}
.sns_box p{
width:25px;
}
.copylight{
text-align:center;
}
/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}

header{
position:relative;
}
header h1{
position:absolute;
top:0;
left:3%;
z-index:10;
width:20%;
}
header img{
width:auto;
}

.mv_area{
position:relative;
margin-bottom:50px;
}
.main_bg{
width:100%;
}
.main_copy{
width:80%;
position:absolute;
top:22%;
left:50%;
transform: translateX(-50%);
}
.debut{
position:absolute;
bottom:0;
}

.questionnaire{
max-width:90%;
margin:0 auto 10%;
}
.questionnaire h3{
margin-bottom:5%;
}
.questionnaire_txt{
margin-bottom:5%;
font-size:14px;
}
.questionnaire_box{
display:block;
}
.questionnaire_l{
width:100%;
margin-bottom:5%;
}
.questionnaire_r{
width:100%;
}
.questionnaire_link{
margin-bottom:5%;
}
.questionnaire_note{
font-size:12px;
}

.rank{
margin:0 auto 10%;
}
.rank h3{
margin-bottom:5%;
padding:3%;
}
.rank h3 img{
max-width:90%;
}
.rank ul{
max-width:90%;
margin:0 auto 5%;
display:block;
justify-content:space-between;
}
.rank li{
width:70%;
margin:0 auto 5%;
}
.rank li:last-child{
margin-bottom:0;
}
.gx_area{
max-width:90%;
margin:0 auto;
}
.gx_area h4{
border-top:4px solid #4d92a5;
border-bottom:4px solid #4d92a5;
font-size:6vw;
padding:3%;
margin-bottom:5%;
}
.gx_box{
display:block;
}
.gx_l{
width:100%;
margin-bottom:5%;
}
.gx_txt{
font-size:14px;
line-height:1.5em;
margin-bottom:5%;
}
.gx_application{
}
.gx_r{
width:90%;
margin:0 auto;
}

.landplan{
max-width:90%;
margin:0 auto 10%;
}
.landplan h4{
font-size:25px;
margin-bottom:5%;
}
.landplan h4 span{
margin-left:5%;
}
.landplan h4:before{
}
.landplan_inner{
max-width:90%;
}
.landplan_img{
margin-bottom:40px;
}
.landplan_txt{
font-size:5.5vw;
margin-bottom:5%;
}
.landplan_list{
display:block;
}
.landplan_list li{
width:90%;
margin:0 auto 5%;
}
.landplan_list li:last-child{
margin-bottom:0;
}

.access{
max-width:90%;
margin:0 auto 10%;
}
.access h4{
font-size:25px;
margin-bottom:5%;
}
.access h4 span{
margin-left:5%;
}
.access h4:before{
}
.access_inner{
max-width:90%;
}
.station1{
margin-bottom:5%;
}
.station2{
display:block;
margin-bottom:5%;
}
.station2 p{
margin-right:0;
margin-bottom:2%;
}
.station2 p img{
height:40px;
width:auto;
}
.station2 p:last-child{
margin-right:0;
margin-bottom:0;
}
.station3{
display:block;
margin-bottom:5%;
}
.station3 p{
margin-right:0;
margin-bottom:2%;
}
.station3 p img{
height:40px;
width:auto;
}
.station3 p:last-child{
margin-right:0;
margin-bottom:0;
}
.access_note{
font-size:12px;
}

.location{
max-width:90%;
margin:0 auto 10%;
}
.location h4{
font-size:25px;
margin-bottom:5%;
}
.location h4 span{
margin-left:5%;
}
.location h4:before{
}
.location_inner{
max-width:90%;
}
.location_txt{
font-size:5.5vw;
margin-bottom:5%;
}
.location_img_list{
display:block;
justify-content:space-between;
margin-bottom:5%;
}
.location_img_list li{
width:80%;
margin:0 auto 5%;
}
.location_img_list li:last-child{
margin-bottom:0;
}
.location_img_list li p{
margin-top:2%;
font-size:18px;
}
.location_txt_list{
display:block;
max-width:90%;
margin:0 auto 10%;
font-size:18px;
}
.location_txt_list dl{
display:block;
width:100%;
margin-bottom:3%;
background:transparent;
}
.location_txt_list dt{
width:100%;
}
.location_txt_list dd{
width:100%;
display:inline-block;
float:none;
text-align:right;
margin-top:2%;
}
.map{
}
.map_img{
margin-bottom:5%;
}
.map_detail{
}
.map_note{
font-size:12px;
text-align:left;
}

.outline{
max-width:90%;
margin:0 auto 10%;
}
.outline h4{
font-size:25px;
margin-bottom:5%;
}
.outline h4 span{
margin-left:5%;
}
.outline h4:before{
}
.outline_inner{
max-width:90%;
margin:0 auto;
display:block;
}
.outline1{
width:100%;
margin-bottom:10%;
}
.outline2{
width:100%;
}
.outline h5{
font-size:18px;
margin-bottom:5%;
}
.outline dl{
border-bottom:1px solid #333;
padding:3%;
font-size:14px;
display:block;
line-height:1.5em;
}
.outline .top{
border-top:1px solid #333;
}
.outline dt{
font-weight:normal;
width:100%;
border-bottom:1px dotted #333;
}
.outline dd{
width:100%;
}

.notice{
margin-top:5%;
}
.notice h6{
padding:2% 5%;
margin-bottom:2%;
font-size:16px;
}
.notice p{
font-size:14px;
}

footer{
padding:10% 0 5%;
}
.footer_box{
max-width:70%;
margin:0 auto 5%;
display:block;
}
.f_logo{
margin-bottom:5%;
}
.f_info{
margin-bottom:5%;
}
.f_info .company_name{
font-size:3.5vw;
}
.f_info .address{
font-size:3.1vw;
padding:2px 0;
margin:5px 0;
}
.f_info .license{
font-size:3vw;
}
.f_phone{
margin-bottom:5%;
}
.sns_box{
display:flex;
justify-content:center;
gap:10%;
margin-bottom:5%;
}
.sns_box p{
width:8%;
}
.copylight{
text-align:center;
font-size:3vw;
}
}