@charset "UTF-8";
/*! Writen  by SCSS */
.gnavi_in .gnavi_img .current {
  background: url("../images/common/nav_img_pla.jpg") center center/cover; }

body .wrap {
  overflow: visible; }

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

div.container {
  padding-top: 0;
  padding-bottom: 0; }

.sec .sec_read .s {
  font-size: 60%; }

.sec01 {
  background-color: #eae9ea;
  padding-bottom: 80px;
  color: #221815;
  /*.img_wrap {
  	max-width: 916px;
  	margin-inline: auto;
  	@include mq($br_sp){
  		width: calc(100% + 40px);
  		margin: 0 -20px;
  		display:flex;
  	}
  	figure:nth-child(1) {
  		margin-bottom: 15px;
  		@include mq($br_sp){
  			margin-bottom: 0;
  		}
  	}
  }*/ }
  @media screen and (max-width: 767px) {
    .sec01 {
      padding-bottom: 50px; } }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-bottom: 50px; } }

.sec03 {
  /*background: linear-gradient(50deg, #cae4c3,#88c9a1);*/
  background: linear-gradient(90deg, #e6e4e6 0%, #f6f6f7 100%);
  padding-block: 80px;
  /*.zeh_img {
  	@include mq($br_sp){
  		width: 80%;
  		margin: 0 auto;
  	}
  }*/ }
  @media screen and (max-width: 480px) {
    .sec03 {
      padding-block: 50px; } }

.sec04 {
  background: linear-gradient(90deg, #e6e4e6 0%, #f6f6f7 100%);
  padding-block: 80px; }
  @media screen and (max-width: 480px) {
    .sec04 {
      padding-block: 50px; } }
  .sec04 .plan_menu1 .swiper {
    max-width: 623px !important; }
    .sec04 .plan_menu1 .swiper .item_wrap {
      display: flex;
      flex-direction: column;
      row-gap: clamp(20px, calc(40vw / 12.8), 25px); }
      .sec04 .plan_menu1 .swiper .item_wrap .item {
        display: flex;
        justify-content: space-between;
        max-width: 609px;
        margin-inline: auto; }
        @media screen and (max-width: 480px) {
          .sec04 .plan_menu1 .swiper .item_wrap .item {
            flex-wrap: wrap;
            flex-direction: column-reverse; } }
        .sec04 .plan_menu1 .swiper .item_wrap .item .img {
          width: 42.21%; }
          @media screen and (max-width: 480px) {
            .sec04 .plan_menu1 .swiper .item_wrap .item .img {
              width: 100%; } }
        .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap {
          width: 57.8%;
          background-color: #d5d4d6;
          display: flex;
          align-items: center;
          flex-direction: column; }
          @media screen and (max-width: 480px) {
            .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap {
              width: 100%;
              padding-block: 15px; } }
          .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap .ttl {
            text-align: center;
            border-bottom: 1px solid;
            width: 100%;
            line-height: 0.9;
            line-height: 1.2;
            line-height: 1.4;
            font-size: clamp(17px, calc(23vw / 12.8), 23px);
            padding-top: 0.75em;
            padding-top: 10px;
            margin-bottom: 12px;
            margin-bottom: 9px;
            padding-bottom: 12px;
            padding-bottom: 9px;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 480px) {
              .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap .ttl {
                padding-top: 0;
                margin-bottom: 8px;
                padding-bottom: 8px; } }
            .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap .ttl .small {
              font-size: 50%;
              display: block;
              margin-top: 2px; }
          .sec04 .plan_menu1 .swiper .item_wrap .item .text_wrap .read {
            font-size: clamp(12px, calc(14vw / 6), 14px);
            margin-inline: clamp(15px, calc(25vw / 12.8), 25px);
            line-height: 1.6; }
      .sec04 .plan_menu1 .swiper .item_wrap .bnr_model {
        max-width: 609px;
        margin: 0 auto; }
        @media screen and (max-width: 480px) {
          .sec04 .plan_menu1 .swiper .item_wrap .bnr_model {
            width: 100%; } }
      .sec04 .plan_menu1 .swiper .item_wrap .map {
        width: 94.87%;
        margin-inline: auto; }
        @media screen and (max-width: 480px) {
          .sec04 .plan_menu1 .swiper .item_wrap .map {
            width: 100%; } }
  .sec04 .plan_menu1_head .box .name {
    background-color: #014099;
    color: #fff; }
  .sec04 .plan_menu1_head .box .dtl .plan {
    display: flex;
    column-gap: clamp(10px, calc(20vw / 6.2), 20px); }
    @media screen and (max-width: 480px) {
      .sec04 .plan_menu1_head .box .dtl .plan {
        justify-content: center; } }
  .sec04 .plan_menu1_head .box .dtl .cap_r {
    display: block; }
    @media screen and (max-width: 767px) {
      .sec04 .plan_menu1_head .box .dtl .cap_r {
        text-align: center; } }
  .sec04 .plan_menu1 .swiper-paginationWrap {
    top: 55%; }
    @media screen and (max-width: 480px) {
      .sec04 .plan_menu1 .swiper-paginationWrap {
        top: 66%; } }

.banner_limited {
  margin-bottom: 40px; }

.sec_plan .zeh_read {
  border: 1px solid #004098;
  width: fit-content;
  margin-inline: auto;
  line-height: 1;
  color: #004098;
  width: 100%;
  max-width: 493px;
  padding-block: 10px;
  background-color: #fff; }
  @media screen and (max-width: 480px) {
    .sec_plan .zeh_read {
      width: 100%;
      text-align: center;
      padding-inline: 0; } }
.sec_plan .sec_ttl_ja {
  font-size: clamp(16px, calc(23vw / 12.8), 26px); }

.sec02 {
  padding-top: 80px; }
  @media screen and (max-width: 767px) {
    .sec02 {
      padding-top: 40px; } }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding-top: 50px; } }
  .sec02 .inner {
    max-width: 1060px; }
  .sec02 .box_sld {
    margin-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .sec02 .box_sld {
        margin-bottom: 40px; } }
    @media screen and (max-width: 480px) {
      .sec02 .box_sld {
        margin-bottom: 40px; } }
    @media screen and (max-width: 480px) {
      .sec02 .box_sld .sld1 img {
        width: 484px;
        max-width: 480px; } }
  .sec02 .main_wrap {
    padding-bottom: 60px; }
    @media screen and (max-width: 767px) {
      .sec02 .main_wrap {
        padding-bottom: 40px; } }
    @media screen and (max-width: 480px) {
      .sec02 .main_wrap {
        margin: 0 auto;
        padding-bottom: 40px; } }
    .sec02 .main_wrap .box + .box {
      margin-top: 60px; }
      @media screen and (max-width: 480px) {
        .sec02 .main_wrap .box + .box {
          margin-top: 30px; } }
    .sec02 .main_wrap .box .ttl {
      width: 100%;
      display: flex;
      align-items: center;
      column-gap: 15px;
      position: relative;
      z-index: 1;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        .sec02 .main_wrap .box .ttl {
          margin-bottom: 20px; } }
      .sec02 .main_wrap .box .ttl::after {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #000; }
      .sec02 .main_wrap .box .ttl::before {
        content: '';
        width: 100%;
        height: 1px;
        background-color: #000;
        display: none; }
        @media screen and (max-width: 767px) {
          .sec02 .main_wrap .box .ttl::before {
            display: block; } }
      .sec02 .main_wrap .box .ttl.col2 {
        max-width: 695px; }
        @media screen and (max-width: 767px) {
          .sec02 .main_wrap .box .ttl.col2 {
            max-width: 100%; } }
      .sec02 .main_wrap .box .ttl.col1 {
        max-width: 330px; }
        @media screen and (max-width: 767px) {
          .sec02 .main_wrap .box .ttl.col1 {
            max-width: 100%; } }
      .sec02 .main_wrap .box .ttl span {
        position: relative;
        flex-shrink: 0;
        font-size: clamp(18px, calc(25vw / 11), 25px);
        color: #221815;
        letter-spacing: 0.12em; }
    .sec02 .main_wrap .box .in {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      row-gap: 40px; }
      @media screen and (max-width: 767px) {
        .sec02 .main_wrap .box .in {
          row-gap: 30px; } }
      .sec02 .main_wrap .box .in.flex_start {
        justify-content: flex-start;
        column-gap: calc(35% / 10.6); }
      .sec02 .main_wrap .box .in a,
      .sec02 .main_wrap .box .in > div {
        cursor: pointer;
        width: 31.14%;
        display: flex;
        flex-direction: column;
        max-width: 330px;
        background-color: #f6f7f7;
        padding: 20px clamp(20px, calc(25vw / 11), 25px);
        box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, 0.5);
        padding-top: 25px;
        padding-bottom: 25px;
        position: relative; }
        @media screen and (max-width: 767px) {
          .sec02 .main_wrap .box .in a,
          .sec02 .main_wrap .box .in > div {
            width: 48%; } }
        @media screen and (max-width: 480px) {
          .sec02 .main_wrap .box .in a,
          .sec02 .main_wrap .box .in > div {
            width: 100%;
            margin-inline: auto;
            padding-block: 20px; } }
        @media (hover: hover) {
          .sec02 .main_wrap .box .in a:hover .btn,
          .sec02 .main_wrap .box .in > div:hover .btn {
            opacity: 0.6; } }
        .sec02 .main_wrap .box .in a.tab_box,
        .sec02 .main_wrap .box .in > div.tab_box {
          padding-top: 50px; }
          .sec02 .main_wrap .box .in a.tab_box .last_icon,
          .sec02 .main_wrap .box .in > div.tab_box .last_icon {
            top: 45px; }
          @media screen and (max-width: 480px) {
            .sec02 .main_wrap .box .in a.tab_box,
            .sec02 .main_wrap .box .in > div.tab_box {
              padding-top: 40px; } }
        @media screen and (max-width: 480px) {
          .sec02 .main_wrap .box .in a.pt_sp,
          .sec02 .main_wrap .box .in > div.pt_sp {
            padding-top: 20px; } }
        .sec02 .main_wrap .box .in a .tab,
        .sec02 .main_wrap .box .in > div .tab {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          display: flex;
          justify-content: flex-end; }
          .sec02 .main_wrap .box .in a .tab .new,
          .sec02 .main_wrap .box .in > div .tab .new {
            width: calc(70% / 3.3);
            line-height: 1;
            font-weight: 900;
            background: #c7000a;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: clamp(16px, calc(20vw / 11), 20px);
            color: #fff;
            padding: 0.4em 0 0.2em;
            position: absolute;
            top: 10px;
            right: 10px; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .tab .new,
              .sec02 .main_wrap .box .in > div .tab .new {
                width: calc(50% / 3.3);
                font-size: calc(16vw / 3.9);
                padding: 0.4em 1px 0.2em;
                top: 0;
                right: 0; } }
          .sec02 .main_wrap .box .in a .tab .new1,
          .sec02 .main_wrap .box .in > div .tab .new1 {
            width: 10em;
            line-height: 1;
            letter-spacing: 0.05em;
            font-weight: 900;
            background: linear-gradient(90deg, #e4633d, #c25434);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: clamp(12px, calc(17vw / 11), 17px);
            color: #fff;
            padding: 0.4em 0 0.2em;
            position: absolute;
            top: 10px;
            right: 10px; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .tab .new1,
              .sec02 .main_wrap .box .in > div .tab .new1 {
                font-size: calc(16vw / 3.9);
                padding: 0.4em 1px 0.2em;
                top: 0;
                right: 0; } }
          .sec02 .main_wrap .box .in a .tab .price,
          .sec02 .main_wrap .box .in > div .tab .price {
            flex: 1;
            font-weight: 700;
            line-height: 1;
            background: linear-gradient(90deg, #ddba1d, #cd9a1b);
            background: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: clamp(12px, calc(17vw / 11), 17px);
            letter-spacing: 0.03em;
            color: #ba0000;
            color: #fff100;
            padding: 0.4em 0 0.3em; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .tab .price,
              .sec02 .main_wrap .box .in > div .tab .price {
                font-size: calc(16vw / 3.9);
                padding: 0.3em 0 0.25em 0.9em; } }
            .sec02 .main_wrap .box .in a .tab .price .s,
            .sec02 .main_wrap .box .in > div .tab .price .s {
              font-size: 70%;
              display: inline-block;
              transform: translate(0, 0.2em); }
              .sec02 .main_wrap .box .in a .tab .price .s .ml2,
              .sec02 .main_wrap .box .in > div .tab .price .s .ml2 {
                display: inline-block;
                margin-left: 1em; }
            .sec02 .main_wrap .box .in a .tab .price .ma,
            .sec02 .main_wrap .box .in > div .tab .price .ma {
              font-size: 140%;
              font-weight: 200;
              display: inline-block;
              transform: translate(0, -0.1em);
              padding-left: 0.1em; }
          .sec02 .main_wrap .box .in a .tab .copy,
          .sec02 .main_wrap .box .in > div .tab .copy {
            flex: 1;
            font-weight: 700;
            line-height: 1;
            background: linear-gradient(90deg, #004ea2, #171878);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: clamp(12px, calc(17vw / 11), 17px);
            color: #fff100;
            padding: 0.55em 2px; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .tab .copy,
              .sec02 .main_wrap .box .in > div .tab .copy {
                font-size: calc(16vw / 3.9);
                padding: 0.45em 2px 0.45em; } }
        .sec02 .main_wrap .box .in a .p1,
        .sec02 .main_wrap .box .in > div .p1 {
          font-size: clamp(24px, calc(26vw / 11), 26px);
          line-height: 1;
          color: #004098;
          font-family: "Times New Roman";
          margin-bottom: 0.4em; }
          .sec02 .main_wrap .box .in a .p1 span,
          .sec02 .main_wrap .box .in > div .p1 span {
            font-size: 70%; }
        .sec02 .main_wrap .box .in a .p2,
        .sec02 .main_wrap .box .in > div .p2 {
          position: relative;
          font-size: clamp(30px, calc(40vw / 11), 40px);
          line-height: 1;
          padding-bottom: 0.3em;
          margin-bottom: 0.3em;
          font-family: "Times New Roman"; }
          .sec02 .main_wrap .box .in a .p2.ls,
          .sec02 .main_wrap .box .in > div .p2.ls {
            letter-spacing: -0.03em; }
          .sec02 .main_wrap .box .in a .p2::after,
          .sec02 .main_wrap .box .in > div .p2::after {
            content: '';
            width: calc(100% + 50px);
            height: 1px;
            background-color: #014099;
            position: absolute;
            bottom: 0;
            left: -25px;
            pointer-events: none; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .p2::after,
              .sec02 .main_wrap .box .in > div .p2::after {
                width: calc(100% + 40px);
                left: -20px; } }
          .sec02 .main_wrap .box .in a .p2 span,
          .sec02 .main_wrap .box .in > div .p2 span {
            font-size: 70%; }
        .sec02 .main_wrap .box .in a .p3,
        .sec02 .main_wrap .box .in > div .p3 {
          font-size: clamp(13px, calc(16vw / 11), 16px);
          line-height: 1.4;
          color: #38383a;
          margin-bottom: 1em; }
          .sec02 .main_wrap .box .in a .p3 .span1,
          .sec02 .main_wrap .box .in > div .p3 .span1 {
            font-size: 220%;
            font-family: "Times New Roman"; }
          .sec02 .main_wrap .box .in a .p3 .span2,
          .sec02 .main_wrap .box .in > div .p3 .span2 {
            font-size: 160%;
            font-family: "Times New Roman"; }
        .sec02 .main_wrap .box .in a .p4,
        .sec02 .main_wrap .box .in > div .p4 {
          font-size: clamp(15px, calc(18vw / 11), 18px);
          line-height: 1.8;
          color: #38383a;
          padding-bottom: 30px; }
        .sec02 .main_wrap .box .in a .price2,
        .sec02 .main_wrap .box .in > div .price2 {
          font-size: clamp(8px, calc(11vw / 11), 11px);
          line-height: 1.1;
          color: #38383a;
          text-align: center;
          margin-bottom: 1em;
          font-weight: 900;
          font-feature-settings: palt; }
          @media screen and (max-width: 480px) {
            .sec02 .main_wrap .box .in a .price2,
            .sec02 .main_wrap .box .in > div .price2 {
              font-size: calc(12vw / 3.9);
              letter-spacing: -0.03em; } }
          .sec02 .main_wrap .box .in a .price2 .kakaku,
          .sec02 .main_wrap .box .in > div .price2 .kakaku {
            position: relative;
            top: 0.1em;
            font-size: 90%;
            display: inline-block;
            margin-right: 0.1em; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .price2 .kakaku,
              .sec02 .main_wrap .box .in > div .price2 .kakaku {
                top: 0;
                font-size: 95%; } }
          .sec02 .main_wrap .box .in a .price2 .ma,
          .sec02 .main_wrap .box .in > div .price2 .ma {
            font-size: 380%;
            display: inline-block;
            margin-inline: 0.07em; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .price2 .ma,
              .sec02 .main_wrap .box .in > div .price2 .ma {
                font-size: 350%; } }
          .sec02 .main_wrap .box .in a .price2 .ma2,
          .sec02 .main_wrap .box .in > div .price2 .ma2 {
            font-size: 133%;
            font-size: 120%; }
            @media screen and (max-width: 480px) {
              .sec02 .main_wrap .box .in a .price2 .ma2,
              .sec02 .main_wrap .box .in > div .price2 .ma2 {
                font-size: 150%;
                font-size: 130%; } }
          .sec02 .main_wrap .box .in a .price2 .color1,
          .sec02 .main_wrap .box .in > div .price2 .color1 {
            color: #9f0710; }
          .sec02 .main_wrap .box .in a .price2 .s,
          .sec02 .main_wrap .box .in > div .price2 .s {
            display: inline-block;
            text-align: left;
            font-size: 75%;
            font-size: 88%; }
        .sec02 .main_wrap .box .in a .btn,
        .sec02 .main_wrap .box .in > div .btn {
          display: flex;
          align-items: center;
          justify-content: center;
          position: relative;
          font-size: clamp(13px, calc(15vw / 11), 15px);
          letter-spacing: 0.05em;
          color: #fff;
          text-align: center;
          line-height: 1;
          padding: 1.3em 10px;
          transition: all 0.3s ease-in-out 0s;
          background: linear-gradient(90deg, #004ea2, #0c2480);
          margin-top: auto; }
          @media screen and (max-width: 767px) {
            .sec02 .main_wrap .box .in a .btn,
            .sec02 .main_wrap .box .in > div .btn {
              padding: 1em 10px; } }
          .sec02 .main_wrap .box .in a .btn .icon,
          .sec02 .main_wrap .box .in > div .btn .icon {
            margin-left: 1em;
            letter-spacing: -0.2em;
            transform: scaleX(0.7) translateY(-0.05em); }
          .sec02 .main_wrap .box .in a .btn.lim,
          .sec02 .main_wrap .box .in > div .btn.lim {
            background: linear-gradient(90deg, #da3915, #9a0004); }
    .sec02 .main_wrap .box .cap {
      margin-top: 40px;
      font-size: clamp(10px, calc(12vw / 11), 12px);
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        .sec02 .main_wrap .box .cap {
          margin-inline: auto;
          letter-spacing: -0.05em; } }
  .sec02 .big_img {
    margin-inline: auto;
    width: fit-content; }
    @media screen and (max-width: 480px) {
      .sec02 .big_img {
        width: 90%; } }

.plan_menu1_head {
  max-width: 620px;
  margin: 0 auto 25px; }
  .plan_menu1_head .t1 {
    font-size: clamp(12px, calc(14vw / 6.2), 14px); }
    @media screen and (max-width: 767px) {
      .plan_menu1_head .t1 {
        text-align: center; } }
  .plan_menu1_head .box {
    display: flex; }
    @media screen and (max-width: 767px) {
      .plan_menu1_head .box {
        display: block; } }
    .plan_menu1_head .box .name {
      width: calc(130% / 6.2);
      background: #efeeef; }
      @media screen and (max-width: 767px) {
        .plan_menu1_head .box .name {
          display: flex;
          justify-content: center;
          align-items: baseline;
          width: 80%;
          margin: 0 auto;
          padding: 4px 0 6px; } }
      .plan_menu1_head .box .name .name1 {
        font-size: clamp(23px, calc(30vw / 6.2), 30px);
        text-align: center;
        line-height: 1.6;
        border-bottom: solid 1px #d0d1d1; }
        .plan_menu1_head .box .name .name1 .s {
          font-size: 70%; }
        @media screen and (max-width: 767px) {
          .plan_menu1_head .box .name .name1 {
            border-bottom: none;
            line-height: 1; } }
      .plan_menu1_head .box .name .name2 {
        font-size: clamp(15px, calc(17vw / 6.2), 17px);
        line-height: 3;
        text-align: center; }
        @media screen and (max-width: 767px) {
          .plan_menu1_head .box .name .name2 {
            border-left: solid 1px #d0d1d1;
            padding-left: 1em;
            margin-left: 1em;
            line-height: 1; } }
    .plan_menu1_head .box .dtl {
      width: calc(490% / 6.2); }
      @media screen and (max-width: 767px) {
        .plan_menu1_head .box .dtl {
          width: 100%;
          text-align: center; } }
      .plan_menu1_head .box .dtl .plan {
        padding-left: calc(20% / 4.9);
        font-size: clamp(25px, calc(33vw / 6.2), 33px);
        line-height: 1.46;
        border-bottom: solid 1px #918b8a;
        border-bottom: solid 1px #fff; }
        .plan_menu1_head .box .dtl .plan .s {
          font-size: 75%; }
        .plan_menu1_head .box .dtl .plan .s_02 {
          font-size: 45%; }
        .plan_menu1_head .box .dtl .plan .cap {
          display: inline-block;
          margin-left: 1em;
          font-size: 11px; }
          @media screen and (max-width: 767px) {
            .plan_menu1_head .box .dtl .plan .cap {
              font-size: 12px; } }
        @media screen and (max-width: 767px) {
          .plan_menu1_head .box .dtl .plan {
            line-height: 0.8;
            padding: 0.6em 0 0.6em; } }
      .plan_menu1_head .box .dtl .area {
        padding-left: calc(20% / 4.9);
        font-size: clamp(12px, calc(13vw / 6.2), 13px);
        line-height: 1.3; }
        .plan_menu1_head .box .dtl .area .l1 {
          font-size: 240%; }
        .plan_menu1_head .box .dtl .area .l2 {
          font-size: 160%; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.1; }

.plan_menu1 {
  max-width: calc(590px + 260px);
  position: relative;
  margin: 0 auto; }
  .plan_menu1 li.swiper-slide {
    /*padding-left: 15px!important;
    padding-right: 15px!important;
    @include mq($br_tb){
    	padding-left: 12px!important;
    	padding-right: 12px!important;
    }*/ }
    .plan_menu1 li.swiper-slide a {
      display: block; }
  .plan_menu1 .swiper {
    max-width: 590px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .plan_menu1 .swiper {
        width: calc(100% - 30px); } }
  .plan_menu1 .swiper-paginationWrap {
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    z-index: 99999; }
    @media screen and (max-width: 767px) {
      .plan_menu1 .swiper-paginationWrap {
        right: 0; } }
    .plan_menu1 .swiper-paginationWrap .btn-wrap {
      display: flex;
      justify-content: space-between;
      gap: 10px; }
      .plan_menu1 .swiper-paginationWrap .btn-wrap .prev, .plan_menu1 .swiper-paginationWrap .btn-wrap .next {
        padding: 0;
        margin: 0;
        width: 36px;
        height: 36px;
        background: none;
        border: none;
        outline: none;
        transition: 0.4s ease;
        cursor: pointer; }
        .plan_menu1 .swiper-paginationWrap .btn-wrap .prev::after, .plan_menu1 .swiper-paginationWrap .btn-wrap .next::after {
          display: none; }
        @media screen and (max-width: 767px) {
          .plan_menu1 .swiper-paginationWrap .btn-wrap .prev, .plan_menu1 .swiper-paginationWrap .btn-wrap .next {
            width: 26px;
            height: 26px; } }

.swiper-pagination {
  position: relative;
  margin-top: clamp(15px, calc(40vw / 12.8), 40px); }

.swiper-pagination-bullet {
  width: 17px;
  height: 17px;
  background: #013a91;
  border-radius: 0% !important;
  margin-inline: 10px !important; }
  @media screen and (max-width: 480px) {
    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      margin-inline: 5px !important; } }

.ls_03 {
  letter-spacing: -0.03em; }

.ls_05 {
  letter-spacing: -0.05em; }

.sould {
  position: relative;
  pointer-events: none; }
  @media screen and (max-width: 480px) {
    .sould {
      padding-top: 20px !important; } }
  .sould::after {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    inset: 0;
    margin: auto; }
  .sould .sould_txt {
    letter-spacing: 0.2em;
    font-size: clamp(28px, calc(40vw / 9), 40px);
    color: #fff100;
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0.5em; }
    @media screen and (max-width: 480px) {
      .sould .sould_txt {
        flex-direction: column; } }
    .sould .sould_txt span {
      display: inline-block;
      line-height: 1; }
  .sould .p4 {
    padding-bottom: 0 !important; }
  .sould .new,
  .sould .price,
  .sould .copy,
  .sould .btn {
    opacity: 0; }
    @media screen and (max-width: 480px) {
      .sould .new,
      .sould .price,
      .sould .copy,
      .sould .btn {
        display: none !important; } }

.sold_icon {
  position: absolute;
  width: calc(124% / 3.3);
  right: calc(-18% / 3.3);
  top: calc(-8% / 4.1);
  z-index: 99; }
  @media screen and (max-width: 480px) {
    .sold_icon {
      width: 24%;
      right: -3%;
      top: -3%; } }

.last {
  position: relative; }
  @media screen and (max-width: 480px) {
    .last {
      padding-top: 20px !important; } }

.last_icon {
  position: absolute;
  max-width: 110px;
  right: 10px;
  top: 10px;
  align-items: center;
  align-self: center;
  padding: 10px;
  line-height: 0;
  z-index: 99;
  background: #3e3328; }
  @media screen and (max-width: 480px) {
    .last_icon {
      right: 0px;
      top: 0px;
      width: 32%;
      max-width: none; } }

.icon_pre {
  position: absolute;
  width: calc(100% / 3.3);
  right: calc(-15% / 3.3);
  top: calc(-15% / 4.43); }
  @media screen and (max-width: 480px) {
    .icon_pre {
      right: calc(-15% / 3.3);
      top: calc(-15% / 4.43); } }

.sec_premium {
  background: linear-gradient(180deg, #7b7f84 0%, #3d4043 100%); }
  .sec_premium .zeh_read {
    border: none;
    color: #221714;
    font-weight: bold;
    background: linear-gradient(135deg, #9a8f47 0%, #eae5ba 50%, #9a8f47 100%); }
  .sec_premium .sec_ttl_ja {
    color: #fff; }
  .sec_premium .plan_menu1_head {
    color: #fff;
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .sec_premium .plan_menu1_head {
        margin-bottom: 40px; } }
  .sec_premium .merit_wrap {
    color: #fff;
    max-width: 800px;
    justify-content: center;
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-inline: auto;
    margin-bottom: 25px;
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .sec_premium .merit_wrap {
        flex-direction: column;
        max-width: 305px;
        font-size: 16px;
        margin-bottom: 40px; } }
    .sec_premium .merit_wrap li {
      width: 33.33%;
      text-align: center;
      border-left: 1px solid #fff; }
      @media screen and (max-width: 480px) {
        .sec_premium .merit_wrap li {
          width: 100%;
          border-left: none;
          border-top: 1px solid;
          padding: 0.25em 0; } }
      .sec_premium .merit_wrap li:nth-last-child(1) {
        border-right: 1px solid #fff; }
        @media screen and (max-width: 480px) {
          .sec_premium .merit_wrap li:nth-last-child(1) {
            border-right: none;
            border-bottom: 1px solid; } }
  .sec_premium .swiper-pagination-bullet {
    background: #fff !important; }
  .sec_premium .premium_txts {
    max-width: 610px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 10px; }
    @media screen and (max-width: 480px) {
      .sec_premium .premium_txts {
        max-width: 304px; } }
    .sec_premium .premium_txts .item {
      background: #eeeef0;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec_premium .premium_txts .item {
          flex-direction: column; } }
      @media screen and (max-width: 480px) {
        .sec_premium .premium_txts .item .img {
          height: 100%; }
          .sec_premium .premium_txts .item .img img {
            width: 100%;
            height: 100%;
            object-fit: cover; } }
      .sec_premium .premium_txts .item.item02 {
        flex-direction: column; }
        .sec_premium .premium_txts .item.item02 .in_box {
          /*pcのみ*/ }
          @media screen and (max-width: 480px) {
            .sec_premium .premium_txts .item.item02 .in_box {
              padding-bottom: 0 !important; } }
      .sec_premium .premium_txts .item:nth-last-child(1) {
        /*pcのみ*/
        flex-direction: column;
        padding: 15px 20px; }
        .sec_premium .premium_txts .item:nth-last-child(1) .in_box {
          padding: 0 !important;
          margin-top: 15px; }
      .sec_premium .premium_txts .item:nth-child(2), .sec_premium .premium_txts .item:nth-child(3) {
        width: 49.19%; }
        @media screen and (max-width: 480px) {
          .sec_premium .premium_txts .item:nth-child(2), .sec_premium .premium_txts .item:nth-child(3) {
            width: 100%; } }
        .sec_premium .premium_txts .item:nth-child(2) .img, .sec_premium .premium_txts .item:nth-child(3) .img {
          /*pcのみ*/
          /*@include mq_min($br_pc) {
          	aspect-ratio: 152/83;
          	aspect-ratio: 140/83;
          	img {
          		width: 100%;
          		height: 100%;
          		object-fit: cover;
          	}
          }*/
          width: 100%; }
        .sec_premium .premium_txts .item:nth-child(2) .in_box, .sec_premium .premium_txts .item:nth-child(3) .in_box {
          width: 100%;
          padding: 15px; }
      .sec_premium .premium_txts .item .t_cap_b {
        color: #221714 !important; }
      .sec_premium .premium_txts .item .img {
        width: 50.17%; }
        @media screen and (max-width: 480px) {
          .sec_premium .premium_txts .item .img {
            width: 100%; } }
      .sec_premium .premium_txts .item .in_box {
        width: 49.84%;
        max-width: 305px;
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 0 15px; }
        @media screen and (max-width: 480px) {
          .sec_premium .premium_txts .item .in_box {
            width: 100%;
            padding: 15px 10px;
            row-gap: 15px; } }
        .sec_premium .premium_txts .item .in_box .text_wrap .ttl {
          font-size: 15px;
          font-size: 17px;
          line-height: 1.6;
          letter-spacing: 0.1em;
          margin-bottom: 0.25em; }
          @media screen and (max-width: 480px) {
            .sec_premium .premium_txts .item .in_box .text_wrap .ttl {
              font-size: 16px;
              text-align: center;
              margin-bottom: 0.5em; } }
        .sec_premium .premium_txts .item .in_box .text_wrap .read {
          font-size: 13px; }
          @media screen and (max-width: 480px) {
            .sec_premium .premium_txts .item .in_box .text_wrap .read {
              font-size: 12px; } }
        .sec_premium .premium_txts .item .in_box .img_in {
          display: flex;
          justify-content: space-between; }
          @media screen and (max-width: 480px) {
            .sec_premium .premium_txts .item .in_box .img_in {
              margin-inline: -10px;
              margin-inline: -15px; } }
          .sec_premium .premium_txts .item .in_box .img_in .img {
            width: 49.06%;
            max-width: 130px; }
            @media screen and (max-width: 480px) {
              .sec_premium .premium_txts .item .in_box .img_in .img {
                max-width: 100%;
                width: 50%;
                aspect-ratio: 125/65; }
                .sec_premium .premium_txts .item .in_box .img_in .img img {
                  width: 100%;
                  width: 100%;
                  height: 100%;
                  object-fit: cover; } }
  .sec_premium .cap_r01 {
    max-width: 610px;
    margin-inline: auto;
    color: #fff; }
    @media screen and (max-width: 480px) {
      .sec_premium .cap_r01 {
        max-width: 304px; } }

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