@charset "UTF-8";
@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.css");
#container {
  font-family: Helvetica, Arial, sans-serif;
}
#container .pc {
  display: block;
}
@media screen and (max-width: 768px) {
  #container .pc {
    display: none;
  }
}
#container .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  #container .sp {
    display: block;
  }
}
#container .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#container .fixed {
  width: min(calc((100 / 1920) * 100vw), 100px);
  rotate: -90deg;
  position: fixed;
  margin: auto auto auto 15vw;
  inset: 0 auto;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 10;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
  pointer-events: none;
}
#container .fixed.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#container .fixed.is-white {
  color: #fff;
}
@media screen and (max-width: 768px) {
  #container .fixed {
    width: calc(37 / 390 * 100vw);
    margin: auto auto auto -1vw;
  }
}
#container .kvsec {
  width: 100vw;
  height: 100vh;
  position: relative;
}
#container .kvsec-logo {
  position: absolute;
  width: min(calc((331 / 1920) * 100vw), 331px);
  top: min(calc((41 / 1920) * 100vw), 41px);
  left: min(calc((41 / 1920) * 100vw), 41px);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #container .kvsec-logo {
    width: calc(139 / 390 * 100vw);
    top: calc(30 / 390 * 100vw);
    left: calc(30 / 390 * 100vw);
  }
}
#container .kvsec-sub {
  position: absolute;
  width: min(calc((460 / 1920) * 100vw), 460px);
  top: min(calc((80 / 1920) * 100vw), 80px);
  right: min(calc((50 / 1920) * 100vw), 50px);
  height: -moz-fit-content;
  height: fit-content;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #container .kvsec-sub {
    width: calc(191 / 390 * 100vw);
    bottom: calc(15 / 390 * 100vw);
    left: calc(25 / 390 * 100vw);
    top: unset;
    right: unset;
  }
}
#container .kvsec-ttl {
  position: absolute;
  width: min(calc((700 / 1920) * 100vw), 700px);
  bottom: min(calc((75 / 1920) * 100vw), 75px);
  left: min(calc((75 / 1920) * 100vw), 75px);
  z-index: 3;
}
@media screen and (max-width: 768px) {
  #container .kvsec-ttl {
    width: calc(146 / 390 * 100vw);
    bottom: unset;
    left: calc(23 / 390 * 100vw);
    top: 63vw;
  }
}
#container .kvsec-img {
  width: 100%;
  height: 100%;
}
#container .kvsec-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom right;
     object-position: bottom right;
}
@media screen and (max-width: 768px) {
  #container .kvsec-img img {
    -o-object-position: center;
       object-position: center;
    width: 120%;
  }
}
#container .lead {
  margin: min(calc((230 / 1920) * 100vw), 230px) auto min(calc((290 / 1920) * 100vw), 290px);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  #container .lead {
    margin: calc(79 / 390 * 100vw) auto calc(98 / 390 * 100vw);
  }
}
#container .lead p:first-of-type {
  font-weight: bold;
  font-size: min(calc((40 / 1920) * 100vw), 40px);
  margin-bottom: min(calc((74 / 1920) * 100vw), 74px);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  #container .lead p:first-of-type {
    font-size: calc(20 / 390 * 100vw);
    margin-bottom: calc(27 / 390 * 100vw);
  }
}
#container .lead p:last-of-type {
  font-size: min(calc((15 / 1920) * 100vw), 15px);
  line-height: 2;
}
@media screen and (max-width: 768px) {
  #container .lead p:last-of-type {
    font-size: calc(10 / 390 * 100vw);
  }
}
#container .lead-credit {
  margin-top: min(calc((20 / 1920) * 100vw), 20px);
  font-size: min(calc((25 / 1920) * 100vw), 25px);
  font-weight: bold;
  display: flex;
  justify-content: flex-start;
  gap: min(calc((20 / 1920) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  #container .lead-credit {
    margin-top: calc(20 / 390 * 100vw);
    font-size: calc(10 / 390 * 100vw);
    gap: calc(10 / 390 * 100vw);
  }
}
#container .creditWrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: min(calc((7 / 1920) * 100vw), 7px);
  font-size: min(calc((18 / 1920) * 100vw), 18px);
}
@media screen and (max-width: 768px) {
  #container .creditWrap {
    gap: calc(7 / 390 * 100vw);
    font-size: calc(9 / 390 * 100vw);
  }
}
#container .creditWrap .credit-each {
  display: flex;
  flex-wrap: wrap;
  justify-self: flex-start;
  gap: min(calc((5 / 1920) * 100vw), 5px);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  #container .creditWrap .credit-each {
    gap: calc(5 / 390 * 100vw);
  }
}
#container .creditWrap .credit-each a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
#container .creditWrap .credit-each .item-d-none {
  display: block;
}
#container .creditWrap .credit-each .item-d-none a {
  text-decoration: none;
  display: block;
  pointer-events: none;
}
#container div[class*=look] {
  position: relative;
}
#container .look .creditWrap {
  z-index: 3;
}
#container .look01 {
  align-items: flex-end;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0 min(calc((387 / 1920) * 100vw), 387px);
}
@media screen and (max-width: 768px) {
  #container .look01 {
    margin: 0 auto 0 0;
    width: 100%;
    justify-content: space-between;
  }
}
#container .look01 .img {
  width: min(calc((706 / 1920) * 100vw), 706px);
}
@media screen and (max-width: 768px) {
  #container .look01 .img {
    width: calc(234 / 390 * 100vw);
  }
}
#container .look01 .creditWrap {
  margin: auto auto min(calc((20 / 1920) * 100vw), 20px) min(calc((20 / 1920) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  #container .look01 .creditWrap {
    margin: auto auto calc(3 / 390 * 100vw) calc(7 / 390 * 100vw);
  }
}
#container .look02 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 min(calc((263 / 1920) * 100vw), 263px) 0 auto;
}
@media screen and (max-width: 768px) {
  #container .look02 {
    width: 100%;
    margin: 0;
  }
}
#container .look02 .bg {
  background-color: #6074B2;
  color: #fff;
  width: min(calc((567 / 1920) * 100vw), 567px);
  height: auto;
  font-size: min(calc((12 / 1920) * 100vw), 12px);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  #container .look02 .bg {
    width: calc(100% - 195 / 390 * 100vw);
    font-size: calc(6 / 390 * 100vw);
  }
}
#container .look02 .bg p {
  width: min(calc((396 / 1920) * 100vw), 396px);
}
@media screen and (max-width: 768px) {
  #container .look02 .bg p {
    width: calc(161 / 390 * 100vw);
  }
}
#container .look02 .bg p:first-of-type {
  margin-bottom: min(calc((29 / 1920) * 100vw), 29px);
}
@media screen and (max-width: 768px) {
  #container .look02 .bg p:first-of-type {
    margin-bottom: calc(9 / 390 * 100vw);
  }
}
#container .look02 .img {
  width: min(calc((564 / 1920) * 100vw), 564px);
}
@media screen and (max-width: 768px) {
  #container .look02 .img {
    width: calc(195 / 390 * 100vw);
  }
}
#container .look03 {
  width: min(calc((1135 / 1920) * 100vw), 1135px);
  margin-left: min(calc((379 / 1920) * 100vw), 379px);
}
@media screen and (max-width: 768px) {
  #container .look03 {
    width: 100%;
    margin-left: unset;
  }
}
#container .look03 .creditWrap {
  position: absolute;
  bottom: min(calc((40 / 1920) * 100vw), 40px);
  right: min(calc((60 / 1920) * 100vw), 60px);
}
@media screen and (max-width: 768px) {
  #container .look03 .creditWrap {
    bottom: calc(11 / 390 * 100vw);
    right: calc(11 / 390 * 100vw);
  }
}
#container .look04 {
  width: min(calc((728 / 1920) * 100vw), 728px);
  margin: 0 auto 0 min(calc((379 / 1920) * 100vw), 379px);
}
@media screen and (max-width: 768px) {
  #container .look04 {
    width: calc(252 / 390 * 100vw);
    margin: 0 auto 0 0;
  }
}
#container .look05 {
  width: min(calc((1074 / 1920) * 100vw), 1074px);
  margin: 0 min(calc((240 / 1920) * 100vw), 240px) 0 auto;
}
@media screen and (max-width: 768px) {
  #container .look05 {
    width: calc(371 / 390 * 100vw);
    margin: 0 0 0 auto;
  }
}
#container .look05 .creditWrap {
  position: absolute;
  bottom: min(calc((22 / 1920) * 100vw), 22px);
  left: min(calc((16 / 1920) * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  #container .look05 .creditWrap {
    bottom: calc(5 / 390 * 100vw);
    left: calc(5 / 390 * 100vw);
  }
}
#container .look06 {
  margin: 0 min(calc((405 / 1920) * 100vw), 405px) 0 auto;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #container .look06 {
    margin: 0;
    justify-content: space-between;
  }
}
#container .look06 .left {
  width: min(calc((565 / 1920) * 100vw), 565px);
}
@media screen and (max-width: 768px) {
  #container .look06 .left {
    width: 50%;
  }
}
#container .look06 .right {
  width: min(calc((565 / 1920) * 100vw), 565px);
  position: relative;
}
@media screen and (max-width: 768px) {
  #container .look06 .right {
    width: 50%;
  }
}
#container .look06 .right .creditWrap {
  position: absolute;
  color: #fff;
  bottom: min(calc((31 / 1920) * 100vw), 31px);
  right: min(calc((41 / 1920) * 100vw), 41px);
}
@media screen and (max-width: 768px) {
  #container .look06 .right .creditWrap {
    bottom: calc(7 / 390 * 100vw);
    right: calc(4 / 390 * 100vw);
  }
}
#container .look07::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: min(calc((405 / 1920) * 100vw), 405px);
  background-color: #6074B2;
  width: min(calc((1211 / 1920) * 100vw), 1211px);
  height: min(calc((2121 / 1920) * 100vw), 2121px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  #container .look07::before {
    width: 100%;
    right: 0;
    height: calc(733 / 390 * 100vw);
  }
}
#container .look07 .img {
  width: min(calc((1049 / 1920) * 100vw), 1049px);
  margin: auto min(calc((405 / 1920) * 100vw), 405px) min(calc((33 / 1920) * 100vw), 33px) auto;
  padding-top: min(calc((47 / 1920) * 100vw), 47px);
}
@media screen and (max-width: 768px) {
  #container .look07 .img {
    width: calc(362 / 390 * 100vw);
    margin: auto 0 calc(12 / 390 * 100vw) auto;
    padding-top: calc(17 / 390 * 100vw);
  }
}
#container .look-txt {
  width: min(calc((474 / 1920) * 100vw), 474px);
  color: #fff;
  font-size: min(calc((12 / 1920) * 100vw), 12px);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  margin: 0 auto min(calc((60 / 1920) * 100vw), 60px) min(calc((466 / 1920) * 100vw), 466px);
}
@media screen and (max-width: 768px) {
  #container .look-txt {
    width: calc(236 / 390 * 100vw);
    font-size: calc(6 / 390 * 100vw);
    margin: 0 auto calc(23 / 390 * 100vw) calc(28 / 390 * 100vw);
  }
}
#container .look-txt p:first-of-type {
  margin-bottom: min(calc((20 / 1920) * 100vw), 20px);
}
#container .look08 {
  width: min(calc((808 / 1920) * 100vw), 808px);
  border: min(calc((5 / 1920) * 100vw), 5px) solid #fff;
  margin: 0 auto min(calc((40 / 1920) * 100vw), 40px) min(calc((466 / 1920) * 100vw), 466px);
}
@media screen and (max-width: 768px) {
  #container .look08 {
    width: calc(256 / 390 * 100vw);
    border: #fff calc(3 / 390 * 100vw) solid;
    margin: 0 auto calc(13 / 390 * 100vw) calc(28 / 390 * 100vw);
  }
}
#container .look09 {
  width: min(calc((808 / 1920) * 100vw), 808px);
  border: min(calc((5 / 1920) * 100vw), 5px) solid #6074B2;
  margin: 0 auto min(calc((137 / 1920) * 100vw), 137px) min(calc((466 / 1920) * 100vw), 466px);
}
@media screen and (max-width: 768px) {
  #container .look09 {
    width: calc(256 / 390 * 100vw);
    border: #6074B2 calc(3 / 390 * 100vw) solid;
    margin: 0 auto calc(13 / 390 * 100vw) calc(28 / 390 * 100vw);
  }
}
#container .look10 {
  width: min(calc((1129 / 1920) * 100vw), 1129px);
  margin: 0 auto 0 min(calc((386 / 1920) * 100vw), 386px);
}
@media screen and (max-width: 768px) {
  #container .look10 {
    width: 100%;
    margin: 0 auto;
  }
}
#container .look10 .creditWrap {
  margin: min(calc((19 / 1920) * 100vw), 19px) auto 0 min(calc((19 / 1920) * 100vw), 19px);
}
@media screen and (max-width: 768px) {
  #container .look10 .creditWrap {
    margin: calc(6 / 390 * 100vw) auto 0 calc(6 / 390 * 100vw);
  }
}
#container .look11 {
  width: min(calc((639 / 1920) * 100vw), 639px);
  margin: 0 min(calc((405 / 1920) * 100vw), 405px) 0 auto;
}
@media screen and (max-width: 768px) {
  #container .look11 {
    width: calc(221 / 390 * 100vw);
    margin: 0 0 0 auto;
  }
}
#container .look12 {
  margin: 0 min(calc((405 / 1920) * 100vw), 405px) min(calc((73 / 1920) * 100vw), 73px) auto;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  #container .look12 {
    margin: 0;
    width: 100%;
  }
}
#container .look12 .img {
  width: min(calc((906 / 1920) * 100vw), 906px);
  margin-right: min(calc((-80 / 1920) * 100vw), -80px);
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  #container .look12 .img {
    width: calc(313 / 390 * 100vw);
    margin-right: auto;
    margin-left: 0;
  }
}
#container .look12 .creditWrap {
  position: absolute;
  right: min(calc((48 / 1920) * 100vw), 48px);
  bottom: min(calc((24 / 1920) * 100vw), 24px);
}
@media screen and (max-width: 768px) {
  #container .look12 .creditWrap {
    right: calc(5 / 390 * 100vw);
    bottom: calc(5 / 390 * 100vw);
  }
}
#container .look12 .bg {
  width: min(calc((420 / 1920) * 100vw), 420px);
  height: auto;
  background-color: #6074B2;
}
@media screen and (max-width: 768px) {
  #container .look12 .bg {
    width: calc(145 / 390 * 100vw);
    margin: 0 calc(-50 / 390 * 100vw) 0px calc(-30 / 390 * 100vw);
  }
}
#container .look13 {
  width: min(calc((1339 / 1920) * 100vw), 1339px);
  margin: auto;
}
@media screen and (max-width: 768px) {
  #container .look13 {
    width: 100vw;
  }
  #container .look13 img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 110%;
    height: auto;
  }
}
#container .look14 {
  width: min(calc((603 / 1920) * 100vw), 603px);
  margin: 0 min(calc((291 / 1920) * 100vw), 291px) 0 auto;
}
@media screen and (max-width: 768px) {
  #container .look14 {
    width: calc(195 / 390 * 100vw);
    margin: 0 0 0 auto;
  }
}
#container .look15 {
  width: min(calc((603 / 1920) * 100vw), 603px);
  margin: 0 auto 0 min(calc((423 / 1920) * 100vw), 423px);
}
@media screen and (max-width: 768px) {
  #container .look15 {
    width: calc(195 / 390 * 100vw);
    margin: 0 auto 0 0;
  }
}
#container .look16 {
  width: min(calc((1058 / 1920) * 100vw), 1058px);
  border: min(calc((30 / 1920) * 100vw), 30px) solid #6074B2;
  margin: 0 auto min(calc((133 / 1920) * 100vw), 133px) min(calc((386 / 1920) * 100vw), 386px);
}
@media screen and (max-width: 768px) {
  #container .look16 {
    width: 100%;
    border: calc(20 / 390 * 100vw) solid #6074B2;
    margin: 0;
  }
}
#container .look17 {
  width: min(calc((1129 / 1920) * 100vw), 1129px);
  margin: 0 auto min(calc((174 / 1920) * 100vw), 174px) min(calc((386 / 1920) * 100vw), 386px);
}
@media screen and (max-width: 768px) {
  #container .look17 {
    width: 100%;
    margin: 0 auto calc(52 / 390 * 100vw) auto;
  }
}
#container .look17 .creditWrap {
  color: #fff;
  position: absolute;
  right: min(calc((80 / 1920) * 100vw), 80px);
  bottom: min(calc((42 / 1920) * 100vw), 42px);
}
@media screen and (max-width: 768px) {
  #container .look17 .creditWrap {
    right: calc(13 / 390 * 100vw);
    bottom: calc(11 / 390 * 100vw);
  }
}
#container .look17 .logo {
  width: min(calc((425 / 1920) * 100vw), 425px);
  position: absolute;
  height: -moz-fit-content;
  height: fit-content;
  margin: min(calc((553 / 1920) * 100vw), 553px) auto auto auto;
  inset: 0;
}
@media screen and (max-width: 768px) {
  #container .look17 .logo {
    width: calc(147 / 390 * 100vw);
    margin: calc(191 / 390 * 100vw) auto auto auto;
  }
}
#container .prfsec {
  padding: min(calc((65 / 1920) * 100vw), 65px) 0;
  width: min(calc((1142 / 1920) * 100vw), 1142px);
  margin: 0 auto min(calc((110 / 1920) * 100vw), 110px);
  border-top: 1px solid #D6D1D1;
  border-bottom: 1px solid #D6D1D1;
}
@media screen and (max-width: 768px) {
  #container .prfsec {
    padding: calc(13 / 390 * 100vw) 0;
    width: calc(280 / 390 * 100vw);
    margin: 0 auto calc(35 / 390 * 100vw);
  }
}
#container .prfsec-img {
  width: min(calc((633 / 1920) * 100vw), 633px);
  margin: 0 auto min(calc((20 / 1920) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  #container .prfsec-img {
    width: calc(132 / 390 * 100vw);
    margin: 0 auto calc(5 / 390 * 100vw);
  }
}
#container .prfsec-info {
  width: min(calc((550 / 1920) * 100vw), 550px);
  margin: auto;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "Noto Serif JP", "MS PMincho", "MS Mincho", serif;
}
@media screen and (max-width: 768px) {
  #container .prfsec-info {
    width: 90%;
  }
}
#container .prfsec-info_name {
  text-align: center;
  margin-bottom: min(calc((65 / 1920) * 100vw), 65px);
}
@media screen and (max-width: 768px) {
  #container .prfsec-info_name {
    margin-bottom: calc(10 / 390 * 100vw);
  }
}
#container .prfsec-info_name p:first-of-type {
  font-size: min(calc((24 / 1920) * 100vw), 24px);
  margin-bottom: min(calc((16 / 1920) * 100vw), 16px);
}
@media screen and (max-width: 768px) {
  #container .prfsec-info_name p:first-of-type {
    font-size: calc(15 / 390 * 100vw);
  }
}
#container .prfsec-info_name p:last-of-type {
  font-size: min(calc((20 / 1920) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  #container .prfsec-info_name p:last-of-type {
    font-size: calc(12 / 390 * 100vw);
  }
}
#container .prfsec-info_txt {
  font-size: min(calc((20 / 1920) * 100vw), 20px);
  margin-bottom: min(calc((20 / 1920) * 100vw), 20px);
}
@media screen and (max-width: 768px) {
  #container .prfsec-info_txt {
    font-size: calc(10 / 390 * 100vw);
    margin-bottom: calc(10 / 390 * 100vw);
  }
}
#container .prfsec-info_ig {
  font-size: min(calc((20 / 1920) * 100vw), 20px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #container .prfsec-info_ig {
    font-size: calc(9 / 390 * 100vw);
  }
}
#container .ytbsec {
  width: min(calc((1265 / 1920) * 100vw), 1265px);
  margin: 0 auto min(calc((178 / 1920) * 100vw), 178px);
}
#container .ytbsec iframe {
  width: 99%;
  height: min(calc((704 / 1920) * 100vw), 704px);
  border: none;
}
@media screen and (max-width: 768px) {
  #container .ytbsec iframe {
    height: calc(220 / 390 * 100vw);
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #container .ytbsec {
    width: 100%;
    margin: 0 auto calc(60 / 390 * 100vw);
  }
}
#container .staffsec {
  font-size: min(calc((18 / 1920) * 100vw), 18px);
  width: min(calc((381 / 1920) * 100vw), 381px);
  margin: 0 auto min(calc((178 / 1920) * 100vw), 178px);
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  #container .staffsec {
    font-size: calc(10 / 390 * 100vw);
    width: calc(321 / 390 * 100vw);
    margin: 0 auto calc(60 / 390 * 100vw);
  }
}
#container .footer {
  border-top: 1px solid #D6D1D1;
  padding: min(calc((50 / 1920) * 100vw), 50px) 0;
  width: 90%;
  margin: auto;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  #container .footer {
    padding: calc(30 / 390 * 100vw) 0;
  }
}
#container .footer .flex {
  justify-content: space-between;
  font-size: min(calc((20 / 1920) * 100vw), 20px);
  margin-bottom: min(calc((50 / 1920) * 100vw), 50px);
}
@media screen and (max-width: 768px) {
  #container .footer .flex {
    font-size: calc(10 / 390 * 100vw);
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
#container .footer .flex ul {
  display: flex;
  flex-direction: column;
  gap: min(calc((10 / 1920) * 100vw), 10px);
}
@media screen and (max-width: 768px) {
  #container .footer .flex ul {
    gap: calc(10 / 390 * 100vw);
  }
}
#container .footer .flex .pagetop {
  writing-mode: sideways-rl;
}
#container .footer .copyright {
  font-size: min(calc((15 / 1920) * 100vw), 15px);
}
@media screen and (max-width: 768px) {
  #container .footer .copyright {
    font-size: calc(7 / 390 * 100vw);
  }
}

:root {
  --base-delay: 0.5s;
}

[class*=delay-] {
  transition-delay: calc(var(--base-delay) * var(--num, 0)) !important;
  animation-delay: calc(var(--base-delay) * var(--num, 0)) !important;
}

div[class*=js-inview] {
  opacity: 0;
  transition: all 0.8s ease 0.4s, transform 0.8s ease 0.4s;
}

div[class*=is-inview] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/*-----Animate用設定ここから-----*/
.invisible {
  visibility: hidden;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadein {
  opacity: 0;
  transform: translate(0, 0px);
  transition: all 0.8s ease;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

body.date-20260806.ja_JP.ltr.site-center-aligned.site-as-giant-card.webkit.webkit-537 {
  background-color: unset;
}/*# sourceMappingURL=style.css.map */