@charset "UTF-8";
/* ==================================================
    0. ベース
   ================================================== */
html {
  font-weight: 400;
  font-size: 62.5%;
  font-family: arial, "Hiragino Sans", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  line-height: 1.5;
}
html .ios-pre18 {
  font-family: arial, "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
}

:root {
  --scroll-bar-width: 0;
  --headerHeight: 128px;
}

* {
  outline: 0;
}

body {
  font-size: 1.6rem;
  color: #121212;
  min-width: 1024px;
  padding-top: 171px;
  padding-top: var(--headerHeight);
}
body.-fixed {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  padding-right: var(--scroll-bar-width);
  min-width: calc(1024px + var(--scroll-bar-width));
}
body.-fixed::after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: var(--scroll-bar-width);
  background: #FFFFFF;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

html {
  background-color: #FFFFFF;
  font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}

body {
  font-size: 1.8rem;
  color: #183346;
}

/* ==================================================
    1. モジュール
   ================================================== */
/* .Btn 汎用ボタン
  ---------------------- */
.Btn {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  min-height: 30px;
  background: no-repeat #FFFFFF center;
  border-radius: 60px;
  color: #002E5D;
  width: 100%;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: 0px 2px 8px rgba(1, 71, 147, 0.3);
  transition: 300ms easein;
  transition-property: background, box-shadow;
}

/* .Btn modifier color */
.Btn.-primaryBlue {
  color: #FFFFFF;
  background-color: #2E8BF0;
}
.Btn.-primaryPink {
  color: #FFFFFF;
  background-color: #EF6363;
}
.Btn.-secondary {
  color: #FFFFFF;
  background-color: #002E5D;
}
.Btn.-assist {
  border: 1px solid #002E5D;
  box-shadow: none;
}
.Btn.-disabled {
  pointer-events: none;
  background-color: #EEEEEE !important;
  color: #CCCCCC !important;
}
.Btn.-lineGreen {
  color: #FFFFFF;
  background-color: #06C755;
}

/* .Btn modifier size */
.Btn.-ty {
  height: 38px;
  font-size: 1.5rem;
  padding: 5px 0;
}
.Btn.-sm {
  height: 36px;
}
.Btn.-md {
  padding: 12px 20px;
  height: auto;
  min-height: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.Btn.-lg {
  padding: 5px 30px;
  height: 60px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}

/* .Btn modifier status */
.Btn.-external, .Btn[target=_blank] {
  position: relative;
  padding-left: 30px;
  padding-right: 44px;
}
.Btn.-external::after, .Btn[target=_blank]::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  margin-left: 11px;
  width: 14px;
  height: 12px;
  background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
  background-size: 14px 12px;
}
.Btn.-external.-secondary::after, .Btn.-external.-primaryBlue::after, .Btn.-external.-primaryPink::after, .Btn.-external.-lineGreen::after, .Btn[target=_blank].-secondary::after, .Btn[target=_blank].-primaryBlue::after, .Btn[target=_blank].-primaryPink::after, .Btn[target=_blank].-lineGreen::after {
  background-image: url(/image/cmn/ico_link_external_white.png);
}
.Btn.-disabled, .Btn:disabled {
  background-color: #EEEEEE;
  border: none;
  color: #CCCCCC;
  box-shadow: none;
  pointer-events: none;
}
.Btn.-disabled.-external::after, .Btn.-disabled[target=_blank]::after, .Btn:disabled.-external::after, .Btn:disabled[target=_blank]::after {
  background-image: url(/image/cmn/ico_link_external_gray.png);
}

/* .Btn modifier withIco */
.Btn.-withIco {
  position: relative;
  padding-left: 30px;
}
.Btn.-line {
  width: 120px;
  padding-right: 0;
}
.Btn.-line::after {
  content: none;
}
.Btn.-back {
  padding-left: 10px;
}
.Btn.-next {
  padding-left: 0;
  padding-right: 10px;
}
.Btn.-pdf {
  padding-right: 0;
}
.Btn.-pdf::after {
  content: none;
}
.Btn.-inspection.-sm {
  max-width: 240px;
}

.Btn__ico {
  position: absolute;
  left: 14px;
  top: 50%;
  width: 16px;
  height: 16px;
  background: no-repeat center;
  background-size: 16px 16px;
  transform: translateY(-50%);
}
.Btn__ico.-search {
  background-image: url(/image/cmn/ico_btn_search.png);
}
.Btn:disabled .Btn__ico.-search, .Btn.-disabled .Btn__ico.-search {
  background-image: url(/image/cmn/ico_btn_search-gray.png);
}
.Btn__ico.-line {
  left: 10px;
  width: 21px;
  height: 20px;
  background-image: url(/image/cmn/ico_btn_line.png);
  background-size: 21px 20px;
}
.Btn__ico.-lineGreen {
  left: 20px;
  width: 48px;
  height: 48px;
  background-image: url(/image/cmn/ico_btn_line_02.png);
  background-size: 48px;
}
.Btn__ico.-modal {
  left: 15px;
  width: 16px;
  height: 14px;
  background-image: url(/image/cmn/ico_link_modal.png);
  background-size: 16px 14px;
}
.Btn__ico.-back {
  left: 19px;
  width: 5px;
  height: 8px;
  background-image: url(/image/cmn/ico_arrow_left.png);
  background-size: 5px 8px;
}
.Btn__ico.-next {
  left: auto;
  right: 19px;
  width: 5px;
  height: 8px;
  background-image: url(/image/cmn/ico_arrow_left.png);
  transform: translateY(-50%) rotate(180deg);
  background-size: 5px 8px;
}
.Btn__ico.-pdf {
  left: 19px;
  width: 17px;
  height: 20px;
  background-image: url(/image/cmn/ico_link_pdf.png);
  background-size: 17px 20px;
}
.Btn__ico.-inspection {
  height: 14px;
  background-image: url(/image/cmn/ico_btn_inspection.png);
  background-size: 16px 14px;
}
.Btn__ico.-count {
  z-index: 10;
  left: 40px;
  width: 24px;
  height: 24px;
  background-image: url(/image/cmn/ico_count.png);
  background-size: 24px 24px;
}

.c-fade {
  opacity: 0;
}
.c-fade--fade {
  -webkit-animation: fade 2s;
  animation: fade 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.c-fade--down {
  -webkit-animation: down 2s;
  animation: down 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-fade--up {
  -webkit-animation: up 2s;
  animation: up 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-fade--fastUp {
  -webkit-animation: up 0.5s;
  animation: up 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-fade--left {
  -webkit-animation: left 2s;
  animation: left 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-fade--right {
  -webkit-animation: right 2s;
  animation: right 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.c-fade--list {
  -webkit-animation: opacityAnimation 0.5s 0.2s ease-in forwards;
  animation: opacityAnimation 0.5s 0.2s ease-in forwards;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes down {
  0% {
    transform: translateY(-10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes down {
  0% {
    transform: translateY(-10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes up {
  0% {
    transform: translateY(10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes up {
  0% {
    transform: translateY(10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes left {
  0% {
    transform: translateX(10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes left {
  0% {
    transform: translateX(10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes right {
  0% {
    transform: translateX(-10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes right {
  0% {
    transform: translateX(-10%);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes listAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes listAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* .c-rotate アニメーション
  ---------------------- */
.c-rotate--toLeft {
  -webkit-animation: rotateLeft 1s ease-in-out forwards;
  animation: rotateLeft 1s ease-in-out forwards;
  /* 1秒かけてアニメーションを実行（ease-in-out イージングを使用）、最後の状態を維持する */
}

.c-rotate--toRight {
  -webkit-animation: rotateRight 1s ease-in-out forwards;
  animation: rotateRight 1s ease-in-out forwards;
  /* 1秒かけてアニメーションを実行（ease-in-out イージングを使用）、最後の状態を維持する */
}

@-webkit-keyframes rotateLeft {
  0% {
    transform: rotate(0deg) translateX(0px);
    /* 初期状態（0度の回転） */
  }
  100% {
    transform: rotate(-10deg) translateX(-40px);
    /* 最終状態（左に40度回転） */
  }
}

@keyframes rotateLeft {
  0% {
    transform: rotate(0deg) translateX(0px);
    /* 初期状態（0度の回転） */
  }
  100% {
    transform: rotate(-10deg) translateX(-40px);
    /* 最終状態（左に40度回転） */
  }
}
@-webkit-keyframes rotateRight {
  0% {
    transform: rotate(0deg) translateX(0px);
    /* 初期状態（0度の回転） */
  }
  100% {
    transform: rotate(10deg) translateX(40px);
    /* 最終状態（右に40度回転） */
  }
}
@keyframes rotateRight {
  0% {
    transform: rotate(0deg) translateX(0px);
    /* 初期状態（0度の回転） */
  }
  100% {
    transform: rotate(10deg) translateX(40px);
    /* 最終状態（右に40度回転） */
  }
}
/* .Ttl タイトル
  ---------------------- */
.Ttl {
  color: #002E5D;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}
.Ttl__txt {
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

/* .table modifier layout */
.Ttl.-withIco {
  display: flex;
  align-items: center;
}
.Ttl.-withIco .Ttl__ico {
  position: relative;
  top: -2px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-right: 20px;
}
.Ttl.-withIco .Ttl__sub {
  display: block;
  margin-bottom: 5px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  line-height: 1;
}

/* .Heading 中見出し
  ---------------------- */
.Heading {
  color: #002E5D;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.Heading__txt {
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}

/* .Heading modifier layout */
.Heading.-withIco {
  display: flex;
  align-items: center;
}
.Heading.-withIco .Heading__ico {
  margin-right: 16px;
}
.Heading.-withEn .Heading__en {
  font-size: 3.2rem;
  letter-spacing: 0.05em;
  font-style: normal;
  font-family: "Montserrat", arial, "Hiragino Sans", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
}
.Heading.-withEn .Heading__ja {
  margin-left: 20px;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: 600;
  font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
}

/* .Subheading 中見出し
  ---------------------- */
.Subheading {
  color: #002E5D;
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.Subheading__txt {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.Subheading__sub {
  display: block;
  text-align: center;
  font-size: 1.4rem;
}

/* .Subheading modifier layout */
.Subheading.-withIco {
  display: flex;
  align-items: center;
}
.Subheading.-withIco .Subheading__ico {
  margin-right: 15px;
}
.Subheading.-bordered {
  position: relative;
  border-bottom: 1px solid #DCE6F2;
  padding-bottom: 10px;
}
.Subheading.-bordered::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 80px;
  height: 2px;
  background-color: #002E5D;
}
.Subheading.-bordered.-gray {
  border-color: #C9C7C3;
}
.Subheading.-kv {
  position: relative;
  border-bottom: 1px solid transparent;
  margin-bottom: 21px;
  padding-bottom: 21px;
  line-height: 1.7;
  font-size: 2.4rem;
}
.Subheading.-kv::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 80px;
  height: 2px;
  background-color: #002E5D;
}
.Subheading.-center {
  text-align: center;
}

/* .ItemHeading 中見出し
  ---------------------- */
.ItemHeading {
  color: #002E5D;
  font-size: 1.8rem;
  font-weight: 600;
}
.ItemHeading__txt {
  font-size: 1.8rem;
  font-weight: 600;
}
.ItemHeading--balloon {
  padding: 5px 15px 3px;
  margin-right: 10px;
  background: #fff;
  border-radius: 100px 100px 0px 100px;
  color: #2E8BF0;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.5;
}

/* .ItemHeading modifier layout */
.ItemHeading.-withIco {
  display: flex;
  align-items: center;
}
.ItemHeading.-withIco .ItemHeading__ico {
  margin-right: 10px;
}
.ItemHeading.-bordered {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #C3D3E6;
}
.ItemHeading__txt .-inlineBreak {
  display: inline-block;
}

/* 注意文言 */
.Notice {
  color: #D84532;
  font-weight: 600;
  margin-top: 48px;
  text-align: center;
}
.Notice + .PetsShop__contact, .Notice + .SpecialPresent__btn {
  margin-top: 20px;
}

/* .Ttl タイトル
  ---------------------- */
.MppHeading {
  margin-bottom: 30px;
}

.MppSubHeading {
  font-size: 3.2rem;
  font-weight: 600;
  color: #183346;
  font-family: "Zen Maru Gothic", sans-serif;
  margin-bottom: 30px;
}
.MppSubHeading.-widthIco {
  position: relative;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}
.MppSubHeading.-widthIco::before {
  content: "";
  display: block;
  width: 36px;
  height: 32px;
  background: no-repeat top center;
  background-size: 100%;
  background-image: url(/lp/mypetplus/img/cmn/ico_notice.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -46px;
}
.MppSubHeading.-big {
  font-size: 4rem;
  margin-bottom: 20px;
  text-align: center;
}

/* ヘッダー
  ---------------------- */
/* ヘッダー本体 */
.Header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  background: #FFFFFF;
  line-height: 1;
  z-index: 100;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* ヘッダーロゴ */
.HeaderLogo {
  display: flex;
  align-items: flex-end;
  font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  color: #002E5D;
}
.HeaderLogo__img {
  display: block;
  width: 142px;
  opacity: 1;
  pointer-events: auto;
  transition: 300ms easein;
  transition-property: opacity;
}
.HeaderLogo__catch {
  margin-left: 16px;
  font-size: 1.2rem;
  line-height: 1.3em;
}

/* ヘッダーメニュー */

/* ヘッダーリンク*/
.HeaderLinks__inner {
  display: flex;
}
.HeaderLinks__link {
  color: #002E5D;
}

/* ヘッダーナビゲーション */
.HeaderNav__inner {
  display: flex;
  justify-content: space-between;
}
.HeaderNav__link {
  color: #002E5D;
  font-weight: 600;
}
.HeaderNav__link.-external::after, .HeaderNav__link[target=_blank]::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 14px;
  height: 12px;
  background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
  background-size: 14px 12px;
}
.HeaderNav__item {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.HeaderNav__icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 6px;
}

/* ヘッダーメガメニュー */
.HeaderMega__thumb {
  width: 240px;
  height: 140px;
  margin-top: 8px;
  margin-right: 30px;
  border-radius: 10px;
  overflow: hidden;
  background: #eee;
}
.HeaderMega__link {
  color: #002E5D;
}
.HeaderMega__link[target=_blank]::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 10px;
  background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
  background-size: 12px 10px;
}

/* フローティングメニュー */
.FloatingMenu {
  position: fixed;
  z-index: 100;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  color: #FFFFFF;
  font-weight: 600;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link::before {
  content: "";
  display: block;
  background: no-repeat center;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link.-mail {
  background: #002E5D;
  padding: 0 10px;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link.-mail::before {
  width: 18px;
  height: 13px;
  background-image: url(/image/cmn/ico_floating_mail.png);
  background-size: 18px 13px;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link.-reserve {
  background: #EF6363;
}
.FloatingMenu__item:not(.-btn) .FloatingMenu__link.-reserve::before {
  width: 18px;
  height: 17px;
  background-image: url(/image/cmn/ico_floating_reserve.png);
  background-size: 18px 17px;
}

.js_Header.-whiteBack {
  background-color: #FFFFFF;
}

/* ヘッダーリンク*/
.HeaderLinks__link {
  color: #183346 !important;
  font-size: 1.6rem !important;
}

.HeaderToggle {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}
.HeaderToggle__ico {
  position: relative;
  display: block;
  width: 24px;
  height: 16px;
  margin-top: 5px;
}
.HeaderToggle__line {
  position: absolute;
  display: block;
  width: 24px;
  height: 1.5px;
  background: #002E5D;
  transform: translateY(-50%);
  transition: 300ms easein;
  transition-property: width;
}
.HeaderToggle__line:nth-child(1), .HeaderToggle__line:nth-child(2), .HeaderToggle__line:nth-child(3) {
  width: 100%;
  right: 0;
}
.HeaderToggle__line:nth-child(1) {
  top: 0;
  transition-delay: 80ms;
}
.HeaderToggle__line:nth-child(2) {
  top: 50%;
  transition-delay: 160ms;
}
.HeaderToggle__line:nth-child(3) {
  top: 100%;
  transition-delay: 280ms;
}
.HeaderToggle__line:nth-child(4), .HeaderToggle__line:nth-child(5) {
  width: 0;
  transform-origin: left;
}
.HeaderToggle__line:nth-child(4) {
  top: 0;
  transform: translateY(-50%) rotate(32deg);
}
.HeaderToggle__line:nth-child(5) {
  top: 100%;
  transform: translateY(-50%) rotate(-32deg);
  transition-delay: 80ms;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(1), .HeaderToggle.-opened .HeaderToggle__line:nth-child(2), .HeaderToggle.-opened .HeaderToggle__line:nth-child(3) {
  width: 0;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(2) {
  transition-delay: 80ms;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(3) {
  transition-delay: 200ms;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(4), .HeaderToggle.-opened .HeaderToggle__line:nth-child(5) {
  width: 120%;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(4) {
  transition-delay: 80ms;
}
.HeaderToggle.-opened .HeaderToggle__line:nth-child(5) {
  transition-delay: 280ms;
}
.HeaderToggle__txt {
  display: block;
  font-family: "Montserrat", arial, "Hiragino Sans", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  color: #002E5D;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  font-weight: 600;
  text-align: center;
  line-height: 1;
}
.Header__inner {
  max-width: 1320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.Header__toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 60px;
  height: 44px;
  transform: translateY(-50%);
}

/* フッター
  ---------------------- */
/* フッター本体 */
.Footer {
  background-color: #FFFAF7;
  line-height: 1;
  font-size: 1.3rem;
}
.Footer a {
  color: #183346;
}
.Footer__body {
  position: relative;
  padding: 50px 0 45px;
}
.Footer__logo {
  display: inline-block;
  height: 27px;
  margin-bottom: 30px;
  opacity: 1;
  transition: 300ms easein;
  transition-property: opacity;
}
.Footer__logo img {
  width: auto;
  height: 100%;
}
.Footer__copyright {
  color: #183346;
  font-size: 1.1rem;
  font-family: "Montserrat", arial, "Hiragino Sans", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
  margin-right: 0;
  margin-left: auto;
  font-weight: 500;
}

/* フッターバナー */
.FooterBanners {
  margin-top: 100px;
  padding: 60px 0;
  background-color: #E4EEFA;
}
.FooterBanners__inner {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}
.FooterBanners__link, .FooterBanners__link[target=_blank] {
  display: block;
  width: 100%;
  opacity: 1;
  transition: 300ms easein;
  transition-property: opacity;
}
.FooterBanners__link::after, .FooterBanners__link[target=_blank]::after {
  display: none;
}

/* フッターサイトマップ */
.FooterLinks {
  line-height: 1.5;
}

.FooterCate__ttl {
  color: #183346;
}
.FooterCate__subTtl {
  color: #183346;
  font-weight: 600;
}
.FooterCate__link[target=_blank]::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 10px;
  background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
  background-size: 12px 10px;
}

.FooterOthers__link {
  font-weight: 600;
}
.FooterOthers__link[target=_blank]::after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 10px;
  background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
  background-size: 12px 10px;
}

.FooterPrivacies__link[href$=pdf] {
  margin-right: 28px;
  position: relative;
}
.FooterPrivacies__link[href$=pdf]::after {
  content: "";
  right: -28px;
  top: calc(50% - 10px);
  position: absolute;
  width: 17px;
  height: 20px;
  background-image: url(/image/cmn/ico_link_pdf.png);
  background-size: 17px 20px;
}

/* フッター会社 */
.FooterCompany {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #E7EDF4;
}
.FooterCompany__text, .FooterCompany__address {
  color: #183346;
}

/* ページトップ
  ---------------------- */
.ScrollTop {
  position: fixed;
  opacity: 0;
  right: 20px;
  bottom: 30px;
  pointer-events: none;
  transform: translateY(20%);
  transition: 300ms easein;
  transition-property: opacity, transform;
  z-index: 1;
}
.ScrollTop__link {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  display: block;
  background: url(/image/cmn/ico_scrolltop.png) no-repeat center #FFFAF7;
  background-size: 14px 19px;
  box-shadow: 0px 2px 8px rgba(1, 71, 147, 0.3);
  transition: 300ms easein;
  transition-property: background-color, box-shadow;
}
.ScrollTop.-show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.ScrollTop.-fit {
  position: absolute;
  top: -30px;
  bottom: auto;
}

.Footer {
  font-size: 1.4rem;
  position: relative;
}
.Footer__illust {
  display: block;
  width: 100%;
  height: 200px;
  background: no-repeat bottom center;
  background-size: 100%;
  background-image: url(/lp/mypetplus/img/top/footer_top_pc.svg);
  transform: translateY(1px);
  position: relative;
  z-index: 10;
}
.Footer__illust::before {
  content: "";
  position: absolute;
  width: 280px;
  height: 117px;
  background: no-repeat center center;
  background-size: 100%;
  background-image: url(/lp/mypetplus/img/top/footer_dc.svg);
  right: 128px;
  bottom: 15%;
  background-size: 280px 117px;
}
.Footer__logo {
  margin-bottom: 20px;
}

.FooterCate__list {
  display: flex;
  -moz-column-gap: 30px;
  column-gap: 30px;
  font-weight: 600;
}

/* 公式サイトへリンク */

/* 利用規約など */

.FooterPrivacies {
  font-size: 1.3rem;
}

/* ==================================================
    2. レイアウト
   ================================================== */
.ly_Container {
  max-width: 1320px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.ly_Container.-tight {
  padding-left: 0;
  padding-right: 0;
  max-width: 960px;
}

.ly_Col.-half .ly_Col__item.-img {
  position: relative;
}
.ly_Col.-half .ly_Col__item.-img::before {
  content: "";
  display: block;
  padding-top: 61.875%;
}
.ly_Col.-half .ly_Col__item.-img img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.ly_Col__item.-cont {
  align-self: flex-start;
  width: 62.5%;
  max-width: 800px;
}
.ly_Col__item.-img {
  align-self: flex-start;
  width: calc(37.5% - 40px);
  max-width: 440px;
}
.ly_Col__item.-img img {
  width: 100%;
  border-radius: 10px;
}
.ly_Col__item.-img img + img {
  margin-top: 30px;
}
.ly_Col__item.-img figcaption {
  margin-top: 15px;
  font-size: 1.2rem;
}

/* ==================================================
    4. ヘルパー
   ================================================== */

@media screen and (max-width: 768px) {
  :root {
    --headerHeight: 60px;
  }
  body {
    min-width: 320px;
    padding-top: 84px;
    padding-top: var(--headerHeight);
    padding-bottom: 80px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px);
    /* iPhone X向け記述 */
    font-size: 1.5rem;
    line-height: 1.7;
  }
  body.-fixed {
    padding-right: var(--scroll-bar-width);
    min-width: calc(320px + var(--scroll-bar-width));
  }
  html {
    overflow-x: hidden;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
  }
  body {
    padding-bottom: 0;
    -ms-scroll-chaining: none;
    overscroll-behavior: none;
  }
  .Btn.-lg {
    height: auto;
    min-height: 0;
    line-height: 1.5;
    padding: 16px 20px;
    font-size: 1.6rem;
  }
  .Btn.-md {
    font-size: 1.4rem;
  }
  .Btn.-pdf {
    padding-left: 32px;
  }
  .Btn__ico.-count {
    left: 73px;
  }
  .Ttl, .Ttl__txt {
    font-size: 2rem;
  }
  .Ttl.-withIco .Ttl__ico {
    top: -3px;
    margin-right: 15px;
  }
  .Ttl.-withIco .Ttl__ico.-slash {
    display: flex;
    align-self: flex-start;
    align-items: center;
    height: 3rem;
  }
  .Ttl.-withIco .Ttl__sub {
    margin-bottom: 2px;
    font-size: 1.2rem;
  }
  .Heading, .Heading__txt {
    font-size: 1.8rem;
  }
  .Heading.-withIco .Heading__ico {
    margin-right: 15px;
  }
  .Heading.-withIco .Heading__ico.-specials {
    max-width: 37px;
  }
  .Heading.-withIco .Heading__ico.-msg {
    margin-right: 8px;
  }
  .Heading.-withIco .Heading__ico.-slash {
    display: flex;
    align-self: flex-start;
    align-items: center;
    height: 2.7rem;
  }
  .Heading.-withEn .Heading__en {
    display: block;
    line-height: 1;
    font-size: 2.4rem;
  }
  .Heading.-withEn .Heading__ja {
    display: block;
    margin: 3px 0 0;
    font-size: 1.3rem;
  }
  .Heading.-withEn .Heading__ico.-slash {
    height: 2.4rem;
  }
  .Subheading, .Subheading__txt {
    font-size: 1.8rem;
  }
  .Subheading.-lm, .Subheading__txt.-lm {
    font-size: 2rem;
  }
  .Subheading__ico + .Subheading__txt {
    line-height: 1.5;
    font-size: 1.6rem;
  }
  .Subheading.-bordered::before {
    width: 60px;
  }
  .Subheading.-kv {
    margin-top: -2px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    line-height: 1.5;
    font-size: 1.8rem;
  }
  .Subheading.-withIco .Subheading__ico.-slash {
    display: flex;
    align-self: flex-start;
    align-items: center;
    height: 2.7rem;
  }
  .ItemHeading, .ItemHeading__txt {
    font-size: 1.6rem;
  }
  .ItemHeading--balloon {
    min-width: 75px;
    font-size: 1.3rem;
  }
  .ItemHeading.-withIco .ItemHeading__ico.-slash {
    display: flex;
    align-self: flex-start;
    align-items: center;
    height: 2.4rem;
  }
  .MppHeading {
    margin-bottom: 20px;
  }
  .MppSubHeading {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
  .MppSubHeading.-widthIco::before {
    width: 23px;
    height: 20px;
    left: -34px;
  }
  .MppSubHeading.-big {
    font-size: 2.4rem;
    margin-bottom: 12px;
  }
  .Header {
    min-width: 320px;
  }
  .Header__inner {
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .Header__inner {
    padding-right: 0;
  }
  .Header__menu {
    position: fixed;
    top: 60px;
    top: var(--headerHeight);
    left: 0;
    bottom: 80px;
    background: #FFFFFF;
    width: 100%;
    min-width: 320px;
    overflow: auto;
  }
  .HeaderLogo {
    align-items: center;
  }
  .HeaderLogo__img {
    max-width: 90px;
    width: 26%;
    height: auto;
  }
  .HeaderLogo__img img {
    height: auto;
  }
  .HeaderLogo__catch {
    margin-left: 15px;
  }
  .HeaderMenu {
    display: none;
  }
  .HeaderMenu__inner {
    padding: 10px 20px 20px;
  }
  .HeaderMenu__nav {
    margin-bottom: 30px;
  }
  .HeaderLinks__inner {
    flex-wrap: wrap;
  }
  .HeaderLinks__item {
    width: 50%;
  }
  .HeaderLinks__item:nth-child(n+3) {
    margin-top: 19px;
  }
  .HeaderLinks__item.-services {
    width: 100%;
    margin-top: 29px;
  }
  .HeaderLinks__link {
    display: inline;
    font-size: 1.3rem;
    font-weight: 600;
  }
  .HeaderLinks__link.Btn {
    padding: 0;
    border: none;
    background: none;
    text-align: left;
  }
  .HeaderLinks__item.-services .HeaderLinks__link {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    border: 1px solid #C3D3E6;
    border-radius: 4px;
    background: #FFFFFF;
  }
  .HeaderLinks__item.-services .HeaderLinks__link img {
    max-width: 138px;
  }
  .HeaderLinks__item.-services + .HeaderLinks__item.-services {
    margin-top: 10px;
  }
  .HeaderLinks__item.-services .HeaderLinks__link[target=_blank] {
    position: relative;
  }
  .HeaderLinks__item.-services .HeaderLinks__link[target=_blank]::after {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    display: inline-block;
    width: 12px;
    height: 10px;
    background: url(/image/cmn/ico_link_external_navy.png) no-repeat center;
    background-size: 12px 10px;
  }
  .HeaderNav__item {
    display: block;
  }
  .HeaderNav__icon {
    display: none;
  }
  .HeaderNav__inner {
    flex-wrap: wrap;
  }
  .HeaderNav__item {
    width: 100%;
  }
  .HeaderNav__item.-pets {
    width: calc((100% - 10px) / 2);
    height: 100px;
    margin-bottom: 18px;
  }
  .HeaderNav__item.-pets .HeaderNav__link {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 10px 10px 11px;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #C3D3E6;
    background: no-repeat #FFFFFF center top 4px;
    background-size: 68px 68px;
  }
  .HeaderNav__item.-dogs .HeaderNav__link {
    border-color: #2E8BF0;
    background-image: url(/image/cmn/header_search_dogs.png);
  }
  .HeaderNav__item.-cats .HeaderNav__link {
    border-color: #EF6363;
    background-image: url(/image/cmn/header_search_cats.png);
  }
  .HeaderNav__item:not(.-pets) .HeaderNav__linkWrap {
    padding: 12px 25px 12px 0;
    border-bottom: 1px solid #C3D3E6;
  }
  .HeaderNav__item:not(.-pets) .HeaderNav__linkWrap.-accordion {
    background: url(/image/cmn/ico_arrow_down.png) no-repeat center right 10px;
    background-size: 8px 5px;
  }
  .HeaderNav__item.-opened .HeaderNav__linkWrap.-accordion {
    background-image: url(/image/cmn/ico_arrow_up.png);
  }
  .HeaderNav__link {
    font-weight: 600;
  }
  .HeaderNav__mega {
    display: none;
  }
  .HeaderMega__inner {
    margin-bottom: 16px;
  }
  .HeaderMega__thumb {
    display: none;
  }
  .HeaderMega__links.-snakeLayout {
    display: flex;
    flex-wrap: wrap;
  }
  .HeaderMega__links.-snakeLayout .HeaderMega__item {
    width: 100%;
  }
  .HeaderMega__links.-snakeLayout .HeaderMega__item:not(.-top, .-empty):nth-child(even) {
    order: 1;
  }
  .HeaderMega__links.-snakeLayout .HeaderMega__item:not(.-top, .-empty):nth-child(odd) {
    order: 2;
  }
  .HeaderMega__link {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #C3D3E6;
    border-top: none;
    font-weight: 600;
    font-size: 1.3rem;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top) .HeaderMega__link {
    font-weight: 400;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top) .HeaderMega__link:before {
    content: "";
    left: 0;
    top: 6px;
    display: block;
    width: 10px;
    height: 2px;
    margin-right: 10px;
    background: #C3D3E6;
  }
  .HeaderMega.-detail .HeaderMega__item.-empty {
    display: none;
  }
  .FloatingMenu {
    position: fixed;
    left: 0;
    bottom: 0;
    bottom: calc(env(safe-area-inset-bottom) - env(safe-area-inset-bottom));
    /* iPhone X向け記述 */
    background: #FFFFFF;
    width: 100%;
    height: 80px;
    height: calc(env(safe-area-inset-bottom) + 80px);
    /* iPhone X向け記述 */
    padding: 0 20px;
    min-width: 320px;
  }
  .FloatingMenu__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
  }
  .FloatingMenu__item {
    height: 44px;
  }
  .FloatingMenu__item + .FloatingMenu__item {
    margin-left: 10px;
  }
  .FloatingMenu__item:not(.-btn) {
    width: 100%;
  }
  .FloatingMenu__item:not(.-btn) .FloatingMenu__link {
    border-radius: 4px;
    font-size: 1.2rem;
  }
  .FloatingMenu__item:not(.-btn) .FloatingMenu__link::before {
    margin-right: 7px;
  }
  .FloatingMenu__item:not(.-btn) .FloatingMenu__link.-mail::before {
    width: 13px;
    min-width: 13px;
    height: 9px;
    background-image: url(/image/cmn/ico_floating_mail.png);
    background-size: 13px 9px;
  }
  .FloatingMenu__item:not(.-btn) .FloatingMenu__link.-reserve::before {
    width: 13px;
    min-width: 13px;
    height: 12px;
    background-image: url(/image/cmn/ico_floating_reserve.png);
    background-size: 13px 12px;
  }
  .FloatingMenu__item.-btn {
    width: 60px;
    flex-shrink: 0;
  }
  .FloatingMenu__link {
    height: 100%;
  }
  .FloatingMenu__btn {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .FloatingMenu__btnIco {
    position: relative;
    display: block;
    width: 24px;
    height: 16px;
    margin-top: 5px;
  }
  .FloatingMenu__btnLine {
    position: absolute;
    display: block;
    width: 24px;
    height: 1.5px;
    background: #002E5D;
    transform: translateY(-50%);
    transition: 300ms easein;
    transition-property: width;
  }
  .FloatingMenu__btnLine:nth-child(1), .FloatingMenu__btnLine:nth-child(2), .FloatingMenu__btnLine:nth-child(3) {
    width: 100%;
    right: 0;
  }
  .FloatingMenu__btnLine:nth-child(1) {
    top: 0;
    transition-delay: 80ms;
  }
  .FloatingMenu__btnLine:nth-child(2) {
    top: 50%;
    transition-delay: 160ms;
  }
  .FloatingMenu__btnLine:nth-child(3) {
    top: 100%;
    transition-delay: 280ms;
  }
  .FloatingMenu__btnLine:nth-child(4), .FloatingMenu__btnLine:nth-child(5) {
    width: 0;
    transform-origin: left;
  }
  .FloatingMenu__btnLine:nth-child(4) {
    top: 0;
    transform: translateY(-50%) rotate(32deg);
  }
  .FloatingMenu__btnLine:nth-child(5) {
    top: 100%;
    transform: translateY(-50%) rotate(-32deg);
    transition-delay: 80ms;
  }
  .FloatingMenu__btnTxt {
    display: block;
    font-family: "Montserrat", arial, "Hiragino Sans", "メイリオ", Meiryo, "Noto Sans JP", sans-serif;
    font-size: 1.3rem;
    color: #002E5D;
    letter-spacing: 0.05em;
    text-indent: 0.05em;
    font-weight: 600;
    text-align: center;
    line-height: 1;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(1), .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(2), .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(3) {
    width: 0;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(2) {
    transition-delay: 80ms;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(3) {
    transition-delay: 200ms;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(4), .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(5) {
    width: 120%;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(4) {
    transition-delay: 80ms;
  }
  .FloatingMenu__btn.-opened .FloatingMenu__btnLine:nth-child(5) {
    transition-delay: 280ms;
  }
  body.-fixed .Header {
    padding-right: var(--scroll-bar-width);
  }
  body.-fixed .FloatingMenu {
    min-width: calc(320px + var(--scroll-bar-width));
    padding-right: calc(20px + var(--scroll-bar-width));
  }
  .HeaderLinks__inner {
    flex-direction: column;
  }
  .HeaderLinks__item {
    margin-top: 30px !important;
  }
  .HeaderLogo__img {
    max-width: none;
    width: 117px;
    height: 35px;
  }
  .Header__inner {
    position: relative;
    background-color: #FFFFFF;
    padding: 18px 20px 13px;
  }
  .Header__menu {
    bottom: 0;
    background-color: transparent;
  }
  .HeaderMenu__inner {
    background-color: #FFFFFF;
    padding: 18px 20px 80px;
  }
  .Footer__body {
    padding: 30px 0;
  }
  .Footer__logo {
    margin-bottom: 10px;
  }
  .Footer__bottom {
    margin-top: 19px;
  }
  .Footer__copyright {
    display: block;
    margin-top: 29px;
  }
  .FooterBanners {
    padding: 40px 0;
  }
  .FooterBanners__inner {
    justify-content: space-between;
    max-width: 474px;
  }
  .FooterBanners__item {
    width: calc((100% - 10px) / 2);
    max-width: 232px;
  }
  .FooterBanners__item:nth-child(n+3) {
    margin-top: 10px;
  }
  .FooterCate__ttl {
    display: flex;
    align-items: center;
    height: 40px;
    border-top: 1px solid #DCE6F2;
    background: url(/image/cmn/ico_arrow_down.png) no-repeat center right 10px;
    background-size: 8px 5px;
  }
  .FooterCate.-opened .FooterCate__ttl {
    background-image: url(/image/cmn/ico_arrow_up.png);
  }
  .FooterCate__body {
    display: none;
  }
  .FooterCate__list {
    padding: 8px 10px 20px;
  }
  .FooterCate__item + .FooterCate__item {
    margin-top: 11px;
  }
  .FooterOthers {
    border-bottom: 1px solid #DCE6F2;
  }
  .FooterOthers__item {
    display: flex;
    align-items: center;
    height: 36px;
    border-top: 1px solid #DCE6F2;
  }
  .FooterPrivacies__item + .FooterPrivacies__item {
    margin-top: 14px;
  }
  .FooterCompany__address {
    margin-top: 8px;
  }
  .ScrollTop {
    bottom: 100px;
    bottom: calc(env(safe-area-inset-bottom) + 100px);
    /* iPhone X向け記述 */
  }
  .ScrollTop__link {
    width: 44px;
    height: 44px;
  }
  .ScrollTop.-fit {
    top: -22px;
  }
  .Footer__illust::before {
    width: 178px;
    height: 74px;
    right: 11px;
    bottom: -10px;
    background-size: 178px 74px;
  }
  .Footer__logo {
    margin-bottom: 33px;
  }
  .FooterCate__list {
    flex-direction: column;
    padding: 0px;
  }
  .FooterCate__item {
    margin-bottom: 24px;
  }
  .FooterOthers {
    border: none;
  }
  .FooterOthers__item {
    border: none;
    margin-top: 16px;
  }
  .Footer__bottom {
    margin-top: 40px;
  }
  .FooterPrivacies {
    display: flex;
    flex-wrap: wrap;
  }
  .FooterPrivacies__item + .FooterPrivacies__item {
    margin-top: 0px;
  }
  .FooterPrivacies__item:first-child {
    margin-right: 48px;
  }
  .FooterPrivacies__item:last-child {
    margin-top: 16px;
    width: 70%;
  }
  .ScrollTop {
    bottom: 30px;
  }
  .ly_Col > .ly_Col__item + .ly_Col__item {
    margin-top: 30px;
  }
  .ly_Col.-half .ly_Col__item.-img::before {
    padding-top: 61.7910447761%;
  }
  .ly_Col__item.-cont, .ly_Col__item.-img {
    max-width: 100%;
    width: 100%;
  }
  .hp_PcBreak {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  body {
    overflow-x: hidden;
  }
  .Btn.-ty {
    max-width: 120px;
  }
  .Btn.-sm {
    max-width: 160px;
  }
  .Btn.-md {
    max-width: 200px;
  }
  .Btn.-lg {
    max-width: 320px;
  }
  .Btn:hover, .Btn:focus {
    background-color: #F3F6F9;
    box-shadow: none;
  }
  .Btn.-primaryBlue:hover, .Btn.-primaryBlue:focus {
    background-color: #52A5FF;
  }
  .Btn.-primaryPink:hover, .Btn.-primaryPink:focus {
    background-color: #FF7C7C;
  }
  .Btn.-secondary:hover, .Btn.-secondary:focus {
    background-color: #0C4681;
  }
  .Btn.-lineGreen:hover, .Btn.-lineGreen:focus {
    background-color: #48DA90;
  }
  .Btn.-back.-md {
    max-width: 240px;
  }
  .Btn.-next.-md {
    max-width: 240px;
  }
  .Btn.-pdf.-md {
    max-width: 300px;
  }
  .Heading.-withEn .Heading__txtArea {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
  }
  .Subheading.-withIco .Subheading__txt {
    letter-spacing: normal;
  }
  .Header__inner {
    padding-top: 20px;
    padding-bottom: 18px;
  }
  .Header__logo {
    position: relative;
    pointer-events: none;
    z-index: 1;
  }
  .Header__menu {
    margin-top: -26px;
  }
  .HeaderLogo__img:hover, .HeaderLogo__img:focus {
    opacity: 0.6;
  }
  .HeaderMenu__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .HeaderMenu__nav {
    order: 1;
    width: 100%;
    padding: 0 58px;
    margin-top: 12px;
  }
  .HeaderMenu__links {
    order: 0;
    width: 100%;
    margin-left: auto;
    height: 26px;
  }
  .HeaderLinks__inner {
    align-items: center;
    justify-content: flex-end;
  }
  .HeaderLinks__item + .HeaderLinks__item {
    margin-left: 20px;
  }
  .HeaderLinks__item.-btn {
    width: 10%;
    max-width: 132px;
  }
  .HeaderLinks__item.-btn + .HeaderLinks__item.-btn {
    margin-left: 10px;
  }
  .HeaderLinks__item.-services {
    display: none;
  }
  .HeaderLinks__link {
    font-size: 1.3rem;
  }
  .HeaderLinks__link:not(.Btn):hover, .HeaderLinks__link:not(.Btn):focus {
    text-decoration: underline;
  }
  .HeaderNav__link {
    display: block;
    padding-top: 8px;
    padding-bottom: 2px;
    font-family: "Noto Sans JP", arial, "Hiragino Sans", "メイリオ", Meiryo, sans-serif;
  }
  .HeaderNav__linkTxt {
    padding-bottom: 7px;
    border-bottom: 2px solid rgba(0, 46, 93, 0);
  }
  .HeaderNav__link.-current .HeaderNav__linkTxt {
    border-color: #002E5D;
  }
  .HeaderNav__item:not(.-pets) .HeaderNav__linkTxt {
    transition: 300ms easein;
    transition-property: border-color;
  }
  .HeaderNav__item:not(.-pets).-hover .HeaderNav__linkTxt {
    border-color: #002E5D;
  }
  .HeaderNav__item.-pets .HeaderNav__linkTxt {
    transition: 300ms easein;
    transition-property: color, border-color;
  }
  .HeaderNav:not(.-detail) .HeaderNav__item.-dogs.-hover .HeaderNav__link .HeaderNav__linkTxt {
    border-color: #2E8BF0;
    color: #2E8BF0;
  }
  .HeaderNav:not(.-detail) .HeaderNav__item.-cats.-hover .HeaderNav__link .HeaderNav__linkTxt {
    border-color: #EF6363;
    color: #EF6363;
  }
  .HeaderNav__item.-detail.-dogs .HeaderNav__link.-current .HeaderNav__linkTxt {
    border-color: #2E8BF0;
    color: #2E8BF0;
  }
  .HeaderNav__item.-detail.-cats .HeaderNav__link.-current .HeaderNav__linkTxt {
    border-color: #EF6363;
    color: #EF6363;
  }
  .HeaderNav.-detail .HeaderNav__linkTxt.-current {
    border-bottom: 2px solid #002e5d;
  }
  .HeaderNav.-detail .HeaderNav__item.-dogs.-hover .HeaderNav__link {
    border-color: #2E8BF0;
    color: #2E8BF0;
  }
  .HeaderNav.-detail .HeaderNav__item.-cats.-hover .HeaderNav__link {
    border-color: #EF6363;
    color: #EF6363;
  }
  .HeaderNav__mega {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% - 17px);
    background: rgba(255, 255, 255, 0.97);
    padding: 40px 0 16px;
  }
  .HeaderNav.-hover .HeaderNav__item:not(.-hover) .HeaderNav__link, .HeaderNav.-hover.-detail .HeaderNav__item:not(.-hover) .HeaderNav__link {
    border-color: transparent;
    color: #002E5D;
    cursor: default;
  }
  .HeaderMega__inner {
    display: flex;
    align-items: flex-start;
    margin: 0 auto;
    max-width: 990px;
  }
  .HeaderMega__links {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 270px);
  }
  .HeaderMega.-detail .HeaderMega__inner {
    align-items: flex-start;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top) {
    position: relative;
    width: calc((100% - 20px) / 2);
    padding-left: 20px;
    margin-top: 16px;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top):before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    width: 10px;
    height: 2px;
    background: #C3D3E6;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top).-empty::before {
    display: none;
  }
  .HeaderMega.-detail .HeaderMega__item:not(.-top) .HeaderMega__link:hover, .HeaderMega.-detail .HeaderMega__item:not(.-top) .HeaderMega__link:focus {
    text-decoration: underline;
  }
  .HeaderMega.-detail .HeaderMega__item.-top {
    width: 100%;
    margin-bottom: 5px;
  }
  .HeaderMega.-detail .HeaderMega__item.-top.-listBtn {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .HeaderMega.-detail .HeaderMega__item.-top.-listBtn .HeaderMega__link {
    border: none;
  }
  .HeaderMega.-detail .HeaderMega__item.-top .HeaderMega__link {
    display: flex;
    align-items: center;
    padding-left: 46px;
    height: 44px;
    background: url(/image/cmn/ico_link_transition.png) no-repeat center left;
    background-size: 26px 6px;
    border-bottom: 1px solid #C3D3E6;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: 300ms easein;
    transition-property: border-color;
  }
  .HeaderMega.-detail .HeaderMega__item.-top .HeaderMega__link:hover, .HeaderMega.-detail .HeaderMega__item.-top .HeaderMega__link:focus {
    border-color: #002E5D;
  }
  .HeaderMega.-detail.-event .HeaderMega__links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: 49px (1fr)[calc(var(--menuLength) / 2)];
    grid-template-rows: 49px repeat(calc(var(--menuLength) / 2), 1fr);
    grid-auto-flow: column;
  }
  .HeaderMega.-detail.-event .HeaderMega__item.-top {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .HeaderMega.-detail.-event .HeaderMega__item:not(.-top) {
    width: 100%;
  }
  .HeaderMega.-list .HeaderMega__item {
    width: calc((100% - 40px) / 2);
  }
  .HeaderMega.-list .HeaderMega__link {
    display: flex;
    align-items: center;
    height: 44px;
    border-bottom: 1px solid #C3D3E6;
    font-weight: 600;
    letter-spacing: 0.05em;
    transition: 300ms easein;
    transition-property: border-color;
  }
  .HeaderMega.-list .HeaderMega__link:hover, .HeaderMega.-list .HeaderMega__link:focus {
    border-color: #002E5D;
  }
  .FloatingMenu {
    right: 0;
    top: 27%;
    pointer-events: none;
  }
  .FloatingMenu__item {
    pointer-events: auto;
  }
  .FloatingMenu__item.-btn {
    display: none;
  }
  .FloatingMenu__item + .FloatingMenu__item {
    margin-top: 20px;
  }
  .FloatingMenu__link {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 160px;
    width: 44px;
    border-radius: 10px 0 0 10px;
    letter-spacing: 1px;
    text-indent: 1px;
    font-size: 1.3rem;
    opacity: 1;
    box-shadow: 0px 6px 10px rgba(1, 71, 147, 0.2);
    transition: 300ms easein;
    transition-property: opacity, box-shadow;
  }
  .FloatingMenu__link::before {
    margin-bottom: 8px;
  }
  .FloatingMenu__link:hover, .FloatingMenu__link:focus {
    opacity: 0.6;
    box-shadow: 0px 6px 10px rgba(1, 71, 147, 0);
  }
  body.-fixed .Header {
    padding-right: var(--scroll-bar-width);
    min-width: calc(1024px + var(--scroll-bar-width));
  }
  body.-fixed .FloatingMenu {
    right: var(--scroll-bar-width);
  }
  .Header__inner {
    padding: 40px 60px 39px 50px;
  }
  .Header__inner.-whiteBack {
    background-color: #FFFFFF;
  }
  .HeaderLinks__item {
    font-weight: 600;
  }
  .HeaderLinks__item.-btn {
    width: auto;
    max-width: 100%;
  }
  .HeaderLinks__item.-services {
    display: none;
  }
  .HeaderLinks__link.Btn {
    max-width: 100%;
    padding-left: 23px;
    padding-right: 23px;
  }
  .Header {
    background-color: transparent;
  }
  .Header__logo {
    margin-top: -10px;
  }
  .Header__toggle {
    display: none;
  }
  .Header__menu {
    margin-top: -38px;
  }
  .HeaderMenu__links {
    height: auto;
  }
  .Footer a:hover, .Footer a:focus {
    text-decoration: underline;
  }
  .Footer__logo:hover, .Footer__logo:focus {
    opacity: 0.6;
  }
  .Footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    margin-top: 20px;
  }
  .FooterBanners__link:hover, .FooterBanners__link:focus, .FooterBanners__link[target=_blank]:hover, .FooterBanners__link[target=_blank]:focus {
    opacity: 0.6;
  }
  .FooterBanners__item {
    width: 19.4%;
  }
  .FooterBanners__item:not(:nth-child(5n+1)) {
    margin-left: 0.75%;
  }
  .FooterBanners__item:nth-child(n+6) {
    margin-top: 1.56%;
  }
  .FooterLinks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .FooterLinks__row {
    width: calc(16% + 2px);
  }
  .FooterLinks__row.-wide {
    width: 26%;
  }
  .FooterLinks__others {
    width: 100%;
    margin-top: 40px;
  }
  .FooterCate + .FooterCate {
    margin-top: 30px;
  }
  .FooterCate__ttl {
    width: 100%;
    padding-bottom: 8px;
    margin-bottom: 14px;
    border-bottom: 1px solid #183346;
    font-weight: 600;
  }
  .FooterCate__group + .FooterCate__group {
    margin-top: 14px;
  }
  .FooterCate__groupBody {
    padding-left: 12px;
  }
  .FooterCate__item {
    margin-top: 6px;
  }
  .FooterCate.-specials {
    padding: 20px;
    background-color: #F3F6F9;
    border-radius: 10px;
  }
  .FooterCate.-specials .FooterCate__title {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    border: none;
    color: #183346;
    font-weight: 600;
  }
  .FooterOthers {
    display: flex;
    flex-wrap: wrap;
  }
  .FooterOthers__item + .FooterOthers__item {
    margin-left: 20px;
  }
  .FooterPrivacies {
    display: flex;
  }
  .FooterPrivacies__item + .FooterPrivacies__item {
    margin-left: 20px;
  }
  .FooterCompany {
    display: flex;
  }
  .FooterCompany__address {
    margin-left: 20px;
  }
  .ScrollTop__link:hover, .ScrollTop__link:focus {
    background-color: #F3F6F9;
    box-shadow: 0px 2px 8px rgba(1, 71, 147, 0);
  }
  .ly_Col {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  .ly_Col > .ly_Col__item {
    display: block;
  }
  .ly_Col > .ly_Col__item + .ly_Col__item {
    margin-left: 40px;
  }
  .ly_Col.-wrap {
    flex-wrap: wrap;
  }
  .ly_Col.-tight > .ly_Col__item + .ly_Col__item {
    margin-left: 30px;
  }
  .ly_Col.-reverse {
    flex-direction: row-reverse;
  }
  .ly_Col.-reverse > .ly_Col__item + .ly_Col__item {
    margin-left: 0;
    margin-right: 40px;
  }
  .ly_Col.-reverse.-tight > .ly_Col__item + .ly_Col__item {
    margin-left: 0;
    margin-right: 30px;
  }
  .ly_Col.-middle {
    align-items: center;
  }
  .ly_Col.-middle > .ly_Col__item {
    -ms-grid-row-align: auto;
    align-self: auto;
  }
  .ly_Col.-half .ly_Col__item + .ly_Col__item {
    margin-left: 60px;
  }
  .ly_Col.-half .ly_Col__item.-img {
    max-width: 50%;
    width: 50%;
  }
  .ly_Col.-half .ly_Col__item.-cont {
    width: calc(50% - 60px);
  }
  .ly_Col.-col2 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ly_Col.-col2 > .ly_Col__item {
    width: calc((100% - 40px) / 2);
    margin-left: 0;
  }
  .ly_Col.-col2 > .ly_Col__item:nth-child(n+3) {
    margin-top: 40px;
  }
  .ly_Col.-col2.-tight > .ly_Col__item {
    width: calc((100% - 30px) / 2);
    margin-left: 0;
  }
  .ly_Col.-col2.-tight > .ly_Col__item:nth-child(n+3) {
    margin-top: 30px;
  }
  .ly_Col.-col3 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ly_Col.-col3 > .ly_Col__item {
    width: calc((100% - 80px) / 3);
    margin-left: 0;
  }
  .ly_Col.-col3 > .ly_Col__item:nth-child(n+4) {
    margin-top: 40px;
  }
  .ly_Col.-col3.-tight > .ly_Col__item {
    width: calc((100% - 60px) / 3);
    margin-left: 0;
  }
  .ly_Col.-col3.-tight > .ly_Col__item:nth-child(n+4) {
    margin-top: 30px;
  }
  .ly_Col.-col4 {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ly_Col.-col4 > .ly_Col__item {
    width: calc((100% - 120px) / 4);
    margin-left: 0;
  }
  .ly_Col.-col4 > .ly_Col__item:nth-child(n+5) {
    margin-top: 40px;
  }
  .ly_Col.-col4.-tight > .ly_Col__item {
    width: calc((100% - 90px) / 4);
    margin-left: 0;
  }
  .ly_Col.-col4.-tight > .ly_Col__item:nth-child(n+5) {
    margin-top: 30px;
  }
  .hp_SpBreak {
    display: none;
  }
}

@media screen and (max-width: 1200px) and (min-width: 769px) {
  .HeaderLogo__img {
    width: 132px;
  }
  .HeaderLogo__catch {
    font-size: 0.8rem;
    line-height: 1.3;
  }
  .HeaderLinks__item {
    max-width: 60px;
    text-align: center;
  }
  .HeaderLinks__item.-btn {
    max-width: 100px;
  }
  .HeaderLinks__item {
    max-width: 100%;
  }
  .HeaderLinks__item.-btn {
    max-width: 100%;
  }
  .HeaderLogo__img {
    width: 140px;
    margin-top: -10px;
  }
  .Footer__illust::before {
    bottom: 3px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1090px) {
  .HeaderMenu__nav {
    padding: 0;
  }
}