@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
*******************************************************/
/* --- Form ----------------- */
.ly-form-section {
	width: 60%;
	margin:0 auto;
}
	.ly-form-section h3 { text-align: center; }
	.ly-form-explain {
		padding:32px 0;
		text-align: center;
	}

.ly-form-box {
	display: flex;
	justify-content: center;
	align-items: start;
	max-width: 740px;
	margin:16px auto 32px;
	text-align: left;
}
.ly-form-box .ly-form-box__grid,
.ly-form-box-col .ly-form-box__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 10px;
	max-width: 658px;
	margin-left: auto;
	margin-right: auto;
}
.ly-form-box-col .ly-form-box__grid {
	grid-template-columns: repeat(2, 47%);
}
.ly-form-box__grid > * {
	margin-inline: 0 !important;
}
	.ly-form-box.el-align-start { align-items: flex-start; }
.ly-form-box-col {
	padding:32px 0;
	text-align: left;
}
.bl-form-notitle { margin-top:4rem; }
	.ly-form-box dt {
		flex: 0 0 220px;
		min-width: 100px;
		font-weight: 600;
	}
	.ly-form-box-col dt {
		min-width: 100px;
		font-weight: 600;
	}
	.ly-form-box dt:not(.bl-confirm-area .ly-form-box dt) {
		margin-top: 10px;
	}

	.ly-form-box dd {
		flex: 1;
	}
	.ly-form-box-col dd {
		flex:3 3 100px;
		margin: 24px 0 0 80px;
		padding: 0;
	}
		.ly-form-box-col dd.hp-leftSpace { margin-left: 16px; }
		:where(.ly-form-box) dd span:not(:first-child) { margin-left:8px; }
		.ly-form-box dd input[type="text"] { width: 100%; }
		.ly-form-box dd select, .ly-form-box-col dd select { width: 60%; }
		.ly-form-box dd select:first-of-type, .ly-form-box-col dd select:first-of-type { margin-left: 0; }

		.ly-form-box-col .bl-textarea { margin: 24px 24px 0 80px; }
		.ly-form-box dd textarea, .ly-form-box-col dd textarea { width: 100%; }

		.ly-input-radio { margin-right:40px; }
		.ly-input-radio:last-of-type { margin-right:0; }

		.ly-form-box__program {
			display: flex;
			justify-content: space-between;
			margin-left: 8%;
			margin-bottom:16px;
		}
		.ly-form-box-class { flex: 1 1 350px; }
		.el-kids-birth { margin:32px 0; }
			.el-kids-birth__april {
				margin: 16px 0 24px;
				width: 100%;
			}
			.ly-form-box dd .el-kids-birth select,
			.ly-form-box-col dd .el-kids-birth select { width: calc(50% - 16px); }

	.bl-form-multiSelect p { margin:0 0 1.5rem; }
	.el-inputCategory-title {
		margin:80px 0 24px;
		font-size: 25px;
	}
	.ly-form-send-area {
		width: 80%;
		margin: 0 auto;
		padding:5% 10%;
		border-top: solid 1px rgb(var(--season-main-color));
	}

	/* Layout EN */
	.ly-form-multiRow {
		display: flex;
		align-items: center;
	}
/* required */
	.ly-form-box .el-badge-required,
	.ly-form-box-col .el-badge-required {
		display: inline;
		padding: .38rem .4rem .35rem;
		margin-left: 0.6rem;
		color: #fff;
		font-size: .75rem;
		font-weight: normal;
		vertical-align: .13em;
	}
	.el-badge-required.el-badge-required__vaUp {
		vertical-align: .4em;
	}

	.ly-form-box .input_class {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
	.ly-form-box .input_class span{
		margin-left: 0;
	}
form {}
/* Button */
.el-btn-submit, .bl-mailForm button{
	display: inline-block;
	/* min-width: fit-content; */
	min-width: 200px;
	padding: 16px 32px 16px 36px;
	color:#fff;
	font-size: 15px;
	border:0;
	border-radius: 3rem;
	background: rgb(var(--season-main-color));
	transition: .3s;
	cursor: pointer;
}
	.el-btn-submit:hover, .el-btn-submit:active, .bl-mailForm button:hover { background: rgb(var(--season-sub-color)); }

.bl-mailForm .el-btn-back, .bl-mailForm .el-btn-back:visited {
	display: inline-block;
	/* min-width: fit-content; */
	min-width: 200px;
	padding: 14px 32px 14px 36px;
	color:rgb(var(--season-sub-color));
	font-size: 15px;
	border:0;
	border-radius: 3rem;
	border: solid 1px rgb(var(--season-sub-color));
	margin: auto 0 auto auto;
	transition: .3s;
	cursor: pointer;
}
	.bl-mailForm .el-btn-back:hover, .bl-mailForm .el-btn-back:active { color:#fff; background: rgb(var(--season-sub-color)); }

/* Text */
.bl-mailForm input[type="text"], .bl-mailForm input[type="email"], .bl-mailForm input[type="radio"], .bl-mailForm select, .bl-mailForm textarea{
	padding:12px 16px;
	border:solid 2px rgb(var(--season-main-color));
	background-color: transparent;
}
/* Checkbox Design */
/* .bl-mailForm input[type="checkbox"]{ display: none; } */
.bl-mailForm input[type="checkbox"]{
	opacity:0;
	width: 0;
 }
	.bl-mailForm input[type="checkbox"]+label{
		display: none;
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding: 8px 10px 8px 48px;
	}
	.bl-mailForm input[type="checkbox"]+label::before{
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 20px;
		height: 26px;
		margin-top: -7px;
		left: 0;
		top: 35%;
		padding:8px 14px;
		border:solid 1px rgb(var(--season-main-color));
		background-color: transparent;
	}
	.bl-mailForm input[type="checkbox"]:checked+label::after{
		content: "";
		position: absolute;
		display: block;
		box-sizing: border-box;
		width: 18px;
		height: 9px;
		margin-top: -7px;
		top: 50%;
		left: 7px;
		transform: rotate(-45deg);
		border-bottom: 3px solid;
		border-left: 3px solid;
		border-color: rgb(var(--season-main-color));
	}
/* Radio Button Design */
.bl-mailForm input[type="radio"] + label:before {
	content: '\ea10';
	font-family: 'icomoon';
	font-size: 14px;
	color: transparent;
	padding: 2px 3px;
	background-color: #444;
	border-radius: 50%;
	margin-right: 16px;
	vertical-align: 1px;
  }
  	.bl-mailForm input[type="radio"]:checked + label:before {
		background-color: rgb(var(--season-main-color));
		color: #fff;
	}
	.bl-mailForm input[type="radio"] {
		/* display: none; */
		opacity:0; /* 要素を透明に */
		height: 1px; /* 高さを出して 0 x 0 を回避 */
		width: 1px;
		padding: 0;
		-webkit-appearance: none; /* アウトライン消す */
		appearance: none;
	}

/* Select Design */
.bl-mailForm { position: relative; }
.bl-mailForm select {
	padding-right:50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../img/icon_chevron-down-solid.svg) no-repeat center;
	background-size: 14px;
	background-position: 94% 50%;
}

/* Confirm */
.ly-confirm {
	display: flex;
	flex-direction: column;
	justify-content: center;
    align-items: center;
}
.bl-confirm-title {
	width: 100%;
	padding:2rem 1rem;
	background-color: #fff;
}
.bl-confirm-area {
	max-width: 60%;
	margin-bottom:1rem;
}
	.bl-confirm-item{
		display: flex;
		align-items: baseline;
		margin-left:2rem;
	}
		.bl-confirm-item:not(:first-child) { margin-top:40px; }
		.bl-confirm-item .el-confirm-data {
			margin-left:1.2rem;
			font-size: 1.2rem;
			line-height: 1.2;
		}
		.bl-confirm-area .ly-form-box dt {
			flex: 0;
			min-width: 210px;
			padding-top: 0;
		}
		.bl-confirm-area .ly-form-box dd {
			flex: auto;
			width: auto;
		}
		.ly-confirm-send-area {
			width: 60%;
			margin: 0 auto;
			padding: 2rem;
			text-align: center;
			border-top: solid 1px rgb(var(--season-main-color));
		}
		.el-confirm-submit { margin-left:1.2rem; }
		.bl-thankyou__inner { text-align: left; }

		.ly-form-box.bl-confirm-comment { display: block; }

	/* Thank you */
	.ly-form-thankyou {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin:auto;
	}
	.bl-form-info {
		display: flex;
		margin:2rem auto;
	}
	.bl-form-info-school:not(:first-child) { margin-left:3rem; }


/* Validate装飾 */
.parsley-required, .parsley-custom-error-message, .parsley-type {
	margin: 0;
	padding: 2px 0;
	font-size: .9rem;
	color:#c00;
}
#bl-need-res { margin-top:2rem; }

.ly-form-box .ly-form--hasComment {
	line-height: 1.2;
	margin-top: 4px;
}
/* Parts */
.hp-fontcolor-accent { color:rgb(var(--season-main-color)); }
.hp-fontsize-small { font-size: .9em; }
.hp-subtitle-big { font-size: 20px; font-weight: 600; }
h3.hp-head-large { font-size: 40px; }
.hp-dp-inlineBlock { display: inline-block; }
.hp-marTop-0 { margin-top: 0 !important; }
.hp-marVer-auto { margin-top: 0 !important; margin-bottom: 0 !important;}
.hp-pc-marLef-M_5em {margin-left: -.5em;}
.hp-lineHeight-1_5 { line-height: 1.5; }
/*****************************************************
	Mobile
******************************************************/
@media screen and (max-width : 1599px) {
	.ly-form-box-col .ly-form-box__grid {
		grid-template-columns: repeat(2, 42%);
	}
	.ly-form-box .ly-form--hasComment { margin-top: 6px; }
}
@media screen and (max-width : 1200px) {
	.ly-form-section {
		width: 90%;
		margin: 0 auto;
	}
	.ly-form-send-area {
		width: 90%;
		padding:5% 0;
	}

	.ly-form-box__program { margin-left: 0;	}
}
@media screen and (max-width : 960px) {
	/* confirm */
	.ly-confirm-send-area {
		display: flex;
		flex-direction: column-reverse;
		width: 90%;
	}
	.bl-mailForm .el-btn-back, .bl-mailForm .el-btn-back:visited { margin: 1rem auto 0;	}
	.el-btn-submit, .bl-mailForm button { margin: 0 auto; }

}

@media screen and (max-width : 768px) {
	.ly-form-section { width: 100%; }
	.ly-form-box {	flex-direction: column;	}
	.ly-form-box dt, .ly-form-box dd { flex: 1; width: 100%; }
	.ly-form-box dt { margin-top: 0; margin-bottom: 5px; }
	.ly-form-box-col .el-badge-required {
		vertical-align: .28em;
	}
	.ly-form-box-col dd { margin: 24px 0 0 0; }
	.ly-form-send-area {
		width: 90%;
		margin:0 auto;
		padding: 32px 0;
		text-align: center;
	}
	.bl-mailForm input[type="text"], .bl-mailForm input[type="radio"], .bl-mailForm select, .bl-mailForm textarea{ width: 100%;	}
	.el-inputCategory-title {
		margin:56px 0 16px;
		font-size: 20px;
	}
	.bl-mailForm input[type="radio"] {
		display: inline-block;
	}

	.ly-form-box .ly-form-box__grid,
	.ly-form-box-col .ly-form-box__grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.ly-input-radio { margin-top: 16px; }

	/* confirm */
	.bl-confirm-area { max-width: 90%; }

	.ly-form-box .ly-form--hasComment { 
		line-height: 1.6em;
		margin-top: 0;
	}
	.hp-pc-marLef-M_5em {margin-left: 0;}
	.hp-tb-only { display: none; }
}
@media screen and (max-width : 640px) {
	.ly-form-box dd { width: 100%; }
	/* .ly-form-box span {	display: block;	} */
	.ly-form-box__program {	flex-direction: column; margin-bottom: 0; }
	.ly-form-box-class { width: 100%; flex: 1; }
	.ly-form-box dt { min-width: 100%; }
	.ly-form-box dd { width: 100%; }
	.ly-form-box dd input[type="text"] { width: 100%; }
	.ly-form-box dd select, .ly-form-box-col dd select { width: 100%; }
	.el-inputCategory-title, .ly-form-box-col dt { text-align: center; }

	/* confirm */
	.el-confirm-submit {
		margin-left: 0;
		margin-top: 1rem;
	}

	.ly-form-box .input_class {	grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width : 480px) {
	h3.hp-head-large { font-size: 30px; }
	.ly-form-box dd { width: 100%; }
		/* .ly-form-box dd select, .ly-form-box-col dd select { width: 80%; } */
	.bl-checkbox-yes { display: block; margin-bottom:.5rem; }
	.bl-checkbox-yes + .hp-ml48 { margin-left:0; }
	.ly-input-radio { margin-right: 16px; }
	/* .ly-form-box__program {	flex-direction: column; margin-bottom: 0; } */
	.ly-form-box-col .bl-textarea {	margin: 24px 24px 0 24px; }
}
/*****************************************************
	for Microsoft Edge
*****************************************************/
@supports (-ms-ime-align:auto) {
	#comment { max-width: 600px; }
}



.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}