@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
/*
.zen-kaku-gothic-new-light {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.zen-kaku-gothic-new-regular {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.zen-kaku-gothic-new-medium {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
}


.zen-kaku-gothic-new-bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.zen-kaku-gothic-new-black {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
}
*/

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.875rem;
}




h1 {
  font-size: 2.125rem;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 2px;
}

h2 {
  font-size: 1.4375rem;
  color: #171C61;
  font-weight: 900;
  font-style: normal;
}


.br-sm,
.br-xs {
  display: none; //768px以上では改行タグを無効に。
}

@media screen and (max-width: 768px) {
  .br-sm {
    display: block; //768px未満で改行タグを有効に。
  }

  .br-pc {
    display: none;
  }

  #part3 .br-pc {
    display: block;
  }


}

@media (max-width: 418px) {

  #part3 .br-pc {
    display: none;
  }

}



header {
  padding: 145px 0;
}

header img {
  width: 145px;
  margin-bottom: 30px;
}

header.bg-header {
  background-color: #171C61;
}

header p {
  font-size: 0.9375rem;
}

#part1 {
  text-align: center;
  margin-top: 6.5625rem;
}

#part2,
#part3,
#part4 {
  text-align: center;
  margin-top: 8.75rem;
}

#part1 p.text-copy {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.47;
  margin-bottom: 3.75rem;
}


#part2 p.text-copy {
  font-size: 1.4375rem;
  font-weight: 700;
  line-height: 1.47;
  margin-bottom: 2rem;
}

#part1 p {
  font-size: 0.875rem;
  line-height: 1.625rem;
}

#part3 h2 {
  font-size: 1.5rem;
  font-weight: 700;
}

#part3 .list-box {

  margin-top: 3rem;
}

#part3 li span {
  font-weight: 700;
}

#part3 ul {
  line-height: 2.56rem;
  font-size: 0.875rem;

}

#part3 ul .brand-name {
  font-size: 1.125rem;
  line-height: 0;
  margin-bottom: 2rem;
}

#part4 {
  margin-top: 10rem;
}

#part4 p {
  font-size: 1.3125rem;
  font-weight: 500;
  line-height: 2.5rem;
  margin-bottom: 0;
}

.list-box {
  text-align: center;
  margin-top: 1.5rem;
}

.list-box .list-unstyled {
  text-align: left;
  display: inline-block;
  line-height: 1.875rem;
  font-size: 0.875rem;
  margin-bottom: 0;
}


.bi-circle::before {
  padding-right: .1rem;
  content: "\F287";
  /* pause-circle-fill */
  font-size: 0.875rem;
}

footer {
  margin-top: 5.625rem;
}

footer img {
  width: 80px;
  margin-top: 30px;
}

footer small {
  font-size: 0.75rem;
  font-weight: 400;
}


/* `sm` は極小デバイス（縦向きモバイル, 576px未満）に適用 */
@media (max-width: 575.98px) {}

/* `md` は小デバイス（横向きモバイル, 768px 未満）に適用 */
@media (max-width: 767.98px) {}

/* `lg` は中デバイス（タブレット, 992px 未満）に適用 */
@media (max-width: 991.98px) {}

/* `xl` は大デバイス（デスクトップ, 1200px 未満）に適用 */
@media (max-width: 1199.98px) {}

/* `xxl` は特大デバイス（ワイド・デスクトップ, 1400px 未満）に適用 */
@media (max-width: 1399.98px) {}