@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
*******************************************************/

/*****************************************************
	TOP
******************************************************/
/* Main Visual */
#pg-info { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/info/mainVisual.jpg); }

/* --- No sideBer Layout ----------------- */
.bl-content-section-single {
	display: block;
	margin:0 auto;
}
.bl-content-section-single .bl-tabContent-wrap { justify-content: center; flex-direction: column; }

h3.hp-marBtm-l { text-align: center; }

#contactForm {
	margin-top: -150px;
	padding-top: 150px;
}

/* --- TabMenu ----------------- */
.el-tabSelector {
    position: relative;
	display: block;
    padding: 2rem 3rem;
    font-weight: bold;
    color: #575757;
    cursor: pointer;
    transition: all .3s ease-in;
}

/* --- Card List Layout ----------------- */
.ly-listCard-parent {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:auto;
	margin-bottom: 64px;
}
.ly-listCard-parent:last-child { margin-bottom: 0; }

	.ly-listCard-wrap {
		margin:auto;
		padding:0 6%;
	}
	.ly-listCard-item-wrap{
		display: inline-block;
		width: 30%;
		max-width: 380px;
		height: 100%;
		margin: 0 8px 64px;
		line-height: 0;
		z-index: 18;
	}
		figure.ly-listCard-img {
			position: relative;
			margin: 0;
			padding: 0;
			line-height: 0;
		}
		figure.ly-listCard-img figcaption {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 70%;
			height: auto;
			margin: auto;
			text-align: center;
			font-size: 1.6rem;
			line-height: 1.4;
			letter-spacing: 1px;
		}
		figure.ly-listCard-img figcaption span { font-size: 1.2rem; }
		figure.ly-listCard-img img{ max-width: 100%; }

		.ly-listCard-item {
			position: relative;
			display: block;
			z-index: 18;
			transition: .3s;
		}
		.ly-listCard-item::before, .ly-listCard-item::after { content:""; transition: .3s; }

			.ly-listCard-item:hover::before {
				position: absolute;
				top:0;
				left: 0;
				content:"";
				width: 100%;
				height: 100%;
				background-color: rgba(var(--season-main-color),.8);
				cursor: pointer;
				z-index: 20;
			}
			.ly-listCard-item:hover::after {
				position: absolute;
				top: 45%;
				right: 60%;
				bottom: 50%;
				left: 40%;
				content:"";
				width: 60px;
				height: 60px;
				background: url(../img/hover-icon-downoad.svg);
				z-index: 21;
			}

	.ly-listCard-detail {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 160px;
		margin:0;
		padding:24px;
		color:#fff;
		background-color: rgb(var(--season-sub-color));
		line-height: 1.2;
	}
	.ly-listCard-title span { font-size: .7em; font-weight: 300; }
	.ly-listCard-icon { font-size: .8em; }
		.ly-listCard-icon a,.ly-listCard-icon a:visited { color:#fff; }
		.ly-listCard-icon a:hover { font-weight: 600; }

		.ly-listCard-detail .icon-file-pdf { margin-right:1.6em; }

		.ly-listCard-detail .icon-file-pdf:before,
		.ly-listCard-detail .icon-file-word:before {
			font-size: 20px;
			padding-right: 6px;
		}
.ly-sec-area { background-color: #EFEDEB; }

/* Parts */
.hp-fontcolor-accent { color:rgb(var(--season-main-color)); }
.hp-fontsize-small { font-size: .9em; }
.hp-subtitle-big { font-size: 24px; font-weight: 600; }
h3.hp-head-large { font-size: 40px; }

#bl-VideoTitle p {
	position: absolute;
	bottom: 1.5rem;
	left: 1.5rem;
	font-size: .9rem;
	color: #fff;
	z-index: 5;
}

/* PageLink */
#documentList {
	overflow: hidden;
	width: 0;
	height: 0;
	margin-top:-150px;
	padding-top:150px;
}
#contactForm {
	overflow: hidden;
	width: 0;
	height: 0;
	margin-top:-180px;
	padding-top:180px;
}

/*****************************************************
	Mobile
******************************************************/
@media screen and (max-width : 1200px) {
	.ly-listCard-wrap { padding: 0;}
	.ly-listCard-parent { width: 100%; }
	figure.ly-listCard-img figcaption {
		font-size: 1.2rem;
	}
}
@media screen and (max-width : 960px) {
	figure.ly-listCard-img figcaption { font-size: 1rem; }
	figure.ly-listCard-img figcaption span { font-size: .9rem; }
}
@media screen and (max-width : 768px) {
	.ly-listCard-item-wrap { width: 45%; margin: 0 8px 8px; }
	.ly-listCard-item{	margin: 0 8px 24px;	}
	figure.ly-listCard-img figcaption { font-size: 1.2rem; }
	figure.ly-listCard-img figcaption span { font-size: 1rem; }
}
@media screen and (max-width : 640px) {
	#pg-info { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/info/sp-mainVisual.jpg); }
	.hp-txt-sup { display: block; margin-top:.5rem; }
	.ly-listCard-item-wrap {
		width: 90%;
		margin: 0 8px 8px;
	}
}