@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#baseWarp { font-size: 62.5%; line-height: 1; color: #333333; font-weight: 500; }
#baseWarp img { width: 100%; height: auto; vertical-align: top; }




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 コンテンツ間隔 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }
.mb140 { margin-bottom: 140px; }
.mb160 { margin-bottom: 160px; }
.mb180 { margin-bottom: 180px; }
.mb200 { margin-bottom: 200px; }
.mb220 { margin-bottom: 220px; }


@media screen and (max-width: 768px) {
	.mb20 { margin-bottom: 15px; }
	.mb30 { margin-bottom: 22px; }
	.mb40 { margin-bottom: 30px; }
	.mb50 { margin-bottom: 35px; }
	.mb60 { margin-bottom: 45px; }
	.mb70 { margin-bottom: 50px; }
	.mb80 { margin-bottom: 60px; }
	.mb90 { margin-bottom: 60px; }
	.mb100 { margin-bottom: 70px; }
	.mb120 { margin-bottom: 80px; }
	.mb140 { margin-bottom: 90px; }
	.mb160 { margin-bottom: 100px; }
	.mb180 { margin-bottom: 110px; }
	.mb200 { margin-bottom: 120px; }
	.mb220 { margin-bottom: 130px; }
}




@media screen and (max-width: 767px) {
	.mb20 { margin-bottom: 10px; }
	.mb30 { margin-bottom: 15px; }
	.mb40 { margin-bottom: 20px; }
	.mb50 { margin-bottom: 25px; }
	.mb60 { margin-bottom: 30px; }
	.mb70 { margin-bottom: 35px; }
	.mb80 { margin-bottom: 40px; }
	.mb90 { margin-bottom: 45px; }
	.mb100 { margin-bottom: 50px; }
	.mb120 { margin-bottom: 60px; }
	.mb140 { margin-bottom: 70px; }
	.mb160 { margin-bottom: 80px; }
	.mb180 { margin-bottom: 90px; }
	.mb200 { margin-bottom: 100px; }
	.mb220 { margin-bottom: 110px; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 changeImg：2点の画像入れ替え 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.changeImg div:nth-child(2) { display: none; }

@media screen and (max-width: 767px) {
	.changeImg div:nth-child(1) { display: none; }
	.changeImg div:nth-child(2) { display: block; }
}








/* ――――――――――――――――――――――――――――――
［ wrap ］
―――――――――――――――――――――――――――――― */

.contWrap { font-size: 2.0rem; line-height: 3.6rem; font-feature-settings: "palt"; letter-spacing: 0; }

.fontS15 { font-size: 1.5rem; line-height: 2.4rem; font-feature-settings: "palt"; letter-spacing: 0; }

@media screen and (max-width: 767px) {
	.contWrap { font-size: 1.6rem; line-height: 3.0rem; }
	.fontS15 { font-size: 1.4rem; line-height: 2.0rem; }
}




/* ――――――――――――――――――――――――――――――
［ 改行 ］
―――――――――――――――――――――――――――――― */

.line_pc { display: block; }
.line_pc2 { display: block; }
.line_pc3 { display: block; }
.line_pc4 { display: block; }
.line_pc5 { display: block; }

.line_pad { display: none; }
.line_pad2 { display: none; }

.line_sp { display: none; }
.line_sp2 { display: none; }

@media screen and (max-width: 1039px) {
.line_pc { display: none; }
}


@media screen and (max-width: 768px) {
.line_pc2 { display: none; }
.line_pad { display: block; }
.line_pad2 { display: block; }
}

@media screen and (max-width: 767px) {
.line_pc3 { display: none; }
.line_pc5 { display: none; }
.line_pad { display: none; }
}

@media screen and (max-width: 480px) {
.line_pc4 { display: none; }
.line_pc5 { display: block; }
.line_sp { display: block; }
}

@media screen and (max-width: 360px) {
.line_sp2 { display: block; }
}






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 汎用 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.contWrap .fwB { font-weight: 700; }




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Header 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ headerMain ］
―――――――――――――――――――――――――――――― */

.headerMain { position: relative; background: url(../images/main_bg_01.png) repeat center top; background-size: 60px; margin-top: 60px; margin-right: auto; margin-left: auto; padding-top: 1px; padding-bottom: 70px; padding-right: 20px; padding-left: 20px; }
.headerMain .mainInner1 { width: 100%; max-width: 420px; margin-top: -40px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.headerMain .mainLogo_pc { display: block; width: 100%; max-width: 420px; margin-right: auto; margin-left: auto; }
.headerMain .mainLogo_sp { display: none; }
.headerMain .mainInner2 { display: block; width: 100%; max-width: 1340px; margin-right: auto; margin-left: auto; }
.headerMain h1.pc { display: block; max-width: 953px; margin-bottom: 30px; margin-right: auto; margin-left: auto; }
.headerMain h1.sp { display: none; }
.headerMain .mainInner3 { position: relative; width: 100%; max-width: 1140px; display: flex; justify-content: center; align-items: flex-end; margin-right: auto; margin-left: auto; gap: 15px 30px; }
.headerMain .mainInner3 div.pc { display: block; width: 100%; max-width: 576px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.headerMain .mainInner3 div.sp { display: none; }
.headerMain .mainInner3 .illL { display: block; width: 100px; }
.headerMain .mainInner3 .illR { display: block; width: 115px; }
.headerMain .mainTxt { flex: 1; font-size: 1.8rem; line-height: 2; font-weight: 700; text-align: center; }
.headerMain .mainTxt span { font-weight: 500; }

.headerMain .mainInner4 { width: 100%; max-width: 920px; position: relative; display: flex; justify-content: center; align-items: flex-end; margin-top: 60px; margin-right: auto; margin-left: auto; }
.headerMain .mainInner4 .imgL { max-width: 410px; margin-right: 30px; }
.headerMain .mainInner4 .imgR { max-width: 410px; margin-left: 30px; }

.headerMain .mainIll_sp { display: none; }

@media screen and (max-width: 940px) {
	.headerMain .mainInner3 div.pc { display: none; }
	.headerMain .mainInner3 div.sp { display: block; width: 100%; max-width: 500px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
	.headerMain .mainTxt { font-size: 1.6; }
}


@media screen and (max-width: 767px) {
	.headerMain { margin-top: 60px; padding-bottom: 40px; }
	.headerMain h1.pc { display: none; }
	.headerMain h1.sp { display: block; max-width: 500px; margin-bottom: 25px; margin-right: auto; margin-left: auto; }

	.headerMain .mainInner3 { display: block; }
	.headerMain .mainInner3 div.sp { max-width: 320px; }
	.headerMain .mainInner3 .illL { display: none; }
	.headerMain .mainInner3 .illR { display: none; }
	.headerMain .mainTxt { max-width: 100%; font-size: 2.0rem; text-align: left; }
	
	.headerMain .mainInner4 { margin-top: 40px; }
	.headerMain .mainInner4 .imgL { margin-right: 10px; }
	.headerMain .mainInner4 .imgR { margin-left: 10px; }
	
	.headerMain .mainIll_sp { display: block; width: 100%; max-width: 280px; margin-top: 10px; margin-right: auto; margin-left: auto;}
}
@media (max-width: 450px) {
	.update { padding: 0 15px; }
}






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 themeArea 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.themeArea { width: 100%; display: flex; justify-content: center; align-items: flex-start; margin-top: 60px; padding: 0 20px; }
.themeArea .sideL { width: 590px; margin-right: 110px; }
.themeArea .sideR { width: 250px; }
.themeArea .themeTitle { display: flex; justify-content: center; align-items: center; width: 270px; height: 50px; color: #fff; font-size: 2.8rem; font-weight: 700; text-align: center; margin-bottom: 30px; background: #20a9b1; border-radius: 25px; }
.themeArea h3 { color: #20a9b1; font-size: 3.6rem; line-height: 4.8rem; font-weight: 700; margin-bottom: 10px; }
.themeArea .sideL li { font-size: 2.8rem; line-height: 4.0rem; border-bottom: 2px dashed #20a9b1; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; }
.themeArea .sideL li:nth-of-type(1) { background: url(../images/theme_num_01.png) no-repeat left 25px; background-size: 30px; }
.themeArea .sideL li:nth-of-type(2) { background: url(../images/theme_num_02.png) no-repeat left 25px; background-size: 30px; }
.themeArea .sideL li:nth-of-type(3) { background: url(../images/theme_num_03.png) no-repeat left 25px; background-size: 30px; }
.themeArea .sideR .profile { font-size: 1.6rem; line-height: 2.8rem; margin-top: 10px; }
.themeArea .sideR .profile p { font-size: 1.8rem; line-height: 3.0rem; font-weight: 700; }
.themeArea .sideR .profile p span { font-size: 2.2rem; }


@media screen and (max-width: 768px) {

	.themeArea .themeTitle { width: 200px; height: 40px; font-size: 2.4rem; margin-bottom: 10px; border-radius: 20px; }
	.themeArea h3 { font-size: 3.2rem; line-height: 4.6rem; }
	.themeArea .sideL li { font-size: 2.4rem; line-height: 3.0rem; padding-top: 15px; padding-bottom: 15px; padding-left: 35px; }
	.themeArea .sideL { width: calc( 100% - 310px ); margin-right: 60px; }
	.themeArea .sideL li:nth-of-type(1) { background: url(../images/theme_num_01.png) no-repeat left 17px; background-size: 25px; }
	.themeArea .sideL li:nth-of-type(2) { background: url(../images/theme_num_02.png) no-repeat left 17px; background-size: 25px; }
	.themeArea .sideL li:nth-of-type(3) { background: url(../images/theme_num_03.png) no-repeat left 17px; background-size: 25px; }
	

}

@media screen and (max-width: 767px) {

	.themeArea { display: block; margin-top: 40px; }
	.themeArea .sideL { width: 100%; margin-right: 0; }
	.themeArea .sideR { width: 100%; max-width: 250px; margin-top: 30px; margin-right: auto; margin-left: auto; }
	.themeArea .themeTitle { width: 200px; height: 40px; font-size: 2.0rem; margin-bottom: 10px; border-radius: 20px; }
	.themeArea h3 { font-size: 2.8rem; line-height: 4.0rem; }
	.themeArea .sideL li { font-size: 2.0rem; line-height: 3.2rem; padding-top: 12px; padding-bottom: 12px; padding-left: 30px; }
	.themeArea .sideL li:nth-of-type(1) { background: url(../images/theme_num_01.png) no-repeat left 18px; background-size: 20px; }
	.themeArea .sideL li:nth-of-type(2) { background: url(../images/theme_num_02.png) no-repeat left 18px; background-size: 20px; }
	.themeArea .sideL li:nth-of-type(3) { background: url(../images/theme_num_03.png) no-repeat left 18px; background-size: 20px; }
	.themeArea .sideR .profile { font-size: 1.5rem; line-height: 2.6rem; margin-top: 5px; }
	.themeArea .sideR .profile p { font-size: 1.7rem; line-height: 2.8rem; }
	.themeArea .sideR .profile p span { font-size: 2.0rem; }

}


@media screen and (max-width: 480px) {
	.themeArea .themeTitle { width: 160px; height: 40px; font-size: 1.8rem; margin-bottom: 10px; border-radius: 20px; }
	.themeArea h3 { font-size: 2.4rem; line-height: 3.6rem; }

}







/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 Contents0 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.contBg { position: relative; background: url(../images/main_bg_01.png) repeat center top; background-size: 60px; margin-top: 150px; margin-right: auto; margin-left: auto; padding-top: 1px; }
.contArea0 { width: 100%; max-width: 1240px; margin-top: -120px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.h2Ill { width: 320px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
.h2Title_PC { display: block; width: 100%; max-width: 800px; margin-bottom: 30px; margin-right: auto; margin-left: auto; }
.h2Title_SP { display: none; }

.contFrame { width: 100%; min-height: 80px; margin-bottom: 20px; padding: 40px 80px 0; background: #fff; border-radius: 20px; }
.contFrame h3 { color: #c7a554; font-size: 3.8rem; line-height: 5.0rem; font-weight: 700; margin-bottom: 0; padding: 0 0 30px 0; border-bottom: 2px dashed #fff; }
.contFrame h3 .innerTitle { display: block; padding: 0; }

.contPer { display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 40px; font-size: 2rem; }
.contPerD { display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 20px; font-size: 2rem; }
.contPerT { display: block; margin-top: 20px; margin-left: 125px; font-size: 2rem; }

.charaIcon { width: 80px; margin-right: 45px; }
.charaIcon p { font-size: 1.5rem; line-height: 1.5rem; text-align: center; margin-top: 5px; }

.contFrame .img_01 { display: flex; justify-content: space-between; align-items: center; margin-top: 60px; }
.contFrame .img_01 div { font-size: 1.8rem; line-height: 3.0rem; max-width: 330px; margin-right: 20px; }
.contFrame .img_01 div:last-child { margin-right: 0; }

.contFrame .img_02 { display: flex; justify-content: space-between; align-items: center; margin-top: 60px; margin-left: 125px; }
.contFrame .img_02 div { font-size: 1.8rem; line-height: 3.0rem; max-width: 430px; margin-right: 20px; }
.contFrame .img_02 div img { margin-bottom: 5px; }
.contFrame .img_02 div:last-child { margin-right: 0; }

.contFrame .img_03 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-left: 125px; margin-top: 60px; padding: 10px 50px 50px; border: 1px solid #ddd; border-radius: 20px; }
.contFrame .img_03 > div { font-size: 1.5rem; line-height: 1.5; width: 30%; margin-top: 40px; }
.contFrame .img_03 div img { margin-bottom: 5px; }
.contFrame .img_03 > div:nth-of-type(1) { margin-right: 3%; }
.contFrame .img_03 > div:nth-of-type(2) { margin-right: 3%; }
.contFrame .img_03 > div:nth-of-type(4) { margin-right: 3%; }
.contFrame .img_03 > div:nth-of-type(5) { margin-right: 3%; }

.contFrame .img_03_anno { font-size: 1.5rem; line-height: 2.4rem; font-feature-settings: "palt"; letter-spacing: 0; margin-left: 125px; margin-top: 5px; }

.toggle_txt { display: block; border-top: 2px dashed #333; padding-bottom: 160px; }
.nontoggle_txt { display: block; border-top: 2px dashed #333; padding-bottom: 60px; }

.contArea1 { width: 100%; max-width: 1240px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.contArea1.pt80 { padding-top: 80px; }


@media screen and (max-width: 1039px) {

	.contFrame { padding: 30px 40px 0; }

}


@media screen and (max-width: 768px) {

	.contFrame h3 { font-size: 3.2rem; line-height: 4.2rem; padding: 0 0 30px 0; }

}


@media screen and (max-width: 767px) {

	.h2Ill { width: 260px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }
	.h2Title_PC { display: none; }
	.h2Title_SP { display: block; width: 100%; max-width: 440px; margin-bottom: 20px; margin-right: auto; margin-left: auto; }

	.contFrame { padding: 20px 20px 0; }
	.contFrame h3 { font-size: 2.6rem; line-height: 4.0rem; padding: 0 0 20px 0; }

	.contArea1.pt80 { padding-top: 40px; }

	.contPer { margin-top: 30px; flex-wrap: wrap; }
	.contPerT { margin-left: 0; flex-wrap: wrap; }
	.contPerD { flex-wrap: wrap; }
	
	
	.charaIcon { width: 100%; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-bottom: 15px; }
	.charaIcon img { width: 70px; }
	.charaIcon p { font-size: 1.6rem; line-height: 1.5; text-align: center; margin-top: 5px; }
	
	.contFrame .img_01 { display: block; margin-top: 40px; }
	.contFrame .img_01 div { margin-right: auto; }
	.contFrame .img_01 > div { font-size: 1.6rem; line-height: 2.4rem; max-width: 420px; margin-top: 20px; margin-right: auto; margin-left: auto; }
	.contFrame .img_01 div:last-child { margin-right: auto; }
	
	.contFrame .img_02 { display: block; margin-top: 40px; margin-left: 0; }
	.contFrame .img_02 div { margin-right: auto; }
	.contFrame .img_02 > div { font-size: 1.6rem; line-height: 2.4rem; max-width: 420px; margin-top: 20px; margin-right: auto; margin-left: auto; }
	.contFrame .img_02 div:last-child { margin-right: auto; }
	
	.contFrame .img_03 { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-left: 0; margin-top: 40px; padding: 0 20px 20px; }
	.contFrame .img_03 > div { font-size: 1.6rem; line-height: 2.4rem; width: 46%; margin-top: 20px; }
	.contFrame .img_03 > div:nth-of-type(1) { margin-right: 8%; }
	.contFrame .img_03 > div:nth-of-type(3) { margin-right: 8%; }
	.contFrame .img_03 > div:nth-of-type(5) { margin-right: 8%; }
	.contFrame .img_03 > div:nth-of-type(2) { margin-right: 0; }
	.contFrame .img_03 > div:nth-of-type(4) { margin-right: 0; }
	.contFrame .img_03 > div:nth-of-type(6) { margin-right: 0; }
	
	.contFrame .img_03_anno { font-size: 1.4rem; line-height: 2.0rem; margin-left: 0; }
	
	.toggle_txt { padding-bottom: 150px; }
	.nontoggle_txt { padding-bottom: 20px; }

}

@media screen and (max-width: 480px) {

	.contFrame h3 { font-size: 2.2rem; line-height: 3.4rem; padding: 0 0 20px 0; }

}





.text_wrapper { position: relative; }
.text2 { height: 280px; overflow: hidden; }
.show_btn { font-size: 1.8rem; }
.show_more,
.show_more1,
.show_more2,
.show_more3,
.show_more4,
.show_more5,
.show_more6 {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-bottom: 0px;
  text-align: center;
  line-height: 30px;
  background: linear-gradient(
    180deg,
    rgb(255, 255, 255, 0) 20%,
    rgb(255, 255, 255, 1) 85%
  );
  cursor: pointer;
  transition: bottom 0.2s;
  padding-right: 20px;
  padding-left: 20px;
}
.active { background: none; bottom: 0; height: 10%; }

.show_more1 > div,
.show_more2 > div,
.show_more3 > div,
.show_more4 > div,
.show_more5 > div,
.show_more6 > div { position: absolute; bottom: 40px; left: 0px; right: 0px; color: #fff; font-weight: 700; width: 360px; background:#20a9b1; border:2px solid #20a9b1; margin-right: auto; margin-left: auto; padding: 20px; border-radius: 40px; }


@media screen and (max-width: 480px) {
.show_more1 > div,
.show_more2 > div,
.show_more3 > div,
.show_more4 > div,
.show_more5 > div,
.show_more6 > div { width: 280px; }
}
@media (hover: hover) {
	.show_more1 > div:hover,
	.show_more2 > div:hover,
	.show_more3 > div:hover,
	.show_more4 > div:hover,
	.show_more5 > div:hover,
	.show_more6 > div:hover { color: #20a9b1; background:#fff; border:2px solid #20a9b1; transition: 0.4s; }
}
@media screen and (max-width: 767px) {
	.show_btn { font-size: 1.5rem; }
}




.fukiTitle_01 { color: #41a522; font-size: 2.2rem; font-weight: 700; margin-bottom: 5px; }
.fukiTitle_02 { font-weight: 700; }

.fukiW1 { display: flex; justify-content: flex-start; align-items: flex-start; }
.fukiW1 .sideL { width: calc( 100% - 200px ); margin-right: 70px; }
.fukiW1 .sideR { width: 130px; }

.fuki_01, .fuki_02, .fuki_03 { width: calc( 100% - 125px ); }
.fuki_01 { background:#FFFFFF; border:2px solid #333333; }
.fuki_01:after, .fuki_01:before, .fuki_02:after, .fuki_03:after {
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:40px;
}
.fuki_01:after, .fuki_02:after, .fuki_03:after {
    border-top-width:7px;
    border-bottom-width:7px;
    border-left-width:20px;
    border-right-width:20px;
    margin-top: -7px;
}
.fuki_01:after { border-color: rgba(255, 255, 255, 0); border-right-color:#FFFFFF; }
.fuki_01:before {
    border-color: rgba(51, 51, 51, 0);
    border-top-width:9px;
    border-bottom-width:9px;
    border-left-width:25px;
    border-right-width:25px;
    margin-top: -9px;
    margin-right: 2px;
    border-right-color:#333333;
}
.fuki_01, .fuki_02, .fuki_02none, .fuki_03 { position:relative; padding:22px 30px; border-radius:20px; font-size: 2rem; }
.fuki_02 { background:#e8f9cb; }
.fuki_02:after { border-color: rgba(232, 249, 203, 0); border-right-color:#e8f9cb; }
.fuki_02none { width: 100%; background:#e8f9cb; }
.fuki_03 { background:#eee; }
.fuki_03:after { border-color: rgba(198, 231, 253, 0); border-right-color:#eee; }



@media screen and (max-width: 767px) {
	.fukiTitle_01 { font-size: 1.8rem; margin-bottom: 3px; }
	.fukiW1 { display: block; }
	.fukiW1 .sideL { width: 100%; margin-right: 0; }
	.fukiW1 .sideR { width: 100%; max-width: 180px; margin-top: 20px; margin-right: auto; margin-left: auto; }
	.fuki_01:after, .fuki_01:before, .fuki_02:after, .fuki_03:after { top:35px; }
	.fuki_01:after, .fuki_02:after, .fuki_03:after { display: none; }
	.fuki_01:before { display: none; }
	.fuki_01, .fuki_02, .fuki_02none, .fuki_03 { padding:15px 20px; border-radius:20px; width: 100%; }

}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 kakomi1 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.kakomiArea1 { width: 100%; padding: 60px 20px 70px; background: #faf3eb; border-top: 1px solid #bea68c; border-bottom: 1px solid #bea68c; }
.kakomiArea1 .kakomiFrame { max-width: 1040px; margin-right: auto; margin-left: auto; }
.kakomiArea1 h2.pc { display: block; max-width: 860px; }
.kakomiArea1 h2.sp { display: none; }
.kakomiArea1 h3 { color: #b98751; font-size: 3.0rem; line-height: 5.0rem; font-weight: 700; margin-top: 30px; }
.kakomiArea1 h3 span, .kakomiArea2 h3 span { background:linear-gradient(transparent 62%, #f7e252 0%); }

.kakomiArea1 .kakomiW { width: 100%; max-width: 1040px; display: flex; justify-content: flex-start; align-items: flex-end; margin-top: 40px; margin-bottom: 60px; gap: 0 60px; padding: 0 30px; }
.kakomiArea1 .kakomiW .sideL { flex: 1; display: flex; justify-content: space-between; align-items: flex-end; margin-right: 0; }
.kakomiArea1 .kakomiW .sideL div { max-width: 290px; }
.kakomiArea1 .kakomiW .sideL div:first-child { margin-right: 30px; }
.kakomiArea1 .kakomiW .sideR { width: 200px; margin-right: 0; }

.pinkBtn, .pinkBtn2 { position: relative; display: flex; justify-content: center; align-items: center; max-width: 1040px; color: #fff; font-size: 3.2rem; line-height: 4.2rem; font-weight: 700; background: url(../images/btn_bg.png) no-repeat center top; background-size: 1040px; transition: all .0s ease-in-out; }
.pinkBtn:hover, .pinkBtn2:hover { background: url(../images/btn_bg.png) no-repeat center -284px; background-size: 1040px; transition: all .0s ease-in-out; }
.pinkBtn { height: 100px; border-radius: 50px; }
.pinkBtn2 { height: 120px; border-radius: 60px; }

.pinkBtnArrow { position: relative; }
.pinkBtnArrow::before,
.pinkBtnArrow::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.pinkBtn::before, .pinkBtn2::before{
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.pinkBtn::after, .pinkBtn2::after{
    position: absolute;
    right: 50px;
    width: 13px;
    height: 13px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (max-width: 1000px) {
	.kakomiArea1 .kakomiW .sideR { width: 160px; }
}

@media screen and (max-width: 767px) {
	.kakomiArea1 { padding: 40px 20px 50px; }
	.kakomiArea1 h2.pc { display: none; }
	.kakomiArea1 h2.sp { display: block; max-width: 480px; }
	.kakomiArea1 h3 { font-size: 2.4rem; line-height: 4.4rem; margin-top: 30px; }
		
	.kakomiArea1 .kakomiW { display: block; margin-top: 30px; margin-bottom: 40px; }
	.kakomiArea1 .kakomiW .sideL { width: 100%; max-width: 480px; margin-right: auto; margin-left: auto; }
	.kakomiArea1 .kakomiW .sideL div { max-width: 240px; }
	.kakomiArea1 .kakomiW .sideL div:first-child { margin-right: 10px; }
	.kakomiArea1 .kakomiW .sideL div:last-child { margin-left: 10px; }
	.kakomiArea1 .kakomiW .sideR { width: 100%; max-width: 240px; margin-top: 30px; margin-right: auto; margin-left: auto; }
	
	.pinkBtn, .pinkBtn2 { font-size: 2.2rem; line-height: 3.2rem; }
	.pinkBtn::before, .pinkBtn2::before { border: none;	}
	.pinkBtn::after, .pinkBtn2::after { border-top: none; border-right: none; }

}

@media screen and (max-width: 480px) {

	.kakomiArea1 h3 { font-size: 2.0rem; line-height: 4.0rem; margin-top: 20px; }
	.pinkBtn, .pinkBtn2 { font-size: 2.1rem; line-height: 3.0rem; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 banner1 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.bannerArea1_pc { display: block; width: 100%; max-width: 1080px; margin-bottom: 60px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.bannerArea1_sp { display: none; }

@media screen and (max-width: 767px) {

	.bannerArea1_pc { display: none; }
	.bannerArea1_sp { display: block; width: 100%; max-width: 1080px; margin-bottom: 40px; margin-right: auto; margin-left: auto; padding: 0 20px; }

}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 matome 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.matomeArea { width: 100%; padding: 20px; }
.matomeArea .matomeFrame { max-width: 800px; margin-right: auto; margin-left: auto; padding: 30px 50px 0 50px; border: 10px solid #20a9b1; border-radius: 30px; }
.matomeArea h2 { width: 164px; margin-right: auto; margin-left: auto; }
.matomeArea .txt { font-size: 2.2rem; line-height: 4.2rem; font-weight: 700; text-align: center; margin-top: 30px; }
.matomeArea .img { max-width: 465px; margin-top: 20px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {

	.matomeArea .matomeFrame { padding: 20px 20px 0; border: 8px solid #20a9b1; }
	.matomeArea h2 { width: 140px; }
	.matomeArea .txt { font-size: 1.8rem; line-height: 1.71; margin-top: 20px; text-align: left; }
	.matomeArea .img { max-width: 420px; margin-top: 20px; margin-bottom: 15px; }


}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 kakomi2 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.kakomiArea2 { width: 100%; padding: 1px 20px 70px; background: #faf3eb; margin-top: 120px; }
.kakomiArea2 .kakomiFrame { max-width: 1040px; margin-top: -80px; margin-right: auto; margin-left: auto; }
.kakomiArea2 .maru { width: 160px; }
.kakomiArea2 h2 { max-width: 600px; }
.kakomiArea2 h3 { color: #b98751; font-size: 2.8rem; line-height: 5.0rem; font-weight: 700; margin-top: 40px; }
.kakomiArea2 .kakomiW { width: 100%; max-width: 1040px; display: flex; justify-content: flex-start; align-items: flex-end; margin-top: 20px; }
.kakomiArea2 .kakomiW .sideL { width: calc( 100% - 330px ); margin-right: 50px; }
.kakomiArea2 .kakomiW .sideR { width: 280px; }
.kakomiArea2 .kakomiIll_pc { display: block; width: 100%; max-width: 1040px; margin-top: 40px; margin-bottom: 50px; }
.kakomiArea2 .kakomiIll_pc div { padding-top: 20px; }
.kakomiArea2 .kakomiIll_sp { display: none; }


@media screen and (max-width: 767px) {

	.kakomiArea2 { padding: 1px 20px 40px; margin-top: 90px; }
	.kakomiArea2 .kakomiFrame { max-width: 1040px; margin-top: -80px; margin-right: auto; margin-left: auto; }
	.kakomiArea2 .maru { width: 110px; }
	
	.kakomiArea2 h2 { max-width: 480px; }
	.kakomiArea2 h3 { font-size: 2.4rem; line-height: 4.4rem; margin-top: 30px; }
	
	.kakomiArea2 .kakomiW { display: block; margin-top: 20px; }
	.kakomiArea2 .kakomiW .sideL { width: 100%; margin-right: 0; }
	.kakomiArea2 .kakomiW .sideR { width: 100%; max-width: 240px; margin-top: 30px; margin-right: auto; margin-left: auto; }
	.kakomiArea2 .kakomiIll { width: 100%; max-width: 1040px; margin-top: 40px; margin-bottom: 50px; }
	.kakomiArea2 .kakomiIll div { padding-top: 20px; }
	
	.kakomiArea2 .kakomiIll_pc { display: none; }
	.kakomiArea2 .kakomiIll_sp { display: block; width: 100%; max-width: 480px; margin-top: 30px; margin-bottom: 40px; margin-right: auto; margin-left: auto; }
	.kakomiArea2 .kakomiIll_sp div { padding-top: 15px; }

}

@media screen and (max-width: 480px) {

	.kakomiArea2 h3 { font-size: 2.0rem; line-height: 4.0rem; margin-top: 20px; }

}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 outline 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.outlineArea { width: 100%; max-width: 1080px; margin-top: 80px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.outlineArea h3 { position: relative; width: 100%; color: #fa4e9e; font-size: 4.2rem; line-height: 5.8rem; font-weight: 700; margin-bottom: 30px; padding: 3px 0 0 30px; }

.outlineArea h3:before { position: absolute; top: 0; left:0; width: 10px; height: 100%; content: ''; border-radius: 5px; background: #fa4e9e; }

.outlineArea .outlineList1 { width: 100%; margin-top: 30px; padding: 30px; background: #eeeeee; }
.outlineArea .outlineList1 li { padding: 0 0 0 15px; background: url(../images/point6.png) no-repeat left 15px; background-size: 6px; }
.outlineArea .outlineList1 li sup { font-size: 60%; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; }
 
.outlineArea .outlineList2 { width: 100%; }
.outlineArea .outlineList2 li { font-size: 1.5rem; line-height: 2.4rem; padding: 0 0 0 4.5rem; text-indent: -3rem; }

.outlineArea .outlineW1 { width: 100%; max-width: 1040px; display: flex; justify-content: flex-start; align-items: flex-start; }
.outlineArea .outlineW1 .sideL { width: calc( 100% - 340px ); margin-right: 60px; }
.outlineArea .outlineW1 .sideR { width: 280px; }
.outlineArea .outlineW1 .sideR img { margin-bottom: 8px; }

.outlineArea .outlineW2 { width: 100%; max-width: 950px; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 40px; margin-right: auto; margin-left: auto; }
.outlineArea .outlineW2 div { width: 290px; font-size: 2.4rem; line-height: 4.0rem; font-weight: 700; margin-right: 40px; padding: 30px; border: 2px solid #fa4e9e; border-radius: 20px; }
.outlineArea .outlineW2 div:last-child { margin-right: 0; }

.outlineArea .outlineFrame { width: 100%; max-width: 1040px; margin-top: 60px; padding: 30px 40px 40px; background: #faf5ef; }
.outlineArea .outlinePrice_pc { display: block; width: 100%; max-width: 960px; margin-top: 20px; margin-right: auto; margin-left: auto; }
.outlineArea .outlinePrice_sp { display: none; }
.outlineArea .outlineFrame h4 { font-size: 2.0rem; line-height: 3.2rem; font-weight: 700; }

.planTitle_pc { display: block; width: 100%; max-width: 800px; margin-bottom: 30px; }
.planTitle_sp { display: none; }

.anno1 { padding-left: 1em; text-indent: -1em; }
.anno2 { font-size: 1.5rem; line-height: 2.4rem; padding-left: 1em; text-indent: -1em; }
.outerLink { font-size: 1.8rem; line-height: 3.2rem; padding-left: 25px; background: url(../images/link_icon2.png) no-repeat left 10px; background-size: 16px; }

.outlineIcon_pc { display: block; }
.outlineIcon_sp { display: none; }

@media screen and (max-width: 768px) {

	.outlineArea { margin-top: 60px; }
	.outlineArea h3 { font-size: 3.2rem; line-height: 5.8rem; margin-bottom: 25px; padding: 3px 0 0 25px; }
	.outlineArea .outlineW2 div { width: 290px; font-size: 2.0rem; line-height: 3.8rem; margin-right: 20px; padding: 20px; }

}

@media screen and (max-width: 767px) {

	.outlineArea h3 { font-size: 2.5rem; line-height: 4.0rem; margin-bottom: 20px; padding: 3px 0 0 25px; }
	
	.outlineArea .outlineList1 { padding: 20px; }
	
	.outlineArea .outlineW1 { display: block; }
	.outlineArea .outlineW1 .sideL { width: 100%; margin-right: 0; }
	.outlineArea .outlineW1 .sideR { width: 100%; max-width: 420px; margin-top: 30px; margin-right: auto; margin-left: auto; }
	.outlineArea .outlineW1 .sideR img { margin-bottom: 8px; }

	.outlineArea .outlineW2 { display: block; margin-top: 20px; }
	.outlineArea .outlineW2 div { width: 100%; font-size: 2.0rem; line-height: 3.8rem; margin-top: 20px; margin-right: 0; padding: 20px; }
	.outlineArea .outlineW2 div:last-child { margin-right: 0; }

	.outlineArea .outlineFrame { margin-top: 40px; padding: 20px; }
	.outlineArea .outlinePrice_pc { display: none; margin-top: 10px; }
	.outlineArea .outlinePrice_sp { display: block; width: 100%; max-width: 960px; margin-top: 10px; margin-right: auto; margin-left: auto; }
	.outlineArea .outlineFrame h4 { font-size: 1.6rem; line-height: 3.0rem; }

	.outlineIcon_pc { display: none; }
	.outlineIcon_sp { display: block; max-width: 540px; margin: 0 auto; }

	.planTitle_pc { display: none; }
	.planTitle_sp { display: block; width: 100%; max-width: 562px; margin-bottom: 20px; }

	.outerLink { font-size: 1.6rem; line-height: 3.0rem; background: url(../images/link_icon2.png) no-repeat left 9px; background-size: 16px; }
	.fuki_01, .fuki_02, .fuki_02none, .fuki_03 { font-size: 1.4rem; }

/*===========
.scroll-box
===========*/
.scroll-box { overflow-x: auto; padding-bottom: 10px; -webkit-overflow-scrolling: touch; }
.scroll-box div img { max-width: 100%; min-width: 600px; vertical-align: top; }

/*===========
scrollbar
===========*/
/*スクロールバー全体の高さ*/
.scroll-box::-webkit-scrollbar { height: 4px; }
/*スクロールバー全体の背景*/
.scroll-box::-webkit-scrollbar-track { background: #eee; }
/*スクロールバーの動く部分*/
.scroll-box::-webkit-scrollbar-thumb { background: #aaa; border: none; }
/*スクロールバーの動く部分のホバー（マウスオーバー）*/
.scroll-box::-webkit-scrollbar-thumb:hover { background: #999; }


}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 bannerArea 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.bannerArea { max-width: 728px; margin-top: 80px; margin-right: auto; margin-left: auto; padding: 0 20px; }
.bannerArea .banner_pc { display: block; }
.bannerArea .banner_sp { display: none; }

@media screen and (max-width: 767px) {
	.bannerArea { margin-top: 40px; }
	.bannerArea .banner_pc { display: none; }
	.bannerArea .banner_sp { display: block; max-width: 200px; margin: 0 auto; }
}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 campaign 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.campaignArea { width: 100%; padding: 60px 20px 80px; background: #fa4e9e; }
.campaignArea .campaignTitle_pc { display: block; max-width: 980px; margin-right: auto; margin-left: auto; }
.campaignArea .campaignTitle_sp { display: none; }
.campaignArea .campaignDate { color: #fff; font-size: 1.6rem; line-height: 2.4rem; text-align: center; }
.campaignArea .campaignIll_pc { display: block; width: 100%; max-width: 900px; margin-top: 20px; margin-right: auto; margin-left: auto; }
.campaignArea .campaignIll_pc div { padding-top: 20px; }
.campaignArea .campaignIll_sp { display: none; }

@media screen and (max-width: 767px) {

	.campaignArea { padding: 40px 20px 50px; }
	.campaignArea .campaignTitle_pc { display: none; }
	.campaignArea .campaignTitle_sp { display: block; max-width: 980px; margin-right: auto; margin-left: auto; }
	.campaignArea .campaignDate { color: #fff; font-size: 1.6rem; line-height: 2.4rem; text-align: center; margin-top: 20px;}
	.campaignArea .campaignIll_pc { display: none; }
	.campaignArea .campaignIll_sp { display: block; width: 100%; max-width: 480px; margin-top: 10px; margin-right: auto; margin-left: auto; }
	.campaignArea .campaignIll_sp div { padding-top: 10px; }


}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 manual 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.manualArea { width: 100%; max-width: 1040px; margin-top: 80px; margin-right: auto; margin-left: auto; padding: 30px 50px; background: #faf5ef; }
.manualArea .manualFrame { width: 100%; max-width: 940px; padding: 0 40px 40px; background: url(../images/manual_bg.png) repeat left 10px; background-size: 40px; }
.manualArea .manualFrame .manualTitle_pc { display: block; max-width: 680px; margin-bottom: 40px; margin-right: auto; margin-left: auto; }
.manualArea .manualFrame .manualTitle_sp { display: none; }
.manualArea .manualFrame .txt { font-size: 2.0rem; line-height: 4.0rem; text-align: center; }

.button001 a {
    background: #57b1ea;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 640px;
    height: 80px;
    color: #fff;
    transition: 0.3s ease-in-out;
    font-size: 2.6rem;
    font-weight: 700;
}
.button001 a:hover {
    background: #fa4e9e;
    color: #FFF;
}
.button001 a:after {
    content: '';
    width: 15px;
    height: 15px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 46%;
    right: 30px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button001 a:hover:after {
    border-color: #FFF;
}


@media screen and (max-width: 767px) {

.manualArea { margin-top: 30px; padding: 30px 20px; }
.manualArea .manualFrame { padding: 0 10px 30px; }
.manualArea .manualFrame .manualTitle_pc { display: none; }
.manualArea .manualFrame .manualTitle_sp { display: block; margin-bottom: 30px; }
.manualArea .manualFrame .txt { font-size: 2.0rem; line-height: 4.0rem; text-align: left; }

.button001 a { font-size: 1.9rem; }
.button001 a:hover:after { border: none; }

}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 end 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.endArea { width: 100%; max-width: 1080px; margin-top: 70px; margin-bottom: 100px; margin-right: auto; margin-left: auto; padding: 0 20px; }

@media screen and (max-width: 767px) {

	.endArea { margin-top: 40px; margin-bottom: 70px; }

}






/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 pageTop 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.pageTop { position: fixed; z-index: 10000; right: calc( 50 / 1200 * 100% ); }
.pageTop a { position: relative; overflow: hidden; display: block; width: 62px; height: 62px; background-color: #20a9b1; border-radius: 50%; font-size: 0; line-height: 0; }
.pageTop a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 12px; height: 8px; background: url(../images/pagetop.svg) no-repeat left top; background-size: cover; content: ""; margin: auto; }

@media screen and (min-width: 769px) {
	.pageTop a { transition: 0.3s ease; }
	.pageTop a:hover { background-color: #3dbcf9; }
}

@media screen and (max-width: 767px) {
	.pageTop { position: static !important; right: 0; left: 0; }
	.pageTop a { width: 54px; height: 54px; box-shadow: none; margin: 0 auto 20px; }
}



/* outline
========================================================= */
.update { margin: 15px auto 0; max-width: 950px; }
.update-item { font-size: 1.4rem; line-height: 1.5; }

.l-flex { display: flex; flex-wrap: wrap; gap: 20px; margin-inline-start: auto; margin-inline-end: auto; }
.l-flex:nth-child(n+2) { margin-top: 30px; }
.l-flex__item { inline-size: calc((100% - 20px) / 2); }
.l-flex__ex { flex: 1; }
.l-flex2 { display: flex; flex-wrap: wrap; gap: 20px 40px; }
.l-flex2__item { inline-size: calc((100% - 40px) / 2); }
.l-flex2__ex { flex: 1; }

@media (max-width: 767px) {
	.l-flex__ex { flex: 0 1 auto; }
	.l-flex__item { inline-size: 100%; }
	
	.l-flex2__item { inline-size: 100%; }
	.l-flex2__ex { flex: 0 1 auto; }
}

.sa5-sct2__aside-acce { max-width: 265px; width: 100%; padding: 0 30px 0 10px; margin: 0 auto; }
.sa5-sct2__aside-list { margin: 30px auto 0; }
.sa5-sct2__aside-item { border-radius: 20px; background: #fff; overflow: hidden; text-align: center; color: #fa4e9e; font-weight: 700; line-height: 1.2; min-height: 75px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.9rem; }
@media (max-width: 767px) {
	.sa5-sct2__aside-acce { padding: 0; }
	.sa5-sct2__aside-list { max-width: 320px; }
	.sa5-sct2__aside-item { min-height: 80px; font-size: 1.8rem; }
}

.sct-share__logo { display: flex; flex-wrap: wrap; background: #fff; align-items: center; justify-content: space-between; padding: 16px 25px; margin-top: 30px; gap: 10px; }
.sct-share__logo--c { justify-content: center; gap: 30px 60px; }
.sct-share__logo-item { height: clamp(90px,calc(22.73vw + -85px),120px); }
.sct-share__logo--sim { aspect-ratio: 170/176; }
.sct-share__logo--jcsi { aspect-ratio: 340/176; }
.sct-share__logo--2year { aspect-ratio: 140/176; }
.sct-share__logo--3year { aspect-ratio: 236/139; }
.sct-share__logo--kokyaku { aspect-ratio: 180/176; }
.sct-share__logo--bench { aspect-ratio: 210/176; }

.sct-spe__aside { position:relative; display: block; color:#000; margin-top: 70px; background: #ffe6ec; padding: 45px 30px; width: 100%; }
.sct-spe__aside--c { text-align: center; }
.sct-spe__aside-wrap { display: flex; flex-wrap: wrap; gap: 20px 30px; align-items: center; }
.sct-spe__aside-ex { flex: 1; }
.sct-spe__aside-label { font-size: 2.8rem; line-height: 1.31; font-weight: 700; color: #fa4e9e; }
.sct-spe__aside-txt { font-weight: 700; margin-top: 20px; line-height: 1.5; }
.sct-spe__aside-banner { margin-top: 20px; display: block; }
.sct-spe__asideLink { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sct-spe__aside-img { margin: 20px auto 0; }

.pc-view { display: block; }
.sp-view--768 { display: none; }
.outline * { box-sizing: border-box; }
.sct + .sct { margin-top: 60px; }
.sct2 + .sct2 { margin-top: 40px; }
.colorPink { color: #fa4e9e; }
.colorPinkSmall { font-size: 0.5em; }
.outline { margin: 100px auto 0; max-width: 900px; }
.outline-sct__title { position: relative; font-size: 5rem; font-weight: 700; line-height: 1.2; color: #fa4e9e; margin-bottom: 30px; padding-left: 25px; }
.outline-sct__title::before { position: absolute; content: ""; inset: 0 auto 0 5px; margin: auto 0; height: calc(100% - .2em); width: 10px; border-radius: 5px; background: #fa4e9e; }
.outline-aside { background: #eee; padding: 30px; margin: 30px auto; }
.outline-aside__item { position: relative; padding-left: 15px; line-height: 1.5; }
.outline-aside__item::before { position: absolute; content: ""; inset: 0.9em auto auto 0; width: 0.3em; height: 0.3em; border-radius: 100%; background: #000; }
.outline-aside__item:nth-child(n+2) { margin-top: 10px; }
.outline-note { font-size: 1.5rem; margin-top: 40px; line-height: 1.5; }
.outline-note__list { padding-left: 1em; margin-top: 10px; }
.outline-note__item { text-indent: -2em; padding-left: 2em; }
.outline-note__item:nth-child(n+2) { margin-top: 10px; }
.outline-note__link { padding-left: 3em; margin-top: 10px; }
.outline-img { margin: 40px auto; }
.outline-about { background: #faf3eb; margin-bottom: 80px; }
.outline-about__label { padding: 40px 20px 0; background: #fa4e9e; }
.outline-about__title { font-size: 4.2rem; line-height: 1.5; margin-top: 25px; text-align: center; padding: 0 25px; letter-spacing: 0.01em; }
.outline-about__title span { background: linear-gradient(transparent 62%, #f7e252 0%); }
.outline-about__list { padding: 40px; }
.outline-about__area { position: relative; display: block; }
.outline-about__area:nth-child(n+2) { margin-top: 30px; }
.outline-about__area img:nth-child(1) { position: absolute; content: ""; inset: 0 auto auto 0; width: 100%; opacity: 0; transition: 0.5s; }
.outline-about__area:hover img:nth-child(1) { opacity: 1; }
* + .outline-actual__list { margin-top: 30px; }
.outline-actual__item { position: relative; border-bottom: 1px solid #ddd; padding: 0 0 20px 25px; margin-top: 20px; line-height: 1.5; }
.outline-actual__item::before { position: absolute; content: ""; inset: .45em auto auto 5px; width: 0.5em; height: 0.5em; background: #fa4e9e; border-radius: 100%; }
.outline-year { padding: 40px; display: flex; flex-wrap: wrap; gap: 30px 45px; border-radius: 20px; border: 2px solid #fa4e9e; }
.outline-year__list { flex: 1; }
.outline-year__item { display: flex; gap: 20px 50px; font-size: 2rem; line-height: 1.5; }
.outline-year__item:nth-child(n+2) { margin-top: 10px; }
.outline-year__num { font-weight: 700; }
.outline-year__img { width: 245px; }
.out3-wrap { background: #faf5ef; padding: 40px; margin: 30px auto 0; }
.out3-wrap .img-cap__slide { display: none; }
.outline-camp { margin-top: 80px; padding: 50px 15px 40px; background: #fa4e9e; }
.outline-camp__list { margin-top: 40px; }
.outline-camp__item { display: block; }
.outline-camp__item:nth-child(n+2) { margin-top: 15px; }

.campaign_btn-area { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 700; line-height: 1; background: #fa4e9e; color: #fff; padding-right: 30px; padding-left: 10px; border: 2px solid #fff; transition: 0.3s; }
.campaign_btn-area { max-width: 520px; margin: 35px auto 0; border-radius: 25px; height: 50px; }
.campaign_btn-area::after { position: absolute; content: ""; inset: 0 20px 0 auto; margin: auto 0; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10.4px; border-color: transparent transparent transparent #fff; }
.campaign_btn-area:hover { background: #fff; color: #fa4e9e; }
.campaign_btn-area:hover::after { border-color: transparent transparent transparent #fa4e9e; }

@media (max-width: 767px) {
	.sct-spe__aside { padding: 20px 15px; }
	.pc-view { display: none; }
	.sp-view--768 { display: block; }
	.img-cap__slide { width: 320px; font-size: 1.3rem; line-height: 1.31; margin-top: 5px; }
	.sct + .sct { margin-top: 40px; }
	.outline { margin-top: 80px; }
	.outline-sct__title { font-size: 3.6rem; margin-bottom: 20px; }
	.outline-aside { padding: 15px; margin: 20px auto; }
	.outline-note { font-size: 1.3rem; margin-top: 20px; }
	.outline-img { margin: 20px auto; }
	.outline-about { margin-bottom: 60px; }
	.outline-about__label { padding: 10px 5px 0; }
	.outline-about__title { font-size: clamp(20px, calc(4.15vw + 4px), 28px); margin-top: 25px; padding: 0 15px; letter-spacing: 0.01em; }
	.outline-about__list { padding: 30px 15px; margin: 0 auto; max-width: 320px; }
	.outline-about__area:nth-child(n+2) { margin-top: 20px; }
	.outline-about__area img:nth-child(1) { position: relative; opacity: 1; }
	* + .outline-actual__list { margin-top: 20px; }
	.outline-actual__item { position: relative; padding: 0 0 15px 20px; margin-top: 15px; }
	.outline-year { padding: 15px; }
	.outline-year__list { flex: 0 1 auto; width: 100%; }
	.outline-year__item { gap: 0 20px; font-size: 1.5rem; }
	.outline-year__item:nth-child(n+2) { margin-top: 10px; }
	.outline-year__img { margin-inline-start: auto; margin-inline-end: auto; }
	.out3-wrap { padding: 15px; margin: 20px auto 0; }
	.outline-camp { margin-top: 50px; padding: 20px 15px 15px; }
	.outline-camp__list { margin: 20px auto 0; max-width: 320px; }
	
	.campaign_btn-area { font-size: 1.6rem; line-height: 2.0rem; padding-right: 15px; padding-left: 8px; }
	.campaign_btn-area { max-width: 350px; margin: 25px auto 0; border-radius: 40px; height: 80px; }
	.campaign_btn-area::after { inset: 0 10px 0 auto; }
	
	 .sct-spe__aside-label { font-size: 2rem; }
}
@media (max-width: 568px) {
	.out3-wrap { overflow-x: scroll; }
	.out3-wrap__img { width: 500px; padding-right: 15px; }
	.out3-wrap .img-cap__slide { display: block; }
}
@media (max-width: 450px) {
	.sct-spe__aside { border-top: 30px solid #fff; border-bottom: 30px solid #fff; border-left: 15px solid #fff; border-right: 15px solid #fff; }
}