/********************************************************
common
*********************************************************/
body {
    background: #fff;
    font: 400 16px/1.8 'Noto Sans JP', 'Noto Sans SC', sans-serif;
    color: #666;
    -webkit-font-smoothing: antialiased;
}
section{
     max-width: 750px;
     width: 100%;
     margin: 0 auto;
}

main p{
    margin: 0; 
}

img{
    width: 100%;
    vertical-align: bottom;
    display: block;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

main{
    display: block;
    max-width: 750px;
    margin: 0 auto;
    overflow: hidden;
}
.flex{
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .mg-top-1-sp {
    margin-top: -1px;
  }
}  

/*------------------------------------
        WOW fadeInUP area 
-------------------------------------*/
.base{
  background: url(../img/brandbase.jpg) 0 0 no-repeat;
  background-size: cover;
  padding: 140px 0 50px 0;
}
@media screen and (max-width: 768px) {
  .base{
    padding: 20% 0 5% 0;
  }
}    

/*------------------------------------
        Q&A acordion CSS
-------------------------------------*/
.accord_sec{
  background-color: #ebf5f6;
  padding: 40px 0 80px;
}
.accord_sec .faq_ttl {
    padding: 40px 0 20px;
    max-width: 250px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .accord_sec {
    max-width: 750px;
    margin: 0 auto;
    padding: 20px 0 50px;
  }  
  .accord_sec .faq_ttl {
    max-width: 200px;
  }  
}

.c-faq-box-1 {
  max-width: 620px;
  margin: 30px auto;
  width:100%;
}
@media screen and (max-width: 768px) {
  .c-faq-box-1 {
    width:90%;
  }
}    

.c-faq-box-1 .c-faq-box-1__header {
  cursor: pointer;
  position: relative;
  font-size: 18px;
  padding: 10px 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-top: 1px solid;
  text-align: justify;
}

.c-faq-box-1 .c-faq-box-1__header table {
  max-width: 520px;
  width: 100%;
}
.c-faq-box-1 .c-faq-box-1__header table .q {
  width:50px;
}

@media screen and (max-width: 768px) {
  .c-faq-box-1 .c-faq-box-1__header table {
    font-size: 3.6vw;
    width: 85%;
  }
}

.c-faq-box-1 .c-faq-box-1__header .icon-q {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url(../img/icon_q.png) center center / 100% 100% no-repeat;
  vertical-align: top;
}

.c-faq-box-1 .c-faq-box-1__body .icon-a {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  background: url(../img/icon_a.png) center center / 100% 100% no-repeat;
  vertical-align: top;
}

.c-faq-box-1 .c-faq-box-1__body table th {
  font-weight: normal; 
}

.c-faq-box-1 .c-faq-box-1__header .y-down {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1;
  width: 12px;
  height: 12px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}

/* アコーディオン展開時の(-)アイコン */
.c-faq-box-1 .c-faq-box-1__header.is-open .y-down {
    transform: translateY(25%) rotate(-45deg);
  }

  .c-faq-box-1 .c-faq-box-1__body {
    display: none;
    font-size: 15px;
    /*background: #f0f5f5;*/
    padding: 25px 5px 0;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    .c-faq-box-1 .c-faq-box-1__body {
      font-size: 3vw;
    }
  }    

  /*--------- Q&A 内 <a>tag CSS ----------*/
  .c-faq-box-1 .c-faq-box-1__body a {
    color: #7198AB;
    text-decoration: underline;
  }
  .c-faq-box-1 .c-faq-box-1__body a:hover {
    text-decoration: none;
  }

  /*--------- Q&A faq_more ----------*/
  .faq_more {
    max-width: 660px;
    margin: 40px auto 0;;
    width: 100%;
  }

  .faq_more a{
    font-size: 18px;
    line-height: 180%;
    color:#37937c;
    text-decoration: underline;
  }

  .faq_more a:hover{
    opacity: 0.8;
    text-decoration: none;
  }

  @media screen and (max-width: 768px) {
    .faq_more {
      width: 87%;
    }
    
    .faq_more a {
      font-size: 3.6vw;
    }
  }    
    
  /*------------------------------------
        Brand btn section 【TOPページ】
  -------------------------------------*/

  /*---------------------------------
         【top-btn-sec】
  ----------------------------------*/
  .top-btn-sec {
    background: url(../img/img_01_2025.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 790px 0 20px 0;
  }

  .top-btn {
    max-width: 600px;
    width: 100%;
    margin: 30px auto;
  }

  @media screen and (max-width: 768px) {
    .top-btn-sec {
      padding: 105% 0 5% 0;
    }
 
    .top-btn {
      width: 82%;
      margin: 12px auto;
    }  
  }

  .top-btn a {
    display: block;
    transition-duration: .5s;
  }

  .top-btn a:hover {
    opacity: 0.8;
    transform: translateY(5px);
  }
   
  /*---------------------------------
         【btn-sec】
  ----------------------------------*/
  .btn-sec {
    background: url(../img/brandbase_2025.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 145px 0 45px 0;
  }

  .btn {
    max-width: 600px;
    width: 100%;
    margin: 30px auto;
  }

  @media screen and (max-width: 768px) {
    .btn-sec {
      padding: 17% 0 5% 0;
    }
 
    .btn {
      width: 82%;
      margin: 12px auto;
    }  
  }

  .btn a {
    display: block;
    transition-duration: .5s;
  }

  .btn a:hover {
    opacity: 0.8;
    transform: translateY(5px);
  }
   
  /*----------------------------------------------------
         【btn_setbox】
  -----------------------------------------------------*/
  .btn_set {
    background-size: cover;
  }

  .btn_set a {
    display: block;
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    transition-duration: .5s;
  }
    
  .btn_set a:hover {
    opacity: 0.8;
    transform: translateY(5px);
  }

  /*-------------------------
          【BOX NO.】
  ------------------------*/
    .box01 {
      background: url(../img/img_03.jpg) 0 0 no-repeat;
      padding: 1620px 0 36px 0;
    }

    .box02 {
      background: url(../img/img_04.jpg) 0 0 no-repeat;
      padding: 1600px 0 40px 0;
    }

    .box03 {
      background: url(../img/img_05.jpg) 0 0 no-repeat;
      padding: 1625px 0 40px 0;
    }

    .box04 {
      background: url(../img/img_06.jpg) 0 0 no-repeat;
      padding: 1655px 0 45px 0;
    }

    .box05 {
      background: url(../img/img_07.jpg) 0 0 no-repeat;
      padding: 1635px 0 40px 0;
    }
    
    @media screen and (max-width: 768px) {
      .btn_set a {
        width: 80%;
        margin: 0 auto;
      }

    /*-----------【BOX NO.】-----------*/
      .box01 {
        padding: 216% 0 6% 0;
        background-size: cover;
      }  

      .box02 {
        padding: 216% 0 6% 0;
        background-size: cover;
      }  

      .box03 {
        padding: 218% 0 6% 0;
        background-size: cover;
      }  

      .box04 {
        padding: 222% 0 6% 0;
        background-size: cover;
      }  

      .box05 {
        padding: 216% 0 6% 0;
        background-size: cover;
      }  
   }

 /*------------------------------------
        Yotpo Review Section
  -------------------------------------*/

  /*---------- Yotpo 先方のCSS 上書き -----------*/
  .review_cover .yotpo.yotpo-main-widget {
    display: block!important;
    width: 75%!important;
    margin: 0 auto!important;
    background-color: #fff!important;
    padding: 20px 40px;
  }
  
  /*---星表示やレビュー記述するハンバーガーメニュの非表示---*/ 
  .yotpo .yotpo-small-box {
    display: none;
  }

  .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes {
    display: none;
  }