@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
*******************************************************/
/*****************************************************
	TOP
******************************************************/
.bl-landing-top {
	padding: 5%;
	padding:  max(5%, 2rem) 4.5% max(6%, 3rem);
}

.el-landing-title {
  	color: rgb(var(--season-main-color));
	font-weight: 600;
	font-size: 1.85rem;
	text-align: center;
}

.el-landing-content {
  	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

.bl-dualRow-textBox {
	padding: 7.5% 5% 5% 5%;
	background: rgb(var(--season-sub-color));
	color: #fff;
}

.bl-landing-smallSpace {
	padding: max(6%, 2rem) 5% max(6%, 2.5rem);
}

.bl-landing-wideSpace {
	padding: max(7%, 3rem) 5% max(7%, 3rem);
}

.el-landing-contentSmall {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
}

.bl-tabContent-wrap.js-active {
	flex-direction: column;
}

.el-textBreak {
	display: flex;
	flex-wrap: wrap;
}

.el-event-title {
	width: 15rem;
}

.hp-content-section {
	margin-top: -150px;
	padding-top: 150px;
}

.el-event-text {
	width: max(calc(100% - 15rem), 50%);
}

.el-section-title {
	color: rgb(var(--season-main-color));
	font-weight: 600;
	font-size: 1.47rem;
}

/**text space**/
.hp-mt-spacer { margin:60px 0 28px 0 }

@media screen and (min-width : 1400px) {
	.bl-fullWidth-flexReverse {
		max-height: 650px;
	}
	.bl-fullWidth-flexReverse.hp-hmax {
		max-height: 100%;
	}
}

@media screen and (max-width : 1200px) {}
@media screen and (max-width : 960px) {}
@media screen and (max-width : 640px) {
	.bl-dualRow-textBox {
		margin: 0;
	}
	
	.el-landing-title {
		font-size: 1.5rem;
	}
	
	.bl-dualRow-textBox {
		padding: max(5%, 2rem) 5% max(5%, 3rem);
	}
	
	.bl-table-wrapSimple th {
		padding-bottom: 1.5rem;
		border-bottom: solid 2px rgb(var(--season-main-color)) !important;
	}
	
	.bl-table-wrapSimple td {
    	padding-top: 1.5rem;
	}
	
	.el-textTab-content th{
		padding-bottom: 0rem;
		border-bottom: 0px !important;
	}
	
	.el-textTab-content td{
		padding-top: .75rem;
	}
	
	.el-event-text {
		width: 100%;
	}

	.hp-content-section {
		margin-top: -80px;
		padding-top: 80px;
	}
}
/*****************************************************
	for Microsoft Edge
*****************************************************/
@supports (-ms-ime-align:auto) {
	.bl-landing-top { padding:5%; }
	.bl-landing-wideSpace, .bl-landing-smallSpace { padding:5%; }
	.bl-line-section { padding:4rem 0; }
  }