@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap");
.black {
  color: #000 !important;
}

.red {
  color: #F00;
}

.attention-red {
  color: #c3281e;
}

.ash-dark {
  color: #333 !important;
}

.ash {
  color: #666;
}

.orange {
  color: #F60;
}

.green {
  color: #090;
}

.green2 {
  color: #07865d;
}

.blue {
  color: #0075C1;
}

.bluegray-light {
  color: #E2EAF4;
}

.bluegreen {
  color: #0077A0;
}

.pink2 {
  color: #d84e64;
}

:root {
  --color-white: #ffffff;
  --color-forest-green: #07825d;
  --color-green: #07805d;
  --color-green-100: #dbf3e9;
  --color-text: #212121;
  --color-light-blue-gray: #C0D1E3;
  --content-width-s: 1200px;
  --content-width-default: 1200px;
  --margin-horizon: 20px;
}

.mark {
  font-weight: bold;
  background: linear-gradient(to right, #83DAB4, #8EDFFF) no-repeat bottom left/100% 30%;
  color: inherit;
}

.tag-block {
  display: inline-block;
  padding: 0 1em;
  border: 1px solid var(--color-green);
  color: var(--color-green);
}

.i-filter10-faq {
  padding-right: 20px;
  padding-left: 20px;
}
.i-filter10-faq details {
  width: min(100%, 1200px);
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border-top: 1px solid var(--color-light-blue-gray);
  border-bottom: 1px solid var(--color-light-blue-gray);
}
.i-filter10-faq details summary {
  padding: 1.77em 0;
  display: flex;
  align-items: flex-start;
  font-size: clamp(16px, 1.8vw, 18px);
}
.i-filter10-faq details summary:after {
  margin-left: auto;
  display: inline-block;
  content: "";
  width: 40px;
  height: 40px;
  background: no-repeat center bottom/contain url('data:image/svg+xml,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.d{fill:%23dbf3e9;}.e{fill:%2307805d;}</style></defs><circle id="b" class="d" cx="20" cy="20" r="20"/><path id="c" class="e" d="M19.5,27v-7h-7v-1h7v-7h1v7h7v1h-7v7h-1Z"/></svg>');
}
.i-filter10-faq details summary:hover {
  cursor: pointer;
  opacity: 0.7;
}
.i-filter10-faq details summary span.question {
  font-size: clamp(22px, 2.6vw, 26px);
  font-weight: bold;
  color: var(--color-green);
  width: 1.54em;
}
.i-filter10-faq details summary span.question + span {
  display: inline-block;
  padding-top: 0.4em;
  width: calc(100% - 12px - 44px - 22px);
}
.i-filter10-faq details summary::-webkit-details-marker {
  display: none;
}
.i-filter10-faq details summary + div {
  background-color: #f7f7f7;
  border-radius: 1.11em;
  padding: 1.54em;
  font-size: clamp(22px, 2.6vw, 26px);
  display: flex;
  align-items: flex-start;
  margin-bottom: 1.77em;
}
.i-filter10-faq details summary + div span.answer {
  font-weight: bold;
  color: var(--color-green);
  width: 1.54em;
  flex-grow: 0;
}
.i-filter10-faq details summary + div span.answer + p {
  font-size: clamp(16px, 1.8vw, 18px);
  width: calc(100% - 1.54em);
  flex-grow: 1;
}
.i-filter10-faq details[open] summary:after {
  background: no-repeat center bottom/contain url('data:image/svg+xml,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><defs><style>.d{fill:%23dbf3e9;}.e{fill:%2307805d;}</style></defs><circle id="b" class="d" cx="20" cy="20" r="20"/><rect id="c" class="e" x="13" y="19" width="15" height="1"/></svg>');
}
.i-filter10-faq details[open] summary + div {
  animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.i-filter10-faq details + details {
  border-top: none;
}

.headline-2 {
  padding: 0 0 16px;
  margin-bottom: clamp(30px, 5vw, 50px);
  text-align: center;
  font-weight: bold;
  color: var(--color-green);
  line-height: 1.6;
  background: no-repeat center bottom/auto auto url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="6" viewBox="0 0 40 6"><defs><style>.a{fill:url(%23a);}</style><linearGradient id="a" x1="0.05" y1="0.075" x2="0.965" y2="1" gradientUnits="objectBoundingBox"><stop offset="0" stop-color="%234cb788"/><stop offset="1" stop-color="%2319b1bb"/></linearGradient></defs><path class="a" d="M6,0H40a0,0,0,0,1,0,0V0a6,6,0,0,1-6,6H0A0,0,0,0,1,0,6V6A6,6,0,0,1,6,0Z"/></svg>');
}

.inner-link-list {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px 40px;
  flex: 1;
}
@media screen and (max-width: 599px) {
  .inner-link-list {
    flex-flow: column;
    padding: 0 20px 32px;
  }
}
.inner-link-list > * {
  width: 100%;
}
.inner-link-list li {
  margin-top: 12px;
  position: relative;
}
.inner-link-list li span {
  margin-left: 42px;
  border-bottom: dotted 2px #E3E7EA;
  padding-bottom: 4px;
}
.inner-link-list li::before {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  height: 30px;
  width: 30px;
  border-radius: 4px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><g id="b"><circle id="c" cx="15" cy="15" r="15" style="fill:%23F7F7F7;"/><path d="M11,13.5l4,4,4-4" style="fill:none; stroke:%2307805D; stroke-width:2px;"/></g></svg>') no-repeat center left 0/30px 30px;
}
.inner-link-list li:first-of-type {
  margin-top: 26px;
}
.inner-link-list a {
  line-height: 1.5;
  display: block;
  color: #07825D;
}
.inner-link-list a span {
  display: block;
}
.inner-link-list a:hover {
  text-decoration: none;
  opacity: 0.75;
}

.font-size-40 {
  font-size: clamp(26px, 3.3333333333vw, 40px);
}

.font-size-32 {
  font-size: clamp(30px, 3vw, 36px);
}

.font-size-32 {
  font-size: clamp(30px, 3vw, 36px);
}

.font-size-30 {
  font-size: clamp(27px, 2.5vw, 30px);
}

.font-size-28 {
  font-size: clamp(24px, 2.3333333333vw, 28px);
}

.font-size-26 {
  font-size: clamp(22px, 2.1666666667vw, 26px);
}

.font-size-24 {
  font-size: clamp(20px, 2vw, 24px);
}

.font-size-20 {
  font-size: clamp(18px, 1.6666666667vw, 20px);
}

.font-size-18 {
  font-size: clamp(16px, 1.5vw, 18px);
}

.font-size-16 {
  font-size: clamp(14px, 1.3333333333vw, 16px);
}

.font-size-13 {
  font-size: 13px;
}

.font-size-12 {
  font-size: 12px;
}

.color-white {
  color: var(--color-white);
}

a.color-white {
  color: var(--color-white);
  text-decoration: underline !important;
}

.color-green {
  color: var(--color-green);
}

.mt0\[sp30\] {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .mt0\[sp30\] {
    margin-top: 30px;
  }
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: clamp(20px, 3vw, 30px) !important;
}

.mt40 {
  margin-top: clamp(20px, 4vw, 40px);
}

.mt40 {
  margin-top: clamp(20px, 4vw, 40px);
}

.mt40\[sp30\] {
  margin-top: clamp(30px, 4vw, 40px);
}

.mt60 {
  margin-top: clamp(20px, 8vw, 60px);
}

.mt60\[sp30\] {
  margin-top: clamp(30px, 6vw, 60px);
}

.mt60\[sp40\] {
  margin-top: clamp(40px, 6vw, 60px);
}

.mt60\[sp50\] {
  margin-top: clamp(50px, 6vw, 60px);
}

.mt70 {
  margin-top: clamp(20px, 8vw, 70px);
}

.mt70\[sp50\] {
  margin-top: clamp(50px, 8vw, 70px);
}

.mt80 {
  margin-top: clamp(20px, 8vw, 80px);
}

.mt80\[sp40\] {
  margin-top: clamp(40px, 8vw, 80px);
}

.mt80\[sp50\] {
  margin-top: clamp(50px, 8vw, 80px);
}

.mt90\[sp60\] {
  margin-top: clamp(80px, 10vw, 100px);
}

.mt100\[sp50\] {
  margin-top: clamp(80px, 10vw, 100px);
}

.mt100\[sp80\] {
  margin-top: clamp(80px, 10vw, 100px);
}

.mt120 {
  margin-top: clamp(50px, 12vw, 120px);
}

.mt120\[sp60\] {
  margin-top: clamp(60px, 12vw, 120px);
}

.mt120\[sp80\] {
  margin-top: clamp(80px, 12vw, 120px);
}

.mt130 {
  margin-top: clamp(50px, 13vw, 130px);
}

.ml0 {
  margin-left: 0;
}

.mb30 {
  margin-bottom: clamp(20px, 6vw, 30px);
}

.mb60\[sb40\] {
  margin-bottom: clamp(40px, 6vw, 60px);
}

.mb60\[sp50\] {
  margin-bottom: clamp(50px, 6vw, 60px);
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.gap-12 {
  gap: 12px;
}

.gap-32\[sp16\] {
  gap: 32px;
}
@media screen and (max-width: 599px) {
  .gap-32\[sp16\] {
    gap: 16px;
  }
}

.gap-120\[sp60\] {
  gap: 120px;
}
@media screen and (max-width: 599px) {
  .gap-120\[sp60\] {
    gap: 60px;
  }
}

.row-gap-20 li + li {
  margin-top: 10px;
}

.grid-cols-1 {
  grid-template-columns: 1fr;
}

.text-align-left {
  text-align: left;
}

.center-block {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.letterSpace-01 {
  letter-spacing: -0.1em;
}

.letterSpace009 {
  letter-spacing: 0.09em;
}

.letterSpace003 {
  letter-spacing: 0.03em;
}

.color-deep-blue-gray {
  color: #597B88;
}

.weight-bold {
  font-weight: bold;
}

.weight-normal {
  font-weight: normal;
}

.slide-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
}
.slide-indicator {
  text-indent: -9999px;
}
.slide-indicator:hover {
  cursor: pointer;
}
.slide-indicator .indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  margin-left: 10px;
}
.slide-indicator .indicator li {
  margin: 0 4px;
  width: 24px;
  height: 6px;
  border: 1px solid #07805d;
  border-radius: 3px;
}
.slide-indicator .indicator li:hover {
  background-color: #EDFBF5;
}
.slide-indicator .indicator li.slick-active {
  margin: 0 4px;
  width: 24px;
  height: 6px;
  border-radius: 3px;
  border: none;
  background-color: #64d1a1;
}
.slide-indicator .previous {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><circle cx="35" cy="35" r="34.5" style="fill:%23ffffff; stroke:%2307805d;"/><path d="M23,35.5h24" style="fill:none; stroke:%2307805d;"/><path d="M36,46l10.9-10.9-10.9-10.9" style="fill:none; stroke:%2307805d;"/></svg>') no-repeat left top/contain;
  transform: rotate(180deg);
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.slide-indicator .previous:hover {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><circle cx="35" cy="35" r="34.5" style="fill:%23EDFBF5; stroke:%2307805D;"/><path d="M23,35.5h24" style="fill:none; stroke:%2307805D;"/><path d="M36,46l10.9-10.9-10.9-10.9" style="fill:none; stroke:%2307805D;"/></svg>') no-repeat left top/contain;
}
.slide-indicator .next {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><circle cx="35" cy="35" r="34.5" style="fill:%23ffffff; stroke:%2307805d;"/><path d="M23,35.5h24" style="fill:none; stroke:%2307805d;"/><path d="M36,46l10.9-10.9-10.9-10.9" style="fill:none; stroke:%2307805d;"/></svg>') no-repeat left top/contain;
  width: 70px;
  height: 70px;
  margin-left: 10px;
}
.slide-indicator .next:hover {
  content: "";
  display: block;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 70 70"><circle cx="35" cy="35" r="34.5" style="fill:%23EDFBF5; stroke:%2307805D;"/><path d="M23,35.5h24" style="fill:none; stroke:%2307805D;"/><path d="M36,46l10.9-10.9-10.9-10.9" style="fill:none; stroke:%2307805D;"/></svg>') no-repeat left top/contain;
}

@keyframes animation-hover-arrow {
  0% {
    right: 1.25em;
  }
  40% {
    right: 0.75em;
    opacity: 0;
  }
  40.1% {
    right: 1.75em;
    opacity: 0;
  }
  100% {
    right: 1.25em;
    opacity: 1;
  }
}
#contents .bread-crumb {
  display: block;
  padding: 1em 20px 0 0;
  font-size: clamp(10px, 1.171875vw, 12px);
  z-index: 1;
  position: relative;
  max-width: 990px;
  margin: 0 auto;
}
@media screen and (max-width: 1240px) {
  #contents .bread-crumb {
    padding: 1em 20px 0 20px;
  }
}
@media screen and (max-width: 768px) {
  #contents .bread-crumb {
    margin-top: 10px;
  }
}
#contents .bread-crumb li {
  display: inline-block;
}
#contents .bread-crumb li + li::before {
  content: ">";
  margin: 0 0.5em;
}
#contents .bread-crumb li a,
#contents .bread-crumb li a:visited {
  color: #666666;
}

#contents {
  overflow: hidden;
}
#contents .link-txt a {
  display: inline-block;
  position: relative;
  font-size: clamp(16px, 1.8vw, 18px);
  padding: 0 2.75em 0 0;
  line-height: 1.75;
  transition: background-size 0.8s;
  background-color: transparent;
  background-image: linear-gradient(to right, var(--color-green), var(--color-green));
  background-repeat: no-repeat;
  background-size: 0 5px;
  background-position: left bottom;
  background-size: 0 1px !important;
}
#contents .link-txt a:link, #contents .link-txt a:visited, #contents .link-txt a:active {
  color: var(--color-green);
}
#contents .link-txt a:hover {
  background-size: calc(100% - 2.75em) 1px !important;
}
#contents .link-txt a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
}
#contents .link-txt a:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
  animation-name: animation-hover-arrow;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#contents .link-btn {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
#contents .link-btn a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 4.44em;
  text-align: center;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: bold;
  padding: 1.67em 0;
  line-height: 1;
  border-radius: 2.22em;
  border: 1px solid #07825d;
  background: #ffffff;
}
#contents .link-btn a span {
  display: block;
  width: calc(100% - 3em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #07825d;
}
#contents .link-btn a:hover span {
  color: #07825d;
}
#contents .link-btn a:hover {
  opacity: 1;
  color: #07825d;
  border: 1px solid transparent;
  background: #C3EFDD;
}
#contents .link-btn a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
}
#contents .link-btn a:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
  animation-name: animation-hover-arrow;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#contents .link-btn\[pdf\] {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
#contents .link-btn\[pdf\] a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 4.44em;
  text-align: center;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: bold;
  padding: 1.67em 0;
  line-height: 1;
  border-radius: 2.22em;
  border: 1px solid #07825d;
  background: #ffffff;
}
#contents .link-btn\[pdf\] a span {
  display: block;
  width: calc(100% - 3em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #07825d;
}
#contents .link-btn\[pdf\] a:hover span {
  color: #07825d;
}
#contents .link-btn\[pdf\] a:hover {
  opacity: 1;
  color: #07825d;
  border: 1px solid transparent;
  background: #C3EFDD;
}
#contents .link-btn\[pdf\] a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
}
#contents .link-btn\[pdf\] a:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
  animation-name: animation-hover-arrow;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#contents .link-btn\[pdf\] a:after {
  content: "";
  display: block;
  width: 15px;
  height: 18px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18"><defs><style>.c{fill:%23d30006;}.d{fill:%23fff;stroke:%23d30006;stroke-miterlimit:10;}</style></defs><g id="a"><path class="d" d="m12.5,17.5H2.5c-1.1,0-2-.9-2-2V2.5C.5,1.4,1.4.5,2.5.5h7.8l4.2,3.51v11.49c0,1.1-.9,2-2,2Z"/></g><g id="b"><path class="c" d="m2.75,15h0c-.12,0-.24-.03-.35-.08-.19-.1-.32-.25-.37-.46-.14-.48.17-1.14.45-1.6.52-.85,1.41-1.52,2.64-1.97l.18-.33c.46-.87.84-1.69,1.12-2.43-.94-1.59-.87-2.89-.51-3.54.39-.7,1.27-.77,1.67-.2.45.63.36,1.92-.25,3.65.18.27.4.55.64.82.46.52.94.99,1.41,1.39.76.01,3.07.13,3.53,1,.13.24.11.51-.05.74-.13.19-.39.41-.91.41-.75,0-1.79-.49-2.86-1.34-1.25.01-2.42.19-3.38.5-1.67,3.05-2.46,3.45-2.95,3.45h0Zm1.69-2.9c-.55.33-.97.72-1.25,1.17-.24.4-.35.72-.37.88.17-.08.65-.45,1.62-2.05Zm6.25-.97c.7.39,1.25.47,1.43.41-.18-.13-.67-.3-1.43-.41Zm-4.4-.66l-.04.07c.59-.14,1.23-.24,1.89-.29l-.05-.04h.08c-.27-.26-.54-.54-.8-.84-.13-.14-.24-.29-.36-.43l-.02.05v-.02c-.21.48-.45.98-.72,1.51h.02Zm.54-5.67c-.08,0-.13.05-.18.15-.17.31-.28,1.04.15,2.06.46-1.63.16-2.13.12-2.19-.03-.01-.06-.02-.09-.02Z"/></g></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.11em;
  top: calc(50% - 0.5em);
}
#contents .link-btn\[pdf\] a:hover:after {
  content: "";
  display: block;
  width: 15px;
  height: 18px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18"><defs><style>.c{fill:%23d30006;}.d{fill:%23fff;stroke:%23d30006;stroke-miterlimit:10;}</style></defs><g id="a"><path class="d" d="m12.5,17.5H2.5c-1.1,0-2-.9-2-2V2.5C.5,1.4,1.4.5,2.5.5h7.8l4.2,3.51v11.49c0,1.1-.9,2-2,2Z"/></g><g id="b"><path class="c" d="m2.75,15h0c-.12,0-.24-.03-.35-.08-.19-.1-.32-.25-.37-.46-.14-.48.17-1.14.45-1.6.52-.85,1.41-1.52,2.64-1.97l.18-.33c.46-.87.84-1.69,1.12-2.43-.94-1.59-.87-2.89-.51-3.54.39-.7,1.27-.77,1.67-.2.45.63.36,1.92-.25,3.65.18.27.4.55.64.82.46.52.94.99,1.41,1.39.76.01,3.07.13,3.53,1,.13.24.11.51-.05.74-.13.19-.39.41-.91.41-.75,0-1.79-.49-2.86-1.34-1.25.01-2.42.19-3.38.5-1.67,3.05-2.46,3.45-2.95,3.45h0Zm1.69-2.9c-.55.33-.97.72-1.25,1.17-.24.4-.35.72-.37.88.17-.08.65-.45,1.62-2.05Zm6.25-.97c.7.39,1.25.47,1.43.41-.18-.13-.67-.3-1.43-.41Zm-4.4-.66l-.04.07c.59-.14,1.23-.24,1.89-.29l-.05-.04h.08c-.27-.26-.54-.54-.8-.84-.13-.14-.24-.29-.36-.43l-.02.05v-.02c-.21.48-.45.98-.72,1.51h.02Zm.54-5.67c-.08,0-.13.05-.18.15-.17.31-.28,1.04.15,2.06.46-1.63.16-2.13.12-2.19-.03-.01-.06-.02-.09-.02Z"/></g></svg>') no-repeat left top/contain;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18"><defs><style>.c{fill:%2307825d;}.d{fill:none;stroke:%2307825d;stroke-miterlimit:10;}</style></defs><g id="a"><path class="d" d="m12.5,17.5H2.5c-1.1,0-2-.9-2-2V2.5C.5,1.4,1.4.5,2.5.5h7.8l4.2,3.51v11.49c0,1.1-.9,2-2,2Z"/></g><g id="b"><path class="c" d="m2.75,15h0c-.12,0-.24-.03-.35-.08-.19-.1-.32-.25-.37-.46-.14-.48.17-1.14.45-1.6.52-.85,1.41-1.52,2.64-1.97l.18-.33c.46-.87.84-1.69,1.12-2.43-.94-1.59-.87-2.89-.51-3.54.39-.7,1.27-.77,1.67-.2.45.63.36,1.92-.25,3.65.18.27.4.55.64.82.46.52.94.99,1.41,1.39.76.01,3.07.13,3.53,1,.13.24.11.51-.05.74-.13.19-.39.41-.91.41-.75,0-1.79-.49-2.86-1.34-1.25.01-2.42.19-3.38.5-1.67,3.05-2.46,3.45-2.95,3.45h0Zm1.69-2.9c-.55.33-.97.72-1.25,1.17-.24.4-.35.72-.37.88.17-.08.65-.45,1.62-2.05Zm6.25-.97c.7.39,1.25.47,1.43.41-.18-.13-.67-.3-1.43-.41Zm-4.4-.66l-.04.07c.59-.14,1.23-.24,1.89-.29l-.05-.04h.08c-.27-.26-.54-.54-.8-.84-.13-.14-.24-.29-.36-.43l-.02.05v-.02c-.21.48-.45.98-.72,1.51h.02Zm.54-5.67c-.08,0-.13.05-.18.15-.17.31-.28,1.04.15,2.06.46-1.63.16-2.13.12-2.19-.03-.01-.06-.02-.09-.02Z"/></g></svg>');
  right: 1.11em;
  animation-name: none;
}
#contents .link-btn\[gradation\] {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
#contents .link-btn\[gradation\] a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 4.44em;
  text-align: center;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: bold;
  padding: 1.67em 0;
  line-height: 1;
  border-radius: 2.22em;
  border: 0 solid #07825d;
  background: linear-gradient(137deg, #14985E 0%, #19B1BB 100%);
}
#contents .link-btn\[gradation\] a span {
  display: block;
  width: calc(100% - 3em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: #ffffff;
}
#contents .link-btn\[gradation\] a:hover span {
  color: var(--color-green);
}
#contents .link-btn\[gradation\] a:hover {
  opacity: 1;
  color: var(--color-green);
  border: 0 solid transparent;
  background: "gradation";
}
#contents .link-btn\[gradation\] a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%23ffffff; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%23ffffff; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
}
#contents .link-btn\[gradation\] a:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
  animation-name: animation-hover-arrow;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#contents .link-btn\[gradation\] a:before {
  content: "";
  background: transparent;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  transition: all 0.5s ease 0s;
}
#contents .link-btn\[gradation\] a:hover:before {
  background: #ffffff;
}
#contents .link-btn\[white\] {
  margin-right: auto;
  margin-left: auto;
  max-width: 300px;
}
#contents .link-btn\[white\] a {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 4.44em;
  text-align: center;
  font-size: clamp(16px, 1.8vw, 18px);
  font-weight: bold;
  padding: 1.67em 0;
  line-height: 1;
  border-radius: 2.22em;
  border: 0 solid #07825d;
  background: #ffffff;
}
#contents .link-btn\[white\] a span {
  display: block;
  width: calc(100% - 3em);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-image: linear-gradient(137deg, #14985E 0%, #19B1BB 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#contents .link-btn\[white\] a:hover span {
  color: #07825d;
}
#contents .link-btn\[white\] a:hover {
  opacity: 1;
  color: #07825d;
  border: 0 solid transparent;
  background: #C3EFDD;
}
#contents .link-btn\[white\] a:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
}
#contents .link-btn\[white\] a:hover:after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M7.7,14.4l6.4-6.4L7.7,1.5" style="fill:none; stroke:%2307825d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307825d; stroke-width:2px;"/></svg>') no-repeat left top/contain;
  position: absolute;
  right: 1.25em;
  top: calc(50% - 0.5em);
  animation-name: animation-hover-arrow;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
#contents .link-btn\[white\] {
  margin-left: 0;
}
#contents .width400 {
  max-width: 400px;
}

@media screen and (max-width: 767px) {
  .hide-sp, .for-pc, .for-ipad {
    display: none !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .hide-ipad, .for-pc, .for-sp {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .hide-pc, .for-ipad, .for-sp {
    display: none !important;
  }
}
#contents {
  font-family: "Noto Sans JP", sans-serif, "メイリオ", Meiryo, "LucidaGrande", Verdana, "ヒラギノ角ゴProW3", "HiraginoKakuGothicPro", Osaka, "ＭＳＰゴシック", sans-serif;
  font-size: 1.13rem; /*ベースフォントは18pxです */
}
#contents svg {
  font-family: sans-serif;
}
#contents {
  color: var(--color-text);
}
#contents * {
  box-sizing: border-box;
}
#contents sup {
  vertical-align: super;
  font-size: 40%;
}
#contents a:link, #contents a:visited {
  text-decoration: none;
  transition: all 0.5s ease 0s;
}
#contents a:hover, #contents a:hover figure img {
  opacity: 0.7;
  text-decoration: none;
}
#contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6 {
  letter-spacing: 0.09em;
}
#contents p {
  line-height: 1.8;
  letter-spacing: 0.03em;
}
#contents li, #contents dt, #contents dd {
  letter-spacing: 0.03em;
}
#contents .note li {
  text-align: left;
  font-size: 12px;
  line-height: 1.6;
}
#contents figure img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #contents .br-for-sp {
    display: none;
  }
}
@media screen and (min-width: 1480px) {
  #contents .br-for-lt1479 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #contents .br-for-mt768 {
    display: none;
  }
}

.list-disc-blue {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5em;
}
.list-disc-blue li {
  list-style-type: disc;
  margin-left: 1.5em;
  line-height: 1.8;
}
.list-disc-blue li span {
  display: block;
  margin-left: -0.25em;
}
.list-disc-blue li::marker {
  color: #64D1A1;
}
.list-disc-blue li li {
  list-style-type: circle;
}
.list-disc-blue li > ul {
  margin-top: 0.5em;
  margin-left: 0;
}
.list-disc-blue li > ul li {
  list-style: circle;
}
.list-disc-blue .d-flex {
  flex-wrap: wrap;
}

.list-disc-blue li {
  width: 100%;
}

.number-list {
  list-style: decimal;
}
.number-list li {
  margin-left: 1.5em;
  padding-left: 0;
  line-height: 1.8;
}
.number-list li::marker {
  font-weight: 700;
  font-size: clamp(18px, 1.6666666667vw, 20px);
  color: #07825d;
}

.line-height1-8 {
  line-height: 1.8;
}

.in-word-link {
  position: relative;
  color: #05805c;
  padding-bottom: 3px;
  background-image: linear-gradient(#05805c, #05805c);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% 1px;
  transition: background-size 0.3s !important;
  margin-right: 6px;
}
.in-word-link:hover {
  background-position: bottom right;
  background-size: 0 1px;
}
.in-word-link:visited, .in-word-link:link {
  color: #05805c;
}

.in-blank-link {
  position: relative;
  color: #05805c;
  padding-bottom: 3px;
  background-image: linear-gradient(#05805c, #05805c);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 100% 1px;
  transition: background-size 0.3s !important;
  margin-right: 6px;
}
.in-blank-link::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  left: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13'%3E%3Cg transform='translate(-1018 -1223)'%3E%3Cg transform='translate(1018 1226)' fill='none' stroke='%2305805c' stroke-width='2'%3E%3Crect width='14' height='10' stroke='none'/%3E%3Crect x='1' y='1' width='12' height='8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(1021 1223)' fill='%23fff' stroke='%2305805c' stroke-width='2'%3E%3Crect width='14' height='10' stroke='none'/%3E%3Crect x='1' y='1' width='12' height='8' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.in-blank-link:hover {
  background-position: bottom right;
  background-size: 0 1px;
}
.in-blank-link:visited, .in-blank-link:link {
  color: #05805c;
}

.blank-link {
  position: relative;
  color: #05805c;
  padding-bottom: 3px;
  background-image: linear-gradient(#05805c, #05805c);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  transition: background-size 0.3s !important;
}
.blank-link::after {
  position: relative;
  content: "";
  display: inline-block;
  width: 17px;
  height: 13px;
  left: 4px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='13' viewBox='0 0 17 13'%3E%3Cg transform='translate(-1018 -1223)'%3E%3Cg transform='translate(1018 1226)' fill='none' stroke='%2305805c' stroke-width='2'%3E%3Crect width='14' height='10' stroke='none'/%3E%3Crect x='1' y='1' width='12' height='8' fill='none'/%3E%3C/g%3E%3Cg transform='translate(1021 1223)' fill='%23fff' stroke='%2305805c' stroke-width='2'%3E%3Crect width='14' height='10' stroke='none'/%3E%3Crect x='1' y='1' width='12' height='8' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}
.blank-link:hover {
  background-position: bottom left;
  background-size: 100% 1px;
}
.blank-link:visited, .blank-link:link {
  color: #05805c;
}

.text-box-area {
  background: #F7F7F7;
  border-radius: 30px;
  padding: clamp(24px, 2.5vw, 30px);
}
@media screen and (max-width: 767px) {
  .text-box-area {
    border-radius: 20px;
  }
}

.public-update {
  font-size: clamp(12px, 1.1666666667vw, 14px);
  color: #888888;
  margin-top: clamp(24px, 3vw, 36px);
}

.category-badge {
  flex-wrap: wrap;
}
.category-badge li {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  font-size: 12px;
  padding: 4px 8px 4px;
  border-radius: 4px;
  width: 120px;
  height: 26px;
}
.category-badge li a {
  width: 100%;
  text-align: center;
  height: 100%;
  display: block;
  white-space: nowrap;
}
.category-badge li a:hover {
  opacity: 0.8;
}

.badge-category-1 {
  box-shadow: 0 0 0 1px #E5557D inset;
  border-radius: 4px;
  color: #E5557D;
}
.badge-category-1 a {
  color: #E5557D;
}
.badge-category-1:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(229, 85, 125, 0.2);
}

.badge-category-2 {
  box-shadow: 0 0 0 1px #19B1BB inset;
  border-radius: 4px;
  color: #19B1BB;
}
.badge-category-2 a {
  color: #19B1BB;
}
.badge-category-2:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(25, 177, 187, 0.2);
}

.badge-category-3 {
  box-shadow: 0 0 0 1px #1089D5 inset;
  border-radius: 4px;
  color: #1089D5;
}
.badge-category-3 a {
  color: #1089D5;
}
.badge-category-3:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(16, 137, 213, 0.2);
}

.badge-category-4 {
  box-shadow: 0 0 0 1px #E07A2E inset;
  border-radius: 4px;
  color: #E07A2E;
}
.badge-category-4 a {
  color: #E07A2E;
}
.badge-category-4:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(224, 122, 46, 0.2);
}

.badge-category-5 {
  box-shadow: 0 0 0 1px #E5557D inset;
  border-radius: 4px;
  color: #E5557D;
}
.badge-category-5 a {
  color: #E5557D;
}
.badge-category-5:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(229, 85, 125, 0.2);
}

.badge-category-6 {
  box-shadow: 0 0 0 1px #5A716A inset;
  border-radius: 4px;
  color: #5A716A;
}
.badge-category-6 a {
  color: #5A716A;
}
.badge-category-6:hover {
  box-shadow: 0 0 0 1px transparent inset;
  background-color: rgba(90, 113, 106, 0.2);
}

.tag-badge {
  flex-wrap: wrap;
}
.tag-badge li {
  position: relative;
  height: 26px;
  color: #07825d;
  font-size: 12px;
  padding-bottom: 3px;
  background-image: linear-gradient(#07825d, #07825d);
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 0 1px;
  transition: background-size 0.3s !important;
}
.tag-badge li a, .tag-badge li span {
  display: flex;
  align-items: center;
  color: #07825D;
  padding-left: 10px;
  height: 100%;
}
.tag-badge li:hover {
  background-position: bottom left;
  background-size: 100% 1px;
}
.tag-badge li:visited, .tag-badge li:link {
  color: #05805c;
}
.tag-badge li::before {
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
  content: "";
  width: 10px;
  height: 11px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.809' height='18.809' viewBox='0 0 18.809 18.809'%3E%3Cg transform='translate(9.617) rotate(45)'%3E%3Crect width='10' height='11' rx='1' transform='translate(1.5 4.1)' fill='%2307825d'/%3E%3Cpath d='M5.822.626a1,1,0,0,1,1.357,0l3.942,3.639A1,1,0,0,1,10.442,6H2.558a1,1,0,0,1-.678-1.735Z' fill='%2307825d'/%3E%3Ccircle cx='1' cy='1' r='1' transform='translate(5.5 3.1)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.headline-leafline {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 20px;
  font-weight: bold;
  line-height: 1.6;
  background: no-repeat left bottom/1200px 10px url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="10" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 10"><defs><linearGradient id="k" x1="-294.87" y1="-303.79" x2="-293.84" y2="-303.79" gradientTransform="translate(19069.09 -2121) scale(64.67 -7)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%234cb788"/><stop offset="1" stop-color="%2319b1bb"/></linearGradient></defs><g id="a"><g id="b"><g id="c"><g id="d" style="opacity:.5;"><g id="e"><path id="f" d="M-1457.31,51.01c-17.42,1.32-35.08,1.98-52.97,1.99h-1499.92l192.93-549.96c24.89-77.95,57.84-155.24,114.47-244.71,132.48-199.63,380.53-373.5,662.4-373.5l599.15,1.99c17.42-1.32,35.07-1.98,52.97-1.99H110.33L-1.93-792.59l-34.12,98.03-6.72,19.3-38.53,110.05c-24.89,77.95-57.84,155.24-114.47,244.71C-328.25-120.87-576.3,53.01-858.17,53.01l-599.14-2Z" style="fill:%2364d1a1; isolation:isolate; opacity:.5;"/></g></g></g></g></g><g id="g"><g id="h"><g id="i"><rect id="j" x="5" y="4" width="1195" height="3" style="fill:%23e4e7ea;"/><path id="l" d="M7,2h57.67c0,3.87-3.13,7-7,7H0C0,5.13,3.13,2,7,2Z" style="fill:url(%23k);"/></g></g></g></svg>');
}

.headline-leaf {
  max-width: 1200px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 0 0 1em;
  font-weight: bold;
  line-height: 1.6;
  background: no-repeat left top 0.5em/0.57em 0.57em url('data:image/svg+xml,<svg id="b" xmlns="http://www.w3.org/2000/svg" width="16" height="16" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16"><defs><linearGradient id="f" x1="-329.58" y1="-371.93" x2="-328.66" y2="-372.86" gradientTransform="translate(4616 -3384.41) scale(14 -9.11)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="%234cb788"/><stop offset="1" stop-color="%2319b1bb"/></linearGradient></defs><g id="c"><g id="d"><g id="e"><path id="g" d="M8.84,3h6.16c0,5.03-2.81,9.11-7.84,9.11H1C1,7.08,3.81,3,8.84,3Z" style="fill:url(%23f);"/></g></g></g></svg>');
}

.headline-plain {
  font-size: clamp(20px, 1.8333333333vw, 22px);
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 1.6;
}

.text-line-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 767px) {
  .text-line-clamp {
    -webkit-line-clamp: 3;
  }
}

@media screen and (min-width: 0) and (max-width: 768px) {
  #wrapper {
    padding-top: 40px;
  }
}