@charset "utf-8";

#freeArea h2, #freeArea h3, #freeArea h4, #freeArea h5, #freeArea h6, #freeArea p {
  margin-block: 0;
}



.outline {
  padding-bottom: 100px;
}
/* .outline__heading {
} */
.outline__jaheading {
  margin-top: 1.5em !important;
}
.outline__content {
  max-width: 1200px;
  margin-top: 80px;
  padding-block: 30px;
  background: #fff;
}
.outline__content iframe {
  min-height: 300px;
}
.outline__content__tablist {
  max-width: 94%;
  margin: 0 auto 10px;
  gap: 10px;
}
.outline__content__tab {
  flex: 1;
  max-width: 320px;
  min-height: calc(50 / 18 * 1em);
  place-content: center;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid rgba(var(--color-beige2), 1);
  padding: .25em;
  color: rgba(var(--color-beige2), 1);
  font-size: clamp(14px, calc(18 / 1200 * 100vw), 18px);
}
.outline__content__tab[aria-selected="true"] {
  color: #fff;
  background: rgba(var(--color-beige2), 1);
}
.outline__content__iframe {
  min-height: 500px;
}

/* base.css */
#freeArea .outline__content__group-wrap {
  font-size: 12px;
  line-height: 1.5;
  color: #212121;
}
#freeArea .outline__content__group-wrap,
#freeArea .outline__content__group-wrap * {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  -webkit-font-feature-settings: initial;
  font-feature-settings: initial;
}
.mac #freeArea .outline__content__group-wrap {
  font-size: 11px;
}
.outline__content__group-wrap a {
  text-decoration: underline;
  color: #212121;
  outline: none;
}
.outline__content__group-wrap a:hover {
  text-decoration: none;
}
/* /base.css */

/* reset.css */
.outline__content__group-wrap {
  font-size: 100%;
}
/* /reset.css */

.outline__content__group-wrap {
  max-width: 1120px;
  margin: 30px auto 0;
}
.outline__content__group {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  border: 1px solid #cecece;
  font-size: 117%;
}
.outline__content__group + .outline__content__group {
  margin-top: -1px;
}
.outline__content__group-name {
  width: 200px;
  background: #eaeaea;
  box-sizing: border-box;
  padding: 24px 0 24px 29px;
}
.outline__content__group-desc {
  flex: 1;
  box-sizing: border-box;
  padding: 24px 29px;
}
.outline__content__group-txt a {
  color: #002662;
}
.outline__content__caution {
  margin-top: 15px;
  font-size: 125%;
}

.outline__label {
  max-width: 360px;
  margin-top: 80px;
}
.outline__label__caution {
  font-size: 11px;
  line-height: 1.6;
  --margin-top: 10px;
}
@media screen and (max-width: 640px){
  .outline__content__tablist {
    gap: 6px;
  }
  .outline__content__tab {
    min-height: calc(40 / 14 * 1em);
    font-size: min(calc(14 / 375 * 100vw), 14px);
  }
  .outline__content__group-wrap {
    max-width: 94%;
    margin: 20px auto 0;
  }
  .outline__content__group {
    font-size: 100%;
  }
  .outline__content__group-name {
    width: 100%;
    padding: 14px 4%;
    border-bottom: 1px solid #cecece;
  }
  .outline__content__group-desc {
    flex: 1 0 100%;
    padding: 14px 4%;
  }
  .outline__content__caution {
    margin-top: 20px;
    font-size: 100%;
  }
  .outline__content__caution-item {
    box-sizing: border-box;
    padding-left: 1em;
    text-indent: -1em;
  }
}
@media screen and (max-width: 619px){
  .outline {
    padding-bottom: 50px;
  }
  .outline__content {
    margin-top: 40px;
    padding-block: 20px;
  }
}