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

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


/*
 index
==============================*/



/* mv ----------*/
#mv { position: relative; overflow: hidden; background-image: url(../img/fpage/mv_01.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#mv .w {}
#mv::before, #mv::after, #mv .w::before, #mv .w::after { content: ""; position: absolute; z-index: 1; height: 100%; }
#mv::before { top: 0; left: 0; width: 100%; background-color: rgba(37, 61, 125, 0.2); }
#mv::after, #mv .w::before, #mv .w::after { -webkit-transform: skew(-60deg); transform: skew(-60deg); -webkit-transform-origin: left top; transform-origin: left top; }
#mv::after { top: 0; left: 0; width: 45%; background-color: rgba(37, 61, 125, 0.9); }
#mv .w::before { top: 0; left: 0; width: 75%; background-color: rgba(37, 61, 125, 0.5); }
#mv .w::after { bottom: 0; right: 0; width: 25%; background-color: rgba(37, 61, 125, 0.9); -webkit-transform-origin: right bottom; transform-origin: right bottom; }
#mv .w h2 { position: relative; z-index: 10; padding: 12rem 0; color: #FFF; font-size: 3rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; line-height: 1.9; letter-spacing: 0.1em; }
@media screen and (max-width:480px) { /* s */
	#mv .w h2 { padding: 2rem 0 14rem; line-height: 1.6; font-size: 5vw; }
	#mv::after { width: 70%; }
	#mv .w::before { width: 100%; }
}

/* workPolicy ----------*/
#workPolicy {}
#workPolicy .policy_list { text-align: center; line-height: 1.4; margin-top: 4rem; }
#workPolicy .policy_list .p { display: block; }
#workPolicy .policy_list .p img { border-radius: 100%; max-width: 20rem;  }
#workPolicy .policy_list .t { font-weight: bold; display: inline-block; margin-top: 2rem; }

/* information ----------*/
#information {}
#information .info_list { max-width: 86rem; margin: auto; }