@charset "utf-8";
/* CSS Document */
@media all and (max-width: 768px){
  .post_content > div {
    margin-bottom: 4em;
  }
  #about .sp_column2 {
    --wp-column-gap: auto;
    --wp-column-mt: auto;
  }
  .post_content #point {
    border-left: 30px solid #fff;
    padding: 0;
  }
  .post_content #point .ttl {
    top: -40px;
  }
  .post_content #point .ttl h2 {
    font-size: 2.8rem;
  }
  .post_content #point .swell-block-columns__inner {
    padding-left: 3vw;
  }
  .post_content #point .swell-block-column {
    margin-bottom: 2em;
  }
  .post_content #point .swell-block-columns figure {
    width: 80%;
    max-width: 250px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    left: -15px;
  }
  .post_content #scene h3 {
    font-size: 1.1rem;
  }
  .post_content #scene p span.swl-fz {
    font-size: 1.2rem !important;
  }
}
@media all and (max-width: 959px){
  #main_visual {
  }
  #main_visual .p-mainVisual__inner {
    /* max-height: 700px; */
  }
  #main_visual .p-mainVisual__img {
    /* object-position: top; */
  }
  #main_visual .p-mainVisual__textLayer {
    align-items: center;
    top: 3%;
  }
  #main_visual > p {
    display: none;
  }
  .top #content {
    margin-bottom: 0;
  }
  .post_content div.has-background div.has-background {
    padding: 0;
  }
  .post_content > .wp-block-group {
    /* padding-top: 40px; */
    padding-bottom: 3em;
    /* margin-bottom: 0 !important; */
  }
  .post_content .alignfull > div {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  /* .post_content h2 {
    margin-bottom: 0;
  }
  .post_content h2 + p {
    margin-top: 0;
  } */
  .post_content .p-postListWrap {
    margin-bottom: 0;
  }
  .post_content .ttl h2:not(.p-postList__title) {
  }
  .wp-block-group__inner-container div.has-background {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }
  .post_content p, .post_content p.has-text-align-center {
    text-align: left;
  }
  .post_content p br {
    display: none;
  }
  .post_content h2, .post_content h2.is-style-section_ttl {
    text-align: center !important;
  }
  .post_content #room {
    left: calc(50% - 50vw);
    max-width: 100vw !important;
    position: relative;
    width: 100vw;
  }
  .post_content #room h3, .post_content #room p {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

@media all and (min-width: 768px) and (max-width: 960px) {
  .home figure.pc_only {
    display: block !important;
  }
  .home figure.sp_only {
    display: none !important;
  }
}