/*! Writen  by SCSS */
@media screen and (max-width: 480px) {
  .w10_sp {
    width: 10%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w20_sp {
    width: 20%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w30_sp {
    width: 30%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w40_sp {
    width: 40%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w50_sp {
    width: 50%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w60_sp {
    width: 60%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w70_sp {
    width: 70%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w80_sp {
    width: 80%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w90_sp {
    width: 90%;
    margin: 0 auto; } }

@media screen and (max-width: 480px) {
  .w100_sp {
    width: 100%;
    margin: 0 auto; } }

#mainvisual {
  background: #FFF;
  position: relative;
  overflow: hidden; }
  #mainvisual img {
    width: 100%; }
  #mainvisual .soldout {
    position: absolute;
    inset: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    height: max-content;
    width: calc(100%  - 60px);
    max-width: 1000px;
    padding: 40px 30px; }
    @media screen and (max-width: 768px) {
      #mainvisual .soldout {
        padding: 30px 20px; } }
    @media screen and (max-width: 480px) {
      #mainvisual .soldout {
        bottom: auto;
        top: 17%;
        padding: 20px 10px; } }
    #mainvisual .soldout p {
      font-size: clamp(14px, 1.625vw, 26px);
      color: #FFF;
      text-align: center; }

.neighborhood_area {
  padding: clamp(60px, 9.766vw, 100px) 0; }
  .neighborhood_area .nei_ttl {
    font-size: clamp(18px, 2.344vw, 24px);
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 480px) {
      .neighborhood_area .nei_ttl {
        margin-bottom: 20px; } }
  .neighborhood_area .nei_group {
    max-width: 380px;
    margin: 0 auto; }
    @media screen and (max-width: 480px) {
      .neighborhood_area .nei_group {
        flex-direction: column;
        row-gap: 20px; } }
    .neighborhood_area .nei_group a {
      display: flex;
      flex-direction: column;
      row-gap: 5px;
      width: 100%; }
      @media screen and (max-width: 480px) {
        .neighborhood_area .nei_group a {
          width: 100%; } }
      .neighborhood_area .nei_group a .name {
        text-align: center;
        font-size: clamp(14px, 1.563vw, 16px); }

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