@charset "utf-8";

body#body_drs {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  line-height:1.7;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.01rem;
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, body#body_drs {
    font-family: "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    color: #333;
    letter-spacing: 0.1rem;
  }
  body#body_drs {
    font-family: "メイリオ", Meiryo, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
    color: #333;
    letter-spacing: 0.1rem;
  }
}
header{height:62px;}
header .inner_1200{position: relative;}
.header_logo_drs {
  position: absolute;
  top: 10px;
  left: 0;
  margin: 0 auto;
  height: 40px;
}

.bg_e6e7e8{background: #e6e7e8;}

a:hover{text-decoration: none;}

/*---------------
  /kv
---------------*/
.kv{
  padding:45px 0;
}
.kv .kv__title{
  font-size: clamp(24px,4.5vw,45px);
  margin-bottom: 50px;
}
@media screen and (max-width : 768px){
  .kv{
    padding:25px 0;
  }
}
/*---------------
  /anchorlinks
---------------*/
.anchorlinks{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding:12px 0;
  background: #fff;
  position:sticky;
  top:0;
  z-index: 1;
}
.anchorlinks a{
  text-decoration: none;
  padding:10px;
}
.anchorlinks ul.flex_box{
  justify-content: center;
}
@media screen and (max-width : 768px){
  .anchorlinks a{
    padding:0px;
  }
}
/*---------------
  /about
---------------*/
.about{
  border-bottom: 1px solid #ccc;
  padding:40px 0;
}
.about img{width:100%;}
.about .col_in_1 > img{
  margin:20px auto;
}
.about .col_in_2-4,
.about .col_in_2-6{padding:0;}

.about .col_box_flex {
  flex-wrap:nowrap;
  gap:25px;
}
.about__anchor-btn{
  font-size: 18px;
  background: #c00;
  color:#fff;
  display:flex;
  align-items: center;
  justify-content:center;
  width:100%;
  padding:15px 10px;
  text-decoration: none;
  transition: 0.3s;
  border:2px solid #c00;
  box-sizing: border-box;
  margin-top: auto;
  position: relative;
}
.about__anchor-btn:hover{
  background: #fff;
  color:#c00;
}
.about__anchor-btn:after{
  content:'';
  transform:rotate(90deg);
  width:10px;
  height:16px;
  background-image: url('/jp/forHome/products/vbts/assets/images/icon/icon_button_arrow.png');
  background-repeat: no-repeat;
  display:block;
  position:absolute;
  right:clamp(10px,7%,20px);
  top:4px;
  bottom:0;
  margin:auto;
}
.about__anchor-btn:hover:after{
  background-image: url('/jp/forHome/products/vbts/assets/images/icon/icon_button_arrow_c00.png');
}
.about__features .col_in_3{
  display:flex;
  flex-direction: column;
}
.about__features .col_in_3 p{
  margin:20px 0;
}
.about__cv-btn{
  border-radius: 4px;
  width: clamp(200px,100%,320px);
  margin: 40px auto 20px;
  padding: 15px 5px;
  color: #fff;
  background: #c00;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: clamp(14px,1.75vw,20px);
  transition: 0.3s;
}
.about__cv-btn:hover{
  cursor: pointer;
  color:#fff;
  opacity:0.5;
}

@media screen and (max-width : 768px){
  .about{
    padding:20px 0;
  }
  .about .col_box_flex {
    flex-wrap:wrap;
    gap:25px;
  }
  .about__features .col_in_3:not(:first-of-type){
    margin-top:45px;
  }
  .about__features .col_in_3 p{
    margin:15px 0;
  }
  .about__cv-btn{
    padding: 10px 5px;
    margin: 20px auto;
  }
}

/*---------------
  /faq
---------------*/
.faq__con-title{
  text-align: center;
  margin:40px 0 50px;
}
.faq__block{
  margin:0 auto 60px;
  max-width:900px;
}
.faq__block-q,
.faq__block-a{
  display: flex;
  width:100%;
  align-items:center;
  gap:20px;
  margin-bottom:20px;
}
.faq__block-q p,
.faq__block-a p{margin-bottom: 0;}
.faq__block-q{font-weight: 600;}

.mark_faq,
.mark_faq img{
  width:35px;
  height:35px;
}
@media screen and (max-width : 768px){
  .faq{padding:0 2%;}
  .faq__con-title{
    text-align: center;
    margin:30px 0 15px;
  }
  .faq__block-q,
  .faq__block-a{
    gap:10px;
  }
}
/*---------------
  /cv-area
---------------*/
.cv{display: none;}
.cv-area{
  width:95%;
  height:75px;
  padding:12px;
  border-radius:7px;
  background: rgba(0,0,0,0.75);
  position:fixed;
  gap:20px;
  display:flex;
  justify-content:center;
  bottom:15px;
  right:0;
  left:0;
  margin:auto;
  box-sizing: border-box;
  z-index: 1;
}

/*パターン2*/
.pattern2_wrapper{position:relative;}
.pattern2{
  position:fixed;
  width:100%;
  height:75px;
  bottom:15px;
  z-index: 1;
}

.cv-area__btn{
  border-radius:4px;
  width:40%;
  color:#fff;
  display:flex;
  align-items: center;
  justify-content:center;
  text-decoration: none;
  font-size:clamp(14px,1.75vw,20px);
  transition: 0.3s;
  background: none;
}
.cv-area__btn:hover{
  cursor: pointer;
  color:#fff;
  opacity:0.5;
}
.cv-area__btn.cv-click{
  background: #c00;
}
@media screen and (max-width : 768px){
  .cv-area{
    height:auto;
    display: block;
    padding:10px;
  }
  .cv-area__btn{
    width:100%;
    padding: 10px 5px;
  }
  .cv-area__btn:not(:first-of-type){
    margin-top: 10px;
  }
}

/*=============================================*/
@media screen and (max-width : 768px){
.fz16_sp{font-size:16px !important;}
.fz16_sp{font-size:16px !important;}
}