@charset "utf-8";
/* ■■■■■■■■■■教材診断■■■■■■■■■■ */
/* s-diagnosis */
.s-diagnosis{
	background-color: var(--ORANGE01);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-y: scroll;
	overflow-x: clip;
}
@media screen and (min-width: 768px){
	.s-diagnosis{
		height: calc(100vh - 78px);
	}
	body:has(.g-headMessageContainer) .s-diagnosis{
		height: calc(100vh - 122px);
	}
}
@media screen and (max-width: 767px){
	.s-diagnosis{
		height: calc(100vh - 122px);
	}
	body:has(.g-headMessageContainer) .s-diagnosis{
		height: calc(100vh - 164px);
	}
}
/* s-diagnosis__start */
.s-diagnosis__start__heading > span{
	display: block;
	font-weight: 900;
}
@media screen and (min-width: 768px){
	.s-diagnosis__start{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		column-gap: var(--GAP_75);
	}
	.s-diagnosis__start__btnContainer{
		grid-column: span 2;
	}
	.s-diagnosis__start__heading__addon{
		font-size: var(--FZ_30);
	}
	.s-diagnosis__start__heading__main{
		font-size: var(--FZ_50);
		line-height: 1.5;
	}
	.s-diagnosis__start__desc{
		margin-top: var(--GAP_20);
		font-size: var(--FZ_25);
	}
}
@media screen and (max-width: 767px){
	.s-diagnosis__start__illust{
		width: 80%;
		margin: 0 auto 30px;
	}
	.s-diagnosis__start__body{
		margin-bottom: 20px;
	}
	.s-diagnosis__start__heading__addon{
		font-size: var(--FZ_28);
	}
	.s-diagnosis__start__heading__main{
		font-size: var(--FZ_50);
		line-height: 1.5;
	}
	.s-diagnosis__start__desc{
		margin-top: var(--GAP_20);
		font-size: var(--FZ_20);
	}
}
/* s-diagnosis__tool */
.s-diagnosis__tool__heading{
	font-weight: 900;
	text-align: center;
}
@media screen and (min-width: 768px){
	.s-diagnosis__tool{
		margin-bottom: clamp( 50px, 8vw, 100px);
	}
	.s-diagnosis__tool__illust{
		width: 300px;
		margin: 0 auto 30px;
	}
	.s-diagnosis__tool__heading{
		font-size: var(--FZ_40);
	}
}
@media screen and (max-width: 767px){
	.s-diagnosis__tool{
		margin-bottom: 50px;
	}
	.s-diagnosis__tool__illust{
		width: 200px;
		margin: 0 auto 20px;
	}
	.s-diagnosis__tool__heading{
		margin-bottom: 50px;
		font-size: var(--FZ_28);
	}
}
/* s-diagnosis__result */
.s-diagnosis__result__heading > span{
	display: block;
	font-weight: 900;
	text-align: center;
}
.s-diagnosis__result__material{
	display: grid;
}
.s-diagnosis__result__material li{
	flex: 1;
}
.s-diagnosis__result__material li a{
	display: grid;
	gap: var(--GAP_20);
}
.s-diagnosis__result__material__name{
	font-weight: 700;
	line-height: 1.5;
}
@media screen and (min-width: 768px){
	.s-diagnosis__result__heading{
		margin-bottom: 30px;
	}
	.s-diagnosis__result__heading__addon{
		font-size: var(--FZ_20);
	}
	.s-diagnosis__result__heading__main{
		font-size: var(--FZ_50);
		margin-top: 20px;
	}
	.s-diagnosis__result__material{
		width: fit-content;
		margin: 0 auto;
		gap: var(--GAP_30);
	}
	.s-diagnosis__result__material li{
		max-width: 650px;
	}
	.s-diagnosis__result__material li a{
		grid-template-columns: 150px 1fr;
	}
	.s-diagnosis__result__material__name{
		font-size: var(--FZ_18);
		margin-top: 5px;
	}
}
@media screen and (max-width: 767px){
	.s-diagnosis__result__heading{
		margin-bottom: 20px;
	}
	.s-diagnosis__result__heading__addon{
		font-size: var(--FZ_16);
	}
	.s-diagnosis__result__heading__main{
		font-size: var(--FZ_40);
		margin: 10px 24px 0 24px;
	}
	.s-diagnosis__result__material{
		gap: var(--GAP_30);
	}
	.s-diagnosis__result__material li a{
		grid-template-columns: 95px 1fr;
	}
	.s-diagnosis__result__material__name{
		font-size: var(--FZ_16);
		margin-top: 5px;
	}
}
/* s-vocabularyBnr */
.s-vocabularyBnr{
	width: var(--INNER_WIDTH);
	max-width: 590px;
	margin-left: auto;
	margin-right: auto;
}
/* s-material */
.s-material{
	display: grid;
	gap: var(--GENERALSEC);
}
.s-material__heading{
	font-weight: 900;
	text-align: center;
	border-bottom: 1px solid var(--BLACK);
}
.s-material__list{
	display: grid;
}
.s-material__name{
	font-weight: 700;
}
.s-material__price .g-product__price__main{
	font-weight: 700;
}
.s-material__price .g-product__price__addon__jpy{
	font-weight: 700;
}
@media screen and (min-width: 768px){
	.s-material__heading{
		font-size: var(--FZ_30);
		padding: var(--GAP_20);
		margin-bottom: var(--GAP_50);
	}
	.s-material__lead{
		font-size: var(--FZ_16);
		margin-bottom: var(--GAP_50);
	}
	.s-material__list{
		gap: var(--GAP_50);
	}
	.s-material__list > li{
		display: grid;
		grid-template-columns: 150px 1fr;
		column-gap: var(--GAP_50);
	}
	.s-material__body{
		display: contents;
	}
	.s-material__photo{
		grid-row: span 2;
	}
	.s-material__name{
		padding-left: 20px;
		border-left: 5px solid var(--BLUE01);
		font-size: var(--FZ_20);
		margin-bottom: 20px;
	}
	.s-material__price .g-product__price__main{
		font-size: var(--FZ_30);
	}
	.s-material__price .g-product__price__addon{
		gap: 3px;
	}
	.s-material__price .g-product__price__addon__jpy{
		font-size: var(--FZ_16);
	}
	.s-material__price .g-product__price__addon__tax{
		font-size: var(--FZ_14);
	}
}
@media screen and (max-width: 767px){
	.s-material__heading{
		font-size: var(--FZ_20);
		padding: var(--GAP_10);
		margin-bottom: var(--GAP_30);
	}
	.s-material__lead{
		font-size: var(--FZ_14);
		margin-bottom: var(--GAP_30);
	}
	.s-material__list{
		gap: var(--GAP_50);
	}
	.s-material__body{
		flex: 1;
	}
	.s-material__body{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		column-gap: var(--GAP_20);
	}
	.s-material__name{
		font-size: var(--FZ_16);
		margin-bottom: 10px;
		line-height: 1.5;
	}
	.s-material__meta{
		grid-column: span 2;
	}
	.s-material__price .g-product__price__main{
		font-size: var(--FZ_20);
	}
	.s-material__price .g-product__price__addon{
		gap: 3px;
	}
	.s-material__price .g-product__price__addon__jpy{
		font-size: var(--FZ_14);
	}
	.s-material__price .g-product__price__addon__tax{
		font-size: var(--FZ_12);
	}
	.s-material__btn{
		margin: 20px auto;
	}
}
/* チャート追加CSS */
.d_none{
	display: none !important;
}
.next_link,
.result_link{
	cursor: pointer;
}
/* ■■■■■■■■■■お知らせ■■■■■■■■■■ */
.g-containerWhite .g-news__list{
	display: grid;
}
.g-containerWhite .g-news__list__ttl{
	position: relative;
	font-weight: var(--FF_W_B);
}
.g-containerWhite .g-news__list__ttl a{
	pointer-events: none;
}
.g-containerWhite .g-news__list__ttl__open{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
	border-radius: 50%;
	right: 0;
}
.g-containerWhite .g-news__list__ttl__open::before,
.g-containerWhite .g-news__list__ttl__open::after{
	content: "";
	display: inline-block;
	background: var(--BLACK);
	width: 80%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.g-containerWhite .g-news__list__ttl__open::after{
	transition: .3s;
	transform: translate(-50%, -50%) rotate(90deg);
}
.g-containerWhite .g-news__list__ttl.active .g-news__list__ttl__open::after{
	transform: translate(-50%, -50%) rotate(180deg);
}
.g-containerWhite .g-news__list__cat{
	display: inline-block;
	min-width: var(--CAT_WIDTH);
	background-color: var(--BLUE01);
	font-weight: var(--FF_W_M);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.g-containerWhite .g-news__list__body{
	background-color: var(--BGCOLOR_GRAY_1);
}
.g-containerWhite .g-news__list__body a{
	text-decoration: underline;
	color: var(--BLUE01);
}
.g-containerWhite .g-news__list--completed .g-news__list__body{
	display: none;
}
@media (hover: hover){
	.g-containerWhite .g-news__list__ttl:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.g-containerWhite .g-news__list{
		gap: var(--GAP_30);
	}
	.g-containerWhite .g-news__list__ttl{
		padding-right: 50px;
		font-size: var(--FZ_20);
		gap: var(--GAP_20);
		--CAT_WIDTH: 180px;
		padding-left: 200px;
	}
	.g-containerWhite .g-news__list__ttl__open{
		width: 20px;
		top: 7px;
	}
	.g-containerWhite .g-news__list__cat{
		padding: 5px 0;
		font-size: var(--FZ_16);
	}
	.g-containerWhite .g-news__list__body{
		padding: var(--GAP_40);
		margin-top: var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.g-containerWhite .g-news__list{
		gap: var(--GAP_40);
	}
	.g-containerWhite .g-news__list__ttl{
		font-size: var(--FZ_16);
		padding-right: 30px;
		gap: var(--GAP_10);
		--CAT_WIDTH: 100px;
		padding: 28px 30px 0 0;
	}
	.g-containerWhite .g-news__list__ttl__open{
		width: 15px;
		bottom: 5px;
	}
	.g-containerWhite .g-news__list__cat{
		padding: 3px 0;
		font-size: var(--FZ_12);
		top: 0;
	}
	.g-containerWhite .g-news__list__body{
		padding: var(--GAP_20);
		margin-top: var(--GAP_20);
		font-size: var(--FZ_13);
	}
}
/* ■■■■■■■■■■団体購入■■■■■■■■■■ */
/* s-fixedBtn */
.s-fixedBtn{
	display: grid;
	position: fixed;
	z-index: 99;
	right: 0;
	background-color: var(--BLACK);
}
.s-fixedBtn--organzation{
	padding: var(--GAP);
	gap: var(--GAP);
}
.s-fixedBtn li a{
	display: block;
}
.s-fixedBtn__icon{
	display: block;
	aspect-ratio: 1/1;
}
.s-fixedBtn--organzation li:first-child .s-fixedBtn__icon{
	background-color: var(--YELLOW01);
}
.s-fixedBtn__label{
	display: block;
	color: var(--WHITE);
	letter-spacing: 1px;
}
@media screen and (min-width: 768px){
	.s-fixedBtn{
		width: 90px;
		top: 200px;
	}
	.s-fixedBtn--organzation{
		--GAP: 18px;
	}
	.s-fixedBtn__label{
		padding-top: 2px;
		font-size: var(--FZ_12_CONST);
		text-align: center;
	}
	.s-fixedBtn__icon{
		background: var(--WHITE) no-repeat center center / 70%;
	}
}
@media screen and (max-width: 767px){
	.s-fixedBtn{
		width: 100%;
		bottom: var(--SP_MENU_HEIGT);
	}
	.s-fixedBtn--organzation{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.s-fixedBtn--organzation{
		--GAP: 10px;
	}
	.s-fixedBtn li:not(:last-child){
		border-right: 1px solid var(--WHITE);
	}
	.s-fixedBtn li a{
		display: grid;
		grid-template-columns: 30px 1fr;
		gap: 10px;
		align-items: center;
	}
	.s-fixedBtn__label{
		font-size: var(--FZ_12_CONST);
	}
	.s-fixedBtn__icon{
		background: var(--WHITE) no-repeat center center / 90%;
	}
}
/* s-fvSection */
.s-fv__heading{
	display: grid;
}
.s-fv__heading > span{
	display: block;
}
.s-fv__heading__primary{
	font-weight: 900;
}
.s-fv__heading__primary mark{
	display: inline-block;
	background-color: var(--WHITE);
	line-height: 1.2;
}
.s-fv__heading__secondary--organzation{
	font-weight: var(--FF_W_B);
}
.s-fv__desc{
	border: 1px solid var(--BLACK);
}
.s-fv__desc__ttl{
	font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px){
	.s-fvSection{
		overflow: hidden;
		padding: 80px 0;
	}
	.s-fv{
		display: grid;
		grid-template-columns: 10fr 11fr;
	}
	.s-fv__heading{
		gap: var(--GAP_30);
		margin-bottom: var(--GAP_30);
	}
	.s-fv__heading__primary--organzation{
		font-size: var(--FZ_50);
	}
	.s-fv__heading__primary mark{
		padding: 0 5px 3px 5px;
		margin: 0 5px;
	}
	.s-fv__heading__secondary--organzation{
		font-size: var(--FZ_25);
	}
	.s-fv__desc{
		padding: var(--GAP_25);
		max-width: 500px;
	}
	.s-fv__desc__ttl{
		font-size: var(--FZ_14);
	}
	.s-fv__desc__txt{
		font-size: var(--FZ_14);
	}
	.s-fv__imgContainer{
		position: relative;
		top: -8%;
	}
}
@media screen and (max-width: 767px){
	.s-fvSection{
		padding: 40px 0;
	}
	.s-fv{
		display: grid;
	}
	.s-fv__heading{
		gap: var(--GAP_10);
		margin-bottom: var(--GAP_20);
	}
	.s-fv__heading__primary--organzation{
		font-size: var(--FZ_50);
	}
	.s-fv__heading__primary mark{
		padding: 0 5px 3px 5px;
		margin: 0 5px;
	}
	.s-fv__heading__secondary--organzation{
		font-size: var(--FZ_28);
	}
	.s-fv__desc{
		padding: var(--GAP_20);
	}
	.s-fv__desc__ttl{
		font-size: var(--FZ_12_CONST);
	}
	.s-fv__desc__txt{
		font-size: var(--FZ_12_CONST);
	}
	.s-fv__imgContainer--organaztion .g-btn{
		margin-top: var(--GAP_50);
	}
}
/* s-feature */
.s-feature__ttl{
	font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px){
	.s-feature{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: var(--GAP_50);
	}
	.s-feature__ttl{
		font-size: var(--FZ_20);
		margin-top: var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.s-feature{
		display: grid;
		gap: var(--GAP_30);
	}
	.s-feature__ttl{
		font-size: var(--FZ_16);
		margin-top: var(--GAP_10);
	}
}
/* s-intro */
.s-intro{
	display: grid;
}
.s-intro__heading{
	font-weight: 900;
}
.s-intro__heading strong{
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
}
@media screen and (min-width: 768px){
	.s-intro{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_60);
	}
	.s-intro__heading{
		font-size: var(--FZ_60);
		line-height: 1.5;
		margin-bottom: var(--GAP_50);
	}
	.s-intro__ttl.l-contentsTitle{
		font-size: var(--FZ_20);
	}
}
@media screen and (max-width: 767px){
	.s-intro{
		column-gap: 2px;
		grid-template-columns: 1fr 125px;
	}
	.s-intro__heading{
		font-size: 28px;
		line-height: 1.5;
		order: 1;
		text-align: center;
		margin-bottom: 35px;
	}
	.orderPc-1st{
    order: 2;
	}
	.s-intro__img__onayami{
		width: 100%;
		margin: 0 auto;
	}
	.orderPc-2nd{
		display: contents;
	}
  .l-contentsTitle{
    order: 3;
		grid-column: span 2;
	}
	.s-intro__txt{
		order: 4;
		grid-column: span 2;
	}
	.s-merit__ilst{
		width: 40%;
		margin: 10px auto 15px auto;
	}
}
/* s-whiteBox--hasBg */
main{
	overflow-x: clip;
}
.s-whiteBox--hasBg{
	position: relative;
	z-index: 2;
}
.s-whiteBox--hasBg.g-mgb{
	margin-bottom: calc(var(--GENERALSEC) * 1.5);
}
.s-whiteBox--hasBg::before{
	content: "";
	position: absolute;
	width: 200%;
	background-color: var(--WHITE);
	z-index: 1;
}
[class*="s-whiteBox--hasDarkBlue"]::before{
	background-color: var(--BLUE03);
}
[class*="s-whiteBox--hasLightBlue"]::before{
	background-color: var(--BLUE04);
}
.s-whiteBox--hasDarkBlueLeft::before{
	height: 90%;
	right: 0;
}
.s-whiteBox--hasDarkBlueRight::before{
	height: 97%;
	left: 0;
}
.s-whiteBox--hasLightBlueRight::before{
	height: 98%;
	left: 0;
}
.s-whiteBox--hasLightBlueLeft::before{
	right: 0;
}
/* s-whiteBox */
.s-whiteBox{
	background-color: var(--WHITE);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	position: relative;
	z-index: 3;
}
@media screen and (min-width: 768px){
	.s-whiteBox{
		padding: var(--GAP_75) var(--GAP_90);
	}
	.s-whiteBox--hasDarkBlueLeft::before{
		top: -5%;
		transform: translateX(-10%);
	}
	.s-whiteBox--hasDarkBlueRight::before{
		bottom: -6%;
		transform: translateX(10%);
	}
	.s-whiteBox--hasLightBlueRight::before{
		bottom: -2%;
		transform: translateX(10%);
	}
	.s-whiteBox--hasLightBlueLeft::before{
		height: 115%;
		top: -7%;
		transform: translateX(-10%);
	}
}
@media screen and (max-width: 767px){
	.s-whiteBox{
		padding: 30px 15px;
	}
	.s-whiteBox--hasDarkBlueLeft::before{
		top: -2%;
		transform: translateX(-10%);
	}
	.s-whiteBox--hasDarkBlueRight::before{
		bottom: -4%;
		transform: translateX(10%);
	}
	.s-whiteBox--hasLightBlueRight::before{
		bottom: -1%;
		transform: translateX(10%);
	}
	.s-whiteBox--hasLightBlueLeft::before{
		height: 106%;
		top: -3%;
		transform: translateX(-10%);
	}
}
/* s-merit */
.s-merit{
	display: grid;
}
.s-merit__img{
	background: no-repeat center center / 100%;
}
.s-meritConclusion{
	font-weight: 900;
}
@media screen and (min-width: 768px){
	.s-merit{
		gap: var(--GAP_60);
	}
	.s-merit li{
		display: grid;
		grid-template-columns: 120px 1fr;
		gap: var(--GAP_60);
	}
	.s-merit__ttl{
		font-size: var(--FZ_20);
	}
	.s-meritConclusion{
		text-align: center;
		font-size: var(--FZ_30);
		margin-top: var(--GAP_60);
	}
}
@media screen and (max-width: 767px){
	.s-merit{
		gap: var(--GAP_50);
	}
	.s-merit li{
		/* display: grid;
		grid-template-columns: 60px 1fr;
		align-items: center;
		gap: var(--GAP_20) var(--GAP_20); */
	}
	.s-merit__img{
		/* width: 100%;
		aspect-ratio: 1/1;
		margin: 0 auto; */
		display: none;
	}
	.s-merit__body{
		display: contents
	}
	.s-merit__ttl{
		font-size: var(--FZ_14);
	}
	.s-merit__txt{
		grid-column: span 2;
	}
	.s-meritConclusion{
		text-align: center;
		font-size: var(--FZ_20);
		margin-top: var(--GAP_30);
	}
}
/* s-example */
.s-example li{
	background-color: var(--GRAY01);
	position: relative;
}
.s-example li::after{
	content: "";
	display: inline-block;
	background: var(--ORANGE01);
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
	aspect-ratio: 1/2;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.s-example__lead{
	font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px){
	.s-example{
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: var(--GAP_20);
		margin-top: var(--MG_20);
	}
	.s-example li{
		padding: var(--GAP_30);
	}
	.s-example li::after{
		width: 20px;
		left: calc(100% + 10px);
	}
	.s-example li:last-child::after{
		content: none;
	}
	.s-example__ttl.l-contentsTitle{
		font-size: var(--FZ_20);
		padding-left: 10px;
		margin-bottom: 10px;
	}
	.s-example__lead{
		font-size: var(--FZ_14);
		margin-bottom: 10px;
	}
	.s-example__txt{
		margin-top: 10px;
	}
	.s-example__txt p{
		font-size: var(--FZ_14);
	}
}
@media screen and (max-width: 767px){
	.s-example{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
		margin-top: var(--MG_20);
	}
	.s-example li{
		padding: var(--GAP_20);
	}
	.s-example li::after{
		width: 20px;
		left: calc(100% + 2px);
	}
	.s-example li:nth-child(even)::after{
		content: none;
	}
	.s-example__ttl.l-contentsTitle{
		font-size: var(--FZ_16);
		padding-left: 10px;
		margin-bottom: 10px;
	}
	.s-example__lead{
		font-size: var(--FZ_12_CONST);
		margin-bottom: 10px;
	}
	.s-example__txt{
		margin-top: 10px;
	}
	.s-example__txt p{
		font-size: var(--FZ_10_CONST);
	}
}
/* s-client */
@media screen and (min-width: 768px){
	.s-client{
		grid-template-columns: repeat(5,1fr);
		gap: var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.s-client{
		grid-template-columns: repeat(3,1fr);
		gap: var(--GAP_10);
	}
}
/* s-data */
.s-data__heading{
	font-weight: var(--FF_W_B);
	text-align: center;
}
.s-data__count{
	display: grid;
}
.s-data__count__desc{
	display: flex;
	justify-content: center;
	align-items: baseline;
}
.s-data__count__desc__number{
	color: var(--ORANGE01);
	font-weight: var(--FF_W_B);
	font-family: var(--FF_NUM);
}
.s-data__count__desc__unit{
	font-weight: var(--FF_W_B);
}
.s-data__detail{
	display: flex;
	flex-wrap: wrap;
}
.s-data__detail li{
	display: flex;
	align-items: center;
}
.s-data__detail__color{
	display: inline-block;
	aspect-ratio: 1/1;
}
.s-data__detail__name{
	font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px){
	.s-data{
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
	.s-data__detail{
		grid-column: span 2;
	}
	.s-data__heading{
		font-size: var(--FZ_20);
	}
	.s-data__count{
		gap: var(--GAP_70);
	}
	.s-data__count__desc__number{
		font-size: var(--FZ_80);
	}
	.s-data__count__desc__unit{
		font-size: var(--FZ_16);
	}
	.s-data__graph__img{
		margin-top: var(--GAP_20);
	}
	.s-data__detail{
		justify-content: center;
		gap: var(--GAP_20);
		margin-top: var(--GAP_35);
	}
	.s-data__detail li{
		gap: 5px;
	}
	.s-data__detail__color{
		width: 20px;
	}
	.s-data__detail__name{
		font-size: var(--FZ_18);
	}
}
@media screen and (max-width: 767px){
	.s-data__heading{
		font-size: var(--FZ_20);
	}
	.s-data__count{
		gap: 40px;
		margin-bottom: var(--GAP_50);
	}
	.s-data__count__desc__number{
		font-size: var(--FZ_80);
		line-height: 1;
	}
	.s-data__count__desc__unit{
		font-size: var(--FZ_16);
	}
	.s-data__graph__img{
		width: 70%;
		margin: var(--GAP_20) auto 0;
	}
	.s-data__detail{
		justify-content: center;
		gap: var(--GAP_10) var(--GAP_20);
		margin-top: var(--GAP_35);
	}
	.s-data__detail li{
		gap: 5px;
	}
	.s-data__detail__color{
		width: 12px;
	}
	.s-data__detail__name{
		font-size: var(--FZ_12_CONST);
	}
}
/* s-organzation */
.s-organzation{
	margin: 0 calc(50% - 50vw);
}
.s-organzation__name{
	font-weight: var(--FF_W_M);
}
.s-organzation__txt{
	line-height: 1.7;
}
@media screen and (min-width: 768px){
	.s-organzation .slick-slide{
		margin: 0 var(--GAP_10);
	}
	.s-organzation li{
		min-width: 285px;
		max-width: 285px;
	}
	.s-organzation__name{
		font-size: var(--FZ_16);
		margin: 10px 0;
	}
	.s-organzation__txt{
		font-size: var(--FZ_14);
	}
}
@media screen and (max-width: 767px){
	.s-organzation .slick-list{
		padding-left: var(--GAP_20);
	}
	.s-organzation .slick-slide{
		margin: 0 var(--GAP_10);
	}
	.s-organzation li{
		min-width: 150px;
		max-width: 150px;
	}
	.s-organzation__name{
		font-size: var(--FZ_12_CONST);
		margin: 8px 0 5px;
	}
	.s-organzation__txt{
		font-size: var(--FZ_10_CONST);
	}
}
/* s-quote */
.s-quote{
	border-bottom: 1px solid var(--DARK01);
}
.s-quote__lead{
	font-weight: var(--FF_W_B);
	text-align: center;
}
@media screen and (min-width: 768px){
	.s-quote__lead{
		font-size: var(--FZ_30);
	}
}
@media screen and (max-width: 767px){
	.s-quote__lead{
		font-size: var(--FZ_20);
	}
}
/* s-purchase */
.s-purchase{
	display: grid;
}
.s-purchase li a{
	display: grid;
	align-items: center;
	background: var(--BGCOLOR_GRAY_1) url(../images/common/anchor.svg) no-repeat;
	height: 100%;
}
.s-purchase__icon{
	display: inline-block;
	aspect-ratio: 1/1;
	background: var(--BLUE03) no-repeat center center / 50%;
	border-radius: 50%;
}
.s-purchase__txt{
	font-weight: var(--FF_W_M);
	line-height: 1.5;
}
@media screen and (min-width: 768px){
	.s-purchase{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_20);
		margin-top: var(--GAP_50);
	}
	.s-purchase li a{
		grid-template-columns: clamp( 50px, 6vw, 76px) 1fr;
		gap: var(--GAP_30);
		padding: var(--GAP_20) var(--GAP_40);
		background-size: 30px;
		background-position: right 30px center;
	}
	.s-purchase__txt{
		font-size: var(--FZ_25);
	}
}
@media screen and (max-width: 767px){
	.s-purchase{
		gap: var(--GAP_20);
		margin-top: var(--GAP_30);
	}
	.s-purchase li a{
		grid-template-columns: 50px 1fr;
		gap: var(--GAP_20);
		padding: var(--GAP_20);
		background-size: 20px;
		background-position: right 20px center;
	}
	.s-purchase__txt{
		font-size: var(--FZ_16);
	}
}
/* s-contact */
.s-contact__heading{
	color: var(--WHITE);
	font-weight: 900;
	text-align: center;
}
.s-contact__lead{
	font-weight: 700;
	text-align: center;
	color: var(--WHITE);
}
.s-contact li a{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--WHITE);
	gap: var(--GAP_10);
}
.s-contact li:first-child a{
	background-color: var(--YELLOW01);
}
.s-contact__icon{
	display: inline-block;
	aspect-ratio: 1/1;
	background: no-repeat center center / 100%;
}
.s-contact__name{
	font-weight: 800;
}
@media screen and (min-width: 768px){
	.s-contact__heading{
		font-size: var(--FZ_30);
	}
	.s-contact__lead{
		margin: var(--GAP_30) 0 var(--GAP_50);
		font-size: var(--FZ_20);
	}
	.s-contact{
		display: flex;
		justify-content: center;
		width: var(--INNER_WIDTH);
		margin: 0 auto;
		gap: var(--GAP_30);
	}
	.s-contact li{
		width: 100%;
		max-width: 300px;
	}
	.s-contact li a{
		height: 70px;
	}
	.s-contact__icon{
		width: 23px;
	}
	.s-contact__name{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-contact__heading{
		font-size: var(--FZ_20_CONST);
	}
	.s-contact__lead{
		margin: var(--GAP_20) 0 var(--GAP_30);
		font-size: var(--FZ_14_CONST);
	}
	.s-contact{
		display: grid;
		gap: var(--GAP_20);
	}
	.s-contact li{
		width: 100%;
	}
	.s-contact li a{
		height: 50px;
	}
	.s-contact__icon{
		width: 20px;
	}
	.s-contact__name{
		font-size: var(--FZ_16_CONST);
	}
}
/* ■■■■■■■■■■tpo■■■■■■■■■■ */
/* s-fixedBtn--tpo */
.s-fixedBtn__label{
	line-height: 1.2;
}
.s-fixedBtn__label strong{
	display: block;
	color: var(--YELLOW01);
}
.s-fixedBtn__icon--noLimit{
	position: relative;
	overflow: hidden;
}
.s-fixedBtn__icon--noLimit::after{
	content: "";
	display: inline-block;
	background: var(--BLACK);
	width: 200%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
	transform-origin: center;
}
@media screen and (min-width: 768px){
	.s-fixedBtn--tpo{
		width: 120px;
	}
	.s-fixedBtn--tpo li:not(:last-child){
		border-bottom: 1px solid var(--GRAY05);
	}
	.s-fixedBtn--product li a{
		padding: 15px 0;
	}
	.s-fixedBtn--product .s-fixedBtn__icon{
		width: 50px;
		margin: 0 auto;
	}
	.s-fixedBtn--product .s-fixedBtn__label{
		margin-top: 3px;
	}
}
@media screen and (max-width: 767px){
	.s-fixedBtn--tpo{
		grid-template-columns: repeat(2,1fr);
	}
	.s-fixedBtn--tpo li:not(:last-child){
		border-right: 1px solid var(--GRAY05);
	}
	.s-fixedBtn--product li a{
		padding: 10px;
	}
}
/* s-fv__heading */
.s-fv__heading__secondary--product{
	font-weight: 800;
}
.s-fv__heading__secondary--product mark{
	background-color: var(--WHITE);
	line-height: 1.2;
	display: inline-block;
}
.s-fv__heading__primary--product{
	font-family: var(--FF_NUM);
	font-weight: 700;
	line-height: 1;
}
@media screen and (min-width: 768px){
	.s-fvSection--product .s-fv{
		align-items: flex-start;
		max-height: 300px;
	}
	.s-fvSection--product{
		padding-bottom: 0;
	}
	.s-fv__heading--product{
		gap: var(--GAP_10);
		margin-bottom: 0;
	}
	.s-fv__heading__secondary--product{
		font-size: var(--FZ_30);
	}
	.s-fv__heading__secondary--product mark{
		font-size: var(--FZ_35);
		padding: 0 3px 3px 3px;
		margin-right: 5px;
	}
	.s-fv__heading__primary--product{
		font-size: var(--FZ_130);
	}
	.s-fv__imgContainer--product{
		position: relative;
		top: -24%;
	}
}
@media screen and (max-width: 767px){
	.s-fvSection--product .s-fv{
		align-items: center;
	}
	.s-fvSection--product{
		padding-bottom: 0;
	}
	.s-fv__heading--product{
		gap: var(--GAP_10);
		margin-bottom: 0;
	}
	.s-fv__heading__secondary--product{
		font-size: var(--FZ_20);
	}
	.s-fv__heading__secondary--product mark{
		font-size: var(--FZ_35);
		padding: 0 3px 3px 3px;
		margin-right: 5px;
	}
	.s-fv__heading__primary--product{
		font-size: var(--FZ_80);
	}
}
/* s-lead */
.s-lead{
	font-weight: 700;
}
.s-lead strong{
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
}
@media screen and (min-width: 768px){
	.s-lead{
		font-size: var(--FZ_20);
		margin-bottom: var(--GAP_50);
	}
}
@media screen and (max-width: 767px){
	.s-lead{
		font-size: var(--FZ_16);
		margin-bottom: var(--GAP_30);
	}
}
/* s-tpoAbout */
.s-tpoAbout img{
	border: 1px solid var(--GRAY03);
}
@media screen and (min-width: 768px){
	.s-tpoAbout__heading.l-contentsTitle{
		font-size: var(--FZ_20);
	}
}
/* s-tpoShortcut */
.s-tpoShortcut__demo__list{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.s-tpoShortcut__list li{
	font-weight: 700;
}
.s-tpoShortcut__list li:not(:last-child){
	border-bottom: 1px solid var(--GRAY02);
}
.s-tpoShortcut__list--after li{
	color: var(--BLUE03);
}
.s-tpoShortcut__arrow{
	position: relative;
	width: 100px;
	text-align: center;
	font-size: var(--FZ_16);
	background-color: var(--BLUE03);
	color: var(--WHITE);
	font-weight: 700;
	padding-top: 5px;
}
.s-tpoShortcut__arrow::after{
	content: "";
	display: inline-block;
	background: var(--BLUE03);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	aspect-ratio: 125/31;
	width: 125px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 99%;
}
.s-tpoShortcut__demo__heading{
	font-weight: 700;
}
.s-tpoShortcut__demo__list{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
@media screen and (min-width: 768px){
	.s-tpoShortcut__upr{
		position: relative;
	}
	.s-tpoShortcut__illust{
		width: 30%;
		position: absolute;
		right: 0;
		top: -15%;
	}
	.s-tpoShortcut__body{
		display: grid;
		grid-template-columns: 46fr 50fr;
		gap: var(--GAP_35);
	}
	.s-tpoShortcut__list li{
		font-size: var(--FZ_18);
		padding: 8px 0;
	}
	.s-tpoShortcut__arrow{
		margin: 15px auto 51px;
	}
	.s-tpoShortcut__demo__heading{
		font-size: var(--FZ_20);
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.s-tpoShortcut__demo__list{
		gap: var(--GAP_30) var(--GAP_20);
	}
	.s-tpoShortcut__demo__list li{
		font-size: var(--FZ_16);
	}
	.s-tpoShortcut__demo__list li img{
		margin-bottom: 3px;
	}
}
@media screen and (max-width: 767px){
	.s-tpoShortcut__illust{
		width: 40%;
		margin: 0 auto 20px;
	}
	.s-tpoShortcut__body{
		display: grid;
		gap: var(--GAP_50);
	}
	.s-tpoShortcut__list li{
		font-size: var(--FZ_12_CONST);
		padding: 5px 0;
	}
	.s-tpoShortcut__arrow{
		margin: 10px auto 30px;
	}
	.s-tpoShortcut__demo__heading{
		font-size: var(--FZ_16);
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	.s-tpoShortcut__demo__list{
		gap: var(--GAP_20) var(--GAP_10);
	}
	.s-tpoShortcut__demo__list li{
		font-size: var(--FZ_12_CONST);
	}
	.s-tpoShortcut__demo__list li img{
		margin-bottom: 3px;
	}
}
/* s-tpoCompare */
.s-tpoCompare__head{
	text-align: right;
	font-size: var(--FZ_14);
	padding-bottom: 10px;
}
.s-tpoCompare__wrap{
	border: 1px solid var(--BLACK);
}
.s-tpoCompare__wrap{
	min-width: 500px;
}
.s-tpoCompare__table{
	width: 100%;
	border-collapse: collapse;
}
.s-tpoCompare td[colspan="2"]{
	grid-column: span 2;
}
.s-tpoCompare th,
.s-tpoCompare td{
	border: 1px solid var(--BLACK);
	padding: 10px;
	font-weight: 400;
}
.s-tpoCompare td{
	vertical-align: top;
}
.s-tpoCompare__table tr:first-child th{
	font-weight: 500;
}
.s-tpoCompare__table th:nth-of-type(1){
	width: auto;
}
.s-tpoCompare__table th:nth-of-type(2){
	width: 40%;
}
.s-tpoCompare__table th:nth-of-type(3){
	width: 40%;
}
.s-tpoCompare__table tr:nth-child(odd) > *{
	background-color: var(--GRAY04);
}
.s-tpoCompare__table tr:first-child > *{
	background-color: unset;
}
.s-tpoCompare td strong{
	display: block;
	color: var(--BLUE03);
	font-weight: 500;
}
.s-tpoCompare__foot{
	font-size: var(--FZ_12_CONST);
	margin-top: 10px;
}
@media screen and (min-width: 768px){
	.s-tpoCompare__table{
		font-size: var(--FZ_14_CONST);
	}
}
@media screen and (max-width: 767px){
	.s-tpoCompare__table{
		font-size: var(--FZ_12_CONST);
	}
}
/* s-tpoUntilTest */
.s-tpoUntilTest{
	counter-reset: original-counter;
}
.s-tpoUntilTest li:not(:last-child){
	border-bottom: 1px solid var(--BDCOLOR_GRAY_1);
}
.s-tpoUntilTest li::before{
	counter-increment: original-counter;
	content: counter(original-counter);
	display: inline-block;
	font-family: var(--FF_NUM);
	color: var(--BLUE03);
	font-weight: 700;
	border-bottom: 1px solid var(--ORANGE01);
}
.s-tpoUntilTest__ttl{
	font-weight: 700;
}
.s-tpoUntilTest__img--borderRadius img{
	border-radius: 10px;
}
@media screen and (min-width: 768px){
	.s-tpoUntilTest li{
		display: grid;
		grid-template-columns: auto 1fr clamp( 120px, 16vw, 200px);
		align-items: center;
		padding: var(--GAP_30) var(--GAP_20);
	}
	.s-tpoUntilTest li::before{
		font-size: var(--FZ_50);
		line-height: 1.2;
		border-width: 5px;
	}
	.s-tpoUntilTest__body{
		margin: 0 var(--GAP_50) 0 var(--GAP_75);
	}
	.s-tpoUntilTest__ttl{
		font-size: var(--FZ_20);
	}
	.s-tpoUntilTest__txt{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-tpoUntilTest li{
		display: grid;
		grid-template-columns: 30px 1fr;
		align-items: flex-start;
		gap: 30px 20px;
		align-items: center;
		padding: var(--GAP_30) 0;
	}
	.s-tpoUntilTest li::before{
		font-size: var(--FZ_50);
		line-height: 1.2;
		border-width: 5px;
		text-align: center;
	}
	.s-tpoUntilTest__ttl{
		font-size: var(--FZ_16);
	}
	.s-tpoUntilTest__txt{
		font-size: var(--FZ_12_CONST);
	}
	.s-tpoUntilTest__img{
		grid-column: span 2;
	}
}
.s-tpoUntilTest li:first-child{
	padding-top: 0;
}
/* s-tpoTalk */
.s-tpoTalk__heading span{
	display: block;
	text-align: center;
}
.s-tpoTalk__heading__secondary{
	font-weight: 700;
}
.s-tpoTalk__heading__primary{
	font-weight: 900;
}
.s-tpoTalk dt,
.s-tpoTalk dd{
	display: grid;
}
.s-tpoTalk dt{
	grid-template-columns: var(--WHO) 1fr;
	align-items: center;
}
.s-tpoTalk dd{
	grid-template-columns: 1fr var(--WHO);
}
.s-tpoTalk__who__icon{
	display: block;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: no-repeat center center / 100%;
}
.s-tpoTalk__who__icon--teacher{
	background-image: url(../images/tpo/teacher.jpg);
}
.s-tpoTalk__who__name{
	display: block;
	text-align: center;
}
.s-tpoTalk__question{
	font-weight: 700;
}
.s-tpoTalk__answer__advice{
	display: grid;
	counter-reset: original-counter;
}
.s-tpoTalk__answer__advice li{
	position: relative;
}
.s-tpoTalk__answer__advice li::before{
	content: ''counter(original-counter);
	counter-increment: original-counter;
	color: var(--WHITE);
	background-color: var(--BLACK);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: absolute;
	font-size: 11px;
	left: 0;
	width: 15px;
	height: 15px;
	padding: 2px 1px 2px 2px;
}
.s-teacher{
	border-top: 1px solid var(--BDCOLOR_GRAY_1);
}
.s-teacher__name{
	font-weight: 700;
}
.s-teacher__history{
	width: 100%;
	border-collapse: collapse;
	font-size: var(--FZ_12_CONST);
}
.s-teacher__history tbody{
	display: grid;
	gap: var(--GAP_20);
}
.s-teacher__history th{
	width: 45px;
	vertical-align: top;
	font-weight: normal;
	padding-right: 15px;
}
.s-teacher__history td{
	border-left: 1px solid var(--BLACK);
	padding-left: 15px;
}
@media screen and (min-width: 768px){
	.s-tpoTalk__heading{
		margin-bottom: var(--GAP_50);
	}
	.s-tpoTalk__heading__secondary{
		font-size: var(--FZ_20);
	}
	.s-tpoTalk__heading__primary{
		font-size: var(--FZ_40);
	}
	.s-tpoTalk__who__name{
		font-size: var(--FZ_16);
		margin-top: 10px;
	}
	.s-tpoTalk{
		--WHO: 132px;
	}
	.s-tpoTalk dt,
	.s-tpoTalk dd{
		gap: var(--GAP_20);
	}
	.s-tpoTalk dt{
		margin-bottom: var(--GAP_30);
	}
	.s-tpoTalk dd:not(:last-child){
		margin-bottom: var(--GAP_80);
	}
	.s-tpoTalk__question{
		font-size: var(--FZ_20);
	}
	.s-tpoTalk__answer__txt p{
		font-size: var(--FZ_16);
	}
	.s-tpoTalk__answer__advice{
		margin-top: var(--GAP_25);
		gap: var(--GAP_30);
		padding: var(--GAP_30) var(--GAP_20);
	}
	.s-tpoTalk__answer__advice li{
		padding-left: 23px;
		font-size: var(--FZ_16);
	}
	.s-tpoTalk__answer__advice li::before{
		top: 5px;
	}
	.s-teacher{
		margin-top: var(--GAP_70);
		padding-top: var(--GAP_70);
		display: grid;
		grid-template-columns: 180px 1fr;
		gap: var(--GAP_50);
	}
	.s-teacher__name{
		font-size: var(--FZ_20);
	}
	.s-teacher__profile{
		font-size: var(--FZ_14);
		margin: var(--GAP_10) 0 var(--GAP_30);
	}
}
@media screen and (max-width: 767px){
	.s-tpoTalk__heading{
		margin-bottom: var(--GAP_30);
	}
	.s-tpoTalk__heading__secondary{
		font-size: var(--FZ_16);
	}
	.s-tpoTalk__heading__primary{
		font-size: var(--FZ_30);
	}
	.s-tpoTalk__who__name{
		font-size: var(--FZ_12);
		margin-top: 5px;
	}
	.s-tpoTalk{
		--WHO: 60px;
	}
	.s-tpoTalk dt,
	.s-tpoTalk dd{
		gap: var(--GAP_20);
	}
	.s-tpoTalk dt{
		margin-bottom: var(--GAP_20);
	}
	.s-tpoTalk dd:not(:last-child){
		margin-bottom: var(--GAP_50);
	}
	.s-tpoTalk__question{
		font-size: var(--FZ_16);
	}
	.s-tpoTalk__answer__txt p{
		font-size: var(--FZ_11_CONST);
	}
	.s-tpoTalk__answer--hasAdvice{
		display: contents;
	}
	.s-tpoTalk dd:has(.s-tpoTalk__answer--hasAdvice) .s-tpoTalk__answer__txt{
		order: 1;
	}
	.s-tpoTalk dd:has(.s-tpoTalk__answer--hasAdvice) .s-tpoTalk__who{
		order: 2;
	}
	.s-tpoTalk__answer__advice{
		order: 3;
		grid-column: span 2;
		gap: var(--GAP_20);
		padding: 20px 15px;
	}
	.s-tpoTalk__answer__advice li{
		padding-left: 20px;
		font-size: var(--FZ_11_CONST);
	}
	.s-tpoTalk__answer__advice li::before{
		top: 3px;
		font-size: 8px;
		width: 12px;
		height: 12px;
	}
	.s-teacher{
		margin-top: var(--GAP_50);
		padding-top: var(--GAP_50);
		display: grid;
		gap: var(--GAP_20);
	}
	.s-teacher__photo{
		width: 60%;
		margin: 0 auto;
	}
	.s-teacher__name{
		font-size: var(--FZ_16);
	}
	.s-teacher__profile{
		font-size: var(--FZ_12_CONST);
		margin: var(--GAP_10) 0 var(--GAP_20);
	}
}
/* s-product */
.s-product{
	border-top: 1px solid var(--BDCOLOR_GRAY_1);
}
.s-product__heading{
	font-weight: 700;
	text-align: center;
}
.s-product__list li{
	display: grid;
}
.s-product__name{
	font-weight: 500;
}
.s-product__price{
	font-weight: 700;
}
.s-product__note-1clm {
	text-align: center;
}
@media screen and (min-width: 768px){
	.s-product__heading{
		font-size: var(--FZ_25);
		margin-bottom: var(--GAP_50);
	}
	.s-product__list{
		display: flex;
		justify-content: center;
		gap: var(--GAP_40);
	}
	.s-product__list li{
		width: calc(50% - var(--GAP_20));
		grid-template-columns: 190px 1fr;
		gap: var(--GAP_10);
	}
	.s-product__name{
		font-size: var(--FZ_16);
	}
	.s-product__price{
		font-size: var(--FZ_20);
		margin: 10px 0;
	}
	.s-product__note{
		font-size: var(--FZ_12);
		margin-top: var(--GAP_50);
	}
}
@media screen and (max-width: 767px){
	.s-product__heading{
		font-size: var(--FZ_25);
		margin-bottom: var(--GAP_50);
	}
	.s-product__list{
		display: grid;
		gap: var(--GAP_60);
	}
	.s-product__list li{
		grid-template-columns: 110px 1fr;
		gap: var(--GAP_20);
	}
	.s-product__thumb{
		grid-row: span 2;
	}
	.s-product__body{
		display: contents;
	}
	.s-product__name{
		font-size: var(--FZ_14);
	}
	.s-product__price{
		font-size: var(--FZ_20);
		margin-top: 5px;
	}
	.s-product-btn{
		grid-column: span 2;
		margin: 0 auto;
	}
	.s-product__note{
		font-size: var(--FZ_12_CONST);
		margin-top: var(--GAP_50);
	}
}
/* ■■■■■■■■■■otpcp■■■■■■■■■■ */
.s-fvSection--otpcp .s-fv__heading__primary{
	letter-spacing: 0.05em;
}
/* s-fixedBtn--otpcp  */
@media screen and (max-width: 767px){
	.s-fixedBtn--otpcp{
		grid-template-columns: 1fr;
		width: 50%;
		margin-left: auto;
	}
}
/* s-optcpWorry */
.s-optcpWorry__case{
	display: grid;
}
.s-optcpWorry__case li{
	border: 1px solid var(--BLACK);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	line-height: 1.5;
}
.t-optcpWorry__catch{
	font-weight: 900;
}
@media screen and (min-width: 1201px){
	.s-optcpWorry__case{
		grid-template-columns: repeat(4,1fr);
	}
}
@media screen and (min-width: 768px) and (max-width: 1200px){
	.s-optcpWorry__case{
		grid-template-columns: repeat(2,1fr);
	}
}
@media screen and (min-width: 768px){
	.s-optcpWorry__case{
		gap: var(--GAP_20);
	}
	.s-optcpWorry__case li{
		min-height: 101px;
		background-size: 36px;
		background-position: left 24px center;
		padding: 0 30px 0 80px;
		font-size: var(--FZ_16);
	}
	.t-optcpWorry__catch{
		font-size: var(--FZ_40);
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.s-optcpWorry__case{
		gap: var(--GAP_10);
	}
	.s-optcpWorry__case li{
		min-height: 71px;
		background-size: 30px;
		background-position: left 24px center;
		padding: 0 30px 0 80px;
		font-size: var(--FZ_14);
	}
	.t-optcpWorry__catch{
		font-size: var(--FZ_30);
	}
}
/* s-optcpAbout */
.s-optcpAbout{
	margin-bottom: calc(var(--GENERALSEC) * 1.5);
}
.s-optcpAbout__desc{
	display: grid;
}
.s-optcpAbout__desc li{
	background-color: var(--BLUE01);
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	font-weight: 700;
}
.s-optcpAbout__conclusion{
	font-weight: 900;
}
.s-optcpAbout__conclusion strong{
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
}
@media screen and (min-width: 768px){
	.s-optcpAbout__desc{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_40);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpAbout__desc li{
		min-height: 200px;
		background-size: 150px;
		background-position: left 30px center;
		padding: 0 30px 0 200px;
		font-size: var(--FZ_22);
	}
	.s-optcpAbout__conclusion{
		font-size: var(--FZ_30);
		text-align: center;
	}
}
@media screen and (max-width: 767px){
	.s-optcpAbout__desc{
		gap: var(--GAP_20);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpAbout__desc li{
		min-height: 100px;
		background-size: 70px;
		background-position: left 20px center;
		padding: 0 20px 0 110px;
		font-size: var(--FZ_18);
	}
	.s-optcpAbout__conclusion{
		font-size: var(--FZ_20);
	}
}
/* s-optcpReason */
.s-optcpReason__list{
	display: grid;
}
.s-optcpReason__list__icon{
	background: no-repeat center center / 100%;
	aspect-ratio: 126/150;
	margin: 0 auto;
}
.s-optcpReason__list__ttl{
	font-weight: 700;
	color: var(--BLUE03);
	text-align: center;
}
.s-optcpReason__note{
	text-align: right;
}
@media screen and (min-width: 768px){
	.s-optcpReason__list{
		grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
		gap: var(--GAP_20);
	}
	.s-optcpReason__list__icon{
		width: 40%;
		max-width: 60px;
	}
	.s-optcpReason__list__ttl{
		font-size: var(--FZ_22);
	}
	.s-optcpReason__list__txt{
		font-size: var(--FZ_16);
	}
	.s-optcpReason__note{
		margin-top: var(--GAP_30);
		font-size: var(--FZ_12_CONST);
	}
}
@media screen and (max-width: 767px){
	.s-optcpReason__list{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 30px var(--GAP_20);
		margin-top: 20px;
	}
	.s-optcpReason__list li{
		width: calc(50% - var(--GAP_15));
	}
	.s-optcpReason__list__icon{
		width: 30%;
		max-width: 50px;
	}
	.s-optcpReason__list__ttl{
		font-size: var(--FZ_16);
		margin-top: 7px;
	}
	.s-optcpReason__list__txt{
		font-size: var(--FZ_12_CONST);
		margin-top: 7px;
	}
	.s-optcpReason__note{
		margin-top: var(--GAP_20);
		font-size: var(--FZ_10_CONST);
		text-align: center;
	}
}
/* s-yokokawaIcon */
.s-yokokawaIcon{
	aspect-ratio: 1/1;
	background: url(../images/otpcp/teacher.jpg) no-repeat center center / 100%;
	border-radius: 50%;
	margin: 0 auto;
}
@media screen and (min-width: 768px){
	.s-yokokawaIcon{
		width: 132px;
	}
}
@media screen and (max-width: 767px){
	.s-yokokawaIcon{
		width: 60px;
	}
}
/* s-optcpDesc */
.s-optcpDesc__heading span{
	display: block;
	text-align: center;
}
.s-optcpDesc__heading__secondary{
	font-weight: 700;
}
.s-optcpDesc__heading__primary{
	font-weight: 900;
}
.s-optcpDesc__intro strong{
	font-weight: 700;
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
}
@media screen and (min-width: 768px){
	.s-optcpDesc__heading{
		margin: var(--GAP_20) 0 var(--GAP_40);
	}
	.s-optcpDesc__heading__secondary{
		font-size: var(--FZ_20);
	}
	.s-optcpDesc__heading__primary{
		font-size: var(--FZ_40);
	}
}
@media screen and (max-width: 767px){
	.s-optcpDesc__heading{
		margin: var(--GAP_20) 0 var(--GAP_30);
	}
	.s-optcpDesc__heading__secondary{
		font-size: var(--FZ_16);
	}
	.s-optcpDesc__heading__primary{
		font-size: var(--FZ_30);
	}
	.s-optcpDesc__intro p{
		line-height: 2;
	}
	.s-optcpDesc__intro > p:not(:first-child){
		margin-top: 30px;
	}
}
/* s-optcpDesc__explain */
.s-optcpDesc__explain__head small{
	display: block;
}
.s-optcpDesc__explain__body{
	display: grid;
}
.s-optcpDesc__explain__list{
	display: grid;
}
.s-optcpDesc__explain__list__ttl{
	display: grid;
	align-items: center;
}
.s-optcpDesc__explain__list__ttl__icon{
	display: block;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: var(--BLUE03) no-repeat center center / 60%;
}
.s-optcpDesc__explain__list__ttl__main{
	display: flex;
	align-items: center;
}
.s-optcpDesc__explain__list__ttl__main > *{
	width: fit-content;
}
.s-optcpDesc__explain__list__ttl__main__en{
	font-weight: 700;
	color: var(--BLUE03);
}
.s-optcpDesc__explain__list__ttl__main__num{
	font-weight: 500;
	color: var(--ORANGE01);
}
.s-optcpDesc__explain__list__ttl__main__ja{
	font-weight: 700;
	color: var(--BLUE03);
}
.s-optcpDesc__explain__list__desc{
	color: var(--BLUE03);
	font-weight: 500;
}
.s-optcpDesc__explain__list__desc small{
	display: block;
	font-weight: 400;
}
.s-optcpDesc__explain__list__skill{
	background-color: var(--BGCOLOR_GRAY_1);
	position: relative;
}
.s-optcpDesc__explain__list__skill__label{
	background-color: var(--ORANGE01);
	display: inline-block;
}
.s-optcpDesc__explain__list__skill span{
	position: absolute;
	z-index: 2;
}
.s-optcpDesc__explain__list__skill__main{
	font-weight: 700;
	color: var(--BLUE03);
}
.s-optcpDesc__explain__conculsion{
	border: 1px solid var(--BLACK);
}
.s-optcpDesc__explain__conculsion__main{
	font-weight: 700;
}
.s-optcpDesc__explain__foot__ttl{
	font-weight: 700;
}
@media screen and (min-width: 768px){
	.s-optcpDesc__explain__heading.l-contentsTitle{
		font-size: var(--FZ_20);
	}
	.s-optcpDesc__explain__head{
		font-size: var(--FZ_16);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpDesc__explain__body{
		gap: var(--GAP_40);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpDesc__explain__list{
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_30) var(--GAP_40);
	}
	.s-optcpDesc__explain__list__ttl{
		grid-template-columns: 80px 1fr;
		gap: var(--GAP_15);
	}
	.s-optcpDesc__explain__list__ttl__main{
		gap: 8px;
	}
	.s-optcpDesc__explain__list__ttl__main__en{
		font-size: var(--FZ_30);
	}
	.s-optcpDesc__explain__list__ttl__main__num{
		font-size: var(--FZ_50);
	}
	.s-optcpDesc__explain__list__ttl__main__ja{
		font-size: var(--FZ_25);
	}
	.s-optcpDesc__explain__list__desc{
		font-size: var(--FZ_18);
		margin: var(--GAP_20) 0;
	}
	.s-optcpDesc__explain__list__desc small{
		font-size: var(--FZ_12);
	}
	.s-optcpDesc__explain__list__skill{
		padding: var(--GAP_25) var(--GAP_20);
	}
	.s-optcpDesc__explain__list__skill__main{
		font-size: var(--FZ_18);
	}
	.s-optcpDesc__explain__list__skill__label{
		font-size: var(--FZ_12);
		padding: 2px 12px;
	}
	.s-optcpDesc__explain__list__skill span{
		left: 20px;
		top: 0;
		transform: translateY(-30%);
	}
	.s-optcpDesc__explain__conculsion{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 20px 0;
		gap: 10px;
	}
	.s-optcpDesc__explain__conculsion__main{
		font-size: var(--FZ_22);
	}
	.s-optcpDesc__explain__foot__ttl{
		font-size: var(--FZ_18);
		margin-bottom: 5px;
	}
	.s-optcpDesc__explain__foot__txt{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-optcpDesc__explain__heading{
		font-size: 20px !important;
	}
	.s-optcpDesc__explain__head{
		font-size: var(--FZ_14);
		margin-bottom: var(--GAP_30);
	}
	.s-optcpDesc__explain__body{
		gap: var(--GAP_40);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpDesc__explain__list{
		gap: var(--GAP_50);
	}
	.s-optcpDesc__explain__list__ttl{
		grid-template-columns: 50px 1fr;
		gap: var(--GAP_15);
	}
	.s-optcpDesc__explain__list__ttl__main{
		gap: 8px;
	}
	.s-optcpDesc__explain__list__ttl__main__en{
		font-size: var(--FZ_25);
	}
	.s-optcpDesc__explain__list__ttl__main__num{
		font-size: var(--FZ_40);
	}
	.s-optcpDesc__explain__list__ttl__main__ja{
		font-size: var(--FZ_20);
	}
	.s-optcpDesc__explain__list__desc{
		font-size: var(--FZ_16);
		margin: var(--GAP_15) 0;
	}
	.s-optcpDesc__explain__list__desc small{
		font-size: var(--FZ_10_CONST);
	}
	.s-optcpDesc__explain__list__skill{
		padding: var(--GAP_30) var(--GAP_20) var(--GAP_20);
	}
	.s-optcpDesc__explain__list__skill__main{
		font-size: var(--FZ_16);
	}
	.s-optcpDesc__explain__list__skill__label{
		font-size: var(--FZ_12);
		padding: 2px 12px;
	}
	.s-optcpDesc__explain__list__skill span{
		left: 10px;
		top: 0;
		transform: translateY(-30%);
	}
	.s-optcpDesc__explain__conculsion{
		padding: 20px;
		gap: 10px;
	}
	.s-optcpDesc__explain__conculsion span{
		margin-bottom: 5px;
	}
	.s-optcpDesc__explain__conculsion__main{
		font-size: var(--FZ_22);
	}
	.s-optcpDesc__explain__foot__ttl{
		font-size: var(--FZ_16);
		margin-bottom: 5px;
	}
	.s-optcpDesc__explain__foot__txt{
		font-size: var(--FZ_14);
	}
}
/* s-optcpRealize */
.s-optcpRealize__heading{
	font-weight: 900;
	text-align: center;
}
.s-optcpRealize__contents{
	display: grid;
}
.s-optcpRealize__tab .tab-btn{
	text-align: center;
	font-weight: 700;
	position: relative;
	color: var(--GRAY03);
}
.s-optcpRealize__tab .tab-btn.show{
	color: var(--TXT_COLOR_BASE);
}
.s-optcpRealize__tab .tab-btn::after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f078';
	font-size: 12px;
	line-height: 1;
	color: var(--BLUE01);
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
}
.s-optcpRealize__tab .tab-btn.show::after{
	opacity: 1;
}
.s-teacher__intro{
	border-top: 1px solid var(--BDCOLOR_GRAY_1);
	padding-top: 20px;
	font-size: var(--FZ_12_CONST);
}
@media screen and (min-width: 768px){
	.s-optcpRealize__heading{
		font-size: var(--FZ_30);
		margin: var(--GAP_30) 0 var(--GAP_50);
	}
	.s-optcpRealize__box{
		padding: var(--GAP_100);
	}
	.s-optcpRealize__contents{
		gap: var(--GAP_100);
	}
	.s-optcpRealize__ttl.l-contentsTitle{
		font-size: var(--FZ_20);
		margin-bottom: var(--GAP_50);
	}
	.s-optcpRealize__tab .tab-nav{
		margin-bottom: var(--GAP_30);
		border-left: 1px solid var(--BLACK);
	}
	.s-optcpRealize__tab .tab-btn{
		font-size: var(--FZ_18);
		border-right: 1px solid var(--BLACK);
		padding: 5px 0 10px;
	}
	.s-optcpRealize__tab .tab-btn::after{
		bottom: -5px;
	}
	.s-optcpRealize__lead{
		font-size: var(--FZ_16);
		margin-bottom: var(--GAP_30);
	}
}
@media screen and (max-width: 767px){
	.s-optcpRealize{
		margin-bottom: calc(var(--GENERALSEC) * 1.5);
	}
	.s-optcpRealize__heading{
		font-size: var(--FZ_30);
		margin: var(--GAP_30) 0 var(--GAP_50);
	}
	.s-optcpRealize__box{
		padding: var(--GAP_50) var(--GAP_30);
	}
	.s-optcpRealize__contents{
		gap: var(--GAP_50);
	}
	.s-optcpRealize__ttl.l-contentsTitle{
		font-size: var(--FZ_16);
		margin-bottom: var(--GAP_30);
	}
	.s-optcpRealize__tab .tab-nav{
		margin-bottom: var(--GAP_20);
		border-left: 1px solid var(--BLACK);
	}
	.s-optcpRealize__tab .tab-nav li{
		flex: auto;
	}
	.s-optcpRealize__tab .tab-btn{
		font-size: var(--FZ_12);
		border-right: 1px solid var(--BLACK);
		padding: 5px 0;
		line-height: 1.5;
	}
	.s-optcpRealize__tab .tab-btn::after{
		bottom: -5px;
	}
	.s-optcpRealize__lead{
		font-size: var(--FZ_14);
		margin-bottom: var(--GAP_20);
	}
}
/* ■■■■■■■■■■g-feature■■■■■■■■■■ */
@media screen and (max-width: 767px){
	.g-feature{
		display: grid;
		gap: 30px;
	}
}
/* ■■■■■■■■■■  商品一覧 ■■■■■■■■■■ */
.f-itemlist.product-list-online-parts.fs-c-productListCarousel.fs-c-slick {
	display: block;
}
.f-itemlist .fs-c-productListItem__productDescription{
	display: none;
}
.f-itemlist .fs-c-productListItem__control.fs-c-buttonContainer{
	display: none;
}
.f-itemlist .fs-c-productListItem__productName .fs-c-productName__name {
  font-size: 15px;
}
.f-itemlist .fs-c-productName__copy {
	display: block;
	font-size: 11px;
	margin-bottom: 3px;
	color: var(--GRAY03);
}
.f-itemlist .fs-c-productPrice.fs-c-productPrice--selling,.f-itemlist .fs-c-productPrice.fs-c-productPrice--listed {
	display: flex;
	align-items: baseline;
}
.f-itemlist .fs-c-productListItem__productName{
	font-size: 13px;
	letter-spacing: 0;
}
.f-itemlist .fs-c-productPrice.fs-c-productPrice--selling > *{
	line-height: 1;
}
.f-itemlist .fs-c-price__currencyMark{
	display: none;
}
.f-itemlist .fs-c-productPrice__addon::before{
	content: "円";
	color: var(--TXT_COLOR_BASE);
}
.f-itemlist .fs-c-productPrice__addon{
	display: flex;
  align-items: baseline;
  gap: 3px;
}
.f-itemlist .fs-c-productPrice__addon__label{
	color: var(--TXT_BGCOLOR_GRAY_1);
}
.f-itemlist .fs-c-productPrice__addon.fs-c-productPrice__addon--listed {
	color: var(--TXT_BGCOLOR_GRAY_1);
}
.f-itemlist .fs-c-productPrice__main__label {
	display: none;
}
.f-itemlist .fs-c-productListCarousel__list__item.fs-c-productListItem {
	display: flex;
	flex-direction: column;
	position: relative;
}
.fs-c-productMarks {
	position: absolute;
	top: 0;
	left: 0;
}
.f-itemlist .fs-c-productMark__item {
	display: none;
}
.f-itemlist .fs-c-productMark__item:has(.f-itemlist__mark) {
	display: block;
}
.f-itemlist .f-itemlist__mark {
	aspect-ratio: 1 / 1;
	padding: 0;
	display: grid;
	place-items: center;
}
.fs-c-productListItem__prices.fs-c-productPrices {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: 20px;
}
.f-itemlist .fs-c-productMark li{
	background-color: unset;
}
.f-itemlist .f-itemlist__mark.f-itemlist__mark--new{
	background-color: var(--ORANGE01);
}
.f-itemlist .f-itemlist__mark.f-itemlist__mark--sale{
	background-color: var(--YELLOW01);
}
.f-itemlist .f-itemlist__mark .fs-c-productMark__label{
	color: var(--TXT_COLOR_BASE);
	background-color: unset;
	font-weight: 700;
	letter-spacing: 1px;
}
@media screen and (min-width: 951px) {
	.f-itemlist .fs-c-productListCarousel__list__itemTrack {
			grid-template-columns: repeat(5, 1fr);
	}
}
@media screen and (min-width: 768px) and (max-width: 950px) {
	.f-itemlist .fs-c-productListCarousel__list__itemTrack {
			grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (min-width: 768px) {
	.f-itemlist .fs-c-productListCarousel__list__itemTrack {
			display: grid;
			gap: 40px var(--GAP_20);
	}
	.f-itemlist .fs-c-productListItem__productName{
		margin-top: 7px;
  	line-height: 1.7;
	}
	.f-itemlist .fs-c-productPrice--selling .fs-c-price__value{
		font-size: var(--FZ_16);
	}
	.f-itemlist .fs-c-productPrice__addon{
		font-size: var(--FZ_11);
	}
	.f-itemlist .fs-c-productPrice--listed .fs-c-price__value {
		font-size: var(--FZ_12);
	}
	.f-itemlist .f-itemlist__mark{
		width: 40px;
	}
	.f-itemlist .f-itemlist__mark .fs-c-productMark__label {
    font-size: 10px;
	}
}
@media screen and (max-width: 767px) {
	.f-itemlist .fs-c-productListCarousel__list__itemTrack {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px 15px;
	}
	.f-itemlist .fs-c-productListItem__productName{
		margin-top: 10px;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	.f-itemlist .fs-c-productPrice--selling .fs-c-price__value{
		font-size: var(--FZ_16);
	}
	.f-itemlist .fs-c-productPrice__addon{
		font-size: var(--FZ_11);
	}
	.f-itemlist .fs-c-productPrice--listed .fs-c-price__value {
		font-size: var(--FZ_12);
	}
	.f-itemlist .f-itemlist__mark{
		width: 33px;
	}
	.f-itemlist .f-itemlist__mark .fs-c-productMark__label {
    font-size: 7px;
	}
}

/* ■■■■■■■■■■ お買い物ガイド ■■■■■■■■■■ */
.stepBGC{
	background-color: var(--BLACK);
	color: var(--WHITE);
}
@media screen and (min-width: 768px){
	.stepBGC{
		padding: 3px 10px;
	}
	.step__box{
		display: flex;
		margin-bottom: 5px;
		padding-top: 4px;
	}
	.step__box:not(:first-child){
		margin-top: 28px;
	}
	.step__box span{
		margin-right: 15px;
	}
}
@media screen and (max-width: 767px){
	.stepBGC{
		padding: 1px 8px;
	}
	.step__box{
		margin-bottom: 6px;
	}
	.step__box:not(:first-child){
		margin-top: 10px;
	}
	.step__box p:first-child{
		margin-bottom: 4px;
	}
}

/* 調整 */
.fs-c-breadcrumb{
	margin: 0 var(--FULL_WIDTH);
	border-bottom: 1px solid var(--BLACK);
}

/* ■■■■■■■■■■ LP ■■■■■■■■■■ */
@media screen and (min-width: 768px){
	.s-fixedBtn__label--lp{
		font-size: var(--FZ_11_CONST);
	}
}
@media screen and (max-width: 767px){
	.s-fixedBtn__icon--lp{
		background: var(--WHITE) no-repeat center center / 70%;
	}
}
/* トップメインビュー */
.s-fv__heading--lp{
	font-weight: bold;
}
.s-fv__heading--lp > span{
	display: block;
}
.s-fv__heading--lp__first mark{
	background-color: var(--WHITE);
	display: inline-block;
	line-height: 1.2;
}
.s-fv__heading--lp__tree{
	letter-spacing: 0.05em;
}
@media screen and (min-width: 768px){
	.s-fvSection--lp{
		padding-bottom: 0px;
	}
	.s-fvSection--lp .s-fv{
		max-height: 350px;
	}
	.s-fv__heading--lp__first{
		font-size: var(--FZ_30);
		margin-bottom: 20px;
	}
	.s-fv__heading--lp__first mark{
		padding: 0 3px 3px 3px;
	}
	.s-fv__heading--lp__second{
		font-size: var(--FZ_20);
	}
	.s-fv__heading--lp__tree{
		font-size: clamp(30px, 5vw, 60px);
	}
	.s-fv__heading--lp__four{
		font-size: var(--FZ_25);
	}
}
@media screen and (max-width: 767px){
	.s-fv__body {
    margin-bottom: 15px;
	}
	.s-fv__heading--lp__first {
    font-size: 23px;
    margin-bottom: 10px;
	}
	.s-fv__heading--lp__second {
    margin-bottom: 5px;
	}
	.s-fv__heading--lp__tree {
    font-size: 30px;
    margin-bottom: 5px;
	}
	.s-fv__heading--lp__four {
    font-size: 16px;
	}
}
/* TOEFL iBT受験対策に必要な語彙力を付けたい！ */
.l-heading--black{
	font-weight: 900 !important;
}

/* 公式TOEFL®英単語 */
.s-tpoUntilTest--lp li::before{
	display: none;
}
.s-tpoUntilTest--lp li:last-child{
	padding-bottom: 0px;
}
.s-tpoUntilTest--lp__left{
	text-align: center;
}
.s-tpoUntilTest--lp__reason{
	font-weight: 500;
	color: var(--BLUE03);
	line-height: 1;
}
.s-tpoUntilTest--lp__number{
	font-family: var(--FF_NUM);
	color: var(--BLUE03);
	font-weight: 700;
	border-bottom: 1px solid var(--ORANGE01);
}
.s-tpoUntilTest--lp li:not(:last-child) {
	border-bottom: 1px dotted var(--DARK01);
}
@media screen and (min-width: 768px){
	.s-lpWord .s-lpHading{
		margin-bottom: var(--GENERALSEC_HALF);
		padding-bottom: var(--GENERALSEC_HALF);
	}
	.s-tpoUntilTest--lp li{
		grid-template-columns: auto 1fr;
		gap: 20px;
	}
	.s-tpoUntilTest--lp__reason{
		font-size: var(--FZ_14);
		position: relative;
    right: -1px;
	}
	.s-tpoUntilTest--lp__number{
		font-size: var(--FZ_50);
		line-height: 1.2;
		border-width: 5px;
	}
}
@media screen and (max-width: 767px){
	.s-tpoUntilTest--lp li{
		grid-template-columns: auto 1fr;
		gap: 20px;
	}
	.s-tpoUntilTest--lp__reason{
		font-size: 12px;
	}
	.s-tpoUntilTest--lp__number{
		font-size: var(--FZ_50);
		line-height: 1.2;
		border-width: 5px;
	}
}
/* 語彙コーパス */
.s-lpcopas__hdg{
	font-weight: bold;
}
.s-lpcopas__dtl{
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-lpcopas{
		margin-top: 40px;
	}
	.s-lpcopas__hdg{
		font-size: var(--FZ_20);
		margin-bottom: 10px;
	}
	.s-lpcopas__dtl{
		font-size: var(--FZ_18);
		margin-bottom: 10px;
	}
	.s-lpcopas__text{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-lpcopas{
		margin-top: 25px;
	}
	.s-lpcopas__hdg{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.s-lpcopas__dtl{
		font-size: 15px;
		margin-bottom: 10px;
	}
}

/* 本書の構成は大きく2つ */
.s-lpPatterns__hdg{
	font-weight: 900;
	text-align: center;
}
.s-lpHading{
	font-weight: 900;
	border-bottom: 1px solid var(--DARK01);
	text-align: center;
}
.s-lpHading__blue{
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
}
.s-lpPatCon__lead{
	font-weight: bold;
	text-align: center;
}
.s-lpPatCon__dtl__point{
	aspect-ratio: 1/1;
	background-color: var(--BLUE03);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-family: var(--FF_EN);
	line-height: 1.2;
	color: var(--WHITE);
}
.s-lpPatCon__dtl__point span{
	display: block;
}
.s-lpPatCon__dtl__hdg{
	font-weight: bold;
}
.s-lpPatCon__dtl__text{
	grid-column: span 2;
}
.s-lpPatCon__important{
	background-color: var(--YELLOW01);
	font-weight: bold;
	width: fit-content;
  margin: 0 auto;
}
@media screen and (min-width: 768px){
	.s-lpPatterns__hdg{
		font-size: var(--FZ_40);
	}
	.s-lpPatCon--mgb{
		margin-bottom: 60px;
	}
	.s-lpHading{
		font-size: var(--FZ_30);
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.s-lpPatCon__lead{
		font-size: var(--FZ_20);
		margin-bottom: 30px;
	}
	.s-lpPatCon__dtl{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: var(--GAP_40);
	}
	.s-lpPatCon__dtl li{
		display: grid;
		grid-template-columns: clamp( 60px, 6vw, 76px) 1fr;
		gap: var(--GAP_20);
		padding: 40px 50px 25px;
		align-content: start;
		align-items: center;
	}
	.s-lpPatCon__dtl__point__top{
		font-size: var(--FZ_12);
		transform: translateY(2px);
	}
	.s-lpPatCon__dtl__point__btm{
		font-size: var(--FZ_25);
		transform: translateY(2px);
	}
	.s-lpPatCon__dtl__hdg{
		font-size: clamp(17px, 2vw, 24px);
	}
	.s-lpPatCon__dtl__text{
		font-size: var(--FZ_14);
	}
	.s-lpPatCon__important{
		font-size: var(--FZ_20);
		margin-top: 30px;
		padding: 4px;
	}
}
@media screen and (max-width: 767px){
	.s-lpPatterns__hdg{
		font-size: 20px;
	}
	.s-lpPatCon--mgb{
		margin-bottom: 50px;
	}
	.s-lpHading{
		font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 20px;
	}
	.s-lpPatCon__lead{
		font-size: 12.5px;
    margin-bottom: 20px;
	}
	.s-lpPatCon__dtl{
		display: grid;
		gap: 30px;
	}
	.s-lpPatCon__dtl li{
		display: grid;
		grid-template-columns: 60px 1fr;
		gap: 15px;
		padding: 20px;
		align-content: start;
		align-items: center;
	}
	.s-lpPatCon__dtl__point__top{
		font-size: 11px;
		transform: translateY(2px);
	}
	.s-lpPatCon__dtl__point__btm{
		font-size: 18px;
		transform: translateY(2px);
	}
	.s-lpPatCon__dtl__hdg{
		font-size: 15px;
	}
	.s-lpPatCon__important{
		font-size: 13px;
		margin-top: 20px;
		padding: 4px;
	}
}
/* 本書の中身を少しだけご紹介 */
.s-lpBook__detail{
	text-align: center;
}
.s-lpBook__list__img{
	position: relative;
}
.s-lpBook__list__img::before{
	content: "";
	display: inline-block;
	aspect-ratio: 1/1;
	background: var(--BLACK) url(/asset2024/images/lp/search.svg) no-repeat center/60%;
	position: absolute;
	bottom: 5px;
	right: 5px;
	border-radius: 50%;
	z-index: 2;
}
@media screen and (min-width: 768px){
	.s-lpBook .s-lpHading{
		margin-bottom: 50px;
	}
	.s-lpBook__list{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: var(--GAP_20);
	}
	.s-lpBook__list__text{
		font-size: var(--FZ_14);
		margin-top: 10px;
	}
	.s-lpBook__detail{
		font-size: var(--FZ_14);
	}
	.s-lpBook__list__img::before{
		width: 26px;
	}
}
@media screen and (max-width: 767px){
	.s-lpBook__list{
		display: grid;
		gap: 30px;
	}
	.s-lpBook__list__text{
		margin-top: 10px;
	}
	.s-lpBook__detail{
		font-size: 12px;
	}
	.s-lpBook__list__img::before{
		width: 26px;
	}
}

/* 世界初の公式単語集 */
.s-lpOffiCon{
	display: grid;
}
.s-lpOffiCon li{
	display: grid;
	align-items: center;
}
.s-lpOffiCon__img{
	aspect-ratio: 1/1;
	background: var(--WHITE) no-repeat center/90%;
	border-radius: 50%;
}
.s-lpOffiCon__dtl__hdg{
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-lpOfficial{
		padding: 70px 0 50px;
	}
	.s-lpOfficial .s-lpHading{
		margin-bottom: var(--GENERALSEC_HALF);
	}
	.s-lpOffiCon{
		gap: 25px;
	}
	.s-lpOffiCon li{
		grid-template-columns: clamp( 100px, 10.5vw, 140px) 1fr;
		gap: var(--GAP_40);
	}
	.s-lpOffiCon__dtl__hdg{
		font-size: var(--FZ_20);
		margin-bottom: 20px;
		padding-left: 15px;
		border-left: 5px solid var(--BLUE01);
	}
	.s-lpOffiCon__dtl__text{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-lpOfficial{
		padding: 40px 0 30px;
	}
	.s-lpOfficial .s-lpHading{
		margin-bottom: 30px;
	}
	.s-lpOffiCon{
		gap: 30px;
	}
	.s-lpOffiCon li{
		grid-template-columns: 1fr 70px;
    gap: 15px 20px;
	}
	.s-lpOffiCon__dtl {
    display: contents;
	}
	.s-lpOffiCon__dtl__text {
    grid-column: span 2;
		font-size: 13px;
		order: 3;
	}
	.s-lpOffiCon__dtl__hdg{
		font-size: 14px;
		padding-left: 12px;
		border-left: 5px solid var(--BLUE01);
		order: 1;
	}
	.s-lpOffiCon__img{
		order: 2;
	}
}

/* 筆者の笹山先生に質問！ */
.s-lpTalkSection__woman{
	aspect-ratio: 1/1;
	border-radius: 50%;
	background: url(/asset2024/images/lp/talk_woman.jpg) no-repeat center/100%;
}
.s-lpTalkSection .s-tpoTalk__who__icon--teacher{
	background-image: url(/asset2024/images/lp/talk_woman.jpg);
}
@media screen and (min-width: 768px){
	.s-lpTalkSection__woman{
		width: 132px;
		margin: 0 auto 30px;
	}
	.s-lpTalkSection .s-lpHading{
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px){
	.s-lpTalkSection__woman{
		width: 60px;
		margin: 0 auto 15px;
	}
}

/* 笹山先生からTOEFL学習者の皆様ヘひとこと */
.s-lpTalkMessage{
	border-top: 1px solid var(--DARK01);
}
.s-lpTalkMessage__hdg{
	font-weight: bold;
}
.s-lpTalkMessage__text__blue{
	color: var(--BLUE03);
	border-bottom: 1px solid var(--BLUE03);
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-lpTalkMessage{
		padding-top: var(--GAP_80);
	}
	.s-lpTalkMessage__hdg{
		font-size: var(--FZ_20);
		margin-bottom: 20px;
		padding-left: 15px;
    border-left: 5px solid var(--BLUE01);
	}
	.s-lpTalkMessage__text{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.s-lpTalkMessage{
		padding-top: 40px;
	}
	.s-lpTalkMessage__hdg{
		font-size: 14px;
		padding-left: 12px;
		border-left: 5px solid var(--BLUE01);
		margin-bottom: 15px;
	}
	.s-lpTalkMessage__text {
    font-size: 13px;
	}
}

/* 笹山尚子先生 */
.s-lpTalkTeacher{
	display: grid;
}
.s-lpTalkTeacherCon__hdg{
	font-weight: bold;
}
.s-lpTalkTeacherCon__text{
	border-top: 1px solid var(--GRAY02);
}
@media screen and (min-width: 768px){
	.s-lpTalkTeacher{
		padding: var(--GENERALSEC_HALF);
		grid-template-columns: 180px 1fr;
		gap: var(--GAP_50);
	}
	.s-lpTalkTeacherCon{
		margin-top: 10px;
	}
	.s-lpTalkTeacherCon__hdg{
		margin-bottom: 10px;
	}
	.s-lpTalkTeacherCon__hdg__toll{
		font-size: var(--FZ_20);
	}
	.s-lpTalkTeacherCon__hdg__small{
		font-size: var(--FZ_14);
	}
	.s-lpTalkTeacherCon__dtl{
		font-size: var(--FZ_14);
	}
	.s-lpTalkTeacherCon__text{
		margin-top: 20px;
		padding-top: 20px;
		font-size: var(--FZ_12);
	}
}
@media screen and (max-width: 767px){
	.s-lpTalkTeacher{
		padding: 20px;
		gap: 15px;
	}
	.s-lpTalkTeacher__img{
		width: 50%;
		margin: 0 auto;
	}
	.s-lpTalkTeacherCon__hdg{
		margin-bottom: 5px;
		text-align: center;
	}
	.s-lpTalkTeacherCon__hdg__toll{
		font-size: 15px;
	}
	.s-lpTalkTeacherCon__hdg__small{
		font-size: 13px;
	}
	.s-lpTalkTeacherCon__dtl {
    font-size: 13px;
		text-align: center;
	}
	.s-lpTalkTeacherCon__text{
		margin-top: 15px;
		padding-top: 15px;
		font-size: 12px;
	}
}

/* ご紹介した商品はこちら */
.s-LpProduct{
	border-top: 1px solid var(--DARK01);
}
@media screen and (max-width: 767px){
	.s-LpProduct .s-product__list{
		width: fit-content;
		margin: 0 auto;
	}
	.s-LpProduct .s-product__name{
		align-self: end;
	}
	.s-LpProduct .s-product__price{
		margin-top: 0px;
		align-self: start;
	}
}
/* バナー */
@media screen and (min-width: 768px){
	.s-lpBanner {
    max-width: 700px;
    margin: 0 auto;
    width: 60%;
	}
}
@media screen and (max-width: 767px){
	.s-lpBanner {
    width: 92%;
    max-width: 415px;
    margin: 0 auto;
	}
}




/* Santa TOEFL */
.s-fvSection--santa{
	position: relative;
}
.s-santaFuntion.s-whiteBox--hasLightBlueLeft::before{
	top: 50%;
	transform: translateY(-50%);
	right: 20%;
}
.s-santaFuntion__group{
	display: grid;
}
.s-santaFuntion__image li p{
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
}
.s-santaFuntion__image li img{
	border: 1px solid #ddd;
}
.s-product__link{
	margin-bottom: 10px;
}
.s-product__link a{
	text-decoration: underline;
	font-weight: 500;
}
.s-product__list--santa .s-product__thumb{
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (min-width: 768px){
	.s-fvLogo{
		bottom: 0;
		right: 0;
	}
	.s-fvLogo--santa{
		position: absolute;
		width: 208px;
	}
	.s-optcpWorry__case--santa li{
		background-size: 45px;
		background-position: left 15px center;
		padding-inline: 75px 0;
	}
	.s-feature--santa{
		grid-template-columns: repeat(4, 1fr);
		gap: var(--GAP_20);
	}
	.s-product__list--santa li{
		gap: var(--GAP_30);
	}
	.s-feature--santa .s-feature__ttl{
		font-size: 18px;
	}
	.s-santaFuntion.s-whiteBox--hasLightBlueLeft::before{
		height: calc(100% + 90px);
	}
	.s-santaFuntion__group{
		gap: var(--GAP_80);
	}
	.s-santaFuntion__image{
		display: flex;
		justify-content: center;
		margin-top: 50px;
		--this-gap: 50px;
		gap: var(--this-gap);
	}
	.s-santaFuntion__image li{
		width: 45%;
		max-width: 350px;
	}
	.s-santaFuntion__image--large li{
		max-width: unset;
	}
}
@media screen and (max-width: 767px){
	.s-fixedBtn--santa{
		grid-template-columns: unset;
		width: 50%;
	}
	.s-fvLogo{
		bottom: 0;
		right: 0;
	}
	.s-fvLogo--santa{
		position: absolute;
		width: 143px;
	}
	.s-optcpWorry__case--santa li{
		background-size: 40px;
		background-position: left 15px center;
		padding-inline: 75px 0;
	}
	.s-santaFuntion.s-whiteBox--hasLightBlueLeft::before{
		height: calc(100% + 60px);
	}
	.s-santaFuntion__group{
		gap: 50px;
	}
	.s-santaFuntion__image{
		display: grid;
		gap: 20px;
		margin-top: 30px;
	}
}