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

/*****************************************************
TOP
******************************************************/

#pg-circle {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/mother/mainVisual.jpg);
}

.bl-circleImg-wrap {
	display: grid;
	grid-template-columns: calc((var(--window-width) - 85px) * .25) calc((var(--window-width) - 85px) * .25) calc((var(--window-width) - 85px) * .25) calc((var(--window-width) - 85px) * .25);
	grid-template-rows: calc((var(--window-width) - 85px) * .25) calc((var(--window-width) - 85px) * .25);
	grid-gap: 15px 15px;
	width: 100%;
	padding: 0 20px 20px;
}

.el-circleImg {
	grid-row: 1 / 3;
  grid-column: 1 / 3;
	width: 100%;
	height: 100%;
}

.el-circleImg2{
  grid-column: 3 / 4;
	grid-row: 1;
	width: 100%;
	height: 100%;
}

.el-circleImg3{
  grid-column: 4 / 5;
	grid-row: 1;
	width: 100%;
	height: 100%;
}

.el-circleImg4{
  grid-column: 3 / 5;
	grid-row: 2;
	width: 100%;
	height: 100%;
}

.bl-tab-stickyWrap {
	position: static;
}

.el-landing-content .el-tab-default {
	position: relative;
	justify-content: center;
	padding: 1rem;
	/* font-family: var(--regular-font); */
}
	.el-tab-default.js-active { background: rgb(var(--season-main-color)); }
	.el-tab-default::before {
		position: absolute;
		font-size: .7em;
		bottom: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(calc(100% + 1.5rem)) rotate(90deg);
	}
	.el-tab-default span { font-family: "HarmoniaSansPro-Bold"; }

.el-circle-thumb {
	display: flex;
	width: auto;
    /* max-width: 100%; */
	margin: 2rem auto;
}

.el-textTab-content p:first-child {
	margin-top: 2rem;
}
/** temporary **/
.ly_mTempWrap {
	display: flex;
	column-gap: 34px;
}
.bl_mTemp-info a {
	display: inline-block;
	min-width: 200px;
	max-width: 320px;
}
.bl_mTemp-info img { width: 100%; }
.bl_mTemp-text p:first-child { margin-top: 0; }

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

@media screen and (max-width : 1200px) {
}
@media screen and (max-width : 768px) {
	/** temporary **/
	.ly_mTempWrap {
		flex-direction: column;
		row-gap: 34px;
		column-gap: 0;
		align-items: center;
	}
}
@media screen and (max-width : 640px) {
#pg-circle {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/mother/sp-mainVisual.jpg);
}

.bl-circleImg-wrap {
	grid-template-columns: calc((var(--window-width) - 55px) / 2) calc((var(--window-width) - 55px) / 2);
	grid-template-rows: calc((var(--window-width) - 55px) / 2) calc((var(--window-width) - 55px) / 2) calc((var(--window-width) - 55px) / 2) calc((var(--window-width) - 55px) / 2);
}

.el-circleImg {
	grid-row: 1 / 3;
  	grid-column: 1 / 3;
	width: 100%;
	height: 100%;
}

.el-circleImg2{
  	grid-column: 1;
	grid-row: 3;
	width: 100%;
	height: 100%;
}

.el-circleImg3{
  	grid-column: 2;
	grid-row: 3;
	width: 100%;
	height: 100%;
}

.el-circleImg4{
  	grid-column: 1 / 3;
	grid-row: 4;
	width: 100%;
	height: 100%;
}
}