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


/*
 vol10
==============================*/

/* sec ----------*/
#main h3 { margin-bottom: 2rem; color: #333; }
#main p { color: #000; font-size: 1.8rem; font-weight: 700; }
#main .pw { position: relative; }
#main .pw .fix { position: absolute; }
#main .pw-flex { display: flex; gap: 1rem; margin-right: -1rem; justify-content: space-between; }
#main .voice_list { max-width: 70rem; margin: auto; }
#main .voice_list li { display: flex; margin-top: 2rem; }
#main .voice_list li .inv { width: 110px; }
#main .voice_list li .tw { width: calc(100% - 110px); padding: 3rem; border-radius: 1.5rem; border: 3px solid #9FB3BE; line-height: 1.4; font-size: 1.8rem; font-weight: 700; }
#main .voice_list .ed .inv { margin-right: -4px; z-index: 1; }
#main .voice_list .ed .tw { color: #9FB3BE; background-color: #FFF; }
#main .voice_list .pe { flex-direction: row-reverse; }
#main .voice_list .pe .inv {}
#main .voice_list .pe .tw { color: #FFF; background: #9FB3BE; }
.profile .profile_in h4 { color: #9FB3BE; }
.profile .profile_in p { font-weight: bold !important; }
.loop { width: 100%; height: 36.2rem; background: url(../_img/vol10/cnt_0_img_1.png) repeat-x; background-position: center; animation: bgloop 40s linear infinite; }
@keyframes bgloop {
  from { background-position: 0 0; }
  to { background-position: -128.3rem 0; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#main .sec_header { padding-left: 2rem; padding-right: 2rem; }
	#main .voice_list li .inv { width: 80px; }
	#main .voice_list li .tw { width: calc(100% - 80px); }
	#main .voice_list .ed .inv { margin-right: -3px; }
	.loop { height: 20rem; background-size: auto 20rem; }
}

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

/* cnt_0 ----------*/
#cnt_0 { background-color: #9FB3BE; position: relative; padding-top: 6rem; }
#cnt_0 .w { padding: 4rem 8rem; }
#cnt_0 .lead { color: #FFF; 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.sec { padding-bottom: 0 !important; }
#cnt_1 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_1 .pw1 { padding: 4rem 0; }
#cnt_1 .secbox { display: flex; flex-flow: column; gap: 4rem; }
#cnt_1 .secbox p { margin: 0; }

/* cnt_2 ----------*/
#cnt_2 {}
#cnt_2 p { color: #FFF; }
#cnt_2 .bg { margin: 0; text-align: center; }
#cnt_2 .sec { padding-top: 0;  background-color: #9FB3BE; }
#cnt_2 h3 { color: #FFF; border-left: solid 1rem #65747D; padding-left: 1rem; margin-bottom: 0; }
#cnt_2 .w { max-width: 104rem; margin: auto; padding: 0 4rem; display: flex; flex-flow: column; gap: 8rem; }
#cnt_2 .w::after { display: none; }
#cnt_2 .secbox { display: flex; flex-flow: column; gap: 4rem; }
#cnt_2 .secbox::after { display: none; }
#cnt_2 .secbox p { margin: 0; }

/* cnt_3 ----------*/
#cnt_3 {}
#cnt_3 h3 { color: #333; border-left: solid 1rem #9FB3BE; padding-left: 1rem; }
#cnt_3 .w { max-width: 104rem; margin: auto; padding: 0 4rem; display: flex; flex-flow: column; gap: 8rem; }
#cnt_3 .w::after { display: none; }
#cnt_3 .w p { font-weight: bold; }
#cnt_3 .tw1 { position: relative; display: flex; align-items: center; margin: -17rem 0 -13rem; }
#cnt_3 .tw1 .t1 { width: 60%; }
#cnt_3 .tw1 .pw { width: 40%; }
#cnt_3 .pw { position: relative; }
#cnt_3 .pw .fix { position: absolute; top: 0; left: 0; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 .tw1 { margin: -10rem 0 -13rem; }
}
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_3 .tw1 { display: block; margin: 0; }
	#cnt_3 .tw1 .t1 { width: 100%; }
	#cnt_3 .tw1 .pw { width: 53%; position: absolute; bottom: -20rem; right: 0; z-index: -1; }
	#cnt_3 .pw .fix { top: -8rem; left: 1rem; -webkit-transform: scale(0.9,0.9); transform: scale(0.9,0.9); }

}

/* cnt_4 ----------*/
#cnt_4 {}
#cnt_4 h3 { color: #333; border-left: solid 1rem #9FB3BE; padding-left: 1rem; }
#cnt_4 .w { max-width: 104rem; margin: auto; padding: 0 4rem; display: flex; flex-flow: column; gap: 8rem; }
#cnt_4 .w::after { display: none; }
#cnt_4 .w p { font-weight: bold; }