/*! Writen  by SCSS */
.breadlist {
  display: none; }

div.wrap {
  padding-top: 0 !important; }

.ttl_wrap {
  padding-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .ttl_wrap {
      padding-bottom: 50px; } }
  .ttl_wrap.pb01 {
    padding-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .ttl_wrap.pb01 {
        padding-bottom: 30px; } }
  .ttl_wrap.lg {
    padding-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .ttl_wrap.lg {
        padding-bottom: 10px; } }
  .ttl_wrap .sec_ttl {
    margin-bottom: 0; }
  .ttl_wrap .p_sub {
    font-size: clamp(14px, calc(20vw / 12.7), 20px);
    margin-bottom: 2.5em; }

.sec01 {
  margin-bottom: 130px; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 70px; } }
  .sec01 .inner {
    max-width: 1300px; }
  .sec01 .sec01_wrap {
    display: flex;
    justify-content: space-between;
    justify-content: center; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap {
        flex-direction: column;
        row-gap: 25px; } }
    .sec01 .sec01_wrap .text_wrap {
      width: 43.85%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .text_wrap {
          width: 100%; } }
      .sec01 .sec01_wrap .text_wrap.type_gg {
        margin-right: calc(40% / 13); }
      .sec01 .sec01_wrap .text_wrap .ttl_img {
        margin-bottom: clamp(25px, calc(65vw / 12.3), 65px); }
      .sec01 .sec01_wrap .text_wrap .copy_wrap {
        display: flex;
        flex-direction: column;
        grid-row-gap: clamp(15px, calc(30vw / 12.3), 30px);
        margin-left: 6.15%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap .text_wrap .copy_wrap {
            margin-left: 0; } }
        .sec01 .sec01_wrap .text_wrap .copy_wrap .text {
          display: flex;
          align-items: baseline;
          column-gap: 5px;
          font-size: clamp(14px, calc(18vw / 12.3), 18px);
          letter-spacing: 0.125em;
          line-height: 1.6; }
          .sec01 .sec01_wrap .text_wrap .copy_wrap .text .icon {
            color: #beccd2; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .text_wrap .copy_img {
          margin-top: 2.7em; } }
      .sec01 .sec01_wrap .text_wrap .cap_img {
        margin-top: 4em; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap .text_wrap .cap_img {
            margin-top: 2.5em; } }
      .sec01 .sec01_wrap .text_wrap .backbtn .btn {
        width: 70%;
        max-width: 240px;
        margin: 3em 0 0 6%;
        display: block;
        padding: 5px;
        text-align: center;
        background: #000;
        color: #fff;
        font-size: clamp(14px, calc(17vw / 10), 17px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap .text_wrap .backbtn .btn {
            margin: 2.5em auto 0;
            max-width: 200px; } }
    .sec01 .sec01_wrap .img {
      width: 53.85%;
      width: 40%; }
      .sec01 .sec01_wrap .img.type_b {
        width: 39.62%; }
      .sec01 .sec01_wrap .img.type_d {
        width: 38.24%; }
      .sec01 .sec01_wrap .img.type_i {
        width: 39.93%; }
      .sec01 .sec01_wrap .img.type_l {
        width: 38.54%; }
      .sec01 .sec01_wrap .img.type_gg {
        width: 38.54%; }
      .sec01 .sec01_wrap .img.type_h {
        width: 38.54%; }
      .sec01 .sec01_wrap .img.type_nr {
        width: 53.85%; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap .img {
          width: calc(100% + 40px) !important;
          margin-inline: -20px;
          margin-top: 2.9em; } }

@media screen and (min-width: 769px) {
  .ill .t_cap_b {
    bottom: 2.7%;
    right: 3%; } }

.bnr360 {
  margin: 50px auto 0;
  text-align: center; }
  .bnr360 a {
    display: block;
    width: fit-content;
    margin: 0 auto;
    text-align: center; }
  @media screen and (max-width: 480px) {
    .bnr360 {
      margin: 30px auto 0; } }

.plan_tab {
  max-width: 570px;
  margin: 0 auto 40px;
  display: flex;
  justify-content: space-between; }
  .plan_tab .tab_item {
    width: calc(273%/5.7);
    position: relative;
    cursor: pointer; }
    .plan_tab .tab_item .on {
      position: absolute;
      inset: 0;
      margin: auto; }
    .plan_tab .tab_item.active {
      cursor: pointer;
      position: relative;
      overflow: hidden; }
      .plan_tab .tab_item.active::before {
        display: block;
        position: absolute;
        z-index: 10;
        left: -100%;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0) 100%);
        transition: all 0s; }
      .plan_tab .tab_item.active:hover::before {
        transition: all 0.8s ease-in-out;
        left: 100%; }
    .plan_tab .tab_item:not(.active) {
      position: relative;
      overflow: hidden; }
      .plan_tab .tab_item:not(.active) img.off {
        opacity: 1; }
      .plan_tab .tab_item:not(.active) img.on {
        opacity: 0; }
      .plan_tab .tab_item:not(.active)::before {
        display: block;
        position: absolute;
        z-index: 10;
        left: -100%;
        top: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg, rgba(23, 79, 57, 0) 0%, rgba(23, 79, 57, 0) 35%, rgba(23, 79, 57, 0.4) 50%, rgba(23, 79, 57, 0) 65%, rgba(23, 79, 57, 0) 100%);
        transition: all 0s; }
      .plan_tab .tab_item:not(.active):hover::before {
        transition: all 0.8s ease-in-out;
        left: 100%; }

.model_img:not(.active) {
  opacity: 0; }

.basic_img:not(.active) {
  opacity: 0; }

.copy_img {
  position: relative; }
  .copy_img .basic_img:not(.active) {
    display: none; }
  .copy_img .model_img:not(.active) {
    display: none; }

.sec01 .sec01_wrap.btype {
  width: 100%; }
  .sec01 .sec01_wrap.btype .text_wrap {
    margin-right: calc(40%/13); }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap.btype .text_wrap {
        margin-right: auto; } }
  .sec01 .sec01_wrap.btype .img {
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap.btype .img {
        margin-top: 0; } }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_wrap.btype .img .basic_img:not(.active) {
        display: none; } }
    .sec01 .sec01_wrap.btype .img .model_img {
      position: absolute;
      inset: 0; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_wrap.btype .img .model_img {
          position: relative; }
          .sec01 .sec01_wrap.btype .img .model_img:not(.active) {
            display: none; } }
      .sec01 .sec01_wrap.btype .img .model_img .plan_b_model_img {
        max-width: 515px;
        width: 100%;
        margin-top: 40px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_wrap.btype .img .model_img .plan_b_model_img {
            margin-top: 25px;
            max-width: 380px;
            width: calc(100% - 80px);
            margin: 25px auto 0; } }

@media screen and (max-width: 480px) {
  .view {
    margin-inline: -20px; }
    .view .img_wrap {
      max-width: none;
      width: 560px; } }

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