@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&display=swap");
* {
  margin: 0px;
  padding: 0px;
  font-family: 'Noto Sans JP';
  font-weight: 400;
  color: #fff; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  margin: 0; }

body {
  background-color: #141d24;
  background-image: url(../img/bg_itemL.png), url(../img/bg_itemR.png), url(../img/bg.jpg);
  background-position: left 1950px ,right 890px ,center top;
  background-repeat: no-repeat ,no-repeat ,repeat;
  background-size: 300px auto ,350px auto ,1200px auto;
  overflow-x: hidden; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    body {
      background-position: left 162.5vw ,right 74.2vw ,center top;
      background-repeat: no-repeat ,no-repeat ,repeat;
      background-size: 25vw auto ,29.2vw auto ,100vw auto; } }
  @media screen and (max-width: 767px) {
    body {
      background-image: url(../img/bg_itemL_sp.png), url(../img/bg_itemR_sp.png), url(../img/bg.jpg);
      background-position: left 240vw ,right 82vw ,center top;
      background-size: 31.2vw auto ,36.6vw auto ,100vw auto; } }

img {
  vertical-align: top;
  width: 100%; }

li {
  list-style: none; }

a {
  text-decoration: none; }

a:not(.noOp) {
  opacity: 1;
  transition: opacity 0.3s; }
  a:not(.noOp):hover {
    opacity: 0.7; }

.orange {
  color: #cc8a2d; }

.absolute {
  position: absolute; }

img.crkboy03 {
  width: 154px;
  left: 190px;
  bottom: 0px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy03 {
      width: 12.8vw;
      left: 15.8vw;
      bottom: 0vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy03 {
      width: 20.1vw;
      left: 20vw;
      bottom: 25vw;
      z-index: -1; } }

img.crkboy10 {
  width: 187px;
  left: 348px;
  bottom: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy10 {
      width: 15.6vw;
      left: 29vw;
      bottom: 5vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy10 {
      width: 24.4vw;
      left: 6.5vw;
      bottom: auto;
      top: 20vw; } }

img.crkboy11 {
  width: 142px;
  left: 550px;
  bottom: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy11 {
      width: 11.8vw;
      left: 45.8vw;
      bottom: 5vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy11 {
      width: 19.2vw;
      left: 17vw;
      bottom: 99vw; } }

img.crkboy21 {
  width: 180px;
  left: 120px;
  top: -170px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy21 {
      width: 15vw;
      left: 10vw;
      top: -14.2vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy21 {
      width: 23.5vw;
      top: auto;
      left: 12vw;
      bottom: 6vw; } }

img.crkboy22 {
  width: 151px;
  right: 160px;
  top: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy22 {
      width: 12.6vw;
      right: 13.3vw;
      top: 5vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy22 {
      width: 19.7vw;
      right: 7vw;
      top: 1.5vw; } }

img.crkboy25 {
  width: 194px;
  right: 200px;
  top: -30px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy25 {
      width: 16.2vw;
      right: 16.7vw;
      top: -2.5vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy25 {
      width: 25.3vw;
      top: auto;
      right: 11vw;
      bottom: 21vw; } }

img.crkboy26 {
  width: 178px;
  left: 150px;
  bottom: -65px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy26 {
      width: 14.8vw;
      left: 12.5vw;
      bottom: -5.4vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy26 {
      width: 23.2vw;
      left: 2vw;
      bottom: -8.7vw; } }

img.crkboy27 {
  width: 146px;
  left: 200px;
  bottom: 60px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    img.crkboy27 {
      width: 12.2vw;
      left: 16.7vw;
      bottom: 5vw; } }
  @media screen and (max-width: 767px) {
    img.crkboy27 {
      width: 19vw;
      left: 15vw;
      bottom: 25vw; } }

.icon_saku {
  position: absolute;
  width: 132px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .icon_saku {
      width: 11vw; } }
  @media screen and (max-width: 767px) {
    .icon_saku {
      width: 17.2vw; } }

header {
  position: relative;
  width: 100%; }
  header .hInner {
    max-width: 1200px;
    width: 100%;
    padding: 0 90px;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
    display: flex;
    position: absolute;
    z-index: 1000;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      header .hInner {
        padding: 0 7.5vw; } }
    @media screen and (max-width: 767px) {
      header .hInner {
        padding: 0 11.7vw;
        align-items: flex-start; } }
    header .hInner h1 {
      width: 150px;
      height: 120px;
      background-image: url(../img/lotte_bg.png);
      background-repeat: no-repeat;
      background-size: 150px auto;
      margin: 0;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      align-items: flex-end; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        header .hInner h1 {
          width: 12.5vw;
          height: 10vw;
          background-size: 12.5vw auto; } }
      @media screen and (max-width: 767px) {
        header .hInner h1 {
          width: 19.6vw;
          height: 15.6vw;
          background-size: 19.6vw auto;
          transform: translateX(-5.9vw); } }
      header .hInner h1 img {
        margin-bottom: 34px;
        width: 120px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          header .hInner h1 img {
            margin-bottom: 2.8vw;
            width: 10vw; } }
        @media screen and (max-width: 767px) {
          header .hInner h1 img {
            margin-bottom: 4.4vw;
            width: 15.6vw; } }
    header .hInner ul {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 0 12px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        header .hInner ul {
          gap: 0 1vw; } }
      @media screen and (max-width: 767px) {
        header .hInner ul {
          margin-top: 1.3vw;
          width: 28.3vw;
          gap: 1.6vw 1.4vw; } }
    header .hInner li {
      width: 64px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        header .hInner li {
          width: 5.3vw; } }
      @media screen and (max-width: 767px) {
        header .hInner li {
          width: 8.3vw; } }
    header .hInner li:first-child {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-align-items: center;
      align-items: center;
      font-size: 18px;
      width: 240px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        header .hInner li:first-child {
          font-size: 1.5vw;
          width: 20vw; } }
      @media screen and (max-width: 767px) {
        header .hInner li:first-child {
          -webkit-justify-content: center;
          justify-content: center;
          font-size: 2.3vw;
          width: 28.3vw; } }

.scroll {
  position: absolute;
  left: 50%;
  bottom: 15px;
  z-index: 1500;
  transition: 0.5s; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .scroll {
      bottom: 1.3vw; } }
  @media screen and (max-width: 767px) {
    .scroll {
      bottom: 2vw; } }

.scroll:after {
  position: absolute;
  display: inline-block;
  opacity: 0;
  content: "";
  width: 64px;
  height: 280px;
  left: -68px;
  bottom: 15px;
  background-image: url("./../img/arrow.png");
  background-size: 64px 280px;
  background-position: center middle;
  background-repeat: no-repeat; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .scroll:after {
      width: 5.3vw;
      height: 23.3vw;
      left: -5.7vw;
      bottom: 1.3vw;
      background-size: 5.3vw 23.3vw; } }
  @media screen and (max-width: 767px) {
    .scroll:after {
      background-size: 8.3vw 36.5vw;
      width: 8.3vw;
      height: 36.5vw;
      left: -9vw;
      bottom: 2vw; } }

.scroll:before {
  opacity: 0;
  content: "";
  position: absolute;
  display: inline-block;
  width: 200px;
  height: 280px;
  bottom: 0px;
  left: 0px;
  background-image: url("./../img/icon_saku_30.png");
  background-size: 132px auto;
  background-repeat: no-repeat;
  background-position: 0px 0px; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .scroll:before {
      width: 16.7vw;
      height: 23.3vw;
      background-size: 11vw auto;
      background-position: 0px 0px; } }
  @media screen and (max-width: 767px) {
    .scroll:before {
      width: 26.1vw;
      height: 36.5vw;
      background-size: 17.2vw auto;
      background-position: 0px 0px; } }

.scroll.hide {
  opacity: 0; }

section {
  display: block;
  margin: 0 auto;
  width: 100%; }
  @media screen and (max-width: 767px) {
    section {
      overflow: hidden; } }
  section .inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }
  section .mainvisual {
    width: 100%;
    height: 1100px;
    margin: 0 auto;
    position: relative;
    /*    .mvL_01{
          top:210px;
          left:60px;
          @include mq(tb) {
            top:17.5vw;
            left:5vw;
          }
          @include mq(sp) {}
        }
        .mvL_02{
          top:160px;
          left:150px;
          @include mq(tb) {
            top:13.3vw;
            left:12.5vw;
          }
          @include mq(sp) {}
        }
        .mvR_01{
          top:190px;
          right:70px;
          @include mq(tb) {
            top:15.8vw;
            right:5.8vw;
          }
          @include mq(sp) {}
        }
        .mvR_02{
          top:140px;
          right:160px;
          @include mq(tb) {
            top:11.7vw;
            right:13.3vw;
          }
          @include mq(sp) {}
        }*/
    /*    .sheet{
      max-width:1200px;
      width:100%;
      height:auto;
      transform:rotate(10deg);
      position: absolute;
      margin-top:177px;
      right:24px;
      z-index: 90;
      @include mq(tb) {
        margin-top:14.8vw;
        right:2vw;
      }
      @include mq(sp) {
        width: 96vw;
        height:38vw;
        margin-top:18vw;
        right:1vw;
      }
    }*/ }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      section .mainvisual {
        height: 91.7vw;
        overflow: hidden; } }
    @media screen and (max-width: 767px) {
      section .mainvisual {
        height: 88.8vw;
        transform: translateY(3.9vw);
        overflow: hidden; } }
    section .mainvisual .mv {
      position: absolute;
      z-index: 100; }
      @media screen and (max-width: 767px) {
        section .mainvisual .mv {
          position: static;
          width: 100%;
          margin: 0 auto; } }
    section .mainvisual .mvSk_01 {
      opacity: 0;
      bottom: 350px;
      left: 270px;
      z-index: 150; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        section .mainvisual .mvSk_01 {
          bottom: 29.2vw;
          left: 22.5vw; } }
      @media screen and (max-width: 767px) {
        section .mainvisual .mvSk_01 {
          bottom: 25vw;
          left: 16.5vw; } }
  section .mvSKbody {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto; }
  section .lead {
    font-size: 24px;
    text-align: center;
    margin: 0 auto 50px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      section .lead {
        font-size: 2vw;
        margin: 0 auto 4.2vw; } }
    @media screen and (max-width: 767px) {
      section .lead {
        font-size: 4.2vw;
        line-height: 2em;
        text-align: left;
        margin: 3.1vw auto 0;
        width: 75.3vw; } }
  section .hiddn {
    max-width: 767px;
    width: 100%;
    overflow: hidden; }
  section.cont {
    display: block;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      section.cont {
        height: 71.7vw; } }
    @media screen and (max-width: 767px) {
      section.cont {
        max-width: 767px;
        width: 100vw; } }
    section.cont .inner {
      position: relative;
      height: 860px;
      /*      .tt01 ,.tt04{
              transform: translate(50px ,-90px);
              @include mq(tb) {
                transform: translate(4.2vw ,-7.5vw);
              }
              @include mq(sp) {
                transform: translate(6.5vw ,-11.7vw);
              }
            }
            .tt02 ,.tt03{
              transform: translate(-50px ,-95px);
              @include mq(tb) {
                transform: translate(-4.2vw ,-7.9vw);
              }
              @include mq(sp) {
                transform: translate(-6.5vw ,-12.4vw);
              }
            }*/
      /*      .text{
              width:360px;
              min-height:110px;
              font-size:24px;
              line-height: 1.5;
              //margin: 0 auto;
              @include mq(tb) {
                width:30vw;
                min-height:9.2vw;
                font-size:2vw;
              }
              @include mq(sp) {
                width:46.9vw;
                min-height:inherit;
                height:14.3vw;
                font-size:3.1vw;
              }
            }
            .ttR{
              margin-left: auto;
              margin-right:70px;
              @include mq(tb) {
                margin-right:5.8vw;
              }
              @include mq(sp) {
                margin-right:9.1vw;
              }
            }
            .ttL{
              margin-right: auto;
              margin-left:74px;
              @include mq(tb) {
                margin-left:6.2vw;
              }
              @include mq(sp) {
                margin-left:9.5vw;
              }
            }
            .tR,.tL{
              opacity: 0;
            }
            .liR{
              margin-left: auto;
              margin-right:70px;
              @include mq(tb) {
                margin-right:5.8vw;
              }
              @include mq(sp) {
                bottom:0vw;
                margin-right:9.1vw;
              }
            }
            .liL{
              margin-right: auto;
              margin-left:74px;
              @include mq(tb) {
                margin-left:6.2vw;
              }
              @include mq(sp) {
      
                bottom:0vw;
                margin-left:9.5vw;
              }
            }
      */
      /*      .link{
              position: relative;
              width:360px;
              height:314px;
              white-space: nowrap;
              text-align: center;
              @include mq(tb) {
              width:30vw;
              height:26.2vw;
              }
              @include mq(sp) {
              width:46.9vw;
              height:40.9vw;
              }
            }
            .link a{
              font-size:26px;
              color:$orange;
              text-decoration: none;
              @include mq(tb) {
                font-size:2.2vw;
              }
              @include mq(sp) {
                font-size:3.4vw;
              }
            }
            .liR{
              margin-left:auto;
              right:150px;
              @include mq(tb) {
                transform: translateX(-3.5vw);
              }
              @include mq(sp) {
                transform: translateX(-5.5vw);
              }
            }
            .li02 ,.li03{
              transform: translate(-105px ,-50px);
              @include mq(tb) {
                transform: translate(-8.8vw ,-4.2vw);
              }
              @include mq(sp) {
                transform: translate(-14vw ,-6.5vw);
              }
            }
            .li04{
              transform: translate(-42px ,-60px);
              @include mq(tb) {
                transform: translate(-3.5vw ,-5vw);
              }
              @include mq(sp) {
                transform: translate(-5.5vw ,-7.5vw);
              }
            }
      */ }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        section.cont .inner {
          height: 71.7vw; } }
      @media screen and (max-width: 767px) {
        section.cont .inner {
          height: 143.4vw; } }
      section.cont .inner .skR_01 {
        top: 115px;
        left: 25px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skR_01 {
            top: 9.6vw;
            left: 3.1vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skR_01 {
            top: -1.3vw;
            left: 57.5vw; } }
      section.cont .inner .skR_02 {
        top: 190px;
        left: -40px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skR_02 {
            top: 15vw;
            left: -2vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skR_02 {
            top: 5.2vw;
            left: 65.4vw; } }
      section.cont .inner .skR_03 {
        bottom: 100px;
        left: 660px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skR_03 {
            bottom: 8.3vw;
            left: 52.8vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skR_03 {
            bottom: 53.8vw;
            left: 5.2vw; } }
      section.cont .inner .skL_01 {
        top: 115px;
        right: -25px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skL_01 {
            top: 9.6vw;
            right: 3.1vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skL_01 {
            top: -1.3vw;
            right: auto;
            left: 29.3vw; } }
      section.cont .inner .skL_02 {
        top: 190px;
        right: -80px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skL_02 {
            top: 14.8vw;
            right: -2.7vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skL_02 {
            top: 5.9vw;
            right: auto;
            left: 19.8vw; } }
      section.cont .inner .skL_03 {
        bottom: 100px;
        right: 570px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skL_03 {
            bottom: 8.3vw;
            right: 46.7vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skL_03 {
            bottom: 53.8vw;
            right: 2.6vw; } }
      section.cont .inner .skL_04 {
        bottom: 100px;
        right: 620px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .skL_04 {
            bottom: 8.3vw;
            right: 51.7vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .skL_04 {
            bottom: 54.8vw;
            right: 2.6vw; } }
      section.cont .inner .paper {
        width: 790px;
        position: absolute;
        z-index: -1; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .paper {
            width: 65.8vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .paper {
            width: 92.7vw;
            top: 2vw; } }
      section.cont .inner .ppR {
        opacity: 0;
        transform: translateX(-40px) rotate(-10deg);
        left: 0;
        bottom: 0;
        margin-top: auto;
        margin-right: auto; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .ppR {
            transform: translateX(-3.3vw) rotate(-10deg); } }
        @media screen and (max-width: 767px) {
          section.cont .inner .ppR {
            transform: translateX(-6vw) rotate(-10deg); } }
      section.cont .inner .ppL {
        opacity: 0;
        transform: translateX(40px) rotate(10deg);
        right: 0;
        bottom: 0;
        margin-top: auto;
        margin-left: auto; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .ppL {
            transform: translateX(3.3vw) rotate(8deg); } }
        @media screen and (max-width: 767px) {
          section.cont .inner .ppL {
            transform: translateX(6vw) rotate(10deg); } }
      section.cont .inner .loope {
        width: 557px;
        height: 707px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-direction: column;
        flex-direction: column; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .loope {
            width: 46.4vw;
            height: 58.9vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .loope {
            width: 72.6vw;
            height: 92.2vw; } }
      section.cont .inner .lpR {
        background-image: url(../img/loopeR.png);
        background-size: 557px 707px;
        transform: translate(-45px, 150px);
        right: 0;
        bottom: 0;
        margin-top: auto;
        margin-left: auto; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .lpR {
            transform: translate(-3.8vw, 12.5vw);
            background-size: 46.4vw 58.9vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .lpR {
            transform: translate(-0.5vw, 38.5vw);
            background-size: 72.6vw 92.2vw; } }
      section.cont .inner .lpL {
        background-image: url(../img/loopeL.png);
        background-size: 557px 707px;
        transform: translate(55px, 150px);
        right: 0;
        bottom: 0;
        margin-top: auto;
        margin-right: auto; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .lpL {
            transform: translate(4.6vw, 12.5vw);
            background-size: 46.4vw 58.9vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .lpL {
            transform: translate(0, 38.5vw);
            background-size: 72.6vw 92.2vw; } }
      section.cont .inner .title {
        position: relative;
        width: 557px;
        height: 566px;
        margin-bottom: auto;
        top: -60px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .title {
            width: 46.4vw;
            height: 47.2vw;
            top: -5vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .title {
            width: 72.6vw;
            height: 73.8vw;
            top: -7.2vw; } }
      section.cont .inner .experience {
        width: 87px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .experience {
            width: 7.3vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .experience {
            width: 11.3vw; } }
      section.cont .inner .exR {
        opacity: 0;
        position: absolute;
        right: 0px;
        top: 64px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .exR {
            top: 5.3vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .exR {
            top: 8.3vw; } }
      section.cont .inner .exL {
        opacity: 0;
        position: absolute;
        transform: scaleX(-1);
        left: 3px;
        top: 70px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .exL {
            left: 0.3vw;
            top: 5.8vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .exL {
            left: 0.4vw;
            top: 9.1vw; } }
      section.cont .inner .tR, section.cont .inner .tL {
        opacity: 0; }
      section.cont .inner .cursol {
        position: absolute;
        width: 140px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          section.cont .inner .cursol {
            width: 11.7vw; } }
        @media screen and (max-width: 767px) {
          section.cont .inner .cursol {
            width: 18.3vw; } }
      section.cont .inner .clR {
        opacity: 0;
        transform: rotate(30deg); }
      section.cont .inner .clL {
        opacity: 0;
        transform: scale(-1, 1) rotate(30deg); }

.localBnr ul {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex-direction: column;
  flex-direction: column;
  gap: 100px 0;
  max-width: 1200px;
  width: 100%;
  margin: 100px auto; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .localBnr ul {
      gap: 8.3vw 0;
      margin: 8.3vw auto; } }
  @media screen and (max-width: 767px) {
    .localBnr ul {
      gap: 5.2vw 0;
      margin: 0 auto 9.8vw;
      max-width: 767px;
      width: 100%; } }
.localBnr li {
  margin: 0 auto; }
.localBnr .cellBar {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 12px;
  width: 720px;
  height: 150px;
  left: 0;
  margin-right: auto;
  background: linear-gradient(90deg, #690000, #ff0000, #690000);
  font-size: 45px;
  filter: drop-shadow(0px 0px 16px #141d24); }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .localBnr .cellBar {
      width: 60vw;
      height: 12.5vw;
      font-size: 3.8vw;
      filter: drop-shadow(0px 0px 1.3vw #141d24); } }
  @media screen and (max-width: 767px) {
    .localBnr .cellBar {
      width: 62.6vw;
      height: 19.6vw;
      font-size: 4.2vw; } }
.localBnr .LBtext {
  width: 900px;
  font-size: 32px;
  margin: 0 auto 75px;
  z-index: 10; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .localBnr .LBtext {
      width: 75vw;
      font-size: 2.7vw;
      margin: 0 auto 6.3vw; } }
  @media screen and (max-width: 767px) {
    .localBnr .LBtext {
      width: 82.8vw;
      font-size: 4.2vw; } }

.commonBnr {
  display: block;
  width: 100%;
  padding: 150px 0;
  background-color: #4d565e; }
  @media screen and (min-width: 768px) and (max-width: 1199px) {
    .commonBnr {
      padding: 12.5vw 0; } }
  @media screen and (max-width: 767px) {
    .commonBnr {
      padding: 9.8vw 0; } }
  .commonBnr .markBnrWrapB {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      .commonBnr .markBnrWrapB {
        width: 90vw; } }
    @media screen and (max-width: 767px) {
      .commonBnr .markBnrWrapB {
        width: 100vw; } }
    .commonBnr .markBnrWrapB ul {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .commonBnr .markBnrWrapB ul {
          -webkit-flex-direction: column;
          flex-direction: column;
          width: 68.4vw;
          margin: 0 auto;
          gap: 6.5vw; } }
      .commonBnr .markBnrWrapB ul li {
        width: 507px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          .commonBnr .markBnrWrapB ul li {
            width: 42.3vw; } }
        @media screen and (max-width: 767px) {
          .commonBnr .markBnrWrapB ul li {
            width: 60vw; } }

footer {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  height: auto;
  background-color: #141d24; }
  footer .inner {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 100px 0 86px; }
    @media screen and (min-width: 768px) and (max-width: 1199px) {
      footer .inner {
        padding: 8.3vw 0 7.2vw; } }
    @media screen and (max-width: 767px) {
      footer .inner {
        max-width: 767px;
        width: 100%;
        padding: 13vw 0 11.2vw; } }
    footer .inner .sns-title {
      font-family: 'Noto Sans JP', sans-serif;
      text-align: center;
      margin-bottom: 45px;
      color: #fafcfa;
      font-size: 18px; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        footer .inner .sns-title {
          margin-bottom: 3.8vw;
          font-size: 1.5vw; } }
      @media screen and (max-width: 767px) {
        footer .inner .sns-title {
          margin-bottom: 5.9vw;
          font-size: 2.3vw; } }
    footer .inner ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: auto;
      width: 240px;
      gap: 24px 0; }
      @media screen and (min-width: 768px) and (max-width: 1199px) {
        footer .inner ul {
          width: 20vw;
          gap: 2vw 0; } }
      @media screen and (max-width: 767px) {
        footer .inner ul {
          width: 31.3vw;
          gap: 3.1vw 0; } }
      footer .inner ul li {
        width: 64px; }
        @media screen and (min-width: 768px) and (max-width: 1199px) {
          footer .inner ul li {
            width: 5.3vw; } }
        @media screen and (max-width: 767px) {
          footer .inner ul li {
            width: 8.3vw; } }
  footer .infos {
    width: 100%;
    border-top: solid 2px #fff;
    margin: 0 auto; }
    footer .infos ul {
      width: 100%;
      margin-top: 2vw;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-flex-direction: row;
      flex-direction: row; }
      @media screen and (max-width: 767px) {
        footer .infos ul {
          margin-top: 2vw;
          margin-left: 2.6vw;
          -webkit-justify-content: flex-start;
          justify-content: flex-start;
          -webkit-flex-direction: column;
          flex-direction: column; } }
    footer .infos li {
      padding: 0 1vw; }
      footer .infos li a {
        font-size: 1.2vw;
        color: white;
        text-decoration: none; }
        @media screen and (max-width: 767px) {
          footer .infos li a {
            font-size: 3.1vw;
            font-weight: 400;
            line-height: 3.8vw; } }
      footer .infos li a::before {
        content: "▶";
        font-size: 1vw;
        margin-right: 0.2vw; }
        @media screen and (max-width: 767px) {
          footer .infos li a::before {
            font-size: 2.8vw;
            margin-right: 0.5vw; } }
    footer .infos .Copyright {
      display: block;
      width: 100%;
      text-align: center;
      color: white;
      padding: 3.5vw 0; }
      @media screen and (max-width: 767px) {
        footer .infos .Copyright {
          font-size: 3.1vw;
          font-weight: 400;
          padding: 5vw 0; } }