@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: 990px;
  --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;
}
.i-filter10-faq details summary + div span.answer + p {
  font-size: clamp(16px, 1.8vw, 18px);
}
.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>');
}

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

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

.font-size-32 {
  font-size: clamp(24px, 3.2vw, 32px);
}

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

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

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

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

.font-size-16, #other > div li.item a p, #other > div li.item a:hover p {
  font-size: clamp(14px, 1.6vw, 16px);
}

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

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

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

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

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

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

.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\[sp40\] {
  margin-top: clamp(40px, 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\[sp50\] {
  margin-top: clamp(50px, 8vw, 80px);
}

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

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

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

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

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

.ml0 {
  margin-left: 0;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

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

.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;
}

.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;
  }
}
#breadCrumb {
  font-size: 12.96px;
}

#contents {
  overflow-x: hidden;
}
#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: 9;
  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: 9;
  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: 9;
  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;
  z-index: 8;
  border-radius: 50px;
  z-index: 0;
  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;
  margin-left: 0;
}
#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: 9;
  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\].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です */
  color: var(--color-text);
}
#contents svg {
  font-family: sans-serif;
}
#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.75;
  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;
}
@media screen and (min-width: 768px) {
  #contents strong.new {
    display: inline-block;
    margin-top: -1px;
    margin-left: 10px;
    padding: 2px;
    padding-top: 3px;
    font-weight: bold;
    border-radius: 2px;
    color: #D90000;
    font-size: 9px;
    line-height: 100%;
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  #contents strong.new {
    display: inline-block;
    margin-left: 5px;
    color: #f00;
    font-weight: bold;
  }
}
#contents figure img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  #contents .br-for-sp {
    display: none;
  }
}

.list-disc-blue {
  padding-left: 1.16em;
  margin-left: -2em;
  flex-wrap: wrap;
  row-gap: 0.5em;
}
.list-disc-blue li {
  list-style-type: disc;
  margin-left: 2em;
  margin-right: 0.5em;
}
.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 .d-flex {
  flex-wrap: wrap;
}

.column-tv-game {
  display: flex;
  flex-wrap: wrap;
}
.column-tv-game > * {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .column-tv-game {
    display: block;
  }
  .column-tv-game > * {
    width: 100%;
  }
}

.logo_kidsdesign {
  max-width: 315px;
}

.end-etc:after {
  content: "など";
  display: block;
  text-align: right;
  width: 100%;
}

#contents ul.toLogin {
  /*position: relative;background-color: #0077A0;*/
}

.main-visual {
  position: relative;
  /* style slideFade */
  /* js slideFade */
}
.main-visual h1 {
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  height: 0;
}
@media screen and (min-width: 1920px) {
  .main-visual {
    height: 700px;
    margin-bottom: 69.5px;
    background-image: url(/cs/products/if10/common/images/pattern_pc.svg);
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .main-visual {
    width: 100vw;
    height: 36.4583333333vw;
    background-size: auto 100%;
    margin-bottom: 5.0315104167vw;
    background-image: url(/cs/products/if10/common/images/pattern_pc.svg);
  }
}
@media screen and (max-width: 767px) {
  .main-visual {
    width: 100vw;
    height: 115.3846153846vw;
    background: url(/cs/products/if10/common/images/pattern_sp.svg) no-repeat top left/contain;
    margin-bottom: 8.1979030144vw;
  }
}
.main-visual .photo-area li p {
  position: absolute;
  z-index: 9;
  text-align: left;
  font-weight: bold;
  color: #ffffff;
  text-shadow: 0 0 12px rgba(7, 128, 93, 0.8);
}
.main-visual .photo-area li p span {
  display: block;
  line-height: 1.8 !important;
}
.main-visual .photo-area li p .font-size-34 {
  font-size: clamp(22px, 1.7708333333vw, 34px);
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area li p .font-size-34 {
    font-size: 5.5vw;
    letter-spacing: -0.01em;
  }
}
.main-visual .photo-area li p .font-size-22 {
  margin-top: 1em;
  font-size: clamp(14px, 1.1458333333vw, 22px);
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area li p .font-size-22 {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1920px) {
  .main-visual .photo-area li p {
    margin-left: calc((50% - 600px) * -1);
    padding-top: 340px; /*405*/
    padding-left: calc(50% - 860px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .main-visual .photo-area li p {
    margin-left: -18.75%;
    padding-top: 17.7083333333vw;
    padding-left: 5.2083333333vw;
  }
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area li p {
    margin-left: -6.1538461538vw;
    padding-top: 53.8461538462vw;
    padding-left: 4.1025641026vw;
  }
}
@media screen and (min-width: 1920px) {
  .main-visual .photo-area {
    height: 700px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .main-visual .photo-area {
    height: 36.4583333333vw;
  }
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area {
    height: 115.3846153846vw;
  }
}
.main-visual .photo-area li {
  height: 100%;
  width: 100%;
  background-color: #e8e8e8;
  border-radius: 0 0 0 clamp(40px, 12vw, 120px);
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (min-width: 1920px) {
  .main-visual .photo-area li {
    margin-left: calc(50% - 600px);
    background-size: 100% auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .main-visual .photo-area li {
    margin-left: 18.75%;
    background-size: 100% auto;
  }
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area li {
    margin-left: 6.1538461538vw;
    height: 96.1538461538vw;
    background-size: auto 100%;
  }
}
.main-visual .photo-area li:nth-child(1) {
  background-image: url(/cs/products/if10/common/images/main_visual_01_pc.webp);
}
@media screen and (max-width: 767px) {
  .main-visual .photo-area li:nth-child(1) {
    background-image: url(/cs/products/if10/common/images/main_visual_01_sp.webp);
    background-size: cover;
  }
}
.main-visual .photo-area li:nth-child(2) {
  background-image: url(/cs/products/if10/common/images/main_visual_02_pc.webp);
}
.main-visual .photo-area li:nth-child(3) {
  background-image: url(/cs/products/if10/common/images/main_visual_03_pc.webp);
}
.main-visual #jsSlideFade li {
  list-style: none;
}
.main-visual #jsSlideFade + ol {
  display: block;
}
.main-visual #jsSlideFade {
  position: relative;
}
.main-visual #jsSlideFade li {
  position: absolute;
  transition: opacity 1s, visibility 0s ease 1s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.main-visual #jsSlideFade li.selectedSlide {
  transition-delay: 0s;
  opacity: 1;
  visibility: visible;
  z-index: 8;
}
.main-visual #jsSlideFade + ol {
  display: flex;
  position: absolute;
  z-index: 109;
}
@media screen and (min-width: 768px) {
  .main-visual #jsSlideFade + ol {
    bottom: 20px;
    right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .main-visual #jsSlideFade + ol {
    bottom: 12.0512820513vw;
    right: 20px;
  }
}
.main-visual #jsSlideFade + ol > li:not(.pauseSlide) {
  margin: 3px 4px;
  width: 24px;
  text-indent: -9999px;
  height: 6px;
  border: 1px solid #07805d;
  background-color: #ffffff;
  border-radius: 3px;
}
.main-visual #jsSlideFade + ol > li:not(.pauseSlide, .selectedIndicator):hover {
  background-color: #EDFBF5;
}
.main-visual #jsSlideFade + ol > li.selectedIndicator:hover {
  /*cursor: default;*/
}
.main-visual #jsSlideFade + ol > li.pauseSlide {
  margin: 0 0 0 8px;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  background-image: url('data:image/svg+xml,<svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><defs><filter id="b" x="5" y="-1" width="8" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="c" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="c" operator="in"/><feComposite in="SourceGraphic"/></filter><filter id="e" x="1" y="-1" width="8" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="f" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="f" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><g style="filter:url(%23b);"><path id="d" d="M9,2h0c.6,0,1,.4,1,1v8c0,.6-.4,1-1,1h0c-.6,0-1-.4-1-1V3c0-.6.4-1,1-1Z" style="fill:%23fff;"/></g><g style="filter:url(%23e);"><path id="g" d="M5,2h0c.6,0,1,.4,1,1v8c0,.6-.4,1-1,1h0c-.6,0-1-.4-1-1V3c0-.6.4-1,1-1Z" style="fill:%23fff;"/></g></svg>');
}
.main-visual #jsSlideFade + ol > li.pauseSlide:hover {
  background-image: url('data:image/svg+xml,<svg id="a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 14 14"><defs><filter id="b" x="5" y="-1" width="8" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="c" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="c" operator="in"/><feComposite in="SourceGraphic"/></filter><filter id="e" x="1" y="-1" width="8" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="f" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="f" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><g style="filter:url(%23b);"><path id="d" d="M9,2h0c.6,0,1,.4,1,1v8c0,.6-.4,1-1,1h0c-.6,0-1-.4-1-1V3c0-.6.4-1,1-1Z" style="fill:%23EDFBF5;"/></g><g style="filter:url(%23e);"><path id="g" d="M5,2h0c.6,0,1,.4,1,1v8c0,.6-.4,1-1,1h0c-.6,0-1-.4-1-1V3c0-.6.4-1,1-1Z" style="fill:%23EDFBF5;"/></g></svg>');
}
.main-visual #jsSlideFade + ol > li.pauseSlide.playBtn {
  margin: 0 0 0 8px;
  width: 14px;
  height: 14px;
  text-indent: -9999px;
  background-image: url('data:image/svg+xml,<svg id="h" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 15 14"><defs><filter id="i" x="-1" y="-1" width="17" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="j" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="j" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><g style="filter:url(%23i);"><path id="k" d="M11.5,6.1c.5.2.7.8.5,1.3,0,.2-.3.4-.5.5l-7.6,3.4c-.5.2-1.1,0-1.3-.5,0-.1,0-.3,0-.4V3.6c0-.6.4-1,1-1,.1,0,.3,0,.4,0l7.6,3.4Z" style="fill:%23fff;"/></g></svg>');
}
.main-visual #jsSlideFade + ol > li.pauseSlide.playBtn:hover {
  background-image: url('data:image/svg+xml,<svg id="h" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 15 14"><defs><filter id="i" x="-1" y="-1" width="17" height="16" filterUnits="userSpaceOnUse"><feOffset dx="0" dy="0"/><feGaussianBlur result="j" stdDeviation="1"/><feFlood flood-color="%2307805d" flood-opacity="1"/><feComposite in2="j" operator="in"/><feComposite in="SourceGraphic"/></filter></defs><g style="filter:url(%23i);"><path id="k" d="M11.5,6.1c.5.2.7.8.5,1.3,0,.2-.3.4-.5.5l-7.6,3.4c-.5.2-1.1,0-1.3-.5,0-.1,0-.3,0-.4V3.6c0-.6.4-1,1-1,.1,0,.3,0,.4,0l7.6,3.4Z" style="fill:%23EDFBF5;"/></g></svg>');
}
.main-visual #jsSlideFade + ol > li.selectedIndicator {
  width: 24px;
  height: 6px;
  border-radius: 3px;
  border: 1px solid #64d1a1;
  background-color: #64d1a1;
}
.main-visual #jsSlideFade + ol > li:hover {
  cursor: pointer;
}
.main-visual .i-filter10-share {
  position: absolute;
  z-index: 9;
}
@media screen and (min-width: 1920px) {
  .main-visual .i-filter10-share {
    bottom: -69.5px;
    width: 100%;
    height: 139px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .main-visual .i-filter10-share {
    bottom: -5.0315104167vw;
    width: 100%;
    height: 10.0630208333vw;
  }
  .main-visual .i-filter10-share .i-filter10-share-svg {
    width: 55.2380208333vw;
  }
}
@media screen and (max-width: 767px) {
  .main-visual .i-filter10-share {
    bottom: -8.1979030144vw;
    width: calc(100vw - 40px);
    margin-right: 20px;
    margin-left: 20px;
  }
  .main-visual .i-filter10-share img {
    width: 100%;
  }
}

.i-filter10-share {
  text-align: center;
}

.i-filter10-share-svg {
  margin: 0 auto;
  max-width: 763px;
}
.i-filter10-share-svg .fill-r {
  fill: #C3281E;
}
.i-filter10-share-svg .fill-b {
  fill: #6c431c;
}
.i-filter10-share-svg .w-bold {
  font-weight: bold;
}
.i-filter10-share-svg .fs31 {
  font-size: 31px;
}
.i-filter10-share-svg .fs23 {
  font-size: 23px;
}
.i-filter10-share-svg .fs14 {
  font-size: 14px;
}
.i-filter10-share-svg .fs12 {
  font-size: 12px;
}
.i-filter10-share-svg .fs8 {
  font-size: 8px;
}
.i-filter10-share-svg .ls-n1 {
  letter-spacing: -0.1em;
}

.i-filter10-reason {
  width: 100%;
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
  text-align: center;
}

.i-filter10-feature {
  padding: clamp(82px, 10vw, 120px) 0;
  border-radius: 0 clamp(40px, 8vw, 80px) clamp(40px, 8vw, 80px) 0;
  background-color: #f7f7f7;
}
@media screen and (min-width: 1480px) {
  .i-filter10-feature {
    margin-right: calc(50% - 720px);
    padding-left: calc(50% - 720px);
  }
}
.i-filter10-feature .feature-content {
  width: min(100%, 1440px);
  padding: 0 20px;
  text-align: center;
}
.i-filter10-feature .feature-content .feature-list {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
@media screen and (max-width: 1479px) {
  .i-filter10-feature .feature-content .feature-list {
    gap: 1em 4%;
  }
}
.i-filter10-feature .feature-content .feature-list .feature {
  width: 368px;
  text-align: left;
}
@media screen and (max-width: 1479px) {
  .i-filter10-feature .feature-content .feature-list .feature {
    width: 30.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-feature .feature-content .feature-list .feature {
    width: 48%;
  }
}
@media screen and (max-width: 390px) {
  .i-filter10-feature .feature-content .feature-list .feature {
    width: 100%;
  }
}
.i-filter10-feature .feature-content .feature-list .feature img {
  width: 100%;
  border-radius: 20px;
}
.i-filter10-feature .feature-content .feature-list .feature figure {
  font-size: clamp(18px, 2vw, 20px);
  margin-bottom: -1.5em;
}
.i-filter10-feature .feature-content .feature-list .feature .headline-leaf {
  display: inline-block;
  border-radius: 8px 0;
  padding: 0.4em 0.5em;
  background-color: var(--color-green);
  font-weight: bold;
  color: #ffffff;
}
.i-filter10-feature .feature-content .feature-list .feature .headline-leaf + p {
  padding: 0.4em 0.5em;
}

.i-filter10-release {
  padding-top: clamp(44px, 6.7708333333vw, 130px);
}
@media screen and (min-width: 1920px) {
  .i-filter10-release .release-content-wrap {
    width: calc(50% + 960px);
  }
}
.i-filter10-release .release-content {
  border-radius: 0 clamp(40px, 8vw, 80px) clamp(40px, 8vw, 80px) 0;
  background-color: #f7f7f7;
  text-align: left;
}
@media screen and (min-width: 1920px) {
  .i-filter10-release .release-content {
    width: calc(50vw + 304px);
    padding: 120px 232px 120px calc(50vw - 632px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-release .release-content {
    width: 65.8333333333vw;
    padding: 6.25vw 12.0833333333vw 6.25vw 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-release .release-content {
    width: calc(100vw - 20px);
    padding: 15.3846153846vw 20px 20.5128205128vw;
  }
}
@media screen and (min-width: 1920px) {
  .i-filter10-release figure {
    width: 810px;
    margin-top: -397px;
    margin-left: auto;
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-release figure {
    width: 42.1875vw;
    margin-top: -20.6770833333vw;
    margin-left: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-release figure {
    width: 82.0512820513vw;
    margin-left: auto;
    margin-right: 0;
    margin-top: -14.358974359vw;
  }
}
.i-filter10-release figure img {
  border-radius: clamp(40px, 8vw, 80px);
  width: 100%;
}

object {
  max-width: 529px;
}

.for-customer h3 {
  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>');
}
.for-customer > div {
  max-width: 1000px;
  margin: 0 auto 20px;
  background-color: #f7f7f7;
  align-items: center;
  padding: clamp(40px, 3vw, 46px) clamp(25px, 3vw, 64px);
  border-radius: clamp(15px, 1.5vw, 30px);
}
@media screen and (max-width: 1040px) {
  .for-customer > div {
    margin-left: 20px;
    width: calc(100% - 40px);
  }
}
@media screen and (min-width: 768px) {
  .for-customer > div {
    display: flex;
  }
  .for-customer > div > h4 {
    width: 57%;
    text-align: left;
    margin-bottom: 0;
  }
  .for-customer > div > h4:after {
    content: "はこちら";
  }
  .for-customer > div > *:nth-child(2) {
    width: 43%;
    text-align: left;
  }
  .for-customer > div > *:nth-child(2).link-btn,
  .for-customer > div > *:nth-child(2) .link-btn, .for-customer > div > *:nth-child(2).conversion-btn {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .for-customer > div .list-disc-blue {
    max-width: 300px;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
  }
  .for-customer > div .link-btn + .list-disc-blue {
    margin-top: 40px;
  }
}
.for-customer h4 {
  font-size: clamp(22px, 2vw, 26px);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 24px;
}
.for-customer h4:before {
  content: "";
  display: inline-block;
  margin-right: 0.37em;
  width: 1.68em;
  height: 1.68em;
  vertical-align: middle;
}
.for-customer .renewal h4:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="%23B2B2B2" d="M35.21,24.64l-3.12-.06,5.07,7.73,5.39-7.52-2.89-.06c-.18-5.63-3.63-10.89-9.19-13.11-5.67-2.26-11.9-.72-15.9,3.4.9.96,3.05,3.23,3.05,3.23,2.78-2.98,7.2-4.12,11.21-2.52,3.8,1.52,6.18,5.07,6.39,8.91Z"/><path fill="%23B2B2B2" d="M14.88,25.73l3.12.06-5.07-7.73-5.39,7.51,2.89.06c.18,5.63,3.63,10.89,9.19,13.11,5.67,2.26,11.9.72,15.9-3.4-.9-.96-3.05-3.23-3.05-3.23-2.78,2.98-7.2,4.12-11.21,2.52-3.8-1.52-6.18-5.07-6.39-8.91Z"/></svg>') left top/contain no-repeat;
}
.for-customer .check-information h4:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="%23B2B2B2" d="M10.76,2.8c-1.61,0-2.95,1.34-2.95,2.95v38.98c0,1.61,1.34,2.95,2.95,2.95h29.1c1.61,0,2.95-1.34,2.95-2.95V5.75c0-1.61-1.34-2.95-2.95-2.95H10.76ZM10.76,5.23h29.1c.31,0,.52.21.52.52v38.98c0,.31-.21.52-.52.52H10.76c-.31,0-.52-.21-.52-.52V5.75c0-.31.21-.52.52-.52h0ZM16.65,12.42v2h1.83v-2h-1.83ZM21.6,12.42v2h12.37v-2h-12.37ZM16.65,19.81v2h1.83v-2h-1.83ZM21.6,19.81v2h12.37v-2h-12.37ZM16.65,27.21v2h1.83v-2h-1.83ZM21.6,27.21v2h12.37v-2h-12.37ZM16.65,34.61v2h1.83v-2h-1.83ZM21.6,34.61v2h12.37v-2h-12.37ZM21.6,34.61"/></svg>') left top/contain no-repeat;
}
.for-customer .faq h4:before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="%23B2B2B2" d="M30.6,11.51c-5.21-5.21-13.66-5.21-18.87,0-2.5,2.5-3.91,5.9-3.91,9.44s1.41,6.93,3.91,9.44c4.35,4.34,11.1,5.15,16.36,1.96l9.32,9.32c1.25,1.25,3.25,1.25,4.49,0,1.24-1.24,1.24-3.24,0-4.49l-9.32-9.32c3.19-5.25,2.38-12-1.96-16.36h0ZM27,15.1c3.23,3.22,3.23,8.46,0,11.68-1.55,1.55-3.65,2.42-5.84,2.42s-4.29-.87-5.84-2.42c-3.23-3.23-3.23-8.46,0-11.68,1.55-1.55,3.65-2.42,5.84-2.42s4.29.87,5.84,2.42h0ZM27,15.1"/></svg>') left top/contain no-repeat;
}

@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download {
    margin-top: 8vw; /*  margin-top: clamp(80px, 13vw, 120px);が広すぎるので調整する*/
  }
}
.i-filter10-download .download-content-wrap {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
@media screen and (min-width: 1920px) {
  .i-filter10-download .download-content-wrap {
    /* :beforeのはみ出し分 */
    width: 1440px;
    padding-top: 88px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download .download-content-wrap {
    width: 100%;
    /* :beforeのはみ出し分 
    padding-top: (88 / 1440 * 100vw);*/
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-download .download-content-wrap {
    /* :beforeのはみ出し分 */
    padding-bottom: 48.7179487179vw;
  }
}
.i-filter10-download .download-content-wrap:before {
  z-index: 9;
  position: absolute;
  content: "";
  display: block;
  border-radius: clamp(40px, 8vw, 80px);
  background: url(/cs/products/if10/common/images/download_pic01.webp) no-repeat left top/cover;
  max-width: 540px;
  max-height: 415px;
  aspect-ratio: 1.3012048193;
}
@media screen and (min-width: 1920px) {
  .i-filter10-download .download-content-wrap:before {
    width: 540px;
    margin-left: calc(50vw + 720px - 540px);
    inset: -88px -240px auto auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download .download-content-wrap:before {
    display: none;
    width: 33.3333333333vw;
    margin-left: auto;
    inset: -6.1111111111vw 0 auto auto; /*88がPC版の縮小、88だと縮小時にボタン2種の上にかぶさって邪魔なので上に上げます*/
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-download .download-content-wrap:before {
    width: 82.0512820513vw;
    height: 60.7692307692vw;
    inset: auto 0 0 17.9487179487vw;
  }
}
.i-filter10-download .download-content {
  z-index: 8;
  border-radius: clamp(40px, 8vw, 80px);
  background: linear-gradient(137deg, rgb(6, 191, 110) 0%, rgb(4, 202, 214) 100%);
  display: flex;
  text-align: center;
}
@media screen and (min-width: 1920px) {
  .i-filter10-download .download-content {
    padding: 100px 410px 100px 120px;
    gap: 80px;
    width: 1320px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download .download-content {
    padding: 6.9444444444vw 2.380952381vw;
    margin-left: auto;
    margin-right: auto;
    gap: 4.7619047619vw;
    flex-direction: column;
    width: clamp(728px, 100% - 40px, 1200px);
    background-image: linear-gradient(137deg, rgb(6, 191, 110) 0%, rgb(4, 202, 214) 100%), url(/cs/products/if10/common/images/download_pic01.webp);
    background-size: 50% 100%, auto 100%;
    background-position: left top, right -70% top;
    background-repeat: no-repeat, no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-download .download-content {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-direction: column;
    justify-content: center;
    gap: 7.6923076923vw;
    margin-right: 20px;
    width: calc(100vw - 20px);
    padding: 17.9487179487vw 20px 25.641025641vw 20px;
  }
}
.i-filter10-download .download-content h2, .i-filter10-download .download-content p, .i-filter10-download .download-content h3, .i-filter10-download .download-content ul {
  color: #ffffff;
}
.i-filter10-download .download-content div:has(.width400) {
  width: 400px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download .download-content div:has(.width400) {
    width: calc(50% - 2.380952381vw);
  }
  .i-filter10-download .download-content div:has(.width400) h2 {
    font-size: min(2.1666666667vw, 26px); /*文字が入りきるように調整する*/
  }
  .i-filter10-download .download-content div:has(.width400) .width400 {
    margin-left: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-download .download-content div:has(.width400) {
    width: 100%;
  }
  .i-filter10-download .download-content div:has(.width400) h2 {
    font-size: 5.5vw; /*文字が入りきるように調整する*/
  }
  .i-filter10-download .download-content div:has(.width400) .width400 {
    margin-left: auto !important;
  }
}
.i-filter10-download .download-content div:has(.app-download) {
  width: 430px;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) and (max-width: 1919px) {
  .i-filter10-download .download-content div:has(.app-download) {
    width: calc(50% - 2.380952381vw);
  }
  .i-filter10-download .download-content div:has(.app-download) h2 {
    font-size: min(2.1666666667vw, 26px); /*文字が入りきるように調整する*/
  }
  .i-filter10-download .download-content div:has(.app-download) .app-download {
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-download .download-content div:has(.app-download) {
    width: 100%;
  }
  .i-filter10-download .download-content div:has(.app-download) h2 {
    font-size: 5.5vw; /*文字が入りきるように調整する*/
  }
  .i-filter10-download .download-content div:has(.app-download) .app-download {
    margin-right: auto;
    margin-left: auto;
  }
}

.app-download {
  width: min(100%, 427px);
  margin-right: 20px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: clamp(12px, 2vw, 20px) clamp(16px, 2vw, 20px);
  display: flex;
  gap: 5%;
}
.app-download a {
  color: #212121;
}
.app-download .app-ios {
  width: 43%;
  text-align: center;
}
.app-download .app-android {
  width: 52%;
  text-align: center;
}

.i-filter10-price {
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}

.i-filter10-price-text {
  max-width: 1240px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  text-align: left;
}

.internet-problem {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
}
.internet-problem .problem-tab {
  text-align: left;
}
@media screen and (min-width: 1240px) {
  .internet-problem .problem-tab {
    position: relative;
    min-height: 574px;
  }
}
@media screen and (max-width: 1239px) {
  .internet-problem .problem-tab {
    display: flex;
    flex-flow: column nowrap;
    gap: 12px;
  }
}
.internet-problem dd p.font-size-24 {
  margin: 0.83em 0;
}
.internet-problem .problem-tab dt {
  /*display: flex;
  align-items: center;*/
}
@media screen and (min-width: 1240px) {
  .internet-problem .problem-tab dt {
    width: 190px;
    height: 158px;
    position: absolute;
    top: 0;
  }
  .internet-problem .problem-tab dt:nth-child(1) {
    left: 0;
  }
  .internet-problem .problem-tab dt:nth-child(3) {
    left: 202px;
  }
  .internet-problem .problem-tab dt:nth-child(5) {
    left: 404px;
  }
  .internet-problem .problem-tab dt:nth-child(7) {
    left: 606px;
  }
  .internet-problem .problem-tab dt:nth-child(9) {
    left: 808px;
  }
  .internet-problem .problem-tab dt:nth-child(11) {
    left: 1010px;
  }
}
.internet-problem .problem-tab dt p {
  width: 100%;
  height: 100%;
  padding: clamp(14px, 2vw, 20px) clamp(14px, 2vw, 18px) clamp(16px, 2.4vw, 24px);
  border-radius: 20px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  border-width: 2px;
  line-height: 1.6 !important;
}
@media screen and (min-width: 1240px) {
  .internet-problem .problem-tab dt p:hover {
    cursor: pointer;
    opacity: 0.7;
  }
}
.internet-problem .problem-tab dt:not(.problem-outforcus).problem-active p {
  position: relative;
  border: 2px solid #64D1A1;
  background-color: #EDFBF5;
  box-shadow: none;
  font-weight: bold;
}
.internet-problem .problem-tab dt:not(.problem-outforcus).problem-active p:after {
  position: absolute;
  left: calc(50% - 12.5px);
  bottom: -20px;
  width: 25px;
  height: 20px;
  content: "";
  background: left top/auto auto no-repeat transparent url('data:image/svg+xml,<svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 20"><g id="b"><path d="M-7.08-16h39.5L12.67,17.54-7.08-16Z" style="fill:%23EDFBF5; stroke:%2364d1a1; stroke-miterlimit:10; stroke-width:2px;"/></g></svg>');
}
.internet-problem .problem-tab dt:not(.problem-outforcus).problem-active p:hover {
  cursor: auto;
  opacity: 1;
}
.internet-problem .problem-tab dd {
  display: none;
  opacity: 0;
  background-color: #EDFBF5;
  padding: clamp(16px, 4vw, 48px);
  border-radius: 30px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1240px) {
  .internet-problem .problem-tab dd {
    width: 1200px;
    padding-left: 290px;
    background-position: left 48px top 48px;
  }
  .internet-problem .problem-tab dd:nth-child(2) {
    background-image: url(/cs/products/if10/common/images/person-01.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
  .internet-problem .problem-tab dd:nth-child(4) {
    background-image: url(/cs/products/if10/common/images/person-02.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
  .internet-problem .problem-tab dd:nth-child(6) {
    background-image: url(/cs/products/if10/common/images/person-03.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
  .internet-problem .problem-tab dd:nth-child(8) {
    background-image: url(/cs/products/if10/common/images/person-04.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
  .internet-problem .problem-tab dd:nth-child(10) {
    background-image: url(/cs/products/if10/common/images/person-05.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
  .internet-problem .problem-tab dd:nth-child(12) {
    background-image: url(/cs/products/if10/common/images/person-06.webp), radial-gradient(circle at left 100px top 100px, #ffffff 99px, transparent 100px);
  }
}
@media screen and (max-width: 1239px) {
  .internet-problem .problem-tab dd {
    padding-top: 182px;
    background-size: 120px 120px;
    background-position: center top 32px;
  }
  .internet-problem .problem-tab dd:nth-child(2) {
    background-image: url(/cs/products/if10/common/images/person-01.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
  .internet-problem .problem-tab dd:nth-child(4) {
    background-image: url(/cs/products/if10/common/images/person-02.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
  .internet-problem .problem-tab dd:nth-child(6) {
    background-image: url(/cs/products/if10/common/images/person-03.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
  .internet-problem .problem-tab dd:nth-child(8) {
    background-image: url(/cs/products/if10/common/images/person-04.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
  .internet-problem .problem-tab dd:nth-child(10) {
    background-image: url(/cs/products/if10/common/images/person-05.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
  .internet-problem .problem-tab dd:nth-child(12) {
    background-image: url(/cs/products/if10/common/images/person-06.webp), radial-gradient(circle at left 50% top 60px, #ffffff 59px, transparent 60px);
  }
}
.internet-problem .problem-tab dt.problem-active + dd {
  display: block;
  opacity: 1;
  margin-top: 12px;
  margin-bottom: 28px;
  transition: all 2s;
}
@media screen and (min-width: 1240px) {
  .internet-problem .problem-tab dt.problem-active + dd {
    position: absolute;
    top: 195px;
    left: 0;
  }
}
.internet-problem .sentence-with-arrow {
  background: url(/cs/products/if10/common/images/arrow-bottom.png) no-repeat top center;
  padding: 2.5em 0 0;
}

.logo-width-icon {
  max-width: 572px;
  margin-left: auto;
  margin-right: auto;
}

.i-filter10-support {
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: clamp(74px, 14vw, 120px) 20px;
  border-radius: clamp(40px, 8vw, 80px);
  background: left top/cover no-repeat #f7f7f7 url("/cs/products/if10/common/images/bg_support_sp.webp");
}
@media screen and (min-width: 768px) {
  .i-filter10-support {
    background: left top/cover no-repeat #f7f7f7 url("/cs/products/if10/common/images/bg_support_pc.webp");
  }
}
.i-filter10-support .support-list {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: clamp(40px, 4.8vw, 48px) clamp(16px, 1.6vw, 100px);
  border-radius: clamp(20px, 3vw, 30px);
  background-color: #ffffff;
  display: flex;
}
@media screen and (min-width: 768px) {
  .i-filter10-support .support-list {
    justify-content: space-between;
  }
  .i-filter10-support .support-list > * {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .i-filter10-support .support-list {
    flex-direction: column;
    gap: 40px;
  }
}
.i-filter10-support .support-list .tel-num {
  font-size: clamp(40px, 4.8vw, 48px);
  line-height: 1;
}

#info {
  padding-right: 20px;
  padding-left: 20px;
  width: min(100%, 1240px);
  margin-left: auto;
  margin-right: auto;
}
#info > div .newsList {
  border-top: 1px solid #C0D1E3;
  text-align: left;
  font-size: 1rem;
}
#info > div .newsList > * {
  border-bottom: 1px solid #C0D1E3;
  padding: 1em 0;
  color: var(--color-text);
  list-style: none;
}
#info > div .newsList > * a, #info > div .newsList > * a:visited {
  color: var(--color-text);
}
#info > div .newsList time {
  font-weight: bold;
  margin-right: 0.75em;
}
@media screen and (max-width: 768px) {
  #info > div .newsList time {
    display: block;
    margin-bottom: 0.5em;
  }
}
#info > div .newsList p {
  margin-top: 0.7em;
  font-weight: bold;
}
#info > div .newsList a[href*=".pdf"] {
  display: inline-block;
  padding-left: 22px;
  background: url(/common/images/icon/pdfS.gif) no-repeat 0px 0px;
}

#other {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
}
#other h3 {
  padding: 0 clamp(20px, 5.1282051282vw, 20px);
}
#other .slick-track {
  gap: 0;
  padding: clamp(20px, 5.1282051282vw, 40px) 0;
}
#other .slick-track:before, #other .slick-track:after {
  display: none;
}
#other > div ul {
  display: flex;
  align-items: stretch;
}
#other > div li.item {
  padding: min(2.5641025641vw, 21px);
}
#other > div li.item a, #other > div li.item a:hover {
  display: block;
  height: 100%;
  color: #212121;
  border-radius: clamp(20px, 4vw, 40px);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  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:%2307805d; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2307805d; stroke-width:2px;"/></svg>') no-repeat right 24px bottom 24px/16px 16px;
}
#other > div li.item a:hover, #other > div li.item a:hover:hover {
  /*07805d 70%*/
  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:%2340b38c; stroke-width:2px;"/><path d="M0,7.9h14.2" style="fill:none; stroke:%2340b38c; stroke-width:2px;"/></svg>') no-repeat right 24px bottom 24px/16px 16px;
}
#other > div li.item a figure img, #other > div li.item a:hover figure img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  border-radius: clamp(20px, 4vw, 40px) clamp(20px, 4vw, 40px) 0 0;
}
#other > div li.item a p, #other > div li.item a:hover p {
  padding: clamp(19px, 2vw, 22px) clamp(19px, 2vw, 22px) clamp(39px, 4.5vw, 47px);
  text-align: left;
}

aside.notes,
aside.notes + aside {
  padding-right: 20px;
  padding-left: 20px;
  background: #6AB39D;
  text-align: left;
}
aside.notes ul,
aside.notes + aside ul {
  padding-top: 24px;
  padding-bottom: 24px !important;
  width: min(100%, 1200px);
  margin-left: auto;
  margin-right: auto;
}
aside.notes ul li,
aside.notes + aside ul li {
  font-size: 0.75rem;
  text-align: left;
  color: #ffffff;
}
aside.notes ul li + li,
aside.notes + aside ul li + li {
  margin-top: 0.75em;
}
aside.notes p,
aside.notes + aside p {
  width: min(100%, 1200px);
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  margin-top: -20px;
  padding-top: 0 !important;
  padding-bottom: 24px !important;
  color: #ffffff;
  font-size: 12px !important;
  line-height: 24px !important;
}

#footer {
  margin-top: 0;
}