/*! Writen  by SCSS */
.mainvisual {
  position: relative; }
  .mainvisual .main_image img {
    width: 100%; }
  .mainvisual .main_title_group {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.5%;
    max-width: 440px;
    margin: auto;
    aspect-ratio: 1;
    border: 1px solid #FFF;
    border-radius: 50vw;
    text-align: center;
    padding: 8px;
    filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.1)) drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1)); }
    @media screen and (max-width: 820px) {
      .mainvisual .main_title_group {
        width: 29%; } }
    @media screen and (max-width: 480px) {
      .mainvisual .main_title_group {
        width: 85%; } }
    .mainvisual .main_title_group .main_title_in {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background: #FFF;
      border-radius: 50vw;
      width: 100%;
      height: 100%;
      filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.05)) drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.05)); }
      .mainvisual .main_title_group .main_title_in .title {
        font-size: clamp(20px, 3.765vw, 64px);
        line-height: 1.1;
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative;
        font-weight: 500; }
        @media screen and (max-width: 820px) {
          .mainvisual .main_title_group .main_title_in .title {
            font-size: 4vw; } }
        @media screen and (max-width: 480px) {
          .mainvisual .main_title_group .main_title_in .title {
            font-size: 11vw; } }
        .mainvisual .main_title_group .main_title_in .title:after {
          content: "";
          position: absolute;
          inset: 0;
          top: auto;
          width: 40px;
          height: 2px;
          margin: auto;
          background: #000; }
      .mainvisual .main_title_group .main_title_in .title_sub {
        font-size: clamp(10px, 1.177vw, 20px); }
        @media screen and (max-width: 820px) {
          .mainvisual .main_title_group .main_title_in .title_sub {
            font-size: 1.5vw; } }
        @media screen and (max-width: 480px) {
          .mainvisual .main_title_group .main_title_in .title_sub {
            font-size: 4vw; } }

body:not(.mobile) .order_tab.bottom a:hover:after {
  transform: translateY(-5px); }
.order_tab.bottom a:after {
  top: auto;
  bottom: calc(100% + 1px);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%); }
.order_tab a {
  position: relative;
  width: 31.67%;
  background: linear-gradient(to right, #00909b 0%, #6b80ff 100%);
  padding: 18px 10px 10px;
  font-size: clamp(12px, 1.334vw, 16px);
  text-align: center;
  color: #FFF;
  line-height: 1.3; }
  @media screen and (max-width: 480px) {
    .order_tab a {
      padding: 15px 10px; } }
  body:not(.mobile) .order_tab a:hover:after {
    transform: translateY(5px); }
  .order_tab a .cinzel {
    display: block;
    font-size: 125%;
    line-height: 1.2;
    margin-bottom: 5px;
    letter-spacing: 0.1em; }
  .order_tab a:before {
    content: "";
    position: absolute;
    inset: -2px;
    border: 1px solid;
    border-image: linear-gradient(to right, #00909b 0%, #6b80ff);
    border-image-slice: 1;
    pointer-events: none; }
  .order_tab a:after {
    content: "";
    position: absolute;
    inset: 0;
    bottom: auto;
    top: calc(100% + 2px);
    width: 20px;
    margin: auto;
    aspect-ratio: 2/1;
    background: #498bcf;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    transition: 0.3s transform ease-in-out 0s; }

.option_name_group {
  flex-direction: column;
  text-align: center;
  margin-bottom: clamp(30px, 4.167vw, 50px); }
  .option_name_group .option {
    background: #000;
    font-size: clamp(15px, 1.667vw, 20px);
    padding: 0 30px;
    color: #FFF;
    border-radius: 20px;
    width: fit-content;
    margin: 0 auto; }
    .option_name_group .option.red {
      background: #820000; }
  .option_name_group .option_name {
    font-size: clamp(40px, 4.167vw, 50px);
    color: #766842;
    line-height: 1;
    letter-spacing: 0.15em;
    margin: clamp(20px, 2.5vw, 30px) 0 clamp(25px, 3.334vw, 40px); }
    @media screen and (max-width: 480px) {
      .option_name_group .option_name {
        font-size: 8.8vw; } }
    .option_name_group .option_name.yellow {
      color: #f5e9c1; }
  .option_name_group .option_sub {
    font-size: clamp(26px, 2.5vw, 30px);
    line-height: 1.4;
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .option_name_group .option_sub {
        font-size: 5.2vw; } }
  .option_name_group .option_read {
    font-size: clamp(14px, 1.334vw, 16px);
    line-height: 2.18; }
    @media screen and (max-width: 480px) {
      .option_name_group .option_read {
        line-height: 1.8; } }
    .option_name_group .option_read.white {
      color: #FFF; }
    .option_name_group .option_read .cap_l {
      font-size: 75%;
      display: block;
      text-align: center; }

.sec01 {
  padding-bottom: 60px; }
  .sec01 .sec_ttl_wrap {
    margin-bottom: clamp(40px, 5vw, 60px); }
  .sec01 .photo_group {
    flex-wrap: wrap;
    margin-bottom: 30px; }
    .sec01 .photo_group .photo {
      width: 25%; }
      @media screen and (max-width: 480px) {
        .sec01 .photo_group .photo {
          width: 50%; } }
      .sec01 .photo_group .photo img {
        width: 100%; }
    .sec01 .photo_group .cap_r {
      width: 100%;
      padding-right: 10px; }
  .sec01 .ordermade_group .ordermate_ttl {
    text-align: center;
    font-size: clamp(20px, 2.334vw, 28px);
    color: #FFF;
    line-height: 1.5;
    margin-bottom: clamp(40px, 5vw, 60px); }
    @media screen and (max-width: 480px) {
      .sec01 .ordermade_group .ordermate_ttl {
        font-size: 4.4vw;
        margin-bottom: 30px; } }
    .sec01 .ordermade_group .ordermate_ttl .big {
      display: block;
      font-size: 200%;
      color: #ffed8c; }
      @media screen and (max-width: 480px) {
        .sec01 .ordermade_group .ordermate_ttl .big {
          font-size: 150%; } }
  .sec01 .ordermade_group .order_photo_group {
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    @media screen and (max-width: 480px) {
      .sec01 .ordermade_group .order_photo_group {
        flex-wrap: wrap;
        gap: 30px 0; } }
    .sec01 .ordermade_group .order_photo_group .order_in {
      width: 20%; }
      @media screen and (max-width: 820px) {
        .sec01 .ordermade_group .order_photo_group .order_in {
          width: 23%; } }
      @media screen and (max-width: 480px) {
        .sec01 .ordermade_group .order_photo_group .order_in {
          width: 48%; } }
      .sec01 .ordermade_group .order_photo_group .order_in .photo {
        position: relative;
        margin-bottom: 15px; }
        @media screen and (max-width: 480px) {
          .sec01 .ordermade_group .order_photo_group .order_in .photo {
            margin-bottom: 10px; } }
        .sec01 .ordermade_group .order_photo_group .order_in .photo:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 2px solid #FFF;
          border-radius: 10px; }
      .sec01 .ordermade_group .order_photo_group .order_in .photo_text {
        text-align: center;
        font-size: clamp(12px, 1.334vw, 16px);
        color: #FFF; }
        @media screen and (max-width: 480px) {
          .sec01 .ordermade_group .order_photo_group .order_in .photo_text {
            font-size: 14px;
            line-height: 1.6; } }

.sec02 {
  padding: clamp(50px, 6.667vw, 80px) 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/special/custom_order/bg_select.jpg"); }
  .sec02 .color_select {
    flex-wrap: wrap;
    gap: clamp(30px, 4.167vw, 50px) 0;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec02 .color_select {
        flex-direction: column;
        row-gap: 40px; } }
    .sec02 .color_select .big_photo {
      width: 46.67%; }
      @media screen and (max-width: 480px) {
        .sec02 .color_select .big_photo {
          width: 100%; } }
    .sec02 .color_select .interior {
      width: 48.34%;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .sec02 .color_select .interior {
          width: 100%; } }
      .sec02 .color_select .interior .interior_ttl {
        font-size: clamp(20px, 2.667vw, 32px);
        color: #766842;
        line-height: 1;
        letter-spacing: 0.15em; }
        @media screen and (max-width: 480px) {
          .sec02 .color_select .interior .interior_ttl {
            font-size: 7vw; } }
      .sec02 .color_select .interior .interior_read {
        font-size: clamp(12px, 1.334vw, 16px);
        margin: clamp(15px, 2.084vw, 25px) 0; }
        @media screen and (max-width: 480px) {
          .sec02 .color_select .interior .interior_read {
            font-size: 15px;
            margin: 20px 0 30px; } }
      .sec02 .color_select .interior .pattern_group {
        flex-wrap: wrap; }
        .sec02 .color_select .interior .pattern_group .pattern_in {
          width: 44.83%;
          position: relative; }
          @media screen and (max-width: 480px) {
            .sec02 .color_select .interior .pattern_group .pattern_in {
              width: 46%; } }
          .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(odd):after {
            content: "";
            position: absolute;
            inset: 0;
            left: auto;
            right: -12%;
            background: #AAA;
            width: 1px; }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(odd):after {
                right: -9%; } }
          .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(-n + 2) {
            padding-bottom: clamp(15px, 2.308vw, 30px);
            margin-bottom: clamp(15px, 2.308vw, 30px);
            border-bottom: 1px solid #aaaaaa; }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(-n + 2) {
                padding-bottom: 15px;
                margin-bottom: 15px; } }
          .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(1):after {
            height: 82%;
            bottom: auto; }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .interior .pattern_group .pattern_in:nth-child(1):after {
                height: 85%; } }
          @media screen and (max-width: 480px) {
            .sec02 .color_select .interior .pattern_group .pattern_in:last-child {
              padding-bottom: 0;
              margin-bottom: 0;
              border-bottom: none; } }
          @media screen and (max-width: 480px) {
            .sec02 .color_select .interior .pattern_group .pattern_in:last-child:after {
              content: none; } }
          .sec02 .color_select .interior .pattern_group .pattern_in .pattern {
            width: 46.16%; }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .interior .pattern_group .pattern_in .pattern {
                width: 48%; } }
            .sec02 .color_select .interior .pattern_group .pattern_in .pattern .pattern_name {
              background: #000;
              text-align: center;
              font-size: clamp(10px, 1.231vw, 16px);
              color: #FFF;
              line-height: 1;
              padding: 7px 5px; }
              @media screen and (max-width: 480px) {
                .sec02 .color_select .interior .pattern_group .pattern_in .pattern .pattern_name {
                  font-size: 10px; } }
    .sec02 .color_select .facility_group {
      width: 100%;
      align-items: flex-end; }
      @media screen and (max-width: 480px) {
        .sec02 .color_select .facility_group {
          flex-wrap: wrap;
          gap: 30px 0; } }
      .sec02 .color_select .facility_group .facility_in {
        width: 22.5%; }
        @media screen and (max-width: 480px) {
          .sec02 .color_select .facility_group .facility_in {
            width: 48%; } }
        @media screen and (max-width: 480px) {
          .sec02 .color_select .facility_group .facility_in:nth-of-type(4) {
            align-self: flex-start; } }
        .sec02 .color_select .facility_group .facility_in .facility_name {
          font-size: clamp(18px, 2.667vw, 32px);
          color: #766842;
          margin-bottom: 10px;
          line-height: 1; }
          @media screen and (max-width: 820px) {
            .sec02 .color_select .facility_group .facility_in .facility_name {
              font-size: 2.5vw; } }
          @media screen and (max-width: 480px) {
            .sec02 .color_select .facility_group .facility_in .facility_name {
              font-size: 5vw; } }
        .sec02 .color_select .facility_group .facility_in .choice_group {
          text-align: center; }
          .sec02 .color_select .facility_group .facility_in .choice_group .diamond {
            width: fit-content;
            margin: -30% auto 0;
            position: relative; }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .facility_group .facility_in .choice_group .diamond {
                width: 80%;
                margin: -30% auto 0; } }
            .sec02 .color_select .facility_group .facility_in .choice_group .diamond .diamond_txt {
              position: absolute;
              inset: 0;
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: clamp(14px, 2vw, 24px);
              line-height: 1.15; }
              @media screen and (max-width: 480px) {
                .sec02 .color_select .facility_group .facility_in .choice_group .diamond .diamond_txt {
                  font-size: 3.6vw; } }
              .sec02 .color_select .facility_group .facility_in .choice_group .diamond .diamond_txt .big {
                display: inline-block;
                line-height: 1;
                font-size: 200%; }
          .sec02 .color_select .facility_group .facility_in .choice_group .choice_text {
            font-size: clamp(13px, 1.334vw, 16px); }
            @media screen and (max-width: 480px) {
              .sec02 .color_select .facility_group .facility_in .choice_group .choice_text {
                font-size: 12px; } }
  .sec02 .banner_group .banner_txt {
    position: relative;
    text-align: center;
    line-height: 1.4;
    font-size: clamp(24px, 2.5vw, 30px);
    color: #766842;
    padding-bottom: 30px;
    margin-bottom: 15px; }
    @media screen and (max-width: 480px) {
      .sec02 .banner_group .banner_txt {
        font-size: 5vw; } }
    .sec02 .banner_group .banner_txt:after {
      content: "";
      position: absolute;
      inset: 0;
      top: auto;
      width: 20px;
      margin: auto;
      aspect-ratio: 2 / 1.6;
      background: #766842;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      transition: 0.3s transform ease-in-out 0s; }
  .sec02 .banner_group .banner {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center; }
    .sec02 .banner_group .banner .banner_cap {
      font-size: 12px;
      margin-top: 10px; }

.sec03 {
  padding: clamp(50px, 6.667vw, 80px) 0 clamp(60px, 9.167vw, 110px); }
  .sec03 .menu_plan_group {
    align-items: flex-start; }
    @media screen and (max-width: 480px) {
      .sec03 .menu_plan_group {
        flex-direction: column;
        row-gap: 30px; } }
    .sec03 .menu_plan_group .menu_plan {
      width: 46.67%;
      position: relative;
      flex-direction: column; }
      @media screen and (max-width: 820px) {
        .sec03 .menu_plan_group .menu_plan {
          width: 48.5%; } }
      @media screen and (max-width: 480px) {
        .sec03 .menu_plan_group .menu_plan {
          width: 100%; } }
      .sec03 .menu_plan_group .menu_plan .type_wrap {
        background: #0f3352;
        flex-wrap: wrap;
        padding: 15px 20px;
        gap: 20px 0;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec03 .menu_plan_group .menu_plan .type_wrap {
            flex-wrap: wrap;
            justify-content: center;
            gap: 0 20px;
            align-items: center;
            padding: 15px; } }
        .sec03 .menu_plan_group .menu_plan .type_wrap:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 1px solid;
          border-image: linear-gradient(120deg, #c9bc9c 0%, #66562f 50%, #c9bc9c 100%);
          border-image-slice: 1;
          pointer-events: none; }
        .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group {
          justify-content: flex-start;
          align-items: center;
          column-gap: 5%; }
          @media screen and (max-width: 820px) {
            .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group {
              column-gap: 3%; } }
          @media screen and (max-width: 480px) {
            .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group {
              column-gap: 5%;
              justify-content: center; } }
          .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in {
            flex-shrink: 0;
            align-items: center; }
            .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name {
              position: relative;
              background: #c9bc9c;
              text-align: center; }
              .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name:before {
                content: "";
                position: absolute;
                inset: 0;
                background: #e8dbba;
                clip-path: polygon(0 0, 0% 100%, 100% 0); }
              .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name p {
                font-size: clamp(16px, 2.143vw, 30px);
                position: relative; }
                @media screen and (max-width: 480px) {
                  .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name p {
                    font-size: 5.6vw; } }
                .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name p .big {
                  font-size: 200%;
                  display: inline-block;
                  line-height: 1; }
            .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name02 {
              border: 1px solid #c9bc9c;
              font-size: clamp(10px, 1.286vw, 18px);
              color: #e8dcb2;
              text-align: center;
              padding: 6px 10px;
              line-height: 1;
              background: #820000; }
              @media screen and (max-width: 480px) {
                .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .type_name_in .type_name02 {
                  font-size: 3.8vw;
                  padding: 5px; } }
          .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .ldk_name {
            flex-grow: 1;
            align-self: center;
            font-size: clamp(20px, 2.858vw, 40px);
            color: #e8dcb2;
            line-height: 1; }
            @media screen and (max-width: 480px) {
              .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .ldk_name {
                font-size: 9vw; } }
            .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .ldk_name .small {
              display: block;
              white-space: nowrap;
              font-size: 40%;
              color: #fff8e0;
              letter-spacing: -0.1em;
              line-height: 1.2; }
              .sec03 .menu_plan_group .menu_plan .type_wrap .type_name_group .ldk_name .small:first-child {
                margin-top: 5px; }
        .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group {
          padding-left: 2%;
          margin-left: 2%;
          border-left: 1px solid rgba(255, 255, 255, 0.6);
          align-items: center; }
          @media screen and (max-width: 480px) {
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group {
              margin-left: 0;
              flex-direction: column;
              align-items: center;
              row-gap: 10px;
              width: 100%;
              padding-left: 0;
              border-left: none;
              padding-top: 10px;
              margin-top: 10px;
              border-top: 1px solid #c9bc9c; } }
          .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 {
            font-size: clamp(22px, 3.572vw, 50px);
            color: #FFF;
            line-height: 1.2; }
            @media screen and (max-width: 820px) {
              .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 {
                font-size: 4vw; } }
            @media screen and (max-width: 480px) {
              .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 {
                font-size: 12vw; } }
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 .sub {
              display: block;
              font-size: 32%; }
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 .small {
              font-size: 50%; }
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 .small02 {
              display: block;
              text-align: right;
              font-size: 30%; }
              @media screen and (max-width: 480px) {
                .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group .meter01 .small02 {
                  display: inline-block; } }
        .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 {
          width: 100%;
          padding-top: 15px;
          border-top: 1px solid #c9bc9c; }
          @media screen and (max-width: 480px) {
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 {
              padding-top: 10px;
              margin-top: 10px; } }
          .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 {
            width: 100%; }
            @media screen and (max-width: 480px) {
              .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 {
                width: fit-content;
                margin: 0 auto;
                flex-direction: column; } }
            .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 .meter02_in .meter02_in_group {
              align-items: flex-end;
              column-gap: clamp(10px, 1.429vw, 20px); }
              .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 .meter02_in .meter02_in_group p {
                font-size: clamp(10px, 1.072vw, 15px);
                color: #FFF;
                line-height: 1.6; }
                @media screen and (max-width: 480px) {
                  .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 .meter02_in .meter02_in_group p {
                    font-size: 3.6vw; } }
                .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 .meter02_in .meter02_in_group p.letter {
                  letter-spacing: 0.2em; }
                .sec03 .menu_plan_group .menu_plan .type_wrap .meter_group02 .meter02 .meter02_in .meter02_in_group p .big {
                  display: inline-block;
                  line-height: 1;
                  font-size: 133%; }
      .sec03 .menu_plan_group .menu_plan .draw_image {
        padding: 30px 10px;
        text-align: center;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/special/custom_order/bg_type.jpg"); }

.sec04 {
  padding: clamp(50px, 6.667vw, 80px) 0;
  position: relative; }
  .sec04:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4); }
  .sec04 .inner {
    position: relative; }
  .sec04 .option_item_group {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 40px 3.33%;
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec04 .option_item_group {
        justify-content: space-between;
        gap: 8px 2%; } }
    .sec04 .option_item_group .item {
      width: 22.5%; }
      @media screen and (max-width: 480px) {
        .sec04 .option_item_group .item {
          width: 49%; } }
      .sec04 .option_item_group .item .name {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px 5px;
        line-height: 1.4;
        background: #f5e9c1;
        text-align: center;
        font-size: clamp(10px, 1.358vw, 19px); }
        @media screen and (max-width: 480px) {
          .sec04 .option_item_group .item .name {
            font-size: 3vw; } }
        .sec04 .option_item_group .item .name.lt {
          letter-spacing: -0.05em; }
        .sec04 .option_item_group .item .name .small {
          display: block;
          font-size: 70%; }
  .sec04 .gallery_group .gallery_txt {
    position: relative;
    text-align: center;
    line-height: 1.4;
    font-size: clamp(20px, 2.5vw, 30px);
    color: #f5e9c1;
    padding-bottom: 30px;
    margin-bottom: 15px; }
    .sec04 .gallery_group .gallery_txt:after {
      content: "";
      position: absolute;
      inset: 0;
      top: auto;
      width: 20px;
      margin: auto;
      aspect-ratio: 2 / 1.6;
      background: #f5e9c1;
      clip-path: polygon(50% 100%, 0 0, 100% 0);
      transition: 0.3s transform ease-in-out 0s; }
  .sec04 .gallery_group .gallery_link {
    max-width: 580px;
    margin: 0 auto;
    display: block;
    background: linear-gradient(to right, #e569a9 0%, #a91662 100%);
    padding: 25px 15px;
    text-align: center;
    font-size: clamp(20px, 2vw, 24px);
    color: #FFF;
    transition: 0.3s opacity ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .sec04 .gallery_group .gallery_link {
        padding: 15px 10px; } }
    body:not(.mobile) .sec04 .gallery_group .gallery_link:hover {
      opacity: 0.7; }

.tab_area {
  padding: clamp(50px, 6.667vw, 80px) 0; }

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