@charset "UTF-8";
/* ============================================================
おすすめプラン
============================================================ */
/* ------------------------------------
KV
------------------------------------ */
#kv {
	background: url(../img/plan/kv_pht.jpg) no-repeat center center / cover;
	}


/* ------------------------------------
lead
------------------------------------ */
#lead .title::after {
	content: 'Plan';
	}


/* ------------------------------------
plan01
------------------------------------ */
#sct_plan01 .sct_wrap {
	width: 100%;
	margin: 0 auto;
	position: relative;
	background-color: #eceeee;
	}
#sct_plan01 .sct_wrap::before {
	height: auto;
	aspect-ratio: 168 / 264;
	display: block;
	position: absolute;
	background: url(../img/plan/img01.png) no-repeat 0 0 / contain;
	content: '';
	}
#sct_plan01 .sct_wrap::after {
	height: auto;
	aspect-ratio: 262 / 222;
	display: block;
	position: absolute;
	right: 4%;
	background: url(../img/plan/img02.png) no-repeat 0 0 / contain;
	content: '';
	}
#sct_plan01 h2 {
	color: #006788;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1rem;
	text-align: center;
	}
#sct_plan01 h2 span {
	margin-top: 12px;
	display: block;
	font-weight: 500;
	}
#sct_plan01 p {
	margin-top: 24px;
	text-align: center;
	}

/* 768＜ --------------------------- */
@media (min-width: 768px) {

	#sct_plan01 {
		padding: 0 45px;
		}
	#sct_plan01 .sct_wrap {
		max-width: 1260px;
		padding: 60px 30px;
		}
	#sct_plan01 .sct_wrap::before {
		width: 13%;
		max-width: 136px;
		top: -12px;
		left: 8%;
		}
	#sct_plan01 .sct_wrap::after {
		width: 20%;
		max-width: 262px;
		bottom: -48px;
		right: 4%;
		}
	#sct_plan01 h2 {
		font-size: 3.6rem;
		font-size: clamp(3rem,3.9vw,3.6rem);
		}
	#sct_plan01 h2 span {
		font-size: 1.8rem;
		}
	#sct_plan01 p {
		font-size: 1.7rem;
		line-height: 1.7;
		}

} /* end 768＜ */
/* ＞767 --------------------------- */
@media (max-width: 767px) {

	#sct_plan01 {
		padding: 0 6%;
		margin-top: 30px;
		}
	#sct_plan01 .sct_wrap {
		padding: 78px 9%;
		}
	#sct_plan01 .sct_wrap::before {
		width: 20%;
		max-width: 96px;
		top: -40px;
		left: 6%;
		}
	#sct_plan01 .sct_wrap::after {
		width: 36%;
		max-width: 142px;
		bottom: -30px;
		right: 4%;
		}
	#sct_plan01 h2 {
		font-size: 2.4rem;
		}
	#sct_plan01 h2 span {
		font-size: 1.5rem;
		}
	#sct_plan01 p {
		font-size: 1.5rem;
		line-height: 1.6;
		}

} /* end ＞767 */


/* ------------------------------------
inquiry
------------------------------------ */
#sct_inquiry {
	position: relative;
	background-color: #cce1e7;
	}
#sct_inquiry::before {
	width: 100%;
	display: block;
	position: absolute;
	content: '';
	}
#sct_inquiry .sct_wrap {
	width: 100%;
	margin: 0 auto;
	}
#sct_inquiry h2 {
	color: #006788;
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1rem;
	text-align: center;
	}
#sct_inquiry h2::before {
	display: inline-block;
	position: relative;
	bottom: -3px;
	background: url(../img/common/icn_mail02.png) no-repeat 0 0 / contain;
	content: '';
	}
#sct_inquiry p {
	margin-top: 30px;
	text-align: center;
	}
#sct_inquiry .btn {
	margin-top: 16px;
	text-align: center;
	}

/* 768＜ --------------------------- */
@media (min-width: 768px) {

	#sct_inquiry {
		margin-top: 120px;
		}
	#sct_inquiry::before {
		height: 36px;
		top: -36px;
		background: #cce1e7 url(../img/common/wave_02.png) repeat-x center top;
		}
	#sct_inquiry .sct_wrap {
		max-width: 1260px;
		padding: 60px 45px 0;
		}
	#sct_inquiry h2 {
		font-size: 3.3rem;
		font-size: clamp(2.7rem,3.51vw,3.3rem);
		}
	#sct_inquiry h2::before {
		width: 36px;
		height: 28px;
		margin-right: 18px;
		}
	#sct_inquiry p {
		font-size: 1.7rem;
		line-height: 1.7;
		}
	#sct_inquiry .btn a {
		padding-right: 105px;
		font-size: 2rem;
		}

} /* end 768＜ */
/* ＞767 --------------------------- */
@media (max-width: 767px) {

	#sct_inquiry {
		margin-top: 66px;
		}
	#sct_inquiry::before {
		height: 12px;
		top: -12px;
		background: #cce1e7 url(../img/common/wave_02.png) repeat-x center top / auto 12px;
		}
	#sct_inquiry .sct_wrap {
		padding: 60px 9% 0;
		}
	#sct_inquiry h2 {
		font-size: 2.2rem;
		}
	#sct_inquiry h2::before {
		width: 30px;
		height: 23px;
		margin-right: 15px;
		}
	#sct_inquiry p {
		font-size: 1.5rem;
		line-height: 1.6;
		}
	#sct_inquiry .btn a {
		padding-right: 90px;
		font-size: 1.7rem;
		}

} /* end ＞767 */
