/* common
------------------------------------------------------------------------------*/
.inner {
  padding: 0 calc( 60 / 750 * 100vw );
}

/* #ttl h2
------------------------------------------------------------------------------*/
#main #ttl h2 {
  background: url("/kv/img/kv_logo_wh.svg") center calc( 75 / 750 * 100vw ) / calc( 342 / 750 * 100vw ) auto no-repeat;
}

/* #kv
------------------------------------------------------------------------------*/
#kv .inner {
  padding-bottom: calc( 120 / 750 * 100vw );
}
#kv div.logo {
  margin: 0 calc( -60 / 750 * 100vw );
}
#kv h2 {
  font-size: calc( 30 / 750 * 100vw );
  line-height: calc( 73 / 750 * 100vw );
  letter-spacing: 0.15em;
  text-align: center;
  margin: 0 calc( -60 / 750 * 100vw );
  padding: calc( 32 / 750 * 100vw ) 0 calc( 95 / 750 * 100vw );
}
#kv h2 strong {
  font-size: calc( 54 / 750 * 100vw );
  letter-spacing: 0.12em;
}
#kv h2 strong strong {
  color: #00a0e9;
}
#kv p.sub {
  position: relative;
  display: block;
  border: #d9e6ec solid calc( 2 / 750 * 100vw );
  color: #00a0e9;
  font-size: calc( 22 / 750 * 100vw );
  line-height: calc( 42 / 750 * 100vw );
  letter-spacing: 0.1em;
  font-weight: bold;
  margin: calc( 46 / 750 * 100vw ) 0 0;
  padding: calc( 50 / 750 * 100vw ) calc( 60 / 750 * 100vw );
}
#kv p.sub::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: calc( 60 / 750 * 100vw );
  border-left: #00a0e9 solid calc( 7 / 750 * 100vw );
  height: calc( 100% -  ( 60 / 750 * 100vw *2 ) );
}