@charset "UTF-8";
/*---------------------
セクション名
----------------------*/

.fadein {
  opacity: 0;
  transition: opacity 2s;
}
.fadein.active {
  opacity: 1;
}
.fadein02 {
  opacity: 0;
  animation: fadeIn 2s forwards;
}
@keyframes fadeIn {
  to { opacity: 1; }
}
.delay0 {
  transition-delay: 0s!important;
}
.delay1 {
  transition-delay: .1s!important;
}
.delay2 {
  transition-delay: .2s!important;
}
.delay3 {
  transition-delay: .3s!important;
}
.delay4 {
  transition-delay: .4s!important;
}
.delay5 {
  transition-delay: .5s!important;
}
.delay6 {
  transition-delay: .6s!important;
}
.delay7 {
  transition-delay: .7s!important;
}
.delay8 {
  transition-delay: .8s!important;
}
.delay9 {
  transition-delay: .9s!important;
}
.delay10 {
  transition-delay: 1s!important;
}
.delay11 {
  transition-delay: 1.1s!important;
}
.delay12 {
  transition-delay: 1.2s!important;
}
.delay13 {
  transition-delay: 1.3s!important;
}
.delay14 {
  transition-delay: 1.4s!important;
}
.delay15 {
  transition-delay: 1.5s!important;
}
.delay16 {
  transition-delay: 1.6s!important;
}
.delay17 {
  transition-delay: 1.7s!important;
}
.delay18 {
  transition-delay: 1.8s!important;
}
.delay19 {
  transition-delay: 1.9s!important;
}
.delay20 {
  transition-delay: 2s!important;
}


.top .mv {
  position: relative;
}
.top .mv > p {
  position: absolute;
  top: 0;
  left: 0;
}
.top .mv > img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 751px;
  height: 500px;
  z-index: 2;
  pointer-events: none;
}
.top .mv > p {
  z-index: 1;
}
.top .mv > p > img {
  position: absolute;
  top: 170px;
  left: 0;
  width: 676px;
  height: 418px;
}
.top .mv > p > a {
  position: absolute;
  top: 375px;
  left: 130px;
  width: 497px;
  height: 185px;
}

.top .contents .content {
  position: relative;
}
.top .contents .content02 p:nth-of-type(1) {
  position: absolute;
  top: 45px;
  left: 105px;
  width: 546px;
  height: 511px;
}
.top .contents .content02 p:nth-of-type(2) {
  position: absolute;
  top: 150px;
  left: 435px;
  width: 316px;
  height: 425px;
}
.top .contents .content02 p:nth-of-type(2) img:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 50px;
  width: 268px;
  height: 408px;
}
.top .contents .content02 p:nth-of-type(2) img:nth-of-type(2) {
  position: absolute;
  top: 170px;
  left: 15px;
  width: 127px;
  height: 262px;
}
.top .contents .content02 p:nth-of-type(2) img:nth-of-type(3) {
  position: absolute;
  top: 300px;
  left: 205px;
  width: 129px;
  height: 121px;
}
.top .contents .content02 p:nth-of-type(3) {
  position: absolute;
  top: 590px;
  left: 50px;
  width: 280px;
  height: 110px;
}
.top .contents .content02 p:nth-of-type(3) img:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 126px;
  height: 108px;
}
.top .contents .content02 p:nth-of-type(3) img:nth-of-type(2) {
  position: absolute;
  top: 0px;
  left: 120px;
  width: 151px;
  height: 117px;
}
.top .contents .content02 p:nth-of-type(4) {
  position: absolute;
  top: 590px;
  left: 530px;
  width: 191px;
  height: 79px;
}
.top .contents .content03 p:nth-of-type(1) {
  position: absolute;
  top: 10px;
  left: 65px;
  width: 591px;
  height: 895px;
}
.top .contents .content04 p:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 107px;
  width: 549px;
  height: 565px;
}
.top .contents .content04 p:nth-of-type(1) img:nth-of-type(2) {
  position: absolute;
  top: 120px;
  left: 450px;
  width: 57px;
  height: 57px;
}
.top .contents .content04 p:nth-of-type(1) img:nth-of-type(3) {
  position: absolute;
  top: 140px;
  left: 500px;
  width: 100px;
  height: 100px;
}
.top .contents .content04 p:nth-of-type(2) {
  position: absolute;
  top: 590px;
  left: 290px;
  width: 170px;
  height: 241px;
}
.top .contents .content05 p:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 105px;
  width: 548px;
  height: 620px;
}
.top .contents .content05 p:nth-of-type(2) {
  position: absolute;
  top: 680px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content05 p:nth-of-type(2) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 654px;
  height: 16px;
}
.top .contents .content05 p:nth-of-type(2) img:nth-of-type(2) {
  position: absolute;
  top: 0px;
  left: 310px;
  width: 41px;
  height: 100px;
}
.top .contents .content06 p:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 105px;
  width: 548px;
  height: 457px;
}
.top .contents .content06 p:nth-of-type(2) {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content06 p:nth-of-type(1) {
  position: absolute;
  top: 0px;
  left: 105px;
  width: 548px;
  height: 457px;
}
.top .contents .content06 p:nth-of-type(2) {
  position: absolute;
  top: 300px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content07 p:nth-of-type(1) {
  position: absolute;
  top: -10px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content07 p:nth-of-type(1) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 653px;
  height: 16px;
}
.top .contents .content07 p:nth-of-type(1) img:nth-of-type(2) {
  position: absolute;
  top: 10px;
  left: 295px;
  width: 65px;
  height: 80px;
}
.top .contents .content07 p:nth-of-type(2) {
  position: absolute;
  top: 120px;
  left: 100px;
  width: 550px;
  height: 513px;
}
.top .contents .content07 p:nth-of-type(3) {
  position: absolute;
  top: 470px;
  left: 0px;
  width: 750px;
  height: 1187px;
}
.top .contents .content08 p:nth-of-type(1) {
  position: absolute;
  top: 10px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content08 p:nth-of-type(1) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 653px;
  height: 16px;
}
.top .contents .content08 p:nth-of-type(1) img:nth-of-type(2) {
  position: absolute;
  top: -2px;
  left: 285px;
  width: 80px;
  height: 100px;
}
.top .contents .content08 p:nth-of-type(2) {
  position: absolute;
  top: 150px;
  left: 100px;
  width: 551px;
  height: 566px;
}
.top .contents .content08 p:nth-of-type(3) {
  position: absolute;
  top: 440px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content08 p:nth-of-type(4) {
  position: absolute;
  top: 1570px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content08 p:nth-of-type(4) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 653px;
  height: 16px;
}
.top .contents .content08 p:nth-of-type(4) img:nth-of-type(2) {
  position: absolute;
  top: 5px;
  left: 275px;
  width: 100px;
  height: 80px;
}
.top .contents .content09 p:nth-of-type(1) {
  position: absolute;
  top: 10px;
  left: 100px;
  width: 549px;
  height: 404px;
}
.top .contents .content09 p:nth-of-type(2) {
  position: absolute;
  top: 430px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content09 p:nth-of-type(3) {
  position: absolute;
  top: 1520px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content09 p:nth-of-type(3) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 653px;
  height: 16px;
}
.top .contents .content09 p:nth-of-type(3) img:nth-of-type(2) {
  position: absolute;
  top: -5px;
  left: 278px;
  width: 100px;
  height: 100px;
}
.top .contents .content10 p:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 100px;
  width: 549px;
  height: 404px;
}
.top .contents .content10 p:nth-of-type(2) {
  position: absolute;
  top: 450px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content11 p:nth-of-type(1) {
  position: absolute;
  top: -40px;
  left: 50px;
  width: 660px;
  height: 110px;
}
.top .contents .content11 p:nth-of-type(1) img:nth-of-type(1) {
  position: absolute;
  top: 40px;
  left: 0px;
  width: 653px;
  height: 16px;
}
.top .contents .content11 p:nth-of-type(1) img:nth-of-type(2) {
  position: absolute;
  top: -5px;
  left: 300px;
  width: 56px;
  height: 100px;
}
.top .contents .content11 p:nth-of-type(2) {
  position: absolute;
  top: 110px;
  left: 100px;
  width: 549px;
  height: 404px;
  z-index: 1;
}
.top .contents .content11 p:nth-of-type(3) {
  position: absolute;
  top: 420px;
  left: 0px;
  width: 750px;
  height: 1110px;
  z-index: 0;
}
.top .contents .content11 p:nth-of-type(4) {
  position: absolute;
  top: 1470px;
  left: 0px;
  width: 750px;
  height: 1110px;
}
.top .contents .content12 p:nth-of-type(1) {
  position: absolute;
  top: 10px;
  left: 250px;
  width: 258px;
  height: 173px;
}
.top .contents .content12 p:nth-of-type(2) {
  position: absolute;
  top: 250px;
  left: 100px;
  width: 549px;
  height: 350px;
}
.top .contents .content12 p:nth-of-type(3) {
  position: absolute;
  top: 690px;
  left: 100px;
  width: 548px;
  height: 567px;
}
.top .contents .content12 p:nth-of-type(4) {
  position: absolute;
  top: 1350px;
  left: 100px;
  width: 370px;
  height: 620px;
}
.top .contents .content12 p:nth-of-type(5) {
  position: absolute;
  top: 1210px;
  left: 220px;
  width: 724px;
  height: 1059px;
}
.top .contents .content12 p:nth-of-type(6) {
  position: absolute;
  top: 2065px;
  left: 45px;
  width: 661px;
  height: 719px;
}
.top .contents .content12 p:nth-of-type(6) > a:nth-of-type(1) {
  position: absolute;
  top: 90px;
  left: 360px;
  width: 50px;
  height: 50px;
}
.top .contents .content12 p:nth-of-type(6) > a:nth-of-type(2) {
  position: absolute;
  top: 410px;
  left: 360px;
  width: 50px;
  height: 50px;
}
.top .contents .content12 p:nth-of-type(7) {
  position: absolute;
  top: 2800px;
  left: 100px;
  width: 560px;
  height: 190px;
}
.top .contents .content12 p:nth-of-type(7) > a {
  position: absolute;
  top: 90px;
  left: 0px;
  width: 551px;
  height: 101px;
}
.top .contents .content12 p:nth-of-type(7) > img {
  position: absolute;
  top: 10px;
  left: 20px;
  width: 133px;
  height: 170px;
}