/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .w10_sp {
    width: 10%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w20_sp {
    width: 20%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w30_sp {
    width: 30%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w40_sp {
    width: 40%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w50_sp {
    width: 50%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w60_sp {
    width: 60%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w70_sp {
    width: 70%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w80_sp {
    width: 80%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w90_sp {
    width: 90%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w100_sp {
    width: 100%;
    margin: 0 auto; } }

.fr10 {
  font-size: 10%; }

.fr20 {
  font-size: 20%; }

.fr30 {
  font-size: 30%; }

.fr40 {
  font-size: 40%; }

.fr50 {
  font-size: 50%; }

.fr60 {
  font-size: 60%; }

.fr70 {
  font-size: 70%; }

.fr80 {
  font-size: 80%; }

.fr90 {
  font-size: 90%; }

.fr100 {
  font-size: 100%; }

.fr110 {
  font-size: 110%; }

.fr120 {
  font-size: 120%; }

.fr130 {
  font-size: 130%; }

.fr140 {
  font-size: 140%; }

.fr150 {
  font-size: 150%; }

.fr160 {
  font-size: 160%; }

.fr170 {
  font-size: 170%; }

.fr180 {
  font-size: 180%; }

.fr190 {
  font-size: 190%; }

.fr200 {
  font-size: 200%; }

.fr210 {
  font-size: 210%; }

.fr220 {
  font-size: 220%; }

.fr230 {
  font-size: 230%; }

.fr240 {
  font-size: 240%; }

.fr250 {
  font-size: 250%; }

.fr260 {
  font-size: 260%; }

.fr270 {
  font-size: 270%; }

.fr280 {
  font-size: 280%; }

.fr290 {
  font-size: 290%; }

.fr300 {
  font-size: 300%; }

.sec01 {
  padding-top: clamp(40px, 7.82%, 80px);
  padding-bottom: clamp(90px, 16.61%, 170px); }
  @media screen and (max-width: 768px) {
    .sec01 {
      padding-bottom: clamp(60px, 11.72%, 120px); } }

.sec02, .sec04 {
  padding-top: clamp(60px, 11.72%, 120px);
  padding-bottom: clamp(60px, 11.72%, 120px);
  border-top: 1px solid #ff9600;
  border-bottom: 1px solid #ff9600;
  background: rgba(255, 249, 240, 0.8); }
  .sec02 .sec_head,
  .sec02 .item_head,
  .sec02 .item_head02, .sec04 .sec_head,
  .sec04 .item_head,
  .sec04 .item_head02 {
    color: #ff9600; }
  .sec02 .border_head, .sec04 .border_head {
    color: #ff9600;
    border-bottom: 1px solid #ff9600; }
  .sec02 .sec02_wrap:not(:last-child), .sec04 .sec02_wrap:not(:last-child) {
    margin-bottom: clamp(40px, 7.82%, 80px); }

.sec03, .sec05 {
  padding-top: clamp(60px, 11.72%, 120px);
  padding-bottom: clamp(60px, 11.72%, 120px);
  border-top: 1px solid #6eb5b8;
  border-bottom: 1px solid #6eb5b8; }

.text_box .item_head {
  margin-bottom: 0.8em; }
  @media screen and (max-width: 480px) {
    .text_box .item_head {
      margin-bottom: 0.6em; } }

.col2 {
  flex-wrap: wrap;
  row-gap: 80px; }
  @media screen and (max-width: 768px) {
    .col2 {
      row-gap: 60px; } }
  @media screen and (max-width: 480px) {
    .col2 {
      row-gap: 40px; } }
  .col2 li {
    max-width: 480px;
    width: 46.88%; }
    .col2 li.full {
      width: 100%;
      max-width: 100%; }
    .col2 li.quarter {
      width: 22.8515625%; }
    .col2 li.item {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 20px; }
    .col2 li .col_cont {
      display: flex;
      flex-direction: column;
      row-gap: 25px; }
      @media screen and (max-width: 480px) {
        .col2 li .col_cont {
          row-gap: 20px; } }

@media screen and (max-width: 480px) {
  .sec01 .sec01_col .closet01 {
    flex-direction: column;
    gap: 30px 0; } }
.sec01 .sec01_col .closet01 .closet_in {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_col .closet01 .closet_in {
      width: 100%;
      gap: 20px 0; } }
@media screen and (max-width: 480px) {
  .sec01 .sec01_col .closet02 .tall_type {
    flex-wrap: wrap;
    row-gap: 30px; } }
.sec01 .sec01_col .closet02 .tall_type .image01 {
  max-width: 380px;
  width: 37.11%; }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_col .closet02 .tall_type .image01 {
      width: 51%; } }
.sec01 .sec01_col .closet02 .tall_type .image02 {
  max-width: 340px;
  width: 33.21%; }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_col .closet02 .tall_type .image02 {
      width: 45.6%; } }
.sec01 .sec01_col .closet02 .tall_type .image03 {
  max-width: 224px;
  width: 21.88%;
  display: flex;
  flex-direction: column;
  row-gap: 6px; }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_col .closet02 .tall_type .image03 {
      width: 100%;
      max-width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: space-between; } }
  .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in {
    position: relative; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in {
        width: 31%; } }
    .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in .tall_txt {
      font-size: 12px; }
      @media screen and (max-width: 768px) {
        .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in .tall_txt {
          font-size: 10px; } }
      .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in .tall_txt.pos_ab {
        position: absolute;
        left: 0;
        bottom: 100%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_col .closet02 .tall_type .image03 .image03_in .tall_txt.pos_ab {
            position: static; } }

@media screen and (max-width: 480px) {
  .sec02 .sec02_col li {
    width: 100%; } }
.sec02 .sec02_col .ser01 {
  align-items: flex-start;
  margin-bottom: clamp(25px, 4.89%, 50px); }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_col .ser01 {
      flex-direction: column;
      row-gap: 25px;
      margin-bottom: 40px; } }
  .sec02 .sec02_col .ser01 .txt {
    max-width: 760px;
    width: 74.22%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser01 .txt {
        width: 100%; } }
  .sec02 .sec02_col .ser01 .image {
    max-width: 250px;
    width: 24.42%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser01 .image {
        width: 100%;
        max-width: 250px;
        margin: 0 auto; } }
.sec02 .sec02_col .service_txt {
  font-size: clamp(14px, 1.758vw, 18px);
  letter-spacing: 0.1em;
  color: #ff9600;
  line-height: 1;
  border-bottom: 1px dotted;
  padding-bottom: 1em;
  margin-bottom: 1.5em; }
@media screen and (max-width: 480px) {
  .sec02 .sec02_col .ser02 {
    flex-wrap: wrap;
    row-gap: 20px; } }
.sec02 .sec02_col .ser02 .ser02_in {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_col .ser02 .ser02_in {
      width: 100%; } }
  .sec02 .sec02_col .ser02 .ser02_in .sub {
    font-size: 80%;
    margin-bottom: 20px; }
    .sec02 .sec02_col .ser02 .ser02_in .sub.block {
      display: block; }
    .sec02 .sec02_col .ser02 .ser02_in .sub.white {
      color: #FFF; }
.sec02 .sec02_col .led_ttl {
  font-size: 14px; }
  @media screen and (max-width: 768px) {
    .sec02 .sec02_col .led_ttl {
      font-size: 12px; } }
.sec02 .sec02_col .led_ttl02 {
  font-size: 16px;
  color: #ff9600; }
  @media screen and (max-width: 768px) {
    .sec02 .sec02_col .led_ttl02 {
      font-size: 14px; } }
.sec02 .sec02_col .led_txt {
  font-size: 12px; }
  @media screen and (max-width: 768px) {
    .sec02 .sec02_col .led_txt {
      font-size: 10px; } }
.sec02 .sec02_col .ser03 {
  margin-top: -20px;
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 30px; }
  @media screen and (max-width: 1024px) {
    .sec02 .sec02_col .ser03 {
      margin-top: -10px; } }
  .sec02 .sec02_col .ser03 .photo_box {
    max-width: 260px;
    width: 54.17%; }
    .sec02 .sec02_col .ser03 .photo_box.small {
      max-width: 200px;
      width: 41.67%; }
    .sec02 .sec02_col .ser03 .photo_box.border {
      border: 1px solid #ff9600;
      padding: 10px; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_col .ser03 .photo_box .item_text {
        font-size: 12px; } }
    .sec02 .sec02_col .ser03 .photo_box .image {
      float: right;
      margin-left: 5px;
      width: 31.391%; }
    .sec02 .sec02_col .ser03 .photo_box .float_text {
      width: 100%; }
      .sec02 .sec02_col .ser03 .photo_box .float_text .led_txt {
        line-height: 1.8; }
.sec02 .sec02_col .ser04 {
  align-items: center;
  flex-direction: row-reverse; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_col .ser04 {
      flex-direction: column;
      row-gap: 15px; } }
  .sec02 .sec02_col .ser04 .item_head {
    max-width: 330px;
    width: 68.75%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser04 .item_head {
        width: 100%;
        max-width: 100%; } }
  .sec02 .sec02_col .ser04 .mcn {
    max-width: 120px;
    width: 25%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser04 .mcn {
        width: 100%;
        max-width: 120px;
        margin: 0 auto; } }
.sec02 .sec02_col .ser05 .speed_txt {
  background: #112180;
  font-size: clamp(16px, 1.78vw, 20px);
  text-align: center;
  padding: 10px 5px;
  letter-spacing: 0.1em;
  color: #fff; }
  .sec02 .sec02_col .ser05 .speed_txt span {
    display: inline-block;
    line-height: 1; }
    .sec02 .sec02_col .ser05 .speed_txt span.small {
      font-size: 70%; }
    .sec02 .sec02_col .ser05 .speed_txt span.big {
      font-size: 160%; }
    .sec02 .sec02_col .ser05 .speed_txt span.big02 {
      font-size: 140%; }
.sec02 .sec02_col .ser06 {
  margin-top: -7%; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_col .ser06 {
      margin-top: 0; } }
  .sec02 .sec02_col .ser06 .locker_cap {
    bottom: -10px;
    color: #464646; }
  .sec02 .sec02_col .ser06 .locker_box {
    border: 1px solid #ff9600;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    .sec02 .sec02_col .ser06 .locker_box .lock_ttl {
      background: #ff9600;
      padding: 5px 10px;
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      font-size: 14px;
      color: #fff; }
      .sec02 .sec02_col .ser06 .locker_box .lock_ttl .num {
        width: 26px;
        height: 26px;
        background: #fff;
        color: #ff9600;
        padding: 2px 4px;
        border-radius: 50px;
        margin-right: 10px;
        display: flex;
        justify-content: center;
        align-items: center; }
    .sec02 .sec02_col .ser06 .locker_box .lock_in {
      padding: 15px 10px; }
      .sec02 .sec02_col .ser06 .locker_box .lock_in .item_text {
        width: 40%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_col .ser06 .locker_box .lock_in .item_text {
            font-size: 12px; } }
      .sec02 .sec02_col .ser06 .locker_box .lock_in .image {
        width: 48%; }
      .sec02 .sec02_col .ser06 .locker_box .lock_in .image02 {
        width: 58%; }
      .sec02 .sec02_col .ser06 .locker_box .lock_in .cap01 {
        left: 22%;
        right: auto;
        bottom: -3px;
        padding: 0; }
      .sec02 .sec02_col .ser06 .locker_box .lock_in .cap02 {
        left: 30%;
        bottom: -3px;
        right: auto;
        padding: 0; }
  .sec02 .sec02_col .ser06 .locker_merit {
    margin-top: 20px; }
    .sec02 .sec02_col .ser06 .locker_merit p {
      width: 49%;
      font-size: 15px;
      color: #FFF;
      padding: 5px 0;
      line-height: 1.4;
      text-align: center;
      background: #ff9600; }
.sec02 .sec02_col .ser07 {
  flex-wrap: wrap;
  align-items: flex-start;
  row-gap: 50px; }
  @media screen and (max-width: 480px) {
    .sec02 .sec02_col .ser07 {
      row-gap: 40px; } }
  .sec02 .sec02_col .ser07 .ser07_item {
    max-width: 234px;
    width: 22.86%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser07 .ser07_item {
        width: 48%;
        row-gap: 15px; } }
    .sec02 .sec02_col .ser07 .ser07_item .item_head.lt {
      letter-spacing: -0.05em; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser07 .ser07_item.sp_flex {
        width: 100%;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser07 .ser07_item.sp_flex .sp_l {
        width: 48%; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser07 .ser07_item.sp_flex .sp_r {
        width: 48%; } }
    .sec02 .sec02_col .ser07 .ser07_item.sp_flex .item_text {
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_col .ser07 .ser07_item.sp_flex .item_text {
          margin-bottom: 0; } }
  .sec02 .sec02_col .ser07 .ser07_item02 {
    max-width: 765px;
    width: 74.71%; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_col .ser07 .ser07_item02 {
        align-items: flex-start; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_col .ser07 .ser07_item02 {
        width: 100%;
        max-width: 100%; } }
    .sec02 .sec02_col .ser07 .ser07_item02 .left {
      max-width: 380px;
      width: 49.68%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_col .ser07 .ser07_item02 .left {
          width: 48%; } }
    .sec02 .sec02_col .ser07 .ser07_item02 .right {
      max-width: 340px;
      width: 44.45%;
      background: #FFF;
      padding: 20px 10px;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_col .ser07 .ser07_item02 .right {
          width: 48%; } }

@media screen and (max-width: 480px) {
  .sec03 .sec03_col li {
    width: 100%; } }
.sec03 .sec03_col .eco01 {
  display: flex;
  justify-content: space-between; }
  .sec03 .sec03_col .eco01 .item_text {
    max-width: 330px;
    width: 68.75%; }
  .sec03 .sec03_col .eco01 .logo_eco {
    max-width: 130px;
    width: 27.09%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_col .eco01 .logo_eco {
        width: 30%; } }
.sec03 .sec03_col .eco02 {
  background: #FFF;
  padding: 20px; }
  .sec03 .sec03_col .eco02 .image {
    text-align: center; }
  .sec03 .sec03_col .eco02 .cap_l {
    color: #333; }
.sec03 .sec03_col .energy_txt {
  border: 1px solid #247073;
  text-align: center;
  padding: 5px;
  font-size: 18px;
  color: #247073; }
  @media screen and (max-width: 768px) {
    .sec03 .sec03_col .energy_txt {
      font-size: 15px; } }
  @media screen and (max-width: 480px) {
    .sec03 .sec03_col .energy_txt {
      font-size: 13px; } }
@media screen and (max-width: 480px) {
  .sec03 .sec03_col .eco03 {
    flex-direction: column;
    row-gap: 20px; } }
.sec03 .sec03_col .eco03 .eco03_in {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec03 .sec03_col .eco03 .eco03_in {
      width: 100%; } }
  .sec03 .sec03_col .eco03 .eco03_in .image_box .image01 {
    max-width: 210px;
    width: 43.75%; }
  .sec03 .sec03_col .eco03 .eco03_in .image_box .image02 {
    max-width: 259px;
    width: 53.96%; }
.sec03 .sec03_col .eco04 {
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .sec03 .sec03_col .eco04 {
      row-gap: 30px; } }
  .sec03 .sec03_col .eco04 .eco04_in {
    max-width: 480px;
    width: 46.88%; }
    @media screen and (max-width: 480px) {
      .sec03 .sec03_col .eco04 .eco04_in {
        width: 100%; } }
    .sec03 .sec03_col .eco04 .eco04_in .reduction_txt {
      font-size: clamp(18px, 2.735vw, 28px);
      background: #c8bc9b;
      padding: 15px 10px;
      font-weight: 600;
      color: #fff;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_col .eco04 .eco04_in .reduction_txt {
          padding: 10px;
          font-size: 20px; } }
      .sec03 .sec03_col .eco04 .eco04_in .reduction_txt .big {
        display: inline-block;
        font-size: 200%;
        line-height: 1; }
    .sec03 .sec03_col .eco04 .eco04_in.full {
      margin-top: 40px;
      width: 100%;
      max-width: 100%;
      background: #FFF;
      padding: 15px 10px 25px;
      text-align: center; }
      @media screen and (max-width: 480px) {
        .sec03 .sec03_col .eco04 .eco04_in.full {
          margin-top: 0; } }

.sec04 .sec04_col li .bar01 {
  flex-wrap: wrap;
  row-gap: 90px; }
  @media screen and (max-width: 768px) {
    .sec04 .sec04_col li .bar01 {
      row-gap: 60px; } }
  @media screen and (max-width: 480px) {
    .sec04 .sec04_col li .bar01 {
      row-gap: 40px; } }
  .sec04 .sec04_col li .bar01 .bar_in {
    max-width: 480px;
    width: 46.88%; }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_col li .bar01 .bar_in .bar_flex {
        flex-direction: column;
        row-gap: 20px; } }
    .sec04 .sec04_col li .bar01 .bar_in .bar_flex .text {
      max-width: 220px;
      width: 45.84%; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_col li .bar01 .bar_in .bar_flex .text {
          width: 100%; } }
    .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image {
      max-width: 236px;
      width: 49.17%; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image {
          width: 100%; } }
      .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image .stopper_txt {
        font-size: 14px;
        color: #464646;
        margin-bottom: 5px; }
        @media screen and (max-width: 480px) {
          .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image .stopper_txt {
            font-size: 12px; } }
        .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image .stopper_txt.indent {
          text-indent: -9999px;
          opacity: 0; }
      .sec04 .sec04_col li .bar01 .bar_in .bar_flex .image .cap.cap_left {
        right: calc(50% + 5px); }
@media screen and (max-width: 480px) {
  .sec04 .sec04_col li .bar02 {
    flex-direction: column;
    row-gap: 30px; } }
.sec04 .sec04_col li .bar02 .bar02_in {
  max-width: 480px;
  width: 46.88%; }
  @media screen and (max-width: 480px) {
    .sec04 .sec04_col li .bar02 .bar02_in {
      width: 100%; } }
  .sec04 .sec04_col li .bar02 .bar02_in .item_text {
    margin-bottom: 60px; }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_col li .bar02 .bar02_in .item_text {
        margin-bottom: 20px; } }
  .sec04 .sec04_col li .bar02 .bar02_in .port .port_in {
    position: relative;
    max-width: 235px;
    width: 48.96%; }
    .sec04 .sec04_col li .bar02 .bar02_in .port .port_in .port_txt {
      position: absolute;
      bottom: 100%;
      left: 0;
      font-size: 16px;
      margin-bottom: 5px; }
      @media screen and (max-width: 768px) {
        .sec04 .sec04_col li .bar02 .bar02_in .port .port_in .port_txt {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_col li .bar02 .bar02_in .port .port_in .port_txt {
          position: static;
          font-size: 12px; } }

.sec05 .sec05_col .mane01 {
  position: relative; }
  .sec05 .sec05_col .mane01 .logo_gm {
    position: absolute;
    right: 0;
    top: -25%; }
    @media screen and (max-width: 480px) {
      .sec05 .sec05_col .mane01 .logo_gm {
        position: static;
        margin-bottom: 20px;
        width: 80%;
        margin-bottom: 20px; } }
.sec05 .sec05_col .mane02 {
  flex-wrap: wrap;
  row-gap: 55px; }
  @media screen and (max-width: 768px) {
    .sec05 .sec05_col .mane02 {
      row-gap: 40px; } }
  .sec05 .sec05_col .mane02 .mane02_in {
    max-width: 320px;
    width: 31.25%; }
    @media screen and (max-width: 480px) {
      .sec05 .sec05_col .mane02 .mane02_in {
        width: 48%; } }
    .sec05 .sec05_col .mane02 .mane02_in .item_head02 {
      text-indent: -1em;
      padding-left: 1em; }
      .sec05 .sec05_col .mane02 .mane02_in .item_head02.lt {
        letter-spacing: -0.05em; }
  .sec05 .sec05_col .mane02 .mane02_in02 {
    max-width: 660px;
    width: 64.46%; }
    @media screen and (max-width: 480px) {
      .sec05 .sec05_col .mane02 .mane02_in02 {
        width: 100%;
        max-width: 100%; } }
    .sec05 .sec05_col .mane02 .mane02_in02 .image {
      max-width: 200px;
      width: 30.31%; }