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


/*
 interview
==============================*/

/* #mvp ----------*/
#mvp { background-image: url(../_img/interview/mv.png); background-position: left center; }
#mvp .inner::before { display: none; }
#mvp h1 { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
#mvp h1::after { opacity: 0.72; }

/* detail ----------*/
#detail {}
#detail .mpw { position: relative; }
#detail .mpw .c { position: absolute; top: -2.5rem; left: 0; display: inline-block; padding: 1rem 1.5rem 0.6rem; color: #FFF; background-color: #000; line-height: 1; font-size: 3.2rem; font-family: 'Josefin Sans', sans-serif; font-weight: 400; }
#detail .mpw img { width: 100%; }
#detail .profile { position: relative; z-index: 2; margin-top: -6rem; }
#detail .profile .w { position: relative; margin-left: 27%; padding: 3rem; background: rgba(255, 235, 128, 0.89); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
#detail .profile .w::before { position: absolute; z-index: 1; bottom: calc(100% - 0.25em); left: 0; content: "PROFILE"; color: #FFEB80; line-height: 1; font-weight: 300; font-family: 'Josefin Sans', sans-serif; font-size: 6.4rem; }
#detail .profile .w h2 { line-height: 1.4; font-size: 3.6rem; }
#detail .profile .w p { font-size: 2rem; font-weight: bold; }
#detail .contents h2 { margin-top: 10rem; color: #EFAE00; text-align: center; line-height: 1.4; font-size: 4.3rem; font-weight: 500; }
#detail .contents .tbox { margin-top: 8rem; }
#detail .contents .tbox .pw { text-align: center; }
#detail .contents .tbox h3 { color: #E28D06; font-size: 2.4rem; }
#detail .contents .tbox p { margin-top: 4rem; }
#detail .message { position: relative; margin-top: 20rem; padding: 6rem 3rem; background-color: #FFF; box-shadow: inset 2px 4px 8px rgba(2, 2, 2, 0.1); }
#detail .message::before { position: absolute; z-index: 1; bottom: calc(100% - 0.25em); left: 0; content: "MESSAGE"; color: #EFAE00; line-height: 1; font-weight: 300; font-family: 'Josefin Sans', sans-serif; font-size: 9rem; }
#detail .message .w { max-width: 107rem; margin: auto; }
#detail .message .w h2 { color: #EFAE00; line-height: 1.4; font-size: 2.4rem; }
#detail .message .w p { margin-top: 3rem; font-size: 1.6rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#detail .profile .w { margin-left: 5%; padding: 2rem; }
	#detail .profile .w h2 { font-size: 2.8rem; }
	#detail .profile .w p { font-size: 1.8rem; }
	#detail .profile .w::before { font-size: 4rem; }
	#detail .contents h2 { margin-top: 5rem; font-size: 3.4rem; }
	#detail .contents .tbox { margin-top: 4rem; }
	#detail .message { margin-top: 10rem; padding: 3rem; }
	#detail .message::before { font-size: 6rem; }
	#detail .message .w p { margin-top: 2rem; }
}