@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 767px) {

  /*セクション間余白----------------------------------------------------------- */
  footer {
    padding: 15.5vw 0 25vw;
  }
    img{
        width: 100%;
        max-width: 100%;
    }

  /*はみ出し画像中央----------------------------------------------------------- */
  .wic1 img {
    width: 100%;
  }

  .wic1 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .wic2 img {
    width: 100%;
  }

  .wic2 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .wic3 img {
    width: 100%;
  }

  .wic3 {
    margin-left: -15px;
    margin-right: -15px;
  }

  /*MV----------------------------------------------------------- */

  /*form----------------------------------------------------------- */
  .form_wrap {
    padding: 0;
    padding-bottom: 15px;
  }

  form>ul>li .fx-row>*:first-child {
    padding-top: 0;
  }

  form>ul>li {
    padding: 15px;
  }

  .form_head {
    text-align: left;
  }

  .input_adjust {
    padding: 8px 12px;
  }

  .input_2col {
    padding-right: 0px;
  }

  .input_1col {
    padding-right: 0px;
  }

  .input_pref {
    width: 80%;
  }

  .input_select select {
    padding: 8px 12px;
  }

  .radio_2col label:first-child {
    padding-right: 0px;
  }

  .date_2col {
    padding-right: 0px;
  }

  .date_2col>* {
    width: calc(50% - 8px);
  }

  .select_1col {
    padding-right: 0px;
  }

  .textarea {
    padding-right: 0px;
  }

  .sbm_wrap {
    padding: 15px;
  }

  .sbm {
    width: 100%;
  }

  .cta-contact .container{
      padding-left: 0;
      padding-right: 0;
  }
    .floating-banner .btn {
        width: 100%;
        padding: 10px 15px;
        max-width: 100%;
        font-size: 0.9rem;
        margin:0;
    }

  p{font-size: 4vw;line-height: 1.6;}
  .h_box{height: 21.86667vw;display: flex;align-items: center;padding: 5vw;}
  #logo{width:13.0666667vw;height:13.0666667vw;;}

  .btn a{font-size: 4.6666667vw;font-weight: bold;width: 84vw;height: 12.2vw;background-size: 4.2vw;padding-top: 0.3vw;background-position: right 2.1vw center;letter-spacing: 0.05rem;}

  .s_cta{clip-path: polygon(100% 0%, 100% calc(100% - 9vw), 0 100%, 0 9vw);margin: -9vw 0 -9vw;padding: 20vw 0 19vw;}
  .fv{background: url('../img/sp_fv_bg.png') no-repeat center top /cover;padding: 37vw 0 39.5vw;}

  /* fix fx Outer Glow: mid plend mode Vivid Light in PSD*/
  .fv::before{width: 100%;height: calc(100% + 0.57vw);background: url('../img/sp_fv_bg_fix.png') no-repeat center bottom/ auto 100%;display: none;}


  .line{background-position: top 13px left;}
  .sec01{padding: 18.5vw 0 15.5vw;}
  .sec01_h2{margin-bottom: 7.7vw;}
  .sec01_h3{margin-bottom: 7.6vw;}
  .sec01_cta{padding-top: 14vw;}
  .sec01_list{padding: 0 4vw;margin-bottom: 10vw;}
  .sec01_cta::before{height: 10vw;}
  .sec01_list li{font-size: 4vw;padding: 1.5vw 0 1.5vw 7vw;line-height: 1.15;letter-spacing: 0.05rem;text-shadow: 0 0 1vw rgba(0,0,0,1) , 0 0 1vw rgba(0,0,0,1) , 0 0 1vw rgba(0,0,0,1) , 0 0 1vw rgba(0,0,0,1) , 0 0 1vw rgba(0,0,0,1), 0 0 1vw rgba(0,0,0,1);}
  .sec01_list li:nth-of-type(2){letter-spacing: -.16rem;}
  .sec01_list li::before{width: 4.53vw;height: 4.53vw;top: calc(50% - 2.26vw);left: 0;}

  .sec02{clip-path: polygon(50% 12vw, 100% 0, 100% calc(100% - 12vw), 50% 100%, 0 calc(100% - 12vw), 0 0);margin: -12vw 0;padding: 21vw 0 14.5vw;}
  .sec02_box::before {width: 70vw;height: 60vw;bottom: -14vw;right: -9vw;}
  .sec03{background: url('../img/sp_sec03_bg.png') no-repeat center top /cover;padding: 19vw 0 18vw;}
  .sec03_h2{margin-bottom: 11vw;}
  .sec03_img{width: 100vw;margin-left: -4vw;margin-bottom: 7vw;}

  .sec04{background: url('../img/sp_sec04_bg.png') no-repeat center top /100% #FFF;padding: 7.5vw 0 28vw;}
  .sec04_h2{width: calc(100% + 1.6vw);margin-left: -1.6vw;margin-bottom: 8vw;}
  .sec04_h3{margin-bottom: 4.5vw;}
  .sec04_list{gap: 3.6vw 2.67vw;padding: 0 4vw;}
  .sec04_list dl{width: calc(50% - 1.34vw);}
  .sec04_list dl dt .tt{min-height: 12.26vw;font-size: 3.2vw;padding:2vw;}
  .sec04_list dl dt .tt span{font-size:clamp(16px,3.2vw,22px) ;}
  .sec04_list dl dd{padding: 2.67vw;}
  .sec04_list dl dd p{font-size: clamp(13px,2.4vw,18px);}
  .sec04_list dl dd h3{font-size:clamp(13px,2.94vw,22px);padding: 1.2vw 0.2vw 1vw;letter-spacing: -.02rem;}

  .s_cta_h2{margin-bottom: 3vw;}
  .s_cta02{padding: 15.5vw 0 15vw;}
  .s_cta02 .s_cta_h2{margin-bottom: 6vw;}
  .s_cta03{padding: 15vw 0 15vw;}
  .s_cta03 .s_cta_box{display: flex;flex-direction: column;align-items: flex-end;}
  .s_cta03 .s_cta_h2{margin-right: -2.2vw;width: 100%;margin-bottom: 5.5vw;}
  .s_cta_box::before{width: 77vw;height: 91vw;left: -30vw;bottom: -29vw;}
  .s_cta_slg{margin-bottom: 2vw;}

  .top_box{padding: 22vw 0 24vw;background: url('../img/sp_top_box_bg.jpg') no-repeat center top /cover;}
  .sec05_list dl{width: calc(100% + 4vw);}
  .sec05_list dl:not(:last-child){margin-bottom: 18vw;}
  .sec05_list dl:nth-of-type(2) .reason{top: -5.8vw;}
  .sec05_list dl dt{width: 41.334vw;flex-shrink: 0;}
  .sec05_list dl dd{width: 62.67vw;position: relative;z-index: 2;}
  .sec05_list dl dd p{font-size: 3.2vw;line-height: 1.5;}
  .sec05_list dl dd .reason{top: -6.5vw;width: 34.4vw;}
  .sec05_list dl:nth-of-type(odd){margin-left: -4vw;}
  .sec05_list dl:nth-of-type(even){margin-right: -4vw;}
  .sec05_list dl:nth-of-type(odd) dd{padding: 6.67vw 4vw 5.6vw 0;margin-left: -8vw;}
  .sec05_list dl:nth-of-type(even) dd{padding: 6.67vw 0 5vw 4vw;margin-right: -8vw;}
  .sec05_h2{margin-bottom: 13vw;}
  .sec05_list{margin-bottom: 35vw;}
  .sec05_list dl dd h3{margin-bottom: 2.5vw;}
  .sec05_list dl:nth-of-type(odd) dd .reason{right: 0vw;}
  .sec05_list dl:nth-of-type(even) dd .reason{left: 0.5vw;}
  .sec05_list dl:nth-of-type(even) dd p{padding-right: 3vw;}
  .sec05_list dl:nth-of-type(3) dd{width: 56vw;}
  .sec05_list dl:nth-of-type(3) h3{width: calc(100% + 6.667vw);}
  .sec06_h2{margin-bottom:9.2vw;}
  .sec06_frame{max-width: calc(100% - 8vw);padding: 6vw 5.47vw 5.7vw;margin-bottom: 34vw;}
  .sec06_frame h3{margin-bottom: 5vw;}
  .sec06_frame p{font-size: 3.2vw;width: calc(100% + 2vw);margin-left: -1vw;text-align: left;line-height: 1.5;}

  .sec07_h2{margin-bottom: 13vw;}
  .sec07_list{padding: 0 4vw;margin-bottom: 10vw;}
  .sec07_list dl{width: calc(100% - 20vw);}
  .sec07_list dl:not(:last-child){padding-bottom: 10vw;}
  .sec07_list dl:not(:last-child)::before{width: 1px;height: 100%;left: 5.6vw;top: 1vw;}
  .sec07_list dl dt{display: flex;margin-bottom: 0;align-items: center;}
  .sec07_list dl dt .step{width: 10.5vw;margin: 0 3vw 0 0;flex-shrink: 0;}
  .sec07_list dl dt .tt{font-size: 4vw;margin-bottom: 0;}
  .sec07_list dl dd{padding-left: 14vw;font-size: 3.2vw;line-height: 1.2;}
  .sec07_list dl .img{position: absolute;width: 19.2vw;right: -20vw;top: 1.5vw;}

  .sec08{padding: 31vw 0 0;}
  .sec08_h2{margin-bottom: 12.5vw;}
  .faq_list dl{padding: 3vw 0 11.2vw;}
  .faq_list dt{font-size: 4vw;padding: 4.3vw 0 0;line-height: 1.2;margin-bottom: 0;}
  .faq_list dd{font-size: 3.2vw;padding: 5.9vw 0 0 0;}
  .ft_link{margin: 0 auto 2vw;max-width: 77vw;gap:2vw 4vw;}
  .ft_link li,.ft_link li a{line-height: 1;display: inline-block;}
  .ft_link li a,address{font-size: 3.2vw;}
  .faq_list dt .ico, .faq_list dd .ico{width: 6.13vw;height: 6.13vw;font-size: 3.2vw;margin-right: 2vw;margin-top: -0.5vw;}

  /*-- under ---------------------------------
  ------------------------------------------*/
  #under .main_under{
    padding: 8vw 0;
  }
  #under .main_under h2{
    font-size: 7vw;
    margin-bottom: 8vw;
  }
  #under .main_under h3{
    font-size: 5vw;
    margin-bottom: 5vw;
  }
  #under .main_under .section{
    margin-bottom: 8vw;
  }
  #under .main_under .c-list{
    font-size: 85%;
  }
  #under .main_under .c-table{
    margin-top: 0;
  }
  #under .main_under .sp{
    display: block;
  }
  .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #under .main_under .c-table{
    min-width: 930px;
    border-collapse: collapse;
  }
  #under .main_under .l-list li{
    font-size: 4vw;
  }
  #under .main_under .l-list li:not(:last-child) {
    padding-bottom: 3vw;
  }
  #under .main_under .l-list li{
    padding-left: 0;
  }
  /*-- /under --------------------------------
  ------------------------------------------*/

}
@media screen and (max-width: 440px){
  .line{background-position: top 11px left;}

}
@media screen and (max-width: 374px){
  .sec04_list{padding: 0;}
  .sec04_list dl dd h3{font-size:clamp(12px,2.94vw,22px) ;}
}
/*スマホ用スタイルend*/