@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap");

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #adadad url(../images/bg-common.png) center/60px repeat;
  color: #000;
  font-size: 0.9rem;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.7;
  overflow-x: hidden;
  position: relative;
}

@media screen and (min-width: 390px) {
  body {
    font-size: 1rem;
  }
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  cursor: pointer;
  transition: 0.3s;
}

a:hover {
  outline-width: 0;
  text-decoration: none;
  opacity: 0.8;
}

a.underline {
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

a::before,
a::after {
  transition: 0.3s;
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
  -o-object-fit: contain;
  object-fit: contain;
}

img.img {
  width: 100%;
  display: block;
}

em {
  font-style: normal;
}

strong {
  font-weight: 700;
}

/* ============= common class ================ */
@media screen and (min-width: 576px) {
  .disp_xs {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .disp_tab {
    display: none !important;
  }

  .disp_pc {
    display: none !important;
  }

  .disp_notsp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .disp_sp {
    display: none !important;
  }

  .disp_pc {
    display: none !important;
  }
}

@media screen and (min-width: 1024px) {
  .disp_sp {
    display: none !important;
  }

  .disp_tab {
    display: none !important;
  }

  .disp_notpc {
    display: none !important;
  }
}

.en {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bold {
  font-weight: 700;
}

.txt--main {
  color: #007AEC;
}

.marker--white {
  background: linear-gradient(transparent 60%, #fff 60%);
}

@media screen and (min-width: 768px) {
  .pcOrder--1 {
    order: 1;
  }
}

/* ============= common parts ================ */
.inner {
  width: calc(100% - 40px);
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .inner {
    max-width: 1200px;
  }
}

.btn {
  width: 100%;
  max-width: 320px;
  height: 60px;
  border: 1px solid transparent;
  border-radius: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.btn::before,
.btn::after {
  content: "";
  width: 38px;
  height: 38px;
  margin: auto 0;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 9px;
}

.btn::after {
  background: url('data:image/svg+xml;charset=utf8,<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.3085 6.73633L7.27925 1.70708L8.69347 0.292863L16.1369 7.73633L8.69347 15.1798L7.27925 13.7656L12.3085 8.73633H0V6.73633H12.3085Z" fill="white"/></svg>') center/16px no-repeat;
}

.btn:hover {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .btn--wide {
    max-width: 530px;
  }
}

.btn--gray {
  background-color: #3E4851;
  border-color: #3E4851;
}

.btn--gray::before {
  background: linear-gradient(180deg, #333333 0%, #adadad 100%);
}

.btn--gray:hover {
  background-color: #fff;
  color: #3E4851;
}

.btn--orange {
  background-color: #FF7A00;
  border-color: #FF7A00;
}

.btn--orange::before {
  background: linear-gradient(180deg, #3E4851 0%, #212121 100%);
}

.btn--orange:hover {
  background-color: #fff;
  color: #FF7A00;
}

/*------------------------------------------------------
    header
-------------------------------------------------------*/
.header {
  width: 100%;
  height: 70px;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1041;
}

@media screen and (min-width: 1024px) {
  .header {
    height: 140px;
  }
}

.header__lead {
  height: 40px;
  background-color: #333333;
  color: #fff;
  display: flex;
  align-items: center;
}

.header__lead>.inner {
  width: calc(100% - 40px);
  max-width: 100%;
}

.header__lead .txt {
  font-size: 87.5%;
  line-height: 1.6;
}

.header__inner {
  max-width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .header__inner {
    width: calc(100% - 40px);
    max-width: 1840px;
    height: calc(100% - 40px);
  }
}

.header__ttlWrap {
  width: 100%;
  max-width: 245px;
  padding: 0 0 0 5px;
}

.header__ttlWrap .ttl {
  width: 100%;
}

.header__ttlWrap .ttl__link {
  width: 100%;
  display: block;
}

.header__ttlWrap .ttl__img {
  width: 100%;
  max-height: 48px;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left center;
  object-position: left center;
}

@media screen and (min-width: 1024px) {
  .header__ttlWrap {
    max-width: 220px;
    padding: 0;
  }

  .header__ttlWrap__img {
    max-height: 60px;
  }
}

@media screen and (min-width: 1200px) {
  .header__ttlWrap {
    max-width: 240px;
  }
}

@media screen and (min-width: 1440px) {
  .header__ttlWrap {
    max-width: 300px;
  }
}

.header__btns {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1042;
}

.header__btns .menuBtn {
  width: 60px;
  height: 70px;
  padding-top: 7px;
  background: linear-gradient(180deg, #333333 0%, #adadad 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  grid-gap: 4px;
  cursor: pointer;
}

.header__btns .menuBtn .bar {
  width: 34px;
  height: 2px;
  background-color: #fff;
  display: block;
  transition: 0.3s;
}

.header__btns .menuBtn .txt {
  width: 100%;
  font-size: 10px;
  font-weight: 700;
  text-align: center;
  display: block;
}

.header__btns .menuBtn .txt--close {
  display: none;
}

.header__btns .menuBtn.open .bar {
  position: absolute;
  top: -18px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
}

.header__btns .menuBtn.open .bar:nth-child(2) {
  transform: rotate(-45deg);
}

.header__btns .menuBtn.open .bar:nth-child(3) {
  transform: scale(0);
}

.header__btns .menuBtn.open .txt--menu {
  display: none;
}

.header__btns .menuBtn.open .txt--close {
  display: block;
  position: absolute;
  bottom: 15px;
  left: 0;
}

@media screen and (min-width: 1024px) {
  .header__btns {
    display: grid;
    grid-gap: 5px;
    position: relative;
  }

  .header__btns .pcBtn {
    width: 161px;
    /*height: 45px;*/
    padding: 3px 10px;
    background-color: #FF7A00;
    color: #fff;
    font-size: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header__btns .pcBtn--contact {
    grid-gap: 0.5625em;
  }

  .header__btns .pcBtn--contact::before {
    content: "";
    width: 1.4375em;
    height: 1em;
    background: url('data:image/svg+xml;charset=utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.210449H0.919189V17.0772H24V0.210449ZM22.4351 2.17481L12.3898 9.05484L2.47876 2.3645L1.35978 4.02217L12.398 11.4734L23.5652 3.82489L22.4351 2.17481Z" fill="white"/></svg>') center/contain no-repeat;
    display: block;
  }

  .header__btns .pcBtn__txtWrap {
    display: flex;
    flex-direction: column;
  }

  .header__btns .pcBtn__txtWrap--area .txt1 {
    font-size: 125%;
    font-weight: 600;
    line-height: 1.45;
  }

  .header__btns .pcBtn__txtWrap--area .txt2 {
    font-size: 80%;
    font-weight: 500;
    line-height: 1.4167;
  }

  .header__btns .pcBtn__txtWrap--contact .txt1 {
    font-weight: 500;
    line-height: 1.4375;
  }

  .header__btns .pcBtn__txtWrap--contact .txt2 {
    font-size: 87.5%;
    line-height: 1.4167;
  }
}

@media screen and (min-width: 1200px) {
  .header__btns {
    grid-template-columns: repeat(2, 1fr);
  }

  .header__btns .pcBtn {
    height: 60px;
    font-size: 80%;
  }
}

@media screen and (min-width: 1440px) {
  .header__btns .pcBtn {
    width: 210px;
    font-size: 100%;
  }
}

.header__menu {
  width: 0;
  height: calc(100vh - 70px);
  background: #fff;
  position: fixed;
  top: 70px;
  right: 0;
  pointer-events: none;
  opacity: 0;
  transition: 0.3s;
  z-index: 1041;
  overflow-y: auto;
}

.header__menu.open {
  width: 100%;
  opacity: 1;
  pointer-events: auto;
}

@media screen and (min-width: 768px) {
  .header__menu.open {
    width: 428px;
  }
}

@media screen and (min-width: 1024px) {
  .header__menu {
    width: auto;
    height: auto;
    padding-right: 11px;
    position: relative;
    top: 0;
    pointer-events: auto;
    opacity: 1;
    overflow: hidden;
  }

  .header__menu.open {
    width: auto;
  }
}

.header__menu>.inner {
  width: 100%;
}

.header__menu .navWrap {
  width: 100%;
}

.header__menu .gnav {
  width: 100%;
  display: grid;
}

.header__menu .gnav__item {
  width: 100%;
  height: 78px;
  padding: 0 42px;
}

.header__menu .gnav__item:nth-child(odd) {
  height: 68px;
  background-color: #adadad;
}

.header__menu .gnav__link {
  width: 100%;
  height: 100%;
  color: #333333;
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 0.3em;
  white-space: nowrap;
  display: flex;
  align-items: center;
  position: relative;
}

.header__menu .gnav__link.active {
  color: #FF7A00;
  transition: all 0s;
}

.header__menu .gnav__link::after {
  content: "";
  width: 9px;
  height: 9px;
  margin: auto 0;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: -14px;
}

.header__menu .gnav__link:hover {
  color: #FF7A00;
}

.header__menu .gnav__link:hover::after {
  border-color: #FF7A00;
}

@media screen and (min-width: 1024px) {
  .header__menu .gnav {
    display: flex;
    align-items: center;
    grid-gap: 20px;
  }

  .header__menu .gnav__item {
    height: auto;
    padding: 0;
    position: relative;
  }

  .header__menu .gnav__item:nth-child(odd) {
    height: auto;
    background-color: transparent;
  }

  .header__menu .gnav__item::after {
    content: "";
    width: 1px;
    height: 30px;
    margin: auto 0;
    background-color: #adadad;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
  }

  .header__menu .gnav__link {
    font-size: 87.5%;
    letter-spacing: 0;
    display: inline-block;
  }

  .header__menu .gnav__link::after {
    display: none;
  }
}

@media screen and (min-width: 1600px) {
  .header__menu .gnav {
    padding-left: 80px;
    grid-gap: 50px;
  }

  .header__menu .gnav__item::after {
    right: -25px;
  }
}

.header__menu .contactBlk {
  width: 100%;
  padding: 50px 0;
}

.header__menu .contactBlk>.inner {
  width: calc(100% - 20px);
}

.header__menu .contactBlk .secCaseEstimate__ttl .txt2::before,
.header__menu .contactBlk .secCaseEstimate__ttl .txt2::after {
  height: 48px;
  bottom: 6px;
}

.header__menu .contactBlk .secCaseEstimate__ttl .txt2::before {
  left: 42px;
}

.header__menu .contactBlk .secCaseEstimate__ttl .txt2::after {
  right: 45px;
}

.header__menu .contactBlk .secCaseEstimate__btnsWrap {
  align-items: center;
}

.header__menu .contactBlk .secCaseEstimate__btnsWrap .btn--mail {
  padding-right: 2em;
}

.header__menu .contactBlk .secCaseEstimate__btnsWrap .btn--tel {
  padding-right: 1.5em;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .header__menu .contactBlk .secCaseEstimate__ttl {
    margin-bottom: 20px;
    grid-gap: 20px;
  }

  .header__menu .contactBlk .secCaseEstimate__ttl .txt1 {
    font-size: 100%;
  }

  .header__menu .contactBlk .secCaseEstimate__ttl .txt2 {
    font-size: 125%;
  }

  .header__menu .contactBlk .secCaseEstimate__btnsWrap {
    flex-direction: column;
    grid-gap: 15px;
  }
}

.header__menu .policyLink {
  width: 100%;
  height: 42px;
  margin-bottom: 20px;
  color: #007AEC;
  font-size: 87.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*------------------------------------------------------
    footer
-------------------------------------------------------*/
.footer {
  padding: 45px 0 50px;
  background-color: #3E4851;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 56px 0 0;
  }
}

.footer__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 45px;
}

@media screen and (min-width: 768px) {
  .footer__inner {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    grid-gap: 56px 40px;
  }
}

@media screen and (min-width: 1024px) {
  .footer__inner {
    grid-gap: 56px 60px;
  }
}

.footer-sns {
  display: flex;
  gap: 5px 10px;
  margin-bottom: 20px;
}

.footer__infoBlk {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.footer__infoBlk .logo {
  width: 100%;
  margin-bottom: 41px;
  text-align: center;
}

.footer__infoBlk .logo__img {
  width: 100%;
  max-width: 350px;
  max-height: 70px;
  display: inline-block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
}

.footer__infoBlk .address {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
  display: flex;
  align-items: flex-start;
  grid-gap: 10px;
}

.footer__infoBlk .address::before {
  content: "";
  width: 15px;
  height: 19px;
  margin-top: 4px;
  background: url('data:image/svg+xml;charset=utf8,<svg width="29" height="35" viewBox="0 0 29 35" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 1C7.048 1 1 6.73171 1 13.794C1 15.8666 1.684 18.2548 2.449 19.5428C4.834 23.5516 14.5 34 14.5 34C14.5 34 24.166 23.5601 26.551 19.5428C27.316 18.2548 28 15.8666 28 13.794C28 6.73171 21.952 1 14.5 1Z" stroke="white" stroke-miterlimit="10"/><circle cx="14.5" cy="13.5" r="6" stroke="white"/></svg>') center top/contain no-repeat;
  display: block;
  flex-shrink: 0;
}

.footer__infoBlk .tel {
  padding-right: 1.2em;
  font-size: 187.5%;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
  align-items: center;
  grid-gap: 13px;
}

.footer__infoBlk .tel::before {
  content: "";
  width: 15px;
  height: 18px;
  background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="none" stroke="%23fff"/></svg>') center/contain no-repeat;
  display: block;
  flex-shrink: 0;
}

.footer__infoBlk .tel:hover {
  color: #FF7A00;
  opacity: 1;
}

.footer__infoBlk .tel:hover::before {
  background-image: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="none" stroke="%23FF7A00"/></svg>');
}

@media screen and (min-width: 768px) {
  .footer__infoBlk {
    width: 40%;
    max-width: 350px;
    align-items: flex-start;
  }

  .footer__infoBlk .logo {
    margin-bottom: 20px;
  }

  .footer__infoBlk .logo__img {
    -o-object-position: left top;
    object-position: left top;
  }
}

@media screen and (min-width: 1024px) {
  .footer__infoBlk {
    width: 30%;
  }
}

.footer__navBlk {
  width: 100%;
}

.footer__navBlk .list {
  line-height: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.75em;
}

.footer__navBlk .list__link {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  display: block;
  position: relative;
}

.footer__navBlk .list__link::after {
  content: "";
  width: 10px;
  height: 10px;
  margin: auto 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  transform: rotate(45deg);
}

.footer__navBlk .list__link:hover {
  color: #FF7A00;
}

.footer__navBlk .list__link:hover::after {
  border-color: #FF7A00;
}

@media screen and (min-width: 390px) {
  .footer__navBlk {
    grid-gap: 1.75em 2.375em;
  }
}

@media screen and (min-width: 768px) {
  .footer__navBlk {
    width: calc(60% - 40px);
    padding-top: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .footer__navBlk {
    width: calc(70% - 60px);
  }

  .footer__navBlk .list {
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 28px 50px;
  }
}

@media screen and (min-width: 1200px) {
  .footer__navBlk .list {
    grid-template-columns: repeat(auto-fit, minmax(203px, 1fr));
    grid-gap: 28px 68px;
  }
}

.footer__footerBlk {
  padding: 16px 0 26px;
  font-size: 75%;
  line-height: 1.6;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .footer__footerBlk {
    padding: 0 0 35px;
    display: flex;
    align-items: center;
    grid-gap: 37px;
  }
}

.footer__btns {
  width: 100%;
  height: 50px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1039;
  transition: opacity 0.5s linear;
}

.footer__btns .list {
  width: 100%;
  height: 100%;
  display: flex;
}

.footer__btns .listItem--tel {
  width: 46.154%;
}

.footer__btns .listItem--contact {
  width: 53.856%;
}

.footer__btns .listItem__btn {
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 9px;
}

.footer__btns .listItem__btn::before {
  content: "";
  display: block;
}

.footer__btns .listItem__btn .txtWrap__txt1 {
  display: block;
}

.footer__btns .listItem__btn .txtWrap__txt2 {
  padding-left: 1px;
  font-size: 14px;
  line-height: 1.4166;
  display: block;
}

.footer__btns .listItem__btn--tel {
  background-color: #000;
}

.footer__btns .listItem__btn--tel::before {
  width: 25px;
  height: 30px;
  background: url('data:image/svg+xml;charset=utf8,<svg width="25" height="30" viewBox="0 0 25 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.23517 1.27129C-0.00515636 2.60816 -0.445261 6.787 0.40056 10.1929C1.05928 12.8452 2.45977 16.403 4.82135 19.7533C7.04295 22.9051 10.1424 25.7312 12.5058 27.3663C15.5406 29.4658 19.867 30.8003 22.1073 29.4635C23.2402 28.7875 24.9232 26.9405 25 26.6091C25 26.6091 24.0131 25.209 23.7965 24.9017L20.4868 20.2063C20.2409 19.8574 18.6985 20.1763 17.915 20.5846C16.858 21.1357 15.8847 22.6141 15.8847 22.6141C15.16 22.9993 14.5529 22.6155 13.2847 22.0784C11.7259 21.4185 9.9734 19.3682 8.57857 17.5112C7.30462 15.5821 5.98469 13.2736 5.96558 11.695C5.94985 10.4105 5.8165 9.74405 6.4944 9.29229C6.4944 9.29229 8.35849 9.07749 9.33632 8.41433C10.0611 7.92261 11.0066 6.75694 10.7606 6.40796L7.45096 1.71262C7.23438 1.40535 6.24744 0.00519608 6.24744 0.00519608C5.88719 -0.0654093 3.368 0.595293 2.23517 1.27129Z" fill="%23fff"/></svg>') center/contain no-repeat;
}

.footer__btns .listItem__btn--tel .txtWrap__txt1 {
  font-size: 112.5%;
  font-weight: 700;
  line-height: 1.166;
}

.footer__btns .listItem__btn--contact {
  background-color: #FF7A00;
}

.footer__btns .listItem__btn--contact::before {
  width: 28px;
  height: 18px;
  margin: 0 0px 0 -7px;
  background: url('data:image/svg+xml;charset=utf8,<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M24 0.210449H0.919189V17.0772H24V0.210449ZM22.4351 2.17481L12.3898 9.05484L2.47876 2.3645L1.35978 4.02217L12.398 11.4734L23.5652 3.82489L22.4351 2.17481Z" fill="white"/></svg>') center/contain no-repeat;
}

.footer__btns .listItem__btn--contact .txtWrap__txt1 {
  font-weight: 500;
  line-height: 1.4375;
}

@media screen and (min-width: 768px) {
  .footer__btns {
    pointer-events: none;
  }
}

.footer__topBtn {
  width: 28px;
  height: 40px;
  mix-blend-mode: difference;
  color: #fff;
  font-size: 87.5%;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 3px;
  position: fixed;
  bottom: 63px;
  right: 10px;
  z-index: 1039;
}

.footer__topBtn::before {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  display: block;
  transform: rotate(-45deg);
}

.footer__topBtn:hover {
  opacity: 0.8;
}

@media screen and (min-width: 768px) {
  .footer__topBtn {
    bottom: 20px;
    right: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .footer__topBtn {
    bottom: 60px;
  }
}

/*------------------------------------------------------
    contents
-------------------------------------------------------*/
section {
  width: 100%;
  position: relative;
}

.pageTtlBlk {
  width: 100%;
  height: 180px;
  margin-top: 70px;
  background: url(../images/pagettl_bg-sp.jpg) center/cover no-repeat;
}

.pageTtlBlk__inner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .pageTtlBlk {
    height: 295px;
    background-image: url(../images/pagettl_bg-pc.jpg);
  }

  .pageTtlBlk__inner {
    justify-content: flex-start;
    font-size: 275%;
  }
}

@media screen and (min-width: 1024px) {
  .pageTtlBlk {
    height: 350px;
    margin-top: 140px;
  }
}

@media screen and (min-width: 1200px) {
  .pageTtlBlk {
    height: 462px;
  }
}

.breadcrumbBlk {
  width: 100%;
  padding: 12px 0 0;
  margin-bottom: 40px;
  color: #FFFFFF;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .breadcrumbBlk {
    padding: 18px 0 0;
    margin-bottom: 57px;
    font-size: 12px;
  }
}

.breadcrumbBlk__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  grid-gap: 4px;
}

.breadcrumbBlk a {
  color: #000;
  text-decoration: underline;
}

.breadcrumbBlk a:hover {
  text-decoration: none;
}

.secTtl {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 5px;
}

.secTtl .en {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
  font-size: 312.5%;
  font-weight: 700;
  letter-spacing: 0.07em;
  line-height: 1.4;
}

.secTtl .jp {
  padding: 2px 6px 4px 7px;
  background-color: #333333;
  color: #fff;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .secTtl {
    margin-bottom: 36px;
    grid-gap: 1px;
  }

  .secTtl .en {
    font-size: 500%;
    font-weight: 500;
    letter-spacing: 0.14em;
    line-height: 1.4;
  }

  .secTtl .jp {
    padding: 0 12px;
    font-size: 125%;
  }
}

@media screen and (min-width: 1024px) {
  .secTtl .en {
    font-size: 687.5%;
  }
}

.wp-pagenavi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
}

.wp-pagenavi a,
.wp-pagenavi .current,
.wp-pagenavi .extend {
  width: 40px;
  height: 40px;
  color: #00A7FF;
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi .current {
  background-color: #999999;
  border-radius: 50%;
  color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
  color: transparent;
  order: -1;
  position: relative;
}

.wp-pagenavi .previouspostslink::after,
.wp-pagenavi .nextpostslink::after {
  content: "";
  width: 20px;
  height: 20px;
  border-right: 2px solid #999999;
  border-bottom: 2px solid #999999;
  display: block;
  transform: rotate(135deg);
}

.wp-pagenavi .nextpostslink {
  order: 1;
}

.wp-pagenavi .nextpostslink::after {
  transform: rotate(-45deg);
}