@charset "utf-8";

#contents > #what-we-do {}
#contents > #what-we-do > .image {margin:0 -100px; background:#000;}
#contents > #what-we-do > .image > ul {position:relative;}
#contents > #what-we-do > .image > ul > li {position:absolute; left:0; right:0; top:0; bottom:0; opacity:0; animation:slide-image 12s linear 0s infinite;}
#contents > #what-we-do > .image > ul > li > img {display:block; width:100%; height:auto;}
#contents > #what-we-do > .image > ul > li:nth-child(1) {position:relative; animation-delay:0s;}
#contents > #what-we-do > .image > ul > li:nth-child(2) {animation-delay:3s;}
#contents > #what-we-do > .image > ul > li:nth-child(3) {animation-delay:6s;}
#contents > #what-we-do > .image > ul > li:nth-child(4) {animation-delay:9s;}

@keyframes slide-image {
0%  {opacity:0;}
10% {opacity:1;}
25% {opacity:1;}
35% {opacity:0;}
}

#contents > #who-we-are {margin:80px 0 0;}
#contents > #who-we-are > .image {}
html.fac-js-enabled #contents > #who-we-are > .image {width:680px; margin:0 auto;}

#contents > #efforts {margin:40px calc(50% - 50vw) 0; padding:50px calc(50vw - 50%); background:#f2f2f2;}
#contents > #efforts > h1 {font-size:3.4rem; text-align:center;}
#contents > #efforts > section {margin:50px 0 0; padding:40px 0 0; border-top:1px solid #d9d9d9; text-align:left;}
#contents > #efforts > section::after {display:block; content:''; clear:both; height:0;}
#contents > #efforts > section > * {display:block; margin:0 0 0 325px;}
#contents > #efforts > section > h1 {float:left; width:300px; margin:0; font-size:2.8rem;}

@media screen and (max-width:1200px) {
#contents > #efforts {margin-left:-130px; margin-right:-130px; padding-left:130px; padding-right:130px;}
}

@media screen and (max-width:599px) {

#contents > #what-we-do {}
#contents > #what-we-do > .image {margin:0;}
#contents > #what-we-do > .image > ul {}
#contents > #what-we-do > .image > ul > li {}
#contents > #what-we-do > .image > ul > li > img {}
#contents > #what-we-do > .image > ul > li:nth-child(1) {}
#contents > #what-we-do > .image > ul > li:nth-child(2) {}
#contents > #what-we-do > .image > ul > li:nth-child(3) {}
#contents > #what-we-do > .image > ul > li:nth-child(4) {}

#contents > #who-we-are {margin:10vw 0 0;}
#contents > #who-we-are > .image {}
html.fac-js-enabled #contents > #who-we-are > .image {width:80%;}

#contents > #efforts {margin:10vw -30px 0; padding:10vw 30px;}
#contents > #efforts > h1 {font-size:1.7rem;}
#contents > #efforts > section {margin:6.6666vw 0 0; padding:5vw 0 0;}
#contents > #efforts > section::after {}
#contents > #efforts > section > * {margin:0.5em 0 0;}
#contents > #efforts > section > h1 {float:none; width:auto; margin:0; font-size:1.4rem;}

}