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


/*
 vol9
==============================*/

/* sec ----------*/
#main h3 { margin-bottom: 2rem; color: #333; }
#main p { color: #000; font-size: 1.8rem; font-weight: 700; }
#main .secbox { margin-top: 6rem; }
#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 #629F3B; 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: #629F3B; background-color: #FFF; }
#main .voice_list .pe { flex-direction: row-reverse; }
#main .voice_list .pe .inv {}
#main .voice_list .pe .tw { color: #FFF; background: #629F3B; }
.profile .profile_in h4 { color: #629F3B; }
.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; }
	#main .voice_list li .inv { width: 80px; }
	#main .voice_list li .tw { width: calc(100% - 80px); }
	#main .voice_list .ed .inv { margin-right: -3px; }
	}

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

.shadow { box-shadow: 15px 15px 0px 0px rgba(98, 159, 59, 0.30); }
#cnt_2 .shadow { box-shadow: 15px 15px 0px 0px rgba(255, 255, 255, 0.30); }

/* cnt_0 ----------*/
#cnt_0 { background-color: #629F3B; position: relative; background-image: url(../_img/vol9/cnt_0_bg.png); background-repeat: no-repeat; background-position: center top; background-size: contain; }
#cnt_0 .w { padding: 8rem; }
#cnt_0 .lead { color: #FFF; font-size: 2rem; line-height: 1.8; }
#cnt_0 .pw1 { padding-top: 8rem; margin-right: -4rem; column-gap: 4rem; display: flex; }
#cnt_0 .pw1 .p2 { margin-top: 8rem; }
#cnt_0 .pw1 .fix { top: 0; left: -8rem; width: 100%; min-width: calc(100% + 16rem); }
@media screen and (max-width:480px) { /* iPhone 縦 s */
	#cnt_0 .w { padding: 4rem; }
	#cnt_0 .pw1 { margin-right: -2rem; column-gap: 2rem; }
	#cnt_0 .pw1 .p2 { margin-top: 4rem; }
}

/* cnt_1 ----------*/
#cnt_1 {}
#cnt_1 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_1 .secbox2 .fix { top: 0; left: 0; }


/* cnt_2 ----------*/
#cnt_2 {}
#cnt_2 p { color: #FFF; opacity: 0.8; }
#cnt_2 .bg { margin: 0; text-align: center; }
#cnt_2 .sec { background-color: #629F3B; }
#cnt_2 h3 { color: #FFF; border-left: solid 1rem #FAFF00; padding-left: 1rem; }
#cnt_2 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_2 .pw1 { max-width: 68rem; margin: auto; }
#cnt_2 .pw1 .fix1 { bottom: -2rem; left: -5rem; }
#cnt_2 .pw1 .fix2 { bottom: 0; left: 0; }



/* cnt_3 ----------*/
#cnt_3 {}
#cnt_3 h3 { color: #333; border-left: solid 1rem #629F3B; padding-left: 1rem; }
#cnt_3 .w { max-width: 104rem; margin: auto; padding: 0 4rem; }
#cnt_3 .w p { font-weight: bold; opacity: 0.8; }
#cnt_3 .tw { padding-top: 8rem; }
#cnt_3 .pw { display: flex; column-gap: 1rem; margin-right: -1rem;  }
#cnt_3 .pw1 img { width: 50%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 .pw .fix { width: 40%; bottom: -6rem; }
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop, .d-demo { display: -ms-grid; overflow: hidden; }

.d-demo__wrap { display: flex; overflow: hidden; }
.d-demo__list { display: flex; list-style: none; }
.d-demo__list--left{animation: infinity-scroll-left 40s infinite linear 0.5s both; }
.d-demo__list li { width: 40rem; }
.d-demo__list li > img{ width: 100%; }
@media screen and (max-width:1200px) {
	.d-demo__list li { width: calc(100vw * 0.8); }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	.d-demo__list--left{animation: infinity-scroll-left 20s infinite linear 0.5s both; }
}


.fix2 {
	-webkit-animation: katakata steps(1) 5000ms infinite;
	-moz-animation: katakata steps(1) 5000ms infinite;
	-o-animation: katakata steps(1) 5000ms infinite;
	-ms-animation: katakata steps(1) 5000ms infinite;
	animation: katakata steps(1) 5000ms infinite;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-o-animation-delay: 600ms;
	-ms-animation-delay: 600ms;
	animation-delay: 600ms
}

@-moz-keyframes katakata {
	0% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	10% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	20% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	30% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	40% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	100% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}
}

@-webkit-keyframes katakata {
	0% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	10% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	20% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	30% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	40% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	100% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}
}

@-o-keyframes katakata {
	0% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	10% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	20% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	30% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	40% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	100% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}
}

@keyframes katakata {
	0% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	10% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	20% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	30% {
			-webkit-transform: rotate(5deg);
			-moz-transform: rotate(5deg);
			-o-transform: rotate(5deg);
			-ms-transform: rotate(5deg);
			transform: rotate(5deg)
	}

	40% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}

	100% {
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-o-transform: rotate(0);
			-ms-transform: rotate(0);
			transform: rotate(0)
	}
}