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

/*
 grad
==============================*/

/* index-header ----------*/
#index-header { position: relative; z-index: 2; margin-bottom: 3vw; padding: 10rem 2rem 6rem; }
#index-header .inner { position: relative; }
#index-header .inner::before { position: absolute; right: 0; bottom: -16rem; content: ""; width: 21.4rem; height: 31rem; background-image: url(../images/grad/bg.svg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#index-header h1 { color: #FFF; line-height: 1; }
#index-header h1 span { display: block; text-align: center; }
#index-header h1 .e { font-size: 8rem; font-weight: 800; letter-spacing: 0.05em; }
#index-header h1 .j { margin-top: 3rem; font-size: 3.6rem; }
#index-header .bgimg { margin-top: -2rem; text-align: center; }
@media screen and (max-width:1460px) {
	#index-header { background-size: 140%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-header .inner::before { bottom: -13rem; content: ""; width: 21.4vw; height: 31vw; }
}
@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-contents ----------*/
#index-contents {}
#index-contents .w { padding: 8rem 10rem; background-color: #FFF; border-radius: 4rem; }
#index-contents .w .table th { white-space: nowrap; }
#index-contents .btw { text-align: center; margin-top: 6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#index-contents .w { padding: 4rem 5rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#index-contents .w { padding: 3rem 2rem; }
}