/*----------------------------------------

	merit CSS

-----------------------------------------*/
.l-content {
  overflow: visible;
}

.merit {
  position: relative;
}
.merit .l-content.bg {
  background-image: url(../img/merit/merit_bg.jpg);
  background-repeat: repeat-y;
}
.merit [class*=c-title]:not(.c-title__page__header) {
  line-height: 0;
}
@media screen and (max-width: 768px) {
  .merit .c-title--page--full__title {
    font-size: 0;
  }
}
.merit .c-title--page--full__title {
  font-size: 0;
}
.merit .c-title--page--full__title img {
  width: min(26.153vw, 435.6px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .merit .c-title--page--full__title img {
    width: min(58.667vw, 264px);
  }
}
.merit .c-title--page--full .figcaption {
  right: min(0.72vw, 12px);
  bottom: min(0.648vw, 10.8px);
  color: #fff;
  font-weight: 700;
  font-size: clamp(9.6px, 0.865vw, 14.4px);
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .merit .c-title--page--full .figcaption {
    right: min(6.133vw, 27.6px);
    bottom: min(2.667vw, 12px);
    font-size: clamp(8px, 2.667vw, 12px);
  }
}
.merit--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 34% auto;
  grid-template-columns: 34% auto;
}
@media screen and (max-width: 768px) {
  .merit--grid {
    display: block;
  }
}
.merit--grid__list {
  padding: min(5.764vw, 96px) min(2.882vw, 48px) min(18.012vw, 300px);
  background-color: #00552e;
}
@media screen and (max-width: 768px) {
  .merit--grid__list {
    padding: min(10.667vw, 48px) min(2.667vw, 12px) min(2.667vw, 12px);
  }
}
.merit--grid__list dl {
  position: sticky;
  top: min(8.646vw, 144px);
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.merit--grid__list dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -webkit-margin-after: min(1.441vw, 24px);
          margin-block-end: min(1.441vw, 24px);
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt {
    -webkit-margin-after: min(5.867vw, 26.4px);
            margin-block-end: min(5.867vw, 26.4px);
  }
}
.merit--grid__list dl dt > span:nth-of-type(1) {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: min(2.161vw, 36px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt > span:nth-of-type(1) {
    -webkit-margin-after: min(1.6vw, 7.2px);
            margin-block-end: min(1.6vw, 7.2px);
    font-size: min(6.4vw, 28.8px);
    letter-spacing: 0.15em;
  }
}
.merit--grid__list dl dt > span:nth-of-type(1) span {
  display: inline-block;
  font-size: min(2.017vw, 33.6px);
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt > span:nth-of-type(1) span {
    font-size: min(5.333vw, 24px);
  }
}
.merit--grid__list dl dt > span:nth-of-type(2) {
  color: #c7b370;
  font-size: min(3.458vw, 57.6px);
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt > span:nth-of-type(2) {
    font-size: min(10.133vw, 45.6px);
  }
}
.merit--grid__list dl dt > span:nth-of-type(3) {
  margin-inline: min(-0.216vw, -3.6px) min(0vw, 0px);
  color: #c7b370;
  font-size: min(2.017vw, 33.6px);
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt > span:nth-of-type(3) {
    margin-inline: min(-0.267vw, -1.2px) min(0.267vw, 1.2px);
    font-size: min(5.333vw, 24px);
    letter-spacing: 0.1em;
  }
}
.merit--grid__list dl dt > span:nth-of-type(4) {
  color: #c7b370;
  font-size: min(2.594vw, 43.2px);
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dt > span:nth-of-type(4) {
    font-size: min(6.933vw, 31.2px);
    letter-spacing: 0.05em;
  }
}
.merit--grid__list dl dd {
  width: 100%;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
}
.merit--grid__list dl dd a {
  background-color: #fff;
  color: #00552e;
  opacity: 1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: min(5.403vw, 90px) auto;
  grid-template-columns: min(5.403vw, 90px) auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding-inline: 0;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a {
    -ms-grid-columns: min(20vw, 90px) auto;
    grid-template-columns: min(20vw, 90px) auto;
  }
}
.merit--grid__list dl dd a.c-button--custom {
  width: 100%;
  height: min(10.086vw, 168px) !important;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a.c-button--custom {
    height: min(22.933vw, 103.2px) !important;
  }
}
.merit--grid__list dl dd a > span:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: min(5.187vw, 86.4px);
  -webkit-padding-start: min(0.432vw, 7.2px);
          padding-inline-start: min(0.432vw, 7.2px);
  color: #c7b370;
  line-height: 1;
}
.merit--grid__list dl dd a > span:nth-of-type(1) span:nth-of-type(1) {
  font-size: min(1.009vw, 16.8px);
  font-family: "Cormorant Garamond", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a > span:nth-of-type(1) span:nth-of-type(1) {
    font-size: min(3.733vw, 16.8px);
  }
}
.merit--grid__list dl dd a > span:nth-of-type(1) span:nth-of-type(2) {
  font-size: min(2.594vw, 43.2px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a > span:nth-of-type(1) span:nth-of-type(2) {
    font-size: min(6.4vw, 28.8px);
  }
}
.merit--grid__list dl dd a > span:nth-of-type(2) {
  -webkit-margin-start: min(-0.144vw, -2.4px);
          margin-inline-start: min(-0.144vw, -2.4px);
  font-size: min(1.441vw, 24px);
  text-align: left;
  letter-spacing: 0.1em;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a > span:nth-of-type(2) {
    font-size: min(4.267vw, 19.2px);
  }
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd a::after {
    -webkit-transform: rotateZ(90deg) translateY(min(-2.933vw, -13.2px)) scale(0.8);
            transform: rotateZ(90deg) translateY(min(-2.933vw, -13.2px)) scale(0.8);
  }
}
.merit--grid__list dl dd + dd {
  -webkit-margin-before: min(0.72vw, 12px);
          margin-block-start: min(0.72vw, 12px);
}
@media screen and (max-width: 768px) {
  .merit--grid__list dl dd + dd {
    -webkit-margin-before: min(0.533vw, 2.4px);
            margin-block-start: min(0.533vw, 2.4px);
  }
}
.merit--grid__list dl dd a.active {
  background-color: #0f4023;
  color: #fff;
  opacity: 1;
}
.merit--grid__list dl dd a.active::after {
  background-image: url(/asset/img/common/icon_arrow-nando02.svg);
}
.merit--grid__contents section {
  padding-block: min(6.196vw, 103.2px) min(18.012vw, 300px);
  padding-inline: min(8.646vw, 144px) 0;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section {
    padding-block: min(16.533vw, 74.4px) min(21.333vw, 96px);
    padding-inline: min(8vw, 36px) 0;
  }
}
.merit--grid__contents section:nth-of-type(even) {
  background-color: rgba(148, 148, 148, 0.2);
}
.merit--grid__contents section > h2 span:nth-of-type(1) {
  color: #c7b370;
  font-size: min(2.305vw, 38.4px);
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > h2 span:nth-of-type(1) {
    font-size: min(5.333vw, 24px);
  }
}
.merit--grid__contents section > h2 span:nth-of-type(2) {
  -webkit-margin-start: min(0.36vw, 6px);
          margin-inline-start: min(0.36vw, 6px);
  color: #c7b370;
  font-size: min(4.035vw, 67.2px);
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > h2 span:nth-of-type(2) {
    font-size: min(8.533vw, 38.4px);
  }
}
.merit--grid__contents section > h2 span:nth-of-type(3) {
  display: block;
  color: #00552e;
  font-size: min(2.45vw, 40.8px);
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > h2 span:nth-of-type(3) {
    -webkit-margin-before: min(1.333vw, 6px);
            margin-block-start: min(1.333vw, 6px);
    font-size: min(6.4vw, 28.8px);
    letter-spacing: 0.1em;
  }
}
.merit--grid__contents section > p {
  width: min(45.821vw, 763.2px);
  -webkit-margin-before: min(2.378vw, 39.6px);
          margin-block-start: min(2.378vw, 39.6px);
  font-size: min(1.153vw, 19.2px);
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 2.35;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > p {
    width: 92%;
    -webkit-margin-before: min(2.667vw, 12px);
            margin-block-start: min(2.667vw, 12px);
    font-size: min(3.733vw, 16.8px);
    line-height: 2;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > p br {
    display: none;
  }
}
.merit--grid__contents section > [id^=figurebox] {
  -webkit-margin-before: min(6.268vw, 104.4px);
          margin-block-start: min(6.268vw, 104.4px);
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > [id^=figurebox] {
    -webkit-margin-before: min(11.2vw, 50.4px);
            margin-block-start: min(11.2vw, 50.4px);
  }
}
.merit--grid__contents section > [id^=figurebox] figure {
  position: relative;
}
.merit--grid__contents section > [id^=figurebox] figure figcaption {
  position: absolute;
  right: min(0.72vw, 12px);
  bottom: min(0.72vw, 12px);
  color: #fff;
  font-size: min(0.865vw, 14.4px);
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section > [id^=figurebox] figure figcaption {
    right: min(2.667vw, 12px);
    bottom: min(2.667vw, 12px);
    font-size: min(2.667vw, 12px);
  }
}
.merit--grid__contents section > #figurebox1 {
  width: 100%;
}
.merit--grid__contents section > #figurebox2 {
  width: 100%;
}
.merit--grid__contents section .merit3_figurebox {
  -webkit-margin-before: min(6.268vw, 104.4px);
          margin-block-start: min(6.268vw, 104.4px);
  width: min(48.703vw, 811.2px);
}
@media screen and (max-width: 768px) {
  .merit--grid__contents section .merit3_figurebox {
    -webkit-margin-before: min(11.2vw, 50.4px);
            margin-block-start: min(11.2vw, 50.4px);
    width: 92%;
  }
}
/*# sourceMappingURL=merit.css.map */