@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

:root {
  --ex--color--primary: #f39700;
  --ex--color--pink: #fff5f7;
  --ex--color--base: #5d5d5b;
  --ex--color--white: #fff;
  --line-height: 1.714;
  --ex--spacing-30: 4cqw;
  --ex--spacing-40: 5.333cqw;
  --font-family-default: "Noto Sans JP", sans-serif;
  --font-family-main: dnp-shuei-mgothic-std, "Shuei MaruGo", var(--font-family-default);
}

html {
  scroll-behavior: smooth;
}

.ex-svg-area {
  position: absolute;
  inset-inline-start: -9999px;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.ex-outside-30 {
  margin-inline: var(--ex--spacing-30);
}

.ex-plusminus {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: var(--c--plusminus--size, 4cqw);
  aspect-ratio: var(--c--plusminus--ratio, 1);
  margin-inline: auto 0;
}

.ex-plusminus:before,
.ex-plusminus:after {
  position: absolute;
  inset: 0;
  width: var(--c--plusminus--width, 1em);
  height: var(--c--plusminus--height, 0.533cqw);
  margin: auto;
  content: "";
  background-color: var(--ex--color--base);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.ex-plusminus:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}

.ex-plusminus:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.is-open .ex-plusminus:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.product_goods_wrap .cntBox2 {
  zoom: unset;
  -webkit-text-size-adjust: 100%;
}

.ex-container {
  width: min(100%, 750px);
  margin-inline: auto;
  font-family: var(--font-family-default);
  font-size: min(4vw, 28px);
  font-weight: 400;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: var(--ex--color--base);
  line-height: var(--line-height);
  container-type: inline-size;
  overflow: clip;
}

.ex-container h1,
.ex-container h2,
.ex-container h3,
.ex-container h4,
.ex-container h5,
.ex-container h6 {
  font-family: var(--font-family-main);
}

.ex-container a {
  color: #00b9e0;
  text-decoration: none;
  cursor: pointer;
}

.ex-container p {
  font-size: inherit;
  line-height: inherit;
}

.ex-container .ex-qa__content__main {
  font-size: 3.733cqw !important;
}

.ex-nav {
  --ex--anchor--color: var(--ex--color--base);
  --ex--nav--padding: 3.8cqw;
  --ex--nav--border-width: clamp(1px, 0.469vw, 3px);
  font-size: 5.867cqw;
  line-height: 1.4;
  width: 75.733cqw;
  border: var(--ex--nav--border-width) solid var(--ex--color--primary);
  border-radius: 0.333cm;
  padding: var(--ex--nav--padding);
  margin-inline: auto;
  -webkit-margin-before: 10.667cqw;
          margin-block-start: 10.667cqw;
  -webkit-margin-after: 13.333cqw;
          margin-block-end: 13.333cqw;
  position: relative;
  font-family: var(--font-family-main);
}

.ex-nav__label {
  line-height: 1;
  position: absolute;
  inset-block-end: 100%;
  inset-inline-start: 50%;
  translate: -50% 50%;
  background-color: var(--ex--color--white);
  padding-inline: 0.5em;
}

.ex-nav__list {
  background-color: var(--ex--color--white);
  margin-inline: calc((var(--ex--nav--padding) + var(--ex--nav--border-width)) * -1);
  padding-inline: var(--ex--nav--padding);
}

.ex-nav__item {
  letter-spacing: 0;
}

.ex-nav__item a {
  color: #5d5d5b;
}

.ex-nav__item span,
.ex-nav__item a {
  position: relative;
}

.ex-nav__item:not(:last-child) {
  -webkit-border-after: var(--ex--nav--border-width) dotted var(--ex--color--primary);
          border-block-end: var(--ex--nav--border-width) dotted var(--ex--color--primary);
}

.ex-nav__anchor {
  padding-block: var(--ex--nav--padding);
  padding-inline: 3.2cqw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
}

.ex-nav__anchor small {
  display: inline-block;
  width: 100%;
  font-size: 3.733cqw;
}

.ex-nav__arrow {
  width: 4cqw;
  height: 2.667cqw;
  fill: var(--ex--color--primary);
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 4%;
}

.ex-qa {
  --ex--qa--padding-inline: 8cqw;
}

.ex-qa__container {
  overflow: hidden;
}

.ex-qa__container p {
  font-size: 3.733cqw !important;
}

.ex-qa__container + .ex-qa__container {
  margin-top: var(--ex--spacing-30);
}

@media screen and (max-width: 768px) {
  .ex-qa__container {
    margin-bottom: 0;
    margin-top: 0 !important;
  }

  .ex-qa__container + .ex-qa__container {
    margin-top: var(--ex--spacing-30) !important;
  }
}

.ex-qa__title {
  font-size: 4cqw;
  line-height: 1.4666666667;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.667cqw;
  padding-block: 4cqw;
  padding-left: 4cqw;
  padding-right: 3cqw;
  cursor: pointer;
  border-bottom: var(--ex--color--primary) 2px dashed;
}

.ex-qa__title:before {
  content: "Q";
  color: var(--ex--color--white);
  border-radius: 50%;
  background-color: #495ba7;
  font-size: 4.8cqw;
  width: 8cqw;
  display: -ms-grid;
  display: grid;
  place-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  aspect-ratio: 1;
}

.ex-qa__wrapper {
  font-size: 3.733cqw;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}

.ex-qa__content__main {
  margin-top: 1em;
  background: #fffde8;
  padding: 4cqw 7.333cqw 6cqw;
  font-size: 3.733cqw;
}

.ex-qa__content__main::before {
  content: "A.";
  color: #495ba7;
}

.ex-u-primary {
  color: var(--ex--color--primary);
}

.ex-u-mb-40 {
  margin-bottom: var(--ex--spacing-40) !important;
}

.ex-fv {
  position: relative;
  padding-top: 8cqw;
}

.ex-fv img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .ex-container {
    width: 100%;
  }

  .ex-container p {
    font-size: 3.733cqw;
  }
}