@charset "UTF-8";
/*============================================
    既存クラスに対する追加プロパティ
============================================*/
.btmUnderPagesGNavs {
  transition-duration: 0.5s;
  cursor: pointer;
  position: relative;
}
.btmUnderPagesGNavs::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 10000;
  border-style: solid;
  border-width: 8px 6px 0;
  border-color: white transparent;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms 0ms, visibility 0ms 300ms;
}
.btmUnderPagesGNavs.is-opened::after {
  opacity: 1;
  visibility: visible;
  transition: opacity 300ms 0ms, visibility 0ms 0ms;
}

.iconBtmGMainNav br {
  display: none;
}

@media screen and (max-width: 1527px) {
  .btmUnderPagesGNavs.is-opened::after {
    border-width: 0.5555555556vw 0.4166666667vw 0;
  }
}
@media screen and (max-width: 767px) {
  .GMainNavs {
    width: 94.9275362319%;
  }
  .btmGMainNav {
    font-size: 3.8647342995vw;
    padding: 1.6em 4.8309178744vw 1.6em 7.0048309179vw;
    display: block;
  }
  .liSubGMainNav {
    border-width: 0;
  }
  .btmGMainNav {
    line-height: 1.2;
  }
  .subGMainNav {
    display: block !important;
    padding: 2.8985507246vw 0;
  }
  .btmSubGMainNav {
    background-color: transparent;
    padding: 0.4em 0;
  }
  .btmGMainNav:not([href]) {
    pointer-events: none;
  }
  .iconBtmGMainNav {
    padding: 0;
  }
  .btmGMainNav.off .iconBtmGMainNav {
    background: none;
  }
  .liGMainNav:has(.subGMainNav) {
    display: grid;
    grid-template-columns: 31.4009661836vw 1fr;
  }
  .btmGClosed {
    width: 16vw;
    height: auto;
    aspect-ratio: 1/1;
  }
  .btmGClosed img {
    width: 100%;
  }
  .ulGMainNav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .liGMainNav:nth-child(even):not(:has(.subGMainNav)):not(.liGMainNav:has(.subGMainNav) + .liGMainNav),
  .liGMainNav:nth-child(7) {
    border-left: 1px solid #47555e;
  }
  .liGMainNav:has(.subGMainNav) {
    grid-column: span 2;
  }
  .liSnsGnavi {
    width: 20%;
  }
  .liSnsGnavi img {
    margin: 0 auto;
    width: 100%;
  }
  .iconBtmGMainNav br {
    display: inline;
  }
}
.companyGreetingLxn,
.cntNavChoosUsWap,
.titleModelHouseCatPoints3,
.planColumn3Main {
  margin-top: 0 !important;
}

.navChoosUs {
  padding-top: 0;
  height: auto;
  aspect-ratio: 1400/362;
}

.bgModelHouseCatPoints3Cnt {
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  aspect-ratio: 1400/362;
}

@media screen and (max-width: 1527px) {
  .navChoosUs {
    aspect-ratio: 100/22;
  }
}
@media screen and (max-width: 767px) {
  .navChoosUs,
  .bgModelHouseCatPoints3Cnt {
    aspect-ratio: 100/40;
  }
}
/*============================================
    4つのスタイル別価格メニューナビスタイル
============================================*/
.fourStylesNavsWrapper {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 9999;
  transition: opacity 300ms 0ms, visibility 0ms 300ms, pointer-events 0ms 0ms, right 0ms 300ms;
  position: absolute;
  right: 9999px;
}
.fourStylesNavsWrapper.is-opened {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  right: 0;
  transition: opacity 300ms 0ms, visibility 0ms 0ms, pointer-events 0ms 300ms, right 0ms 0ms;
}
.fourStylesNavsInner {
  background-color: #2c3541;
  color: white;
}
.fourStylesNavsMenuWrap {
  margin: 0 auto;
  padding: 68px 0;
  width: 1075px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 16px;
}
.fourStylesNavsMenuItem {
  border: 1px solid white;
  position: relative;
  color: inherit;
  text-decoration: none;
  display: grid;
  grid-template-columns: 136px 1fr;
  height: 112px;
  transition-duration: 300ms;
}
.fourStylesNavsMenuNumber {
  position: absolute;
  left: 12px;
  top: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fourStylesNavsMenuNumber::before {
  content: "";
  position: absolute;
  left: 0;
  top: 48px;
  width: 101.8233764909px;
  height: 0;
  border-top: 1px solid white;
  transform: rotate(-45deg);
  transform-origin: left top;
}
.fourStylesNavsMenuHeading {
  font: 900 7px/1 "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.fourStylesNavsMenuCount {
  font: 700 16px/1 "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.fourStylesNavsMenuIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fourStylesNavsMenuIconWrap {
  width: 41px;
  height: 32px;
}
.fourStylesNavsMenuIconWrap svg {
  width: 100%;
  height: 100%;
}
.fourStylesNavsMenuPrice {
  margin-top: 0.5em;
  font-size: 14px;
  line-height: 1;
  text-align: center;
}
.fourStylesNavsMenuCatch, .fourStylesNavsMenuTitle {
  text-align: center;
}
.fourStylesNavsMenuCatch {
  font-size: 13px;
}
.fourStylesNavsMenuTitle {
  font: 600 28px/1 "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.fourStylesNavsMenuText {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 12px 0;
}

@media screen and (max-width: 1527px) {
  .fourStylesNavsMenuWrap {
    padding: 4.7222222222vw 0;
    width: 74.6527777778vw;
    gap: 1.3888888889vw 1.1111111111vw;
  }
  .fourStylesNavsMenuItem {
    grid-template-columns: 9.4444444444vw 1fr;
    height: 7.7777777778vw;
  }
  .fourStylesNavsMenuNumber {
    left: 0.8333333333vw;
    top: 0.8333333333vw;
  }
  .fourStylesNavsMenuNumber::before {
    top: 3.3333333333vw;
    width: 7.0710678119vw;
  }
  .fourStylesNavsMenuHeading {
    font-size: 0.4861111111vw;
  }
  .fourStylesNavsMenuCount {
    font-size: 1.1111111111vw;
  }
  .fourStylesNavsMenuIconWrap {
    width: 2.8472222222vw;
    height: 2.2222222222vw;
  }
  .fourStylesNavsMenuPrice {
    font-size: 0.9722222222vw;
  }
  .fourStylesNavsMenuCatch {
    font-size: 0.9027777778vw;
  }
  .fourStylesNavsMenuTitle {
    font-size: 1.9444444444vw;
  }
  .fourStylesNavsMenuText {
    gap: 0.8333333333vw 0;
  }
}
/*============================================

============================================*/
/*============================================

============================================*/