@charset "Shift_JIS";
    .pc{display:none;}
    .sp{display:block;}
    video{width:100%;}

    .wt_sp{flex:1;}
    .wt_sp img{
        width:80%;
        margin:15% 0 0 0;
    }
    p.wt_blue{
        color:#19a3d1!important;
        font-weight:bold;
        font-size:15px!important;
        text-align: left!important;
        margin:10px 0 0 0;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
    p.wt_explain{
        font-size:12px!important;
        line-height:18px!important;
        text-align: left!important;
        margin:1% 0 5% 0;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
    #wt_wrapper{
        width:100%;
        margin:0 auto;
        background:url(../images/wt_fv_back_sp.jpg);
        background-size:cover;
        background-repeat: no-repeat;
    }
    .wt_goto_simulation{
        max-width:250px;
        margin:0 auto;
        position:fixed;
        z-index:1001;
        right:0;
        left:0;
        bottom:2%;
        animation: fuwafuwa 2s infinite;
    }
    @keyframes fuwafuwa {
      0% {
        transform: translateY(0px);
      }
      50% {
        transform: translateY(-30px);
      }
      100% {
        transform: translateY(0px);
      }
    }
    
    .wt_goto_simulation p{
      font-size:17px!important;
      color:#fff!important;
      font-weight:bold!important;
  }
    .wt_fv{
        width:100%;
        margin:0 auto;
       padding:20px 0 0 0;
    }
    .wt_hyoka{
        width:80%;
        margin:0 auto;
        background:#fff;
        border:1px solid #555;
        padding:5% 3%;    
    }

    .wt_hyoka_colum_child{
        display:-webkit-flex;
        display:flex;
    }
    
    p.wt_hyoka_txt{
        font-size:18px;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
        padding: 10% 0;
    }

    .wt_hyoka_colum_child p{
        font-size:13px!important;
        line-height:18px!important;
        text-align: left;
        margin:10px 0 0 0;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
        
    }

    .side-line,.sp_side-line{
        border-bottom:solid 1px #777;
    }
    .sp_side-line{
        padding:0 0 5% 0;
    }
    .side-line{
        padding:5% 0;
    }
    
    .risora_v{
        padding:15% 0;
    }
    .wt_shokai{
        width:80%;
        margin:0 auto;
    }
    p.wt_shokai_txt{
        font-size:18px!important;
        margin:0 0 20px 0;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
    p.wt_shokai_comment{
        font-size:12px!important;
        line-height:18px!important;
        text-align:left;
        margin:2% 0 10% 0;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
    .kodawari{
        width:100%;
        padding:10% 0 30% 0;
    }
    p.kodawari_title{
        font-size:21px!important;
        text-align:center;
        margin:0 0 15px 0;
        font-weight:500;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
    p.kodawari_midasi{
        font-size:23px!important;
        font-weight:300;
        text-align:center!important;
        color:#19a3d1!important;;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
        margin:15px 0;
    }
    p.kodawari_sub_midasi{
        font-size:15px!important;
        font-weight:bold;
        text-align:center!important;
        color:#777!important;;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
        margin:15px 0;
    }
    p.kadawari_txt{
        width:90%;
        font-size:15px!important;
        line-height:21px!important;
        text-align:left!important;
        margin:0 auto;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    }
.wt_interior{
    width:80%;
    margin:0 auto;
}
.wt_interior_colum{
    -webkit-flex-direction:column;flex-direction:column;
}
.wt_interior_child_l{
    flex:1;
    margin:10% 0 0 0;
}
.wt_interior_child_r{
    flex:1;
    margin:10% 0 0 0;
}



.wt_simple{
    width:100%;
    margin:0 auto;
    padding:15% 0;
}
.wt_simple img{
margin:5% 0 3% 0;
}
.wt_simple_column{
    width:80%;
    margin:0 auto;
    -webkit-flex-direction:column;
    flex-direction:column;
}
.wt_simple_child{
    flex:1;
}
.wt_simple_child_l{
    flex:1;
    margin:0 auto;
}
.wt_simple_child_r{
    flex:1;
    margin:0 auto;
}
.wt_hiwa{
    width:80%;
    margin:0 auto;
}
.wt_daikin_logo{
    text-align:left;
    margin:0 0 0 30px;
}
    .wt_fv_center{
        width:100%;
        margin:200px 0 0 0;
    }
    .wt_fv_center img{
        width:300px;
    }
    .wt_fv_center h1{
        width:200px!important;
        margin:0 auto!important;
        text-align:center;
    }
    .wt_fv_center p{
        font-size:17px!important;
        border:none;
        text-align:center!important;
        margin:20px 0 0 15px;
        font-weight:bold!important;
        font-family: Helvetica,"游ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
        letter-spacing:15px;
    }
    .wt_fvcolumn{
        max-width:900px;
        margin:0 100px;
        display:-webkit-flex;
        display:flex;
    }
    .wt_leftzone{
        flex:1;
        margin:80px 20px 0 20px;
    }
    .wt_centerzone{
        flex:1;
        margin:100px 20px 0 20px;
    }
    .wt_right{
        flex:1;
        margin:60px 20px 0 20px;
    }

    .wt_slide1,.wt_slide2,.wt_slide3{
        white-space: nowrap;
        overflow: hidden;  
      }
      .slide img {
        width: inherit;
        height: inherit;
        margin: 0;
        padding: 0;
        border: none;
      }
      @keyframes wt_slide1 {
        0% { margin-left: 0; }
        33% { margin-left: -100%; }
        66% { margin-left: -200%; }
        100% { margin-left: -300%; }
      }
      .wt_slide1 > :first-child {
        animation-name: wt_slide1;     /* 作�???????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��したキーフレー??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?を使??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-duration:13s;    /* アニメーション全体を5秒にする */
        animation-delay:1s;       /* 直ちにアニメーション開始す??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-iteration-count: infinite; /* 永??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?にアニメーションする */
      }
      .wt_slide2 > :first-child {
        animation-name: wt_slide1;     /* 作�???????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��したキーフレー??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?を使??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-duration:13s;    /* アニメーション全体を5秒にする */
        animation-delay:1s;       /* 直ちにアニメーション開始す??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-iteration-count: infinite; /* 永??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?にアニメーションする */
      }
      .wt_slide3 > :first-child {
        animation-name: wt_slide1;     /* 作�???????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��したキーフレー??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?を使??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-duration:13s;    /* アニメーション全体を5秒にする */
        animation-delay:1s;       /* 直ちにアニメーション開始す??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��? */
        animation-iteration-count: infinite; /* 永??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?にアニメーションする */
      }
/*
      footer{
        display:none;
      }
*/
      /*kaso**/
#wt_wrapper_kaso{
    width:100%;
    margin:0 auto;
}
.wt_fv_kaso{
    background:url(../images/wt_fv_back.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    padding:5% 0;
}
.wt_kaso_logo{
    width:200px;
    margin:0 auto;
}
.wt_kaso_logo h1{
    font-size:21px!important;
    letter-spacing:15px;
    font-family: Helvetica,"遊ゴシ?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?ク","Yu Gothic",sans-serif!important;
    margin:15px 0 0 0;
}
      .wt_epi_fv{
        width:90%;
        margin:0 auto;
      }
      .wt_epi_fv img{
        margin:10% 0 0 0;
      }
      .wt_epi0_content{
        max-width:1000px;
        margin:0 auto;
      }
      .wt_epi0_txt{
        width:90%;
        margin:0 5% 5% 5%;
      }
      .wt_epi_content{
        width:100%;
        margin:0 auto;
      }
      .wt_epi_txt{
        width:100%;
        margin:15% 0 0 0;
      }
      .wt_epi_column{
        width:80%;
        margin:5% 10% 0 10%;
        -webkit-flex-direction:column;
        flex-direction:column
      }
      .wt_epi_child_l{
        margin:0 auto;
        flex:1;
      }
      .wt_epi_child_r{
        margin:0 auto;
        flex:1;
      }
      .wt_epi_child{
        flex:1;
      }
    .wt_gotoback{
        max-width:300px;
        margin:0 auto;
        background:#19a3d1;
        padding:15px 0;
    }
    .wt_gotoback p{
        font-size:17px;
        color: #fff, important !important;;
    }

    #bic_header {
        max-width: 1200px;
        position: relative;
        margin: 0 auto;
    }
    
    .bicheader img {
      pointer-events: none;
    }
    
    .mySwiper3 .swiper--wrapper {
        /* wrapperのサイズを調整 */
        width: 100%;
        height: 300px;
      }swiper
      
      .mySwiper  .swiper-slide {
        /* スライド�??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��サイズを調整、中身の?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?キスト�??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��置調整、背景色 */
        color: #ffffff;
        width: 100%;
        height: 100%;
        text-align: center;
        text-align: center;
      }

      #simulation {
        padding:5% 0 0 0;
        width:100%;
        margin: 0 auto;
      }
      .mySwiper2 {
        width: 100%;
      }

 
      .mySwiper {
        height: auto;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 0 20px ;
      }
      
      .mySwiper .swiper-slide {
        width: 25%;
        height: 100%;
        opacity: 0.5;
      }
      
      .mySwiper .swiper-slide-thumb-active {
        border: 3px solid rgb(0, 0, 0)!important;
        box-sizing: border-box;
        opacity: 1;
      }
    
      .pics{
        position: absolute;
        width: 20%;
        z-index: 1000;
        top: 5%;
        left: 12%;
      }
    
      .bic_wrap {
        max-width: 800px;
        margin: 0 auto;
        padding-bottom: 50px;
      }
      
    
      .bic_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
    
      }
    
      .bic_color_f {
        width: 48%;
      }
    
      .bic_color_s {
        width: 48%;
      }
    
      .bic_radio:checked + label  {
        opacity: 1;
        border: 2px solid rgb(0, 0, 0)!important;
        outline-offset: -1px!important;
        display: inline-block;
        transition: 1s;
    }
    .bic_radio + label  {
      opacity: 0.5;
        border: 2px solid transparent!important;
        display: inline-block;
        transition: 1s;
    }
    .bic_radio {
      display: none;
    }
    
    .bic_ul {
      display: flex;
        justify-content: space-between;
        width: 100%;
    }
    
    .bic_h1 {
        border-top:none!important;
        border-right:none!important;
        border-left:none!important;
        background:none!important;
        line-height:none!important;
      font-weight: 400!important;
      font-size: 25px!important;
      margin: 30px 0!important;
      padding: 0!important;
      text-align: left!important;
      border-bottom: 1px solid #555!important;
    }
    
    .bic_h2 {
        border-top:none!important;
        border-right:none!important;
        border-left:none!important;
        background:none!important;
        line-height:none!important;
      font-weight: 400!important;
      font-size: 18px!important;
      margin: 15px 0!important;
      padding: 0!important;
      text-align: left!important;
      border-bottom: none!important;
    }
    
    
    
    .bic_tt li.bic_li label.bic_label {
      padding: 15px 20px!important;
      background-color: #ffffff!important;
      border-radius: 10px!important;
      display: initial!important;
    
    }
    
    .bic_label.color_f {
      padding: 15px 15px 10px!important;
      border-radius: 10px;
      
      line-height:6;
    }
    
    .bic_li.color_f {
      width: 48%;
    }
    
    
    .bix_item {
      width: 100%;
    }
    
    .bic_li.color_s {
      width: 23%!important;
    }
    
    .bic_label.color_s {
      border-radius: 10px;
    }
    
    #index .bic_img.color_s {
      width: 80px;
      height: 40px;
      border-radius: 7px;
    }

    .bic_tx {
      line-height: 2;
      text-align: left;
      width: 60%;
      padding-left: 20%;
      font-size: 15px;
      font-weight: bold;
    }
    

    .bic_color_fwb {
      margin-top: 30px;
    }

    #bic_top {
        background-image: url(../images/bic_top_bg.png);
        background-size: cover;
        padding:20% 0 3% 0;
        max-width: 1200px;
          position: relative;
          margin: 0 auto;
      }
      
      .bic_slide {
        width: 75%;
        margin: 0 auto;
       display: flex;
          justify-content: space-around;
          padding-top: 10%;
      }
      
      .wt_shokai img.sp {
        margin: 0 auto;
      }
      
      .bic_con {
        width:100%;
        margin: 15% 5% 0 auto;
      }
      
      .bic_slide_item {
        width: 30%;
        height: 500px;
        overflow: visible;
        display: contents;
        animation :infinity-scroll-right 95s infinite linear 0.5s both;
      }
      
      @keyframes infinity-scroll-right {
        from {
          transform: translateX(-100%);
        }
        to {
          transform: translateX(0%);
        }
      }
      
      .bic_slide_item:nth-child(1){
        position: relative; /* 今�?????��?��??��?��???��?��??��?��位置を基????��?��??��?��???��?��??��?��? */
      bottom: 10px; /* 上か????��?��??��?��???��?��??��?��?10px */
      }
      
      .bic_slide_item img {
        width: 30%;
        height: 100%;
        display: inline-block;
      }
      
      .bic_simu {
        padding:10% 0;
      }
      
      #bic_header {
          max-width: 1200px;
          position: relative;
          margin: 0 auto;
      }
      
      .bicheader img {
        pointer-events: none;
      }
      
      .mySwiper3 .swiper--wrapper {
          /* wrapperのサイズを調整 */
          width: 100%;
          height: 300px;
        }
        
        .mySwiper  .swiper-slide {
          /* スライド�??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��サイズを調整、中身の?????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��?キスト�??????��?��??��?��???��?��??��?��????��?��??��?��???��?��??��?��置調整、背景色 */
          color: #ffffff;
          width: 100%;
          height: 100%;
          text-align: center;
          text-align: center;
        }
        
        .mySwiper2 {
          width: 100%;
        }
        
        .mySwiper {
          height: auto;
          width: 100%;
          margin: 0 auto;
          box-sizing: border-box;
          padding: 0 0 20px ;
        }
        
        .mySwiper .swiper-slide {
          width: 25%;
          height: 100%;
          opacity: 0.5;
        }
        
        .mySwiper .swiper-slide-thumb-active {
          border: 3px solid rgb(0, 0, 0)!important;
          box-sizing: border-box;
          opacity: 1;
        }
      
        .pics{
          position: absolute;
          width: 20%;
          z-index: 1000;
          top: 5%;
          left: 12%;
        }
      
        .bic_wrap {
          max-width: 800px;
          margin: 0 auto;
          padding-bottom: 50px;
        }
        
      
        .bic_box {
          width: 100%;
          display: flex;
          justify-content: space-between;
      
        }
      
        .bic_color_f {
          width: 48%;
        }
      
        .bic_color_s {
          width: 48%;
        }
      
        .bic_radio:checked + label  {
          opacity: 1;
          border: 2px solid rgb(0, 0, 0)!important;
          outline-offset: -1px!important;
          display: inline-block;
          transition: 1s;
      }
      .bic_radio + label  {
        opacity: 0.5;
          border: 2px solid transparent!important;
          display: inline-block;
          transition: 1s;
      }
      .bic_radio {
        display: none;
      }
      
      .bic_ul {
        display: flex;
          justify-content: space-between;
          width: 100%;
      }
      
      .bic_h1 {
          border-top:none!important;
          border-right:none!important;
          border-left:none!important;
          background:none!important;
          line-height:none!important;
        font-weight: 400!important;
        font-size: 25px!important;
        margin: 30px 0!important;
        padding: 0!important;
        text-align: left!important;
        border-bottom: 1px solid #555!important;
      }
      
      .bic_h2 {
          border-top:none!important;
          border-right:none!important;
          border-left:none!important;
          background:none!important;
          line-height:none!important;
        font-weight: 400!important;
        font-size: 18px!important;
        margin: 15px 0!important;
        padding: 0!important;
        text-align: left!important;
        border-bottom: none!important;
      }
      
      .bic_label.color_f {
        padding: 15px 15px 10px!important;
        border-radius: 10px;
        line-height:6;
      }
      
      .bic_li.color_f {
        width: 48%;
      }
      
      
      .bix_item {
        width: 100%;
      }
      
      .bic_li.color_s {
        width: 23%!important;
      }
      
      .bic_label.color_s {
        border-radius: 10px;
      }
      
      #index .bic_img.color_s {
        width: 80px;
        height: 40px;
        border-radius: 7px;
      }
      

      
      .bic_tx {
        line-height: 2;
        text-align: left;
        width: 60%;
        padding-left: 8%;
        font-size: 15px;
        font-weight: bold;
      }
 
      .bic_color_fwb {
        margin-top: 30px;
      }
      
      .block {
        width: 30%;
        height: 100%;
        position: relative;
        top: 20px;
        clip-path: inset(0px 20px);
      }
      
      .block:nth-child(2){
        position: relative;
        top: 100px;
      }
      
      
       .top_main {
          max-width: 1200px;
      }
      
      .Swiper3 .swiper--wrapper {
        /* wrapperのサイズを調整 */
        width: 30%;
        height: 300px;
      }
      
      .Swiper3 .swiper-slide {
        /* スライド�?????��?��??��?��???��?��??��?��サイズを調整、中身の????��?��??��?��???��?��??��?��?キスト�?????��?��??��?��???��?��??��?��置調整、背景色 */
        color: #ffffff;
        width:100%;
        height: 100%;
        text-align: center;
        line-height: 300px;
        position: relative;
      
      }
      
      .bic_main {
        max-width: 1200px;
      }
      
      #main {
        max-width: 1200px;
        margin:  0 auto;
      }
      
      .bic_title {
        padding-bottom: 15%;
        width: 70%;
        margin: 0 auto;
      }
      
      .slideshow-slide {
        position: relative;
        width: 35%;
        height: 250px;
        overflow: hidden;
        padding: 0;
      }
      
      .slideshow-slide:nth-child(2) {
        position: relative;
      top: 20px;
      }

      .slideshow-slide:nth-child(3) {
        position: relative;
      top: -30px;
      }
      
      
      .hero-slide__item {
        bottom: 0;
        height: 100%;
        position: absolute;
        right: -10%;
        width: 110%;
      }
      
      .hero-slide__img {
        animation-duration: 15s;
        animation-iteration-count: infinite;
        animation-name: slideAnime;
        animation-timing-function: ease;
        display: block;
        object-fit: cover;
        opacity: 0;
        width: 100%;
      }
      
      .hero-slide__item:nth-of-type(1) .hero-slide__img {
        animation-delay: 0s;
      }
      
      .hero-slide__item:nth-of-type(2) .hero-slide__img {
        animation-delay: 5s;
      }
      
      .hero-slide__item:nth-of-type(3) .hero-slide__img {
        animation-delay: 10s;
      }
      @keyframes slideAnime {
        0% {
          opacity: 0;
          transform: translateX(-10%);
        }
      
        16% {
          opacity: 1;
        }
      
        33% {
          opacity: 1;
        }
      
        49% {
          opacity: 0;
        }
      
        100% {
          opacity: 0;
          transform: translateX(0);
        }
      }
      
      .slideshow-slide li.slide {
        top: 0;
        left: 100%;
        z-index: 10;
      }
      .slideshow-slide li:first-of-type {
        display: block !important;
      }
      .slideshow-slide li img {
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
      }
      
      .block_s {
        display: flex;
        height: 100%;
        max-width: 1200px;
        justify-content: space-evenly;
        margin: 0 auto;
      }

      .mySwiper {
        height: auto;
        width: 85%;
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0px 0 10px;
    }
      
      .mySwiper .swiper-slide {
        opacity: 0.5;
        outline-offset: -1px!important;
      }
        
      #index .mySwiper .swiper-slide img {
      height: 50px;
      object-fit: cover;
      }
      
      .mySwiper .swiper-slide-thumb-active {
        border: 1px solid rgb(0, 0, 0)!important;
        Box-sizing: border-box;
        opacity: 1;
      }
    
      .pics{
        position: absolute;
        width: 20%;
        z-index: 1000;
        top: 5%;
        left: 12%;
      }
    
      .bic_wrap {
        max-width: 800px;
        margin: 0 auto;
        padding-bottom: 30px;
      }
      
    
      .bic_box {
        width: 85%;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        flex-direction: column;
    
      }
    
      .bic_color_f {
        width: 100%;
      }
    
      .bic_color_s {
        width:100%;
      }
    
      .bic_radio:checked + label  {
        opacity: 1;
        border: 2px solid rgb(0, 0, 0)!important;
        outline-offset: -2px!important;
        display: inline-block;
        transition: 1s;
        background-color: #fff;
    }
    .bic_radio + label  {
      opacity: 0.5;
        border: 2px solid transparent!important;
        display: inline-block;
        transition: 1s;
    }
    .bic_radio {
      display: none;
    }
    
    .bic_ul {
      display: flex;
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
    }
    
    .bic_h1 {
        border-top:none!important;
        border-right:none!important;
        border-left:none!important;
        background:none!important;
        line-height:1!important;
      font-weight: bold!important;
      font-size: 3vw!important;
      margin: 4vw 0 2vw!important;
      padding: 0 0 5px!important;
      text-align: left!important;
      border-bottom: 1px solid #555!important;
    }
    
    .bic_h2 {
        border-top:none!important;
        border-right:none!important;
        border-left:none!important;
        background:none!important;
        line-height:none!important;
      font-weight: 400!important;
      font-size: 12px!important;
      margin: 8px 0!important;
      padding: 0!important;
      text-align: left!important;
      border-bottom: none!important;
      color: #555;
    }
    
    
    
    .bic_tt li.bic_li label.bic_label {
      padding: 7% 3.5vw!important;
      background-color: #ffffff!important;
      border-radius: 10px!important;
      display: initial!important;
      font-size: 3vw;
    
    }
    
    .bic_label.color_f {
      padding: 5px 4vw 5px!important;
      border-radius: 10px;
      line-height: 2;
    }
    
    .bic_li.color_f {
      width: 48%;
    }
    
    
    .bix_item {
      width: 100%;
    }
    
    .bic_li.color_s {
      width: 23%!important;
    }
    
    .bic_label.color_s {
      border-radius: 10px;
    }
    
    #index .bic_img.color_s {
      width: 142px;
      height: 6vw;
      border-radius:7px;
    }
    
    .bic_info {
      width:90%;
      margin: 0 5% 5% 5%;
      padding:30px 0px;
      background-color: #fff;
      border-radius:7px;
      -webkit-flex-direction:column;flex-direction:column;
      justify-content: space-evenly;
    }
    
    .bic_tx {
      margin: 0px auto 0;
      text-align: left;
      width: 60%;
      white-space: nowrap;

      font-size: 2.5vw;
      font-weight: bold;
    }
    
    .bic_btn {
      width:80%;
      margin: 0px auto 0;
      letter-spacing: 3px;
    }
    
    .bic_btn a {
      width: 80%;
    }
    
    .bic_color_fwb {
      margin-top: 0px;
      display: inline-block;
    }
    
    .bic_tt {
        width: 85%;
        margin: 0 auto;
    }
    
    .bic_tt {
        width: 85%;
        margin: 0 auto;
    }
    
    .bic_ul_sp {
        display: flex;
          justify-content: space-between;
          width: 100%;
          padding: 20px 0;
    }
    
    .bic_li.tt {
      width: 25%;
      padding: 4% 0;
    }
    
    .pc {
      display: none;
    }
      
    .swiper-wrapper {
      position: relative;
      width: 100%;
      height: 100%;
      z-index: 1;
      display: flex;
      transition-property: transform;
      box-sizing: content-box;
      justify-content: space-between;
  }

.swiper-slide.swiper-slide-visible {
width: 11% !important;
border-radius: 5px;

}

.bic_li.color_s span {
  margin-top: 10px;
  font-size:10px;
  letter-spacing: -1px;
}

.swiper-slide-img {
  border-radius: 4px;
}

.m_flex {
  display: flex;
}
.sumi_result{
  max-width:900px;
  margin:0 auto;
  background:#fff;
  border:solid 1px #19a3d1;
}
.wt_result{
  width:100%;
  margin:0 auto;
}
.wt_result p{
  width:70%;
  font-weight:bold;
  color:#fff;
  font-size:18px;
  text-align:center;
  margin:8% 15% 0 15%;
  background:#19a3d1;
  padding:10px 0;
  border-radius: 10px 10px 0 0;
}

.wt_epi_child_only{
  width:80%;
  margin:3% 10% 0 10%;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none!important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;

 
  font-size:30px;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 5px;
  left: auto;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left:5px;
  right: auto;
}

.wt_add_btn{
  width:80%;
  margin:5% 10%;
}
.wt_add_btn img{
  margin:0 auto;
}