@charset "utf-8";
/*メイン*/
#content{ overflow:hidden;}
section{ width:100%; margin:0 auto; padding: 80px 0;}
.maincontent{ padding:0; margin:0 auto; width:750px;}
@media screen and (max-width:768px){
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.25em; margin-bottom: 0.25em;}
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{ background: #F2F3EE; padding: 60px 0;}
.cv .maincontent{ padding-left: 260px; position: relative;}
.cv .maincontent:before{ content: ""; background: url("../images/cv_ill_pc.png") center bottom no-repeat; background-size: 100%; width: 206px; height: 388px; position: absolute; left: 0; bottom: 0;}
.cv h3{ display: flex; align-items: center; justify-content: center; text-align: center; margin-bottom: 20px;}
.cv h3 strong{ display: flex; align-items: center; justify-content: center; background: #fff; border: 3px solid #7AAE9B; width: 340px; height: 60px; border-radius: 30px; font-size: 1rem; line-height: 1em; padding-bottom: 0.125em; position: relative;}
.cv h3 strong:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #7aae9b transparent transparent transparent; border-width: 16px 8px 0px 8px; position: absolute; left: 0; right: 0; bottom: -16px; margin: auto;}
.cv h3 strong:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 12px 5px 0px 5px; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto;}
.cv .cv_box{ background: #fff; margin: auto; padding: 30px; border-radius: 12px; position: relative; z-index: 1;}
.cv .cv_box h4{ text-align: center; font-size: 1.0rem; line-height: 1.5em; margin-bottom: 20px;}
.cv .cv_box h4 strong{ font-size: 1.3rem; line-height: 1.5em; color: #C8982D; margin-right: 0.5em;}
.cv .cv_box h5{ text-align: center; font-size: 0.9rem; line-height: 1.75em; margin: 30px auto 15px;}
.cv .cv_box figure.cv_btn_tel_pc dl{ display: flex; align-items: center; justify-content: center; margin: auto;}
.cv .cv_box figure.cv_btn_tel_pc dl dt{ display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: #EF3F15; color: #fff; border-bottom: 2px solid #A52000; border-radius: 50%;}
.cv .cv_box figure.cv_btn_tel_pc dl dt img{ width: 36px;}
.cv .cv_box figure.cv_btn_tel_pc dl dd{ font-size: 2.6rem; line-height: 1em; font-weight: bold; color: #EF3E15; margin-left: 10px;}
.cv .cv_box figure.cv_btn_tel_pc p{ font-size: 0.7rem; margin-top: 10px;}
.cv .cv_box figure.cv_btn_tel_pc p strong{ color: #EF3E15;}
.cv .cv_box figure.cv_btn a{ display: flex; justify-content: center; margin: auto; width: 320px; height: 70px; background: #EF3F15; color: #fff; border-bottom: 2px solid #B42706; padding: 12px 0; border-radius: 12px;}
.cv .cv_box figure.cv_btn.tel a{ background: #EF3F15; color: #fff; border-bottom: 2px solid #B42706;}
.cv .cv_box figure.cv_btn.mail a{ background: #FF7602; color: #fff; border-bottom: 2px solid #BC5600;}
.cv .cv_box figure.cv_btn dl{ display: flex; width: 100%;}
.cv .cv_box figure.cv_btn 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 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);}
.cv .cv_box figure.cv_btn dl dd span{ display: flex; align-items: center; justify-content: center; background: #fff; color: #313131; font-size: 0.5rem; font-weight: bold; padding: 0 1em 0.125em; border-radius: 4px; margin-top: 0.6em; text-shadow: none;}
.cv .cv_box figure.cv_btn dl dd span strong{ color: #E60001;}
@media screen and (max-width:768px){
.cv{ padding: 10% 0;}
.cv .maincontent{ padding-left: 0;}
.cv .maincontent:before{ display: none;}
.cv h3{ padding-left: 25vw; width: calc(100% - 2.5vw); margin-bottom: 5vw;}
.cv h3 strong{ border: 3px solid #7AAE9B; width: 100%; height: 10vw; border-radius: 10vw; font-size: 0.8rem;}
.cv h3 strong:before{ content: ""; width: 0; height: 0; border-style: solid; border-color: #7aae9b transparent transparent transparent; border-width: 16px 8px 0px 8px; position: absolute; left: 0; right: 0; bottom: -16px; margin: auto;}
.cv h3 strong:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 12px 5px 0px 5px; position: absolute; left: 0; right: 0; bottom: -10px; margin: auto;}
.cv .cv_box{ width: 100%; padding: 5% 5% 7.5%; border-radius: 1.25vw;}
.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: 3.75%;}
.cv .cv_box h4 strong{ font-size: 1rem;}
.cv .cv_box h5{ font-size: 0.8rem; margin: 7.5% auto 3.75%;}
.cv .cv_box figure.cv_btn a{ width: 100%; height: 17.5vw; padding: 1.875vw 0; border-radius: 1.25vw;}
.cv .cv_box figure.cv_btn dl dt{ width: 20%; padding: 0 2.5vw;}
.cv .cv_box figure.cv_btn dl dd{ width: 80%; font-size: 1rem;}
.cv .cv_box figure.cv_btn dl dd span{ font-size: 0.6rem; padding: 0 1em 0.125em; border-radius: 0.625vw;}
}

#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;}
}



/*result_list*/
#result_list_slide{ height: 366px; margin-bottom: 70px; position: relative;}
#result_list_slide ul{ width: 2170px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#result_list_slide ul{ padding: 0 5px; margin-bottom: 60px;}
#result_list_slide ul li{ width: 100%; margin: 0 5px; background: #F2F3EE; border: 3px solid #F2F3EE; padding-bottom: 20px; border-radius: 12px; overflow: hidden;}
#result_list_slide ul li figure{ margin-bottom: 20px;}
#result_list_slide ul li figure img{ width: 100%;}
#result_list_slide ul li h4{ font-size: 0.7rem; text-align: center; margin-bottom: 20px;}
#result_list_slide ul li .price p{ text-align: center; font-size: 0.7rem; color: #E60002;}
#result_list_slide ul li .price p span{ display: block; color: #313131; margin-bottom: 0.75em;}
#result_list_slide ul li .price p strong{ font-size: 1.7rem;}
#result_list p.follow{ text-align: center; font-size: 1rem; margin-top: 40px;}
#result_list p.follow a{ color: #0671C0; text-decoration: underline; font-weight: 600;}
#result_list p.follow a:hover{ text-decoration: none;}
@media screen and (max-width:768px){
#result_list_slide{ height: auto; padding: 0; margin-bottom: 10%;}
#result_list_slide ul{ width: calc(100% + 150vw); margin-left: -75vw; position: static; transform: none;}
#result_list_slide ul{ padding: 0 1.25vw; margin-bottom: 7.5%;}
#result_list_slide ul li{ width: 100%; margin: 0 1.25vw; padding-bottom: 3.75vw; border-radius: 2.5vw;}
#result_list_slide ul li figure{ margin-bottom: 3.75vw;}
#result_list_slide ul li figure img{ width: 100%;}
#result_list_slide ul li h4{ font-size: 0.7rem; margin-bottom: 5vw;}
#result_list_slide ul li .price p{ font-size: 0.7rem;}
#result_list_slide ul li .price p strong{ font-size: 1.7rem;}
#result_list p.follow{ font-size: 0.7rem; margin-top: 5%;}
}

/*slick調整*/
/*
#result_list_slide .slick-prev,
#result_list_slide .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; width: 40px; height: 40px; padding: 0; transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; z-index: 99; transition: 0.3s;}
#result_list_slide .slick-prev{ left: calc(20% - 20px);}
#result_list_slide .slick-next{ right: calc(20% - 20px);}
#result_list_slide .slick-prev::before,
#result_list_slide .slick-next::before{font-family: 'slick'; font-size: 40px; opacity:1.0; color: #000;}
#result_list_slide .slick-prev::before{ content: "←"}
#result_list_slide .slick-next::before{ content: "→"}
#result_list_slide .slick-prev:hover,
#result_list_slide .slick-next:hover{ opacity: 0.7;}
*/
#result_list_slide .slick-prev,
#result_list_slide .slick-next{ display: none !important;}
#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: -40px; 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: #FF6C00;}
@media screen and (max-width:768px){
#result_list_slide ul.slick-dots{ bottom: -5vw;}
#result_list_slide ul.slick-dots li button{ margin: 0 1.25vw; width: 1.875vw; height: 1.875vw;}
}



/*result*/
#result{ background: #F2F3EE;}
#result h2{ text-align: center; font-size: 1rem; margin-bottom: 20px;}
#result h2 strong{ display: inline-block; padding-bottom: 0.25em; border-bottom: 1px solid #C8982D;}
#result figure.tit{ text-align: center; margin-bottom: 15px;}
#result figure.tit img{ width: 640px;}
#result figure.zu img{ width: 470px;}
#result .att_result{ 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{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 444px; background: #fff; padding: 25px; border-radius: 12px;}
#result .pc dl dd{ display: flex; align-items: center;width: 264px; margin: 0;}
@media screen and (max-width:768px){
#result .sp h2{ 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 ul{ display: flex; flex-direction: row; align-items: center; margin: 5% auto 0;}
#result .sp .att_result ul li{ font-size: 0.5rem;}
}



/*reason*/
#reason .reason_list{ display: flex; width: calc(100% + 20px); margin-left: -10px;}
#reason .reason_box{ width: calc(50% - 20px); margin: 0 10px; background: #77AB98; color: #fff; padding: 20px; border-radius: 16px;}
#reason .reason_box h3{ display: flex; margin-bottom: 10px;}
#reason .reason_box h3 strong{ display: flex; align-items: center; justify-content: center; border: 1px solid #fff; padding: 0.25em 0.5em 0.33em; font-size: 0.9rem; line-height: 1em;}
#reason .reason_box h4{ font-size: 0.9rem; line-height: 1.33em}
#reason .reason_box h4 strong{ font-size: 1.1rem; line-height: 1.33em; color: #FFE799;}
#reason .reason_box figure.reason_btn{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
#reason .reason_box figure.reason_btn a{ display: flex; align-items: center; justify-content: center; width: 200px; height: 35px; background: #fff; color: #313131; font-size: 0.6rem; font-weight: bold; border-radius: 35px; position: relative; padding-right: 10px;}
#reason .reason_box figure.reason_btn a:after{ content: ""; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #313131; border-width: 5px 0px 5px 5px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%);}
@media screen and (max-width:768px){
#reason .reason_list{ display: block; width: 100%; margin: auto;}
#reason .reason_box{ width: 100%; margin: 5% 0 0; padding: 5%; border-radius: 2.5vw;}
#reason .reason_box h3{ margin-bottom: 1.25%;}
#reason .reason_box h3 strong{ font-size: 0.9rem;}
#reason .reason_box h4{ font-size: 0.9rem;}
#reason .reason_box h4 strong{ font-size: 1.1rem;}
#reason .reason_box figure.reason_btn{  margin-top: 5%;}
#reason .reason_box figure.reason_btn a{ width: 50vw; height: 10vw; font-size: 0.6rem; border-radius: 10vw; padding-right: 3.75vw;}
#reason .reason_box figure.reason_btn a:after{ border-width: 1.5vw 0 1.5vw 1.5vw; right: 7.5vw;}
}



/*promise*/
#promise .lead{ text-align: justify; font-size: 0.9rem;}
#promise dl{ margin-top: 60px;}
#promise dl dt h3{ margin-bottom: 20px; display: flex; align-items: center; padding: 10px 40px; background: #7AAE9B; color: #fff;}
#promise dl dt h3 span{ width: 48px; padding-right: 12px;}
#promise dl dt h3 strong{ width: calc(100% - 48px); font-size: 1.3rem;}
#promise dl dd{ margin: 0 25px; padding-right: 280px; position: relative;}
#promise dl dd.w100{ padding: 0;}
#promise dl dd p{ font-size: 0.9rem;}
#promise dl dd p.att{ font-size: 0.7rem; font-weight: 400; padding-left: 2em; position: relative;}
#promise dl dd p.att:before{ content: "※："; position: absolute; left: 0; top: 0;}
#promise figure.more_btn{ display: flex; align-items: center; justify-content: center; margin: 0 auto; position: absolute; right: 0; bottom: 0;}
#promise figure.more_btn a{ display: flex; align-items: center; justify-content: center; width: 210px; height: 42px; background: #7AAE9B; 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);}
#promise 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%);}
#promise figure.more_btn a span:before{ content: ""; width: 100%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);}
#promise 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){
#promise .lead{ font-size: 0.8rem;}
#promise dl{ margin-top: 10%;}
#promise dl dt h3{ margin-bottom: 3.75%; width: calc(100% + 7.5vw); margin-left: -3.75vw; padding: 1.875vw 3.75vw;}
#promise dl dt h3 span{ width: 10vw; padding-right: 2.5vw;}
#promise dl dt h3 strong{ width: calc(100% - 10vw); font-size: 1.1rem;}
#promise dl dd{ margin: 0 0; padding: 0;}
#promise dl dd p{ font-size: 0.8rem;}
#promise dl dd p.att{ font-size: 0.7rem;}
#promise figure.more_btn{ margin: 5% auto 0; position: relative;}
#promise figure.more_btn a{ width: 36vw; height: 10vw; border-radius: 1.25vw; font-size: 0.7rem;}
#promise figure.more_btn a span{ width: 2.5vw; height: 2.5vw; right: 3.75vw;}
}



/*result2*/
#reason2 .lead{ text-align: center; font-size: 0.9rem;}
#reason2 .lead a{ text-decoration: underline; font-weight: bold; color: #0671C0;}
#reason2 .lead a:hover{ text-decoration: none;}
#reason2 dl{ margin-top: 60px;}
#reason2 dl dt h3{ margin-bottom: 20px; display: flex; align-items: center; padding: 10px 40px; background: #7AAE9B; color: #fff;}
#reason2 dl dt h3 span{ width: 48px; padding-right: 12px;}
#reason2 dl dt h3 strong{ width: calc(100% - 48px); font-size: 1.3rem;}
#reason2 dl dd{ margin: 0 25px;}
#reason2 dl dd p{ font-size: 0.9rem;}
#reason2 dl dd p.att{ font-size: 0.7rem; font-weight: 400; padding-left: 2em; position: relative;}
#reason2 dl dd p.att:before{ content: "※："; position: absolute; left: 0; top: 0;}
#reason2 dl dd.reason2_03{ display: flex; justify-content: space-between;}
#reason2 dl dd.reason2_03 p{ width: calc(100% - 280px);}
#reason2 .buysell_img{ width: 260px; margin: 0;}
#reason2 .buysell_img img{ border: 1px solid #7AAE9B; border-radius: 8px;}
@media screen and (max-width:768px){
#reason2 .lead{ font-size: 0.8rem;}
#reason2 dl{ margin-top: 10%;}
#reason2 dl dt h3{ margin-bottom: 3.75%; width: calc(100% + 7.5vw); margin-left: -3.75vw; padding: 1.875vw 3.75vw;}
#reason2 dl dt h3 span{ width: 10vw; padding-right: 2.5vw;}
#reason2 dl dt h3 strong{ width: calc(100% - 10vw); font-size: 1.1rem;}
#reason2 dl dd{ margin: 0 0;}
#reason2 dl dd p{ font-size: 0.8rem;}
#reason2 dl dd p.att{ font-size: 0.7rem;}
#reason2 dl dd.reason2_03{ display: block;}
#reason2 dl dd.reason2_03 p{ width: 100%;}
#reason2 .buysell_img{ width: 100%; margin-top: 10%;}
#reason2 .buysell_img img{ border-radius: 1.25vw;}
}



/*qa*/
#qa{ background: #F2F3EE;}
#qa #qa_list dl{ margin-top: 24px; border-radius: 12px; overflow: hidden;}
#qa #qa_list dl dt{ background: #7AAE9B; 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: #7AAE9B; 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: #7AAE9B; 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;}
}



/*voice*/
#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: #F2F3EE; padding: 12px; border-radius: 12px; position: relative;}
#voice_slide ul li figure.prof{ width: 92px; height: 92px; border: 6px solid #F2F3EE; 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: #79AF9B; 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;}
@media screen and (max-width:768px){
#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 #F2F3EE; 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;}
}

/*slick調整*/
#voice_slide .slick-prev,
#voice_slide .slick-next{ display: none !important;}
#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: -40px; 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: #79AF9B;}
@media screen and (max-width:768px){
#voice_slide ul.slick-dots{ bottom: -5vw;}
#voice_slide ul.slick-dots li button{ margin: 0 1.25vw; width: 1.875vw; height: 1.875vw;}
}



/*item_list*/
#item{ background: #F2F3EE; padding: 80px 0; margin-top: 80px;}
#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: 10% 0; margin-top: 10%;}
#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;}
}



/*system*/
#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: #F2F3EE;}
#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: #F2F3EE; 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 #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 #7AAE9B; color: #7AAE9B; 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 #7AAE9B; 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 #7aae9b; 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: #7aae9b; 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;}
}