/*! Writen  by SCSS */
.mainvisual {
  position: relative; }
  .mainvisual .main_image {
    aspect-ratio: 1600/620;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/select/main.jpg"); }
    @media screen and (max-width: 480px) {
      .mainvisual .main_image {
        aspect-ratio: 414/300;
        background-image: url("../images/select/main_sp.jpg"); } }
  .mainvisual .main_title_group {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 400px;
    width: calc(100% - 60px);
    margin: auto;
    padding: clamp(20px, 3.334vw, 40px) 20px;
    height: max-content; }
    .mainvisual .main_title_group .main_title {
      font-size: clamp(30px, 3.334vw, 40px);
      padding-bottom: clamp(15px, 2.5vw, 30px);
      margin-bottom: clamp(15px, 2.5vw, 30px);
      position: relative;
      line-height: 1; }
      .mainvisual .main_title_group .main_title:after {
        content: "";
        position: absolute;
        inset: 0;
        top: auto;
        background: rgba(0, 0, 0, 0.5);
        width: 90%;
        height: 1px;
        margin: auto; }
    .mainvisual .main_title_group .main_sub {
      font-size: clamp(11px, 1.334vw, 16px); }

.inner {
  position: relative; }

.midashi_wrap {
  flex-direction: column;
  align-items: center;
  text-align: center; }
  .midashi_wrap .midashi_ttl {
    text-align: center;
    font-size: clamp(24px, 2.834vw, 34px);
    color: #58877d;
    letter-spacing: 0.1em;
    line-height: 1.47; }
    @media screen and (max-width: 480px) {
      .midashi_wrap .midashi_ttl {
        font-size: 5.8vw; } }
  .midashi_wrap .midashi_read {
    font-size: clamp(14px, 1.667vw, 20px);
    letter-spacing: 0.1em; }
    @media screen and (max-width: 480px) {
      .midashi_wrap .midashi_read {
        font-size: 4vw; } }

.step_area {
  background: #58877d;
  position: relative; }
  .step_area.paid {
    background: linear-gradient(to right, #ab9c69 0%, #cdc292 50%, #ab9c69 100%); }
  .step_area.first {
    margin-bottom: clamp(60px, 9.584vw, 115px); }
  .step_area .step_area_in {
    padding: 30px 0;
    position: relative;
    color: #FFF; }
    @media screen and (max-width: 820px) {
      .step_area .step_area_in {
        padding: 25px 0 20px; } }
    @media screen and (max-width: 480px) {
      .step_area .step_area_in {
        padding: 55px 0 20px; } }
    .step_area .step_area_in .plus_icon {
      position: absolute;
      left: 11.25%;
      bottom: 0;
      max-width: 211px; }
      @media screen and (max-width: 820px) {
        .step_area .step_area_in .plus_icon {
          left: 1%; } }
    .step_area .step_area_in .step_group01 {
      position: relative;
      justify-content: center;
      align-items: center;
      column-gap: 30px;
      width: fit-content;
      margin: 0 auto; }
      @media screen and (max-width: 820px) {
        .step_area .step_area_in .step_group01 {
          position: static; } }
      @media screen and (max-width: 480px) {
        .step_area .step_area_in .step_group01 {
          padding: 0 20px;
          flex-direction: column;
          row-gap: 15px; } }
      @media screen and (max-width: 480px) {
        .step_area .step_area_in .step_group01 .g01 {
          width: 100%;
          text-align: center; } }
      @media screen and (max-width: 820px) {
        .step_area .step_area_in .step_group01 .g02 img {
          height: 20px; } }
      @media screen and (max-width: 480px) {
        .step_area .step_area_in .step_group01 .g02 img {
          height: auto; } }
      .step_area .step_area_in .step_group01 .select_txt {
        align-self: center;
        padding-left: clamp(15px, 2.5vw, 30px);
        border-left: 1px solid #FFF;
        font-weight: 600;
        font-size: clamp(12px, 1.667vw, 20px); }
        @media screen and (max-width: 480px) {
          .step_area .step_area_in .step_group01 .select_txt {
            font-size: 3.6vw;
            padding-left: 0;
            line-height: 1;
            border-left: none; } }
      .step_area .step_area_in .step_group01 .step_icon {
        position: absolute;
        left: -15%;
        bottom: 60%; }
        @media screen and (max-width: 820px) {
          .step_area .step_area_in .step_group01 .step_icon {
            left: 1%;
            bottom: 75%; } }
        @media screen and (max-width: 480px) {
          .step_area .step_area_in .step_group01 .step_icon {
            left: 0%;
            right: 0;
            text-align: center;
            bottom: 81%; } }
    .step_area .step_area_in .step_read {
      padding: 20px 20px 0;
      margin-top: 20px;
      border-top: 1px solid #FFF;
      position: relative;
      text-align: center;
      font-size: clamp(16px, 1.5vw, 18px);
      letter-spacing: 0.1em;
      font-weight: 600; }
      @media screen and (max-width: 480px) {
        .step_area .step_area_in .step_read {
          font-size: 3.8vw;
          padding: 15px 20px 0;
          margin-top: 15px;
          line-height: 1.5; } }
      .step_area .step_area_in .step_read .color {
        color: #f9f871; }

.page_link {
  display: block;
  max-width: 280px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #58877d;
  background: #FFF;
  font-size: 18px;
  color: #58877d;
  text-align: center;
  padding: 10px; }
  @media screen and (max-width: 480px) {
    .page_link {
      font-size: 4.4vw; } }
  body:not(.mobile) .page_link:hover .icon_triangle {
    transform: translateX(5px); }
  .page_link .icon_triangle {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -4px;
    line-height: 0;
    transition: 0.3s transform ease-in-out 0s; }

.sec01 .midashi_wrap {
  padding: 70px 0 120px; }
  @media screen and (max-width: 820px) {
    .sec01 .midashi_wrap {
      padding: 50px 0 80px; } }
  @media screen and (max-width: 480px) {
    .sec01 .midashi_wrap {
      padding: 40px 0 60px; } }
  .sec01 .midashi_wrap .midashi_read {
    margin: 30px 0 70px; }
    @media screen and (max-width: 820px) {
      .sec01 .midashi_wrap .midashi_read {
        margin: 20px 0 40px; } }
.sec01 .select_btn {
  max-width: 600px;
  width: 100%;
  margin: 0 auto; }
  @media screen and (max-width: 480px) {
    .sec01 .select_btn {
      flex-direction: column;
      row-gap: 20px; } }
  .sec01 .select_btn a {
    width: 46.67%;
    display: block;
    text-align: center;
    padding: 10px 5px;
    font-weight: 600;
    letter-spacing: 0.05em;
    position: relative;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.12);
    transition: 0.3s opacity ease-in-out 0s; }
    @media screen and (max-width: 480px) {
      .sec01 .select_btn a {
        width: 100%; } }
    body:not(.mobile) .sec01 .select_btn a:hover {
      opacity: 0.7; }
    .sec01 .select_btn a.link01 {
      background: linear-gradient(to right, #99bcb5 0%, #b7dfd7 50%, #99bcb5 100%); }
    .sec01 .select_btn a.link02 {
      background: linear-gradient(to right, #c3b382 0%, #e1d8af 50%, #c3b382 100%); }
    .sec01 .select_btn a .link_txt {
      font-size: clamp(15px, 1.667vw, 20px); }
      @media screen and (max-width: 480px) {
        .sec01 .select_btn a .link_txt {
          font-size: 4.6vw; } }
    .sec01 .select_btn a .btn_arrow {
      position: absolute;
      right: 20px;
      top: 50%;
      margin-top: -10px;
      line-height: 0; }
.sec01 .plan_area {
  padding: 70px 0 90px; }
  @media screen and (max-width: 820px) {
    .sec01 .plan_area {
      padding: 50px 0 60px; } }
  .sec01 .plan_area .plan_group {
    max-width: 1000px;
    margin: 0 auto clamp(50px, 7.5vw, 90px);
    align-items: center; }
    @media screen and (max-width: 480px) {
      .sec01 .plan_area .plan_group {
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .plan_area .plan_group .or {
      width: 5.5%; }
      @media screen and (max-width: 480px) {
        .sec01 .plan_area .plan_group .or {
          width: 100%;
          text-align: center; } }
    .sec01 .plan_area .plan_group .plan_in {
      width: 45%; }
      @media screen and (max-width: 480px) {
        .sec01 .plan_area .plan_group .plan_in {
          width: 100%; } }
      .sec01 .plan_area .plan_group .plan_in.menu .plan_txt_group {
        background: #314e69; }
      .sec01 .plan_area .plan_group .plan_in.menu .plan_draw:after {
        border-color: #314e69; }
      .sec01 .plan_area .plan_group .plan_in .plan_txt_group {
        padding: 15px 20px;
        background: #9898a1;
        text-align: center;
        color: #FFF;
        display: flex;
        flex-direction: column;
        row-gap: 10px; }
        .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_ttl {
          display: flex;
          justify-content: center;
          align-items: center; }
          .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_ttl:before, .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_ttl:after {
            content: "";
            background: #FFF;
            width: 100%;
            height: 1px; }
          .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_ttl .plan_ttl_txt {
            flex-shrink: 0;
            padding: 0 10px;
            font-size: clamp(12px, 1.334vw, 16px); }
            @media screen and (max-width: 480px) {
              .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_ttl .plan_ttl_txt {
                font-size: 4vw; } }
        .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_read {
          font-size: clamp(14px, 1.5vw, 18px);
          line-height: 1.27; }
          @media screen and (max-width: 480px) {
            .sec01 .plan_area .plan_group .plan_in .plan_txt_group .plan_read {
              font-size: 4.4vw; } }
      .sec01 .plan_area .plan_group .plan_in .plan_draw {
        position: relative;
        background: #FFF; }
        .sec01 .plan_area .plan_group .plan_in .plan_draw:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 2px solid #9898a1;
          pointer-events: none;
          display: block; }
.sec01 .select_group {
  padding: 70px 0 140px; }
  @media screen and (max-width: 820px) {
    .sec01 .select_group {
      padding: 50px 0 80px; } }
  .sec01 .select_group .select_group_in {
    max-width: 1000px; }
    .sec01 .select_group .select_group_in .silhouette_img {
      text-align: center; }
    .sec01 .select_group .select_group_in .sink_group {
      margin: clamp(40px, 5vw, 60px) 0; }
      .sec01 .select_group .select_group_in .sink_group .sink_ttl {
        font-size: clamp(15px, 1.667vw, 20px);
        margin-bottom: 20px; }
        .sec01 .select_group .select_group_in .sink_group .sink_ttl .small {
          font-size: 70%; }
      .sec01 .select_group .select_group_in .sink_group .sink_item {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px 2%; }
        .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in {
          width: 23.5%;
          position: relative;
          background: #FFF; }
          @media screen and (max-width: 480px) {
            .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in {
              width: 32%;
              padding-bottom: 8%; } }
          .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in .text_group {
            position: absolute;
            inset: 0;
            top: auto;
            bottom: 5px;
            flex-direction: column;
            text-align: center;
            row-gap: 5px; }
            .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in .text_group .alphabet {
              line-height: 0; }
            .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in .text_group .text {
              font-size: clamp(10px, 1.167vw, 14px);
              letter-spacing: 0.1em; }
              @media screen and (max-width: 480px) {
                .sec01 .select_group .select_group_in .sink_group .sink_item .sink_item_in .text_group .text {
                  letter-spacing: -0.05em; } }
.sec01 .color_group {
  padding: 70px 0 100px; }
  @media screen and (max-width: 820px) {
    .sec01 .color_group {
      padding: 50px 0 80px; } }
  .sec01 .color_group .color_group_in {
    max-width: 1000px; }
    @media screen and (max-width: 480px) {
      .sec01 .color_group .color_group_in {
        flex-direction: column;
        row-gap: 20px; } }
    .sec01 .color_group .color_group_in .group_in {
      width: 32%;
      background: #FFF;
      padding: 20px; }
      @media screen and (max-width: 480px) {
        .sec01 .color_group .color_group_in .group_in {
          width: 100%; } }
      .sec01 .color_group .color_group_in .group_in .color_ttl {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 15px; }
        .sec01 .color_group .color_group_in .group_in .color_ttl .en_name_img {
          max-width: 234px;
          width: 100%;
          margin: 0 auto 5px;
          padding-bottom: 5px;
          border-bottom: 1px solid #000; }
        .sec01 .color_group .color_group_in .group_in .color_ttl .text {
          font-size: clamp(10px, 1.167vw, 14px); }
          @media screen and (max-width: 480px) {
            .sec01 .color_group .color_group_in .group_in .color_ttl .text {
              font-size: 13px; } }
      .sec01 .color_group .color_group_in .group_in .color_item {
        flex-wrap: wrap;
        gap: 20px 0; }
        .sec01 .color_group .color_group_in .group_in .color_item .photo {
          width: 48.22%;
          text-align: center; }
          .sec01 .color_group .color_group_in .group_in .color_item .photo.full {
            width: 100%; }
            @media screen and (max-width: 480px) {
              .sec01 .color_group .color_group_in .group_in .color_item .photo.full img {
                width: 50%;
                margin: 0 auto; } }
          .sec01 .color_group .color_group_in .group_in .color_item .photo .cap {
            display: block;
            margin-top: 5px;
            font-size: clamp(10px, 1.167vw, 14px); }
            @media screen and (max-width: 480px) {
              .sec01 .color_group .color_group_in .group_in .color_item .photo .cap {
                font-size: 13px; } }

.sec02 .option_group {
  padding: 70px 0 120px; }
  @media screen and (max-width: 820px) {
    .sec02 .option_group {
      padding: 50px 0 80px; } }
  .sec02 .option_group .option_group_in {
    max-width: 1000px; }
    .sec02 .option_group .option_group_in .option_txt {
      font-size: clamp(18px, 1.667vw, 20px);
      color: #7c191e;
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .sec02 .option_group .option_group_in .option_txt {
          font-size: 16px; } }
    @media screen and (max-width: 480px) {
      .sec02 .option_group .option_group_in .option_item {
        flex-direction: column;
        row-gap: 30px; } }
    .sec02 .option_group .option_group_in .option_item .option_left {
      width: 62%; }
      @media screen and (max-width: 480px) {
        .sec02 .option_group .option_group_in .option_item .option_left {
          width: 100%; } }
      .sec02 .option_group .option_group_in .option_item .option_left .photo_group .photo {
        width: 49.2%; }
    .sec02 .option_group .option_group_in .option_item .option_right {
      width: 30%; }
      @media screen and (max-width: 820px) {
        .sec02 .option_group .option_group_in .option_item .option_right {
          width: 34%; } }
      @media screen and (max-width: 480px) {
        .sec02 .option_group .option_group_in .option_item .option_right {
          width: 100%; } }
      .sec02 .option_group .option_group_in .option_item .option_right .door_img_group .door_img {
        width: 59%;
        margin: 0 auto 5px; }
        @media screen and (max-width: 480px) {
          .sec02 .option_group .option_group_in .option_item .option_right .door_img_group .door_img {
            width: 40%; } }
      .sec02 .option_group .option_group_in .option_item .option_right .text_photo {
        flex-wrap: wrap;
        align-items: flex-start; }
        .sec02 .option_group .option_group_in .option_item .option_right .text_photo .option_txt {
          width: 100%; }
        .sec02 .option_group .option_group_in .option_item .option_right .text_photo .option_read {
          width: 53.34%;
          line-height: 1.57; }
          @media screen and (max-width: 480px) {
            .sec02 .option_group .option_group_in .option_item .option_right .text_photo .option_read {
              width: 55%; } }
        .sec02 .option_group .option_group_in .option_item .option_right .text_photo .tebra_img {
          width: 43.34%; }
          @media screen and (max-width: 480px) {
            .sec02 .option_group .option_group_in .option_item .option_right .text_photo .tebra_img {
              width: 40%;
              max-width: 130px; } }
    .sec02 .option_group .option_group_in .option_item .option_txt {
      margin: 20px 0;
      border: 2px solid #7c191e;
      background: #FFF;
      font-size: clamp(15px, 1.5vw, 18px);
      font-weight: bold;
      text-align: center; }
    .sec02 .option_group .option_group_in .option_item .option_read {
      font-size: clamp(12px, 1.167vw, 14px); }
.sec02 .customize_group {
  padding: 70px 0 80px; }
  @media screen and (max-width: 820px) {
    .sec02 .customize_group {
      padding: 50px 0 60px; } }
  .sec02 .customize_group .customize_group_in {
    max-width: 1000px; }
    .sec02 .customize_group .customize_group_in .customize01 {
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec02 .customize_group .customize_group_in .customize01 {
          flex-direction: column;
          row-gap: 30px; } }
      .sec02 .customize_group .customize_group_in .customize01 .plan_img {
        width: 100%;
        justify-content: space-between;
        align-items: center;
        display: flex;
        margin-bottom: 40px; }
        @media screen and (max-width: 480px) {
          .sec02 .customize_group .customize_group_in .customize01 .plan_img {
            row-gap: 30px;
            flex-direction: column; } }
        .sec02 .customize_group .customize_group_in .customize01 .plan_img .draw_img {
          width: 48%; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize01 .plan_img .draw_img {
              width: 100%;
              text-align: center; } }
      .sec02 .customize_group .customize_group_in .customize01 .photo_group {
        display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        row-gap: 20px; }
        @media screen and (max-width: 480px) {
          .sec02 .customize_group .customize_group_in .customize01 .photo_group {
            width: 100%;
            flex-direction: column; } }
        .sec02 .customize_group .customize_group_in .customize01 .photo_group .photo {
          width: 48%; }
          .sec02 .customize_group .customize_group_in .customize01 .photo_group .photo figcaption {
            font-size: 14px;
            line-height: 1.2;
            color: #333;
            text-align: left;
            margin-top: 8px; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize01 .photo_group .photo {
              width: 100%; } }
        .sec02 .customize_group .customize_group_in .customize01 .photo_group .color_number {
          color: #7c191e;
          font-size: 110%;
          margin-right: 5px; }
        .sec02 .customize_group .customize_group_in .customize01 .photo_group .small_photo {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          width: 100%;
          flex-wrap: wrap; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize01 .photo_group .small_photo {
              row-gap: 20px; } }
          .sec02 .customize_group .customize_group_in .customize01 .photo_group .small_photo p {
            width: 32%;
            row-gap: 10px;
            /*&.txt_wide{
            	width: 100%;
            	display: flex;
            	justify-content: space-between;
            	align-items: center;
            	@include mq($br_sp){
            		img{
            			width: 47%;
            		}
            	}
            	span{
            		width:cal_per(460,220);
            		@include mq($br_sp){
            			width: 47%;
            		}
            	}
            }*/ }
            @media screen and (max-width: 480px) {
              .sec02 .customize_group .customize_group_in .customize01 .photo_group .small_photo p {
                width: 47%; } }
            .sec02 .customize_group .customize_group_in .customize01 .photo_group .small_photo p span.cap_txt {
              font-size: 14px;
              line-height: 1.2;
              color: #333;
              text-align: left;
              display: block;
              margin-top: 8px;
              letter-spacing: -0.1em;
              text-indent: -1em;
              padding-left: 1em; }
    .sec02 .customize_group .customize_group_in .customize02 {
      margin: 50px 0 30px;
      background: #FFF;
      padding: 25px 20px; }
      @media screen and (max-width: 480px) {
        .sec02 .customize_group .customize_group_in .customize02 {
          margin: 30px 0;
          padding: 15px 20px; } }
      .sec02 .customize_group .customize_group_in .customize02 .customize02_in {
        max-width: 860px;
        margin: 0 auto;
        flex-wrap: wrap; }
        @media screen and (max-width: 480px) {
          .sec02 .customize_group .customize_group_in .customize02 .customize02_in {
            flex-direction: column; } }
        .sec02 .customize_group .customize_group_in .customize02 .customize02_in .title {
          width: 100%;
          font-size: clamp(18px, 1.667vw, 20px);
          color: #7c191e;
          margin-bottom: 5px; }
        .sec02 .customize_group .customize_group_in .customize02 .customize02_in .custo_item .text {
          font-size: clamp(14px, 1.334vw, 16px);
          color: #7c191e;
          font-weight: 600;
          text-indent: -1.2em;
          padding-left: 1.2em;
          line-height: 2.18; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize02 .customize02_in .custo_item .text {
              font-size: 3.6vw;
              line-height: 1.8; } }
        .sec02 .customize_group .customize_group_in .customize02 .customize02_in .custo_item .text2 {
          font-size: clamp(16px, 2vw, 24px);
          color: #7c191e;
          font-weight: 600;
          text-indent: -1.2em;
          padding-left: 1.2em;
          line-height: 2.18;
          text-align: right; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize02 .customize02_in .custo_item .text2 {
              font-size: 3.6vw;
              line-height: 1.8; } }
    .sec02 .customize_group .customize_group_in .customize03 {
      align-items: flex-start; }
      @media screen and (max-width: 480px) {
        .sec02 .customize_group .customize_group_in .customize03 {
          flex-direction: column;
          row-gap: 30px; } }
      .sec02 .customize_group .customize_group_in .customize03 .photo {
        width: 48%; }
        @media screen and (max-width: 480px) {
          .sec02 .customize_group .customize_group_in .customize03 .photo {
            width: 100%; } }
      .sec02 .customize_group .customize_group_in .customize03 .text_box {
        width: 48%;
        border: 2px solid #7c191e;
        background: #FFF;
        display: flex;
        justify-content: center;
        align-items: center; }
        @media screen and (max-width: 480px) {
          .sec02 .customize_group .customize_group_in .customize03 .text_box {
            width: 100%; } }
        .sec02 .customize_group .customize_group_in .customize03 .text_box .text {
          font-size: clamp(18px, 1.917vw, 23px);
          text-align: center;
          color: #7c191e;
          letter-spacing: 0.05em;
          font-weight: 600; }
          @media screen and (max-width: 480px) {
            .sec02 .customize_group .customize_group_in .customize03 .text_box .text {
              padding: 20px;
              font-size: 4.8vw; } }
          .sec02 .customize_group .customize_group_in .customize03 .text_box .text .big {
            display: inline-block;
            line-height: 1;
            font-size: 150%;
            transform: translateY(3px); }
          .sec02 .customize_group .customize_group_in .customize03 .text_box .text sup {
            font-size: 60%;
            display: inline-block;
            vertical-align: text-top; }

.plan_sp {
  position: relative; }
  .plan_sp .sp_txt01 {
    font-size: 12px;
    margin-bottom: 1em;
    line-height: 1.5;
    justify-content: center;
    display: flex;
    column-gap: 10px;
    align-items: center;
    color: #77642a; }
  .plan_sp .swiper-pagination {
    bottom: -25px; }
  .plan_sp .swiper-pagination-bullet-active {
    background: #333 !important; }

.swiper-slide img {
  height: auto;
  width: 100%; }

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