@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: 20px !important;
  padding-right: 20px !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: #323232 !important;
}

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

.emphasis {
  color: #323232 !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: 22px 30px;
}
.sec__head__inner.news-title__home {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 17px;
  padding-bottom: 32px;
}
.sec__head__inner.news-title {
  padding: 30px 30px;
}
.sec__head__inner.sub {
  padding: 37px 30px;
}
.sec__head__inner.sub2 {
  padding: 34px 30px;
}
.sec__head__inner.sub3 {
  padding: 40px 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: 700;
  font-feature-settings: "palt";
  color: #323232;
}
.sec__subttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 16px;
  color: #323232;
}
.sec__secondary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
  color: #323232;
}
.sec__tertiary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
  color: #323232;
}
.sec__quaternary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
  color: #323232;
}
.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: #323232;
}
.content__subttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 16px;
  color: #323232;
}
.content__secondary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 14px;
  color: #323232;
}
.content__tertiary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 12px;
  color: #323232;
}
.content__quaternary-ttl {
  font-weight: 700;
  line-break: strict;
  line-height: 1.6;
  font-size: 10px;
  color: #323232;
}
.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;
}

.text-link {
  will-change: transform opacity;
  font-weight: 700;
  color: #323232;
  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: #323232;
}
.btn.corner, .corner.btn-round-oar-left-fill-black, .corner.btn-round-oar {
  border-radius: 3px;
  background-color: #fff;
  color: #323232;
  border: 1px solid rgba(50, 50, 50, 0.5);
  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: #323232;
  background-color: #323232;
}
.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.accent-blue, .accent-blue.btn-round-oar-left-fill-black, .accent-blue.btn-round-oar {
  background-color: #5594F6;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}
.btn.accent-blue::after, .accent-blue.btn-round-oar-left-fill-black::after, .accent-blue.btn-round-oar::after {
  border-color: #fff;
}
.btn.accent-blue.oar::before, .accent-blue.oar.btn-round-oar-left-fill-black::before, .accent-blue.oar.btn-round-oar::before {
  right: 10px;
  background-color: #5594F6;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn.accent-blue.oar::after, .accent-blue.oar.btn-round-oar-left-fill-black::after, .accent-blue.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 #323232;
  border-right: 2px solid #323232;
  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 #323232;
  border-right: 2px solid #323232;
  transform: rotate(225deg);
}
.btn.oar.fill-black, .oar.fill-black.btn-round-oar-left-fill-black, .oar.fill-black.btn-round-oar {
  background: #323232;
  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: #323232;
  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 #323232;
  border-right: 2px solid #323232;
  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: #323232;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
}
.oarrow-btn::before {
  left: auto;
  right: 0;
}
.oarrow-btn::after {
  left: auto;
  right: 18px;
}
.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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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: #323232;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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: #323232;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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: #323232;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  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 {
  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: #323232;
  padding: 0;
  padding: 0 52px 0 0;
  color: #323232;
  border: none;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  user-select: none;
  text-decoration: none;
  flex-shrink: 0;
  font-size: 10px;
  letter-spacing: 0.001em;
  line-height: 1;
}
.open-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;
}
.open-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;
}
.open-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;
}
.open-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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
}
.open-btn::before {
  left: auto;
  right: 0;
}
.open-btn.is-open span::after {
  transform: rotate(90deg);
}
.open-btn::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid rgba(50, 50, 50, 0.5);
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.open-btn::after {
  border: none;
}
.open-btn span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
}
.open-btn span::before {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  width: 14px;
  height: 2px;
  border-top: 2px solid #323232;
  opacity: 1;
}
.open-btn span::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 19px;
  width: 2px;
  height: 14px;
  border-left: 2px solid #323232;
  opacity: 1;
}
.open-btn.left {
  padding: 0;
  padding: 0 0 0 52px;
  color: #323232;
}
.open-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;
}
.open-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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
}
.open-btn.left::before {
  left: 0;
  right: auto;
}
.open-btn.left.is-open span::after {
  transform: rotate(90deg);
}
.open-btn.left::before {
  transition: all 0.3s;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  border: 1px solid #323232;
  background: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
}
.open-btn.left::after {
  border: none;
}
.open-btn.left span {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
}
.open-btn.left span::before {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  width: 14px;
  height: 2px;
  border-top: 2px solid #323232;
  opacity: 1;
}
.open-btn.left span::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 19px;
  width: 2px;
  height: 14px;
  border-left: 2px solid #323232;
  opacity: 1;
}
.open-btn.accent {
  color: #DC0000;
}
.open-btn.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.open-btn.accent::after {
  border-color: #DC0000;
}

.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: #323232;
  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 {
  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: #323232;
  text-align: left;
  padding: 6px 55px 4px 33px;
  background-color: #DC0000;
  border: 1px solid #DC0000;
  color: #fff;
}
.add-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;
}
.add-btn.accent {
  background-color: #DC0000;
  border: 1px solid #DC0000;
  color: #fff;
}
.add-btn.accent::after {
  border-color: #fff;
}
.add-btn.accent.oar::before {
  right: 10px;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}
.add-btn.accent.oar::after {
  border-color: #fff !important;
}
.add-btn span::before {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 13px;
  width: 14px;
  height: 2px;
  border-top: 2px solid #fff;
  opacity: 1;
}
.add-btn span::after {
  transition: all 0.15s;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 19px;
  width: 2px;
  height: 14px;
  border-left: 2px solid #fff;
  opacity: 1;
}
.add-btn::after {
  border-color: #fff;
}
.add-btn.oar::before {
  right: 10px;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}
.add-btn.oar::after {
  border-color: #fff !important;
}
.add-btn__container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 0 50px 0;
}

.arrow-btn {
  will-change: transform opacity;
  display: inline-block;
  color: #323232;
  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 #323232;
  border-right: 2px solid #323232;
  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: #323232;
  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 #323232;
  border-right: 2px solid #323232;
  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 {
  will-change: transform opacity;
  display: inline-block;
  color: #323232;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 0px;
  padding-right: 18px;
  font-size: 11px;
}
.anchor-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 #323232;
  border-right: 2px solid #323232;
  transform: rotate(45deg);
  transform: rotate(135deg);
  top: -3px;
}
.anchor-down-btn.left {
  padding-right: 0px;
  padding-left: 15px;
}
.anchor-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;
}
.anchor-down-btn.accent {
  color: #DC0000;
}
.anchor-down-btn.accent::after {
  border-color: #DC0000;
}
.anchor-down-btn.primary {
  color: #323232;
}
.anchor-down-btn.primary::after {
  border-color: #323232;
}
.anchor-down-btn.secondary {
  color: #969696;
}
.anchor-down-btn.secondary::after {
  border-color: #969696;
}

.back-btn {
  will-change: transform opacity;
  display: inline-block;
  color: #323232;
  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;
}

.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 #323232;
  background-color: #323232;
}

.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: #323232;
  border: 1px solid #323232;
  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: #323232;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 16px 58px 14px;
}
.rect-btn.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

.readz {
  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: #323232;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 13px 18px 11px;
}
.readz.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

.confirm-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: #323232;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 16px 58px 14px;
}
.confirm-btn.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

.entry-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: #323232;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 16px 58px 14px;
  padding: 16px 46px 14px;
}
.entry-btn.accent {
  color: #fff;
  background-color: #DC0000;
  border: 1px solid #DC0000;
}

.signin-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;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
  background-color: #323232;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 16px 37px 14px;
}
.signin-btn > 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;
}

.login-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;
  font-weight: bold;
  line-height: 1.3;
  color: #323232;
  background-color: #fff;
  border: 1px solid #323232;
  font-size: 12px;
  padding: 15px 37px;
}
.login-btn > 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;
}

.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: #323232;
  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: #323232;
  border: 1px solid #323232;
}

.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: 6px;
  height: 6px;
}
.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 #323232;
  border-right: 2px solid #323232;
}

.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: 6px;
  height: 6px;
}
.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 #323232;
  border-right: 2px solid #323232;
}

.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: 6px;
  height: 6px;
}
.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: 6px;
  height: 6px;
}
.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: 6px;
  height: 6px;
}
.icon-oarrow-btn-fb-left::after {
  transform: rotate(225deg);
  right: 16px;
}
.icon-oarrow-btn-fb-left::before {
  background-color: #323232;
}
.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: 6px;
  height: 6px;
}
.icon-oarrow-btn-fb-right::before {
  background-color: #323232;
}
.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: 6px;
  height: 6px;
}
.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 #323232;
  border-right: 2px solid #323232;
}

.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: 6px;
  height: 6px;
}
.icon-oarrow-btn-fw-right::before {
  background-color: #fff;
}
.icon-oarrow-btn-fw-right::after {
  border-top: 2px solid #323232;
  border-right: 2px solid #323232;
}

.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='%23323232' stroke-width='4' stroke-linecap='square'/%3e%3cpath d='M2 2h52' stroke='%23323232' stroke-width='4'/%3e%3c/svg%3e");
  background-size: 100%;
  width: 42px;
  height: 28px;
}

.contact-btn {
  will-change: transform opacity;
  font-family: "Inter";
  font-weight: 700;
  font-feature-settings: "palt";
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.contact-btn .label-contact {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  color: #323232;
  text-align: left;
  font-weight: 700;
  line-height: 1.6;
  font-size: 30px;
  margin-right: 25px;
}
.contact-btn .label-contact::before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3csvg width='26' height='20' viewBox='0 0 26 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23 20H3c-1.654 0-3-1.346-3-3V3c0-1.654 1.346-3 3-3h20c1.654 0 3 1.346 3 3v14c0 1.654-1.346 3-3 3ZM3 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H3Z' fill='%23323232'/%3e%3cpath d='M13 11.748c-.464 0-.928-.094-1.306-.284L.552 5.894l.894-1.788 11.14 5.57c.192.096.632.096.824 0l11.14-5.57.894 1.788-11.14 5.57c-.378.19-.842.284-1.306.284H13Z' fill='%23323232'/%3e%3c/svg%3e");
  background-size: 100%;
  width: 21px;
  height: 16px;
  margin-right: 14px;
}
.contact-btn .label-contact-en {
  margin-right: 0px;
}
.contact-btn .label-arrow {
  will-change: transform opacity;
  display: inline-block;
  color: #323232;
  position: relative;
  text-align: left;
  font-weight: 700;
  line-height: 1;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 0px;
  font-size: 12px;
  pointer-events: none;
}
.contact-btn .label-arrow::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 #323232;
  border-right: 2px solid #323232;
  transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact-btn .label-arrow.left {
  padding-right: 0px;
  padding-left: 15px;
}
.contact-btn .label-arrow.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);
}
.contact-btn .label-arrow.accent {
  color: #DC0000;
}
.contact-btn .label-arrow.accent::after {
  border-color: #DC0000;
}
.contact-btn .label-arrow.primary {
  color: #323232;
}
.contact-btn .label-arrow.primary::after {
  border-color: #323232;
}
.contact-btn .label-arrow.secondary {
  color: #969696;
}
.contact-btn .label-arrow.secondary::after {
  border-color: #969696;
}

.home-recruit-btn {
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
}
.home-recruit-btn span {
  display: block;
  color: #fff;
  font-family: "Inter";
  font-weight: 700;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 22px;
}
.home-recruit-btn-label {
  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: #323232;
  padding: 0;
  padding: 0 52px 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  text-align: right;
  color: #fff;
  pointer-events: none;
  margin-left: 15px;
  font-size: 11px;
}
.home-recruit-btn-label.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;
}
.home-recruit-btn-label.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;
}
.home-recruit-btn-label::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;
}
.home-recruit-btn-label::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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
}
.home-recruit-btn-label::before {
  left: auto;
  right: 0;
}
.home-recruit-btn-label::after {
  left: auto;
  right: 18px;
}
.home-recruit-btn-label.left {
  padding: 0;
  padding: 0 0 0 52px;
}
.home-recruit-btn-label.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;
}
.home-recruit-btn-label.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 #2c2c2c;
  border-right: 2px solid #2c2c2c;
  opacity: 1;
  transform: rotate(45deg);
}
.home-recruit-btn-label.left::before {
  left: 0;
  right: auto;
}
.home-recruit-btn-label.left::after {
  right: auto;
  left: 17px;
}
.home-recruit-btn-label.accent {
  color: #DC0000;
}
.home-recruit-btn-label.accent::before {
  border: 1px solid #DC0000;
  background-color: transparent;
}
.home-recruit-btn-label.accent::after {
  border-color: #DC0000;
}
.home-recruit-btn-label::before {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.home-recruit-btn-label::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.home-recruit-btn-label::before {
  top: -10px;
}
.home-recruit-btn-label::after {
  top: -10px;
}

.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 #323232;
  border-right: 2px solid #323232;
  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: #323232;
  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 #323232;
  border-right: 2px solid #323232;
  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 #323232;
  border-right: 2px solid #323232;
  transform: rotate(225deg);
}
.btn-round-oar-left-fill-black::before {
  background: #323232;
  border-color: rgba(255, 255, 255, 0.5);
}
.btn-round-oar-left-fill-black::after {
  border-color: #fff;
}

.en.home .header {
  background-color: #f5f5f5;
}
.en.home .header__logo {
  background-image: url("data:image/svg+xml,%3csvg width='183' height='40' viewBox='0 0 183 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23000'%3e%3cpath d='m22.328 2.357-2.317 1.435C18.747 1.52 16.243-.074 13.424 0 8.454.137 5.67 4.737 5.722 9.73L0 8.42l1.167 6.37s4.213-2.868 5.05-2.868c.62 0 2.516 1.434 3.507 2.22.245.21 1.076.962 1.036 1.452a3.843 3.843 0 0 1-.125.563 9.929 9.929 0 0 0-1.73.57c-.918.398-1.732.91-2.449 1.491l-1.241-.564-.393.872.86.387c-.997 1.013-1.691 2.186-2.016 3.376l-1.195-.017-.017.956 1.03.017c-.08.808.023 1.606.336 2.357.256.615.66 1.156 1.184 1.605l-.689.473.541.786.985-.678c1.065.62 2.431.968 3.968.98a9.26 9.26 0 0 1 1.02.956c1.092 1.213 2.356 2.624 2.675 4.275.216 1.105.068 2.443-.603 3.428-.439.637-.917.842-1.446.962-1.1.245-2.226-.313-2.716-1.372-.552-1.184-.245-2.739 1.019-3.302.165-.074.473-.125.74-.069.262.057.49.222.604.416.062.097.114.205.09.319a1.063 1.063 0 0 0-1.23 1.606c.007.01.297.404.73.455.888.108 1.52-.348 1.668-1.258.142-.877-.165-1.668-.712-2.073-1.315-.962-3.245-.364-4.03.94-.77 1.286-.633 3.29.256 4.446.996 1.298 2.949 1.862 4.492 1.252 2.1-.825 3.125-2.63 3.415-4.65.268-1.885-.017-3.844-.626-5.637a13.581 13.581 0 0 0-.711-1.725c1.03-.507 2.095-1.4 2.937-2.494l1.298 1.361 2.334-2.613-2.51-.66c.182-.439.324-.883.41-1.338l2.402.062v-3.262l-2.505.757c-.045-.148-.085-.302-.148-.45a4.615 4.615 0 0 0-.41-.757c.638-.5 1.953-1.503 1.953-1.503l-2.773-2.562-1.138 2.369c-.968-.495-2.135-.769-3.416-.769-.12 0-.24.017-.359.023.148-.74.342-1.224 1.11-1.509 0 0 .598-.182.906-.273 3.791-1.161 6.302-3.809 6.347-6.94a6.67 6.67 0 0 0-.159-1.514l1.605.182v-3.49ZM8.933 27.697a6.955 6.955 0 0 1-2.124-.558l2.425-1.668-.301 2.226Zm.472-3.507-3.507 2.414c-.507-.387-.894-.854-1.121-1.39a3.933 3.933 0 0 1-.262-1.935l4.998.08-.114.837.006-.006Zm.245-1.788-4.919-.08c.336-1.041 1.013-2.06 1.964-2.937l3.171 1.43-.216 1.587Zm.347-2.573-2.476-1.116a9.515 9.515 0 0 1 1.799-1.019 9.386 9.386 0 0 1 1.019-.375l-.342 2.516v-.006ZM13.3 8.967c-.592 1.987-2.118 2.966-3.421 2.59-.849-.25-1.378-1.082-1.503-2.135.113.262.318.45.558.49.472.08.814-.308.933-.917.12-.603-.136-1.167-.57-1.252-.363-.069-.734.216-.916.671.034-.267.08-.54.16-.814.535-1.839 1.975-3.074 3.273-2.692 1.503.444 2.027 2.231 1.48 4.064l.006-.005ZM43.348 5.454h-16.26V9.44h5.152v19.926h6.046V9.44h5.062V5.454ZM52.798 11.688h-5.14c-4.63 0-5.603 2.727-5.603 5.016v1.258h6.052v-1.258c0-.797.364-.883.535-.923 1.03-.233 1.81-.273 3.114.017.296.069.598.228.598.906v2.664h-4.691c-4.628 0-5.602 2.721-5.602 5.004 0 2.283.974 5.039 5.602 5.039h10.646V16.698c0-1.68-.444-2.955-1.32-3.775-.872-.814-2.278-1.23-4.185-1.23l-.006-.005Zm-4.332 13.453c-.245-.262-.359-.518-.359-.769 0-.267.114-.512.353-.745.24-.24.478-.354.74-.354h3.154v2.198H49.2c-.273 0-.512-.114-.734-.33ZM69.331 25.426c-.023-.057-.091-.296-.091-1.06v-8.772h3.615v-3.906H69.24v-6.2h-6.046v6.2h-3.598v3.906h3.598v8.773c0 2.3.968 5.044 5.585 5.044h4.492v-3.94h-2.927c-.757 0-.996-.062-1.013-.045ZM89.969 12.616c-.871-.62-2.215-.922-4.116-.922h-5.141c-1.84 0-3.246.461-4.18 1.36-.938.911-1.422 1.999-1.422 3.24 0 .62.068 1.042.233 1.372l.495.751a5.62 5.62 0 0 0 1.765 1.691c.666.41 1.537.82 2.574 1.219.922.341 1.89.791 2.926 1.366 1.531.666 1.907 1.161 1.992 1.383.057.177.12.32.188.427a.557.557 0 0 0 .103.143v.142c0 .37-.131.512-.541.558a9.662 9.662 0 0 1-3.188.006c-.37-.057-.496-.2-.496-.553v-1.258H75.11V24.8c0 1.259.484 2.357 1.44 3.263.95.9 2.346 1.355 4.162 1.355h5.14c1.913 0 3.257-.297 4.117-.911.472-.342.825-.911 1.047-1.686.21-.723.313-1.406.313-2.032 0-.626-.068-1.03-.222-1.298l-.455-.723a5.785 5.785 0 0 0-1.845-1.73 15.029 15.029 0 0 0-2.448-1.174 24.072 24.072 0 0 1-2.886-1.389c-1.554-.671-1.924-1.167-2.016-1.417-.108-.273-.193-.439-.29-.547 0-.04-.011-.102-.011-.205 0-.301.085-.49.518-.558 1.121-.176 2.015-.188 3.182.017.444.08.53.268.53.541v1.259h5.938v-1.259c0-.575-.108-1.24-.32-1.97-.227-.785-.574-1.36-1.041-1.708l.006-.01ZM103.775 25.505h-2.124a7.38 7.38 0 0 1-1.566-.193c-.273-.063-.557-.222-.557-.911V11.694h-5.956v12.713c0 1.65.444 2.915 1.31 3.751.865.837 2.277 1.259 4.196 1.259h10.743V11.694h-6.046v13.811ZM122.812 11.688h-10.743v17.723h6.047V15.593h2.123c.416 0 .928.069 1.526.205.307.069.598.234.598.906V29.41h5.955V16.698c0-1.64-.45-2.898-1.327-3.746-.877-.843-2.283-1.264-4.179-1.264ZM141.213 11.688h-5.044c-4.629 0-5.603 2.721-5.603 5.004v7.703c0 1.674.445 2.938 1.31 3.769.865.825 2.277 1.24 4.196 1.24h5.135c4.634 0 5.602-2.726 5.602-5.01v-7.65c0-2.312-.968-5.062-5.602-5.062l.006.006Zm-.319 5.015v7.663c0 .712-.285.866-.564.923-1.161.239-2.021.244-3.154-.017-.273-.057-.552-.222-.552-.911v-7.663c0-.274.114-.518.353-.752.239-.239.484-.353.74-.358l1.987.05c.273 0 .535.12.808.365.262.234.382.456.382.695v.005ZM155.115 15.702V5.488h-6.046v23.923h6.046v-5.352l4.475 5.357 6.245-.01-8.983-9.56 9.211-8.175-6.427.017-4.521 4.014Z'/%3e%3cpath d='M176.59 11.688h-5.044c-4.629 0-5.602 2.721-5.602 5.004v7.703c0 1.674.438 2.943 1.309 3.769.877.837 2.249 1.24 4.196 1.24h5.141c4.634 0 5.602-2.726 5.602-5.01v-7.65c0-2.312-.968-5.062-5.602-5.062v.006Zm-.319 5.015v7.663c0 .712-.285.866-.564.923-1.161.239-2.021.244-3.154-.017-.273-.057-.558-.222-.558-.911v-7.663c0-.274.114-.518.353-.752.24-.239.484-.353.746-.358l1.981.05c.274 0 .536.12.809.365.262.234.387.456.387.695v.005ZM32.365 33.914h3.08c.672 0 1.173.16 1.504.478.335.32.5.769.5 1.36 0 .593-.182 1.077-.546 1.418-.364.342-.922.513-1.668.513H34.22v2.226H32.36v-5.99l.005-.005Zm1.862 2.55h.456c.358 0 .609-.062.751-.187a.603.603 0 0 0 .216-.479c0-.199-.062-.347-.187-.478-.126-.13-.36-.199-.706-.199h-.53v1.344ZM48.91 35.565h1.56v.712c.148-.308.301-.524.46-.638a.987.987 0 0 1 .593-.177c.239 0 .512.08.803.234l-.513 1.184c-.199-.08-.353-.125-.467-.125a.574.574 0 0 0-.506.273c-.171.25-.257.729-.257 1.418v1.457H48.91v-4.338ZM63 37.745c0-.666.222-1.212.672-1.64.45-.426 1.053-.643 1.81-.643.871 0 1.526.25 1.97.758.359.404.535.905.535 1.503 0 .666-.222 1.212-.666 1.64-.444.426-1.053.637-1.838.637-.7 0-1.264-.177-1.691-.53-.53-.438-.792-1.019-.792-1.725Zm1.668-.005c0 .387.08.671.234.86.16.181.353.278.592.278s.438-.09.592-.273c.154-.182.233-.478.233-.877 0-.37-.08-.654-.233-.842a.725.725 0 0 0-.575-.274.758.758 0 0 0-.603.285c-.16.182-.234.467-.234.848l-.006-.005ZM83.945 33.914v5.99h-1.56v-.644c-.216.273-.415.455-.597.552-.24.125-.507.188-.797.188-.593 0-1.042-.222-1.355-.672-.313-.45-.467-.996-.467-1.64 0-.717.17-1.269.518-1.65.347-.382.78-.575 1.315-.575.256 0 .49.045.706.136.21.086.398.217.564.393v-2.078h1.679-.006Zm-1.668 3.809c0-.342-.068-.598-.216-.763a.708.708 0 0 0-.547-.25.6.6 0 0 0-.483.239c-.132.165-.194.432-.194.814 0 .353.068.609.205.78a.622.622 0 0 0 .5.244.65.65 0 0 0 .53-.25c.143-.165.21-.438.21-.814h-.005ZM100.125 39.903h-1.554v-.706c-.233.29-.467.496-.7.621-.24.125-.53.182-.871.182-.456 0-.82-.136-1.076-.41-.262-.273-.393-.694-.393-1.264v-2.76h1.674v2.385c0 .273.05.46.148.575.102.114.245.17.427.17.199 0 .364-.073.49-.227.124-.154.187-.427.187-.826V35.56h1.663v4.338l.005.005ZM114.962 38.201l1.582.182c-.085.33-.227.615-.427.854-.199.24-.455.427-.763.564-.307.136-.7.199-1.178.199s-.843-.04-1.15-.125a2.06 2.06 0 0 1-.791-.416 2.084 2.084 0 0 1-.519-.677c-.125-.256-.187-.598-.187-1.025 0-.45.074-.82.227-1.116.114-.222.268-.416.461-.586.194-.177.393-.302.598-.388.325-.13.74-.199 1.247-.199.706 0 1.253.125 1.623.382.37.256.632.626.785 1.116l-1.565.21c-.052-.188-.137-.33-.268-.421a.894.894 0 0 0-.524-.142.852.852 0 0 0-.666.296c-.171.193-.256.495-.256.9 0 .352.085.62.256.808a.837.837 0 0 0 .649.279.929.929 0 0 0 .552-.166c.148-.113.257-.284.331-.518l-.017-.011ZM129.906 33.914v1.651h.917v1.218h-.917v1.538c0 .187.017.307.051.37.057.09.148.136.285.136.125 0 .296-.034.518-.102l.12 1.15c-.41.09-.797.136-1.156.136-.416 0-.717-.05-.917-.159a.95.95 0 0 1-.438-.478c-.097-.222-.142-.564-.142-1.048V36.8h-.615v-1.218h.615v-.803l1.668-.848.011-.017ZM142.266 33.914h1.662v1.127h-1.662v-1.127Zm0 1.651h1.662v4.338h-1.662v-4.338ZM155.377 37.745c0-.666.222-1.212.672-1.64.444-.426 1.048-.643 1.81-.643.871 0 1.526.25 1.97.758.359.404.535.905.535 1.503 0 .666-.222 1.212-.666 1.64-.444.426-1.053.637-1.839.637-.694 0-1.263-.177-1.69-.53-.53-.438-.792-1.019-.792-1.725Zm1.668-.005c0 .387.074.671.234.86a.755.755 0 0 0 .592.278.743.743 0 0 0 .592-.273c.154-.182.233-.478.233-.877 0-.37-.079-.654-.233-.842a.725.725 0 0 0-.575-.274.76.76 0 0 0-.604.285c-.159.182-.233.467-.233.848l-.006-.005ZM171.756 35.565h1.549v.706c.228-.285.467-.495.7-.62.239-.12.524-.189.865-.189.462 0 .82.137 1.082.416.262.273.393.695.393 1.27v2.755h-1.674v-2.385c0-.274-.051-.467-.148-.575a.545.545 0 0 0-.427-.171.598.598 0 0 0-.489.233c-.126.154-.188.427-.188.82v2.084h-1.663v-4.344Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23000' d='M0 0h182.192v40H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.en.home .header__nav li a {
  color: #323232;
}
.en.home .header__nav li span::after {
  background-color: #323232;
}
.en.home .header__menubtn span {
  background: #323232;
}

.en .header {
  background-color: #f5f5f5;
}
.en .header__logo {
  background-image: url("data:image/svg+xml,%3csvg width='183' height='40' viewBox='0 0 183 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23000'%3e%3cpath d='m22.328 2.357-2.317 1.435C18.747 1.52 16.243-.074 13.424 0 8.454.137 5.67 4.737 5.722 9.73L0 8.42l1.167 6.37s4.213-2.868 5.05-2.868c.62 0 2.516 1.434 3.507 2.22.245.21 1.076.962 1.036 1.452a3.843 3.843 0 0 1-.125.563 9.929 9.929 0 0 0-1.73.57c-.918.398-1.732.91-2.449 1.491l-1.241-.564-.393.872.86.387c-.997 1.013-1.691 2.186-2.016 3.376l-1.195-.017-.017.956 1.03.017c-.08.808.023 1.606.336 2.357.256.615.66 1.156 1.184 1.605l-.689.473.541.786.985-.678c1.065.62 2.431.968 3.968.98a9.26 9.26 0 0 1 1.02.956c1.092 1.213 2.356 2.624 2.675 4.275.216 1.105.068 2.443-.603 3.428-.439.637-.917.842-1.446.962-1.1.245-2.226-.313-2.716-1.372-.552-1.184-.245-2.739 1.019-3.302.165-.074.473-.125.74-.069.262.057.49.222.604.416.062.097.114.205.09.319a1.063 1.063 0 0 0-1.23 1.606c.007.01.297.404.73.455.888.108 1.52-.348 1.668-1.258.142-.877-.165-1.668-.712-2.073-1.315-.962-3.245-.364-4.03.94-.77 1.286-.633 3.29.256 4.446.996 1.298 2.949 1.862 4.492 1.252 2.1-.825 3.125-2.63 3.415-4.65.268-1.885-.017-3.844-.626-5.637a13.581 13.581 0 0 0-.711-1.725c1.03-.507 2.095-1.4 2.937-2.494l1.298 1.361 2.334-2.613-2.51-.66c.182-.439.324-.883.41-1.338l2.402.062v-3.262l-2.505.757c-.045-.148-.085-.302-.148-.45a4.615 4.615 0 0 0-.41-.757c.638-.5 1.953-1.503 1.953-1.503l-2.773-2.562-1.138 2.369c-.968-.495-2.135-.769-3.416-.769-.12 0-.24.017-.359.023.148-.74.342-1.224 1.11-1.509 0 0 .598-.182.906-.273 3.791-1.161 6.302-3.809 6.347-6.94a6.67 6.67 0 0 0-.159-1.514l1.605.182v-3.49ZM8.933 27.697a6.955 6.955 0 0 1-2.124-.558l2.425-1.668-.301 2.226Zm.472-3.507-3.507 2.414c-.507-.387-.894-.854-1.121-1.39a3.933 3.933 0 0 1-.262-1.935l4.998.08-.114.837.006-.006Zm.245-1.788-4.919-.08c.336-1.041 1.013-2.06 1.964-2.937l3.171 1.43-.216 1.587Zm.347-2.573-2.476-1.116a9.515 9.515 0 0 1 1.799-1.019 9.386 9.386 0 0 1 1.019-.375l-.342 2.516v-.006ZM13.3 8.967c-.592 1.987-2.118 2.966-3.421 2.59-.849-.25-1.378-1.082-1.503-2.135.113.262.318.45.558.49.472.08.814-.308.933-.917.12-.603-.136-1.167-.57-1.252-.363-.069-.734.216-.916.671.034-.267.08-.54.16-.814.535-1.839 1.975-3.074 3.273-2.692 1.503.444 2.027 2.231 1.48 4.064l.006-.005ZM43.348 5.454h-16.26V9.44h5.152v19.926h6.046V9.44h5.062V5.454ZM52.798 11.688h-5.14c-4.63 0-5.603 2.727-5.603 5.016v1.258h6.052v-1.258c0-.797.364-.883.535-.923 1.03-.233 1.81-.273 3.114.017.296.069.598.228.598.906v2.664h-4.691c-4.628 0-5.602 2.721-5.602 5.004 0 2.283.974 5.039 5.602 5.039h10.646V16.698c0-1.68-.444-2.955-1.32-3.775-.872-.814-2.278-1.23-4.185-1.23l-.006-.005Zm-4.332 13.453c-.245-.262-.359-.518-.359-.769 0-.267.114-.512.353-.745.24-.24.478-.354.74-.354h3.154v2.198H49.2c-.273 0-.512-.114-.734-.33ZM69.331 25.426c-.023-.057-.091-.296-.091-1.06v-8.772h3.615v-3.906H69.24v-6.2h-6.046v6.2h-3.598v3.906h3.598v8.773c0 2.3.968 5.044 5.585 5.044h4.492v-3.94h-2.927c-.757 0-.996-.062-1.013-.045ZM89.969 12.616c-.871-.62-2.215-.922-4.116-.922h-5.141c-1.84 0-3.246.461-4.18 1.36-.938.911-1.422 1.999-1.422 3.24 0 .62.068 1.042.233 1.372l.495.751a5.62 5.62 0 0 0 1.765 1.691c.666.41 1.537.82 2.574 1.219.922.341 1.89.791 2.926 1.366 1.531.666 1.907 1.161 1.992 1.383.057.177.12.32.188.427a.557.557 0 0 0 .103.143v.142c0 .37-.131.512-.541.558a9.662 9.662 0 0 1-3.188.006c-.37-.057-.496-.2-.496-.553v-1.258H75.11V24.8c0 1.259.484 2.357 1.44 3.263.95.9 2.346 1.355 4.162 1.355h5.14c1.913 0 3.257-.297 4.117-.911.472-.342.825-.911 1.047-1.686.21-.723.313-1.406.313-2.032 0-.626-.068-1.03-.222-1.298l-.455-.723a5.785 5.785 0 0 0-1.845-1.73 15.029 15.029 0 0 0-2.448-1.174 24.072 24.072 0 0 1-2.886-1.389c-1.554-.671-1.924-1.167-2.016-1.417-.108-.273-.193-.439-.29-.547 0-.04-.011-.102-.011-.205 0-.301.085-.49.518-.558 1.121-.176 2.015-.188 3.182.017.444.08.53.268.53.541v1.259h5.938v-1.259c0-.575-.108-1.24-.32-1.97-.227-.785-.574-1.36-1.041-1.708l.006-.01ZM103.775 25.505h-2.124a7.38 7.38 0 0 1-1.566-.193c-.273-.063-.557-.222-.557-.911V11.694h-5.956v12.713c0 1.65.444 2.915 1.31 3.751.865.837 2.277 1.259 4.196 1.259h10.743V11.694h-6.046v13.811ZM122.812 11.688h-10.743v17.723h6.047V15.593h2.123c.416 0 .928.069 1.526.205.307.069.598.234.598.906V29.41h5.955V16.698c0-1.64-.45-2.898-1.327-3.746-.877-.843-2.283-1.264-4.179-1.264ZM141.213 11.688h-5.044c-4.629 0-5.603 2.721-5.603 5.004v7.703c0 1.674.445 2.938 1.31 3.769.865.825 2.277 1.24 4.196 1.24h5.135c4.634 0 5.602-2.726 5.602-5.01v-7.65c0-2.312-.968-5.062-5.602-5.062l.006.006Zm-.319 5.015v7.663c0 .712-.285.866-.564.923-1.161.239-2.021.244-3.154-.017-.273-.057-.552-.222-.552-.911v-7.663c0-.274.114-.518.353-.752.239-.239.484-.353.74-.358l1.987.05c.273 0 .535.12.808.365.262.234.382.456.382.695v.005ZM155.115 15.702V5.488h-6.046v23.923h6.046v-5.352l4.475 5.357 6.245-.01-8.983-9.56 9.211-8.175-6.427.017-4.521 4.014Z'/%3e%3cpath d='M176.59 11.688h-5.044c-4.629 0-5.602 2.721-5.602 5.004v7.703c0 1.674.438 2.943 1.309 3.769.877.837 2.249 1.24 4.196 1.24h5.141c4.634 0 5.602-2.726 5.602-5.01v-7.65c0-2.312-.968-5.062-5.602-5.062v.006Zm-.319 5.015v7.663c0 .712-.285.866-.564.923-1.161.239-2.021.244-3.154-.017-.273-.057-.558-.222-.558-.911v-7.663c0-.274.114-.518.353-.752.24-.239.484-.353.746-.358l1.981.05c.274 0 .536.12.809.365.262.234.387.456.387.695v.005ZM32.365 33.914h3.08c.672 0 1.173.16 1.504.478.335.32.5.769.5 1.36 0 .593-.182 1.077-.546 1.418-.364.342-.922.513-1.668.513H34.22v2.226H32.36v-5.99l.005-.005Zm1.862 2.55h.456c.358 0 .609-.062.751-.187a.603.603 0 0 0 .216-.479c0-.199-.062-.347-.187-.478-.126-.13-.36-.199-.706-.199h-.53v1.344ZM48.91 35.565h1.56v.712c.148-.308.301-.524.46-.638a.987.987 0 0 1 .593-.177c.239 0 .512.08.803.234l-.513 1.184c-.199-.08-.353-.125-.467-.125a.574.574 0 0 0-.506.273c-.171.25-.257.729-.257 1.418v1.457H48.91v-4.338ZM63 37.745c0-.666.222-1.212.672-1.64.45-.426 1.053-.643 1.81-.643.871 0 1.526.25 1.97.758.359.404.535.905.535 1.503 0 .666-.222 1.212-.666 1.64-.444.426-1.053.637-1.838.637-.7 0-1.264-.177-1.691-.53-.53-.438-.792-1.019-.792-1.725Zm1.668-.005c0 .387.08.671.234.86.16.181.353.278.592.278s.438-.09.592-.273c.154-.182.233-.478.233-.877 0-.37-.08-.654-.233-.842a.725.725 0 0 0-.575-.274.758.758 0 0 0-.603.285c-.16.182-.234.467-.234.848l-.006-.005ZM83.945 33.914v5.99h-1.56v-.644c-.216.273-.415.455-.597.552-.24.125-.507.188-.797.188-.593 0-1.042-.222-1.355-.672-.313-.45-.467-.996-.467-1.64 0-.717.17-1.269.518-1.65.347-.382.78-.575 1.315-.575.256 0 .49.045.706.136.21.086.398.217.564.393v-2.078h1.679-.006Zm-1.668 3.809c0-.342-.068-.598-.216-.763a.708.708 0 0 0-.547-.25.6.6 0 0 0-.483.239c-.132.165-.194.432-.194.814 0 .353.068.609.205.78a.622.622 0 0 0 .5.244.65.65 0 0 0 .53-.25c.143-.165.21-.438.21-.814h-.005ZM100.125 39.903h-1.554v-.706c-.233.29-.467.496-.7.621-.24.125-.53.182-.871.182-.456 0-.82-.136-1.076-.41-.262-.273-.393-.694-.393-1.264v-2.76h1.674v2.385c0 .273.05.46.148.575.102.114.245.17.427.17.199 0 .364-.073.49-.227.124-.154.187-.427.187-.826V35.56h1.663v4.338l.005.005ZM114.962 38.201l1.582.182c-.085.33-.227.615-.427.854-.199.24-.455.427-.763.564-.307.136-.7.199-1.178.199s-.843-.04-1.15-.125a2.06 2.06 0 0 1-.791-.416 2.084 2.084 0 0 1-.519-.677c-.125-.256-.187-.598-.187-1.025 0-.45.074-.82.227-1.116.114-.222.268-.416.461-.586.194-.177.393-.302.598-.388.325-.13.74-.199 1.247-.199.706 0 1.253.125 1.623.382.37.256.632.626.785 1.116l-1.565.21c-.052-.188-.137-.33-.268-.421a.894.894 0 0 0-.524-.142.852.852 0 0 0-.666.296c-.171.193-.256.495-.256.9 0 .352.085.62.256.808a.837.837 0 0 0 .649.279.929.929 0 0 0 .552-.166c.148-.113.257-.284.331-.518l-.017-.011ZM129.906 33.914v1.651h.917v1.218h-.917v1.538c0 .187.017.307.051.37.057.09.148.136.285.136.125 0 .296-.034.518-.102l.12 1.15c-.41.09-.797.136-1.156.136-.416 0-.717-.05-.917-.159a.95.95 0 0 1-.438-.478c-.097-.222-.142-.564-.142-1.048V36.8h-.615v-1.218h.615v-.803l1.668-.848.011-.017ZM142.266 33.914h1.662v1.127h-1.662v-1.127Zm0 1.651h1.662v4.338h-1.662v-4.338ZM155.377 37.745c0-.666.222-1.212.672-1.64.444-.426 1.048-.643 1.81-.643.871 0 1.526.25 1.97.758.359.404.535.905.535 1.503 0 .666-.222 1.212-.666 1.64-.444.426-1.053.637-1.839.637-.694 0-1.263-.177-1.69-.53-.53-.438-.792-1.019-.792-1.725Zm1.668-.005c0 .387.074.671.234.86a.755.755 0 0 0 .592.278.743.743 0 0 0 .592-.273c.154-.182.233-.478.233-.877 0-.37-.079-.654-.233-.842a.725.725 0 0 0-.575-.274.76.76 0 0 0-.604.285c-.159.182-.233.467-.233.848l-.006-.005ZM171.756 35.565h1.549v.706c.228-.285.467-.495.7-.62.239-.12.524-.189.865-.189.462 0 .82.137 1.082.416.262.273.393.695.393 1.27v2.755h-1.674v-2.385c0-.274-.051-.467-.148-.575a.545.545 0 0 0-.427-.171.598.598 0 0 0-.489.233c-.126.154-.188.427-.188.82v2.084h-1.663v-4.344Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23000' d='M0 0h182.192v40H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}

.home .header {
  transition: all 0.5s;
  background-color: transparent;
}
.home .header__logo {
  transition: all 0.5s;
  background-image: url("data:image/svg+xml,%3csvg width='183' height='40' viewBox='0 0 183 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23fff'%3e%3cpath d='M66.496 40H53.92v-5.773h12.576a5.303 5.303 0 0 0 5.294-5.294V14.056h5.773v14.877c0 6.103-4.964 11.061-11.061 11.061l-.006.006ZM91.551 40H78.878v-5.773h12.673a5.3 5.3 0 0 0 5.295-5.294V14.056h5.773v14.877c0 6.103-4.965 11.061-11.068 11.061V40ZM129.183 40h-23.541v-5.767h17.774l.006-14.41-17.78.018v-5.768l23.552-.017L129.183 40ZM50.982 14.056h-23.74v14.882h5.778v-9.132h12.2v3.377h-8.59v5.772h8.59a5.3 5.3 0 0 1-5.294 5.284H27.259v5.772h12.667c6.097 0 11.062-4.964 11.062-11.061V14.068l-.006-.012Z'/%3e%3cpath d='M59.784 14.056H54.01V28.83h5.773V14.056ZM68.528 14.056h-5.773V28.83h5.773V14.056ZM149.883 14.05h-17.774v5.78h17.871v9.108a5.3 5.3 0 0 1-5.295 5.295h-12.581v5.773h12.581c6.098 0 11.062-4.965 11.062-11.062V20.99a7.258 7.258 0 0 1-5.869-6.935l.005-.005ZM164.389 14.056a7.256 7.256 0 0 1-5.807 6.918v19.003l12.679.029 11.062-.029v-25.92h-17.934Zm12.167 20.16-5.295.011-6.9-.011V19.823h12.2v14.393h-.005Z'/%3e%3cpath d='M157.136 8.54a5.323 5.323 0 0 0-5.317 5.317 5.323 5.323 0 0 0 5.317 5.317 5.324 5.324 0 0 0 5.318-5.317 5.324 5.324 0 0 0-5.318-5.317Zm0 7.31a1.995 1.995 0 0 1-1.992-1.993c0-1.099.894-1.992 1.992-1.992 1.099 0 1.993.893 1.993 1.992a1.995 1.995 0 0 1-1.993 1.993ZM22.328 2.357l-2.317 1.435C18.747 1.52 16.243-.074 13.424 0 8.454.137 5.67 4.737 5.722 9.73L0 8.42l1.167 6.37s4.213-2.869 5.05-2.869c.62 0 2.516 1.435 3.507 2.22.245.211 1.076.963 1.036 1.453a3.842 3.842 0 0 1-.125.563c-.587.142-1.173.325-1.73.57-.918.398-1.732.91-2.449 1.491l-1.241-.564-.393.872.86.387c-.997 1.013-1.691 2.186-2.016 3.376l-1.195-.017-.017.956 1.03.017c-.08.808.023 1.606.336 2.357.256.615.66 1.156 1.184 1.605l-.689.479.541.785.985-.677c1.065.62 2.431.968 3.968.98.336.272.69.591 1.02.956 1.092 1.212 2.356 2.624 2.675 4.275.216 1.105.068 2.442-.603 3.427-.439.638-.917.843-1.446.962-1.1.245-2.226-.313-2.716-1.371-.552-1.185-.245-2.739 1.019-3.303.165-.073.473-.125.74-.068.262.057.49.222.604.421.062.097.114.205.09.32a1.062 1.062 0 0 0-1.23 1.6c.007.01.297.403.73.455.888.108 1.52-.348 1.668-1.264.142-.877-.165-1.668-.712-2.073-1.315-.962-3.245-.364-4.03.94-.77 1.286-.633 3.29.256 4.446.996 1.298 2.949 1.862 4.492 1.252 2.1-.825 3.125-2.63 3.415-4.65.268-1.89-.017-3.844-.626-5.643a13.581 13.581 0 0 0-.711-1.725c1.03-.512 2.095-1.4 2.937-2.493l1.298 1.36 2.334-2.613-2.51-.66c.182-.439.324-.883.41-1.338l2.402.063v-3.263l-2.505.758c-.045-.149-.085-.302-.148-.45a4.615 4.615 0 0 0-.41-.757c.638-.501 1.953-1.503 1.953-1.503l-2.773-2.562-1.138 2.368c-.968-.495-2.135-.768-3.416-.768-.12 0-.24.017-.359.017.148-.74.342-1.225 1.11-1.51 0 0 .598-.181.906-.272 3.791-1.162 6.302-3.81 6.347-6.94a6.67 6.67 0 0 0-.159-1.515l1.605.182v-3.49.012ZM8.933 27.697a6.955 6.955 0 0 1-2.124-.558l2.425-1.668-.301 2.226Zm.472-3.507-3.507 2.414c-.507-.387-.894-.854-1.121-1.39a3.934 3.934 0 0 1-.262-1.935l4.998.08-.114.837.006-.006Zm.245-1.788-4.919-.08c.336-1.041 1.013-2.06 1.964-2.937l3.171 1.43-.216 1.582v.006Zm.347-2.573-2.476-1.121a9.504 9.504 0 0 1 1.799-1.02 9.408 9.408 0 0 1 1.019-.375l-.342 2.516ZM13.3 8.967c-.592 1.987-2.118 2.966-3.421 2.584-.849-.244-1.378-1.081-1.503-2.135.113.262.318.45.558.49.472.08.814-.307.933-.91.12-.604-.136-1.168-.57-1.253-.363-.074-.734.216-.916.671.034-.267.08-.54.16-.814.535-1.839 1.975-3.074 3.273-2.693 1.503.445 2.027 2.232 1.48 4.065l.006-.005Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23fff' d='M0 0h182.323v40H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.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='0.5' 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='0.5' 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: #f5f5f5;
}
.home .header.normal .header__logo {
  background-image: url("data:image/svg+xml,%3csvg width='183' height='40' viewBox='0 0 183 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23000'%3e%3cpath d='M66.496 40H53.92v-5.773h12.576a5.303 5.303 0 0 0 5.294-5.294V14.056h5.773v14.877c0 6.103-4.964 11.061-11.061 11.061l-.006.006ZM91.551 40H78.878v-5.773h12.673a5.3 5.3 0 0 0 5.295-5.294V14.056h5.773v14.877c0 6.103-4.965 11.061-11.068 11.061V40ZM129.183 40h-23.541v-5.767h17.774l.006-14.41-17.78.018v-5.768l23.552-.017L129.183 40ZM50.982 14.056h-23.74v14.882h5.778v-9.132h12.2v3.377h-8.59v5.772h8.59a5.3 5.3 0 0 1-5.294 5.284H27.259v5.772h12.667c6.097 0 11.062-4.964 11.062-11.061V14.068l-.006-.012Z'/%3e%3cpath d='M59.784 14.056H54.01V28.83h5.773V14.056ZM68.528 14.056h-5.773V28.83h5.773V14.056ZM149.883 14.05h-17.774v5.78h17.871v9.108a5.3 5.3 0 0 1-5.295 5.295h-12.581v5.773h12.581c6.098 0 11.062-4.965 11.062-11.062V20.99a7.258 7.258 0 0 1-5.869-6.935l.005-.005ZM164.389 14.056a7.256 7.256 0 0 1-5.807 6.918v19.003l12.679.029 11.062-.029v-25.92h-17.934Zm12.167 20.16-5.295.011-6.9-.011V19.823h12.2v14.393h-.005Z'/%3e%3cpath d='M157.136 8.54a5.323 5.323 0 0 0-5.317 5.317 5.323 5.323 0 0 0 5.317 5.317 5.324 5.324 0 0 0 5.318-5.317 5.324 5.324 0 0 0-5.318-5.317Zm0 7.31a1.995 1.995 0 0 1-1.992-1.993c0-1.099.894-1.992 1.992-1.992 1.099 0 1.993.893 1.993 1.992a1.995 1.995 0 0 1-1.993 1.993ZM22.328 2.357l-2.317 1.435C18.747 1.52 16.243-.074 13.424 0 8.454.137 5.67 4.737 5.722 9.73L0 8.42l1.167 6.37s4.213-2.869 5.05-2.869c.62 0 2.516 1.435 3.507 2.22.245.211 1.076.963 1.036 1.453a3.842 3.842 0 0 1-.125.563c-.587.142-1.173.325-1.73.57-.918.398-1.732.91-2.449 1.491l-1.241-.564-.393.872.86.387c-.997 1.013-1.691 2.186-2.016 3.376l-1.195-.017-.017.956 1.03.017c-.08.808.023 1.606.336 2.357.256.615.66 1.156 1.184 1.605l-.689.479.541.785.985-.677c1.065.62 2.431.968 3.968.98.336.272.69.591 1.02.956 1.092 1.212 2.356 2.624 2.675 4.275.216 1.105.068 2.442-.603 3.427-.439.638-.917.843-1.446.962-1.1.245-2.226-.313-2.716-1.371-.552-1.185-.245-2.739 1.019-3.303.165-.073.473-.125.74-.068.262.057.49.222.604.421.062.097.114.205.09.32a1.062 1.062 0 0 0-1.23 1.6c.007.01.297.403.73.455.888.108 1.52-.348 1.668-1.264.142-.877-.165-1.668-.712-2.073-1.315-.962-3.245-.364-4.03.94-.77 1.286-.633 3.29.256 4.446.996 1.298 2.949 1.862 4.492 1.252 2.1-.825 3.125-2.63 3.415-4.65.268-1.89-.017-3.844-.626-5.643a13.581 13.581 0 0 0-.711-1.725c1.03-.512 2.095-1.4 2.937-2.493l1.298 1.36 2.334-2.613-2.51-.66c.182-.439.324-.883.41-1.338l2.402.063v-3.263l-2.505.758c-.045-.149-.085-.302-.148-.45a4.615 4.615 0 0 0-.41-.757c.638-.501 1.953-1.503 1.953-1.503l-2.773-2.562-1.138 2.368c-.968-.495-2.135-.768-3.416-.768-.12 0-.24.017-.359.017.148-.74.342-1.225 1.11-1.51 0 0 .598-.181.906-.272 3.791-1.162 6.302-3.81 6.347-6.94a6.67 6.67 0 0 0-.159-1.515l1.605.182v-3.49.012ZM8.933 27.697a6.955 6.955 0 0 1-2.124-.558l2.425-1.668-.301 2.226Zm.472-3.507-3.507 2.414c-.507-.387-.894-.854-1.121-1.39a3.934 3.934 0 0 1-.262-1.935l4.998.08-.114.837.006-.006Zm.245-1.788-4.919-.08c.336-1.041 1.013-2.06 1.964-2.937l3.171 1.43-.216 1.582v.006Zm.347-2.573-2.476-1.121a9.504 9.504 0 0 1 1.799-1.02 9.408 9.408 0 0 1 1.019-.375l-.342 2.516ZM13.3 8.967c-.592 1.987-2.118 2.966-3.421 2.584-.849-.244-1.378-1.081-1.503-2.135.113.262.318.45.558.49.472.08.814-.307.933-.91.12-.604-.136-1.168-.57-1.253-.363-.074-.734.216-.916.671.034-.267.08-.54.16-.814.535-1.839 1.975-3.074 3.273-2.693 1.503.445 2.027 2.232 1.48 4.065l.006-.005Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23000' d='M0 0h182.323v40H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-size: 100%;
}
.home .header.normal .header__nav li span::after {
  background: #323232;
}
.home .header.normal .header__etc li span::after {
  background: #323232;
}
.home .header.normal .header__menubtn span {
  background: #323232;
}
.home .header.normal a {
  color: #323232;
}
.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='%23323232' fill-opacity='0.0' stroke-opacity='0.5' 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%;
}
.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='%23323232' fill-opacity='0.0' stroke-opacity='0.5' 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%;
}

/* header */
.header {
  position: fixed;
  z-index: 10;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  width: 100%;
  height: 70px;
  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='183' height='40' viewBox='0 0 183 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23a)' fill='%23000000'%3e%3cpath d='M66.496 40H53.92v-5.773h12.576a5.303 5.303 0 0 0 5.294-5.294V14.056h5.773v14.877c0 6.103-4.964 11.061-11.061 11.061l-.006.006ZM91.551 40H78.878v-5.773h12.673a5.3 5.3 0 0 0 5.295-5.294V14.056h5.773v14.877c0 6.103-4.965 11.061-11.068 11.061V40ZM129.183 40h-23.541v-5.767h17.774l.006-14.41-17.78.018v-5.768l23.552-.017L129.183 40ZM50.982 14.056h-23.74v14.882h5.778v-9.132h12.2v3.377h-8.59v5.772h8.59a5.3 5.3 0 0 1-5.294 5.284H27.259v5.772h12.667c6.097 0 11.062-4.964 11.062-11.061V14.068l-.006-.012Z'/%3e%3cpath d='M59.784 14.056H54.01V28.83h5.773V14.056ZM68.528 14.056h-5.773V28.83h5.773V14.056ZM149.883 14.05h-17.774v5.78h17.871v9.108a5.3 5.3 0 0 1-5.295 5.295h-12.581v5.773h12.581c6.098 0 11.062-4.965 11.062-11.062V20.99a7.258 7.258 0 0 1-5.869-6.935l.005-.005ZM164.389 14.056a7.256 7.256 0 0 1-5.807 6.918v19.003l12.679.029 11.062-.029v-25.92h-17.934Zm12.167 20.16-5.295.011-6.9-.011V19.823h12.2v14.393h-.005Z'/%3e%3cpath d='M157.136 8.54a5.323 5.323 0 0 0-5.317 5.317 5.323 5.323 0 0 0 5.317 5.317 5.324 5.324 0 0 0 5.318-5.317 5.324 5.324 0 0 0-5.318-5.317Zm0 7.31a1.995 1.995 0 0 1-1.992-1.993c0-1.099.894-1.992 1.992-1.992 1.099 0 1.993.893 1.993 1.992a1.995 1.995 0 0 1-1.993 1.993ZM22.328 2.357l-2.317 1.435C18.747 1.52 16.243-.074 13.424 0 8.454.137 5.67 4.737 5.722 9.73L0 8.42l1.167 6.37s4.213-2.869 5.05-2.869c.62 0 2.516 1.435 3.507 2.22.245.211 1.076.963 1.036 1.453a3.842 3.842 0 0 1-.125.563c-.587.142-1.173.325-1.73.57-.918.398-1.732.91-2.449 1.491l-1.241-.564-.393.872.86.387c-.997 1.013-1.691 2.186-2.016 3.376l-1.195-.017-.017.956 1.03.017c-.08.808.023 1.606.336 2.357.256.615.66 1.156 1.184 1.605l-.689.479.541.785.985-.677c1.065.62 2.431.968 3.968.98.336.272.69.591 1.02.956 1.092 1.212 2.356 2.624 2.675 4.275.216 1.105.068 2.442-.603 3.427-.439.638-.917.843-1.446.962-1.1.245-2.226-.313-2.716-1.371-.552-1.185-.245-2.739 1.019-3.303.165-.073.473-.125.74-.068.262.057.49.222.604.421.062.097.114.205.09.32a1.062 1.062 0 0 0-1.23 1.6c.007.01.297.403.73.455.888.108 1.52-.348 1.668-1.264.142-.877-.165-1.668-.712-2.073-1.315-.962-3.245-.364-4.03.94-.77 1.286-.633 3.29.256 4.446.996 1.298 2.949 1.862 4.492 1.252 2.1-.825 3.125-2.63 3.415-4.65.268-1.89-.017-3.844-.626-5.643a13.581 13.581 0 0 0-.711-1.725c1.03-.512 2.095-1.4 2.937-2.493l1.298 1.36 2.334-2.613-2.51-.66c.182-.439.324-.883.41-1.338l2.402.063v-3.263l-2.505.758c-.045-.149-.085-.302-.148-.45a4.615 4.615 0 0 0-.41-.757c.638-.501 1.953-1.503 1.953-1.503l-2.773-2.562-1.138 2.368c-.968-.495-2.135-.768-3.416-.768-.12 0-.24.017-.359.017.148-.74.342-1.225 1.11-1.51 0 0 .598-.181.906-.272 3.791-1.162 6.302-3.81 6.347-6.94a6.67 6.67 0 0 0-.159-1.515l1.605.182v-3.49.012ZM8.933 27.697a6.955 6.955 0 0 1-2.124-.558l2.425-1.668-.301 2.226Zm.472-3.507-3.507 2.414c-.507-.387-.894-.854-1.121-1.39a3.934 3.934 0 0 1-.262-1.935l4.998.08-.114.837.006-.006Zm.245-1.788-4.919-.08c.336-1.041 1.013-2.06 1.964-2.937l3.171 1.43-.216 1.582v.006Zm.347-2.573-2.476-1.121a9.504 9.504 0 0 1 1.799-1.02 9.408 9.408 0 0 1 1.019-.375l-.342 2.516ZM13.3 8.967c-.592 1.987-2.118 2.966-3.421 2.584-.849-.244-1.378-1.081-1.503-2.135.113.262.318.45.558.49.472.08.814-.307.933-.91.12-.604-.136-1.168-.57-1.253-.363-.074-.734.216-.916.671.034-.267.08-.54.16-.814.535-1.839 1.975-3.074 3.273-2.693 1.503.445 2.027 2.232 1.48 4.065l.006-.005Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='a'%3e%3cpath fill='%23000000' d='M0 0h182.323v40H0z'/%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: 119px;
  height: 26px;
}
.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: #323232;
}
.header.is-expanded .header__menubtn span {
  background: #000;
}
.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: white;
  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: #323232;
  transform: scale(0, 1.1);
  transform-origin: center top;
  transition: transform 0.2s;
}
.header__nav li a {
  will-change: transform opacity;
  font-family: "Inter";
  font-weight: 700;
  font-feature-settings: "palt";
  display: inline-block;
  font-weight: 700;
  color: #323232;
  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: #323232;
  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: -2px;
  right: 84px;
}
.header__etc li {
  white-space: nowrap;
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 7px;
}
.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: #323232;
  transform: scale(0, 1.1);
  transform-origin: center top;
  transition: transform 0.2s;
}
.header__etc a {
  will-change: transform opacity;
  font-family: "Inter";
  font-weight: 700;
  font-feature-settings: "palt";
  display: block;
  color: #323232;
  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-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='%23F6F6F6' fill-opacity='0.0' stroke-opacity='0.5' 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 {
  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='%23F6F6F6' fill-opacity='0.0' stroke-opacity='0.5' 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 {
  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='%23F6F6F6' fill-opacity='0.0' stroke-opacity='0.5' 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 {
  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='%23F6F6F6' fill-opacity='0.0' stroke-opacity='0.5' 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 */
.footer {
  position: relative;
  z-index: 10;
  background-color: #fcfcfc;
  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: #323232;
  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: #323232;
  text-align: right;
  font-size: 12px;
  margin: 30px 0 0 0;
}

/* sub-header  */
.sub-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  height: 70px;
  top: 70px;
  background: #FCFCFC;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  transform: translateY(0%);
  transition: all 0.3s ease-in-out;
}
.sub-header.hidden {
  transform: translateY(-145px);
  transition: all 0.3s ease-in-out;
}
.sub-header__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 1000px;
  padding-right: 100px;
}
.sub-header__ttl {
  font-family: "Inter";
  font-weight: 700;
  font-feature-settings: "palt";
  font-weight: 700;
  font-size: 17px;
}
.sub-header__ttl a {
  cursor: pointer;
  will-change: transform opacity;
}
.sub-header__right {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.sub-header .form-select {
  margin-right: -8px;
  padding-left: 20px;
}
.sub-header-nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-left: 10px;
}
.sub-header-nav.works-nav li {
  font-weight: 500;
  margin-left: 26px;
}
.sub-header-nav.works-nav li.bakken-btn {
  margin-left: 20px;
}
.sub-header-nav.works-nav li a {
  font-family: "Inter";
  font-weight: 500;
  font-feature-settings: "palt";
}
.sub-header-nav.news {
  border-right: 1px solid rgba(50, 50, 50, 0.15);
  padding-right: 30px;
}
.sub-header-nav.news li {
  margin-left: 20px;
}
.sub-header-nav.news li a {
  padding: 27px 0;
}
.sub-header-nav li {
  position: relative;
  font-weight: 700;
  font-size: 14px;
  margin-left: 30px;
}
.sub-header-nav li a {
  will-change: transform opacity;
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding: 27px 0;
}
.sub-header-nav li.current::after {
  transform: scale(1, 1.1);
}
.sub-header-nav li.split {
  width: 1px;
  height: 100%;
  background-color: rgba(50, 50, 50, 0.15);
}
.sub-header-nav li:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: #323232;
  transform: scale(0, 1.1);
  transform-origin: center top;
  transition: transform 0.2s;
}
@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__head__inner.news-title__home {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sec__ttl {
    line-height: 1.6;
    font-size: 17px;
  }
  .sec__subttl {
    line-height: 1.6;
    font-size: 16px;
  }
  .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: 9px;
    height: 9px;
  }
  .oarrow-btn {
    padding: 0 62px 0 0;
  }
  .oarrow-btn::after {
    right: 21px;
  }
  .oarrow-btn.left::before {
    width: 50px;
    height: 50px;
  }
  .oarrow-btn.left::after {
    width: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .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: 9px;
    height: 9px;
  }
  .oarrow-btn-down.left {
    padding: 0 0 0 65px;
  }
  .oarrow-btn-down.left::after {
    top: -2px;
    left: 21px;
  }
  .open-btn::before {
    width: 50px;
    height: 50px;
  }
  .open-btn::after {
    width: 9px;
    height: 9px;
  }
  .open-btn {
    padding: 0 62px 0 0;
  }
  .open-btn::before {
    width: 50px;
    height: 50px;
  }
  .open-btn span::before {
    right: 17px;
    width: 14px;
    height: 2px;
  }
  .open-btn span::after {
    right: 23px;
    width: 2px;
    height: 14px;
  }
  .open-btn.left::before {
    width: 50px;
    height: 50px;
  }
  .open-btn.left::after {
    width: 9px;
    height: 9px;
  }
  .open-btn.left {
    padding: 0 0 0 65px;
  }
  .open-btn.left::before {
    width: 40px;
    height: 40px;
  }
  .open-btn.left span::before {
    right: 17px;
    width: 14px;
    height: 2px;
  }
  .open-btn.left span::after {
    right: 23px;
    width: 2px;
    height: 14px;
  }
  .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;
  }
  .add-btn {
    font-size: 14px;
  }
  .add-btn.large {
    font-size: 16px;
    padding: 11px 50px 9px;
  }
  .add-btn {
    padding: 10px 55px 8px 33px;
  }
  .add-btn span::before {
    right: 17px;
    width: 14px;
    height: 2px;
  }
  .add-btn span::after {
    right: 23px;
    width: 2px;
    height: 14px;
  }
  .add-btn__container {
    padding: 50px 0 100px 0;
  }
  .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;
  }
  .anchor-down-btn {
    font-size: 16px;
  }
  .anchor-down-btn {
    padding-right: 20px;
    padding-left: 0px;
    padding-right: 18px;
  }
  .anchor-down-btn.left {
    padding-right: 0px;
    padding-left: 15px;
  }
  .anchor-down-btn {
    font-size: 13px;
  }
  .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;
  }
  .readz {
    font-size: 14px;
  }
  .readz {
    padding: 13px 20px 11px;
  }
  .confirm-btn {
    font-size: 14px;
  }
  .confirm-btn {
    padding: 22px 73px 20px;
  }
  .entry-btn {
    font-size: 14px;
  }
  .entry-btn {
    padding: 22px 73px 20px;
  }
  .entry-btn {
    padding: 22px 59px 20px;
  }
  .signin-btn {
    font-size: 14px;
    padding: 22px 47px 20px;
  }
  .signin-btn > span::before {
    width: 16px;
    height: 16px;
    margin: 0px 10px 0 0;
  }
  .login-btn {
    font-size: 14px;
    padding: 21px 47px;
  }
  .login-btn > span::before {
    margin: 0px 10px 0 0;
    width: 14px;
    height: 16px;
  }
  .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;
  }
  .contact-btn .label-contact::before {
    margin-right: 14px;
  }
  .contact-btn .label-arrow {
    font-size: 16px;
  }
  .contact-btn .label-arrow {
    padding-right: 20px;
    padding-left: 0px;
  }
  .contact-btn .label-arrow.left {
    padding-right: 0px;
    padding-left: 15px;
  }
  .contact-btn .label-arrow {
    font-size: 16px;
  }
  .home-recruit-btn-label::before {
    width: 50px;
    height: 50px;
  }
  .home-recruit-btn-label::after {
    width: 9px;
    height: 9px;
  }
  .home-recruit-btn-label {
    padding: 0 62px 0 0;
  }
  .home-recruit-btn-label::after {
    right: 22px;
  }
  .home-recruit-btn-label.left::before {
    width: 50px;
    height: 50px;
  }
  .home-recruit-btn-label.left::after {
    width: 9px;
    height: 9px;
  }
  .home-recruit-btn-label.left {
    padding: 0 0 0 65px;
  }
  .home-recruit-btn-label.left::after {
    left: 20px;
  }
  .header {
    height: 100px;
  }
  .header__inner {
    padding: 0 30px;
  }
  .header__menubtn {
    right: 30px;
  }
  .header__etc {
    top: -6px;
  }
  .header__etc li {
    margin-left: 10px;
  }
  .header__etc li.lang {
    margin: 0px 15px 0 0;
  }
  .header__etc li.lang span {
    margin-top: 0px;
  }
  .header__etc__btn {
    width: 40px;
    height: 40px;
  }
  .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;
  }
  .sub-header {
    overflow-y: hidden;
    top: 100px;
    height: 70px;
  }
  .sub-header__inner {
    padding-left: 30px;
    padding-right: 30px;
  }
  .sub-header__ttl {
    font-size: 21px;
  }
  .sub-header .form-select {
    margin-right: -8px;
    padding-left: 5px;
  }
  .sub-header-nav.news li a {
    padding: 27px 0;
  }
  .sub-header-nav li a {
    padding: 30px 0;
  }
  .sub-header-nav li {
    font-size: 16px;
    margin-left: 33px;
  }
}
@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: 23px 100px;
    min-width: 1200px;
  }
  .sec__head__inner.news-title__home {
    max-width: 1250px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .sec__head__inner.news-title__home {
    padding-top: 17px;
    padding-bottom: 40px;
  }
  .sec__head__inner.news-title {
    padding: 47px 100px 40px 100px;
    min-width: 1200px;
  }
  .sec__head__inner.sub {
    padding: 47px 100px 52px 100px;
    min-width: 1200px;
  }
  .sec__head__inner.sub2 {
    padding: 60px 100px 100px 100px;
    min-width: 1200px;
  }
  .sec__head__inner.sub3 {
    padding: 60px 100px 60px 100px;
    min-width: 1200px;
  }
  .sec__body__inner {
    padding: 0px 25x;
  }
  .sec__foot__inner {
    padding: 50px 25px;
  }
  .sec__ttl {
    line-height: 1.6;
    font-size: 21px;
  }
  .sec__subttl {
    line-height: 1.6;
    font-size: 18px;
  }
  .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;
  }
  .open-btn {
    font-size: 16px;
  }
  .open-btn.small {
    font-size: 14px;
  }
  .open-btn.large {
    font-size: 18px;
  }
  .open-btn {
    font-size: 12px;
  }
  .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;
  }
  .contact-btn .label-contact {
    font-size: 40px;
  }
  .contact-btn .label-contact::before {
    width: 26px;
    height: 20px;
    margin-right: 16px;
  }
  .contact-btn .label-contact {
    margin-right: 41px;
  }
  .contact-btn .label-contact-en {
    margin-right: 0px;
  }
  .home-recruit-btn span {
    font-size: 30px;
  }
  .home-recruit-btn-label {
    font-size: 16px;
  }
  .home-recruit-btn-label.small {
    font-size: 14px;
  }
  .home-recruit-btn-label.large {
    font-size: 18px;
  }
  .home-recruit-btn-label {
    margin-left: 17px;
    font-size: 16px;
  }
  .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: 144px;
  }
  .header__inner {
    min-width: 1380px;
    padding: 0 50px;
  }
  .header__inner {
    height: 40px;
    margin-top: -4px;
  }
  .header__logo {
    width: 183px;
    height: 40px;
  }
  .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: 0;
    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: 14px;
    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;
  }
  .sub-header {
    overflow-y: hidden;
    top: 144px;
    height: 80px;
  }
  .sub-header__inner {
    padding-left: 100px;
    padding-right: 100px;
  }
  .sub-header__inner {
    justify-content: space-between;
    width: 100%;
  }
  .sub-header .form-select {
    margin-right: -8px;
    padding-left: 20px;
  }
  .sub-header-nav {
    padding-left: 0px;
  }
  .sub-header-nav.works-nav li {
    margin-left: 26px;
  }
  .sub-header-nav.works-nav li.bakken-btn {
    margin-left: 25px;
  }
  .sub-header-nav.news {
    padding-right: 50px;
  }
  .sub-header-nav.news li {
    margin-left: 30px;
  }
}
@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: #323232;
    background-color: #fff;
  }
  .btn.corner:hover::after, .corner.btn-round-oar-left-fill-black:hover::after, .corner.btn-round-oar:hover::after {
    border-color: #323232;
  }
  .btn.corner.fb:hover, .corner.fb.btn-round-oar-left-fill-black:hover, .corner.fb.btn-round-oar:hover {
    color: #fff;
    background-color: #323232;
  }
  .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.accent-blue:hover, .accent-blue.btn-round-oar-left-fill-black:hover, .accent-blue.btn-round-oar:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #5594F6;
    border: 1px solid rgba(255, 255, 255, 0.5);
  }
  .btn.accent-blue:hover.oar::before, .accent-blue.btn-round-oar-left-fill-black:hover.oar::before, .accent-blue.btn-round-oar:hover.oar::before {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .btn.accent-blue:hover.oar::after, .accent-blue.btn-round-oar-left-fill-black:hover.oar::after, .accent-blue.btn-round-oar:hover.oar::after {
    border-color: #5594F6 !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: #323232;
  }
  .btn.oar:hover::after, .oar.btn-round-oar-left-fill-black:hover::after, .oar.btn-round-oar:hover::after {
    border-color: #323232;
  }
  .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: #323232;
  }
  .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: #2c2c2c;
    border-color: #2c2c2c;
  }
  .oarrow-btn:hover::after {
    border-color: #fff;
  }
  .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: #2c2c2c;
    border-color: #2c2c2c;
  }
  .oarrow-btn-left:hover::after {
    border-color: #fff;
  }
  .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: #2c2c2c;
    border-color: #2c2c2c;
  }
  .oarrow-btn-up:hover::after {
    border-color: #fff;
  }
  .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: #2c2c2c;
    border-color: #2c2c2c;
  }
  .oarrow-btn-down:hover::after {
    border-color: #fff;
  }
  .open-btn:hover span::before, .open-btn:hover span::after {
    border-color: #fff;
  }
  .open-btn.left:hover span::before, .open-btn.left:hover span::after {
    border-color: #fff;
  }
  .open-btn.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .open-btn.accent:hover::after {
    border-color: #fff;
  }
  .open-btn:hover::before {
    background: #2c2c2c;
    border-color: #2c2c2c;
  }
  .open-btn:hover::after {
    border-color: #fff;
  }
  .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;
  }
  .add-btn.accent:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #DC0000;
    border: 1px solid #DC0000;
  }
  .add-btn.accent:hover.oar::before {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .add-btn.accent:hover.oar::after {
    border-color: #DC0000 !important;
  }
  .add-btn:hover {
    color: #fff;
    border-color: #2c2c2c;
    background-color: #2c2c2c;
  }
  .add-btn:hover::after {
    border-color: #fff;
  }
  .add-btn:hover {
    opacity: 0.75;
    color: #fff;
    background-color: #DC0000;
    border: 1px solid #DC0000;
  }
  .add-btn:hover.oar::before {
    background-color: #fff;
    border: 1px solid #fff;
  }
  .add-btn:hover.oar::after {
    border-color: #DC0000 !important;
  }
  .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;
  }
  .anchor-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 #323232;
    background-color: #323232;
  }
  .rect-btn__small:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .rect-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .readz:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .confirm-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .entry-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .signin-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .login-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .icon-oarrow-btn-sb-left:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-sb-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sb-right:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-sb-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sw-left:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-sw-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-sw-right:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-sw-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fb-left:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-fb-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fb-right:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-fb-right:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fw-left:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-fw-left:hover::after {
    border-color: #fff;
  }
  .icon-oarrow-btn-fw-right:hover::before {
    border-color: #323232;
    background-color: #323232;
  }
  .icon-oarrow-btn-fw-right:hover::after {
    border-color: #fff;
  }
  .contact-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .contact-btn .label-arrow:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .contact-btn .label-arrow:hover::after {
    right: -2px;
  }
  .contact-btn .label-arrow.left:hover::after {
    right: auto;
    left: -2px;
  }
  .contact-btn {
    will-change: transform opacity;
  }
  .contact-btn:hover .label-arrow::after {
    right: -2px;
    border-color: #323232;
  }
  .home-recruit-btn-label.accent:hover::before {
    background: #DC0000;
    border-color: #DC0000;
  }
  .home-recruit-btn-label.accent:hover::after {
    border-color: #fff;
  }
  .home-recruit-btn-label:hover::before {
    background: #2c2c2c;
    border-color: #2c2c2c;
  }
  .home-recruit-btn-label:hover::after {
    border-color: #fff;
  }
  .home-recruit-btn:hover {
    opacity: 0.5;
  }
  .btn-round-oar:hover::after {
    border-color: #323232;
  }
  .btn-round-oar-left-fill-black:hover::before {
    background: #fff;
    border-color: #fff;
  }
  .btn-round-oar-left-fill-black:hover::after {
    border-color: #323232;
  }
  .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-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='%23323232' fill-opacity='1' stroke-opacity='0.5' 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: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='%23323232' fill-opacity='1' stroke-opacity='0.5' 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: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='%23323232' fill-opacity='1' stroke-opacity='0.5' 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: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='%23323232' fill-opacity='1' stroke-opacity='0.5' 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 .pagetop-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .sub-header__ttl a:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .sub-header-nav li a:hover {
    animation: blinking 0.5s ease 0s both;
  }
  .sub-header-nav li:hover {
    cursor: pointer;
  }
  .sub-header-nav li:hover::after {
    transform: scale(1, 1.1);
  }
}
@media (hover: hover) and (hover: hover) {
  .contact-btn:hover {
    animation: blinking 0.5s ease 0s both;
  }
}