/*
brakepoint
*/
/* line 22, index.scss */
#container {
  overflow: hidden; }

/* line 26, index.scss */
main {
  margin-bottom: 0; }

/*
topimage
*/
/* line 34, index.scss */
.topimage {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 100vh;
  z-index: 0;
  overflow: hidden; }
  /* line 45, index.scss */
  .topimage .mv-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 0;
    overflow: hidden; }
    /* line 53, index.scss */
    .topimage .mv-video video {
      position: relative;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: 0; }
  /* line 61, index.scss */
  .topimage .bg-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    content: "";
    background-image: url("../img/bg_topimage.webp");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    pointer-events: none;
    z-index: 1;
    mix-blend-mode: lighten; }
  /* line 76, index.scss */
  .topimage svg {
    position: absolute;
    translate: -50% -50%;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none; }
    @media screen and (max-width: 950px) {
      /* line 85, index.scss */
      .topimage svg.bg-line {
        display: none; } }
    /* line 90, index.scss */
    .topimage svg.bg-line-sp {
      display: none; }
      @media screen and (max-width: 950px) {
        /* line 90, index.scss */
        .topimage svg.bg-line-sp {
          display: block; } }
  /* line 97, index.scss */
  .topimage .jp-words {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 50.6%;
    margin-bottom: 2.5vw;
    z-index: 3; }
    @media screen and (max-width: 950px) {
      /* line 97, index.scss */
      .topimage .jp-words {
        width: 83.2%;
        margin-bottom: 5vw; } }
    /* line 108, index.scss */
    .topimage .jp-words figure {
      overflow: hidden;
      margin-bottom: 2.2vw; }
      @media screen and (max-width: 950px) {
        /* line 108, index.scss */
        .topimage .jp-words figure {
          margin-bottom: 3.7vw; } }
      /* line 114, index.scss */
      .topimage .jp-words figure:nth-child(1) {
        width: 98.6%; }
      /* line 117, index.scss */
      .topimage .jp-words figure:nth-child(2) {
        width: 100%; }
      /* line 120, index.scss */
      .topimage .jp-words figure:nth-child(3) {
        width: 73.5%;
        margin-bottom: 0; }
      /* line 124, index.scss */
      .topimage .jp-words figure img {
        display: block;
        width: 100%;
        translate: 0% 100%;
        opacity: 0;
        animation: jpWords 0.8s ease-in-out 1s forwards; }
  /* line 133, index.scss */
  .topimage .en-words {
    position: relative;
    width: 50.6%;
    mix-blend-mode: multiply;
    opacity: 0;
    z-index: 3;
    animation: enWords 0.8s ease-in-out 1s forwards; }
    @media screen and (max-width: 950px) {
      /* line 133, index.scss */
      .topimage .en-words {
        width: 83.2%; } }
    /* line 143, index.scss */
    .topimage .en-words img {
      width: 71.6%; }

@keyframes jpWords {
  0% {
    translateY: 0% 100%;
    opacity: 0; }
  100% {
    translate: 0% 0%;
    opacity: 1; } }
@keyframes enWords {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 168, index.scss */
.WoIzKLsH_0 {
  stroke-dasharray: 4268 4270;
  stroke-dashoffset: 4269; }

/* line 168, index.scss */
.start .WoIzKLsH_0 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_1 {
  stroke-dasharray: 1890 1892;
  stroke-dashoffset: 1891; }

/* line 168, index.scss */
.start .WoIzKLsH_1 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_2 {
  stroke-dasharray: 1927 1929;
  stroke-dashoffset: 1928; }

/* line 168, index.scss */
.start .WoIzKLsH_2 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_3 {
  stroke-dasharray: 785 787;
  stroke-dashoffset: 786; }

/* line 168, index.scss */
.start .WoIzKLsH_3 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_4 {
  stroke-dasharray: 786 788;
  stroke-dashoffset: 787; }

/* line 168, index.scss */
.start .WoIzKLsH_4 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_5 {
  stroke-dasharray: 522 524;
  stroke-dashoffset: 523; }

/* line 168, index.scss */
.start .WoIzKLsH_5 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_6 {
  stroke-dasharray: 561 563;
  stroke-dashoffset: 562; }

/* line 168, index.scss */
.start .WoIzKLsH_6 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_7 {
  stroke-dasharray: 561 563;
  stroke-dashoffset: 562; }

/* line 168, index.scss */
.start .WoIzKLsH_7 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_8 {
  stroke-dasharray: 528 530;
  stroke-dashoffset: 529; }

/* line 168, index.scss */
.start .WoIzKLsH_8 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_9 {
  stroke-dasharray: 790 792;
  stroke-dashoffset: 791; }

/* line 168, index.scss */
.start .WoIzKLsH_9 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_10 {
  stroke-dasharray: 563 565;
  stroke-dashoffset: 564; }

/* line 168, index.scss */
.start .WoIzKLsH_10 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_11 {
  stroke-dasharray: 525 527;
  stroke-dashoffset: 526; }

/* line 168, index.scss */
.start .WoIzKLsH_11 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_12 {
  stroke-dasharray: 559 561;
  stroke-dashoffset: 560; }

/* line 168, index.scss */
.start .WoIzKLsH_12 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_13 {
  stroke-dasharray: 525 527;
  stroke-dashoffset: 526; }

/* line 168, index.scss */
.start .WoIzKLsH_13 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_14 {
  stroke-dasharray: 783 785;
  stroke-dashoffset: 784; }

/* line 168, index.scss */
.start .WoIzKLsH_14 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_15 {
  stroke-dasharray: 1889 1891;
  stroke-dashoffset: 1890; }

/* line 168, index.scss */
.start .WoIzKLsH_15 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

/* line 168, index.scss */
.WoIzKLsH_16 {
  stroke-dasharray: 1928 1930;
  stroke-dashoffset: 1929; }

/* line 168, index.scss */
.start .WoIzKLsH_16 {
  animation: WoIzKLsH_draw 1500ms linear 0ms forwards; }

@keyframes WoIzKLsH_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes WoIzKLsH_fade {
  0% {
    stroke-opacity: 1; }
  92.98245614035088% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/* line 170, index.scss */
.hXvQYwPp_0 {
  stroke-dasharray: 2084 2086;
  stroke-dashoffset: 2085; }

/* line 170, index.scss */
.start .hXvQYwPp_0 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_1 {
  stroke-dasharray: 809 811;
  stroke-dashoffset: 810; }

/* line 170, index.scss */
.start .hXvQYwPp_1 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_2 {
  stroke-dasharray: 825 827;
  stroke-dashoffset: 826; }

/* line 170, index.scss */
.start .hXvQYwPp_2 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_3 {
  stroke-dasharray: 336 338;
  stroke-dashoffset: 337; }

/* line 170, index.scss */
.start .hXvQYwPp_3 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_4 {
  stroke-dasharray: 337 339;
  stroke-dashoffset: 338; }

/* line 170, index.scss */
.start .hXvQYwPp_4 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_5 {
  stroke-dasharray: 224 226;
  stroke-dashoffset: 225; }

/* line 170, index.scss */
.start .hXvQYwPp_5 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_6 {
  stroke-dasharray: 240 242;
  stroke-dashoffset: 241; }

/* line 170, index.scss */
.start .hXvQYwPp_6 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_7 {
  stroke-dasharray: 240 242;
  stroke-dashoffset: 241; }

/* line 170, index.scss */
.start .hXvQYwPp_7 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_8 {
  stroke-dasharray: 825 827;
  stroke-dashoffset: 826; }

/* line 170, index.scss */
.start .hXvQYwPp_8 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_9 {
  stroke-dasharray: 338 340;
  stroke-dashoffset: 339; }

/* line 170, index.scss */
.start .hXvQYwPp_9 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_10 {
  stroke-dasharray: 241 243;
  stroke-dashoffset: 242; }

/* line 170, index.scss */
.start .hXvQYwPp_10 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_11 {
  stroke-dasharray: 225 227;
  stroke-dashoffset: 226; }

/* line 170, index.scss */
.start .hXvQYwPp_11 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_12 {
  stroke-dasharray: 809 811;
  stroke-dashoffset: 810; }

/* line 170, index.scss */
.start .hXvQYwPp_12 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_13 {
  stroke-dasharray: 225 227;
  stroke-dashoffset: 226; }

/* line 170, index.scss */
.start .hXvQYwPp_13 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_14 {
  stroke-dasharray: 335 337;
  stroke-dashoffset: 336; }

/* line 170, index.scss */
.start .hXvQYwPp_14 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_15 {
  stroke-dasharray: 240 242;
  stroke-dashoffset: 241; }

/* line 170, index.scss */
.start .hXvQYwPp_15 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

/* line 170, index.scss */
.hXvQYwPp_16 {
  stroke-dasharray: 226 228;
  stroke-dashoffset: 227; }

/* line 170, index.scss */
.start .hXvQYwPp_16 {
  animation: hXvQYwPp_draw 1500ms linear 0ms forwards; }

@keyframes hXvQYwPp_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes hXvQYwPp_fade {
  0% {
    stroke-opacity: 1; }
  92.98245614035088% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/*
homeconcept
*/
/* line 176, index.scss */
.homeconcept {
  padding-top: 130px; }
  /* line 178, index.scss */
  .homeconcept h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px; }
  /* line 184, index.scss */
  .homeconcept p {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 75px; }
  /* line 190, index.scss */
  .homeconcept #mv_video {
    display: block;
    position: relative;
    z-index: 2;
    margin: 0 auto 64px;
    width: 90%;
    max-width: 780px;
    aspect-ratio: 16/9; }
    /* line 200, index.scss */
    .homeconcept #mv_video::before {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      content: "";
      width: 80px;
      height: 80px;
      background-image: url("../img/btn_play.svg");
      background-repeat: no-repeat;
      background-position: left top;
      background-size: cover;
      transition: all .3s ease-out;
      pointer-events: none; }
      @media screen and (max-width: 950px) {
        /* line 200, index.scss */
        .homeconcept #mv_video::before {
          width: 40px;
          height: 40px; } }
    @media screen and (max-width: 950px) {
      /* line 221, index.scss */
      .homeconcept #mv_video:hover img {
        opacity: 1; } }
    /* line 226, index.scss */
    .homeconcept #mv_video:hover::before {
      opacity: 0.7; }
      @media screen and (max-width: 950px) {
        /* line 226, index.scss */
        .homeconcept #mv_video:hover::before {
          opacity: 1; } }

@keyframes mvVideo {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/*
hometop
*/
/* line 250, index.scss */
.hometop {
  position: relative;
  padding-bottom: 155px;
  z-index: 0;
  mix-blend-mode: hard-light; }
  @media screen and (max-width: 950px) {
    /* line 250, index.scss */
    .hometop {
      padding: 65px 0; } }
  /* line 258, index.scss */
  .hometop .cbox {
    position: relative;
    z-index: 1;
    max-width: 780px; }
    @media screen and (max-width: 950px) {
      /* line 258, index.scss */
      .hometop .cbox {
        max-width: inherit; } }
  /* line 266, index.scss */
  .hometop p {
    font-size: 20px;
    line-height: 2;
    margin-bottom: 40px; }
    @media screen and (max-width: 950px) {
      /* line 266, index.scss */
      .hometop p {
        font-size: 18px;
        line-height: 2.2; } }
    /* line 274, index.scss */
    .hometop p:last-child {
      margin-bottom: 0; }

/* line 279, index.scss */
.read_homeimg {
  position: absolute;
  z-index: 0; }
  /* line 282, index.scss */
  .read_homeimg img {
    width: 100%; }

/* line 286, index.scss */
.read_homeimg01 {
  top: 0;
  right: -1.8vw;
  width: 18.2%; }
  @media screen and (max-width: 950px) {
    /* line 286, index.scss */
    .read_homeimg01 {
      width: 122px;
      top: 30px;
      right: -30px; } }

/* line 296, index.scss */
.read_homeimg02 {
  top: 225px;
  left: -4vw;
  width: 17.2%; }
  @media screen and (max-width: 950px) {
    /* line 296, index.scss */
    .read_homeimg02 {
      display: none; } }

/* line 304, index.scss */
.read_homeimg03 {
  top: 550px;
  left: 21.2vw;
  width: 20.2%; }
  @media screen and (max-width: 950px) {
    /* line 304, index.scss */
    .read_homeimg03 {
      width: 199px;
      top: 540px;
      left: -40px; } }

/*
homecontent
*/
/* line 319, index.scss */
canvas {
  width: 100%;
  height: 100%;
  object-fit: cover; }

/* line 324, index.scss */
.homecontent {
  position: relative;
  z-index: 1;
  background-color: #f0f0f0; }

/* line 330, index.scss */
.scroll-content {
  position: relative;
  width: 100%; }

/* line 334, index.scss */
.white_line {
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  height: 100vh;
  transform: translateX(-50%);
  background: linear-gradient(to bottom, white 0%, white 45%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2; }
  @media screen and (max-width: 950px) {
    /* line 334, index.scss */
    .white_line {
      width: 36px;
      mix-blend-mode: soft-light; } }
  /* line 347, index.scss */
  .white_line.fixed {
    position: fixed; }
  /* line 350, index.scss */
  .white_line.none {
    position: absolute;
    top: auto;
    bottom: 0; }

/* line 357, index.scss */
.scroll_line {
  position: fixed;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #2647FF;
  width: 5px;
  height: 385px;
  z-index: 0;
  border-radius: 20px; }
  /* line 367, index.scss */
  .scroll_line[data-aos^="fade"][data-aos^="fade"].aos-animate {
    transform: translateY(-50%) !important; }
  @media screen and (max-width: 950px) {
    /* line 357, index.scss */
    .scroll_line {
      display: none; } }

/* line 374, index.scss */
.border_line {
  position: relative;
  width: 100%;
  height: 0;
  background-color: #fff; }

/* line 384, index.scss */
.sec180 {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 430px;
  height: 430px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto 125px; }
  @media screen and (max-width: 950px) {
    /* line 384, index.scss */
    .sec180 {
      width: 315px;
      height: 315px;
      margin-bottom: 0px; } }
  /* line 402, index.scss */
  .sec180 p {
    display: block;
    width: 100%;
    text-align: center; }
  /* line 407, index.scss */
  .sec180 span {
    display: block;
    width: 100%;
    text-align: center; }

/* line 413, index.scss */
.read_sec {
  margin-bottom: 25px; }

/* line 416, index.scss */
.sec01 {
  font-size: 65px;
  line-height: 1.1;
  letter-spacing: 0.05em; }
  @media screen and (max-width: 950px) {
    /* line 416, index.scss */
    .sec01 {
      font-size: 54px; } }

/* line 424, index.scss */
.sec02 {
  font-size: 25px;
  line-height: 1.6; }
  @media screen and (max-width: 950px) {
    /* line 424, index.scss */
    .sec02 {
      font-size: 21px; } }

/* line 431, index.scss */
.sec03 {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5; }
  @media screen and (max-width: 950px) {
    /* line 431, index.scss */
    .sec03 {
      font-size: 12px; } }

/* line 440, index.scss */
.cap_sec {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.7;
  margin-bottom: 0; }
  @media screen and (max-width: 950px) {
    /* line 440, index.scss */
    .cap_sec {
      font-size: 14px; } }

/* line 450, index.scss */
.home-shosai {
  position: relative;
  padding-bottom: 65px; }
  @media screen and (max-width: 950px) {
    /* line 450, index.scss */
    .home-shosai {
      padding: 105px 0 0; } }
  /* line 457, index.scss */
  .home-shosai:nth-of-type(odd)::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("../img/bg_homecontent.png");
    background-repeat: repeat;
    background-position: left top;
    z-index: -1; }
  /* line 470, index.scss */
  .home-shosai:nth-of-type(odd) .inner-content h2,
  .home-shosai:nth-of-type(odd) .inner-content p {
    color: #fff; }

/* line 477, index.scss */
.home_no {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  left: 50%;
  top: 150px;
  transform: translateX(-50%);
  width: 108px;
  height: 108px;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.15em;
  background-color: #0B1852;
  border-radius: 50%;
  z-index: 3; }
  @media screen and (max-width: 950px) {
    /* line 477, index.scss */
    .home_no {
      position: relative;
      left: auto;
      top: auto;
      transform: none;
      width: 80px;
      height: 80px;
      font-size: 13px;
      margin: 0 auto 35px; } }

/* line 508, index.scss */
.content-box {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 0;
  transition: all 0.3s ease; }
  /* line 514, index.scss */
  .content-box.none {
    z-index: -1; }

/* line 518, index.scss */
.content-left {
  width: 50%;
  padding: 170px 0 125px 20px; }
  @media screen and (max-width: 950px) {
    /* line 518, index.scss */
    .content-left {
      width: 100%;
      padding: 0 20px 45px;
      order: 1; } }

/* line 527, index.scss */
.inner-content {
  margin-right: calc(5.1%);
  margin-left: auto;
  width: 465px; }
  @media screen and (max-width: 950px) {
    /* line 527, index.scss */
    .inner-content {
      margin: 0;
      width: 100%; } }
  /* line 535, index.scss */
  .inner-content h2 {
    margin-bottom: 75px; }
    @media screen and (max-width: 950px) {
      /* line 535, index.scss */
      .inner-content h2 {
        margin-bottom: 40px; } }
    /* line 540, index.scss */
    .inner-content h2 .en_title {
      position: relative;
      display: inline-block;
      font-size: 58px;
      font-weight: 600;
      line-height: 1.1;
      letter-spacing: 0.04em;
      overflow: hidden;
      margin-bottom: 10px; }
      @media screen and (max-width: 950px) {
        /* line 540, index.scss */
        .inner-content h2 .en_title {
          font-size: 42px; } }
      /* line 552, index.scss */
      .inner-content h2 .en_title::before {
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #0B1852;
        z-index: 0;
        transition: all 0.2s ease-out; }
    /* line 564, index.scss */
    .inner-content h2 .slide_txt {
      position: relative;
      display: block;
      color: #fff;
      clip-path: inset(0 100% 0 0);
      background-color: #000;
      transition: all 0.2s ease-out 0.5s;
      z-index: 1;
      padding: 2px 5px 5px; }
    /* line 574, index.scss */
    .inner-content h2 .jp_title {
      display: block;
      font-size: 30px;
      font-weight: 600;
      line-height: 1.5;
      opacity: 0;
      transform: translateY(15px);
      transition: all 0.5s ease-out 0.8s; }
      @media screen and (max-width: 950px) {
        /* line 574, index.scss */
        .inner-content h2 .jp_title {
          font-size: 22px; } }
    /* line 588, index.scss */
    .inner-content h2.start .en_title::before {
      left: 0; }
    /* line 592, index.scss */
    .inner-content h2.start .jp_title {
      opacity: 1;
      transform: translateY(0%); }
    /* line 596, index.scss */
    .inner-content h2.start .slide_txt {
      clip-path: inset(0 0% 0 0); }
  /* line 601, index.scss */
  .inner-content .aos-init {
    overflow: visible; }
  /* line 604, index.scss */
  .inner-content p {
    font-size: 18px;
    letter-spacing: 0.015em;
    margin-bottom: 30px; }
    @media screen and (max-width: 950px) {
      /* line 604, index.scss */
      .inner-content p {
        font-size: 16px; } }
    /* line 611, index.scss */
    .inner-content p:last-child {
      margin-bottom: 0; }
    /* line 614, index.scss */
    .inner-content p a {
      position: relative;
      display: inline-block;
      min-width: 115px;
      color: #fff;
      font-family: 'Zen Kaku Gothic New', sans-serif;
      font-size: 11px;
      font-weight: 700;
      line-height: 1.5;
      text-decoration: none;
      letter-spacing: -0.02em;
      border-radius: 20px;
      transform: translateY(5px);
      overflow: hidden; }
      /* line 628, index.scss */
      .inner-content p a span {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
        padding: 5px 25px 5px 15px;
        background-image: url("../img/arrow_r_white.svg");
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) 55%;
        transition: all 0.3s ease-out; }
      /* line 640, index.scss */
      .inner-content p a::before, .inner-content p a::after {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        transition: all 0.3s ease-out; }
      /* line 649, index.scss */
      .inner-content p a::before {
        left: 0;
        background-color: #7F8C9F;
        z-index: 0; }
      /* line 654, index.scss */
      .inner-content p a::after {
        left: -100%;
        background-color: #2647FF;
        z-index: 1; }
        @media screen and (max-width: 950px) {
          /* line 654, index.scss */
          .inner-content p a::after {
            display: none; } }
      /* line 663, index.scss */
      .inner-content p a:hover span {
        background-position: calc(100% - 5px) 55%; }
        @media screen and (max-width: 950px) {
          /* line 663, index.scss */
          .inner-content p a:hover span {
            background-position: calc(100% - 10px) 55%; } }
      /* line 669, index.scss */
      .inner-content p a:hover::after {
        left: 0; }
  @media screen and (max-width: 950px) {
    /* line 675, index.scss */
    .inner-content figure {
      width: calc(100% + 40px);
      margin: 0 0 45px -20px; } }
  /* line 680, index.scss */
  .inner-content figure img {
    width: 100%; }

/* line 685, index.scss */
.bg_txtwhite,
.bg_txtgray,
.bg_txtgray02 {
  font-size: 22px;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-bottom: 10px; }
  @media screen and (max-width: 950px) {
    /* line 685, index.scss */
    .bg_txtwhite,
    .bg_txtgray,
    .bg_txtgray02 {
      font-size: 20px; } }

/* line 696, index.scss */
.bg_txtwhite {
  color: #0B1852;
  background-color: #fff; }

/* line 700, index.scss */
.bg_txtgray {
  color: #fff;
  background-color: #7F8C9F; }

/* line 704, index.scss */
.bg_txtgray02 {
  color: #fff;
  font-size: 35px;
  background-color: #888891;
  margin-bottom: 0; }
  @media screen and (max-width: 950px) {
    /* line 704, index.scss */
    .bg_txtgray02 {
      font-size: 20px; } }

/* line 714, index.scss */
.content-right {
  position: relative;
  width: 50%;
  order: 2;
  z-index: -1; }
  @media screen and (max-width: 950px) {
    /* line 714, index.scss */
    .content-right {
      width: 100%; } }
  /* line 722, index.scss */
  .content-right figure {
    position: fixed;
    top: 0;
    right: 0;
    width: 50%;
    height: 100vh;
    z-index: -1; }
    @media screen and (max-width: 950px) {
      /* line 722, index.scss */
      .content-right figure {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: auto; } }
    /* line 736, index.scss */
    .content-right figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }

/* line 745, index.scss */
.content-center {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  max-width: 610px;
  height: 120px;
  background-color: #000;
  border-radius: 60px;
  margin: 0 auto;
  z-index: 2;
  order: 3;
  opacity: 0;
  transition: all 0.5s ease-out;
  transform: translateY(120px); }
  @media screen and (max-width: 950px) {
    /* line 745, index.scss */
    .content-center {
      position: absolute;
      left: 50%;
      bottom: 0;
      width: calc(100% - 40px);
      transform: translate(-50%, 180px);
      padding: 0 40px; } }
  /* line 770, index.scss */
  .content-center::after {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-width: 22px;
    border-bottom-width: 22px;
    border-left-width: 14px;
    border-right-width: 14px;
    border-top-color: #000; }
  /* line 787, index.scss */
  .content-center.start {
    opacity: 1;
    transform: translateY(0px); }
    @media screen and (max-width: 950px) {
      /* line 787, index.scss */
      .content-center.start {
        transform: translate(-50%, 60px); } }
  /* line 794, index.scss */
  .content-center p {
    color: #fff;
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.04em;
    margin: 0; }
    @media screen and (max-width: 950px) {
      /* line 794, index.scss */
      .content-center p {
        font-size: 15px; } }

/* line 808, index.scss */
.content-modal {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  max-width: 740px;
  color: #fff; }

/* line 818, index.scss */
.home-modal {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 60px; }
  @media screen and (max-width: 950px) {
    /* line 818, index.scss */
    .home-modal {
      display: block;
      padding: 0 20px;
      margin-bottom: 20px; } }
  /* line 828, index.scss */
  .home-modal figure {
    width: 33.8%; }
    @media screen and (max-width: 950px) {
      /* line 828, index.scss */
      .home-modal figure {
        width: 50%;
        margin: 0 auto; } }

/* line 836, index.scss */
.l-home-modal {
  width: 60.8%; }
  @media screen and (max-width: 950px) {
    /* line 836, index.scss */
    .l-home-modal {
      width: 100%;
      margin: 0 0 25px; } }
  /* line 842, index.scss */
  .l-home-modal h3 {
    display: inline-block;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: 0.03em;
    background-color: #7F8C9F;
    padding: 0 5px 3px;
    margin: 0 0 30px; }
    @media screen and (max-width: 950px) {
      /* line 842, index.scss */
      .l-home-modal h3 {
        font-size: 18px;
        margin-bottom: 15px; } }
    @media screen and (max-width: 950px) {
      /* line 854, index.scss */
      .l-home-modal h3 .s-modaltitle {
        font-size: 14px; } }
  /* line 860, index.scss */
  .l-home-modal p {
    font-size: 18px;
    letter-spacing: 0.015em;
    margin-bottom: 0; }
    @media screen and (max-width: 950px) {
      /* line 860, index.scss */
      .l-home-modal p {
        font-size: 16px; } }

/* line 871, index.scss */
#homeend {
  position: relative;
  width: 100%;
  overflow: hidden; }
  /* line 875, index.scss */
  #homeend::before, #homeend::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 92px;
    height: 92px;
    transform: translate(-50%, -50%);
    content: ""; }
    @media screen and (max-width: 950px) {
      /* line 875, index.scss */
      #homeend::before, #homeend::after {
        width: 85px;
        height: 85px; } }
  /* line 889, index.scss */
  #homeend::before {
    background-color: #2647FF;
    z-index: 2;
    border-radius: 50%; }
  /* line 894, index.scss */
  #homeend::after {
    background-color: #0B1852;
    opacity: 0.8;
    z-index: 1;
    border-radius: 50%;
    transition: all 1s ease-out;
    transform-origin: center center; }
  /* line 903, index.scss */
  #homeend.start::after {
    transform: scale(50); }
  /* line 907, index.scss */
  #homeend .content-box {
    height: 100vh;
    z-index: 3; }
  /* line 911, index.scss */
  #homeend .content-left {
    display: flex;
    align-items: center;
    padding: 0 0 0 20px; }
    @media screen and (max-width: 950px) {
      /* line 911, index.scss */
      #homeend .content-left {
        padding: 0 0 0 30px; } }
    /* line 918, index.scss */
    #homeend .content-left p {
      color: #fff;
      font-size: 28px;
      line-height: 2;
      margin-bottom: 70px;
      letter-spacing: -0.02em; }
      /* line 924, index.scss */
      #homeend .content-left p:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 950px) {
        /* line 918, index.scss */
        #homeend .content-left p {
          font-size: 18px;
          letter-spacing: -0.04em;
          margin-bottom: 50px; } }
  /* line 934, index.scss */
  #homeend .content-right {
    display: none; }
  /* line 937, index.scss */
  #homeend .inner-content {
    width: 500px; }

/* line 942, index.scss */
.video_mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1; }

/* line 951, index.scss */
.video {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1; }
  /* line 959, index.scss */
  .video video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); }

/* line 971, index.scss */
.homepickup {
  position: relative;
  background-color: #F0F0F0;
  padding: 100px 0;
  z-index: 1; }
  @media screen and (max-width: 950px) {
    /* line 971, index.scss */
    .homepickup {
      padding: 85px 0 100px; } }

/* line 980, index.scss */
.read_homepickup01 {
  position: relative;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 0.015em;
  text-align: center;
  padding-bottom: 25px;
  margin-bottom: 35px; }
  @media screen and (max-width: 950px) {
    /* line 980, index.scss */
    .read_homepickup01 {
      font-size: 22px;
      line-height: 1.45;
      letter-spacing: 0; } }
  /* line 993, index.scss */
  .read_homepickup01::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 60px;
    height: 6px;
    background-color: #0B1852;
    content: ""; }
    @media screen and (max-width: 950px) {
      /* line 993, index.scss */
      .read_homepickup01::after {
        width: 30px; } }

/* line 1007, index.scss */
.read_homepickup02 {
  font-size: 35px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0; }
  @media screen and (max-width: 950px) {
    /* line 1007, index.scss */
    .read_homepickup02 {
      font-size: 22px; } }
  /* line 1017, index.scss */
  .read_homepickup02.start .slide_txt::before {
    left: 0%; }
  /* line 1020, index.scss */
  .read_homepickup02.start .slide_txt span {
    clip-path: inset(0 0% 0 0); }
  /* line 1025, index.scss */
  .read_homepickup02 .slide_txt {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 15px; }
    @media screen and (max-width: 950px) {
      /* line 1025, index.scss */
      .read_homepickup02 .slide_txt {
        margin-bottom: 5px; } }
    /* line 1034, index.scss */
    .read_homepickup02 .slide_txt.slide_txt01::before {
      transition: all 0.2s ease-out; }
    /* line 1037, index.scss */
    .read_homepickup02 .slide_txt.slide_txt01 span {
      transition: all 0.2s ease-out 0.5s; }
    /* line 1042, index.scss */
    .read_homepickup02 .slide_txt.slide_txt02::before {
      transition: all 0.2s ease-out 0.3s; }
    /* line 1045, index.scss */
    .read_homepickup02 .slide_txt.slide_txt02 span {
      transition: all 0.2s ease-out 0.8s; }
    /* line 1049, index.scss */
    .read_homepickup02 .slide_txt::before {
      position: absolute;
      left: -100%;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #0B1852;
      content: "";
      z-index: 0; }
    /* line 1059, index.scss */
    .read_homepickup02 .slide_txt span {
      display: inline-block;
      position: relative;
      color: #fff;
      background-color: #000;
      clip-path: inset(0 100% 0 0);
      z-index: 1;
      padding: 0 5px; }
      @media screen and (max-width: 950px) {
        /* line 1059, index.scss */
        .read_homepickup02 .slide_txt span {
          padding: 0; } }

/*# sourceMappingURL=index.css.map */