@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　Component
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.c-ttl__01 {
  font-family: 'Playfair Display', sans-serif;
  font-size: 500%;
  font-weight: 400;
  letter-spacing: .05em;
}

@media screen and (max-width: 768px) {
  .c-ttl__01 {
    font-size: 312.5%;
    padding: 0 0 0 12vw;
  }
}

.c-ttl__01 span {
  display: block;
  text-indent: 2px;
  font-size: 17.5%;
  letter-spacing: 0;
  position: relative;
}

.c-ttl__01 span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -80px;
  width: 60px;
  height: 1px;
}

@media screen and (max-width: 768px) {
  .c-ttl__01 span:before {
    left: -12vw;
    width: 9vw;
  }
}

.c-ttl__02 {
  font-size: 275%;
  line-height: 1.35;
  letter-spacing: .2em;
}

@media screen and (max-width: 768px) {
  .c-ttl__02 {
    font-size: 150%;
  }
}

.c-btn__round {
  min-width: 190px;
  width: 190px;
  height: 50px;
}

.c-btn__round a {
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#7ff7cb), color-stop(50%, #629df8), to(#875bd8));
  background: linear-gradient(to right, #7ff7cb 0%, #629df8 50%, #875bd8 100%);
  border-radius: 9999em;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  position: relative;
  -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

.c-btn__round a:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  border-radius: 9999em;
  pointer-events: none;
  -webkit-transition: all 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: all 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

.c-btn__round a span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin: -6px 0 0 0;
  font-size: 75.0%;
}

@media screen and (max-width: 768px) {
  .c-btn__round a span {
    margin: -8px 0 0 0;
    font-size: 87.5%;
  }
}

@media screen and (min-width: 769px) {
  .c-btn__round a:hover:before {
    top: 4px;
    left: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
}

.c-btn__round.e-jp a {
  font-family: YakuHanJP, "Noto Sans", "Noto Sans CJK JP", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: -1px;
}

.c-btn__round.e-jp a span {
  margin: -8px 0 0 0;
  font-size: 87.5%;
}

.c-btn__round.e-gray a:before {
  background: #fafafa;
}

.c-btn__rect {
  width: 520px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c-btn__rect {
    width: 100%;
  }
}

.c-btn__rect a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px 0;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 125%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .c-btn__rect a {
    padding: 30px 0;
    font-size: 87.5%;
  }
}

.c-btn__rect a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#7ff7cb), color-stop(50%, #629df8), to(#875bd8));
  background: linear-gradient(to right, #7ff7cb 0%, #629df8 50%, #875bd8 100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

.c-btn__rect a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#7ff7cb), color-stop(50%, #629df8), to(#875bd8));
  background: linear-gradient(to right, #7ff7cb 0%, #629df8 50%, #875bd8 100%);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

.c-btn__rect a span {
  display: block;
  position: relative;
}

.c-btn__rect a span:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 17px;
  height: 5px;
  margin: -2px 0 0 0;
  background: top left no-repeat;
  background-image: url(../../common/img/icn_vec_bk.svg);
  background-size: 17px 5px;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

@media screen and (min-width: 769px) {
  .c-btn__rect a:hover span:before {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0);
  }
}

.c-btn__rect.e-jp a {
  font-family: YakuHanJP, "Noto Sans", "Noto Sans CJK JP", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 112.5%;
}

@media screen and (max-width: 768px) {
  .c-btn__rect.e-jp a {
    font-size: 87.5%;
  }
}

.c-slider {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.c-slider .c-slider__container {
  position: relative;
  cursor: default;
}

.c-slider .c-slider__container .e-slide {
  -webkit-transition: opacity 0.5s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.75s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.5s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.75s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.5s cubic-bezier(0.6, 0, 0.3, 1), transform 0.75s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.5s cubic-bezier(0.6, 0, 0.3, 1), transform 0.75s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.75s cubic-bezier(0.6, 0, 0.3, 1);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate(-40px, 0);
  transform: translate(-40px, 0);
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__container .e-slide {
    float: left;
    position: static;
    width: 100vw;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.c-slider .c-slider__container .e-slide.is-current {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.c-slider .c-slider__prev {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.c-slider .c-slider__next {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border: 1px solid #7ff7cb;
  border-radius: 100%;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__next {
    display: none;
  }
}

.c-slider .c-slider__next:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17px;
  height: 5px;
  margin: -2px 0 0 -8px;
  background: top left no-repeat;
  background-image: url(../../common/img/icn_vec_g.svg);
  background-size: 17px 5px;
}

.c-slider .c-slider__count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__count {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    justify-content: space-between;
    width: 100%;
    padding: 0;
  }
}

.c-slider .c-slider__count .c-slider__count--current {
  display: block;
  margin: 0 20px 0 0;
  padding: 0 10px 20px;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__count .c-slider__count--current {
    margin: 0;
    padding: 0;
    width: 10vw;
    height: 10vw;
  }
}

.c-slider .c-slider__count .c-slider__count--current:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 5px;
  width: 17px;
  height: 5px;
  background: top left no-repeat;
  background-image: url(../../common/img/icn_vec_bk_r.svg);
  background-size: 17px 5px;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__count .c-slider__count--current:before {
    bottom: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.c-slider .c-slider__count .c-slider__count--total {
  display: block;
  padding: 0 10px 20px;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__count .c-slider__count--total {
    margin: 0;
    padding: 0;
    width: 10vw;
    height: 10vw;
  }
}

.c-slider .c-slider__count .c-slider__count--total:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  right: 5px;
  width: 17px;
  height: 5px;
  background: top left no-repeat;
  background-image: url(../../common/img/icn_vec_bk.svg);
  background-size: 17px 5px;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

@media screen and (max-width: 768px) {
  .c-slider .c-slider__count .c-slider__count--total:before {
    bottom: auto;
    top: 50%;
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.c-details__header {
  max-width: 1800px;
  min-width: 1180px;
  width: 100%;
  margin: 0 auto 80px;
  padding: 180px 0 0 0;
}

@media screen and (max-width: 768px) {
  .c-details__header {
    min-width: 100%;
    margin: 0 0 40px 0;
    padding: 120px 0 0 0;
  }
}

.c-details__header .c-details__header--contents {
  width: calc(1020px + (100% - 1020px) / 2);
  margin: 0 0 0 auto;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--contents {
    width: 100%;
    margin: 0;
  }
}

.c-details__header .c-details__header--contents .c-ttl__01 {
  margin: 0 0 120px 0;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--contents .c-ttl__01 {
    margin: 0 0 60px 0;
  }
}

.c-details__header .c-details__header--contents .c-ttl__01 span {
  color: #629df8;
}

.c-details__header .c-details__header--contents .c-ttl__01 span:before {
  background-color: #629df8;
}

.c-details__header .c-details__header--contents .c-ttl__01 span img {
  height: 14px;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--contents div {
    margin: 0 0 40px 0;
    padding: 0 12vw;
  }
}

.c-details__header .c-details__header--contents div p {
  margin: 0 0 10px 0;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--contents div p {
    margin: 0 0 5px 0;
    font-size: 87.5%;
    line-height: 2;
  }
}

.c-details__header .c-details__header--contents div .c-ttl__02 {
  margin: 0 0 60px 0;
  letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--contents div .c-ttl__02 {
    margin: 0;
  }
}

.c-details__header .c-details__header--contents figure img {
  width: 100%;
}

.c-details__header .c-details__header--scroll {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: calc((100% - 1020px) / 2);
  height: 100vh;
}

@media screen and (max-width: 768px) {
  .c-details__header .c-details__header--scroll {
    display: none;
  }
}

.c-details__header .c-details__header--scroll .p-scrollnav {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 25px;
  color: #858e95;
}

.c-details__header .c-details__header--scroll .p-scrollnav:before {
  background: #858e95;
}

.c-details__header .c-details__header--scroll .p-scrollnav > div {
  background: #858e95;
}

.l-contents__details--slider > div {
  margin: 0 0 80px 0;
}

.l-contents__details--slider > div .c-slider {
  position: relative;
}

.l-contents__details--slider > div .c-slider:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 130px;
  height: 100%;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider:before {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container {
    margin: 0;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide {
  width: 318px;
  padding: 0 20px;
  float: left;
  position: static;
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide {
    width: 100vw;
    padding: 0;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents {
  position: relative;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 10vw;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

@media screen and (min-width: 769px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a:hover {
    opacity: .5;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a figure img {
  width: 100%;
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a p:nth-of-type(1) {
  margin: -30px 0 15px 0;
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a p:nth-of-type(2) {
  margin: 0 0 10px 0;
  font-size: 90.0%;
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a p:nth-of-type(2) em {
  display: block;
  margin: 10px 0 0 0;
  font-size: 150.0%;
  font-weight: 500;
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a p:nth-of-type(3) {
  position: absolute;
  bottom: 8px;
  right: 0;
  color: #858e95;
  font-size: 78.5%;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a p:nth-of-type(3) {
    right: 10vw;
    bottom: 16px;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a .c-ttl__02 {
  margin: 0 0 10px 0;
  font-size: 175%;
  letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a .c-ttl__02 {
    margin: 0 0 20px 0;
    font-size: 100%;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a .c-ttl__02--2021 {
  margin: 0 0 10px 0;
  font-size: 130%;
  letter-spacing: .1em;
  line-height: 1.35;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__container .e-slide .e-slide__contents a .c-ttl__02--2021 {
    margin: 0 0 20px 0;
    font-size: 100%;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__count {
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 3;
}

.l-contents__details--slider > div .c-slider .c-slider__count .c-slider__count--current {
  width: 28px;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__count .c-slider__count--current {
    width: 10vw;
  }
}

.l-contents__details--slider > div .c-slider .c-slider__count .c-slider__count--total {
  width: 28px;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider > div .c-slider .c-slider__count .c-slider__count--total {
    width: 10vw;
  }
}

.l-contents__details--slider .c-btn__rect {
  margin: 0 auto 180px;
}

@media screen and (max-width: 768px) {
  .l-contents__details--slider .c-btn__rect {
    padding: 0 6vw;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　Project
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.p-scrollnav {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 60px;
  height: 90px;
  margin: 0 0 0 -30px;
  padding: 0 0 74px 0;
  color: #fff;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: bold;
}

.p-scrollnav:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
  height: 64px;
  background: #fff;
}

.p-scrollnav > div {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -3px;
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 100%;
  -webkit-animation: scrollnav 1.5s linear infinite;
  animation: scrollnav 1.5s linear infinite;
}

.p-btn__nav {
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 10;
  cursor: pointer;
}

.p-btn__nav svg {
  stroke-width: 2 !important;
}

.p-btn__nav svg circle {
  fill: rgba(55, 255, 255, 0);
  stroke-width: 2 !important;
}

.p-btn__nav .p-btn__nav--bar {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 11;
  width: 20px;
  height: 13px;
  margin: -6px 0 0 -10px;
}

.p-btn__nav .p-btn__nav--bar > div {
  position: absolute;
  left: 0;
  width: 20px;
  height: 1px;
  background: #000;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  transition: transform 0.2s cubic-bezier(0.6, 0, 0.3, 1), opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1), -webkit-transform 0.2s cubic-bezier(0.6, 0, 0.3, 1);
}

.p-btn__nav .p-btn__nav--bar > div:nth-of-type(1) {
  top: 0;
}

.p-btn__nav .p-btn__nav--bar > div:nth-of-type(2) {
  top: 6px;
}

.p-btn__nav .p-btn__nav--bar > div:nth-of-type(3) {
  bottom: 0;
}

.p-btn__nav.is-txt:before {
  content: "MENU";
  display: block;
  position: absolute;
  bottom: 8px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  height: 16px;
  color: #fff;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  font-size: 75.0%;
}

.p-btn__nav.is-txt .p-btn__nav--bar {
  margin: -12px 0 0 -10px;
}

.p-btn__nav.is-txt .p-btn__nav--bar > div {
  background: #fff;
}

@media screen and (max-width: 768px) {
  .p-btn__nav.is-txt:before {
    display: none;
  }
  .p-btn__nav.is-txt .p-btn__nav--bar {
    margin: -6px 0 0 -10px;
  }
}

.p-btn__nav.is-open .p-btn__nav--bar > div:nth-of-type(1) {
  -webkit-transform: translate(0, 6px) rotate(-45deg);
  transform: translate(0, 6px) rotate(-45deg);
}

.p-btn__nav.is-open .p-btn__nav--bar > div:nth-of-type(2) {
  opacity: 0;
}

.p-btn__nav.is-open .p-btn__nav--bar > div:nth-of-type(3) {
  -webkit-transform: translate(0, -6px) rotate(45deg);
  transform: translate(0, -6px) rotate(45deg);
}

.p-btn__nav.is-border svg circle {
  fill: rgba(55, 255, 255, 0);
  stroke-width: 1;
  stroke: #fff;
}

.p-btn__nav.is-open:before {
  content: "CLOSE";
}

@-webkit-keyframes scrollnav {
  0% {
    top: 0;
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}

@keyframes scrollnav {
  0% {
    top: 0;
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 1;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　Utility
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.u-pc__show {
  display: block;
}

.u-sp__show {
  display: none;
}

@media screen and (max-width: 768px) {
  .u-pc__show {
    display: none;
  }
  .u-sp__show {
    display: block;
  }
}

.u-mgn__20 {
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .u-mgn__20 {
    margin-bottom: 20px;
  }
}

.u-mgn__100 {
  margin-bottom: 100px !important;
}

@media screen and (max-width: 768px) {
  .u-mgn__100 {
    margin-bottom: 80px !important;
  }
}

.u-mgn__120 {
  margin-bottom: 120px !important;
}

@media screen and (max-width: 768px) {
  .u-mgn__120 {
    margin-bottom: 80px !important;
  }
}

.u-mgn__140 {
  margin-bottom: 140px !important;
}

@media screen and (max-width: 768px) {
  .u-mgn__140 {
    margin-bottom: 80px !important;
  }
}

.u-mgn__160 {
  margin-bottom: 160px !important;
}

@media screen and (max-width: 768px) {
  .u-mgn__160 {
    margin-bottom: 80px !important;
  }
}

.u-mgn__180 {
  margin-bottom: 180px !important;
}

@media screen and (max-width: 768px) {
  .u-mgn__180 {
    margin-bottom: 80px !important;
  }
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .c-btn__round a {
    -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
    transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  }
  *::-ms-backdrop, .c-btn__round a:hover {
    opacity: .5;
  }
  *::-ms-backdrop, .c-btn__round a:hover:before {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }
}

@supports (-ms-ime-align: auto) {
  .c-btn__round a {
    -webkit-transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
    transition: opacity 0.2s cubic-bezier(0.6, 0, 0.3, 1);
  }
  .c-btn__round a:hover {
    opacity: .5;
  }
  .c-btn__round a:hover:before {
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
  }
}