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


/*
 vol5
==============================*/

/* sec ----------*/
#main h3 { color: #5899AD; margin-bottom: 2rem; }
#main h4 { color: #000; font-size: 2rem; margin-bottom: 1.5rem; }
#main p { color: #000; font-size: 1.8rem; font-weight: normal;  }
.profile .profile_in h4 { color: #5899AD; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#main .sec_header { padding-left: 2rem; padding-right: 2rem; }
}

/* mv ----------*/
#mv .a { background-image: url(../_img/vol5/mv.jpg); background-position: 40% center; }
#mv .a .w { bottom: 50%; left: 60%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol5/mv_sp.jpg); }
	#mv .a .w { top: 50%; bottom: auto; left: 48%; right: 0%; }
	#mv .a .w img { width: 89%; }
}

/* cnt_0 ----------*/
#cnt_0 { background-color: #86C7DC; }
#cnt_0 .w { padding: 8rem; }
#cnt_0 .pw { position: relative; padding-bottom: 10rem; }
#cnt_0 .pw .img1 { position: absolute; bottom: 0; left: -4rem; }
#cnt_0 .pw .img2 { position: absolute; bottom: 0; right: -4rem; }
#cnt_0 .lead { color: #FFF; font-size: 2.4rem; line-height: 2; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_0 .pw .img1 { width: 30%; }
	#cnt_0 .pw .img2 { width: 40%; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_0 .w { padding: 4rem; }
}

/* cnt_1 ----------*/
#cnt_1 { padding-bottom: 35% !important; margin-bottom: -2px; background-image: url(../_img/vol5/cnt_1_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#cnt_1 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_1 .tw { margin-top: 8rem; }
#cnt_1 .twfs { margin-top: 0; }
#cnt_1 .tw1 { padding-right: 8rem; }
#cnt_1 .tw2 { padding-left: 8rem; }
#cnt_1 .pw1 { margin-top: 8rem; }
#cnt_1 .tw3 { display: flex; flex-direction: row-reverse; }
#cnt_1 .tw3 .p { width: 42rem; margin-right: -12rem; }
#cnt_1 .tw3 .t { width: calc(100% - 24rem); margin-right: 6rem; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_1 .tw3 { flex-flow: wrap; }
	#cnt_1 .tw3 .p { width: 100%; margin-right: 0; text-align: center; }
	#cnt_1 .tw3 .t { width: 100%; margin-right: 0; margin-top: 8rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_1 .tw1 { padding-right: 0; }
	#cnt_1 .tw2 { padding-left: 0; }
}

/* cnt_2 ----------*/
#cnt_2 { background-color: #86C7DC; padding-bottom: 0 !important;  }
#cnt_2 h3 { color: #FFF; }
#cnt_2 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_2 .tw { margin-top: 8rem; }
#cnt_2 .twfs { margin-top: 0; }
#cnt_2 .tw1 { padding-right: 8rem; }
#cnt_2 .tw2 { padding-left: 8rem; }
#cnt_2 .pw1 { margin-top: 8rem; text-align: center; }
#cnt_2 .pw2 { margin-top: 8rem; }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_2 .tw1 { padding-right: 0; }
	#cnt_2 .tw2 { padding-left: 0; }
}

/* cnt_3 ----------*/
#cnt_3 {}
#cnt_3 .item_info { padding: 0 4rem; }
#cnt_3 .item_info .w { display: flex; }
#cnt_3 .item_info .w .pw { width: 36%; }
#cnt_3 .item_info .w .tw { width: 60%; margin-left: auto; }
#cnt_3 .item_info .w .tw ul { margin-bottom: 2rem; }
#cnt_3 .item_info .w .tw ul li { display: flex; font-size: 1.8rem; border-bottom:  solid 1px #D9D9D9; padding-bottom: 1rem; margin-bottom: 1rem;  }
#cnt_3 .item_info .w .tw ul li:last-child { border-bottom: none; }
#cnt_3 .item_info .w .tw ul li .t { font-weight: bold; }
#cnt_3 .item_info .w .tw ul li .pr { margin-left: auto; }
#cnt_3 .item_info .w .tw a { font-size: 1.6rem; color: #5899AD; text-decoration: none; }
#cnt_3 .pw1 { max-width: 85rem; margin: auto; text-align: center; 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 .item_info .w { flex-flow: wrap; }
	#cnt_3 .item_info .w .pw { width: 100%; text-align: center; }
	#cnt_3 .item_info .w .tw { width: 100%; margin-left: auto; margin-top: 3rem; }
	#cnt_3 .p { width: 60%; margin: auto; margin-bottom: 6%; }
}