@charset "utf-8";
/*******************************************************
	Meysen Academy Copyright(c) All Rights Reserved.
*******************************************************/
/* Base.css */
.el-mainVideo-text-wrap { height: 50%; }
.el-mainVideo-title {
	font-size: clamp(1.6rem, 5vw, 3.4rem);
	text-transform: uppercase;
	line-height: 1;
}
	.el-mainVideo-title span { font-size: clamp(1.2rem, 5vw, 2.8rem); }
.el-header-mainNav-listTitle:not(a)::before {
    position: absolute;
    top: 46%;
    right: 0;
    font-family: 'icomoon' !important;
    content: "\ea1c";
    font-size: 14px;
    transform: rotate(90deg);
    transition: all .3s ease-in;
}
main { word-break: break-word; }

/*****************************************************
	ALL
*****************************************************/
html { scroll-padding-top: 125px; }
body { font-family: Helvetica Neue, Hiragino Sans, BIZ UDPGothic, Arial, sans-serif; color: #3B3739; }

header { font-family: var(--en-webfont-bold); }
.bl-header-mainNav-subMenu-wrap a,
.bl-header-mainNav-subMenu-wrap a:visited,
.bl-header-mainNav-subMenu-wrap a:hover,
.bl-header-mainNav-subMenu-wrap a:active { font-family: var(--en-webfont-bold); }

.bl-sideNav { font-family: var(--en-webfont); }

footer { font-family: var(--en-webfont); }
footer .el-footer-mainNav-listTitle,
.el-footer-contact { font-family: var(--en-webfont-bold); }
.el-footer-mainNav-listTitle { margin-bottom: .5rem; }

.el-en-body-header {
	margin: 0 auto 3rem;
	text-align: center;
	 font-family: var(--en-webfont-bold);
	font-size: 3rem;
	line-height: 1.3;
}

.en-title {font-size: 3.5rem !important;}
.en-header {
	font-size: 3rem !important;
	line-height: 1.3;
	font-family: var(--en-webfont-bold);
}
.en-subtitle { font-size: 2rem !important;}

/*****************************************************
	Header
*****************************************************/
/* .bl-headerLogo-wrap { top: 32px; } */

/* .ly-header { background: #fff; } */
	.bl-headerNav-wrap { background: transparent; }
	.bl-header-mainNav-wrap { height: 70px; }
		.ly-header.js-header-scrolled .bl-header-mainNav-wrap { height: 93px; }

	.bl-header-mainNav {
		width: 60%;
		margin: 0 auto;
	}
		.el-header-mainNav-listTitle {
			padding: 29px 1.5rem;
			line-height: 0;
		}
		.bl-header-mainNav-subMenu-wrap {
			bottom: -22px;
			left: -120px;
			width: 100%;
			min-width: 600px;
			max-width: 650px;
			overflow: hidden;
		}
			.ly-header.js-header-scrolled .bl-header-mainNav-subMenu-wrap { bottom: 0; }

		.bl-header-mainNav-subMenu-imgWrap {
			width: 60%;
			max-width: 320px;
			height: 330px;
		}
		.bl-header-mainNav-subMenu-listWrap {
			width: 40%;
			padding: 5%;
		}
			.hp-menu2Line { display: block; }
				.hp-menu2Line span:last-child { display:block; }
				.el-header-mainNav-subMenu-list a {
					font-size: .9rem;
					line-height: 1;
				}

/* SNS & Contact Us */
/* .bl-header-subNav-snsAnch-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	padding-top: 22px;
} */
	.bl-header-snsAnch-wrap {
		min-width: 140px;
		display: flex;
		justify-content: space-around;
		align-items: center;
		margin-right: 1rem;
	}
		.bl-header-snsAnch-wrap a:not(:last-child) { margin-right: 12px; }
		.el-header-snsAnch::before { padding: .5rem 0; }
		.el-header-contact-btn {
			margin: auto 0 auto auto;
			padding: .8rem 2rem .6rem;
			line-height: 1;
		}
		.el-linkJp { font-size: .8rem; }
		.el-linkJp:hover,
		.el-linkJp:active { text-decoration: underline; }

/* Position */
#BambooHR {	padding-bottom: 1rem; }
	#BambooHR p { margin-top: 3.5rem; }
	.BambooHR-ATS-Jobs-Item a:hover { text-decoration: underline;}

/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 1200px) {
	.bl-headerLogo-wrap { top: 15px; }
	.bl-header-mainNav-wrap {
		height: auto;
		margin-top: 0;
	}
		.bl-header-mainNav {
			width: 100%;
			margin-top: 5rem;
		}
	.el-header-mainNav-listTitle {
		width: 90%;
		padding: 24px 1.5rem;
	}
	.bl-header-mainNav-subMenu-listWrap {
		width: 100%;
		padding: 0;
	}
	.bl-header-mainNav-subMenu-wrap { width: 100%; max-width: 100%; }
	.el-header-mainNav-subMenu-list { width: 100%; }
		.el-header-mainNav-subMenu-list a {
			padding-top:1rem;
			padding-bottom:1rem;
		}
		.el-header-contact-btn { margin: 2rem auto 0; }

	.bl-header-snsAnch-wrap .el-linkJp,
	.bl-header-snsAnch-wrap .el-linkJp:visited { color:#fff; }
}

/*****************************************************
	Footer
*****************************************************/
.ly-footer { padding: 2.5rem max(40px, (100% - 1600px) / 2) 2rem; }
.bl-footer-subNav-menu-wrap .el-footer-contact {
	padding: 1rem 2rem .7rem;
	line-height: 1;
}
/*****************************************************
	Index
*****************************************************/
.bl-en_indexGrid {
	width: 100%;
	grid-template-columns: repeat(4, 25%);
	grid-template-rows: calc(var(--window-width) / 3) calc(var(--window-width) / 3) calc(var(--window-width) / 3);
	grid-template-rows: calc(100vh / 3) calc(100vh / 3) calc(100vh / 3);
}
/* Join Us Starts */
#bl-joinus {
	grid-area: 1 / 1 / 3 / 3;
	position: relative;
	background-image: url(../img/en/default/img.jpg);
	background-position: center bottom;
	background-size: cover;
}
	#bl-joinus::after {
		content:"";
		display: inline-block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.3);
		z-index: 4;
		transition: all .5s;
	}
	#bl-joinus:hover::after { background-color: rgba(0,0,0,0.5); }
	#bl-joinus .bl-indexGrid-courseDesc-wrap {
		position: relative;
		width: 100%;
		height: 100%;
		color: #fff;
		font-size: 2rem;
		text-align: center;
		z-index: 6;
	}
	#bl-joinus .el-indexGrid-courseDesc-title {
		margin: auto;
		text-align: center;
	}
	#bl-joinus .hp-sectionTitle-s { font-size: 1.8rem; }

/* About MeySen */
#bl-welcome {
	grid-area: 1 / 3 / 2 / 5;
	position: relative;
	background-image: url(../img/en/default/img2.jpg);
	background-size: cover;
	background-position: center;
	transition: all .3s ease-in;
}
	#bl-welcome::after {
		content:"";
		display: inline-block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(255,255,255,0.6);
		z-index: 4;
		transition: all .5s;
	}
	#bl-welcome:hover::after { background-color: rgba(255,255,255,0.3); }
	#bl-welcome .bl-indexGrid-box__inner {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		color: rgb(var(--season-main-color));
		font-size: 2rem;
		z-index: 6;
	}
	#bl-welcome .bl-indexGrid-box__inner h3 { text-align: center; }

/* Mission starts */
#bl-mission {
	grid-area: 2 / 3 / 3 / 4;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(var(--window-width) / 4);
    transition: all .3s ease-in;
    overflow: hidden;
    background: #fff;
    z-index: 1;
}
	#bl-mission::before {
		position: absolute;
		content: '';
		top: -10%;
		left: -10%;
		width: 120%;
		height: 120%;
		background: radial-gradient(circle at center, rgb(var(--season-main-color)) 50%, rgb(var(--season-sub-color)) 50.5%, rgb(var(--season-sub-color)) 75%, rgba(var(--season-sub-color), .7) 75.5%);
		z-index: -2;
		transition: all .3s ease-in;
		transform: scale(1);
	}
	#bl-mission::after {
		position: absolute;
		content: '';
		top: -25%;
		left: -25%;
		width: 150%;
		height: 150%;
		background: radial-gradient(circle at center, rgb(var(--season-sub-color)) 45%, rgb(var(--season-main-color)) 45.5%, rgb(var(--season-main-color)) 65%, rgba(var(--season-main-color), .7) 65.5%);
		transition: all .3s ease-in;
		transform: scale(0);
		border-radius: 50%;
		mix-blend-mode: multiply;
		z-index: -2;
  	}

  #bl-mission h3 {
	  position: relative;
	  display: flex;
	  flex-direction: column;
	  width: 75%;
	  height: 75%;
	  justify-content: center;
	  align-items: center;
	  color: rgb(var(--season-sub-color));
	  overflow: hidden;
	  z-index: 4;
	  transition: all .3s ease-in;
  }

  #bl-mission:hover::before {
	  transform: scale(3);
	  opacity: 0;
  }
  #bl-mission:hover::after { transform: scale(1); }
  #bl-mission:hover h3 { color: rgb(var(--season-main-color)); }
  #bl-mission:hover h3::after { opacity: 0; }

/* Our Program starts */
#bl-program {
	grid-area: 3 / 1 / 4 / 3;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(var(--window-width) / 2);
	overflow: hidden;
}
	#bl-program::before {
		content: "";
		position: absolute;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(var(--season-main-color), .8) 0%, rgba(var(--season-main-color), .8) 100%), url(../img/en/default/img3.jpg) ;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		transition: all .3s ease-in;
	}
	#bl-program:hover::before {
		background: linear-gradient(to bottom, rgba(59, 55, 57, .75) 0%, rgba(59, 55, 57, .75) 100%), url(../img/en/default/img3.jpg) ;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		transform: scale(1.2);
	}

/* Sendai starts */
#bl-sendai {
	grid-area: 3 / 3 / 4 / 4;
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: calc(var(--window-width) / 4);
	overflow: hidden;
}
	#bl-sendai:before {
		content: "";
		position: absolute;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		background: linear-gradient(to bottom, rgba(59, 55, 57, .75) 0%, rgba(59, 55, 57, .75) 100%), url(../img/en/default/img4.jpg) ;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		transition: all .3s;
	}
	#bl-sendai:hover::before {
		background: linear-gradient(to bottom, rgba(59, 55, 57, .75) 0%, rgba(59, 55, 57, .75) 100%), url(../img/en/default/img4.jpg) ;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		transform: scale(1.2);
	}
/* Side Image starts */
#bl-sideImg {
	grid-area: 2 / 4 / 4 / 5;
    width: calc(var(--window-width) / 4);
    background: url(../img/default/img-area.jpg);
    background-size: cover;
    background-position: center;
}
/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 1200px) {
	.bl-en_indexGrid {
		grid-template-columns: repeat(2, 50%);
		grid-template-rows: repeat(4, 1fr);
	}
	#bl-joinus { grid-area: 1 / 1 / 2 / 3; }
		#bl-joinus .bl-indexGrid-courseDesc-wrap { height: calc(var(--window-width) / 2); }

	#bl-welcome { grid-area: 2 / 1 / 3 / 3; }
	#bl-mission {
		grid-area: 4 / 1 / 5 / 2;
		width: calc(var(--window-width) / 2);
	}
	#bl-program {
		grid-area: 3 / 1 / 4 / 3;
		width: 100%;
	}
	#bl-sendai {
		grid-area: 4 / 2 / 5 / 3;
		width: calc(var(--window-width) / 2);
	}
	#bl-sideImg { display: none; }
}
@media screen and (max-width : 768px) {
	#bl-joinus .hp-sectionTitle-s {
		font-size: clamp(1vw, 5vw, 1.2rem);
	}
}
/*****************************************************
	EN page ALL
*****************************************************/
.el-subPage-titleEl {
	font-family: var(--en-webfont-bold);
	font-size: 2rem;
    line-height: 1.3;
}
.el-subPage-titleEl2 {
	font-family: var(--en-webfont-bold);
	font-size: 3.5rem;
	line-height: 1.1;
}
#pg-academy { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/about/mainVisual.jpg);}
#pg-ourteam { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_team/mainVisual.jpg);}
#pg-ourmission { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_mission/mainVisual.jpg);}
#pg-ourprograms { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_programs/mainVisual.jpg);}
#pg-ourcampuses { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_campuses/mainVisual.jpg); }
#pg-ourhistory { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_history/mainVisual.jpg); }
#pg-application { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/application/mainVisual.jpg); }
#pg-available { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/available_positions/mainVisual.jpg); }
#pg-support { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/support_system/mainVisual.jpg); }
#pg-contact_recruiter { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/contact_recruiter/mainVisual.jpg); }
#pg-faq { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/faq/mainVisual.jpg); }
#pg-living_japan { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/living_japan/mainVisual.jpg); }
#pg-sendai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/living_sendai/mainVisual.jpg); }
#pg-about_sendai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/about_sendai/mainVisual.jpg); }
#pg-contactus { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/contact_us/mainVisual.jpg); }

@media screen and (max-width : 640px) {
	#pg-academy { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/about/sp-mainVisual.jpg);}
	#pg-ourteam { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_team/sp-mainVisual.jpg);}
	#pg-ourmission { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_mission/sp-mainVisual.jpg);}
	#pg-ourprograms { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_programs/sp-mainVisual.jpg);}
	#pg-ourcampuses { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_campuses/sp-mainVisual.jpg); }
	#pg-ourhistory { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/our_history/sp-mainVisual.jpg); }
	#pg-application { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/application/sp-mainVisual.jpg); }
	#pg-available { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/available_positions/sp-mainVisual.jpg); }
	#pg-support { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/support_system/sp-mainVisual.jpg); }
	#pg-faq { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/faq/sp-mainVisual.jpg); }
	#pg-living_japan { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/living_japan/sp-mainVisual.jpg); }
	#pg-sendai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/living_sendai/sp-mainVisual.jpg); }
	#pg-about_sendai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/about_sendai/sp-mainVisual.jpg); }
	#pg-contactus { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(../img/en/contact_us/sp-mainVisual.jpg); }
}
/*****************************************************
	MeySen Academy
*****************************************************/
/* --- About MeySen ---------- */
.el-welcome-msg {
	width: 90%;
    font-size: 2.2rem;
    margin: 0 auto 3rem;
	color:rgb(var(--season-main-color));
	text-align: center;
	font-family: var(--en-webfont-bold);
	line-height: 1.4;
}
/* .el-welcome-msg + p { text-align: center; } */

/* Video Box */
.bl-imgDuo-wrap {
    display: flex;
    width: 100%;
}
.el-imgDuo-item {
	width: 50%;
	margin:0;
	padding:0;
}
.el-imgDuo-item .video-thumb { position: relative; }
.el-imgDuo-item .el-imgDuo-txt {
	position: absolute;
	bottom:24px;
	left:32px;
	color:#fff;
	font-weight: 600;
	z-index: 10;
}
/* --- Our Team ---------- */
.bl-startComment {
	width: 80%;
	margin:auto;
	padding: 6% 6.5% 3%;
	text-align: center;
}
	.bl-startComment p{ text-align: center; }

.el-msgTitle {
	font-size: 2.2rem;
    margin-bottom: 1.5rem;
	color: rgb(var(--season-main-color));
}
.bl-scripture-box {
	display: flex;
	margin:3rem 0;
}
.bl-scripture-box figure {
	width: 45%;
	height: 100%;
	max-height: 700px;
	object-fit: cover;
	object-position: 0% 0%;
	margin: auto;
	margin-left: 6%;
	overflow: hidden;
}
	.bl-scripture-box figure img { width: 100%; }

	.el-quote {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50%;
		margin-top: 5rem;
		margin-bottom: 5rem;
		text-align: center;
		font-family: "FOT-クレー Pro DB";
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	.el-quote::before  {
		position: absolute;
		top: -2rem;
		left: 49%;
		min-width: 48px;
		content:"\f040";
		font-family: 'MeySenIcon';
		font-size: 2.3rem;
		color: rgb(var(--season-main-color));
		transform: translateX(-50%);
		transform: rotate(180deg);
	}
	.el-quote::after {
		position: absolute;
		bottom: -2rem;
		left: 49%;
		min-width: 48px;
		content:"\f040";
		font-family: 'MeySenIcon';
		font-size: 2.3rem;
		color: rgb(var(--season-main-color));
		transform: translateX(-50%);
	}
.el-greeting-name {
	text-align: left;
	margin-top: 2rem;
	font-size: 1.2rem;
	font-weight: 300;
}
.ly-greeting-df {
	display: flex;
	margin:3rem 0;
}
	.ly-greeting-df figure {
		width: 45%;
		height: 100%;
		max-height: 700px;
		object-fit: cover;
		object-position: 0% 0%;
		margin: auto;
		margin-right: 5rem;
		overflow: hidden;
	}
		.ly-greeting-df figure img { width: 100%; }
		.ly-greeting-df .bl-sticky-textBox { width: 60%; }

/* Team */
.bl-teamleaders-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 80%;
	margin:0 auto 3rem;
}
.bl-teamleaders-content .bl-teamleaders-multi {
	display: flex;
	justify-content: space-between;
}
.bl-teamleaders-wrap .bl-teamleaders-content h4 {
	font-size: clamp(16px, 1.9vw, 2rem);
	font-weight: 600;
	line-height: 1.4;
}
	.bl-teamleaders-wrap .bl-teamleaders-content:nth-child(-n+2) h4 {
		margin-bottom:1rem;
		padding-top:16px;
		text-align: center;
	}
	.bl-teamleaders-wrap .bl-teamleaders-content:nth-child(n+3) h4 {
		min-height:40px;
		margin-bottom:1rem;
		text-align: center;
	}

.bl-teamleaders-wrap .bl-teamleaders-content figure { width:100%; margin: 0; }
.bl-teamleaders-wrap .bl-teamleaders-content figcaption { margin-top: 1rem; }
	.bl-teamleaders-wrap .bl-teamleaders-content img { width: 100%; }

.bl-en-principal {
	width: 33%;
	margin-right: 2%;
	padding:0;
	padding-right: 2%;
	border-right: solid 1px #555;
}

.bl-en-principal:first-of-type {
	display: flex;
	flex-direction: column;
	padding-top: calc(clamp(16px, 1.9vw, 2rem) * 1.4 + 16px + 1rem);
}

.bl-teamleaders-wrap .bl-en-principal h4 { padding-top:0; }
.bl-kinfc-director {
	width: 65%;
	padding:0;
}
	.bl-teamleaders-wrap .bl-kinfc-director figure { width: 48%; }

.bl-premier-director {
	width: 65%;
	margin-top:64px;
	padding:0;
}
	.bl-teamleaders-wrap .bl-premier-director figure { width: 48%; }

.bl-training-director {
	width: 33%;
	margin-top:64px;
	margin-left: 2%;
	padding:0;
	padding-left: 2%;
	border-left: solid 1px #555;
}
/* --- Our Mission ---------- */
.el-topbg-mainColor {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgb(var(--season-main-color)) 70%);
}
.el-topbg-mainColor .bl-pageIntro-imgCutIn { color:#fff; }

.bl-pageIntro-imgCutIn h3 {
	margin: 1.5rem auto;
	font-size: 3.5rem;
}
.el-dualRow-en-title {
	color:rgb(var(--season-main-color));
	font-size: 1.2rem;
	font-weight: 600;
}
.el-dualRow-en-titleNormal {
	margin-bottom: .6em;
	font-size: 1.3rem;
	font-weight: 600;
}
.el-dualRow-en-text { margin-bottom:2.5rem; }

.bl-dualRow-textBox.en-style {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 0rem 3rem 0rem 5%;
}

.bl-dualRow-textBox.en-style .el-dualRow-en-text { margin-bottom: 0; }

/* --- Our Programs ---------- */
/* Programs */
.bl-rowBox-wrap {
	display: flex;
	justify-content: space-between;
}
	.bl-rowBox-wrap:not(:first-of-type) { margin-top:80px; }

.bl-rowBox-img { width: 45%; }
	.bl-rowBox-img img { width: 100%; }

.bl-rowBox-text {
	width: 55%;
	margin-right: 4rem;
}
	.bl-rowBox-text h4 {
		margin-bottom: 1rem;
		font-family: var(--en-webfont-bold);
		font-size: 1.6rem;
	}
		.bl-rowBox-text h4 span { font-size: 1.3rem; }

/* Curriculum */
.ly-bgSubcolor-cen {
	margin:auto;
	padding:5% 6.5% 8%;
	color:#fff;
	background-color:rgb(var(--season-sub-color));
}
	.bl-bgSubcolor-content {
		width: 90%;
		margin:auto;
	}
		.ly-bgSubcolor-cen-title {
			font-size: 2rem;
			text-align: center;
		}
		.ly-bgSubcolor-cen-explain {
			margin:1.5rem auto 1.7rem;
			text-align: center;
		}
		.ly-bgSubcolor-cen .js-course-slick { margin-bottom:64px; }
		.el-gSubcolor-title {
			margin:80px 0 16px;
			font-size: 1.5rem;
			line-height: 1.4;
		}
		.ly-bgSubcolor-cen a,
		.ly-bgSubcolor-cen a:visited { color:rgb(var(--season-main-color)); }

		.ly-bgSubcolor-cen a:hover,
		.ly-bgSubcolor-cen a:active { text-decoration: underline; }

/* Our Campus */
.bl-campus-info-wrap {
	display: flex;
	width: 100%;
	max-height: 600px;
}
.el-campus-movie, .el-campus-map {
	width: calc(var(--window-width) / 2);
	height: calc(var(--window-width) / 2);
	max-height: 600px;
}

#maruyama-movie {
	background: url(../img/en/our_campuses/img.jpg);
	background-size: cover;
	background-position: center;
}
	#maruyama-movie::after,
	#takamori-movie::after { background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%); }

#takamori-movie {
	background: url(../img/en/our_campuses/img2.jpg);
	background-size: cover;
	background-position: center;
}
	#maruyama-map::after,
	#takamori-map::after { background: linear-gradient(to bottom, rgba(227, 224, 220, .85) 0%, rgba(227, 224, 220, .85) 100%); }
	#maruyama-map:hover::after,
	#takamori-map:hover::after { background: linear-gradient(to bottom, rgba(var(--season-main-color), .85) 0%, rgba(var(--season-main-color), .85) 100%); }

.popup-image {
	display: flex;
	margin: auto;
	max-width: 100%;
}
.js-popup-img .icon-plus {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border: solid 2px rgb(var(--season-main-color));
	transform: translate( -50%, -50%);
	transition: all .3s ease-in;
	z-index: 12;
}
	.js-popup-img .icon-plus::before {
		position: absolute;
		top: 50%;
		left: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		background: transparent;
		font-size: 1.5rem;
		color: rgb(var(--season-main-color));
		transform: translate( -50%, -50%);
		transition: all .3s ease-in;
	}
	.js-popup-img:hover .icon-plus { border:solid 2px #fff;	}
	.js-popup-img:hover .icon-plus::before { background: #fff; }

.el-campus-movie p {
  	position: absolute;
  	top: max(7%, 2rem);
	left: max(5.5%, 1.5rem);
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.5em;
	z-index: 15;
	transition: all .3s ease-in;
}
	.el-campus-movie p { color: #fff; }
		.el-campus-movie p span,
		.el-campus-map p span {
			font-size: 1rem;
			line-height: 0;
		}

/* FAQ */
.el-answer-subtitle {
	margin-bottom:.3rem;
	font-size: 1.1rem;
	font-weight: 600;
}

/* HISTORY */
.bl-history-textWrap::after {
	position: absolute;
	top: -1px;
	right: -65px;
	content: '';
	width: 50px;
	height: 2px;
	background: rgb(var(--season-main-color));
	z-index: 5;
}

.bl-history-juncutre.hp-continue-arrow {
	position: relative;
}

.bl-history-juncutre.hp-continue-arrow::after {
	position: absolute;
	content: '';
	bottom: -5px;
	right: calc( 50% - 7px);
	border-right: 8px solid transparent;
	border-top: 13.22875px solid rgb(var(--season-main-color));
	border-left: 8px solid transparent;
	}

/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 960px) {
	/* --- Our Team ---------- */
	.bl-teamleaders-wrap { width: 90%; }
		.bl-teamleaders-wrap .bl-teamleaders-content h4 { font-size: 1.2rem; }

	.el-quote::before  { top: -4rem; }
	.el-quote::after { bottom: -4rem; }

}
@media screen and (max-width : 768px) {
	.el-welcome-msg {
		font-size: 1.5rem;
		margin-bottom: 3rem;
	}

	.bl-fullWidth-flex,
	.bl-fullWidth-flexReverse { flex-direction: column; }
	.bl-imgDuo-wrap { flex-direction: column; }
	.el-imgDuo-item,
	.bl-dualRow-img {
		width: 100%;
		line-height: 0;
	}
	.bl-dualRow-textBox {
		width: 100%;
		padding: 3rem 2.5rem;
	}
	.bl-dualRow-textBox-startTop {
		width: 100%;
		padding: 2rem 1.5rem;
	}
	.bl-dualRow-textBox.en-style { padding: 1.5rem 2rem; }
	/* --- Our Team ---------- */
	/* .bl-teamleaders-wrap .bl-teamleaders-content h4 {font-size: 1rem; } */
	.el-quote {
		width: 50%;
		margin-top: 5rem;
		margin-bottom: 5rem;
		font-size: 1.1rem;
		line-height: 1.6em;
	}

	/* Programs */
	.el-sectionTitle { text-align: center; }
	.bl-rowBox-wrap { flex-direction: column-reverse; }
		.bl-rowBox-img {
			width: 100%;
			margin: auto;
		}
		.bl-rowBox-text {
			width: 100%;
			margin-top: 1.5rem;
			margin-right: 0;
		}
		.bl-rowBox-text h4 { text-align: center; }

	/* --- Our Campus ---------- */
	.bl-campus-info-wrap {
		display: flex;
		flex-direction: column;
		max-height: none;
	}
	.bl-campus-info-wrap:last-of-type {	flex-direction: column; }
	.el-campus-movie,
	.el-campus-map {
		width: var(--window-width);
		height: var(--window-width);
		max-height: 600px;
	}
	.el-campus-movie p, .el-campus-map p {
		top: max(5%, 1rem);
		left: max(5%, 1rem);
		font-size: 1.2rem;
	}
}
@media screen and (max-width : 640px) {
	.el-subPage-titleEl { font-size: 1.8rem; }
	.el-subPage-titleEl2 { font-size: 2.2rem; }

	/* --- Our Team ---------- */
	.bl-startComment { width: 90%; }

	.bl-scripture-box,
	.ly-greeting-df { flex-direction: column; }
		.el-quote {
			width: 90%;
			margin: 2rem auto 6rem;
		}
		.bl-scripture-box figure {
			width: 80%;
			margin-left: 0;
			margin: 0 auto;
		}
		.ly-greeting-df figure {
			width:80%;
			margin: 0 auto 32px;
		}
			.ly-greeting-df .bl-sticky-textBox {
				width: 90%;
				margin: auto;
			}
	/* Curriculum */
	.ly-bgSubcolor-cen,
	.ly-contentWide { padding:10% 6.5%; }
}
@media screen and (max-width : 480px) {
	.bl-dualRow-textBox { padding: 3rem 2rem; }

	/* --- Our Team ---------- */
	.el-quote {	width: 100%; font-size: 1rem; }

	.bl-teamleaders-wrap,
	.bl-teamleaders-multi {
		flex-direction: column;
		align-items: center;
	}
	.bl-teamleaders-wrap .bl-en-principal {
		width: 75%;
		margin: auto;
		padding-right: 0;
		border-right: 0;
	}
	.bl-teamleaders-wrap .bl-en-principal figure { margin-bottom:64px; }
	.bl-kinfc-director,
	.bl-premier-director {
		width: 96%;
		margin: auto;
	}
	.bl-teamleaders-wrap .bl-kinfc-director figure,
	.bl-teamleaders-wrap .bl-premier-director figure {
		width: 75%;
		margin-bottom:64px;
	}
	.bl-training-director {
		width: 75%;
		margin-top: 0;
		margin: auto;
		padding: 1rem 0;
		padding-left: 0;
		border-left: 0;
	}
	.bl-teamleaders-wrap .bl-teamleaders-content figcaption {
		margin-top: 0;
		font-size: .9rem;
	}
	.bl-teamleaders-wrap .bl-teamleaders-content h4,
	.bl-teamleaders-wrap .bl-teamleaders-content:nth-child(-n+2) h4 {
		min-height: 30px;
		margin-bottom: .5rem;
		font-size: 1.2rem;
		text-align: center;
	}
	.bl-teamleaders-wrap .bl-teamleaders-content:nth-child(n+3) h4 { margin-bottom: 0; }
}
/*****************************************************
	Join Our Team
*****************************************************/
/* --- Application Process ----------------------- */
.el-stepTitle {
	font-size: 1.8rem;
	margin-bottom:1.5rem;
}
.el-stepTitle:not(:first-child) { margin-top:3rem; }

.bl-linkarea {
	display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
	grid-auto-flow: dense;
}

.bl-linkBlock {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 3.5rem 2rem;
}

.bl-linkBlock:first-of-type {
	background: rgb(var(--season-main-color));
}

.bl-linkBlock:last-of-type {
	background: rgb(var(--season-sub-color));
}

	.bl-linkarea h4 {
		margin-bottom:1.5rem;
		font-family: var(--en-webfont-bold);
		font-size: 2rem;
		color: #fff;
		text-align: center;
	}
	.bl-linkarea a, .bl-linkarea a:visited {
		padding:1rem 1.5rem;
		color:#fff;
		border:solid 1px #fff;
		border-radius:2rem;
		text-align: center;
	}
		.bl-linkarea a:hover,
		.bl-linkarea a:active {
			color:rgb(var(--season-main-color));
			background-color:#fff;
		}

		.bl-linkBlock:last-of-type a:hover,
		.bl-linkarea:last-of-type a:active {
			color:rgb(var(--season-sub-color));
			background-color:#fff;
		}

/* Available Positions */
.bl-imgDuo-gap-wrap { grid-gap: 0; }
.el-preFooter-anch {  height: auto; }
#living-japan {
	min-height: 370px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(../img/en/available_positions/img4.jpg);
}
#living-sendai {
    min-height: 370px;
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(../img/en/available_positions/img5.jpg);
}
#BambooHR .BambooHR-ATS-board h2 {
	color:rgb(var(--season-main-color));
	font-size: 1.8rem;
	font-weight: 600;
}
	#BambooHR .BambooHR-ATS-Department-Header {
		margin-left:1rem;
		margin-bottom:.6rem;
		font-size: 1.3rem;
		font-weight: 600;
	}
	#BambooHR-ATS .BambooHR-ATS-board ul ul { margin-top:2rem; }
	.BambooHR-ATS-board ul.BambooHR-ATS-Department-List { padding:2rem 0; }
		.BambooHR-ATS-board ul.BambooHR-ATS-Department-List li { margin-bottom:1.2rem!important; }
		#BambooHR-ATS .BambooHR-ATS-board a {
			color:rgb(var(--season-main-color));
			font-size: 1rem;
			font-weight: 300;
			line-height: 1.5;
		}
		#BambooHR-ATS .BambooHR-ATS-board a:hover,.BambooHR-ATS-board a:active {
			font-weight: 600;
			text-decoration: underline;
		}

/* Support System */
.el-topbg-subColor {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 65%, rgb(var(--season-sub-color)) 65%);
}
	.el-topbg-subColor .bl-pageIntro-imgCutIn { color:#fff; }
	.el-pageIntro-imgAfter {
		width: 80%;
		margin: 0 auto 5rem;
	}
	#support_system .el-pageIntro-imgCutIn { margin: -7rem auto 3rem; }

/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 960px) {
	/* Support System */
	#support_system.el-topbg-mainColor {
		background: linear-gradient(0deg, rgba(255,255,255,1) 60%, rgb(var(--season-main-color)) 60%);
	}
}
@media screen and (max-width : 640px) {
	/* Application Process */
	.el-stepTitle {
		font-size: 1.5rem;
		margin-bottom: 1rem;
		line-height: 1.1;
	}
	.bl-linkarea h4 {
		margin-bottom: 1.5rem;
		font-size: 1.8rem;
	}
	/* Available Positions */
	#living-japan,
	#living-sendai { min-height: 300px; }

	/* Support System */
	.el-topbg-subColor { background: linear-gradient(0deg, rgba(255,255,255,1) 62%, rgb(var(--season-sub-color)) 62%); }
	.bl-pageIntro-imgCutIn { padding-bottom: 9rem; }
}
@media screen and (max-width : 480px) {
	/* Available Positions */
	#living-japan,
	#living-sendai { min-height: 240px; }

	#BambooHR-ATS .BambooHR-ATS-board .BambooHR-ATS-Location {
		float: none;
		display: block;
		padding-top: 4px;
	}
}

/*****************************************************
	More Info
*****************************************************/
.bl-address-wrap {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 5rem 0 5rem 6.5%;
}
	.bl-addres-text { margin-right: 2rem; }
		.bl-addres-text .el-sectionTitle { margin-bottom:0; }
		.bl-addres-text .el-sectionTitle:last-of-type { margin-top:3rem; }

		.bl-addres-text a,
		.bl-addres-text a:visited { color:#0E8FD3; }

		.bl-addres-text a:hover,
		.bl-addres-text a:active {
			color:#0c7FD0;
			text-decoration: underline;
		}

.bl-addres-img { width: 60%; }
	.bl-addres-img img { width: 100%; }

/* Form Layout */
.bl-contactRecruiter-wrap {
	width: 90%;
	margin:auto;
}
	.bl-contactRecruiter-wrap .ly-form-section {
		width: 100%;
		margin:3rem 0 1rem;
	}

	.bl-contactRecruiter-wrap .ly-form-section input,
	.bl-contactRecruiter-wrap .ly-form-section textarea {
		width: 100%;
		background-color:#EFEDEB;
	}

	.ly-form-box-name {
		display:flex;
		justify-content: space-between;
		width: 100%;
		margin-bottom:1.2rem;
	}
	.ly-form-multiRow-box { width: 49%; }
		.ly-form-multiRow-box input { width: 95%; }

	.ly-form-box-email { margin-bottom:1.2rem; }
		.ly-form-box-email .ly-form-multiRow input { width: 49%; }
		.ly-form-box-emailRadio {
			margin:2rem 0;
			font-size: .9rem;
		}
			.ly-form-box-emailRadio .ly-input-radio input { width: 1px; }

		.el-email-detail { width: 49%; }

		.ly-form-box-comment textarea { width: 100%; }

	.ly-form-send-area {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-top: 0;
	}

	.bl-thankyou__inner,
	.bl-thankyou__inner h4,
	.bl-thankyou__inner p { text-align: center; }

/* Accordion */
.el-tabbox-title {
	margin-bottom:.5rem;
	font-weight: 600;
	text-decoration: underline;
}
	.el-textTab-content a {
		position: relative;
		z-index: 999;
	}
/* Living in Japan */
#living_japan.el-topbg-mainColor {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgb(var(--season-main-color)) 30%);
}
	#living_japan .el-pageIntro-imgCutIn { margin: -7rem auto 1rem; }

	a.hp-linkColor-blue,
	a.hp-linkColor-blue:visited { color:#0E8FD3; }

	a.hp-linkColor-blue:hover,
	a.hp-linkColor-blue:active {
		color:#0c7FD0;
		text-decoration: underline;
	}

/* About Sendai */
#about_sendai.el-topbg-mainColor {
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgb(var(--season-main-color)) 70%);
}
#about_sendai .bl-pageIntro-imgCutIn { padding: 3.5rem 10% 1rem; }
#about_sendai .ly-contentWide .bl-table-wrapSimple.hp-width100 th { width: 45%; }

/* Contact */
.ly-contact-area {
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin:auto;
}
	.ly-contact-campus { width: 45%; }
		.ly-contact-campus img { width: 100%; }
	.el-name {
		margin:.5em 0;
		font-size: 1.2rem;
	}
		.el-map a,
		.el-map a:visited,
		.el-map a:hover,
		.el-map a:active {
			color:rgb(var(--season-main-color));
			font-size:.9em;
			font-weight:600;
		}
		.el-map a:hover,
		.el-map a:active { text-decoration: underline; }

	/* Form */
	#contactus .bl-contactRecruiter-wrap { width: 70%; margin:auto; }
	#contactus .ly-form-box-email { width: 49%; }

/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 960px) {
/*ALL*/
.en-title { font-size: 2.5rem !important; }
	.el-en-body-header {
  		font-size: 2rem;
		line-height: 1.3;
	}

.en-header { font-size: 2rem !important; line-height: 1.3; }
.en-subtitle { font-size: 1.5rem !important; }
	.bl-linkarea {
		width: 100%;
    	grid-template-columns: 1fr;
    	grid-gap: 1rem;
	}

	/* Contact */
	.ly-contact-area,
	#contactus .bl-contactRecruiter-wrap { width: 90%; }
}
@media screen and (max-width : 768px) {
	/* Contact Reqruiter */
	.bl-addres-text { margin: 1rem 2rem; }
	.bl-addres-text .el-sectionTitle { text-align: left; }

	/* Form Layout */
	.ly-form-box-email .ly-form-multiRow {
		flex-direction: column;
		align-items: flex-start;
	}
	.ly-form-box-emailRadio { margin-top:1rem; margin-left: 0; }

	/* Living in Japan */
	#living_japan.el-topbg-mainColor {
		background: linear-gradient(0deg, rgba(255,255,255,1) 15%, rgb(var(--season-main-color)) 15%);
	}
}
@media screen and (max-width : 640px) {
	/* Contact Reqruiter */
	.bl-address-wrap {
		flex-direction: column;
		align-items: center;
		padding: 5rem 0 3rem;
	}
	.bl-addres-img {
		width: 80%;
		margin-top:1.5rem;
	}
	.bl-addres-text .el-sectionTitle:last-of-type {	margin-top: 1rem; }

	/* Living in Japan */
	#living_japan .el-pageIntro-imgCutIn { margin: -5rem auto 1rem; }

	/* About Sendai */
	#about_sendai.el-topbg-mainColor {
		background: linear-gradient(0deg, rgba(255,255,255,1) 62%, rgb(var(--season-main-color)) 62%);
	}
	#about_sendai .ly-contentWide .bl-table-wrapSimple.hp-width100 th { width: 100%; }

	/* Form */
	.el-email-detail { width: 100%; }

	/* Contact */
	.ly-contact-area,
	#contactus .bl-contactRecruiter-wrap { flex-direction: column; }
	.ly-contact-campus {
		width: 100%;
		margin-bottom:2rem;
	}
}
@media screen and (max-width : 480px) {
/*ALL*/
.en-title { font-size: 2.2rem !important; }
.el-en-body-header { font-size: 1.7rem; }
.en-header { font-size: 1.7rem !important; }
.en-subtitle { font-size: 1.3rem !important; }

	.el-sectionTitle.hp-fontLarge {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}
	.ly-contentWide:last-child { padding: 8% 6.5%; }

	/* Form */
	.bl-contactRecruiter-wrap { width: 100%; }
	.bl-contactRecruiter-wrap .ly-form-section { margin-top:2rem; }

	.ly-form-box-name {	flex-direction: column; }
	.ly-form-box-name .ly-form-multiRow-box:first-child { margin-bottom:1rem; }
	.ly-form-multiRow-box {	width: 100%; }
		.ly-form-box-email .ly-form-multiRow input { width: 100%; }
		.ly-form-box-emailRadio .ly-input-radio { display: inline-block; }

	/* Contact */
	#contactus .ly-form-box-email {	width: 100%; }
}

/*****************************************************
	Common
*****************************************************/
/* Button */
.el-btnAttach-file {
	position: relative;
	display: flex;
	width: max-content;
	width: fit-content;
	justify-content: center;
	align-items: center;
	background:  rgb(var(--season-main-color));
	padding: .5rem 5rem .5rem 1.5rem;
	border: 0px;
	border-radius: 3rem;
	color: #fff;
	cursor: pointer;
}
.el-btnAttach-file:hover,
.el-btnAttach-file:active { background: rgb(var(--season-sub-color)); }

.el-btnAttach-file::after {
	position: absolute;
    content: 'PDF';
    bottom:50%;
    right: 1.2rem;
	display: flex;
	align-items: center;
	height: 100%;
	margin-left: 1rem;
	padding-left: .7rem;
    border-left: 2px solid #fff;
	transform: translateY(50%);
}
/* HeadLine */
h3 {
	font-family: var(--en-webfont-bold);
	font-size: 2.2rem;
	line-height: 1.1;
}

.el-sectionTitle { font-size: 1.8rem; }
.el-sectionTitle.hp-maincolor { color:rgb(var(--season-main-color)); }
.el-sectionTitle.el-strongMsg {
	margin-bottom:1rem;
	font-size: 2.3rem;
	text-align: center;
	font-family: var(--en-webfont-bold);
	line-height: 1.1;
}
.el-sectionTitle.hp-fontLarge { font-size: 2.3rem; }
.el-anchTitle {
    font-size: clamp(1vw, 10vw, 2rem);
    line-height: 1.1;
	z-index: 100;
}
/* List */
ul.el-ul-styleDisc {
	margin-top: 1.5rem;
	margin-left:1.8rem;
}
	ul.el-ul-styleDisc li {
		list-style-type:disc;
		margin-bottom:1rem;
	}

/* Text */
.el-section-explain {
	margin-bottom:7rem;
	text-align: center;
}
.hp-underline{ text-decoration: underline; }