/*! Writen  by SCSS */
.orange_color {
  color: #df884d; }

#contents-wrap {
  letter-spacing: -0.05em; }
  #contents-wrap .img_cap .cap {
    letter-spacing: normal; }

.mainvisual {
  position: relative; }
  .mainvisual .main_image img {
    width: 100%; }
  .mainvisual .main_title_wrap {
    position: absolute;
    inset: 0;
    left: auto;
    right: 6.25%;
    width: 31.25%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    padding: 10px 30px;
    background: #df884d;
    z-index: 1; }
    @media screen and (max-width: 820px) {
      .mainvisual .main_title_wrap {
        padding: 10px 20px; } }
    @media screen and (max-width: 480px) {
      .mainvisual .main_title_wrap {
        aspect-ratio: unset;
        position: static;
        width: 100%;
        padding: 20px; } }
    @media screen and (max-width: 480px) {
      .mainvisual .main_title_wrap .main_title {
        width: 65%;
        margin: 0 auto; } }

.marker {
  display: inline-block;
  padding: 0 30px; }
  @media screen and (max-width: 480px) {
    .marker {
      padding: 0 15px; } }
  .marker.orange {
    background: linear-gradient(transparent 60%, #ebb38d 60%, #ebb38d 90%, transparent 90%); }

.question_area {
  position: relative;
  background: #f9e7db;
  padding: 50px 0 70px; }
  @media screen and (max-width: 480px) {
    .question_area {
      padding: 40px 0 50px; } }
  .question_area:after {
    content: "";
    position: absolute;
    inset: 0;
    bottom: auto;
    top: calc(100% - 30px);
    margin: auto;
    background: #df884d;
    width: 250px;
    aspect-ratio: 25/12;
    z-index: 1;
    clip-path: polygon(50% 100%, 0 0, 100% 0); }
    @media screen and (max-width: 1200px) {
      .question_area:after {
        width: 180px; } }
    @media screen and (max-width: 480px) {
      .question_area:after {
        width: 130px;
        top: calc(100% - 15px); } }
  .question_area .ttl_wrap {
    flex-direction: column;
    text-align: center; }
    .question_area .ttl_wrap .sec_ttl {
      font-size: clamp(26px, 2.667vw, 32px);
      line-height: 1.56;
      margin: clamp(20px, 2.5vw, 30px) 0 clamp(30px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .question_area .ttl_wrap .sec_ttl {
          margin: 20px 0;
          font-size: 4.6vw; } }
      .question_area .ttl_wrap .sec_ttl .white_bg {
        display: inline-block;
        padding: 0 5px;
        margin: 0 5px;
        background: #FFF; }
    .question_area .ttl_wrap .sec_read {
      font-size: clamp(16px, 1.5vw, 18px);
      line-height: 2.2;
      margin-bottom: clamp(30px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .question_area .ttl_wrap .sec_read {
          font-size: 14px; } }

.bg_deco {
  padding: clamp(60px, 10.834vw, 130px) 0 0; }
  @media screen and (max-width: 480px) {
    .bg_deco {
      padding-top: 80px; } }
  .bg_deco .hash_group {
    flex-direction: column;
    justify-content: flex-start;
    row-gap: clamp(100px, 11.819vw, 130px); }
    @media screen and (max-width: 820px) {
      .bg_deco .hash_group {
        row-gap: 60px; } }
    .bg_deco .hash_group .hash_group_in {
      width: 100%; }
      .bg_deco .hash_group .hash_group_in .buy_ttl_wrap {
        flex-direction: column;
        row-gap: 10px;
        text-align: center;
        margin-bottom: 30px;
        font-weight: 600; }
        .bg_deco .hash_group .hash_group_in .buy_ttl_wrap .buy_ttl {
          font-size: clamp(20px, 2.834vw, 34px); }
          @media screen and (max-width: 480px) {
            .bg_deco .hash_group .hash_group_in .buy_ttl_wrap .buy_ttl {
              line-height: 1.6;
              font-size: 6vw; } }
      .bg_deco .hash_group .hash_group_in .hash_in {
        position: relative; }
        .bg_deco .hash_group .hash_group_in .hash_in .deco_img {
          position: absolute;
          width: 19.13%;
          max-width: 306px;
          pointer-events: none; }
          @media screen and (max-width: 480px) {
            .bg_deco .hash_group .hash_group_in .hash_in .deco_img {
              width: 45%; } }
          .bg_deco .hash_group .hash_group_in .hash_in .deco_img.over {
            top: 0;
            left: 0; }
          .bg_deco .hash_group .hash_group_in .hash_in .deco_img.under {
            bottom: 0;
            right: 0; }
      .bg_deco .hash_group .hash_group_in .hash_content {
        max-width: 1000px;
        padding: 50px 0 clamp(60px, 7.273vw, 80px); }
        .bg_deco .hash_group .hash_group_in .hash_content .hash_num {
          text-align: center;
          margin-bottom: clamp(50px, 6.364vw, 70px); }
          @media screen and (max-width: 480px) {
            .bg_deco .hash_group .hash_group_in .hash_content .hash_num {
              width: 100px;
              margin: 0 auto 50px; } }
        .bg_deco .hash_group .hash_group_in .hash_content .case_box {
          position: relative;
          border: 1px solid #000;
          background: #FFF;
          padding: clamp(20px, 2.728vw, 30px) 20px;
          margin-bottom: clamp(50px, 6.364vw, 70px); }
          @media screen and (max-width: 480px) {
            .bg_deco .hash_group .hash_group_in .hash_content .case_box {
              padding-top: 90px; } }
          .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_wappen {
            position: absolute;
            inset: 0;
            width: 8.2%;
            top: -20px;
            text-align: center;
            bottom: auto;
            margin: auto; }
            @media screen and (max-width: 480px) {
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_wappen {
                width: 90%; } }
          .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item {
            max-width: 900px;
            margin: 0 auto;
            align-items: flex-end; }
            @media screen and (max-width: 820px) {
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item {
                align-items: center; } }
            @media screen and (max-width: 480px) {
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item {
                flex-direction: column;
                row-gap: 20px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group {
              margin-top: clamp(30px, 4.546vw, 50px);
              width: 70%; }
              @media screen and (max-width: 820px) {
                .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group {
                  margin-top: 30px; } }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group {
                  width: 100%;
                  margin-top: 0; } }
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group .t01 {
                font-size: clamp(23px, 2.91vw, 32px);
                font-weight: 600;
                text-align: center; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group .t01 {
                    font-size: 6vw; } }
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group .t02 {
                font-size: clamp(15px, 1.637vw, 18px);
                margin-top: clamp(15px, 2.273vw, 25px);
                line-height: 2.2;
                letter-spacing: 0.05em; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .text_group .t02 {
                    line-height: 2.1;
                    font-size: 14px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .photo_group {
              width: 24.45%; }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .photo_group {
                  width: 100%;
                  text-align: center; } }
              .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .photo_group .photo_infor {
                width: fit-content;
                margin: 5px auto 0;
                font-size: clamp(13px, 1.819vw, 20px);
                line-height: 1.5; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .case_box .case_item .photo_group .photo_infor {
                    font-size: 16px; } }
        .bg_deco .hash_group .hash_group_in .hash_content .flow_group {
          flex-direction: column;
          row-gap: 60px;
          padding-bottom: clamp(40px, 5.455vw, 60px);
          position: relative; }
          @media screen and (max-width: 480px) {
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group {
              padding-bottom: 20px; } }
          .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_line {
            position: absolute;
            left: 20px;
            top: 20px;
            bottom: 0;
            width: 8%;
            background: #f9e7db; }
            @media screen and (max-width: 480px) {
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_line {
                left: 15px;
                width: 30px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_line:after {
              content: "";
              position: absolute;
              inset: 0;
              bottom: auto;
              top: calc(100% - 1px);
              background: #f9e7db;
              width: 100%;
              aspect-ratio: 5/2;
              clip-path: polygon(50% 100%, 0 0, 100% 0); }
          .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in {
            position: relative;
            align-items: flex-start; }
            @media screen and (max-width: 480px) {
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in {
                column-gap: 15px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .days {
              width: 12%;
              position: relative; }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .days {
                  width: 60px;
                  flex-shrink: 0; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .days .days_img {
                position: relative; }
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .days .days_img.wide {
                  margin: 0 -15px; }
                  @media screen and (max-width: 480px) {
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .days .days_img.wide {
                      margin: 0 -10px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .flow_item {
              width: 85%;
              column-gap: 2.95%; }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .flow_item {
                  flex-direction: column;
                  row-gap: 20px;
                  width: 100%; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .flow_item.start {
                justify-content: flex-start; }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .flow_item.f_center {
                margin-top: clamp(30px, 4.546vw, 50px);
                align-items: center; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .flow_item.f_center {
                    align-items: flex-start;
                    margin-top: 10px;
                    margin-left: 20px; } }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text {
              font-size: clamp(15px, 1.637vw, 18px);
              line-height: 2.2; }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text {
                  font-size: 15px;
                  line-height: 2; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text .big {
                font-size: 122%; }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text .block {
                display: block; }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.margin40 {
                margin-top: 40px; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.margin40 {
                    margin-top: 15px; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.margin20 {
                margin-top: 20px; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.margin20 {
                    margin-top: 0px; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.long_text {
                width: 37.65%; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.long_text {
                    width: 100%; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.long_text02 {
                width: 58.83%; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .text.long_text02 {
                    width: 100%; } }
            @media screen and (max-width: 480px) {
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo {
                width: fit-content !important; } }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo01 {
              width: 18.83%; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo02, .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo03 {
              width: 28.24%; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo04 {
              width: 20.12%; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo02_1 {
              width: 25.89%; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo.photo02_2 {
              width: 28.24%; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo .photo_img {
              position: relative; }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .photo .photo_img.border:after {
                content: "";
                position: absolute;
                inset: 0;
                border: 2px solid #000;
                pointer-events: none; }
            .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box {
              margin-top: clamp(30px, 3.637vw, 40px);
              position: relative;
              background: #f9e7db;
              padding: 30px 20px 20px; }
              @media screen and (max-width: 480px) {
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box {
                  padding: 40px 15px 20px; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_deco {
                position: absolute;
                width: 12.48%;
                right: 0;
                top: -15%; }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_deco {
                    top: -3%;
                    right: 10px;
                    width: 20%; } }
                @media screen and (max-width: 480px) {
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_deco.deco02 {
                    top: -5%; } }
              .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in {
                max-width: 770px;
                margin: 0 auto; }
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_ttl {
                  text-align: center; }
                  @media screen and (max-width: 480px) {
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_ttl img {
                      height: 30px; } }
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item {
                  margin: 30px 0; }
                  @media screen and (max-width: 480px) {
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item {
                      margin: 20px 0;
                      flex-direction: column;
                      row-gap: 20px; } }
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_text {
                    width: 84.42%;
                    font-size: clamp(14px, 1.637vw, 18px);
                    line-height: 2.2; }
                    @media screen and (max-width: 480px) {
                      .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_text {
                        font-size: 14px;
                        width: 100%;
                        line-height: 2; } }
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_text .orange_bg {
                      background: #df884d;
                      color: #FFF;
                      line-height: 1.8;
                      padding: 0 5px;
                      webkit-box-decoration-break: clone;
                      box-decoration-break: clone; }
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_text.full {
                      width: 100%; }
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_illust {
                    width: 9.49%; }
                    @media screen and (max-width: 480px) {
                      .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .examination_item .examination_illust {
                        width: fit-content;
                        margin: 0 auto; } }
                .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group {
                  flex-wrap: wrap;
                  gap: 5px 0; }
                  @media screen and (max-width: 480px) {
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col3 {
                      justify-content: center;
                      gap: 10px 4%; } }
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col3 > figure {
                    width: 32.47%; }
                    @media screen and (max-width: 480px) {
                      .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col3 > figure {
                        width: 100%; } }
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col3 > figure.photo03 {
                      width: 25.98%; }
                      @media screen and (max-width: 480px) {
                        .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col3 > figure.photo03 {
                          width: fit-content;
                          margin: 0 auto; } }
                  @media screen and (max-width: 480px) {
                    .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col2 {
                      flex-direction: column;
                      row-gap: 10px; } }
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col2 > figure {
                    width: 46.76%; }
                    @media screen and (max-width: 480px) {
                      .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group.col2 > figure {
                        width: 100%; } }
                  .bg_deco .hash_group .hash_group_in .hash_content .flow_group .flow_group_in .examination_box .examination_box_in .photo_group .cap_r {
                    width: 100%; }

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