/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body, body * {
  font-family: "Noto Sans JP", sans-serif !important;
}

h1{
  font-size: 36px;
  font-weight: 400;
  color: #01bfd7;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 0.25em;
}
h2{
  font-size: 28px;
  font-weight: 400;
  color: #01bfd7;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 0.25em;
}
h3{
  font-size: 22px;
  font-weight: 400;
  color: #01bfd7;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 0.25em;
}
h6{
  margin-bottom: 0em;
}
p{
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  margin: 0 0 .25em;
  color: #222;
  letter-spacing: 0.04em;
  
}
.custom-feature-icon{
  margin-bottom: 20px;
}
.custom-contact-form-inner{
  padding: 32px;
  border: 1px solid #ccc;
  border-radius: 12px;
  margin: 40px auto 0;
  max-width: 800px;
  width: 100%;
}
.custom-contact-form-inner > p{
  font-size: 14px;
}
.hs-form-private{
  max-width: 800px;
  width: 100%;
  margin: auto;
}
.form-columns-2 > div{
  width: 100% !important;
  max-width: 100%;
}
.custom-faq-q{
 color: #01BBD4;
 font-size: 18px;
}
.custom-faq-a > a{
  font-size: 14px;
  text-decoration: underline;
}

.br__sp{
  display: none;
}


@media (max-width: 767px){
 h1{
    font-size: 28px;
    margin-bottom: 1em;
  line-height: 1.55;
  }
 h2{
    font-size: 24px;
    margin-bottom: 1em;
  line-height: 1.55;
  }
 h3{
    font-size: 22px;
    margin-bottom: 1em;
  line-height: 1.55;
  }

 p{
   font-size: 14px; 
    margin-bottom: 1em;
  }
  .br__sp{
    display: block;
  }
  .br__none{
    display: none;
  }
/*   .custom-slider-pc{
    display: none;
  } */
  .logo-section{
    margin: auto;
  }
  .logo-section img{
    width: 120px  !important;
  }
  .right-section{
    display: none !important;
}