@charset "utf-8";

/* -----------------------------------------------------------------
 base
----------------------------------------------------------------- */
.use_component {
  overflow: hidden;
}
:where(.use_component >*:first-child) {
  margin-top: 0 !important;
}
:where(.use_component *) {
  line-height: 1.6;
}
.use_component a:not([class]) {
  border-bottom: var(--color_main) 1px solid;
  font-weight: 700;
  color: var(--color_main);
}

.use_component strong,
.use_component b {
  font-size: 102%;
}
.use_component p {
  margin-top: .7rem;
  margin-bottom: .7rem;
}
.use_component figure  {
  display: table;
  margin: auto;
}
.use_component figcaption {
  caption-side: bottom;
  display: table-caption;
  line-height: 1.5;
  font-weight: 700;
}
.use_component figcaption.center {
  text-align: center;
}

@media (hover: hover) {
  .use_component a ,
  .use_component a img{
    transition: 0.3s ease-in-out;
  }
  /*----- :hover -----*/
  .use_component a:hover {
    border-bottom: var(--color_bg_light_bl) 1px solid;
  }
  .use_component a:hover img {
    opacity: .8;
  }
}

/* -----------------------------------------------------------------
 見出し
----------------------------------------------------------------- */
.use_component h1,
.use_component h2,
.use_component h3,
.use_component h4,
.use_component h5,
.use_component h6 {
  margin-bottom: .3em;
  letter-spacing: 0.008em;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  .use_component h1,
  .use_component h2,
  .use_component h3,
  .use_component h4,
  .use_component h5,
  .use_component h6 {
    margin-top: max(1em, 1.8rem);
  }
  .use_component h1 {
    font-weight: 700;
    font-size: 1.3rem;
  }
  .use_component h2 {
    font-weight: 700;
    font-size: 1.2rem;
  }
  .use_component h3 {
    font-weight: 700;
    font-size: 1.15rem;
  }
  .use_component h4 {
    font-weight: 700;
    font-size: 1.1rem;
  }
  .use_component h5 {
    font-weight: 700;
    font-size: 1.05rem;
  }
  .use_component h6 {
    font-weight: 700;
    font-size: 1rem;
  }

}
@media print, screen and (min-width: 768px) {
  .use_component h1,
  .use_component h2,
  .use_component h3,
  .use_component h4,
  .use_component h5,
  .use_component h6 {
    margin-top: max(1.6em, 1.8rem);
  }
  .use_component h1 {
    font-weight: 700;
    font-size: 2.3rem;
  }
  .use_component h2 {
    font-weight: 700;
    font-size: 2.06rem;
  }
  .use_component h3 {
    font-weight: 700;
    font-size: 1.625rem;
  }
  .use_component h4 {
    font-weight: 700;
    font-size: 1.5rem;
  }
  .use_component h5 {
    font-weight: 700;
    font-size: 1.3rem;
  }
  .use_component h6 {
    font-weight: 700;
    font-size: 1.2rem;
  }
}
/* -----------------------------------------------------------------
 リスト
----------------------------------------------------------------- */
.use_component ul {
  margin-left: 1.5em;
  list-style: initial;
}
.use_component ol {
  margin-left: 1.5em;
  list-style: decimal;
}