/*
====>> サイト(案件)毎にスタイルを記述していくファイル <<====

・このファイルはサイト(案件)独自のスタイルを記述するファイル
・ここに記述するファイルは、接頭辞に「p-」を付けたセレクタにする事　/　例：「.p-project-item」

*/

/*		LPページ
-----------------------------------------------------*/
.p-lp-mv {
  position: relative;
  &::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 100 / 152.93;
    position: absolute;
    top: 270px;
    left: 0;
    right: 0;
    z-index: -1;
    background: url("../img/background_sky01.png") no-repeat center bottom / cover;
  }
  .l-container {
    max-width: 1536px;
    width: 100%;
    padding: 40px 7% 0;
    position: relative;
  }
  .p-lp-mv_title {
    position: absolute;
    top: 0;
    right: 10%;
    font: 400 6.4rem "MV Noto Serif", serif;
    font-size: clamp(32px, 4.571px + 4.571vw, 64px);
    letter-spacing: 0.1em;
    line-height: 1;
    z-index: 2;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    -moz-text-orientation: upright;
    -ms-text-orientation: upright;
    text-orientation: upright;
    .p-lp-mv_title_block {
      display: inline-block;
      padding: 0 13px 40px;
      margin: 0 5px;
      background-color: #fff;
      opacity: 0;
      animation: MvTextAnimation 2s forwards;
      animation-delay: 0.8s;
      white-space: nowrap;

      & > span {
        display: inline-block;
        padding: 0;
        margin: -0.2em 0;
        opacity: 0;
        animation: MvTextAnimation 1s forwards;
        &.is-rotate {
          transform: scale(-1, 1) rotate(93deg);
          transform-origin: center center;
        }
      }
    }
  }
  .p-lp-mv_image {
    position: relative;
    opacity: 0;
    animation: MvTextAnimation 2s forwards;
    animation-delay: 0.5s;
    z-index: 1;
  }
  .p-lp-mv_scroll {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    position: absolute;
    bottom: 0;
    left: 3%;
    z-index: 2;
    & img {
      margin-bottom: 8px;
    }
    & span {
      opacity: 0;
      animation: MvTextAnimation 2s infinite;
    }
  }
} /*.p-lp-mv*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-mv {
    &::before{
      aspect-ratio: 100 / 515.38;
      background-image: url("../img/background_sky01_sp.png");
    }
    .l-container {
      padding: 20px 20px 0 0;
    }
    .p-lp-mv_title {
      right: 10px;
      font-size: 2.6rem;
      font-size: clamp(16px, 7.25px + 3.125vw, 26px);
      .p-lp-mv_title_block {
        padding: 0 6px 17px;
        margin: 0 3px;
        text-align: center;
        & > span {
          display: inline-block;
          padding: 0;
          margin: 0;
          opacity: 0;
          animation: MvTextAnimation 1s forwards;
          &.is-rotate {
            text-combine-upright: all;
            line-height: 1;
            text-indent: 0.3em;
          }
        }
      }
    }

    .p-lp-mv_scroll {
      display: none;
    }
  } /*.p-lp-mv*/
} /*END SP以下 表示*/
@keyframes MvTextAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-cta {
    width: 100%;
    height: 60px;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    .p-lp-cta_btn_wrap {
      display: flex;
      width: 100%;
      height: 100%;
      & a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        gap: 5px;
        font: 600 1.4rem "Noto Serif JP", serif;
        font-size: clamp(10px, -6px + 5.714vw, 14px);
        letter-spacing: 0.04em;
        line-height: 1.5;
        text-align: center;
        color: #fff;
      }
      .p-lp-cta_btn_line {
        flex: 1;
        background-color: var(--color-green);
      }
      .p-lp-cta_btn_mail {
        gap: 10px;
        flex: 1;
        background-color: var(--color-gray);
      }
      .p-lp-cta_btn_tel {
        min-width: 60px;
        background-color: var(--color-blue);
      }
    }
  } /*.p-lp-cta*/
} /*END SP以下 表示*/

.p-lp-benefits {
  padding: 115px 0;
  & ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px 10%;
    margin-bottom:80px;
    & li {
      max-width: 470px;
      width: 100%;
      padding: 34px 34px 32px 140px;
      background-color: #fff;
      box-shadow: 0.5px 4px 24px rgba(0, 0, 0, 0.08);
      position: relative;
      z-index: 1;
      & p {
        font: 600 2.8rem "Noto Serif JP", serif;
        letter-spacing: 0.14em;
        line-height: 1.75;
        text-align: center;
        & span {
          font-size: 6rem;
          color: var(--color-blue);
          letter-spacing: 0.06em;
          line-height: 1.5;
          & small {
            font-size: 3.2rem;
            vertical-align: baseline;
          }
        }
      }
    }
    .p-lp-benefits_ribbon_wrap {
      position: absolute;
      top: -10px;
      left: 18px;
      z-index: 3;
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.08));
      .p-lp-benefits_ribbon {
        width: 86px;
        position: relative;
        &::after {
          content: "";
          width: 100%;
          height: 10px;
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          background-color: #7fb3ca;
          transform: skewX(25deg);
          transform-origin: left top;
          z-index: 1;
          box-shadow: 0px 3px 6px rgba(0.08);
        }
        & span {
          position: relative;
          margin: 0;
          padding: 10px 0;
          z-index: 2;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          flex-direction: column;
          min-height: 210px;
          font: 600 3.6rem "Noto Serif JP", serif;
          letter-spacing: 0.14em;
          line-height: 1.5;
          color: white;
          background: #8cc2da;
          clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);
          &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 38px;
            width: 100%;
            background-color: rgba(255, 255, 255, 0.2);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
            z-index: 3;
          }
          & small {
            display: block;
            font-size: 2.4rem;
          }
        }
      } /*p-lp-benefits_ribbon*/
    }
  }
} /*.p-lp-benefits*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-benefits {
    padding: 80px 0;
    & ul {
      flex-direction: column;
      gap: 20px;
      margin-bottom:40px;
      & li {
        padding: 20px 40px 30px 100px;
        & p {
          font-size: 2.2rem;
          font-size: 5vw;
          & span {
            font-size: 4.8rem;
            font-size: 8vw;
            & small {
              font-size: 2.8rem;
              font-size: 6vw;
            }
          }
        }
      }
      .p-lp-benefits_ribbon_wrap {
        height: 90%;
        .p-lp-benefits_ribbon {
          width: 58px;
          height: 100%;
          & span {
            font-size: 2.3rem;
            min-height: unset;
            height: 100%;
            &::after {
              height: 25px;
            }
            & small {
              display: block;
              font-size: 1.6rem;
            }
          }
        }
      }
    }
  } /*.p-lp-benefits*/
} /*END SP以下 表示*/

.p-lp-point {
  padding: 60px 0;
  .l-container {
    max-width: var(--w-solid-base);
  }
  .p-lp-point_list {
    display: flex;
    padding-bottom: 130px;
    & li {
      width: 20%;
      font: 600 2.4rem "Noto Serif JP", serif;
      letter-spacing: 0.1em;
      text-align: center;
      color: #31454a;
      & figure {
        margin-bottom: 20px;
      }
    }
    & li:nth-child(even) {
      margin: 110px -10px 0;
    }
  }
  .p-lp-point_list_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    height: auto;
    aspect-ratio: 1 / 1;
    background: var(--color-blue) url("../img/icon_bg_sky.png") no-repeat center center / cover;
    border-radius: 50%;
    & img {
      width: 60%;
    }
  }
} /*.p-lp-point*/
@media (max-width: 900px) {
  .p-lp-point {
    .p-lp-point_list {
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px 3%;
      padding-bottom: 30px;
      & li {
        width: 30%;
      }
      & li:nth-child(even) {
        margin: 0;
      }
    }
    .p-lp-point_list_icon {
      display: flex;
      align-items: center;
      justify-content: center;
      max-width: 220px;
      height: auto;
      aspect-ratio: 1 / 1;
      background: var(--color-blue) url("../img/icon_bg_sky.png") no-repeat center center / cover;
      border-radius: 50%;
      & img {
        width: 60%;
      }
    }
  } /*.p-lp-point*/
} /*END max-width: 800px 表示*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-point {
    padding: 40px 0;
    .l-container {
      max-width: var(--w-solid-base);
    }
    .p-lp-point_list {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px 25px;
      padding-bottom: 0;
      & li {
        flex: unset;
        width: calc(50% - 20px);
        font-size: 2rem;
      }
      & li:nth-child(even) {
        margin: 0;
      }
    }
    .p-lp-point_list_icon {
      width: 100%;
      aspect-ratio: 1 / 1;
      height: auto;
      & img {
        width: 60%;
      }
    }
  } /*.p-lp-point*/
} /*END SP以下 表示*/
.p-lp-environment {
  padding: 60px 0;
  .l-container {
    max-width: 1400px;
    .c-unit {
      max-width: 1100px;
      width: 100%;
      margin: 0;
      flex-wrap: wrap;
      align-items: flex-start;
      & + .c-unit {
        margin-top: 45px;
      }
    }
    .c-unit:nth-of-type(2) {
      margin-left: auto;
      margin-right: auto;
    }
    .c-unit:nth-of-type(3) {
      margin-left: auto;
      margin-bottom: 80px;
    }
    .p-lp-environment_image {
      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
    .p-lp-environment_content {
      .p-lp-environment_label {
        display: block;
        width: max-content;
        align-self: flex-start;
        position: relative;
        padding-top: 20px;
        margin-bottom: 50px;
        &::before {
          content: "";
          display: block;
          width: 60px;
          height: 3px;
          background-color: var(--color-blue);
          position: absolute;
          top: 0;
          left: 0;
        }
      }
      .p-lp-environment_title {
        font: 600 2.8rem "Noto Serif JP", serif;
        font-size: clamp(18px, -2px + 3.333vw, 28px);
        letter-spacing: 0.1em;
        line-height: 2;
        margin-bottom: 30px;
        & b {
          font-size: 1.5em;
          vertical-align: baseline;
        }
      }
      & p {
        font-size: 1.6rem;
        letter-spacing: 0.08em;
        line-height: 2.5;
      }
    }
  }
} /*p-lp-environment*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-environment {
    padding: 40px 0;
    .l-container {
      .c-unit {
        flex-direction: column-reverse;
        gap: 35px;
        & + .c-unit {
          margin-top: 60px;
        }
      }
      .c-unit:nth-of-type(3) {
        margin-bottom: 40px;
      }
      .p-lp-environment_content {
        .p-lp-environment_label {
          padding-top: 17px;
          margin-bottom: 40px;
          &::before {
            width: 48px;
          }
        }
        .p-lp-environment_title {
          font-size: 2.2rem;
          font-size: 5.5vw;
          margin-bottom: 20px;
          & b {
            font-size: 1.63em;
          }
        }
        & p {
          font-size: 1.4rem;
        }
      }
    }
  } /*p-lp-environment*/
} /*END SP以下 表示*/
.p-contact-block {
  padding: 60px 0;
  .l-container {
    max-width: var(--w-solid-base);
    position: relative;
    &::after {
      content: "";
      display: block;
      width: calc(100% - 40px);
      height: 3px;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
      background-color: var(--color-blue);
    }
  }
  .p-contact-block_title {
    display: flex;
    align-items: center;
    gap: 23px;
    &::after {
      content: "";
      display: block;
      flex: 1;
      width: 100%;
      height: 3px;
      background-color: var(--color-blue);
    }
  }
  .p-contact-block_content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px 3%;
    padding: 44px 0 53px;
  }
  .p-contact-block_tel {
    font-size: 1.4rem;
    letter-spacing: 0.04rem;
    line-height: 2;
    .p-contact-block_tel_num {
      margin-bottom: 15px;
    }
  }
  .c-btn_wrap {
    flex: 1;
    min-width: 350px;
    gap: 20px;
  }
} /*.p-contact-block*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-contact-block {
    padding: 40px 0;
    .p-contact-block_title {
      gap: 8px;
      & img {
        width: 60%;
        max-width: 272px;
      }
    }
    .p-contact-block_content {
      flex-direction: column;
      gap: 25px;
      padding: 32px 0 30px;
    }
    .p-contact-block_tel {
      text-align: center;
      font-size: 1.4rem;
      letter-spacing: 0.04rem;
      line-height: 2;
      .p-contact-block_tel_num {
        margin-bottom: 20px;
      }
    }
    .c-btn_wrap {
      flex: 1;
      min-width: 350px;
      gap: 20px;
    }
  } /*.p-contact-block*/
} /*END SP以下 表示*/

.p-lp-facility {
  padding: 60px 0;
  max-width: 100%;
  overflow: hidden;
  .c-unit {
    gap: 50px 7%;
    & > * {
      flex: 1;
    }
    & + .c-unit{
      margin-top:80px;
    }
  }
  .p-lp-facility_image {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    position: relative;
    z-index: 2;
    & figure {
      min-width: 50vw;
      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
  }
  .is-reverse {
    .p-lp-facility_image {
      justify-content: flex-start;
    }
  }
  .p-lp-facility_content {
    position: relative;
    z-index: 1;
    .p-lp-facility_content_head {
      display: flex;
      align-items: center;
      gap: 30px;
      padding-bottom: 40px;
      position: relative;
      margin-bottom: 55px;
      &::after {
        content: "";
        width: 55vw;
        height: 3px;
        background-color: var(--color-blue);
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(calc(-50% - 20px));
        z-index: -1;
      }
      & h3 {
        font: 600 2.8rem "Noto Serif JP", serif;
        letter-spacing: 0.1em;
        line-height: 2;
      }
    }
    .p-lp-facility_content_body {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px 7%;
      margin-bottom: 60px;
      & figure {
        flex-shrink: 0;
      }
    }
    .p-lp-facility_content_foot {
      display: flex;
      justify-content: space-around;
      gap: 20px 5%;
      & > * {
        max-width: 30%;
      }
    }
  }
  .is-reverse {
    .p-lp-facility_content {
      .p-lp-facility_content_head {
        &::after {
          transform: translateX(calc(-50% + 20px));
        }
      }  
    }
  }
} /*p-lp-facility*/
@media (max-width: 900px) {
  /*max-width: 900px 表示*/
  .p-lp-facility {
    .c-unit {
      gap: 5%;
      align-items: flex-start;
    }
    .p-lp-facility_content {
      .p-lp-facility_content_head {
        & span {
          width: 6vw;
        }
        & h3 {
          font-size: 2.5vw;
        }
      }
      .p-lp-facility_content_body {
        flex-direction: column-reverse;
        justify-content: center;
        gap: 40px;
        margin-bottom: 40px;
        & figure {
          flex-shrink: 1;
        }
      }
    }
  } /*p-lp-facility*/
} /*END max-width: 900px 表示*/
@media (max-width: 600px) {
  /*SP以下 表示*/
  .p-lp-facility {
    padding: 40px 0;
    .c-unit {
      flex-direction: column;
      gap: 30px;
      & > * {
        width: 100%;
      }
      & + .c-unit {
        margin-top: 80px;
      }
    }
    .p-lp-facility_image {
      justify-content: center;
      & figure {
        min-width: 100%;
      }
    }
    .is-reverse .p-lp-facility_image {
      justify-content: center;
    }
    .p-lp-facility_content {
      .p-lp-facility_content_head {
        align-items: flex-start;
        gap: 40px;
        padding-bottom: 25px;
        margin-bottom: 20px;
        &::after {
          width: 110vw;
          left: 50%;
          transform: translateX(-50%);
        }
        & span {
          width: max-content;
          max-width: 88px;
        }
        & h3 {
          font-size: 2.2rem;
        }
      }
      .p-lp-facility_content_body {
        gap: 40px;
        margin-bottom: 40px;
        & figure {
          flex-shrink: 1;
        }
      }
      .p-lp-facility_content_foot {
        display: flex;
        justify-content: center;
        gap: 12px;
        & > * {
          width: calc((100% - 12px) / 3);
        }
      }
    }
    .is-reverse {
      .p-lp-facility_content {
        .p-lp-facility_content_head {
          &::after {
            transform: translateX(calc(-50%));
          }
        }  
      }
    }
  } /*p-lp-facility*/
} /*END SP以下 表示*/

.p-lp-property {
  padding: 60px 0;
  position: relative;
  &::before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 100 / 98.63;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: url("../img/background_sky02.png") no-repeat center top / cover;
  }
  .p-lp-property_content {
    margin-bottom: 50px;
  }
  .p-lp-property_item {
    background-color: #fff;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 15px 18px 30px;
    &::after {
      content: "";
      display: block;
      width: 30px;
      height: 30px;
      background-color: var(--color-blue);
      position: absolute;
      right: 4px;
      bottom: 4px;
      clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    }
    & a {
      display: block;
    }
    .p-lp-property_item_image {
      width: 100%;
      aspect-ratio: 10 / 7;
      & img {
        object-fit: cover;
        width: 100%;
        height: 100%;
      }
    }
    .p-lp-property_item_tag {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 1.4rem;
      letter-spacing: 0.04em;
      color: #49575e;
      padding: 10px 20px;
      background-color: #fff;
      border-bottom-left-radius: 5px;
    }
    .p-lp-property_item_txt {
      width: 100%;
      min-height: 370px;
      padding: 24px 30px 40px;
      .p-lp-property_item_name {
        font: 600 2rem "Noto Serif JP", serif;
        letter-spacing: 0.04em;
        margin-bottom: 8px;
      }
      .p-lp-property_item_price {
        display: flex;
        flex-wrap: wrap;
        gap: 10px 40px;
        font-size: 1.6rem;
        color: #f4a000;
      }
      .p-lp-property_item_detail {
        padding-top: 18px;
        margin-top: 15px;
        border-top: 1px solid #e3e3e3;
        & table {
          font-size: 1.4rem;
          letter-spacing: 0.04em;
          color: #31454a;
          line-height: 2;
          border-collapse: separate;
          border-spacing: 0 10px;
          & th {
            font-weight: 400;
            min-width: 70px;
            text-align: left;
            padding-right: 7px;
            border-right: 1px solid #e3e3e3;
          }
          & td {
            padding-left: 9px;
          }
        }
      }
    }
  }
} /*.p-lp-property*/
@media (max-width: 600px){/*SP以下 表示*/
  .p-lp-property {
    padding: 40px 0;
    &::before {
      aspect-ratio: 100 / 475.38;
      height: 1854px;
      background-image: url("../img/background_sky02_sp.png");
    }
    .p-lp-property_content {
      margin-bottom: 15px;
    }
    .p-lp-property_item {
      margin: 15px 8px 30px;
      &::after {
        width: 24px;
        height: 24px;
      }
      .p-lp-property_item_txt {
        min-height: auto;
        padding: 20px 15px 30px;
        .p-lp-property_item_detail {
          padding-top: 18px;
          margin-top: 15px;
          border-top: 1px solid #e3e3e3;
        }
      }
    }
  } /*.p-lp-property*/
}/*END SP以下 表示*/


.p-lp-voice {
  padding: 60px 0;
  .p-lp-voice_comment_wrap {
    filter: drop-shadow(3px 3px 12px rgba(0, 0, 0, 0.1));
  }
  .p-lp-voice_comment {
    min-height: 440px;
    padding: 57px 40px 100px;
    margin: 0 10px 10px;
    border-top: 5px solid var(--color-blue);
    background-color: #f9fbfb;
    box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 38px), 60% calc(100% - 38px), 50% 100%, 40% calc(100% - 38px), 0 calc(100% - 38px));
    .p-lp-voice_comment_title {
      font: 600 2.2rem "Noto Serif JP", serif;
      letter-spacing: 0.1em;
      margin-bottom: 20px;
    }
    & p {
      letter-spacing: 0.08em;
      line-height: 2;
    }
  }
  .p-lp-voice_profile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    padding: 0 20px;
    & figure {
      display: grid;
      place-content: center;
      place-items: center;
      border-radius: 50%;
      overflow: hidden;
      padding: 25px;
      background-color: #eaf9ff;
      width: 160px;
      aspect-ratio: 1 / 1;
      & img {
        display: inline-block;
        width: 80%;
      }
    }
  }
} /*.p-lp-voice*/

.p-lp-banner {
  padding: 60px 0;
  .l-container {
    max-width: var(--w-solid-base);
    display: grid;
    place-content: center;
    place-items: center;
  }
} /*.p-lp-banner*/
/*		下層ページ
-----------------------------------------------------*/

/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/
/*		下層ページ
-----------------------------------------------------*/

/*		404ページ
-----------------------------------------------------*/
.p-404 {
  padding: 90px 0 0; /*ヘッダーの高さを入れてください*/
  .p-404-mv {
    background: #f7f6f2; /*サイトの背景色*/
    width: 100%;
    height: calc(100vh - 90px); /*（100vh － ヘッダーの高さ）*/
    display: flex;
    justify-content: center;
    align-items: center;
    .c-title_l {
      text-align: center;
      font-weight: bold;
      & span {
        font-size: 32px;
        color: #99b521; /*サイトのアクセントカラー*/
      }
      & h1 {
        margin: 30px 0;
        font-size: 32px;
        color: #000000;
      }
    }
    & p {
      text-align: center;
      font-size: 16px;
      line-height: 2;
    }
    .c-btn_wrap {
      margin: 96px auto 0;
    }
    .c-link_btn {
      max-width: 367px;
      background: #99b521; /*サイトのアクセントカラー*/
      color: #fff;
      font-size: 2rem;
      text-align: center;
      font-weight: bold;
      border: none;
      &::after {
        content: "";
      }
    }
  }
} /*.p-404*/

@media (max-width: 600px) {
  .p-404 {
    .p-404-mv {
      .c-title_l {
        font-size: 20px;
        & span {
          font-size: 20px;
        }
        & h1 {
          font-size: 18px;
        }
      }
      & p {
        font-size: 14px;
        .is_sp {
          display: block;
        }
      }

      .c-link_btn {
        width: 100%;

        & a {
          font-size: 1.6rem;
        }
      }
    }
  } /*.p-404*/
} /*max-width: 600px*/