@charset "UTF-8";
/* header height */
/* sub-header height */
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes blinking-s {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blinking {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    transform: translateX(60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    transform: translateX(-60px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-up {
  0% {
    transform: translateY(60px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-zoom-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-zoom-out {
  0% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-clip-left {
  from {
    -webkit-clip-path: inset(0 100% 0 0);
            clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-right {
  from {
    -webkit-clip-path: inset(0 0 0 100%);
            clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-up {
  from {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-down {
  from {
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes fade-clip-center {
  from {
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: inset(0);
            clip-path: inset(0);
    opacity: 1;
  }
}
@keyframes fade-clip-circle {
  from {
    -webkit-clip-path: circle(0 at 50% 50%);
            clip-path: circle(0 at 50% 50%);
    opacity: 0;
  }
  to {
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
    opacity: 1;
  }
}
@keyframes fade-clip-skew {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    opacity: 1;
  }
}
@keyframes fade-clip-wave {
  from {
    -webkit-clip-path: polygon(0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0);
    transition: all 0.5s cubic-bezier(0.55, 0.06, 0.33, 1.85);
    transform: translateX(-30px) scale(0.8) skew(8deg);
    opacity: 0;
  }
  to {
    -webkit-clip-path: polygon(0 0, 200% 0, 0 200%);
            clip-path: polygon(0 0, 200% 0, 0 200%);
    transform: translateX(0) scale(1) skew(0);
    opacity: 1;
  }
}
@keyframes cover-left {
  0%, 20% {
    transform-origin: 0 50%;
  }
  20%, 100% {
    transform-origin: 100% 50%;
  }
  20% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes cover-right {
  0%, 20% {
    transform-origin: 100% 50%;
  }
  20%, 100% {
    transform-origin: 0 50%;
  }
  20% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes cover-up {
  0%, 20% {
    transform-origin: 50% 100%;
  }
  20%, 100% {
    transform-origin: 50% 0;
  }
  20% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes cover-down {
  0%, 20% {
    transform-origin: 50% 0;
  }
  20%, 100% {
    transform-origin: 50% 100%;
  }
  20% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(0);
  }
}
@keyframes hover-zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes hover-zoom-out {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes hover-zoom-in-blink {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
}
@keyframes hover-zoom-out-blink {
  0% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.content-sp-scroll-wrap {
  position: relative;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: auto;
  overflow-x: scroll;
}

.wrapper--fixed-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper--fixed-wide-width-spfull {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.wrapper--full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper--fixed-mid-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper--fixed-mid2-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper--fixed-mid3-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.wrapper--fixed-swide-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.wrapper--fixed-pwide-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
}

.wrapper--fixed-mid-width-spfull {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

.no-data-message {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin: 0 auto;
  padding: 80px 50px;
}

.bold {
  font-weight: bold !important;
}

.normal {
  font-weight: normal !important;
}

.caution {
  color: #fff !important;
}

.emphasis-s {
  color: #fff !important;
}

.emphasis {
  color: #fff !important;
  font-weight: 700;
}

.text-center {
  text-align: center !important;
}

.hr {
  border-top: 1px solid #100707;
  width: 100%;
}

.nb {
  border: none !important;
}

.nbt {
  border-top: none !important;
}

.nbb {
  border-bottom: none !important;
}

.bt {
  border-top: 1px solid #100707 !important;
}

.bb {
  border-bottom: 1px solid #100707 !important;
}

.border_l {
  border-left: 1px solid #100707 !important;
}

.border_r {
  border-right: 1px solid #100707 !important;
}

.bb_trans {
  border-bottom: 1px solid rgba(255, 255, 255, 0) !important;
}

.m0 {
  margin: 0px !important;
}

.mtb0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb30 {
  margin-bottom: 15px !important;
}

.mb40 {
  margin-bottom: 30px !important;
}

.mb50 {
  margin-bottom: 30px !important;
}

.mb60 {
  margin-bottom: 40px !important;
}

.mb70 {
  margin-bottom: 50px !important;
}

.mb80 {
  margin-bottom: 60px !important;
}

.mb90 {
  margin-bottom: 70px !important;
}

.mb100 {
  margin-bottom: 80px !important;
}

.mt60 {
  margin-top: 40px !important;
}

.p0 {
  padding: 0px !important;
}

.ptb0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 10px !important;
}

.pb30 {
  padding-bottom: 10px !important;
}

.pb40 {
  padding-bottom: 20px !important;
}

.pb50 {
  padding-bottom: 30px !important;
}

.pb52 {
  padding-bottom: 32px !important;
}

.pb60 {
  padding-bottom: 40px !important;
}

.pb70 {
  padding-bottom: 50px !important;
}

.pb80 {
  padding-bottom: 60px !important;
}

.pb90 {
  padding-bottom: 70px !important;
}

.pb100 {
  padding-bottom: 80px !important;
}

.flex-space-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.flex-flex-end {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.sec {
  width: 100%;
}
.sec__head__inner {
  padding: 32px 30px;
}
.sec__head__inner.news-title__home {
  padding: 17px 30px 27px;
}
.sec__head__inner.news-title {
  padding: 30px 30px;
}
.sec__head__inner.sub {
  padding: 33px 30px 43px;
}
.sec__head__inner.sub2 {
  padding: 37px 30px 6px;
}
.sec__head__inner.sub3 {
  padding: 37px 30px;
}
.sec__body__inner {
  padding: 0px 30px;
}
.sec__foot__inner {
  padding: 40px 30px;
}
.sec__ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 17px;
  font-family: "Inter";
  font-weight: 500;
  font-feature-settings: "palt";
  color: #fff;
}
.sec__subttl {
  color: #fff;
}
.sec__secondary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
  color: #fff;
}
.sec__tertiary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
  color: #fff;
}
.sec__quaternary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
  color: #fff;
}
.sec__text {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
}
.sec__subtext {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
}
.sec__secondary-text {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
}

.content__head {
  border-bottom: 1px solid #100707;
}
.content__head__inner {
  padding: 25px 0;
}
.content__body {
  border-bottom: 1px solid #100707;
}
.content__body__inner {
  padding: 50px 0;
}
.content__foot {
  margin-top: 15px;
}
.content__ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 18px;
  color: #fff;
}
.content__subttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 16px;
  color: #fff;
}
.content__secondary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
  color: #fff;
}
.content__tertiary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
  color: #fff;
}
.content__quaternary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
  color: #fff;
}
.content__text {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
}
.content__subtext {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
}
.content__secondary-text {
  font-weight: normal;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
}

/*
.section {
  box-sizing: border-box;
  @include border-bottom;
  padding: 0 0 60px;
  @include tb {
    padding: 0 0 80px;
  }

  &__head__l {
    @include border-bottom;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    min-height: 104px;
    @include tb {
      min-height: 104px;
    }
    &.mt {
      margin-top: 7px;
      @include tb {
        margin-top: 29px;
      }
    }
    &__inner {
      @include section-wrapper-fix-l;
      &.full {
        @include section-wrapper;
      }
      display: flex;
      align-items: flex-start;
      flex-direction: column;
      @include pc {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
    }
    &_left {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      min-height: 78px;
      width: 100%;
      @include pc {
        width: auto;
        min-height: 100%;
        justify-content: flex-start;
      }
    }
    &_right {
      display: flex;
      justify-content: flex-start;
      flex-direction: row;
      min-height: 52px;
      width: 100%;
      @include pc {
        width: auto;
        min-height: 100%;
      }
      width: 100vw;
      overflow-x: auto;
      @include pc {
        width: auto;
        overflow-x: visible;
      }
    }
    .ttl {
      @include ttl(24px, 24px, 26px, 1.2, 1.2, 1.2);
      white-space: nowrap;
      a {
        @include anime-hover-blink;
      }
    }
  }
  &__head {
    box-sizing: border-box;
    @include border-top;
    @include border-bottom;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    min-height: 102px;
    @include tb {
      min-height: 102px;
    }
    &__inner {
      @include section-wrapper-w83(false);
      &.al {
        @include section-wrapper-w93(true);
        .ttl {
          margin-left: 0px;
          @include pc {
            margin-left: 60px;
          }
        }
      }
      display: flex;
      flex-direction: column;
      @include tb {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
    }
    &_left {
      box-sizing: border-box;
      display: flex;
      flex-direction: row;
      align-items: center;
      @include tb {
        justify-content: flex-start;
      }
      &__inner {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        padding: 40px 0 10px;
        width: 100%;
        @include tb {
          padding: 0;
          width: auto;
          justify-content: flex-start;
        }
        &.between-sp {
          justify-content: space-between;
        }
        &.has-btn {
          padding: 25px 0 10px;
          @include tb {
            padding: 0;
          }
        }
      }
    }
    &_right {
      box-sizing: border-box;
      &__inner {
        display: flex;
        justify-content: flex-end;
        margin-right: 0;
        text-align: right;
        flex-direction: row;
        align-items: flex-start;
        width: 100%;
        padding: 30px 0 30px;
        @include tb {
          width: auto;
          padding: 0px;
        }
        &.has-btn {
          padding: 20px 0 40px;
          @include tb {
            padding: 0;
          }
        }
      }
      p {
        @include ttl(12px, 12px, 12px);
      }
      p.qa-text {
        text-align: left;
        @include text(12px, 12px, 14px);
        width: 100%;
        @include tb {
          width: 450px;
        }
      }
      .user-btn {
        margin: 0 0 0 5px;
        @include tb {
          margin: 0 0 0 5px;
        }
        &:last-of-type {
          @include tb {
            margin: 0 0 0 10px;
          }
        }
      }
    }
    .ttl {
      @include ttl(16px, 16px, 18px);
      white-space: nowrap;
      margin-right: 20px;
      @include tb {
        margin-right: 40px;
      }
    }
    .ttl__l {
      @include ttl(16px, 16px, 20px);
      white-space: nowrap;
      margin-right: 20px;
      @include tb {
        margin-right: 40px;
      }
    }
  }

  &__head__h {
    @include border-top;
    @include border-bottom;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    min-height: 142px;
    @include tb {
      min-height: 142px;
    }
    &__inner {
      @include section-wrapper-w83(false);
      &.al {
        @include section-wrapper-w93(true);
        .ttl {
          margin-left: 0px;
          @include tb {
            margin-left: 60px;
          }
        }
      }
      display: flex;
      flex-direction: column;
      @include tb {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }
    }
    &_left {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      min-height: 100px;
      width: 100%;
      @include tb {
        width: auto;
        justify-content: flex-start;
      }
    }
    &_right {
      display: flex;
      justify-content: flex-end;
      margin-right: 0;
      text-align: right;
      flex-direction: row;
      align-items: flex-start;
      min-height: 44px;
      width: 100%;
      @include tb {
        width: auto;
        min-height: 100%;
      }
      p {
        @include ttl(12px, 12px, 12px);
      }
    }
    .ttl {
      @include ttl(18px, 18px, 20px);
      white-space: nowrap;
      margin-right: 20px;
      @include tb {
        margin-right: 40px;
      }
      &.ssp {
        @include ttl(16px, 16px, 20px);
      }
    }
  }
  &__head__back {
    @include border-top;
    @include border-bottom;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    min-height: 102px;
    @include tb {
      min-height: 142px;
    }
    &__inner {
      @include section-wrapper-w83(false);
      &.al {
        @include section-wrapper-w93(true);
        .ttl {
          margin-left: 0px;
          @include tb {
            margin-left: 60px;
          }
        }
      }
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
    }
    &_left {
    }
    &_right {
    }
    .ttl {
      @include ttl(18px, 18px, 20px);
      white-space: nowrap;
      margin-right: 20px;
      @include tb {
        margin-right: 40px;
      }

      &.ssp {
        @include ttl(16px, 16px, 20px);
      }
    }
  }
  &__center {
    &-head {
      margin-bottom: 30px;
      @include tb {
        margin-bottom: 40px;
      }
      &.mb60 {
        margin-bottom: 40px;
        @include tb {
          margin-bottom: 60px;
        }
      }
      &__inner {
        box-sizing: border-box;
        @include border-top-bottom;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 86.7%;
        margin: 0 auto;
        @include pc {
          width: 100%;
          max-width: 1000px;
        }
        &.full {
          width: 100%;
          @include pc {
            width: 100%;
          }
        }
      }
      .ttl {
        @include ttl(14px, 14px, 18px);
        text-align: center;
        white-space: nowrap;
        padding: 20px 0;
        @include tb {
          padding: 31px 0;
        }
      }
    }
  }
  &__body {
    width: 100%;
    height: auto;
  }
  &__foot {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 35px;
    @include tb {
      padding-top: 50px;
    }
  }
}
*/
.text-link {
  will-change: transform opacity;
  font-weight: 700;
  color: #fff;
  text-decoration: underline;
  line-break: auto !important;
  word-break: break-all;
}
.text-link.accent {
  will-change: transform opacity;
  font-weight: 700;
  color: #DC0000;
  text-decoration: underline;
  line-break: auto !important;
  word-break: break-all;
}

.btn, .btn-round-oar-left-fill-black, .btn-round-oar {
  box-sizing: border-box;
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 12px;
  padding: 11px 40px 9px;
}
.btn.large, .large.btn-round-oar-left-fill-black, .large.btn-round-oar {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  padding: 16px 50px 14px;
}
.btn.round, .btn-round-oar-left-fill-black, .btn-round-oar {
  border-radius: 100vh;
  background-color: #fff;
  color: #fff;
}
.btn.corner, .corner.btn-round-oar-left-fill-black, .corner.btn-round-oar {
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
  border: 1px solid #989898;
  will-change: transform opacity;
  text-align: left;
  padding: 17px 24px 17px 20px;
  width: 288px;
  font-size: 12px;
}
.btn.corner::after, .corner.btn-round-oar-left-fill-black::after, .corner.btn-round-oar::after {
  right: 20px;
}
.btn.corner.fb, .corner.fb.btn-round-oar-left-fill-black, .corner.fb.btn-round-oar {
  color: #fff;
  border-color: #fff;
  background-color: #fff;
}
.btn.corner.fb::after, .corner.fb.btn-round-oar-left-fill-black::after, .corner.fb.btn-round-oar::after {
  border-color: #fff;
}
.btn.accent, .accent.btn-round-oar-left-fill-black, .accent.btn-round-oar {
  background-color: #DC0000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.btn.accent::after, .accent.btn-round-oar-left-fill-black::after, .accent.btn-round-oar::after {
  border-color: #fff;
}
.btn.accent.oar::before, .accent.oar.btn-round-oar-left-fill-black::before, .accent.oar.btn-round-oar::before {
  right: 10px;
  background-color: #DC0000;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn.accent.oar::after, .accent.oar.btn-round-oar-left-fill-black::after, .accent.oar.btn-round-oar::after {
  border-color: #fff !important;
}
.btn.oar, .oar.btn-round-oar-left-fill-black, .oar.btn-round-oar {
  white-space: nowrap;
  font-size: 14px;
  text-align: left;
  font-size: 14px;
  padding: 17px 73px 15px 30px;
}
.btn.oar::before, .oar.btn-round-oar-left-fill-black::before, .oar.btn-round-oar::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: auto;
  right: 10px;
  bottom: 0;
  width: auto;
  height: 70%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #989898;
}
.btn.oar::after, .oar.btn-round-oar-left-fill-black::after, .oar.btn-round-oar::after {
  border-color: #2c2c2c;
}
.btn.oar::after, .oar.btn-round-oar-left-fill-black::after, .oar.btn-round-oar::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 26px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.btn.oar.left, .oar.left.btn-round-oar-left-fill-black, .oar.left.btn-round-oar {
  white-space: nowrap;
  font-size: 14px;
  text-align: right;
  font-size: 14px;
  padding: 17px 30px 15px 73px;
}
.btn.oar.left::before, .oar.left.btn-round-oar-left-fill-black::before, .oar.left.btn-round-oar::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 10px;
  right: auto;
  bottom: 0;
  width: auto;
  height: 70%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #989898;
}
.btn.oar.left::after, .oar.left.btn-round-oar-left-fill-black::after, .oar.left.btn-round-oar::after {
  border-color: #2c2c2c;
}
.btn.oar.left::after, .oar.left.btn-round-oar-left-fill-black::after, .oar.left.btn-round-oar::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  left: 24px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
}
.btn.oar.fill-black, .oar.fill-black.btn-round-oar-left-fill-black, .oar.fill-black.btn-round-oar {
  background: #fff;
  color: #fff;
}
.btn.oar.fill-black::before, .oar.fill-black.btn-round-oar-left-fill-black::before, .oar.fill-black.btn-round-oar::before {
  background: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.btn.oar.fill-black::after, .oar.fill-black.btn-round-oar-left-fill-black::after, .oar.fill-black.btn-round-oar::after {
  border-color: #fff;
}
.btn::after, .btn-round-oar-left-fill-black::after, .btn-round-oar::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 27px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.oarrow-btn {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding: 0;
  padding: 0 52px 0 0;
}
.oarrow-btn.small {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 12px;
}
.oarrow-btn.large {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 16px;
}
.oarrow-btn::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn::before {
  left: auto;
  right: 0;
}
.oarrow-btn::after {
  left: auto;
  right: 17px;
}
.oarrow-btn.left {
  padding: 0;
  padding: 0 0 0 52px;
}
.oarrow-btn.left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn.left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn.left::before {
  left: 0;
  right: auto;
}
.oarrow-btn.left::after {
  right: auto;
  left: 17px;
}
.oarrow-btn.accent {
  color: #DC0000;
}
.oarrow-btn.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.oarrow-btn.accent::after {
  border-color: #DC0000;
}

.oarrow-btn-left {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding: 0;
  padding: 0 52px 0 0;
}
.oarrow-btn-left.small {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 12px;
}
.oarrow-btn-left.large {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 16px;
}
.oarrow-btn-left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-left::before {
  left: auto;
  right: 0;
}
.oarrow-btn-left::after {
  transform: rotate(225deg);
  left: auto;
  right: 16px;
}
.oarrow-btn-left.left {
  padding: 0;
  padding: 0 0 0 52px;
}
.oarrow-btn-left.left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-left.left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-left.left::before {
  left: 0;
  right: auto;
}
.oarrow-btn-left.left::after {
  transform: rotate(225deg);
  right: auto;
  left: 18px;
}
.oarrow-btn-left.accent {
  color: #DC0000;
}
.oarrow-btn-left.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.oarrow-btn-left.accent::after {
  border-color: #DC0000;
}

.oarrow-btn-up {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding: 0;
  padding: 0 52px 0 0;
}
.oarrow-btn-up.small {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 12px;
}
.oarrow-btn-up.large {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 16px;
}
.oarrow-btn-up::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-up::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-up::before {
  left: auto;
  right: 0;
}
.oarrow-btn-up::after {
  transform: rotate(-45deg);
  left: auto;
  top: 2px;
  right: 17px;
}
.oarrow-btn-up.left {
  padding: 0;
  padding: 0 0 0 52px;
}
.oarrow-btn-up.left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-up.left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-up.left::before {
  left: 0;
  right: auto;
}
.oarrow-btn-up.left::after {
  transform: rotate(-45deg);
  right: auto;
  top: 2px;
  left: 17px;
}
.oarrow-btn-up.accent {
  color: #DC0000;
}
.oarrow-btn-up.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.oarrow-btn-up.accent::after {
  border-color: #DC0000;
}

.oarrow-btn-down {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  padding: 0;
  padding: 0 52px 0 0;
}
.oarrow-btn-down.small {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 12px;
}
.oarrow-btn-down.large {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 16px;
}
.oarrow-btn-down::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-down::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-down::before {
  left: auto;
  right: 0;
}
.oarrow-btn-down::after {
  transform: rotate(135deg);
  left: auto;
  top: -2px;
  right: 17px;
}
.oarrow-btn-down.left {
  padding: 0;
  padding: 0 0 0 52px;
}
.oarrow-btn-down.left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background: transparent;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.oarrow-btn-down.left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn-down.left::before {
  left: 0;
  right: auto;
}
.oarrow-btn-down.left::after {
  transform: rotate(135deg);
  right: auto;
  top: -2px;
  left: 17px;
}
.oarrow-btn-down.accent {
  color: #DC0000;
}
.oarrow-btn-down.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.oarrow-btn-down.accent::after {
  border-color: #DC0000;
}

/*
//----------------------------------------------------------
.more-btn {
  @include oarrow;
  @include oarrow-size('xsmall');
  @include font-robot(400);
  text-transform: uppercase;
  letter-spacing: 0.001em;
  line-height: 1;
}

//----------------------------------------------------------
.buy-btn {
  @include oarrow;
  @include oarrow-size('small');
  @include oarrow-accent();
  text-transform: uppercase;
  line-height: 1;
}

//----------------------------------------------------------
.shop-btn {
  @include oarrow;
  @include oarrow-size('large');
  @include oarrow-accent();
  line-height: 1;
}

//----------------------------------------------------------
.open-btn {
  @include oarrow('open');
  @include oarrow-size('xsmall');
  letter-spacing: 0.001em;
  line-height: 1;
}
*/
.icon-plus-s {
  position: relative;
  width: 20px;
  height: 20px;
}
.icon-plus-s::before {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 14px;
  height: 2px;
  border-top: 2px solid #323232;
  opacity: 1;
}
.icon-plus-s::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 2px;
  height: 14px;
  border-left: 2px solid #323232;
  opacity: 1;
}
.icon-plus-s.is-open::after {
  transform: rotate(90deg);
}

.warrow-btn {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 12px;
  padding: 11px 40px 9px;
  border-radius: 100vh;
  background-color: #fff;
  color: #fff;
  text-align: left;
  padding: 6px 55px 4px 33px;
}
.warrow-btn.large {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-weight: bold;
  font-size: 14px;
  padding: 16px 50px 14px;
}
.warrow-btn.accent {
  background-color: #DC0000;
  border: 1px solid #DC0000;
  color: #fff;
}
.warrow-btn.accent::after {
  border-color: #fff;
}
.warrow-btn.accent.oar::before {
  right: 10px;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}
.warrow-btn.accent.oar::after {
  border-color: #fff !important;
}
.warrow-btn::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  transform: rotate(45deg);
}

/*
.add-btn {
  @include warrow-btn('plus');
  @include button-accent;
  &__container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 0 50px 0;
    @include tb {
      padding: 50px 0 100px 0;
    }
  }
}
*/
.arrow-btn {
  will-change: transform opacity;
  display: inline-block;
  color: #fff;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 0px;
}
.arrow-btn::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  left: auto;
  top: 0px;
  bottom: 0;
  right: 0px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transform: rotate(45deg);
}
.arrow-btn.left {
  padding-right: 0px;
  padding-left: 15px;
}
.arrow-btn.left::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: auto;
  left: 0px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
  transform: rotate(225deg);
}
.arrow-btn.accent {
  color: #DC0000;
}
.arrow-btn.accent::after {
  border-color: #DC0000;
}
.arrow-btn.primary {
  color: #323232;
}
.arrow-btn.primary::after {
  border-color: #323232;
}
.arrow-btn.secondary {
  color: #969696;
}
.arrow-btn.secondary::after {
  border-color: #969696;
}

.arrow-down-btn {
  will-change: transform opacity;
  display: inline-block;
  color: #fff;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 0px;
  padding-right: 18px;
}
.arrow-down-btn::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  left: auto;
  top: 0px;
  bottom: 0;
  right: 0px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transform: rotate(135deg);
  top: -3px;
}
.arrow-down-btn.left {
  padding-right: 0px;
  padding-left: 15px;
}
.arrow-down-btn.left::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: auto;
  left: 0px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
}
.arrow-down-btn.accent {
  color: #DC0000;
}
.arrow-down-btn.accent::after {
  border-color: #DC0000;
}
.arrow-down-btn.primary {
  color: #323232;
}
.arrow-down-btn.primary::after {
  border-color: #323232;
}
.arrow-down-btn.secondary {
  color: #969696;
}
.arrow-down-btn.secondary::after {
  border-color: #969696;
}

/*
.anchor-down-btn {
  @include arrow-button('right', 'down');
  font-size: 11px;
  @include tb {
    font-size: 13px;
  }
}
*/
.back-btn {
  will-change: transform opacity;
  display: inline-block;
  color: #fff;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  padding-right: 0px;
  padding-left: 15px;
}
.back-btn::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: auto;
  left: 0px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
  transform: rotate(225deg);
}
.back-btn.left {
  padding-right: 0px;
  padding-left: 15px;
}
.back-btn.left::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0px;
  bottom: 0;
  right: auto;
  left: 0px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
  transform: rotate(225deg);
}
.back-btn.accent {
  color: #DC0000;
}
.back-btn.accent::after {
  border-color: #DC0000;
}
.back-btn.primary {
  color: #323232;
}
.back-btn.primary::after {
  border-color: #323232;
}
.back-btn.secondary {
  color: #969696;
}
.back-btn.secondary::after {
  border-color: #969696;
}

/*
//----------------------------------------------------------
.youtube-btn {
  @include icon-button('youtube', none, 700, 16px, 16px, 18px, 10px, 10px, 10px, 26px, 28px, 26px, 18px, 31px, 31px);
}

//----------------------------------------------------------

//----------------------------------------------------------
.pdf-btn {
  @include icon-button('pdf');
}

//----------------------------------------------------------
.signin-text-btn {
  @include icon-button('signin');
}

//----------------------------------------------------------
.cal-btn {
  @include button;
  display: inline-block;
  @include icon-button(
    'cal',
    none,
    700,
    16px,
    16px,
    16px,
    8px,
    8px,
    8px,
    19px,
    20px,
    22px,
    23px,
    22px,
    23px
  );
  &:hover {
    opacity: 1;
  }
}
*/
.label-btn {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  border-radius: 100vh;
  background-color: #fff;
  color: #969696;
  border: 1px solid #969696;
  transition: all 0.3s;
  box-sizing: border-box;
  font-weight: bold;
  display: inline-block;
  font-size: 12px;
  padding: 6px 9px 4px;
  color: #323232;
  border: 1px solid #b9b9b9;
  background-color: #fff;
}
.label-btn.current {
  color: #fff;
  border: 1px solid #fff;
  background-color: #fff;
}

.rect-btn__small {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  will-change: transform opacity;
  box-sizing: border-box;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 13px 18px 11px;
}
.rect-btn__small.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

.rect-btn {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  will-change: transform opacity;
  box-sizing: border-box;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  background-color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  padding: 16px 58px 14px;
}
.rect-btn.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

/*
.readz {
  @include square-button('small');
}

.confirm-btn {
  @include square-button;
}

.entry-btn {
  @include square-button;
  padding: 16px 46px 14px;
  @include tb {
    padding: 22px 59px 20px;
  }
}

.signin-btn {
  @include button;
  @include anime-hover-blink();
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  background-color: $main-color;
  border: 1px solid $main-color;
  font-size: 12px;
  padding: 16px 37px 14px;
  @include tb {
    font-size: 14px;
    padding: 22px 47px 20px;
  }
  > span {
    &::before {
      content: '';
      background-image: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='white'%3e%3cpath d='M13.67 7.696v6.44a.622.622 0 0 1-.622.622H1.864a.622.622 0 0 1-.621-.622V2.952c0-.343.278-.621.621-.621h6.44l1.243-1.243H1.864A1.866 1.866 0 0 0 0 2.952v11.184C0 15.164.836 16 1.864 16h11.184a1.866 1.866 0 0 0 1.864-1.864V6.453L13.67 7.696Z'/%3e%3cpath d='M8.45 10H6.994A.995.995 0 0 1 6 9.006V7.55c0-.371.184-.814.446-1.076L12.629.29a.995.995 0 0 1 1.406 0l1.674 1.674c.188.188.291.437.291.703a.987.987 0 0 1-.29.703L9.525 9.554A1.645 1.645 0 0 1 8.45 10ZM7.243 8.757H8.45a.482.482 0 0 0 .2-.083l6.005-6.006-1.323-1.323-6.007 6.008a.483.483 0 0 0-.082.2v1.204Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      background-size: 100%;
      display: inline-block;
      vertical-align: -2px;
      width: 13px;
      height: 13px;
      margin: 0 8px 0 0;
      @include tb {
        width: 16px;
        height: 16px;
        margin: 0px 10px 0 0;
      }
    }
  }
}

.login-btn {
  @include button;
  @include anime-hover-blink();
  box-sizing: border-box;
  font-weight: bold;
  line-height: 1.3;
  color: $main-color;
  background-color: #fff;
  border: 1px solid $main-color;
  font-size: 12px;
  padding: 15px 37px;
  @include tb {
    font-size: 14px;
    padding: 21px 47px;
  }
  > span {
    &::before {
      content: '';
      background-image: url("data:image/svg+xml,%3csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23323232'%3e%3cpath d='M12.174 15.826H4.87A1.828 1.828 0 0 1 3.043 14v-2.435h1.218V14a.61.61 0 0 0 .609.609h7.304a.61.61 0 0 0 .609-.609V1.826a.61.61 0 0 0-.61-.609H4.87a.61.61 0 0 0-.61.61V4.26H3.044V1.826C3.043.82 3.863 0 4.87 0h7.304C13.18 0 14 .82 14 1.826V14c0 1.007-.82 1.826-1.826 1.826Z'/%3e%3cpath d='m7.735 10.78-.861-.862 2.004-2.004L6.874 5.91l.86-.861 2.435 2.435a.609.609 0 0 1 0 .86L7.735 10.78Z'/%3e%3cpath d='M9.74 7.305H0v1.217h9.74V7.305Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h14v15.826H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
      background-size: 100%;
      display: inline-block;
      vertical-align: -2px;
      width: 11px;
      height: 12px;
      margin: 0 8px 0 0;
      @include tb {
        margin: 0px 10px 0 0;
        width: 14px;
        height: 16px;
      }
    }
  }
}
*/
.select-button-group {
  display: flex;
  flex-direction: row;
  align-content: center;
  flex-wrap: wrap;
  width: 100% label;
  width-cursor: pointer;
}
.select-button-group span {
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  text-align: left;
  box-sizing: border-box;
  color: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 3px;
  min-width: 100px;
  font-size: 12px;
  padding: 8px 14px;
  font-weight: 700;
}
.select-button-group input {
  display: none;
}
.select-button-group input:checked + span {
  color: #fff;
  background-color: #fff;
  border: 1px solid #fff;
}

.icon-oarrow-btn-sb-left {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-sb-left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-sb-left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-sb-left::after {
  transform: rotate(225deg);
  right: 16px;
}
.icon-oarrow-btn-sb-left::before {
  border: 1px solid rgba(50, 50, 50, 0.5);
  background-color: transparent;
}
.icon-oarrow-btn-sb-left::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-sb-right {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-sb-right::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-sb-right::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-sb-right::before {
  border: 1px solid rgba(50, 50, 50, 0.5);
  background-color: transparent;
}
.icon-oarrow-btn-sb-right::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-sw-left {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-sw-left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-sw-left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-sw-left::after {
  transform: rotate(225deg);
  right: 16px;
}
.icon-oarrow-btn-sw-left::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.icon-oarrow-btn-sw-left::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-sw-right {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-sw-right::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-sw-right::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-sw-right::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
.icon-oarrow-btn-sw-right::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-fb-left {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-fb-left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-fb-left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-fb-left::after {
  transform: rotate(225deg);
  right: 16px;
}
.icon-oarrow-btn-fb-left::before {
  background-color: #fff;
}
.icon-oarrow-btn-fb-left::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-fb-right {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-fb-right::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-fb-right::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-fb-right::before {
  background-color: #fff;
}
.icon-oarrow-btn-fb-right::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-fw-left {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-fw-left::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-fw-left::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-fw-left::after {
  transform: rotate(225deg);
  right: 16px;
}
.icon-oarrow-btn-fw-left::before {
  background-color: #fff;
}
.icon-oarrow-btn-fw-left::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.icon-oarrow-btn-fw-right {
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
}
.icon-oarrow-btn-fw-right::before {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #989898;
  background-color: #fff;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
.icon-oarrow-btn-fw-right::after {
  transition: border-color 0.3s, background-color 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  border-top: 2px solid #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
  right: 18px;
  width: 7px;
  height: 7px;
}
.icon-oarrow-btn-fw-right::before {
  background-color: #fff;
}
.icon-oarrow-btn-fw-right::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.pagetop-btn {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg width='56' height='40' viewBox='0 0 56 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m3 37 25-25 25 25' stroke='%23ffffff' stroke-width='4' stroke-linecap='square'/%3e%3cpath d='M2 2h52' stroke='%23ffffff' stroke-width='4'/%3e%3c/svg%3e");
  background-size: 100%;
  width: 42px;
  height: 28px;
}

/*
.contact-btn {
  @include anime-hover-blink();
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  .label-contact {
    @include label-contact;
    margin-right: 25px;
    @include pc {
      margin-right: 41px;
    }
    &-en {
      margin-right: 0px;
      @include pc {
        margin-right: 0px;
      }
    }
  }
  .label-arrow {
    @include arrow-button;
    font-size: 12px;
    @include tb {
      font-size: 16px;
    }
    pointer-events: none;
  }
  @media (hover: hover) {
    @include anime-hover-blink();
    &:hover {
      .label-arrow::after {
        right: -2px;
        border-color: $color-black;
      }
    }
  }
}

.home-recruit-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  span {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    @include pc {
      font-size: 30px;
    }
  }
  &-label {
    @include oarrow('right');
    @include font-yugothic();
    &::before{
      background-color: transparent;
      border: 2px solid rgba(255, 255, 255, 0.5);
    }
    &::after {
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
    }
    text-align: right;
    color: #fff;
    pointer-events: none;
    margin-left: 15px;
    font-size: 11px;
    @include pc {
      margin-left: 17px;
      font-size: 16px;
    }
    &::before {
      top: -10px;
    }
    &::after {
      top: -10px;
    }
  }
  @media (hover: hover) {
    &:hover {
      opacity: 0.5;
    }
  }
}
*/
.btn-round-oar {
  border: 1px solid rgba(50, 50, 50, 0.5);
  white-space: nowrap;
  font-size: 14px;
  text-align: right;
  font-size: 14px;
  padding: 17px 30px 15px 73px;
}
.btn-round-oar::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 10px;
  right: auto;
  bottom: 0;
  width: auto;
  height: 70%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #989898;
}
.btn-round-oar::after {
  border-color: #2c2c2c;
}
.btn-round-oar::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto !important;
  left: 25px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
}

.btn-round-oar-left-fill-black {
  white-space: nowrap;
  font-size: 14px;
  text-align: left;
  font-size: 14px;
  padding: 17px 73px 15px 30px;
  background: #fff;
  color: #fff;
}
.btn-round-oar-left-fill-black::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: auto;
  right: 10px;
  bottom: 0;
  width: auto;
  height: 70%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #989898;
}
.btn-round-oar-left-fill-black::after {
  border-color: #2c2c2c;
}
.btn-round-oar-left-fill-black::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: 24px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.btn-round-oar-left-fill-black.left {
  white-space: nowrap;
  font-size: 14px;
  text-align: right;
  font-size: 14px;
  padding: 17px 30px 15px 73px;
}
.btn-round-oar-left-fill-black.left::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  left: 10px;
  right: auto;
  bottom: 0;
  width: auto;
  height: 70%;
  aspect-ratio: 1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #989898;
}
.btn-round-oar-left-fill-black.left::after {
  border-color: #2c2c2c;
}
.btn-round-oar-left-fill-black.left::after {
  transition: all 0.3s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: auto;
  left: 24px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(225deg);
}
.btn-round-oar-left-fill-black::before {
  background: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.btn-round-oar-left-fill-black::after {
  border-color: #fff;
}

.home .header {
  transition: all 0.5s;
  background-color: transparent;
}
.home .header__nav li span::after {
  transition: all 0.5s;
  background-color: #fff;
}
.home .header a {
  transition: all 0.5s;
  color: #fff;
}
.home .header .icon-twitter {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='0.0' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.522 18.776 27.48 12h-1.412l-5.172 5.882L16.765 12H12l6.247 8.897L12 28h1.411l5.463-6.212L23.237 28h4.765l-6.477-9.226-.003.002Zm-1.932 2.2-.634-.886-5.036-7.05h2.167l4.064 5.69.634.885 5.282 7.394H23.9l-4.312-6.034h.002Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' transform='translate(12 12)' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.home .header .icon-youtube {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='0.0' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M29.205 15.712a2.413 2.413 0 0 0-1.698-1.709c-1.496-.403-7.5-.403-7.5-.403s-6.005 0-7.502.403a2.413 2.413 0 0 0-1.697 1.709c-.402 1.507-.402 4.651-.402 4.651s0 3.144.402 4.652c.22.831.871 1.486 1.697 1.708 1.498.404 7.501.404 7.501.404s6.005 0 7.501-.404a2.413 2.413 0 0 0 1.698-1.708c.401-1.507.401-4.652.401-4.652s0-3.144-.401-4.651Zm-11.162 7.506v-5.71l5.018 2.855-5.018 2.855Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(10.406 13.6)' d='M0 0h19.2v13.527H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.home .header__etc li span::after {
  background: #fff;
}
.home .header__menubtn span {
  background: #fff;
}
.home .header.normal {
  background-color: #323232;
}
.home .header.normal .header__logo {
  background-image: url("data:image/svg+xml,%3csvg width='221' height='120' viewBox='0 0 221 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M220.036.962H.962v59.057h219.074V.962Z' fill='white' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M220.036 60.02H.962v59.018h219.074V60.019Z' fill='black' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M19.093 42.89V17.026h9.194c2.795 0 5.013.552 6.654 1.642 1.642 1.09 2.462 2.513 2.462 4.27 0 1.461-.5 2.743-1.487 3.82-.987 1.077-2.36 1.847-4.103 2.308v.077c2.18.205 3.924.86 5.231 1.975 1.308 1.115 1.962 2.564 1.962 4.334 0 2.218-.987 4-2.975 5.372-1.987 1.372-4.487 2.051-7.5 2.051h-9.425l-.013.013Zm3.782-23.119v8.347h3.873c2.077 0 3.706-.397 4.885-1.192 1.193-.795 1.783-1.923 1.783-3.385 0-2.513-2.065-3.77-6.194-3.77h-4.347Zm0 11.066v9.308h5.142c2.219 0 3.95-.423 5.168-1.256 1.23-.847 1.833-2 1.833-3.462 0-3.052-2.603-4.578-7.796-4.578h-4.347v-.012ZM75.192 42.89h-4.193l-3.424-7.245H53.868l-3.219 7.244h-4.218l12.4-25.862h3.923L75.192 42.89Zm-8.86-9.976L61.253 21.9c-.167-.36-.334-.936-.5-1.731h-.09c-.154.73-.32 1.308-.513 1.73l-5.027 11.015h11.207ZM107.055 42.89h-5.27L89.296 31.066c-.462-.448-.757-.743-.86-.897h-.089v12.732h-3.782V17.027h3.782v12.156h.09c.205-.27.5-.565.859-.885l12.079-11.27h4.706L92.219 29.438l14.836 13.45ZM138.445 42.89h-5.27l-12.489-11.823c-.462-.448-.757-.743-.859-.897h-.09v12.732h-3.783V17.027h3.783v12.156h.09c.205-.27.5-.565.859-.885l12.078-11.27h4.706l-13.861 12.411 14.836 13.45ZM164.475 42.89h-17.131V17.026h16.413v2.744h-12.618v8.604h11.682v2.718h-11.682v9.052h13.349v2.744h-.013ZM201.366 42.89h-4.642l-16.631-20.606a7.923 7.923 0 0 1-1.038-1.628h-.141c.115.551.179 1.731.179 3.552v18.681h-3.782V17.027h4.911l16.182 20.285c.679.846 1.115 1.423 1.308 1.73h.089c-.154-.743-.23-2.012-.23-3.808V17.027h3.782V42.89h.013Z' fill='black'/%3e%3cpath d='M31.71 90.279c2.821.705 4.527 2.846 5.36 5.988 1.154 4.244 1.847 6.423 2.59 7.539h-2.949c-.551-.808-1.333-3.282-2.257-6.834-1.064-3.988-3.141-5.911-7.616-5.911h-5.04v12.745h-2.82v-27.67c2.128-.371 5.077-.59 7.616-.59 4.526 0 7.386.744 9.373 2.296 1.526 1.218 2.488 3.064 2.488 5.09 0 3.77-2.77 6.167-6.745 7.283v.077-.013Zm-4.757-1.039c5.219 0 8.63-2.359 8.63-5.987 0-4.693-4.668-5.873-9.053-5.873-2.257 0-3.924.154-4.757.333V89.24h5.18ZM66.844 103.793H48.738V75.752h17.31v1.923h-14.45v10.411h13.617v1.924H51.598v11.86H66.83v1.923h.013ZM99.657 102.87c-1.706.667-4.988 1.333-9.143 1.333-8.54 0-16.297-4.398-16.297-14.258 0-8.68 6.693-14.63 17.451-14.63 4.668 0 7.014.847 7.848 1.18l-.834 1.962c-1.705-.667-4.103-1.218-7.014-1.218-8.822 0-14.502 4.693-14.502 12.706 0 8.014 5.257 12.335 14.169 12.335 2.86 0 5.629-.513 7.578-1.256l.744 1.846ZM136.317 89.535c0 9.937-7.207 14.707-15.336 14.707-8.54 0-15.002-5.36-15.002-14.181 0-9.309 6.693-14.732 15.425-14.732 8.732 0 14.913 5.577 14.913 14.219v-.013Zm-27.376.449c0 6.206 4.295 12.373 12.143 12.373 7.847 0 12.284-5.988 12.284-12.706 0-5.834-3.783-12.45-12.143-12.45-8.361 0-12.284 6.539-12.284 12.783ZM157.871 90.279c2.821.705 4.527 2.846 5.36 5.988 1.154 4.244 1.847 6.423 2.59 7.539h-2.949c-.551-.808-1.333-3.282-2.256-6.834-1.065-3.988-3.142-5.911-7.617-5.911h-5.039v12.745h-2.821v-27.67c2.128-.371 5.077-.59 7.616-.59 4.527 0 7.386.744 9.374 2.296 1.525 1.218 2.5 3.064 2.5 5.09 0 3.77-2.77 6.167-6.745 7.283v.077l-.013-.013Zm-4.757-1.039c5.219 0 8.63-2.359 8.63-5.987 0-4.693-4.668-5.873-9.053-5.873-2.257 0-3.924.154-4.757.333V89.24h5.18ZM174.9 76.175a62.966 62.966 0 0 1 8.822-.629c14.221 0 18.196 6.835 18.196 13.553 0 5.437-2.398 14.925-19.388 14.925-2.719 0-5.219-.039-7.617-.256V76.175h-.013Zm2.86 25.746c1.333.18 3.193.218 5.219.218 10.527 0 15.977-4.77 15.977-12.924 0-7.501-5.181-11.784-15.285-11.784-2.539 0-4.526.218-5.911.45v24.04Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h220.997v120H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.home .header.normal .header__nav li span::after {
  background: #fff;
}
.home .header.normal .header__etc li span::after {
  background: #fff;
}
.home .header.normal .header__menubtn span {
  background: #fff;
}
.home .header.normal a {
  color: #fff;
}
.home .header.normal .icon-twitter {
  transition: all 0.5s;
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='0.0' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.522 18.776 27.48 12h-1.412l-5.172 5.882L16.765 12H12l6.247 8.897L12 28h1.411l5.463-6.212L23.237 28h4.765l-6.477-9.226-.003.002Zm-1.932 2.2-.634-.886-5.036-7.05h2.167l4.064 5.69.634.885 5.282 7.394H23.9l-4.312-6.034h.002Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' transform='translate(12 12)' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.home .header.normal .icon-youtube {
  transition: all 0.5s;
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='0.0' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M29.205 15.712a2.413 2.413 0 0 0-1.698-1.709c-1.496-.403-7.5-.403-7.5-.403s-6.005 0-7.502.403a2.413 2.413 0 0 0-1.697 1.709c-.402 1.507-.402 4.651-.402 4.651s0 3.144.402 4.652c.22.831.871 1.486 1.697 1.708 1.498.404 7.501.404 7.501.404s6.005 0 7.501-.404a2.413 2.413 0 0 0 1.698-1.708c.401-1.507.401-4.652.401-4.652s0-3.144-.401-4.651Zm-11.162 7.506v-5.71l5.018 2.855-5.018 2.855Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(10.406 13.6)' d='M0 0h19.2v13.527H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}

/* header */
.header {
  position: fixed;
  z-index: 10;
  background-color: #323232;
  display: flex;
  align-items: center;
  width: 100%;
  height: 106px;
  transform: translateY(0%);
  transition: all 0.3s ease-in-out;
}
.header.hidden {
  transform: translateY(-100%);
  transition: all 0.3s ease-in-out;
}
.header__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  position: relative;
  height: auto;
}
.header__logo {
  will-change: transform opacity;
  background-image: url("data:image/svg+xml,%3csvg width='221' height='120' viewBox='0 0 221 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M220.036.962H.962v59.057h219.074V.962Z' fill='white' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M220.036 60.02H.962v59.018h219.074V60.019Z' fill='black' stroke='black' stroke-width='1.5' stroke-miterlimit='10'/%3e%3cpath d='M19.093 42.89V17.026h9.194c2.795 0 5.013.552 6.654 1.642 1.642 1.09 2.462 2.513 2.462 4.27 0 1.461-.5 2.743-1.487 3.82-.987 1.077-2.36 1.847-4.103 2.308v.077c2.18.205 3.924.86 5.231 1.975 1.308 1.115 1.962 2.564 1.962 4.334 0 2.218-.987 4-2.975 5.372-1.987 1.372-4.487 2.051-7.5 2.051h-9.425l-.013.013Zm3.782-23.119v8.347h3.873c2.077 0 3.706-.397 4.885-1.192 1.193-.795 1.783-1.923 1.783-3.385 0-2.513-2.065-3.77-6.194-3.77h-4.347Zm0 11.066v9.308h5.142c2.219 0 3.95-.423 5.168-1.256 1.23-.847 1.833-2 1.833-3.462 0-3.052-2.603-4.578-7.796-4.578h-4.347v-.012ZM75.192 42.89h-4.193l-3.424-7.245H53.868l-3.219 7.244h-4.218l12.4-25.862h3.923L75.192 42.89Zm-8.86-9.976L61.253 21.9c-.167-.36-.334-.936-.5-1.731h-.09c-.154.73-.32 1.308-.513 1.73l-5.027 11.015h11.207ZM107.055 42.89h-5.27L89.296 31.066c-.462-.448-.757-.743-.86-.897h-.089v12.732h-3.782V17.027h3.782v12.156h.09c.205-.27.5-.565.859-.885l12.079-11.27h4.706L92.219 29.438l14.836 13.45ZM138.445 42.89h-5.27l-12.489-11.823c-.462-.448-.757-.743-.859-.897h-.09v12.732h-3.783V17.027h3.783v12.156h.09c.205-.27.5-.565.859-.885l12.078-11.27h4.706l-13.861 12.411 14.836 13.45ZM164.475 42.89h-17.131V17.026h16.413v2.744h-12.618v8.604h11.682v2.718h-11.682v9.052h13.349v2.744h-.013ZM201.366 42.89h-4.642l-16.631-20.606a7.923 7.923 0 0 1-1.038-1.628h-.141c.115.551.179 1.731.179 3.552v18.681h-3.782V17.027h4.911l16.182 20.285c.679.846 1.115 1.423 1.308 1.73h.089c-.154-.743-.23-2.012-.23-3.808V17.027h3.782V42.89h.013Z' fill='black'/%3e%3cpath d='M31.71 90.279c2.821.705 4.527 2.846 5.36 5.988 1.154 4.244 1.847 6.423 2.59 7.539h-2.949c-.551-.808-1.333-3.282-2.257-6.834-1.064-3.988-3.141-5.911-7.616-5.911h-5.04v12.745h-2.82v-27.67c2.128-.371 5.077-.59 7.616-.59 4.526 0 7.386.744 9.373 2.296 1.526 1.218 2.488 3.064 2.488 5.09 0 3.77-2.77 6.167-6.745 7.283v.077-.013Zm-4.757-1.039c5.219 0 8.63-2.359 8.63-5.987 0-4.693-4.668-5.873-9.053-5.873-2.257 0-3.924.154-4.757.333V89.24h5.18ZM66.844 103.793H48.738V75.752h17.31v1.923h-14.45v10.411h13.617v1.924H51.598v11.86H66.83v1.923h.013ZM99.657 102.87c-1.706.667-4.988 1.333-9.143 1.333-8.54 0-16.297-4.398-16.297-14.258 0-8.68 6.693-14.63 17.451-14.63 4.668 0 7.014.847 7.848 1.18l-.834 1.962c-1.705-.667-4.103-1.218-7.014-1.218-8.822 0-14.502 4.693-14.502 12.706 0 8.014 5.257 12.335 14.169 12.335 2.86 0 5.629-.513 7.578-1.256l.744 1.846ZM136.317 89.535c0 9.937-7.207 14.707-15.336 14.707-8.54 0-15.002-5.36-15.002-14.181 0-9.309 6.693-14.732 15.425-14.732 8.732 0 14.913 5.577 14.913 14.219v-.013Zm-27.376.449c0 6.206 4.295 12.373 12.143 12.373 7.847 0 12.284-5.988 12.284-12.706 0-5.834-3.783-12.45-12.143-12.45-8.361 0-12.284 6.539-12.284 12.783ZM157.871 90.279c2.821.705 4.527 2.846 5.36 5.988 1.154 4.244 1.847 6.423 2.59 7.539h-2.949c-.551-.808-1.333-3.282-2.256-6.834-1.065-3.988-3.142-5.911-7.617-5.911h-5.039v12.745h-2.821v-27.67c2.128-.371 5.077-.59 7.616-.59 4.527 0 7.386.744 9.374 2.296 1.525 1.218 2.5 3.064 2.5 5.09 0 3.77-2.77 6.167-6.745 7.283v.077l-.013-.013Zm-4.757-1.039c5.219 0 8.63-2.359 8.63-5.987 0-4.693-4.668-5.873-9.053-5.873-2.257 0-3.924.154-4.757.333V89.24h5.18ZM174.9 76.175a62.966 62.966 0 0 1 8.822-.629c14.221 0 18.196 6.835 18.196 13.553 0 5.437-2.398 14.925-19.388 14.925-2.719 0-5.219-.039-7.617-.256V76.175h-.013Zm2.86 25.746c1.333.18 3.193.218 5.219.218 10.527 0 15.977-4.77 15.977-12.924 0-7.501-5.181-11.784-15.285-11.784-2.539 0-4.526.218-5.911.45v24.04Z' fill='white'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' d='M0 0h220.997v120H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  font-size: 0;
  width: 120px;
  height: 66px;
}
.header__logo a {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.header.is-expanded .header__nav {
  position: fixed;
  right: 0;
}
.header.is-expanded .header__nav li a {
  color: #fff;
}
.header.is-expanded .header__menubtn span {
  background: #fff;
}
.header.is-expanded .header__menubtn span:nth-of-type(1) {
  transform: translateY(5px) rotate(-165.17deg) scale(1, 0.5);
}
.header.is-expanded .header__menubtn span:nth-of-type(2) {
  transform: translateY(-5px) rotate(165.17deg) scale(1, 0.5);
}
.header__nav {
  background-color: #323232;
  z-index: 2;
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: -100%;
  transition: right 0.3s;
}
.header__nav ul {
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 80px;
  left: 80px;
}
.header__nav li {
  white-space: nowrap;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 13.2px 0;
}
.header__nav li.current span::after {
  transform: scale(1, 1.1);
}
.header__nav li span::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1.1);
  transform-origin: center top;
  transition: transform 0.2s;
}
.header__nav li a {
  font-family: "Inter";
  font-weight: 500;
  font-feature-settings: "palt";
  will-change: transform opacity;
  display: inline-block;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  padding: 0 0;
  font-size: 17px;
  padding: 0px 0;
}
.header__menubtn {
  position: absolute;
  z-index: 2;
  top: -4px;
  right: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 34px;
  height: 34px;
}
.header__menubtn span {
  transition: transform 0.3s;
  background: #fff;
  border-radius: 0px;
  width: 100%;
  height: 8px;
  margin: 1px 0;
  transform: scaleY(0.5);
}
.header__etc {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 74px;
}
.header__etc li {
  white-space: nowrap;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 17px;
}
.header__etc li.lang {
  margin: -8px 3px 0 0;
}
.header__etc li.lang span {
  display: block;
  margin-top: 7px;
}
.header__etc li.current span::after {
  transform: scale(1, 1.1);
}
.header__etc li span::after {
  position: absolute;
  bottom: 0px;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1.1);
  transform-origin: center top;
  transition: transform 0.2s;
}
.header__etc a {
  will-change: transform opacity;
  display: block;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  font-size: 10px;
  padding: 0 0;
}
.header__etc__btn {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.header__etc .icon-tatsunoko {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg width='110' height='24' viewBox='0 0 110 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23fff'%3e%3cpath d='M39.897 24H32.35v-3.46h7.547a3.179 3.179 0 0 0 3.174-3.18V8.434h3.465v8.928c0 3.663-2.98 6.639-6.639 6.639ZM54.935 24H47.33v-3.46h7.605a3.182 3.182 0 0 0 3.178-3.18V8.434h3.465v8.928c0 3.663-2.98 6.639-6.639 6.639h-.004ZM77.51 24H63.387v-3.46H74.05l.004-8.646-10.668.013V8.442l14.133-.009L77.511 24ZM30.59 8.433H16.348v8.928h3.465v-5.48h7.318v2.024h-5.154v3.46h5.154a3.183 3.183 0 0 1-3.174 3.17h-7.6v3.46h7.6c3.659 0 6.639-2.975 6.639-6.639V8.43l-.004.004Z'/%3e%3cpath d='M35.868 8.433h-3.46v8.862h3.46V8.433ZM41.114 8.433h-3.46v8.862h3.46V8.433ZM89.934 8.43H79.269v3.469h10.722v5.466a3.179 3.179 0 0 1-3.174 3.179h-7.552v3.46h7.552c3.659 0 6.64-2.975 6.64-6.639v-4.774a4.358 4.358 0 0 1-3.523-4.162ZM98.636 8.433a4.353 4.353 0 0 1-3.483 4.149v11.4l7.609.018 6.64-.018V8.433H98.636Zm7.301 12.098-3.179.008-4.14-.009v-8.636h7.319v8.636Z'/%3e%3cpath d='M94.285 5.127a3.193 3.193 0 0 0-3.192 3.187 3.197 3.197 0 0 0 3.192 3.192 3.197 3.197 0 0 0 3.192-3.192 3.193 3.193 0 0 0-3.192-3.187Zm0 4.387a1.197 1.197 0 0 1 0-2.394c.661 0 1.195.538 1.195 1.194 0 .657-.538 1.2-1.195 1.2ZM13.398 1.415l-1.39.86C11.252.913 9.749-.045 8.055 0 5.074.084 3.4 2.844 3.43 5.841L0 5.052l.701 3.822s2.53-1.719 3.029-1.719c.37 0 1.512.86 2.102 1.331.15.128.649.578.622.873a3.12 3.12 0 0 1-.075.34 6.236 6.236 0 0 0-1.04.34 6.345 6.345 0 0 0-1.468.894l-.745-.34-.238.525.515.234c-.6.608-1.014 1.314-1.208 2.028l-.714-.013-.009.573.618.013c-.049.485.013.961.198 1.41.154.367.397.693.71.966l-.415.287.327.471.59-.405c.64.37 1.46.582 2.381.586.203.163.414.353.608.573.653.728 1.415 1.574 1.605 2.566.128.661.044 1.468-.361 2.054-.26.384-.552.507-.869.578a1.456 1.456 0 0 1-1.631-.82c-.33-.714-.146-1.64.608-1.984a.798.798 0 0 1 .446-.04.568.568 0 0 1 .361.252c.035.057.066.123.053.19a.639.639 0 0 0-.85.6c0 .131.039.259.114.36 0 .005.176.243.436.274.534.061.913-.207 1-.759.085-.524-.096-1-.427-1.243-.789-.577-1.948-.216-2.416.564-.462.772-.379 1.971.155 2.668.6.78 1.768 1.115 2.698.75 1.26-.495 1.873-1.58 2.05-2.791.163-1.133-.014-2.306-.375-3.382a7.44 7.44 0 0 0-.428-1.036c.622-.304 1.257-.837 1.764-1.494.22.233.78.815.78.815l1.402-1.57-1.508-.396c.11-.26.194-.529.247-.802l1.442.035v-1.957l-1.5.454c-.03-.093-.052-.181-.092-.27a2.674 2.674 0 0 0-.247-.453c.384-.3 1.173-.904 1.173-.904L10.453 8.56l-.684 1.424c-.577-.295-1.278-.458-2.05-.458-.07 0-.145.009-.216.009.088-.446.203-.737.666-.904 0 0 .357-.106.542-.163 2.275-.697 3.783-2.284 3.81-4.166 0-.309-.032-.613-.093-.908l.96.11v-2.09h.01ZM5.36 16.62a4.184 4.184 0 0 1-1.274-.335l1.455-1-.181 1.335Zm.282-2.107-2.103 1.45c-.304-.233-.538-.511-.67-.837a2.372 2.372 0 0 1-.159-1.164l3.002.048-.07.498v.005Zm.145-1.076L2.84 13.39c.198-.622.608-1.235 1.177-1.764l1.9.86-.128.948v.004ZM6 11.894l-1.486-.67c.327-.234.688-.44 1.08-.613.194-.083.402-.158.613-.225l-.203 1.508H6Zm1.98-6.516C7.626 6.573 6.71 7.16 5.93 6.93c-.512-.15-.83-.648-.9-1.283.07.155.19.27.335.291.282.049.49-.185.56-.546.07-.362-.08-.701-.344-.75-.216-.044-.44.128-.55.401.021-.163.048-.326.096-.489.322-1.102 1.186-1.847 1.966-1.614.904.265 1.217 1.336.886 2.438Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h109.397v24H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
  will-change: transform opacity;
  width: 74px;
  height: 16px;
}
.header__etc .icon-twitter {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23323232' fill-opacity='1' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.522 18.776 27.48 12h-1.412l-5.172 5.882L16.765 12H12l6.247 8.897L12 28h1.411l5.463-6.212L23.237 28h4.765l-6.477-9.226-.003.002Zm-1.932 2.2-.634-.886-5.036-7.05h2.167l4.064 5.69.634.885 5.282 7.394H23.9l-4.312-6.034h.002Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' transform='translate(12 12)' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.header__etc .icon-instagram {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23323232' fill-opacity='1' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)' fill='%23fff'%3e%3cpath d='M19.995 12.786c2.35 0 2.628.01 3.556.051.858.04 1.324.183 1.635.303.41.16.703.35 1.011.658.309.309.5.602.659 1.012.12.31.263.777.302 1.635.043.927.052 1.206.052 3.555 0 2.35-.01 2.628-.052 3.557-.039.858-.182 1.324-.302 1.634-.16.41-.35.704-.659 1.012a2.721 2.721 0 0 1-1.011.658c-.31.12-.777.264-1.635.303-.927.042-1.206.051-3.556.051s-2.628-.01-3.556-.051c-.858-.04-1.324-.183-1.634-.303-.41-.16-.704-.35-1.012-.658a2.722 2.722 0 0 1-.658-1.012c-.12-.31-.264-.776-.303-1.634-.042-.928-.051-1.207-.051-3.556 0-2.35.009-2.628.051-3.556.04-.858.183-1.324.303-1.635.16-.41.35-.704.658-1.012a2.718 2.718 0 0 1 1.012-.658c.31-.12.776-.263 1.634-.303.928-.042 1.206-.05 3.556-.05m0-1.587c-2.39 0-2.69.01-3.628.054-.937.042-1.577.191-2.136.409a4.311 4.311 0 0 0-1.559 1.015c-.49.49-.79.98-1.015 1.558-.217.56-.366 1.2-.409 2.136-.043.939-.053 1.238-.053 3.628s.01 2.69.053 3.629c.043.936.192 1.576.41 2.136.224.579.525 1.07 1.015 1.559.489.489.98.79 1.558 1.015.56.217 1.2.366 2.136.409.939.043 1.239.053 3.629.053 2.39 0 2.69-.01 3.628-.053.937-.043 1.577-.192 2.136-.41a4.309 4.309 0 0 0 1.559-1.014c.49-.49.79-.98 1.015-1.559.218-.56.366-1.2.409-2.136.043-.939.053-1.238.053-3.629 0-2.39-.01-2.69-.053-3.628-.043-.936-.191-1.576-.41-2.136a4.31 4.31 0 0 0-1.014-1.559c-.49-.489-.98-.79-1.559-1.015-.56-.217-1.2-.366-2.136-.409-.939-.043-1.238-.053-3.628-.053Z'/%3e%3cpath d='M19.995 15.481a4.519 4.519 0 1 0 0 9.038 4.519 4.519 0 0 0 0-9.038Zm0 7.453a2.933 2.933 0 1 1 0-5.867 2.933 2.933 0 0 1 0 5.867ZM24.697 16.359a1.056 1.056 0 1 0 0-2.112 1.056 1.056 0 0 0 0 2.112Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(11.195 11.2)' d='M0 0h17.6v17.6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.header__etc .icon-facebook {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23323232' fill-opacity='1' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.136 28.8v-8.028h2.694l.404-3.129h-3.099v-1.997c0-.906.252-1.523 1.551-1.523h1.657v-2.8a22.22 22.22 0 0 0-2.415-.123c-2.388 0-4.023 1.458-4.023 4.136v2.307h-2.702v3.129h2.702V28.8h3.231Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' transform='translate(15.203 11.2)' d='M0 0h9.14v17.6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.header__etc .icon-youtube {
  background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23323232' fill-opacity='1' stroke-opacity='1.0' stroke='%23fff'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M29.205 15.712a2.413 2.413 0 0 0-1.698-1.709c-1.496-.403-7.5-.403-7.5-.403s-6.005 0-7.502.403a2.413 2.413 0 0 0-1.697 1.709c-.402 1.507-.402 4.651-.402 4.651s0 3.144.402 4.652c.22.831.871 1.486 1.697 1.708 1.498.404 7.501.404 7.501.404s6.005 0 7.501-.404a2.413 2.413 0 0 0 1.698-1.708c.401-1.507.401-4.652.401-4.652s0-3.144-.401-4.651Zm-11.162 7.506v-5.71l5.018 2.855-5.018 2.855Z' fill='%23fff'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(10.406 13.6)' d='M0 0h19.2v13.527H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}

/* footer */
.footer {
  position: relative;
  z-index: 10;
  background-color: #323232;
  display: flex;
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 25px 0 38px;
}
.footer .pagetop-btn {
  will-change: transform opacity;
  position: absolute;
  top: -68px;
  right: 40px;
}
.footer__inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.footer__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: auto;
}
.footer__nav ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.footer__nav li {
  margin: 0 30px 4px 0;
}
.footer__nav a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.footer__nav a:hover {
  text-decoration: underline;
}
.footer__nav a.current {
  text-decoration: underline;
}
.footer .copyright {
  flex: 1;
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
  font-size: 12px;
  margin: 30px 0 0 0;
}
@media (min-width: 640px) {
  .content-sp-scroll-wrap {
    margin: 0 0;
    width: 100%;
  }
  .wrapper--fixed-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-wide-width-spfull {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--full-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-mid-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-mid2-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-mid3-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-swide-width {
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-pwide-width {
    padding-left: 30px;
    padding-right: 30px;
  }
  .wrapper--fixed-mid-width-spfull {
    padding-left: 0px;
    padding-right: 0px;
  }
  .m0 {
    margin: 0px !important;
  }
  .mtb0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .mb0 {
    margin-bottom: 0px !important;
  }
  .mb30 {
    margin-bottom: 30px !important;
  }
  .mb40 {
    margin-bottom: 40px !important;
  }
  .mb50 {
    margin-bottom: 50px !important;
  }
  .mb60 {
    margin-bottom: 60px !important;
  }
  .mb70 {
    margin-bottom: 70px !important;
  }
  .mb80 {
    margin-bottom: 80px !important;
  }
  .mb90 {
    margin-bottom: 90px !important;
  }
  .mb100 {
    margin-bottom: 100px !important;
  }
  .mt60 {
    margin-top: 60px !important;
  }
  .p0 {
    padding: 0px !important;
  }
  .ptb0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .pb0 {
    padding-bottom: 0px !important;
  }
  .pb10 {
    padding-bottom: 10px !important;
  }
  .pb20 {
    padding-bottom: 20px !important;
  }
  .pb30 {
    padding-bottom: 30px !important;
  }
  .pb40 {
    padding-bottom: 40px !important;
  }
  .pb50 {
    padding-bottom: 50px !important;
  }
  .pb52 {
    padding-bottom: 52px !important;
  }
  .pb60 {
    padding-bottom: 60px !important;
  }
  .pb70 {
    padding-bottom: 70px !important;
  }
  .pb80 {
    padding-bottom: 80px !important;
  }
  .pb90 {
    padding-bottom: 90px !important;
  }
  .pb100 {
    padding-bottom: 1000px !important;
  }
  .sec__ttl {
    line-height: 1.6;
    font-size: 17px;
  }
  .sec__secondary-ttl {
    line-height: 1.6;
    font-size: 14px;
  }
  .sec__tertiary-ttl {
    line-height: 1.6;
    font-size: 12px;
  }
  .sec__quaternary-ttl {
    line-height: 1.6;
    font-size: 10px;
  }
  .sec__text {
    line-height: 1.6;
    font-size: 14px;
  }
  .sec__subtext {
    line-height: 1.6;
    font-size: 12px;
  }
  .sec__secondary-text {
    line-height: 1.6;
    font-size: 10px;
  }
  .content__head__inner {
    padding: 25px 0;
  }
  .content__body__inner {
    padding: 50px 0;
  }
  .content__foot {
    margin-top: 15px;
  }
  .content__ttl {
    line-height: 1.6;
    font-size: 18px;
  }
  .content__subttl {
    line-height: 1.6;
    font-size: 16px;
  }
  .content__secondary-ttl {
    line-height: 1.6;
    font-size: 14px;
  }
  .content__tertiary-ttl {
    line-height: 1.6;
    font-size: 12px;
  }
  .content__quaternary-ttl {
    line-height: 1.6;
    font-size: 10px;
  }
  .content__text {
    line-height: 1.6;
    font-size: 14px;
  }
  .content__subtext {
    line-height: 1.6;
    font-size: 12px;
  }
  .content__secondary-text {
    line-height: 1.6;
    font-size: 10px;
  }
  .btn, .btn-round-oar-left-fill-black, .btn-round-oar {
    font-size: 14px;
  }
  .btn.large, .large.btn-round-oar-left-fill-black, .large.btn-round-oar {
    font-size: 16px;
    padding: 11px 50px 9px;
  }
  .btn.corner::after, .corner.btn-round-oar-left-fill-black::after, .corner.btn-round-oar::after {
    right: 30px;
  }
  .oarrow-btn::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn {
    padding: 0 62px 0 0;
  }
  .oarrow-btn::after {
    right: 22px;
  }
  .oarrow-btn.left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn.left::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn.left {
    padding: 0 0 0 65px;
  }
  .oarrow-btn.left::after {
    left: 20px;
  }
  .oarrow-btn-left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-left::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-left {
    padding: 0 62px 0 0;
  }
  .oarrow-btn-left::after {
    right: 19px;
  }
  .oarrow-btn-left.left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-left.left::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-left.left {
    padding: 0 0 0 65px;
  }
  .oarrow-btn-left.left::after {
    left: 23px;
  }
  .oarrow-btn-up::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-up::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-up {
    padding: 0 62px 0 0;
  }
  .oarrow-btn-up::after {
    top: 2px;
    right: 21px;
  }
  .oarrow-btn-up.left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-up.left::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-up.left {
    padding: 0 0 0 65px;
  }
  .oarrow-btn-up.left::after {
    top: 2px;
    left: 21px;
  }
  .oarrow-btn-down::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-down::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-down {
    padding: 0 62px 0 0;
  }
  .oarrow-btn-down::after {
    top: -2px;
    right: 21px;
  }
  .oarrow-btn-down.left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn-down.left::after {
    width: 8px;
    height: 8px;
  }
  .oarrow-btn-down.left {
    padding: 0 0 0 65px;
  }
  .oarrow-btn-down.left::after {
    top: -2px;
    left: 21px;
  }
  .icon-plus-s {
    width: 30px;
    height: 30px;
  }
  .icon-plus-s::before {
    width: 14px;
    height: 2px;
  }
  .icon-plus-s::after {
    width: 2px;
    height: 14px;
  }
  .warrow-btn {
    font-size: 14px;
  }
  .warrow-btn.large {
    font-size: 16px;
    padding: 11px 50px 9px;
  }
  .warrow-btn {
    padding: 10px 55px 8px 33px;
  }
  .warrow-btn::after {
    right: 15px;
    width: 8px;
    height: 8px;
  }
  .arrow-btn {
    font-size: 16px;
  }
  .arrow-btn {
    padding-right: 20px;
    padding-left: 0px;
  }
  .arrow-btn.left {
    padding-right: 0px;
    padding-left: 15px;
  }
  .arrow-down-btn {
    font-size: 16px;
  }
  .arrow-down-btn {
    padding-right: 20px;
    padding-left: 0px;
    padding-right: 18px;
  }
  .arrow-down-btn.left {
    padding-right: 0px;
    padding-left: 15px;
  }
  .back-btn {
    font-size: 16px;
  }
  .back-btn {
    padding-right: 0px;
    padding-left: 15px;
  }
  .back-btn.left {
    padding-right: 0px;
    padding-left: 15px;
  }
  .label-btn {
    font-size: 14px;
    padding: 11px 29px 9px;
  }
  .rect-btn__small {
    font-size: 14px;
  }
  .rect-btn__small {
    padding: 13px 20px 11px;
  }
  .rect-btn {
    font-size: 14px;
  }
  .rect-btn {
    padding: 22px 73px 20px;
  }
  .select-button-group span {
    text-align: center;
    min-width: 124px;
    font-size: 14px;
    padding: 11px 20px 8px;
  }
  .icon-oarrow-btn-sb-left::after {
    right: 19px;
  }
  .icon-oarrow-btn-sw-left::after {
    right: 19px;
  }
  .icon-oarrow-btn-fb-left::after {
    right: 19px;
  }
  .icon-oarrow-btn-fw-left::after {
    right: 19px;
  }
  .pagetop-btn {
    width: 56px;
    height: 40px;
  }
  .header {
    height: 106px;
  }
  .header__inner {
    padding: 0 30px;
  }
  .header__menubtn {
    right: 30px;
  }
  .header__etc {
    top: -6px;
  }
  .header__etc li {
    margin-left: 30px;
  }
  .header__etc li.lang {
    margin: 0px 15px 0 0;
  }
  .header__etc li.lang span {
    margin-top: 0px;
  }
  .header__etc__btn {
    width: 40px;
    height: 40px;
  }
  .header__etc .icon-tatsunoko {
    width: 110px;
    height: 24px;
  }
  .footer .pagetop-btn {
    top: -135px;
    right: 7%;
  }
  .footer {
    padding: 42px 0;
  }
  .footer__inner {
    padding: 0 30px;
  }
  .footer__content {
    flex-direction: row;
    align-items: center;
  }
  .footer__nav li {
    margin: 0 0 0 27px;
  }
  .footer__nav li:first-child {
    margin: 0 0 0 0;
  }
  .footer__nav a {
    font-size: 13px;
  }
  .footer .copyright {
    font-size: 13px;
    margin: 0 0 0 30px;
  }
}
@media (min-width: 1100px) {
  .content-sp-scroll-wrap {
    overflow: hidden;
  }
  .wrapper--fixed-width {
    max-width: 1250px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-wide-width-spfull {
    max-width: 1350px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--full-width {
    padding-left: 100px;
    padding-right: 100px;
  }
  .wrapper--fixed-mid-width {
    max-width: 1050px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-mid2-width {
    max-width: 1070px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-mid3-width {
    max-width: 1050px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-swide-width {
    max-width: 1270px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-pwide-width {
    max-width: 1250px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .wrapper--fixed-mid-width-spfull {
    max-width: 1050px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .no-data-message {
    font-size: 18px;
  }
  .sec__head__inner {
    padding: 40px 100px 50px;
    min-width: 1200px;
  }
  .sec__head__inner.news-title__home {
    padding: 17px 100px 35px;
    min-width: 1200px;
  }
  .sec__head__inner.news-title {
    padding: 47px 100px 40px;
    min-width: 1200px;
  }
  .sec__head__inner.sub {
    padding: 40px 100px 80px;
    min-width: 1200px;
  }
  .sec__head__inner.sub2 {
    padding: 40px 100px 34px;
    min-width: 1200px;
  }
  .sec__head__inner.sub3 {
    padding: 40px 100px 40px;
    min-width: 1200px;
  }
  .sec__body__inner {
    padding: 0px 100px;
  }
  .sec__foot__inner {
    padding: 50px 25px;
  }
  .sec__ttl {
    line-height: 1.6;
    font-size: 21px;
  }
  .sec__secondary-ttl {
    line-height: 1.6;
    font-size: 16px;
  }
  .sec__tertiary-ttl {
    line-height: 1.6;
    font-size: 14px;
  }
  .sec__quaternary-ttl {
    line-height: 1.6;
    font-size: 12px;
  }
  .sec__text {
    line-height: 1.6;
    font-size: 16px;
  }
  .sec__subtext {
    line-height: 1.6;
    font-size: 14px;
  }
  .sec__secondary-text {
    line-height: 1.6;
    font-size: 12px;
  }
  .content__ttl {
    line-height: 1.6;
    font-size: 20px;
  }
  .content__subttl {
    line-height: 1.6;
    font-size: 18px;
  }
  .content__secondary-ttl {
    line-height: 1.6;
    font-size: 16px;
  }
  .content__tertiary-ttl {
    line-height: 1.6;
    font-size: 14px;
  }
  .content__quaternary-ttl {
    line-height: 1.6;
    font-size: 12px;
  }
  .content__text {
    line-height: 1.6;
    font-size: 16px;
  }
  .content__subtext {
    line-height: 1.6;
    font-size: 14px;
  }
  .content__secondary-text {
    line-height: 1.6;
    font-size: 12px;
  }
  .btn.corner, .corner.btn-round-oar-left-fill-black, .corner.btn-round-oar {
    padding: 20px 24px 20px 30px;
    width: 360px;
    font-size: 16px;
  }
  .btn.oar, .oar.btn-round-oar-left-fill-black, .oar.btn-round-oar {
    font-size: 18px;
  }
  .btn.oar, .oar.btn-round-oar-left-fill-black, .oar.btn-round-oar {
    font-size: 18px;
    padding: 23px 85px 21px 27px;
  }
  .btn.oar::after, .oar.btn-round-oar-left-fill-black::after, .oar.btn-round-oar::after {
    right: 32px;
  }
  .btn.oar.left, .oar.left.btn-round-oar-left-fill-black, .oar.left.btn-round-oar {
    font-size: 18px;
  }
  .btn.oar.left, .oar.left.btn-round-oar-left-fill-black, .oar.left.btn-round-oar {
    font-size: 18px;
    padding: 23px 27px 21px 85px;
  }
  .btn.oar.left::after, .oar.left.btn-round-oar-left-fill-black::after, .oar.left.btn-round-oar::after {
    left: 30px;
  }
  .btn::after, .btn-round-oar-left-fill-black::after, .btn-round-oar::after {
    right: 18px;
  }
  .oarrow-btn {
    font-size: 16px;
  }
  .oarrow-btn.small {
    font-size: 14px;
  }
  .oarrow-btn.large {
    font-size: 18px;
  }
  .oarrow-btn-left {
    font-size: 16px;
  }
  .oarrow-btn-left.small {
    font-size: 14px;
  }
  .oarrow-btn-left.large {
    font-size: 18px;
  }
  .oarrow-btn-up {
    font-size: 16px;
  }
  .oarrow-btn-up.small {
    font-size: 14px;
  }
  .oarrow-btn-up.large {
    font-size: 18px;
  }
  .oarrow-btn-down {
    font-size: 16px;
  }
  .oarrow-btn-down.small {
    font-size: 14px;
  }
  .oarrow-btn-down.large {
    font-size: 18px;
  }
  .icon-oarrow-btn-sb-left {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-sb-left::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-sb-right {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-sb-right::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-sw-left {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-sw-left::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-sw-right {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-sw-right::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-fb-left {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-fb-left::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-fb-right {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-fb-right::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-fw-left {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-fw-left::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .icon-oarrow-btn-fw-right {
    width: 50px;
    height: 50px;
  }
  .icon-oarrow-btn-fw-right::after {
    right: 22px;
    width: 9px;
    height: 9px;
  }
  .btn-round-oar {
    font-size: 18px;
  }
  .btn-round-oar {
    font-size: 18px;
    padding: 23px 27px 21px 85px;
  }
  .btn-round-oar::after {
    left: 30px;
  }
  .btn-round-oar-left-fill-black {
    font-size: 18px;
  }
  .btn-round-oar-left-fill-black {
    font-size: 18px;
    padding: 23px 85px 21px 27px;
  }
  .btn-round-oar-left-fill-black::after {
    right: 30px;
  }
  .btn-round-oar-left-fill-black.left {
    font-size: 18px;
  }
  .btn-round-oar-left-fill-black.left {
    font-size: 18px;
    padding: 23px 27px 21px 85px;
  }
  .btn-round-oar-left-fill-black.left::after {
    left: 30px;
  }
  .header {
    height: 220px;
  }
  .header__inner {
    padding: 0 50px;
  }
  .header__inner {
    height: 120px;
    margin-top: -4px;
  }
  .header__logo {
    width: 221px;
    height: 120px;
  }
  .header__nav {
    background-color: transparent;
    width: 100%;
    position: absolute;
    top: 26px;
    left: 302px;
    height: auto;
    transition: right 0s;
    padding: 0;
  }
  .header__nav ul {
    top: 0;
    left: 38px;
    width: auto;
    flex-direction: row;
    margin-top: 0px;
  }
  .header__nav li {
    margin: 0 9.8px 0 9.8px;
  }
  .header__nav li a {
    font-size: 14px;
    padding: 0px 0 16px;
  }
  .header__menubtn {
    display: none;
  }
  .header__etc {
    top: 17px;
    right: 50px;
  }
  .header__etc li.lang span {
    margin-top: 14px;
  }
  .header__etc a {
    font-size: 14px;
    padding: 0px 0 16px;
  }
  .footer .pagetop-btn {
    top: -135px;
    right: 7%;
  }
  .footer__inner {
    padding: 0 50px;
  }
}
@media (hover: hover) {
  .text-link:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .text-link.accent:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .btn.corner:hover, .corner.btn-round-oar-left-fill-black:hover, .corner.btn-round-oar:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .btn.corner:hover, .corner.btn-round-oar-left-fill-black:hover, .corner.btn-round-oar:hover {
    color: #fff;
    background-color: #fff;
  }
  .btn.corner:hover::after, .corner.btn-round-oar-left-fill-black:hover::after, .corner.btn-round-oar:hover::after {
    border-color: #fff;
  }
  .btn.corner.fb:hover, .corner.fb.btn-round-oar-left-fill-black:hover, .corner.fb.btn-round-oar:hover {
    color: #fff;
    background-color: #fff;
  }
  .btn.corner.fb:hover::after, .corner.fb.btn-round-oar-left-fill-black:hover::after, .corner.fb.btn-round-oar:hover::after {
    border-color: #fff;
  }
  .btn.accent:hover, .accent.btn-round-oar-left-fill-black:hover, .accent.btn-round-oar:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #DC0000;
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  .btn.accent:hover.oar::before, .accent.btn-round-oar-left-fill-black:hover.oar::before, .accent.btn-round-oar:hover.oar::before {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .btn.accent:hover.oar::after, .accent.btn-round-oar-left-fill-black:hover.oar::after, .accent.btn-round-oar:hover.oar::after {
    border-color: #DC0000 !important;
  }
  .btn.oar.fill-black:hover::before, .oar.fill-black.btn-round-oar-left-fill-black:hover::before, .oar.fill-black.btn-round-oar:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .btn.oar.fill-black:hover::after, .oar.fill-black.btn-round-oar-left-fill-black:hover::after, .oar.fill-black.btn-round-oar:hover::after {
    border-color: #fff;
  }
  .btn.oar:hover::after, .oar.btn-round-oar-left-fill-black:hover::after, .oar.btn-round-oar:hover::after {
    border-color: #fff;
  }
  .btn.oar.accent:hover::after, .oar.accent.btn-round-oar-left-fill-black:hover::after, .oar.accent.btn-round-oar:hover::after {
    border-color: #DC0000;
  }
  .btn:hover, .btn-round-oar-left-fill-black:hover, .btn-round-oar:hover {
    color: #fff;
    background-color: #fff;
  }
  .btn:hover::after, .btn-round-oar-left-fill-black:hover::after, .btn-round-oar:hover::after {
    border-color: #fff;
  }
  .oarrow-btn.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .oarrow-btn.accent:hover::after {
    border-color: #fff;
  }
  .oarrow-btn:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .oarrow-btn:hover::after {
    border-color: #323232;
  }
  .oarrow-btn-left.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .oarrow-btn-left.accent:hover::after {
    border-color: #fff;
  }
  .oarrow-btn-left:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .oarrow-btn-left:hover::after {
    border-color: #323232;
  }
  .oarrow-btn-up.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .oarrow-btn-up.accent:hover::after {
    border-color: #fff;
  }
  .oarrow-btn-up:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .oarrow-btn-up:hover::after {
    border-color: #323232;
  }
  .oarrow-btn-down.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .oarrow-btn-down.accent:hover::after {
    border-color: #fff;
  }
  .oarrow-btn-down:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .oarrow-btn-down:hover::after {
    border-color: #323232;
  }
  .warrow-btn.accent:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #DC0000;
    border: 1px solid #DC0000;
  }
  .warrow-btn.accent:hover.oar::before {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .warrow-btn.accent:hover.oar::after {
    border-color: #DC0000 !important;
  }
  .warrow-btn:hover {
    color: #fff;
    border-color: #2c2c2c;
    background-color: #2c2c2c;
  }
  .warrow-btn:hover::after {
    border-color: #fff;
  }
  .arrow-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .arrow-btn:hover::after {
    right: -2px;
  }
  .arrow-btn.left:hover::after {
    right: auto;
    left: -2px;
  }
  .arrow-down-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .back-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .back-btn:hover::after {
    right: auto;
    left: -2px;
  }
  .back-btn.left:hover::after {
    right: auto;
    left: -2px;
  }
  .label-btn:hover {
    color: #fff;
    border: 1px solid #fff;
    background-color: #fff;
  }
  .rect-btn__small:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .rect-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .icon-oarrow-btn-sb-left:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-sb-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sb-right:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-sb-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sw-left:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-sw-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sw-right:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-sw-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fb-left:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-fb-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fb-right:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-fb-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fw-left:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-fw-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fw-right:hover::before {
    border-color: #fff;
    background-color: #fff;
  }
  .icon-oarrow-btn-fw-right:hover::after {
    border-color: #fff;
  }
  .btn-round-oar:hover::after {
    border-color: #fff;
  }
  .btn-round-oar-left-fill-black:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .btn-round-oar-left-fill-black:hover::after {
    border-color: #fff;
  }
  .header__logo:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .header__nav li {
    cursor: pointer;
  }
  .header__nav li:hover span::after {
    transform: scale(1, 1.1);
  }
  .header__nav li a:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .header__etc li:hover span::after {
    transform: scale(1, 1.1);
  }
  .header__etc a:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .header__etc .icon-tatsunoko:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .header__etc .icon-twitter:hover {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='1' stroke-opacity='1.0' stroke='%23323232'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.522 18.776 27.48 12h-1.412l-5.172 5.882L16.765 12H12l6.247 8.897L12 28h1.411l5.463-6.212L23.237 28h4.765l-6.477-9.226-.003.002Zm-1.932 2.2-.634-.886-5.036-7.05h2.167l4.064 5.69.634.885 5.282 7.394H23.9l-4.312-6.034h.002Z' fill='%23323232'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23323232' transform='translate(12 12)' d='M0 0h16v16H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
  }
  .header__etc .icon-instagram:hover {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='1' stroke-opacity='1.0' stroke='%23323232'/%3e%3cg clip-path='url(%23a)' fill='%23323232'%3e%3cpath d='M19.995 12.786c2.35 0 2.628.01 3.556.051.858.04 1.324.183 1.635.303.41.16.703.35 1.011.658.309.309.5.602.659 1.012.12.31.263.777.302 1.635.043.927.052 1.206.052 3.555 0 2.35-.01 2.628-.052 3.557-.039.858-.182 1.324-.302 1.634-.16.41-.35.704-.659 1.012a2.721 2.721 0 0 1-1.011.658c-.31.12-.777.264-1.635.303-.927.042-1.206.051-3.556.051s-2.628-.01-3.556-.051c-.858-.04-1.324-.183-1.634-.303-.41-.16-.704-.35-1.012-.658a2.722 2.722 0 0 1-.658-1.012c-.12-.31-.264-.776-.303-1.634-.042-.928-.051-1.207-.051-3.556 0-2.35.009-2.628.051-3.556.04-.858.183-1.324.303-1.635.16-.41.35-.704.658-1.012a2.718 2.718 0 0 1 1.012-.658c.31-.12.776-.263 1.634-.303.928-.042 1.206-.05 3.556-.05m0-1.587c-2.39 0-2.69.01-3.628.054-.937.042-1.577.191-2.136.409a4.311 4.311 0 0 0-1.559 1.015c-.49.49-.79.98-1.015 1.558-.217.56-.366 1.2-.409 2.136-.043.939-.053 1.238-.053 3.628s.01 2.69.053 3.629c.043.936.192 1.576.41 2.136.224.579.525 1.07 1.015 1.559.489.489.98.79 1.558 1.015.56.217 1.2.366 2.136.409.939.043 1.239.053 3.629.053 2.39 0 2.69-.01 3.628-.053.937-.043 1.577-.192 2.136-.41a4.309 4.309 0 0 0 1.559-1.014c.49-.49.79-.98 1.015-1.559.218-.56.366-1.2.409-2.136.043-.939.053-1.238.053-3.629 0-2.39-.01-2.69-.053-3.628-.043-.936-.191-1.576-.41-2.136a4.31 4.31 0 0 0-1.014-1.559c-.49-.489-.98-.79-1.559-1.015-.56-.217-1.2-.366-2.136-.409-.939-.043-1.238-.053-3.628-.053Z'/%3e%3cpath d='M19.995 15.481a4.519 4.519 0 1 0 0 9.038 4.519 4.519 0 0 0 0-9.038Zm0 7.453a2.933 2.933 0 1 1 0-5.867 2.933 2.933 0 0 1 0 5.867ZM24.697 16.359a1.056 1.056 0 1 0 0-2.112 1.056 1.056 0 0 0 0 2.112Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(11.195 11.2)' d='M0 0h17.6v17.6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
  }
  .header__etc .icon-facebook:hover {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='1' stroke-opacity='1.0' stroke='%23323232'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M21.136 28.8v-8.028h2.694l.404-3.129h-3.099v-1.997c0-.906.252-1.523 1.551-1.523h1.657v-2.8a22.22 22.22 0 0 0-2.415-.123c-2.388 0-4.023 1.458-4.023 4.136v2.307h-2.702v3.129h2.702V28.8h3.231Z' fill='%23323232'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23323232' transform='translate(15.203 11.2)' d='M0 0h9.14v17.6H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
  }
  .header__etc .icon-youtube:hover {
    background-image: url("data:image/svg+xml,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='20' cy='20' r='19.5' fill='%23fff' fill-opacity='1' stroke-opacity='1.0' stroke='%23323232'/%3e%3cg clip-path='url(%23a)'%3e%3cpath d='M29.205 15.712a2.413 2.413 0 0 0-1.698-1.709c-1.496-.403-7.5-.403-7.5-.403s-6.005 0-7.502.403a2.413 2.413 0 0 0-1.697 1.709c-.402 1.507-.402 4.651-.402 4.651s0 3.144.402 4.652c.22.831.871 1.486 1.697 1.708 1.498.404 7.501.404 7.501.404s6.005 0 7.501-.404a2.413 2.413 0 0 0 1.698-1.708c.401-1.507.401-4.652.401-4.652s0-3.144-.401-4.651Zm-11.162 7.506v-5.71l5.018 2.855-5.018 2.855Z' fill='%23323232'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='white' transform='translate(10.406 13.6)' d='M0 0h19.2v13.527H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    background-size: 100%;
  }
  .footer .pagetop-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
}