@charset "utf-8";
/**
/* 無料体験レッスン申し込み CSS
----------------------------------------------- */
.trial-guide .inner{
	max-width: 1080px;
}
@media screen and (max-width: 1500px) {
	.trial-guide .inner{
		max-width: 900px;
	}
}
.trial .sl-subpage-ttl .eng-ttl{
	font-size: 3rem;
}
.trial .sl-subpage-ttl .jp-ttl{
	font-family: "Noto Sans JP", serif;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 300;
	letter-spacing: 0;
	margin-top: 0.5rem;
}
@media only screen and (max-width: 767px) {
	.trial .sl-subpage-ttl .eng-ttl{
		font-size: 2rem;
	}
	.trial .sl-subpage-ttl .jp-ttl{
		font-size: 1.125rem;
		margin-top: 0.375rem;
	}
}
/*　　FV　　*/
.trial-fv{
	position: relative;
	background: url(../img/trial/fv_bg.png) center top no-repeat;
	background-size: cover;
	padding: 5.4375rem 0 3.25rem 0;
}
.trial-fv .inner{
	align-items: center;
	max-width: 1080px;
}
.trial-fv .fv-img{
	width: calc(100% - 17.3125rem);
}
.trial-fv .fv-box{
	background: #ffffff;
	width: 20.625rem;
	margin-left: 2.8125rem;
	margin-right: -6.125rem;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, .2);
	border-radius: 0.875rem;
	padding: 1.5rem 1.25rem;
}
.trial-fv .fv-box h2{
	font-family: "Noto Sans JP", serif;
	color: #0692ff;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: 0.025em;
	text-align: center;
	margin-bottom: 1.5rem;
}
.trial-fv .trial-voice .trial-voice-inner{
	max-height: 28.375rem;
}
@media screen and (max-width: 1500px) {
	.trial-fv .inner{
		max-width: 900px;
	}
}
@media only screen and (max-width: 767px) {
	.trial-fv{
		background: url(../img/trial/sp_fv_bg.png) center top no-repeat;
		background-size: cover;
		padding: 1rem 0 2.5rem 0;
	}
	.trial-fv .fv-img{
		position: relative;
		width: 100%;
		z-index: 2;
	}
	.trial-fv .fv-box{
		width: 94%;
		margin-left: auto;
		margin-right: auto;
		margin-top: -0.75rem;
		border-radius: 0.5rem;
		padding: 1.5rem 1.125rem;
	}
	.trial-fv .fv-box h2{
		font-size: 1.125rem;
		margin-bottom: 1.5rem;
	}
	.trial-fv .trial-voice .trial-voice-inner{
		max-height: 15rem;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1280px){
	.trial-fv .fv-img{
		width: calc(100% - 20.3125rem);
	}
	.trial-fv .fv-box{
		margin-left: 1.25rem;
		margin-right: -3.125rem;
	}
}
/*　　動画　　*/
.trial-video{
	padding: 4.25rem 0 2.125rem 0;
}
.trial-video .video-items{
	column-gap: 2.25rem;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.trial-video .video-items .video-thumbnail{
	position: relative;
	width: calc(50% - 1.125rem);
}
.trial-video .video-items .video-thumbnail .video_btn{
	width: 2.75rem;
	height: 1.8125rem;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
}
.trial-video .video-items .block_btn{
	width: calc(50% - 1.125rem);
	max-width: 19.6875rem;
}
@media only screen and (max-width: 767px) {
	.trial-video{
		padding: 2.5rem 0 0.875rem 0;
	}
	.trial-video .video-items{
		column-gap: 0;
		row-gap: 1.5rem;
	}
	.trial-video .video-items .video-thumbnail{
		width: 100%;
	}
	.trial-video .video-items .block_btn{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
}
/*　　４ステップ　　*/
.trial-step{
	padding: 2.125rem 0 2rem 0;
}
.trial-step h2{
	font-family: "Noto Sans JP", serif;
	color: #273f97;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.025em;
	margin-bottom: 2.5rem;
}
.trial-step h2 span{
	font-size: 5.375rem;
	font-weight: 700;
}
.trial-step h2 span small{
	font-size: 3.25rem;
	font-weight: 700;
}
.trial-step .step-list{
	column-gap: 1.625rem;
}
.trial-step .step-list .step-items{
	position: relative;
	background: #ffffff;
	width: calc(25% - 1.25rem);
	display: flex;
	align-items: center;
	flex-direction: column;
	border-radius: 0.625rem;
}
.trial-step .step-list .step-items:not(:last-child):after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 1.3125rem solid transparent;
	border-bottom: 1.3125rem solid transparent;
	border-left: 1.25rem solid #ffffff;
	border-right: 0;
	position: absolute;
	right: -1.25rem;
	top: 50%;
	transform: translateY(-50%);
}
.trial-step .step-list .step-items .step-no{
	background: #0692ff;
	font-family: "Noto Sans JP", serif;
	width: 100%;
	color: #ffffff;
	text-align: center;
	border-radius: 0.625rem 0.625rem 0 0;
	padding: 0.625rem;
}
.trial-step .step-list .step-items:nth-child(4) .step-no{
	background: #ff0000;
}
.trial-step .step-list .step-items .step-no .roma{
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.125;
	letter-spacing: 0.05em;
}
.trial-step .step-list .step-items .step-no .no{
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 0.85;
	letter-spacing: 0.025em;
}
.trial-step .step-list .step-items .contentArea{
	display: flex;
	align-items: center;
	flex-direction: column;
	height: 100%;
	padding: 1.125rem 1rem;
}
.trial-step .step-list .step-items h3{
	font-family: "Noto Sans JP", serif;
	display: flex;
	align-items: center;
	flex-grow: 1;
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1.25;
	text-align: center;
	margin-bottom: 1rem;
}
.trial-step .step-list .step-items .text{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -0.01em;
}
.trial-step .step-list .step-items .text strong{
	font-size: 1.125rem;
	font-weight: 400;
}
.trial-step .step-list .step-items .line_btn{
	width: 100%;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.trial-step .step-list .step-items .line_btn li{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.35;
	letter-spacing: -0.01em;
}
.trial-step .step-list .step-items .line_btn li + li{
	margin-left: 0.75rem;
}
.trial-step .step-list .step-items .line_btn li img{
	width: 3.625rem;
}
.trial-step .step-list .step-items .img{
	margin-top: auto;
}
@media screen and (max-width: 1500px) {
	.trial-step .step-list{
		column-gap: 1.25rem;
	}
	.trial-step .step-list .step-items{
		width: calc(25% - 0.9375rem);
	}
	.trial-step .step-list .step-items:not(:last-child):after{
		border-top: 1.125rem solid transparent;
		border-bottom: 1.125rem solid transparent;
		border-left: 1rem solid #ffffff;
		right: -1rem;
	}
	.trial-step .step-list .step-items .step-no .roma{
		font-size: 1.125rem;
	}
	.trial-step .step-list .step-items .step-no .no{
		font-size: 2.25rem;
	}
	.trial-step .step-list .step-items .contentArea{
		padding: 1.125rem 0.625rem;
	}
	.trial-step .step-list .step-items h3{
		font-size: 1.25rem;
	}
	.trial-step .step-list .step-items .text{
		font-size: 0.9375rem;
	}
	.trial-step .step-list .step-items .text strong{
		font-size: 0.9375rem;
	}
	.trial-step .step-list .step-items .line_btn li{
		font-size: 0.9375rem;
	}
	.trial-step .step-list .step-items .line_btn li + li{
		margin-left: 0.5rem;
	}
	.trial-step .step-list .step-items .line_btn li img{
		width: 3.25rem;
	}
}
@media only screen and (max-width: 767px) {
	.trial-step{
		padding: 0.875rem 0 1.5rem 0;
	}
	.trial-step h2{
		font-size: 1.3125rem;
		margin-bottom: 1.125rem;
	}
	.trial-step h2 span{
		font-size: 2.6875rem;
	}
	.trial-step h2 span small{
		font-size: 1.625rem;
	}
	.trial-step .trial-step-container{
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 0.625rem;
	}
	.trial-step .step-list{
		column-gap: 1rem;
	}
	.trial-step .step-list .step-items{
		width: calc(25% - 0.75rem);
		min-width: 15rem;
		border-radius: 0.375rem;
	}
	.trial-step .step-list .step-items:not(:last-child):after{
		border-top: 0.875rem solid transparent;
		border-bottom: 0.875rem solid transparent;
		border-left: 0.75rem solid #ffffff;
		right: -0.75rem;
	}
	.trial-step .step-list .step-items .step-no{
		border-radius: 0.375rem 0.375rem 0 0;
		padding: 0.625rem;
	}
	.trial-step .step-list .step-items .step-no .roma{
		font-size: 0.875rem;
	}
	.trial-step .step-list .step-items .step-no .no{
		font-size: 1.875rem;
	}
	.trial-step .step-list .step-items .contentArea{
		padding: 1.125rem 0.875rem 0.875rem 0.875rem;
	}
	.trial-step .step-list .step-items h3{
		font-size: 1.0625rem;
		margin-bottom: 1rem;
	}
	.trial-step .step-list .step-items .text strong{
		font-size: 1rem;
	}
	.trial-step .step-list .step-items .line_btn li{
		font-size: 0.875rem;
	}
	.trial-step .step-list .step-items .line_btn li + li{
		margin-left: 0.625rem;
	}
	.trial-step .step-list .step-items .line_btn li img{
		width: 3rem;
	}
}
/*　　授業時間　　*/
.trial-class{
	padding: 2rem 0 2.5rem 0;
}
.trial-class h2{
	margin-bottom: 2.5rem;
}
.trial-class h2 span{
	display: inline-block;
	font-family: "Noto Sans JP", serif;
	color: #273f97;
	font-size: 1.75rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	border-bottom: 3px solid #273f97;
	padding-bottom: 0.25rem;
}
.trial-class .class-list{
	column-gap: 3rem;
	max-width: 960px;
	margin: 0 auto;
}
.trial-class .class-list .class-items{
	width: calc(50% - 1.5rem);
	padding: 1rem;
}
.trial-class .class-list .class-items:nth-child(1){
	background: #00b0f0;
}
.trial-class .class-list .class-items:nth-child(2){
	background: #ffc000;
}
.trial-class .class-list .class-items h3{
	font-family: "Noto Sans JP", serif;
	font-size: 1.3125rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.05em;
	text-align: center;
	margin-bottom: 1rem;
}
.trial-class .class-list .class-items .box{
	background: #ffffff;
	padding: 1.5rem 2rem;
}
.trial-class .class-list .class-items .box dl{
	display: flex;
	column-gap: 1.5rem;
}
.trial-class .class-list .class-items .box dl:not(:last-child){
	margin-bottom: 0.625rem;
}
.trial-class .class-list .class-items .box dl dt{
	font-family: "Noto Sans JP", serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.35;
}
.trial-class .class-list .class-items .box dl dd{
	font-family: "Noto Sans JP", serif;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.35;
}
.trial-class .class-list .class-items .box .holiday{
	font-family: "Noto Sans JP", serif;
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.35;
	margin-top: 1rem;
}
@media only screen and (max-width: 767px) {
	.trial-class{
		padding: 1.5rem 0 2.5rem 0;
	}
	.trial-class h2{
		margin-bottom: 2rem;
	}
	.trial-class h2 span{
		font-size: 1.3125rem;
		font-weight: 700;
		border-bottom: 2px solid #273f97;
		padding-bottom: 0.25rem;
	}
	.trial-class .class-list{
		column-gap: 0;
		row-gap: 1rem;
	}
	.trial-class .class-list .class-items{
		width: 100%;
		padding: 0.75rem;
	}
	.trial-class .class-list .class-items h3{
		font-size: 1rem;
		margin-bottom: 0.625rem;
	}
	.trial-class .class-list .class-items .box{
		padding: 1.25rem;
	}
	.trial-class .class-list .class-items .box dl{
		column-gap: 1.5rem;
	}
	.trial-class .class-list .class-items .box dl:not(:last-child){
		margin-bottom: 0.5rem;
	}
	.trial-class .class-list .class-items .box dl dt{
		font-size: 0.875rem;
	}
	.trial-class .class-list .class-items .box dl dd{
		font-size: 1rem;
	}
	.trial-class .class-list .class-items .box .holiday{
		font-size: 1rem;
		margin-top: 0.625rem;
	}
}
/*　　無料体験お申込みフォーム　　*/
.trial-form{
	background: #ffffff;
	padding: 6.125rem 0 3.75rem 0;
}
.trial-form h2{
	font-family: "Noto Sans JP", serif;
	color: #273f97;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.025em;
	text-align: center;
	margin-bottom: 3rem;
}
.trial-form .form-box{
	max-width: 680px;
	margin: 0 auto;
}
.trial-form .form-box .form-note{
	font-family: "Noto Sans JP", serif;
	text-align-last: center;
	padding: 1.5rem 0;
}
.trial-form .form-box .form-note p{
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.trial-form .form-box .form-note .small{
	font-size: 0.625rem;
	font-weight: 400;
}
.trial-form .form-box .form-time{
	margin-top: 3rem;
}
.trial-form .form-box .form-time p{
	font-size: 0.875rem;
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
}
.trial-form .form-box .form-time dl{
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	align-items: center;
	margin-top: 3rem;
}
.trial-form .form-box .form-time dl dt{
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.trial-form .form-box .form-time dl dd{
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin-left: 1.5rem;
}
@media only screen and (max-width: 767px) {
	.trial-form{
		padding: 3rem 0 2.75rem 0;
	}
	.trial-form h2{
		font-size: 1.3125rem;
		margin-bottom: 1rem;
	}
	.trial-form .form-box .form-note{
		padding: 2rem 0 0 0;
	}
	.trial-form .form-box .form-time{
		margin-top: 2rem;
	}
	.trial-form .form-box .form-time p{
		text-align: left;
	}
	.trial-form .form-box .form-time dl{
		display: block;
		margin-top: 1.25rem;
	}
	.trial-form .form-box .form-time dl dd{
		margin-left: 0;
	}
}
/*　　お休み・料金ポリシー　　*/
.trial-policy{
	padding: 4.625rem 0;
}
.trial-policy h2{
	text-align: center;
	margin-bottom: 4.625rem;
}
.trial-policy h2 span{
	display: inline-block;
	font-family: "Noto Sans JP", serif;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.1em;
	border-bottom: 4px solid #000000;
	padding: 0 0.5rem 0.25rem 0.5rem;
}
.trial-policy .policy-list{
	column-gap: 3rem;
	max-width: 880px;
	margin: 0 auto;
}
.trial-policy .policy-list dl{
	width: calc(33.3333% - 2rem);
	max-width: 15.375rem;
}
.trial-policy .policy-list dl dt{
	position: relative;
	border-radius: 100%;
	background: #0b76a0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 0.75rem 2.25rem 0.75rem;
}
.trial-policy .policy-list dl dt::before {
	display: block;
	content: '';
	padding-top: 100%;
}
.trial-policy .policy-list dl dt p{
	font-family: "Noto Sans JP", serif;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.35;
	text-align: center;
}
.trial-policy .policy-list dl dd{
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.35;
}
@media only screen and (max-width: 767px) {
	.trial-policy{
		padding: 3.625rem 0;
	}
	.trial-policy h2{
		margin-bottom: 2.625rem;
	}
	.trial-policy h2 span{
		font-size: 1.3125rem;
		font-weight: 700;
		border-bottom: 2px solid #000000;
		padding: 0 0.5rem 0.25rem 0.5rem;
	}
	.trial-policy .policy-list{
		column-gap: 0;
		row-gap: 3rem;
	}
	.trial-policy .policy-list dl{
		width: 100%;
		max-width: 100%;
	}
	.trial-policy .policy-list dl dt{
		margin: 0 3.5rem 1.25rem 3.5rem;
	}
	.trial-policy .policy-list dl dt p{
		font-size: 1.625rem;
	}
	.trial-policy .policy-list dl dd{
		font-size: 1rem;
		line-height: 1.5;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1280px){
	.trial-policy .policy-list{
		column-gap: 1.25rem;
	}
	.trial-policy .policy-list dl{
		width: calc(33.3333% - 1rem);
		max-width: initial;
	}
	.trial-policy .policy-list dl dt{
		margin: 0 0.5rem 2.25rem 0.5rem;
	}
}