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


/*
 vol2
==============================*/

/* sec ----------*/
#main h3 { color: #FFAD17; }
.profile .profile_in h4 { color: #FFAD17; }

/* mv ----------*/
#mv .a { background-image: url(../_img/vol2/mv.jpg); }
#mv .a .w { bottom: 70%; left: 75%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol2/mv_sp.jpg); }
	#mv .a .w { top: 26%; left: 13%; }
	#mv .a .w img { width: 65%; }
}

/* cnt_0 ----------*/
#cnt_0 { background-color: #00FFE1; padding-top: 0; padding-bottom: 0; }
#cnt_0 .fix_pw p { top: 8%; right: 8%; width: 50%; }
@media screen and (max-width:1200px) {
	#cnt_0 { padding-top: 4%; }
	#cnt_0 .fix_pw p { position: relative; top: 0; left: 35%; right: 0; width: 60%; }
	#cnt_0 .fix_pw img { margin-top: -20%; }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_0 .fix_pw p {padding-top: 4%; left: 2rem; right: 2rem; width: calc(100% - 4rem); }
	#cnt_0 .fix_pw img { margin-top: 0; }
}

/* cnt_1 ----------*/
#cnt_1 { padding-bottom: 25% !important; background-image: url(../_img/vol2/cnt_1_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }

/* cnt_2 ----------*/
#cnt_2 { margin-top: -1px; background-color: #00FFE1; }
#cnt_2 .w { z-index: 1; width: 22.5%; }
#cnt_2 .w img { margin-top: -10%; margin-left: 233%; }
#cnt_2 .w2 { z-index: 1; width: 87%; }
#cnt_2 .w2 img { margin-top: -6%; margin-left: 2%; }
#cnt_2 .w3 { z-index: 1; width: 24.4%; }
#cnt_2 .w3 img { margin-top: -5%; margin-left: 235%; }
#cnt_2 .w4 { z-index: 1; width: 28%; }
#cnt_2 .w4 img { margin-top: 0%; margin-left: 115%; }
#cnt_2 .tw1 { padding-right: 8%; }
#cnt_2 .tw2 { padding-left: 8%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_2 .tw1 { padding-right: 0; }
	#cnt_2 .tw2 { padding-left: 0; }
}

/* cnt_3 ----------*/
#cnt_3 { background-image: url(../_img/vol2/cnt_3_bg.svg); background-repeat: no-repeat; background-position: center 14%; background-size: contain; }
#cnt_3 .w { z-index: 1; width: 27%; }
#cnt_3 .w img { margin-top: 0%; margin-left: 120%; }
#cnt_3 .pw { padding: 0 15%; }
#cnt_3 .pw img { width: 100%; }
#cnt_3 .pw2 { padding: 0 2%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 { background-position: center 7%; }
}

.fuwafuwa { display: inline-block; transition: 1.5s ease-in-out; animation: fuwafuwa 3s infinite ease-in-out 0s alternate; }
@keyframes fuwafuwa {
  0% { transform: translate(0, 0) rotate(-7deg); }
  100% { transform: translate(0, 0) rotate(7deg); }
}


/*
右から左へ
----------------------------*/
@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: 100rem; }
.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; }
}