@charset "UTF-8";

.p-color-red{
  color:#e60012 !important;
}

@media all and (min-width: 768px) {
  .site-base {
    padding-bottom: calc(130 / var(--font) * 1rem);
    color:#4b3832;
    word-break: break-all;
  }

  .hero {
    background-color: #ffffe8;
  }
  .hero__inner {
    position: relative;
    height: calc(188 / var(--font) * 1rem);
    overflow: hidden;
  }

  .hero__title {
    max-width: calc(408 / var(--font) * 1rem);
    width: 100%;
    height: calc(243 / var(--font) * 1rem);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .site-caption {
    font-size: calc(12 / var(--font) * 1rem);
    font-weight: 400;
    line-height: calc(27 / 12);
    letter-spacing: 0.061em;
    display: flex;
  }

  .site-caption:before {
    content: "※";
    flex-shrink: 0;
  }

  .site-caption.--center {
    justify-content: center;
  }

  .site-copy {
    margin-top: calc(60 / var(--font) * 1rem);
  }

  .site-copy__text {
    margin-top: calc(30 / var(--font) * 1rem);
  }

  .site-copy__text__obj {
    font-size: calc(18 / var(--font) * 1rem);
    font-weight: 400;
    line-height: calc(27 / 18);
    letter-spacing: 0.061em;
  }
  .site-copy__text__obj.--center {
    text-align: center;
  }

  .site-copy__inner {
    max-width: calc(1170 / var(--font) * 1rem);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .site-block {
    font-size: calc(16 / var(--font) * 1rem);
    font-weight: 400;
    line-height: calc(25.6 / 16);
    letter-spacing: 0.061em;
    margin-top: calc(80 / var(--font) * 1rem);
  }

  .site-block__inner {
    max-width: calc(1070 / var(--font) * 1rem);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .site-block__text {
    margin-top: calc(50 / var(--font) * 1rem);
  }

  .site-block__text + .site-block__text{
    margin-top: calc(25 / var(--font) * 1rem);
  }

  .site-block__text__obj {
  }

  .site-block__title {
    border-top: calc(2 / var(--font) * 1rem) solid #d4d4d4;
    position: relative;
  }

  .site-block__title__label {
    padding-top: calc(24 / var(--font) * 1rem);
    font-size: calc(32 / var(--font) * 1rem);
    font-weight: 500;
    line-height: calc(32 / 27);
    letter-spacing: 0.061em;
    color: #4b3832;
    display: inline-block;
    position: relative;
  }

  .site-block__title__label:before {
    content: "";
    background-color: #fed900;
    display: block;
    width: 100%;
    height: calc(4 / var(--font) * 1rem);
    position: absolute;
    top: calc(-2 / var(--font) * 1rem);
    left: 0;
  }

  .site-block__link{
    text-decoration: underline;
  }
  .site-block__link:hover{
    text-decoration: none;
  }

  .site-block__text__detail-wrap{
    display: flex;
    gap: calc(18 / var(--font) * 1rem);
  }
  .site-block__text__detail-wrap .site-block__text__detail{
    margin-top: 0 !important;
  }
  .site-block__text__detail{
    display: flex;
  }
  .site-block__text__detail__title{
    text-align:right;
    max-width: calc(90 / var(--font) * 1rem);
    width:100%;
    flex-shrink: 0;
  }
  .site-block__text__detail__title:after{
    content:"：";
  }
  .site-block__text__detail + .site-block__text__detail{
    margin-top: calc(18 / var(--font) * 1rem);
  }

  .site-block__text__detail.--width-auto .site-block__text__detail__title{
    max-width:none;
    width:auto;
  }

  .site-block__text__numberlist{
    counter-reset: numberlist 0;
  }
  .site-block__text__numberlist__item{
    display: flex;
    gap:calc(18 / var(--font) * 1rem);
    counter-increment: numberlist;
    line-height: 1.6;
  }
  .site-block__text__numberlist__item:before{
    content:counter(numberlist) ")";
    flex-shrink: 0;
  }
  .site-block__text__numberlist__item + .site-block__text__numberlist__item{
  }

  .site-copy + .site-block {
    margin-top: calc(134 / var(--font) * 1rem);
  }

  .site-block__text + .site-caption {
    margin-top: calc(6 / var(--font) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .site-base {
    padding-bottom: calc(60 / var(--font) * 1rem);
    color:#4b3832;
    word-break: break-all;
  }

  .hero {
    background-color: #ffffe8;
  }
  .hero__inner {
    position: relative;
    height: calc(120 / 375 * 100vw);
    overflow: hidden;
  }

  .hero__title {
    max-width: calc(209 / 375 * 100vw);
    width: 100%;
    height: calc(127.5 / 375 * 100vw);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }

  .site-caption {
    font-size: calc(12 / 375 * 100vw);
    font-weight: 400;
    line-height: calc(36 / 24);
    letter-spacing: 0.061em;
    display: flex;
  }

  .site-caption:before {
    content: "※";
    flex-shrink: 0;
  }

  .site-caption.--center {
  }

  .site-copy {
    margin-top: calc(60 / 375 * 100vw);
  }

  .site-copy__text {
    margin-top: calc(30 / 375 * 100vw);
  }

  .site-copy__text__obj {
    font-size: calc(15 / 375 * 100vw);
    font-weight: 400;
    line-height: calc(45 / 30);
    letter-spacing: 0.061em;
  }
  .site-copy__text__obj.--center {
  }

  .site-copy__inner {
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
  }

  .site-block {
    font-size: calc(14 / 375 * 100vw);
    font-weight: 400;
    line-height: calc(42 / 28);
    letter-spacing: 0.061em;
    margin-top: calc(60 / 375 * 100vw);
  }

  .site-block__inner {
    padding-left: calc(20 / 375 * 100vw);
    padding-right: calc(20 / 375 * 100vw);
  }

  .site-block__text {
    margin-top: calc(20 / 375 * 100vw);
  }
  .site-block__text + .site-block__text{
    margin-top: calc(10 / var(--font) * 1rem);
  }

  .site-block__text__obj {
  }

  .site-block__title {
    border-top: calc(2 / var(--font) * 1rem) solid #d4d4d4;
    position: relative;
  }

  .site-block__title__label {
    padding-top: calc(11 / 375 * 100vw);
    font-size: calc(22 / 375 * 100vw);
    font-weight: 500;
    line-height: calc(44 / 27);
    letter-spacing: 0.061em;
    color: #4b3832;
    display: inline-block;
    position: relative;
  }

  .site-block__title__label:before {
    content: "";
    background-color: #fed900;
    display: block;
    width: 100%;
    height: calc(4 / 375 * 100vw);
    position: absolute;
    top: calc(-2 / 375 * 100vw);
    left: 0;
  }

  .site-block__link{
    text-decoration: underline;
  }
  .site-block__link:hover{
    text-decoration: none;
  }


  .site-block__text__detail-wrap{
    display: flex;
    gap: calc(18 / var(--font) * 1rem);
  }
  .site-block__text__detail-wrap .site-block__text__detail{
    margin-top: 0 !important;
  }
  .site-block__text__detail{
    margin-left: calc(-6 / var(--font) * 1rem);
    display: flex;
  }
  .site-block__text__detail__title{
    text-align:right;
    max-width: calc(80 / var(--font) * 1rem);
    width:100%;
    flex-shrink: 0;
  }
  .site-block__text__detail__title:after{
    content:"：";
  }
  .site-block__text__detail + .site-block__text__detail{
    margin-top: calc(18 / var(--font) * 1rem);
  }
  .site-block__text__detail.--width-auto .site-block__text__detail__title{
    max-width:none;
    width:auto;
  }

  .site-block__text__numberlist{
    counter-reset: numberlist 0;
  }
  .site-block__text__numberlist__item{
    display: flex;
    gap:calc(18 / var(--font) * 1rem);
    counter-increment: numberlist;
    line-height: 1.6;
  }
  .site-block__text__numberlist__item:before{
    content:counter(numberlist) ")";
    flex-shrink: 0;
  }
  .site-block__text__numberlist__item + .site-block__text__numberlist__item{
  }

  .site-copy + .site-block {
    margin-top: calc(62.5 / 375 * 100vw);
  }

  .site-block__text + .site-caption {
    margin-top: calc(6 / 375 * 100vw);
  }
}