@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);


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

#body-wrap #main .inner { max-width: 144rem; }
#body-wrap #main .inner-s { max-width: 112rem; }

/* mv ----------*/
#mv { width: 100%; overflow: hidden; padding: 13rem 0 11rem; background-image: url(../_img/index/mv.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#mv .e { color: #FFF; text-align: center; font-size: 3rem; font-weight: 500; font-family: 'Josefin Sans', sans-serif; }
#mv h1 { color: #FFF; text-align: center; font-size: 6.4rem; font-weight: 700; }
#mv h1 br { display: none; }
#mv .j { color: #FFF; text-align: center; font-size: 2.6rem; font-weight: 500; }
#mv .sw { text-shadow: 0px 0px 100px #00619F, 0px 0px 50px #004a78; }
#mv .btw { margin-top: 22rem; text-align: center; }
#mv .btw .bt { padding: 1em 4em; font-size: 2.3rem; }
@media screen and (max-width:1300px) {
	#mv { padding: 13vw 0 11vw; }
	#mv h1 { line-height: 1.6; }
	#mv h1 br { display: block; }
	#mv .btw { margin-top: 22vw; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#mv .e { font-size: 6vw; }
	#mv h1 { margin-right: -8vw; font-size: 12vw; }
}

/* interview ----------*/
#interview { width: 100%; overflow: hidden; }
#interview .w { position: relative; }
#interview .w .pw { position: relative; left: -20%; width: 100%; }
#interview .w .tw { position: absolute; bottom: -6rem; right: 0; width: 57%; padding: 3rem 0 4rem 7rem; }
#interview .w .tw::before { position: absolute; z-index: 1; top: calc(100% - 3px); left: 0; content: "INTERVIEW"; color: #F5CD00; line-height: 1; font-weight: 300; font-family: 'Josefin Sans', sans-serif; font-size: 7rem; }
#interview .w .tw::after { position: absolute; z-index: 1; top: 0; left: 0; content: ""; width: 300%; height: 100%; background: rgba(255, 235, 128, 0.87); }
#interview .w .tww { position: relative; z-index: 2; }
#interview .w .tw h2 { color: #0D0B0B; line-height: 1.4; font-size: 3.8rem; }
#interview .w .tw p { color: #0D0B0B; font-size: 1.8rem; }
#interview .interview_list { padding-right: 17rem; }
#interview .owl-carousel-interview { margin-top: 24rem; }
#interview .owl-stage-outer { overflow: inherit; }
#interview .owl-nav { max-width: 108rem; margin-left: auto; padding-top: 5rem; padding-bottom: 4rem; text-align: right; }
#interview .owl-nav button { margin-left: 6rem; }
#interview .owl-nav button.disabled { opacity: 0.3; pointer-events: none; }
#interview .owl-dots { display: none; }
#interview .btw .bt { min-width: 30.5rem; }
@media screen and (max-width:1700px) {
	#interview .w .pw { left: -10%; }
}
@media screen and (max-width:1300px) {
	#interview .w .pw { left: -5%; }
	#interview .w .tw { bottom: -8rem; width: 80%; padding: 2rem 4rem; }
	#interview .w .tw::before { font-size: 10vw; }
	#interview .w .tw h2 { font-size: 4vw; }
	#interview .interview_list { padding-right: 20%; }
	.interview_list li a .c { font-size: 1.4rem; }
	.interview_list li a .tw { padding: 2rem; }
	.interview_list li a .tw .h { line-height: 1.4; font-size: 1.8rem; }
	.interview_list li a .tw .n { margin-top: 1rem; line-height: 1.4; font-size: 2rem; }
	.interview_list li a .tw .n small { font-size: 1.5rem; }
	#interview .owl-nav { margin-right: -20%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#interview .owl-carousel-interview { margin-top: 3rem; }
	#interview .w .pw { left: -20%; width: 130%; }
	#interview .w .tw { position: relative; top: -8rem; width: 100%; }
	#interview .w .tw::before { top: calc(100% - 2px); }
	#interview .w .tw h2 { font-size: 6vw; }
	#interview .w .tw p { font-size: 1.6rem; }
}

/* news ----------*/
#news {}
#news h2 { display: flex; margin-bottom: 2rem; align-items: center; }
#news h2 span { display: block; color: #FFF; line-height: 1; }
#news h2 .e { font-size: 7rem; font-family: 'Josefin Sans', sans-serif; font-weight: 300; }
#news h2 .j { margin-left: 4rem; font-size: 3.5rem; }
#news .btw { margin-top: 10rem; }
#news .btw .bt { min-width: 30.5rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#news h2 .e { font-size: 6rem; }
	#news h2 .j { font-size: 2rem; }
	#news .btw { margin-top: 5rem; }
}

/* pickups ----------*/
#pickups { position: relative; width: 100%; overflow: hidden; }
.pickup { margin-top: 10rem; }
.pickup:first-child { margin-top: 0; }
.pickup .pw { position: absolute; z-index: 1; left: 55%; width: 45vw; }
.pickup:nth-child(even) .pw { left: calc(((100vw - 110rem) / 2) * -1); }
.pickup .tw { position: relative; z-index: 2; padding-top: 12vw; }
.pickup .tw .w { position: relative; width: 82%; max-width: 78rem; padding: 3rem 4rem 4rem; background: rgba(255, 235, 128, 0.87); }
.pickup:first-child .tw .w { max-width: 86em; }
.pickup:nth-child(even) .tw .w { margin-left: 18%; background: rgba(226, 141, 6, 0.87); }
.pickup .tw .w h2 .e { position: absolute; bottom: calc(100% - 0.27em); left: 0; color: #F5CD00; line-height: 1; font-size: 7rem; font-family: 'Josefin Sans', sans-serif; font-weight: 300; }
.pickup:nth-child(even) .tw .w h2 .e { left: auto; right: 0; color: #EFAE00; }
.pickup .tw .w h2 .j { color: #000; font-size: 3rem; }
.pickup .tw .w p { color: #000; font-size: 1.8rem; }
.pickup:nth-child(even) .tw .w h2 .j { color: #FFF;}
.pickup:nth-child(even) .tw .w p { color: #FFF; }
.pickup .btw { margin-top: 6rem; }
.pickup .btw .bt { width: 100%; min-width: 100%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	.pickup .btw .bt { width: 100%; max-width: 39rem; min-width: auto; }
}
@media screen and (max-width:1024px) { /* iPad 横 l */
	.pickup .tw { padding-top: 25vw; }
	.pickup .pw { left: calc(50% - 20vw); width: 70vw; }
	.pickup:nth-child(even) .pw { left: -2rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	.pickup { margin-top: 5rem; }
	.pickup:first-child { margin-top: 0; }
	.pickup .tw { padding-top: 35vw; }
	.pickup .tw .w { width: 100%; }
	.pickup:nth-child(even) .tw .w { margin-left: 0; }
	.pickup .tw .w h2 .e { font-size: 12vw; }
	.pickup .tw .w h2 .j { font-size: 6vw; }
	.pickup .tw .w p { font-size: 1.6rem; }
	.pickup .pw { left: calc(50% - 30vw); width: 80vw; }
	.pickup .btw { margin-top: 3rem; }
}

/* company ----------*/
#company {}

/* service ----------*/
#service {}

/* career ----------*/
#career {}

/* recruit ----------*/
#recruit {}

/* infograph ----------*/
#infograph { position: relative; width: 100%; overflow: hidden; background-image: url(../_img/index/infograph_bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }

/* lineStamp ----------*/
#lineStamp { background-color: #FFF; }
#lineStamp h2 { text-align: center; border-bottom: solid 2px #000; padding-bottom: 1rem; margin-bottom: 4rem; font-size: 3rem; }
#lineStamp .banner { text-align: center; }
#lineStamp .banner img { width: 100%; max-width: 60rem; }