@charset "UTF-8";
/*
* main.css
*
*/
/* ------------------------
  reset
------------------------ */
html,
body {
  height: 100%;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

pre,
textarea {
  overflow: auto;
}

template {
  display: none;
}

details,
main,
summary {
  display: block;
}

input[type=number] {
  width: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

sub,
sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea {
  resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio:not([controls]) {
  display: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input {
  line-height: normal;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  border-style: none;
  cursor: pointer;
  background-color: transparent;

  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

code,
kbd,
pre,
samp {
  font-family: monospace;
}

ol,
ul {
  list-style: none;
}

select {
     -moz-appearance: none;
  -webkit-appearance: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

fieldset {
  border: 0;
}

/* ------------------------
  Base Settings
------------------------ */
body {
  --nitoms-pet-stacking-navigation: 990;
}

.l-footer {
  position: relative;
  z-index: 1;
}

/**
* Base style
* ニトムズ共通スタイルとの競合を避けるため固有のラッパークラスに設定
* (/assets/css/style.css)
*/
.nitoms_pet_container {
  background-color: #fff;
  word-break: normal;
  color: #2a2b2c;
  font-family: "Noto Sans JP", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1.6rem;
  line-height: 1.6;

  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  overflow-wrap: anywhere;
  line-break: strict;
}
.nitoms_pet_container a {
  text-decoration: none;
  color: #2a2b2c;
}
.nitoms_pet_container a:visited {
  color: #2a2b2c;
}
.nitoms_pet_container a:hover {
  text-decoration: none;
  color: #2a2b2c;
}
.nitoms_pet_container a:active {
  text-decoration: none;
  color: #2a2b2c;
}
.nitoms_pet_container a[href^="tel:"]:hover {
  color: #2a2b2c;
}
@media (min-width: 768px) {
  .nitoms_pet_container a[href^="tel:"] {
    cursor: text;
    text-decoration: none;
  }
}
.nitoms_pet_container a:focus-visible,
.nitoms_pet_container button:focus-visible {
  outline: 2px solid #213f99;
  outline-offset: 1px;
}
.nitoms_pet_container.is-scrollLocked main {
  overflow: auto;

  scrollbar-gutter: stable;
}

/* ------------------------
  Components
------------------------ */
.hoge {
  width: 100%;
  background: turquoise;
}
.hoge::after {
  content: "：SM";
}
@media (min-width: 768px) {
  .hoge {
    background: violet;
  }
  .hoge::after {
    content: "：MD";
  }
}
@media (min-width: 1024px) {
  .hoge {
    background: wheat;
  }
  .hoge::after {
    content: "：LG";
  }
}

/* 小コメント ------- */
.hoge_small {
  width: 100%;
}

/* ------------------------
  utilities Classes
------------------------ */
.u-hidden {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-up-sm {
  display: none !important;
  visibility: hidden;
}

@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .u-hidden-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (max-width: 1023.98px) {
  .u-hidden-down-md {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .u-hidden-lg {
    display: none !important;
    visibility: hidden;
  }
}

@media (min-width: 1024px) {
  .u-hidden-up-lg {
    display: none !important;
    visibility: hidden;
  }
}

.u-hidden-down-lg {
  display: none !important;
  visibility: hidden;
}

.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}

.u-invisible {
  visibility: hidden;
}

.u-txt-center {
  text-align: center;
}

@media (min-width: 768px) {
  .u-txt-center-md {
    text-align: center;
  }
}

@media (max-width: 767.98px) {
  .u-txt-center-sm {
    text-align: center;
  }
}

.u-txt-right {
  text-align: right;
}

@media (min-width: 768px) {
  .u-txt-right-md {
    text-align: right;
  }
}

@media (max-width: 767.98px) {
  .u-txt-right-sm {
    text-align: right;
  }
}

.u-txt-palt {
  margin-inline: -0.5em;
}

@media (min-width: 768px) {
  .u-txt-palt-md {
    margin-inline: -0.5em;
  }
}

@media (max-width: 767.98px) {
  .u-txt-palt-sm {
    margin-inline: -0.5em;
  }
}

.u-txt-palt__half {
  margin-inline: -0.25em;
}

@media (min-width: 768px) {
  .u-txt-palt__half-md {
    margin-inline: -0.25em;
  }
}

@media (max-width: 767.98px) {
  .u-txt-palt__half-sm {
    margin-inline: -0.25em;
  }
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.bl_lv2content-wrapper {
  position: relative;
  margin-top: -15.3846153846vw;
  padding-top: 15.3846153846vw;
  padding-bottom: 58.4615384615vw;
}
@media (min-width: 768px) {
  .bl_lv2content-wrapper {
    margin-top: -8rem;
    padding-top: 8rem;
    padding-bottom: 25.8rem;
  }
  .isTablet .bl_lv2content-wrapper {
    margin-top: -5.8565153734vw;
    padding-top: 5.8565153734vw;
    padding-bottom: 18.8872620791vw;
  }
  .isTablet .bl_lv2content-wrapper:last-child {
    padding-bottom: 7.7598828697vw;
  }
}
.bl_lv2content-wrapper:last-child {
  padding-bottom: 26.6666666667vw;
}
@media (min-width: 768px) {
  .bl_lv2content-wrapper:last-child {
    padding-bottom: 10.6rem;
  }
}
.bl_lv2content-wrapper:last-child::before {
  background: none !important;
}
.bl_lv2content-wrapper::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, var(--dot-color) 11.0256410256vw, transparent 11.0256410256vw);
  background-position: bottom 5.1282051282vw left 50%;
  background-size: 26.1538461538vw 26.1538461538vw;
}
@media (min-width: 768px) {
  .bl_lv2content-wrapper::before {
    top: 8rem;
    left: 0;
    background-image: radial-gradient(circle, var(--dot-color) 5.6rem, transparent 5.6rem);
    background-position: bottom 1rem left 6.7rem;
    background-size: 13.4rem 13.4rem;
  }
  .isTablet .bl_lv2content-wrapper::before {
    background-image: radial-gradient(circle, var(--dot-color) 4.0995607613vw, transparent 4.0995607613vw);
    background-position: bottom 4.2459736457vw left 4.9048316252vw;
    background-size: 9.8096632504vw 9.8096632504vw;
  }
}
@media (max-width: 767.98px) {
  .bl_lv2content-wrapper:not(#clean):not(#food):not(#housing):not(#disaster)::before {
    background-position: bottom -3.0769230769vw left 50%;
  }
}
.isTablet .bl_lv2content-wrapper:not(#clean):not(#food):not(#housing):not(#disaster)::before {
  background-position: bottom 1.4641288433vw left 50%;
}

.bl_lv2content {
  align-items: center;
  position: relative;
  z-index: 10;
  width: 100%;
  background-color: var(--bg-color);
}

.bl_lv2content_inner {
  padding-block: 14.358974359vw;
}
@media (min-width: 768px) {
  .bl_lv2content_inner {
    padding-block: 8rem 4rem;
  }
  .isTablet .bl_lv2content_inner {
    padding-block: 5.8565153734vw 2.9282576867vw;
  }
}

.bl_lv2heading {
  position: relative;
  z-index: 1;
  margin-bottom: 6.1538461538vw;
}
@media (min-width: 768px) {
  .bl_lv2heading {
    margin-bottom: 4rem;
  }
  .isTablet .bl_lv2heading {
    margin-bottom: 2.9282576867vw;
  }
}

.bl_lv2heading_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -25.641025641vw;
  left: 50%;
  border-radius: 999px;
  width: 26.1538461538vw;
  height: 26.1538461538vw;
  background-color: var(--bg-color);

  translate: -50%;
  --icon-width: 12.5641025641vw;
}
@media (min-width: 768px) {
  .bl_lv2heading_icon {
    top: -13.1rem;
    width: 16.1rem;
    height: 16.1rem;

    --icon-width: 6.5rem;
  }
  .isTablet .bl_lv2heading_icon {
    top: -9.5900439239vw;
    width: 11.7862371889vw;
    height: 11.7862371889vw;

    --icon-width: 4.7584187408vw;
  }
}
.bl_lv2heading_icon::before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 50%;
  width: 16.4102564103vw;
  height: 16.4102564103vw;
  background-color: #fff;
}
@media (min-width: 768px) {
  .bl_lv2heading_icon::before {
    width: 8.1rem;
    height: 8.1rem;
  }
  .isTablet .bl_lv2heading_icon::before {
    width: 5.9297218155vw;
    height: 5.9297218155vw;
  }
}
@media (max-width: 767.98px) {
  .bl_lv2heading_icon img {
    width: 12.5641025641vw;
  }
}
.bl_lv2heading_icon svg {
  position: relative;
}

.bl_lv2heading_ttl {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;

  row-gap: 1.0256410256vw;
}
@media (min-width: 768px) {
  .bl_lv2heading_ttl {
    row-gap: 0.6rem;
  }
  .isTablet .bl_lv2heading_ttl {
    row-gap: 0.439238653vw;
  }
}

.bl_lv2content_nav {
  display: grid;
  justify-content: center;
  margin-top: 11.1333333333vw;

  gap: 3.0769230769vw;
}
@media (min-width: 768px) {
  .bl_lv2content_nav {
    margin-top: 6rem;

    grid-auto-flow: column;
    gap: 1.6rem;
  }
  .isTablet .bl_lv2content_nav {
    margin-top: 4.39238653vw;

    grid-auto-flow: column;
    gap: 1.1713030747vw;
  }
}

.bl_lv2footing {
  margin-top: 2.0512820513vw;
  text-align: start;
}
@media (min-width: 768px) {
  .bl_lv2footing {
    margin-top: 1.6rem;
    text-align: center;
  }
  .isTablet .bl_lv2footing {
    margin-top: 1.1713030747vw;
    text-align: center;
  }
}

.bl_lv3content {
  padding-top: 10.2564102564vw;
}
@media (min-width: 768px) {
  .bl_lv3content {
    padding-top: 6.4rem;
  }
  .isTablet .bl_lv3content {
    padding-top: 4.6852122987vw;
  }
}

.bl_lv3heading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;

  --icon-width: 10.2564102564vw;
  gap: 0;
}
@media (min-width: 768px) {
  .bl_lv3heading {
    margin-bottom: 2.4rem;

    --icon-width: 4rem;
    gap: 0.8rem;
  }
  .isTablet .bl_lv3heading {
    margin-bottom: 1.756954612vw;

    --icon-width: 2.9282576867vw;
    gap: 0.5856515373vw;
  }
}
.bl_lv3heading > .bl_lv3heading_icon {
  position: relative;
}
.bl_lv3heading > .bl_lv3heading_icon:first-of-type {
  left: -0.5128205128vw;
}
@media (min-width: 768px) {
  .bl_lv3heading > .bl_lv3heading_icon:first-of-type {
    left: 0;
  }
  .isTablet .bl_lv3heading > .bl_lv3heading_icon:first-of-type {
    left: 0;
  }
}
.bl_lv3heading > .bl_lv3heading_icon:last-of-type {
  right: -1.0256410256vw;
}
@media (min-width: 768px) {
  .bl_lv3heading > .bl_lv3heading_icon:last-of-type {
    right: -0.2rem;
  }
  .isTablet .bl_lv3heading > .bl_lv3heading_icon:last-of-type {
    right: -0.1464128843vw;
  }
}

@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  opacity: 0;
  z-index: 0;
  margin: 0 !important;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  display: flex;
  margin: 0 !important;
  padding: 0 !important;
  height: 100%;

  backface-visibility: hidden;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  display: flex;
  align-items: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  margin: 0;
  list-style-type: none;
  pointer-events: auto;
  line-height: 1;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  visibility: hidden;
  position: relative;
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  list-style-type: none !important;

  backface-visibility: hidden;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: splide-loading 1s linear infinite;

  contain: strict;
}

.splide__sr {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.bl_carousel_track {
  margin-top: 2.0512820513vw;
}
@media (min-width: 768px) {
  .bl_carousel_track {
    margin-top: 0.6rem;
  }
  .isTablet .bl_carousel_track {
    margin-top: 0.439238653vw;
  }
}

.bl_carousel_slide {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 2.0512820513vw 3.0769230769vw 3.0769230769vw;
  border-radius: 2.0512820513vw;
  width: 43.0769230769vw;
  height: 100%;
  background-color: #fff;

  --ease-move: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  gap: 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_carousel_slide {
    flex-direction: row;
    padding: 1.2rem 0.9rem 1.2rem 1.2rem;
    border-radius: 1.6rem;
    width: 27.925rem;

    gap: 0 1.2rem;
  }
  .isTablet .bl_carousel_slide {
    flex-direction: row;
    padding: 0.878477306vw 0.6588579795vw 0.878477306vw 0.878477306vw;
    border-radius: 1.1713030747vw;
    width: 23.4260614934vw;

    gap: 0 0.878477306vw;
  }
}
@media (min-width: 768px) {
  .bl_carousel_slide:focus-visible .bl_carousel_img img {
    transition: scale 0.3s var(--ease-change);

    scale: 1.1;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_carousel_slide:hover .bl_carousel_img img {
    transition: scale 0.3s var(--ease-change);

    scale: 1.1;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_carousel_slide:hover .bl_carousel_img img {
    transition: scale 0.3s var(--ease-change);

    scale: 1.1;
  }
}

.bl_carousel_img {
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .bl_carousel_img {
    flex-shrink: 0;

    margin-inline: auto;
  }
}
.bl_carousel_img img {
  width: 30.7692307692vw;
  transition: scale 0.2s var(--ease-change);

  scale: 1;
}
@media (min-width: 768px) {
  .bl_carousel_img img {
    width: 6.4rem;
  }
  .isTablet .bl_carousel_img img {
    width: 4.6852122987vw;
  }
}

.bl_carousel_txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;

  --icon-color: #0a4461;
  --icon-width: 2.3076923077vw;
}
@media (min-width: 768px) {
  .bl_carousel_txt {
    align-content: center;
    align-items: center;
    flex-direction: row;
    padding-left: 2.4rem;

    --icon-width: 1.7rem;
  }
  .isTablet .bl_carousel_txt {
    padding-left: 1.756954612vw;

    --icon-width: 1.2445095168vw;
  }
}
.bl_carousel_txt::before {
  content: "";
  position: absolute;
  top: -2.0512820513vw;
  left: 0;
  border: 0.2564102564vw solid #f2f4f5;
  width: 100%;
  height: 0.2564102564vw;
}
@media (min-width: 768px) {
  .bl_carousel_txt::before {
    top: 0;
    border: 0.1rem solid #f2f4f5;
    width: 0.1rem;
    height: 100%;
  }
  .isTablet .bl_carousel_txt::before {
    border: 0.0732064422vw solid #f2f4f5;
    width: 0.0732064422vw;
  }
}
.bl_carousel_txt > p {
  color: #2a2b2c;
}
.bl_carousel_txt > .el_icon.el_icon__arw {
  margin-top: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .bl_carousel_txt > .el_icon.el_icon__arw {
    margin-top: 0;
  }
  .isTablet .bl_carousel_txt > .el_icon.el_icon__arw {
    margin-top: 0;
  }
}

.splide__arrows {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.1025641026vw;
  padding-right: 6.1538461538vw;
}
@media (min-width: 768px) {
  .splide__arrows {
    margin-top: 1.2rem;
    padding-right: 3rem;
  }
  .isTablet .splide__arrows {
    margin-top: 0.878477306vw;
    padding-right: 2.196193265vw;
  }
}

.slide-counter {
  min-width: 18.9743589744vw;
  text-align: center;
}
@media (min-width: 768px) {
  .slide-counter {
    min-width: 7.6rem;
  }
  .isTablet .slide-counter {
    min-width: 5.5636896047vw;
  }
}

.bl_carousel_abs-img {
  position: absolute;
  bottom: -6.1538461538vw;
  transition: translate 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  pointer-events: none;

  translate: 0 100%;
}
@media (min-width: 768px) {
  .bl_carousel_abs-img {
    bottom: -6.4rem;
  }
  .isTablet .bl_carousel_abs-img {
    bottom: -4.6852122987vw;
  }
}
.bl_carousel_abs-img[data-carousel-active] {
  transition: translate 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  translate: 0 0;
}
.bl_carousel_abs-img__right {
  right: -2.0512820513vw;
  width: 25.641025641vw;
}
@media (min-width: 768px) {
  .bl_carousel_abs-img__right {
    right: 4.613rem;
    width: 12.3rem;
  }
  .isTablet .bl_carousel_abs-img__right {
    right: 3.3770131772vw;
    width: 9.0043923865vw;
  }
}
.bl_carousel_abs-img__left {
  left: -28.2051282051vw;
  width: 48.7179487179vw;
}
@media (min-width: 768px) {
  .bl_carousel_abs-img__left {
    left: 3.4rem;
    width: 23.5rem;
  }
  .isTablet .bl_carousel_abs-img__left {
    left: 2.4890190337vw;
    width: 17.2035139092vw;
  }
}
.bl_media_carousel:not(:is(.is-overflow)) .bl_carousel_abs-img {
  display: none;
}

.bl_media_carousel {
  margin-top: 7.1794871795vw;
  margin-left: 6.1538461538vw;
}
@media (min-width: 768px) {
  .bl_media_carousel {
    margin-top: 2.4rem;
    margin-left: 3.2rem;
  }
  .isTablet .bl_media_carousel {
    margin-top: 1.756954612vw;
    margin-left: 2.3426061493vw;
  }
}

.bl_media_carousel_ttl {
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 768px) {
  .bl_media_carousel_ttl {
    font-size: 1.3rem;
  }
  .isTablet .bl_media_carousel_ttl {
    font-size: 0.9516837482vw;
  }
}

.bl_media-wrapper {
  position: relative;
  margin-bottom: 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_media-wrapper {
    margin-bottom: 2.4rem;
  }
  .isTablet .bl_media-wrapper {
    margin-bottom: 1.756954612vw;
  }
}
.bl_media-wrapper:last-child {
  margin-bottom: 0;
}

.bl_media {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: flex-start;
  border-radius: 6.1538461538vw;
  min-width: 100%;
  background-color: #fff;

  gap: 0;
}
@media (min-width: 768px) {
  .bl_media {
    flex-direction: row;
    justify-content: space-between;
    border-radius: 4rem;
    min-width: 112rem;

    gap: 3rem;
  }
  .isTablet .bl_media {
    border-radius: 2.9282576867vw;
    min-width: auto;

    gap: 2.3426061493vw;
  }
}

.bl_media_header {
  margin: 6.1538461538vw;
  min-width: auto;
}
@media (min-width: 768px) {
  .bl_media_header {
    margin: 0;
    min-width: 32rem;
  }
  .isTablet .bl_media_header {
    min-width: 27.0863836018vw;
  }
}

.bl_media_ttl {
  margin-bottom: 4.1025641026vw;
  border-radius: 4.1025641026vw;
  background-color: var(--media-ttl-bg);
  text-align: center;
  color: var(--media-ttl-color);

  padding-block: 3.5897435897vw 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_media_ttl {
    margin-bottom: 2.4rem;
    border-radius: 2.4rem;

    padding-block: 1.4rem 1.6rem;
  }
  .isTablet .bl_media_ttl {
    margin-bottom: 1.756954612vw;
    border-radius: 1.756954612vw;

    padding-block: 1.0248901903vw 1.1713030747vw;
  }
}

.bl_media_sub-ttl {
  color: var(--media-subTtl-color);
}

.bl_media_description {
  margin-top: 2.0512820513vw;
  letter-spacing: -0.024em;
  font-feature-settings: normal;
}
@media (min-width: 768px) {
  .bl_media_description {
    margin-top: 2rem;
  }
  .isTablet .bl_media_description {
    margin-top: 1.4641288433vw;
  }
}

.bl_media_caption {
  margin-top: 1.0256410256vw;
}
@media (min-width: 768px) {
  .bl_media_caption {
    margin-top: 1.6rem;
  }
  .isTablet .bl_media_caption {
    margin-top: 1.1713030747vw;
  }
}

.bl_media_body {
  border-bottom-right-radius: 4.1025641026vw;
  border-bottom-left-radius: 4.1025641026vw;
  background-color: #f2f4f5;

  padding-block: 6.1538461538vw;
}
@media (min-width: 768px) {
  .bl_media_body {
    border-radius: 2.4rem;
    min-width: 69.6rem;

    padding-block: 3.2rem;
  }
  .isTablet .bl_media_body {
    border-radius: 1.756954612vw;
    width: 55.6368960469vw;
    min-width: 55.6368960469vw;

    padding-block: 2.3426061493vw;
  }
}

.bl_card {
  margin-inline: 6.1538461538vw;
}
@media (min-width: 768px) {
  .bl_card {
    margin-block: 0;
    margin-inline: 3.2rem;
  }
  .isTablet .bl_card {
    margin-block: 0;
    margin-inline: 2.3426061493vw;
  }
}

.bl_card_ttl {
  display: flex;
  align-items: center;
  margin-bottom: 2.0512820513vw;

  --icon-color: #ff6134;
  --icon-width: 5.1282051282vw;
  gap: 1.0256410256vw;
}
@media (min-width: 768px) {
  .bl_card_ttl {
    margin-bottom: 0.8rem;

    --icon-width: 2.5rem;
    gap: 0.4rem;
  }
  .isTablet .bl_card_ttl {
    margin-bottom: 0.5856515373vw;

    --icon-width: 1.8301610542vw;
    gap: 0.2928257687vw;
  }
}

.bl_card_body {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .bl_card_body {
    flex-direction: row;

    gap: 2.4rem;
  }
  .isTablet .bl_card_body {
    gap: 1.756954612vw;
  }
}

.bl_card_img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4.1025641026vw;
  width: 100%;
  background-color: #fff;

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .bl_card_img {
    border-radius: 2.4rem;
    width: 23.2rem;
  }
  .isTablet .bl_card_img {
    border-radius: 1.756954612vw;
    width: 16.9838945827vw;
  }
}
.bl_card_img img {
  width: 54.8717948718vw;
}
@media (min-width: 768px) {
  .bl_card_img img {
    width: 16.9rem;
  }
  .isTablet .bl_card_img img {
    width: 12.3718887262vw;
  }
}

.bl_card_block {
  display: grid;
  padding-top: 3.5897435897vw;

  gap: 8.2051282051vw;
}
@media (min-width: 768px) {
  .bl_card_block {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 0;

    gap: 0;
  }
}

.bl_card_txt > p {
  margin-bottom: 3.3333333333vw;
}
@media (min-width: 768px) {
  .bl_card_txt > p {
    margin-bottom: 1.6rem;
  }
  .isTablet .bl_card_txt > p {
    margin-bottom: 1.1713030747vw;
  }
}
.bl_card_txt:only-child {
  margin-block: auto;
}

.bl_card_links {
  display: inline-grid;

  gap: 5.1282051282vw 0;
}
@media (min-width: 768px) {
  .bl_card_links {
    display: inline-flex;

    gap: 0 1.6rem;
  }
  .isTablet .bl_card_links {
    gap: 0 1.1713030747vw;
  }
}
.bl_card_links > a {
  width: -moz-max-content;
  width: max-content;
}

.bl_card_cta {
  display: grid;

  grid-template-columns: repeat(2, 1fr);
  gap: 2.0512820513vw;
}
@media (min-width: 768px) {
  .bl_card_cta {
    display: flex;
    justify-content: flex-start;
    margin-top: 3.7rem;

    gap: 0.8rem;
  }
  .isTablet .bl_card_cta {
    margin-top: 2.7086383602vw;

    gap: 0.5856515373vw;
  }
}

.bl_related {
  position: relative;
  z-index: 1;
  background-color: #ff6134;

  padding-block: 8.2051282051vw 8.2051282051vw;
}
@media (min-width: 768px) {
  .bl_related {
    padding-block: 6.4rem 8rem;
  }
  .isTablet .bl_related {
    padding-block: 4.6852122987vw 5.8565153734vw;
  }
}

.bl_relatedLink_list {
  display: grid;
  margin-top: 8.2051282051vw;

  gap: 6.1538461538vw;
}
@media (min-width: 768px) {
  .bl_relatedLink_list {
    margin-top: 4.5rem;

    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
  }
  .isTablet .bl_relatedLink_list {
    margin-top: 3.2942898975vw;
    width: 58.5651537335vw;

    gap: 2.3426061493vw;
    margin-inline: auto;
  }
}

.bl_relatedLink {
  width: 100%;

  --bg-color: #ff6134;
}
.bl_relatedLink.bl_relatedLink__spring-autumn {
  --bg-color: #efe31d;
}
.bl_relatedLink.bl_relatedLink__summer {
  --bg-color: #08c96f;
}
.bl_relatedLink.bl_relatedLink__winter {
  --bg-color: #0a4461;
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full {
    grid-column: span 2;
  }
}

.bl_relatedLink_inner {
  display: block;
}
@media (min-width: 768px) {
  .bl_relatedLink_inner[href]:focus-visible .bl_relatedLink_kv-inner {
    transition: scale 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);

    scale: 1.05;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_relatedLink_inner[href]:hover .bl_relatedLink_kv-inner {
    transition: scale 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);

    scale: 1.05;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_relatedLink_inner[href]:hover .bl_relatedLink_kv-inner {
    transition: scale 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);

    scale: 1.05;
  }
}

.bl_relatedLink_kv {
  overflow: hidden;
  position: relative;
  border-radius: 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_relatedLink_kv {
    border-radius: 2.4rem;
  }
  .isTablet .bl_relatedLink_kv {
    border-radius: 1.756954612vw;
  }
}

.bl_relatedLink_kv-inner {
  position: relative;
  border-radius: 4.1025641026vw;
  width: 100%;
  height: 100%;
  min-height: 49.2307692308vw;
  transition: scale 0.2s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: var(--bg-color);
}
@media (min-width: 768px) {
  .bl_relatedLink_kv-inner {
    border-radius: 2.4rem;
    min-height: 21.8rem;
  }
  .isTablet .bl_relatedLink_kv-inner {
    border-radius: 1.756954612vw;
    min-height: 15.9590043924vw;
  }
}
.bl_relatedLink_kv-inner::before {
  content: "";
  display: block;
  position: absolute;

  inset: 0;
}
.bl_relatedLink_kv-inner .bl_relatedLink__full.bl_relatedLink__spring-autumn::before {
  background: url(/special/for-pets/assets/img/common/related_spring-autumn_pattern_paw_sm.png) no-repeat center/cover;
}
@media (min-width: 768px) {
  .bl_relatedLink_kv-inner .bl_relatedLink__full.bl_relatedLink__spring-autumn::before {
    background: url(/special/for-pets/assets/img/common/related_spring-autumn_pattern_paw_lg.png) no-repeat center/cover;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv-inner::before {
  background: url(/special/for-pets/assets/img/common/related_summer_pattern_paw_sm.png) no-repeat center/cover;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv-inner::before {
    background: url(/special/for-pets/assets/img/common/related_summer_pattern_paw_lg.png) no-repeat center/cover;
  }
}
.bl_relatedLink__summer .bl_relatedLink_kv-inner::before {
  background: url(/special/for-pets/assets/img/common/related_summer_pattern_paw_sm.png) no-repeat center/cover;
}
@media (min-width: 768px) {
  .bl_relatedLink__summer .bl_relatedLink_kv-inner::before {
    background: url(/special/for-pets/assets/img/common/related_summer_pattern_paw_lg.png) no-repeat center/cover;
  }
}

.bl_relatedLink_kv_ttl {
  display: inline-grid;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  padding: 1.5384615385vw 4.1025641026vw;
  border-bottom-right-radius: 2.0512820513vw;
  border-bottom-left-radius: 2.0512820513vw;
  min-width: 14.16ch;
  min-height: 10.7692307692vw;
  background-color: var(--bg-color);
  white-space: pre;
  text-transform: uppercase;
  color: #fff;

  place-content: center;
  translate: -50% 0;
}
@media (min-width: 768px) {
  .bl_relatedLink_kv_ttl {
    padding: 0.6rem 1.6rem;
    border-bottom-right-radius: 2.4rem;
    border-bottom-left-radius: 2.4rem;
    min-width: 13.24ch;
    min-height: 5rem;
  }
  .isTablet .bl_relatedLink_kv_ttl {
    padding: 0.439238653vw 1.1713030747vw;
    border-bottom-right-radius: 1.756954612vw;
    border-bottom-left-radius: 1.756954612vw;
    min-height: 3.6603221083vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full .bl_relatedLink_kv_ttl {
    padding: 0.6rem 3.6rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full .bl_relatedLink_kv_ttl {
    padding: 0.439238653vw 2.635431918vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_ttl {
  background-color: #edd500;
}
.bl_relatedLink__winter .bl_relatedLink_kv_ttl {
  padding-top: 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_relatedLink__winter .bl_relatedLink_kv_ttl {
    padding-top: 2rem;
  }
  .isTablet .bl_relatedLink__winter .bl_relatedLink_kv_ttl {
    padding-top: 1.4641288433vw;
  }
}

.bl_relatedLink_kv_txt {
  position: absolute;
  top: calc(50% + 1.7948717949vw);
  left: 50%;
  margin-top: 0;
  width: -moz-max-content;
  width: max-content;
  text-transform: uppercase;
  color: #fff;

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .bl_relatedLink_kv_txt {
    top: calc(50% + 0.8rem);
  }
  .isTablet .bl_relatedLink_kv_txt {
    top: calc(50% + 0.5856515373vw);
  }
}

.bl_relatedLink_kv_obj {
  position: absolute;
  z-index: 1;
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
  bottom: 0;
  left: 9.2307692308vw;
  width: 36.9230769231vw;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    left: 4rem;
    width: 16.4rem;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    left: 2.9282576867vw;
    width: 12.0058565154vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat02 {
  top: 1.0256410256vw;
  left: -8.2051282051vw;
  width: 20.5128205128vw;

  scale: 1 -1;
  rotate: 75deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat02 {
    top: 0;
    left: -3.8rem;
    width: 9.2rem;

    rotate: 75deg;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat02 {
    left: -2.7818448023vw;
    width: 6.7349926794vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
  right: 6.9230769231vw;
  bottom: 0;
  width: 39.4871794872vw;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    right: 3rem;
    width: 17.5rem;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    right: 2.196193265vw;
    width: 12.8111273792vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
  bottom: -3.5897435897vw;
  left: -4.358974359vw;
  width: 22.3076923077vw;

  rotate: 32.8deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    bottom: -1.5rem;
    left: -2.4rem;
    width: 10rem;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    bottom: -1.0980966325vw;
    left: -1.756954612vw;
    width: 7.3206442167vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
  top: 4.358974359vw;
  right: 35.8974358974vw;
  width: 16.4102564103vw;

  rotate: -20.7deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    top: auto;
    right: 16.4rem;
    bottom: 11.4rem;
    width: 7.3rem;

    rotate: -22.06deg;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    right: 12.0058565154vw;
    bottom: 8.345534407vw;
    width: 5.3440702782vw;
  }
}
.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product03 {
  right: -1.0256410256vw;
  bottom: 3.3333333333vw;
  width: 18.9743589744vw;

  rotate: 30.9deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product03 {
    right: -0.4rem;
    bottom: 1.6rem;
    width: 8.5rem;

    rotate: 30.9deg;
  }
  .isTablet .bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product03 {
    right: -0.2928257687vw;
    bottom: 1.1713030747vw;
    width: 6.2225475842vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    left: 22rem;
    width: 17.8rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    left: 16.1054172767vw;
    width: 13.0307467057vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat02 {
    top: -10.4rem;
    left: 0.2rem;
    width: 11.7rem;

    scale: 1 1;
    rotate: -20.35deg;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat02 {
    top: -7.6134699854vw;
    left: 0.1464128843vw;
    width: 8.5651537335vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    right: 22.1rem;
    width: 19.2rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    right: 16.1786237189vw;
    width: 14.055636896vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    bottom: 0;
    left: 5.5rem;
    width: 12.3rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    left: 4.0263543192vw;
    width: 9.0043923865vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    top: auto;
    right: 11.5rem;
    bottom: 5rem;
    width: 9.6rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    right: 8.4187408492vw;
    bottom: 3.6603221083vw;
    width: 7.027818448vw;
  }
}
@media (min-width: 768px) {
  .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product03 {
    right: 0.3rem;
    bottom: -2.4rem;
    width: 11.5rem;
  }
  .isTablet .bl_relatedLink.bl_relatedLink__full.bl_relatedLink__spring-autumn .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product03 {
    right: 0.2196193265vw;
    bottom: -1.756954612vw;
    width: 8.4187408492vw;
  }
}
.bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
  bottom: -0.7692307692vw;
  left: -0.7692307692vw;
  width: 53.5897435897vw;
}
@media (min-width: 768px) {
  .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    bottom: -0.4rem;
    left: -0.4rem;
    width: 23.5rem;
  }
  .isTablet .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__cat01 {
    bottom: -0.2928257687vw;
    left: -0.2928257687vw;
    width: 17.2035139092vw;
  }
}
.bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
  top: -3.0769230769vw;
  right: 0.2564102564vw;
  width: 51.2820512821vw;
}
@media (min-width: 768px) {
  .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    top: -1.1rem;
    right: -0.4rem;
    width: 21.8rem;
  }
  .isTablet .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__dog01 {
    top: -0.8052708638vw;
    right: -0.2928257687vw;
    width: 15.9590043924vw;
  }
}
.bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
  right: 29.2307692308vw;
  bottom: 1.5384615385vw;
  width: 13.8461538462vw;

  rotate: -15.51deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    right: 13.2rem;
    bottom: 0.8rem;
    width: 6.1rem;
  }
  .isTablet .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product01 {
    right: 9.663250366vw;
    bottom: 0.5856515373vw;
    width: 4.4655929722vw;
  }
}
.bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
  right: 10.7692307692vw;
  bottom: -3.3333333333vw;
  width: 24.6153846154vw;

  rotate: 21.59deg;
}
@media (min-width: 768px) {
  .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    right: 4.7rem;
    bottom: -1.5rem;
    width: 11rem;
  }
  .isTablet .bl_relatedLink__summer .bl_relatedLink_kv_obj.bl_relatedLink_kv_obj__product02 {
    right: 3.4407027818vw;
    bottom: -1.0980966325vw;
    width: 8.0527086384vw;
  }
}

.bl_relatedLink_name {
  display: inline-flex;
  align-items: center;
  margin-top: 2.0512820513vw;
  color: #fff;
  font-size: 5.1282051282vw;
  font-weight: 700;

  gap: 2.0512820513vw;
}
@media (min-width: 768px) {
  .bl_relatedLink_name {
    margin-top: 1.2rem;
    font-size: 2.4rem;

    gap: 1.6rem;
  }
  .isTablet .bl_relatedLink_name {
    margin-top: 0.878477306vw;
    font-size: 1.756954612vw;

    gap: 1.1713030747vw;
  }
}
.bl_relatedLink_name > .el_icon.el_icon__arw {
  display: inline-grid;
  margin-bottom: -0.1em;

  --icon-width: 1em;
}

.bl_relatedLink_txt {
  color: #fff;
  font-size: 3.3333333333vw;
  font-weight: 400;
}
@media (min-width: 768px) {
  .bl_relatedLink_txt {
    font-size: 1.4rem;
  }
  .isTablet .bl_relatedLink_txt {
    font-size: 1.0248901903vw;
  }
}
.bl_relatedLink_txt:is(.bl_relatedLink_name + *) {
  margin-top: 1.0256410256vw;
}
@media (min-width: 768px) {
  .bl_relatedLink_txt:is(.bl_relatedLink_name + *) {
    margin-top: 0.4rem;
  }
  .isTablet .bl_relatedLink_txt:is(.bl_relatedLink_name + *) {
    margin-top: 0.2928257687vw;
  }
}

.bl_cautions {
  background-color: #f2f4f5;

  --icon-color: #ff6134;
  padding-block: 8.2051282051vw 10.2564102564vw;
}
@media (min-width: 768px) {
  .bl_cautions {
    padding-block: 4rem 5.6rem;
  }
  .isTablet .bl_cautions {
    padding-block: 2.9282576867vw 4.0995607613vw;
  }
}

.bl_pageBottom {
  --icon-color: #ff6134;
  padding-block: 14.358974359vw 16.4102564103vw;
}
@media (min-width: 768px) {
  .bl_pageBottom {
    padding-block: 8rem 11.4rem;
  }
  .isTablet .bl_pageBottom {
    padding-block: 5.8565153734vw 8.345534407vw;
  }
}

.bl_pageBottom_inner {
  padding: 10.2564102564vw 6.1538461538vw;
  border-radius: 4.1025641026vw;
  background-color: #f2f4f5;
}
@media (min-width: 768px) {
  .bl_pageBottom_inner {
    padding: 6.4rem 4rem 8rem;
    border-radius: 2.4rem;
  }
  .isTablet .bl_pageBottom_inner {
    padding: 4.6852122987vw 2.9282576867vw 5.8565153734vw;
    border-radius: 1.756954612vw;
  }
}

.bl_pageBottom_cta {
  display: flex;
  flex-direction: column;
  margin-top: 6.1538461538vw;

  gap: 2.0512820513vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_cta {
    flex-direction: row;
    justify-content: center;
    margin-top: 4rem;

    gap: 1.2rem;
  }
  .isTablet .bl_pageBottom_cta {
    margin-top: 2.9282576867vw;

    gap: 0.878477306vw;
  }
}
.bl_pageBottom_cta + p {
  margin-top: 4.1025641026vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_cta + p {
    margin-top: 2.4rem;
  }
  .isTablet .bl_pageBottom_cta + p {
    margin-top: 1.756954612vw;
  }
}

.bl_pageBottom_btn {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  border: 0.1rem solid #2a2b2c;
  border-radius: 4.1025641026vw;
  width: var(--width);
  height: var(--height);
  transition: border-color 0.3s var(--ease-move);
  background-color: #fff;

  --width: 100%;
  --height: 24.6153846154vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_btn {
    flex-direction: row;
    padding-right: 0.4rem;
    padding-left: 0.8rem;
    border-radius: 999px;

    --width: 25.6rem;
    --height: 8.4rem;
    gap: 0.3rem;
  }
  .isTablet .bl_pageBottom_btn {
    padding-right: 0.2928257687vw;
    padding-left: 0.5856515373vw;

    --width: 18.7408491947vw;
    --height: 6.149341142vw;
    gap: 0.2196193265vw;
  }
}
@media (min-width: 768px) {
  .bl_pageBottom_btn:focus-visible {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_pageBottom_btn:hover {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_pageBottom_btn:hover {
    border-color: #a2a2a3;
  }
}
.bl_pageBottom_btn.bl_pageBottom_btn__rakuten .bl_pageBottom_btn_img {
  width: 38.9743589744vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_btn.bl_pageBottom_btn__rakuten .bl_pageBottom_btn_img {
    width: 13.1rem;
  }
  .isTablet .bl_pageBottom_btn.bl_pageBottom_btn__rakuten .bl_pageBottom_btn_img {
    width: 9.5900439239vw;
  }
}
.bl_pageBottom_btn.bl_pageBottom_btn__amazon .bl_pageBottom_btn_img {
  width: 39.7435897436vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_btn.bl_pageBottom_btn__amazon .bl_pageBottom_btn_img {
    width: 13.2rem;
  }
  .isTablet .bl_pageBottom_btn.bl_pageBottom_btn__amazon .bl_pageBottom_btn_img {
    width: 9.663250366vw;
  }
}

.bl_pageBottom_btn_img {
  margin: auto;
}
.bl_pageBottom_btn_img img {
  display: block;
  width: 100%;
}

.bl_pageBottom_btn_icon {
  position: absolute;
  right: 2.0512820513vw;
  bottom: 2.0512820513vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_btn_icon {
    right: 1rem;
    bottom: 50%;

    translate: 0 50%;
  }
  .isTablet .bl_pageBottom_btn_icon {
    right: 0.7320644217vw;
  }
}

.bl_pageBottom_pageBack {
  display: flex;
  justify-content: center;
  margin-top: 10.2564102564vw;
}
@media (min-width: 768px) {
  .bl_pageBottom_pageBack {
    margin-top: 6.4rem;
  }
  .isTablet .bl_pageBottom_pageBack {
    margin-top: 4.6852122987vw;
  }
}

.bl_recommend {
  overflow-x: clip;
  position: relative;
  z-index: 1;
  padding-bottom: 14.358974359vw;

  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  --bg-dot-color: color-mix(in srgb, transparent 30%, white);
}
@media (min-width: 768px) {
  .bl_recommend {
    padding-bottom: 8rem;
  }
  .isTablet .bl_recommend {
    padding-bottom: 5.8565153734vw;
  }
}

.bl_recommend_inner {
  position: relative;
}
@media (min-width: 768px) {
  .bl_recommend_inner {
    padding: 0 4rem;
  }
  .isTablet .bl_recommend_inner {
    padding: 0 2.9282576867vw;
  }
}

.bl_recommend_abs-wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.bl_recommend_abs {
  position: absolute;
  bottom: 0;
  pointer-events: none;
}

.bl_recommend_body {
  overflow: hidden;
  position: relative;
  padding: 8.2051282051vw 0 16.4102564103vw;
  max-width: 120.6rem;
  background-color: #ff6134;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .bl_recommend_body {
    padding: 4.2rem 0 8.2rem;
    border-radius: 4rem;
  }
  .isTablet .bl_recommend_body {
    padding: 3.074670571vw 0 6.0029282577vw;
    border-radius: 2.9282576867vw;
  }
}
.bl_recommend_body::before {
  content: "";
  display: block;
  opacity: 0.2;
  position: absolute;
  background-image: radial-gradient(circle, var(--bg-dot-color) 18.4615384615vw, transparent 18.4615384615vw);
  background-repeat: repeat;
  background-position: 50% -58%;
  background-size: 43.0769230769vw 43.0769230769vw;

  inset: 0;
}
@media (min-width: 768px) {
  .bl_recommend_body::before {
    background-image: radial-gradient(circle, var(--bg-dot-color) 6.05rem, transparent 6.05rem);
    background-repeat: repeat;
    background-position: 50% -60%;
    background-size: 14.1rem 14.1rem;
  }
  .isTablet .bl_recommend_body::before {
    background-image: radial-gradient(circle, var(--bg-dot-color) 4.4289897511vw, transparent 4.4289897511vw);
    background-size: 10.3221083455vw 10.3221083455vw;
  }
}

.bl_recommendCarousel {
  position: relative;
  margin-top: 6.1538461538vw;

  --recommend-carousel-padding: 7.6923076923vw;
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
}
@media (min-width: 768px) {
  .bl_recommendCarousel {
    margin-top: 2.6rem;

    --recommend-carousel-padding: 19.9rem;
    --recommend-carousel-size: 80.8rem;
  }
  .isTablet .bl_recommendCarousel {
    margin-top: 1.9033674963vw;

    --recommend-carousel-padding: 14.5680819912vw;
    --recommend-carousel-size: 59.1508052709vw;
  }
}
.bl_recommendCarousel.is-destroyed {
  visibility: visible;
}

.bl_recommendCarousel_track {
  padding-inline: var(--recommend-carousel-padding) !important;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_track {
    padding-inline: calc((100% - var(--recommend-carousel-size)) / 2) !important;
  }
}

.bl_recommendCarousel_slide {
  width: 100%;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_slide {
    width: 80.8rem;
  }
  .isTablet .bl_recommendCarousel_slide {
    width: 59.1508052709vw;
  }
}
@media (min-width: 768px) {
  .bl_recommendCarousel_slide.is-active > .bl_recommendMedia {
    transition: scale 0.6s var(--ease-move);

    scale: 1;
  }
}
@media (min-width: 768px) {
  .bl_recommendCarousel_slide:not(.is-active) > .bl_recommendMedia {
    transition: scale 0.4s var(--ease-move);

    scale: 0.8;
  }
}
@media (min-width: 768px) {
  .bl_recommendCarousel_slide.is-prev > .bl_recommendMedia {
    transform-origin: center right 33%;
  }
}
@media (min-width: 768px) {
  .bl_recommendCarousel_slide.is-next > .bl_recommendMedia {
    transform-origin: center left 33%;
  }
}

.bl_recommendCarousel_controller {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  translate: 0 -50%;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller {
    left: 50%;
    width: var(--recommend-carousel-size);

    translate: -50% -50%;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws {
  display: flex;
  justify-content: space-between;
  margin: 0;

  padding-inline: var(--recommend-carousel-padding);
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller > .bl_recommendCarousel_arws {
    padding-inline: 0;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_btn_arw {
  --icon-width: 8.2051282051vw;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_btn_arw {
    --icon-width: 4.8rem;
  }
  .isTablet .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_btn_arw {
    --icon-width: 3.513909224vw;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_icon.el_icon__arw svg {
  width: 80%;

  aspect-ratio: 5/4;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_icon.el_icon__arw svg {
    width: 1.8rem;
    height: 2.4rem;
  }
  .isTablet .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw .el_icon.el_icon__arw svg {
    width: 1.317715959vw;
    height: 1.756954612vw;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__prev {
  left: -2.5641025641vw;

  rotate: 90deg;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__prev {
    left: -2.4rem;
  }
  .isTablet .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__prev {
    left: -1.756954612vw;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__next {
  right: -2.5641025641vw;

  rotate: -90deg;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__next {
    right: -2.4rem;
  }
  .isTablet .bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw.bl_recommendCarousel_arw__next {
    right: -1.756954612vw;
  }
}
.bl_recommendCarousel_controller > .bl_recommendCarousel_arws .bl_recommendCarousel_arw[disabled] {
  visibility: hidden;
  pointer-events: none;
}
.bl_recommendCarousel.is-destroyed .bl_recommendCarousel_controller {
  display: none;
}

.bl_recommendCarousel_pagination {
  display: flex;
  position: absolute;
  bottom: -8.2051282051vw;
  left: 50%;

  --pagination-size: 2.5641025641vw;
  gap: 4.1025641026vw;
  translate: -50% 0;
}
@media (min-width: 768px) {
  .bl_recommendCarousel_pagination {
    bottom: -3.2rem;

    --pagination-size: 1.2rem;
    gap: 1.6rem;
  }
  .isTablet .bl_recommendCarousel_pagination {
    bottom: -2.3426061493vw;

    --pagination-size: 0.878477306vw;
    gap: 1.1713030747vw;
  }
}
.bl_recommendCarousel_pagination > li[role=presentation] {
  display: grid;
  width: var(--pagination-size);

  place-content: center;
  aspect-ratio: 1/1;
}
.bl_recommendCarousel_pagination > li[role=presentation] .splide__pagination__page {
  display: inline-block;
  position: relative;
  border-radius: 50%;
  width: var(--pagination-size);
  min-height: auto;
  background-color: #fff;

  aspect-ratio: 1/1;
}
.bl_recommendCarousel_pagination > li[role=presentation] .splide__pagination__page::before {
  content: "";
  position: absolute;

  inset: -100%;
}
.bl_recommendCarousel_pagination > li[role=presentation] .splide__pagination__page.is-active {
  background-color: #0a4461;
}
.bl_recommendCarousel.is-destroyed .bl_recommendCarousel_pagination {
  display: none;
}

.bl_recommendMedia {
  display: flex;
  flex-direction: column;
  padding: 6.1538461538vw 6.1538461538vw 8.2051282051vw;
  border-radius: 4.1025641026vw;
  height: 100%;
  background-color: #fff;
}
@media (min-width: 768px) {
  .bl_recommendMedia {
    padding: 4rem 4rem 3.2rem;
    border-radius: 2.4rem;
  }
  .isTablet .bl_recommendMedia {
    padding: 2.9282576867vw 2.9282576867vw 2.3426061493vw;
    border-radius: 1.756954612vw;
  }
}

.bl_recommendMedia_heading {
  --icon-width: 6.1538461538vw;
  --icon-color: #ff6134;
}
@media (min-width: 768px) {
  .bl_recommendMedia_heading {
    --icon-width: 3.2rem;
  }
  .isTablet .bl_recommendMedia_heading {
    --icon-width: 2.3426061493vw;
  }
}

.bl_recommendMedia_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  --recommend-media-gap: 7.1794871795vw;
  container: recommend-media-list;
  gap: var(--recommend-media-gap);
}
@media (min-width: 768px) {
  .bl_recommendMedia_list {
    flex-wrap: nowrap;

    --recommend-media-gap: 2.4rem;
  }
  .isTablet .bl_recommendMedia_list {
    --recommend-media-gap: 1.756954612vw;
  }
}
@media (max-width: 767.98px) {
  .bl_recommendMedia[data-recommend-set-count="2"] .bl_recommendMedia_list {
    align-items: center;
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .bl_recommendMedia[data-recommend-set-count="2"] .bl_recommendMedia_list {
    --recommend-media-gap: 8rem;
  }
  .isTablet .bl_recommendMedia[data-recommend-set-count="2"] .bl_recommendMedia_list {
    --recommend-media-gap: 5.8565153734vw;
  }
}

.bl_recommendMedia_item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  position: relative;
  width: 32.0512820513vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item {
    width: 16rem;
  }
  .isTablet .bl_recommendMedia_item {
    width: 11.7130307467vw;
  }
}
.bl_recommendMedia_item::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  right: calc(-1 * var(--recommend-media-gap) / 2);
  background-color: #0a4461;

  translate: 50% -50%;
  -webkit-mask-image: url(/special/for-pets/assets/img/common/icon_plus.svg);
          mask-image: url(/special/for-pets/assets/img/common/icon_plus.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item::after {
    display: block;
    top: 14rem;
    width: 1.8rem;
    height: 1.9rem;
  }
  .isTablet .bl_recommendMedia_item::after {
    top: 10.2489019034vw;
    width: 1.317715959vw;
    height: 1.3909224012vw;
  }
}
.bl_recommendMedia_item:last-of-type::after {
  display: none;
}

.bl_recommendMedia_item_name {
  display: grid;
  align-self: start;
  position: relative;
  margin-bottom: 2.8205128205vw;
  padding: 0.5128205128vw 1.5384615385vw 0.7692307692vw;
  border-radius: 1.0256410256vw;
  width: 100%;
  min-height: 8.9743589744vw;
  background-color: #efe31d;
  text-align: center;

  place-content: center;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_name {
    margin-bottom: 1.4rem;
    padding: 0.8rem 0.8rem 1rem;
    border-radius: 9999px;
    min-height: 5.4rem;
  }
  .isTablet .bl_recommendMedia_item_name {
    margin-bottom: 1.0248901903vw;
    padding: 0.5856515373vw 0.5856515373vw 0.7320644217vw;
    min-height: 3.953147877vw;
  }
}
.bl_recommendMedia_item_name::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.7692307692vw;
  left: 50%;
  width: 4.1025641026vw;
  height: 2.3076923077vw;
  background-color: #efe31d;

  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  translate: -50% 100%;
  rotate: 180deg;
  aspect-ratio: 1/0.7071067812;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_name::before {
    bottom: 0.56rem;
    width: 2.4rem;
    height: 1.3rem;
  }
  .isTablet .bl_recommendMedia_item_name::before {
    bottom: 0.4099560761vw;
    width: 1.756954612vw;
    height: 0.9516837482vw;
  }
}

.bl_recommendMedia_item_body {
  flex-grow: 1;

  margin-inline: 1.5384615385vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_body {
    margin-inline: 0.8rem;
  }
  .isTablet .bl_recommendMedia_item_body {
    margin-inline: 0.5856515373vw;
  }
}

.bl_recommendMedia_item_img {
  display: grid;
  border-radius: 2.5641025641vw;
  background-color: #f2f4f5;

  place-content: center;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_img {
    border-radius: 1.6rem;
  }
  .isTablet .bl_recommendMedia_item_img {
    border-radius: 1.1713030747vw;
  }
}
.bl_recommendMedia_item_img img {
  display: block;
  width: 23.5897435897vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_img img {
    width: 10.5rem;
  }
  .isTablet .bl_recommendMedia_item_img img {
    width: 7.6866764275vw;
  }
}

.bl_recommendMedia_item_desc {
  margin-top: 1.5384615385vw;
  text-align: center;
}
@media (min-width: 768px) {
  .bl_recommendMedia_item_desc {
    margin-top: 0.8rem;
  }
  .isTablet .bl_recommendMedia_item_desc {
    margin-top: 0.5856515373vw;
  }
}

.bl_recommendMedia_cta {
  display: flex;
  justify-content: center;
  margin-top: auto;
}

.bl_recommendMedia_btn {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
  margin-top: 6.1538461538vw;
  border: 0.1rem solid #2a2b2c;
  border-radius: 999px;
  width: var(--width);
  height: var(--height);
  transition: border-color 0.3s var(--ease-move);
  background-color: #fff;

  --width: 53.8461538462vw;
  --height: 18.4615384615vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_btn {
    flex-direction: row;
    margin-top: 1.6rem;
    padding-right: 0.4rem;
    padding-left: 0.8rem;

    --width: 21rem;
    --height: 7.2rem;
    gap: 0.3rem;
  }
  .isTablet .bl_recommendMedia_btn {
    margin-top: 1.1713030747vw;
    padding-right: 0.2928257687vw;
    padding-left: 0.5856515373vw;

    --width: 15.3733528551vw;
    --height: 5.270863836vw;
    gap: 0.2196193265vw;
  }
}
@media (min-width: 768px) {
  .bl_recommendMedia_btn:focus-visible {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_recommendMedia_btn:hover {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_recommendMedia_btn:hover {
    border-color: #a2a2a3;
  }
}
.bl_recommendMedia_btn.bl_recommendMedia_btn__rakuten .bl_recommendMedia_btn_img {
  width: 31.5384615385vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_btn.bl_recommendMedia_btn__rakuten .bl_recommendMedia_btn_img {
    width: 12.5rem;
  }
  .isTablet .bl_recommendMedia_btn.bl_recommendMedia_btn__rakuten .bl_recommendMedia_btn_img {
    width: 9.1508052709vw;
  }
}
.bl_recommendMedia_btn.bl_recommendMedia_btn__amazon .bl_recommendMedia_btn_img {
  width: 32.3076923077vw;
}
@media (min-width: 768px) {
  .bl_recommendMedia_btn.bl_recommendMedia_btn__amazon .bl_recommendMedia_btn_img {
    width: 12.6rem;
  }
  .isTablet .bl_recommendMedia_btn.bl_recommendMedia_btn__amazon .bl_recommendMedia_btn_img {
    width: 9.224011713vw;
  }
}

.bl_recommendMedia_btn_img {
  margin: auto;
}
.bl_recommendMedia_btn_img img {
  display: block;
  width: 100%;
}

.bl_recommendMedia_btn_icon {
  position: absolute;
  right: 2.5641025641vw;
  bottom: 50%;

  translate: 0 50%;
}
@media (min-width: 768px) {
  .bl_recommendMedia_btn_icon {
    right: 1rem;
  }
  .isTablet .bl_recommendMedia_btn_icon {
    right: 0.7320644217vw;
  }
}

.bl_lead {
  overflow-x: clip;
  position: relative;
  z-index: 1;
}

.bl_lead_body {
  display: grid;
  width: 100%;

  grid-template-areas: "lead-txt lead-txt" "lead-img01 lead-img02";
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
@media (min-width: 768px) {
  .bl_lead_body {
    align-items: center;

    grid-template-areas: "lead-img01 lead-txt lead-img02";
    grid-template-columns: auto max-content auto;
  }
}

.bl_lead_txt {
  letter-spacing: 0.084em;

  grid-area: lead-txt;
}

.bl_lead_img {
  position: relative;
  z-index: -1;
}
.bl_lead_img.bl_lead_img01 {
  grid-area: lead-img01;
}
.bl_lead_img.bl_lead_img02 {
  grid-area: lead-img02;
}

.bl_anchor_list {
  display: grid;
  margin-top: 6.1538461538vw;

  --gap: 3.0769230769vw;
  --column: 3;
  --row: 3;
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  gap: var(--gap);
}
@media (min-width: 768px) {
  .bl_anchor_list {
    justify-content: center;
    margin-top: 4rem;

    --gap: 1.6rem;
    grid-template-columns: repeat(auto-fit, minmax(0, 28.7rem));
  }
  .isTablet .bl_anchor_list {
    margin-top: 2.9282576867vw;

    --gap: 1.1713030747vw;
    grid-template-columns: repeat(auto-fit, minmax(0, 21.0102489019vw));
  }
}

.bl_anchor {
  display: grid;

  grid-template-rows: auto;
  grid-template-columns: subgrid;
}
.bl_anchor > a {
  display: grid;
  align-items: center;
  padding: 3.0769230769vw 3.5897435897vw 3.0769230769vw 2.5641025641vw;
  border-radius: 4.1025641026vw;
  min-height: 23.5897435897vw;
  background-color: #f2f4f5;
  color: inherit;

  grid-template: "anchor-img anchor-name anchor-icon"/13.3333333333vw 1fr 6.1538461538vw;
  justify-items: center;
}
@media (min-width: 768px) {
  .bl_anchor > a {
    padding: 1.3rem 0.4rem 1.5rem;
    border-radius: 2.4rem;
    min-height: auto;

    grid-template-areas: "anchor-img" "anchor-name" "anchor-icon";
    grid-template-rows: subgrid;
    grid-template-columns: subgrid;
    grid-row: span var(--row);
  }
  .isTablet .bl_anchor > a {
    padding: 0.9516837482vw 0.2928257687vw 1.0980966325vw;
    border-radius: 1.756954612vw;
  }
}
@media (min-width: 768px) {
  .bl_anchor:focus-visible .bl_anchor_img {
    animation: scale-up 0.3s forwards var(--ease-move);
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .bl_anchor:hover .bl_anchor_img {
    animation: scale-up 0.3s forwards var(--ease-move);
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .bl_anchor:hover .bl_anchor_img {
    animation: scale-up 0.3s forwards var(--ease-move);
  }
}

.bl_anchor_img {
  align-self: center;
  margin-right: 0.5128205128vw;
  width: 100%;
  animation: scale-down 0.2s forwards var(--ease-change);

  grid-area: anchor-img;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .bl_anchor_img {
    margin-right: 0;
    width: 10rem;
  }
  .isTablet .bl_anchor_img {
    width: 7.3206442167vw;
  }
}
.bl_anchor_img img {
  display: block;
  width: 100%;
}

.bl_anchor_name {
  display: block;
  width: 100%;

  grid-area: anchor-name;
}
.bl_anchor_name > span {
  display: block;
}
.bl_anchor_name > span + span {
  margin-top: 0.36em;
}

.bl_anchor_icon {
  display: grid;
  align-items: center;
  margin-left: 1.5384615385vw;

  grid-area: anchor-icon;
}
@media (min-width: 768px) {
  .bl_anchor_icon {
    margin-top: 1.2rem;
    margin-left: 0;
  }
  .isTablet .bl_anchor_icon {
    margin-top: 0.878477306vw;
  }
}

.el_txt-white {
  color: #fff;
}

.el_txt-en {
  font-family: "Poppins", sans-serif;
}

.el_txt-num {
  font-family: "Montserrat", sans-serif;
}

.el_txt_ttl-h1 {
  font-size: 8.2051282051vw;
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h1 {
    font-size: 4.4rem;
  }
  .isTablet .el_txt_ttl-h1 {
    font-size: max(3.2210834553vw, 10px);
  }
}

.el_txt_ttl-h2 {
  font-size: 6.6666666667vw;
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h2 {
    font-size: 3.2rem;
  }
  .isTablet .el_txt_ttl-h2 {
    font-size: 2.3426061493vw;
  }
}

.el_txt_ttl-h3 {
  font-size: 5.641025641vw;
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h3 {
    font-size: 2.6rem;
  }
  .isTablet .el_txt_ttl-h3 {
    font-size: max(1.9033674963vw, 10px);
  }
}

.el_txt_ttl-h4 {
  font-size: 5.641025641vw;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h4 {
    font-size: 2.4rem;
  }
  .isTablet .el_txt_ttl-h4 {
    font-size: max(1.756954612vw, 10px);
  }
}

.el_txt_ttl-h5 {
  font-size: 4.6153846154vw;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h5 {
    font-size: 2.2rem;
  }
  .isTablet .el_txt_ttl-h5 {
    font-size: max(1.6105417277vw, 10px);
  }
}

.el_txt_ttl-h6 {
  font-size: 4.358974359vw;
  font-weight: bold;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt_ttl-h6 {
    font-size: 2rem;
  }
  .isTablet .el_txt_ttl-h6 {
    font-size: max(1.4641288433vw, 10px);
  }
}

.el_txt_ttl-sub {
  font-size: 4.1025641026vw;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt_ttl-sub {
    font-size: 1.8rem;
  }
  .isTablet .el_txt_ttl-sub {
    font-size: max(1.317715959vw, 10px);
  }
}

.el_txt-xl {
  font-size: 4.1025641026vw;
  font-weight: 500;
  line-height: 240%;
}
@media (min-width: 768px) {
  .el_txt-xl {
    font-size: 1.8rem;
  }
  .isTablet .el_txt-xl {
    font-size: max(1.317715959vw, 10px);
  }
}

.el_txt-l {
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 160%;
}
@media (min-width: 768px) {
  .el_txt-l {
    font-size: 1.8rem;
  }
  .isTablet .el_txt-l {
    font-size: max(1.317715959vw, 10px);
  }
}

.el_txt-m {
  font-size: 3.8461538462vw;
  font-weight: 600;
  line-height: 160%;
}
@media (min-width: 768px) {
  .el_txt-m {
    font-size: 1.6rem;
  }
  .isTablet .el_txt-m {
    font-size: max(1.1713030747vw, 10px);
  }
}

.el_txt-s {
  font-size: 3.3333333333vw;
  font-weight: 600;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt-s {
    font-size: 1.4rem;
  }
  .isTablet .el_txt-s {
    font-size: max(1.0248901903vw, 10px);
  }
}

.el_txt-xs {
  font-size: 3.0769230769vw;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 768px) {
  .el_txt-xs {
    font-size: 1.3rem;
  }
  .isTablet .el_txt-xs {
    font-size: max(0.9516837482vw, 10px);
  }
}

.el_txt-2xs {
  font-size: 2.8205128205vw;
  font-weight: 600;
  line-height: 130%;
}
@media (min-width: 768px) {
  .el_txt-2xs {
    font-size: 1.2rem;
  }
  .isTablet .el_txt-2xs {
    font-size: max(0.878477306vw, 10px);
  }
}

.el_txt-3xs {
  font-size: 2.8205128205vw;
  font-weight: 400;
  line-height: 140%;
}
@media (min-width: 768px) {
  .el_txt-3xs {
    font-size: 1.1rem;
  }
  .isTablet .el_txt-3xs {
    font-size: max(0.8052708638vw, 10px);
  }
}

.el_txt_btn-l {
  font-size: 4.358974359vw;
  font-weight: normal;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_btn-l {
    font-size: 2rem;
  }
  .isTablet .el_txt_btn-l {
    font-size: max(1.4641288433vw, 10px);
  }
}

.el_txt_btn-m {
  font-size: 3.8461538462vw;
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_btn-m {
    font-size: 1.6rem;
  }
  .isTablet .el_txt_btn-m {
    font-size: max(1.1713030747vw, 10px);
  }
}

.el_txt_btn-s {
  font-size: 3.3333333333vw;
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 768px) {
  .el_txt_btn-s {
    font-size: 1.4rem;
  }
  .isTablet .el_txt_btn-s {
    font-size: max(1.0248901903vw, 10px);
  }
}

.el_txt-num-m {
  font-size: 3.3333333333vw;
  font-weight: bold;
  line-height: 100%;
}
@media (min-width: 768px) {
  .el_txt-num-m {
    font-size: 1.4rem;
  }
  .isTablet .el_txt-num-m {
    font-size: max(1.0248901903vw, 10px);
  }
}

.el_txt-en-l {
  font-size: 6.6666666667vw;
  font-weight: bold;
  line-height: 100%;
}
@media (min-width: 768px) {
  .el_txt-en-l {
    font-size: 3.2rem;
  }
  .isTablet .el_txt-en-l {
    font-size: max(2.3426061493vw, 10px);
  }
}

.el_txt-en-m {
  font-size: 5.1282051282vw;
  font-weight: bold;
  line-height: 100%;
}
@media (min-width: 768px) {
  .el_txt-en-m {
    font-size: 2.4rem;
  }
  .isTablet .el_txt-en-m {
    font-size: max(1.756954612vw, 10px);
  }
}

.el_txt_link {
  font-size: 3.8461538462vw;
  font-weight: 600;
  line-height: 100%;
}
@media (min-width: 768px) {
  .el_txt_link {
    font-size: 1.6rem;
  }
  .isTablet .el_txt_link {
    font-size: max(1.1713030747vw, 10px);
  }
}

.el_txt-light {
  font-weight: 400;
}

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

.el_txt-sup {
  top: 0.5128205128vw;
  font-size: 2.3076923077vw;
}
@media (min-width: 768px) {
  .el_txt-sup {
    top: 0.2rem;
    font-size: 1rem;
  }
  .isTablet .el_txt-sup {
    top: 0.1464128843vw;
    font-size: 0.7320644217vw;
  }
}

.el_txt_ls-narrow {
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .el_txt_ls-narrow {
    letter-spacing: -0.1rem;
  }
  .isTablet .el_txt_ls-narrow {
    letter-spacing: -0.0732064422vw;
  }
}

.el_lv3heading_wrap {
  text-align: center;
}

.el_lv3heading {
  display: inline-grid;
  position: relative;
  padding: 2.5641025641vw 5.1282051282vw 3.3333333333vw;
  border-radius: 999px;
  width: 100%;
  min-height: 12.8205128205vw;
  background-color: var(--_bg-color);
  color: var(--_font-color);

  --_font-color: #fff;
  --_bg-color: #ff6134;
  place-content: center;
}
@media (min-width: 768px) {
  .el_lv3heading {
    margin-bottom: 0.9rem;
    padding: 0.6rem 2.4rem 0.9rem;
    width: auto;
    min-width: 36rem;
    min-height: 5.5rem;
  }
  .isTablet .el_lv3heading {
    margin-bottom: 0.6588579795vw;
    padding: 0.439238653vw 1.756954612vw 0.6588579795vw;
    min-width: 26.3543191801vw;
    min-height: 4.0263543192vw;
  }
}
.el_lv3heading::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0.2564102564vw;
  left: 50%;
  width: 4.1025641026vw;
  height: 2.3076923077vw;
  background-color: var(--_bg-color);

  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  translate: -50% 100%;
  rotate: 180deg;
  aspect-ratio: 1/0.7071067812;
}
@media (min-width: 768px) {
  .el_lv3heading::before {
    bottom: 0.3rem;
    width: 2.4rem;
    height: 1.3rem;
  }
  .isTablet .el_lv3heading::before {
    bottom: 0.2196193265vw;
    width: 1.756954612vw;
    height: 0.9516837482vw;
  }
}

.el_lv3heading__white {
  --_font-color: #ff6134;
  --_bg-color: #fff;
}

.el_btn {
  --width: fit-content;
  --height: fit-content;
  --bg-color: #fff;
  --font-color: #2a2b2c;
  --icon-rotate: 0deg;
  --icon-bg-color: #0a4461;
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@media (min-width: 768px) {
  .el_btn:focus-visible {
    --icon-bg-color: #f2f4f5;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_btn:hover {
    --icon-bg-color: #f2f4f5;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_btn:hover {
    --icon-bg-color: #f2f4f5;
  }
}
@media (min-width: 768px) {
  .el_btn.el_btn__lg {
    --width: 26.8rem;
  }
  .isTablet .el_btn.el_btn__lg {
    --width: 19.6193265007vw;
  }
}

.el_btn_arw {
  --icon-color: #fff;
  --icon-width: 4.1025641026vw;
}
@media (min-width: 768px) {
  .el_btn_arw {
    --icon-width: 2.4rem;
    --width: 3.2rem;
  }
  .isTablet .el_btn_arw {
    --icon-width: 1.756954612vw;
    --width: 2.3426061493vw;
  }
}
@media (min-width: 768px) {
  .el_btn_arw:focus-visible {
    --icon-color: #0a4461;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_btn_arw:hover {
    --icon-color: #0a4461;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_btn_arw:hover {
    --icon-color: #0a4461;
  }
}

.el_btn_label {
  color: var(--font-color);
}

.el_btn-cta {
  --icon-bg-color: #fff;
  --icon-color: #0a4461;
  --width: 36.4102564103vw;
  --height: 24.6153846154vw;
}
@media (min-width: 768px) {
  .el_btn-cta {
    --width: 17.9rem;
    --height: 7.7rem;
  }
  .isTablet .el_btn-cta {
    --width: 13.1039531479vw;
    --height: 5.6368960469vw;
  }
}

.el_btn__txt-link {
  --bg-color: #f2f4f5;
}

.el_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 0.2564102564vw solid #2a2b2c;
  border-radius: 999px;
  min-width: var(--width);
  min-height: var(--height);
  transition: color 0.2s var(--ease-change), background-color 0.2s var(--ease-change);
  background-color: var(--bg-color);
  color: var(--font-color);
}
@media (min-width: 768px) {
  .el_btn {
    border: 0.1rem solid #2a2b2c;
  }
  .isTablet .el_btn {
    border: 0.0732064422vw solid #2a2b2c;
  }
}
.el_btn.el_btn_cta {
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 1.0256410256vw;
  border-radius: 2.0512820513vw;
  width: 100%;
  height: 24.6153846154vw;
  transition: border-color 0.3s var(--ease-change);

  gap: 0;
}
@media (min-width: 768px) {
  .el_btn.el_btn_cta {
    flex-direction: row;
    padding-right: 1.6rem;
    padding-bottom: 0;
    padding-left: 1.6rem;
    border-radius: 1rem;
    width: 17.9rem;
    height: 7.7rem;

    gap: 0.3rem;
  }
  .isTablet .el_btn.el_btn_cta {
    padding-right: 1.1713030747vw;
    padding-left: 1.1713030747vw;
    border-radius: 0.7320644217vw;
    width: 13.1039531479vw;
    height: 5.6368960469vw;

    gap: 0.2196193265vw;
  }
}
@media (min-width: 768px) {
  .el_btn.el_btn_cta:focus-visible {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_btn.el_btn_cta:hover {
    border-color: #a2a2a3;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_btn.el_btn_cta:hover {
    border-color: #a2a2a3;
  }
}
.el_btn.el_btn_cta .el_cta_img {
  display: flex;
  justify-content: center;
  position: relative;
}
.el_btn.el_btn_cta .el_cta_img.el_cta_rakuten {
  margin-top: 0.7692307692vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn_cta .el_cta_img.el_cta_rakuten {
    margin-top: 0;
  }
}
.el_btn.el_btn_cta .el_cta_img.el_cta_rakuten picture,
.el_btn.el_btn_cta .el_cta_img.el_cta_rakuten img {
  position: relative;
  top: 0.2564102564vw;
  width: 32.3076923077vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn_cta .el_cta_img.el_cta_rakuten picture,
  .el_btn.el_btn_cta .el_cta_img.el_cta_rakuten img {
    top: -0.1rem;
    width: 12.6rem;
  }
  .isTablet .el_btn.el_btn_cta .el_cta_img.el_cta_rakuten picture,
  .isTablet .el_btn.el_btn_cta .el_cta_img.el_cta_rakuten img {
    top: -0.0732064422vw;
    width: 9.224011713vw;
  }
}
.el_btn.el_btn_cta .el_cta_img.el_cta_amazon picture,
.el_btn.el_btn_cta .el_cta_img.el_cta_amazon img {
  width: 33.0769230769vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn_cta .el_cta_img.el_cta_amazon picture,
  .el_btn.el_btn_cta .el_cta_img.el_cta_amazon img {
    width: 12.9rem;
  }
  .isTablet .el_btn.el_btn_cta .el_cta_img.el_cta_amazon picture,
  .isTablet .el_btn.el_btn_cta .el_cta_img.el_cta_amazon img {
    width: 9.4436310395vw;
  }
}
.el_btn.el_btn-banner {
  justify-content: center;
  border: none;
  min-width: 77.9487179487vw;
  min-height: 14.358974359vw;

  padding-inline: 9.7435897436vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn-banner {
    min-width: 36.8rem;
    min-height: 5.9rem;

    padding-inline: 4.6rem;
  }
  .isTablet .el_btn.el_btn-banner {
    min-width: 26.9399707174vw;
    min-height: 4.3191800878vw;

    padding-inline: 3.3674963397vw;
  }
}
.el_btn.el_btn-banner.el_btn_pageBack {
  padding-right: 2.8vw;
  border: 0.2564102564vw solid #0a4461;
  min-width: 73.8461538462vw;
  min-height: 14.358974359vw;

  --bg-color: #0a4461;
  --font-color: #fff;
}
@media (min-width: 768px) {
  .el_btn.el_btn-banner.el_btn_pageBack {
    padding-right: 0.8rem;
    border: 0.1rem solid #0a4461;
    min-width: 30.4rem;
    min-height: 7.4rem;
  }
  .isTablet .el_btn.el_btn-banner.el_btn_pageBack {
    border: 0.0732064422vw solid #0a4461;
    min-width: 22.2547584187vw;
    min-height: 5.4172767204vw;
  }
}
.el_btn.el_btn-banner.el_btn_pageBack .el_icon {
  right: auto;
  left: 4.1025641026vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn-banner.el_btn_pageBack .el_icon {
    left: 2rem;
  }
  .isTablet .el_btn.el_btn-banner.el_btn_pageBack .el_icon {
    left: 1.4641288433vw;
  }
}
.el_btn.el_btn-banner.el_btn__reverse {
  --bg-color: #0a4461;
  --font-color: #fff;
}
@media (min-width: 768px) {
  .el_btn.el_btn-banner.el_btn__reverse:focus-visible {
    --bg-color: #fff;
    --font-color: #0a4461;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_btn.el_btn-banner.el_btn__reverse:hover {
    --bg-color: #fff;
    --font-color: #0a4461;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_btn.el_btn-banner.el_btn__reverse:hover {
    --bg-color: #fff;
    --font-color: #0a4461;
  }
}
.el_btn.el_btn-banner .el_icon {
  position: absolute;
  top: 50%;
  right: 4.6153846154vw;

  translate: 0 -50%;
}
@media (min-width: 768px) {
  .el_btn.el_btn-banner .el_icon {
    right: 1.4rem;
  }
  .isTablet .el_btn.el_btn-banner .el_icon {
    right: 1.0248901903vw;
  }
}
.el_btn.el_btn__txt-link {
  position: relative;
  border: none;

  --txt-link-gap: 1.0256410256vw;
  --txt-link-icon-width: 4.1025641026vw;
  gap: var(--txt-link-gap);
}
@media (min-width: 768px) {
  .el_btn.el_btn__txt-link {
    --txt-link-gap: 0.4rem;
    --txt-link-icon-width: 1.8rem;
  }
  .isTablet .el_btn.el_btn__txt-link {
    --txt-link-gap: 0.2928257687vw;
    --txt-link-icon-width: 1.317715959vw;
  }
}
.el_btn.el_btn__txt-link .el_btn_label::after {
  content: "";
  position: absolute;
  bottom: -0.5128205128vw;
  left: 0;
  width: calc(100% - (var(--txt-link-gap) + var(--txt-link-icon-width)));
  height: 0.2564102564vw;
  transition: scale 0.3s var(--ease-change);
  transform-origin: left;
  background-color: #2a2b2c;
}
@media (min-width: 768px) {
  .el_btn.el_btn__txt-link .el_btn_label::after {
    bottom: -0.2rem;
    height: 0.1rem;
  }
  .isTablet .el_btn.el_btn__txt-link .el_btn_label::after {
    bottom: -0.1464128843vw;
    height: 0.0732064422vw;
  }
}
.el_btn.el_btn__txt-link::before {
  content: "";
  position: absolute;

  inset: -3.0769230769vw -4.1025641026vw;
}
@media (min-width: 768px) {
  .el_btn.el_btn__txt-link::before {
    inset: -1.4rem -1.8rem;
  }
  .isTablet .el_btn.el_btn__txt-link::before {
    inset: -1.0248901903vw -1.317715959vw;
  }
}
@media (min-width: 768px) {
  .el_btn:focus-visible .el_btn_label::after {
    transform-origin: right;

    scale: 0 1;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_btn:hover .el_btn_label::after {
    transform-origin: right;

    scale: 0 1;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_btn:hover .el_btn_label::after {
    transform-origin: right;

    scale: 0 1;
  }
}

.el_icon {
  display: grid;
  overflow: hidden;
  width: var(--icon-width);

  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  place-items: center;
}
.el_icon svg {
  width: 100%;
}
.el_icon.el_icon__orange {
  --icon-color: #ff6134;
}
.el_icon.el_icon__yellow {
  --icon-color: #efe31d;
}
.el_icon.el_icon-nav {
  animation: scale-down 0.2s var(--ease-move) forwards;

  --icon-width: 20.5128205128vw;
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@media (min-width: 768px) {
  .el_icon.el_icon-nav {
    --icon-width: 10rem;
  }
  .isTablet .el_icon.el_icon-nav {
    --icon-width: 7.3206442167vw;
  }
}
.el_icon.el_icon__arw {
  align-content: center;
  border: 0.2564102564vw solid var(--icon-bg-color);
  border-radius: 999px;
  height: var(--icon-width);
  transition: background-color 0.3s var(--ease-change);
  background-color: var(--icon-bg-color);

  --icon-color: #fff;
  --icon-bg-color: #0a4461;
  rotate: var(--icon-rotate);
}
@media (min-width: 768px) {
  .el_icon.el_icon__arw {
    border: 0.1rem solid var(--icon-bg-color);
  }
}
.el_icon.el_icon__arw__white {
  border: none;

  --icon-color: #0a4461;
  --icon-bg-color: #fff;
}
.el_icon.el_icon__arw__transparent {
  border: none;
  background-color: transparent !important;

  --icon-color: #0a4461;
}
.el_icon.el_icon__arw__transparent svg path {
  transition: stroke 0.3s var(--ease-change);

  stroke: var(--icon-color) !important;
}
.is-disable .el_icon.el_icon__arw {
  border: none;
  background-color: var(--icon-bg-color) !important;

  --icon-bg-color: #e2e4e7;
}
.is-disable .el_icon.el_icon__arw svg path {
  stroke: #a2a2a3 !important;
}
.el_icon.el_icon__arw__md {
  --icon-width: 5.1282051282vw;
}
@media (min-width: 768px) {
  .el_icon.el_icon__arw__md {
    --icon-width: 3.2rem;
  }
  .isTablet .el_icon.el_icon__arw__md {
    --icon-width: 2.3426061493vw;
  }
}
.el_icon.el_icon__arw__sm {
  --icon-width: 5.1282051282vw;
}
@media (min-width: 768px) {
  .el_icon.el_icon__arw__sm {
    --icon-width: 2.4rem;
  }
  .isTablet .el_icon.el_icon__arw__sm {
    --icon-width: 1.756954612vw;
  }
}
.el_icon.el_icon__arw__xs {
  --icon-width: 4.1025641026vw;
}
@media (min-width: 768px) {
  .el_icon.el_icon__arw__xs {
    --icon-width: 1.8rem;
  }
  .isTablet .el_icon.el_icon__arw__xs {
    --icon-width: 1.317715959vw;
  }
}
.el_icon.el_icon__arw__carousel {
  --icon-width: 8.2051282051vw;
}
@media (min-width: 768px) {
  .el_icon.el_icon__arw__carousel {
    --icon-width: 2.4rem;
  }
  .isTablet .el_icon.el_icon__arw__carousel {
    --icon-width: 1.756954612vw;
  }
}
.el_icon.el_icon__arw__right {
  --icon-rotate: -90deg;
}
.el_icon.el_icon__arw__left {
  --icon-rotate: 90deg;
}
.el_icon.el_icon__arw__top {
  --icon-rotate: 180deg;
}
.el_icon.el_icon__arw svg {
  inline-size: 50%;
}
.el_icon.el_icon__arw svg path {
  stroke: var(--icon-color);
}
.el_icon.el_icon__arw-top {
  background-color: transparent;
}
@media (min-width: 768px) {
  .el_icon.el_icon__blank {
    --icon-width: rem(24);
  }
  .isTablet .el_icon.el_icon__blank {
    --icon-width: tvw(24);
  }
}
.el_icon.el_icon__blank svg path,
.el_icon.el_icon__blank svg rect {
  transition: stroke 0.3s var(--ease-move);
}
.el_icon.el_icon__foot-print svg path {
  fill: var(--icon-color);
}
@media (max-width: 767.98px) {
  .el_icon.el_icon__foot-print svg.el_icon__foot-print__sm {
    --icon-width: 6.1538461538vw;
  }
}
.el_icon.el_icon__foot-print img,
.el_icon.el_icon__clean img,
.el_icon.el_icon__food img,
.el_icon.el_icon__housing img,
.el_icon.el_icon__disaster img {
  width: 80%;
  height: auto;
}

@media (min-width: 768px) {
  a:focus-visible .el_icon-nav,
  button:focus-visible .el_icon-nav {
    transition: none;
    animation: scale-up 0.3s var(--ease-move) forwards;
  }
  a:focus-visible .el_icon__arw,
  button:focus-visible .el_icon__arw {
    background-color: var(--icon-color);
  }
  a:focus-visible .el_icon__arw svg path,
  button:focus-visible .el_icon__arw svg path {
    transition: stroke 0.3s var(--ease-transition);

    stroke: var(--icon-bg-color);
  }
  a:focus-visible .el_icon__blank svg path,
  a:focus-visible .el_icon__blank svg rect,
  button:focus-visible .el_icon__blank svg path,
  button:focus-visible .el_icon__blank svg rect {
    stroke: #a2a2a3;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  a:hover .el_icon-nav,
  button:hover .el_icon-nav {
    transition: none;
    animation: scale-up 0.3s var(--ease-move) forwards;
  }
  a:hover .el_icon__arw,
  button:hover .el_icon__arw {
    background-color: var(--icon-color);
  }
  a:hover .el_icon__arw svg path,
  button:hover .el_icon__arw svg path {
    transition: stroke 0.3s var(--ease-transition);

    stroke: var(--icon-bg-color);
  }
  a:hover .el_icon__blank svg path,
  a:hover .el_icon__blank svg rect,
  button:hover .el_icon__blank svg path,
  button:hover .el_icon__blank svg rect {
    stroke: #a2a2a3;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  a:hover .el_icon-nav,
  button:hover .el_icon-nav {
    transition: none;
    animation: scale-up 0.3s var(--ease-move) forwards;
  }
  a:hover .el_icon__arw,
  button:hover .el_icon__arw {
    background-color: var(--icon-color);
  }
  a:hover .el_icon__arw svg path,
  button:hover .el_icon__arw svg path {
    transition: stroke 0.3s var(--ease-transition);

    stroke: var(--icon-bg-color);
  }
  a:hover .el_icon__blank svg path,
  a:hover .el_icon__blank svg rect,
  button:hover .el_icon__blank svg path,
  button:hover .el_icon__blank svg rect {
    stroke: #a2a2a3;
  }
}

.el_pageTop {
  display: grid;
  justify-content: center;

  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.el_pageTop_btn {
  display: inline-grid;
  position: relative;
  margin-bottom: -15.3846153846vw;
  padding-top: 11.5384615385vw;
  border-radius: 50%;
  width: 34.358974359vw;
  background-color: #08c96f;

  grid-template-rows: max-content max-content;
  gap: 1.0256410256vw;
  justify-items: center;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .el_pageTop_btn {
    margin-bottom: -6.8rem;
    padding-top: 2rem;
    width: 14.8rem;

    gap: 1.2rem;
  }
  .isTablet .el_pageTop_btn {
    margin-bottom: -4.9780380673vw;
    padding-top: 1.4641288433vw;
    width: 10.8345534407vw;

    gap: 0.878477306vw;
  }
}
@media (min-width: 768px) {
  .el_pageTop_btn:focus-visible {
    text-decoration: none;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_pageTop_btn:hover {
    text-decoration: none;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_pageTop_btn:hover {
    text-decoration: none;
  }
}

.el_pageTop_icon {
  display: none;
}
@media (min-width: 768px) {
  .el_pageTop_icon {
    display: block;
    width: 1.8rem;
    height: 2rem;
  }
  .isTablet .el_pageTop_icon {
    width: 1.317715959vw;
    height: 1.4641288433vw;
  }
}

.el_pageTop_icon-arw {
  display: inline-grid;
}

.el_pageTop_name {
  display: inline-block;
  z-index: 1;
  padding: 1.0256410256vw 3.0769230769vw;
  border-radius: 9999px;
  width: -moz-max-content;
  width: max-content;
  background-color: #fff;
  text-transform: uppercase;
  line-height: 1;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .el_pageTop_name {
    padding: 0.4rem 2rem;
  }
  .isTablet .el_pageTop_name {
    padding: 0.2928257687vw 1.4641288433vw;
  }
}

.el_pageTop_obj {
  display: block;
  position: absolute;
}
.el_pageTop_obj.el_pageTop_obj__butterflies {
  top: -9.2307692308vw;
  width: 13.5897435897vw;
  transition: translate 0.4s var(--ease-move), opacity 0.2s var(--ease-change);
}
@media (min-width: 768px) {
  .el_pageTop_obj.el_pageTop_obj__butterflies {
    top: -4rem;
    width: 5.2rem;

    translate: 0 4%;
  }
  .isTablet .el_pageTop_obj.el_pageTop_obj__butterflies {
    top: -2.9282576867vw;
    width: 3.8067349927vw;

    translate: 0;
  }
}
.el_pageTop_obj.el_pageTop_obj__cat {
  bottom: -12.8205128205vw;
  left: -3.0769230769vw;
  width: 30.7692307692vw;
}
@media (min-width: 768px) {
  .el_pageTop_obj.el_pageTop_obj__cat {
    bottom: -4.6rem;
    left: -1rem;
    width: 12.7rem;
    transition: translate 0.3s var(--ease-move);

    translate: 0 100%;
  }
  .isTablet .el_pageTop_obj.el_pageTop_obj__cat {
    bottom: -3.3674963397vw;
    left: -0.7320644217vw;
    width: 9.2972181552vw;

    translate: 0;
  }
}
.el_pageTop_obj img {
  display: block;
  width: 100%;

  backface-visibility: hidden;
}

@media (min-width: 768px) {
  .el_pageTop_btn:focus-visible .el_pageTop_obj__butterflies {
    transition: translate 0.4s var(--ease-move), opacity 0.4s var(--ease-change);

    translate: 0 0;
  }
  .el_pageTop_btn:focus-visible .el_pageTop_obj__cat {
    transition: translate 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;

    translate: 0 0;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .el_pageTop_btn:hover .el_pageTop_obj__butterflies {
    transition: translate 0.4s var(--ease-move), opacity 0.4s var(--ease-change);

    translate: 0 0;
  }
  .el_pageTop_btn:hover .el_pageTop_obj__cat {
    transition: translate 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;

    translate: 0 0;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .el_pageTop_btn:hover .el_pageTop_obj__butterflies {
    transition: translate 0.4s var(--ease-move), opacity 0.4s var(--ease-change);

    translate: 0 0;
  }
  .el_pageTop_btn:hover .el_pageTop_obj__cat {
    transition: translate 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.25s;

    translate: 0 0;
  }
}

.ly_inner {
  position: relative;

  padding-inline: 6.4102564103vw;
}
@media (min-width: 768px) {
  .ly_inner {
    max-width: calc(112rem + 4rem * 2);

    margin-inline: auto;
    padding-inline: 4rem;
  }
  .isTablet .ly_inner {
    padding-inline: 2.9282576867vw;
  }
}
@media (min-width: 768px) {
  .ly_inner.ly_inner__sm {
    max-width: 80.8rem;

    padding-inline: 0;
  }
  .isTablet .ly_inner.ly_inner__sm {
    max-width: 59.1508052709vw;
  }
}

@media (min-width: 768px) {
  .ly_media-inner {
    padding: 3.2rem 3.2rem 3.2rem 4rem;
  }
  .isTablet .ly_media-inner {
    padding: 2.3426061493vw 2.3426061493vw 2.3426061493vw 2.3426061493vw;
  }
}

[data-navigation] {
  display: contents;
}

.ly_menu_btn {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: calc(var(--nitoms-pet-stacking-navigation) + 5);
  top: calc(53px + 3.0769230769vw);
  right: 3.0769230769vw;
  margin: 0;
  border-radius: 2.0512820513vw;
  width: 14.358974359vw;
  height: 14.358974359vw;
  background-color: #fff;
  box-shadow: 0 0 3.8461538462vw color-mix(in srgb, #2a2b2c 15%, transparent 85%);

  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  gap: 0.5128205128vw;
}
@media (min-width: 768px) {
  .ly_menu_btn {
    top: calc(75px + 2rem);
    right: 2rem;
    border-radius: 1.6rem;
    width: 7.2rem;
    height: 7.2rem;
    box-shadow: 0 0 1.5rem color-mix(in srgb, #2a2b2c 15%, transparent 85%);

    gap: 0.4rem;
  }
  .isTablet .ly_menu_btn {
    top: calc(83px + 1.4641288433vw);
    right: 1.4641288433vw;
    border-radius: 1.1713030747vw;
    width: 5.270863836vw;
    height: 5.270863836vw;
    box-shadow: 0 0 1.0980966325vw color-mix(in srgb, #2a2b2c 15%, transparent 85%);

    gap: 0.2928257687vw;
  }
}
.ly_menu_btn.is-fixed {
  position: fixed;
  top: 3.0769230769vw;
}
@media (min-width: 768px) {
  .ly_menu_btn.is-fixed {
    top: 2rem;
  }
  .isTablet .ly_menu_btn.is-fixed {
    top: 1.4641288433vw;
  }
}
.ly_menu_btn[aria-expanded=true] {
  position: fixed;
  top: 3.0769230769vw;
  right: 3.5897435897vw;
  margin: 0;
  transition: background-color 0.1s var(--ease-change), box-shadow 0.1s var(--ease-change);
  background-color: #f2f4f5;
  box-shadow: 0 0 0;
}
@media (min-width: 768px) {
  .ly_menu_btn[aria-expanded=true] {
    top: 1.6rem;
    right: 3.7rem;
  }
  .isTablet .ly_menu_btn[aria-expanded=true] {
    top: 1.1713030747vw;
    right: 2.7086383602vw;
  }
}
.ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(1) {
  transition: rotate 0.3s var(--ease-move);

  translate: -0.5128205128vw -2px;
  rotate: -45deg;
}
@media (min-width: 768px) {
  .ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(1) {
    translate: -0.2rem -1.5px;
  }
  .isTablet .ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(1) {
    translate: -0.1464128843vw -1.5px;
  }
}
.ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(3) {
  transition: rotate 0.3s var(--ease-move);

  translate: -0.5128205128vw 2px;
  rotate: 45deg;
}
@media (min-width: 768px) {
  .ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(3) {
    translate: -0.2rem 1.5px;
  }
  .isTablet .ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(3) {
    translate: -0.1464128843vw 1.5px;
  }
}
.ly_menu_btn[aria-expanded=true] .ly_menu_btn-icon-inner > span:nth-of-type(2) {
  opacity: 0;
  transition: opacity 0.1s var(--ease-change);
}
@media (min-width: 768px) {
  .ly_menu_btn:focus-visible {
    transition: background-color 0.15s var(--ease-change);
    background-color: #0a4461;
  }
  .ly_menu_btn:focus-visible .ly_menu_btn-icon::before {
    transition: background-color 0.15s var(--ease-change);
    animation: scale-even 0.3s var(--ease-move) forwards;
    background-color: #fff;
  }
  .ly_menu_btn:focus-visible .ly_menu_btn-icon-inner > span {
    transition: background-color 0.15s var(--ease-change);
    background-color: #2a2b2c;
  }
  .ly_menu_btn:focus-visible .ly_menu_btn-txt {
    transition: color 0.15s var(--ease-change);
    color: #fff;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .ly_menu_btn:hover {
    transition: background-color 0.15s var(--ease-change);
    background-color: #0a4461;
  }
  .ly_menu_btn:hover .ly_menu_btn-icon::before {
    transition: background-color 0.15s var(--ease-change);
    animation: scale-even 0.3s var(--ease-move) forwards;
    background-color: #fff;
  }
  .ly_menu_btn:hover .ly_menu_btn-icon-inner > span {
    transition: background-color 0.15s var(--ease-change);
    background-color: #2a2b2c;
  }
  .ly_menu_btn:hover .ly_menu_btn-txt {
    transition: color 0.15s var(--ease-change);
    color: #fff;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .ly_menu_btn:hover {
    transition: background-color 0.15s var(--ease-change);
    background-color: #0a4461;
  }
  .ly_menu_btn:hover .ly_menu_btn-icon::before {
    transition: background-color 0.15s var(--ease-change);
    animation: scale-even 0.3s var(--ease-move) forwards;
    background-color: #fff;
  }
  .ly_menu_btn:hover .ly_menu_btn-icon-inner > span {
    transition: background-color 0.15s var(--ease-change);
    background-color: #2a2b2c;
  }
  .ly_menu_btn:hover .ly_menu_btn-txt {
    transition: color 0.15s var(--ease-change);
    color: #fff;
  }
}

.ly_menu_btn-icon {
  display: grid;
  position: relative;
  width: 8.9743589744vw;
  height: 8.4615384615vw;

  row-gap: 0.7692307692vw;
  place-content: center;
}
@media (min-width: 768px) {
  .ly_menu_btn-icon {
    padding-top: 0.2rem;
    width: 3.7rem;
    height: 3.5rem;

    row-gap: 0.3rem;
  }
  .isTablet .ly_menu_btn-icon {
    padding-top: 0.1464128843vw;
    width: 2.7086383602vw;
    height: 2.5622254758vw;

    row-gap: 0.2196193265vw;
  }
}
.ly_menu_btn-icon::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transition: background-color 0.1s var(--ease-change);
  background-color: #0a4461;

  -webkit-mask-image: url(/special/for-pets/assets/img/common/menu_bg_img.svg);

          mask-image: url(/special/for-pets/assets/img/common/menu_bg_img.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

.ly_menu_btn-icon-inner {
  display: block;
  position: relative;
  width: 4.1025641026vw;
  height: 2.3076923077vw;
}
@media (min-width: 768px) {
  .ly_menu_btn-icon-inner {
    width: 1.6rem;
    height: 1rem;
  }
  .isTablet .ly_menu_btn-icon-inner {
    width: 1.1713030747vw;
    height: 0.7320644217vw;
  }
}
.ly_menu_btn-icon-inner > span {
  display: block;
  opacity: 1;
  position: absolute;
  border-radius: 999px;
  width: 4.1025641026vw;
  height: 2px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .ly_menu_btn-icon-inner > span {
    width: 1.6rem;
  }
  .isTablet .ly_menu_btn-icon-inner > span {
    width: 1.1713030747vw;
  }
}
.ly_menu_btn-icon-inner > span:nth-of-type(1) {
  top: 0;
  transition: rotate 0.3s var(--ease-move), translate 0.3s var(--ease-move), background-color 0.1s var(--ease-change);
  transform-origin: right center;

  translate: 0 -50%;
}
.ly_menu_btn-icon-inner > span:nth-of-type(2) {
  top: 50%;
  transition: opacity 0.1s var(--ease-change), background-color 0.1s var(--ease-change);

  translate: 0 -50%;
}
.ly_menu_btn-icon-inner > span:nth-of-type(3) {
  bottom: 0;
  transition: rotate 0.3s var(--ease-move), translate 0.3s var(--ease-move), background-color 0.1s var(--ease-change);
  transform-origin: right center;

  translate: 0 50%;
}

.ly_menu_btn-txt {
  transition: color 0.1s var(--ease-change);
  font-size: 3.0769230769vw;
  font-weight: 600;
  line-height: 1;

  text-box: trim-both cap alphabetic;
}
@media (min-width: 768px) {
  .ly_menu_btn-txt {
    font-size: 1.3rem;
  }
  .isTablet .ly_menu_btn-txt {
    font-size: 0.9516837482vw;
  }
}

.ly_menu_overlay {
  display: grid;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: var(--nitoms-pet-stacking-navigation);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, #2a2b2c 50%, transparent 50%);

  justify-items: end;
}

.ly_menu {
  display: grid;
  position: relative;
  width: 68.2051282051vw;
  height: 100%;
  transform: translate3d(100%, 0, 0);
  background-color: #f2f4f5;
}
@media (min-width: 768px) {
  .ly_menu {
    width: 40rem;
  }
  .isTablet .ly_menu {
    width: 29.2825768668vw;
  }
}
.ly_menu::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 20vw;
  background-color: #f2f4f5;
}
@media (min-width: 768px) {
  .ly_menu::before {
    height: 9rem;
  }
  .isTablet .ly_menu::before {
    height: 6.588579795vw;
  }
}

.ly_menu_body {
  display: grid;
  overflow-y: auto;
  width: 100%;
  max-height: 100dvh;
}

.ly_menu_body_inner {
  position: relative;
  padding: 23.5897435897vw 6.1538461538vw 25.641025641vw;
}
@media (min-width: 768px) {
  .ly_menu_body_inner {
    padding: 10.2rem 5.6rem 10.6rem;
  }
  .isTablet .ly_menu_body_inner {
    padding: 7.467057101vw 4.0995607613vw 7.7598828697vw;
  }
}

.ly_menu_list {
  display: flex;
  flex-direction: column;

  row-gap: 6.1538461538vw;
}
@media (min-width: 768px) {
  .ly_menu_list {
    row-gap: 2.4rem;
  }
  .isTablet .ly_menu_list {
    row-gap: 1.756954612vw;
  }
}

.ly_menu_link {
  display: inline-flex;
  align-items: center;
  flex-direction: row-reverse;
  position: relative;

  -moz-column-gap: 2.0512820513vw;

       column-gap: 2.0512820513vw;
}
@media (min-width: 768px) {
  .ly_menu_link {
    -moz-column-gap: 0.8rem;
         column-gap: 0.8rem;
  }
  .isTablet .ly_menu_link {
    -moz-column-gap: 0.5856515373vw;
         column-gap: 0.5856515373vw;
  }
}
.ly_menu_link::before {
  content: "";
  position: absolute;

  inset: -1.0256410256vw -3.3333333333vw -1.0256410256vw -1.0256410256vw;
}
@media (min-width: 768px) {
  .ly_menu_link::before {
    inset: -0.6rem -1.6rem -0.6rem -0.6rem;
  }
  .isTablet .ly_menu_link::before {
    inset: -0.439238653vw -1.1713030747vw -0.439238653vw -0.439238653vw;
  }
}
.ly_menu_link > .ly_menu_link_txt {
  position: relative;
  margin-top: -1.2820512821vw;

  text-box: trim-both text text;
}
@media (min-width: 768px) {
  .ly_menu_link > .ly_menu_link_txt {
    margin-top: -0.5rem;
  }
  .isTablet .ly_menu_link > .ly_menu_link_txt {
    margin-top: -0.3660322108vw;
  }
}
.ly_menu_link > .ly_menu_link_txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.2564102564vw;
  transition: scale 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transform-origin: left;
  background-color: #2a2b2c;

  scale: 1 1;
}
@media (min-width: 768px) {
  .ly_menu_link > .ly_menu_link_txt::after {
    height: 0.1rem;
  }
}
.ly_menu_link > .ly_menu_link_icon {
  flex-shrink: 0;
}
.ly_menu_link > .ly_menu_link_icon > .el_icon.el_icon__arw {
  --icon-width: 4.1025641026vw;
}
@media (min-width: 768px) {
  .ly_menu_link > .ly_menu_link_icon > .el_icon.el_icon__arw {
    --icon-width: 1.8rem;
  }
  .isTablet .ly_menu_link > .ly_menu_link_icon > .el_icon.el_icon__arw {
    --icon-width: 1.317715959vw;
  }
}
@media (min-width: 768px) {
  .ly_menu_link:focus-visible > .ly_menu_link_txt::after {
    transform-origin: right;

    scale: 0 1;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .ly_menu_link:hover > .ly_menu_link_txt::after {
    transform-origin: right;

    scale: 0 1;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  .ly_menu_link:hover > .ly_menu_link_txt::after {
    transform-origin: right;

    scale: 0 1;
  }
}

.ly_menu_link_txt {
  text-align: left;
}

.ly_menu_accordion-btn {
  display: grid;
  align-items: center;
  position: relative;
  padding: 4.1025641026vw 2.0512820513vw 4.1025641026vw 0;
  width: 100%;

  --ease-change: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  grid-template: ". icon"/1fr 4.1025641026vw;
}
@media (min-width: 768px) {
  .ly_menu_accordion-btn {
    padding: 1.6rem 0;

    grid-template: ". icon"/1fr 1.6rem;
  }
  .isTablet .ly_menu_accordion-btn {
    padding: 1.1713030747vw 0;

    grid-template: ". icon"/1fr 1.1713030747vw;
  }
}
.ly_menu_accordion-btn::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
}
.ly_menu_accordion-btn[aria-expanded=true] .ly_menu_link_icon.ly_menu_link_icon__plus > span:nth-of-type(2) {
  transition: rotate 0.3s var(--ease-move);

  rotate: 0deg;
}

.ly_menu_accordion-panel {
  display: grid;
  transition: grid-template-rows 0.2s var(--ease-move);

  --ease-move: cubic-bezier(0.39, 0.575, 0.565, 1);
  grid-template-rows: 0fr;
}
.ly_menu_accordion-panel[aria-hidden=false] {
  transition: grid-template-rows 0.3s var(--ease-move);

  grid-template-rows: 1fr;
}

.ly_menu_accordion-panel_inner {
  overflow: hidden;
}

.ly_menu_link_icon.ly_menu_link_icon__plus > span {
  display: grid;
  border-radius: 999px;
  width: 100%;
  height: 2px;
  transition: rotate 0.2s var(--ease-move);
  background-color: currentColor;

  grid-area: 1/-1;
}
.ly_menu_link_icon.ly_menu_link_icon__plus > span:nth-of-type(1) {
  translate: 0 2px;
}
.ly_menu_link_icon.ly_menu_link_icon__plus > span:nth-of-type(2) {
  rotate: 90deg;
}

.ly_menu_item_anchorList {
  display: flex;
  flex-direction: column;
  padding-top: 4.1025641026vw;

  row-gap: 4.1025641026vw;
}
@media (min-width: 768px) {
  .ly_menu_item_anchorList {
    padding-top: 1.6rem;

    row-gap: 1.6rem;
  }
  .isTablet .ly_menu_item_anchorList {
    padding-top: 1.1713030747vw;

    row-gap: 1.1713030747vw;
  }
}

.ly_menu_abs {
  position: absolute;
  bottom: 0;
  left: 50%;

  translate: -50% 0;
}
.ly_menu_abs.ly_menu_abs01 {
  width: 23.8461538462vw;
}
@media (min-width: 768px) {
  .ly_menu_abs.ly_menu_abs01 {
    width: 9.9rem;
  }
  .isTablet .ly_menu_abs.ly_menu_abs01 {
    width: 7.2474377745vw;
  }
}

@media (min-width: 768px) {
  a:not(.is-disable):focus-visible .el_icon__arw svg,
  button:not(.is-disable):focus-visible .el_icon__arw svg {
    animation: slide-in 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;

    --translate-x: 0;
    --translate-y: -100%;
  }
  a:not(.is-disable):focus-visible .el_icon__blank svg,
  button:not(.is-disable):focus-visible .el_icon__blank svg {
    animation: slide-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;

    --translate-x: -100%;
    --translate-y: 0;
  }
}
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  a:not(.is-disable):hover .el_icon__arw svg,
  button:not(.is-disable):hover .el_icon__arw svg {
    animation: slide-in 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;

    --translate-x: 0;
    --translate-y: -100%;
  }
  a:not(.is-disable):hover .el_icon__blank svg,
  button:not(.is-disable):hover .el_icon__blank svg {
    animation: slide-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;

    --translate-x: -100%;
    --translate-y: 0;
  }
}
@media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) {
  a:not(.is-disable):hover .el_icon__arw svg,
  button:not(.is-disable):hover .el_icon__arw svg {
    animation: slide-in 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;

    --translate-x: 0;
    --translate-y: -100%;
  }
  a:not(.is-disable):hover .el_icon__blank svg,
  button:not(.is-disable):hover .el_icon__blank svg {
    animation: slide-in 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) forwards;

    --translate-x: -100%;
    --translate-y: 0;
  }
}

@keyframes slide-in {
  from {
    opacity: 0;

    translate: var(--translate-x) var(--translate-y);
  }
  to {
    opacity: 1;

    translate: 0 0;
  }
}
[data-slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-fade-in] {
  opacity: 0;
}

@keyframes scale-up {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 0.95);
  }
  100% {
    transform: scale(1.05);
  }
}
@keyframes scale-down {
  0% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-even {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  100% {
    transform: scale(1);
  }
}
/* ------------------------
  Print Styles
------------------------ */
@media print {
  *,
  *::before,
  *::after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}