@charset "UTF-8";
/* CSS Document */

.wrap {
  position: relative;
}
.topPage .mainlogo a {
  pointer-events: none;
}
.bn {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9;
  max-width: 152px;
  bottom: 40px;
  right: 3%;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .4s ease, transform .4s ease;
}
.bn.isShow{
  opacity: 1;
  transform: translateY(0);
}
.mvBlock {
  position: relative;
  padding: 30.7% 0 47.5%;
  background: url(../img/index/mv_bg.jpg) no-repeat;
  background-size: 100%;
}
.mvBlock .txtBox {
  position: absolute;
  top: 16.7%;
  left: 9.2%;
  width: 44.6%;
  z-index: 4;
}
.mvBlock .txtBox .mvTxt {
  position: relative;
  overflow: hidden;
}
.mvBlock .txtBox .mvTxt svg {
  display:block;
  width:100%;
  height:auto;
  --dur: 1.2s;
  --delay: 1.5s;
  --ease: cubic-bezier(.2,.8,.2,1);
  clip-path: inset(0 100% 0 0);
  animation: mvTxtClip var(--dur) var(--ease) var(--delay) forwards;
}
.mvBlock .txtBox .mvTxt::after{
  content:"";
  position:absolute;
  inset: 0;
  pointer-events:none;
  --dur: 1.2s;
  --ease: cubic-bezier(.2,.8,.2,1);
  --band: 120px;
  --fade: 0.65;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,var(--fade)) 50%,
    rgba(255,255,255,0) 100%
  );
  width: var(--band);
  transform: translateX(-120%);
  animation: mvTxtBand var(--dur) var(--ease) forwards;
  mix-blend-mode: screen;
  opacity: .9;
}
@keyframes mvTxtClip{
  to{ clip-path: inset(0 0 0 0); }
}
@keyframes mvTxtBand{
  0%   { transform: translateX(-120%); opacity: .0; }
  10%  { opacity: .9; }
  100% { transform: translateX(calc(100vw + 120%)); opacity: 0; }
}
.mvBlock .txtBox svg {
  opacity: .999;
}
.mvBlock .txtBox .mvTxt .pcOnly .st0 {
  fill: none;
}
.mvBlock .txtBox .mvTxt .pcOnly .st1 {
  fill: #000;
  animation: colorR .5s ease 3s forwards;
}
.mvBlock .txtBox .mvTxt .pcOnly .st1, .st2 {
  fill-rule: evenodd;
}
.mvBlock .txtBox .mvTxt .pcOnly .st3 {
  clip-path: url(#clippath-1);
}
.mvBlock .txtBox .mvTxt .pcOnly .st4 {
  clip-path: url(#clippath-3);
}
.mvBlock .txtBox .mvTxt .pcOnly .st5 {
  clip-path: url(#clippath-4);
}
.mvBlock .txtBox .mvTxt .pcOnly .st6 {
  clip-path: url(#clippath-2);
}
.mvBlock .txtBox .mvTxt .pcOnly .st7 {
  clip-path: url(#clippath-7);
}
.mvBlock .txtBox .mvTxt .pcOnly .st8 {
  clip-path: url(#clippath-6);
}
.mvBlock .txtBox .mvTxt .pcOnly .st9 {
  clip-path: url(#clippath-8);
}
.mvBlock .txtBox .mvTxt .pcOnly .st10 {
  clip-path: url(#clippath-5);
}
.mvBlock .txtBox .mvTxt .pcOnly .st2 {
  fill: #000;
  animation: colorB .5s ease 3s forwards;
}
.mvBlock .txtBox .mvTxt .pcOnly .st11 {
  display: none;
}
.mvBlock .txtBox .mvTxt .pcOnly .st12 {
  clip-path: url(#clippath);
}
.mvBlock .txtBox p {
  font-size: max(1.4rem,1.66vw);
  font-weight: 700;
  background: #fff;
  display: inline-block;
  margin-top: 6%;
  padding: 0 0 0 2%;
  letter-spacing: 0.1em;
  opacity: 0;
  animation: fadeIn 1s ease 3s forwards;
  color: #000;
}
.mvBlock .mvPerson {
  position: absolute;
  top: 32.5%;
  right: 0;
  left: 1.5%;
  width: 23.9%;
  margin: auto;
  z-index: 2;
  opacity: 0;
  animation: bottomToUp .5s ease 1s forwards;
}
.mvBlock .mvImg {
  position: absolute;
  top: 22.5%;
  right: 0;
  width: 53.1%;
  opacity: 0;
  animation: bottomToUp .5s ease .6s forwards;
}
.mvBlock .mvWave {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  animation: bottomToUp .5s ease .3s forwards;
}
@keyframes colorB {
  0% {
    fill: #333;
  }
  100%{
    fill: #0072ba;
  } 
}
@keyframes colorR {
  0% {
    fill: #333;
  }
  100%{
    fill: #c92634;
  } 
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100%{
    opacity: 1;
  } 
}
@keyframes bottomToUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100%{
    opacity: 1;
    transform: translateY(0);
  } 
}
.mainMessage {
  position: relative;
  padding: 0 0 112px;
  margin: -15.1% 0 0;
  background: #fff;
  z-index: 3;
}
.mainMessage::before{
  background: #fff;
}
.messageWrap {
  padding: 0 3%;
  text-align: center;
  z-index: 3;
  background: #fff;
  position: relative;
  z-index: 2;
}
.messageTxt {
  position: relative;
  top: -38px;
}
.messageWrap p {
  line-height: 1.75;
  margin-bottom: 35px;
  position: relative;
  z-index: 2;
}
.messageWrap p span {
  font-size: 2rem;
  font-weight: 900;
  display:inline-block;
  color:transparent;
  -webkit-text-fill-color:transparent;

  background:linear-gradient(
    90deg,
    #293855 50%,
    #e8e8e8 50.1%
  );

  background-size:300% 100%;
  background-position:100% 0;
  -webkit-background-clip:text;
  background-clip:text;

  transition:background-position 1.8s ease;
}
.messageTxt p span.isShow{
  background-position:0 0;
}
.messageWrap .messageImg01,
.messageWrap .messageImg02,
.messageWrap .messageImg03 {
  position: absolute;
  animation: floatY 3s ease-in-out infinite;
}
@keyframes floatY {
  0%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-12px);
  }
  100%{
    transform: translateY(0);
  }
}
.messageWrap .messageImg01 {
  right: 4.6%;
  top: 12.5%;
  width: 16%;
  max-width: 269px;
}
.messageWrap .messageImg02 {
  left: 0;
  top: 46.6%;
  width: 19.6%;
  max-width: 340px;
}
.messageWrap .messageImg03 {
  right: 0;
  bottom: -5.5%;
  width: 40.5%;
  max-width: 516px;
}
.mainNavBlock {
  position: relative;
  z-index: 4;
}
.mainNavBlock::before{
  background: #f3faee;
}
.mainNavBox {
  padding: 0 3%;
  background: #f3faee;
  position: relative;
  z-index: 2;
}
.mainNavWrap {
  max-width: 1160px;
  display:flex;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}
.mainNavWrap::after {
  content: "";
  width: 1px;
  height: calc(100% + 42px);
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%202%2012%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b6b7b4%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M2%2C8H0V0h2v8Z%22%2F%3E%3C%2Fsvg%3E');
  background-size: contain;
  position: absolute;
  left: 1%;
  top: -42px;
}
.mainNavWrap .sideBlock {
  width: 21.1%;
  min-width: 190px;
  top:65px;
  align-self:flex-start;
  position: sticky;
}
.mainNavWrap .sideNav {
  padding: 66% 0 0 30.5%;
  position: relative;
}
.mainNavWrap .sideNav::before {
  content: "";
  width: 24px;
  height: 269px;
  position: absolute;
  left: 0;
  top: 45.4%;
  opacity: 0;
}
.mainNavWrap .sideNav.is-0::before {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%20538%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b6b7b4%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M.7%2C538h46.5v-13.2H.7v13.2ZM.7%2C485.6h14.9c3.9%2C0%2C7.9%2C0%2C11.9-.1h0c-3.3%2C2.4-6.5%2C4.7-10%2C7.3l-16.8%2C12.3v12.4h46.5v-12.7h-14.9c-3.9%2C0-7.9%2C0-11.9.1h0c3.3-2.4%2C6.5-4.7%2C10-7.3l16.8-12.3v-12.4H.7v12.7ZM11.9%2C426H.7v42.8h11.2v-14.8h35.4v-13.2H11.9v-14.8ZM15.6%2C385.1c-5%2C0-8.9%2C2.1-11.4%2C5.5-2.5%2C3.4-3.5%2C7.5-3.5%2C12.6v18.7h46.5v-13.1h-16.7v-3.1l16.7-9.7v-14.7l-18.8%2C11.7c-2.4-4.9-6.9-7.9-12.9-7.9ZM21.1%2C408.8h-9.8v-4.2c0-2.3.3-3.6%2C1.1-4.7.8-1.1%2C2.2-1.7%2C3.9-1.7s3%2C.6%2C3.8%2C1.7c.8%2C1.1%2C1.1%2C2.4%2C1.1%2C4.7v4.2ZM24%2C330.8C10.4%2C330.8%2C0%2C341.4%2C0%2C355.7s10.4%2C24.9%2C24%2C24.9%2C24-10.7%2C24-24.9-10.4-24.9-24-24.9ZM24%2C367.3c-6.9%2C0-12.3-4.7-12.3-11.6s5.3-11.6%2C12.3-11.6%2C12.3%2C4.7%2C12.3%2C11.6-5.3%2C11.6-12.3%2C11.6ZM47.3%2C306.7c0-8-2.6-14.1-6.9-18.4-4.3-4.3-10.1-6.4-16.4-6.4s-12.3%2C2.4-16.6%2C6.7c-4.2%2C4.3-6.7%2C10.5-6.7%2C18.3v18.3h46.5v-18.3ZM36.1%2C311.8H11.9v-4.9c0-3.5%2C1.2-6.3%2C3.3-8.5%2C2.1-2.2%2C5.3-3.3%2C8.7-3.3s6.6%2C1.2%2C8.7%2C3.3c2.1%2C2.2%2C3.3%2C5%2C3.3%2C8.5v4.9ZM27.1%2C233.7H.7v12.7h25.3c3.4%2C0%2C5.8.7%2C7.5%2C2.2%2C1.6%2C1.5%2C2.6%2C3.6%2C2.6%2C6.4s-1%2C4.9-2.6%2C6.4c-1.7%2C1.5-4.1%2C2.2-7.5%2C2.2H.7v13.2h26.4c5.4%2C0%2C10.8-1.5%2C14.7-5.1%2C3.9-3.7%2C6.2-9.6%2C6.2-16.4s-2.3-12.7-6.2-16.4c-3.9-3.7-9.1-5.1-14.7-5.1ZM32.2%2C188.7c2.4%2C3.8%2C4%2C8.4%2C4%2C12.9%2C0%2C8.5-5.5%2C13.5-12.3%2C13.5s-12.1-5.3-12.1-13.2%2C1.7-9.1%2C3.8-12.5H2.9c-1.9%2C3.6-2.9%2C8.2-2.9%2C12.9%2C0%2C15.1%2C10.2%2C26%2C24.1%2C26s23.8-10.4%2C23.8-25.8-1-9.8-3.1-13.8h-12.6ZM.7%2C143.6v42.8h11.2v-14.8h35.4v-13.2H11.9v-14.8H.7ZM47.3%2C126.3H.7v13.2h46.5v-13.2ZM24%2C120.6c13.6%2C0%2C24-10.7%2C24-24.9s-10.4-24.9-24-24.9S0%2C81.5%2C0%2C95.7s10.4%2C24.9%2C24%2C24.9ZM24%2C84.1c6.9%2C0%2C12.3%2C4.7%2C12.3%2C11.6s-5.3%2C11.6-12.3%2C11.6-12.3-4.7-12.3-11.6%2C5.3-11.6%2C12.3-11.6ZM47.3%2C52.4h-14.9c-3.9%2C0-7.9%2C0-11.9.1h0c3.3-2.4%2C6.5-4.7%2C10-7.3l16.8-12.3v-12.4H.7v12.7h14.9c3.9%2C0%2C7.9%2C0%2C11.9-.1h0c-3.3%2C2.4-6.5%2C4.7-10%2C7.3L.7%2C52.7v12.4h46.5v-12.7Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  animation: fadeIn0 .5s ease forwards;
}
.mainNavWrap .sideNav.is-1::before {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%20538%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b6b7b4%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M.7%2C482.1l16.2%2C4.6c4%2C1.2%2C8.2%2C2.3%2C12.3%2C3.4h0c-4%2C1.2-8.1%2C2.3-12.1%2C3.5l-16.4%2C4.7v9.7l16.5%2C4.8c3.9%2C1.2%2C8.2%2C2.4%2C12.1%2C3.4h0c-3.9%2C1.1-8%2C2.2-12%2C3.3l-16.5%2C4.5v13.9l46.5-14v-13.7l-11.1-3.2c-4-1.2-8.2-2.3-12.3-3.4h0c4-1.2%2C8-2.2%2C12.1-3.4l11.2-3.2v-14L.7%2C468.7v13.4ZM24%2C416.6C10.4%2C416.6%2C0%2C427.2%2C0%2C441.4s10.4%2C24.9%2C24%2C24.9%2C24-10.7%2C24-24.9-10.4-24.9-24-24.9ZM24%2C453.1c-6.9%2C0-12.3-4.7-12.3-11.6s5.3-11.6%2C12.3-11.6%2C12.3%2C4.7%2C12.3%2C11.6-5.3%2C11.6-12.3%2C11.6ZM.7%2C410.9h46.5v-13.1h-16.7v-3.1l16.7-9.7v-14.7l-18.8%2C11.7c-2.4-4.9-6.9-7.9-12.9-7.9s-8.9%2C2.1-11.4%2C5.5c-2.5%2C3.4-3.5%2C7.5-3.5%2C12.6v18.7ZM11.3%2C393.5c0-2.3.3-3.6%2C1.1-4.7.8-1.1%2C2.2-1.7%2C3.9-1.7s3%2C.6%2C3.8%2C1.7c.8%2C1.1%2C1.1%2C2.4%2C1.1%2C4.7v4.2h-9.8v-4.2ZM.7%2C354.6v13.2h46.5v-13.2h-22.4c0-.1%2C22.4-14.2%2C22.4-14.2v-15.9l-24.6%2C16.4-22-15.5v15.4l20.6%2C13.6h0c0%2C.1-20.6.1-20.6.1ZM47.3%2C276.6v-15.6h-.1c0%2C0-10.3%2C10.2-10.3%2C10.2l-17.4-7.7v11.7l9.3%2C4-4.3%2C4.3-.9-1.4c-2.1-3.3-6-6.9-11-6.9S0%2C281.3%2C0%2C290.4s5.7%2C15.2%2C12.4%2C15.2%2C7-1.7%2C9.4-4c2.5%2C4.8%2C6.6%2C7.9%2C11.8%2C7.9s14.3-5.3%2C14.3-18.3-1.2-9.3-3.1-12.2l2.4-2.4ZM16.2%2C291.4c-1.3%2C1.2-2.2%2C1.7-3.2%2C1.7-1.5%2C0-2.8-1-2.8-2.7s1.2-2.7%2C2.8-2.7%2C2.1.4%2C3.3%2C2l.8%2C1-.8.8ZM33.2%2C296.6c-1.7%2C0-3-1-3.7-2.5l7-6.9c.7.8%2C1.2%2C2.1%2C1.2%2C4%2C0%2C4.2-2.7%2C5.4-4.5%2C5.4ZM28.9%2C212.7c-2.7-3.6-6.8-5.8-12.2-5.8s-9.5%2C2.2-12.2%2C5.8c-2.7%2C3.6-3.7%2C8-3.7%2C13.4v18h46.5v-13.2h-14.6v-4.8c0-5.4-1.1-9.8-3.8-13.4ZM22.3%2C230.8h-11.1v-3.7c0-2.6.4-4%2C1.3-5.2.9-1.2%2C2.4-1.9%2C4.2-1.9s3.3.6%2C4.2%2C1.9c.9%2C1.2%2C1.3%2C2.6%2C1.3%2C5.2v3.7ZM47.3%2C170.6h-11.2v18h-7.1v-14.6h-10.5v14.6h-6.6v-17.2H.7v30.3h46.5v-31.1ZM24%2C166.3c13.6%2C0%2C24-10.7%2C24-24.9s-10.4-24.9-24-24.9S0%2C127.1%2C0%2C141.4s10.4%2C24.9%2C24%2C24.9ZM24%2C129.8c6.9%2C0%2C12.3%2C4.7%2C12.3%2C11.6s-5.3%2C11.6-12.3%2C11.6-12.3-4.7-12.3-11.6%2C5.3-11.6%2C12.3-11.6ZM47.3%2C97.6h-14.6v-4.8c0-5.4-1.1-9.8-3.8-13.4-2.7-3.6-6.8-5.8-12.2-5.8s-9.5%2C2.2-12.2%2C5.8c-2.7%2C3.6-3.7%2C8-3.7%2C13.4v18h46.5v-13.2ZM22.3%2C97.6h-11.1v-3.7c0-2.6.4-4%2C1.3-5.2.9-1.2%2C2.4-1.9%2C4.2-1.9s3.3.6%2C4.2%2C1.9c.9%2C1.2%2C1.3%2C2.6%2C1.3%2C5.2v3.7ZM47.3%2C35.8h-11.2v19.4H.7v13.2h46.5v-32.7ZM47.3.1h-11.2v18h-7.1V3.5h-10.5v14.6h-6.6V.9H.7v30.3h46.5V.1Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  animation: fadeIn1 .5s ease forwards;
}
.mainNavWrap .sideNav.is-2::before {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%20538%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b6b7b4%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M.7%2C482.2l16.2%2C4.6c4%2C1.2%2C8.2%2C2.3%2C12.3%2C3.4h0c-4%2C1.2-8.1%2C2.3-12.1%2C3.5l-16.4%2C4.7v9.7l16.5%2C4.8c3.9%2C1.2%2C8.2%2C2.4%2C12.1%2C3.4h0c-3.9%2C1.1-8%2C2.2-12%2C3.3l-16.5%2C4.5v13.9l46.5-14v-13.7l-11.1-3.2c-4-1.2-8.2-2.3-12.3-3.4h0c4-1.2%2C8-2.2%2C12.1-3.4l11.2-3.2v-14L.7%2C468.8v13.4ZM24%2C416.7C10.4%2C416.7%2C0%2C427.3%2C0%2C441.6s10.4%2C24.9%2C24%2C24.9%2C24-10.7%2C24-24.9-10.4-24.9-24-24.9ZM24%2C453.2c-6.9%2C0-12.3-4.7-12.3-11.6s5.3-11.6%2C12.3-11.6%2C12.3%2C4.7%2C12.3%2C11.6-5.3%2C11.6-12.3%2C11.6ZM47.3%2C385.1v-14.7l-18.8%2C11.7c-2.4-4.9-6.9-7.9-12.9-7.9s-8.9%2C2.1-11.4%2C5.5c-2.5%2C3.4-3.5%2C7.5-3.5%2C12.6v18.7h46.5v-13.1h-16.7v-3.1l16.7-9.7ZM21.1%2C397.9h-9.8v-4.2c0-2.3.3-3.6%2C1.1-4.7.8-1.1%2C2.2-1.7%2C3.9-1.7s3%2C.6%2C3.8%2C1.7c.8%2C1.1%2C1.1%2C2.4%2C1.1%2C4.7v4.2ZM47.3%2C324.7l-24.6%2C16.4-22-15.5v15.4l20.6%2C13.6h0c0%2C.1-20.6.1-20.6.1v13.2h46.5v-13.2h-22.4c0-.1%2C22.4-14.2%2C22.4-14.2v-15.9ZM15.2%2C308.3c4.9%2C0%2C8.2-1.9%2C10.6-5.5%2C2.4-3.6%2C3.5-9.4%2C4.4-12.2.9-2.8%2C1.7-3.9%2C3.5-3.9s3.3%2C1.8%2C3.3%2C4.8-1.4%2C10-5.1%2C15.9h12.5c2.4-4.8%2C3.5-11.1%2C3.5-16.1%2C0-10.9-5.6-18.1-15.4-18.1s-8.5%2C1.9-10.8%2C5.5c-2.3%2C3.7-3.5%2C9.4-4.4%2C12.1-.8%2C2.7-1.7%2C3.9-3.4%2C3.9s-3-1.6-3-4.4%2C1.3-9.1%2C4.4-14.7H3.4c-2.2%2C4.4-3.4%2C10.4-3.4%2C15.2%2C0%2C10.5%2C5.7%2C17.4%2C15.2%2C17.4ZM11.9%2C256.6h35.4v-13.2H11.9v-14.8H1.6l24.9-17.5h20.8v-13.2h-21L.7%2C179.8v15.2l6.7%2C4.3c2.7%2C1.7%2C5.1%2C3.3%2C7.8%2C4.9h0c-2.6%2C1.7-5.3%2C3.5-8%2C5.2l-6.6%2C4.2v57.7h11.2v-14.8ZM47.3%2C144.5h-11.2v19.4H.7v13.2h46.5v-32.7ZM47.3%2C108.8h-11.2v18h-7.1v-14.6h-10.5v14.6h-6.6v-17.2H.7v30.3h46.5v-31.1Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  animation: fadeIn2 .5s ease forwards;
}
.mainNavWrap .sideNav.is-3::before {
  background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2048%20538%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.st0%20%7B%20fill%3A%20%23b6b7b4%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M15.6%2C501.2c-5%2C0-8.9%2C2.1-11.4%2C5.5-2.5%2C3.4-3.5%2C7.5-3.5%2C12.6v18.7h46.5v-13.1h-16.7v-3.1l16.7-9.7v-14.7l-18.8%2C11.7c-2.4-4.9-6.9-7.9-12.9-7.9ZM21.1%2C524.9h-9.8v-4.2c0-2.3.3-3.6%2C1.1-4.7.8-1.1%2C2.2-1.7%2C3.9-1.7s3%2C.6%2C3.8%2C1.7%2C1.1%2C2.4%2C1.1%2C4.7v4.2ZM36.1%2C481.9h-7.1v-14.6h-10.5v14.6h-6.6v-17.2H.7v30.3h46.5v-31.1h-11.2v18ZM32.2%2C420c2.4%2C3.8%2C4%2C8.4%2C4%2C12.9%2C0%2C8.5-5.5%2C13.5-12.3%2C13.5s-12.1-5.3-12.1-13.2%2C1.7-9.1%2C3.8-12.5H2.9c-1.9%2C3.6-2.9%2C8.2-2.9%2C12.9%2C0%2C15.1%2C10.2%2C26%2C24.1%2C26s23.8-10.4%2C23.8-25.8-1-9.8-3.1-13.8h-12.6ZM47.3%2C401.3h-16.7v-3.1l16.7-9.7v-14.7l-18.8%2C11.7c-2.4-4.9-6.9-7.9-12.9-7.9s-8.9%2C2.1-11.4%2C5.5c-2.5%2C3.4-3.5%2C7.5-3.5%2C12.6v18.7h46.5v-13.1ZM21.1%2C401.3h-9.8v-4.2c0-2.3.3-3.6%2C1.1-4.7.8-1.1%2C2.2-1.7%2C3.9-1.7s3%2C.6%2C3.8%2C1.7%2C1.1%2C2.4%2C1.1%2C4.7v4.2ZM41.8%2C366.6c3.9-3.7%2C6.2-9.6%2C6.2-16.4s-2.3-12.7-6.2-16.4c-3.9-3.7-9.1-5.1-14.7-5.1H.7v12.7h25.3c3.4%2C0%2C5.8.7%2C7.5%2C2.2%2C1.6%2C1.5%2C2.6%2C3.6%2C2.6%2C6.4s-1%2C4.9-2.6%2C6.4c-1.7%2C1.5-4.1%2C2.2-7.5%2C2.2H.7v13.2h26.4c5.4%2C0%2C10.8-1.5%2C14.7-5.1ZM47.3%2C308.5H.7v13.2h46.5v-13.2ZM11.9%2C289.7h35.4v-13.2H11.9v-14.8H.7v42.8h11.2v-14.8Z%22%2F%3E%3C%2Fsvg%3E') no-repeat;
  background-size: contain;
  animation: fadeIn3 .5s ease forwards;
}
@keyframes fadeIn0 { from {opacity:0} to {opacity:1} }
@keyframes fadeIn1 { from {opacity:0} to {opacity:1} }
@keyframes fadeIn2 { from {opacity:0} to {opacity:1} }
@keyframes fadeIn3 { from {opacity:0} to {opacity:1} }
.mainNavWrap .sideBlock li {
  margin-bottom: 24px;
}
.mainNavWrap .sideBlock li .sideBtn {
  appearance:none;
  background:none;
  border:0;
  padding:0;
  cursor:pointer;
  text-align:left;
  font-size: 1.6rem;
  transition: color .25s ease, transform .25s ease;
  font-weight: 900;
  display: block;
  color: rgba(41, 56, 85, 0.67);
}
.mainNavWrap .sideBlock li.current .sideBtn {
  font-size: 2.824rem;
  transform: translateX(2px);
  color: #293855;
}
.mainNavWrap .mainBlock {
  max-width: 855px;
  width: calc(100% - 21.1%);
}
.mainNavWrap .mainBlock .block {
  padding: 8px 0;
}
.mainNavWrap .mainBlock .boxWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.mainNavWrap .mainBlock .boxWrap .box {
  width: 48.7%;
  margin-bottom: 22px;
}
.mainNavWrap .mainBlock .boxWrap .box a,
.mainNavWrap .mainBlock .boxWrap .box .beneBox {
  display: block;
  padding: 28px 5%;
  text-align: center;
  position: relative;
  border: 1px dashed #293855;
  border-radius: 30px;
}
.mainNavWrap .mainBlock .boxWrap .box a:hover {
  opacity: 1;
  background: #fff;
}
.mainNavWrap .mainBlock .boxWrap .box.comingsoon a {
  pointer-events: none;
}
.mainNavWrap .mainBlock .boxWrap .box.comingsoon a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(96, 100, 99, 0.6);
  z-index: 2;
  border-radius: 30px;
}
.mainNavWrap .mainBlock .boxWrap .box.comingsoon a::after {
  content: "Coming soon…";
  font-family: "numberfont", sans-serif;
  font-variant-numeric: tabular-nums;
  font-size: 3rem;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
.mainNavWrap .mainBlock .boxWrap .box figure {
  max-width: 158px;
  margin: 0 auto;
}
.mainNavWrap .mainBlock .boxWrap .box.box02_02 figure {
  max-width: 219px;
  margin: 19px auto;
}
.mainNavWrap .mainBlock .boxWrap .box .txtBox {
  position: relative;
}
.mainNavWrap .mainBlock .boxWrap .box .txtBox figure {
  max-width: 260px;
  margin: 24px auto 12px;
  line-height: 1;
}
.mainNavWrap .mainBlock .boxWrap .box .jTxt {
  font-size: 1.6rem;
  font-size: clamp(1.2rem,1.25vw,1.6rem);
  font-weight: 700;
}
.mainNavWrap .mainBlock .boxWrap .box .jTxt::after {
  position: absolute;
  right: 6.5%;
  bottom: 5px;
  width: min(22px, 1.5vw);
  height: min(22px, 1.3vw);
}
.mainNavWrap .mainBlock .boxWrap .boxW {
  width: 100%;
}
.mainNavWrap .mainBlock .boxWrap .boxW a,
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 2%;
  height: 235px;
}
.mainNavWrap .mainBlock .boxWrap .boxW .txtBox {
  width: 45.5%;
}
.mainNavWrap .mainBlock .boxWrap .boxW .jTxt::after {
  right: 2%;
}
.mainNavWrap .mainBlock .boxWrap .boxW .imgBox {
  width: 54%;
}
.mainNavWrap .mainBlock .boxWrap .boxW .imgBox figure {
  width: 90%;
  max-width: none;
}
.mainNavWrap .mainBlock .boxWrap .boxW.box00 .imgBox figure {
  max-width: 327px;
}
.mainNavWrap .mainBlock #content01 .boxWrap .boxW a {
  flex-direction:row-reverse; 
}
.mainNavWrap .mainBlock #content02 .boxWrap .boxW .imgBox figure {
  max-width: 247px;
}
.mainNavWrap .mainBlock #content03 .boxWrap .boxW .imgBox {
  width: 45%;
}
.mainNavWrap .mainBlock #content03 .boxWrap .boxW .imgBox figure {
  max-width: 276px;
}
.mainNavWrap .mainBlock #content03 .boxWrap .boxW .txtBox {
  width: 55%;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box a {
  display: flex;
  justify-content: space-between;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box a::after {
  bottom: 12%;
  position: absolute;
  right: 9%;
  width: min(22px, 1.5vw);
  height: min(22px, 1.3vw);
}
.mainNavWrap .mainBlock #content04 .boxWrap .boxW .imgBox {
  width: 40%;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .imgBox figure {
  max-width: 181.5px;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox {
  width: 60%;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox ul {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox li {
  font-weight: bold;
  display: flex;
  letter-spacing: 0;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox li::after {
  content: "";
  width: 1px;
  height: 26px;
  background: #293855;
  margin: 0 max(16px,2vw);
  display: block;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox li:last-child::after {
  display: none;
}
.mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox .jTxt::after {
  position: relative;
  right: 0;
  bottom: 0;
  top: 5px;
  margin-left: 10px;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox {
  flex-direction: row-reverse;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox .imgBox figure {
  max-width: 327px;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox ul {
  display: flex;
  justify-content: center;
  margin-top: 28px;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox li {
  display: flex;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox li::after {
  content: "";
  width: 1px;
  height: 26px;
  display: block;
  background: #293855;
  margin: 0 max(20px,3vw);
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox li:last-child::after {
  display: none;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox li a {
  border: none;
  padding: 0;
  height: auto;
}
.mainNavWrap .mainBlock .boxWrap .boxW .beneBox li a::after {
  position: relative;
  right: 0;
  margin-left: 10px;
  bottom: 0;
}
@media only screen and (max-width:749px) {
  .bn {
    max-width: 25.06vw;
    bottom: 7vw;
    right: 3%;
  }
  .mvBlock {
    position: relative;
    padding: 109vw 0;
    background: url(../img/index/mv_bg_sp.jpg) no-repeat;
    background-size: 100%;
  }
  .mvBlock .txtBox {
    top: 11.5%;
    left: 0;
    width: 100%;
  }
  .mvBlock .txtBox .mvTxt {
    padding-left: 8.5%;
    width: 77%;
  }
  .mvBlock .txtBox .mvTxt .spOnly .st1_1 {
    fill: #000;
    animation: colorR .5s ease 3s forwards;
  }
  .mvBlock .txtBox .mvTxt .spOnly .st1_1,
  .mvBlock .txtBox .mvTxt .spOnly .st2 {
    fill-rule: evenodd;
  }
  .mvBlock .txtBox .mvTxt .spOnly .st3 {
    clip-path: url(#clippath-11);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st4 {
    clip-path: url(#clippath-13);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st5 {
    clip-path: url(#clippath-14);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st6 {
    clip-path: url(#clippath-12);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st7 {
    clip-path: url(#clippath-17);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st8 {
    clip-path: url(#clippath-16);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st9 {
    clip-path: url(#clippath-18);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st1_10 {
    clip-path: url(#clippath-15);
  }
  .mvBlock .txtBox .mvTxt .spOnly .st2 {
    fill: #000;
    animation: colorB .5s ease 3s forwards;
  }
  .mvBlock .txtBox .mvTxt .spOnly .st1_11 {
    clip-path: url(#clippath);
  }
  .mvBlock .txtBox p {
    font-size: 4.44vw;
    margin: 3% 0 0 8%;
    padding: 0 0 0 2%;
  }
  .mvBlock .mvPerson {
    top: 44.5%;
    right: auto;
    left: -1.5%;
    width: 50.9%;
  }
  .mvBlock .mvImg {
    top: 44.5%;
    width: 100%;
  }
  .mvBlock .mvWave {
    bottom: 0;
  }
  .mainMessage {
    padding: 0 0 10%;
    margin: -10.1% 0 0;
  }
  .messageWrap {
    padding: 0;
    text-align: left;
  }
  .messageTxt {
    top: -15.2vw;
  }
  .messageWrap p {
    margin: 0 5% 7%;
  }
  .messageWrap p.tL {
    text-align: right;
  }
  .messageWrap p.mb {
    margin-bottom: 14%;
  }
  .messageWrap p span {
    font-size: 4vw;
  }
  .messageWrap .messageImg01,
  .messageWrap .messageImg02,
  .messageWrap .messageImg03 {
    position: absolute;
    animation: none;
  }
  .messageWrap .messageImg01 {
    right: 0;
    top: 13.4%;
    width: 43.5%;
    max-width: none;
  }
  .messageWrap .messageImg02 {
    left: 0;
    top: 56.7%;
    width: 55.6%;
    max-width: none;
  }
  .messageWrap .messageImg03 {
    position: relative;
    bottom: 0;
    width: 100%;
    max-width: none;
    margin-top: 9%;
  }
  .mainNavBox {
    padding: 0;
  }
  .mainNavWrap {
    max-width: none;
    display:block;
    top: -12.5vw;
    padding-bottom: 0;
  }
  .mainNavWrap::after {
    display: none;
  }
  .mainNavWrap .sideBlock {
    display: none;
  }
  .mainNavWrap .mainBlock {
    max-width: none;
    width: 100%;
  }
  .mainNavWrap .mainBlock .block {
    padding: 0 0 19.5%;
  }
  .mainNavWrap .mainBlock .block h3 {
    font-size: 5.86vw;
    font-weight: 900;
    margin: 0 5% 3.4%;
  }
  .mainNavWrap .mainBlock .boxWrap {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 5% 5%;
  }
  .mainNavWrap .mainBlock .boxWrap .box {
    width: 67vw;
    margin: 0 2.8vw 0 0;
    flex-shrink: 0;
  }
  .mainNavWrap .mainBlock .boxWrap .box:last-of-type {
    margin-right: 0;
  }
  .mainNavWrap .mainBlock .boxWrap .box a,
  .mainNavWrap .mainBlock .boxWrap .box .beneBox {
    padding: 16% 5% 0;
    height: 80vw;
  }
  .mainNavWrap .mainBlock .boxWrap .box.comingsoon a::after {
    font-size: 8vw;
  }
  .mainNavWrap .mainBlock .boxWrap .box figure {
    max-width: 33.92vw;
    margin: 0 auto;
  }
  .mainNavWrap .mainBlock .boxWrap .box.box02_02 figure {
    max-width: 53.92vw;
    margin: 0 auto;
  }
  .mainNavWrap .mainBlock .boxWrap .box .txtBox {
    position: static;
  }
  .mainNavWrap .mainBlock .boxWrap .box .txtBox figure {
    max-width: 93%;
    margin: 2% auto 3%;
    height: 14.78vw;
    display: flex;
    align-items: flex-end;
  }
  .mainNavWrap .mainBlock .boxWrap .box .jTxt {
    font-size: 3.2vw;
  }
  .mainNavWrap .mainBlock .boxWrap .box .jTxt::after {
    right: 7.5%;
    bottom: 4%;
    width: 4.4vw;
    height: 4.13vw;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW {
    width: 67vw;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW a {
    display: block;
    padding: 16% 5% 0;
    height: 80vw;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .txtBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .jTxt::after {
    right: 7.5%;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .imgBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .imgBox figure {
    width: 100%;
    height: 33.92vw;
    display: flex;
    align-items: center;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW.box00 .imgBox figure {
    max-width: none;
  }
  .mainNavWrap .mainBlock #content02 .boxWrap .boxW a {
    flex-direction:row-reverse; 
  }
  .mainNavWrap .mainBlock #content02 .boxWrap .boxW .imgBox figure {
    max-width: 62%;
    position: relative;
    top: -6vw;
  }
  .mainNavWrap .mainBlock #content03 .boxWrap .boxW a {
    flex-direction:row-reverse; 
  }
  .mainNavWrap .mainBlock #content03 .boxWrap .boxW .imgBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock #content03 .boxWrap .boxW .imgBox figure {
    max-width: 80%;
  }
  .mainNavWrap .mainBlock #content03 .boxWrap .boxW .txtBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap {
    display: block;
    overflow-x: initial;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box {
    width: 100%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box a {
    height: 80vw;
    display: block;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .imgBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .imgBox figure {
    max-width: 42%;
    margin-top: -18vw;
    height: auto;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox {
    width: 100%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox figure {
    width: 69.6%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox ul {
    margin-top: 5%;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox li {
    margin-top: 3%;
    font-size: 3.4vw;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox li::after {
    margin: 0 3vw;
    height: 6.66vw;
  }
  .mainNavWrap .mainBlock #content04 .boxWrap .box .txtBox .jTxt::after {
    top: 3vw;
    margin-left: 2vw;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox {
    display: block;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox .imgBox figure {
    max-width: 33.92vw;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox ul {
    display: block;
    text-align: center;
    margin-top: 5%;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox li {
    justify-content: center;
    align-items: center;
    margin-top: 3%;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox li::after {
    display: none;
  }
  .mainNavWrap .mainBlock .boxWrap .boxW .beneBox li a::after {
    margin-left: 2vw;
  }
}