@charset "utf-8";
/* CSS Document */
@media all and (max-width: 959px){
  #main_visual {
    margin: 0 4vw;
    width: calc(100% - 8vw);
  }
  #main_visual .p-mainVisual__imgLayer img {
    object-position: right;
  }
  #main_visual .p-mainVisual__textLayer {
    top: 5%;
    padding: 0 2vw;
  }
  #main_visual .p-mainVisual__textLayer .p-mainVisual__slideTitle {
    font-size: 6vw;
    padding-bottom: 30%;
    margin: 0 0 0 auto;
    padding-left: 23%;
    width: 11em;
    background: url(../../../../uploads/mainv_ill.svg) no-repeat right bottom;
    background-size: 70%;
  }
  #main_visual .p-mainVisual__textLayer .p-mainVisual__slideText {
    font-size: 4.5vw;
  }
  #main_visual .p-mainVisual__textLayer .p-mainVisual__slideText span {
    font-size: 7.8vw;
  }
  #content {
    margin-bottom: 8vw;
  }
  /* .alignfull > .wp-block-group__inner-container {
    padding-left: 5vw;
    padding-right: 5vw;
  } */
   .post_content .wp-block-group.alignfull.has-background {
      padding-top: 2.5em !important;
      padding-bottom: 2.5em;
  }
  #content .post_content #about h3 {
    font-size: 1.6rem;
  }
}

@media all and (max-width: 768px){
  .post_content #about {
    padding-bottom: 3em;
    background: url(../../../../uploads/bg_gre_sp.gif) no-repeat center bottom;
    background-size: 100% 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #main_visual.p-mainVisual .c-filterLayer::before {
      background: linear-gradient(303deg, rgb(255 255 255 / 80%) 0%, rgb(0 0 0 / 0%) 70%, rgba(255, 255, 255, 0) 100%);
      opacity: 1;
  }
  .post_content #recruit {
    background: url(../../../../uploads/bg_recruit_sp.jpg) no-repeat center top;
    background-size: 100%;
    padding-left: 4vw;
    padding-right: 4vw;
  }
  .post_content #recruit .ttl *, .post_content #recruit h3, .post_content #recruit p.has-text-align-center {
    text-align: left !important;
  }
  .post_content #recruit .wp-block-cover .wp-block-cover__image-background {
    opacity: 0;
  }
}

@media all and (min-width: 768px) and (max-width: 960px) {
  #service > div > .wp-block-columns {
    display: block !important;
  }
  #service > div > .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
    margin: 30px 0 0;
  }
}