@charset "UTF-8";
/* ======================================================
pc
====================================================== */
@media (min-width: 1001px) {
    /* common
---------------------------------------------------------------------- */
  .intro {
    background-color: #231815;
    position: relative;
    height: 85px; }

    /* navi
---------------------------------------------------------------------- */
  .navi {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 1.5%; }
    .navi li {
      color: #fff;
      background-color: #000000;
      text-align: center;
      flex: 1;
      line-height: 1;
      position: relative;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center; }

    /* common block
---------------------------------------------------------------------- */
  #mainvisual.sub .catch img {
    max-width: 320px; }

  .section__ttl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 25px;
    color: #231815;
    font-size: 2.4rem;
    letter-spacing: 0.2em; }
    .section__ttl span {
      font-family: 'Poppins', sans-serif;
      font-size: 4rem;
      letter-spacing: 0.075em;
      display: block;
      line-height: 1;
      margin-left: -5px;
      padding-bottom: 20px; }
      .section__ttl span::before {
        content: "";
        margin-right: 5px;
        display: inline-block;
        width: 28px;
        height: 28px;
        background: url(../images/tel.svg); }

  .section__deco {
    border-bottom: 1px solid #7B7B7B;
    position: relative; }
    .section__deco::after {
      content: "";
      width: 35px;
      height: 3px;
      background-color: #7B7B7B;
      position: absolute;
      bottom: -2px;
      right: 0; }

    /* Half block of image
---------------------------------------------------------------------- */
  .harfBlock__inr {
    display: flex; }

  .harfBlock__img {
    width: 50%; }

  .harfBlock__img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

  .harfBlock__content {
    width: 50%;
    background-color: #fff;
    padding: 1% 4% 3%;
    display: flex;
    align-items: center; }

  .harfBlock__contentInr {
    width: 430px; }

    /* lead
---------------------------------------------------------------------- */
  .lead {
    text-align: center;
    padding: 160px 0 50px;
    background-color: #fff; }

  p.lead__txt {
    text-align: center;
    margin-bottom: 40px;
    color: #595757; }

  .lead .cbtn {
    min-width: 420px;
    padding: 15px 50px;
    background-color: transparent;
    border: 1px solid #231815;
    color: #231815;
    font-size: 1.5rem;
    position: relative;
    cursor: pointer; }

  .lead .cbtn::after {
    right: 10px; }

    /* contactForm
---------------------------------------------------------------------- */
  .contactForm {
    padding: 100px 0 130px; }

  .contactForm__ttl {
    font-size: 4rem;
    line-height: 1.5;
    letter-spacing: 0.2em;
    margin-bottom: 40px;
    color: #262626;
    font-size: 3rem; }

  .contactForm__required {
    margin-bottom: 40px;
    display: block;
    color: #595757; }

  .contactForm__txt {
    text-align: center;
    margin-bottom: 60px; }
    .contactForm__txt p {
      text-align: center;
      color: #595757; }

  .contactForm dl {
    display: flex;
    text-align: left;
    margin-bottom: 15px; }
    .contactForm dl dt {
      display: flex;
      align-items: center;
      width: 285px;
      padding: 20px 20px;
      margin-right: 10px;
      background-color: #FFFFFF; }
    .contactForm dl dd {
      flex: 1; }

  .contactForm input[type="text"],
  .contactForm input[type="email"],
  .contactForm input[type="tel"] {
    width: 100%;
    border: 1px solid #D3C2B8;
    background-color: #FFFFFF;
    padding: 20px 10px;
    height: 100%;
    font-size: 1.8rem;
    font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; }

  .contactForm textarea {
    resize: vertical;
    width: 100%;
    border: 1px solid #D3C2B8;
    background-color: #FFFFFF;
    padding: 10px 10px;
    display: block;
    font-size: 1.8rem;
    height: 180px;
    font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; }

  .conatct__btn {
    text-align: center;
    margin-top: 70px; }
    .conatct__btn .cbtn--black {
      min-width: 300px;
      padding: 15px 20px;
      text-align: left;
      background-color: #231815;
      color: #FFF;
      cursor: pointer;
      text-align: center;
      transition: 0.3s; }
      .conatct__btn .cbtn--black:hover {
        opacity: 0.7; } }
@media (max-width: 1000px) {
    /* navi
---------------------------------------------------------------------- */
    /* common block
---------------------------------------------------------------------- */
  .section__ttl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 2.4rem;
    letter-spacing: 0.2em; }
    .section__ttl span {
      font-family: 'Poppins', sans-serif;
      font-size: max(29px, 5.33333vw);
      letter-spacing: 0.075em;
      line-height: 1.5;
      display: block;
      line-height: 1;
      padding-bottom: 20px; }
      .section__ttl span::before {
        content: "";
        margin-right: 5px;
        display: inline-block;
        width: 7vw;
        height: 7vw;
        max-width: 25px;
        max-height: 25px;
        background: url(../images/tel.svg) no-repeat center;
        background-size: contain; }

  .section__deco {
    border-bottom: 1px solid #7B7B7B;
    position: relative; }
    .section__deco::after {
      content: "";
      width: 35px;
      height: 3px;
      background-color: #7B7B7B;
      position: absolute;
      bottom: -2px;
      right: 0; }

    /* Half block of image
---------------------------------------------------------------------- */
  .harfBlock__img {
    width: 100%; }

  .harfBlock__img img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

  .harfBlock__content {
    width: 100%;
    background-color: #fff;
    padding: 40px 4% 40px;
    text-align: center; }

  .harfBlock__contentInr {
    display: inline-block;
    text-align: left;
    margin: 0 auto; }

    /* lead
---------------------------------------------------------------------- */
  .lead {
    text-align: center;
    padding: 60px 0 0;
    background-color: #fff; }

  p.lead__txt {
    text-align: justify;
    margin-bottom: 40px;
    color: #595757; }

  .lead .cbtn {
    width: 420px;
    max-width: 100%;
    padding: 15px 45px 15px 20px;
    background-color: transparent;
    border: 1px solid #231815;
    color: #231815; }

  .lead .cbtn::after {
    right: 10px; }

    /* contactForm
---------------------------------------------------------------------- */
  .contactForm {
    padding: 110px 0 130px; }

  .contactForm__ttl {
    font-size: 1.8rem;
    letter-spacing: 0.2em;
    line-height: 1.5;
    margin-bottom: 40px;
    color: #262626; }

  .contactForm__required {
    margin-bottom: 40px;
    display: block;
    color: #595757; }

  .contactForm__txt {
    text-align: center;
    margin-bottom: 60px; }
    .contactForm__txt p {
      text-align: justify;
      color: #595757; }

  .contactForm dl {
    text-align: left;
    margin-bottom: 30px; }
    .contactForm dl dt {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 10px 20px 10px 0;
      background-color: #FFFFFF; }
    .contactForm dl dd {
      width: 100%;
      font-size: max(16px, 2.4vw);
      background-color: #FFFFFF; }

  .contactForm input[type="text"],
  .contactForm input[type="email"],
  .contactForm input[type="tel"] {
    width: 100%;
    border: 1px solid #D3C2B8;
    height: 100%;
    padding: 16px 20px;
    font-size: 1.8rem;
    font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; }

  .contactForm textarea {
    resize: vertical;
    width: 100%;
    border: 1px solid #D3C2B8;
    background-color: #FFFFFF;
    padding: 16px 20px;
    display: block;
    font-size: 1.8rem;
    height: 180px;
    font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif; }

  .conatct__btn {
    text-align: center;
    margin-top: 70px; }
    .conatct__btn .cbtn--black {
      min-width: 245px;
      padding: 15px 20px;
      text-align: left;
      background-color: #231815;
      color: #FFF;
      text-align: center; } }

/*# sourceMappingURL=style.css.map */