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

#pg-friend { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/mainVisual.jpg); }
#pg-friend-aevents { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/aevents/mainVisual.jpg); }
#pg-friend-usa { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/usa/mainVisual.jpg); }
#pg-friend-kansai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/kansai/mainVisual.jpg); }
#pg-friend-en_curriculum {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/en_curriculum/mainVisual.jpg); }
#pg-friend-faq {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/faq/mainVisual.jpg); }

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

td a { color: #1F5DAF; }
td a:hover,td a:active {
	text-decoration: underline;
}
#en_curriculum .el-preFooter-anch,
#faq .el-preFooter-anch{
	padding-top: calc(100% - 1rem);
}

#en_curriculum .el-preFooter-anch::after,
#faq .el-preFooter-anch::after{
	margin-top: -100%;
}
@media not all and (min-resolution:.001dpcm){
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		#en_curriculum .el-preFooter-anch::after,
			#faq .el-preFooter-anch::after {
			margin-top: -50%;
		}
	}
}
#us-trip {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/friend/en_curriculum/img2.jpg);
}

#long-term {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/friend/en_curriculum/img3.jpg);
}

#en_curriculum:not(.bl-contain-solidContent) {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/friend/faq/img.jpg);
}

#faq #long-term{
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/friend/faq/img2.jpg);
}
/*------------------------------------------------------------------
	Mobile
-------------------------------------------------------------------*/
@media screen and (max-width : 768px) {
	#en_curriculum .el-preFooter-anch, #faq .el-preFooter-anch { padding-top: 30%; }
	#en_curriculum .el-preFooter-anch::after, #faq .el-preFooter-anch::after { margin-top: -30%; }
}
@media screen and (max-width : 640px) {
	#pg-friend { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .4) 100%), url(/img/friend/sp-mainVisual.jpg); }
	#pg-friend-aevents { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/aevents/sp-mainVisual.jpg); }
	#pg-friend-usa { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/usa/sp-mainVisual.jpg); }
	#pg-friend-kansai { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/kansai/sp-mainVisual.jpg); }
	#pg-friend-en_curriculum { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/en_curriculum/sp-mainVisual.jpg); }
  	#pg-friend-faq { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), url(/img/friend/faq/sp-mainVisual.jpg); }
}
@media (max-width: 480px){
	.hp-mt-spacer { margin: 16px 0 8px 0; }
}