@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Comic+Relief:wght@400;700&display=swap');

/* --------------Layout Setting----------------*/

.pd_l5 {padding-left : 5px;}
.pd_l10 {padding-left : 10px;}
.pd_l15 {padding-left : 15px;}
.pd_l20 {padding-left : 20px;}
.pd_l25 {padding-left : 25px;}
.pd_l30 {padding-left : 30px;}
.pd_l35 {padding-left : 35px;}
.pd_l40 {padding-left : 40px;}
.pd_l45 {padding-left : 45px;}
.pd_l50 {padding-left : 50px;}

.pd_r5 {padding-right : 5px;}
.pd_r10 {padding-right : 10px;}
.pd_r15 {padding-right : 15px;}
.pd_r20 {padding-right : 20px;}
.pd_r25 {padding-right : 25px;}
.pd_r30 {padding-right : 30px;}
.pd_r35 {padding-right : 35px;}
.pd_r40 {padding-right : 40px;}
.pd_r45 {padding-right : 45px;}
.pd_r50 {padding-right : 50px;}

.pd_tp5 {padding-top : 5px;}
.pd_tp10 {padding-top : 10px;}
.pd_tp15 {padding-top : 15px;}
.pd_tp20 {padding-top : 20px;}
.pd_tp25 {padding-top : 25px;}
.pd_tp30 {padding-top : 30px;}
.pd_tp35 {padding-top : 35px;}
.pd_tp40 {padding-top : 40px;}
.pd_tp45 {padding-top : 45px;}
.pd_tp50 {padding-top : 50px;}

.pd_bt0 {padding-bottom : 0px;}
.pd_bt5 {padding-bottom : 5px;}
.pd_bt10 {padding-bottom : 10px;}
.pd_bt15 {padding-bottom : 15px;}
.pd_bt20 {padding-bottom : 20px;}
.pd_bt25 {padding-bottom : 25px;}
.pd_bt30 {padding-bottom : 30px;}
.pd_bt35 {padding-bottom : 35px;}
.pd_bt40 {padding-bottom : 40px;}
.pd_bt45 {padding-bottom : 45px;}
.pd_bt50 {padding-bottom : 50px;}

.mg_l5 {margin-left : 5px;}
.mg_l10 {margin-left : 10px;}
.mg_l15 {margin-left : 15px;}
.mg_l20 {margin-left : 20px;}
.mg_l25 {margin-left : 25px;}
.mg_l30 {margin-left : 30px;}
.mg_l35 {margin-left : 35px;}
.mg_l40 {margin-left : 40px;}
.mg_l45 {margin-left : 45px;}
.mg_l50 {margin-left : 50px;}

.mg_r5 {margin-right : 5px;}
.mg_r10 {margin-right : 10px;}
.mg_r15 {margin-right : 15px;}
.mg_r20 {margin-right : 20px;}
.mg_r25 {margin-right : 25px;}
.mg_r30 {margin-right : 30px;}
.mg_r35 {margin-right : 35px;}
.mg_r40 {margin-right : 40px;}
.mg_r45 {margin-right : 45px;}
.mg_r50 {margin-right : 50px;}

.mg_tp5 {margin-top : 5px;}
.mg_tp10 {margin-top : 10px;}
.mg_tp15 {margin-top : 15px;}
.mg_tp20 {margin-top : 20px;}
.mg_tp25 {margin-top : 25px;}
.mg_tp30 {margin-top : 30px !important;}
.mg_tp35 {margin-top : 35px;}
.mg_tp40 {margin-top : 40px;}
.mg_tp45 {margin-top : 45px;}
.mg_tp50 {margin-top : 50px;}
.mg_tp60 {margin-top : 60px !important;}
.mg_tp80 {margin-top : 80px !important;}

.mg_bt0 {margin-bottom : 0px;}
.mg_bt5 {margin-bottom : 5px;}
.mg_bt10 {margin-bottom : 10px;}
.mg_bt15 {margin-bottom : 15px;}
.mg_bt20 {margin-bottom : 20px;}
.mg_bt25 {margin-bottom : 25px;}
.mg_bt30 {margin-bottom : 30px !important;}
.mg_bt35 {margin-bottom : 35px;}
.mg_bt40 {margin-bottom : 40px !important;}
.mg_bt45 {margin-bottom : 45px;}
.mg_bt50 {margin-bottom : 50px;}
.mg_bt60 {margin-bottom : 60px !important;}
.mg_bt80 {margin-bottom : 80px !important;}
.mg_bt100 {margin-bottom : 100px !important;}

.txt_l{ text-align: left;}
.txt_ctr{ text-align: center;}
.txt_r{ text-align: right;}

/*
@media not all and (min-width: 800px) {
  .mg_tp80 {margin-top : 40px !important;}
}
*/

/* -------------- // Layout Setting----------------*/


.font-min {
  font-family: 'Noto Serif JP', serif;
}
.font-go {
  font-family: 'Noto Sans JP', sans-serif;
}
.font-en {
  font-family: 'Outfit', sans-serif;
}
.font-w500 { font-weight: 500;}
.font-w600 { font-weight: 600;}
.font-w700 { font-weight: 700;}

.color_wh {
  color: #fff;
}
.txt_red{color: var(--ark-color--subred); display: contents;}
.btn_red .ark-block-button__link{
  background-color: var(--ark-color--subred);
}
.txt_bl{color: var(--ark-color--main2);}

body {
  --ark-font_family: 'Noto Sans JP', sans-serif;
  --ark-color--main2: #4090d5;
  --ark-color--back: #fcf6f1;
  --ark-color--subred: #c34a39;
  --ark-color--inbl: #0088fe;
  --ark-color--inyl: #febd2f;
  --ark-color--inyl2: #fef200;
  --arkb-marker-color: #c5fff9;
  --ark-color--dbl: #204d77;
  background-color: #fff;
  font-weight: 500;
/*
  --ark-font_size:;
  --ark-line_height:;
  --ark-letter_spacing:;
*/
}
body.home {
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_dot_logobg.png') no-repeat;
  background-attachment: fixed;
  background-position: 108% 100%;
  background-size: 36%;
}
@media not all and (min-width: 781px) {
  p{
    font-size: 1.1rem;
    font-weight: 600;
  }
  body {
    background: unset;
  }
  .p-postList__excerpt p{
    font-size: 0.8rem;
    font-weight: 500;
  }
}

/* page fade animation*/
@keyframes PageFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
body.blog , body.single , body.archive , body.page  {
  animation: PageFadeIn 1.5s ease 0s 1 normal;
}
.home.page  {
  animation: none;
}


/* # Header # */

.l-header__bar{
/*
  background-color: #0071b8;
*/
}
.l-header__bar .l-header__barInner{
  width: 1500px;
  max-width: 100%;
  justify-content: left;
  margin-left: -18px;
/*
  color: #fff;
  font-size: small;
  padding-top: 2px;
  padding-bottom: 2px;
*/
}

.c-headLogo__img {
  height: auto;
  width: 320px;
  vertical-align: top;
  margin-left: 20px;
}
.has-image>.c-headLogo {
  height: 50px;
}
@media not all and (min-width: 1100px) {
  .c-headLogo__img {
    width: 45vw;
    padding-top: 10px;
  }
}
@media not all and (min-width: 800px) {
  .c-headLogo__img {
    width: 50vw;
/*    padding-top: 15px;*/
  }
  .has-image>.c-headLogo {
    height: 10vw;
  }
}

.l-header__body {
    /*width: 1500px;*/
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 25px;
}
.l-header__right{
  margin-left: auto; /*右寄せ*/
  flex-wrap: wrap;
  justify-content: end;
  /*margin-bottom: 10px;*/
}
.l-header__right{
  margin-left: auto; /*右寄せ*/
  flex-wrap: wrap;
  justify-content: end;
  margin-top: -20px;
  /*margin-bottom: 10px;*/
  padding-right: 15px;
}
.l-header__center{
  order: -1;
  overflow: hidden;
  margin-top: -8px;
}
@media not all and (min-width: 1200px) {
  .l-header__right{
/*    width: 60%;
    justify-content: center;
*/
  }
  .l-header__center{
/*    width: 30%;*/
  }
  .l-header__left{
    display: none;
  }
}
@media not all and (min-width: 1000px) {
  .l-header__bar{
    display: none;
  }
  .l-header__right{
    justify-content: end;
  }
}
/*
@media not all and (min-width: 800px) {
  .l-header__right{
    display: flex;
  }
}
*/
@media not all and (min-width: 1000px) {
  .l-header__body .l-header__drawerBtn{
    margin-top: -60px;
  }
}

.l-header__right .wp-block-button__link .img_icon{
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(303deg) brightness(105%) contrast(101%);
  margin-right: 5px;
  vertical-align: middle;
  padding-bottom: 4px;
}
.haeder_bar_txt{
  font-size: 0.75rem;
  font-weight: 600;
  color: #07baa7;
  padding-top: 5px;
}
.l-header__right .header_txt_tel{
  /*color: #0071b8;*/
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1;
}
@media not all and (min-width: 800px) {
  .l-header__right .header_txt_tel{
    font-size: 1.5rem;
    color: #fff;
  }
  .l-header__right .header_txt_tel a{
    color: #fff;
  }
  .l-header__right .wp-block-button__link{
    padding: 0.5em 0.5em !important;
  }
}


.l-header__right .header_txt_info{
/*  font-size: 0.8rem;*/
}
@media not all and (min-width: 1400px) {
  .l-header__right .header_txt_info{
    font-size: 0.9rem;
    }
}
.l-header__right .img_icon.tel{
  filter: brightness(0) saturate(100%) invert(23%) sepia(93%) saturate(1904%) hue-rotate(184deg) brightness(100%) contrast(101%);
  vertical-align: bottom;
  margin-right: 5px;
  margin-bottom: 5px;
}
@media not all and (min-width: 800px) {
  .l-header__right .img_icon.tel{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(347deg) brightness(105%) contrast(101%);
    width: 14px;
  }
}
.l-header__right .txt_tel_info{
  font-size: 0.65rem;
  font-weight: 700;
  margin-left: -15px;
}
.l-header__right .parts_tel{
  color: var(--ark-color--main2);
}
.l-header__right .parts_mail{
  height: 100%;
}
.l-header__right .parts_mail .wp-block-button__link{
  padding-left: 2rem;
  padding-right: 2rem;
  text-decoration: none;
/*
  font-weight: 600;
  background-color: var(--ark-color--main2);
*/
}


/*
body .is-layout-flex {
  flex-wrap: nowrap;
}
*/


.c-gnav .__mainText, .c-gnav .__subText {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5;
}
@media not all and (min-width: 1200px) {
  .c-gnav .__mainText, .c-gnav .__subText {
    font-size: 0.8rem;
  }
}
.l-header__right > .ark-block-button .ark-block-button__link .ark-block-button__text {
    font-weight: 600;
    font-size: 13px;
}
.c-gnav__li>.c-gnav__a {
    padding: 10px 24px !important;
}
.l-header > .l-header__body .ark-block-button__link {
    padding: .6em 1.75em;
}
[data-btns=l-r][data-logo=left] .l-header__body, [data-btns=r-l][data-logo=left] .l-header__body {
padding: 30px;
}
.l-headerUnder{
  background-color: #fff;
/*  padding-top: 15px;*/
  padding-bottom: 5px;
  z-index: 11;
}
/*
.c-gnavWrap .c-gnav > li{
  border-right: solid 1px #ccc;
}
.c-gnavWrap .c-gnav > li:first-child{
  border-left: solid 1px #ccc;
}

.c-gnavWrap .c-gnav > li a:hover{
  color: #0071b8;
}
*/


@media (min-width: 800px) {
  .home .mainvisual_area h2.wp-block-heading{
    font-size: 68px;
    font-family: sans-serif;
    line-height: 1;
    font-weight: 700;
    white-space: normal;
    letter-spacing: 10px;
  
      position: absolute;
      top: 100px;
      z-index: 1;
      left: 0;
      right: 0;
      margin: 0 auto;
      max-width: 1500px !important;
      padding-left: 66px;
      padding-right: 66px;
  }
  .home.page .l-content__body {
      position: relative;
  }
}

.home .mainvisual_area h2.wp-block-heading{
  animation: fadeLeft 1s ease-out 3s forwards;
  opacity: 0;
}

@media not all and (min-width: 1000px) {
  .img_mainvisual{
    margin-top: 3rem !important;
  }
}
@media not all and (min-width: 800px) {
  .img_mainvisual{
    margin-top: 2rem !important;
  }
}

.home .mainvisual_area .wp-block-video{
  margin-top: 0 !important;
  opacity: 0.8;
}

.mainvisual_wrap{
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_mainbg.jpg');
  background-size: cover;
  background-position: 50% 0;
/*  height: 70vh;*/
  height: 680px;
  margin-left: 30px;
  border-radius: 30px 0 0 30px;

/*
  animation: fadeIn 2s 2s forwards;
  opacity: 0;
*/
}
@media not all and (min-width: 800px) {
  .mainvisual_wrap{
    border-radius: 30px 0 0 0;
  }
}
.mainvisual_txtarea{
  position: absolute;
  z-index: 10;
  top: 80px;
  transform: translateX(-50%);
  left: 50%;
}
.mainvisual_txtarea > .wp-block-group__inner-container{
  width: 1310px;
  margin: 0 auto;
}
@media not all and (min-width: 1310px) {
  .mainvisual_txtarea > .wp-block-group__inner-container{
    width: auto;
  }
  .mainvisual_txtarea{
    top: 20px;
  }
}
@media not all and (min-width: 781px) {
  .mainvisual_wrap{
    height: auto; /*sp height*/
    margin-left: 0;
  }
  .mainvisual_txtarea{
    position: relative; /*sp height*/
  }
}
.mainvisual_txtarea .mainvisual_tit1{
  text-align: left;
  width: 710px;
}
.mainvisual_txtarea .mainvisual_point{
  width: 860px;
  margin-left: auto;
  margin-top: -110px;
  align-items: end !important;
}
.mainvisual_txtarea .mainvisual_point1{
  padding-bottom: 120px;
}
.mainvisual_txtarea .mainvisual_point1 .wp-block-image{
  width: 450px;
}
.mainvisual_txtarea .mainvisual_point2 .wp-block-image{
  width: 350px;
}
.mainvisual_txtarea > .wp-block-column{
  flex-basis: auto !important;
}
@media not all and (min-width: 1310px) {
  .mainvisual_txtarea .mainvisual_point{
    margin-top: -50px;
  }
}
@media not all and (min-width: 1000px) {
  .mainvisual_txtarea .mainvisual_tit1{
    width: 86vw;
    margin: 0 auto;
  }
  .mainvisual_txtarea .mainvisual_point{
    width: 100vw;
  }
  .mainvisual_txtarea .mainvisual_point1 .wp-block-image ,
  .mainvisual_txtarea .mainvisual_point2 .wp-block-image {
    width: 40vw;
    margin: 0 auto;
  }
}
@media not all and (min-width: 781px) {
  .mainvisual_txtarea .mainvisual_point{
    margin-top: 20px;
  }
  .mainvisual_txtarea .mainvisual_point1{
    padding-bottom: 0;
  }
  .mainvisual_txtarea .mainvisual_point1 .wp-block-image {
    width: 60vw;
  }
}
.mainvisual_btn_area{
  background-color: #fff;
  border-radius: 15px;
  padding: 25px 60px;
  width: 1000px;
  transform: translateX(-50%);
  left: 47%;
  position: absolute;
  z-index: 100;
  bottom: -100px;
}
.mainvisual_btn_area .btn_wrap{
  margin-top: 20px;
}
.mainvisual_btn_area .mainvisual_btn_tel .ark-block-button ,
.mainvisual_btn_area .mainvisual_btn_mail .ark-block-button {
  width: 100%;
}
.mainvisual_btn_area .mainvisual_btn_tel .ark-block-button__link ,
.mainvisual_btn_area .mainvisual_btn_mail .ark-block-button__link {
  width: 100%;
  font-weight: 600;
  font-size: 1.5rem;
  border-radius: 12px;
}
.mainvisual_btn_area .mainvisual_btn_tel .ark-block-button__link {
  background-color: var(--ark-color--main2);
}
@media not all and (min-width: 1000px) {
  .mainvisual_btn_area{
    padding: 25px 40px;
    width: 100vw;
    bottom: calc(17vw - 288px);
  }
  .mainvisual_btn_area .mainvisual_btn_tel .ark-block-button__link ,
  .mainvisual_btn_area .mainvisual_btn_mail .ark-block-button__link {
    font-size: 1.2rem;
  }
}
@media not all and (min-width: 781px) {
  .mainvisual_btn_area{
    left: 50%;
    border-radius: 0;
  }
  .mainvisual_btn_area h3{
    font-size: 1.1rem;
  }
}
.tit_fukidashi {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: end;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.tit_fukidashi::before {
  content: "\005C";
  margin-right: 5px;
}
.tit_fukidashi::after {
  content: "\002F";
  margin-left: 5px;
}


/*
.img_mainvisual {
  max-width: 1170px !important;
  margin-left: auto;
  margin-right: auto;
  max-height: 100vh;
  overflow: hidden;

  animation: fadeIn 2s 2s forwards;
  opacity: 0;
}
*/
.l-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 92px;
  z-index: 100;
  background-color: rgba(255,255,255,1);
}
/*
.l-header.fixed .l-header__body {
  padding-top: 10px;
  padding-bottom: 10px;
}
*/
.l-headerUnder.fixed{
  position: fixed;
  top: 76px;
  left: 0;
  width: 100%;
  height: 64px;
  z-index: 101;
  background-color: rgba(255,255,255,1);
}

.home .p-postList__body{
  display: flex;
  padding: 10px 0;
}
.home .p-postList.-type-simple .p-postList__meta{
  padding-right: 20px;
}
.l-content {
    z-index: 10;
}
@media not all and (min-width: 781px) {
  .home .l-content {
    overflow-y: hidden;
  }
}
@media not all and (min-width: 781px) {
  .home .p-postList__body{
    display: block;
  }
  .home .p-postList.-type-simple .p-postList__meta{
    display: inline-block;
  }
  .home .p-postList.-type-simple .p-postList__title{
    display: block;
  }
}


@keyframes fadeIn {
  0% {
    opacity: 0;
    visibility: hidden;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeLeft {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-3%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* # loading */
#header.l-header {
  z-index: 100;
/*  z-index: 11;*/
}

.l-footer {
	position: relative;
	z-index: 0;
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  animation: fadeOut 1.5s 2s forwards;
}

.loading p {
  opacity: 0;
  animation: logo_fade 2s 0.2s forwards;
}
@media not all and (min-width: 781px) {
  .loading .c-headLogo__img {
    width: 198px;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes logo_fade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  60% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
  }
}
/* #end loading */


/* contents */
.c-title {
	position: relative;
	line-height: 33px;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 5px;
  background-color: #000000;
  color: #ffffff;
  display: inline-block;
  padding: 0 20px;
}
.x-title {
  margin-bottom: 15px;
  text-align: center;
}

.x-title .sub_up {
/*  font-family: 'Outfit', sans-serif;*/
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
}
.x-title h2 {
  font-size: 2.5rem !important;
  margin-top: 5px;
  letter-spacing: 0.03em;
  font-weight: 800;
}
.x-title .txt_dw{
  font-size: 24px;
  line-height: 1;
  display: block;
  margin-top: 12px;
}
/*
@media not all and (min-width: 781px) {
  .x-title .sub_up {
    font-size: 50px;
  }
}
*/
@media not all and (min-width: 800px) {
  .x-title .sub_up {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0;
  }
  .x-title {
    text-align: left;
  }
  .txt_sub {
    text-align: left;
  }
}

.tit_l{
  font-size: 38px !important;
  font-weight: 400;
}
.tit_m{
  font-size: 32px;
/*  font-size: 28px;*/
  font-weight: 400;
}
.tit_s{
  font-size: 20px;
  font-weight: 600;
}
.tit_ss{
  font-size: 20px;
  font-weight: 600;
}
.tit_ss::before{
  content: "○";
  color: var(--ark-color--main);
  margin-right: 5px;
}

@media not all and (min-width: 781px) {
  .tit_l{
    font-size: 34px !important;
  }
  .tit_m{
    font-size: 26px;
  }
  .tit_s{
    font-size: 20px;
  }
  .tit_ss{
    font-size: 20px;
  }
}



.btn_l{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  font-size: 22px;
}
@media not all and (min-width: 781px) {
  .btn_l{
    flex-basis: 100%;
  }
}
#top_title_area .c-pageTitle__main {
  font-weight: 400;
  text-align: left;
}
@media not all and (min-width: 800px) {
  #top_title_area .c-pageTitle__main {
    margin-left: 20px;
  }
}
#top_title_area .p-topArea__img{
  filter: brightness(0.6);
}

.p-archive__title .c-pageTitle__main,
.c-postContent h2,
.c-widget .wp-block-heading {
/*  font-weight: 800 !important;*/
  font-size: 2rem;
}
.p-entry__title .c-pageTitle__main {
  font-size: 1.6rem;
}
.p-postList .p-postList__title {
/*  font-weight: 400;*/
  font-weight: 600;
}
.display_none{
  display: none !important;
}
@media not all and (min-width: 800px) {
  .p-archive__title .c-pageTitle__main,
  .p-entry__title .c-pageTitle__main,
  .c-widget .wp-block-heading {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 10px;
  }
  .c-postContent h2 ,
  .l-footer__widgets h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 10px;
  }
  .c-postContent .p-postList__item h2 {
    font-size: 18px !important;
  }
}

td, th {
/*
  border-bottom: 1px solid var(--ark-color--border--table);
  border-left: 1px solid var(--ark-color--border--table);
*/
  padding: var(--ark-padding--cell,.5em .75em)!important;
/*
  vertical-align: top;
  word-break: break-all;
*/
}

:root {
  --ark-padding--cell: 1em 2em;
}

/* # Footer # */
.l-footer__foot .footer_body {
  padding-top: 50px;
  padding-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
@media not all and (min-width: 800px) {
  .l-footer__foot .footer_body {
    padding-bottom: 50px;
  }
}
.l-footer__foot .footer_logo {
  text-align: left;
}
.l-footer__foot .footer_logo a {
  display: inline-block;
  margin-bottom: 40px;
}
.l-footer__foot .c-copyright {
  text-align: left;
  font-size: 12px;
  padding-bottom: 40px;
}
.l-footer .l-footer__foot {
  background-color: #075296;
  color: #fff;
  font-weight: 400 !important;
}
.l-footer .l-footer__foot .c-headLogo__img {
  margin-left: 0;
  width: 280px;
/*  filter: brightness(0%) contrast(60%);*/
}
.l-footer .l-footer__foot .footer_company_box {
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 28px;
}
.footer_cont_wrap .footer_nav_wrap {
  border-top: solid 1px #fff;
  padding-top: 50px;
}
.footer_cont_wrap .footer_nav_wrap a {
  font-weight: 400;
  color: #fff;
  font-size: 0.8rem;
}
.footer_cont_wrap .footer_nav_wrap a::before {
  content: "─";
  display: inline-block;
  padding-right: 7px;
}

#menu-footer-navi-1 , #menu-footer-navi-1 li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}
#menu-footer-navi-1{
  display: flex;
  column-gap: 3rem;
  justify-content: space-between;
}
@media not all and (min-width: 781px) {
  #menu-footer-navi-1{
    flex-flow: column;
  }
}
#menu-footer-navi-1 li > ul {
  color: #555;
  margin-top: 10px;
}


@media not all and (min-width: 1000px) {
  #menu-footer-navi-1 li > ul li a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*background: #fff;*/
  }
  #menu-footer-navi-1 li > ul {
    margin-bottom: 30px;
  }
}
@media not all and (min-width: 1000px) {
  .footer_cont_wrap .footer_nav_wrap {
    margin-top: 40px !important;
  }
  .footer_cont_wrap .footer_nav_wrap ul {
    border-bottom: none;
  }
}
@media not all and (min-width: 781px) {
  #menu-footer-navi-1 li > ul {
    margin-top: 0;
  }
  #menu-footer-navi-1 li > ul {
    margin-bottom: 0;
  }
}


@media not all and (min-width: 781px) {
  .wp-block-table th,
  .wp-block-table td {
    display: block;
    font-weight: 600;
  }
  .wp-block-table td p {
    font-weight: 600;
    font-size: 0.8rem;
  }
}


/* index */
.index_intro_area{
  position: relative;
  margin-top: 200px;
  background-color: #fff;
  padding: 50px 40px;
  border-radius: 20px;
  border: solid 3px #333;
}
@media not all and (min-width: 781px) {
  .index_intro_area{
    margin-top: 270px;
    padding: 50px 25px;
  }
}
.index_intro_area::before{
  content: "";
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/bg_dotpt_wh.png');
  position: absolute;
  height: 1600px;
  z-index: -8;

    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: -110px;
}
.index_intro_area::after{
  content: "";
/*  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/intro_bg.jpg') repeat-x;*/
  background-image: linear-gradient(to bottom, #fff, #42b2fe);
    background-position: 0 100%;
    background-size: 80%;
  position: absolute;
  height: 1600px;
  z-index: -10;

    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: -110px;
}
.index_intro_area .x-title {
  position: relative;
}
.index_intro_area .x-title::before {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_omg.png') no-repeat;
  background-size: 100%;
  height: 140px;
  width: 178px;
  top: -84px;
  left: 12px;
}
.index_intro_area .x-title::after {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_oh.png') no-repeat;
  background-size: 100%;
  height: 138px;
  width: 167px;
  top: -35px;
  right: 13px;
}
@media not all and (min-width: 1100px) {
  .index_intro_area .x-title::before {
    zoom: 50%;
    top: -160px;
  }
  .index_intro_area .x-title::after {
    zoom: 50%;
    top: -175px;
  }
}
.index_intro_area h2 {
  margin-bottom: 70px;
}
.index_intro_area h2::after{ /* border */
  content: "";
  position: absolute;
  height: 5px;
  width: 52%;
  background-color: var(--ark-color--main2);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media not all and (min-width: 1100px) {
  .index_intro_area h2::after{ /* border */
    width: 100%;
  }
}
@media not all and (min-width: 800px) {
  .index_intro_area h2 {
    font-size: 20px !important;
    margin-bottom: 40px;
  }
}
.txt_pickup{
  background-color: #daf6fe;
  padding: 12px 25px;
  margin-bottom: 30px !important;
  border-radius: 10px;
}
.txt_pickup h3{
  font-size: 1.2rem;
}
.txt_pickup p{
  font-size: 1rem !important;
  padding-top: 6px !important;
  font-weight: 400 !important;
}
.txt_un_wave{
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: var(--ark-color--inyl);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.txt_un_line{
  text-decoration-line: underline;
  text-decoration-color: var(--ark-color--inbl);
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}
.txt_un_dot{
  border-bottom: dotted 3px var(--ark-color--inbl);
}
.index_intro_area .btn_detail{
  margin-top: 80px;
}
.index_intro_area p {
  font-weight: 600;
  padding-top: 14px;
  font-size: 1.08rem;
}
.index_intro_area .img_wrap .wp-block-image:nth-child(1) {
  margin-right: -10px;
  padding-left: 60px;
}
.index_intro_area .img_wrap .wp-block-image:nth-child(2) {
  margin-left: -100px;
}
@media not all and (min-width: 1100px) {
  .index_intro_area .wp-block-columns{
    flex-flow: column;
    flex-direction: column-reverse;
  }
  .index_intro_area .img_wrap .wp-block-image:nth-child(1) {
    margin-right: 0;
    padding-left: 0;
    width: 80%;
  }
  .index_intro_area .img_wrap .wp-block-image:nth-child(2) {
    margin-left: 10rem;
    margin-top: -40px;
  }
  .index_intro_area .img_wrap .wp-block-image:nth-child(2) img {
    border-radius: 15px;
  }
}
@media not all and (min-width: 800px) {
  .index_intro_area .btn_detail{
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
@media not all and (min-width: 800px) {
  .btn_detail .ark-block-button{
    flex-basis: 100%;
  }
  .btn_detail .ark-block-button a{
    width: 100%;
  }
}

.index_feature_area{
  position: relative;
}
.index_feature_area::before{
  content: "";
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_featbg2.jpg') no-repeat;
  background-position: 0 50%;
/*  background-size: auto;*/
  position: absolute;
  height: 1200px;
  z-index: -5;
  width: 100vw;
  left: 50%;
  top: -50px;
  transform: translateX(-50%);
  clip-path: polygon(0% 0%, 50% 10%, 100% 0%, 100% 100%, 0 100%);

  -webkit-mask-image: linear-gradient(to bottom, #fff 30%, transparent 100%);
  mask-image: linear-gradient(to bottom, #fff 30%, transparent 100%);
}
.index_feature_area .x-title{
  padding-top: 130px;
  padding-bottom: 10px;
  color: #fff;
  text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}
.index_feature_area .ark-block-buttons{
  margin-top: 80px;
}
@media not all and (min-width: 800px) {
  .index_feature_area .ark-block-buttons{
    margin-top: 20px;
  }
  .index_feature_area .x-title h2{
    text-align: center;
  }
  .index_feature_area .x-title h2 .txt_dw{
    font-size: 16px;
  }
}
.col_yl{ color: var(--ark-color--inyl2); }
.index_feat_intro{
  background-color: #fff;
  position: relative;
  margin-top: 200px;
  padding: 70px 40px 30px;
  margin-left: -50px;
  margin-right: -50px;
  border: solid 3px #333;
  transform: skewY(-3deg);
  margin-bottom: 80px !important;
}
.index_feat_intro .wp-block-column{
  transform: skewY(3deg);
}
.index_feat_intro::before {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_star.png') no-repeat;
  background-size: 80%;
  height: 117px;
  width: 162px;
  top: -67px;
  left: 40px;
}
.index_feat_intro::after {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_star.png') no-repeat;
  background-size: 80%;
  height: 117px;
  width: 162px;
  top: -25px;
  right: 40px;
  transform: scale(-1, 1);
}
@media not all and (min-width: 781px) {
  .index_feat_intro::before {
    zoom: 60%;
    top: -16px;
    left: 5rem;
  }
  .index_feat_intro::after {
    zoom: 60%;
    top: 16px;
    right: 5rem;
  }
}
.index_feat_list{}
.index_feat_list .wp-block-media-text h3{
  color: var(--ark-color--subred);
  position: relative;
  padding-left: 104px;
}
.index_feat_list .wp-block-media-text h3::before{
  content: "";
  position: absolute;
  background-size: 80%;
  background-repeat: no-repeat;
  height: 84px;
  width: 104px;
  top: -34px;
  left: 0;
}
.index_feat_list .wp-block-media-text:nth-child(1) h3:before{ background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_ic1.png');}
.index_feat_list .wp-block-media-text:nth-child(2) h3:before{ background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_ic2.png');}
.index_feat_list .wp-block-media-text:nth-child(3) h3:before{ background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_ic3.png');}
.index_feat_list .wp-block-media-text:nth-child(4) h3:before{ background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_ic4.png');}
.index_feat_list .wp-block-media-text{
  --ark-mediatext--space: 4rem;
}
.index_feat_list .wp-block-media-text{
  margin-bottom: 40px;
}
.index_feat_list .wp-block-media-text p{
  padding-left: 30px;
}
.index_feat_list .wp-block-media-text:nth-child(2n+1){
  margin-left: 140px;
}
.index_feat_list .wp-block-media-text:nth-child(2n){
  margin-right: 140px;
}
.page_construction .index_feat_list .wp-block-media-text:nth-child(2n+1){  margin-left: 0;}
.page_construction .index_feat_list .wp-block-media-text:nth-child(2n){  margin-right: 0;}
.index_feat_list .wp-block-media-text__media:nth-child(2n+1){
  padding-left: 50px;
}
.index_feat_list .wp-block-media-text__media:nth-child(2n){
  padding-right: 50px;
}
.index_feat_list .wp-block-media-text__media img{
  border-radius: 10px;
}
@media not all and (min-width: 1000px) {
  .index_feat_list .wp-block-media-text h3{
    padding-left: 60px;
  }
  .index_feat_list .wp-block-media-text h3::before{
    zoom: 60%;
    top: -12px;
    left: 0;
  }
  .index_feat_list .wp-block-media-text p{
    padding-left: 0;
  }
  .index_feat_list .wp-block-media-text .wp-block-media-text__content{
    padding: 3rem 1rem;
  }
  .index_feat_list .wp-block-media-text:nth-child(2n+1){
    margin-left: 0;
  }
  .index_feat_list .wp-block-media-text:nth-child(2n){
    margin-right: 0;
  }
  .index_feat_list .wp-block-media-text__media:nth-child(2n+1){
    padding-left: 0;
  }
  .index_feat_list .wp-block-media-text__media:nth-child(2n){
    padding-right: 0;
  }
}
@media not all and (min-width: 800px) {
  /* grid解除 */
  .index_feat_list .wp-block-media-text{
    grid-template-columns: auto;
  }
  .index_feat_list .wp-block-media-text__media{
    grid-column: auto;
    grid-row: auto;
  }
}

.index_reason_area{
  background: url("https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_bg_stripe.png");
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 130px;
  clip-path: polygon(0 0, 100% calc(0% + 4vw), 100% calc(100% - 4vw), 0 100%);
}
@media not all and (min-width: 800px) {
  .index_reason_area{
    padding-top: 50px;
    padding-bottom: 80px;
  }
}
.index_reason_area > .wp-block-group__inner-container{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media not all and (min-width: 1000px) {
  .index_reason_area > .wp-block-group__inner-container{
    max-width: unset;
  }
}
.home .index_reason_area > .wp-block-group__inner-container::before{
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_illu2.png') no-repeat;
  background-size: 80%;
  height: 314px;
  width: 257px;
  top: -41px;
  left: 40px;
}
@media not all and (min-width: 800px) {
  .index_reason_area > .wp-block-group__inner-container::before{
    zoom: 50%;
    top: 32px !important;
    left: 45px;
    display: none;
  }
}
.index_reason_area .x-title {
  position: relative;
  text-shadow: 2px 1px #fff;
}
.index_reason_area h2 {
  margin-bottom: 70px;
}
.index_reason_area h2::after{ /* border */
  content: "";
  position: absolute;
  height: 5px;
  width: 38%;
  background-color: var(--ark-color--subred);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media not all and (min-width: 800px) {
  .index_reason_area .x-title {
    text-align: center;
  }
  .index_reason_area h2 {
/*    margin-bottom: 150px;*/
    margin-bottom: 20px;
  }
  .index_reason_area h2::after{ /* border */
    height: 4px;
    width: 94%;
  }
}
.index_reason_area .x-title .sub_up {
  color: var(--ark-color--subred);
}
.index_reason_area .reason_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr auto;
}
.index_reason_area .reason_list .wp-block-column:nth-child(1) { grid-column: 1 / 3 ;}
.index_reason_area .reason_list .wp-block-column:nth-child(2) { grid-column: 3 / 5 ;}
.index_reason_area .reason_list .wp-block-column:nth-child(3) { grid-column: 2 / 4 ;}
.index_reason_area .reason_list .wp-block-column:nth-child(4) { grid-column: 4 / 6 ;}

.index_reason_area .reason_list .wp-block-column{
  border: solid 4px var(--ark-color--subred);
  border-radius: 15px;
  padding: 20px 40px 40px;
  position: relative;
}
@media not all and (min-width: 800px) {
  .index_reason_area .reason_list{
    grid-template-columns: 100%;
    padding: 0 1rem;
  }
  .index_reason_area .reason_list .wp-block-column:nth-child(1) { grid-column: 1 ;}
  .index_reason_area .reason_list .wp-block-column:nth-child(2) { grid-column: 1 ;}
  .index_reason_area .reason_list .wp-block-column:nth-child(3) { grid-column: 1 ;}
  .index_reason_area .reason_list .wp-block-column:nth-child(4) { grid-column: 1 ;}
}
.index_reason_area .reason_list .wp-block-column::after{
  content: "";
  background-color: #fff;
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 3px #fff;
  box-sizing: content-box;
  top: 6px;
  left: 6px;
  z-index: -1;
  border-radius: 15px;
}
.index_reason_area .reason_list h3{
  color: var(--ark-color--subred);
  text-align: center;
  position: relative;
}
.index_reason_area .reason_list h3::before{
  font-size: 3rem;
  display: block;
}
.index_reason_area .reason_list .wp-block-column:nth-child(1) h3::before{ content: "01";}
.index_reason_area .reason_list .wp-block-column:nth-child(2) h3::before{ content: "02";}
.index_reason_area .reason_list .wp-block-column:nth-child(3) h3::before{ content: "03";}
.index_reason_area .reason_list .wp-block-column:nth-child(4) h3::before{ content: "04";}

.index_reco_area{
  padding-top: 70px;
  padding-bottom: 100px;
}
@media not all and (min-width: 800px) {
  .page_thermobarrier .index_reco_area{
    padding-bottom: 40px;
  }
}
.index_reco_area .reco_layout .wp-block-column:nth-child(1) {
  padding-left: 13%;
}
.index_reco_area .reco_layout .wp-block-column:nth-child(1) .wp-block-image{
  text-align: left;
}
.index_reco_area .reco_layout .wp-block-column:nth-child(2) {
  padding-right: 2%;
  position: relative;
}
@media not all and (min-width: 800px) {
  .index_reco_area .reco_layout{
    flex-direction: column-reverse;
    padding-left: 5%;
    padding-right: 5%;
  }
  .index_reco_area .reco_layout .wp-block-column:nth-child(1) {
    padding-left: 0;
  }
  .index_reco_area .reco_layout .wp-block-column:nth-child(1) .wp-block-image{
    zoom: 60%;
  }
  .index_reco_area .reco_layout .wp-block-column:nth-child(2) {
    padding-right: 0;
  }
}
.index_reco_area .reco_layout .wp-block-column:nth-child(2)::before {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_recotag.png') no-repeat;
  background-size: 80%;
  height: 120px;
  width: 137px;
  top: 160px;
  left: -26px;
  z-index: -1;
}
.index_reco_area .reco_layout .wp-block-column:nth-child(2)::after {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_recotag.png') no-repeat;
  background-size: 80%;
  height: 120px;
  width: 137px;
  left: 700px;
  bottom: -70px;
  z-index: -1;
  transform: rotate(-180deg);
}
.index_reco_area .x-title{
  text-align: left;
  margin-bottom: 80px;
}
.index_reco_area .x-title h2{
  border-bottom: solid 1px var(--ark-color--subred);
  padding-bottom: 2px;
  font-size: 24px !important;
}
.index_reco_area .x-title .sub_txt_wrap{
  font-size: 28px;
  font-weight: 600;
}
.index_reco_area .x-title .sub_txt{
  font-size: 15px;
  color: var(--ark-color--subred);
  line-height: 1rem;
  padding-top: 30px;
}
@media not all and (min-width: 800px) {
  .index_reco_area .x-title{
    margin-bottom: 40px;
  }
  .index_reco_area .reco_layout .wp-block-column:nth-child(2)::before {
    display: none;
  }
  .index_reco_area .reco_layout .wp-block-column:nth-child(2)::after {
    display: none;
  }
}
.index_reco_area .img_professor p{
  font-size: 0.78rem;
  font-weight: 400;
}
.home .index_reco_area > .wp-block-group__inner-container::before{
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_check.png') no-repeat;
  background-size: 80%;
  height: 152px;
  width: 181px;
  bottom: -130px;
  left: 40px;
  z-index: 10;
}
.home .index_reco_area > .wp-block-group__inner-container::after{
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_puroto.png') no-repeat;
  background-size: 80%;
  height: 250px;
  width: 300px;
  bottom: -160px;
  right: 0;
  z-index: 10;
}
@media not all and (min-width: 800px) {
  .index_reco_area > .wp-block-group__inner-container::before{
    zoom: 60%;
    bottom: -140px;
    left: 40px;
  }
  .index_reco_area > .wp-block-group__inner-container::after{
    zoom: 60%;
    bottom: -150px;
    right: 0;
  }
}

.x-title.tit_pop {
  position: relative;
}
@media not all and (min-width: 800px) {
  .x-title.tit_pop {
    text-align: center;
  }
}
.x-title.tit_pop h2 {
  font-family: "Comic Relief", sans-serif;
  color: var(--ark-color--subred);
  font-weight: 700 !important;
  font-size: 3rem !important;
}
.x-title.tit_pop .txt_under {
  font-size: 1rem !important;
  color: #333;
  font-weight: 700;
  margin-top: -12px;
}
.index_about_area .x-title .sub_up {
  color: var(--ark-color--subred);
}

.btn_redout .is-btn-outline .ark-block-button__link {
  box-shadow: inset 0 0 0 2px var(--ark-color--subred);
  color: var(--ark-color--subred);
  background-color: #fff;
}
.btn_redout .is-btn-outline  .ark-block-button__link:hover {
  background: var(--ark-color--subred);
}

.index_about_area{
  background-color: #333;
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 50px;
  clip-path: polygon(0 0, 100% calc(0% + 4vw), 100% calc(100% - 4vw), 0 100%);
}
.index_about_area::before{
  background: url("https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/bg_blphoto2.jpg") no-repeat;
  background-size: cover;
  background-attachment: fixed;
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 8px); /*border*/
  top: 4px;
  z-index: 0;
  padding-top: 100px;
  padding-bottom: 50px;
  clip-path: polygon(0 0, 100% calc(0% + 4vw), 100% calc(100% - 4vw), 0 100%);
}
.index_about_area > .wp-block-group__inner-container{
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.index_about_area .about_wrap{
  gap: 5% !important;
}
.index_about_area .about_wrap .wp-block-column:nth-child(1) { 
  flex-basis: 35% !important;
  margin-top: -140px !important;
}
.index_about_area .about_wrap .wp-block-column:nth-child(2) { flex-basis: 40% !important;}
.index_about_area .about_wrap .wp-block-column:nth-child(3) { flex-basis: 15% !important;}
.index_about_area .about_wrap figure img {
  box-shadow: #4290d8 6px 6px 0px;
}
.index_about_area .about_wrap h3{
  font-size: 1.8rem;
  color: #065195;
}
.index_about_area .about_wrap .about_img1{
  transform: rotate(-4deg);
}
.index_about_area .about_wrap .about_img2{
  transform: rotate(3deg);
}
.index_about_area .about_wrap .about_img3{
  transform: rotate(4deg);
  padding-top: 70px;
}
@media not all and (min-width: 800px) {
  .index_about_area .about_wrap{
    flex-direction: column;
    gap: 0 !important;
    padding-left: 5%;
    padding-right: 5%;
  }
  .index_about_area .about_wrap .about_img2{
    margin-top: -7px;
    margin-left: -300px;
  }
  .index_about_area .about_wrap .wp-block-column:nth-child(1) { 
    zoom: 60%;
    flex-basis: auto !important;
    margin-top: 0 !important;
    order: 2;
  }
  .index_about_area .about_wrap .wp-block-column:nth-child(2) {
    flex-basis: auto !important;
    order: 1;
    padding-bottom: 50px;
  }
  .index_about_area .about_wrap .wp-block-column:nth-child(3) { flex-basis: auto !important; order: 3;}
  .index_about_area .about_wrap .about_img3{
    zoom: 60%;
    margin-top: -290px;
    margin-left: 408px;
    transform: rotate(20deg);
    padding-top: 30px;
  }
}

.index_blog_area .p-postList__body{
  flex-direction: column;
  padding-left: 15px;
  padding-right: 15px;
}
.index_blog_area .c-postTimes__item{
  font-size: 1rem;
  line-height: 1;
  font-weight: 500;
}
.index_blog_area .u-color-thin{
  opacity: 1;
  padding-bottom: 10px;
  padding-top: 8px;
  color: #065195;
}
.index_blog_area .x-title{
  margin-bottom: 50px;
}
.index_blog_area .p-postList{
  gap: 3%;
}
.index_blog_area li{
  flex-basis: 31.3% !important;
}
.index_blog_area .p-postList__item{
  box-shadow: #065195 4px 4px 0px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 30px !important;
  background-color: #fff;
}
.index_blog_area .p-postList .p-postList__title {
  font-size: 1rem !important;
}
@media not all and (min-width: 800px) {
  .index_blog_area .x-title{
    margin-bottom: 30px;
    margin-top: 50px;
  }
  .index_blog_area .p-postList{
    gap: 3%;
    flex-flow: column;
    padding-left: 5%;
    padding-right: 5%;
  }
  .index_blog_area li{
    flex-basis: auto !important;
  }
  .index_blog_area .p-postList__item{
  }
}

.top_cta_area{
  background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_cta_bg_s.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding: 85px 0 54px;
  height: 371px;
  margin-top: 130px;
/*
  background-color:rgba(255,255,255,0.5);
  background-blend-mode:lighten;
*/
}
@media not all and (min-width: 1200px) {
  .top_cta_area{
    padding: 26px 0 30px;
    height: auto;
    margin-top: 50px;
    background-size: cover;
  }
  .top_cta_area > .wp-block-group__inner-container{
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media not all and (min-width: 800px) {
  .top_cta_area{
    padding: 85px 0 30px;
    height: auto;
    margin-top: 50px;
    background-size: cover;
  }
}
.top_cta_area_wrap{
  position: relative;
  max-width: 1110px;
  background: #fff;
  border-radius: 15px;
  margin: 0 auto;
  padding: 30px 20px 10px;
  box-shadow: #333 4px 4px 0px;
}
.top_cta_area_wrap .x-title h2{
  position: relative;
  font-size: 1.8rem !important;
  font-weight: 700 !important;
}
.top_cta_area_wrap h2::after { /*border*/
  content: "";
  position: absolute;
  height: 4px;
  width: 45%;
  background-color: var(--ark-color--subred);
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.top_cta_area_wrap .x-title .sub_up{
  font-size: 1.2rem;
}
/*
@media not all and (min-width: 1000px) {
  .top_cta_area_wrap .x-title h2 span{
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}
*/
@media not all and (min-width: 800px) {
  .top_cta_area_wrap .x-title .sub_up{
    font-size: 1.1rem;
  }
  .top_cta_area_wrap .x-title h2{
    font-size: 1.6rem !important;
    letter-spacing: 0;
  }
  .top_cta_area_wrap h2::after { /*border*/
    display: none;
  }
}
.top_cta_box{
  position: relative;
  padding: 15px 40px;
  text-align: center;
  align-items: center !important;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  gap: 10px !important;
}
/*
.top_cta_box .wp-block-column:first-child{
  padding-left: 5%;
}
.top_cta_box .wp-block-column:last-child{
  padding-right: 5%;
}
*/
.top_cta_area_wrap::before {
  content: "";
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_contact.png') no-repeat;
  background-size: 100%;
  height: 111px;
  width: 171px;
  top: -34px;
  left: 92px;
}
@media not all and (min-width: 1200px) {
  .top_cta_area_wrap::before {
    zoom: 80%;
    top: -50px;
    left: 20px;
  }
}
.top_cta_box .btn_contact{
  row-gap: 7px;
}
.top_cta_box .btn_contact .ark-block-button__link{
  justify-content: center;
/*  justify-content: left;*/
  padding-left: 2.8rem;
  text-align: left;
}
.top_cta_box .ark-block-button__link{
  font-size: 1.2rem;
/*  background-color: var(--ark-color--main2);*/
/*
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
*/
}
.top_cta_box .txt_tel{
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 0;
  color: var(--ark-color--main2);
}
@media not all and (min-width: 800px) {
  .top_cta_area_wrap::before {
    zoom: 60%;
    top: -86px;
    left: 18px;
  }
  .top_cta_box .btn_contact{
    row-gap: 1rem;
  }
  .top_cta_box .btn_contact .ark-block-button{
    width: 100% !important;
  }
  .top_cta_box .txt_tel{
    font-size: 1.8rem;
  }
}
.top_cta_box .txt_tel i{
  font-size: 1.5rem;
  padding-right: 6px;
}
.top_cta_box .txt_tel_time{
  font-size: 0.8rem;
  font-weight: 600;
  margin-top: 0;
}
.top_cta_box .txt_tel_tit{
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  background-color: var(--ark-color--main2);
  padding: 1px 10px;
}
.top_cta_box .txt_tel_wrap{
  display: flex;
  flex-flow: column;
}
.top_cta_box .txt_tel_num{
  margin-top: 0;
}
@media not all and (min-width: 1200px) {
  .top_cta_box{
    width: auto;
  }
  .top_cta_area_wrap .x-title{
    padding-left: 0;
  }
  .top_cta_box{
    flex-flow: column;
    gap: 40px !important;
  }
  .top_cta_box .wp-block-column:nth-child(2){
    width: 80%;
  }
}
@media not all and (min-width: 781px) {
  .top_cta_box .txt_tel_wrap{
    flex-flow: column;
  }
  .top_cta_box .txt_tel_tit{
    margin-right: 0;
    padding: 2px;
  }
  .top_cta_box .txt_tel{
    padding: 10px 0;
  }
  .top_cta_box .txt_tel span a{
    color: inherit;
  }
  .top_cta_box{
    width: auto;
    gap: 40px !important;
  }
  .top_cta_box .wp-block-column:first-child{
    padding-left: 0;
  }
  .top_cta_box .wp-block-column:last-child{
    padding-right: 0;
  }
  .top_cta_box::before{
    content: none;
  }
  .top_cta_box .wp-block-column:nth-child(2){
    width: 100%;
  }
  .top_cta_box{
    padding: 15px 0;
  }
}
















/*
.top_service_area h3 {
  font-weight: 500;
  color: var(--ark-color--main);
  text-align: center;
}
.top_service_area .wp-block-column .wp-block-group{
  margin-top: 0;
  padding: 40px 5%;
  background-color: #fff;
}
*/

.index_faq_area .index_faq_list .ark-block-accordion__item ,
.index_faq_area .index_faq_list .ark-block-accordion__title{
  background-color: #f3f3f3;
}
.index_faq_area .index_faq_list .ark-block-accordion__title::before{
  content: "Q";
  font-size: 1.6rem;
  width: 2rem;
  height: auto;
  color: var(--ark-color--main);
}
@media not all and (min-width: 800px) {
  .index_faq_area .index_faq_list .ark-block-accordion__title::before{
    width: 60px;
  }
}


/*
.top_message.wp-block-media-text.has-media-on-the-right{
  grid-template-columns: repeat(12 , 1fr) !important;
}
.top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
  grid-column: 1/7;
  padding: 40px;
  z-index: 10;
  background-color: rgba(255,255,255,0.5);
  box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
  position: relative;
}
.top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{
  grid-column: 5/-1;
}
@media not all and (min-width: 800px) {
  .top_message.wp-block-media-text.has-media-on-the-right{
    display: block;
    padding-top: 0 !important;
  }
  .top_message.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
    box-shadow: none;
    padding: 20px;
  }
}
.has-child--acc .is-opened.sub-menu{
  background: #eee;
}
*/


@media not all and (min-width: 781px) {
  .wp-block-table th,
  .wp-block-table td {
    display: block;
  }
}
.has-child--acc .is-opened.sub-menu{
  background: #efefef;
}
.l-header__body .l-header__drawerBtn {
  color: #333 !important;
}
.p-drawer{
  background-color: #f0f0f0;;
  color: #333;
}
.p-drawer .has-child--acc .is-opened.sub-menu{
  background-color: #cfeef6;
}
.p-postList.-type-card .p-postList__link {
  height: auto;
}
.w-drawerBottom .top_cta_area_wrap {
  background: inherit;
  padding: 0;
}


/* kotei page */
.p-breadcrumb{ padding: 15px 0;}
.c-widget>.wp-block-group>.wp-block-group__inner-container>h2 {
  background: url("https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/bg_stripe_lb.png");
  padding: 7px;
}
.bg_stripe_lb{
  background: url("https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/bg_stripe_lb.png");
}
.bg_stripe_lb.has-ark-gray-background-color{
  background-color: #fff !important;
}
div.tit_deco_star{
  text-align: center;
}
.tit_deco_star h2{
  position: relative;
  display: inline-flex;
}
.tit_deco_star h2::before{
  content: "";
  display: inline-block;
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_star2.png') no-repeat;
  height: 64px;
  width: 64px;
  top: -12px;
  left: -80px;
}
.tit_deco_star h2::after{
  content: "";
  display: inline-block;
  position: absolute;
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_star1.png') no-repeat;
  height: 64px;
  width: 64px;
  top: -12px;
  right: -77px;
}
.tit_deco_bar::before ,
.tit_deco_bar_g::before ,
.tit_deco_bar_r::before ,
.tit_deco_bar_b::before  {
  content: "";
  padding-right: 36px;
  padding-top: 7px;
  padding-bottom: 12px;
}
.tit_deco_bar::before{
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_bar1.png') no-repeat;
}
.tit_deco_bar_g::before{
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_bar2.png') no-repeat;
}
.tit_deco_bar_r::before{
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_bar3.png') no-repeat;
}
.tit_deco_bar_b::before{
  background: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_tit_bar4.png') no-repeat;
}
.tit_leftline{
  border-left: solid 5px var(--ark-color--subred);
  padding-left: 12px;
  font-size: 1.5rem !important;
}
.tit_leftyokoline::before{
  content: "ー";
  margin-right: 6px;
  color: var(--ark-color--subred);
}

.p-topArea {
  min-height: 300px;
/*  min-height: 20vh;*/
}
/*
#top_title_area::after {
  content: "";
  position: absolute;
  background-image: url('https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/bg_dotpt_wh.png');
  background-color: #7fd1ff;
  width: 100%;
  z-index: -1;
}
*/
#top_title_area .p-topArea__img {
/*
  padding-top: 12px;
  padding-bottom: 12px;
*/
  margin-left: 24px;
  border-radius: 15px 0 0 15px;
}
@media not all and (min-width: 800px) {
  #top_title_area .p-topArea__img {
    margin-left: 10px;
  }
}

.guide_nextpage{
  justify-content: center;
}
.guide_nextpage > .wp-block-column{
  background: #fff;
  border-radius: 15px;
  max-width: 800px;
  padding-left: 20px;
  padding-right: 20px;
}
@media not all and (min-width: 800px) {
  .guide_nextpage p{
    text-align: left !important;
  }
}

.page_performance .point_area .wp-block-image{
  max-width: 60%;
  margin: 0 auto;
}
.page_performance .atsusa_area{
  background: url("https://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_bg_stripe.png");
  margin-bottom: 100px;
}
.page_performance .atsusa_area h3{
  color: var(--ark-color--main2);
}
.page_performance .atsusa_area .wp-block-group__inner-container{
  max-width: 1380px;
  padding-top: 40px;
  padding-bottom: 110px;
  margin-top: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 1200px) {
  /* 2列ずつレイアウト*/
  .page_performance .atsusa_area .wp-block-group__inner-container .wp-block-columns{
    flex-wrap: wrap !important;
  }
  .page_performance .atsusa_area .wp-block-group__inner-container .wp-block-column{
    width: 45%;
    flex-basis: auto;
  }
}
@media not all and (min-width: 800px) {
  .page_performance .atsusa_area .wp-block-group__inner-container{
    padding-bottom: 60px;
  }
}
.page_performance .atsusa_area .wp-block-group__inner-container .wp-block-column{
  position: relative;
  background-color: #fff;
  padding: 22px;
  border-radius: 15px;
  filter: drop-shadow(3px 3px 0px #ccc);
}
.page_performance .atsusa_area .wp-block-group__inner-container .wp-block-column:nth-child(2n){
  margin-top: 50px !important;
  margin-bottom: -50px !important;
}
@media not all and (min-width: 800px) {
  .page_performance .atsusa_area .wp-block-group__inner-container .wp-block-column:nth-child(2n){
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}
.page_performance .atsusa_area .wp-block-group__inner-container .wp-block-column:before {
  border: 14px solid transparent;
  border-top: 25px solid #fff;
  bottom: -37px;
  content: "";
  height: 0;
  left: 80px;
  position: absolute;
  visibility: visible;
  width: 0;
}
@media not all and (min-width: 1100px) {
  .page_performance .fukusha_area{
    flex-flow: column;
  }
}
.page_performance .fukusha_area .wp-block-column{
  background-color: #fff;
  padding: 22px;
  border-radius: 15px;

  display: inline-flex;
  flex-wrap: wrap;
/*  align-items: center;*/
border: solid 2px var(--ark-color--subred);
}
.page_performance .fukusha_area .wp-block-column::before{
  color: #fff;
  position: relative;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  width: 60px;
  height: 60px;
  padding-top: 10px;
  margin-right: 15px;
  margin-top: -15px;
  border-radius: 100%;
  background-color: var(--ark-color--subred);
}
@media not all and (min-width: 1100px) {
  .page_performance .fukusha_area .wp-block-column::before{
    margin-top: 0;
  }
}
.page_performance .fukusha_area .wp-block-column:nth-child(1):before{  content: "1";}
.page_performance .fukusha_area .wp-block-column:nth-child(2):before{  content: "2";}
.page_performance .fukusha_area .reason_list .wp-block-column p{
  flex: 1 1 100%;
  margin-top: 10px;
}

.page_thermobarrier .feat_area .wp-block-group__inner-container{
  max-width: 1110px;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 1200px) {
  .page_thermobarrier .feat_area .wp-block-group__inner-container{
    padding-left: var(--ark-padding--container);
    padding-right: var(--ark-padding--container);
  }
}
.page_thermobarrier .feat_area .reason_list{
  flex-flow: column;
}
.page_thermobarrier .feat_area .reason_list .wp-block-column{
  background-color: #fff;
  padding: 22px;
  border-radius: 15px;

  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(2) { margin-left: 50px !important;}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(3) { margin-left: 100px !important;}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(4) { margin-left: 150px !important;}
@media not all and (min-width: 800px) {
  .page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(2) { margin-left: 0 !important;}
  .page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(3) { margin-left: 0 !important;}
  .page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(4) { margin-left: 0 !important;}
  .page_thermobarrier .feat_area .reason_list .wp-block-column{
    flex-flow: column;
  }
}.page_thermobarrier .feat_area .reason_list .wp-block-column h4{
  font-size: 1.5rem;
}
.page_thermobarrier .feat_area .reason_list .wp-block-column::before{
  color: var(--ark-color--main2);
  position: relative;
  font-size: 2.8rem;
  font-weight: 600;
  width: 80px;
}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(1):before{  content: "01";}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(2):before{  content: "02";}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(3):before{  content: "03";}
.page_thermobarrier .feat_area .reason_list .wp-block-column:nth-child(4):before{  content: "04";}
.page_thermobarrier .feat_area .reason_list .wp-block-column p{
  flex: 1 1 100%;
  margin-top: 10px;
}
.page_thermobarrier .item_list_reco{
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 20px 30px 40px;
  position: relative;
}
.page_thermobarrier .item_list_reco .icon_list {
  flex-wrap: nowrap !important;
}
.page_thermobarrier .item_list_reco .icon_list img{
  width: 90px;
}
@media not all and (min-width: 1000px) {
  .page_thermobarrier .item_list_reco .icon_list img{
    width: auto;
  }
}
.page_thermobarrier .item_list_reco .icon_list .wp-block-column{
  flex-basis: auto;
}
.page_thermobarrier .item_list_reco .icon_list p{
  font-size: 0.9rem;
  text-align: center;
  margin-top: 5px;
}
.page_thermobarrier .item_list {
  flex-wrap: wrap !important;
}
.page_thermobarrier .item_list > .wp-block-column{
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 10px;
  padding: 20px 30px 40px;
  position: relative;

  flex-basis: auto;
  width: calc((100% - 2rem) / 4);
}
@media not all and (min-width: 1000px) {
  /* 2列ずつレイアウト*/
  .page_thermobarrier .item_list > .wp-block-column{
    width: 45% !important;
    flex-basis: auto;
  }
}

.page_thermobarrier .item_list > .wp-block-column:last-child{
  border: none;
}
.page_thermobarrier .item_list h3 {
  font-size: 1.3rem;
}
.page_thermobarrier .item_list h4 {
  font-size: 1.1rem;
}
@media not all and (min-width: 1000px) {
  .page_thermobarrier .item_list > .wp-block-column{
    width: 100%;
  }
}

.page_construction .index_feat_list{
  margin-bottom: 100px;
}
.page_construction .flow_area{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 800px) {
  .page_construction .index_feat_list{
    margin-bottom: 40px;
  }
  .page_construction .flow_area{
    max-width: 100%;
  }
}
.page_construction .kouhou_area h3{
  margin-top: 40px;
}
.page_construction .kouhou_area .wp-block-media-text{
  gap: 5%;
}
.page_construction .kouhou_area .wp-block-media-text .wp-block-columns{
  max-width: 90%;
/*
  margin-left: auto;
  margin-right: auto;
*/
  margin-top: 40px;
}
.page_construction .kouhou_area .wp-block-media-text .wp-block-columns img {
  border-radius: 10px;
}
@media not all and (min-width: 800px) {
  .page_construction .kouhou_area .wp-block-media-text{
    gap: var(--ark-mediatext--gap);
    grid-template-columns: 100% !important;
  }
  .page_construction .kouhou_area .wp-block-media-text .wp-block-media-text__content{
    grid-row: 2 !important;
    grid-column: 1;
  }
  .page_construction .kouhou_area .wp-block-media-text .wp-block-columns{
    margin-left: auto;
    margin-right: auto;
  }
}
.page_construction .kenshu_area{
  margin-bottom: 100px;
}
.page_construction .kenshu_area img{
  border-radius: 15px;
}
@media not all and (min-width: 800px) {
  .page_construction .kenshu_area .wp-block-media-text__content{
    padding-left: 0;
    padding-right: 0;
    padding-top: 40px;
  }
}

.page_sky .w80{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 800px) {
  .page_sky .w80{
    max-width: 100%;
  }
}
.kouhou_nav{
  border-radius: 15px;
  padding: 20px 40px 30px;
}
.kouhou_nav .wp-block-column{
  position: relative;
  border-radius: 15px;
  border: solid 3px #000;
  background-color: #fff;
  padding: 40px;
}
.kouhou_nav .wp-block-column.current:before{
  border: 20px solid transparent;
  border-top: 20px solid #000;
  bottom: -40px;
  content: "";
  height: 0;
  left: calc(50% - 11px);
  position: absolute;
  visibility: visible;
  width: 0;
}
.kouhou_nav .wp-block-column.current:after{
  border: 16px solid transparent;
  border-top: 16px solid #fff;
  bottom: -32px;
  content: "";
  height: 0;
  left: calc(50% - 7px);
  position: absolute;
  visibility: visible;
  width: 0;
}
.kouhou_nav .wp-block-column .wp-block-buttons{
  margin-bottom: 20px;
  font-size: 1.3rem;
}
@media not all and (min-width: 800px) {
  .kouhou_nav{
    padding: 15px 10px 30px;
  }
  .kouhou_nav .wp-block-column{
    padding: 20px;
  }
  .kouhou_nav .wp-block-column p{
    font-size: 0.9rem;
  }
}
.tit_kouhou {
  position: relative;
}
.tit_kouhou h2 {
  margin-bottom: 70px;
}
.tit_kouhou h2::after{ /* border */
  content: "";
  position: absolute;
  height: 5px;
  width: 24%;
  background-color: var(--ark-color--main2);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
@media not all and (min-width: 1100px) {
  .tit_kouhou h2::after{ /* border */
    width: 100%;
  }
}
@media not all and (min-width: 800px) {
  .tit_kouhou h2 {
    font-size: 26px !important;
    margin-bottom: 40px;
  }
}
.page_sky .feat_area {
  flex-wrap: wrap !important;
}
.page_sky .feat_area > .wp-block-column{
  background-color: #fff;
  padding: 22px;
  border-radius: 15px;
  border: solid 2px var(--ark-color--main2);
  position: relative;

  flex-basis: auto;
  width: calc((100% - 2rem) / 4);
}
@media not all and (min-width: 1000px) {
  /* 2列ずつレイアウト*/
  .page_sky .feat_area > .wp-block-column{
    width: 45% !important;
    flex-basis: auto;
  }
}
.page_sky .feat_area .wp-block-column h3{
  color: var(--ark-color--main2);
  text-align: center;
  position: relative;
}
.page_sky .feat_area .wp-block-column h3::before{
  color: #fff;
  position: relative;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  width: 60px;
  height: 60px;
  padding-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  border-radius: 100%;
  background-color: var(--ark-color--main2);
  display: block;
}
.page_sky .feat_area .wp-block-column:nth-child(1) h3:before{  content: "1";}
.page_sky .feat_area .wp-block-column:nth-child(2) h3:before{  content: "2";}
.page_sky .feat_area .wp-block-column:nth-child(3) h3:before{  content: "3";}
.page_sky .feat_area .wp-block-column:nth-child(4) h3:before{  content: "4";}
.page_sky .feat_area .wp-block-column:nth-child(5) h3:before{  content: "5";}
.page_sky .feat_area .wp-block-column:nth-child(6) h3:before{  content: "6";}



.page_company .mission_area{
  margin-bottom: 40px;
  padding: 0 !important;
}
.page_company .mission_area > .wp-block-column{
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (min-width: 800px) { /* 800px以上 */
  .page_company .mission_area{
    background: url("http://shanetsu.pro-step.net/wp/wp-content/uploads/2025/11/img_mission.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 47.6vw;
    justify-content: center;
  }
  .page_company .mission_area > .wp-block-column{
    width: 33.3%;
    align-self: center;
    flex-grow: 0;
    flex-basis: auto;
  }
}
.page_company .mission_area h2{
  font-size: 38px;
  font-style: italic;
  margin-bottom: 0;
}
.page_company .mission_area .img_sp_up ,
.page_company .mission_area .img_sp_dw {
  display: none;
}
@media not all and (min-width: 1100px) {
  .page_company .mission_area h2{
    font-size: 3.4vw;
  }
}
@media not all and (min-width: 800px) {
  .page_company .mission_area .img_sp_up ,
  .page_company .mission_area .img_sp_dw {
    display: block;
  }
}


.recruit_staff_wrap .wp-block-column:first-child{
  margin-top: -30px !important;
  margin-left: -30px !important;
  gap: 0 !important;
  z-index: 10;
}
.recruit_staff_wrap .wp-block-column:last-child{
  flex-basis: 100% !important;
  padding: 40px;
  padding-left: 220px;
  margin-left: -250px !important;
  margin-bottom: 60px !important;
}
@media not all and (min-width: 781px) {
  .recruit_staff_wrap .wp-block-column:first-child{
    margin-top: 0 !important;
  }
  .recruit_staff_wrap .wp-block-column:last-child{
    padding: 25px;
    margin-left: 0 !important;
  }
}
.page_recruit .ark-block-timeline__shape {
  margin-top: 46px;
}
.page_recruit .ark-block-timeline .wp-block-column figure{
  margin-top: -80px !important;
  margin-bottom: -70px;
}
@media not all and (min-width: 1000px) {
  .page_recruit .ark-block-timeline .wp-block-column figure{
    margin-top: 0 !important;
    margin-bottom: 0;
  }
}

.page_contact .tel_area_wrap{
  margin-top: 5px;
}
.page_contact .tel_area_wrap .txt_tel{
  font-size: 34px !important;
  font-weight: 600;
  color: var(--ark-color--main);
  margin-top: 5px;
}
.page_contact .tel_area_wrap .txt_tel strong{
  font-size: 45px !important;
  font-weight: 600;
}
.page_contact .tel_area_wrap .txt_tel_time {
  margin-top: 0;
  margin-bottom: 70px;
}
@media not all and (min-width: 781px) {
  .page_contact .tel_area_wrap .txt_tel{
    font-size: 24px !important;
  }
  .page_contact .tel_area_wrap .txt_tel strong{
    font-size: 32px !important;
  }
}

.page_service .service_intro_area{
  margin-bottom: 60px;
}
.page_service .service_intro_area figure , .page_service figure.service_intro_area img {
  box-shadow: #eee 15px 15px 0px;
}
/*
.page_service .service_intro_area .tit_m{
  position: relative;
  padding-bottom: 14px;
}
.page_service .service_intro_area .tit_m::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(135deg, var(--ark-color--main), var(--ark-color--main) 2px, #fff 2px, #fff 7px);

}
*/
.page_service .service_intro_area .tit_m , .home .service_intro_area .tit_m  {
  border-bottom: solid 3px #eee;
  position: relative;
  padding-bottom: 7px;
  margin-top: 40px;
}
.page_service .service_intro_area .tit_m::after , .home .service_intro_area .tit_m::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px var(--ark-color--main);
  bottom: -3px;
  width: 78%;
}
.page_service .head_txt{
  font-size: 20px;
}

.wide_s{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 781px) {
  .wide_s{
    width: 100%;
  }
}
/*  旧レイアウト
.page_service .service_intro_area .wp-block-media-text__media{
  box-shadow: #eee 15px 15px 0px;
}
.page_service .wp-block-media-text{
  margin-top: 40px;
}
.page_service .img_l_wrap figure{
  margin-left: -60px;
}
.page_service .img_r_wrap figure{
  margin-right: -60px;
}
.page_service .img_l_wrap .wp-block-media-text__content{
  padding-left: 40px;
}
.page_service .img_r_wrap .wp-block-media-text__content{
  padding-right: 40px;
}
@media not all and (min-width: 781px) {
  .page_service .img_l_wrap figure , .page_service .img_r_wrap figure{
    margin-left: 0;
    margin-right: 0;
  }
  .page_service .img_l_wrap .wp-block-media-text__content , .page_service .img_r_wrap .wp-block-media-text__content{
    padding-left: 0;
    padding-right: 0;
  }
}
*/




.page_service .service_item_area{
  background-color:  var(--ark-color--gray);
  padding-top: 40px;
  padding-bottom: 40px;
}
.page_service .service_item_area .wp-block-group__inner-container{
  max-width: 1240px ;
  margin-left: auto;
  margin-right: auto;
}
.page_service .service_item_area .wp-block-column p{
  margin-top: 10px;
}
.product_wrap .tit_s{
  margin-top: 1rem;
  text-align: left;
/*  color: var(--ark-color--main);*/
  position: relative;
  padding-left: 24px;
}
.product_wrap .tit_s::after{
	position: absolute;
	content: '';
	bottom: .4em;
	left: .2em;
	width: 10px;
	height: 10px;
	background-color: var(--ark-color--main);
}
.product_wrap .ark-block-buttons{
  margin-top: 1rem;
}
.sales_wrap {
  gap: 4rem !important;
}
.sales_wrap .tit_s{
  font-size: 18px;
  margin-top: 25px;
}
.sales_wrap .wp-block-image{
  box-shadow: #eee 15px 15px 0px;
}
.img_shadow{
  box-shadow: #eee 15px 15px 0px;
}
.index_company .wp-block-media-text__media{
  box-shadow: #eee 15px 15px 0px;
}
@media (min-width: 1200px) {
  .index_company {
      --ark-mediatext--space: 4rem;
  }
}

@media not all and (min-width: 1000px) {
  .index_company_area .wp-block-media-text {
    grid-template-columns: 100%;
  }
  .index_company_area .wp-block-media-text .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
    padding: var(--ark-mediatext--space);
  }
}


/* works */
/*
.single_works_area{
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media not all and (min-width: 800px) {
  .single_works_area{
    max-width: 100%;
  }
}
.bukken_main_img{
  max-width: 1050px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 4rem;
}

.block_ba{
  --wp-column-gap: 0;
	margin-bottom: 4rem;
}
*/
.img_gl_area{
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.img_ba_area{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.img_gl_area .gl_block{
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.gl_yoko .txt{
  margin-top: 0 !important;
}
.gl_block .txt{
  padding: 15px 25px;
  background-color: #fafafa;
}
.gl_block figure img{
  display: block;
}
.bukken_txt{
  padding: 20px;
  margin-bottom: 4rem;
  border: solid 1px #ccc;
}
.bukken_txt .wp-block-heading{
  font-weight: 400;
}
#works_area{
  padding: 1rem;
  background-color: var(--ark-color--gray);
  background: url('');
}
.bukken_other{
  max-width: 1050px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.bukken_other h3{
  font-weight: 400;
}
.single-works .l-content__body{
  margin-bottom: 0;
}
.bukken_other .p-postList__body{
  padding-top: 0.5rem !important;
}
.bukken_other .p-postList__item {
  flex-basis: 50% !important;
}
@media (min-width: 800px) {
	.bukken_other .p-postList__item {
	  flex-basis: 33.3% !important;
	}
}

.home .bukken_rei li {
  flex-basis: 25% !important;
}
@media not all and (min-width: 1000px) {
  .home .bukken_rei li {
    flex-basis: 50% !important;
  }
}
.bukken_other .p-postList__title,
.bukken_rei .p-postList__title {
  font-weight: 500;
}
.bukken_other_cate{
  margin-top: 1rem;
}
.bukken_other_cate span{
  display: inline-block;
  background-color: var(--ark-color--main);
/*  background-color: #675b52;*/
  padding: 4px 6px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.bukken_other_cate span a{
  color: #fff;
  text-decoration: none;
}
.p-postList.-type-card .p-postList__link {
  height: auto;
}
.img_block{
  position: relative;
}
.block_ba div.img_block:before {
  display: block;
  content: attr(data-txt);
  background-color: rgba(126,212,182,0.7);
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 10;
  min-width: 6rem;
  letter-spacing: 0.2em;
}
.block_ba div.img_block:after {
  content: "";
  background-color: rgba(126,212,182,0.7);
  height: calc(45px / 2 * tan(60deg));
  width: 15px;
  clip-path: polygon(0 0, 70% 100%, 0 100%);
  position: absolute;
  top: 15px;
  left: 6rem;
  z-index: 10;

}

.works_sidebar1 .current-cat{
  background-color: var(--ark-color--main);
  color: #fff;
}
.home .works_data{
  margin-top: 0;
}
.works_data{
  margin-top: 20px;
}
.works_data table {
	font-size: 0.9rem;
  border-right: 0px;
}
@media not all and (min-width: 1000px) {
  .works_data table {
    font-size: 0.8rem;
  }
}
.works_data td, .works_data th {
	padding: 10px 5px !important;
  border-left: 0px;
  background-color: #fff;
}
@media (min-width: 800px) {
  .works_data th {
    width: 30%;
  }
}
@media not all and (min-width: 800px) {
  .works_data td, .works_data th {
    display: table-cell;
  }
}


/* faq area */
.faq_area{}
.faq_area .ark-block-accordion__title::before{
  content: "Q";
  font-size: 1.6rem;
  width: 2rem;
  height: auto;
  color: var(--ark-color--main);
}



/* contact */

.grecaptcha-badge { visibility: hidden; }

.contact_form_area .wpcf7-text ,
.contact_form_area .wpcf7-textarea{ width:100%;}

.contact_submit_area .wpcf7-submit{width:40%;}
.contact_submit_area{text-align: center; padding:20px;}


/* pagetop */
.c-fixBtn {
  background: var(--ark-color--main2);
}
@media not all and (min-width: 800px) {
  #pagetop{
    display: none;
  }
}

/******************************/
/** SP改行 **/
/******************************/

.br-pc {
  display: inline;
}
@media not all and (min-width: 800px) {
  .br-pc {
    display: none;
  }
}

.br-sp {
  display: none;
}
@media not all and (min-width: 800px) {
  .br-sp {
    display: block;
  }
}


/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
.wpcf7{
  background-color: var(--ark-color--gray);
  padding-top: 40px;
  padding-bottom: 40px;
  border-radius: 5px;
}
.cf7-a button, .cf7-a input, .cf7-a select, .cf7-a textarea {
  padding: 0.7em 1em;
}

/*　フォーム全体　*/
#cf7-area {
    width:80%;
    margin: 0 auto;
  }
  @media not all and (min-width: 781px) {
    #cf7-area {
      width:90%;
    }
  }
    .cf7-item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 1.75em;
    padding-bottom: 28px;
    border-bottom: solid 1px #ccc;
  }
  .cf7-q {
    width: 30%;
    margin: 0 0 0 10px;
  }
  .cf7-a {
    width: 70%;
  }
  /*　見出し　*/
  .form-heading
  {
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0 0 2em;
  }
  .form-heading p {
    margin: 0;
  }
  /* 各項目共通 */
  #cf7-area label{
    font-weight:bold;
  }
  #cf7-area input[type="text"],#cf7-area input[type="email"],#cf7-area input[type="tel"],#cf7-area input[type="number"],#cf7-area textarea {
    background: #fff;
    width:100%;
    margin-left:0;
  }
  #cf7-area input[type="text"]:focus,#cf7-area input[type="email"]:focus,#cf7-area input[type="tel"]:focus,#cf7-area input[type="number"]:focus,#cf7-area textarea:focus {
    background: #fff5e1;
    border: 2px solid var(--ark-color--main);
    outline: 0;
  }
  #cf7-area input[type="checkbox"], #cf7-area input[type="radio"]{
  appearance: auto;
  }
  #cf7-area .wpcf7-list-item {
  display: block;
  }
  #cf7-area textarea{
  height:200px;
  padding: 0.625em 0.4375em;
  }
  .cf7-accept-check{
  text-align: center;
  margin: 50px auto;
  }
  .cf7-submit {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  }
  #cf7-area input[type="submit"]
  {
  width: 100%;
  background-color: var(--ark-color--main);
  color: #fff;
  border-radius: 50px;
  font-size: 1.2em;
  padding: 1em 10px;
  transition: opacity .25s;
}

  #cf7-area input[type="submit"]:hover
  {
    opacity: 0.75;
  }
  .cf7-btn{
  width: 40%;
  margin: 0 auto;
  text-align: center;
  }
  /*　必須ラベル　*/
  .cf7-req{
  font-size:.8em;
  padding: 1px 6px;
  border-radius: 3px;
  background: var(--ark-color--main);
  color: #ffffff;
  margin-left: 10px;
  display:inline-block;
  }
@media screen and (max-width:781px){
  .cf7-item {
  display: block;
  }
  #cf7-area label{
  display: block;
  margin-bottom: 10px;
  }
  .cf7-q {
  width: 100%;
  margin: 0;
  }
  .cf7-a {
  width: 100%;
  }
  #cf7-area input[type="text"], #cf7-area input[type="email"], #cf7-area input[type="tel"], #cf7-area input[type="number"], #cf7-area textarea{
  margin-left: 0;
  }
  .cf7-submit{
  width: 90%;
  }
}