@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* 共通 */
.contents_tit{text-align: center;}
.contents_tit span{font-size: 1.5em;display: inline;position: relative;font-weight: 600;letter-spacing: 0.1em;padding-left: 0.1em;border-bottom: 4px dotted;padding-bottom: 0.1em;line-height: 1.8;}
.contents_tit + *{margin-top: 1.5em;}
.contents_tit + p{margin-top: 1.5em;}
a{color: #0961B8;text-decoration: underline;}
section{padding: 3em 0!important;}
.lead{line-height: 1.6;font-size: 0.8em;text-align: justify;}
.kan-main-content--full-width{margin-inline: auto;}
.inner{max-width: 600px;margin-inline: auto;}

/* アコーディオン */
.ac_item{max-width: 600px;margin: 2.5em auto 0;border-radius: 1em;overflow: hidden;box-shadow: 0.2em 0.2em 0.6em rgba(0,0,0,0.3);}
.ac_item > dt{background: #0961B8;color: #fff;font-size: 1em;padding: 1em 1em;font-weight: 600;display: flex;justify-content: space-between;pointer-events: none;}
.ac_item > dd{background: #E8F2FE;padding: 1em 1.5em 1.5em 1.5em;}
.ac_item > dd .list p{font-size: 0.9em;line-height: 1.7;padding-left: 1.3em;text-indent: -1.3em;color: #0961B8;}
.ac_item + .ac_item{margin-top: 1.2em;}

.ac_item > dt{pointer-events: auto;cursor: pointer;}
.ac_item > dt::after{content: "＋";font-size: 1.8em;font-weight: 900;line-height: 0.5;}
.ac_item > dt.active::after{content: "ー";}
.ac_item > dd{display: none;}
/* Q&A */
.qa_item{margin-top: 2.5em;}
.qa_item > dt{color: #EE7602;font-weight: 600;font-size: 1.2em;display: flex;align-items: center;}
.qa_item > dt::before{content: "Q";width: 1.5em;height: 1.5em;background: #EE7602;color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 0.3em;font-size: 1.2em;font-weight: 600;font-family: "Inter", sans-serif;}
.qa_item > dd{margin: 0.5em 0 0 2.7em;}
.qa_item + .ac_item{margin-top: 1.2em;}
/* ボタン */
.btn{display: flex;justify-content: space-between;align-items: center; max-width: 550px;margin: 2em auto 0!important;transition: 0.3s all;background: #0961B8;color: #fff!important;border-radius: 2em;box-shadow: 0.2em 0.2em 0.6em rgba(0,0,0,0.3);font-size: 1em;padding: 1em 1.5em!important;font-weight: 600!important;text-decoration: none!important;}
.btn::after{content: "";display: block;width: 1.3em;height: 1.3em;background: #fff;mask: url("../img/arrow.svg") no-repeat center / contain;transform: rotate(270deg)}

.bnr_img{display: block;max-width: 600px;margin: 0.7em auto 0!important;padding-left: 1em!important;transition: 0.3s all;}

.bottom_lead{font-size: 1.1em;text-align: center;line-height: 1.5;margin-top: 3em;font-weight: 600;}

@media only screen and (min-width: 769px) {
.kan-main{font-size: 20px;}
.sp{display: none!important;}
a:hover{text-decoration: none;}
}

#mv{background: #E8F2FE;margin-top: 1em;border-radius: 1.5em 1.5em 0 0;padding: 1em 0 2.5em;}
#mv h1{width: 8.5em;margin-inline: auto;}
.mv_item{display: flex;justify-content: space-between;}
.mv_item > figure:nth-of-type(1){width: 9em;margin-top: -1em;}
.mv_item > figure:nth-of-type(2){width: 6em;margin: -0.5em 1.5em 0 0;}
.mv_item > .mvSpeechbubbles{width: 28em;align-self: center;background: #fff;border-radius: 1em;padding: 2em 0 2.5em;margin-left: -1em;position: relative;}
.mv_item > .mvSpeechbubbles::before{content: "";clip-path: polygon(100% 0, 100% 100%, 0 50%);display: block;width: 1.5em;height: 1.2em;background: #fff;position: absolute;left: -1.4em;bottom: 4em;}
.mv_item > .mvSpeechbubbles::after{content: "";clip-path: polygon(0 0, 100% 50%, 0 100%);display: block;width: 1.5em;height: 1.2em;background: #fff;position: absolute;right: -1.4em;bottom: 7em;}
.mv_item > .mvSpeechbubbles h2{font-size: 2.5em;display: flex;flex-direction: column;align-items: center;}
.mv_item > .mvSpeechbubbles h2 > small{border: 2px solid #0961B8;border-radius: 0.5em;padding: 0.3em 0.7em;color: #0961B8;font-weight: 600;font-size: 0.4em;letter-spacing: 0.1em;}
.mv_item > .mvSpeechbubbles h2 > div span{margin-top: 0.3em;font-weight: 600;color: #0961B8;border-bottom: 0.1em dotted #EE7602;padding-bottom: 0.3em;display: inline-block;}
.mv_item > .mvSpeechbubbles h2 > div span small{font-size: 0.8em;font-weight: 600;color: #0961B8;}
.mv_item > .mvSpeechbubbles h2 > div span strong{font-weight: 600;color: #EE7602;}
.mv_lead{width: 37em;margin: 1em auto 0;}
.mv_lead .contents_tit{color: #0961B8;}
.mv_lead .contents_tit span::after{border-top-color: #0961B8;}
.mv_lead .contents_tit + p{}
.mv_lead .contents_tit + p em{font-weight: 600;font-style: normal;color: #0961B8;}
.mv_lead .contents_tit + p em strong{font-weight: 600;color: #EE7602;}
#anchor{background: url("../img/anchor_bk.webp") no-repeat center top/cover;padding: 2em;text-align: center;}
#anchor .contents_tit{color: #fff;}
#anchor .contents_tit span{border-bottom-color: #FFF500;}
#anchor .anchor_btn{display: flex;justify-content: center;gap: 1em;margin-top: 1.5em;}
#anchor .anchor_btn > *{color: #0961B8;background: #fff;border-radius: 1em;box-shadow: 0.2em 0.2em 0.6em rgba(0,0,0,0.3);text-decoration: none!important;padding: 1em 1em 0.5em 1em;font-weight: 600;line-height: 1.5;}
#anchor .anchor_btn > *::after{content: "";display: block;margin: 0.5em auto 0;width: 1.2em;height: 1.2em;background: #0961B8;mask: url("../img/arrow.svg") no-repeat center / contain;}
#anchor .contents_tit{color: #fff;}
#anchor .contents_tit span::after{border-top-color: #FFF500;}

.note_area{margin-top: 3em;}
.note_area p{text-indent: -1.3em;padding-left: 1.3em;line-height: 1.5;font-size: 0.65em;}

#about .contents_tit{color: #0961B8;}
#about .contents_tit span{border-bottom-color: #EE7602;}
.about_item01{display: flex;justify-content: space-between;}
.about_item01 p{width: 40%;}
.about_item01 figure{width: 58%;}
.about_item01 + .lead{margin-top: 1em;}
#about .bottom_lead{color: #0961B8;}

#treatment{background: #0961B8;color: #fff;}
#treatment .contents_tit + p strong{font-weight: 600;color: #FFF500;}
#treatment .contents_tit span{border-bottom-color: #FFF500;}
.treatment_link_btn{display: flex;justify-content: center;flex-wrap: wrap;gap: 1em 2%;margin-top: 1.5em;}
.treatment_link_btn > *{width: 49%;}
.treatment_link_btn > dt a{width: 100%;height: 100%; box-shadow: 0.2em 0.2em 0.6em rgba(0,0,0,0.3);background: #fff;border-radius: 0.5em;overflow: hidden;text-decoration: none!important;display: grid;grid-template-columns: 18% 78%;justify-content: space-between;grid-template-rows: max-content 1fr; padding: 1em 2em 1em 1em;position: relative;transition: 0.3s all;}
.treatment_link_btn > dt a::before{content: "";width: 1.3em;height: 100%;display: block;background: #EE7602;position: absolute;right: 0;top: 0;}
.treatment_link_btn > dt a::after{content: "";width: 1em;height: 1em;display: block;background: url("../img/arrow.svg") no-repeat center center/contain;position: absolute;right: 0.15em;top: 0;bottom: 0;margin: auto 0;z-index: 1;transform: rotate(270deg);}
.treatment_link_btn > dt a figure{margin-inline: auto;grid-row: 1/3;display: flex;justify-content: center;align-items: center;}
.treatment_link_btn > dt a h4{font-size: 1em;font-weight: 600;text-decoration: none!important;color: #0D67BD;}
.treatment_link_btn > dt a h4 + .lead{margin-top: 1em;line-height: 1.4;color: #484848;}
.treatment_link_btn > dt a h4 + .lead small{display: inline-block;margin-top: 0.5em;font-size: 0.7em;}
.treatment_link_btn > dd .btn{width: 100%;background: #fff;color: #0D67BD!important;}
.treatment_link_btn > dd .btn::after{background: #0D67BD;}
#treatment .bottom_lead{color: #fff;}

#suited_me .contents_tit{color: #0D67BD;}
#suited_me .contents_tit span{border-bottom-color: #EE7602;}
#suited_me .contents_tit span strong{font-weight: 600;color: #EE7602;}
#suited_me .contents_tit + p strong{font-weight: 600;color: #0D67BD;}
#suited_me .bottom_lead{color: #0961B8;}

#think{background: #0961B8;color: #fff;}
#think .contents_tit span strong{color: #F0EB0C;font-weight: 600;}
#think .contents_tit span{border-bottom-color: #FFF500;}
#think .bottom_lead{color: #F0EB0C;}

@media only screen and (min-width: 769px) {
.bnr_img:hover,.treatment_link_btn > dt a:hover{opacity: 0.6;}
.btn:hover{opacity: 0.6;color: #fff!important;}
.treatment_link_btn > dd .btn:hover{color: #0D67BD!important;}
}

@media only screen and (max-width: 768px) {
.kan-main{font-size: 4vw;}
.pc{display: none!important;}

/* 共通 */
.contents_tit{text-align: center;}
.contents_tit span{font-size: 1.1em;}
.contents_tit + *{margin-top: 1.5em;}
.contents_tit + p{margin-top: 1.5em;}
section{padding: 2em 1em!important;}
.lead{line-height: 1.6;font-size: 0.8em;text-align: justify;}
section .kan-main-content--full-width{margin-inline: auto;}
.inner{max-width: 600px;margin-inline: auto;}

/* アコーディオン */
.ac_item{margin: 1.5em auto 0;font-size: 0.9em;border-radius: 0.7em;}
.ac_item + .ac_item{margin-top: 1.2em;}

/* Q&A */
.qa_item{margin-top: 1.5em;}
.qa_item > dt{font-size: 1em;}
.qa_item > dd{margin: 0.5em 0 0 0;}
.qa_item + .ac_item{margin-top: 1em;}
/* ボタン */
.btn{font-size: 0.9em;margin-top: 1.5em!important;}

.bnr_img{padding-left: 0!important;}

.bottom_lead{margin-top: 2em;font-size: 0.9em;}

#mv{margin-top: 0;border-radius: 0;padding: 1em 0 1.5em;}
#mv h1{width: 8.5em;margin-inline: 0;margin-left: 1em;}
.mv_item{margin-top: 0.5em;align-items: flex-end;}
.mv_item > figure:nth-of-type(1){width: 24%;margin-top: 0;}
.mv_item > figure:nth-of-type(2){width: 19%;margin: -0.5em 0 0 0;}
.mv_item > figure:nth-of-type(2) img{width: 90%;}
.mv_item > .mvSpeechbubbles{width: 57%;border-radius: 0.5em;padding: 1em 0 1em;margin-left: -1em;font-size: 3vw;}
.mv_item > .mvSpeechbubbles h2{font-size: 2.5em;}
.mv_item > .mvSpeechbubbles h2 > small{font-size: 0.4em;}
.mv_item > .mvSpeechbubbles h2 > div span{margin-top: 0.3em;display: inline;font-size: 1.4em;text-align: center;line-height: 1.4;padding-bottom: 0;}
.mv_lead{width: 100%;margin: 1em 0 0;padding: 0 1em;}
#anchor{padding: 2em 1em;}
#anchor .anchor_btn{flex-wrap: wrap;gap: 1em;margin-top: 1.5em;}
#anchor .anchor_btn > *{border-radius: 0.7em;padding: 1em 1em 1em 1em;width: 100%;position: relative;}
#anchor .anchor_btn > *::after{margin: auto 0;position: absolute;right: 0.5em;top: 0;bottom: 0;}

.note_area{margin-top: 2em;}
.note_area p{font-size: 0.6em;}

.about_item01{flex-wrap: wrap;}
.about_item01 p{width: 100%;}
.about_item01 figure{width: 100%;margin-top: 1em;}
.about_item01 + .lead{margin-top: 1em;}

.treatment_link_btn{margin-top: 1.5em;}
.treatment_link_btn > *{width: 100%;}
.treatment_link_btn > dt a{grid-template-columns: 13% 83%;padding: 1em 2em 1em 0.5em;}
.treatment_link_btn > dt a h4{font-size: 1em;font-weight: 600;text-decoration: none!important;color: #0D67BD;}
.treatment_link_btn > dt a h4 + .lead{margin-top: 1em;font-size: 0.75em;}
.treatment_link_btn > dt a h4 + .lead small{display: inline-block;margin-top: 0.5em;font-size: 0.7em;}
.treatment_link_btn > dd .btn{width: 100%;background: #fff;color: #0D67BD!important;}
.treatment_link_btn > dd .btn::after{background: #0D67BD;}
#treatment .bottom_lead{color: #fff;}

#suited_me .contents_tit{color: #0D67BD;}
#suited_me .contents_tit span{border-bottom-color: #EE7602;}
#suited_me .contents_tit + p strong{font-weight: 600;color: #0D67BD;}
#suited_me .bottom_lead{color: #0961B8;}

#think{background: #0961B8;color: #fff;}
#think .contents_tit span strong{color: #F0EB0C;font-weight: 600;}
#think .bottom_lead{color: #F0EB0C;}

}