@charset "UTF-8";
/* --------- fonts --------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho&display=swap');

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

.u-en{
  font-family: "Montserrat", sans-serif;
}


a{
  transition: 0.3s ease opacity;
}
@media (hover: hover) {
  a:hover {
    opacity: 0.8;
  }
}

@media (max-width: 1200px) and (min-width: 769px) {
  html {
    font-size: 16px;
    font-size: calc((100vw / 120) * 1.6);
  }
  p{
    font-size: max(1rem, 14px);
  }
}

@media (max-width: 390px) {
  html {
    font-size: 16px;
    font-size: calc((100vw / 39) * 1.6);
  }
}

/* --------- animation --------- */
.js-maskImg {
  display: inline-block;
  overflow: hidden;
  position: relative;
  clip-path: inset(0 100% 0 0);
}

.js-maskImg::after {
  background: #f0f0f0;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.js-maskImg.is-active {
  animation: mask-img 1s ease forwards;
}

.js-maskImg.is-active::after {
  animation: mask-bg 1s ease forwards;
}

.js-maskImg.left {
  clip-path: inset(0 0 0 100%);
}

.js-maskImg.left.is-active {
  animation: mask-img-left 1s ease forwards;
}

.js-maskImg.left.is-active::after {
  animation: mask-bg-left 1s ease forwards;
}

@keyframes mask-img {
  0% {
    clip-path: inset(0 100% 0 0);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0);
  }
}

@keyframes mask-bg {
  0% {
    clip-path: inset(0);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0 0 0 100%);
  }
}

@keyframes mask-img-left {
  0% {
    clip-path: inset(0 0 0 100%);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0);
  }
}

@keyframes mask-bg-left {
  0% {
    clip-path: inset(0);
  }

  50% {
    clip-path: inset(0);
  }

  100% {
    clip-path: inset(0 100% 0 0);
  }
}

/* --------- header --------- */
@media (min-width: 1024px) {
  .l-header {
    /* height: 90px; */
    padding: 10px 0;
    box-shadow: none;
  }
}

body.home .l-header {
  background: none;
  position: fixed;
  width: 100%;
  transition: 0.3s ease;
}

html[data-scrolled="true"] body.home .l-header {
  background-color: #848484;
}

.l-header .c-row__col--auto{
  width: 30%;
}

.c-site-branding__title a{
  display: flex;
}

body.home .c-site-branding__title a {
  filter: brightness(100);
}

@media (max-width: 1023px) {
  body.home .c-site-branding__title a {
    
    filter: initial;
  }
  html[data-scrolled="true"] body.home .c-site-branding__title a {
    filter: brightness(100);
  }
}


.c-site-branding__title{
  width: 60%;
  max-width: 470px;
}

.c-navbar__item.nav-contact{
  width: 15%;
  max-width: 10.625rem;
  position: relative;
}


.c-navbar__item.nav-contact a{
  color: #333;
  border: 1px solid #333;
}

body.home .c-navbar__item.nav-contact a {
  color: #fff;
  border: 1px solid #fff;
}

.c-navbar__item.nav-contact a span{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  height: 100%;
}

.c-navbar__item.nav-contact a span::after{
  content: '';
  display: inline-block;
  width: 23px;
  height: 6px;
  mask-image: url('img/icon_arrow.svg');
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: top right;
  background-color: #333;
}

body.home .c-navbar__item.nav-contact a span::after {
  background-color: #fff;
}

.p-global-nav .c-navbar__item>a {
  padding: 8px 1rem;
}

body.home .p-global-nav .c-navbar__item>a{
  color: #fff;
}

@media (max-width: 1200px) {
  .p-global-nav .c-navbar__item>a {
    padding: 8px;
  }
}

@media (max-width: 1023px) {
  .c-drawer a {
    font-size: 1.25rem;
  }
}

@media (max-width: 390px) {
  .c-drawer a {
    font-size: 1rem;
  }
}

/* 

.l-header:not(.l-header--left) .c-row__col {
  padding: 0;
}

.c-navbar {
  gap: 30px;
  gap: 1.5625vw;
}

.p-global-nav--hover-extend-underline .c-navbar__item>a:after,
.p-global-nav--current-underline .c-navbar__item[data-active-menu]>a:after {
  height: 3px;
  border-radius: 10px;
  bottom: 5px;
}

.p-global-nav .c-navbar__submenu {
  background-color: #e4eff4;
  border-radius: 15px;
}

.p-global-nav .c-navbar__item[aria-haspopup=true]:before {
  display: none;
}

.p-global-nav .c-navbar__item>.c-navbar__submenu {
  left: 0;
  transform: translateX(0);
  top: 100%;
}

.p-global-nav .c-navbar__subitem>a {
  color: #008cd5;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #008cd5;
}

.p-global-nav .c-navbar__subitem:last-child a {
  border-bottom: none;
}

.p-global-nav .c-navbar__subitem>a img {
  min-width: 50px;
  height: 50px;
}

.c-drawer__subitem>a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.c-drawer__subitem>a img {
  min-width: 40px;
  height: 40px;
}

 */


@media (max-width: 1024px) {
  .c-drawer__menu .menu-item.nav-contact img {
    width: 22px!important;
    position: relative;
    margin-right: 4px;
  }
}

/* --------- footer --------- */
.l-footer{
  background-color: #fff;
  z-index: 1;
  position: relative;
}
.l-footer__header {
  display: none;
}

.l-footer__body {
  background-color: #333;
  color: #fff;
}

.l-footer__logo {
  margin: 0 auto 0 0 !important;
  width: 90%;
  max-width: 500px;
}

.l-footer__menu {
  align-items: flex-start !important;
  justify-content: flex-end;
  font-size: 1rem;
}

.l-footer--footer-2 .l-footer__body{
  border-top: none;
}
/* 
@media (max-width: 1024px) {
  .l-footer__menu {
    justify-content: flex-start;
  }
} */


.l-footer .menu{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.l-footer .menu .menu-item{
  margin-top: 0!important;
}

.l-footer__address .wp-block-group:first-child {
  padding-right: 20px;
}

.l-footer .l-footer__footer {
  background-color: #000;
  color: #fff;
  text-align: center;
}

.l-footer .l-footer__footer .c-row--middle {
  justify-content: center;
}


.l-footer .l-footer__sns ul{
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 10px;
}

.l-footer .l-footer__sns ul li{
  width: 60px;
}

.l-footer .c-row__col--lg-1-3:first-child{
  --_item-width: 44%;
}

.l-footer .c-row__col--lg-1-3:nth-child(2) {
  --_item-width: 20%;
}

.l-footer .c-row__col--lg-1-3:nth-child(3) {
  --_item-width: 36%;
}

.p-contact{
  position: relative;
}

.p-page-top__wrap{
  position: relative;
  background-color: #fff;
}

.l-footer #page-top{
  position: absolute;
  border: none;
  opacity: 1;
  right: 3.75rem;
  bottom: -30px;
  visibility: visible;
  z-index: 2;
}

.l-footer .u-en a{
  color: #fff!important;
  text-decoration: none!important;
}

.p-contact .c-tel p{
  margin: 0!important;
  line-height: 1;
}

.p-contact .c-tel a{
  text-decoration: none!important;
}


@media (max-width: 768px) {
  .l-footer #page-top {
    width: 40px;
    position: absolute;
    border: none;
    opacity: 1;
    right: 20px;
    bottom: 66%;
    visibility: visible;
    z-index: 2;
  }
  .l-footer #page-top {
    position: absolute;
    border: none;
    opacity: 1;
    right: 20px;
    bottom: -20px;
    visibility: visible;
    z-index: 2;
  }
  .l-footer .c-row__col--lg-1-3:first-child {
    --_item-width: 100%;
  }

  .l-footer .c-row__col--lg-1-3:nth-child(2) {
    --_item-width: 100%;
  }
  .l-footer .c-row__col--lg-1-3:nth-child(3) {
    --_item-width: 100%;
  }
  .l-footer .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 0;
  }

  .l-footer .menu li{
    width: 50%;
  }
  .p-contact__list{
    padding-right: 0!important;
    max-width: 540px;
    margin: 0 auto;
    justify-content: center;
  }
  .p-contact__list .wp-block-column:first-child p{
    font-size: 2.125rem!important;
  }

  .p-contact__list .c-tel{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: initial;
    text-align: center;
  }

  .p-contact__list .wp-block-column:first-child p:nth-child(2){
    font-size: 1.625rem!important;
  }

  .p-contact__list .wp-block-column:first-child p .sme-font-size{
    font-size: 1.125rem!important;
  }
    .l-footer__sns figure{
      width: 40px;
    }
}

.p-contact__btn .wp-block-image a{
  display: block;
}

@media (max-width: 640px) {
  .p-contact__btn {
    flex-direction: column;
  }
}


.p-section-front-page-content{
  padding-bottom: 0;
}

/* --------- side btn --------- */
.l-footer .p-side__btn{
  position: fixed;
  bottom: 2%;
  right: 2%;
  z-index: 9999;
}

.l-footer .p-side__btn figure{
  margin-top: 10px!important;
}

@media (max-width: 992px) {
  .l-footer .p-side__btn ul img {
    height: 60px;
    width: 60px;
  }
}

@media (max-width: 768px) {
  .l-footer .p-side__btn ul{
    width: 50px;
    align-items: center;
    gap: 10px;
  }
 .l-footer .p-side__btn ul li{
    width: 100%!important;
  }
  .l-footer .p-side__btn ul img {
    height: 40px;
    width: 40px;
  }
}

/* --------- btn --------- */

.c-btn-more{
  font-family: "Montserrat", sans-serif;
}
.c-btn-more>.wp-block-button.has-custom-width {
  max-width: 320px;
  justify-content: flex-start;
}

.wp-block-buttons .wp-block-button__link{
  position: relative;
}

.wp-block-buttons .wp-block-button__link::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 8px;
  mask-image: url('img/icon_arrow.svg');
  mask-repeat: no-repeat;
  mask-size: 100%;
  mask-position: top right;
  background-color: #333;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

.c-btn-auto>.wp-block-button.has-custom-width {
  flex-basis: auto;
  width: auto;
}

.wp-element-button {
  position: relative;
}

@media (max-width: 768px) {
  .c-btn-more>.wp-block-button.has-custom-width {
    max-width: 100%;
  }
  .c-btn-auto>.wp-block-button.has-custom-width {
    width: 100%;
  }
}


/* --------- img text on --------- */
.c-img-text{
  font-family: "Roboto", serif;
  font-weight: 400;
  mix-blend-mode: overlay;
  line-height: 1;
}


.c-img-wrap{
  position: relative;
}

.c-img-wrap .c-img-text{
  position: absolute;
  bottom: 0;
  left: 0;
  mix-blend-mode: overlay;
  line-height: 1;
}
.c-img-wrap .c-img-text.right {
  left: initial;
  right: 0;
}

/* --------- heading --------- */

/* .c-heading .smb-section__inner {
  max-width: 90%;
} */

/* .c-heading .c-container {
  margin-left: 0;
  width: 90%;
  max-width: 1000px;
  max-width: max(52.03vw, 740px);
} */

body.page .c-entry__header {
  display: none;
}

body.page .l-contents__inner:last-child{
  padding-top: 0!important;
}

.c-heading-category{
  padding: 0;
  align-items: flex-start;
}


@media (max-width: 768px) {
  .c-heading {
    --smb-section--min-height: 240px !important;
  }

  .c-heading .c-ttl-ja {
    font-size: 1.5rem!important;
  }
  .c-heading .c-ttl-en {
    font-size: 3.5rem !important;
  }
}

/* --------- breadcrumb --------- */

body.page .p-breadcrumbs-wrapper {
  display: none;
}



body.page .p-page-breadcrumbs,
body.category .p-breadcrumbs-wrapper{
  transform: translateY(-50px);
}

body.page .p-page-breadcrumbs .p-breadcrumbs-wrapper {
  display: block;
}
/* 
.c-breadcrumbs__item:nth-child(n+2):before {
  color: #008cd5;
} */

body.page .p-page-breadcrumbs .p-breadcrumbs-wrapper{
  display: block!important;
}

@media (max-width: 768px) {
  body.page .p-page-breadcrumbs {
    transform: translateY(-40px);
  }
}


/* ======== トップページ ======= */
/* body.home .l-header {
  background: none;
  position: fixed;
  width: 100%;
  transition: 0.3s ease;
}

body.home .l-header .c-site-branding__title .custom-logo {
  filter: brightness(0) invert(1);
}

body.home .p-global-nav .c-navbar__item>a {
  color: #fff;
}

html[data-scrolled="true"] body.home .l-header {
  background-color: #fff;
}

html[data-scrolled="true"] .p-global-nav .c-navbar__item>a {
  color: #333;
}

html[data-scrolled="true"] body.home .l-header .c-site-branding__title .custom-logo {
  filter: none;
}

.p-section-front-page-content {
  padding-top: 0;
} */


/* --------- title --------- */
.c-ttl{
  position: relative;
  margin-bottom: 20px;
}

.c-ttl-en{
  line-height: 1;
}

.c-ttl-ja{
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 100%;
}

@media (max-width: 768px) {
  .c-ttl-en {
    line-height: 1;
    font-size: 3rem!important;
  }

  .c-ttl-ja {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 1.375rem!important;
    bottom: -6px;
  }
}

/* --------- img --------- */
.c-img-wide{
  width: auto;
  max-width: initial;
  padding-right: 3.75rem;
  margin: 0!important;
  margin-right: calc(50% - 50vw)!important;
}

@media (max-width: 992px) {
  .c-img-wide {
    padding-right: 0;
  }
}

@media (max-width: 768px) {
  .c-img-wide {
    padding-right: 0;
  }
}

/* ---- mv --- */
.p-top-mv{
  position: relative;
  width: 100%;
  height: 100vh;

  position: fixed;
  top: 0;
  left: 0;
}

.p-top-mv .smb-section__inner>.c-container{
  padding-left: 0!important;
}

#front_mask,
#front_mask_sp {
  position: fixed;
  top: -4px;
  z-index: 9;
  width: 100vw;
  height: 100vh;
  margin: 0;
}

#front_mask img,
#front_mask_sp img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-top-mv .smb-section__body{
  --_margin-top: 0;
}

.p-top-mv__inner{
  width: 100vw;
  height: 100svh;
  margin-top: 0!important;
  --_margin-top: 0!important;
}


.p-top-mv__inner .wp-block-cover__image-background{
  background-size: cover;
}


.p-top-mv .smb-section-break-the-grid__figure{
  border-radius: 60px 0 0 60px!important;
  overflow: hidden;
}


.p-top-mv__inner .wp-block-cover__inner-container{
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

.p-top-mv .p-top-mv__ttl{
  font-family: "Shippori Mincho", serif;
  line-height: 1;
  transform: translateY(-20px);
  color: #333;
  transition: 0.3s ease color;
}

.p-top-mv .p-top-mv__ttl.is-active{
  color: #fff;
}

.p-top-mv__en{
  /* opacity: 0.3; */
  line-height: 1;
  /* color: #000; */
  transition: 0.3s ease opacity;
}

.p-top-mv__en.is-active{
  opacity: 0.3;
}

.p-top-mv__scroll{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.p-top-mv__scroll{
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #ccc;
  z-index: 999;
}

.p-top-mv__scroll::before {
  content: '';
  width: 1px;
  height: 50px;
  display: block;
  background-color: #ccc;
}

.p-top-mv__scroll.is-active{
  color: #fff;
}
.p-top-mv__scroll.is-active::before{
  background-color: #fff;
}


@media (max-width: 768px) {
  .p-top-mv .p-top-mv__ttl {
    font-size: 1.75rem !important;
    line-height: 1.5;
    letter-spacing: 0;
  }

  .p-top-mv__en {
    font-size: 3.5rem !important;
  }

  .p-top-mv__scroll {
    font-size: 1rem!important;
  }
}

/* ------ top concept ----- */

.alignfull+.alignfull.p-top-bg__container {
  margin-top: calc(100svh + 1000px) !important;
}

.p-top-concept{
  
  position: relative;
  z-index: 1;
}


@media (max-width: 768px) {

  .p-top-bg__container .smb-section__background{
    top: 15%;
  }
  .p-top-new-homes .c-container{
    /* padding: 0; */
  }
}



/* ------ top feature ----- */
.alignfull+.alignfull.p-top-bg__container{
  /* margin-top: -5%!important; */
  position: relative;
  z-index: 0;
}
.p-top-feature__block{
  position: relative;
}


.p-top-feature__block .block-text{
  position: relative;
}
.p-top-feature__block .block-text::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 1;
}

.p-top-feature__block .block-text div,
.p-top-feature__block .block-text .feature-list{
  position: relative;
  z-index: 2;
}

.p-top-feature__block .block-text .feature-list span{
  font-family: "Montserrat", sans-serif;
}

@media (max-width: 768px) {
  .u-sp-16{
    font-size: 1rem!important;
  }
  .p-top-feature__block .block-text{
    padding: 20px;
    padding-left: 20px!important;
  }

  .p-top-feature__block .block-text::before {
    display: none;
  }
  .p-top-feature .c-container {
    /* padding: 0; */
  }
  .p-top-feature__block .block-text .p-top-feature__wrap{
    padding-left: 0!important;
  }
}

/* ------ top service ----- */
.p-top-service .c-img-num {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0.8;
}

@media (max-width: 768px) {
  /* .p-top-service .wp-block-columns{
    flex-direction: column-reverse;
  } */

  .p-top-service .c-img-num {
    font-size: 4rem!important;
  }
}

@media (max-width: 781px) {
  .u-sp-center {
    text-align: center;
  }
}

/* ---- top works --- */

.p-works__slider .c-entries{
  overflow: initial;
}

.p-works__slider .c-entries .c-entry-summary__figure{
  aspect-ratio: 380/240;
}

.p-works__slider .slick-prev,
.p-works__slider .slick-next{
  width: 60px;
  height: 60px;
  z-index: 2;
  top: 35%;
}

.p-works__slider .slick-prev::before,
.p-works__slider .slick-next::before{
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url('img/icon_arrow_slider.png') no-repeat top center/100%;
}

.p-works__slider .slick-prev::before{
  transform: scale(-1,1);
}

.p-top-works__block{
  position: relative;
}

.p-top-works__block::before {
  content: '';
  display: block;
  width: 80px;
  height: 1px;
  background-color: #333;
  transform: rotate(-45deg);
  position: absolute;
  bottom: 15px;
  right: -15px;
}

.p-top-works__list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
  list-style-type: none;
  padding: 0;
}

.p-top-works__list li{
  margin-top: 0!important;
}

.p-top-works__block .c-ttl-ja{
  position: static;
}

.c-entry-summary__figure .c-entry-summary__term{
  top: 5px;
  left: 5px;
  right: initial;
  font-size: 0.8125rem;
}

@media (max-width: 768px) {
  .p-works__slider .slick-prev,
  .p-works__slider .slick-next {
    width: 30px;
    height: 30px;
    z-index: 2;
    top: 35%;
  }

  .p-works__slider .slick-prev{
    left: 0;
  }

  .p-works__slider .slick-next{
    right: 0;
  }

  .p-top-works__block .c-ttl{
    display: block;
  }

  .p-top-works__block .c-ttl-ja {
    position: absolute;
  }

}

/* ---- top news --- */
.p-top-news .smb-section__background {
  border-radius: 0 40px 40px 0;
}

.p-top-news .c-entries {
  border-top: none;
}

.p-top-news .c-entries__item {
  border-color: #333;
  font-weight: 500;
}

.p-top-news .c-meta__item--published {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 0.8125rem;
  border-right: 1px solid #333;
  padding-right: 10px;
}

.p-top-news .c-entry-summary__title {
  font-weight: 500;
}


.c-btn-more>.wp-block-button.has-custom-width{
  max-width: auto;
}
.p-top-news .c-btn-more .wp-block-button__link{
  border: none;
  text-align: left;
  background-color: #fff!important;
}

.p-top-news .wp-block-buttons .wp-block-button__link:hover{
  
}
.p-top-news .c-btn-more .wp-block-button__link {
  border: none;
  text-align: left;
  background-color: #fff !important;
  gap: 20px;
  display: flex;
  align-items: center;
}

.p-top-news  .has-sm-text-alt-background-color{
  background: none!important;
}

.p-top-news .wp-block-buttons .wp-block-button__link::after{
  position: static;
  transform: none;
  margin-left: 20px;
}

.c-btn-more.no-border .wp-block-button__link:hover {}

/* ---- top company --- */
.p-top-company__block{

}

.p-top-company__block .block-img{
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0% 100%);
}
@media (max-width: 768px) {
  .p-top-company__block {
    padding-right: 0;
    padding-left: 0;
  }
  .p-top-company__block .block-img {
    clip-path: none;
  }
}



/* ======== 下層ページ ======= */
.l-contents__inner {
  margin-top: 0;
}

/* ---- page feature --- */
.p-feature__container .p-feature__block{
  overflow: initial;
}

.p-feature__container .p-feature__block .block-img{
  width: auto;
  max-width: initial;
  padding-right: 3.75rem;
  margin: 0 !important;
  margin-right: calc(50% - 50vw) !important;
}

.p-feature__container .p-feature__block:nth-child(even){
  flex-direction: row-reverse;
}

.p-feature__container .p-feature__block:nth-child(even) .block-img{
  width: auto;
  max-width: initial;
  padding-right: 0;
  padding-left: 3.75rem;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
}

@media (max-width: 992px) {
  .p-feature__container .p-feature__block .block-img {
    padding-right: 20px;
  }
  .p-feature__container .p-feature__block:nth-child(even) .block-img {
    padding-left: 20px;
  }
  .p-feature__container .p-feature__block .c-ttl-en {
    font-size: 4.5rem !important;
  }
  .p-feature__container .p-feature__block .c-ttl-en span {
    font-size: 6.25rem !important;
  }
}


@media (max-width: 768px) {
  .p-feature__container{
    padding-top: 0;
  }
  .p-feature__container .p-feature__block .block-img{
    padding-right: 0;
    margin-right: auto!important;
  }
  .p-feature__container .p-feature__block:nth-child(even) .block-img {
    padding-left: 0;
    margin-left: auto !important;
  }
  .p-feature__container .p-feature__block .c-ttl-en {
    font-size: 2.625rem!important;
  }

  .p-feature__container .p-feature__block .c-ttl-en span {
    font-size: 4rem!important;
    margin-left: 5px;
  }
  .p-feature__container .p-feature__block .c-ttl-ja {
    font-size: 1.25rem !important;
  }
}


/* ---- page company --- */
.p-message__block{
  position: relative;
  z-index: 1;
}

.alignfull+.alignfull.p-company__container{
  margin-top: -8%!important;
  position: relative;
  z-index: 0;
}

.p-outline-tb.wp-block-table td {
  border-color: #a8a8a8;
  padding: 16px 20px;
  background-color: #fff;
}


.p-outline-tb.wp-block-table td:first-of-type {
  background-color: #dedede;
  border-left: none;
  width: 30%;
}

.p-outline-tb.wp-block-table td:last-of-type {
  border-right: none;
}


.p-service__list .wp-block-column {
  border-radius: 16px;
  position: relative;
}

.p-business__block .smb-media-text {
  overflow: initial;
}

@media (max-width: 1440px) {
  .p-company__container .smb-section__background {
    right: 0;
    transform: none;
  }
}

@media (max-width: 767px) {
  .p-company__container .smb-section__background{
    right: 0;
    transform: none;
  }
  .p-ouline__list .smb-information__item{
    margin-top: 0;
  }
  .p-ouline__list .c-row{
    width: 100%;
    margin: 0 auto;
  }
  .p-outline-tb.wp-block-table td {
    font-size: 1rem;
  }
}


.p-ouline__list .c-row{
  border-bottom: 1px solid #a8a8a8;
}

.p-ouline__list .c-row .c-row__col--md-3-4{
  position: relative;
  padding: 10px;
  margin-bottom: 0!important;
}
.p-ouline__list .c-row .c-row__col--md-3-4:after{
  content: ''; 
  display: block;
  width: 1px;
  height: 100%;
  background-color: #333;
  position: absolute;
  top: 20px;
  left: -12px;
}


.p-ouline__list .smb-information__item{
  overflow: initial;
}

.p-ouline__list .smb-information__item:last-child .c-row .c-row__col--md-3-4::after{
  display: none;
}


.p-ouline__list.smb-information .smb-information__item__label{
  display: block;
}

.p-ouline__list .c-row .c-row__col--md-1-4 {
  position: relative;
  padding: 10px;
  margin-bottom: 0 !important;
  --_item-width: 25%;
}


.p-ouline__list .c-row .c-row__col--md-3-4 {
  --_item-width: 75%;
}

.p-ouline__list .c-row .c-row__col--md-1-4::before{
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #333;
  position: absolute;
  top: 18px;
  right: 6px;
}

@media (max-width: 639px) {
  .p-ouline__list .c-row .c-row__col--md-1-4 {
    --_item-width: 38%;
  }


  .p-ouline__list .c-row .c-row__col--md-3-4 {
    --_item-width: 60%;
  }
}

.p-staff__container .p-staff__block:nth-child(even) {
  flex-direction: row-reverse;
}

.p-company-access iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 2/1;
}

.p-company-access a{
  text-decoration: none;
}

/* ---- page service --- */
.p-service__container{

}

.p-service__container .p-service__block .block-img {
  width: auto;
  max-width: initial;
  padding-right: 3.75rem;
  margin: 0 !important;
  margin-right: calc(50% - 50vw) !important;
}

.p-service__container .p-service__block:nth-child(odd) {
  flex-direction: row-reverse;
}

.p-service__container .p-service__block:nth-child(odd) .block-img {
  width: auto;
  max-width: initial;
  padding-left: 3.75rem;
  margin: 0 !important;
  margin-left: calc(50% - 50vw) !important;
}

.p-service__container .p-service__block .wp-block-button__link{
  padding-right: 3.75rem;
}

@media (max-width: 992px) {
  .p-service__container .p-service__block .block-img {
    padding-right: 4px;
  }
  .p-service__container .p-service__block:nth-child(odd) .block-img {
    padding-right: 0;
    padding-left: 4px;
  }
}

@media (max-width: 768px) {
  .p-service__container .c-ttl-en.sp-size{
    font-size: 2.5rem!important;
  }
  .p-service__container .c-ttl-en{
    letter-spacing: 0;
    font-size: 3rem!important;
  }
  
  .p-service__container .p-service__block .block-img {
    padding-right: 0;
    margin-right: auto!important;
  }
  .p-service__container .p-service__block:nth-child(odd) .block-img {
    padding-left: 0;
    max-width: initial;
    margin-left: auto!important;
  }
}

/* ---- category works --- */
body.category-works .c-meta__item--published{
  display: none;
}
.c-works__category{
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  margin-bottom: 60px;
}

.c-works__category .wp-block-categories-list{
  margin: 0!important;
}

.c-works__category .cat-item-all{
   width: auto; 
   margin: 0!important;
}

.c-works__category .cat-item-all a{
  border: 1px solid #333;
  padding: 10px;
  text-decoration: none;
  display: block;
  color: #333;
}

.c-works__category .cat-item{
  display: flex;
  align-items: center;
  gap: 10px;
}

.c-works__category .cat-item.current-cat>a{
  background-color: #333;
  color: #fff;
}

.c-works__category .cat-item a{
  border: 1px solid #333;
  padding: 10px;
  text-decoration: none;
}

.c-works__category .cat-item.cat-item-1{
  display: none;
}

.c-works__category .cat-item{
  margin: 0!important;
}
.c-works__category .cat-item .c-ic-angle-right{
  display: none;
}

.c-works__category .cat-item .children{
  display: flex!important;
  gap: 10px;
  padding: 0;
  margin: 0;
  border: none;
}

@media (max-width: 680px) {
    .c-works__category .wp-block-categories-list {
      width: 100%;
    }
  .c-works__category .wp-block-categories-list>.cat-item>a{
    width: 100%;
    justify-content: center;
    text-align: center;
    height: 40px;
    align-items: center;
  }
  .c-works__category .cat-item {
    flex-wrap: wrap;
    font-size: 0.75rem;
    gap: 8px;
  }
  .c-works__category .cat-item .children{
    width: 100%;
    flex-wrap: wrap;
    gap: 8px;
  }
  .c-works__category .cat-item .children .cat-item {
    font-size: 0.75rem;
    width: calc(50% - 6px);
    text-align: center;
  }
  .c-works__category .cat-item .children .cat-item a{
    width: 100%;
    padding: 4px;
    letter-spacing: -0.02em;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

body.category .c-entry__header{
  display: none!important;
}

body.single .c-entry__header{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

body.single .c-entry__header .child-categories{
  background-color: #25487d;
  color: #fff;
  font-weight: 700;
  padding: 0 6px;
}

body.single .c-entry__header .c-entry__meta .c-meta{
  display: none!important;
}

body.single .category-news  .c-entry__header{
  display: block!important;
}

body.single .category-news .c-entry__header .c-entry__meta .c-meta {
  display: block!important;
}

body.single .category-news .c-meta__item.c-meta__item--author{
  display: none;
}

body.single .category-news .c-meta__item.c-meta__item--categories {
  display: none;
}

.category .c-meta__item--published{
  display: none!important;
}

.category-news .c-meta__item--published {
  display: block !important;
}

.p-voice__block{
  position: relative;
}
.p-voice__block::before {
  content: '';
  display: block;
  width: 100px;
  height: 1px;
  background-color: #333;
  transform: rotate(-45deg);
  position: absolute;
  bottom: 15px;
  right: -15px;
}

.p-voice__block .c-ttl-en{
  position: absolute;
  top: 0;
  left: 0;
}

.p-voice__block .c-ttl-ja{
  position: relative;
  padding-top: 2.5rem;
}

body.single .spider{
  width: 90%;
  max-width: 950px;
  margin: 0 auto;
}

body.single .spider__arrows .spider__arrow {
  background-color: #333333;
  width: 22px;
  height: 80px;
}

body.single .spider__arrow[data-direction=prev]{
  left: -10px;
}

body.single .spider__arrow[data-direction=next]{
  right: -10px;
}

body.single .c-entry__footer{
  display: none!important;
}

body.single .wp-block-table td{
  border-color: #c9c9c9;
  border-right: none;
  border-left: none;
}

body.single .wp-block-table td:first-of-type {
  background-color: #f0f0f0;
}


body.single .l-contents__body::before{
  content: '';
  display: block;
  width: 100%;
  padding-top: 120px;
  background-color: #f0f0f0;
}

body.single .l-contents__main{
  padding-top: 100px;
}

body.single .p-breadcrumbs-wrapper{
  display: none!important;
}

body.single .l-contents__inner:last-child{
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  body.single .wp-block-table td:first-child{
    width: 32%;
  }
  body.single .wp-block-table td{
    font-size: 0.875rem;
  }
  body.single .wp-block-snow-monkey-blocks-box .c-ttl{
    padding-top: 1.2rem;
  }
  body.single .wp-block-snow-monkey-blocks-box .c-ttl-en{
    font-size: 2.25rem!important;
  }
  body.single .wp-block-snow-monkey-blocks-box .c-ttl-en span {
    font-size: 3.125rem!important;
  }
  body.single .wp-block-snow-monkey-blocks-box .c-ttl-ja{
    font-size: 1.125rem!important;
  }
}




/*お問合せページCTA*/
.page-id-1190 .p-contact {
    display: none;
}

/*お問合せページタブ*/
button.smb-tabs__tab {
	background-color:#333!important;
	color: #FFF;
	font-weight: 500;
	border-radius: 0 !important;
}
@media screen and (min-width:768px){
button.smb-tabs__tab {
		width: 300px;
}
}
@media screen and (max-width:767px) {
button.smb-tabs__tab {
    width: 150px;
}
}

/*SP投稿記事タイトルと余白*/
@media screen and (max-width:767px) {
.single-post h1.c-entry__title {
    font-size:1.2em;
}
.single-post main.l-contents__main {
    padding-top:2em;
}
}

/*SP記事タイトルカテゴリー下に*/
@media screen and (max-width:767px) {
body.single .c-entry__header {
    display: inline-block;
}
.c-entry__meta {
    width: fit-content;
}
}


/*CTAのFAX*/
@media screen and (max-width:767px) {
p.cta-fax {
    padding-top:10px;
}
}



/*ドロワー*/
.c-hamburger-btn__bar { 
	height: 3px;
} 
.l-header .c-hamburger-btn__bar {     background-color: #333;
} 
.c-drawer__item, .c-drawer__menu {     margin-bottom: 1.5em;
} 

ul#menu-sp\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc li a {
    font-size: 1.2em;
    background-image: linear-gradient(to right, #fff, #fff 2px, transparent 2px, transparent 8px);
    background-size: 8px 1px;
    background-position: left bottom;
    background-repeat: repeat-x;
}

nav#drawer-nav {
    background-color: #333;
}

/*ドロワーサブ*/
ul#menu-sp\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc\%e3\%82\%b5\%e3\%83\%96 li a {
    border: 1px solid;
    padding:1em;
}
ul#menu-sp\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc {
    margin-bottom: 0;
}
li#menu-item-1288 {
    margin-bottom: 0;
}
li#menu-item-1301 {
    font-family: "Montserrat", sans-serif;
}