@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/only_i/main.jpg"); }
@media screen and (max-width: 820px) {
  .inner_main .page_title {
    bottom: 20%; } }
@media screen and (max-width: 480px) {
  .inner_main .page_title {
    width: 150px;
    margin: 0 auto; } }

.sec01 {
  padding-bottom: 40px; }
  .sec01 .sec_ttl_wrap {
    margin-bottom: 40px; }
    .sec01 .sec_ttl_wrap .page_ttl .small {
      font-size: 70%;
      display: block; }
    .sec01 .sec_ttl_wrap .read {
      text-align: center; }
      .sec01 .sec_ttl_wrap .read .small {
        font-size: 75%;
        display: block;
        margin-top: 5px; }
  .sec01 .only_i_group {
    flex-direction: column;
    row-gap: clamp(30px, 4.167vw, 50px); }
    .sec01 .only_i_group .group_box {
      padding: clamp(25px, 3.334vw, 40px) clamp(30px, 4.167vw, 50px) clamp(45px, 5.834vw, 70px);
      background: rgba(255, 255, 255, 0.8);
      border-radius: 10px;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
      @media screen and (max-width: 820px) {
        .sec01 .only_i_group .group_box {
          padding: 30px 20px 40px; } }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .group_box {
          padding: 25px 20px; } }
      .sec01 .only_i_group .group_box.single_cont {
        padding-bottom: clamp(25px, 3.334vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .group_box.single_cont {
            padding: 25px 20px; } }
      .sec01 .only_i_group .group_box.brown {
        background: rgba(165, 134, 77, 0.8); }
    .sec01 .only_i_group .janre_group {
      justify-content: flex-start;
      align-items: center;
      column-gap: 4.1%;
      margin-bottom: clamp(30px, 3.334vw, 40px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .janre_group {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .only_i_group .janre_group.single {
        margin-bottom: 0; }
      .sec01 .only_i_group .janre_group.start {
        align-items: flex-start; }
      .sec01 .only_i_group .janre_group .janre_ttl {
        width: 18.19%;
        flex-shrink: 0;
        margin-left: 30px;
        flex-direction: column;
        align-items: center;
        row-gap: 10px; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .janre_group .janre_ttl {
            width: 100%;
            margin-left: 0; } }
        .sec01 .only_i_group .janre_group .janre_ttl.option {
          row-gap: 30px; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .janre_group .janre_ttl.option {
              row-gap: 20px; } }
        .sec01 .only_i_group .janre_group .janre_ttl .janre_en {
          font-size: clamp(36px, 4vw, 48px);
          color: #0098bb;
          line-height: 1; }
          .sec01 .only_i_group .janre_group .janre_ttl .janre_en.white {
            color: #FFF; }
      .sec01 .only_i_group .janre_group .janre_txt_group {
        flex-direction: column;
        row-gap: clamp(15px, 2.5vw, 30px); }
        @media screen and (max-width: 820px) {
          .sec01 .only_i_group .janre_group .janre_txt_group {
            row-gap: 15px; } }
        .sec01 .only_i_group .janre_group .janre_txt_group .janre_txt {
          font-size: clamp(18px, 2.167vw, 26px);
          color: #0098bb;
          line-height: 1.4; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .janre_group .janre_txt_group .janre_txt {
              font-size: 20px;
              text-align: center; } }
          .sec01 .only_i_group .janre_group .janre_txt_group .janre_txt.white {
            color: #FFF; }
        .sec01 .only_i_group .janre_group .janre_txt_group .janre_read {
          font-size: clamp(13px, 1.25vw, 15px);
          line-height: 2; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .janre_group .janre_txt_group .janre_read {
              font-size: 14px; } }
          .sec01 .only_i_group .janre_group .janre_txt_group .janre_read.white {
            color: #FFF; }
          .sec01 .only_i_group .janre_group .janre_txt_group .janre_read .beige {
            color: #ffedbf; }
          .sec01 .only_i_group .janre_group .janre_txt_group .janre_read .sub {
            display: block;
            font-size: clamp(10px, 1vw, 12px); }
    .sec01 .only_i_group .band_txt {
      font-size: clamp(18px, 2.167vw, 26px);
      color: #FFF;
      padding: 5px;
      text-align: center;
      background: #0098bb;
      margin-bottom: clamp(30px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .band_txt {
          margin-bottom: 15px; } }
      .sec01 .only_i_group .band_txt.short {
        margin-bottom: 25px; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .band_txt.short {
            margin-bottom: 20px; } }
    .sec01 .only_i_group .pattern_txt {
      display: flex;
      justify-content: center;
      align-items: baseline;
      text-align: center;
      letter-spacing: 0.05em;
      font-size: clamp(34px, 3.584vw, 43px);
      color: #929292;
      line-height: 1;
      margin-bottom: clamp(25px, 3.334vw, 40px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .pattern_txt {
          font-size: 9vw; } }
      .sec01 .only_i_group .pattern_txt .big {
        font-size: 200%;
        color: #0098bb;
        line-height: 0.8; }
    .sec01 .only_i_group .pattern_name {
      width: fit-content;
      margin: 0 auto;
      text-align: center;
      padding: 10px 15px;
      line-height: 1;
      font-size: clamp(15px, 1.539vw, 20px);
      margin-bottom: clamp(20px, 2.308vw, 30px);
      letter-spacing: 0.1em; }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .pattern_name {
          font-size: 4.7vw;
          padding: 10px; } }
      .sec01 .only_i_group .pattern_name.chic {
        background: #6d6864; }
      .sec01 .only_i_group .pattern_name.warmy {
        background: #e6dad8; }
      .sec01 .only_i_group .pattern_name.grace {
        background: #cfb798; }
      .sec01 .only_i_group .pattern_name.white {
        color: #FFF; }
      .sec01 .only_i_group .pattern_name small {
        font-size: 0.6em;
        display: block;
        text-align: center;
        letter-spacing: -0.05em;
        margin-top: 5px; }
    .sec01 .only_i_group .photo_name,
    .sec01 .only_i_group .photo_txt {
      font-size: clamp(12px, 1.231vw, 16px);
      text-align: center;
      letter-spacing: -0.1em; }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .photo_name,
        .sec01 .only_i_group .photo_txt {
          font-size: 12px; } }
    .sec01 .only_i_group .only_item01 {
      margin-bottom: clamp(35px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item01 {
          flex-direction: column; } }
      .sec01 .only_i_group .only_item01 .only_item_in {
        width: 30.91%;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item01 .only_item_in {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item01 .only_item_in.second {
            padding: 30px 0;
            margin: 30px 0; } }
        .sec01 .only_i_group .only_item01 .only_item_in.second:before, .sec01 .only_i_group .only_item01 .only_item_in.second:after {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          background: #cccccc;
          width: 1px;
          height: 100%; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item01 .only_item_in.second:before, .sec01 .only_i_group .only_item01 .only_item_in.second:after {
              width: 100%;
              height: 1px; } }
        .sec01 .only_i_group .only_item01 .only_item_in.second:before {
          content: "";
          left: -5%; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item01 .only_item_in.second:before {
              left: 0;
              right: 0;
              bottom: auto; } }
        .sec01 .only_i_group .only_item01 .only_item_in.second:after {
          content: "";
          right: -5%; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item01 .only_item_in.second:after {
              right: 0;
              left: 0;
              top: auto; } }
        .sec01 .only_i_group .only_item01 .only_item_in .color_group {
          flex-direction: column;
          row-gap: clamp(20px, 2.5vw, 30px); }
          .sec01 .only_i_group .only_item01 .only_item_in .color_group .color_group_in {
            flex-wrap: wrap;
            justify-content: center;
            gap: 10px 5.88%; }
            .sec01 .only_i_group .only_item01 .only_item_in .color_group .color_group_in .color_ttl {
              width: 100%;
              font-size: clamp(11px, 1.334vw, 16px);
              color: #0098bb;
              text-align: center; }
              @media screen and (max-width: 480px) {
                .sec01 .only_i_group .only_item01 .only_item_in .color_group .color_group_in .color_ttl {
                  font-size: 4.2vw; } }
            .sec01 .only_i_group .only_item01 .only_item_in .color_group .color_group_in .photo {
              width: 47.06%; }
    .sec01 .only_i_group .only_item02 {
      margin-bottom: clamp(50px, 6.667vw, 80px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item02 {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .only_i_group .only_item02 .item02_left {
        width: 41.82%; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item02 .item02_left {
            width: 100%; } }
      .sec01 .only_i_group .only_item02 .item02_right {
        width: 52.73%; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item02 .item02_right {
            width: 100%; } }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item02 .item02_right .color_group {
            flex-wrap: wrap;
            justify-content: center;
            gap: 25px 4%; } }
        .sec01 .only_i_group .only_item02 .item02_right .color_group .color_group_in {
          width: 27.59%;
          flex-direction: column;
          row-gap: 10px; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item02 .item02_right .color_group .color_group_in {
              width: 48%; } }
          .sec01 .only_i_group .only_item02 .item02_right .color_group .color_group_in .pattern_name {
            width: 100%;
            letter-spacing: normal;
            margin-bottom: 0; }
    .sec01 .only_i_group .only_item03 {
      margin-bottom: clamp(50px, 6.667vw, 80px); }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item03 {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .only_i_group .only_item03.item03_2 {
        margin-bottom: clamp(30px, 3.75vw, 45px); }
      .sec01 .only_i_group .only_item03 .item03_left {
        width: 41.82%;
        flex-direction: column;
        justify-content: flex-start;
        row-gap: clamp(25px, 3.334vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item03 .item03_left {
            width: 100%;
            row-gap: 20px; } }
      .sec01 .only_i_group .only_item03 .item03_right {
        width: 52.73%;
        justify-content: flex-start;
        flex-direction: column;
        row-gap: clamp(30px, 3.75vw, 45px); }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item03 .item03_right {
            width: 100%; } }
        .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .item_num {
          font-size: clamp(12px, 1.334vw, 16px);
          color: #0098bb;
          text-align: center; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .item_num {
              font-size: 4vw; } }
        .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group {
          justify-content: flex-start;
          flex-wrap: wrap;
          align-items: flex-start;
          gap: 15px 8.615%; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group {
              justify-content: space-between;
              gap: 15px 0; } }
          .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group.col2 {
            justify-content: space-between;
            max-width: 370px;
            margin: 0 auto;
            gap: 5px 0; }
            .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group.col2 .photo {
              width: 43.25%; }
              @media screen and (max-width: 480px) {
                .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group.col2 .photo {
                  width: 48%; } }
          .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group .photo {
            width: 27.59%; }
            @media screen and (max-width: 480px) {
              .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group .photo {
                width: 48%; } }
            .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group .photo .border {
              position: relative; }
              .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group .photo .border:after {
                content: "";
                position: absolute;
                inset: 0;
                border: 1px solid #CCC;
                pointer-events: none; }
            .sec01 .only_i_group .only_item03 .item03_right .item03_right_in .photo_group .photo .photo_name {
              margin-top: 5px;
              margin: 0 -20px; }
    @media screen and (max-width: 480px) {
      .sec01 .only_i_group .only_item04 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .only_i_group .only_item04 .item04_left {
      width: 41.82%; }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item04 .item04_left {
          width: 100%; } }
    .sec01 .only_i_group .only_item04 .item04_right {
      width: 52.73%; }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item04 .item04_right {
          width: 100%; } }
      @media screen and (max-width: 480px) {
        .sec01 .only_i_group .only_item04 .item04_right .color_group {
          flex-wrap: wrap;
          justify-content: center;
          gap: 20px 4%; } }
      .sec01 .only_i_group .only_item04 .item04_right .color_group .color_group_in {
        width: 27.59%;
        flex-direction: column;
        row-gap: 10px; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item04 .item04_right .color_group .color_group_in {
            width: 48%; } }
        .sec01 .only_i_group .only_item04 .item04_right .color_group .color_group_in .pattern_name {
          width: 100%;
          padding: 2px 10px;
          letter-spacing: normal;
          margin-bottom: 0; }
    .sec01 .only_i_group .only_item05 {
      flex-wrap: wrap;
      row-gap: clamp(40px, 6.667vw, 80px); }
      .sec01 .only_i_group .only_item05 .item05_in {
        width: 56.37%; }
        @media screen and (max-width: 480px) {
          .sec01 .only_i_group .only_item05 .item05_in {
            width: 100%; } }
        .sec01 .only_i_group .only_item05 .item05_in.second {
          width: 38.19%; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item05 .item05_in.second {
              width: 100%; } }
        .sec01 .only_i_group .only_item05 .item05_in.full {
          width: 100%; }
        .sec01 .only_i_group .only_item05 .item05_in .band_txt {
          margin-bottom: 20px; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item05 .item05_in .band_txt {
              margin-bottom: 15px; } }
        .sec01 .only_i_group .only_item05 .item05_in .illust {
          mix-blend-mode: multiply; }
        .sec01 .only_i_group .only_item05 .item05_in .photo_group {
          max-width: 850px;
          width: 100%;
          margin: 0 auto; }
          @media screen and (max-width: 480px) {
            .sec01 .only_i_group .only_item05 .item05_in .photo_group {
              flex-direction: column;
              row-gap: 20px; } }
          .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo {
            width: 47.06%; }
            @media screen and (max-width: 480px) {
              .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo {
                width: 100%; } }
            .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo .photo_name {
              letter-spacing: normal;
              margin-top: 15px; }
              @media screen and (max-width: 480px) {
                .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo .photo_name {
                  margin-top: 10px; } }
            .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo .photo_txt {
              margin-top: 10px;
              padding-top: 10px;
              border-top: 1px solid #ccc;
              text-align: left;
              line-height: 1.8; }
              .sec01 .only_i_group .only_item05 .item05_in .photo_group .photo .photo_txt .catch {
                color: #0098bb;
                margin-bottom: 8px;
                display: block;
                text-align: center; }