@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(../plugin/slick/slick.css); @import url(../plugin/slick/slick-theme.css);
@import url(common_parts.css);
@import url(common.css);

/*
 message
==============================*/

/* index-header ----------*/
#index-header { padding: 9rem 2rem 1rem; }
#index-header h1 { margin-bottom: 7rem; color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 10rem; font-weight: 800; font-family: 'Saira Extra Condensed', sans-serif; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header p { color: #FFF; text-align: center; line-height: 2.2; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-header { padding-top: 4rem; }
	#index-header h1 { margin-bottom: 4rem; }
	#index-header h1 .e { font-size: 8rem; }
	#index-header h1 .j { margin-top: 1rem; font-size: 2.4rem; }
	#index-header p { text-align: left; line-height: 1.8; font-size: 1.6rem; }
}

/* mv ----------*/
#mv { width: 100%; height: 40vw; background-image: url(../images/message/mv.jpg); background-repeat: no-repeat; background-position: center top; background-size: cover; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#mv { height: 60vw; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#mv { height: 80vw; }
}

/* index-contents ----------*/
#index-contents {}
#index-contents .w { position: relative; max-width: 128rem; margin: auto; margin-top: -17rem; padding: 6rem 10rem; border-radius: 8rem; background-color: #FFF; }
#index-contents .w h2 { font-size: 3.6rem; padding-right: 25rem; color: #003B80; line-height: 1.6; margin-bottom: 3rem; }
#index-contents .w .name { background-color: #FAF000; padding: 4rem; color: #003B80; position: absolute; right: 10rem; top: -4rem; }
#index-contents .w .name h4 { text-align: center; font-size: 2.4rem; line-height: 1.4; }
#index-contents .w .name p { font-size: 1.6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-contents .w {  padding: 4rem; margin-top: -10rem; }
	#index-contents .w .name { padding: 3rem; right: 4rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-contents .w {  padding: 4rem 3rem; border-radius: 6rem; }
	#index-contents .w h2 { font-size: 3rem; padding-right: 0; }
	#index-contents .w .name { padding: 2rem; right: 2rem; top: -8rem; }
}