@charset "UTF-8";
@media screen and (min-width: 351px) {
  .sp {
    display: none !important;
  }
}

@media screen and (max-width: 350px) {
  .pc {
    display: none !important;
  }
}

body {
  background: #000;
}

.guidebox {
  pointer-events: none;
  background-size: 1280px;
  width: 100%;
  max-width: 1280px;
  z-index: 9999;
  opacity: 0.5;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: url("../../img/guide_pc.jpg") no-repeat top center;
  height: 11528px;
}
@media screen and (max-width: 350px) {
  .guidebox {
    background: url("../../img/guide_sp.jpg") no-repeat top center;
    height: 9178px;
  }
}
@media screen and (max-width: 350px) {
  .guidebox {
    max-width: 350px;
    background-size: 350px !important;
  }
}

.w-md {
  width: 1180px;
  margin: 0 auto;
}
@media screen and (max-width: 350px) {
  .w-md {
    width: 100%;
  }
}

header {
  background: url("../img/header_5_pc.svg") no-repeat center/cover;
}
@media screen and (max-width: 350px) {
  header {
    background: url("../img/header_5_sp.svg") no-repeat center top/contain;
    width: 350px;
    overflow: hidden;
  }
}
header .header_box_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  header .header_box_1 {
    height: 100vh;
    min-height: 850px;
  }
}
@media screen and (max-width: 350px) {
  header .header_box_1 {
    height: 1105px;
  }
}
header .header_box_1 .header_1 {
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 351px) {
  header .header_box_1 .header_1 {
    right: -30px;
    top: 20px;
  }
  header .header_box_1 .header_1 img {
    width: 264px;
  }
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_1 {
    right: 7px;
    top: 7px;
  }
  header .header_box_1 .header_1 img {
    width: 181.5px;
  }
}
header .header_box_1 .header_box_1_1 .header_2 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 351px) {
  header .header_box_1 .header_box_1_1 .header_2 {
    left: calc(50% + -312px);
    top: -240px;
    min-width: 1311.5px;
    width: 154vh;
  }
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_box_1_1 .header_2 {
    left: calc(50% + -57px);
    top: -111px;
    width: 542.5px;
  }
  header .header_box_1 .header_box_1_1 .header_2 img {
    width: 542.5px;
  }
}
header .header_box_1 .header_box_1_1 .header_3 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 351px) {
  header .header_box_1 .header_box_1_1 .header_3 {
    left: calc(50% + 285px);
    top: 32px;
    width: 87vh;
    min-width: 748px;
  }
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_box_1_1 .header_3 {
    left: calc(50% + -3px);
    top: 210px;
    width: 381px;
  }
}
header .header_box_1 .header_box_1_1 .header_4 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 351px) {
  header .header_box_1 .header_box_1_1 .header_4 {
    left: calc(50% + -21px);
    bottom: 5px;
    width: 1221.5px;
  }
  header .header_box_1 .header_box_1_1 .header_4 img {
    width: 1221.5px;
  }
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_box_1_1 .header_4 {
    left: calc(50% + 0px);
    top: 487px;
    width: 300px;
  }
}
header .header_box_1 .header_box_1_1 .header_4_2 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_box_1_1 .header_4_2 {
    left: calc(50% + 0px);
    top: 638px;
    width: 300px;
  }
}
header .header_box_1 .header_box_1_1 .header_4_3 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (max-width: 350px) {
  header .header_box_1 .header_box_1_1 .header_4_3 {
    left: calc(50% + -23px);
    top: 808px;
    width: 308.5px;
  }
}
header .header_box_1 .header_box_1_1 .header_6 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  left: calc(50% + -12px);
  top: 803px;
  width: 402px;
}

main {
  background: #000;
}
@media screen and (max-width: 350px) {
  main {
    width: 350px;
    overflow: hidden;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box {
    height: 2530px;
  }
}
main section.list .list_box .list_box_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 {
    padding-top: 74px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 {
    padding-top: 25px;
  }
}
main section.list .list_box .list_box_1 .list_22 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_22 {
    left: calc(50% + -557px);
    bottom: 58px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_22 {
    width: 31px;
  }
}
main section.list .list_box .list_box_1 .list_23 {
  position: absolute;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  right: calc(50% + -819px);
  bottom: 297px;
}
main section.list .list_box .list_box_1 .list_1 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_1 img {
    width: 1080.42px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_1 {
    width: 390px;
    left: -13px;
  }
  main section.list .list_box .list_box_1 .list_1 img {
    width: 390px;
  }
}
main section.list .list_box .list_box_1 .list_box_1_1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1 {
    padding-top: 18px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1 {
    padding-top: 8px;
  }
}
main section.list .list_box .list_box_1 .list_box_1_1 .list_26 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1 .list_26 {
    top: 130px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1 .list_26 {
    width: 300px;
    top: 468px;
  }
}
main section.list .list_box .list_box_1 .list_box_1_1 .list_box_1_1_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1 .list_box_1_1_1 {
    width: 386px;
    padding-left: 40px;
    padding-right: 40px;
    margin-bottom: 57px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1 .list_box_1_1_1 {
    padding-left: 25px;
    padding-right: 25px;
    width: 100%;
    padding-bottom: 55px;
  }
}
main section.list .list_box .list_box_1 .list_box_1_1_1_1 {
  position: relative;
  z-index: 5;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_1 {
    padding-left: 4px;
    margin-bottom: -28px;
  }
  main section.list .list_box .list_box_1 .list_box_1_1_1_1 img {
    height: 140.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_1 {
    padding-left: 7px;
    margin-bottom: -32px;
  }
  main section.list .list_box .list_box_1 .list_box_1_1_1_1 img {
    height: 100.5px;
  }
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_2 {
    margin-bottom: 28px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_2 {
    margin-bottom: 27px;
  }
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_3 {
    padding-left: 2px;
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_3 {
    margin-bottom: 18px;
  }
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .row1 img {
    height: 21.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .row1 img {
    height: 16px;
  }
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .row2 img {
    height: 51.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .row2 img {
    height: 16px;
  }
}
main section.list .list_box .list_box_1 .list_box_1_1_1_5 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_5 {
    top: 5px;
    right: -8px;
  }
  main section.list .list_box .list_box_1 .list_box_1_1_1_5 img {
    height: 142.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.list .list_box .list_box_1 .list_box_1_1_1_5 {
    top: -5px;
    right: 22px;
  }
  main section.list .list_box .list_box_1 .list_box_1_1_1_5 img {
    height: 114.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box {
    height: 1560px;
  }
}
main section.event .event_box .event_box_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 {
    padding-top: 29px;
    padding-bottom: 107px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 {
    padding-top: 3px;
  }
}
main section.event .event_box .event_box_1 .event_1 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 5;
}
main section.event .event_box .event_box_1 .event_1 img {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_1 img {
    width: 421px;
    left: 5px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_1 img {
    width: 211px;
    left: 2px;
  }
}
main section.event .event_box .event_box_1 .event_2 {
  position: absolute;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_2 {
    margin-top: 94px;
  }
  main section.event .event_box .event_box_1 .event_2 img {
    width: 1145px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_2 {
    margin-top: 34px;
  }
  main section.event .event_box .event_box_1 .event_2 img {
    width: 300px;
  }
}
main section.event .event_box .event_box_1 .event_box_1_1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_1 {
    width: 40%;
  }
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_1 .event_3 img {
    width: 396px;
    position: relative;
    left: 106px;
    top: -3px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_1 .event_3 img {
    width: 207px;
    position: relative;
    left: -21px;
    top: 7px;
  }
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_2 {
    width: 60%;
  }
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_2 .event_4 img {
    width: 593.5px;
    position: relative;
    top: 70px;
    left: 51px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_box_1_1 .event_box_1_1_2 .event_4 img {
    width: 288.5px;
    position: relative;
    top: 12px;
    left: -6px;
  }
}
main section.event .event_box .event_box_1 .event_5 {
  position: absolute;
  z-index: 10;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_5 {
    top: 140px;
    right: 90px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_5 {
    top: 190px;
    right: 20px;
  }
}
main section.event .event_box .event_box_1 .event_5 img {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_1 .event_5 img {
    width: 200px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_1 .event_5 img {
    width: 100px;
  }
}
main section.event .event_box .event_box_2 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 {
    height: 770px;
  }
}
main section.event .event_box .event_box_2 .event_6 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_6 {
    left: 52px;
  }
  main section.event .event_box .event_box_2 .event_6 img {
    width: 538px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_6 {
    left: 24px;
    margin-top: 69px;
  }
  main section.event .event_box .event_box_2 .event_6 img {
    width: 300px;
  }
}
main section.event .event_box .event_box_2 .event_7 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_7 {
    left: 102px;
    margin-top: 17px;
  }
  main section.event .event_box .event_box_2 .event_7 img {
    width: 434.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_7 {
    left: 52px;
    margin-top: 96px;
  }
  main section.event .event_box .event_box_2 .event_7 img {
    width: 253.5px;
  }
}
main section.event .event_box .event_box_2 .event_8 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_8 {
    right: 39px;
    margin-top: 13px;
  }
  main section.event .event_box .event_box_2 .event_8 img {
    width: 573px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_8 {
    right: 30px;
    margin-top: 504px;
  }
  main section.event .event_box .event_box_2 .event_8 img {
    width: 295px;
  }
}
main section.event .event_box .event_box_2 .event_9 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_9 {
    right: 133px;
    margin-top: 88px;
  }
  main section.event .event_box .event_box_2 .event_9 img {
    width: 398px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_9 {
    right: 59px;
    margin-top: 565px;
  }
  main section.event .event_box .event_box_2 .event_9 img {
    width: 239px;
  }
}
main section.event .event_box .event_box_2 .event_10 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_10 {
    right: -3px;
    margin-top: -10px;
  }
  main section.event .event_box .event_box_2 .event_10 img {
    width: 244px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_10 {
    right: 15px;
    margin-top: 490px;
  }
  main section.event .event_box .event_box_2 .event_10 img {
    width: 142.5px;
  }
}
main section.event .event_box .event_box_2 .event_11 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.event .event_box .event_box_2 .event_11 {
    right: 305px;
    bottom: 45px;
  }
  main section.event .event_box .event_box_2 .event_11 img {
    width: 202px;
  }
}
@media screen and (max-width: 350px) {
  main section.event .event_box .event_box_2 .event_11 {
    left: 48px;
    top: 839px;
  }
  main section.event .event_box .event_box_2 .event_11 img {
    width: 122px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box {
    height: 1475px;
  }
}
main section.campaign .campaign_box .campaign_box_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 {
    padding-top: 35px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 {
    padding-top: 6px;
    height: 100%;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_11 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_11 {
    left: 210px;
    top: 143px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_11 {
    left: 25px;
    top: 49px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_11 img {
    width: 300px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_1 {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 5;
}
main section.campaign .campaign_box .campaign_box_1 .campaign_1 img {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_1 img {
    width: 422px;
    left: 5px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_1 img {
    width: 211px;
    left: 3px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 {
    width: 100%;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 {
    height: 498px;
    margin-top: -120px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 {
    flex-wrap: wrap;
    height: 435px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 {
    width: 45%;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 {
    width: 100%;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 .campaign_2 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 .campaign_2 {
    left: 91px;
    margin-top: 0;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 .campaign_2 img {
    width: 409px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 .campaign_2 {
    left: 23px;
    margin-top: 6px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_1 .campaign_2 img {
    width: 268.5px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_4 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_4 {
    right: 422px;
    bottom: 56px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_4 img {
    width: 243px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_4 {
    left: 27px;
    top: 214px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_4 img {
    width: 115.5px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 {
    width: 55%;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 {
    width: 100%;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 .campaign_3 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 .campaign_3 {
    left: 89px;
    margin-top: 48px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 .campaign_3 img {
    width: 510.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 .campaign_3 {
    left: 25px;
    margin-top: -112px;
    width: 295px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_1 .campaign_box_1_1_1_2 .campaign_3 img {
    width: 295px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  flex-wrap: wrap;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 {
    height: 662px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 {
    width: 45%;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 {
    width: 100%;
    height: 293px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 .campaign_5 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 .campaign_5 {
    left: 91px;
    margin-top: 0;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 .campaign_5 img {
    width: 378px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 .campaign_5 {
    left: 23px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_1 .campaign_5 img {
    width: 296.5px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_6 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_6 {
    left: 364px;
    margin-top: 132px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_6 img {
    width: 136px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_6 {
    right: 32px;
    margin-top: 7px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_6 img {
    width: 90px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 {
  position: relative;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 {
    width: 55%;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 {
    width: 100%;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_7 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_7 {
    left: 9px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_7 img {
    width: 545.5px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_7 {
    left: 24px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_7 img {
    width: 271px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_8 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_8 {
    left: 219px;
    margin-top: 416px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_8 img {
    width: 300px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_8 {
    left: 25px;
    margin-top: 220px;
    z-index: 5;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_box_1_1_2_2 .campaign_8 img {
    width: 293.5px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_9 {
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_9 {
    left: 600px;
    margin-top: 416px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_9 img {
    width: 136px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_9 {
    right: 12px;
    margin-top: 480px;
  }
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_9 img {
    width: 90px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10 {
  display: block;
  position: absolute;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10 {
    top: 595px;
    width: 519px;
    height: 80px;
    margin-right: 90px;
  }
}
@media screen and (max-width: 350px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10 {
    width: 300px;
    height: 50px;
    margin-right: 25px;
    top: 841px;
  }
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10.on {
  right: 0;
  transition: 0.8s;
  transition-delay: 1.8s;
  transition-timing-function: ease-out;
  opacity: 1;
}
main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10 .campaign_10_box {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
  background: url(../img/campaign_10_pc.svg) no-repeat center/contain;
}
@media screen and (min-width: 351px) {
  main section.campaign .campaign_box .campaign_box_1 .campaign_box_1_1 .campaign_box_1_1_2 .campaign_10 .campaign_10_box:hover {
    background: url(../img/campaign_10_hover_pc.svg) no-repeat center/contain;
    transition: all 0.2s ease;
  }
}

footer {
  position: relative;
  background: #fff;
}
footer .footer_box {
  position: relative;
}
@media screen and (min-width: 351px) {
  footer .footer_box {
    height: 140px;
    padding-top: 57px;
  }
}
@media screen and (max-width: 350px) {
  footer .footer_box {
    height: 82.5px;
    padding-top: 22px;
  }
}
footer .footer_box .footer_box_1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 351px) {
  footer .footer_box .footer_box_1 {
    align-items: center;
  }
}
@media screen and (max-width: 350px) {
  footer .footer_box .footer_box_1 {
    align-items: flex-start;
    padding-left: 20px;
  }
}
@media screen and (min-width: 351px) {
  footer .footer_box .footer_box_1 .footer_1 {
    margin-bottom: 34px;
  }
  footer .footer_box .footer_box_1 .footer_1 img {
    width: 288px;
  }
}
@media screen and (max-width: 350px) {
  footer .footer_box .footer_box_1 .footer_1 {
    margin-bottom: 19px;
  }
  footer .footer_box .footer_box_1 .footer_1 img {
    width: 207px;
  }
}
@media screen and (min-width: 351px) {
  footer .footer_box .footer_box_1 .footer_2 img {
    width: 255px;
  }
}
@media screen and (max-width: 350px) {
  footer .footer_box .footer_box_1 .footer_2 img {
    width: 176px;
  }
}
footer .footer_3 {
  position: absolute;
  display: block;
}
@media screen and (min-width: 351px) {
  footer .footer_3 {
    right: 30px;
    top: 21px;
  }
  footer .footer_3 img {
    width: 37.5px;
  }
}
@media screen and (max-width: 350px) {
  footer .footer_3 {
    right: 25px;
    top: 3px;
  }
  footer .footer_3 img {
    width: 27px;
  }
}

/*　inview
----------------------------------------------- */
.act-view01 {
  position: relative;
  top: 50px;
  opacity: 0;
  transition: 0.8s;
}
.act-view01.fadeInDown {
  top: 0;
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease-out;
}

.act-view01-loading {
  position: relative;
  top: 50px;
  opacity: 0;
  transition: 0.8s;
}
.act-view01-loading.fadeInDown {
  top: 0;
  opacity: 1;
  transition: 0.8s;
  transition-delay: 1s;
  transition-timing-function: ease-out;
}

.act-view02 {
  position: relative;
  right: 50px;
  opacity: 0;
  transition: 0.8s;
}
.act-view02.fadeInLeft {
  right: 0;
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease-out;
}

.act-view03 {
  position: relative;
  left: 50px;
  opacity: 0;
  transition: 0.8s;
}
.act-view03.fadeInRight {
  left: 0;
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease-out;
}

.act-view04 {
  position: relative;
  bottom: 50px;
  opacity: 0;
  transition: 0.8s;
}
.act-view04.fadeInTop {
  bottom: 0;
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.3s;
  transition-timing-function: ease-out;
}

.act-view05 {
  position: relative;
  opacity: 0;
  transition: 0.8s;
}
.act-view05.fadeInStay {
  opacity: 1;
  transition: 0.8s;
  transition-delay: 0.3s;
}

.act-view01.delay03,
.act-view02.delay03,
.act-view03.delay03,
.act-view04.delay03,
.act-view05.delay03 {
  transition-delay: 0.3s;
}
.act-view01.delay05,
.act-view02.delay05,
.act-view03.delay05,
.act-view04.delay05,
.act-view05.delay05 {
  transition-delay: 0.5s;
}
.act-view01.delay07,
.act-view02.delay07,
.act-view03.delay07,
.act-view04.delay07,
.act-view05.delay07 {
  transition-delay: 0.7s;
}
.act-view01.delay09,
.act-view02.delay09,
.act-view03.delay09,
.act-view04.delay09,
.act-view05.delay09 {
  transition-delay: 0.9s;
}
.act-view01.delay11,
.act-view02.delay11,
.act-view03.delay11,
.act-view04.delay11,
.act-view05.delay11 {
  transition-delay: 1.1s;
}
.act-view01.delay13,
.act-view02.delay13,
.act-view03.delay13,
.act-view04.delay13,
.act-view05.delay13 {
  transition-delay: 1.3s;
}
.act-view01.delay15,
.act-view02.delay15,
.act-view03.delay15,
.act-view04.delay15,
.act-view05.delay15 {
  transition-delay: 1.5s;
}
.act-view01.delay17,
.act-view02.delay17,
.act-view03.delay17,
.act-view04.delay17,
.act-view05.delay17 {
  transition-delay: 1.7s;
}
.act-view01.delay19,
.act-view02.delay19,
.act-view03.delay19,
.act-view04.delay19,
.act-view05.delay19 {
  transition-delay: 1.9s;
}
.act-view01.delay21,
.act-view02.delay21,
.act-view03.delay21,
.act-view04.delay21,
.act-view05.delay21 {
  transition-delay: 2.1s;
}
.act-view01.delay23,
.act-view02.delay23,
.act-view03.delay23,
.act-view04.delay23,
.act-view05.delay23 {
  transition-delay: 2.3s;
}

/*　ぼかし
----------------------------------------------- */
.is-blur {
  opacity: 0;
  transition: transform 0.5s linear;
  animation-duration: 1.5s;
  animation-fill-mode: both;
}
.is-blur.clear {
  animation-name: blur;
  opacity: 1;
  transition: transform 0.8s;
}

/*　画像表示
----------------------------------------------- */
.is-square {
  position: relative;
  opacity: 0;
  overflow: hidden;
}
.is-square::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 1s ease-in-out;
  transition-delay: 0.3s;
  background-color: rgba(0, 0, 0, 0.6);
}
.is-square::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  background: #fff;
  transition: 0.5s ease-in-out;
  transition-delay: 0.3s;
}
.is-square.show {
  opacity: 1;
}
.is-square.show::before {
  background-color: rgba(0, 0, 0, 0);
}
.is-square.show::after {
  width: 0;
}

.l-parts {
  position: relative;
  left: -50px;
  transition: 0.8s;
  opacity: 0;
}
.l-parts.on {
  left: 0;
  transition: 0.8s;
  transition-delay: 1.1s;
  transition-timing-function: ease-out;
  opacity: 1;
}

.r-parts {
  position: relative;
  right: -50px;
  transition: 0.8s;
  opacity: 0;
}
.r-parts.on {
  right: 0;
  transition: 0.8s;
  transition-delay: 1.1s;
  transition-timing-function: ease-out;
  opacity: 1;
}
.r-parts.on.delay11 {
  transition-delay: 1.1s;
}

.pop {
  transition: 0.8s;
  transform: scale(0.001);
}
.pop.on {
  transition: 0.8s;
  transition-delay: 1.2s;
  transition-timing-function: cubic-bezier(0, 0, 0.15, 1.97);
  transform: scale(1);
}