/*! Writen  by SCSS */
.sec01 {
  margin-top: clamp(80px, 10%, 120px);
  margin-bottom: clamp(50px, 6.67%, 80px); }
  .sec01 .lead_wrap {
    margin-bottom: 60px; }
    @media screen and (max-width: 480px) {
      .sec01 .lead_wrap {
        margin-bottom: 30px; } }
  @media screen and (max-width: 480px) {
    .sec01 .list {
      flex-direction: column;
      row-gap: 20px; } }
  .sec01 .list .item {
    width: 31.67%; }
    @media screen and (max-width: 480px) {
      .sec01 .list .item {
        width: 90%;
        margin-inline: auto; } }
    .sec01 .list .item a {
      transition: opacity 0.3s ease-in-out; }
      @media (hover: hover) {
        .sec01 .list .item a:hover {
          opacity: 0.7; } }

.bnr_area {
  position: relative;
  margin-bottom: clamp(100px, 15vw, 180px); }
  .bnr_area a {
    display: block;
    max-width: 700px;
    width: calc(100% - 60px);
    margin: 0 auto;
    position: relative;
    filter: drop-shadow(3px 3px 3px rgba(51, 51, 51, 0.8)); }
    @media screen and (max-width: 480px) {
      .bnr_area a {
        width: calc(100% - 40px); } }
    .bnr_area a .cap_ico {
      position: absolute;
      top: calc(-30%/2.26);
      right: calc(-20%/7);
      width: calc(128%/7);
      pointer-events: none;
      filter: drop-shadow(3px 3px 3px rgba(51, 51, 51, 0.8)); }
      @media screen and (max-width: 480px) {
        .bnr_area a .cap_ico {
          top: calc(-45%/2.26);
          filter: drop-shadow(3px 3px 3px rgba(51, 51, 51, 0)); } }
  .bnr_area.detail {
    margin: 60px 0 0; }

.sec_detail {
  margin-bottom: clamp(50px, 6.67%, 80px); }
  .sec_detail .inner {
    max-width: 1000px; }
  .sec_detail .lead {
    font-size: clamp(17px, 1.93vw, 24px); }
  .sec_detail .copy {
    margin-bottom: 2em; }
  .sec_detail .plan_detail_image {
    margin-bottom: clamp(25px, 3.34%, 40px); }
  .sec_detail .detail_wrap {
    display: grid;
    grid-template-columns: 31% 66%;
    align-items: flex-start;
    align-content: start;
    grid-auto-flow: dense; }
    @media screen and (max-width: 768px) {
      .sec_detail .detail_wrap {
        row-gap: clamp(30px, 28.847vw, 210px); } }
    @media screen and (max-width: 480px) {
      .sec_detail .detail_wrap {
        grid-template-columns: 1fr;
        row-gap: 30px; } }
    .sec_detail .detail_wrap .text_wrap {
      display: flex;
      flex-direction: column;
      row-gap: clamp(10px, 1.25vw, 15px); }
      @media screen and (max-width: 480px) {
        .sec_detail .detail_wrap .text_wrap {
          text-align: center; } }
      .sec_detail .detail_wrap .text_wrap .txt {
        border-bottom: 1px solid;
        padding-bottom: clamp(10px, 1.5vw, 15px);
        line-height: 1;
        font-size: clamp(12px, 1.5vw, 15px);
        font-weight: bold; }
        .sec_detail .detail_wrap .text_wrap .txt:nth-last-child(1 of .txt) {
          border: none; }
        .sec_detail .detail_wrap .text_wrap .txt .en {
          font-weight: normal; }
      .sec_detail .detail_wrap .text_wrap .txt01 {
        font-size: clamp(40px, 4.5vw, 45px);
        letter-spacing: 0.06em; }
        .sec_detail .detail_wrap .text_wrap .txt01 .small_01 {
          font-size: 70%; }
        .sec_detail .detail_wrap .text_wrap .txt01 .small_02 {
          font-size: 66%; }
        .sec_detail .detail_wrap .text_wrap .txt01 .small_03 {
          font-size: 47%; }
      .sec_detail .detail_wrap .text_wrap .txt02 .big_01 {
        font-size: 266%; }
      .sec_detail .detail_wrap .text_wrap .txt02 .big_02 {
        font-size: 214%; }
      .sec_detail .detail_wrap .text_wrap .txt02 .small {
        font-size: 94%; }
      .sec_detail .detail_wrap .text_wrap .hanrei_list {
        font-size: clamp(10px, 1.25vw, 13px);
        line-height: 1;
        display: flex;
        align-items: baseline;
        font-weight: 700;
        gap: 0.5em 0.8em; }
        @media screen and (max-width: 480px) {
          .sec_detail .detail_wrap .text_wrap .hanrei_list {
            justify-content: center;
            font-size: 12px; } }
        .sec_detail .detail_wrap .text_wrap .hanrei_list .item {
          display: flex;
          align-items: center;
          gap: 0.25em; }
          .sec_detail .detail_wrap .text_wrap .hanrei_list .item .icon {
            width: 2.3em;
            height: 0.76em;
            border: 1px solid; }
            .sec_detail .detail_wrap .text_wrap .hanrei_list .item .icon.icon_storage {
              background: #e9e4d6; }
            .sec_detail .detail_wrap .text_wrap .hanrei_list .item .icon.icon_water {
              background: #e1f2fc; }
            .sec_detail .detail_wrap .text_wrap .hanrei_list .item .icon.icon_yukadan {
              background: #fbecd2; }
      .sec_detail .detail_wrap .text_wrap .hensai {
        border: 1px solid #000;
        font-weight: bold; }
        .sec_detail .detail_wrap .text_wrap .hensai .hensai_ttl {
          padding: 0.3em 0.5em;
          background: #000;
          text-align: center;
          color: #fff;
          font-size: clamp(11px, 1.4vw, 14px);
          letter-spacing: 0.2em; }
        .sec_detail .detail_wrap .text_wrap .hensai .txts {
          padding: 0.8em 0.5em; }
          .sec_detail .detail_wrap .text_wrap .hensai .txts .flex {
            flex-wrap: wrap;
            justify-content: center;
            align-items: flex-end;
            grid-gap: 0 0.5em; }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .flex:not(:last-child) {
              padding-bottom: 0.8em;
              margin-bottom: 0.7em;
              border-bottom: 1px solid #887631; }
          .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 {
            display: flex;
            justify-content: center;
            align-items: baseline;
            font-size: clamp(11px, 1.6vw, 16px);
            letter-spacing: 0;
            line-height: 1; }
            @media screen and (max-width: 480px) {
              .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 {
                font-size: 4vw; } }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .bg_text {
              font-size: 0.9em;
              line-height: 1;
              background: #887631;
              color: #fff;
              padding: 0.3em;
              margin-right: 0.25em;
              transform: translateY(-3px); }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .lg {
              display: inline-block;
              font-size: 240%;
              color: #900;
              line-height: 0.8; }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .lg2 {
              font-size: 180%;
              line-height: 0.8; }
              .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .lg2.red {
                color: #900; }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .lg3 {
              display: inline-block;
              color: #900;
              font-size: 400%;
              line-height: 0.8; }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .monthly {
              font-size: 160%; }
            .sec_detail .detail_wrap .text_wrap .hensai .txts .txt1 .min {
              font-size: 80%; }
          .sec_detail .detail_wrap .text_wrap .hensai .txts .bonus_text {
            font-size: clamp(10px, 1.2vw, 12px);
            line-height: 1;
            text-align: center;
            width: 100%;
            background: #887631;
            color: #fff;
            padding: 0.3em;
            margin-top: 1em; }
            @media screen and (max-width: 480px) {
              .sec_detail .detail_wrap .text_wrap .hensai .txts .bonus_text {
                font-size: 12px;
                padding: 5px; } }
          .sec_detail .detail_wrap .text_wrap .hensai .txts .cap_l {
            text-align: justify;
            font-size: 10px; }
    .sec_detail .detail_wrap .btn {
      grid-row: 2/3; }
      @media screen and (max-width: 480px) {
        .sec_detail .detail_wrap .btn {
          grid-row: 3/4;
          margin-top: 20px; } }
      .sec_detail .detail_wrap .btn a {
        display: grid;
        place-items: center;
        padding-block: 12px;
        border: 1px solid #333;
        line-height: 1;
        font-size: clamp(14px, 1.8vw, 18px);
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .sec_detail .detail_wrap .btn a:hover {
            opacity: 0.7; } }
    .sec_detail .detail_wrap .img {
      grid-row: 1 / 3;
      grid-column: 2 / 3; }
      @media screen and (max-width: 480px) {
        .sec_detail .detail_wrap .img {
          grid-column: span 1;
          grid-row: span 1; } }

.detail_link_wrap {
  margin-top: clamp(40px, 5.84%, 70px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #26376a;
  border-bottom: 1px solid #26376a; }
  @media screen and (max-width: 480px) {
    .detail_link_wrap {
      flex-wrap: wrap;
      padding-left: 15px;
      padding-right: 15px;
      gap: 15px 4%; } }
  .detail_link_wrap .link_detail {
    color: #26376a;
    display: flex;
    align-items: center;
    transition: opacity 0.3s ease-in-out;
    font-size: clamp(16px, 2.09vw, 26px);
    gap: 0 0.61em; }
    @media screen and (max-width: 480px) {
      .detail_link_wrap .link_detail {
        font-size: 18px;
        gap: 0.5em; } }
    .detail_link_wrap .link_detail:after {
      content: "";
      margin: 0;
      padding: 0;
      display: block;
      border: none;
      border-bottom: solid 1px currentColor;
      height: 0.3em;
      width: 1.15em; }
    .detail_link_wrap .link_detail.link_detail_prev {
      flex-direction: row-reverse; }
      @media screen and (max-width: 480px) {
        .detail_link_wrap .link_detail.link_detail_prev {
          order: 1; } }
      .detail_link_wrap .link_detail.link_detail_prev:after {
        border-left: solid 1px currentColor;
        transform: skewX(-45deg); }
    @media screen and (max-width: 480px) {
      .detail_link_wrap .link_detail.link_detail_next {
        order: 2; } }
    .detail_link_wrap .link_detail.link_detail_next:after {
      border-right: solid 1px currentColor;
      transform: skewX(45deg); }
    .detail_link_wrap .link_detail .text {
      display: flex;
      align-items: baseline;
      justify-content: center;
      flex-wrap: wrap;
      line-height: 1;
      gap: 0.3em 0.3em; }
      @media screen and (max-width: 480px) {
        .detail_link_wrap .link_detail .text {
          flex-direction: column;
          align-items: center;
          justify-content: center; } }
      .detail_link_wrap .link_detail .text .en {
        display: flex;
        align-items: baseline;
        font-weight: 600;
        letter-spacing: 0.05em; }
        @media screen and (max-width: 480px) {
          .detail_link_wrap .link_detail .text .en {
            line-height: 0.8; } }
        .detail_link_wrap .link_detail .text .en .text_lg {
          font-size: 1.6em; }
      .detail_link_wrap .link_detail .text .space {
        font-size: 0.61em;
        letter-spacing: 0.05em; }
    @media (hover: hover) {
      .detail_link_wrap .link_detail:hover {
        opacity: 0.7; } }
  .detail_link_wrap .button_return {
    max-width: 252px;
    padding: 20px;
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border: 1px solid #26376a;
    color: #26376a; }
    @media screen and (max-width: 480px) {
      .detail_link_wrap .button_return {
        order: 3; } }
    .detail_link_wrap .button_return .cv_btn_txt {
      color: #26376a; }
    .detail_link_wrap .button_return::after {
      border-bottom: solid 1px currentColor;
      border-right: solid 1px currentColor; }
    @media (hover: hover) {
      .detail_link_wrap .button_return:hover {
        color: #fff;
        background: #26376a; }
        .detail_link_wrap .button_return:hover .cv_btn_txt {
          color: #fff; } }

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