@charset "UTF-8";
/* リセットCSS
----------------------------------------*/
h1, h2, h4, h4, h5, h6, div, p, ul, li, dl, dt, dd, table, tr, td, img {
  margin: 0;
  border: 0;
  padding: 0;
}

.clfx::after {
  content: "";
  display: block;
  clear: both;
}

/* コンテナ
----------------------------------------*/
div#wrap-container {
  padding: 0;
  width: 100%;
}

div#container {
  width: 980px;
  position: relative;
  font-family: 'Roboto', 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-feature-settings: "palt";
  line-height: 1.6;
  margin: 0 auto 80px;
}

/* SP非表示
----------------------------------------*/
.sp {
  display: none;
}

/* ボックスの外枠
----------------------------------------*/
div.outer-box {
  width: 980px;
  margin: 0 auto;
}

/* タイトル
----------------------------------------*/
#container h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.9em;
  line-height: 1.2;
  margin: 0 auto 15px;
  padding-bottom: 0;
  width: 980px;
  letter-spacing: 1.5px;
}

#container h1.driver {
  margin: 0 auto 35px;
}

div.outer {
  text-align: center;
  max-width: 980px;
  margin: 7% auto 0;
}

div.outer-inner {
  margin: 0 auto;
  width: 100%;
}

.allocation-a {
  margin: 0;
}

.allocation-b {
  margin: 25px auto 0;
  position: relative;
  text-align: left;
  color: #333333;
  width: 81.105%;
  font-size: 1.05rem;
}

.allocation-b span.allocation-b-note {
  border-bottom: 1px solid #666;
}

.allocation-b span.allocation-b-note span {
  border-bottom: 1px solid #666;
}

.allocation-c {
  margin: 45px 0 0 0;
  padding: 40px 0 30px;
  position: relative;
  background-color: #DAE4EA;
  width: 100%;
}

.allocation-d {
  margin: 0 auto;
  width: 52.631%;
}

.allocation-f {
  margin: 40px auto 0;
  position: relative;
  width: 94.736%;
}

.allocation-g {
  margin: 0;
  width: 100%;
}

.allocation-i {
  margin: 0;
  position: absolute;
  top: 22.221%;
  left: 8.3%;
  font-size: 1.05rem;
  text-align: left;
  color: #333333;
  width: 70.722%;
}

.allocation-j {
  margin: 30px auto 0;
  position: relative;
  width: 94.736%;
}

.allocation-k {
  margin: 0;
}

.allocation-m {
  margin: 0;
  position: absolute;
  top: 26.021%;
  left: 8.3%;
  font-size: 1.05rem;
  text-align: left;
  color: #333333;
  width: 70.722%;
}

.allocation-n {
  margin: 0 auto;
  width: 11.473%;
}

.allocation-o {
  margin: 50px auto 0;
  width: 85.263%;
}

.allocation-p {
  margin: 45px 0 0 0;
  position: relative;
  width: 100%;
}

.allocation-q {
  margin: 0;
}

.allocation-s {
  margin: 0;
  position: absolute;
  bottom: 9%;
  right: 4%;
  font-size: 0.95rem;
  text-align: right;
  color: #333333;
  width: 90%;
}

#typec_monitor_banner {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 5% 0 0;
}

#typec_monitor_banner a {
  display: block;
  width: 48.47%;
}

#typec_monitor_banner a img {
  width: 100%;
}