@charset "utf-8";
/*******************************************************
MeySen Academy Copyright(c) All Rights Reserved.
*******************************************************/
/* Main Visual */
#pg-newsletter { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/press/newsletter/mainVisual.jpg);}
#pg-advertising { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/press/advertising/mainVisual.jpg);}

h3.hp-marBtm-l {
    text-align: center;
}
h4.hp-language {
	font-size: 1.5rem;
    text-align: center;
}
/* --- NewsLetter ------------------*/
.ly-newsletter-parent {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 50px;
	max-width: 1240px;
	margin:32px auto;
	padding: 0 min(5%, 40px) 0;
}
	.ly-newsletter-parent > div { margin: auto; }
	.ly-newsletter-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-newsletter-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-newsletter-item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
	.ly-newsletter-item:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }
	.ly-newsletter-item:nth-child(5) { grid-area: 2 / 1 / 3 / 2; }
	.ly-newsletter-item:nth-child(6) { grid-area: 2 / 2 / 3 / 3; }
	.ly-newsletter-item:nth-child(7) { grid-area: 2 / 3 / 3 / 4; }
	.ly-newsletter-item:nth-child(8) { grid-area: 2 / 4 / 3 / 5; }
	.ly-newsletter-item:nth-child(9) { grid-area: 3 / 1 / 4 / 2; }
	.ly-newsletter-item:nth-child(10) { grid-area: 3 / 2 / 4 / 3; }
	.ly-newsletter-item:nth-child(11) { grid-area: 3 / 3 / 4 / 4; }
	.ly-newsletter-item:nth-child(12) { grid-area: 3 / 4 / 4 / 5; }

	.ly-newsletter-parent > div img { width: 100%; max-width: 260px; }

	.ly-newsletter-wrap, .ly-advertising-wrap { padding:4rem 0; }
	.bl-newsletter-jp > .ly-newsletter-wrap, .bl-advertising-kahoku > .ly-advertising-wrap { padding-top:0; }

		.ly-newsletter-link:hover {
			color:rgba(var(--season-main-color));
			text-decoration: underline;
			cursor: pointer;
		}
		.ly-newsletter-link figure {
			position: relative;
			margin: 0 0 16px;
			line-height: 0;
		}
			.ly-newsletter-link figure::before, .ly-newsletter-link figure::after { content:""; transition: .3s; }
			.ly-newsletter-link:hover figure::before {
				position: absolute;
				top:0;
				left: 0;
				content:"";
				width: 100%;
				height: 100%;
				background-color: rgba(var(--season-main-color),.8);
			}
			.ly-newsletter-link:hover figure::after {
				position: absolute;
				top: 45%;
				right: 60%;
				bottom: 50%;
				left: 38%;
				content:"";
				width: 60px;
				height: 60px;
				background: url(../img/hover-icon-downoad.svg);
			}
				.ly-newsletter-link p span { font-weight: 600; }

.ly-newsletter-item p {
	line-height: 1.2em;
}
/* --- Advertising ------------------*/
.ly-advertising-parent {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 40px;

	max-width: 1200px;
	margin:32px auto;
	}
	.ly-advertising-parent > div { margin: auto; }
	.ly-advertising-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-advertising-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-advertising-item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
	.ly-advertising-item:nth-child(4) { grid-area: 1 / 4 / 2 / 5; }
	.ly-advertising-item:nth-child(5) { grid-area: 2 / 1 / 3 / 2; }
	.ly-advertising-item:nth-child(6) { grid-area: 2 / 2 / 3 / 3; }
	.ly-advertising-item:nth-child(7) { grid-area: 2 / 3 / 3 / 4; }
	.ly-advertising-item:nth-child(8) { grid-area: 2 / 4 / 3 / 5; }

	.ly-advertising-parent > div img { width: 100%; max-width: 260px; }
		.ly-advertising-link:hover {
			color:rgba(var(--season-main-color));
			text-decoration: underline;
		}
		.ly-advertising-link figure {
			position: relative;
			margin: 0 0 16px;
			line-height: 0;
		}
			.ly-advertising-link figure::before, .ly-advertising-link figure::after { content:""; transition: .3s; }
			.ly-advertising-link:hover figure::before {
				position: absolute;
				top:0;
				left: 0;
				content:"";
				width: 100%;
				height: 100%;
				background-color: rgba(var(--season-main-color),.8);
			}
			.ly-advertising-link:hover figure::after {
				position: absolute;
				top: 45%;
				right: 60%;
				bottom: 50%;
				left: 38%;
				content:"";
				width: 60px;
				height: 60px;
				background: url(../img/hover-icon-downoad.svg);
			}
			.ly-advertising-link p { font-weight: 600; text-align: center; }

			/* Kahoku */
			.bl-advertising-kahoku img { border:solid 1px #ccc; }

@media screen and (max-width : 960px) {
	/* --- NewsLetter ------------------*/
	.ly-newsletter-parent {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(4, 1fr);
		grid-column-gap: 12px;
		grid-row-gap: 48px;
	}
	.ly-newsletter-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-newsletter-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-newsletter-item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
	.ly-newsletter-item:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
	.ly-newsletter-item:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
	.ly-newsletter-item:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
	.ly-newsletter-item:nth-child(7) { grid-area: 3 / 1 / 4 / 2; }
	.ly-newsletter-item:nth-child(8) { grid-area: 3 / 2 / 4 / 3; }
	.ly-newsletter-item:nth-child(9) { grid-area: 3 / 3 / 4 / 4; }
	.ly-newsletter-item:nth-child(10) { grid-area: 4 / 1 / 5 / 2; }
	.ly-newsletter-item:nth-child(11) { grid-area: 4 / 2 / 5 / 3; }
	.ly-newsletter-item:nth-child(12) { grid-area: 4 / 3 / 5 / 4; }

	/* --- Advertising ------------------*/
	.ly-advertising-parent {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(3, 1fr);
		grid-column-gap: 12px;
		grid-row-gap: 48px;
	}
	.ly-advertising-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-advertising-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-advertising-item:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
	.ly-advertising-item:nth-child(4) { grid-area: 2 / 1 / 3 / 2; }
	.ly-advertising-item:nth-child(5) { grid-area: 2 / 2 / 3 / 3; }
	.ly-advertising-item:nth-child(6) { grid-area: 2 / 3 / 3 / 4; }
	.ly-advertising-item:nth-child(7) { grid-area: 3 / 1 / 4 / 2; }
	.ly-advertising-item:nth-child(8) { grid-area: 3 / 2 / 4 / 3; }
	.ly-advertising-item:nth-child(9) { grid-area: 3 / 3 / 4 / 4; }
}
@media screen and (max-width : 768px) {
	/* --- NewsLetter ------------------*/
	.ly-newsletter-parent {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(6, 1fr);
		grid-column-gap: 12px;
		grid-row-gap: 48px;
	}
	.ly-newsletter-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-newsletter-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-newsletter-item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
	.ly-newsletter-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
	.ly-newsletter-item:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
	.ly-newsletter-item:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
	.ly-newsletter-item:nth-child(7) { grid-area: 4 / 1 / 5 / 2; }
	.ly-newsletter-item:nth-child(8) { grid-area: 4 / 2 / 5 / 3; }
	.ly-newsletter-item:nth-child(9) { grid-area: 5 / 1 / 6 / 2; }
	.ly-newsletter-item:nth-child(10) { grid-area: 5 / 2 / 6 / 3; }
	.ly-newsletter-item:nth-child(11) { grid-area: 6 / 1 / 7 / 2; }
	.ly-newsletter-item:nth-child(12) { grid-area: 6 / 2 / 7 / 3; }

	/* --- Advertising ------------------*/
	.ly-advertising-parent {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(4, 1fr);
		grid-column-gap: 12px;
		grid-row-gap: 48px;
	}
	.ly-advertising-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
	.ly-advertising-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; }
	.ly-advertising-item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
	.ly-advertising-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; }
	.ly-advertising-item:nth-child(5) { grid-area: 3 / 1 / 4 / 2; }
	.ly-advertising-item:nth-child(6) { grid-area: 3 / 2 / 4 / 3; }
	.ly-advertising-item:nth-child(7) { grid-area: 4 / 1 / 5 / 2; }
	.ly-advertising-item:nth-child(8) { grid-area: 4 / 2 / 5 / 3; }
}
@media screen and (max-width : 640px) {
	#pg-newsletter { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/press/newsletter/sp-mainVisual.jpg); }
	#pg-advertising { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/press/advertising/sp-mainVisual.jpg); }

	/* --- NewsLetter ------------------*/

}
@media screen and (max-width : 480px) {

	/* --- NewsLetter ------------------*/
	.ly-newsletter-parent, .ly-advertising-parent {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(auto-fit, 1fr);
		grid-auto-columns: min-content;
		grid-auto-flow: column dense;
	}
	.ly-newsletter-item, .ly-advertising-item {
		grid-column: 1 !important;
  	grid-row: auto !important;
	}


}