@charset "utf-8";

/* ## PC/SP切り替え */
@media (min-width: 769px) {
  .u-sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .u-pc {
    display: none !important;
  }
  .u-sp {
    display: block;
  }
}

/* ## 言語切替 */
.u-fr,
.u-ja,
.u-en {
  display: none;
}
body.is-lang-fr .u-fr {
  display: block;
}
body.is-lang-ja .u-ja {
  display: block;
}
body.is-lang-en .u-en {
  display: block;
}

/* ## 記事の間隔ルール */
.u-content-rule {
  line-height: 2;
}
.u-content-rule :is(h2, .h3, .h4) {
  line-height: 1.3;
}
.u-content-rule h2 {
  font-size: 2.4rem;
  margin: 48px 0 32px;
}
.u-content-rule h3 {
  margin: 32px 0 16px;
}
.u-content-rule h4 {
  margin: 24px 0 16px;
}
.u-content-rule .is-first-heading {
  margin-top: 0;
}
.u-content-rule p + p:has(:is(img:not(.emoji), picture)),
.u-content-rule p:has(:is(img:not(.emoji), picture)) + p {
  margin-top: 4em;
}
.u-content-rule
  p:has(:is(img:not(.emoji), picture))
  + p:has(:is(img:not(.emoji), picture)) {
  margin-top: 1em;
}
@media (max-width: 768px) {
  .u-content-rule p + p:has(:is(img:not(.emoji), picture)),
  .u-content-rule p:has(:is(img:not(.emoji), picture)) + p {
    margin-top: 3em;
  }
}

/* ## 言語 */
.u-en-1 {
  font-family: var(--en-1);
}
.u-ja-1 {
  font-family: var(--ja-1);
}

/* ## imgのトリミング */
.u-img-cover :is(img, picture) {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.u-img-contain :is(img, picture) {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

/* ## クリックエリアを拡大 */
.u-expand-click {
  position: relative;
}
.u-expand-click::before {
  content: "";
  position: absolute;
  inset: -12px;
}

/* ## フォーム */
.u-unit::after {
  position: absolute;
  right: -24px;
  top: 0;
  bottom: 0;
  margin: auto;
  height: fit-content;
}
.u-unit--people::after {
  content: "人";
}

/* underline */
.u-underline {
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.u-max-width-600 {
  max-width: 600px;
}
.u-max-width-700 {
  max-width: 700px;
}
.u-max-width-1000 {
  max-width: 1000px;
}
.u-max-width-unset {
  max-width: unset;
}