@charset "utf-8";
/*メイン*/
#content{ padding-bottom: 80px; overflow:hidden; position: relative; z-index: 1;}
#content:after{ content: ""; width: 100%; height: 100px; background: #F7F7F7; position: absolute; left: 0; bottom: 0; z-index: -1;}
section{ width:100%; margin:0 auto; padding: 80px 0;}
.maincontent{ padding:0; margin:0 auto; width:880px;}
@media screen and (max-width:768px){
#content{ padding-bottom: 10vw;}
#content:after{ content: ""; width: 100%; height: 10vw;}
section{ padding: 10% 0;}
.maincontent{ padding:0; margin:0 auto; width:92.5%;}
}

/*tit*/
h1,h2,h3,h4,h5,h6{ line-height: 1.5em; letter-spacing: 0;}
h2.tit_h2{ text-align: center; margin-bottom: 40px;}
h2.tit_h2 span{ display: block; font-size: 1.6rem; line-height: 1.5em;}
h2.tit_h2 strong{ display: block; font-size: 1.9rem; line-height: 1.25em; color: #C8982D;}
h2.tit2_h2{ text-align: center; font-size: 1.4rem; margin-bottom: 40px; position: relative;}
h2.tit2_h2 strong{ display: inline-block; padding-bottom: 0.25em; position: relative;}
h2.tit2_h2 strong:after{ content: ""; width: 100%; height: 3px; background: url("../images/tit_line.png") center center no-repeat; background-size: 100% 100%; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}
@media screen and (max-width:768px){
h2.tit_h2{ margin-bottom: 5%;}
h2.tit_h2 span{ font-size: 1.2rem;}
h2.tit_h2 strong{ font-size: 1.3rem;}
h2.tit2_h2{ font-size: 1rem; margin-bottom: 5%;}
}

/*cv*/
.cv{ padding: 20px 0 40px; background: #DEBB70; position: relative; z-index: 3;}
.cv:before{ content: ""; width: 100%; height: 80px; background: url("../images/cv/cv_top.png") center top no-repeat; position: absolute; left: 0; right: 0; top: -80px; z-index: -1;}
.cv:after{ content: ""; width: 100%; height: 80px; background: url("../images/cv/cv_bottom.png") center top no-repeat; position: absolute; left: 0; right: 0; bottom: -80px; z-index: -1;}
.cv h3{ display: flex; align-items: center; justify-content: center; margin: 0 auto 60px; width: 340px; height: 60px; font-size: 1.4rem; background: #fff; transform: skewX(-22.5deg); position: relative; z-index: 1;}
.cv h3:before{ content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: -1;}
.cv h3:after{ content: ""; width: 100%; height: 100%; background: #3C8D6F; position: absolute; left: 6px; top: 6px; z-index: -3;}
.cv h3 strong{ display: flex; align-items: center; justify-content: center; transform: skewX(22.5deg);}
.cv h3 strong:before{ content: ""; width: 39px; height: 39px; background: url("../images/cv/cv_tit_ico01.png") center center no-repeat; background-size: 100%; position: absolute; left: -39px; top: -26px; z-index: 3;}
.cv h3 strong:after{ content: ""; width: 34px; height: 34px; background: url("../images/cv/cv_tit_ico02.png") center center no-repeat; background-size: 100%; position: absolute; right: -44px; bottom: -24px; z-index: 3;}

.cv .cv_box{ background: #fff; margin: auto; padding: 40px; border-radius: 12px; position: relative; z-index: 1;}
.cv .cv_box h4{ text-align: center; font-size: 1.2rem; line-height: 1.5em; margin-bottom: 40px;}
.cv .cv_box h4 strong{ font-size: 1.35rem; line-height: 1.5em; color: #3C8D6F; margin-right: 0.5em;}
.cv .cv_box .cv_btn_list{ display: flex; align-items: center; justify-content: center;}
.cv .cv_box figure.cv_btn_tel dl{ display: flex; align-items: center; justify-content: center; margin: auto;}
.cv .cv_box figure.cv_btn_tel dl dt{ display: flex; align-items: center; justify-content: center; width: 53px; height: 53px;}
.cv .cv_box figure.cv_btn_tel dl dd{ font-size: 2.6rem; line-height: 1em; font-weight: bold; color: #EF3E15; margin-left: 10px;}
.cv .cv_box figure.cv_btn_tel p{ font-size: 0.7rem; margin-top: 10px;}
.cv .cv_box figure.cv_btn_tel p strong{ color: #EF3E15;}
.cv .cv_box figure.cv_btn_mail a{ display: flex; justify-content: center; margin: auto; width: 320px; height: 60px; background: #FF7602; color: #fff; border-bottom: 2px solid #BC5600; padding: 12px 0; border-radius: 12px;}
.cv .cv_box figure.cv_btn_mail dl{ display: flex; width: 100%;}
.cv .cv_box figure.cv_btn_mail dl dt{ display: flex; align-items: center; justify-content: center; width: 72px; padding: 0 16px; border-right: 1px solid #fff;}
.cv .cv_box figure.cv_btn_mail dl dd{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 62px); font-size: 1rem; font-weight: bold; text-shadow: 0px 1px 2px rgba(0,0,0,0.16);}
@media screen and (max-width:768px){
.cv{ padding: 5% 0 10%;}
.cv:before{ height: 10vw; background: url("../images/cv/cv_top_smp.png") center top no-repeat; background-size: auto 100%; top: -9.75vw;}
.cv:after{ height: 10vw; background: url("../images/cv/cv_bottom_smp.png") center bottom no-repeat; background-size: auto 100%; bottom: -9.75vw;}
.cv h3{ margin: 0 auto 7.5%; width: 55vw; height: 12.5vw; font-size: 0.9rem;}
.cv h3:after{ left: 4px; top: 4px;}
.cv h3 strong:before{ width: 7.5vw; height: 7.5vw; left: -8.75vw; top: -5vw;}
.cv h3 strong:after{ width: 6.25vw; height: 6.25vw; right: -8.75vw; bottom: -5vw;}

.cv .cv_box{ width: 100%; padding: 5% 5% 7.5%; border-radius: 2.5vw;}
.cv .cv_box:before{ content: ""; width: 22.5vw; height: 22.5vw; background: url("../images/cv_ill.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: -21.25vw;}
.cv .cv_box:before{ width: 22.5vw; height: 22.5vw; left: 0; top: -21.25vw;}
.cv .cv_box h4{ font-size: 0.8rem; margin-bottom: 5%;}
.cv .cv_box h4 strong{ font-size: 1rem;}
.cv .cv_box h5{ display: flex; align-items: center; justify-content: center; font-size: 0.8rem; margin-bottom: 2.5%;}
.cv .cv_box h5 strong{ display: flex; align-items: center; justify-content: center; position: relative;}
.cv .cv_box h5 strong:before{ content: ""; width: 1px; height: 1em; background: #000; position: absolute; left: -1em; bottom: 0; transform: rotate(-22.5deg);}
.cv .cv_box h5 strong:after{ content: ""; width: 1px; height: 1em; background: #000; position: absolute; right: -1em; bottom: 0; transform: rotate(22.5deg);}
.cv .cv_box .cv_btn_list{ display: block; text-align: center;}
.cv .cv_box .cv_btn_list figure{ margin-top: 5%;}
}

/*cv_wrap*/
.cv_wrap{ padding: 160px 0 0; background: #e8dbba;}
@media screen and (max-width:768px){
.cv_wrap{ padding: 15% 0 0; background: #f4eeda;}
}


#content section .att ul{ margin: 30px auto 0;}
#content section .att ul li{ padding-left: 1em; font-size: 0.7rem; font-weight: 400; position: relative;}
#content section .att ul li:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#content section .att ul{ margin: 5% auto 0;}
#content section .att ul li{ font-size: 0.7rem;}
}



/*gakki_result*/
#gakki_result{ background: #e8dbba; padding-top: 160px;}
#gakki_result h2.tit_h2 strong{ color: #ff7602;}
#gakki_result p.lead{ text-align: center; font-size: 0.9rem;}
@media screen and (max-width:768px){
#gakki_result{ padding-top: 20%;}
#gakki_result p.lead{ font-size: 0.7rem;}
}

#gakki_result .list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: -10px 0 -10px -5px;}
#gakki_result .list ul li{ display: flex; flex-direction: column; align-items: center; width: calc((100%/6) - 10px); margin: 10px 5px; background: #fff; padding: 10px; border-radius: 8px; position: relative; cursor: pointer; transition: 0.3s;}
#gakki_result .list ul li:after{ content: ""; width: 10px; height: 10px; background: url("../images/gakki_result/ico_arrow.png") center center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
#gakki_result .list ul li:hover{ opacity: 0.7;}
#gakki_result .list ul li figure img{ height: 60px;}
#gakki_result .list ul li h4{ font-size: 0.65rem; margin-top: 0.25em;}
@media screen and (max-width:768px){
#gakki_result .list ul{ width: 100%; margin: -2.5vw 0;}
#gakki_result .list ul li{ width: calc((100%/3) - 2.5vw); margin: 2.5vw 1.25vw; padding: 2.5%; border-radius: 2.5vw;}
#gakki_result .list ul li:after{ width: 2.5vw; height: 2.5vw; right: 2.5vw;}
#gakki_result .list ul li figure img{ height: 10vw;}
#gakki_result .list ul li h4{ font-size: 0.7rem;}
}



/*gakki_genre*/
#gakki_genre{ background: #f4eeda; padding-bottom: 100px;}
#gakki_genre h2.tit_h2 strong{ color: #ff7602;}
#gakki_genre p.lead{ text-align: center; font-size: 0.9rem;}
@media screen and (max-width:768px){
#gakki_genre{ padding-bottom: 12.5%;}
#gakki_genre p.lead{ font-size: 0.7rem;}
}

#gakki_genre .list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: -20px 0 -20px -5px;}
#gakki_genre .list ul li{ display: flex; flex-direction: column; align-items: center; width: calc((100%/4) - 10px); margin: 20px 5px; background: #fff; padding: 20px; border-radius: 8px; position: relative; cursor: pointer; transition: 0.3s;}
#gakki_genre .list ul li:hover{ opacity: 0.7;}
#gakki_genre .list ul li.none{ pointer-events: none;}
#gakki_genre .list ul li span.toggle{ display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #ff7602; position: absolute; left: 8px; top: 8px;}
#gakki_genre .list ul li span.toggle:before{ content: ""; width: 10px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
#gakki_genre .list ul li span.toggle:after{ content: ""; width: 10px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg);}
#gakki_genre .list ul li figure img{ height: 100px;}
#gakki_genre .list ul li h4{ display: flex; align-items: center; justify-content: center; width: 66.66%; background: #b79724; color: #fff; font-size: 0.7rem; line-height: 1em; padding: 0.5em; border-radius: 2em; position: absolute; left: 0; right: 0; bottom: -1em; margin: auto;}
@media screen and (max-width:768px){
#gakki_genre .list ul{ width: 100%; margin: -2.5vw 0;}
#gakki_genre .list ul li{ width: calc((100%/2) - 2.5vw); margin: 2.5vw 1.25vw; padding: 3.75%; border-radius: 2.5vw;}
#gakki_genre .list ul li span.toggle{ width: 5vw; height: 5vw; left: 1.875vw; top: 1.875vw;}
#gakki_genre .list ul li span.toggle:before{ width: 2.5vw;}
#gakki_genre .list ul li span.toggle:after{ width: 2.5vw;}
#gakki_genre .list ul li figure img{ height: 25vw;}
#gakki_genre .list ul li h4{ font-size: 0.7rem;}
}



/*モーダル*/
.modal_gakki_box_wrap{ width: 100vw; height: 100vh; overflow: auto !important; position: relative; z-index: 1;}
.modal_gakki_box_wrap .modal_box_bg{ width: 100%; height: 100%; min-height: 100dvh; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; cursor: pointer; z-index: -1;}
.modal_gakki_box{ width: 700px; margin: 60px auto; position: relative;}
@media screen and (max-width:768px){
.modal_gakki_box{ width: 92.5%; /*margin: 12.5vw auto;*/}
}

.modal_gakki_box .modal_close{ text-align: center; font-size: 1rem; font-weight: bold; margin-top: 40px;}
.modal_gakki_box .modal_close span{ display: flex; align-items: center; justify-content: center; margin: auto; background: #b79724; color: #fff; width: 150px; height: 50px; padding: 0 0 0.125em 32px; border-radius: 6px; position: relative; cursor: pointer; transition: 0.3s;}
.modal_gakki_box .modal_close span:before{ content: ""; width: 32px; height: 2px; background: #fff; position: absolute; left: 32px; top: 50%; transform: translateX(-50%) rotate(45deg);}
.modal_gakki_box .modal_close span:after{ content: ""; width: 32px; height: 2px; background: #fff; position: absolute; left: 32px; top: 50%; transform: translateX(-50%) rotate(-45deg);}
.modal_gakki_box .modal_close span:hover{ opacity: 0.7;}

.modal_gakki_box .modal_close2{ position: absolute; right: 0; top: -48px; z-index: 9;}
.modal_gakki_box .modal_close2 span{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: #ff7602; cursor: pointer; transition: 0.3s;}
.modal_gakki_box .modal_close2 span:before{ content: ""; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.modal_gakki_box .modal_close2 span:after{ content: ""; width: 20px; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.modal_gakki_box .modal_close2 span:hover{ opacity: 0.7;}
@media screen and (max-width:768px){
.modal_gakki_box .modal_close{ font-size: 0.9rem; margin-top: 7.5%;}
.modal_gakki_box .modal_close span{ width: 25vw; height: 7.5vw; padding: 0 0 0.125em 5vw; border-radius: 1.25vw;}
.modal_gakki_box .modal_close span:before{ width: 3.75vw; height: 2px; left: 5vw;}
.modal_gakki_box .modal_close span:after{ width: 3.75vw; height: 2px; left: 5vw;}
.modal_gakki_box .modal_close span:hover{ opacity: 1.0;}

.modal_gakki_box .modal_close2{ right: 0; top: -8.75vw}
.modal_gakki_box .modal_close2 span{ width: 7.5vw; height: 7.5vw;}
.modal_gakki_box .modal_close2 span:before{ width: 5vw; height: 2px;}
.modal_gakki_box .modal_close2 span:after{ width: 5vw; height: 2px;}
}

.modal_gakki_box_cont{ background: #fff; border-radius: 12px 12px 0 0; overflow: hidden !important;}
.modal_gakki_box_cont h3{ background: #ff7602; color: #fff; padding: 20px 30px; font-size: 1.4rem;}
.modal_gakki_box_cont table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.modal_gakki_box_cont table thead th{ background: #f8f6f2; padding: 20px 30px; font-size: 1.2rem; font-weight: bold;}
.modal_gakki_box_cont table thead td{ background: #f8f6f2; padding: 20px  30px; font-size: 1.2rem; font-weight: bold; text-align: right;}
.modal_gakki_box_cont table tbody th{ vertical-align: middle; padding: 20px 0 20px 30px; font-size: 1rem; line-height: 1.5em; font-weight: bold; border-bottom: 1px solid #e2e1e0; width: 55%;}
.modal_gakki_box_cont table tbody td{ vertical-align: middle; padding: 20px 30px 20px 0; font-size: 1.6rem; font-weight: bold; color: #c20000; border-bottom: 1px solid #e2e1e0; width: 45%; text-align: right;}
.modal_gakki_box_cont table tbody td strong{ font-size: 2rem}
.modal_gakki_box_cont .att{ margin: 30px 30px 60px;}
.modal_gakki_box_cont .att ul li{ padding-left: 1em; font-size: 0.75rem; line-height: 1.5em; position: relative;}
.modal_gakki_box_cont .att ul li:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
.modal_gakki_box_cont{ border-radius: 1.875vw 1.875vw 0 0;}
.modal_gakki_box_cont h3{ padding: 3.75%; font-size: 1.2rem;}
.modal_gakki_box_cont table thead th{ padding: 3.75%; font-size: 1rem;}
.modal_gakki_box_cont table thead td{ padding: 3.75%; font-size: 1rem;}
.modal_gakki_box_cont table tbody th{ padding: 3.75% 0 3.75% 3.75%; font-size: 0.8rem; width: 55%;}
.modal_gakki_box_cont table tbody td{ padding: 3.75% 3.75% 3.75% 0; font-size: 1rem; width: 45%;}
.modal_gakki_box_cont table tbody td strong{ font-size: 1.5rem;}
.modal_gakki_box_cont .att{ margin: 3.75% 3.75% 7.5%;}
.modal_gakki_box_cont .att ul li{ font-size: 0.7rem;}
}

.modal_gakki_box_cv{ background: #f8efdb; padding: 60px 30px; border-radius: 0 0 12px 12px; overflow: hidden !important;}
.modal_gakki_box_cv h2.tit_h2 strong{ color: #ff7602;}
.modal_gakki_box_cv h4{ text-align: center; font-size: 1.2rem; margin-top: 20px;}
.modal_gakki_box_cv .point{ margin-top: 60px; background: #fff; padding: 30px; border-radius: 12px; position: relative;}
.modal_gakki_box_cv .point h3{ display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.4rem; width: 540px; height: 60px; background: url("../images/gakki_result/point_tit_bg.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; top: -30px; margin: auto;}
.modal_gakki_box_cv .point h3 strong{ color: #e9ee68;}
.modal_gakki_box_cv .point ul{ margin-top: 20px;}
.modal_gakki_box_cv .point ul li{ padding-left: 80px; margin-top: 10px; font-size: 1.2rem; position: relative;}
.modal_gakki_box_cv .point ul li span{ width: 60px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.modal_gakki_box_cv .point ul li strong{ font-size: 1.4rem; color: #b79724;}


.modal_gakki_box_cv .cta{ width: calc(100% + 60px); margin: 100px 0 100px -30px; padding: 0 30px 10px; background: #DEBB70; position: relative; z-index: 3;}
.modal_gakki_box_cv .cta:before{ content: ""; width: 100%; height: 70px; background: url("../images/cv/cv_top_smp.png") center bottom no-repeat; background-size: cover; position: absolute; left: 0; right: 0; top: -70px; z-index: -1;}
.modal_gakki_box_cv .cta:after{ content: ""; width: 100%; height: 70px; background: url("../images/cv/cv_bottom_smp.png") center top no-repeat; background-size: cover; position: absolute; left: 0; right: 0; bottom: -70px; z-index: -1;}
.modal_gakki_box_cv .cta h3{ display: flex; align-items: center; justify-content: center; margin: 0 auto 40px; width: 340px; height: 60px; font-size: 1.4rem; background: #fff; transform: skewX(-22.5deg); position: relative; z-index: 1;}
.modal_gakki_box_cv .cta h3:before{ content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: -1;}
.modal_gakki_box_cv .cta h3:after{ content: ""; width: 100%; height: 100%; background: #3C8D6F; position: absolute; left: 6px; top: 6px; z-index: -3;}
.modal_gakki_box_cv .cta h3 strong{ display: flex; align-items: center; justify-content: center; transform: skewX(22.5deg);}
.modal_gakki_box_cv .cta h3 strong:before{ content: ""; width: 39px; height: 39px; background: url("../images/cv/cv_tit_ico01.png") center center no-repeat; background-size: 100%; position: absolute; left: -39px; top: -26px; z-index: 3;}
.modal_gakki_box_cv .cta h3 strong:after{ content: ""; width: 34px; height: 34px; background: url("../images/cv/cv_tit_ico02.png") center center no-repeat; background-size: 100%; position: absolute; right: -44px; bottom: -24px; z-index: 3;}

.modal_gakki_box_cv .cta .cv_box{ background: #fff; margin: auto; padding: 30px; border-radius: 12px; position: relative; z-index: 1;}
.modal_gakki_box_cv .cta .cv_box h4{ text-align: center; font-size: 1.2rem; line-height: 1.5em; margin: 0 auto 20px;}
.modal_gakki_box_cv .cta .cv_box h4 strong{ font-size: 1.35rem; line-height: 1.5em; color: #3C8D6F; margin-right: 0.5em;}
.modal_gakki_box_cv .cta .cv_box .cv_btn_list{ display: flex; flex-direction: column; align-items: center; justify-content: center;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_tel dl{ display: flex; align-items: center; justify-content: center; margin: auto;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_tel dl dt{ display: flex; align-items: center; justify-content: center; width: 53px; height: 53px;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_tel dl dd{ font-size: 2.6rem; line-height: 1em; font-weight: bold; color: #EF3E15; margin-left: 10px;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_tel p{ font-size: 0.7rem; margin-top: 10px;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_tel p strong{ color: #EF3E15;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_mail{ margin-top: 20px;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_mail a{ display: flex; justify-content: center; margin: auto; width: 320px; height: 60px; background: #FF7602; color: #fff; border-bottom: 2px solid #BC5600; padding: 12px 0; border-radius: 12px;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_mail dl{ display: flex; width: 100%;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_mail dl dt{ display: flex; align-items: center; justify-content: center; width: 72px; padding: 0 16px; border-right: 1px solid #fff;}
.modal_gakki_box_cv .cta .cv_box figure.cv_btn_mail dl dd{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100% - 62px); font-size: 1rem; font-weight: bold; text-shadow: 0px 1px 2px rgba(0,0,0,0.16);}
@media screen and (max-width:768px){
.modal_gakki_box_cv{ padding: 7.5% 3.75%; border-radius: 0 0 1.875vw 1.875vw;}
.modal_gakki_box_cv h4{ font-size: 0.9rem; margin-top: 3.75%;}
.modal_gakki_box_cv .point{ margin-top: 10%; padding: 3.75% 3.75% 5%; border-radius: 1.875vw;}
.modal_gakki_box_cv .point h3{ font-size: 0.9rem; width: 72vw; height: 8vw; top: -4vw;}
.modal_gakki_box_cv .point ul{ margin-top: 5%;}
.modal_gakki_box_cv .point ul li{ padding-left: 12.5vw; margin-top: 2.5%; font-size: 0.8rem;}
.modal_gakki_box_cv .point ul li span{ width: 10vw;}
.modal_gakki_box_cv .point ul li strong{ font-size: 0.9rem;}

.modal_gakki_box_cv .cta{ width: calc(100% + 7.5vw); margin: 20% 0 15% -3.75vw; padding: 5% 3.75% 10%;}
.modal_gakki_box_cv .cta:before{ height: 10vw; background: url("../images/cv/cv_top_smp.png") center top no-repeat; background-size: auto 100%; top: -9.75vw;}
.modal_gakki_box_cv .cta:after{ height: 10vw; background: url("../images/cv/cv_bottom_smp.png") center bottom no-repeat; background-size: auto 100%; bottom: -9.75vw;}
.modal_gakki_box_cv .cta h3{ margin: 0 auto 7.5%; width: 55vw; height: 12.5vw; font-size: 0.9rem;}
.modal_gakki_box_cv .cta h3:after{ left: 4px; top: 4px;}
.modal_gakki_box_cv .cta h3 strong:before{ width: 7.5vw; height: 7.5vw; left: -8.75vw; top: -5vw;}
.modal_gakki_box_cv .cta h3 strong:after{ width: 6.25vw; height: 6.25vw; right: -8.75vw; bottom: -5vw;}

.modal_gakki_box_cv .cta .cv_box{ width: 100%; padding: 5% 5% 7.5%; border-radius: 2.5vw;}
.modal_gakki_box_cv .cta .cv_box:before{ content: ""; width: 22.5vw; height: 22.5vw; background: url("../images/cv_ill.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; top: -21.25vw;}
.modal_gakki_box_cv .cta .cv_box:before{ width: 22.5vw; height: 22.5vw; left: 0; top: -21.25vw;}
.modal_gakki_box_cv .cta .cv_box h4{ font-size: 0.8rem; margin-bottom: 5%;}
.modal_gakki_box_cv .cta .cv_box h4 strong{ font-size: 1rem;}
.modal_gakki_box_cv .cta .cv_box h5{ display: flex; align-items: center; justify-content: center; font-size: 0.8rem; margin-bottom: 2.5%;}
.modal_gakki_box_cv .cta .cv_box h5 strong{ display: flex; align-items: center; justify-content: center; position: relative;}
.modal_gakki_box_cv .cta .cv_box h5 strong:before{ content: ""; width: 1px; height: 1em; background: #000; position: absolute; left: -1em; bottom: 0; transform: rotate(-22.5deg);}
.modal_gakki_box_cv .cta .cv_box h5 strong:after{ content: ""; width: 1px; height: 1em; background: #000; position: absolute; right: -1em; bottom: 0; transform: rotate(22.5deg);}
.modal_gakki_box_cv .cta .cv_box .cv_btn_list{ display: block; text-align: center;}
.modal_gakki_box_cv .cta .cv_box .cv_btn_list figure{ margin-top: 5%;}
}

.modal_gakki_box .modal_gakki_genre_box_cont .modal_close2{ position: absolute; right: 12px; top: 12px;}
.modal_gakki_genre_box_cont{ background: #fff; border-radius: 12px; padding: 40px 30px; overflow: hidden !important;}
.modal_gakki_genre_box_cont h3{ text-align: center; font-size: 2rem; padding-bottom: 40px; margin-bottom: 30px; border-bottom: 1px solid #888;}
.modal_gakki_genre_box_cont ul li{ font-size: 1rem; margin-top: 0.5em;}
@media screen and (max-width:768px){
.modal_gakki_box .modal_gakki_genre_box_cont .modal_close2{ position: absolute; right: 1.875vw; top: 1.875vw;}
.modal_gakki_genre_box_cont{ border-radius: 1.875vw; padding: 7.5% 5%;}
.modal_gakki_genre_box_cont h3{ font-size: 1.6rem; padding-bottom: 7.5%; margin-bottom: 5%;}
.modal_gakki_genre_box_cont ul li{ font-size: 0.8rem;}
}



/*gakki_point*/
#gakki_point{ background: #f4eeda; padding-top: 160px;}
#gakki_point .tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px;}
#gakki_point .tit h4{ display: flex; align-items: center; justify-content: center; background: #ff7602; color: #fff; font-size: 1.2rem; padding: 0.125em 1em 0.25em; border-radius: 1em; margin-bottom: 20px; position: relative;}
#gakki_point .tit h4:after{ content: "";	width: 0; height: 0; border-style: solid; border-width: 10px 5px 0px 5px; border-color: #ff7602 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -9px; margin: auto;}
#gakki_point .tit h3{ text-align: center; font-size: 1.6rem; line-height: 1.5em; margin-bottom: 10px;}
#gakki_point .tit h3 strong{ font-size: 1.9rem; color: #ff7602;}

#gakki_point .list{ margin-top: 40px; display: flex; flex-wrap: wrap;}
#gakki_point .list dl{ width: 100%; margin-top: 20px; background: #fff; border: 1px solid #e9dab5; padding: 20px 40px; border-radius: 20px;}
#gakki_point .list dl dt{ font-size: 1.2rem; font-weight: bold; color: #8a6a16; padding-right: 40px; position: relative; cursor: pointer;}
#gakki_point .list dl dt span{ display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: 1px solid #8a6a16; border-radius: 50%; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
#gakki_point .list dl dt span:before{ content: ""; width: 50%; height: 1px; background: #8a6a16; position: absolute; left: 0; right: 0; top: 50%; margin: auto;}
#gakki_point .list dl dt span:after{ content: ""; width: 50%; height: 1px; background: #8a6a16; position: absolute; left: 0; right: 0; top: 50%; margin: auto; transform: rotate(90deg); transition: 0.3s;}
#gakki_point .list dl dt.active span:after{ transform: rotate(0); opacity: 0;}
#gakki_point .list dl dd{ display: none; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #8a6a16;}
#gakki_point .list dl dd.active{ display: block;}
#gakki_point .list dl dd p{ font-size: 0.9rem; line-height: 1.5em;}
@media screen and (max-width:768px){
#gakki_point{ padding-top: 20%;}
#gakki_point .tit{ margin-bottom: 7.5%;}
#gakki_point .tit h4{ font-size: 1rem; margin-bottom: 3.75%;}
#gakki_point .tit h4:after{ border-width: 1.5vw 1vw 0px 1vw; bottom: -1.4vw;}
#gakki_point .tit h3{ font-size: 1.2rem; margin-bottom: 3.75%;}
#gakki_point .tit h3 strong{ font-size: 1.4rem;}

#gakki_point .list{ margin-top: 5%;}
#gakki_point .list dl{ margin-top: 3.75%; padding: 3.75% 5%; border-radius: 1.875vw;}
#gakki_point .list dl dt{ font-size: 0.9rem; padding-right: 10vw;}
#gakki_point .list dl dt span{ width: 5vw; height: 5vw;}
#gakki_point .list dl dd{ margin-top: 2.5vw; padding-top: 3.75vw;}
#gakki_point .list dl dd p{ font-size: 0.75rem;}
}



/*staff*/
#staff{ background: #fff; padding-bottom: 160px;}
#staff h2.tit_h2 strong{ color: #ff7602;}
#staff .list{ display: flex; flex-wrap: wrap; gap: 40px;}
#staff .list dl{ width: calc(50% - 20px);}
#staff .list dl dt{ margin-bottom: 15px;}
#staff .list dl dt img{ border-radius: 20px;}
#staff .list dl dd h4{ font-size: 0.9rem; color: #8a6a16; margin-bottom: 0.5em;}
#staff .list dl dd h4 sup{ vertical-align: super; font-size: 50%;}
#staff .list dl dd p{ font-size: 0.8rem; margin: 0;}
#staff .list dl dd p.att{ margin-top: 0.5em; font-size: 0.6rem; padding-left: 1em; position: relative;}
#staff .list dl dd p.att:before{ content: "※"; position: absolute; left: 0; top: 0;}
#staff .list dl dd .training{ display: flex; align-items: center; background: #fff6e0; padding: 15px; margin-top: 15px; border-radius: 16px;}
#staff .list dl dd .training h5{ font-size: 0.8rem; color: #8a6a16; width: 5em;}
#staff .list dl dd .training ul{ flex: 1; display: flex; flex-wrap: wrap; gap: 8px;}
#staff .list dl dd .training ul li{ width: calc(50% - 4px); display: flex; align-items: center; justify-content: center; background: #fff; padding: 0.5em; border-radius: 2em; font-size: 0.6rem; font-weight: bold;}
@media screen and (max-width:768px){
#staff{ padding-bottom: 20%;}
#staff .list{ display: block;}
#staff .list dl{ width: 100%; margin-top: 7.5%;}
#staff .list dl dt{ margin-bottom: 2.5%;}
#staff .list dl dt img{ border-radius: 1.875vw;}
#staff .list dl dd h4{ font-size: 0.9rem;}
#staff .list dl dd p{ font-size: 0.8rem;}
#staff .list dl dd .training{ padding: 3.75%; margin-top: 2.5%; border-radius: 1.875vw;}
#staff .list dl dd .training h5{ font-size: 0.8rem;}
#staff .list dl dd .training ul{ gap: 1vw;}
#staff .list dl dd .training ul li{ width: calc(50% - 0.5vw);}
}



/*trouble*/
#trouble{ background: #f5eedb; padding-bottom: 20px; padding-top: 160px;}
#trouble h2.tit_h2 strong{ color: #ff7602;}
#trouble h3{ text-align: center; font-size: 1.4rem; margin: 40px auto 20px;}
#trouble h3 strong{ font-size: 1.6rem; color: #b79724;}
#trouble h3 strong{ background: linear-gradient(to bottom, rgba(255,255,196,0) 0%, rgba(255,255,196,0) 66%, rgba(255,255,196,1) 67%, rgba(255,255,196,1) 100%);}

#trouble ul{ display: flex; flex-wrap: wrap; width: calc(100% + 32px); margin-left: -16px;}
#trouble ul li{ width: calc(50% - 32px); margin: 16px;}
#trouble ul li .trouble_box{ border: 2px solid #ff7602; background: #fff; padding: 5px; border-radius: 16px; position: relative;}
#trouble ul li .trouble_box span{ display: flex; align-items: center; justify-content: center; width: 120px; height: 40px; background: #ff7602; color: #fff; font-size: 1rem; font-weight: bold; border-radius: 40px; position: absolute; left: 20px; top: -20px;}
#trouble ul li .trouble_box img{ width: 100%; border-radius: 8px;}
#trouble figure.arrow{ width: 16px; margin: 0 auto 0;}
@media screen and (max-width:768px){
#trouble{ padding-bottom: 2.5%; padding-top: 20%;}
#trouble .maincontent{ width: 100%;}
#trouble h3{ font-size: 1.2rem; margin: 10% auto 3.75%;}
#trouble h3 strong{ font-size: 1.4rem;}

#trouble ul{ width: calc(85vw*3); margin: 0; position: relative; left: 50%; transform: translateX(-50%);}
#trouble ul li{ padding: 5vw 1.875vw 0; margin: 0;}
#trouble ul li .trouble_box{ padding: 1.875vw; border-radius: 1.875vw;}
#trouble ul li .trouble_box span{ width: 25vw; height: 8.75vw; font-size: 0.9rem; border-radius: 7.5vw; left: 3.75vw; top: -5vw;}
#trouble ul li .trouble_box img{ border-radius: 1.875vw;}
#trouble figure.arrow{ width: 2.5vw; margin: 0 auto 0;}
}

/*slick調整*/
#trouble .slick-dots{ position: absolute; bottom: -32px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
#trouble .slick-dots li{ position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 8px; padding: 0; cursor: pointer;}
#trouble .slick-dots li button{ font-size: 0; line-height: 0; display: block; width: 8px; height: 8px; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
#trouble .slick-dots li button:before{ font-size: 0; line-height: 0; position: absolute; top: 0; left: 0; width: 8px; height: 8px; background: #BFBFBF; opacity: 1.0; color: #BFBFBF; border-radius: 50%; transition: 0.3s;}
#trouble .slick-dots li button:hover:before,
#trouble .slick-dots li.slick-active button:before{ opacity: 1.0; background: #ff7602;}

#trouble .slick-prev,
#trouble .slick-next{ display: none !important;}
#trouble .slick-prev{ width: 40px; height: 40px; left: calc(490px - 20px); top: calc(50% + 12px); transform: translateY(-50%); background: #ff7602; border: 2px solid #ff7602; border-radius: 50%; z-index: 999;}
#trouble .slick-prev:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 8px 8px 8px 0px; position: absolute; left: calc(50% - 2px); top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 1.0;}
#trouble .slick-next{ width: 40px; height: 40px; right: calc(490px - 20px); top: 50%; transform: translateY(-50%); background: #ff7602; border: 2px solid #ff7602; border-radius: 50%; z-index: 999;}
#trouble .slick-next:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 8px 0px 8px 8px; position: absolute; right: calc(50% - 2px); top: 50%; transform: translateX(50%) translateY(-50%); opacity: 1.0;}
@media screen and (max-width:768px){
#trouble .slick-dots{ bottom: -5vw;}
#trouble .slick-dots li{ width: 1.875vw; height: 1.875vw; margin: 0 1.25vw;}
#trouble .slick-dots li button{ width: 1.875vw; height: 1.875vw;}
#trouble .slick-dots li button:before{ width: 1.875vw; height: 1.875vw;}

#trouble .slick-prev,
#trouble .slick-next{ display: flex !important; position: absolute; top: calc(50% + 2.5vw); transform: translateY(-50%);}
#trouble .slick-prev{ width: 10vw; height: 10vw; left: calc(85vw - 5vw);}
#trouble .slick-prev:before{ border-width: 1.875vw 1.875vw 1.875vw 0;}
#trouble .slick-next{ width: 10vw; height: 10vw; right: calc(85vw - 5vw);}
#trouble .slick-next:before{ border-width: 1.875vw 0 1.875vw 1.875vw;}
}

/*trouble2*/
#trouble2{ background: #F8EFD8; background: linear-gradient(to bottom,  rgba(248,239,219,1) 0%,rgba(248,244,228,0) 100%); padding: 20px 0 80px;}
#trouble2 .tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px;}
#trouble2 .tit span{ display: flex; background: #b79723; color: #fff; padding: 0 0.75em 0.25em; border-radius: 1em; font-size: 1rem; margin-bottom: 0.25em;}
#trouble2 .tit h3{ display: flex; align-items: center; justify-content: center; font-size: 1.4rem; position: relative;}
#trouble2 .tit h3:before{ content: ""; width: 2px; height: 2em; background: #000; position: absolute; left: -1em; bottom: 0; transform: rotate(-22.5deg);}
#trouble2 .tit h3:after{ content: ""; width: 2px; height: 2em; background: #000; position: absolute; right: -1em; bottom: 0; transform: rotate(22.5deg);}
#trouble2 .tit h3 strong{ font-size: 1.8rem; padding: 0 0.125em 0.25em; position: relative; z-index: 1;}
#trouble2 .tit h3 strong:after{ content: ""; width: 100%; height: 4px; background: #C39800; position: absolute; left: 0; right: 0; bottom: 0; margin: auto;}

#trouble2 .list .ip{ text-align: center;}
#trouble2 .list .ip img{ width: 240px;}
#trouble2 .list ul{ display: flex; width: calc(100% + 40px); margin-left: -20px;}
#trouble2 .list ul li{ width: calc(33.33% - 40px); margin: 0 20px; position: relative;}
#trouble2 .list ul li h4{ display: flex; align-items: center; justify-content: center; background: #C39800; color: #fff; padding: 10px;}
#trouble2 .list ul li h4 span{ line-height: 0; width: 28px; margin-right: 5px;}
#trouble2 .list ul li h4 strong{ display: flex; align-items: center; justify-content: center; font-size: 0.7rem; line-height: 1.25em; min-height: 2.5em;}
#trouble2 .list ul li p{ display: inline-block; background: #3C8D6F; color: #fff; font-size: 0.65rem; line-height: 1.5em; padding: 1em 0.75em; margin: 0; position: absolute; left: -10px; bottom: -30px; z-index: 1;}
#trouble2 .list ul li p:after{ content: ""; width: 50%; height: 100%; background: #3C8D6F; position: absolute; right: -1.25em; bottom: 0; transform: skewX(-22.5deg); z-index: -1;}
#trouble2 .list ul li p strong{ color: #FAF623; font-size: 0.75rem;}
#trouble2 .list ul li .att{ position: absolute; right: 0; bottom: -4.75em; font-size: 0.5rem; line-height: 1.5em; padding-left: 116px;}
#trouble2 .list ul li .att small{ display: block; position: relative; padding-left: 1em;}
#trouble2 .list ul li .att small:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#trouble2{ padding: 2.5% 0 10%;}
#trouble2 .tit{ margin-bottom: 3.75%;}
#trouble2 .tit span{ font-size: 0.8rem;}
#trouble2 .tit h3{ font-size: 1.2rem;}
#trouble2 .tit h3 strong{ font-size: 1.6rem;}

#trouble2 .list .ip img{ width: 66.66%;}
#trouble2 .list ul{ display: block; width: 100%; margin: 0;}
#trouble2 .list ul li{ width: calc(100% + 3.75vw); margin: 0 auto 12.5vw;}
#trouble2 .list ul li:nth-child(2n){ margin-left: -3.75vw;}
#trouble2 .list ul li h4{ padding: 2.5%;}
#trouble2 .list ul li h4 span{ width: 7.5vw; margin-right: 1.25vw;}
#trouble2 .list ul li h4 strong{ font-size: 1rem; min-height: 1.25em;}
#trouble2 .list ul li p{ font-size: 0.9rem; padding: 1em 0.75em; left: -3.75vw; bottom: -7.5vw;}
#trouble2 .list ul li p:after{ right: -1.25em; bottom: 0; transform: skewX(-22.5deg); z-index: -1;}
#trouble2 .list ul li p strong{ font-size: 1.1rem;}
#trouble2 .list ul li:nth-child(2n) p{ left: auto; right: -3.75vw; text-align: right;}
#trouble2 .list ul li:nth-child(2n) p:after{ left: -1.25em; right: auto; bottom: 0; transform: skewX(22.5deg);}

#trouble2 .list ul li .att{ bottom: -3.5em; font-size: 0.6rem; padding-left: 37.5vw; padding-right: 3.75vw;}
}



/*finding*/
#finding{ padding: 80px 0 160px; background: #f5eedb;}
#finding .maincontent{ width: 750px;}
#finding p.lead{ text-align: center; font-size: 0.9rem; margin-bottom: 40px;}
#finding .finding_list dl{ display: flex; justify-content: space-between; margin: 40px auto;}
#finding .finding_list dl:nth-child(2n){ flex-direction: row-reverse;}
#finding .finding_list dl dt{ width: 270px;}
#finding .finding_list dl dt img{ border-radius: 8px;}
#finding .finding_list dl dd{ width: 460px;}
#finding .finding_list dl dd h3{ text-align: center; background: #3C8D6F; color: #fff; font-size: 1.25rem; padding: 0.25em 0.5em 0.33em; border-radius: 4px;}
#finding .finding_list dl dd ul{ display: flex; flex-wrap: wrap; margin: 4px 10px -4px;}
#finding .finding_list dl dd ul li{ display: flex; align-items: center; width: calc(50% - 20px); margin: 4px 10px; background: #fff; padding: 12px 16px; border-radius: 8px; position: relative; cursor: pointer; transition: 0.3s;}
#finding .finding_list dl dd ul li:after{ content: ""; width: 16px; height: 16px; background: url("../images/ico/item_arrow.png") center center no-repeat; background-size: 100%; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);}
#finding .finding_list dl dd ul li:hover{ opacity: 0.7;}
#finding .finding_list dl dd ul li figure{ margin: 0;}
#finding .finding_list dl dd ul li figure img{ height: 48px;}
#finding .finding_list dl dd ul li h4{ font-size: 1rem; line-height: 1.25em; margin-left: 0.25em;}
#finding .finding_list dl dd ul li h4.min{ font-size: 0.9rem;}
#finding p.att{ font-size: 0.8rem; position: relative; padding-left: 1em;}
#finding p.att:before{ content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width:768px){
#finding{ padding: 10% 0 20%;}
#finding .maincontent{ width: 92.5%;}
#finding p.lead{ font-size: 0.9rem; margin-bottom: 5%;}
#finding .finding_list dl{ margin: 5% auto;}
#finding .finding_list dl dt{ width: 30%;}
#finding .finding_list dl dt img{ border-radius: 1.25vw;}
#finding .finding_list dl dd{ width: 66.66%;}
#finding .finding_list dl dd h3{ font-size: 1rem;}
#finding .finding_list dl dd ul{ width: calc(100% + 1.5vw); margin: 0.5vw 0 0.5vw -0.75vw;}
#finding .finding_list dl dd ul li{ width: calc(50% - 1.5vw); margin: 0.5vw 0.75vw; padding: 1.875vw 3.75vw 1.875vw 1.875vw; border-radius: 1.25vw;}
#finding .finding_list dl dd ul li:after{ width: 2.5vw; height: 2.5vw; right: 1.25vw;}
#finding .finding_list dl dd ul li figure img{ height: 7.5vw;}
#finding .finding_list dl dd ul li h4{ font-size: 0.75rem; margin-left: 0.125em;}
#finding .finding_list dl dd ul li h4.min{ font-size: 0.6rem;}
#finding p.att{ font-size: 0.7rem;}
}



/*result_list*/
#result_list{ padding: 160px 0 0;}
#result_list .maincontent{ width: 750px; position: relative;}
#result_list figure.tit_ico{ position: absolute; left: 60px; top: -160px; width: 155px; z-index: 5;}
#result_list .att{ text-align: center;}
#result_list .att ul{ display: inline-block; text-align: left;}
#result_list .others{ margin-top: 40px;}
#result_list .others p.txt{ text-align: center; font-size: 1rem;}
#result_list .others p.txt a{ color: #0070C0; text-decoration: underline;}
#result_list .others p.txt a:hover{ text-decoration: none;}

#result_list_slide{ height: 360px; margin-bottom: 20px; position: relative;}
#result_list_slide ul{ width: calc(300px*7); position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#result_list_slide ul{ margin-bottom: 60px;}
#result_list_slide ul li{ width: 100%; margin: 0 8px; background: #f5eedb; border: 3px solid #f5eedb; padding:0; border-radius: 12px; overflow: hidden;}
#result_list_slide ul li figure{ margin-bottom: 20px;}
#result_list_slide ul li h4{ font-size: 0.7rem; text-align: center; margin-bottom: 25px;}
#result_list_slide ul li p.price{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 0 0 25px;}
#result_list_slide ul li p.price span{ font-size: 0.7rem; line-height: 1em; margin-bottom: 0.5em;}
#result_list_slide ul li p.price strong{ display: flex; align-items: flex-end; justify-content: center; text-align: center; font-size: 1.7rem; line-height: 1em; color: #E60002;}
#result_list_slide ul li p.price strong small{ font-size: 0.7rem; line-height: 1em; font-weight: 400; margin-left: 5px; padding-bottom: 0.25em;}
@media screen and (max-width:768px){
#result_list{ padding: 20% 0 0;}
#result_list .maincontent{ width: 92.5%;}
#result_list figure.tit_ico{ position: absolute; left: 2.5vw; top: -20vw; width: 20vw;}
#result_list h2.tit2_h2{ font-size: 1.3rem;}
#result_list .others{ margin-top: 5%;}
#result_list .others p.txt{ text-align: center; font-size: 0.7rem;}

#result_list_slide{ height: auto; padding: 0; margin-bottom: 10%; position: relative;}
#result_list_slide ul{ width: calc(100% + 150vw); margin-left: -75vw; position: static; transform: none;}
#result_list_slide ul{ padding: 0; margin-bottom: 7.5%;}
#result_list_slide ul li{ width: 100%; margin: 0 1.25vw; padding: 3.75vw 5vw; border-radius: 2.5vw;}
#result_list_slide ul li figure{ margin-bottom: 3.75%;}
#result_list_slide ul li h4{ font-size: 0.8rem; margin-bottom: 3.75%;}
#result_list_slide ul li p.price span{ font-size: 0.8rem; margin-right: 1em;}
#result_list_slide ul li p.price strong{ font-size: 2rem;}
#result_list_slide ul li p.price strong small{ font-size: 1rem; margin-left: 0.5em;}

#result_list_slide .scroll_ico{ background: rgba(0,0,0,0.66); color: #fff; text-align: center; padding: 5% 0; width: 33.33vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; border-radius: 1.25vw; pointer-events: none;}
#result_list_slide .scroll_ico img{ width: 10vw; position: relative;}
#result_list_slide .scroll_ico p{ font-size: 0.6rem; font-weight: bold; line-height: 1em; margin-top: 1em;}
}

/*animation*/
#result_list_slide .scroll_ico img{ animation:scroll_ico ease-in-out 1.0s alternate infinite;}
@keyframes scroll_ico{
0%{ left: -7.5vw;}
100%{ left: 7.5vw;}
}

/*slick調整*/
#result_list_slide .slick-prev,
#result_list_slide .slick-next{ display: none !important;}
#result_list_slide .slick-prev{ width: 40px; height: 40px; left: calc((300px*3) - 20px); top: 50%; transform: translateY(-50%); background: #D1A002; border: 2px solid #D1A002; border-radius: 50%; z-index: 999;}
#result_list_slide .slick-prev:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 8px 8px 8px 0px; position: absolute; left: calc(50% - 2px); top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 1.0;}
#result_list_slide .slick-next{ width: 40px; height: 40px; right: calc((300px*3) - 20px); top: 50%; transform: translateY(-50%); background: #D1A002; border: 2px solid #D1A002; border-radius: 50%; z-index: 999;}
#result_list_slide .slick-next:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 8px 0px 8px 8px; position: absolute; right: calc(50% - 2px); top: 50%; transform: translateX(50%) translateY(-50%); opacity: 1.0;}
#result_list_slide ul.slick-dots{ width: auto; height: auto; padding: 0; margin: auto; line-height: 0; position: absolute; left: 0; right: 0; top: auto; bottom: -30px; transform: none;}
#result_list_slide ul.slick-dots li{ padding: 0; margin: 0; width: auto; height: auto; background: none; border: none;}
#result_list_slide ul.slick-dots li button{ background: #BFBFBF; padding: 0; margin: 0 5px; width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; transition: 0.3s;}
#result_list_slide ul.slick-dots li button:hover,
#result_list_slide ul.slick-dots li.slick-active button{ background: #D1A002;}
@media screen and (max-width:768px){
#result_list_slide .slick-prev,
#result_list_slide .slick-next{ display: flex !important;}
#result_list_slide .slick-prev{ width: 10vw; height: 10vw; left: 0;}
#result_list_slide .slick-prev:before{ border-width: 1.875vw 1.875vw 1.875vw 0;}
#result_list_slide .slick-next{ width: 10vw; height: 10vw; right: 0;}
#result_list_slide .slick-next:before{ border-width: 1.875vw 0 1.875vw 1.875vw;}
#result_list_slide ul.slick-dots{ bottom: -7.5vw;}
#result_list_slide ul.slick-dots li button{ margin: 0 1.25vw; width: 1.875vw; height: 1.875vw;}
}



/*broken*/
#broken{ padding-bottom: 160px; background: #fff;}
#broken .maincontent{ width: 750px;}
#broken .tit{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 40px;}
#broken .tit h4{ display: flex; align-items: center; justify-content: center; background: #ff7602; color: #fff; font-size: 1.2rem; padding: 0.125em 1em 0.25em; border-radius: 1em; margin-bottom: 20px; position: relative;}
#broken .tit h4:after{ content: "";	width: 0; height: 0; border-style: solid; border-width: 10px 5px 0px 5px; border-color: #ff7602 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -9px; margin: auto;}
#broken .tit h3{ text-align: center; font-size: 1.6rem; line-height: 1.5em; margin-bottom: 10px;}
#broken .tit h3 strong{ font-size: 1.9rem; color: #ff7602;}

#broken .list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin: -20px 0 -20px -10px;}
#broken .list ul li{ width: calc(33.33% - 20px); margin: 20px 10px;}
#broken .list ul li figure{ margin-bottom: 15px;}
#broken .list ul li figure img{ border-radius: 16px;}
#broken .list ul li h4{ text-align: center; font-size: 1em; line-height: 1.5em;}
#broken .list ul li h4 strong{ font-size: 1.3rem;}
@media screen and (max-width:768px){
#broken{ padding-bottom: 20%;}
#broken .maincontent{ width: 92.5%;}
#broken .tit{ margin-bottom: 7.5%;}
#broken .tit h4{ font-size: 1rem; margin-bottom: 3.75%;}
#broken .tit h4:after{ border-width: 1.5vw 1vw 0px 1vw; bottom: -1.4vw;}
#broken .tit h3{ font-size: 1.2rem; margin-bottom: 3.75%;}
#broken .tit h3 strong{ font-size: 1.4rem;}

#broken .list ul{ width: 100%; margin: -3.75vw 0;}
#broken .list ul li{ width: calc(50% - 3.75vw); margin: 3.75vw 1.875vw;}
#broken .list ul li figure{ margin-bottom: 5%;}
#broken .list ul li figure img{ border-radius: 1.875vw;}
#broken .list ul li h4{ font-size: 0.7em;}
#broken .list ul li h4 strong{ font-size: 0.9rem;}
}



/*beginer*/
#beginer{ padding: 120px 0 20px;}
#beginer .tit{ display: flex; align-items: center; justify-content: center; margin-bottom: 50px;}
#beginer .tit h2{ width: 460px; height: 80px; font-size: 1.6rem; display: flex; align-items: center; justify-content: center; border: 3px solid #3C8D6F; background: #fff; border-radius: 12px; position: relative; padding-left: 40px;}
#beginer .tit h2:before{ content: ""; width: 3px; height: 45px; background: #3C8D6F; border-radius: 3px; position: absolute; left: 0; right: 0; bottom: -35px; margin: auto;}
#beginer .tit h2:after{ content: ""; width: 3px; height: 3px; background: #3C8D6F; border-radius: 50%; position: absolute; left: 0; right: 0; bottom: -41px; margin: auto;}
#beginer .tit h2 strong{ color: #D1A002; font-size: 1.75rem;}
#beginer .tit h2 span{ width: 80px; position: absolute; left: -40px; top: calc(50% - 4px); transform: translateY(-50%);}
#beginer p{ text-align: center; font-size: 1.3rem; font-weight: bold;}
@media screen and (max-width:768px){
#beginer{ padding: 20% 0 10%;}
#beginer .tit{ dmargin-bottom: 10%;}
#beginer .tit h2{ width: 75vw; height: 15vw; font-size: 1.1rem; border-radius: 1.875vw; padding-left: 5vw;}
#beginer .tit h2:before{ width: 3px; height: 6.25vw; bottom: -6.25vw;}
#beginer .tit h2:after{ width: 3px; height: 3px; bottom: calc(-6.25vw - 6px);}
#beginer .tit h2 strong{ font-size: 1.2rem;}
#beginer .tit h2 span{ width: 12.5vw; left: -7.5vw; top: calc(50% - 1.25vw);}
#beginer p{ text-align: justify; font-size: 0.9rem; margin: 0 3.75%;}
}

#beginer2{ padding-top: 140px; background: #f5eedb; position: relative; z-index: 1;}
#beginer2:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #fcfbf5 transparent transparent transparent; border-width: 90px 370px 0px 370px; position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: 3;}
#beginer2 .tit{ width: 630px; margin: 0 auto 40px; display: flex; align-items: center; justify-content: center; position: relative;}
#beginer2 .tit span.ill{ width: 100px; position: absolute; left: 0; bottom: 0; z-index: 3;}
#beginer2 .tit_in{ width: 420px; height: 60px; display: flex; align-items: center; justify-content: center; background: #3C8D6F; color: #fff; transform: skewX(-22.5deg);}
#beginer2 .tit_in h3{ width: 100%; padding-left: 25px; text-align: center; font-size: 1.4rem; transform: skewX(22.5deg); position: relative;}
#beginer2 .tit_in h3 span{ width: 30px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
#beginer2 .tit.tit02 span.ill{ left: auto; right: 0;}
#beginer2 .tit.tit02 .tit_in{ width: 480px;}
#beginer2 .movie{ width: 630px; margin: 0 auto 100px;}
#beginer2 .list ul{ display: flex; flex-wrap: wrap; margin: -12px 0;}
#beginer2 .list ul li{ width: calc(50% - 40px); margin: 12px 20px;}
@media screen and (max-width:768px){
#beginer2{ padding-top: 20%;}
#beginer2:before{ border-width: 10.25vw 50vw 0px 50vw;}
#beginer2 .tit{ width:100%; margin: 0 auto 7.5%;}
#beginer2 .tit span.ill{ width: 17.5vw; left: -2.5vw}
#beginer2 .tit_in{ margin-left: 12.5vw; width: calc(100% - 12.5vw); height: 12.5vw;}
#beginer2 .tit_in h3{ width: 100%; padding-left: 5vw; font-size: 1rem;}
#beginer2 .tit_in h3 span{ width: 5vw; left: 3.75vw;}
#beginer2 .tit.tit02 span.ill{ right: -2.5vw;}
#beginer2 .tit.tit02 .tit_in{ width: calc(100% - 12.5vw); margin: 0 12.5vw 0 0;}
#beginer2 .movie{ width: 100%; margin: 0 auto 15%;}
#beginer2 .list ul{ display: block; width: calc(100% + 7.5vw); margin: 0 0 0 -3.75vw;}
#beginer2 .list ul li{ width:100%; margin: 5% auto 0;}
}

#beginer3{ padding: 10px 0 160px; position: relative;}
#beginer3:after{ content: "";width: 0; height: 0; border-style: solid; border-color: #f5eedb transparent transparent transparent; border-width: 90px 370px 0px 370px; position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: -1;}
#beginer3 h3{ text-align: center; font-size: 1.5rem; margin-bottom: 100px;}
#beginer3 h4{ text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px;}
#beginer3 h4 span{ font-size: 1.6rem; line-height: 1em; margin-bottom: 0.5em;}
#beginer3 h4 strong{ font-size: 1.9rem; line-height: 1em; color: #D1A002;}
#beginer3 figure img{ width: 400px;}
@media screen and (max-width:768px){
#beginer3{ padding: 0 0 20%;}
#beginer3:after{ border-width: 15vw 50vw 0px 50vw;}
#beginer3 h3{ font-size: 1.1rem; margin-bottom: 15%;}
#beginer3 h4{ margin-bottom: 5%;}
#beginer3 h4 span{ font-size: 1.1rem;}
#beginer3 h4 strong{ font-size: 1.3rem;}
#beginer3 figure img{ width: 66.66%;}
}



/*voice*/
#voice{ padding: 160px 0 160px;}
#voice_slide{ height: 290px; margin-bottom: 70px; position: relative;}
#voice_slide .slick-track{ display: flex !important; align-items: flex-end; padding-top: 24px;}
#voice_slide ul{ width: 2520px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#voice_slide ul{ padding: 0 2px; margin-bottom: 60px;}
#voice_slide ul li{ width: 100%; margin: 0 2px; background: #f5eedb; padding: 12px; border-radius: 12px; position: relative;}
#voice_slide ul li figure.prof{ width: 92px; height: 92px; border: 6px solid #f5eedb; position: absolute; left: 12px; top: -24px; border-radius: 50%;}
#voice_slide ul li figure img{ width: 100%;}
#voice_slide ul li h4{ display: flex; align-items: center; font-size: 0.75rem; line-height: 1.5em; min-height: 3em; color: #3C8D6F; margin-bottom: 10px; padding-left: 100px;}
#voice_slide ul li p{ font-size: 0.75rem; line-height: 1.5em; padding: 1em; background: #fff; border-radius: 12px;}
#content section#voice .att ul{ margin-top: 100px;}
@media screen and (max-width:768px){
#voice{ padding: 20% 0 20%;}
#voice_slide .slick-track{ padding-top: 5vw;}
#voice_slide{ height: auto; padding: 0; margin-bottom: 10%;}
#voice_slide ul{ width: calc(100% + 170vw); margin-left: -85vw; position: static; transform: none;}
#voice_slide ul{ padding: 0 1.25vw; margin-bottom: 7.5%;}
#voice_slide ul li{ width: 100%; margin: 0 1.25vw; padding: 3.75vw; border-radius: 2.5vw;}
#voice_slide ul li figure.prof{ width: 20vw; height: 20vw; border: 6px solid #f5eedb; left: 1.875vw; top: -5vw;}
#voice_slide ul li h4{ font-size: 0.8rem; margin-bottom: 1.875vw; padding-left: 20vw;}
#voice_slide ul li p{ font-size: 0.8rem; border-radius: 1.875vw;}
#content section#voice .att ul{ margin: 15% 3.75% 0;}

#voice_slide .scroll_ico{ background: rgba(0,0,0,0.66); color: #fff; text-align: center; padding: 5% 0; width: 33.33vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1; border-radius: 1.25vw; pointer-events: none;}
#voice_slide .scroll_ico img{ width: 10vw; position: relative;}
#voice_slide .scroll_ico p{ font-size: 0.6rem; font-weight: bold; line-height: 1em; margin-top: 1em;}
}

/*animation*/
#voice_slide .scroll_ico img{ animation:scroll_ico ease-in-out 1.0s alternate infinite;}
@keyframes scroll_ico{
0%{ left: -7.5vw;}
100%{ left: 7.5vw;}
}

/*slick調整*/
#voice_slide .slick-prev,
#voice_slide .slick-next{ display: none !important;}
#voice_slide .slick-prev{ width: 40px; height: 40px; left: calc((300px*3) - 20px); top: 50%; transform: translateY(-50%); background: #D1A002; border: 2px solid #D1A002; border-radius: 50%; z-index: 999;}
#voice_slide .slick-prev:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #fff transparent transparent; border-width: 8px 8px 8px 0px; position: absolute; left: calc(50% - 2px); top: 50%; transform: translateX(-50%) translateY(-50%); opacity: 1.0;}
#voice_slide .slick-next{ width: 40px; height: 40px; right: calc((300px*3) - 20px); top: 50%; transform: translateY(-50%); background: #D1A002; border: 2px solid #D1A002; border-radius: 50%; z-index: 999;}
#voice_slide .slick-next:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #fff; border-width: 8px 0px 8px 8px; position: absolute; right: calc(50% - 2px); top: 50%; transform: translateX(50%) translateY(-50%); opacity: 1.0;}
#voice_slide ul.slick-dots{ width: auto; height: auto; padding: 0; margin: auto; line-height: 0; position: absolute; left: 0; right: 0; top: auto; bottom: -30px; transform: none;}
#voice_slide ul.slick-dots li{ padding: 0; margin: 0; width: auto; height: auto; background: none; border: none;}
#voice_slide ul.slick-dots li button{ background: #BFBFBF; padding: 0; margin: 0 5px; width: 8px; height: 8px; border-radius: 50%; text-indent: -9999px; transition: 0.3s;}
#voice_slide ul.slick-dots li button:hover,
#voice_slide ul.slick-dots li.slick-active button{ background: #3C8D6F;}
@media screen and (max-width:768px){
#voice_slide .slick-prev,
#voice_slide .slick-next{ display: flex !important;}
#voice_slide .slick-prev{ width: 10vw; height: 10vw; left: 0;}
#voice_slide .slick-prev:before{ border-width: 1.875vw 1.875vw 1.875vw 0;}
#voice_slide .slick-next{ width: 10vw; height: 10vw; right: 0;}
#voice_slide .slick-next:before{ border-width: 1.875vw 0 1.875vw 1.875vw;}
#voice_slide ul.slick-dots{ bottom: -7.5vw;}
#voice_slide ul.slick-dots li button{ margin: 0 1.25vw; width: 1.875vw; height: 1.875vw;}
}



/*result*/
#result{ padding-bottom: 40px; background: #f5eedb;}
#result .maincontent{ width: 750px; position: relative;}
#result .tit_ico{ display: flex; align-items: center; justify-content: center; width: 320px; height: 70px; background: #3C8D6F; color: #fff; font-size: 1.4rem; position: absolute; left: 0; top: -115px; border-radius: 70px;}

#result h3{ text-align: center; font-size: 1rem; margin-bottom: 20px;}
#result h3 strong{ display: inline-block; padding-bottom: 0.5em; border-bottom: 1px solid #3C8D6F;}
#result figure.zu img{ width: 265px;}

#result .att_result{ padding: 10px 25px; width: 100%;}
#result .att_result ul{ display: flex; flex-direction: column;}
#result .att_result ul li{ display: flex; align-items: center; margin-right: 1em; font-size: 0.6rem;}
#result .att_result ul li:last-child{ margin-right: 0;}
#result .pc dl{ display: flex; justify-content: space-between; width: 100%;}
#result .pc dl dt{ width: 444px;}
#result .pc dl dt .result_box{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; background: #FFFFFF; padding: 40px 20px; border-radius: 12px;}
#result .pc dl dd{ display: flex; align-items: center;width: 264px; margin: 0;}
@media screen and (max-width:768px){
#result{ padding-bottom: 5%;}
#result .maincontent{ width: 92.5%;}
#result .tit_ico{ width: 70vw; height: 15vw; font-size: 1rem; left: -15vw; top: -17.5vw; border-radius: 15vw;}

#result .sp h3{ font-size: 0.9rem; margin-bottom: 5%;}
#result .sp figure.tit{ text-align: center; /*margin-bottom: 5%;*/}
#result .sp figure.tit img{ width: 100%;}
#result .sp figure.zu img{ width: 75%;}
#result .sp .att_result { padding: 0;}
#result .sp .att_result ul{ display: flex; align-items: center; margin: 5% auto 0;}
#result .sp .att_result ul li{ font-size: 0.5rem;}
}



/*reason*/
#reason{ padding-bottom: 160px;}
#reason .maincontent{ width: 750px;}
#reason h2.tit2_h2 strong::after{ background-image: url("../images/tit_line2.png");}
/*
#reason h2.tit_h2 strong{ color: #D21D25;}
*/
@media screen and (max-width:768px){
#reason{ padding-bottom: 20%;}
#reason .maincontent{ width: 92.5%;}
}

/*nav*/
#reason #reason_nav ul{ display: flex; width: calc(100% + 2px); margin-left: -1px;}
#reason #reason_nav ul li{ width: calc(50% - 2px); margin: 0 1px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #BFBFBF; color: #fff; padding: 16px; border-radius: 12px 12px 0 0; cursor: pointer; transition: 0.3s;}
#reason #reason_nav ul li.active{ background: #3C8D6F;}
#reason #reason_nav ul li span{ display: flex; align-items: center; justify-content: center; font-size: 1rem; font-weight: bold; padding: 0.25em 0.75em; border: 1px solid #fff; border-radius: 4px;}
#reason #reason_nav ul li h3{ font-size: 1.25rem; margin-top: 8px;}
#reason #reason_nav ul li h3 strong{ font-size: 1.4rem; color: #FFE799;}
@media screen and (max-width:768px){
#reason #reason_nav ul li{ text-align: center; padding: 2.5%; border-radius: 2.5vw 2.5vw 0 0;}
#reason #reason_nav ul li span{ font-size: 0.8rem;}
#reason #reason_nav ul li h3{ font-size: 1rem; margin-top: 2.5%;}
#reason #reason_nav ul li h3 strong{ font-size: 1.2rem;}
}

/*cont*/
.reason_cont{ display: none; border: 1px solid #D3D3D3; background: #fff; border-top: none; padding: 40px; overflow: hidden;}
.reason_cont.active{ display: block;}
@media screen and (max-width:768px){
.reason_cont{ padding: 7.5% 5%;}
}

.reason_cont .lead{ text-align: center; font-size: 0.9rem;}
.reason_cont .lead a{ text-decoration: underline; color: #0671C0;}
.reason_cont .lead a:hover{ text-decoration: none;}
.reason_cont dl{ margin-top: 60px;}
.reason_cont dl dt h3{ margin-bottom: 20px; display: flex; align-items: center; padding: 10px 0; background: #3C8D6F; color: #fff; position: relative; z-index: 1;}
.reason_cont dl dt h3:before{ content: ""; width: 100%; height: 100%; background: #3C8D6F; position: absolute; left: -40px; top: 0; z-index: -1;}
.reason_cont dl dt h3:after{ content: ""; width: 100%; height: 100%; background: #3C8D6F; position: absolute; right: -40px; top: 0; z-index: -1;}
.reason_cont dl dt h3 span{ width: 48px; padding-right: 12px;}
.reason_cont dl dt h3 strong{ width: calc(100% - 48px); font-size: 1.3rem;}
.reason_cont dl dd{ margin: 0; padding-right: 280px; position: relative;}
.reason_cont dl dd.w100{ padding: 0;}
.reason_cont dl dd p{ font-size: 0.9rem;}
.reason_cont dl dd p.att{ font-size: 0.7rem; font-weight: 400; padding-left: 2em; position: relative;}
.reason_cont dl dd p.att:before{ content: "※："; position: absolute; left: 0; top: 0;}
.reason_cont figure.more_btn{ display: flex; align-items: center; justify-content: center; margin: 0; position: absolute; right: 0; bottom: 0;}
.reason_cont figure.more_btn a{ display: flex; align-items: center; justify-content: center; width: 210px; height: 42px; background: #3C8D6F; border-bottom: 3px solid #35765E; color: #fff; border-radius: 8px; font-size: 0.8rem; position: relative; text-shadow: 0px 1px 2px rgba(0,0,0,0.16);}
.reason_cont figure.more_btn a span{ width: 8px; height: 8px; display: flex; align-items: center; justify-content: center; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.reason_cont figure.more_btn a span:before{ content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
.reason_cont figure.more_btn a span:after{ content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg);}
@media screen and (max-width:768px){
.reason_cont .lead{ font-size: 0.8rem;}
.reason_cont dl{ margin-top: 10%;}
.reason_cont dl dt h3{ margin-bottom: 3.75%; width: calc(100% + 7.5vw); margin-left: -3.75vw; padding: 1.875vw 3.75vw;}
.reason_cont dl dt h3:before{ left: -5vw;}
.reason_cont dl dt h3:after{ right: -5vw;}
.reason_cont dl dt h3 span{ width: 10vw; padding-right: 2.5vw;}
.reason_cont dl dt h3 strong{ width: calc(100% - 10vw); font-size: 1.1rem;}
.reason_cont dl dd{ margin: 0 0; padding: 0;}
.reason_cont dl dd p{ font-size: 0.8rem;}
.reason_cont dl dd p.att{ font-size: 0.7rem;}
.reason_cont figure.more_btn{ margin: 5% auto 0; position: relative;}
.reason_cont figure.more_btn a{ width: 36vw; height: 10vw; border-radius: 1.25vw; font-size: 0.7rem;}
.reason_cont figure.more_btn a span{ width: 2.5vw; height: 2.5vw; right: 3.75vw;}
}

.reason_cont .buysell_img{ width: 260px; margin: 0; position: absolute; right: 0; top: 0;}
.reason_cont .buysell_img img{ border: 1px solid #3C8D6F; border-radius: 8px;}
@media screen and (max-width:768px){
.reason_cont .buysell_img{ width: 100%; margin-top: 5%; position: static;}
.reason_cont .buysell_img img{ border-radius: 1.25vw;}
}



/*but*/
#but{ padding: 160px 0 100px; background: #f5eedb; position: relative;}
#but h3{ text-align: center; font-size: 1.6rem; margin-bottom: 60px;}
#but ul{ width: calc(100% + 120px); margin-left: -60px; display: flex; justify-content: space-between;}

#but ul li{ margin: 40px auto 0; width: 310px; height: 100px; background: url("../images/but/box01.png") center center no-repeat; background-size: 100%; position: relative; padding: 20px 40px 0; font-size: 0.75rem;}
#but ul li span.ico{ width: 60px; position: absolute; left: -30px; top: -20px;}
#but ul li:nth-child(2){ background-image: url("../images/but/box02.png");}
#but ul li:nth-child(2) span.ico{ left: auto; right: -20px;}
#but ul li:nth-child(3) span.ico{ left: auto; right: -20px;}
#but figure.arrow{ width: 16px; position: absolute; left: 0; right: 0; bottom: -40px; margin: auto;}
@media screen and (max-width:768px){
#but{ padding: 20% 0 15%;}
#but h3{ font-size: 1rem; margin-bottom: 10%;}
#but ul{ display: block; width: 100%; margin: 0;}
#but ul li{ margin: 7.5% 0 0 5vw; width: calc(100% - 5vw); height: 27.5vw; padding: 7.5% 12.5% 0; font-size: 0.8rem;}
#but ul li span.ico{ width: 17.5vw; left: -7.5vw; top: -7.5vw;}
#but ul li:nth-child(2){ margin: 7.5% 5vw 0 0; background-image: url("../images/but/box02_sp.png");}
#but ul li:nth-child(2) span.ico{ left: auto; right: -7.5vw;}
#but ul li:nth-child(3) span.ico{ left: -7.5vw; right: auto; top: auto; bottom: -2.5vw;}
#but figure.arrow{ width: 2.5vw; bottom: -5vw;}
}



/*item_list*/
#item{ padding-top: 160px; background: #f5eedb;}
#item h2{ text-align: center; font-size: 1.6rem; line-height: 1.25em; margin-bottom: 30px;}
#item h2 strong{ font-size: 1.9rem; line-height: 1.25em; color: #C8982D;}
#item p.lead{ text-align: center; font-size: 0.7rem; font-weight: 500; margin-bottom: 40px;}

#item_list ul{ display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: -10px 0 -10px -5px;}
#item_list ul li{ display: flex; flex-direction: column; align-items: center; width: calc((100%/6) - 10px); margin: 10px 5px; background: #fff; padding: 10px; border-radius: 8px; position: relative; cursor: pointer; transition: 0.3s;}
#item_list ul li:after{ content: ""; width: 10px; height: 10px; background: url("../images/ico/item_arrow.png") center center no-repeat; background-size: 100%; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
#item_list ul li:hover{ opacity: 0.7;}
#item_list ul li figure img{ height: 40px;}
#item_list ul li h4{ font-size: 0.65rem; margin-top: 0.5em;}
@media screen and (max-width:768px){
#item{ padding-top: 20%;}
#item h2{ margin-bottom: 3.75%;}
#item h2{ font-size: 1.2rem;}
#item h2 strong{ font-size: 1.3rem;}
#item p.lead{ font-size: 0.7rem; margin-bottom:5%;}

#item_list ul{ width: 100%; margin: -2.5vw 0;}
#item_list ul li{ width: calc((100%/3) - 2.5vw); margin: 2.5vw 1.25vw; padding: 2.5%; border-radius: 2.5vw;}
#item_list ul li:after{ width: 2.5vw; height: 2.5vw; right: 2.5vw;}
#item_list ul li figure img{ width: 10vw;}
#item_list ul li h4{ font-size: 0.7rem;}
}

/*item2*/
#item2{ padding-top: 30px; position: relative; z-index: 1;}
#item2:after{ content: "";width: 0; height: 0; border-style: solid; border-color: #f5eedb transparent transparent transparent; border-width: 90px 375px 0px 375px; position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: -1;}
#item2 h3{ text-align: center; font-size: 1.3rem; margin-bottom: 80px;}
#item2 h3 span{ position: relative;}
#item2 h3 span:before{ content: ""; width: 4px; height: 4px; background: #363636; position: absolute; left: 0; right: 0; top: -8px; margin: auto; border-radius: 50%;}
#item2 h5{ text-align: center; font-size: 1.2rem; margin-top: 60px;}
#item2 ul{ display: flex; align-items: center; justify-content: center; width: calc(100% + 20px); margin-left: -10px;}
#item2 ul li{ width: calc(33.33% - 20px); margin: 0 10px; display: flex; align-items: center; background: #f5eedb; padding: 10px; border-radius: 8px;}
#item2 ul li figure{ width: 70px;}
#item2 ul li figure img{ border-radius: 4px;}
#item2 ul li h4{ width: calc(100% - 70px); font-size: 1.2rem; text-align: center;}
@media screen and (max-width:768px){
#item2{ padding-top: 7.5%; overflow: hidden;}
#item2:after{ border-width: 20vw 75vw 0 75vw; left: -25vw;}
#item2 h3{ font-size: 1rem; margin-bottom: 15%;}
#item2 h5{ font-size: 1.2rem; margin-top: 7.5%;}
#item2 ul{ display: block; width: 92.5%; margin: 0 auto;}
#item2 ul li{ width: 100%; margin: 2.5% auto; padding: 1.25vw; border-radius: 1.875vw;}
#item2 ul li figure{ width: 20vw;}
#item2 ul li figure img{ border-radius: 1.25vw;}
#item2 ul li h4{ width: calc(100% - 20vw); font-size: 1.3rem;}
}



/*qa*/
#qa{ padding-bottom: 160px; background: #f5eedb;}
#qa h2.tit2_h2 strong:after{ background-image: url("../images/tit_line.png");}
#qa #qa_list dl{ margin-top: 24px; border-radius: 12px; overflow: hidden;}
#qa #qa_list dl dt{ background: #ff7602; color: #fff; font-size: 1rem; font-weight: bold; padding: 20px 70px; position: relative; cursor: pointer;}
#qa #qa_list dl dt .ico{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #fff; color: #ff7602; font-size: 1rem; font-weight: bold; border-radius: 50%; position: absolute; left: 20px; top: 20px;}
#qa #qa_list dl dt .toggle{ display: flex; width: 16px; height: 16px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
#qa #qa_list dl dt .toggle:before{ content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
#qa #qa_list dl dt .toggle:after{ content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(90deg); transition: 0.3s;}
#qa #qa_list dl dt.active .toggle:after{ transform: translateX(-50%) translateY(-50%) rotate(0deg); opacity: 0;}
#qa #qa_list dl dt p{ margin: 0; line-height: 1.5em;}
#qa #qa_list dl dd{ display: none; background: #fff; font-size: 0.8rem; padding: 20px 20px 20px 70px; position: relative;}
#qa #qa_list dl dd.active{ display: block;}
#qa #qa_list dl dd .ico{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #ff7602; color: #fff; font-size: 1rem; font-weight: bold; border-radius: 50%; position: absolute; left: 20px; top: 18px;}
#qa #qa_list dl dd p{ margin: 0; line-height: 1.5em;}
#qa #qa_list dl dd .att ul{ margin-top: 14px;}
@media screen and (max-width:768px){
#qa #qa_list dl{ margin-top: 5%; border-radius: 2.5vw;}
#qa #qa_list dl dt{ font-size: 0.8rem; padding: 5% 15%;}
#qa #qa_list dl dt .ico{ width: 6.25vw; height: 6.25vw; font-size: 1rem; left: 5%; top: 5vw}
#qa #qa_list dl dt .toggle{ width: 3.75vw; height: 3.75vw; right: 5%;}
#qa #qa_list dl dd{ font-size: 0.8rem; padding: 5% 5% 5% 15%;}
#qa #qa_list dl dd .ico{ width: 6.25vw; height: 6.25vw; font-size: 1rem; left: 5%; top: 5vw;}
#qa #qa_list dl dd .att ul{ margin-top: 3.75vw;}
}



/*system*/
#system{ padding-bottom: 200px;}
#system .tit{ display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
#system .tit h3{ display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.35rem; position: relative;}
#system .tit h3:before{ content: ""; width: 2px; height: 1.5em; background: #000; position: absolute; left: -1.5em; bottom: 0; transform: rotate(-22.5deg);}
#system .tit h3:after{ content: ""; width: 2px; height: 1.5em; background: #000; position: absolute; right: -1.5em; bottom: 0; transform: rotate(22.5deg);}


#system_nav *{ transition: 0.3s;}
#system_nav ul{ display: flex; width: calc(100% + 8px); margin-left: -4px;}
#system_nav ul li{ width: calc(33.33% - 8px); height: 70px; margin: 0 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border: 2px solid #F2F3EE; border-radius: 12px 12px 0 0; cursor: pointer;}
#system_nav ul li span{ font-size: 0.5rem; font-weight: bold; margin-bottom: 0.5em;}
#system_nav ul li strong{ font-size: 1rem; line-height: 32px; font-weight: bold; color: #804310; padding-left: 40px; position: relative;}
#system_nav ul li strong:before{ content: ""; width: 32px; height: 32px; background: url("../images/system01_tit_ico.png") center center; background-size: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
#system_nav ul li.active{ background: #f5eedb; border-color: #f5eedb;}
#system_nav ul li.active strong{ color: #C8982D;}
#system_nav ul li#system_nav01 strong:before{ background: url("../images/system01_tit_ico.png") center center; background-size: 100%;}
#system_nav ul li#system_nav02 strong:before{ background: url("../images/system02_tit_ico.png") center center; background-size: 100%;}
#system_nav ul li#system_nav03 strong:before{ background: url("../images/system03_tit_ico.png") center center; background-size: 100%;}
@media screen and (max-width:768px){
#system_nav ul{ width: calc(100% + 2px); margin-left: -1px;}
#system_nav ul li{ width: calc(33.33% - 2px); height: 17.5vw; margin: 0 2px; border-radius: 1.25vw 1.25vw 0 0;}
#system_nav ul li span{ font-size: 0.4rem; text-align: center;}
#system_nav ul li strong{ font-size: 0.8rem; line-height: 5vw; padding-left: 6.25vw;}
#system_nav ul li strong:before{ width: 5vw; height: 5vw;}
}

.system_cont{ display: none;}
.system_cont.active{ display: block;}
.system_cont{ background: #f5eedb; border-radius: 0 0 12px 12px; padding: 40px;}
.system_cont h3{ text-align: center; font-size: 1rem; margin-bottom: 20px;}
.system_cont h3 strong{ color: #C8982D;}
.system_cont p.lead{ text-align: center; font-size: 0.9rem;}
.system_cont .att ul li a{ text-decoration: underline;}
.system_cont .att ul li a:hover{ text-decoration: none;}
@media screen and (max-width:768px){
.system_cont{ border-radius: 0 0 1.25vw 1.25vw; padding: 7.5% 5%;}
.system_cont h3{ font-size: 0.8rem; margin-bottom: 3.75%;}
.system_cont p.lead{ font-size: 0.7rem; text-align: justify;}
.system_cont#system_cont02 h3{ font-size: 1rem; margin-bottom: 0;}
}

.system_cont .system_step{ margin-top: 60px;}
.system_cont .system_step h4{ text-align: center; margin-bottom: 20px;}
.system_cont .system_step h4 span{ display: block; font-size: 1rem; line-height: 1.25em; margin-bottom: 0.25em;}
.system_cont .system_step h4 strong{ display: block; font-size: 1.2rem; line-height: 1.25em;}
.system_cont .system_step ul{ display: flex; flex-wrap: wrap; width: calc(100% + 8px); margin: -4px 0 -4px -4px;}
.system_cont .system_step ul li{ width: calc(25% - 8px); margin: 4px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; padding: 20px 0 30px; border-radius: 12px;}
.system_cont .system_step ul li strong.num{ font-size: 1.4rem; line-height: 1em;}
.system_cont .system_step ul li figure{ margin: 5px auto 10px;}
.system_cont .system_step ul li figure img{ width: 72px;}
.system_cont .system_step ul li h5{ display: flex; align-items: center; justify-content: center; font-size: 0.75rem; line-height: 1.25em; text-align: center;}
.system_cont#system_cont03 .system_step ul li{ padding: 15px 0 20px;}
.system_cont#system_cont03 .system_step ul li h5{ min-height: 2.5em;}
@media screen and (max-width:768px){
.system_cont .system_step{ margin-top: 10%;}
.system_cont .system_step h4{ margin-bottom: 5%;}
.system_cont .system_step h4 span{ font-size: 0.8rem;}
.system_cont .system_step h4 strong{ font-size: 1rem;}
.system_cont .system_step ul{ width: calc(100% + 4px); margin: -2px 0 -2px -2px;}
.system_cont .system_step ul li{ width: calc(50% - 4px); margin: 2px; padding: 2.5% 0 3.75%; border-radius: 1.25vw;}
.system_cont .system_step ul li strong.num{ font-size: 1.4rem; line-height: 1em;}
.system_cont .system_step ul li figure{ margin: 2.5% auto;}
.system_cont .system_step ul li figure img{ width: 50%;}
.system_cont .system_step ul li h5{ font-size: 0.75rem;}
.system_cont#system_cont03 .system_step ul li{ padding: 2.5% 0;}
.system_cont#system_cont03 .system_step ul li h5{ min-height: 2.5em;}
}

.system_cont .system_schedule{ margin-top: 80px;}
.system_cont .system_schedule h4{ text-align: center; font-size: 1.1rem; margin-bottom: 30px; position: relative; z-index: 1;}
.system_cont .system_schedule h4:after{ content: ""; width: 242px; height: 22px; background: url("../images/system_tit_bg.png") center center no-repeat; background-size: 100%; position: absolute; left: 0; right: 0; bottom: -8px; margin: auto; z-index: -1;}
.system_cont .system_schedule p.txt{ text-align: center; font-size: 0.7rem; margin-bottom: 30px;}
.system_cont .system_schedule .system_schedule_table{ border: 1px solid #D1A002; background: #fff; border-radius: 8px; overflow: hidden;}
.system_cont .system_schedule .system_schedule_table h5{ background: #D1A002; color: #fff; text-align: center; font-size: 1rem; padding: 0.5em;}
.system_cont .system_schedule .system_schedule_table dl{ display: flex; font-size: 0.9rem; padding: 20px 0; border-bottom: 1px solid #D1D1D1; margin: 0 20px;}
.system_cont .system_schedule .system_schedule_table dl:last-child{ border-bottom: none;}
.system_cont .system_schedule .system_schedule_table dl dt{ width: 80px; font-weight: bold;}
.system_cont .system_schedule .system_schedule_table dl dd{ display: flex; width: calc(100% - 80px);}
.system_cont .system_schedule .system_schedule_table dl dd h6{ width: 160px;}
.system_cont .system_schedule .system_schedule_table dl dd p{ width: calc(100% - 160px); font-size: 0.8rem;}
.system_cont .system_schedule .system_schedule_table .pickup{ position: relative;}
.system_cont .system_schedule .system_schedule_table .pickup .time{ position: absolute; right: 20px; top: calc(50% - 1px); transform: translateY(-50%); display: flex; align-items: center; justify-content: center; width: 32px; height: calc(100% - 20px); background: #D1A002; color: #fff; font-size: 0.7rem; letter-spacing: 0.1em; font-weight: bold; writing-mode: vertical-rl;}
.system_cont .system_schedule .system_schedule_table .pickup .time strong{ font-size: 0.9rem; line-height: 1em; writing-mode: horizontal-tb; margin: 0 0 0.25em;}
.system_cont .system_schedule .system_schedule_table .pickup .time:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent #D1A002 transparent; border-width: 0px 24px 13px 24px; position: absolute; left: 50%; top: -12px; transform: translateX(-50%);}
.system_cont .system_schedule .system_schedule_table .pickup .time:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #D1A002 transparent transparent transparent; border-width: 13px 24px 0px 24px; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%);}
.system_cont .system_schedule .system_schedule_table .pickup dl:last-child{ border-bottom: 1px solid #D1D1D1;}
.system_cont .system_schedule .system_schedule_table .pickup dl dt{ color: #D1A002;}
.system_cont .system_schedule .system_schedule_table .pickup dl dd h6{ color: #D1A002;}
.system_cont .system_schedule .system_schedule_table .pickup dl dd p{ padding-right: 48px;}
@media screen and (max-width:768px){
.system_cont .system_schedule{ margin-top: 20%;}
.system_cont .system_schedule h4{ font-size: 1.1rem; margin-bottom: 5%;}
.system_cont .system_schedule h4:after{ width: 55vw; height: 5vw; bottom: -1.25vw;}
.system_cont .system_schedule p.txt{ font-size: 0.7rem; margin-bottom: 5%;}

.system_cont .system_schedule .system_schedule_table{ width: calc(100% + 5vw); margin-left: -2.5vw; border-radius: 2.5vw;}
.system_cont .system_schedule .system_schedule_table h5{ font-size: 1rem;}
.system_cont .system_schedule .system_schedule_table dl{ font-size: 0.9rem; padding: 5% 0; margin: 0 5%;}

.system_cont .system_schedule .system_schedule_table dl dt{ width: 15vw;}
.system_cont .system_schedule .system_schedule_table dl dd{ display: block; width: calc(100% - 15vw);}
.system_cont .system_schedule .system_schedule_table dl dd h6{ width: 100%; margin-bottom: 2.5%;}
.system_cont .system_schedule .system_schedule_table dl dd p{ width: 100%; font-size: 0.8rem;}


.system_cont .system_schedule .system_schedule_table .pickup .time{ right: 5%; top: calc(50% - 1px); width: 7.5vw; height: calc(100% - 15%);}
.system_cont .system_schedule .system_schedule_table .pickup .time:before{ border-width: 0px 5vw 3.75vw 5vw; top: -3.5vw;}
.system_cont .system_schedule .system_schedule_table .pickup .time:after{ border-width: 3.75vw 5vw 0px 5vw; bottom: -3.5vw;}
.system_cont .system_schedule .system_schedule_table .pickup dl dd p{ padding-right: 10vw;}
}

.system_cont #store_list{ display: flex; flex-wrap: wrap; width: calc(100% + 8px); margin: -20px -4px -4px;}
.system_cont #store_list .store_list_area{ width: calc(50% - 8px); margin: 20px 4px 4px;}
.system_cont #store_list .store_list_area h4{ font-size: 0.9rem; line-height: 1em; border-left: 4px solid #D1A002; color: #D1A002; padding-left: 8px; margin-bottom: 10px;}
.system_cont #store_list .store_list_area a{ display: flex; flex-direction: column; justify-content: center; width: 100%; margin-top: 10px; background: #fff; border: 1px solid #D1A002; padding: 0.5em 1em 0.5em 0.5em; position: relative;}
.system_cont #store_list .store_list_area a:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #D1A002; border-width: 7px 0px 7px 7px; position: absolute; right: 0.5em; top: 50%; transform: translateY(-50%);}
.system_cont #store_list .store_list_area a h5{ font-size: 0.7rem;}
.system_cont #store_list .store_list_area a p{ font-size: 0.5rem;}
.system_cont #store_list .store_list_area a svg{ width: 14px;}
.system_cont #store_list .red{ color: #C70C18;}
@media screen and (max-width:768px){
.system_cont #store_list{ width: 100%; margin: 0;}
.system_cont #store_list .store_list_area{ width: 100%; margin: 7.5% auto 0;}
.system_cont #store_list .store_list_area h4{ font-size: 0.9rem; margin-bottom: 2.5%;}
.system_cont #store_list .store_list_area a{ padding: 0.5em 1em; margin-top: 1.25%;}
.system_cont #store_list .store_list_area a:after{ border-width: 1.25vw 0px 1.25vw 1.25vw; right: 0.75em;}
.system_cont #store_list .store_list_area a h5{ font-size: 0.7rem;}
.system_cont #store_list .store_list_area a p{ font-size: 0.5rem;}
.system_cont #store_list .store_list_area a svg{ width: 2.5vw;}
}

.modal_box.store_detail picture{ display: block; width: calc(100% + 120px); margin-left: -60px; margin-bottom: 40px;}
.modal_box.store_detail .store-newopen p{ display: inline-block; color: #e61919; border: 1px solid #e61919; padding: 0.125em 0.5em 0.25em; font-size: 0.8rem; line-height: 1em;}
.modal_box.store_detail h5{ font-size: 1rem; margin-bottom: 20px;}
.modal_box.store_detail table{ width: 100%; border-collapse: collapse; border-spacing: 0;}
.modal_box.store_detail table th{ vertical-align: middle; width: 8em; font-size: 0.8rem; line-height: 1.5em; padding: 0.75em 0; border-bottom: 1px solid #f5f5f5;}
.modal_box.store_detail table td{ vertical-align: middle; font-size: 0.8rem; line-height: 1.5em; padding: 0.75em 0; border-bottom: 1px solid #f5f5f5;}
.modal_box.store_detail table tr:first-child th,
.modal_box.store_detail table tr:first-child td{ border-top: 1px solid #f5f5f5;}
.modal_box.store_detail table td p{ line-height: 1.5em;}
.modal_box.store_detail table td .parking_campaign{ background: #f2f3ee; padding: 1em;}
.modal_box.store_detail table td .parking_campaign h6{ font-size: 0.7rem; line-height: 1.25em; font-weight: 500;}
.modal_box.store_detail table td .parking_campaign dl{ font-size: 0.7rem; line-height: 1.25em; display: flex; align-items: center; margin-top: 0.5em;}
.modal_box.store_detail table td .parking_campaign dl dd:before{ content: "▶"; font-size: 66.66%; margin: 0 1em; line-height: 1.25em;}
.modal_box.store_detail table td .store_item_list{ display: flex; flex-wrap: wrap; width: calc(100% + 4px); margin: -4px 0 -4px -2px;}
.modal_box.store_detail table td .store_item_list span{ display: flex; align-items: center; justify-content: center; border: 1px solid #ccc; border-radius: 4px; margin: 4px 2px; padding: 0.25em 0.5em 0.33em; font-size: 0.7rem;}
.modal_box.store_detail table td a{ text-decoration: underline;}
.modal_box.store_detail table td a:hover{ text-decoration: none;}
.modal_box.store_detail table td a.map{ display: flex; align-items: center; justify-content: center; width: 8em; padding-bottom: 0.125em; background: #3C8D6F; color: #fff; font-size: 0.7rem; text-decoration: none; margin-top: 0.25em; transition: 0.3s;}
.modal_box.store_detail table td a.map:hover{ opacity: 0.7;}
@media screen and (max-width:768px){
.modal_box.store_detail picture{ width: calc(100% + 7.5vw); margin-left: -3.75vw; margin-bottom: 5%;}
.modal_box.store_detail .store-newopen p{ font-size: 0.8rem;}
.modal_box.store_detail h5{ font-size: 1rem; margin-bottom: 7.5%;}
.modal_box.store_detail table th{ display: block; width: 100%; font-size: 0.8rem; padding: 0.5em 0 0; border-bottom: none;}
.modal_box.store_detail table td{ display: block; width: 100%; font-size: 0.8rem; padding: 0.25em 0 0.5em;}
.modal_box.store_detail table tr:first-child td{ border-top: none;}
.modal_box.store_detail table td .parking_campaign h6{ font-size: 0.7rem;}
.modal_box.store_detail table td .parking_campaign dl{ display: block;}
.modal_box.store_detail table td .parking_campaign dl dt{ font-weight: bold;}
.modal_box.store_detail table td .parking_campaign dl dd:before{ font-size: 75%; margin: 0 0.75em 0 0;}
.modal_box.store_detail table td .store_item_list{ margin-top: 0.5em;}
.modal_box.store_detail table td .store_item_list span{ padding: 0.25em 0.75em 0.33em; font-size: 0.6rem;}
.modal_box.store_detail table td a.map{ font-size: 0.7rem;}
}