@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;800;900&display=swap);
body {
  margin: 0;
}
.cp2506 div, .cp2506 dl, .cp2506 dt, .cp2506 dd, .cp2506 ul, .cp2506 ol, .cp2506 li, .cp2506 h1, .cp2506 h2, .cp2506 h3, .cp2506 h4, .cp2506 h5, .cp2506 h6, .cp2506 p, .cp2506 table, .cp2506 th, .cp2506 td, .cp2506 caption, .cp2506 tbody, .cp2506 article, .cp2506 aside, .cp2506 figure {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background-color: transparent;
}
.cp2506 img {
  border: 0;
  vertical-align: bottom;
}
.cp2506 ul, .cp2506 ol {
  list-style: none;
}
.cp2506 table {
  border-collapse: collapse;
  border-spacing: 0;
}
.cp2506 figure, .cp2506 figcaption {
  display: block;
}
.cp2506 *, .cp2506 *:before, .cp2506 *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
/* =========================================================
　◆レイアウト
========================================================= */
.cp2506 {
  box-sizing: border-box;
  line-height: 1;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", Meiryo, serif;
  font-weight: 500;
  color: #000000;
  position: relative;
  background-color: #ffffff;
}
.cp2506 .main {
  background-image: url("../img/close/bg.webp");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin: 0 auto;
  position: relative;
  max-width: 1440px;
}
.cp2506 .main .inner {
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
}
.cp2506 .main .inner:before {
  content: "";
  display: block;
  padding-top: 76.9791666%;
}
.cp2506 .main h1 {
  position: absolute;
  top: 37.7027027%;
  left: 20.3472222%;
  width: 59.5486111%;
}
.cp2506 .main .contact {
  position: absolute;
  top: 78.4234234%;
  left: 24.8611111%;
  width: 50.2777777%;
}
.cp2506 .main .contact-tel {
  position: absolute;
  top: 86.1711711%;
  left: 24.8611111%;
  width: 50.2777777%;
}
.cp2506 .main .copy {
  position: absolute;
  top: 95%;
  left: 46.4236111%;
  width: 7.1875%;
}
@media screen and (max-width: 767px) {
  .cp2506 .main {
    background-image: url("../img/close/sp/bg.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin: 0 auto;
    position: relative;
    max-width: 1440px;
  }
  .cp2506 .main .inner {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  .cp2506 .main .inner:before {
    content: "";
    display: block;
    padding-top: 188.2716049%;
  }
  .cp2506 .main h1 {
    position: absolute;
    top: 41.2295081%;
    left: 0;
    width: 100%;
  }
  .cp2506 .main .contact {
    position: absolute;
    top: 79.262295%;
    left: 19.5987654%;
    width: 61.265432%;
  }
  .cp2506 .main .contact-tel {
    position: absolute;
    top: 85.6557377%;
    left: 19.5987654%;
    width: 61.265432%;
  }
  .cp2506 .main .copy {
    position: absolute;
    top: 94.7%;
    left: 41.9753086%;
    width: 13.2716049%;
  }
}
/* =========================================================
　◆共通
========================================================= */
.cp2506 img {
  width: 100%;
}
.cp2506 .indent {
  text-indent: -1em;
  padding-left: 1em;
}
.cp2506 .color-icon {
  color: #d4b164;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
/* =========================================================
　◆表示切替
========================================================= */
.pcn {
  display: none;
}
@media screen and (max-width: 767px) {
  .spn {
    display: none;
  }
  .pcn {
    display: block;
  }
}