@charset "utf-8";
/* CSS Document */
#main_visual {

}
#main_visual .p-mainVisual__inner {
}
#main_visual #icon_this {
  position: absolute;
  right: 24.5%;
  top: 45%;
  width: 16%;
  display: none;
}
#main_visual #main_nezumi {
    position: absolute;
    z-index: 10;
    right: 1%;
    bottom: 2%;
    width: 340px;
}
#main_visual .p-mainVisual__textLayer .p-mainVisual__slideTitle {
  font-weight: 900;
  font-size: 2.2vw;
  color: #fff;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
#main_visual .p-mainVisual__textLayer .p-mainVisual__slideTitle em {
  font-size: 3vw;
}
#main_visual .p-mainVisual__textLayer .p-mainVisual__slideText {
  font-size: 1.3vw;
  letter-spacing: 1px;
  font-weight: 600;
  position: relative;
  margin-top: 1em;
  color: #fff;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}
#main_visual > p {
}
.post_content .ttl h2:not(.p-postList__title) {
}
.post_content .swell-block-column .ttl h3 {
  color: unset;
}
.post_content .bg h2, .post_content .bg p {
  color: #fff;
}
.post_content > .wp-block-group {
  position: relative;
}
.post_content #about {
  overflow: hidden;
}
.post_content #about::after {
  content: '';
  position: absolute;
  left:0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #edeff5;
  transform: skewY(33.5deg);
  transform-origin: top right;
}
.post_content #strengths {
  padding-top: 0;
  padding-bottom: 0;
}
.post_content #strengths .ttl h2 {
  margin-left: 1.75em !important;
}
.post_content #strengths::before {
  content: '';
  position: absolute;
  right: 0;
  top: -30%;
  z-index: 1;
  width: 420px;
  height: 720px;
  background: url(../../../../uploads/bg_top01.svg) no-repeat;
  background-size: contain;
}
.post_content #strengths::after {
  content: '';
  position: absolute;
  left: 0;
  top: -10%;
  z-index: 1;
  width: 420px;
  height: 720px;
  background: url(../../../../uploads/bg_top02.svg) no-repeat;
  background-size: contain;
}
.post_content #strengths > div {
  background: url(../../../../uploads/bg_top_strength.png) no-repeat right center;
  background-size: contain;
  padding-top: 4em;
  padding-bottom: 4em;
}
.post_content #strengths #three .wp-block-group {
  width: 60%;
  margin-top: 4em !important;
}
.post_content #strengths #three .wp-block-group:nth-child(2) {
  margin-left: 7.5%;
}
.post_content #strengths #three .wp-block-group:nth-child(3) {
  margin-left: 15%;
}
.post_content #strengths #three .wp-block-group h3 {
  margin-bottom: 1em !important;
}
.post_content #strengths #three .wp-block-group h3::before {
  content: "1";
  font-size: 11rem;
	font-weight: 200;
	line-height: 1;
	font-family: "Jost", 'Noto Sans JP', '游ゴシック', sans-serif, YuGothic, 'Franklin Gothic Medium', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	text-transform: capitalize;
  opacity: 0.5;
  bottom: unset;
  top: -0.2em;
}
.post_content #strengths #three .wp-block-group:nth-child(2) h3::before {
  content: "2";
}
.post_content #strengths #three .wp-block-group:nth-child(3) h3::before {
  content: "3";
}
/* .post_content #foryou::after {
  content: "";
  width: 100%;
  height: 73%;
  position: absolute;
  background: #ececec;
  top: 27%;
  left: 0;
  z-index: -1;
}
.post_content #service h3 em {
  text-decoration: underline;
} */
/* .post_content #recruit h2 {
  color: #fff;
}
.post_content #recruit .swell-block-button__link {
  background: #fff;
}
.post_content #recruit .swell-block-button__link span {
  color: var(--color_main);
  background: url(../../../../uploads/icon_arrow_bl.svg) no-repeat right 5px center;
  background-size: 25px;
}
.post_content #recruit .swell-block-button__link:hover span {
    background: url(../../../../uploads/icon_arrow_bl.svg) no-repeat right center;
    background-size: 25px;
    color: var(--color_main);
} */
@media all and (min-width: 768px){
  .post_content #bnr .flex_cl > section {
    width: 33.333333%;
  }
  .post_content #about figure.full_r {
    margin-right: calc(50% - 28vw) !important;
  }
  .post_content #works figure.full_l {
    margin-left: calc(50% - 32vw) !important;
  }
}
@media all and (min-width: 960px){
/*メインイメージ*/
  #main_visual .c-filterLayer__img {
  }
  #main_visual .p-mainVisual__img {
    /* object-position: top; */
  }
  #main_visual .p-mainVisual__textLayer {
    height: 50%;
    top: 50%;
  }
  #main_content {
    max-width: var(--article_size);
  }
  .top #content {
    margin: 0 auto;
    padding-top: 0;
  }
}

  /* chrome safari opera */
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
  }
  /* chrome opera */
  @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
  }
  /* Firefox */
  @-moz-document url-prefix() {
  }