/*! Writen  by SCSS */
.inner_main {
  position: relative; }
  .inner_main .main_image img {
    width: 100%; }
  .inner_main .main_title_group {
    position: absolute;
    inset: 0;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #8b0035;
    font-size: clamp(20px, 1.875vw, 30px);
    row-gap: 20px;
    filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.8)) drop-shadow(0 0 5px rgba(255, 255, 255, 0.8)); }
    @media screen and (max-width: 480px) {
      .inner_main .main_title_group {
        font-size: 4vw; } }
    .inner_main .main_title_group .main_sub {
      border-top: 1px solid;
      border-bottom: 1px solid;
      padding: 5px; }
    .inner_main .main_title_group .main_title {
      font-size: 266%;
      line-height: 1;
      letter-spacing: 0.06em; }

.sec01 {
  position: relative;
  padding: clamp(40px, 5.834vw, 70px) 0 clamp(60px, 9.167vw, 110px); }
  .sec01 .inner {
    max-width: 1240px; }
  .sec01 .read {
    line-height: 1.875; }
    @media screen and (max-width: 480px) {
      .sec01 .read {
        font-size: 13px; } }
  .sec01 .point_group {
    flex-direction: column; }
    .sec01 .point_group .point_item:not(:first-child) {
      margin-top: clamp(40px, 3.847vw, 50px);
      padding-top: clamp(40px, 3.847vw, 50px);
      border-top: 1px dotted #CCC; }
    .sec01 .point_group .point_ttl {
      font-size: clamp(14px, 1.693vw, 22px);
      line-height: 1.6; }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .point_ttl {
          font-size: 4.7vw; } }
      .sec01 .point_group .point_ttl.navy {
        color: #004c8c; }
      .sec01 .point_group .point_ttl.red {
        color: #730027; }
    .sec01 .point_group .point_title_group {
      align-items: center;
      margin-bottom: clamp(30px, 3.077vw, 40px); }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .point_title_group {
          flex-direction: column;
          row-gap: 15px; } }
      .sec01 .point_group .point_title_group.f_wrap {
        flex-wrap: wrap;
        gap: 20px 0; }
      .sec01 .point_group .point_title_group .point_img {
        width: 11.3%; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .point_title_group .point_img {
            width: 100%;
            max-width: 90px;
            margin: 0 auto; } }
      .sec01 .point_group .point_title_group .text_group {
        width: 85.49%;
        display: flex;
        flex-direction: column;
        row-gap: clamp(12px, 1.539vw, 20px); }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .point_title_group .text_group {
            width: 100%; } }
      .sec01 .point_group .point_title_group .t01 {
        font-size: clamp(20px, 2.462vw, 32px);
        line-height: 1.37; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .point_title_group .t01 {
            font-size: 4.6vw;
            line-height: 1.6; } }
        .sec01 .point_group .point_title_group .t01.color01 {
          color: #a40028; }
        .sec01 .point_group .point_title_group .t01.color02 {
          color: #004c8c; }
        .sec01 .point_group .point_title_group .t01.color03 {
          color: #006855; }
      .sec01 .point_group .point_title_group .t02 {
        font-size: clamp(12px, 1.231vw, 16px);
        line-height: 1.5; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .point_title_group .t02 {
            font-size: 14px;
            line-height: 1.8; } }
        .sec01 .point_group .point_title_group .t02.full {
          width: 100%; }
    .sec01 .point_group .item01_cont01 {
      flex-wrap: wrap;
      gap: 35px 0; }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .item01_cont01 {
          gap: 20px 0; } }
      .sec01 .point_group .item01_cont01 .img01 {
        width: 58.55%; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .item01_cont01 .img01 {
            width: 100%; } }
      .sec01 .point_group .item01_cont01 .img01_2 {
        position: relative;
        width: 39.36%; }
        .sec01 .point_group .item01_cont01 .img01_2:after {
          content: "";
          position: absolute;
          top: 57%;
          right: calc(100% - 1px);
          width: 6.15%;
          aspect-ratio: 2/1;
          background: #a40028;
          clip-path: polygon(100% 0, 0 50%, 100% 100%); }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item01_cont01 .img01_2:after {
              content: none; } }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .item01_cont01 .img01_2 {
            width: 100%; } }
      .sec01 .point_group .item01_cont01 .text_group {
        width: 100%;
        display: flex;
        flex-direction: column;
        row-gap: 15px; }
        .sec01 .point_group .item01_cont01 .text_group .band_txt {
          text-align: center;
          font-size: clamp(14px, 2vw, 26px);
          color: #a40028;
          padding: 10px;
          background: #f5e2df; }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item01_cont01 .text_group .band_txt {
              font-size: 5vw;
              line-height: 1.5; } }
        .sec01 .point_group .item01_cont01 .text_group .band_cap {
          font-size: clamp(10px, 0.924vw, 12px);
          text-indent: -1em;
          padding-left: 1em; }
    .sec01 .point_group .item02_cont01 {
      flex-wrap: wrap;
      row-gap: clamp(30px, 3.077vw, 40px); }
      .sec01 .point_group .item02_cont01 .line_txt_group {
        width: 100%;
        align-items: center;
        column-gap: 20px; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .item02_cont01 .line_txt_group {
            column-gap: 10px; } }
        .sec01 .point_group .item02_cont01 .line_txt_group:before, .sec01 .point_group .item02_cont01 .line_txt_group:after {
          content: "";
          width: 100%;
          height: 1px;
          background: #000; }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item02_cont01 .line_txt_group:before, .sec01 .point_group .item02_cont01 .line_txt_group:after {
              content: none; } }
        .sec01 .point_group .item02_cont01 .line_txt_group .line_txt {
          flex-shrink: 0;
          font-size: clamp(16px, 2.154vw, 28px);
          line-height: 1.5; }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item02_cont01 .line_txt_group .line_txt {
              text-align: center;
              font-size: 5vw; } }
      .sec01 .point_group .item02_cont01 .cont01_group {
        align-items: flex-start;
        margin: clamp(25px, 3.077vw, 40px) 0; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .item02_cont01 .cont01_group {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .point_group .item02_cont01 .cont01_group .item02_in {
          align-items: flex-start;
          gap: clamp(12px, 1.539vw, 20px) 0;
          flex-wrap: wrap;
          width: 45.97%; }
          @media screen and (max-width: 820px) {
            .sec01 .point_group .item02_cont01 .cont01_group .item02_in {
              flex-direction: column; } }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item02_cont01 .cont01_group .item02_in {
              width: 100%; } }
          .sec01 .point_group .item02_cont01 .cont01_group .item02_in .point_ttl {
            width: 100%; }
          .sec01 .point_group .item02_cont01 .cont01_group .item02_in .read {
            width: 42.11%;
            line-height: 1.875; }
            @media screen and (max-width: 820px) {
              .sec01 .point_group .item02_cont01 .cont01_group .item02_in .read {
                width: 100%; } }
          .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image01 {
            width: 54.04%;
            transform: translateY(-25%); }
            @media screen and (max-width: 820px) {
              .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image01 {
                width: 100%;
                transform: none; } }
            @media screen and (max-width: 480px) {
              .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image01 {
                text-align: center; } }
          .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image02 {
            width: 56.67%;
            transform: translateY(-15%); }
            @media screen and (max-width: 820px) {
              .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image02 {
                width: 100%;
                transform: none; } }
            @media screen and (max-width: 480px) {
              .sec01 .point_group .item02_cont01 .cont01_group .item02_in .image02 {
                text-align: center; } }
        .sec01 .point_group .item02_cont01 .cont01_group .but {
          width: 3.23%;
          align-self: center;
          position: relative; }
          @media screen and (max-width: 820px) {
            .sec01 .point_group .item02_cont01 .cont01_group .but {
              width: 5%; } }
          @media screen and (max-width: 480px) {
            .sec01 .point_group .item02_cont01 .cont01_group .but {
              column-gap: 10px;
              width: 90px;
              text-align: center; } }
          .sec01 .point_group .item02_cont01 .cont01_group .but:before {
            content: "";
            position: absolute;
            inset: 0;
            width: 100%;
            aspect-ratio: 1/2.2;
            z-index: -1;
            background: #f4c222;
            clip-path: polygon(0 0, 0% 100%, 100% 50%); }
            @media screen and (max-width: 480px) {
              .sec01 .point_group .item02_cont01 .cont01_group .but:before {
                aspect-ratio: 2/1;
                clip-path: polygon(50% 100%, 0 0, 100% 0); } }
          .sec01 .point_group .item02_cont01 .cont01_group .but .but_txt {
            display: inline-block;
            transform: translateX(-25%);
            font-size: clamp(26px, 2.308vw, 30px);
            -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr; }
            @media screen and (max-width: 480px) {
              .sec01 .point_group .item02_cont01 .cont01_group .but .but_txt {
                -ms-writing-mode: unset;
                writing-mode: unset;
                transform: translateY(-5px); } }
      .sec01 .point_group .item02_cont01 .cont02_group {
        padding: 20px;
        background: #fef4da;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec01 .point_group .item02_cont01 .cont02_group {
            padding-bottom: 0; } }
        .sec01 .point_group .item02_cont01 .cont02_group .text_group {
          width: 58.34%; }
          @media screen and (max-width: 820px) {
            .sec01 .point_group .item02_cont01 .cont02_group .text_group {
              width: 100%; } }
          .sec01 .point_group .item02_cont01 .cont02_group .text_group .point_ttl {
            margin-bottom: 10px; }
        .sec01 .point_group .item02_cont01 .cont02_group .human_img {
          position: absolute;
          right: 10px;
          bottom: 0;
          width: 38.88%; }
          @media screen and (max-width: 820px) {
            .sec01 .point_group .item02_cont01 .cont02_group .human_img {
              width: 100%;
              position: static;
              text-align: right; } }
    @media screen and (max-width: 480px) {
      .sec01 .point_group .item03_cont01 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .point_group .item03_cont01 .text_group {
      width: 20.17%; }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .item03_cont01 .text_group {
          width: 100%; } }
      .sec01 .point_group .item03_cont01 .text_group .point_ttl {
        margin-bottom: 20px; }
    .sec01 .point_group .item03_cont01 .img01 {
      width: 27.42%; }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .item03_cont01 .img01 {
          width: 100%; } }
    .sec01 .point_group .item03_cont01 .img02 {
      width: 48.47%; }
      @media screen and (max-width: 480px) {
        .sec01 .point_group .item03_cont01 .img02 {
          width: 100%; } }

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