@charset "UTF-8";
html {
  scroll-behavior: smooth;
  overflow: initial;
}

body {
  overflow: initial;
}

.main {
  background-color: transparent;
}

.dc_main {
  color: #444444;
  font-weight: 500;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Verdana, "Droid Sans";
  line-height: 1;
}
.dc_main * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: min(1.40625vw, 18px);
}
@media screen and (max-width: 767px) {
  .dc_main * {
    font-size: 3.6231884058vw;
  }
}
.dc_main img {
  width: 100%;
  image-rendering: smooth;
}
.dc_main a {
  color: inherit;
}
.dc_main ul {
  list-style-type: none;
}
.dc_main sub {
  font-size: 0.6em;
}
.dc_main span {
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}
.dc_main .dc_pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pc {
    display: none;
  }
}
.dc_main .dc_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_sp {
    display: block;
  }
}
.dc_main section,
.dc_main .dc_contents {
  position: relative;
}
.dc_main section .__img,
.dc_main .dc_contents .__img {
  z-index: -1;
  position: absolute;
  inset: 0;
  width: 100%;
  text-align: center;
  opacity: 0.15;
}
.dc_main section .__img img,
.dc_main .dc_contents .__img img {
  width: auto;
}
.dc_main .dc_inner {
  max-width: min(100vw, 1280px);
  padding-inline: min(3.125vw, 40px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_inner {
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_hero {
  position: relative;
  height: 100dvh;
  overflow: hidden;
  display: grid;
  place-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
}
.dc_main .dc_hero .__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.dc_main .dc_hero .dc_video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.dc_main .dc_hero .dc_overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(5, 15, 40, 0.25) 0%, rgba(8, 25, 65, 0.55) 50%, rgba(5, 18, 50, 0.85) 100%);
  z-index: 1;
}
.dc_main .dc_hero .dc_inner {
  display: grid;
  place-items: center;
  z-index: 2;
}
.dc_main .dc_hero__phase01 {
  display: none;
  place-items: center;
}
.dc_main .dc_hero__phase02 {
  display: none;
  place-items: center;
}
.dc_main .dc_hero__title {
  order: 3;
  font-size: min(11.71875vw, 150px);
  font-weight: 900;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-shadow: 0 0 min(0.78125vw, 10px) rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__title {
    font-size: 19.3236714976vw;
  }
}
.dc_main .dc_hero__title:is(.dc_hero__phase01 *) {
  margin-bottom: min(2.34375vw, 30px);
  font-size: min(10.15625vw, 130px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  order: 1;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__title:is(.dc_hero__phase01 *) {
    margin-bottom: 4.8309178744vw;
    font-size: 10.8695652174vw;
  }
}
.dc_main .dc_hero__lead {
  order: 1;
  position: relative;
  padding-bottom: min(1.5625vw, 20px);
  padding-inline: min(7.03125vw, 90px);
  font-size: min(2.65625vw, 34px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-shadow: 0 0 min(0.78125vw, 10px) rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__lead {
    margin-bottom: 0;
    padding-bottom: 4.8309178744vw;
    padding-inline: 0;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_hero__line {
  order: 2;
  width: min(46.875vw, 600px);
  height: min(0.3125vw, 4px);
  margin-inline: auto;
  margin-bottom: min(0.78125vw, 10px);
  background-color: #fff;
  text-shadow: 0 0 min(0.78125vw, 10px) rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__line {
    width: 90.3381642512vw;
    height: 0.4830917874vw;
    margin-bottom: 3.6231884058vw;
  }
}
.dc_main .dc_hero__en {
  order: 4;
  margin-top: min(1.953125vw, 25px);
  font-size: min(1.953125vw, 25px);
  font-weight: 500;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  font-family: "Goldman", sans-serif;
  font-weight: 700;
  opacity: 0.6;
  text-shadow: 0 0 min(0.78125vw, 10px) rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__en {
    margin-top: 6.038647343vw;
    font-size: 3.8647342995vw;
  }
}
.dc_main .dc_hero__en:is(.dc_hero__phase01 *) {
  margin-top: min(1.953125vw, 25px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_hero__en:is(.dc_hero__phase01 *) {
    margin-top: 1.2077294686vw;
    text-align: center;
    line-height: 1.5;
  }
}
.dc_main .dc_hero .hero-char {
  display: inline-block;
  will-change: transform, opacity;
}
.dc_main .dc_hero .hero-char-line {
  display: block;
}
.dc_main .dc_intro {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_intro .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/intro_bg.png);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_intro .dc_inner {
  margin-top: -120vh;
  padding-top: min(8.59375vw, 110px);
  padding-bottom: min(9.375vw, 120px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_inner {
    padding-top: 14.4927536232vw;
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_intro .dc_title {
  position: relative;
  padding-bottom: min(3.515625vw, 45px);
  font-size: min(3.515625vw, 45px);
  font-weight: 900;
  text-align: center;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_title {
    padding-bottom: 4.8309178744vw;
    font-size: 7.2463768116vw;
    line-height: 1.2;
  }
}
.dc_main .dc_intro .dc_title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(4.6875vw, 60px);
  height: min(0.234375vw, 3px);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_title::before {
    width: 12.077294686vw;
    height: 0.4830917874vw;
  }
}
.dc_main .dc_intro .dc_sbt__title {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  margin-top: min(3.515625vw, 45px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__title {
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_intro .dc_sbt__title .--main {
  position: relative;
  padding-right: min(3.90625vw, 50px);
  font-size: min(1.953125vw, 25px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__title .--main {
    padding-right: 4.8309178744vw;
    font-size: 3.1400966184vw;
  }
}
.dc_main .dc_intro .dc_sbt__title .--main::before {
  content: "";
  position: absolute;
  top: 50%;
  right: min(0.78125vw, 10px);
  width: min(2.34375vw, 30px);
  height: min(0.15625vw, 2px);
  background-color: #222222;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__title .--main::before {
    right: 1.2077294686vw;
    width: 2.4154589372vw;
    height: 0.2415458937vw;
  }
}
.dc_main .dc_intro .dc_sbt__title .--en {
  font-size: min(1.953125vw, 25px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__title .--en {
    font-size: 3.1400966184vw;
  }
}
.dc_main .dc_intro .dc_sbt__wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: min(7.421875vw, 95px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__wrap {
    display: block;
    margin-top: 9.6618357488vw;
  }
}
.dc_main .dc_intro .dc_sbt__img {
  width: min(41.796875vw, 535px);
  border-radius: min(1.5625vw, 20px);
  padding: min(4.296875vw, 55px) min(3.125vw, 40px) min(0.78125vw, 10px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__img {
    width: 100%;
    padding: 4.8309178744vw;
    border-radius: 2.4154589372vw;
  }
}
.dc_main .dc_intro .dc_sbt__logo {
  width: min(26.40625vw, 338px);
  margin-inline: auto;
  margin-bottom: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__logo {
    width: 65.2173913043vw;
    margin-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_intro .dc_sbt__img-text {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(1.5625vw, 20px);
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__img-text {
    gap: 4.8309178744vw;
  }
}
.dc_main .dc_intro .dc_sbt__img-text.--ja {
  font-size: min(1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__img-text.--ja {
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_intro .dc_sbt__img-text.--initial {
  font-size: min(10.15625vw, 130px);
  font-family: "Orbitron", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__img-text.--initial {
    font-size: 19.3236714976vw;
  }
}
.dc_main .dc_intro .dc_sbt__img-text.--en {
  margin-top: min(0.390625vw, 5px);
  font-size: min(1.5625vw, 20px);
  font-family: "Orbitron", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__img-text.--en {
    margin-top: 1.2077294686vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_intro .dc_sbt__img-text .dc_highlight01 {
  color: #00338e;
}
.dc_main .dc_intro .dc_sbt__scope {
  position: relative;
  width: min(45.703125vw, 585px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope {
    width: 100%;
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope .--heading {
  position: relative;
  width: min(16.796875vw, 215px);
  padding: min(0.78125vw, 10px) 0 0;
  margin-left: min(18.75vw, 240px);
  background-color: #36bdef;
  font-size: min(2.109375vw, 27px);
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope .--heading {
    width: 36.231884058vw;
    margin-left: 36.231884058vw;
    font-size: 4.347826087vw;
    padding: 2.4154589372vw 0 0;
  }
}
.dc_main .dc_intro .dc_sbt__scope .--heading::before {
  content: "";
  position: absolute;
  bottom: max(-1.484375vw, -19px);
  left: 0;
  width: 100%;
  height: min(1.5625vw, 20px);
  clip-path: polygon(50% min(1.5625vw, 20px), 0 0, 100% 0);
  background-color: #36bdef;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope .--heading::before {
    bottom: -4.5893719807vw;
    height: 4.8309178744vw;
    clip-path: polygon(50% 4.8309178744vw, 0 0, 100% 0);
  }
}
.dc_main .dc_intro .dc_sbt__scope ul {
  margin-top: min(1.5625vw, 20px);
  display: grid;
  gap: min(1.953125vw, 25px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope ul {
    margin-top: 4.8309178744vw;
    gap: 3.6231884058vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item {
  display: grid;
  grid-template-columns: min(9.140625vw, 117px) 1fr;
  background-color: #fff;
  border-radius: min(0.78125vw, 10px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item {
    grid-template-columns: 19.3236714976vw 1fr;
    border-radius: 2.4154589372vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--name {
  padding-block: min(1.796875vw, 23px);
  background-color: #00338e;
  font-size: min(1.40625vw, 18px);
  font-weight: 500;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--name {
    padding-block: 3.6231884058vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--name .dc_highlight01 {
  display: block;
  padding: min(0.78125vw, 10px);
  font-size: min(3.90625vw, 50px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--name .dc_highlight01 {
    padding: 2.4154589372vw;
    font-size: 6.038647343vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--desc {
  display: grid;
  place-content: center;
  width: 100%;
  font-size: min(1.40625vw, 18px);
  font-weight: 900;
  color: #6a797f;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  text-align: center;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--desc {
    letter-spacing: 0;
    text-indent: 0;
    font-size: 3.2608695652vw;
    line-height: 1.4;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight01 {
  display: inline-block;
  margin-right: min(0.234375vw, 3px);
  font-size: min(2.1875vw, 28px);
  color: #36bdef;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight01 {
    margin-right: 0;
    font-size: 3.8647342995vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight02 {
  font-size: min(3.28125vw, 42px);
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight02 {
    font-size: 6.038647343vw;
  }
}
.dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight03 {
  font-size: min(3.359375vw, 43px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_sbt__scope-item .--desc .dc_highlight03 {
    font-size: 6.038647343vw;
  }
}
.dc_main .dc_intro .dc_text {
  margin-top: min(4.6875vw, 60px);
  width: 100%;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_intro .dc_text {
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_intro .dc_text .--scope {
  color: #00338e;
  font-weight: 700;
}
.dc_main .dc_pride {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_pride .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/pride_bg.png);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_pride .dc_inner {
  margin-top: -120vh;
  padding-top: min(8.59375vw, 110px);
  padding-bottom: min(9.375vw, 120px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride .dc_inner {
    padding-top: 14.4927536232vw;
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_pride .dc_title {
  position: relative;
  padding-bottom: min(3.515625vw, 45px);
  font-size: min(3.90625vw, 50px);
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride .dc_title {
    padding-bottom: 4.8309178744vw;
    font-size: 7.2463768116vw;
    line-height: 1.2;
  }
}
.dc_main .dc_pride .dc_title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(4.6875vw, 60px);
  height: min(0.234375vw, 3px);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride .dc_title::before {
    width: 12.077294686vw;
    height: 0.4830917874vw;
  }
}
.dc_main .dc_pride__wrap {
  display: flex;
  justify-content: space-between;
  margin-top: min(6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__wrap {
    display: block;
    margin-top: 9.6618357488vw;
  }
}
.dc_main .dc_pride__body {
  width: min(42.96875vw, 550px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__body {
    width: 100%;
  }
}
.dc_main .dc_pride__body .--heading {
  margin-top: min(1.953125vw, 25px);
  font-size: min(3.046875vw, 39px);
  font-weight: 700;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__body .--heading {
    margin-top: 4.8309178744vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_pride__body .--text {
  margin-top: min(3.125vw, 40px);
  padding-right: min(3.90625vw, 50px);
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__body .--text {
    margin-top: 4.8309178744vw;
    padding-right: 0;
  }
}
.dc_main .dc_pride__links {
  margin-top: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__links {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_pride__link {
  position: relative;
  display: block;
  width: min(32.65625vw, 418px);
  padding: min(1.09375vw, 14px) min(1.5625vw, 20px) min(1.25vw, 16px);
  background-color: rgba(255, 255, 255, 0.7);
  font-size: min(1.71875vw, 22px);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #00338e;
  transition: all 0.2s ease;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__link {
    width: 100%;
    padding: 3.6231884058vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_pride__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: min(2.34375vw, 30px);
  width: min(3.28125vw, 42px);
  height: min(0.703125vw, 9px);
  background-image: url(../img/link_arrow.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-50%);
  transition: all 0.2s ease;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__link::before {
    right: 4.8309178744vw;
    width: 4.8309178744vw;
    height: 2.1739130435vw;
  }
}
@media (any-hover: hover) {
  .dc_main .dc_pride__link:hover {
    background-color: #fff;
    opacity: 1;
  }
  .dc_main .dc_pride__link:hover::before {
    right: min(1.5625vw, 20px);
  }
}
.dc_main .dc_pride__figure {
  width: min(46.875vw, 600px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_pride__figure {
    width: 100%;
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_goal {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_goal .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/goal_bg.png);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_goal .dc_inner {
  margin-top: -120vh;
  padding-top: min(8.59375vw, 110px);
  padding-bottom: min(9.375vw, 120px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_inner {
    padding-top: 14.4927536232vw;
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_goal .dc_title {
  position: relative;
  padding-bottom: min(2.734375vw, 35px);
  font-size: min(3.90625vw, 50px);
  font-weight: 900;
  line-height: 1.3;
  text-align: center;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_title {
    padding-bottom: 4.8309178744vw;
    font-size: 7.2463768116vw;
    line-height: 1.2;
  }
}
.dc_main .dc_goal .dc_title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(4.6875vw, 60px);
  height: min(0.234375vw, 3px);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_title::before {
    width: 12.077294686vw;
    height: 0.4830917874vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap {
  display: flex;
  justify-content: space-between;
  margin-top: min(6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap {
    display: block;
    margin-top: 9.6618357488vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart {
  width: min(44.921875vw, 575px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart {
    width: 100%;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope {
  display: flex;
  justify-content: space-between;
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope12 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: min(29.453125vw, 377px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope12 {
    width: 59.4202898551vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope12 .--label {
  width: min(13.90625vw, 178px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope12 .--label {
    width: 28.5024154589vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope3 {
  width: min(13.90625vw, 178px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group.--scope3 {
    width: 28.5024154589vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(1.5625vw, 20px) 0 min(1.171875vw, 15px);
  background-color: #000633;
  font-size: min(1.71875vw, 22px);
  color: #fff;
  text-align: center;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label {
    padding: 2.4154589372vw 0 0;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label .dc_highlight01 {
  margin-left: min(0.78125vw, 10px);
  font-size: min(4.0625vw, 52px);
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label .dc_highlight01 {
    margin-left: 2.4154589372vw;
    font-size: 6.038647343vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label::before {
  content: "";
  position: absolute;
  bottom: max(-1.484375vw, -19px);
  left: 0;
  width: 100%;
  height: min(1.5625vw, 20px);
  clip-path: polygon(50% min(1.5625vw, 20px), 0 0, 100% 0);
  background-color: #000633;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--label::before {
    bottom: -4.8309178744vw;
    height: 4.8309178744vw;
    clip-path: polygon(50% 4.8309178744vw, 0 0, 100% 0);
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target {
  width: 100%;
  height: min(23.4375vw, 300px);
  margin-top: max(-1.5625vw, -20px);
  background-color: #66c2ef;
  border-radius: min(0.78125vw, 10px);
  padding-top: min(5.703125vw, 73px);
  font-size: min(1.796875vw, 23px);
  text-align: center;
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target {
    height: 48.309178744vw;
    padding-top: 9.6618357488vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target small {
  font-size: 0.7em;
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight01 {
  display: block;
  margin-top: min(0.625vw, 8px);
  font-size: min(6.875vw, 88px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
  letter-spacing: -0.03em;
  text-indent: -0.03em;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight01 {
    margin-top: 1.9323671498vw;
    font-size: 10.8695652174vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight02 {
  display: block;
  margin-top: min(1.171875vw, 15px);
  font-size: min(2.890625vw, 37px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight02 {
    margin-top: 2.4154589372vw;
    font-size: 6.038647343vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight03 {
  display: block;
  margin-top: min(1.015625vw, 13px);
  font-size: min(2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap .dc_goal__chart .dc_goal__scope .dc_goal__scope-group .--target .dc_highlight03 {
    margin-top: 2.4154589372vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap > .dc_video {
  width: min(45.859375vw, 587px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap > .dc_video {
    width: 100%;
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap > .dc_video .dc_video__inner {
  width: min(45.859375vw, 587px);
  border-radius: min(1.5625vw, 20px);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__wrap > .dc_video .dc_video__inner {
    width: 100%;
    border-radius: 3.6231884058vw;
  }
}
.dc_main .dc_goal .dc_goal__wrap > .dc_video .dc_video__inner video {
  width: 100%;
  scale: 1.04;
}
.dc_main .dc_goal .dc_goal__catch {
  margin-top: min(7.03125vw, 90px);
  font-size: min(2.578125vw, 33px);
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-indent: 0.03em;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__catch {
    margin-top: 9.6618357488vw;
    font-size: 4.8309178744vw;
    line-height: 1.3;
  }
}
.dc_main .dc_goal .dc_goal__nav {
  position: relative;
  width: min(53.125vw, 680px);
  height: min(50vw, 640px);
  margin: min(4.6875vw, 60px) auto 0;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav {
    width: 90.3381642512vw;
    height: 85.0241545894vw;
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_goal .dc_goal__nav .dc_goal__nav-ring {
  position: absolute;
  width: min(28.90625vw, 370px);
  height: min(28.90625vw, 370px);
  border-radius: 100vmax;
  border: min(0.15625vw, 2px) solid rgba(102, 194, 239, 0.6);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav .dc_goal__nav-ring {
    width: 49.154589372vw;
    height: 49.154589372vw;
    border: 0.4830917874vw solid rgba(102, 194, 239, 0.6);
  }
}
.dc_main .dc_goal .dc_goal__nav .dc_goal__nav-ring.--top {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.dc_main .dc_goal .dc_goal__nav .dc_goal__nav-ring.--left {
  bottom: 0;
  left: 0;
}
.dc_main .dc_goal .dc_goal__nav .dc_goal__nav-ring.--right {
  bottom: 0;
  right: 0;
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item {
  position: absolute;
  width: min(25.78125vw, 330px);
  height: min(25.78125vw, 330px);
  display: grid;
  place-self: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item {
    width: 43.8405797101vw;
    height: 43.8405797101vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing {
  top: min(1.5625vw, 20px);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing {
    top: 2.6570048309vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing a::before {
  bottom: min(5.859375vw, 75px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing a::before {
    bottom: 7.2463768116vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing a span {
  margin-bottom: max(-0.78125vw, -10px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--manufacturing a span {
    margin-bottom: 0;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--energy {
  bottom: min(1.5625vw, 20px);
  left: min(1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--energy {
    bottom: 2.6570048309vw;
    left: 2.6570048309vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--logistics {
  bottom: min(1.5625vw, 20px);
  right: min(1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--logistics {
    bottom: 2.6570048309vw;
    right: 2.6570048309vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--logistics a span {
  margin-bottom: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item.--logistics a span {
    margin-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  background-color: rgba(255, 255, 255, 0.6);
  padding-top: min(3.125vw, 40px);
  font-size: min(3.125vw, 40px);
  text-align: center;
  text-decoration: none;
  line-height: 1.3;
  font-weight: 900;
  color: #00338e;
  transition: all 0.2s ease;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a {
    padding-top: 3.6231884058vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a::before {
  content: "";
  position: absolute;
  bottom: min(4.6875vw, 60px);
  left: 50%;
  transform: translateX(-50%);
  width: min(1.5625vw, 20px);
  height: min(0.703125vw, 9px);
  clip-path: polygon(50% min(0.703125vw, 9px), 0 0, min(1.5625vw, 20px) 0);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a::before {
    bottom: 4.8309178744vw;
    width: 4.8309178744vw;
    height: 2.1739130435vw;
    clip-path: polygon(50% 2.1739130435vw, 0 0, 4.8309178744vw 0);
  }
}
@media (any-hover: hover) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a:hover {
    scale: 1.1;
    background-color: #fff;
    opacity: 1;
  }
}
.dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a span {
  display: inline-block;
  margin-bottom: min(1.171875vw, 15px);
  font-size: min(5vw, 64px);
  color: #6a797f;
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__nav ul .dc_goal__nav-item a span {
    margin-bottom: 2.4154589372vw;
    font-size: 10.8695652174vw;
  }
}
.dc_main .dc_goal .dc_goal__message {
  position: relative;
  display: grid;
  place-content: center;
  width: -moz-fit-content;
  width: fit-content;
  height: min(6.25vw, 80px);
  margin: min(6.25vw, 80px) auto 0;
  padding-inline: min(1.5625vw, 20px);
  background-color: #fff;
  font-size: min(2.734375vw, 35px);
  font-weight: 700;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__message {
    height: 14.4927536232vw;
    margin-top: 7.2463768116vw;
    padding-inline: 2.4154589372vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_goal .dc_goal__message::before {
  content: "";
  position: absolute;
  top: 0;
  left: max(-6.25vw, -80px);
  width: min(6.25vw, 80px);
  height: min(6.25vw, 80px);
  clip-path: polygon(min(6.25vw, 80px) 0, min(6.25vw, 80px) min(6.25vw, 80px), 0 min(6.25vw, 80px));
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__message::before {
    left: -7.2463768116vw;
    width: 7.2463768116vw;
    height: 14.4927536232vw;
    clip-path: polygon(7.2463768116vw 0, 7.2463768116vw 14.4927536232vw, 0 14.4927536232vw);
  }
}
.dc_main .dc_goal .dc_goal__message::after {
  content: "";
  position: absolute;
  top: 0;
  right: max(-6.25vw, -80px);
  width: min(6.25vw, 80px);
  height: min(6.25vw, 80px);
  clip-path: polygon(0 0, min(6.25vw, 80px) 0, 0 min(6.25vw, 80px));
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_goal .dc_goal__message::after {
    right: -7.2463768116vw;
    width: 7.2463768116vw;
    height: 14.4927536232vw;
    clip-path: polygon(0 0, 7.2463768116vw 0, 0 14.4927536232vw);
  }
}
.dc_main .dc_contents {
  position: relative;
  color: #222222;
}
.dc_main .dc_contents .dc_contents__nav {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #fff;
}
.dc_main .dc_contents .dc_contents__nav ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(0.078125vw, 1px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents .dc_contents__nav ul {
    gap: 0.2415458937vw;
  }
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item {
  position: relative;
  height: min(6.875vw, 88px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item {
    height: 16.9082125604vw;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item.--energy a span, .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item.--logistics a span {
    margin-bottom: 2.1739130435vw;
  }
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(200, 230, 250, 0.5);
  pointer-events: none;
  transition: all 0.2s ease;
  z-index: 2;
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item.--active::before {
  opacity: 0;
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item:not(.--active):has(a:hover)::before {
  opacity: 0;
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item a {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(1.171875vw, 15px);
  font-size: min(1.953125vw, 25px);
  font-weight: 700;
  text-decoration: none;
  background-color: #00338e;
  color: #fff;
  transition: all 0.2s ease;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item a {
    display: block;
    font-size: 3.3816425121vw;
    line-height: 1.2;
  }
}
@media (any-hover: hover) {
  .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item a:hover {
    filter: brightness(130%);
    opacity: 1;
  }
}
.dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item a span {
  margin-top: max(-0.390625vw, -5px);
  font-size: min(3.90625vw, 50px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents .dc_contents__nav ul .dc_contents__nav-item a span {
    display: block;
    padding-top: 1.4492753623vw;
    font-size: 4.347826087vw;
  }
}
.dc_main .dc_contents > section {
  scroll-margin-top: min(6.875vw, 88px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section {
    scroll-margin-top: 16.9082125604vw;
  }
}
.dc_main .dc_contents > section > .dc_inner > hgroup {
  position: relative;
  padding: min(10.9375vw, 140px) 0 min(0.78125vw, 10px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section > .dc_inner > hgroup {
    padding: 19.3236714976vw 0 4.8309178744vw;
  }
}
.dc_main .dc_contents > section > .dc_inner > hgroup h2 {
  position: relative;
  font-size: min(4.53125vw, 58px);
  font-weight: 900;
  text-align: center;
  text-shadow: 0 min(0.390625vw, 5px) min(1.171875vw, 15px) #000000;
  color: #fff;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section > .dc_inner > hgroup h2 {
    font-size: 6.7632850242vw;
  }
}
.dc_main .dc_contents > section > .dc_inner > hgroup h2 span {
  display: block;
  margin-bottom: min(2.34375vw, 30px);
  font-size: min(7.8125vw, 100px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section > .dc_inner > hgroup h2 span {
    margin-bottom: 3.6231884058vw;
    font-size: 14.4927536232vw;
  }
}
.dc_main .dc_contents > section > .dc_inner > hgroup p {
  position: absolute;
  top: min(3.90625vw, 50px);
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  font-size: min(10.546875vw, 135px);
  font-weight: 900;
  font-style: italic;
  text-align: center;
  color: rgba(0, 6, 51, 0.7);
  text-shadow: 0 0 min(2.34375vw, 30px) rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section > .dc_inner > hgroup p {
    top: 14.4927536232vw;
    font-size: 10.6280193237vw;
    text-shadow: 0 0 9.6618357488vw rgba(255, 255, 255, 0.6);
    text-indent: -0.1em;
  }
}
.dc_main .dc_contents > section .dc_content {
  margin: min(5.46875vw, 70px) auto 0;
  width: min(93.75vw, 1200px);
  background-color: #c8e6fa;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content {
    width: 90.3381642512vw;
    margin-top: 7.2463768116vw;
  }
}
.dc_main .dc_contents > section .dc_content > hgroup {
  position: relative;
  display: grid;
  padding: min(4.6875vw, 60px) 0 min(6.25vw, 80px);
  text-align: center;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content > hgroup {
    padding: 7.2463768116vw 0 9.6618357488vw;
  }
}
.dc_main .dc_contents > section .dc_content > hgroup h3 {
  order: 2;
  font-size: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content > hgroup h3 {
    font-size: 5.7971014493vw;
  }
}
.dc_main .dc_contents > section .dc_content > hgroup p {
  order: 1;
  margin-bottom: min(1.5625vw, 20px);
  font-size: min(1.40625vw, 18px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content > hgroup p {
    margin-bottom: 2.4154589372vw;
    font-size: 3.3816425121vw;
  }
}
.dc_main .dc_contents > section .dc_content > hgroup::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(0.078125vw, 1px);
  height: min(3.125vw, 40px);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content > hgroup::before {
    width: 0.2415458937vw;
    height: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section .dc_content .dc_content__item {
  width: min(81.25vw, 1040px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content .dc_content__item {
    width: 80.6763285024vw;
  }
}
.dc_main .dc_contents > section .dc_content .dc_content__item h4 {
  display: grid;
  place-content: center;
  height: min(7.5vw, 96px);
  font-size: min(2.734375vw, 35px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  background-color: #00338e;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content .dc_content__item h4 {
    height: 8.6956521739vw;
    font-size: 3.8647342995vw;
  }
}
.dc_main .dc_contents > section .dc_content .dc_content__item .dc_content__item-desc {
  margin-top: min(3.90625vw, 50px);
  font-size: min(2.1875vw, 28px);
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section .dc_content .dc_content__item .dc_content__item-desc {
    margin-top: 4.8309178744vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_contents > section.dc_manufacturing .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/manufacturing_bg.jpg);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_contents > section.dc_manufacturing .dc_inner {
  margin-top: -120vh;
  padding-bottom: min(7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_inner {
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content {
  padding-bottom: min(8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content {
    padding-bottom: 9.6618357488vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content .dc_content__item {
  padding-bottom: min(3.90625vw, 50px);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content .dc_content__item {
    padding-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content > hgroup.--effect {
  margin-top: min(2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content > hgroup.--effect {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting > .dc_content__lead {
  margin-top: min(3.125vw, 40px);
  font-size: min(2.109375vw, 27px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting > .dc_content__lead {
    margin-top: 4.8309178744vw;
    font-size: 3.6231884058vw;
    letter-spacing: 0;
    text-indent: 0;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting > p {
  margin-top: min(2.34375vw, 30px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting > p {
    margin-top: 2.4154589372vw;
    line-height: 1.5;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison {
  position: relative;
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(55.9375vw, 716px);
  height: min(0.15625vw, 2px);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison::before {
    width: 80.6763285024vw;
    height: 0.4830917874vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span {
  display: block;
  position: relative;
  padding-bottom: min(1.5625vw, 20px);
  margin-bottom: min(3.125vw, 40px);
  font-size: min(1.875vw, 24px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span {
    padding-bottom: 2.4154589372vw;
    margin-bottom: 2.4154589372vw;
    font-size: 3.6231884058vw;
    line-height: 1.3;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span::before {
  content: "";
  position: absolute;
  bottom: max(-1.171875vw, -15px);
  left: 50%;
  transform: translateX(-50%);
  width: min(1.953125vw, 25px);
  height: min(1.25vw, 16px);
  clip-path: polygon(50% min(1.25vw, 16px), 0 0, min(1.953125vw, 25px) 0);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span::before {
    bottom: -2.4154589372vw;
    width: 4.8309178744vw;
    height: 2.8985507246vw;
    clip-path: polygon(50% 2.8985507246vw, 0 0, 4.8309178744vw 0);
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span::after {
  content: "";
  position: absolute;
  bottom: max(-0.9375vw, -12px);
  left: 50%;
  transform: translateX(-50%);
  width: min(1.953125vw, 25px);
  height: min(1.25vw, 16px);
  clip-path: polygon(50% min(1.25vw, 16px), 0 0, min(1.953125vw, 25px) 0);
  background-color: #c8e6fa;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__comparison span::after {
    bottom: -1.9323671498vw;
    width: 4.8309178744vw;
    height: 2.8985507246vw;
    clip-path: polygon(50% 2.4154589372vw, 0 0, 4.8309178744vw 0);
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input {
  margin-top: min(7.03125vw, 90px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: min(2.734375vw, 35px);
  padding-inline: min(3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body {
    display: block;
    margin-top: 3.6231884058vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul {
  display: grid;
  gap: min(1.171875vw, 15px);
  width: min(30.3125vw, 388px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul {
    width: 100%;
    gap: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li {
  position: relative;
  display: grid;
  flex-wrap: wrap;
  place-content: center;
  background-color: #c8e6fa;
  height: min(6.640625vw, 85px);
  text-align: center;
  font-size: min(1.796875vw, 23px);
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li {
    height: 14.4927536232vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li span {
  display: block;
  font-size: min(1.484375vw, 19px);
  margin-bottom: min(0.546875vw, 7px);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li span {
    font-size: 3.1400966184vw;
    margin-bottom: 1.690821256vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li::before {
  content: "";
  position: absolute;
  bottom: max(-1.25vw, -16px);
  left: 50%;
  transform: translateX(-50%);
  width: min(1.953125vw, 25px);
  height: min(1.25vw, 16px);
  clip-path: polygon(50% min(1.25vw, 16px), 0 0, min(1.953125vw, 25px) 0);
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li::before {
    bottom: -3.8647342995vw;
    width: 6.038647343vw;
    height: 3.8647342995vw;
    clip-path: polygon(50% 3.8647342995vw, 0 0, 6.038647343vw 0);
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li.dc_highlight01 {
  color: #00338e;
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body ul li.dc_highlight01::before {
  display: none;
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body figure {
  width: min(38.59375vw, 494px);
  place-self: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--input .dc_content__item-body figure {
    margin-top: 6.038647343vw;
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity {
  margin-top: min(4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: min(4.296875vw, 55px);
  padding-inline: min(3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body {
    display: block;
    margin-top: 6.038647343vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul {
  order: 2;
  width: min(39.0625vw, 500px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul {
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li {
  position: relative;
  padding-left: min(2.109375vw, 27px);
  font-size: min(1.5625vw, 20px);
  font-weight: 700;
  margin-bottom: min(1.5625vw, 20px);
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li {
    padding-left: 4.8309178744vw;
    font-size: 3.6231884058vw;
    margin-bottom: 2.4154589372vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li::before {
  content: "";
  position: absolute;
  top: min(0.3125vw, 4px);
  left: 0;
  width: min(1.5625vw, 20px);
  height: min(1.5625vw, 20px);
  background-color: #66c2ef;
  border-radius: 100vmax;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li::before {
    top: 0.7246376812vw;
    width: 3.6231884058vw;
    height: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01 {
  position: relative;
  margin-bottom: 0;
  padding: min(1.171875vw, 15px) min(1.5625vw, 20px) min(1.40625vw, 18px);
  background-color: #00b9ef;
  font-size: min(1.5625vw, 20px);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01 {
    padding: 2.4154589372vw 3.6231884058vw 2.4154589372vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01::before {
  position: absolute;
  top: 50%;
  left: max(-2.265625vw, -29px);
  transform: translateY(-50%);
  width: min(2.34375vw, 30px);
  height: min(1.953125vw, 25px);
  clip-path: polygon(0 0, min(2.34375vw, 30px) 0, min(2.34375vw, 30px) min(1.953125vw, 25px));
  background-color: #00b9ef;
  border-radius: 0;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01::before {
    top: auto;
    bottom: -2.6570048309vw;
    left: 50%;
    transform: translateX(-50%) translateY(0);
    width: 5.7971014493vw;
    height: 2.8985507246vw;
    clip-path: polygon(0 0, 5.7971014493vw 0, 50% 2.8985507246vw);
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01 span {
  display: block;
  margin-bottom: min(0.390625vw, 5px);
  font-size: min(2.1875vw, 28px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body ul li.dc_highlight01 span {
    margin-bottom: 1.2077294686vw;
    font-size: 4.1062801932vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body figure {
  order: 1;
  width: min(29.765625vw, 381px);
  place-self: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_content__item.--impurity .dc_content__item-body figure {
    margin-top: 4.8309178744vw;
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: min(54.6875vw, 700px);
  margin-inline: auto;
  padding-bottom: min(3.125vw, 40px);
  margin-bottom: min(1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power {
    width: 68.8405797101vw;
    margin-top: 3.6231884058vw;
    margin-bottom: 2.4154589372vw;
    padding-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(6.25vw, 80px);
  height: min(1.5625vw, 20px);
  clip-path: polygon(0 0, min(6.25vw, 80px) 0, 50% min(1.5625vw, 20px));
  background-color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power::before {
    width: 7.2463768116vw;
    height: 2.4154589372vw;
    clip-path: polygon(0 0, 7.2463768116vw 0, 50% 2.4154589372vw);
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power h4 {
  width: min(15.15625vw, 194px);
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  font-size: min(2.96875vw, 38px);
  line-height: 1.2;
  margin-top: max(-0.390625vw, -5px);
  align-self: center;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power h4 {
    width: 19.3236714976vw;
    font-size: 3.6231884058vw;
    margin-top: 0vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p {
  margin-top: max(-1.5625vw, -20px);
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p {
    margin-top: -1.2077294686vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p .--value {
  font-size: min(8.59375vw, 110px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p .--value {
    font-size: 12.077294686vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p .--unit {
  display: inline-block;
  margin-left: min(0.390625vw, 5px);
  font-size: min(6.015625vw, 77px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--power p .--unit {
    margin-left: 0.7246376812vw;
    font-size: 7.2463768116vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 {
  width: min(54.6875vw, 700px);
  margin-inline: auto;
  padding: min(2.34375vw, 30px) min(3.125vw, 40px);
  display: flex;
  flex-wrap: wrap;
  background-color: #36bdef;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 {
    width: 68.8405797101vw;
    padding: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 h4 {
  font-size: min(2.1875vw, 28px);
  align-self: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 h4 {
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 h4 span {
  display: inline-block;
  margin-bottom: min(0.390625vw, 5px);
  padding: min(0.390625vw, 5px) min(0.625vw, 8px);
  font-size: min(1.640625vw, 21px);
  background-color: #fff;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 h4 span {
    margin-bottom: 1.9323671498vw;
    font-size: 3.8647342995vw;
    padding: 1.2077294686vw 2.4154589372vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--amount {
  margin-top: max(-0.390625vw, -5px);
  margin-left: min(1.171875vw, 15px);
  font-size: min(3.90625vw, 50px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--amount {
    margin-top: 0;
    margin-left: 0;
    font-size: 7.9710144928vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--amount span {
  display: inline-block;
  margin-right: min(0.390625vw, 5px);
  font-size: min(6.25vw, 80px);
  letter-spacing: -0.05em;
  text-indent: -0.05em;
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--amount span {
    margin-right: 0;
    font-size: 10.8695652174vw;
    letter-spacing: 0;
    text-indent: 0;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--note {
  width: 100%;
  margin-top: min(0.78125vw, 10px);
  padding-top: min(1.171875vw, 15px);
  border-top: min(0.3125vw, 4px) dotted #fff;
  text-align: center;
  font-size: min(2.03125vw, 26px);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--melting .dc_effect.--co2 .--note {
    margin-top: 2.4154589372vw;
    padding-top: 3.6231884058vw;
    font-size: 3.6231884058vw;
    border-top: 0.4830917874vw dotted #fff;
    line-height: 1.5;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak {
  margin-top: min(4.6875vw, 60px);
  margin-bottom: max(-0.78125vw, -10px);
  padding-bottom: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak {
    margin-top: 4.8309178744vw;
    margin-bottom: -1.2077294686vw;
    padding-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: min(2.734375vw, 35px);
  padding-inline: min(3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body {
    display: block;
    margin-top: 3.6231884058vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure {
  align-self: center;
  place-self: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure {
    margin-top: 6.038647343vw;
    margin-inline: auto;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure.--before {
  width: min(33.75vw, 432px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure.--before {
    width: 90%;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure.--after {
  width: min(37.5vw, 480px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_content__item.--air-leak .dc_content__item-body figure.--after {
    width: 90%;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen {
  display: flex;
  justify-content: space-between;
  width: min(81.25vw, 1040px);
  margin-inline: auto;
  margin-top: min(3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen {
    display: block;
    width: 90.3381642512vw;
    margin-inline: auto;
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item {
  display: flex;
  flex-wrap: wrap;
  width: min(39.0625vw, 500px);
  margin: 0;
  padding-bottom: 0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item {
    width: 80.6763285024vw;
    margin: 0 auto;
    padding-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item.--mino {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item h4 {
  display: grid;
  place-content: center;
  width: 100%;
  height: min(5.625vw, 72px);
  font-size: min(2.5vw, 32px);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  background-color: #00338e;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item h4 {
    height: 9.6618357488vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item h5 {
  padding: min(1.953125vw, 25px) min(2.34375vw, 30px) 0 min(2.34375vw, 30px);
  font-size: min(1.640625vw, 21px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item h5 {
    padding: 3.6231884058vw 4.8309178744vw 0 4.8309178744vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item p {
  align-self: flex-end;
  margin-bottom: max(-1.015625vw, -13px);
  font-size: min(4.296875vw, 55px);
  font-weight: 900;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item p {
    margin-bottom: -2.4154589372vw;
    font-size: 7.2463768116vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item p span {
  font-size: min(4.6875vw, 60px);
  font-weight: 700;
  font-family: "Barlow", sans-serif;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item p span {
    font-size: 7.2463768116vw;
  }
}
.dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item figure {
  width: 100%;
  padding: min(2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_manufacturing .dc_content.--air .dc_koen .dc_content__item figure {
    padding: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_contents > section.dc_energy .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/energy_bg.jpg);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_contents > section.dc_energy .dc_inner {
  margin-top: -120vh;
  padding-bottom: min(7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_inner {
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--renewable {
  position: relative;
  height: min(72.890625vw, 933px);
  padding: min(8.59375vw, 110px) min(7.421875vw, 95px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--renewable {
    height: auto;
    padding: 7.2463768116vw 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--renewable p {
  width: min(50vw, 640px);
  margin-bottom: min(2.34375vw, 30px);
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--renewable p {
    width: 100%;
    margin-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--renewable figure.--chart {
  position: absolute;
  top: min(6.25vw, 80px);
  right: min(2.34375vw, 30px);
  width: min(41.40625vw, 530px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--renewable figure.--chart {
    position: relative;
    top: auto;
    right: auto;
    margin-top: 4.8309178744vw;
    margin-inline: auto;
    width: 90%;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--renewable figure.--diagram {
  position: absolute;
  bottom: min(1.5625vw, 20px);
  left: 0;
  width: min(66.40625vw, 850px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--renewable figure.--diagram {
    position: relative;
    bottom: auto;
    left: auto;
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation {
  margin-top: min(6.25vw, 80px);
  padding: min(6.25vw, 80px) min(7.421875vw, 95px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation {
    margin-top: 7.2463768116vw;
    padding: 7.2463768116vw 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation h3 {
  padding: min(1.953125vw, 25px) 0;
  font-size: min(2.8125vw, 36px);
  font-weight: 900;
  letter-spacing: 0.04em;
  text-indent: 0.04em;
  text-align: center;
  background-color: #00338e;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation h3 {
    font-size: 4.8309178744vw;
    padding: 2.4154589372vw 0;
    line-height: 1.3;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation > p {
  margin-top: min(3.515625vw, 45px);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation > p {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block {
  display: flex;
  justify-content: space-between;
  margin-top: min(5.46875vw, 70px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block {
    display: block;
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body {
  width: min(35.9375vw, 460px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body {
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body h4 {
  font-size: min(2.5vw, 32px);
  line-height: 1.5;
  color: #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body h4 {
    font-size: 4.8309178744vw;
    line-height: 1.3;
    text-align: center;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body p {
  margin-top: min(1.5625vw, 20px);
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block .dc_content__block-body p {
    margin-top: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block figure {
  width: min(39.84375vw, 510px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_energy .dc_content.--innovation .dc_content__block figure {
    margin-top: 3.6231884058vw;
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_logistics {
  position: relative;
  overflow-x: clip;
}
.dc_main .dc_contents > section.dc_logistics .dc_bg {
  position: sticky;
  top: 0;
  width: 100vw;
  height: 120vh;
  background-image: url(../img/logistics_bg.jpg);
  background-size: cover;
  background-position: center;
  pointer-events: none;
  z-index: -1;
}
.dc_main .dc_contents > section.dc_logistics .dc_inner {
  margin-top: -120lvh;
  padding-bottom: min(7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_inner {
    padding-bottom: 14.4927536232vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content {
  padding: min(5.46875vw, 70px) min(6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content {
    padding: 7.2463768116vw 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic {
  height: 100%;
  padding-bottom: min(4.6875vw, 60px);
  background-color: #fff;
  color: #444444;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic {
    padding-bottom: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > h3 {
  padding-block: min(0.78125vw, 10px) min(1.171875vw, 15px);
  font-size: min(3.125vw, 40px);
  text-align: center;
  line-height: 1.3;
  background-color: #00338e;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > h3 {
    font-size: 4.8309178744vw;
    padding-block: 1.2077294686vw 2.4154589372vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > h4 {
  margin-top: min(2.734375vw, 35px);
  font-size: min(2.1875vw, 28px);
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > h4 {
    margin-top: 4.8309178744vw;
    font-size: 4.347826087vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > p {
  margin-top: min(3.125vw, 40px);
  text-align: center;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic > p {
    margin-top: 6.038647343vw;
    text-align: left;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__topic-note {
  padding-inline: min(4.6875vw, 60px);
  margin-top: min(2.34375vw, 30px);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__topic-note {
    margin-top: 3.6231884058vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures {
  display: flex;
  justify-content: space-between;
  margin-top: min(3.90625vw, 50px);
  padding-inline: min(4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures {
    display: block;
    margin-top: 4.8309178744vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--main {
  width: min(37.5vw, 480px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--main {
    width: 100%;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--sub {
  width: min(33.59375vw, 430px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--sub {
    width: 100%;
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--sub figcaption {
  margin-top: min(1.953125vw, 25px);
  margin-left: min(2.34375vw, 30px);
  font-size: min(1.5625vw, 20px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic .dc_logistics__figures figure.--sub figcaption {
    margin-top: 3.6231884058vw;
    margin-left: 4.8309178744vw;
    font-size: 3.1400966184vw;
    padding-bottom: 1.2077294686vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest {
  margin-top: min(5.46875vw, 70px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest {
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest h4 {
  margin-top: min(4.296875vw, 55px);
  font-size: min(3.125vw, 40px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest h4 {
    margin-top: 4.8309178744vw;
    font-size: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest > p {
  margin-top: min(1.171875vw, 15px);
  font-size: min(1.796875vw, 23px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest > p {
    margin-top: 3.6231884058vw;
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest > figure {
  margin-top: min(1.5625vw, 20px);
  padding-inline: min(8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest > figure {
    margin-top: 4.8309178744vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner {
  margin-top: min(1.5625vw, 20px);
  margin-inline: min(6.25vw, 80px);
  height: min(6.25vw, 80px);
  display: flex;
  justify-content: center;
  padding: 0;
  background-color: #36bdef;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner {
    display: block;
    margin-top: 4.8309178744vw;
    margin-inline: 4.8309178744vw;
    height: auto;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--label {
  position: relative;
  align-self: center;
  padding-right: min(1.5625vw, 20px);
  font-size: min(1.796875vw, 23px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--label {
    margin-inline: 3.6231884058vw;
    padding: 3.6231884058vw 0;
    font-size: 3.6231884058vw;
    border-bottom: 0.7246376812vw dotted #fff;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--label::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: min(0.078125vw, 1px);
  height: min(3.90625vw, 50px);
  border-left: min(0.234375vw, 3px) dotted #fff;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--label::before {
    display: none;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--goal {
  align-self: center;
  padding-left: min(1.5625vw, 20px);
  padding-bottom: min(1.5625vw, 20px);
  font-size: min(2.34375vw, 30px);
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--goal {
    padding: 2.4154589372vw 3.6231884058vw;
    font-size: 4.347826087vw;
    line-height: 1.2;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--goal span {
  font-size: min(1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content .dc_logistics__topic.--forest .dc_logistics__banner .--goal span {
    font-size: 3.1400966184vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf {
  position: relative;
  height: min(80.46875vw, 1030px);
  color: #222222;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf {
    height: auto;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic {
  position: relative;
  background-color: #d1eff0;
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic h3 span {
  font-size: min(1.875vw, 24px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic h3 span {
    font-size: 3.6231884058vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic > p {
  padding-inline: min(5.46875vw, 70px);
  margin-top: min(3.125vw, 40px);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic > p {
    padding-inline: 4.8309178744vw;
    margin-top: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures {
  display: block;
  margin-top: min(3.90625vw, 50px);
  padding-inline: min(4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures {
    margin-top: 4.8309178744vw;
    padding-inline: 4.8309178744vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures figure.--plane {
  position: absolute;
  bottom: max(-0.390625vw, -5px);
  left: max(-0.390625vw, -5px);
  width: min(63.28125vw, 810px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures figure.--plane {
    position: relative;
    bottom: auto;
    left: auto;
    margin-top: 4.8309178744vw;
    width: 100%;
    overflow: hidden;
  }
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures figure.--plane img {
    max-width: none;
    width: 91.7874396135vw;
    transform: translateX(-7.2463768116vw);
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures figure.--fuel {
  position: absolute;
  top: min(21.09375vw, 270px);
  right: min(2.34375vw, 30px);
  width: min(26.5625vw, 340px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--saf .dc_logistics__topic .dc_logistics__figures figure.--fuel {
    position: relative;
    top: auto;
    right: auto;
    margin-top: -4.8309178744vw;
    width: 80%;
    margin-inline: auto;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic > figure.--cert {
  width: min(51.953125vw, 665px);
  margin-top: min(3.90625vw, 50px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic > figure.--cert {
    margin-top: 4.8309178744vw;
    width: 90%;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner {
  display: block;
  margin-top: min(8.59375vw, 110px);
  width: min(66.40625vw, 850px);
  margin-inline: auto;
  padding: min(3.90625vw, 50px) min(3.125vw, 40px);
  border: min(0.234375vw, 3px) solid #00338e;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner {
    margin-top: 4.8309178744vw;
    width: 71.0144927536vw;
    padding: 4.8309178744vw 4.8309178744vw;
    border: 0.7246376812vw solid #00338e;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner p {
  line-height: 1.7;
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner .--note {
  margin-top: min(2.34375vw, 30px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner .--note {
    margin-top: 3.6231884058vw;
    text-align: left;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner .--note::before {
  content: "▶";
  display: inline-block;
  margin-right: min(0.390625vw, 5px);
  color: #36bdef;
  font-size: min(1.328125vw, 17px);
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner .--note::before {
    font-size: 3.1400966184vw;
    margin-right: 1.2077294686vw;
  }
}
.dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner figure {
  margin-top: min(3.125vw, 40px);
  width: min(48.046875vw, 615px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .dc_main .dc_contents > section.dc_logistics .dc_content.--fsc .dc_logistics__topic .dc_logistics__fsc-banner figure {
    margin-top: 4.8309178744vw;
    width: 100%;
  }
}

.banner-block {
  margin-top: min(8.59375vw, 110px);
  margin-bottom: min(8.59375vw, 110px) !important;
}
@media screen and (max-width: 767px) {
  .banner-block {
    margin-top: 14.4927536232vw;
    margin-bottom: 14.4927536232vw !important;
  }
}/*# sourceMappingURL=style.css.map */