body {
  font-family: sans-serif; }
  body::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(102, 102, 102, 0.2); }
  body::-webkit-scrollbar-thumb {
    transition: 0.3s background-color;
    background-color: #666666;
    border-radius: 100px; }
  body::-webkit-scrollbar-track {
    border-radius: 100px;
    background: transparent; }

.header {
  border-bottom: 2px solid #d9d9d9; }
  .header .logo {
    display: inline-block;
    vertical-align: top;
    width: calc(100vw * 56 / 1400);
    height: calc(100vw * 56 / 1400);
    background-image: url("../images/footer/logo.png");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin: calc(100vw * 25 / 1400) calc(100vw * 1100 / 1400) calc(100vw * 25 / 1400) calc(100vw * 90 / 1400); }
    .header .logo:hover {
      cursor: pointer; }
  @media (max-width: 1023px) {
    .header .logo {
      width: calc(100vw * 56 / 640);
      height: calc(100vw * 56 / 640);
      margin: calc(100vw * 25 / 640) calc(100vw * 485 / 640) calc(100vw * 25 / 640) calc(100vw * 40 / 640); }
      .header .logo:hover {
        cursor: auto; } }

.menu-box .menu-btn {
  position: fixed;
  right: 5%;
  top: 5%;
  width: calc(100vw * 40 / 1400);
  height: calc(100vw * 28 / 1400);
  background-image: url("../images/header/menu.png");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10; }

@media (max-width: 1023px) {
  .menu-box .menu-btn {
    width: calc(100vw * 40 / 640);
    height: calc(100vw * 28 / 640); } }

.menu-content {
  top: 100%;
  left: 0;
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: top 0.3s linear, opacity 0.3s linear; }
  .menu-content.show {
    display: block;
    opacity: 1;
    top: 0; }
  .menu-content.hidden {
    top: 100%;
    opacity: 0; }
  .menu-content .menu-content-bg {
    position: absolute;
    width: calc(100vw * 1400 / 1400);
    height: calc(100vw * 897 / 1400);
    background-image: url("../images/menu/menu_bg.jpg");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10; }
  .menu-content .close-btn {
    display: block;
    position: absolute;
    top: 5%;
    right: 9%;
    width: calc(100vw * 22 / 1400);
    height: calc(100vw * 22 / 1400);
    background-image: url("../images/menu/close_icon.png");
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 12; }
  .menu-content .content {
    position: relative;
    text-align: center;
    z-index: 11; }
    .menu-content .content .logo {
      display: block;
      margin: calc(100vw * 90 / 1400) auto 0;
      width: calc(100vw * 108 / 1400);
      height: calc(100vw * 105 / 1400);
      background-image: url("../images/footer/logo.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
    .menu-content .content .name {
      font-size: calc(100vw * 20 / 1400);
      margin-top: calc(100vw * 15 / 1400);
      text-transform: uppercase;
      font-weight: 400;
      color: #4b4b4b; }
    .menu-content .content .item-box {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: calc(100vw * 630 / 1400);
      column-gap: calc(100vw * 105 / 1400);
      row-gap: calc(100vw * 45 / 1400);
      margin: calc(100vw * 95 / 1400) auto 0; }
      .menu-content .content .item-box a {
        font-size: calc(100vw * 34 / 1400);
        text-decoration: none;
        color: #4b4b4b;
        font-weight: 600;
        transition: color 0.3s linear; }
        .menu-content .content .item-box a:hover {
          cursor: pointer;
          color: #f63f72; }
  @media (max-width: 1023px) {
    .menu-content .menu-content-bg {
      width: calc(100vw * 640 / 640);
      height: calc(100vw * 1062 / 640);
      background-image: url("../images/menu/menu_bg_mobile.jpg"); }
    .menu-content .close-btn {
      right: 6.5%;
      width: calc(100vw * 22 / 640);
      height: calc(100vw * 22 / 640); }
    .menu-content .content .logo {
      margin: calc(100vw * 85 / 640) auto 0;
      width: calc(100vw * 110 / 640);
      height: calc(100vw * 108 / 640); }
    .menu-content .content .name {
      font-size: calc(100vw * 18 / 640);
      margin-top: calc(100vw * 15 / 640); }
    .menu-content .content .item-box {
      flex-wrap: wrap;
      width: calc(100vw * 375 / 640);
      column-gap: calc(100vw * 100 / 640);
      row-gap: calc(100vw * 50 / 640);
      margin: calc(100vw * 105 / 640) auto 0; }
      .menu-content .content .item-box a {
        font-size: calc(100vw * 34 / 640); } }

.line-tel-box {
  display: flex;
  flex-direction: column;
  gap: calc(100vw * 10 / 1400);
  position: fixed;
  right: 1.5%;
  top: 62%;
  z-index: 11; }
  .line-tel-box .line-btn,
  .line-tel-box .tel-btn {
    width: calc(100vw * 55 / 1400);
    height: calc(100vw * 55 / 1400);
    background-size: 85% auto;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 0.3s linear; }
    .line-tel-box .line-btn:hover,
    .line-tel-box .tel-btn:hover {
      cursor: pointer;
      background-size: 100% auto; }
  .line-tel-box .line-btn {
    background-image: url("../images/footer/line_icon.png"); }
  .line-tel-box .tel-btn {
    background-image: url("../images/footer/tel_icon.png"); }
  @media (max-width: 1023px) {
    .line-tel-box {
      gap: calc(100vw * 10 / 640); }
      .line-tel-box .line-btn,
      .line-tel-box .tel-btn {
        width: calc(100vw * 55 / 640);
        height: calc(100vw * 55 / 640); } }

#page {
  width: 100%;
  overflow: hidden; }
  #page .index-kv {
    position: relative; }
    #page .index-kv .bg {
      position: absolute;
      width: 100vw;
      height: 64.07143vw;
      background-image: url("../images/index/pc/index_bg_01.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-kv .logo {
      width: 12vw;
      height: 11.42857vw;
      background-image: url("../images/footer/logo.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      top: 11.42857vw; }
    #page .index-kv .text-box {
      text-align: center;
      margin-top: 13.21429vw;
      font-weight: 600;
      color: #4b4b4b; }
      #page .index-kv .text-box .name .en-name {
        text-transform: uppercase;
        font-size: 2.14286vw; }
      #page .index-kv .text-box .name .cht-name {
        font-size: 2.42857vw; }
      #page .index-kv .text-box .slogan {
        font-size: 1.57143vw;
        margin-top: 2.71429vw; }
    #page .index-kv .index-icon-box {
      display: flex;
      width: 48.21429vw;
      margin: 2.14286vw auto 0;
      padding-bottom: 13.14286vw; }
      #page .index-kv .index-icon-box .relax,
      #page .index-kv .index-icon-box .conditioning,
      #page .index-kv .index-icon-box .stretch,
      #page .index-kv .index-icon-box .beauty {
        width: 11.42857vw;
        height: 11.42857vw; }
        #page .index-kv .index-icon-box .relax:hover,
        #page .index-kv .index-icon-box .conditioning:hover,
        #page .index-kv .index-icon-box .stretch:hover,
        #page .index-kv .index-icon-box .beauty:hover {
          cursor: pointer; }
          #page .index-kv .index-icon-box .relax:hover .icon,
          #page .index-kv .index-icon-box .conditioning:hover .icon,
          #page .index-kv .index-icon-box .stretch:hover .icon,
          #page .index-kv .index-icon-box .beauty:hover .icon {
            background-size: 95% auto; }
        #page .index-kv .index-icon-box .relax .icon,
        #page .index-kv .index-icon-box .conditioning .icon,
        #page .index-kv .index-icon-box .stretch .icon,
        #page .index-kv .index-icon-box .beauty .icon {
          width: 11.42857vw;
          height: 11.42857vw;
          background-size: 85% auto;
          background-position: center;
          background-repeat: no-repeat;
          transition: background-size 0.3s linear; }
      #page .index-kv .index-icon-box .relax .icon {
        background-image: url("../images/index/kv_icon01.png"); }
      #page .index-kv .index-icon-box .conditioning .icon {
        background-image: url("../images/index/kv_icon02.png"); }
      #page .index-kv .index-icon-box .stretch .icon {
        background-image: url("../images/index/kv_icon03.png"); }
      #page .index-kv .index-icon-box .beauty .icon {
        background-image: url("../images/index/kv_icon04.png"); }
    @media (max-width: 1023px) {
      #page .index-kv .bg {
        height: 165.93842vw;
        background-image: url("../images/index/mobile/mobile_bg_01.jpg"); }
      #page .index-kv .logo {
        width: 26.5625vw;
        height: 25.78125vw;
        top: 25vw; }
      #page .index-kv .text-box {
        margin-top: 29.6875vw; }
        #page .index-kv .text-box .name .en-name {
          font-size: 4.6875vw; }
        #page .index-kv .text-box .name .cht-name {
          font-size: 5.3125vw; }
        #page .index-kv .text-box .slogan {
          font-size: 3.4375vw;
          margin-top: 3.90625vw; }
      #page .index-kv .index-icon-box {
        flex-wrap: wrap;
        gap: 3.125vw;
        width: 48.4375vw;
        margin: 6.25vw auto 0;
        padding-bottom: 31.5625vw; }
        #page .index-kv .index-icon-box .relax,
        #page .index-kv .index-icon-box .conditioning,
        #page .index-kv .index-icon-box .stretch,
        #page .index-kv .index-icon-box .beauty {
          width: 21.875vw;
          height: 21.875vw; }
          #page .index-kv .index-icon-box .relax:hover,
          #page .index-kv .index-icon-box .conditioning:hover,
          #page .index-kv .index-icon-box .stretch:hover,
          #page .index-kv .index-icon-box .beauty:hover {
            cursor: auto; }
            #page .index-kv .index-icon-box .relax:hover .icon,
            #page .index-kv .index-icon-box .conditioning:hover .icon,
            #page .index-kv .index-icon-box .stretch:hover .icon,
            #page .index-kv .index-icon-box .beauty:hover .icon {
              background-size: auto auto; }
          #page .index-kv .index-icon-box .relax .icon,
          #page .index-kv .index-icon-box .conditioning .icon,
          #page .index-kv .index-icon-box .stretch .icon,
          #page .index-kv .index-icon-box .beauty .icon {
            width: 21.875vw;
            height: 21.875vw;
            background-size: 100% auto;
            transition: none; } }
  #page .index-founder {
    position: relative;
    font-size: 0;
    line-height: 1.5;
    font-weight: 600; }
    #page .index-founder .founder-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 908 / 1400);
      background-image: url("../images/index/pc/index_bg_02.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-founder .founder-box {
      display: inline-block;
      vertical-align: top;
      padding-top: calc(100vw * 120 / 1400);
      margin-left: calc(100vw * 185 / 1400);
      font-size: calc(100vw * 18 / 1400); }
      #page .index-founder .founder-box .image {
        width: calc(100vw * 339 / 1400);
        height: calc(100vw * 422 / 1400);
        background-image: url("../images/index/founder.jpg");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat; }
      #page .index-founder .founder-box .text {
        margin-top: calc(100vw * 45 / 1400);
        color: #202020; }
    #page .index-founder .summary-box {
      display: inline-block;
      vertical-align: top;
      padding-top: calc(100vw * 120 / 1400);
      padding-bottom: calc(100vw * 265 / 1400);
      font-size: calc(100vw * 16 / 1400);
      margin-left: calc(100vw * 66 / 1400);
      color: #4d4c4b; }
      #page .index-founder .summary-box .title {
        width: calc(100vw * 400 / 1400);
        color: #202020;
        font-size: calc(100vw * 30 / 1400);
        border-bottom: calc(100vw * 2 / 1400) solid #262626; }
      #page .index-founder .summary-box .summary {
        margin-top: calc(100vw * 56 / 1400);
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 20% 20% 20% 20% 20%;
        row-gap: calc(100vw * 10 / 1400);
        column-gap: calc(100vw * 20 / 1400);
        line-height: 2; }
        #page .index-founder .summary-box .summary .text01 {
          grid-column: 1 / 2;
          grid-row: 1 / 2; }
        #page .index-founder .summary-box .summary .text02 {
          grid-column: 1 / 2;
          grid-row: 2 / 4; }
        #page .index-founder .summary-box .summary .text03 {
          grid-column: 1 / 2;
          grid-row: 4 / 6; }
        #page .index-founder .summary-box .summary .text04 {
          grid-column: 2 / 3;
          grid-row: 1 / 3; }
        #page .index-founder .summary-box .summary .text05 {
          grid-column: 2/ 3;
          grid-row: 3 / 6; }
        #page .index-founder .summary-box .summary .text {
          width: calc(100vw * 300 / 1400); }
    @media (max-width: 1023px) {
      #page .index-founder .founder-bg {
        height: calc(100vw * 1646 / 640);
        background-image: url("../images/index/mobile/mobile_bg_02.jpg"); }
      #page .index-founder .founder-box {
        display: block;
        width: calc(100vw * 250 / 640);
        padding-top: calc(100vw * 110 / 640);
        margin: 0 auto;
        font-size: calc(100vw * 18 / 640); }
        #page .index-founder .founder-box .image {
          width: calc(100vw * 250 / 640);
          height: calc(100vw * 315 / 640); }
        #page .index-founder .founder-box .text {
          margin-top: calc(100vw * 20 / 640);
          text-align: center; }
      #page .index-founder .summary-box {
        display: block;
        padding-top: calc(100vw * 38 / 640);
        font-size: calc(100vw * 20 / 640);
        margin-left: calc(100vw * 95 / 640);
        padding-bottom: calc(100vw * 50 / 640); }
        #page .index-founder .summary-box .title {
          width: calc(100vw * 420 / 640);
          font-size: calc(100vw * 30 / 640);
          border-bottom: calc(100vw * 2 / 640) solid #000000; }
        #page .index-founder .summary-box .summary {
          margin-top: calc(100vw * 25 / 640);
          display: block;
          line-height: 1.8; }
          #page .index-founder .summary-box .summary .text {
            width: auto;
            margin-bottom: calc(100vw * 30 / 640); } }
  #page .index-milieu {
    position: relative;
    padding-bottom: calc(100vw * 83 / 1400); }
    #page .index-milieu .milieu-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 752 / 1400);
      background-image: url("../images/index/pc/index_bg_03.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-milieu .text-box {
      width: calc(100vw * 510 / 1400);
      margin-left: calc(100vw * 650 / 1400);
      text-align: right; }
      #page .index-milieu .text-box .text01 {
        font-size: calc(100vw * 20 / 1400);
        font-weight: 600;
        line-height: 1.5;
        color: #2d2d2d; }
      #page .index-milieu .text-box .bg-text {
        font-size: calc(100vw * 80 / 1400);
        text-transform: uppercase;
        color: #f6f6f6;
        margin-left: calc(100vw * 160 / 1400); }
    #page .index-milieu .image01 {
      position: absolute;
      left: 10.5%;
      top: 1%;
      width: calc(100vw * 403 / 1400);
      height: calc(100vw * 533 / 1400);
      background-image: url("../images/index/pc/milieu_img01.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
    #page .index-milieu .image-box {
      width: calc(100vw * 630 / 1400);
      margin-left: calc(100vw * 650 / 1400);
      margin-top: calc(100vw * 30 / 1400); }
      #page .index-milieu .image-box .image02,
      #page .index-milieu .image-box .image03 {
        display: inline-block;
        width: calc(100vw * 276 / 1400);
        height: calc(100vw * 353 / 1400);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat; }
      #page .index-milieu .image-box .image02 {
        background-image: url("../images/index/pc/milieu_img02.jpg"); }
      #page .index-milieu .image-box .image03 {
        background-image: url("../images/index/pc/milieu_img03.jpg");
        margin-left: calc(100vw * 65 / 1400); }
    @media (max-width: 1023px) {
      #page .index-milieu {
        padding-bottom: calc(100vw * 448 / 640); }
        #page .index-milieu .milieu-bg {
          height: calc(100vw * 738 / 640);
          background-image: url("../images/index/mobile/mobile_bg_03.jpg"); }
        #page .index-milieu .text-box {
          width: calc(100vw * 510 / 640);
          margin-left: calc(100vw * 65 / 640);
          padding-top: calc(100vw * 80 / 640); }
          #page .index-milieu .text-box .text01 {
            font-size: calc(100vw * 24 / 640); }
          #page .index-milieu .text-box .bg-text {
            font-size: calc(100vw * 80 / 640);
            margin-top: calc(100vw * 10 / 640); }
        #page .index-milieu .image01 {
          left: 3%;
          top: 0;
          margin-top: 49%;
          width: calc(100vw * 267 / 640);
          height: calc(100vw * 349 / 640);
          background-image: url("../images/index/mobile/mobile_milieu_img01.jpg"); }
        #page .index-milieu .image-box {
          position: absolute;
          left: 46.5%;
          top: 0;
          margin-top: 77%;
          width: calc(100vw * 340 / 640);
          margin-left: 0; }
          #page .index-milieu .image-box .image02,
          #page .index-milieu .image-box .image03 {
            width: calc(100vw * 153 / 640);
            height: calc(100vw * 204 / 640); }
          #page .index-milieu .image-box .image02 {
            background-image: url("../images/index/mobile/mobile_milieu_img02.jpg"); }
          #page .index-milieu .image-box .image03 {
            background-image: url("../images/index/mobile/mobile_milieu_img03.jpg");
            margin-left: calc(100vw * 6 / 640); } }
  #page .index-video {
    position: relative;
    padding-bottom: calc(100vw * 89 / 1400); }
    #page .index-video .video-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 626 / 1400);
      background-image: url("../images/index/pc/index_bg_04.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-video .video-box {
      margin: calc(100vw * 95 / 1400) auto 0;
      width: calc(100vw * 954 / 1400);
      height: calc(100vw * 536 / 1400); }
      #page .index-video .video-box iframe {
        width: 100%;
        height: 100%; }
    @media (max-width: 1023px) {
      #page .index-video {
        padding-bottom: calc(100vw * 254 / 1400); }
        #page .index-video .video-bg {
          height: calc(100vw * 551 / 640);
          background-image: url("../images/index/mobile/mobile_bg_04.jpg"); }
        #page .index-video .video-box {
          padding-top: calc(100vw * 90 / 640);
          margin-top: 0;
          width: calc(100vw * 525 / 640);
          height: calc(100vw * 435 / 640); }
          #page .index-video .video-box iframe {
            width: 100%;
            height: 100%; } }
  #page .index-special {
    position: relative;
    font-weight: 600; }
    #page .index-special .special-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 858 / 1400);
      background-image: url("../images/index/pc/index_bg_05.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-special .title-box {
      width: calc(100vw * 330 / 1400);
      margin: 0 auto;
      padding-top: calc(100vw * 90 / 1400); }
      #page .index-special .title-box .cht-title {
        font-size: calc(100vw * 48 / 1400);
        text-align: center;
        color: #0e0e0e; }
      #page .index-special .title-box .en-title {
        font-size: calc(100vw * 36 / 1400);
        color: #b1b1b1;
        font-weight: 400; }
    #page .index-special .card-box {
      display: flex;
      gap: calc(100vw * 10 / 1400);
      width: calc(100vw * 1210 / 1400);
      height: calc(100vw * 620 / 1400);
      margin: calc(100vw * 42 / 1400) auto 0; }
      #page .index-special .card-box .card {
        width: calc(100vw * 234 / 1400);
        height: calc(100vw * 520 / 1400);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        transition: background-size 0.3s linear;
        text-decoration: none; }
        #page .index-special .card-box .card:hover {
          cursor: pointer;
          background-size: 110% auto; }
      #page .index-special .card-box .card01 {
        background-image: url("../images/index/pc/special_img01.jpg"); }
      #page .index-special .card-box .card02 {
        background-image: url("../images/index/pc/special_img02.jpg");
        align-self: flex-end; }
      #page .index-special .card-box .card03 {
        background-image: url("../images/index/pc/special_img03.jpg"); }
      #page .index-special .card-box .card04 {
        background-image: url("../images/index/pc/special_img04.jpg");
        align-self: flex-end; }
      #page .index-special .card-box .card05 {
        background-image: url("../images/index/pc/special_img05.jpg"); }
      #page .index-special .card-box .text-box {
        padding-left: calc(100vw * 15 / 1400);
        padding-top: calc(100vw * 290 / 1400);
        color: #ffffff;
        font-weight: 400; }
        #page .index-special .card-box .text-box .cht-text {
          display: inline-block;
          background-color: #4e4e4e;
          padding: 0 calc(100vw * 5 / 1400);
          font-size: calc(100vw * 30 / 1400); }
        #page .index-special .card-box .text-box .en-text {
          margin-top: calc(100vw * 10 / 1400);
          font-size: calc(100vw * 32 / 1400); }
    @media (max-width: 1023px) {
      #page .index-special .special-bg {
        height: calc(100vw * 1293 / 640);
        background-image: url("../images/index/mobile/mobile_bg_05.jpg"); }
      #page .index-special .title-box {
        width: calc(100vw * 320 / 640);
        padding-top: calc(100vw * 50 / 640); }
        #page .index-special .title-box .cht-title {
          font-size: calc(100vw * 48 / 640); }
        #page .index-special .title-box .en-title {
          font-size: calc(100vw * 36 / 640); }
      #page .index-special .card-box {
        flex-wrap: wrap;
        column-gap: calc(100vw * 15 / 640);
        row-gap: calc(100vw * 25 / 640);
        width: calc(100vw * 550 / 640);
        height: calc(100vw * 1117 / 640);
        margin: calc(100vw * 20 / 640) auto 0; }
        #page .index-special .card-box .card {
          width: calc(100vw * 265 / 640);
          height: calc(100vw * 387 / 640);
          transition: none; }
          #page .index-special .card-box .card:hover {
            cursor: auto; }
        #page .index-special .card-box .text-box {
          padding-left: calc(100vw * 25 / 640);
          padding-top: calc(100vw * 200 / 640); }
          #page .index-special .card-box .text-box .cht-text {
            padding: 0 calc(100vw * 5 / 1400);
            font-size: calc(100vw * 34 / 640); }
          #page .index-special .card-box .text-box .en-text {
            margin-top: calc(100vw * 10 / 640);
            font-size: calc(100vw * 40 / 640); }
        #page .index-special .card-box .card01 {
          background-image: url("../images/index/mobile/mobile_special_img01.jpg"); }
        #page .index-special .card-box .card02 {
          background-image: url("../images/index/mobile/mobile_special_img02.jpg");
          align-self: auto; }
        #page .index-special .card-box .card03 {
          background-image: url("../images/index/mobile/mobile_special_img03.jpg"); }
        #page .index-special .card-box .card04 {
          background-image: url("../images/index/mobile/mobile_special_img04.jpg");
          align-self: auto; }
        #page .index-special .card-box .card05 {
          background-image: url("../images/index/mobile/mobile_special_img05.jpg");
          width: calc(100vw * 546 / 640);
          height: calc(100vw * 286 / 640); }
          #page .index-special .card-box .card05 .text-box {
            padding-top: calc(100vw * 120 / 640); } }
  #page .index-customer {
    position: relative;
    font-weight: 600; }
    #page .index-customer .customer-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 921 / 1400);
      background-image: url("../images/index/pc/index_bg_06.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-customer .title-box {
      width: calc(100vw * 390 / 1400);
      margin: 0 auto;
      padding-top: calc(100vw * 150 / 1400); }
      #page .index-customer .title-box .cht-title {
        font-size: calc(100vw * 48 / 1400);
        text-align: center;
        color: #0e0e0e; }
      #page .index-customer .title-box .en-title {
        font-size: calc(100vw * 36 / 1400);
        color: #b1b1b1;
        font-weight: 400; }
    #page .index-customer .swiper-box1 {
      width: calc(100vw * 1205 / 1400);
      margin: 0 auto;
      padding-top: calc(100vw * 50 / 1400); }
      #page .index-customer .swiper-box1 .mySwiper1 {
        padding-bottom: calc(100vw * 96 / 1400); }
        #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper {
          gap: calc(100vw * 15 / 1400); }
          #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide {
            display: flex;
            flex-direction: column;
            flex: 0 0 calc(100vw * 290 / 1400);
            height: calc(100vw * 450 / 1400);
            align-items: center;
            background-color: #ffffff;
            border-radius: calc(100vw * 10 / 1400);
            font-weight: 600;
            color: #767676;
            text-decoration: none;
            box-shadow: 2px 2px 2px #f3f1f2; }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .item {
              width: calc(100vw * 204 / 1400);
              height: calc(100vw * 204 / 1400);
              background-size: 95% auto;
              background-position: center;
              background-repeat: no-repeat;
              transition: background-size 0.3s linear;
              margin-top: calc(100vw * 35 / 1400); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .image01 {
              background-image: url("../images/index/customer_img01.png"); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .image02 {
              background-image: url("../images/index/customer_img02.png"); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .image03 {
              background-image: url("../images/index/customer_img03.png"); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .image04 {
              background-image: url("../images/index/customer_img04.png"); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide:hover {
              cursor: pointer; }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide:hover .item {
                background-size: 100% auto; }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .name {
              margin-top: calc(100vw * 25 / 1400);
              font-size: calc(100vw * 36 / 1400); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .star {
              width: calc(100vw * 108 / 1400);
              height: calc(100vw * 22 / 1400);
              background-image: url("../images/index/customer_star.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat; }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .info {
              width: calc(100vw * 230 / 1400);
              font-size: calc(100vw * 16 / 1400);
              margin-top: calc(100vw * 15 / 1400); }
        #page .index-customer .swiper-box1 .mySwiper1 .swiper-pagination {
          bottom: calc(100vw * 40 / 1400); }
          #page .index-customer .swiper-box1 .mySwiper1 .swiper-pagination .swiper-pagination-bullet {
            width: calc(100vw * 10 / 1400);
            height: calc(100vw * 10 / 1400);
            background-color: #cac5c5;
            margin: 0 calc(100vw * 10 / 1400);
            opacity: 1; }
          #page .index-customer .swiper-box1 .mySwiper1 .swiper-pagination .swiper-pagination-bullet-active {
            background-color: #ffbf72; }
    @media (max-width: 1023px) {
      #page .index-customer .customer-bg {
        height: calc(100vw * 901 / 640);
        background-image: url("../images/index/mobile/mobile_bg_06.jpg"); }
      #page .index-customer .title-box {
        width: calc(100vw * 400 / 640);
        padding-top: calc(100vw * 100 / 640); }
        #page .index-customer .title-box .cht-title {
          font-size: calc(100vw * 48 / 640); }
        #page .index-customer .title-box .en-title {
          font-size: calc(100vw * 36 / 640); }
      #page .index-customer .swiper-box1 {
        width: calc(100vw * 600 / 640);
        padding-top: calc(100vw * 35 / 640);
        padding-left: calc(100vw * 7.5 / 640); }
        #page .index-customer .swiper-box1 .mySwiper1 {
          padding-bottom: calc(100vw * 170 / 640); }
          #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper {
            gap: calc(100vw * 15 / 640); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide {
              flex: 0 0 calc(100vw * 285 / 640);
              height: calc(100vw * 490 / 640);
              border-radius: calc(100vw * 10 / 640); }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .item {
                width: calc(100vw * 204 / 640);
                height: calc(100vw * 204 / 640);
                transition: none;
                margin-top: calc(100vw * 25 / 640); }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide:hover {
                cursor: none; }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .name {
                margin-top: calc(100vw * 20 / 640);
                font-size: calc(100vw * 36 / 640); }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .star {
                width: calc(100vw * 108 / 640);
                height: calc(100vw * 22 / 640); }
              #page .index-customer .swiper-box1 .mySwiper1 .swiper-wrapper .swiper-slide .info {
                width: calc(100vw * 250 / 640);
                font-size: calc(100vw * 18 / 640);
                margin-top: calc(100vw * 15 / 640); }
          #page .index-customer .swiper-box1 .mySwiper1 .swiper-pagination {
            bottom: calc(100vw * 65 / 640); }
            #page .index-customer .swiper-box1 .mySwiper1 .swiper-pagination .swiper-pagination-bullet {
              width: calc(100vw * 10 / 640);
              height: calc(100vw * 10 / 640);
              margin: 0 calc(100vw * 10 / 640); } }
  #page .index-female {
    position: relative;
    color: #0e0e0e; }
    #page .index-female .female-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 737 / 1400);
      background-image: url("../images/index/pc/index_bg_07.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-female .title {
      width: calc(100vw * 255 / 1400);
      margin-left: calc(100vw * 655 / 1400);
      padding-top: calc(100vw * 235 / 1400);
      border-bottom: calc(100vw * 2 / 1400) solid #000000;
      font-size: calc(100vw * 60 / 1400); }
    #page .index-female .item-box {
      display: flex;
      flex-direction: column;
      gap: calc(100vw * 10 / 1400);
      width: calc(100vw * 255 / 1400);
      margin-left: calc(100vw * 655 / 1400);
      margin-top: calc(100vw * 40 / 1400); }
      #page .index-female .item-box .item {
        text-decoration: none;
        color: #2b2b2b;
        font-weight: 400;
        font-size: calc(100vw * 18 / 1400);
        transition: color 0.3s linear; }
        #page .index-female .item-box .item:hover {
          cursor: pointer;
          color: #f63f72; }
    #page .index-female .bg-text {
      padding-left: calc(100vw * 520 / 1400);
      margin-top: calc(100vw * 35 / 1400);
      font-size: calc(100vw * 90 / 1400);
      background: #ffdfc2;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ffdfc2 0%, #ffeffb 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffdfc2 0%, #ffeffb 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffdfc2 0%, #ffeffb 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfc2', endColorstr='#ffeffb',GradientType=0 );
      /* IE6-9 */
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent; }
    #page .index-female .btn-more {
      position: absolute;
      left: 71%;
      top: 63%;
      width: calc(100vw * 175 / 1400);
      height: calc(100vw * 175 / 1400);
      background-color: #f9f4f3;
      border-radius: calc(100vw * 87.5 / 1400); }
      #page .index-female .btn-more .view-more-box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        font-size: calc(100vw * 24 / 1400);
        color: #0e0e0e;
        font-weight: 400;
        text-align: center;
        width: calc(100vw * 80 / 1400); }
        #page .index-female .btn-more .view-more-box:hover {
          cursor: pointer; }
          #page .index-female .btn-more .view-more-box:hover .view-more::before {
            left: 100%;
            transition: left 1s; }
        #page .index-female .btn-more .view-more-box .view-more {
          display: inline-block;
          margin: calc(100vw * 2 / 1400) 0;
          position: relative;
          overflow: hidden; }
          #page .index-female .btn-more .view-more-box .view-more::after {
            content: '';
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 1px;
            display: block;
            height: 1px;
            background-color: #000000; }
          #page .index-female .btn-more .view-more-box .view-more::before {
            content: '';
            width: 100%;
            position: absolute;
            left: -100%;
            bottom: 0;
            display: block;
            height: 3px;
            background-color: #f9f4f3;
            z-index: 1; }
    @media (max-width: 1023px) {
      #page .index-female .female-bg {
        height: calc(100vw * 976 / 640);
        background-image: url("../images/index/mobile/mobile_bg_07.jpg"); }
      #page .index-female .title {
        width: calc(100vw * 260 / 640);
        margin-left: calc(100vw * 320 / 640);
        padding-top: calc(100vw * 290 / 640);
        border-bottom: calc(100vw * 2 / 640) solid #000000;
        font-size: calc(100vw * 60 / 640); }
      #page .index-female .item-box {
        gap: calc(100vw * 10 / 640);
        width: calc(100vw * 260 / 640);
        margin-left: calc(100vw * 320 / 640);
        margin-top: calc(100vw * 40 / 640); }
        #page .index-female .item-box .item {
          color: #2b2b2b;
          font-size: calc(100vw * 24 / 640);
          transition: none; }
          #page .index-female .item-box .item:hover {
            cursor: auto; }
      #page .index-female .bg-text {
        padding-left: calc(100vw * 35 / 640);
        margin-top: calc(100vw * 145 / 640);
        font-size: calc(100vw * 72 / 640); }
      #page .index-female .btn-more {
        left: 67%;
        top: 70%;
        width: calc(100vw * 175 / 640);
        height: calc(100vw * 175 / 640);
        border-radius: calc(100vw * 87.5 / 640); }
        #page .index-female .btn-more .view-more-box {
          font-size: calc(100vw * 24 / 640);
          width: calc(100vw * 80 / 640); }
          #page .index-female .btn-more .view-more-box:hover {
            cursor: none; }
          #page .index-female .btn-more .view-more-box .view-more {
            margin: calc(100vw * 2 / 640) 0; } }
  #page .index-male {
    position: relative; }
    #page .index-male .male-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 901 / 1400);
      background-image: url("../images/index/pc/index_bg_08.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .index-male .title {
      display: inline-block;
      width: calc(100vw * 255 / 1400);
      margin-left: calc(100vw * 350 / 1400);
      padding-top: calc(100vw * 505 / 1400);
      border-bottom: calc(100vw * 2 / 1400) solid #000000;
      font-size: calc(100vw * 60 / 1400); }
    #page .index-male .item-box {
      display: inline-flex;
      vertical-align: top;
      flex-direction: column;
      gap: calc(100vw * 10 / 1400);
      width: calc(100vw * 255 / 1400);
      margin-left: calc(100vw * 155 / 1400);
      padding-top: calc(100vw * 520 / 1400); }
      #page .index-male .item-box .item {
        text-decoration: none;
        color: #2b2b2b;
        font-weight: 400;
        font-size: calc(100vw * 18 / 1400);
        transition: color 0.3s linear; }
        #page .index-male .item-box .item:hover {
          cursor: pointer;
          color: #f63f72; }
    #page .index-male .bg-text {
      color: #dadada;
      padding-left: calc(100vw * 500 / 1400);
      margin-top: calc(100vw * 10 / 1400);
      font-size: calc(100vw * 90 / 1400); }
    #page .index-male .btn-more {
      position: absolute;
      left: 77%;
      top: 78%;
      width: calc(100vw * 175 / 1400);
      height: calc(100vw * 175 / 1400);
      background-color: #f9f4f3;
      border-radius: calc(100vw * 87.5 / 1400); }
      #page .index-male .btn-more .view-more-box {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden;
        font-size: calc(100vw * 24 / 1400);
        color: #0e0e0e;
        font-weight: 400;
        text-align: center;
        width: calc(100vw * 80 / 1400); }
        #page .index-male .btn-more .view-more-box:hover {
          cursor: pointer; }
          #page .index-male .btn-more .view-more-box:hover .view-more::before {
            left: 100%;
            transition: left 1s; }
        #page .index-male .btn-more .view-more-box .view-more {
          display: inline-block;
          margin: calc(100vw * 2 / 1400) 0;
          position: relative;
          overflow: hidden; }
          #page .index-male .btn-more .view-more-box .view-more::after {
            content: '';
            width: 100%;
            position: absolute;
            left: 0;
            bottom: 1px;
            display: block;
            height: 1px;
            background-color: #000000; }
          #page .index-male .btn-more .view-more-box .view-more::before {
            content: '';
            width: 100%;
            position: absolute;
            left: -100%;
            bottom: 0;
            display: block;
            height: 3px;
            background-color: #f9f4f3;
            z-index: 1; }
    @media (max-width: 1023px) {
      #page .index-male .male-bg {
        height: calc(100vw * 1127 / 640);
        background-image: url("../images/index/mobile/mobile_bg_08.jpg"); }
      #page .index-male .title {
        display: block;
        width: calc(100vw * 265 / 640);
        margin: 0 auto;
        padding-top: calc(100vw * 450 / 640);
        border-bottom: calc(100vw * 2 / 640) solid #000000;
        font-size: calc(100vw * 60 / 640); }
      #page .index-male .item-box {
        display: flex;
        margin: calc(100vw * 50 / 640) auto 0;
        gap: calc(100vw * 10 / 640);
        width: calc(100vw * 265 / 640);
        padding-top: 0; }
        #page .index-male .item-box .item {
          color: #000000;
          font-size: calc(100vw * 24 / 640);
          transition: none; }
          #page .index-male .item-box .item:hover {
            cursor: auto; }
      #page .index-male .bg-text {
        padding-left: calc(100vw * 30 / 640);
        margin-top: calc(100vw * 95 / 640);
        font-size: calc(100vw * 72 / 640); }
      #page .index-male .btn-more {
        left: 63%;
        top: 74%;
        width: calc(100vw * 175 / 640);
        height: calc(100vw * 175 / 640);
        border-radius: calc(100vw * 87.5 / 640); }
        #page .index-male .btn-more .view-more-box {
          font-size: calc(100vw * 24 / 640);
          width: calc(100vw * 80 / 640); }
          #page .index-male .btn-more .view-more-box:hover {
            cursor: none; }
          #page .index-male .btn-more .view-more-box .view-more {
            margin: calc(100vw * 2 / 640) 0; } }
  #page .male,
  #page .female {
    width: 100%;
    position: relative;
    font-weight: 600;
    padding-top: calc(100vw * 25 / 1400); }
    #page .male .male-bg01,
    #page .male .male-bg02,
    #page .female .male-bg01,
    #page .female .male-bg02 {
      top: 0;
      margin-top: calc(100vw * 105 / 1400);
      position: absolute;
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .male .male-bg01,
    #page .female .male-bg01 {
      width: calc(100vw * 529 / 1400);
      height: calc(100vw * 595 / 1400);
      background-image: url("../images/male/male_lesson01_01.jpg"); }
    #page .male .male-bg02,
    #page .female .male-bg02 {
      right: 0;
      width: calc(100vw * 430 / 1400);
      height: calc(100vw * 304 / 1400);
      background-image: url("../images/male/male_lesson01_02.jpg"); }
    #page .male .title-bar,
    #page .female .title-bar {
      display: flex;
      flex-direction: row;
      align-items: flex-end;
      justify-content: space-around;
      width: calc(100vw * 1200 / 1400);
      margin: 0 auto; }
      #page .male .title-bar .item01,
      #page .female .title-bar .item01 {
        font-size: calc(100vw * 35 / 1400);
        color: #070707; }
      #page .male .title-bar .item02,
      #page .female .title-bar .item02 {
        font-size: calc(100vw * 30 / 1400);
        color: #b1b1b1;
        font-weight: 400; }
      #page .male .title-bar .item03,
      #page .female .title-bar .item03 {
        display: flex;
        gap: calc(100vw * 10 / 1400);
        font-size: calc(100vw * 20 / 1400); }
        #page .male .title-bar .item03 a,
        #page .female .title-bar .item03 a {
          text-decoration: none;
          color: #525252;
          transition: color 0.3s linear; }
          #page .male .title-bar .item03 a:hover,
          #page .female .title-bar .item03 a:hover {
            cursor: pointer;
            color: #f63f72; }
    #page .male .main-box,
    #page .male .main-box2,
    #page .female .main-box,
    #page .female .main-box2 {
      position: relative;
      width: calc(100vw * 600 / 1400);
      margin-left: calc(100vw * 580 / 1400);
      padding-top: calc(100vw * 300 / 1400); }
      #page .male .main-box .inner-box .title,
      #page .male .main-box2 .inner-box .title,
      #page .female .main-box .inner-box .title,
      #page .female .main-box2 .inner-box .title {
        display: inline-block;
        font-size: calc(100vw * 48 / 1400);
        border-bottom: calc(100vw * 1 / 1400) solid #000000;
        padding-bottom: calc(100vw * 5 / 1400);
        font-weight: 600;
        color: #0e0e0e; }
      #page .male .main-box .inner-box .text-box,
      #page .male .main-box2 .inner-box .text-box,
      #page .female .main-box .inner-box .text-box,
      #page .female .main-box2 .inner-box .text-box {
        display: flex;
        gap: calc(100vw * 30 / 1400);
        flex-direction: column;
        margin-top: calc(100vw * 20 / 1400); }
        #page .male .main-box .inner-box .text-box p,
        #page .male .main-box2 .inner-box .text-box p,
        #page .female .main-box .inner-box .text-box p,
        #page .female .main-box2 .inner-box .text-box p {
          line-height: 1.8;
          font-size: calc(100vw * 16 / 1400); }
        #page .male .main-box .inner-box .text-box .secret,
        #page .male .main-box2 .inner-box .text-box .secret,
        #page .female .main-box .inner-box .text-box .secret,
        #page .female .main-box2 .inner-box .text-box .secret {
          font-size: calc(100vw * 26 / 1400);
          font-style: italic;
          color: #d78b4d; }
        #page .male .main-box .inner-box .text-box .slogan,
        #page .male .main-box2 .inner-box .text-box .slogan,
        #page .female .main-box .inner-box .text-box .slogan,
        #page .female .main-box2 .inner-box .text-box .slogan {
          font-size: calc(100vw * 18 / 1400);
          color: #2b2b2b; }
        #page .male .main-box .inner-box .text-box .female_male_info-box,
        #page .male .main-box2 .inner-box .text-box .female_male_info-box,
        #page .female .main-box .inner-box .text-box .female_male_info-box,
        #page .female .main-box2 .inner-box .text-box .female_male_info-box {
          display: grid;
          align-items: flex-start;
          grid-template-columns: 32% 68%;
          grid-template-rows: 5fr;
          font-size: calc(100vw * 18 / 1400);
          row-gap: calc(100vw * 10 / 1400); }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid01,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid01,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid01,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid01 {
            grid-template-columns: 1 / 2;
            grid-template-rows: 1 / 2; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid02,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid02,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid02,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid02 {
            grid-template-columns: 2 / 3;
            grid-template-rows: 1 / 2; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid03,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid03,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid03,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid03 {
            grid-template-columns: 1 / 2;
            grid-template-rows: 2 / 3; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid04,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid04,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid04,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid04 {
            grid-template-columns: 2 / 3;
            grid-template-rows: 2 / 3; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid05,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid05,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid05,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid05 {
            grid-template-columns: 1 / 2;
            grid-template-rows: 3 / 4; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid06,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid06,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid06,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid06 {
            grid-template-columns: 2 / 3;
            grid-template-rows: 3 / 4; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid07,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid07,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid07,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid07 {
            grid-template-columns: 1 / 2;
            grid-template-rows: 4 / 5; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid08,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid08,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid08,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid08 {
            grid-template-columns: 2 / 3;
            grid-template-rows: 4 / 5; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid09,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid09,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid09,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid09 {
            grid-template-columns: 1 / 2;
            grid-template-rows: 5 / 6; }
          #page .male .main-box .inner-box .text-box .female_male_info-box .grid10,
          #page .male .main-box2 .inner-box .text-box .female_male_info-box .grid10,
          #page .female .main-box .inner-box .text-box .female_male_info-box .grid10,
          #page .female .main-box2 .inner-box .text-box .female_male_info-box .grid10 {
            grid-template-columns: 2 / 3;
            grid-template-rows: 5 / 6; }
      #page .male .main-box .inner-box .female_male,
      #page .male .main-box2 .inner-box .female_male,
      #page .female .main-box .inner-box .female_male,
      #page .female .main-box2 .inner-box .female_male {
        gap: 0; }
      #page .male .main-box .inner-box .btn-line-back-box,
      #page .male .main-box2 .inner-box .btn-line-back-box,
      #page .female .main-box .inner-box .btn-line-back-box,
      #page .female .main-box2 .inner-box .btn-line-back-box {
        display: flex;
        align-items: flex-end;
        margin-top: calc(100vw * 20 / 1400); }
        #page .male .main-box .inner-box .btn-line-back-box .btn-line-box,
        #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box,
        #page .female .main-box .inner-box .btn-line-back-box .btn-line-box,
        #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box {
          text-decoration: none;
          color: #ffffff;
          font-size: 0;
          transition: color 0.3s linear; }
          #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover,
          #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover,
          #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover,
          #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover {
            cursor: pointer;
            color: #4cc764; }
            #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
            #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
            #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
            #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-1 {
              background-color: #ffffff; }
            #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
            #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
            #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
            #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-2 {
              border-color: transparent transparent transparent #ffffff; }
          #page .male .main-box .inner-box .btn-line-back-box .btn-line-box .bg-1,
          #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-1,
          #page .female .main-box .inner-box .btn-line-back-box .btn-line-box .bg-1,
          #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-1 {
            display: inline-block;
            vertical-align: middle;
            width: calc(100vw * 210 / 1400);
            background-color: #4cc764;
            text-align: center;
            font-size: calc(100vw * 26 / 1400);
            padding: calc(100vw * 13 / 1400) 0;
            transition: background-color 0.3s linear; }
          #page .male .main-box .inner-box .btn-line-back-box .btn-line-box .bg-2,
          #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-2,
          #page .female .main-box .inner-box .btn-line-back-box .btn-line-box .bg-2,
          #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-2 {
            display: inline-block;
            vertical-align: middle;
            margin-left: -1px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: calc(100vw * 61 / 1400) 0 0 calc(100vw * 34 / 1400);
            border-color: transparent transparent transparent #4cc764;
            transition: border-color 0.3s linear; }
        #page .male .main-box .inner-box .btn-line-back-box .btn-back,
        #page .male .main-box2 .inner-box .btn-line-back-box .btn-back,
        #page .female .main-box .inner-box .btn-line-back-box .btn-back,
        #page .female .main-box2 .inner-box .btn-line-back-box .btn-back {
          text-decoration: none;
          color: #989898;
          margin-left: calc(100vw * 250 / 1400);
          transform: scale(1);
          transition: transform 0.3s linear, color 0.3s linear; }
          #page .male .main-box .inner-box .btn-line-back-box .btn-back:hover,
          #page .male .main-box2 .inner-box .btn-line-back-box .btn-back:hover,
          #page .female .main-box .inner-box .btn-line-back-box .btn-back:hover,
          #page .female .main-box2 .inner-box .btn-line-back-box .btn-back:hover {
            cursor: pointer;
            transform: scale(1.5);
            color: #f63f72; }
    #page .male .info-card-box,
    #page .female .info-card-box {
      display: flex;
      gap: calc(100vw * 30 / 1400);
      width: calc(100vw * 1070 / 1400);
      margin: 0 auto;
      padding: calc(100vw * 90 / 1400) 0 calc(100vw * 40 / 1400); }
      #page .male .info-card-box .card,
      #page .female .info-card-box .card {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(100vw * 325 / 1400);
        align-items: center;
        font-weight: 600;
        border-radius: calc(100vw * 35 / 1400);
        box-shadow: 5px 5px 10px #ededed, 5px 5px 10px #ededed; }
        #page .male .info-card-box .card .image,
        #page .female .info-card-box .card .image {
          width: calc(100vw * 140 / 1400);
          height: calc(100vw * 90 / 1400);
          background-image: url("");
          background-size: 100% auto;
          background-position: center;
          background-repeat: no-repeat; }
        #page .male .info-card-box .card .slogan,
        #page .female .info-card-box .card .slogan {
          font-size: calc(100vw * 18 / 1400); }
        #page .male .info-card-box .card .text,
        #page .female .info-card-box .card .text {
          font-size: calc(100vw * 16 / 1400);
          color: #a3a3a3;
          padding: 0 calc(100vw * 50 / 1400) calc(100vw * 70 / 1400) calc(100vw * 50 / 1400);
          margin-top: calc(100vw * 25 / 1400); }
    #page .male .bg-text,
    #page .female .bg-text {
      padding: calc(100vw * 10 / 1400) 0 calc(100vw * 25 / 1400);
      margin-left: calc(100vw * 145 / 1400);
      font-size: calc(100vw * 80 / 1400);
      line-height: 1;
      background: #dadada;
      /* Old browsers */
      background: -moz-linear-gradient(top, #ffdfc2 0%, #ffeffb 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffdfc2 0%, #ffeffb 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffdfc2 0%, #ffeffb 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdfc2', endColorstr='#ffeffb',GradientType=0 );
      /* IE6-9 */
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent; }
    #page .male .main-box2,
    #page .female .main-box2 {
      padding: calc(100vw * 140 / 1400) 0 calc(100vw * 40 / 1400) calc(100vw * 180 / 1400);
      margin-left: 0;
      width: auto;
      position: relative; }
      #page .male .main-box2 .special-bg03,
      #page .female .main-box2 .special-bg03 {
        position: absolute;
        right: 0;
        top: 0;
        width: calc(100vw * 499 / 1400);
        height: calc(100vw * 690 / 1400);
        background-image: url("../images/special/special_03.jpg");
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;
        z-index: -1; }
      #page .male .main-box2 .inner-box,
      #page .female .main-box2 .inner-box {
        width: calc(100vw * 500 / 1400);
        display: inline-block;
        vertical-align: top; }
        #page .male .main-box2 .inner-box .title,
        #page .female .main-box2 .inner-box .title {
          font-size: calc(100vw * 18 / 1400); }
        #page .male .main-box2 .inner-box .text-box.page-secret,
        #page .female .main-box2 .inner-box .text-box.page-secret {
          flex-direction: row;
          width: calc(100vw * 1000 / 1400);
          column-gap: calc(100vw * 210 / 1400); }
        #page .male .main-box2 .inner-box .text-box .slogan .seven,
        #page .female .main-box2 .inner-box .text-box .slogan .seven {
          font-size: calc(100vw * 22 / 1400); }
        #page .male .main-box2 .inner-box .text-box .info-box,
        #page .female .main-box2 .inner-box .text-box .info-box {
          display: flex;
          flex-direction: column;
          gap: calc(100vw * 10 / 1400); }
          #page .male .main-box2 .inner-box .text-box .info-box .item,
          #page .female .main-box2 .inner-box .text-box .info-box .item {
            display: flex;
            flex-direction: row;
            gap: calc(100vw * 5 / 1400);
            align-items: flex-start; }
            #page .male .main-box2 .inner-box .text-box .info-box .item .project,
            #page .female .main-box2 .inner-box .text-box .info-box .item .project {
              flex: 0 0 calc(100vw * 90 / 1400);
              font-size: calc(100vw * 18 / 1400); }
            #page .male .main-box2 .inner-box .text-box .info-box .item .text,
            #page .female .main-box2 .inner-box .text-box .info-box .item .text {
              flex: 0 0 calc(100vw * 350 / 1400);
              font-size: calc(100vw * 18 / 1400); }
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon01,
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon02,
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon03,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon01,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon02,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon03 {
              width: calc(100vw * 25 / 1400);
              height: calc(100vw * 25 / 1400);
              background-image: url("../images/footer/logo.png");
              background-size: 100% auto;
              background-position: center;
              background-repeat: no-repeat;
              flex: 0 0 calc(100vw * 25 / 1400); }
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon01,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon01 {
              background-image: url("../images/special/special_icon01.png"); }
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon02,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon02 {
              background-image: url("../images/special/special_icon02.png"); }
            #page .male .main-box2 .inner-box .text-box .info-box .item .icon03,
            #page .female .main-box2 .inner-box .text-box .info-box .item .icon03 {
              background-image: url("../images/special/special_icon03.png"); }
      #page .male .main-box2 .video-box,
      #page .female .main-box2 .video-box {
        display: inline-block;
        vertical-align: top;
        width: calc(100vw * 535 / 1400);
        height: calc(100vw * 330 / 1400);
        margin-left: calc(100vw * 55 / 1400); }
        #page .male .main-box2 .video-box .yt,
        #page .female .main-box2 .video-box .yt {
          width: 100%;
          height: 100%; }
    @media (max-width: 1260px) {
      #page .male .main-box2 .inner-box .text-box .info-box .item .project,
      #page .female .main-box2 .inner-box .text-box .info-box .item .project {
        flex: 0 0 calc(100vw * 90 / 1400); } }
    @media (max-width: 1023px) {
      #page .male,
      #page .female {
        padding-top: calc(100vw * 35 / 640); }
        #page .male .male-bg01,
        #page .female .male-bg01 {
          position: relative;
          margin: 0 auto;
          width: calc(100vw * 529 / 640);
          height: calc(100vw * 595 / 640); }
        #page .male .male-bg02,
        #page .female .male-bg02 {
          top: 0;
          margin-top: calc(100vw * 100 / 640);
          width: calc(100vw * 350 / 640);
          height: calc(100vw * 255 / 640); }
        #page .male .title-bar,
        #page .female .title-bar {
          justify-content: inherit;
          flex-wrap: wrap;
          margin-left: calc(100vw * 40 / 640); }
          #page .male .title-bar .item01,
          #page .female .title-bar .item01 {
            font-size: calc(100vw * 34 / 640); }
          #page .male .title-bar .item02,
          #page .female .title-bar .item02 {
            font-size: calc(100vw * 28 / 640);
            margin-left: calc(100vw * 15 / 640);
            margin-right: calc(100vw * 100 / 640); }
          #page .male .title-bar .item03,
          #page .female .title-bar .item03 {
            display: flex;
            flex-direction: column;
            gap: calc(100vw * 20 / 640);
            margin-top: calc(100vw * 20 / 640);
            margin-left: 0;
            font-size: calc(100vw * 22 / 640); }
            #page .male .title-bar .item03 div,
            #page .female .title-bar .item03 div {
              color: #a4a4a4; }
              #page .male .title-bar .item03 div a,
              #page .female .title-bar .item03 div a {
                padding-bottom: calc(100vw * 5 / 640);
                border-bottom: 1px solid #a4a4a4;
                color: #a4a4a4; }
            #page .male .title-bar .item03 .slash,
            #page .female .title-bar .item03 .slash {
              display: none; }
        #page .male .main-box,
        #page .male .main-box2,
        #page .female .main-box,
        #page .female .main-box2 {
          width: 80vw;
          margin-left: calc(100vw * 90 / 640);
          padding-top: calc(100vw * 80 / 640);
          padding-bottom: calc(100vw * 75 / 640); }
          #page .male .main-box .inner-box .title,
          #page .male .main-box2 .inner-box .title,
          #page .female .main-box .inner-box .title,
          #page .female .main-box2 .inner-box .title {
            font-size: calc(100vw * 48 / 640);
            border-bottom: 1px solid #000000; }
          #page .male .main-box .inner-box .text-box,
          #page .male .main-box2 .inner-box .text-box,
          #page .female .main-box .inner-box .text-box,
          #page .female .main-box2 .inner-box .text-box {
            gap: calc(100vw * 10 / 640);
            flex-direction: column;
            margin-top: calc(100vw * 20 / 1400); }
            #page .male .main-box .inner-box .text-box p,
            #page .male .main-box2 .inner-box .text-box p,
            #page .female .main-box .inner-box .text-box p,
            #page .female .main-box2 .inner-box .text-box p {
              line-height: 1.5;
              font-size: calc(100vw * 24 / 640); }
            #page .male .main-box .inner-box .text-box .secret,
            #page .male .main-box2 .inner-box .text-box .secret,
            #page .female .main-box .inner-box .text-box .secret,
            #page .female .main-box2 .inner-box .text-box .secret {
              font-size: calc(100vw * 22 / 640); }
            #page .male .main-box .inner-box .text-box .slogan,
            #page .male .main-box2 .inner-box .text-box .slogan,
            #page .female .main-box .inner-box .text-box .slogan,
            #page .female .main-box2 .inner-box .text-box .slogan {
              font-size: calc(100vw * 24 / 640); }
            #page .male .main-box .inner-box .text-box .female_male_info-box,
            #page .male .main-box2 .inner-box .text-box .female_male_info-box,
            #page .female .main-box .inner-box .text-box .female_male_info-box,
            #page .female .main-box2 .inner-box .text-box .female_male_info-box {
              grid-template-columns: 40% 60%;
              font-size: calc(100vw * 18 / 640);
              row-gap: calc(100vw * 10 / 640); }
              #page .male .main-box .inner-box .text-box .female_male_info-box.ear,
              #page .male .main-box2 .inner-box .text-box .female_male_info-box.ear,
              #page .female .main-box .inner-box .text-box .female_male_info-box.ear,
              #page .female .main-box2 .inner-box .text-box .female_male_info-box.ear {
                grid-template-columns: 15% 85%;
                column-gap: calc(100vw * 5 / 640); }
          #page .male .main-box .inner-box .btn-line-back-box,
          #page .male .main-box2 .inner-box .btn-line-back-box,
          #page .female .main-box .inner-box .btn-line-back-box,
          #page .female .main-box2 .inner-box .btn-line-back-box {
            flex-direction: column;
            align-items: flex-start;
            row-gap: calc(100vw * 26 / 640);
            margin-top: calc(100vw * 35 / 640); }
            #page .male .main-box .inner-box .btn-line-back-box .btn-line-box,
            #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box,
            #page .female .main-box .inner-box .btn-line-back-box .btn-line-box,
            #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box {
              transition: none; }
              #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover,
              #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover,
              #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover,
              #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover {
                cursor: auto;
                color: #ffffff; }
                #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
                #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
                #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-1,
                #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-1 {
                  background-color: #46c95f; }
                #page .male .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
                #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
                #page .female .main-box .inner-box .btn-line-back-box .btn-line-box:hover .bg-2,
                #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box:hover .bg-2 {
                  border-color: transparent transparent transparent #46c95f; }
              #page .male .main-box .inner-box .btn-line-back-box .btn-line-box .bg-1,
              #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-1,
              #page .female .main-box .inner-box .btn-line-back-box .btn-line-box .bg-1,
              #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-1 {
                width: calc(100vw * 255 / 640);
                font-size: calc(100vw * 30 / 640);
                padding: calc(100vw * 17 / 640) 0;
                transition: none; }
              #page .male .main-box .inner-box .btn-line-back-box .btn-line-box .bg-2,
              #page .male .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-2,
              #page .female .main-box .inner-box .btn-line-back-box .btn-line-box .bg-2,
              #page .female .main-box2 .inner-box .btn-line-back-box .btn-line-box .bg-2 {
                border-width: calc(100vw * 74 / 640) 0 0 calc(100vw * 40 / 640);
                transition: none; }
            #page .male .main-box .inner-box .btn-line-back-box .btn-back,
            #page .male .main-box2 .inner-box .btn-line-back-box .btn-back,
            #page .female .main-box .inner-box .btn-line-back-box .btn-back,
            #page .female .main-box2 .inner-box .btn-line-back-box .btn-back {
              margin-left: 0;
              font-size: calc(100vw * 21 / 640);
              transition: none; }
              #page .male .main-box .inner-box .btn-line-back-box .btn-back:hover,
              #page .male .main-box2 .inner-box .btn-line-back-box .btn-back:hover,
              #page .female .main-box .inner-box .btn-line-back-box .btn-back:hover,
              #page .female .main-box2 .inner-box .btn-line-back-box .btn-back:hover {
                cursor: auto; }
        #page .male .info-card-box,
        #page .female .info-card-box {
          gap: calc(100vw * 35 / 640);
          width: calc(100vw * 480 / 640);
          padding: calc(100vw * 80 / 640) 0 calc(100vw * 95 / 640);
          flex-direction: column; }
          #page .male .info-card-box .card,
          #page .female .info-card-box .card {
            flex: 0 0 calc(100vw * 455 / 640);
            border-radius: calc(100vw * 35 / 640);
            box-shadow: 5px 5px 10px #ededed, 5px 5px 10px #ededed; }
            #page .male .info-card-box .card .image,
            #page .female .info-card-box .card .image {
              width: calc(100vw * 195 / 640);
              height: calc(100vw * 96 / 640);
              background-image: url(""); }
            #page .male .info-card-box .card .slogan,
            #page .female .info-card-box .card .slogan {
              font-size: calc(100vw * 32 / 640); }
            #page .male .info-card-box .card .text,
            #page .female .info-card-box .card .text {
              font-size: calc(100vw * 24 / 640);
              padding: 0 calc(100vw * 40 / 640) calc(100vw * 70 / 640) calc(100vw * 40 / 640);
              margin-top: calc(100vw * 15 / 640); }
        #page .male .bg-text,
        #page .female .bg-text {
          padding: 0 0 calc(100vw * 90 / 640);
          margin-left: calc(100vw * 50 / 640);
          font-size: calc(100vw * 65 / 640); }
        #page .male .main-box2,
        #page .female .main-box2 {
          padding: calc(100vw * 70 / 640) calc(100vw * 50 / 640) 0 calc(100vw * 50 / 640);
          width: auto;
          margin-left: 0; }
          #page .male .main-box2 .special-bg03,
          #page .female .main-box2 .special-bg03 {
            top: 55%;
            width: calc(100vw * 443 / 640);
            height: calc(100vw * 567 / 640);
            background-image: url("../images/special/special_03_mobile.jpg"); }
          #page .male .main-box2 .inner-box,
          #page .female .main-box2 .inner-box {
            display: block;
            width: calc(100vw * 530 / 640); }
            #page .male .main-box2 .inner-box .title,
            #page .female .main-box2 .inner-box .title {
              font-size: calc(100vw * 24 / 640); }
            #page .male .main-box2 .inner-box .text-box.page-secret,
            #page .female .main-box2 .inner-box .text-box.page-secret {
              flex-direction: column;
              width: calc(100vw * 530 / 640);
              column-gap: 0;
              row-gap: calc(100vw * 50 / 640);
              margin-bottom: calc(100vw * 20 / 640); }
            #page .male .main-box2 .inner-box .text-box .slogan,
            #page .female .main-box2 .inner-box .text-box .slogan {
              font-size: calc(100vw * 22 / 640); }
              #page .male .main-box2 .inner-box .text-box .slogan .seven,
              #page .female .main-box2 .inner-box .text-box .slogan .seven {
                font-size: calc(100vw * 26 / 640); }
            #page .male .main-box2 .inner-box .text-box .info-box,
            #page .female .main-box2 .inner-box .text-box .info-box {
              margin-top: calc(100vw * 35 / 640);
              gap: calc(100vw * 20 / 640); }
              #page .male .main-box2 .inner-box .text-box .info-box .item,
              #page .female .main-box2 .inner-box .text-box .info-box .item {
                align-items: flex-start;
                gap: calc(100vw * 2 / 640); }
                #page .male .main-box2 .inner-box .text-box .info-box .item .project,
                #page .female .main-box2 .inner-box .text-box .info-box .item .project {
                  flex: 0 0 calc(100vw * 120 / 640);
                  font-size: calc(100vw * 24 / 640); }
                #page .male .main-box2 .inner-box .text-box .info-box .item .text,
                #page .female .main-box2 .inner-box .text-box .info-box .item .text {
                  flex: 0 0 calc(100vw * 380 / 640);
                  font-size: calc(100vw * 24 / 640); }
                #page .male .main-box2 .inner-box .text-box .info-box .item .icon01,
                #page .male .main-box2 .inner-box .text-box .info-box .item .icon02,
                #page .male .main-box2 .inner-box .text-box .info-box .item .icon03,
                #page .female .main-box2 .inner-box .text-box .info-box .item .icon01,
                #page .female .main-box2 .inner-box .text-box .info-box .item .icon02,
                #page .female .main-box2 .inner-box .text-box .info-box .item .icon03 {
                  width: calc(100vw * 25 / 640);
                  height: calc(100vw * 25 / 640);
                  flex: 0 0 calc(100vw * 25 / 640); }
          #page .male .main-box2 .video-box,
          #page .female .main-box2 .video-box {
            display: block;
            width: calc(100vw * 540 / 640);
            height: calc(100vw * 335 / 640);
            margin: calc(100vw * 190 / 640) auto calc(100vw * 75 / 640); } }
  #page .reservation {
    position: relative;
    width: 100vw;
    height: calc(100vw * 780 / 1400); }
    #page .reservation .reservation-bg {
      position: absolute;
      width: 100vw;
      height: calc(100vw * 780 / 1400);
      background-image: url("../images/reservation/reservation_bg.jpg");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat;
      z-index: -1; }
    #page .reservation .btn-reservation {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: calc(100vw * 384 / 1400);
      height: calc(100vw * 384 / 1400);
      border-radius: calc(100vw * 192 / 1400);
      background-color: #282828;
      transition: width 0.3s linear, height 0.3s linear, border-radius 0.3s linear; }
      #page .reservation .btn-reservation:hover {
        cursor: pointer;
        width: calc(100vw * 422.4 / 1400);
        height: calc(100vw * 422.4 / 1400);
        border-radius: calc(100vw * 211.2 / 1400); }
      #page .reservation .btn-reservation .text-box {
        display: flex;
        flex-direction: column;
        gap: calc(100vw * 20 / 1400);
        align-items: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        #page .reservation .btn-reservation .text-box div {
          color: #f9f4f3;
          font-size: calc(100vw * 46 / 1400);
          text-align: center; }
        #page .reservation .btn-reservation .text-box .item {
          background: #efe6db;
          /* Old browsers */
          background: -moz-linear-gradient(top, #efe6db 0%, #b5a692 100%);
          /* FF3.6-15 */
          background: -webkit-linear-gradient(top, #efe6db 0%, #b5a692 100%);
          /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, #efe6db 0%, #b5a692 100%);
          /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efe6db', endColorstr='#b5a692',GradientType=0 );
          /* IE6-9 */
          background-clip: text;
          -webkit-background-clip: text;
          color: transparent; }
    @media (max-width: 1023px) {
      #page .reservation {
        height: calc(100vw * 800 / 640); }
        #page .reservation .reservation-bg {
          height: calc(100vw * 800 / 640);
          background-image: url("../images/reservation/mobile_bg_09.jpg"); }
        #page .reservation .btn-reservation {
          width: calc(100vw * 384 / 640);
          height: calc(100vw * 384 / 640);
          border-radius: calc(100vw * 192 / 640); }
          #page .reservation .btn-reservation:hover {
            cursor: auto; }
            #page .reservation .btn-reservation:hover .text-box div {
              font-size: calc(100vw * 48 / 640);
              text-decoration-thickness: calc(100vw * 2 / 640); }
          #page .reservation .btn-reservation .text-box {
            gap: calc(100vw * 20 / 640); }
            #page .reservation .btn-reservation .text-box div {
              font-size: calc(100vw * 46 / 640);
              transition: none; } }
  #page .footer {
    position: relative;
    background-color: #f2f2f2; }
    #page .footer .logo {
      display: inline-block;
      vertical-align: top;
      margin: calc(100vw * 55 / 1400) calc(100vw * 140 / 1400) calc(100vw * 55 / 1400) calc(100vw * 350 / 1400);
      width: calc(100vw * 130 / 1400);
      height: calc(100vw * 124 / 1400);
      background-image: url("../images/footer/logo.png");
      background-size: 100% auto;
      background-position: center;
      background-repeat: no-repeat; }
    #page .footer .item-box {
      display: inline-flex;
      vertical-align: top;
      flex-wrap: wrap;
      width: calc(100vw * 360 / 1400);
      column-gap: calc(100vw * 60 / 1400);
      row-gap: calc(100vw * 23 / 1400);
      margin-top: calc(100vw * 55 / 1400); }
      #page .footer .item-box a {
        text-decoration: none;
        flex: 0 0 calc(100vw * 80 / 1400);
        font-size: calc(100vw * 18 / 1400);
        font-weight: 600;
        color: #5e5e5e;
        transition: color 0.3s linear; }
        #page .footer .item-box a:hover {
          cursor: pointer;
          color: #f63f72; }
      #page .footer .item-box .copyright {
        flex: 0 0 calc(100vw * 360 / 1400);
        font-size: calc(100vw * 12 / 1400);
        color: #c3c3c3;
        margin-top: calc(100vw * 20 / 1400); }
    @media (max-width: 1023px) {
      #page .footer {
        padding-top: calc(100vw * 55 / 640);
        padding-bottom: calc(100vw * 50 / 640); }
        #page .footer .logo {
          display: block;
          margin: 0 auto calc(100vw * 55 / 640);
          width: calc(100vw * 127 / 640);
          height: calc(100vw * 122 / 640); }
        #page .footer .item-box {
          display: flex;
          flex-wrap: wrap;
          width: calc(100vw * 470 / 640);
          column-gap: calc(100vw * 70 / 640);
          row-gap: calc(100vw * 20 / 640);
          margin: calc(100vw * 10 / 640) auto 0; }
          #page .footer .item-box a {
            flex: 0 0 calc(100vw * 110 / 640);
            font-size: calc(100vw * 24 / 640);
            transition: none; }
            #page .footer .item-box a:hover {
              cursor: auto; }
          #page .footer .item-box .copyright {
            flex: 0 0 calc(100vw * 470 / 640);
            font-size: calc(100vw * 12 / 640);
            color: #c9c9c9;
            margin: calc(100vw * 20 / 640) auto 0; } }

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