@charset "UTF-8"; /* CSS Document */

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

html { scroll-behavior:smooth; }
a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; }
a:hover { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease; opacity:0.5; }



/*header*/
.header{ display: flex; justify-content: space-between; align-items: center; padding-left: 4vw; padding-right: 3vw; border-top: solid 10px #025AA6; border-bottom: solid 1px #025AA6; height: 130px; }
.header .txt{font-size: 26px; color: #3C80BA;  font-weight: 600}
.header .txt img{width: 105px; margin-right: 15px}
.header .hd_illust img{ width: 97px}
.br{ display: flex; justify-content: space-between; padding-left: 4vw; padding-right: 3vw; padding-top: 8px; font-size: 12px; letter-spacing: 0; margin-bottom: 50px} 
.br .br_next{ margin-left: 15px; margin-right: 6px}
.br .br_arrow{ color: #025AA6; font-weight: bold; margin-right: 5px}
@media only screen and (max-width: 768px) { 
.header .txt{font-size: 18px; }
.header .txt img{width: 72px; margin-bottom: 10px}
.header .hd_illust img{ width: 70px}
}



/*body*/
body { font-family: 'Noto Sans JP', sans-serif; background-color: #FFF; position: relative; z-index: 30; letter-spacing: 0.07em }
@media only screen and (max-width: 768px) { 
body { letter-spacing: 0 }
}

.inner_link{width: 60vw; min-width: 620px; max-width: 900px; margin: 25px auto; display: flex; justify-content: space-between}
.inner_btn{ display: flex; align-items: center; width: 29vw;min-width: 300px; max-width: 440px; padding: 10px 30px; background-color: #025AA6; color: #fff; border-radius: 30px; font-size: 20px; background-image: url("../img/inner_btn_arrow.svg"); background-size: 20px; background-position: right 20px center; background-repeat: no-repeat;}
.inner_btn img{width: 40px; margin-right: 15px}
.qa{background-color: #BDD4E8; padding: 10px 0 80px; margin-top: 60px}
.ttl{display: flex; align-items: center; font-size: 28px; color: #025AA6; justify-content: center; margin-bottom: 20px; font-weight: 600; margin-top: -20px; margin-left: -22px; padding-top: 80px}
.ttl img{height: 50px; margin-right: 15px}
@media only screen and (max-width: 768px) { 
.inner_link{width: 100vw; min-width: auto; max-width: auto; margin: 0px auto; display: block;}
.inner_btn{ margin-left: auto; margin-right: auto; margin-bottom: 20px; font-size: 18px; background-size: 17px; }
.inner_btn img{width: 30px; margin-right: 15px}
.ttl{font-size: 20px; margin-left: -23px; margin-bottom: 30px}
.ttl img{height: 35px; margin-right: 12px; }
}

.qa_wrap{width: 80vw; max-width: 1040px; margin-left: auto; margin-right: auto;  }
.box{background-color: #fff; padding: 22px 15px 15px; line-height: 1.6; margin-bottom: 10px; text-align:justify}
@media only screen and (max-width: 768px) { 
.qa_wrap{width: 90vw; }
.box{padding: 22px 10px 10px;}
}

.content_q{display: flex; margin-bottom: 25px}
.content_img{margin-right: 20px; margin-left: 17px}
.content_img img{height: 36px}
.content_txt{width: 100%}
.q_ttl{font-size: 18px; color: #025AA6; border-bottom: solid thin #333; padding-bottom: 8px; margin-bottom: 8px; font-weight: 600}
.q_ttl_s{font-size: 14px}
@media only screen and (max-width: 768px) { 
.content_q{display: block; margin-bottom: 15px; padding: 0 10px }
.content_img{margin-right: 8px; margin-left: 0px; margin-bottom: 5px}
.content_img img{height: 25px}
.q_ttl{font-size: 15px;}
.q_ttl_s{font-size: 13px}
}

.content_a{display: flex; background-color: #EDF3F9; padding: 15px 10px 30px 0; word-break: break-all}
.a_txt{font-size: 15px; letter-spacing: 0.05em; line-height: 1.8}
.a_txt a{color: #4E8BC1; font-size: 13px}
.a_txt_ml{margin-left: 16px}
@media only screen and (max-width: 768px) { 
.content_a{display: block; padding: 15px 10px 30px 10px;}
.a_txt a{font-size: 11px; }
}

.info{ width: 70vw; max-width: 760px; margin: 70px auto; border: solid 2px #025AA6; position: relative; padding: 40px 65px; line-height: 1.8; word-break: break-all}
.info_sq{position: absolute; left: 7px; top:7px }
.info_sq img{width: 45px }
.info_ttl{font-size: 14px; text-align: center; border-bottom: solid thin #333; padding-bottom: 17px; margin-bottom: 20px}
.info_ttl span{font-size: 20px; color: #025AA6; font-weight: 600}
.info_txt{ font-size:16px }
.info_txt span{font-size: 18px; color: #025AA6; font-weight: 600; margin-left: -10px}
@media only screen and (max-width: 768px) { 
.info{ width: 90vw; margin: 60px auto; padding: 40px 20px;}
.info_ttl{font-size: 13px;}
.info_ttl span{font-size: 16px;}
.info_txt{ font-size:13px }
.info_txt span{font-size: 15px;}
}

.conductor_info{ max-width: 80%; margin: 70px auto; line-height: 1.8; word-break: break-all}
.conductor_info span{font-size: 14px}
.conductor_info_ttl{font-size: 14px; text-align: center; padding-bottom: 17px; margin-bottom: 20px}
.conductor_info_ttl span{font-size: 30px; color: #025AA6; font-weight: 600}
.conductor_info_txt{text-align: center}
.conductor_info_txt_ttl {font-size:20px; padding-right: 75%;  font-weight: 600}
.conductor_info_txt_ttl p{font-size: 18px; font-weight: 600; color: #FFFFFF; background-color: #5b9bd5; text-align: center}
.conductor_info_txt_inq {border: dotted 2px #025AA6; padding: 20px 10px; margin:10px 0}
.conductor_info_txt_inq span{font-size: 14px}


@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}



/*footer*/
.footer { display: flex; justify-content: space-between; align-items: center; padding: 30px 3vw 30px 4vw ; background: #E3E5E8}
.footer_link { display: flex; align-items: center; font-size: 14px}
.footer_link span{ font-size: 12px; margin-left: 20px; margin-right: 20px}
.copyright { font-size: 10px; text-align: right; }
@media only screen and (max-width: 768px) { 
.footer { display: block; }
.footer_link { font-size: 13px; display: block; text-align: center; margin-bottom: 30px; margin-top: 20px }
.footer_link span{ font-size: 11px; margin-left: 15px; margin-right: 15px}
.copyright { text-align: center; }
}


/*アコーディオン*/
.acd_wrap{width: 100%}
.acd_mt{margin-top: 20px}
.map{margin: 30px 0;}
.acd_wrap span{margin-left: 30px}
.kaijo_img_flex{ display: flex; margin-top: 50px}
.kaijo_img_box{ width: 47%; max-width: 380px; margin-right: 20px; font-size: 13px; letter-spacing: 0}
.kaijo_img_box img{width: 100%; margin-bottom: 20px}
@media only screen and (max-width: 768px) {
.map{width: 100%; overflow:auto; -webkit-overflow-scrolling:touch;}
.kaijo_img_flex{ display: block; margin-top: 40px}
.kaijo_img_box{ width: 85%; margin-right: 0px; font-size: 12px; }
}

.acd-check{
    display: none;
}
.acd-label{
    color: #4E8BC1;
    display: block;
    margin-bottom: 1px;
    padding: 10px 35px 10px 10px;
	border-bottom: solid 1px #80ACD2;
	background-image: url("../img/acd_arrow.svg");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: right 17px center;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.acd-label{font-size: 13px;	background-position: right 8px center;	background-size: 16px;}
}

.acd-content{
	font-size: 13px;
	background-color: #fff;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	width: 100%;
}
@media only screen and (max-width: 768px) {
	.acd-content{font-size: 13px;}
}

.acd-check:checked + .acd-label + .acd-content{
    height: auto;
	width: 100%;
    opacity: 1;
    padding: 2.5vw 10px 25px;
    visibility: visible;
}
@media only screen and (max-width: 768px) {
.acd-check:checked + .acd-label + .acd-content{ margin-bottom: 10px}
}