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

@import url(normalize.css);
@import url(../../_vendor/fontawesome/css/all.min.css);
@import url(../../_vendor/aos/aos.css);
/*@import url(../../_vendor/OwlCarousel/assets/owl.carousel.min.css); @import url(../../_vendor/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../../_vendor/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);
@import url(common_vol.css);


/*
 vol4
==============================*/

/* sec ----------*/
#main h3 { color: #9700E7; }
.profile .profile_in h4 { color: #9700E7; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#main .sec_header { padding-left: 2rem; padding-right: 2rem; }
}

/* mv ----------*/
#mv .a { background-image: url(../_img/vol4/mv.jpg); background-position: center; }
#mv .a .w { bottom: 50%; left: 68%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol4/mv_sp.jpg); }
	#mv .a .w { top: 36%; left: 8%; }
	#mv .a .w img { width: 65%; }
}

/* cnt_0 ----------*/
#cnt_0 { background-color: #FBD906; }
#cnt_0 .t1 { font-size: 2rem; padding: 0 2rem; max-width: 65rem; margin: auto; }
#cnt_0 .p1 { text-align: center; padding: 8% 2rem 0; }

/* cnt_1 ----------*/
#cnt_1 { padding-bottom: 35% !important; margin-bottom: -1px; background-image: url(../_img/vol4/cnt_1_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#cnt_1 .pw1 { display: flex; padding-left: 8%; padding-right: 8%; padding-top: 8%; }
#cnt_1 .pw1 .p { position: relative; width: 33.3%; }
#cnt_1 .pw1 .w { position: absolute; z-index: 1; }
#cnt_1 .pw1 .p1 {}
#cnt_1 .pw1 .p1 .w { width: 57%; top: -20%; right: -20%; }
#cnt_1 .pw1 .p2 { padding-top: 20%; }
#cnt_1 .pw1 .p2 .w { width: 76%; bottom: 0; left: -70%; }
#cnt_1 .pw1 .p3 { padding-top: 3%; }
#cnt_1 .pw1 .p3 .w { width: 69%; top: 3%; left: -45%; }
#cnt_1 .tw1 { padding: 8% 2rem 0; max-width: 100rem; margin: auto; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_1 .pw1 { flex-flow: wrap; }
	#cnt_1 .pw1 .p { width: 60%; }
	#cnt_1 .pw1 .p2 { padding-top: 0; margin-left: 40%; }
	#cnt_1 .pw1 .p2 .w { width: 76%; bottom: auto; top: -60%; left: auto; right: -10%; }
	#cnt_1 .pw1 .p3 { padding-top: 0; }
	#cnt_1 .pw1 .p3 .w { width: 69%; top: -44%; left: -2%; }
}

/* cnt_2 ----------*/
#cnt_2 { background-color: #FBD906; }
#cnt_2 .tw1 { padding: 0 2rem 0 8%; max-width: 100rem; margin: auto; }
#cnt_2 .tw2 { padding: 8% 8% 0 2rem; max-width: 100rem; margin: auto; }
#cnt_2 .tw3 { padding: 8% 2rem 0 16%; max-width: 100rem; margin: auto; }
#cnt_2 .tw4 { padding: 8% 8% 0 8%; max-width: 100rem; margin: auto; }
#cnt_2 .p1 { text-align: center; padding: 8% 0 0; max-width: 85rem; margin: auto; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_2 .tw1 { padding: 0 2rem 0; }
	#cnt_2 .tw2 { padding: 8% 2rem 0; }
	#cnt_2 .tw3 { padding: 8% 2rem 0; }
	#cnt_2 .tw4 { padding: 8% 2rem 0; }
}

/* cnt_3 ----------*/
#cnt_3 { padding-bottom: 32% !important; margin-bottom: -1px; background-image: url(../_img/vol4/cnt_3_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#cnt_3 .pw1 { padding: 0 2rem; }
#cnt_3 .tw1 { padding: 8% 2rem 0; max-width: 100rem; margin: auto; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 .pw1 { max-width: 37rem; margin: auto; }
}

/* cnt_4 ----------*/
#cnt_4 { background-color: #FBD906; }
#cnt_4 .pw1 { max-width: 85rem; margin: auto; text-align: center; }
#cnt_4 .pw2 { max-width: 85rem; margin: auto; text-align: center; }
#cnt_4 .tw1 { padding: 4% 2rem 8%; max-width: 100rem; margin: auto; }
#cnt_4 .tw2 { padding: 4% 2rem 0; max-width: 100rem; margin: auto; }
#cnt_4 .tw1 h3, #cnt_4 .tw2 h3 { text-align: center; color: #333; font-size: 3rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_4 .pw2 { max-width: 70%; }
	#cnt_4 .pw1 { max-width: 70%; }
}

/* cnt_5 ----------*/
#cnt_5 {}
#cnt_5 .pw1 { max-width: 85rem; margin: auto; text-align: center; padding: 0 2rem; }
#cnt_5 .tw1 { padding: 8% 2rem 0; max-width: 100rem; margin: auto; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_5 .p { width: 60%; margin: auto; margin-bottom: 6%; }
}