@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
/* @import url(../_plugin/OwlCarousel/assets/owl.carousel.min.css); @import url(../_plugin/OwlCarousel/assets/owl.theme.default.css); */
/*@import url(../_plugin/lightGallery/css/lightgallery.min.css);*/
/*@import url(../_plugin/Remodal/remodal.css); @import url(../_plugin/Remodal/remodal-default-theme.css);*/
@import url(common_parts.css);
@import url(common.css);


/*
 career
==============================*/

/* #mvp ----------*/
#mvp { background-image: url(../_img/career/mv.jpg); }

/* fs_points ----------*/
#fs_points .tw { background-color: #6FCBF4 !important; min-height: 40rem; }

/* program ----------*/
#program {}
#program .trainings { margin-top: 18rem; }
#program .trainings li { position: relative; display: flex; flex-flow: wrap; margin-top: 4rem; }
#program .trainings li h3 { width: 100%; padding: 1.5rem; color: #FFF; background: linear-gradient(90deg, #4FC7FC 0%, #0081E0 100%); text-align: center; line-height: 1.4; font-size: 2.2rem; }
#program .trainings li .pw { display: block; width: 50%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#program .trainings li .tw { display: block; width: 50%; padding: 5rem 4rem; background-color: #FFF; min-height: 38rem; }
#program .trainings li .tw .pt { position: absolute; top: -3rem; left: 0; display: inline-block; padding: 0.5rem 4rem; color: #FFF; font-family: 'Josefin Sans', sans-serif; }
#program .trainings li .tw .pt > span { position: relative; z-index: 2; display: inline-block; line-height: 1; }
#program .trainings li .tw .pt::after { position: absolute; z-index: 1; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: linear-gradient(90deg, #1C137E 0%, #19659D 100%); -webkit-transform: skew(-30deg); transform: skew(-30deg); }
#program .trainings li .tw .pt .p { font-size: 2rem; font-weight: 500; vertical-align: baseline; }
#program .trainings li .tw .pt strong { font-size: 3.9rem; font-weight: 500; vertical-align: baseline; }
#program .trainings li .tw h4 { font-size: 2.2rem; color: #0F3589; line-height: 1.4; }
#program .trainings li .tw p { font-size: 1.6rem; margin-top: 2rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#program .trainings { margin-top: 10rem; }
	#program .trainings li { display: block; }
	#program .trainings li .pw { width: 100%; padding-top: 60%; }
	#program .trainings li .tw { width: 100%; padding: 3rem; min-height: auto; }
	#program .trainings li .tw .pt { top: -5rem; }
}

/* career ----------*/
#career {}
#career .point { margin-top: 5rem; }
#career .point:first-child { margin-top: 0; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#career .point { margin-top: 3rem; }
}