/*---------------------------------------------------------
ページ内共通
---------------------------------------------------------*/
body {
    font-feature-settings: 'halt';
}

p {
	font-weight: 400;
}

.fw {
    font-weight: 800;
}

.section-cv-area {
	background: #fff;
	padding: 4vh 0 9vh;
}
.pass_sougougata + .section-cv-area {
	padding: 2vh 0 9vh;
}
@media screen and (max-width: 600px) {
	.article-ao_rec_k3 .section-cv-area {
	    padding: 5vh 0 8vh;
	}
	.pass_sougougata + .section-cv-area {
		padding: 1vh 0 8vh;
	}
}
.cta-btnBox02, .cta-btnBox > a {
	padding: 2vh 1vw 2vh 1vw;
}
.cta-areaBox p {
	line-height: 1.2;
}

.mini-text {
	font-size: 60% !important;
}
@media screen and (max-width: 600px) {
	.mini-text {
		font-size: 80% !important;
	}
}

.voice-name-box .univ-name .fc-red {
    display: inline-block;
    margin-block: 0 5px;
    font-size: clamp(2.1rem, 5.6vw, 3.2rem)!important;
    line-height: 1.4;
}

/*---------------------------------------------------------
FV
---------------------------------------------------------*/
.mainCatch_container {
	text-align: center;
}
@media screen and (min-width: 601px) {
	#mainCatch_bg {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/MV_bg_pc.png) center bottom/cover no-repeat;
	}

	.mainCatch_container {
		height: 520px;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/mainV_pc.png) center 0 no-repeat;
	}
}
@media screen and (max-width: 600px) {
	.mainCatch_container {
		aspect-ratio: 750/755;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/mainV_sp.png) center 0/contain no-repeat;
	}
}

body .targetCall {
	color: #fff;
	font-size: clamp(2.5rem, 6.666vw, 3.2rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
    padding-block: 39px 22px;
}
@media screen and (max-width: 600px) {
	body .targetCall {
	    padding-top: 14.8vw;
        line-height: 1;
	}
}

.mainCatch {
	color: #CC0014;
	font-size: clamp(3.2rem, 8.533vw, 4.6rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-shadow:
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff,
		0 0 10px #fff;
	line-height: 1.23;
}
.mainCatch .large {
	display: block;
	font-size: clamp(4.5rem, 12vw, 6.4rem);
    margin-block: -7px 0;
}
.mainCatch .large span {
	font-size: clamp(6rem, 16vw, 9rem);
	line-height: 1;
}
@media screen and (max-width: 600px) {
	.mainCatch .large span {
		line-height: 1.1;
	}
}

body .serviceName {
	font-size: clamp(1.8rem, 4.8vw, 2.4rem);
	font-weight: 900;
	text-shadow:
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff,
		0 0 7px #fff;
	letter-spacing: 0.15rem;
    line-height: 1.5;
    margin-block: 39px 0;
}
@media screen and (max-width: 600px) {
	body .serviceName {
		margin-top: 5.866vw;
	}
}

.medals {
	position: relative;
    margin-block: -54px 40px;
    max-width: 610px;
}
.culum-3-none > * {
    padding: 2%;
}
@media screen and (max-width: 600px) {
	.medals {
	    margin-block: -33px 22px;
	}
	.culum-3-none > * {
	    padding: 3.5%;
	}
}

/*---------------------------------------------------------
合格体験記スライダー
---------------------------------------------------------*/
.goukaku-slider-bg {
	margin: 0;
	padding: 3vh 0;
}
@media screen and (min-width: 601px) {
	.goukaku-slider-bg {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/petal_top_pc.png) center 0/contain no-repeat,
			url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/petal_bottom_pc.png) center bottom/contain no-repeat,
			linear-gradient(to bottom,  #fff3f6 0%,#ffd6e0 100%);
	}
}
@media screen and (max-width: 600px) {
	.goukaku-slider-bg {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/petal_top_sp.png) center 0/contain no-repeat,
			url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/petal_bottom_sp.png) center bottom/contain no-repeat,
			linear-gradient(to bottom,  #fff3f6 0%,#ffd6e0 100%);
		padding: 3.5vh 0;
	}
}

body .article-ao_rec_k3 .semi-ttl.goukaku-slider-ttl-bg {
	background: none;
	color: #121212;
	font-size: clamp(2.3rem, 6.133vw, 3.4rem) !important;
    line-height: 1.4;
    padding-bottom: 7px;
	text-shadow:
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3,
		0 0 7px #FFEEF3;
}
@media screen and (max-width: 600px) {
	body .goukaku-slider-ttl-bg {
	    line-height: 1.45;
	}
}
.goukaku-slider-ttl-bg span {
	font-size: clamp(3.5rem, 9.333vw, 4.6rem);
}

.article-ao_rec_k3 .goukaku-slider-ttl {
    font-size: clamp(1.7rem, 4.533vw, 1.8rem) !important;
    font-weight: 900;
    text-indent: -0.5em;
    padding: 1vh 1vw 0 1.5vw;
}
@media screen and (max-width: 600px) {
	.article-ao_rec_k3 .goukaku-slider-ttl {
	    padding: 1vh 3vw 0 5vw;
	}
}
.goukaku-slider-schoolname {
	font-size: clamp(1.6rem, 4.266vw, 1.9rem) !important
}

p {
	font-weight: 400;
}

.goukaku-slider-elementary-e-area{
	overflow-x: hidden;
	margin-bottom: min( 100vw / 750 * 40 , 20px);
}
@media screen and (max-width: 600px) {
	.goukaku-slider-elementary-e-area{
		margin-bottom: min( 100vw / 750 * 40 , 15px);
	}
}

.goukaku-slider-elementary-e-area .goukaku-slider{
	height:auto;
}

.pass_sougougata {
	padding-block: 3.5vh 2vh;
}
.pass_sougougata dt {
	font-size: clamp(1.9rem, 5.066vw, 2.6rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-align: center;
    line-height: 1.4;
	margin-block: 0 1.5vh;
	position: relative;
}
.pass_sougougata dt::before,
.pass_sougougata dt::after {
	content: '';
	display: block;
	position: absolute;
	top: clamp(1px, 0.266vw, 4px);
	left: calc(50% - clamp(140px, 37.333vw, 190px));
	width: clamp(30px, 8vw, 40px);
	aspect-ratio: 581/958;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec_lp/laurel.svg) 0 0/contain no-repeat;
}
.pass_sougougata dt::after {
	transform: scale(-1, 1);
    left: unset;
    right: calc(50% - clamp(140px, 37.333vw, 190px));
}
.pass_sougougata dd {
	display: flex;
	font-size: clamp(1.3rem, 3.466vw, 1.7rem);
    line-height: 1.4;
    margin-block: 0 1vh;
}
.pass_sougougata dd span:first-of-type {
	font-weight: 900;
	flex-basis: 15%;
}
.pass_sougougata dd span:last-of-type {
	flex-basis: 85%;
}
@media screen and (max-width: 600px) {
	.pass_sougougata dd span:first-of-type {
		flex-basis: 25%;
	}
	.pass_sougougata dd span:last-of-type {
		flex-basis: 75%;
	}
}

.article-ao_rec_k3 .top-ttl .third-ttl {
	display: inline-block;
	line-height: 1.4;
	margin-block: 0 1.2vh;
}
.article-ao_rec_k3[data-cat="ao_rec_k3"] .planBox p,
.article-ao_rec_k3[data-cat="ao_rec_k3"] .ttl_green_ribon + div p,
.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-lattice-wamgreen p,
.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-wam-l-green p,
.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-diagonal-yellow p,
.article-ao_rec_k3[data-cat="ao_rec_k3"] .affinity_checkBox p {
	font-size: clamp(1.2rem, 4vw, 1.8rem);
}
.article-ao_rec_k3[data-cat="ao_rec_k3"] .planBox-contents {
	padding: 4.5vh 3.5vw;
}
@media screen and (max-width: 600px) {
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .planBox p,
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .ttl_green_ribon + div p,
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-lattice-wamgreen p,
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-wam-l-green p,
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .bg-diagonal-yellow p,
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .affinity_checkBox p {
	    line-height: 1.7;
	}
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .planBox-contents {
		padding: 2.5vh 3.5vw 3vh;
	}
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .ttl_red_ribon + div .planBox-contents {
		padding: 5vh 3.5vw 3vh;
	}
}
.article-ao_rec_k3[data-cat="ao_rec_k3"] .point-ttl-box {
	margin: 0 0 1vh;
}
.article-ao_rec_k3[data-cat="ao_rec_k3"] .subtitle {
    font-size: clamp(2.4rem, 4vw, 3.5rem);
    margin-block: 1vh;
}
.article-ao_rec_k3[data-cat="ao_rec_k3"] .box-card .subtitle {
    font-size: clamp(1.8rem, 4vw, 3.5rem);
}
.bg-gr-red {
    border-top: double 6px;
}
.content {
    grid-gap: 10px 40px;
}
@media screen and (max-width: 600px) {
	.article-ao_rec_k3 #ao_rec_02c_fvarea .red-text {
	    letter-spacing: 0;
	}
	.article-ao_rec_k3 .section-reasons .fc-wam-green {
		font-size: 110%;
	}
	.article-ao_rec_k3[data-cat="ao_rec_k3"] .num-reasion-v2 {
	    height: 64px;
	    padding: 0 0 1.5vh;
	}
	#footer_ctaarea .ctaarea > h3 {
	    padding: 4px 0 14px;
	    border-radius: 5px 5px 0 0;
	    line-height: 1.3;
	    width: 100%;
	}
}
.grecaptcha-badge {
    visibility: hidden;
}
[data-cat="ao_rec_k3"] .fc-wam-green {
	color: #005d24;
	line-height: 1.5;
}
@media screen and (min-width: 601px) {
	.top-ttl02 + .w-1200 .culum-2 {
		gap: 40px;
	}
}
[data-cat="ao_rec_k3"] .bg-gr-red {
	font-size: clamp(2.4rem, 4vw, 4rem) !important;
}
[data-cat="ao_rec_k3"] .bg-gr-red span {
	color: #fff94c;
}
[data-cat="ao_rec_k3"] .bg-gr-red span span {
	font-size: 140%;
	line-height: 1;
}
.method_area {
	padding-inline: 2vh;
	display: flex;
	gap: 40px;
}
@media screen and (max-width: 600px) {
	.method_area {
		flex-wrap: wrap;
		gap: 0;
	}
}
.section-faqs {
	display: none;
}
.summary-campaigns a {
	pointer-events: none;
}
.summary-campaigns article:not(article:nth-of-type(1)),
.summary-campaigns .entry,
.summary-campaigns + .sp_mb-xs  {
	display: none;
}

/*---------------------------------------------------------
お悩み共感コンテンツ
---------------------------------------------------------*/
.affinity_bg {
	position: relative;
	margin-block: 0 70px;
}
@media screen and (min-width: 601px) {
	.affinity_bg {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_bg_pc.png) center bottom/cover no-repeat;
		min-height: 833px;
	}
}
@media screen and (max-width: 600px) {
	.affinity_bg {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_stu.png) right -6px top 27px/50vw 78.266vw no-repeat,
			url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_bg_sp.png) center top/cover no-repeat;
		aspect-ratio: 250/458;
	    margin-block: 0 35px;
	}
}
.affinity_bg::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_circle_pc.svg) 0 0 no-repeat;
	width: 130px;
	height: 130px;
}
@media screen and (max-width: 600px) {
	.affinity_bg::after {
	    bottom: -23px;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_circle_sp.svg) 0 0/contain no-repeat;
		width: 65px;
		height: 65px;
	}
}

@media screen and (min-width: 835px) {
	.affinity_bg > .w-1000 {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/affinity_stu.png) right bottom no-repeat;
	}
}

.affinity_checkBox {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    padding-block: 40px;
    padding-inline: 47px;
}
@media screen and (min-width: 835px) {
	.affinity_checkBox {
		width: 630px;
	}
}
@media screen and (max-width: 600px) {
	.affinity_checkBox {
	    padding-block: 33px 20px;
	    padding-inline: 20px;
	}
}

.affinity_bg h2 {
	color: #000;
	font-size: clamp(1.9rem, 5.066vw, 3.2rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-shadow:
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff,
		0 0 13px #fff;
    line-height: 1.7;
    padding-block: clamp(36px, 9.6vw, 60px) 25px;
}
@media screen and (max-width: 600px) {
	.affinity_bg h2 {
		padding-bottom: 35px;
	}
}
.affinity_bg h2 > span {
	color: #CC0014;
	font-size: clamp(2.8rem, 7.466vw, 4rem);
}
@media screen and (max-width: 600px) {
	.affinity_bg h2 {
	    line-height: 1.6;
	}
	.affinity_bg h2 > span {
	    line-height: 1.45;
        display: inline-block;
	    margin-top: 3px;
	}
}
.affinity_bg h2 span span {
	font-size: clamp(3.3rem, 8.8vw, 5rem);
}

.check-box-list {
	font-size: clamp(1.6rem, 4.266vw, 2.2rem);
    margin: 0 0 2.5vh 1vh;
}
@media screen and (max-width: 600px) {
	.check-box-list {
		margin-left: 0.5vh;
	}
}
.mark-underline_high {
	background: none;
	font-weight: 900;
}
.article-ao_rec_k3 .check-box-list li {
    padding: 0 1rem 0.8rem 4rem;
}
.article-ao_rec_k3 .check-box-list li:before {
    position: absolute;
    top: 1px;
    left: 0;
}
@media screen and (max-width: 600px) {
	.article-ao_rec_k3 .check-box-list li {
	    padding: 0 1rem 1.6rem 2.4rem;
        line-height: 1.3;
	}
}

body .affinity_end {
	font-weight: 900;
	font-size: clamp(1.85rem, 4.933vw, 3rem);
    line-height: 1.75;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
}
.affinity_end span {
	font-weight: inherit;
}
@media screen and (min-width: 601px) {
	.affinity_end {
		text-align: center;
	}
	.affinity_end span {
		font-size: 4.2rem;
	}
}

/*---------------------------------------------------------
大見出し - 緑系
---------------------------------------------------------*/
.ttl_green_ribon {
	position: relative;
	margin-block: clamp(50px, 15.733vw, 70px) clamp(32px, 8.533vw, 60px);
}
.ttl_green_ribon::before,
.ttl_green_ribon::after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
}
@media screen and (min-width: 601px) {
	.ttl_green_ribon::before,
	.ttl_green_ribon::after {
		bottom: -70px;
		left: calc(50% - 700px);
		width: 274px;
		height: 175px;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ribon_green_side_pc.svg) 0 0 no-repeat;
	}
}
@media screen and (max-width: 600px) {
	.ttl_green_ribon::before,
	.ttl_green_ribon::after {
        bottom: -9.333vw;
		left: 0;
		width: 9.8vw;
		height: 18.2vw;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ribon_green_side_sp.svg) 0 0/contain no-repeat;
	}
}
.ttl_green_ribon::after {
	transform: scale(-1, 1);
	left: initial;
}
@media screen and (min-width: 601px) {
	.ttl_green_ribon::after {
		right: calc(50% - 700px);
	}
}
@media screen and (max-width: 600px) {
	.ttl_green_ribon::after {
		right: 0;
	}
}

.ttl_green_ribon h2 {
	margin-bottom: 0 !important;
	position: relative;
}
.ttl_green_ribon h2::before,
.ttl_green_ribon h2::after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 100%);
	opacity: 0.5;
}
.ttl_green_ribon h2::after {
	top: initial;
	bottom: 8px;
}
@media screen and (max-width: 600px) {
	.ttl_green_ribon h2::before,
	.ttl_green_ribon h2::after {
		top: 1.066vw;
		height: 0.533vw;
	}
	.ttl_green_ribon h2::after {
		top: initial;
		bottom: 1.066vw;
	}
}

body[data-cat="high"] [data-cat="ao_rec_k3"] .title-bg {
	background: linear-gradient(135deg, #007f7c 62%,#006060 38%);
	font-size: clamp(2.5rem, 6.666vw, 3.4rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
    line-height: 1.6;
    margin: 0 auto !important;
}
@media screen and (min-width: 601px) {
	body [data-cat="ao_rec_k3"] .ttl_green_ribon .title-bg {
	    max-width: 1000px;
	}
}
@media screen and (max-width: 600px) {
	body [data-cat="ao_rec_k3"] .title-bg {
	    line-height: 1.5;
        padding-block: 6.4vw;
	}
}
body [data-cat="ao_rec_k3"] .title-bg span,
body [data-cat="ao_rec_k3"] .bg-wam-green span {
	color: #fff700;
	font-size: clamp(3.2rem, 8.533vw, 4.6rem);
}
body [data-cat="ao_rec_k3"] .title-bg span span {
	font-size: clamp(4.7rem, 12.533vw, 6.6rem);
    line-height: 1;
}

/*---------------------------------------------------------
正しい受かり方コンテンツ
---------------------------------------------------------*/
[data-cat="ao_rec_k3"] .point-ttl-box-mark {
	background: linear-gradient(135deg, #007f7c 62%,#006060 38%);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
}
@media screen and (max-width: 600px) {
	[data-cat="ao_rec_k3"] .point-ttl-box-mark {
	    margin-right: 3vw;
	}
}

body[data-cat="high"] .title-txt {
    color: #2c7f7c;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
    font-size: clamp(2.2rem, 5.866vw, 4rem) !important;
    line-height: 1.4;
}

/*---------------------------------------------------------
塾比較コンテンツ
---------------------------------------------------------*/
.diff_ttl_01,
.diff_ttl_02 {
	position: relative;
}
.diff_ttl_01::after,
.diff_ttl_02::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	aspect-ratio: 353/295;
	width: 225px;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ttl_img_01.png) 0 0/contain no-repeat;
}
.diff_ttl_02::after {
	right: 40px;
	aspect-ratio: 357/350;
	width: 225px;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ttl_img_02.png) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
	body [data-cat="ao_rec_k3"] .diff_ttl_01,
	body [data-cat="ao_rec_k3"] .diff_ttl_02 {
		text-align: left;
        line-height: 1.4;
        padding-inline: 3vh;
	    overflow-x: hidden;
	}
	.diff_ttl_01::after,
	.diff_ttl_02::after {
		width: 47.733vw;
	}
	.diff_ttl_02::after {
	    right: -5px;
	}
}

/*---------------------------------------------------------
WAMの総合型・学校推薦型メソッドのコンテンツ
---------------------------------------------------------*/
.usp_ttl {
	color: #fff;
    font-size: clamp(2.5rem, 6.666vw, 3.8rem);
    line-height: 1.4;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ttl_img_03_pc.png) center 0/contain no-repeat,
		linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(253,250,237,1) 50%);
	min-height: 405px;
	margin-block: clamp(30px, 8vw, 60px) 0;
	padding-block: 10px 0;
}
@media screen and (min-width: 835px) {
	.usp_ttl {
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	}
}
@media screen and (min-width: 601px) and (max-width: 834px) {
	.usp_ttl {
	    background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ttl_img_03_sp.png) center top -100px/cover no-repeat,
		    linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(253, 250, 237, 1) 50%);
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        padding-inline: 30px 0;
	}
}
@media screen and (max-width: 600px) {
	.usp_ttl {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ttl_img_03_sp.png) center 0/contain no-repeat,
			linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(253,250,237,1) 50%);
		min-height: 82.266vw;
        padding-block: 11vh 0;
        padding-inline: 3vh 0;
	}
}
.usp_ttl span span {
    font-size: clamp(3.25rem, 8.666vw, 6rem);
}

.usp_s_ttl_wrap {
	background: #FDFAED;
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.usp_s_ttl_wrap {
		padding-top: 8vw;
	}
}

.usp_s_ttl_wrap > span {
	display: block;
}

.ttl_serviceName {
	color: #005D5D;
    font-size: clamp(2.8rem, 7.466vw, 4rem);
    line-height: 1.6;
    position: relative;
}
@media screen and (max-width: 600px) {
	.ttl_serviceName {
	    line-height: 1.3;
	    margin-block: 0 2vh;
	}
}
.ttl_serviceName::before,
.ttl_serviceName::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -20px;
	left: calc(50% - 390px);
	aspect-ratio: 61/79;
	width: 61px;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/comment_icon.svg) 0 0/cover no-repeat;
}
.ttl_serviceName::after {
	transform: scale(-1, 1);
	right: calc(50% - 390px);
	left: initial;
}
@media screen and (max-width: 600px) {
	.ttl_serviceName::before,
	.ttl_serviceName::after {
		bottom: 0;
		width: 9.2vw;
	}
	.ttl_serviceName::before {
		left: calc(50% - 150px);
	}
	.ttl_serviceName::after {
		right: calc(50% - 150px);
	}
}
.ttl_serviceName span {
    font-size: clamp(3.6rem, 9.6vw, 5.4rem);
}

.usp_s_ttl {
    font-size: clamp(3.2rem, 8.533vw, 5rem);
    line-height: 1.65;
}
.usp_s_ttl span {
    display: inline-block;
    background: linear-gradient(transparent 60%, #FFF700 30%);
    line-height: 1.4;
}
@media screen and (max-width: 600px) {
	.usp_s_ttl {
	    line-height: 1.45;
	}
	.usp_s_ttl span {
	    background: linear-gradient(transparent 70%, #FFF700 30%);
	}
}

.section-reasons {
	background: #FDFAED;
}
.section-reasons > .planBox {
	margin-block: 0 clamp(70px, 18.666vw, 90px);
    padding: 4vh 3vw;
}
.section-reasons .planBox:nth-of-type(2) img {
	border: solid 1px #ccc;
}

.article-ao_rec_k3 .section-reasons .w-1200 > div:nth-of-type(1) {
    margin-top: 5vh;
}

/*---------------------------------------------------------
大見出し - 赤系
---------------------------------------------------------*/
.ttl_red_ribon {
	position: relative;
	margin-block: 70px 60px;
}
@media screen and (max-width: 600px) {
	.ttl_red_ribon {
		margin-block: 70px -40px;
	}
}
.ttl_red_ribon::before,
.ttl_red_ribon::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
}
@media screen and (min-width: 601px) {
	.ttl_red_ribon::before,
	.ttl_red_ribon::after {
		bottom: -70px;
		left: calc(50% - 700px);
		width: 274px;
		height: 175px;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ribon_red_side_pc.svg) 0 0 no-repeat;
	}
}
@media screen and (max-width: 600px) {
	.ttl_red_ribon::before,
	.ttl_red_ribon::after {
        bottom: -35px;
		left: 0;
		width: 9.8vw;
		height: 18.2vw;
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/ribon_red_side_sp.svg) 0 0/contain no-repeat;
	}
}
.ttl_red_ribon::after {
	transform: scale(-1, 1);
	left: initial;
}
@media screen and (min-width: 601px) {
	.ttl_red_ribon::after {
		right: calc(50% - 700px);
	}
}
@media screen and (max-width: 600px) {
	.ttl_red_ribon::after {
		right: 0;
	}
}

.ttl_red_ribon h2 {
	font-size: clamp(2.5rem, 6.666vw, 3.4rem);
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
    line-height: 1.6;
    color: #fff;
    text-align: center;
    margin: 0 auto;
	position: relative;
	z-index: 1;
}
body [data-cat="ao_rec_k3"] .ttl_red_ribon .title-bg {
	background: linear-gradient(135deg, #CF2A2A 62%,#AC1919 38%);
}
@media screen and (min-width: 601px) {
	body [data-cat="ao_rec_k3"] .ttl_red_ribon .title-bg {
	    max-width: 1000px;
	}
}
.ttl_red_ribon h2::before,
.ttl_red_ribon h2::after {
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 100%);
	opacity: 0.5;
}
.ttl_red_ribon h2::after {
	top: initial;
	bottom: 8px;
}
@media screen and (max-width: 600px) {
	.ttl_red_ribon h2::before,
	.ttl_red_ribon h2::after {
		top: 1.066vw;
		height: 0.533vw;
	}
	.ttl_red_ribon h2::after {
		top: initial;
		bottom: 1.066vw;
	}
}

body [data-cat="ao_rec_k3"] .title-bg span,
body [data-cat="ao_rec_k3"] .bg-wam-green span {
	color: #fff700;
	font-size: clamp(3.2rem, 8.533vw, 4.6rem);
}

/*---------------------------------------------------------
WAMで合格できる理由のコンテンツ
---------------------------------------------------------*/
[data-cat="ao_rec_k3"] .subtitle {
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
    line-height: 1.4;
}

/*---------------------------------------------------------
一般入試との併願コンテンツ
---------------------------------------------------------*/
.heigan-ttl {
	position: relative;
    padding: 6vh 2vw 4vh;
}
.heigan-ttl::before {
	content: '';
	display: block;
	position: absolute;
    top: -80px;
    left: 50%;
    transform: translateX(-50%);
	aspect-ratio: 130/130;
	width: 130px;
	background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/usp_circle_pc.svg) 0 0/contain no-repeat;
}
@media screen and (max-width: 600px) {
	body [data-cat="ao_rec_k3"] .heigan-ttl {
        padding: 10.666vw 0 5.333vw;
	}
	.heigan-ttl::before {
		background: url(/wp/wp-content/themes/wam.onl/img/high/ao_rec/usp_circle_sp.svg) 0 0/contain no-repeat;
	    top: -9.6vw;
		width: 18vw;
	}
}

.usp_s_ttl_wrap + .section-reasons {
	padding-bottom: 10vh !important;
}

/*---------------------------------------------------------
他のオンラインとの違いコンテンツ
---------------------------------------------------------*/
.section-difference {
	padding-bottom: 10vh;
}

.section-difference .section-title {
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
}

[data-cat="ao_rec_k3"] .section-difference .subtitle {
	text-align: left;
}

/*---------------------------------------------------------
クロージング
---------------------------------------------------------*/
.bg-diagonal-yellow {
	background: #FDFAED;
    margin-block: 0 7vh;
}

.closing {
	padding-bottom: clamp(35px, 9.333vw, 70px);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 50%,rgba(253,250,237,1) 50%);
}

.closing .ttl_red_ribon {
    margin-block: 70px 0;
}