body._isLoading #Container {
  height: 0;
  opacity: 0;
}

#Container > ._inner {
  background-color: #FFF;
}

#PageHeader {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  #PageHeader {
    background: url("../images/headerVisual-sp.jpg") no-repeat 50% 0;
    background-size: cover;
    height: 66.6666666667vw;
  }
}
@media print, screen and (min-width: 768px) {
  #PageHeader {
    background: url("../images/headerVisual.jpg") no-repeat 50% 0;
    height: 550px;
  }
}
@media screen and (max-width: 767.98px) {
  #PageHeader ._wrapper {
    width: 46.6666666667%;
    padding-left: 48%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023.98px) {
  #PageHeader ._wrapper {
    width: 44.8979591837%;
    padding-left: 46.9387755102%;
  }
}
@media print, screen and (min-width: 1024px) {
  #PageHeader ._wrapper {
    width: 440px;
    padding-left: 460px;
  }
}
#PageHeader h2._en img {
  width: auto;
}
@media screen and (max-width: 767.98px) {
  #PageHeader h2._en img {
    filter: brightness(0) drop-shadow(0px 0px clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) #dceff7);
    height: 5.7333333333vw;
  }
}
@media print, screen and (min-width: 768px) {
  #PageHeader h2._en img {
    filter: brightness(0) drop-shadow(0px 0px clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) #dceff7);
    height: 43px;
  }
}
#PageHeader p._ja {
  color: #000;
  line-height: 1.4;
  font-weight: 500;
  padding-left: 0.2em;
}
@media screen and (max-width: 767.98px) {
  #PageHeader p._ja {
    filter: drop-shadow(0px 0px clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) #dceff7);
    font-size: clamp(0.625rem, calc(10px + (2 * max(0px, ((100dvw - 320px) / (108))))), 0.75rem);
    letter-spacing: 0.15em;
    margin-top: 1em;
  }
}
@media print, screen and (min-width: 768px) {
  #PageHeader p._ja {
    filter: drop-shadow(0px 0px clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (768))))), 30px) #dceff7);
    font-size: 1.175rem;
    letter-spacing: 0.2em;
    margin-top: 1em;
  }
}

#Contact,
#SdgsArea {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  #Contact,
  #SdgsArea {
    padding: 3em 4%;
  }
}
@media print, screen and (min-width: 768px) {
  #Contact,
  #SdgsArea {
    padding: 5em 0;
  }
}

._tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
._tag p {
  font-size: clamp(0.6875rem, calc(11px + (3 * max(0px, ((100dvw - 320px) / (660))))), 0.875rem);
  letter-spacing: clamp(0.05em, calc(0.8px + (0.8 * max(0px, ((100dvw - 320px) / (660))))), 0.1em);
  text-indent: clamp(-0.1em, calc(-1.6px + (0.8 * max(0px, ((-100dvw + 980px) / (660))))), -0.05em);
  margin-right: 0.6em;
  margin-bottom: 0.6em;
  padding: 0.6em 1.2em;
}
._tag p:last-child {
  margin-right: 0;
}
._tag ._tag-category2 {
  color: #FFF;
}
._tag ._tag-category3 {
  color: #000;
  background-color: #FFF;
  border: 1px solid #333;
}

@keyframes _slideIn {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
#MainArea #FaqArea {
  text-align: left;
  max-width: 1200px;
}
@media screen and (max-width: 767.98px) {
  #MainArea #FaqArea {
    padding: 1.2em 2.6666666667% 3em 2.6666666667%;
  }
}
@media print, screen and (min-width: 768px) {
  #MainArea #FaqArea {
    margin: 0 auto;
    padding: 3em 20px 4em 20px;
  }
}
#MainArea #FaqArea h2 {
  font-size: clamp(1rem, calc(16px + (10 * max(0px, ((100dvw - 320px) / (448))))), 1.625rem);
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 2.4em 0 1em;
}
#MainArea #FaqArea .faq_item {
  margin-top: clamp(10px, calc(10px + (10 * max(0px, ((100dvw - 320px) / (448))))), 20px);
  overflow: hidden;
}
#MainArea #FaqArea .faq_item dt {
  font-size: clamp(0.875rem, calc(14px + (10 * max(0px, ((100dvw - 320px) / (448))))), 1.5rem);
  line-height: clamp(1.4em, calc(22.4px + (3.2 * max(0px, ((100dvw - 320px) / (448))))), 1.6em);
  letter-spacing: 0.05em;
  padding: clamp(18px, calc(18px + (16 * max(0px, ((100dvw - 320px) / (448))))), 34px) clamp(36px, calc(36px + (44 * max(0px, ((100dvw - 320px) / (448))))), 80px) clamp(18px, calc(18px + (16 * max(0px, ((100dvw - 320px) / (448))))), 34px) clamp(42px, calc(42px + (66 * max(0px, ((100dvw - 320px) / (448))))), 108px);
  background: url(../images/icon-q.svg) no-repeat clamp(12px, calc(12px + (25 * max(0px, ((100dvw - 320px) / (448))))), 37px) clamp(16px, calc(16px + (11 * max(0px, ((100dvw - 320px) / (448))))), 27px)/clamp(18px, calc(18px + (17 * max(0px, ((100dvw - 320px) / (448))))), 35px), url(../images/icon-close.svg) no-repeat 98% clamp(18px, calc(18px + (12 * max(0px, ((100dvw - 320px) / (448))))), 30px)/clamp(20px, calc(20px + (22 * max(0px, ((100dvw - 320px) / (448))))), 42px), #FFF;
  cursor: pointer;
  border: 1px solid #b2b2b2;
  position: relative;
  z-index: 100;
}
body:not([data-device=touchDevice]) #MainArea #FaqArea .faq_item dt:hover {
  background-color: #e5f2fa;
  transition: background-color 400ms;
}
#MainArea #FaqArea .faq_item dd {
  font-size: clamp(0.75rem, calc(12px + (8 * max(0px, ((100dvw - 320px) / (448))))), 1.25rem);
  line-height: clamp(1.4em, calc(22.4px + (3.2 * max(0px, ((100dvw - 320px) / (448))))), 1.6em);
  letter-spacing: 0.05em;
  padding: clamp(4px, calc(4px + (20 * max(0px, ((100dvw - 320px) / (448))))), 24px) clamp(36px, calc(36px + (44 * max(0px, ((100dvw - 320px) / (448))))), 80px) clamp(28px, calc(28px + (26 * max(0px, ((100dvw - 320px) / (448))))), 54px) clamp(42px, calc(42px + (66 * max(0px, ((100dvw - 320px) / (448))))), 108px);
}
#MainArea #FaqArea .faq_item dd a {
  color: #0081cc;
}
#MainArea #FaqArea .faq_item.is-closed dt {
  background-image: url(../images/icon-q.svg), url(../images/icon-open.svg);
}
#MainArea #FaqArea .faq_item.is-closed dd {
  display: none;
}
#MainArea #FaqArea .faq_item.is-opened dt {
  border-bottom: none;
}
#MainArea #FaqArea .faq_item.is-opened dd {
  animation: _slideIn 400ms forwards;
  border-style: solid;
  border-color: #b2b2b2;
  border-width: 0 1px 1px 1px;
}

/*# sourceMappingURL=faq.css.map */