@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);


/*
 vol7
==============================*/

/* sec ----------*/
#main h3 { color: #0599D9; margin-bottom: 2rem; }
#main p { color: #000; font-size: 1.8rem; font-weight: normal;  }
.profile .profile_in h4 { color: #0599D9; }
.profile .profile_in p { font-weight: bold !important; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#main .sec_header { padding-left: 2rem; padding-right: 2rem; }
}

/* mv ----------*/
#mv .a { background-image: url(../_img/vol7/mv.jpg); background-position: left 20% center; }
#mv .a .w { bottom: 45%; left: 30%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol7/mv_sp.jpg); background-position: left center; }
	#mv .a .w { bottom: 45%; left: auto; right: 5%; width: 60%; }
	#mv .a .w img { width: 89%; }
}

.shadow { filter: drop-shadow(15px 15px 0px rgba(198, 172, 37, 0.3)); }

/* cnt_0 ----------*/
#cnt_0 { background-color: #FFE767; position: relative; background-image: url(../_img/vol7/cnt_0_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#cnt_0 .w { padding: 8rem; }
#cnt_0 .pw { position: relative; }
#cnt_0 .fix { position: absolute; bottom: 0; left: 0; width: 100%; }
#cnt_0 .lead { color: #000; font-size: 2rem; line-height: 1.8; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_0 .w { padding: 4rem; }
}

/* cnt_1 ----------*/
#cnt_1 {}
#cnt_1 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_1 .w2 { margin-left: calc((100vw - 104rem) / 2); padding: 0 4rem; }
#cnt_1 p { font-weight: bold; }
#cnt_1 .pw { position: relative; margin-top: 8rem; }
#cnt_1 .pw .fix { position: absolute; top: 0; left: 0; width: 100%; max-width: 42rem; }
#cnt_1 .pw2 { width: calc(100% + ((100vw - 104rem) / 2)); }
#cnt_1 h3 { margin-top: 8rem; }
@media screen and (max-width:1024px) { /* iPad 横 l */
	#cnt_1 .pw2 { width: 80%; margin: auto; text-align: center; }
	#cnt_1 .pw2 .fix { left: 0; right: 0; margin: auto; }
	#cnt_1 .pw { margin-top: 0; }
}

/* cnt_2 ----------*/
#cnt_2 {}
#cnt_2 .bg { margin: 0; text-align: center; }
#cnt_2 .sec { background-color: #FFE767; }
#cnt_2 h3 { color: #333; border-left: solid 1rem #FF9900; padding-left: 1rem; }
#cnt_2 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_2 .w p { font-weight: bold; }
#cnt_2 .tw { padding-top: 8rem; }
#cnt_2 .tw:first-child { padding-top: 0; }
#cnt_2 .tw p { margin-top: 4rem; }
#cnt_2 .pw { position: relative; }
#cnt_2 .pw .fix { position: absolute; top: 0; left: 0; }
#cnt_2 .ptw { display: flex; margin-top: 4rem; align-items: start; }
#cnt_2 .ptw.-r { flex-direction: row-reverse; }
#cnt_2 .ptw .pw { width: 40%; }
#cnt_2 .ptw .pw .fix { top: -4rem; left: -2rem; }
#cnt_2 .ptw .t { width: 60%; padding-left: 4rem; }
#cnt_2 .ptw.-r .t { padding-right: 4rem; padding-left: 0; }
#cnt_2 .ptw .t p { margin: 0; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_2 .ptw { display: block; }
	#cnt_2 .ptw .pw { width: 80%; margin: auto; }
	#cnt_2 .ptw .t { width: 100%; margin-top: 4rem; padding-left: 0; padding-right: 0 !important; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_2 h3 { text-align: center; }
}

/* cnt_3 ----------*/
#cnt_3 {}
#cnt_3 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_3 .w p { font-weight: bold; }
#cnt_3 .tw { padding-top: 8rem; }
#cnt_3 .pw { position: relative;  }
#cnt_3 .pw .fix { position: absolute; bottom: -4rem; right: -3rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 .pw .fix { width: 40%; bottom: -6rem; }
}