@charset "UTF-8";
/*! Writen  by SCSS */
body {
  background: url(../images/bg.jpg) center center repeat; }

main {
  padding: 10px;
  position: relative;
  z-index: 2;
  background: #fff;
  overflow: hidden; }
  main .main_sec {
    width: 100%;
    position: relative; }
    main .main_sec .logo {
      position: absolute;
      top: 10px;
      right: 10px;
      z-index: 30; }
      @media screen and (max-width: 480px) {
        main .main_sec .logo {
          width: 140px; } }
    main .main_sec .main_t {
      padding: 15px 9% 15px 9%;
      position: relative;
      z-index: 20; }
      @media screen and (max-width: 767px) {
        main .main_sec .main_t {
          padding: 80px 9% 15px 9%; } }
      @media screen and (max-width: 480px) {
        main .main_sec .main_t {
          padding: 80px 9% 80px 9%; } }
      main .main_sec .main_t .main_ring {
        position: absolute;
        top: 15px;
        left: 9%;
        width: 82%;
        height: calc(100% - 30px); }
        @media screen and (max-width: 767px) {
          main .main_sec .main_t .main_ring {
            top: 80px;
            height: calc(100% - 95px); } }
        main .main_sec .main_t .main_ring img {
          animation: ring 40s linear infinite; }
    main .main_sec .main_col li {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      opacity: 0;
      transition: all 1s ease-in-out; }
      main .main_sec .main_col li.ac {
        opacity: 1; }
      main .main_sec .main_col li:nth-child(1) {
        background-image: url(../images/main01.jpg);
        background-position: center right; }
        @media screen and (max-width: 480px) {
          main .main_sec .main_col li:nth-child(1) {
            background-image: url(../images/main01_sp.jpg); } }
      main .main_sec .main_col li:nth-child(2) {
        background-image: url(../images/main02.jpg);
        background-position: center center; }
        @media screen and (max-width: 480px) {
          main .main_sec .main_col li:nth-child(2) {
            background-image: url(../images/main02_sp.jpg); } }
      main .main_sec .main_col li:nth-child(3) {
        background-image: url(../images/main03.jpg);
        background-position: center center; }
        @media screen and (max-width: 480px) {
          main .main_sec .main_col li:nth-child(3) {
            background-image: url(../images/main03_sp.jpg); } }

@keyframes ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.sec_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box; }

.tate_txt {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 50px;
  color: #0048be;
  line-height: 1.2;
  font-weight: 400; }
  @media screen and (max-width: 767px) {
    .tate_txt {
      -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
      font-size: 32px;
      line-height: 1.4; } }

.read01 {
  font-size: 18px;
  color: #0098be;
  line-height: 1.8; }

.read02 {
  font-size: 14px;
  color: #221815;
  line-height: 2.5; }
  @media screen and (max-width: 480px) {
    .read02 {
      line-height: 1.8; } }

.txt30 {
  font-size: 30px;
  line-height: 1.6; }
  @media screen and (max-width: 767px) {
    .txt30 {
      font-size: 23px; } }

.txt16 {
  font-size: 16px;
  line-height: 1.8; }

.txt16_2 {
  font-size: 16px;
  line-height: 2.5; }
  @media screen and (max-width: 480px) {
    .txt16_2 {
      line-height: 1.8;
      text-align: center; } }

.txt22 {
  font-size: 22px;
  line-height: 2.5; }
  @media screen and (max-width: 767px) {
    .txt22 {
      font-size: 18px; } }

.img_wra {
  position: relative;
  display: block; }
  .img_wra .img_cap {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    background: rgba(234, 234, 234, 0.8);
    border-bottom-right-radius: 10px;
    font-size: 12px;
    line-height: 1.2; }

.sec1 {
  width: 100%;
  position: relative;
  padding: 60px 0 70px; }
  @media screen and (max-width: 767px) {
    .sec1 {
      padding: 40px 0 50px; } }
  .sec1 .s1 {
    position: absolute;
    top: -100px;
    left: 0; }
  .sec1 .col1 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      .sec1 .col1 {
        display: block;
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px; } }
    .sec1 .col1 li:nth-child(1) {
      width: 46.88%;
      display: flex;
      flex-direction: row-reverse; }
      @media screen and (max-width: 1000px) {
        .sec1 .col1 li:nth-child(1) {
          width: 100%;
          margin: 0 0 30px; } }
      .sec1 .col1 li:nth-child(1) .txt_inner {
        width: 100%;
        max-width: 550px;
        padding: 0 0 0 20px;
        box-sizing: content-box;
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 1000px) {
          .sec1 .col1 li:nth-child(1) .txt_inner {
            margin: 0 auto 30px auto;
            padding: 0 0 0 0; } }
        @media screen and (max-width: 767px) {
          .sec1 .col1 li:nth-child(1) .txt_inner {
            display: block;
            max-width: 100%; } }
        .sec1 .col1 li:nth-child(1) .txt_inner .t1 {
          margin: 10% 2% 0 0;
          position: relative; }
          @media screen and (max-width: 767px) {
            .sec1 .col1 li:nth-child(1) .txt_inner .t1 {
              text-align: center;
              margin: 10% 0 20px 0; } }
          .sec1 .col1 li:nth-child(1) .txt_inner .t1:after {
            content: "";
            position: absolute;
            bottom: calc(100% + 20px);
            left: 50%;
            width: 1px;
            height: 100%;
            background: #0048be; }
            @media screen and (max-width: 767px) {
              .sec1 .col1 li:nth-child(1) .txt_inner .t1:after {
                bottom: calc(100% + 5px); } }
        @media screen and (max-width: 1000px) {
          .sec1 .col1 li:nth-child(1) .txt_inner div {
            width: calc(100% - 140px); } }
        @media screen and (max-width: 767px) {
          .sec1 .col1 li:nth-child(1) .txt_inner div {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec1 .col1 li:nth-child(1) .txt_inner div {
            text-align: center;
            letter-spacing: -0.05em; }
            .sec1 .col1 li:nth-child(1) .txt_inner div .read01 {
              position: relative; }
              .sec1 .col1 li:nth-child(1) .txt_inner div .read01:after {
                content: "";
                position: absolute;
                bottom: -20px;
                left: 40%;
                width: 20%;
                height: 1px;
                background: #000; } }
    .sec1 .col1 li:nth-child(2) {
      width: 52.5%;
      max-width: 840px;
      padding: 0 55px; }
      @media screen and (max-width: 1000px) {
        .sec1 .col1 li:nth-child(2) {
          width: 100%;
          margin: 0 auto; } }
      @media screen and (max-width: 767px) {
        .sec1 .col1 li:nth-child(2) {
          padding: 0 10px; } }
      .sec1 .col1 li:nth-child(2) .img_w {
        position: relative;
        display: block;
        margin: 70px 0 0 0;
        z-index: 2; }
        @media screen and (max-width: 767px) {
          .sec1 .col1 li:nth-child(2) .img_w {
            margin: 30px 0 0 0; } }
        .sec1 .col1 li:nth-child(2) .img_w span.img_s1 {
          display: block;
          position: relative;
          z-index: 2; }
          .sec1 .col1 li:nth-child(2) .img_w span.img_s1 .img_cap {
            position: absolute;
            bottom: 0;
            right: 0;
            font-size: 12px;
            line-height: 1.2;
            padding: 5px;
            background: #d1d4c3;
            border-bottom-right-radius: 10px; }
        .sec1 .col1 li:nth-child(2) .img_w:after {
          content: "";
          position: absolute;
          top: -70px;
          left: -55px;
          width: calc(100% + 110px);
          height: calc(100% - 70px);
          background: #e2f8ff;
          z-index: -1;
          border-top-left-radius: 10px;
          border-bottom-left-radius: 10px; }
          @media screen and (max-width: 1000px) {
            .sec1 .col1 li:nth-child(2) .img_w:after {
              border-radius: 10px; } }
          @media screen and (max-width: 767px) {
            .sec1 .col1 li:nth-child(2) .img_w:after {
              top: -30px;
              width: calc(100% + 20px);
              left: -10px;
              height: calc(100% - 30px); } }
  .sec1 .col2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    padding: 50px 0 0 0; }
    @media screen and (max-width: 1000px) {
      .sec1 .col2 {
        display: block; } }
    .sec1 .col2 li:nth-child(1) {
      width: 52.5%;
      display: flex;
      justify-content: space-between;
      flex-direction: row-reverse; }
      @media screen and (max-width: 1000px) {
        .sec1 .col2 li:nth-child(1) {
          width: 100%;
          max-width: 630px;
          margin: 0 auto 50px auto; } }
      @media screen and (max-width: 767px) {
        .sec1 .col2 li:nth-child(1) {
          display: block; } }
      .sec1 .col2 li:nth-child(1) .t1 {
        margin: 10% 0 0 2%;
        position: relative; }
        @media screen and (max-width: 767px) {
          .sec1 .col2 li:nth-child(1) .t1 {
            text-align: center;
            margin: 10% 0 20px 0; } }
        .sec1 .col2 li:nth-child(1) .t1 span.g1 {
          position: absolute;
          top: -17%;
          right: -10%;
          max-width: 165px;
          z-index: -1; }
          @media screen and (max-width: 1000px) {
            .sec1 .col2 li:nth-child(1) .t1 span.g1 {
              top: -24%; } }
          @media screen and (max-width: 767px) {
            .sec1 .col2 li:nth-child(1) .t1 span.g1 {
              top: auto;
              bottom: 100%;
              right: calc(50% - 85px); } }
        .sec1 .col2 li:nth-child(1) .t1:after {
          content: "";
          position: absolute;
          bottom: calc(100% + 20px);
          left: 50%;
          width: 1px;
          height: 20%;
          background: #0048be; }
          @media screen and (max-width: 767px) {
            .sec1 .col2 li:nth-child(1) .t1:after {
              bottom: calc(100% + 5px); } }
          @media screen and (max-width: 767px) {
            .sec1 .col2 li:nth-child(1) .t1:after {
              height: 150%; } }
      .sec1 .col2 li:nth-child(1) > div {
        padding: 16% 0 0 0; }
        @media screen and (max-width: 767px) {
          .sec1 .col2 li:nth-child(1) > div {
            padding: 0 0 0 0; } }
        .sec1 .col2 li:nth-child(1) > div .t2 {
          text-align: right;
          margin: 0 0 30%; }
          @media screen and (max-width: 1000px) {
            .sec1 .col2 li:nth-child(1) > div .t2 {
              margin: 0 0 30px; } }
          @media screen and (max-width: 767px) {
            .sec1 .col2 li:nth-child(1) > div .t2 {
              text-align: left; } }
          @media screen and (max-width: 480px) {
            .sec1 .col2 li:nth-child(1) > div .t2 {
              text-align: center; } }
        .sec1 .col2 li:nth-child(1) > div .img_s3 {
          max-width: 420px;
          float: right; }
          @media screen and (max-width: 767px) {
            .sec1 .col2 li:nth-child(1) > div .img_s3 {
              float: none;
              margin: 0 auto; } }
    .sec1 .col2 li:nth-child(2) {
      width: 40%; }
      @media screen and (max-width: 1000px) {
        .sec1 .col2 li:nth-child(2) {
          width: 100%;
          max-width: 678px;
          margin: 0 auto; } }
      @media screen and (max-width: 480px) {
        .sec1 .col2 li:nth-child(2) .read02 {
          text-align: center; } }
      .sec1 .col2 li:nth-child(2) .img_s1 {
        position: relative; }
        @media screen and (max-width: 1000px) {
          .sec1 .col2 li:nth-child(2) .img_s1 {
            max-width: 440px;
            margin: 0 auto; } }
        .sec1 .col2 li:nth-child(2) .img_s1 .g1 {
          position: absolute;
          top: -40%;
          right: 0;
          max-width: 335px;
          z-index: -1; }
        .sec1 .col2 li:nth-child(2) .img_s1 .img_wra {
          z-index: 2;
          max-width: 440px; }
      .sec1 .col2 li:nth-child(2) .tx1 {
        padding: 55% 0 0 0;
        position: relative; }
        @media screen and (max-width: 1000px) {
          .sec1 .col2 li:nth-child(2) .tx1 {
            padding: 12% 0 12%; } }
        .sec1 .col2 li:nth-child(2) .tx1 span {
          position: absolute;
          left: -18%;
          top: 1%;
          width: calc(100% + 198px); }
          @media screen and (max-width: 1000px) {
            .sec1 .col2 li:nth-child(2) .tx1 span {
              width: 100%;
              left: 0;
              top: 0;
              transform: rotate(5deg); } }
      .sec1 .col2 li:nth-child(2) .img_s2 {
        max-width: 420px; }
        @media screen and (max-width: 1000px) {
          .sec1 .col2 li:nth-child(2) .img_s2 {
            margin: 0 auto; } }
    .sec1 .col2 .g3 {
      position: absolute;
      bottom: 13%;
      left: 32%;
      max-width: 265px;
      z-index: -1; }
      @media screen and (max-width: 1000px) {
        .sec1 .col2 .g3 {
          left: auto;
          right: 0;
          bottom: 2%; } }

.sec2 {
  padding: 0 0 20px; }
  @media screen and (max-width: 767px) {
    .sec2 {
      padding: 0 0 0; } }
  @media screen and (max-width: 480px) {
    .sec2 {
      padding: 0 0 50px; } }
  .sec2 .t1 {
    border-bottom: 20px solid #fff799;
    font-size: 38px;
    line-height: 1.6; }
    @media screen and (max-width: 767px) {
      .sec2 .t1 {
        font-size: 26px;
        border-bottom: 14px solid #fff799; } }
    .sec2 .t1 span {
      position: relative;
      bottom: -20px; }
      @media screen and (max-width: 767px) {
        .sec2 .t1 span {
          bottom: -14px; } }
  .sec2 .lh {
    width: 100%;
    height: 90px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .sec2 .lh {
        height: 60px; } }
    .sec2 .lh:after {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: 1px;
      height: 100%;
      background: #000; }
  .sec2 .col1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 480px) {
      .sec2 .col1 {
        display: none; } }
    .sec2 .col1 li {
      width: 25.09%; }
      .sec2 .col1 li:nth-child(2n) {
        width: 6.17%; }
  .sec2 .sec_bg {
    height: 550px;
    width: 100%;
    position: relative;
    top: -70px;
    background-image: url(../images/bg01.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center; }
    @media screen and (max-width: 480px) {
      .sec2 .sec_bg {
        position: static;
        height: 180px;
        background-attachment: scroll;
        background-size: auto 100%;
        margin: 20px 0 0; } }

.sec3 .col1 {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (max-width: 1000px) {
    .sec3 .col1 {
      display: block; } }
  .sec3 .col1 li:nth-child(1) {
    width: 37.09%; }
    @media screen and (max-width: 1000px) {
      .sec3 .col1 li:nth-child(1) {
        width: 100%;
        text-align: center;
        margin: 0 0 30px; } }
    @media screen and (max-width: 480px) {
      .sec3 .col1 li:nth-child(1) {
        padding: 0 5%; } }
  .sec3 .col1 li:nth-child(2) {
    width: 55%; }
    @media screen and (max-width: 1000px) {
      .sec3 .col1 li:nth-child(2) {
        width: 100%; }
        .sec3 .col1 li:nth-child(2) .txt30 {
          text-align: center; } }
    @media screen and (max-width: 480px) {
      .sec3 .col1 li:nth-child(2) .txt30 {
        letter-spacing: -0.08em; } }
    @media screen and (max-width: 480px) {
      .sec3 .col1 li:nth-child(2) .txt16_2 {
        letter-spacing: -0.09em; } }
.sec3 .col2 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .sec3 .col2 {
      display: block; } }
  .sec3 .col2 li:nth-child(1) {
    width: 45%; }
    @media screen and (max-width: 767px) {
      .sec3 .col2 li:nth-child(1) {
        width: 100%;
        text-align: center;
        margin: 0 0 30px; } }
  .sec3 .col2 li:nth-child(2) {
    width: 50%; }
    @media screen and (max-width: 767px) {
      .sec3 .col2 li:nth-child(2) {
        width: 100%;
        text-align: center; } }
.sec3 .col3 {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .sec3 .col3 {
      display: block; } }
  .sec3 .col3 li:nth-child(1) {
    width: 45.77%; }
    @media screen and (max-width: 767px) {
      .sec3 .col3 li:nth-child(1) {
        width: 100%;
        text-align: center;
        margin: 0 0 20px; } }
  .sec3 .col3 li:nth-child(2) {
    width: 49.42%; }
    @media screen and (max-width: 767px) {
      .sec3 .col3 li:nth-child(2) {
        width: 100%;
        text-align: center; } }
    .sec3 .col3 li:nth-child(2) p {
      line-height: 1.8;
      font-size: 16px; }
.sec3 .col4 {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1000px) {
    .sec3 .col4 {
      display: block; } }
  .sec3 .col4 .t1 {
    font-size: 16px;
    line-height: 1.8; }
    @media screen and (max-width: 480px) {
      .sec3 .col4 .t1 {
        text-align: center; } }
    .sec3 .col4 .t1 span {
      font-size: 1.4em;
      display: block;
      margin: 0 0 10px; }
  .sec3 .col4 li:nth-child(1) {
    width: 45%;
    position: relative; }
    @media screen and (max-width: 1000px) {
      .sec3 .col4 li:nth-child(1) {
        width: 100%;
        margin: 0 0 30px;
        padding: 20px;
        border: 1px solid #333; } }
    .sec3 .col4 li:nth-child(1) .g1 {
      position: absolute;
      right: 0;
      top: -20px;
      z-index: -1;
      max-width: 199px; }
    .sec3 .col4 li:nth-child(1) dl {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec3 .col4 li:nth-child(1) dl {
          display: block; } }
      .sec3 .col4 li:nth-child(1) dl dt {
        width: 28.15%; }
        @media screen and (max-width: 1000px) {
          .sec3 .col4 li:nth-child(1) dl dt {
            width: 152px; } }
        @media screen and (max-width: 480px) {
          .sec3 .col4 li:nth-child(1) dl dt {
            margin: 0 auto 20px auto; } }
      .sec3 .col4 li:nth-child(1) dl dd {
        width: 67.6%; }
        @media screen and (max-width: 1000px) {
          .sec3 .col4 li:nth-child(1) dl dd {
            width: calc(100% - 170px); } }
        @media screen and (max-width: 480px) {
          .sec3 .col4 li:nth-child(1) dl dd {
            width: 100%; } }
  .sec3 .col4 li:nth-child(2) {
    width: 50.84%; }
    @media screen and (max-width: 1000px) {
      .sec3 .col4 li:nth-child(2) {
        width: 100%;
        padding: 20px;
        border: 1px solid #333; } }
    .sec3 .col4 li:nth-child(2) dl {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec3 .col4 li:nth-child(2) dl {
          display: block; } }
      .sec3 .col4 li:nth-child(2) dl dt {
        width: 24.92%; }
        @media screen and (max-width: 1000px) {
          .sec3 .col4 li:nth-child(2) dl dt {
            width: 152px; } }
        @media screen and (max-width: 480px) {
          .sec3 .col4 li:nth-child(2) dl dt {
            margin: 0 auto 20px auto; } }
      .sec3 .col4 li:nth-child(2) dl dd {
        width: 72.14%; }
        @media screen and (max-width: 1000px) {
          .sec3 .col4 li:nth-child(2) dl dd {
            width: calc(100% - 170px); } }
        @media screen and (max-width: 480px) {
          .sec3 .col4 li:nth-child(2) dl dd {
            width: 100%; } }
.sec3 .col5 {
  display: flex;
  justify-content: start; }
  @media screen and (max-width: 1000px) {
    .sec3 .col5 {
      display: block;
      padding: 0 20px;
      box-sizing: content-box; } }
  .sec3 .col5 li:nth-child(1) {
    width: 48.38%;
    max-width: 774px;
    padding: 5% 0 0 0; }
    @media screen and (max-width: 1000px) {
      .sec3 .col5 li:nth-child(1) {
        display: none; } }
  .sec3 .col5 li:nth-child(2) {
    width: 40%;
    max-width: 640px;
    position: relative; }
    @media screen and (max-width: 1000px) {
      .sec3 .col5 li:nth-child(2) {
        margin: 0 auto;
        width: 100%;
        max-width: 100%; } }
    .sec3 .col5 li:nth-child(2) .g1 {
      position: absolute;
      top: 0;
      right: 0;
      width: 25%;
      max-width: 160px; }
      @media screen and (max-width: 1000px) {
        .sec3 .col5 li:nth-child(2) .g1 {
          right: 10%; } }
      @media screen and (max-width: 480px) {
        .sec3 .col5 li:nth-child(2) .g1 {
          width: 33.34%;
          right: 0; } }
      .sec3 .col5 li:nth-child(2) .g1 .img_wra:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: -10px;
        bottom: -10px;
        background: rgba(160, 204, 223, 0.6);
        border-radius: 10px; }
    .sec3 .col5 li:nth-child(2) .g2 {
      position: absolute;
      top: 21%;
      left: 14%;
      width: 40.63%;
      max-width: 260px; }
      @media screen and (max-width: 1000px) {
        .sec3 .col5 li:nth-child(2) .g2 {
          position: static;
          padding: 10% 0 50px; } }
      @media screen and (max-width: 480px) {
        .sec3 .col5 li:nth-child(2) .g2 {
          width: 54.17%;
          padding: 10% 0 30px; } }
      .sec3 .col5 li:nth-child(2) .g2 .img_wra:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        right: -10px;
        bottom: -10px;
        background: rgba(160, 204, 223, 0.6);
        border-radius: 10px; }
    .sec3 .col5 li:nth-child(2) .g3 {
      position: absolute;
      top: 26%;
      left: 51%;
      z-index: -2;
      width: 31.1%;
      max-width: 199px; }
      @media screen and (max-width: 1000px) {
        .sec3 .col5 li:nth-child(2) .g3 {
          left: 40%;
          top: 10%; } }
      @media screen and (max-width: 480px) {
        .sec3 .col5 li:nth-child(2) .g3 {
          width: 41.46%;
          top: 20%; } }
    .sec3 .col5 li:nth-child(2) .g4 {
      display: none; }
      @media screen and (max-width: 1000px) {
        .sec3 .col5 li:nth-child(2) .g4 {
          margin: 20px 0 0 0;
          display: block;
          position: relative;
          left: -20px; } }

.sec_movie {
  padding: 100px 0 130px;
  background: rgba(238, 243, 255, 0.8); }
  @media screen and (max-width: 767px) {
    .sec_movie {
      padding: 50px 0 60px; } }
  .sec_movie .col1 {
    display: flex;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 1000px) {
      .sec_movie .col1 {
        display: block; } }
    .sec_movie .col1 li:nth-child(1) {
      position: relative;
      z-index: 2;
      width: 31.67%; }
      @media screen and (max-width: 1000px) {
        .sec_movie .col1 li:nth-child(1) {
          width: 100%;
          margin: 0 0 40px;
          text-align: center; } }
      @media screen and (max-width: 480px) {
        .sec_movie .col1 li:nth-child(1) p:nth-child(1) {
          padding: 0 7%; } }
      .sec_movie .col1 li:nth-child(1) .t1 {
        text-align: right; }
        @media screen and (max-width: 1000px) {
          .sec_movie .col1 li:nth-child(1) .t1 {
            text-align: left; } }
        @media screen and (max-width: 480px) {
          .sec_movie .col1 li:nth-child(1) .t1 {
            text-align: center; } }
    .sec_movie .col1 li:nth-child(2) {
      position: relative;
      z-index: 2;
      width: 61.67%; }
      @media screen and (max-width: 1000px) {
        .sec_movie .col1 li:nth-child(2) {
          width: 100%;
          max-width: 740px;
          margin: 0 auto; } }
    .sec_movie .col1 .g1 {
      position: absolute;
      left: 22%;
      top: 0%;
      max-width: 335px; }
      @media screen and (max-width: 1000px) {
        .sec_movie .col1 .g1 {
          left: auto;
          right: 0;
          top: 10%; } }

.sec4 {
  padding: 60px 0; }
  @media screen and (max-width: 767px) {
    .sec4 {
      padding: 50px 0; } }
  .sec4 .stay_in {
    position: relative; }
    .sec4 .stay_in .ttl {
      position: absolute;
      top: 0;
      right: 0;
      width: 28.84%; }
      @media screen and (max-width: 767px) {
        .sec4 .stay_in .ttl {
          position: static;
          margin: 0 0 40px;
          text-align: center;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec4 .stay_in .ttl {
          padding: 0 13%; } }
    .sec4 .stay_in .day {
      display: flex;
      justify-content: space-between;
      margin: 0 0 30px; }
      @media screen and (max-width: 767px) {
        .sec4 .stay_in .day {
          display: block; } }
      .sec4 .stay_in .day li:nth-child(1) {
        width: 29.17%; }
        @media screen and (max-width: 767px) {
          .sec4 .stay_in .day li:nth-child(1) {
            width: 100%;
            text-align: center;
            margin: 0 0 30px; } }
      .sec4 .stay_in .day li:nth-child(2) {
        width: 29.5%;
        padding: 10% 0 0 0; }
        @media screen and (max-width: 767px) {
          .sec4 .stay_in .day li:nth-child(2) {
            width: 100%;
            text-align: center;
            margin: 0 0 30px;
            padding: 0 0 0 0; } }
      .sec4 .stay_in .day li:nth-child(3) {
        width: 29.5%;
        padding: 38% 0 0 0; }
        @media screen and (max-width: 767px) {
          .sec4 .stay_in .day li:nth-child(3) {
            width: 100%;
            text-align: center;
            padding: 0 0 0 0; } }
    .sec4 .stay_in .s1 {
      text-align: right; }
      @media screen and (max-width: 767px) {
        .sec4 .stay_in .s1 {
          margin: 0 0 30px;
          text-align: center; } }
    @media screen and (max-width: 767px) {
      .sec4 .stay_in .col1 {
        display: none; } }
    .sec4 .stay_in .col1 li {
      position: absolute; }
      .sec4 .stay_in .col1 li:nth-child(1) {
        width: 38.34%;
        bottom: 10%;
        left: -10%; }
      .sec4 .stay_in .col1 li:nth-child(2) {
        width: 21.67%;
        bottom: 6%;
        left: 40%; }
      .sec4 .stay_in .col1 li:nth-child(3) {
        width: 21.67%;
        top: 25%;
        left: 62%; }
      .sec4 .stay_in .col1 li:nth-child(4) {
        width: 21.67%;
        top: 36%;
        right: -10%; }

.sec5 {
  padding: 100px 0 60px;
  background: #f2f7fc; }
  @media screen and (max-width: 767px) {
    .sec5 {
      padding: 60px 0 40px; } }
  .sec5 .col1 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      .sec5 .col1 {
        display: block; } }
    .sec5 .col1 li:nth-child(1) {
      width: 33.34%; }
      @media screen and (max-width: 1000px) {
        .sec5 .col1 li:nth-child(1) {
          width: 100%;
          margin: 0 0 30px; } }
      @media screen and (max-width: 1000px) {
        .sec5 .col1 li:nth-child(1) .t2 {
          text-align: center; } }
      @media screen and (max-width: 480px) {
        .sec5 .col1 li:nth-child(1) .t2 {
          padding: 0 14%; } }
      .sec5 .col1 li:nth-child(1) .t1 {
        padding: 0 0 0 86px; }
        @media screen and (max-width: 1000px) {
          .sec5 .col1 li:nth-child(1) .t1 {
            text-align: center;
            padding: 0 0 0 0; } }
      .sec5 .col1 li:nth-child(1) .s1 {
        text-align: right; }
        @media screen and (max-width: 1000px) {
          .sec5 .col1 li:nth-child(1) .s1 {
            text-align: center; } }
        @media screen and (max-width: 480px) {
          .sec5 .col1 li:nth-child(1) .s1 {
            padding: 0 10%; } }
      .sec5 .col1 li:nth-child(1) .b1 {
        padding: 0 0 0 86px; }
        @media screen and (max-width: 1000px) {
          .sec5 .col1 li:nth-child(1) .b1 {
            text-align: center;
            padding: 0 0 0 0; } }
    .sec5 .col1 li:nth-child(2) {
      width: 63.34%; }
      @media screen and (max-width: 1000px) {
        .sec5 .col1 li:nth-child(2) {
          width: 100%;
          max-width: 820px;
          margin: 0 auto; } }
      .sec5 .col1 li:nth-child(2) .g_map_wra {
        max-width: 760px;
        margin: 0 0 30px; }
        @media screen and (max-width: 1000px) {
          .sec5 .col1 li:nth-child(2) .g_map_wra {
            margin: 0 auto 30px auto; } }
      .sec5 .col1 li:nth-child(2) .s2 {
        text-align: right; }
        @media screen and (max-width: 480px) {
          .sec5 .col1 li:nth-child(2) .s2 {
            padding: 0 0 0 30%; } }

.sec6 {
  padding: 100px 0 110px;
  background: url(../images/bg02.jpg) center center/cover; }
  @media screen and (max-width: 767px) {
    .sec6 {
      padding: 60px 0 60px; } }
  .sec6 .col1 {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1000px) {
      .sec6 .col1 {
        display: block; } }
    .sec6 .col1 li:nth-child(1) {
      width: 40%; }
      @media screen and (max-width: 1000px) {
        .sec6 .col1 li:nth-child(1) {
          width: 100%;
          margin: 0 0 30px; } }
      .sec6 .col1 li:nth-child(1) .s1 {
        text-align: left; }
        @media screen and (max-width: 1000px) {
          .sec6 .col1 li:nth-child(1) .s1 {
            text-align: center; } }
        @media screen and (max-width: 480px) {
          .sec6 .col1 li:nth-child(1) .s1 {
            padding: 0 14%; } }
      .sec6 .col1 li:nth-child(1) .s2 {
        max-width: 330px;
        margin: 0 auto; }
      .sec6 .col1 li:nth-child(1) dl {
        display: flex;
        justify-content: space-between;
        position: relative; }
        @media screen and (max-width: 1000px) {
          .sec6 .col1 li:nth-child(1) dl {
            max-width: 480px;
            margin: 0 auto; } }
        @media screen and (max-width: 480px) {
          .sec6 .col1 li:nth-child(1) dl {
            margin: 0 auto 30% auto; } }
        .sec6 .col1 li:nth-child(1) dl dd:nth-child(1) {
          width: 54.38%;
          margin: 0 0 25%; }
          @media screen and (max-width: 480px) {
            .sec6 .col1 li:nth-child(1) dl dd:nth-child(1) {
              width: 41.67%; } }
        .sec6 .col1 li:nth-child(1) dl dd:nth-child(2) {
          position: absolute;
          top: 40%;
          right: 0;
          width: 55.84%; }
          @media screen and (max-width: 480px) {
            .sec6 .col1 li:nth-child(1) dl dd:nth-child(2) {
              width: 79.17%; } }
    .sec6 .col1 li:nth-child(2) {
      width: 55.67%;
      padding: 30px 0 0 0; }
      @media screen and (max-width: 1000px) {
        .sec6 .col1 li:nth-child(2) {
          width: 100%;
          text-align: center; } }

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 75.25%;
  position: relative; }

.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%; }

/*	動画	モーダル*/
.noscrolllink {
  cursor: pointer;
  transition: all 0.5s ease-in-out 0s; }
  .noscrolllink:hover {
    opacity: 0.7; }

.movie_modal {
  display: none; }

.movie_modal.opened {
  display: block; }

.iziModal {
  width: calc(100% - 40px);
  background: none !important;
  border-radius: 0 !important; }

.youtube_wrap {
  position: relative; }

.youtube_wrap:before {
  content: "";
  display: block;
  padding-bottom: 56.25%; }

.youtube_wrap iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.modal_in .close {
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 25px;
  height: 25px;
  border: 1px solid #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  display: block;
  text-align: center;
  cursor: pointer; }

.modal_in .close span {
  font-size: 18px;
  color: #FFF;
  line-height: 1.3; }

.youtube {
  max-width: 1200px;
  margin: auto;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  z-index: 2; }

.youtube:before {
  content: "";
  display: block;
  padding-bottom: 56.25%; }

.youtube #iframe_player_api {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.ceil {
  width: 33.34%; }

.floor {
  width: 33.33%; }

.round {
  width: 33.33%; }

.shadow {
  text-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF; }

.shadow2 {
  box-shadow: 0px 0px 0px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 2px #FFFFFF, 0px 0px 3px #FFFFFF, 0px 0px 4px #FFFFFF, 0px 0px 5px #FFFFFF, 0px 0px 6px #FFFFFF, 0px 0px 7px #FFFFFF, 0px 0px 8px #FFFFFF, 0px 0px 9px #FFFFFF, 0px 0px 10px #FFFFFF; }

.media {
  color: blue; }
  @media screen and (max-width: 1000px) {
    .media {
      color: yellow; } }
  @media screen and (max-width: 767px) {
    .media {
      color: red; } }

.bdr {
  border: solid 1px; }
  .bdr_2 {
    border: solid 2px; }

footer {
  padding: 60px 0 0 0; }
  @media screen and (max-width: 767px) {
    footer {
      padding: 60px 0 0 0; } }

footer.off {
  padding: 60px 0 0 0; }

.campaign_bnr_wra {
  position: fixed;
  bottom: -300px;
  left: 0;
  width: 100%;
  background-color: #35b5d2;
  background-image: url(../images/cmp_bg.png);
  background-size: cover;
  background-position: center center;
  z-index: 999;
  color: #fff;
  font-size: 14px;
  transition: all 0.5s ease-in-out 0s; }
  @media screen and (max-width: 767px) {
    .campaign_bnr_wra {
      bottom: 0px;
      background-image: url(../images/cmp_bg_sp.png); } }
  .campaign_bnr_wra .sp_btn {
    display: none;
    position: absolute;
    top: -35px;
    left: 0;
    width: 100%;
    background: #000; }
    @media screen and (max-width: 767px) {
      .campaign_bnr_wra .sp_btn {
        display: block; } }
    .campaign_bnr_wra .sp_btn div {
      height: 35px;
      width: 100%;
      position: relative;
      padding: 10px 0; }
      .campaign_bnr_wra .sp_btn div span {
        display: block;
        position: absolute;
        left: 10px;
        width: calc(100% - 20px);
        text-align: center;
        top: 5px;
        transition: all 0.5s ease-in-out 0s; }
        .campaign_bnr_wra .sp_btn div span.sp_open {
          padding: 0 20%; }
          @media screen and (max-width: 480px) {
            .campaign_bnr_wra .sp_btn div span.sp_open {
              padding: 0 5%; } }
        .campaign_bnr_wra .sp_btn div span.sp_close {
          opacity: 0;
          padding: 0 34%; }
          @media screen and (max-width: 480px) {
            .campaign_bnr_wra .sp_btn div span.sp_close {
              padding: 0 23%; } }
    .campaign_bnr_wra .sp_btn.open div span.sp_open {
      opacity: 0; }
    .campaign_bnr_wra .sp_btn.open div span.sp_close {
      opacity: 1; }
  .campaign_bnr_wra .close {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #222222;
    font-size: 18px;
    height: 24px;
    width: 24px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    transition: .5s all ease-in-out;
    z-index: 3; }
    @media screen and (max-width: 767px) {
      .campaign_bnr_wra .close {
        top: -58px; } }
  .campaign_bnr_wra:after {
    content: "";
    position: absolute;
    width: 169px;
    left: calc(50% - 550px);
    top: 0;
    height: 100%;
    background: url(../images/cmp01.png) left center no-repeat;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .campaign_bnr_wra:after {
        display: none; } }
  .campaign_bnr_wra:before {
    content: "";
    position: absolute;
    width: 173px;
    right: calc(50% - 550px);
    bottom: 15px;
    height: 100%;
    background: url(../images/cmp02.png) left bottom no-repeat;
    background-size: 100% auto; }
    @media screen and (max-width: 767px) {
      .campaign_bnr_wra:before {
        display: none; } }
  .campaign_bnr_wra .campaign_bnr_inner {
    padding: 0 0 15px;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2; }
    .campaign_bnr_wra .campaign_bnr_inner ul {
      max-width: 770px;
      margin: 0 auto;
      position: relative;
      z-index: 2; }
      .campaign_bnr_wra .campaign_bnr_inner ul li {
        text-align: center; }
        .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(1) {
          padding: 15px 0 0 0;
          font-size: 1.2em;
          color: #e0f9ff;
          line-height: 1.2;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(1) {
              font-size: 1.1em;
              /*background:rgba(0, 0, 0, 0.2);*/ } }
          @media (max-width: 580px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(1) {
              font-size: 1em; } }
          @media (max-width: 480px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(1) {
              line-height: 1.6;
              padding: 5px 0;
              letter-spacing: -0.05em;
              font-size: 0.95em; } }
        .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(2) {
          font-size: 2.5em;
          color: #ffd200;
          line-height: 1.2;
          padding: 0 0 10px;
          font-weight: bold; }
          @media screen and (max-width: 767px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(2) {
              font-size: 2.2em;
              padding: 0 0 15px;
              /*background:rgba(0, 0, 0, 0.2);*/ } }
          @media (max-width: 580px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(2) {
              font-size: 2em; } }
          @media (max-width: 480px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(2) {
              line-height: 1.2;
              font-size: 1.5em; } }
          .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(2) span {
            font-size: 0.8em;
            color: #ffff83; }
        .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(3) {
          text-align: center;
          margin: 0 0 10px;
          /*padding:10px 0 0 0;*/ }
        .campaign_bnr_wra .campaign_bnr_inner ul li:nth-child(4) {
          padding: 0 10px; }
        .campaign_bnr_wra .campaign_bnr_inner ul li a {
          display: block;
          max-width: 700px;
          margin: 0 auto;
          padding: 5px 0;
          text-align: center;
          background: #fff;
          font-size: 1.28em;
          color: #005f74;
          line-height: 1.2;
          border-radius: 0.5em;
          transition: all 0.5s ease-in-out 0s; }
          @media screen and (max-width: 767px) {
            .campaign_bnr_wra .campaign_bnr_inner ul li a {
              padding: 10px 0; } }
          .campaign_bnr_wra .campaign_bnr_inner ul li a:hover {
            opacity: 0.8; }

body.active .campaign_bnr_wra {
  bottom: 0px; }
  @media screen and (max-width: 767px) {
    body.active .campaign_bnr_wra {
      bottom: 0px; } }

.campaign_bnr_wra.off {
  bottom: -400px !important; }

.campaign_bnr_wra.open {
  bottom: 0px !important; }