@charset "utf-8";
/* ========================================================
terms
======================================================== */
/* .terms-headline
----------------------- */
.terms-headline{
  color: #fff;
  background-color: #00B7BD;
  padding: 0.2em 0.5em;
  font-size: 20px;
}
@media screen and (max-width: 768px){
  .terms-headline{
    font-size: 4.6vw;
  }
}
/* terms-content
----------------------- */
.terms-content{
  background-color: #F9F9F9;
  padding: 45px 40px 30px;
  margin-top: 40px;
}
.terms-content__lead{
  color: #00B7BD;
  font-size: 20px;
}
@media screen and (max-width: 768px){
  .terms-content{
    padding: 12vw 3vw;
    margin-top: 11vw;
  }
  .terms-headline + .terms-content{
    margin-top: 5.1vw;
  }
  .terms-content__lead{
    font-size: 5.1vw;
  }
}
/* terms-accordion
----------------------- */
.terms-accordion{
  background-color: #fff;
  border: solid 1px #DDDDDD;
  border-radius: 0.4em;
  margin-top: 40px;
}
.terms-accordion__headline{
  font-weight: bold;
  padding: 1em 25px;
}
.terms-accordion__body{
  padding: 0 25px 30px;
}
.terms-unit{
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-between;
    flex-wrap: wrap;
}
.terms-unit .image{
  width: calc(50% - 25px);
  max-width: 445px;
}
.terms-unit__txt{
  min-width: 50%;
  width: calc(100% - 470px);
}
.terms-unit__txt__ttl{
  color: #00B7BD;
  font-size: 18px;
}
@media screen and (max-width: 768px){
  .terms-accordion{
    margin-top: 10.25vw;
  }
  .terms-accordion__headline{
    padding: 1em 3vw;
  }
  .terms-unit .image{
    width: 100%;
    max-width: 100%;
  }
  .terms-unit__txt{
    width: 100%;
    min-width: 100%;
    margin-top: 4vw;
  }
  .terms-unit__txt__ttl{
    font-size: 5.1vw;
  }
}