/*
Theme Name:樽本機工2023
Theme URI:
Template:monolith_tcd042
Author:@dewey inc.
Author URI:https://dewey.co.jp/
Version:2.2
*/
/* html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } */

/* global box-sizing */
*,
*:after,
*:before {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

body {
  background: #fff;
  min-width: auto;
  padding: 0;
  margin: 0;

  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

img.object-fit-img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  z-index: -1;
}
.small {
  font-size: 86%;
}
.no_margin {
  margin: 0 !important;
}
.no_bottom-margin {
  margin-bottom: 0 !important;
}
.max1200 {
  max-width: 1200px !important;
  margin: 0 auto;
}
#article .post_content h1, #article .post_content h2, #article .post_content h3, #article .post_content h4, #article .post_content h5, #article .post_content h6 {
  padding: 10px;
}
.pc_none {
   display: none;
}
@media only screen and ( max-width: 770px ) {
  .pc_none {
    display: inline;
  }
  .sp_none {
    display: none;
  }
}
/* ---------------------------- */
/* --- スプラッシュ画面 --- */
/* ---------------------------- */
#splash_screen {
  width: 100%;
  height: 100vh;
  display: none;/*デフォルト非表示*/
  background: #5BC8AC;
  z-index: 2019;
}
.pcbg_image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}
.spbg_image {
  display: none;
}
@media screen and (max-width:768px){
  .pcbg_image {
  display: none;
  }
  .spbg_image {
    display: inline;
    position: absolute;
    top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   width: 100%;
  max-width: 680px;
  }
}


/* #logo_image h1 img {
  display: inline !important;
  height: 50px;
} */
@media only screen and ( max-width: 770px ) {
  #header #logo_image h1 {
    line-height: 55px;
  }
  #header #logo_image h1 img {
    height: 38px;
    margin-top: 8px;
    display: inline !important;
  }
  #header a.menu_button {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
  #header a.menu_button::before {
    top: 14px;
    left: 16px;
    font-size: 26px;
    width: 26px;
    height: 26px;
    line-height: 26px;
  }
  #header #global_menu {
    top: 55px;
  }
}

#header {
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.header_sns {
  position: absolute;
  right: 0;
  padding: 12px 20px;
  background-color: #fff;
  max-width: 349px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: inset 0px 5px 5px -5px rgba(0, 0, 0, 0.2);
}
.pc .header_fix .header_sns {
  display: none;
}
@media only screen and ( max-width: 900px ){
  .header_sns {
   display: none;
  }
}
#global_menu .header_sns_mobile .wp-block-columns {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 15px;
}
#global_menu .header_sns_mobile {
  margin-top: -1px;
}
#global_menu .header_sns_mobile,
#global_menu .header_sns_mobile a {
  background-color: #fff;
  line-height: 1;
  height: auto;
  padding: 5px 3px 5px;
}
#global_menu .header_sns_mobile a img {
  min-width: 28px;
}
@media only screen and ( min-width: 900px ){
  #global_menu .header_sns_mobile {
   display: none;
  }
}

#post_meta_top {
  margin: 0 0 50px 0;
}
#blog_list .title {
  font-weight: bold;
  font-size: 17px;
  line-height: 140%;
}
#blog_list .image img {
    width: 100%!important;
    height: 200px!important;
}

.post_content .link_arrow {
  width: 100%;
  max-width: 240px;
}
.post_content .link_arrow a {
  width: 100%;
  max-width: 240px;
}
.post_content a.wp-block-button__link:hover {
  text-decoration: none;
}
.post_content a.wp-block-button__link::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  margin-top: 4px;
	margin-left: 30px;
  transform: rotate(45deg);
}
.post_content .blue_btn a.wp-block-button__link::after {
  border-top: solid 2px #1a5aaf;
  border-right: solid 2px #1a5aaf;
}

.page-id-3652 .post_content a.wp-block-button__link::after,
.page-id-3654 .post_content a.wp-block-button__link::after,
.page-id-3708 .post_content a.wp-block-button__link::after,
.page-id-3656 .post_content a.wp-block-button__link::after,
.page-id-3658 .post_content a.wp-block-button__link::after,
.page-id-3712 .post_content a.wp-block-button__link::after {
  border-top: solid 2px #1a5aaf;
  border-right: solid 2px #1a5aaf;
}
.post_content a.wp-block-button__link:hover:after {
  border-top: solid 2px #1a5aaf;
  border-right: solid 2px #1a5aaf;
	margin-left: 45px;
	transition : all 0.5s ease 0s;
}
#blog_list .category {
  display: none;
}
.single-post #post_meta_top .category {
  display: none;
}
.wp-block-button.is-style-outline > .wp-block-button__link, .wp-block-button .wp-block-button__link.is-style-outline {
  border: 1px solid;
  padding: 15px 20px;
}
.wp-block-button.is-style-outline.blue_btn > .wp-block-button__link {
  background-color: rgba(255,255,255,0.5);
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover, .wp-block-button .wp-block-button__link.is-style-outline:hover {
  background-color: #fff;
  color: #1a5aaf !important;
  transition: opacity 0.3s ease-in-out;
/*   border: 1px #1a5aaf solid; */
}


#header {
  height: 80px;
  min-width: auto;
}
#header_inner {
  height: 80px;
  width: 100%;
}

#header_slider {
  width: 100%;
  height: auto;
  position: relative;
  min-width: auto;
  margin: 0 auto;
}
#header_slider .item {
  min-width: auto;
}
/*#header_slider .item {
  width: 100%;
  min-width: auto;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
  text-align: left !important;
  line-height: 1.6 !important;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}*/
/*#header_slider .caption {
  width: 106px;
  text-align: left !important;
}*/
/*#header_slider .caption .title { line-height:1.6; }
#header_slider .caption .title span {
  display:block;
  white-space: nowrap;
  animation-name: fadeUpAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity:0;
    top: 27%;
    top: -webkit-calc(27% + 10px);
    top: -moz-calc(27% + 10px);
    top: calc(27% + 10px);
}
#header_slider .caption .title span:nth-child(2) {
  display:block;
  animation-duration:1.5s
}
.overlay {
  width: 100%;
  max-width: 100%;
}*/
/*@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

#header_slider .item.slick-active .caption p.title {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
  text-align: left;
  line-height: 1.6;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media only screen and ( max-width: 900px ) {
  .overlay {
    width: auto;
    max-width: 100%;
  }
  div#header_slider div.caption {
    font-size: 34px;
    top: 45%;
    width: 84px;
  }
}
@media only screen and ( max-width: 770px ) {
  .overlay {
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
  }
  div#header_slider div.caption {
    font-size: 32px;
    top: 38%;
    width: 130px;
  }
  div#header_slider div.caption .title {
    line-height: 1.6 !important;
    font-size: 24px !important;
  }
}*/

.pc #global_menu > ul {
  height: 70px;
}
.pc #global_menu > ul > li.menu-item-5036 {
 background-color: #ff7800;
}
.pc #global_menu > ul > li.menu-item-5036 span{
  border-left: 2px solid;
  padding-left: 8px;
  font-size: 14px;
  color: #000;
}
.pc #global_menu > ul > li.menu-item-169 {
 background-color: #1a5aaf;
}
.pc #global_menu > ul > li.menu-item-169 > a {
	color: #fff;
}
.pc #global_menu > ul > li.menu-item-169 > a:hover {
 color: #fff;
}
.pc #global_menu > ul > li.menu-item-169:hover {
  opacity: 0.9;
  transition : all 0.5s ease 0s;
}
.pc #global_menu > ul > li.menu-item-169 span{
  border-left: 2px solid;
  padding-left: 8px;
	font-size: 14px;
}
.pc #global_menu ul ul a {
  font-size: 13px;
}
.pc #global_menu > ul > li > a {
	font-size: 14px;
    height: 60px;
    line-height: 60px;
    margin: 10px 0 10px 0;
    border-right: 1px #ccc solid;
}
.pc #global_menu > ul > li#menu-item-8379 > a,
.pc #global_menu > ul > li#menu-item-5036 > a,
.pc #global_menu > ul > li#menu-item-169 > a {
    border-right: 0;
}
li.menu-item-object-page{
  font-size: 14px;
}

.mobile li#menu-item-8379 {
  display: none;
}
.mobile li#menu-item-5036 a span,
.mobile li#menu-item-169 a span {
  font-weight: normal;
}
@media only screen and ( max-width: 1100px ) {
	.pc #global_menu > ul > li > a {
		font-size: 13px;
  }
	.pc #global_menu > ul > li.menu-item-5036 span,
	.pc #global_menu > ul > li.menu-item-169 span {
		font-size: 13px;
	}
	#menu-item-5036 i.fa-solid.fa-envelope.fa-2xl,
	#menu-item-169 i.fa-solid.fa-handshake.fa-2xl {
		font-size: 1em;
		line-height: 0;
		vertical-align: 0;
	}
}
@media only screen and ( max-width: 900px ) {
/*  div#global_menu a {
    font-size: 14px;
  }*/
	.pc #global_menu > ul > li > a {
    margin: 0;
	}
  div#global_menu .child_menu_button .icon::before {
    border: none;
    font-size: 22px;
    margin-top: -3px;
  }
	#menu-item-8379 i.fa-solid.fa-phone:before,
	#menu-item-5036 i.fa-solid.fa-envelope:before,
	#menu-item-169 i.fa-solid.fa-handshake:before {
		display: none;
	}
	.pc #global_menu > ul > li.menu-item-5036 span,
	.pc #global_menu > ul > li.menu-item-169 span {
  	border-left: 0;
  	padding-left: 0;
		font-size: 12px;
	}
}

#logo_image {
  transition: opacity 0.8s ease 0.5s;
}
.pc #logo_image img {
  max-height: 50px;
  width: auto;
  transition: opacity 0.3s ease-in-out;
}
.pc #logo_image img:hover {
  opacity: 0.5;
}

.mainvisual-news{
	margin-top:-45px !important;
	padding-top: 10px;
	border-top:2px #fff solid;
  border-left:2px #fff solid;
  border-bottom:2px #fff solid;
	border-radius: 100px 0 0 100px
}
.mainvisual-news-h3 {
    padding: 0px !important;
  line-height: 1.4 !important;
}
.post_content .mainvisual-news ul {
  margin-bottom: 14px;
}
.post_content .mainvisual-news li {
  line-height: 1.8;
  margin-top: 5px;
}
@media only screen and ( max-width: 1200px ) {
  .post_content h3.mainvisual-news-h3 {
    font-size: 34px !important;
   line-height: 1.75 !important;
  }
}
@media only screen and ( max-width: 980px ) {
  .post_content h3.mainvisual-news-h3 {
    font-size: 32px !important;
    line-height: 1.85 !important;
  }
  .mainvisual-news-h3-column {
    flex-basis: 20% !important;
  }
  .mainvisual-news{
    flex-basis: 75% !important;
  }
}
@media only screen and ( max-width: 780px ) {
	.mainvisual-news{
	  border-radius: 0px 0 0 0px;
    border: 0;
  }
  .post_content h3.mainvisual-news-h3 {
    margin-bottom: -40px;
  }
}
#index_news {
  width: 90%;
}

.front_catch_box {
  max-width: 900px;
  margin: 0 auto;
}
.front_catch_right {

}
.post_content .front_catch_left h2 {
  font-size: 34px;
  line-height: 2;
  padding-left: 50px;
}
.page-id-3652 .post_content .full-width ul li,
.page-id-3654 .post_content .full-width ul li,
.page-id-3708 .post_content .full-width ul li,
.page-id-3656 .post_content .full-width ul li,
.page-id-3658 .post_content .full-width ul li,
.page-id-3712 .post_content .full-width ul li {
  line-height: 1.4;
  margin: 15px 0;
}
@media only screen and ( max-width: 1200px ) {
  .vk_outer-paddingVertical-use.full-width {
    padding-bottom: 3.7em;
  }
}
@media only screen and ( max-width: 992px ) {
  .front_catch_left h2 {
   padding-left: 0;
  }
}

@media only screen and ( max-width: 770px ) {
  .front_catch {
    border-right: none;
  }
  .front_catch h2 {
    text-align: center;
  }
  .post_content .front_catch_left h2 {
    font-size: 24px;
    line-height: 1.8;
    padding-left: 0;
    margin-bottom: 30px;
  }
  .front_catch_sub .link_arrow {
    margin: 0 auto;
  }
  .front_catch_right {
   border-left: none;
  }
  .top_catch_box .wp-block-buttons.is-layout-flex {
    display: block;
    text-align: center;
  }
}
/* footer_image_carousel */
#footer_image_carousel-track { /* ちらつき防止 */
  background-color: #000;
}
ul#footer_image_carousel-list { /* ちらつき防止 */
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
#footer_top {
  min-width: auto;
  margin-top: 0;
}
#footer_top_inner {
  width: 100%;
  /* リンク停止 */
/*   pointer-events: none !important; */
}
#footer_bottom {
  width: 100%;
  min-width: auto;
}
#footer_bottom {
  width: 100%;
  min-width: auto;
}
#footer_bottom_inner {
  width: 100%;
}

#footer_cta a img {
  display: block;
  max-width: 350px;
  margin: 20px auto 20px;
  text-align: center;
}
ul.wp-tag-cloud {
    display: none;
}

.L3pr {
  min-height: 398px;
}

.page-id-3652 .post_content .full-width ul,
.page-id-3654 .post_content .full-width ul,
.page-id-3708 .post_content .full-width ul,
.page-id-3656 .post_content .full-width ul,
.page-id-3658 .post_content .full-width ul,
.page-id-3712 .post_content .full-width ul {
  margin-left: 0;
}

@media only screen and ( max-width: 1100px ) {
  .L3pr {
    min-height:  430px;
  }
}
@media only screen and ( max-width: 900px ) {
  .L3pr {
    min-height:  480px;
  }
}
@media only screen and ( max-width: 770px ) {
  .L3pr {
    min-height: auto;
  }
}

.M3pr {
  min-height: 348px;
}
@media only screen and ( max-width: 1100px ) {
  .M3pr {
    min-height:  390px;
  }
}
@media only screen and ( max-width: 900px ) {
  .M3pr {
    min-height:  430px;
  }
}
@media only screen and ( max-width: 770px ) {
  .M3pr {
    min-height: auto;
  }
}

/* .access_map {
  max-width: 1200px;
  margin: 0 auto 40px;
  border: 3px solid #fff;
} */
.map_bottom_txt {
  max-width: 1200px;
  margin: 0 auto;
}

body.access .post_content .access_guide div.wp-block-column p {
    margin-bottom: 0;
  }

.works_slide {
  max-width: 1200px;
  margin: 0 auto;
}
.works_slide .swiper-wrapper {
  max-width: 1000px;
  margin: 0 auto;
}
.swiper-pagination {
  padding-top: 30px;
}

.vk_posts {
  max-width: 1200px;
  margin: 0 auto;
}
.btn-primary {
  color: #fff;
  background-color: #1a5aaf;
  border-color: #1a5aaf;
}
.btn-primary:hover {
  color: #fff;
  background-color: #1a5aaf;
  border-color: #1a5aaf;
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}
.btn-default {
  color: #1a5aaf;
  background-color: #fff;
  border-color: #1a5aaf;
}
.btn-default:hover {
  color: #1a5aaf;
  background-color: #fff;
  border-color: #1a5aaf;
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}
.btn-warning {
  color: #fff;
  background-color: #ff6900;
  border-color: #ff6900;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ff6900;
  border-color: #ff6900;
  opacity: 0.7;
  transition: all 0.5s ease 0s;
}
.footer_sns_section .wp-block-columns.wp-container-20 {
  max-width: 840px;
  margin: 0 auto;
}
.footer_sns_section .vk_outer_container .wp-block-columns .wp-block-column .wp-block-columns  .wp-block-column .sns_icons img {
  max-width: 60px;
}
@media only screen and (max-width:770px){
  .footer_sns_section .vk_outer_container .wp-block-columns .wp-block-column .wp-block-columns  .wp-block-column .sns_icons img {
    max-width: 40px;
  }
}

/* .wp-block-vk-blocks-button-outer,
.footer_btn_box .vk_buttons_col,
.footer_btn_box .vk_buttons_col .wp-block-vk-blocks-button {
  font-size: 0;
} */
.footer_btn_box .vk_button-width-50 {
  width: 50%;
/*   width: calc(50% - 1px); */
}
.footer_btn_box .vk_button-width-50 div span {
  font-size: 15px;
}
div.vk_buttons_col .vk_button {
  margin: 0 -4px 0 0;
  border-right: 1px #999 solid;
  /* リンク停止 */
/*   pointer-events: none !important; */
}
.footer_btn_box div.vk_buttons_col .vk_button.footer_btn_right {
  margin: 0 0 0 -4px;
  border-right: none;
}
/* .footer_btn_box .wp-block-vk-blocks-button a.footer_Lbutton::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  margin-top: 10px;
  margin-left: 18%;
  transform: rotate(45deg);
} */
.footer_btn_box .wp-block-vk-blocks-button::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
/*   margin-top: 10px; */
/*   margin-left: 18%; */
  margin-top: -37px;
  margin-left: 21%;
  transform: rotate(45deg);
}
/* .footer_btn_box .wp-block-vk-blocks-button.footer_btn_left a::after {
  margin-left: 16.5%;
} */
.footer_btn_box .wp-block-vk-blocks-button:hover:after {
  margin-left: 22%;
	transition : all 0.5s ease 0s;
}
/* .footer_btn_box .wp-block-vk-blocks-button.footer_btn_left a:hover:after {
  margin-left: 17.5%;
	transition : all 0.5s ease 0s;
} */

.footer_btn_box .vk_button a.btn-lg {
  border: 0;
  border-radius: 0;
  padding: 1.1rem 1.5rem;
}
.footer_btn_box a:hover {
  border: 0;
}
.footer_btn_box .vk_button-color-custom a:hover {
  box-shadow: none;
}
.vk_buttons_col-justify-space-between {
  margin-top: -1px;
}

#footer_address .logo img {
  max-width: 180px;
}
#footer_social_link {
  left: 15px;
}

.pc #global_menu > ul > li > a {
  padding: 0 16px;
}
/* .pc #global_menu > ul > li#menu-item-168 > a {
  padding: 0 5px;
} */
@media only screen and ( max-width: 1100px ) {
  .wp-block-vk-blocks-button a::after {
    margin-left: 17%;
  }
  .wp-block-vk-blocks-button.footer_btn_left a::after {
    margin-left: 15.5%;
  }
  .wp-block-vk-blocks-button a:hover:after {
    margin-left: 18%;
  }
  .wp-block-vk-blocks-button.footer_btn_left a:hover:after {
    margin-left: 16.5%;
  }
}
@media only screen and ( max-width: 900px ) {
  #header {
    height: 70px;
  }
  #header_inner {
    height: 70px;
  }
  .pc #logo_image img {
    max-height: 42px;
  }
  .pc #global_menu > ul > li.menu-item > a {
    padding: 0 8px;
    font-size: 12px;
    height: 70px;
    line-height: 70px;
  }
  .wp-block-vk-blocks-button a::after {
    margin-left: 15.5%;
  }
  .wp-block-vk-blocks-button.footer_btn_left a::after {
    margin-left: 14%;
  }
  .wp-block-vk-blocks-button a:hover:after {
    margin-left: 16.5%;
  }
  .wp-block-vk-blocks-button.footer_btn_left a:hover:after {
    margin-left: 15%;
  }

  #previous_next_post .prev_post .image {
    margin-right: 15px;
  }
  #previous_next_post .title {
    font-size: 13px;
    line-height: 160%;
    padding: 0;
    margin: 0 12px 0 0;
  }
  #previous_next_post .next_post .title {
    margin: 0 0 0 17px;
  }
}
@media only screen and ( max-width: 770px ) {
   #previous_next_post a {
    line-height: 130%;
    height: 80px;
  }
  #previous_next_post .image {
    width: 80px;
    height: 80px;
  }
  #previous_next_post .next_post .image {
    margin-top: -1px;
  }
  .footer_btn_box .vk_button-width-50 {
    width: 100%;
  }
  .footer_btn_box .wp-block-vk-blocks-button::after {
    margin-top: -29px;
    margin-left: 43%;
  }
  .footer_btn_box .wp-block-vk-blocks-button:hover::after {
    margin-left: 44%;
  }
  .footer_btn_box div.vk_buttons_col .vk_button.footer_btn_right {
    margin: -8px 0 0 0;
    border-right: none;
    border-top: 1px #aaa solid;
  }
  .footer_btn_box .wp-block-vk-blocks-button.footer_btn_right::after {
    margin-top: -30px;
  }
  .footer_btn_box div.vk_buttons_col .vk_button.footer_btn_right a.btn-lg {
    padding: .5rem 1rem .7rem;
  }
  div.vk_buttons_col .vk_button {
    margin: 0;
    border-right: none;
  }
  div.vk_buttons_col .footer_btn_right {
    margin: 0;
    border-right: 0;
  }
/*   .wp-block-vk-blocks-button a::after {
    margin-left: 0;
    right: 30px;
  }
  .wp-block-vk-blocks-button.footer_btn_left a::after {
    margin-left: 0;
    right: 30px;
  }
  .wp-block-vk-blocks-button a:hover:after {
    margin-left: 0;
    right: 20px;
  }
  .wp-block-vk-blocks-button.footer_btn_left a:hover:after {
    margin-left: 0;
    right: 20px;
  } */
  .footer_btn_box .vk_button a.btn-lg {
    padding: .6rem 1rem;
  }
}

@media only screen and ( max-width: 480px ) {

}


/*-- BUSINESS --*/
.home #business {
  position: relative;
/*   margin-bottom: 135px; */

  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
}
.home #business.active {
  opacity: 1;
}
.home #business .content-box {
  width: 100vw;
  height: 100%;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 10;
}

.home #business .content-box a.fade {
  color: #fff;
  position: relative;
  width: 25%;
  height: 100%;
  display: inline-block;
  background: rgba(0,0,0,0.3);
  padding: 1vw;
  border-right: 1px solid #444;
}
.home #business .content-box a.fade:last-child {
  border-right: none;
}
.home #business .content-box a.fade img.object-fit-img {
  display: none;
}

.home #business .content-box a.fade .inner {
  width: 100%;
  height: 100%;
  padding: 4vw 2vw;
  border: 1px solid transparent;
  opacity: 0.4;
  display: flex;
  align-items: center;

  -webkit-transition: border 800ms 100ms, opacity 600ms;
  transition: border 800ms 100ms, opacity 600ms;
}
.pc .home #business .content-box a.fade.active .inner {
  border: 1px solid #222;
  opacity: 1;
  background: rgba(0,0,0,0.5);
}
.home #business .content-box a:hover {
  text-decoration: none;
}
.home #business .content-box a.fade .inner .float-box {
  width: 100%;
}
.home #business .content-box a.fade .inner h2.title,
.underline_deco .vk_heading h2,
h2.underline_deco {
  font-size: 1.9em;
  margin-bottom: 30px !important;
  letter-spacing: 0.1em;
  position: relative;
}
.home #business .content-box a.fade .inner h2.title::before,
.underline_deco .vk_heading h2::before,
h2.underline_deco::before {
  background-color: #aaa; /* 線の色 */
  border-radius: 5px; /* 線の両端を丸く */
  bottom: -15px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 40px; /* 線の長さ */
}
/* .home #business .content-box a.fade .inner p.subtitle {
  font-size: 0.8rem;
  line-height: 1;
  margin-bottom: 10px;
} */
.home #business .content-box a.fade .inner p.business {
  line-height: 1;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

/* .home #business .content-box a.fade .inner .text-box {
  max-width: 320px;
} */

.home #business .content-box a.fade .inner .text-box .text-jp {
  margin-bottom: 25px;
}
.home #business .content-box a.fade .inner .text-box .text-jp p,
.home #business .content-box a.fade .inner .text-box .text-en p {
  line-height: 1;
  margin: auto;
  line-height: 1.6;
  font-size: 16px;
}
.home #business .content-box a.fade .inner .text-box .text-en p {
  letter-spacing: 0;
}

.home #business .content-bg {
  width: 100%;
  background: #000;
  padding-top: 52%;
  min-height: 610px
}
.home #business .content-bg img.ph_item {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  opacity: 0;
  -webkit-transition: opacity 600ms;
  transition: opacity 600ms;
}
.home #business .content-bg img.ph_item.active {
  opacity: 1;
  z-index: 2;
}

.home #business .content-bg img.ph_item.active {
  opacity: 1;
  z-index: 2;
}

.vk_post_imgOuter_singleTermLabel {
  font-size: 13px;
}

.wp-block-vk-blocks-outer.vk_outer.bg_overlap {
  isolation: auto;
}

.home-h3{
	padding:0!important;
	line-height: 1.4!important;
}
.workscolums-p{
	margin: 0 0 0em 0!important;
}
.home .corebanner{
	gap:0;
}
.corebanner p{
	margin: 0 0 0em 0!important;
}
.corebanner-column{
	padding:20px;
}
.home .wp-block-vk-blocks-outer.vk_outer.vk_outer-width-normal.vk_outer-paddingLR-use.vk_outer-paddingVertical-use.vk_outer-bgPosition-normal.footer_sns_section {
    display: none;
}
.wp-block-vk-blocks-button-outer.vk_buttons.footer_btn_box {
    display: none;
}

.works-list .card {
    border: 14px solid #eaeaea;
    border-radius: .50rem;
}
.works-list .vk_post_body.card-body {
    background-color: #eaeaea;
}
.home .works-list .vk_post_imgOuter{
	background-color: #f2f2f2!important;
	background-size: contain;
}
.works-list .vk_post_imgOuter{
	overflow: hidden;
	height: auto;
    transition: transform .6s ease;
}
.works-list .vk_post_imgOuter:hover{
	transform: scale(1.1);
}
.home .column-list .vk_post_imgOuter{
	background-color: #fff;
}
.column-list .media-img{
	border: 1px solid #fff;
}
.column-list .vk_post .media-img {
    width: 25%;
	height: 180px;
}
.home .column-list .vk_post .vk_post_imgOuter::before {
    padding: 50px;
}
.works-list .vk_post .vk_post_imgOuter:hover::before{
    background: #0000005e;
	transition: 0.5s;
}
.single-works #works_side_content .postList .postList_date {
  display: none;
}
.column-list .vk_post_taxonomy_title_inner {
    background-color: #1a5aaf;
	border-radius: 100px;
	padding:0 10px 0 10px;
	color:#ffffff;
}
.column-list .vk_post_imgOuter{
	overflow: hidden;
	height: auto;
    transition: transform .6s ease;
}
.column-list .vk_post_imgOuter:hover{
	transform: scale(1.1);
}
.home .vk_post .media-body{
	margin-top: 40px;
}
.home dt.vk_post_taxonomy_title{
    font-size: 14px;
    margin-top: -2px;
}
.home dd.vk_post_taxonomy_terms {
    font-size: 14px;
    margin-top: -2px;
}

@media only screen and (max-width:770px) {
	.single-works h2.main_title {
    margin-top: 50px;
}
  .home #business .content-box {
    position: relative;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .home #business .content-box a.fade {
    width: 100%;
    height: auto;
    border-right: none;
    padding: 5vw;
  }
  .home #business .content-box a.fade .inner {
    opacity: 1;
    border: 1px solid #fff;
    padding: 12vw 5vw 20vw;
  }
  .home #business .content-box a.fade img.object-fit-img {
    display: block;
  }

  .home #business .content-bg {
    display: none;
  }

  .vk_post_imgOuter_singleTermLabel {
    font-size: 11px;
  }

  .column-list .vk_post_taxonomy_title_inner {
    font-size: 12px;
  }
}
/* @media only screen and (max-width:600px) {
  .mobile .page-id-3650 .wp-block-media-text .wp-block-media-text__content {
    padding: 30px 8% 40px;
  }
} */

@media screen and (max-width: 992px) {
  .vk_buttons {
    margin-bottom: 0 !important;
  }
  #footer_address .logo img {
    max-width: 150px
  }
  #footer_social_link {
    left: 0;
  }
  ul#footer_social_link li {
    margin: 5px 5px 0 0;
  }
  .mobile .mobile_header_fix div#header_slider {
    margin-top: 55px;
    max-height: 740px;
  }
}
#footer_top {
  background: url("/cms/wp-content/themes/tarumoto2023/images/footer_bg2.jpg") !important;
  background-size:contain;
  margin-top: 0 !important;
}
#footer_top_inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 15px;
}
#footer_address .logo {
  margin: 0;
}
#footer_address .info {
  margin: 40px 0 10px 0;
  color: #fff;
}
#footer_address a.button {
  margin: 10px 0 0 0;
}
#footer_menu_widget_area {
  float: right;
  width: calc(100% - 300px);
}
#footer_menu {
  width: calc(100% - 300px);
}
#footer_menu.footer_menu_num4 .footer_menu {
  margin: 0 33px 0 0;
  width: calc(25% - 25px);
}

.footer_menu ul.menu li:first-child a {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.footer_menu ul.menu li a {
  font-size: 14px;
  color: #eee;
}
#footer-menu2 ul.wp-tag-cloud li a {
  font-size: 14px !important;
}
#footer_address .info p {
  font-size: 14px;
}
#footer_address .info p a {
  color: #fff;
}
.footer_privacy {
  margin: 20px 0 0;
}
.footer_privacy a {
  color: #fff;
}
#footer_social_link {
  display: none;
}
@media only screen and (max-width:992px) {
  div#footer_address {
    background: inherit !important;
  }
  #footer_menu.footer_menu_num4  {
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width:770px) {
  div#footer_address {
    background: #222 !important;
    padding: 50px 10px 50px;
  }

}


.splide-outer {
  max-width: 960px;
  margin: auto;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* works */
/* .swiper-container-horizontal>.swiper-pagination-bullets {
  clear: both;
  margin-top: 40px;
} */

.works_slide .vk_slider {
  width: 100%;
  max-width: 1200px;
}
.works_slide .vk_slider .swiper-wrapper {
  margin-left: 0;
}
.works_slide .vk_posts .card-post.vk_post-col-xl-3 {
    width:95%;
  }
.works_slide .vk_post.card {
  margin: 0 0 40px;
}
.vk_slider .swiper-button-next, .vk_slider .swiper-button-prev {
  display: none;
}
.works_slide .vk_post_body.card-body {
  display:-webkit-box;
  display: -webkit-flex;
  display:-ms-flexbox;
  display: flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.vk_slider .vk_post_title.card-title {
  -webkit-box-ordinal-group:1;
  -ms-flex-order:1;
  -webkit-order:1;
  order:1;
  width: 100%;
}
.vk_slider .vk_post_title.card-title a {
  display: block;
  height: 2.4rem;
}
.vk_slider .vk_post_taxonomies {
  -webkit-box-ordinal-group:2;
  -ms-flex-order:2;
  -webkit-order:3;
  order:2;
  display: block;
  width: 100%;
  margin-top: .4rem;
}

/* トップページの一覧のサブカテゴリーを消す */
.vk_slider .vk_post_taxonomies .vk_post_taxonomy_terms {
  font-size: 0;
}
.vk_slider .vk_post_taxonomies .vk_post_taxonomy_terms a {
  font-size: 15px;
  pointer-events: none; /* 旧リンクなので、無効化 */
}
.vk_slider .vk_post_taxonomies .vk_post_taxonomy_terms a:nth-child(2) {
  display: none;
}
/* ここまで：トップページの一覧のサブカテゴリーを消す */
.vk_post-postType-column .vk_post_taxonomies .vk_post_taxonomy_terms a{
	pointer-events: none;
}
.vk_slider .vk_post_excerpt.card-text {
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:2;
  /* height: 1.6rem; */
  overflow: hidden;
  margin: .2rem 0 0;
  font-size: 16px;
  opacity: 1;
}
p.vk_post_excerpt.card-text {
    background-color: #d9e3f4;
    width: 100%;
    text-align: center;
	border-radius: 20px;
}
/* .vk_slider .vk_post_imgOuter_singleTermLabel, */
.vk_slider .vk_post_taxonomy_title,
.vk_slider .vk_post_taxonomy-works-tag {
  display: none;
}
.vk_slider .vk_post_taxonomy_terms {
  padding-left: 0;
  font-size: 15px;
}
.post_content .vk_slider dl {
  margin-bottom: 0;
}
.post_content .vk_slider dd {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #1a5aaf;
  border-radius: 20px;
}
.home .post_content .vk_slider dd {
  border-radius: 20px;
}
.post_content .vk_slider dd a {
  color: #fff;
  font-weight: bold;
  display: block;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
#goto_archive {
  text-align: center;
  margin: 0 0 70px;
}
#goto_archive a {
  background: #0059b5;
  padding: 10px 25px;
  text-align: center;
  border-radius: 100px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  text-decoration: none;
}
#goto_archive a:hover {
  opacity: 0.8;
}

@media only screen and (max-width: 770px) {
.works_slide .vk_posts .card-post.vk_post-col-xl-3 {
    width:100%;
  }
}

.works_archive_category{
}
table.archive-works-table{
	margin:10px 0;
}
.archive-works-table1{
	width:30%;
	background-color:#1a5aaf;
	color:#fff;
	border-radius:20px;
	text-align:center;
  border: none !important;
  padding: 0 !important;
  line-height: inherit !important;
}
.archive-works-table2{
	text-align:left;
	padding:0 10px;
  border: none !important;
  padding: 0 10px !important;
  line-height: inherit !important;
}

.works_archive_category a:hover {
  opacity: .8;
}
.works_archive_i {
    display: inline-flex;  /* アイコンとテキストを横並びにする */
    align-items: center;  /* 垂直方向を中央に揃える */
    gap: 10px;            /* ★ アイコンとテキストの間隔を10px空ける */
	margin-top:10px;
  height: auto !important;
}
.works_archive_i i{
	font-size:22px !important;
	vertical-align: middle;
    /* ホバー時の動きを滑らかにするための設定 */
    transition: transform 0.3s ease; 
}
/* 3. ホバー時の動作 (a.title にホバーしたとき) */
a.title:hover .works_archive_i i {
    /* ★ アイコンを右に5px動かす */
    transform: translateX(3px);
}


i.fa-solid.fa-angles-right.works_archive_icon{
	font-size:22px !important;
	vertical-align: middle;
    /* ホバー時の動きを滑らかにするための設定 */
    transition: transform 0.3s ease; 
}
/* 3. ホバー時の動作 (a.title にホバーしたとき) */
i.fa-solid.fa-angles-right.works_archive_icon:hover{
    /* ★ アイコンを右に5px動かす */
    transform: translateX(3px);
}

/* TOP */
.vk_post .vk_post_date {
  font-size: 14px;
  font-family: sans-serif;
}
.vk_posts .vk_post h5.vk_post_title {
  font-size: 16px;
/*   height: 2.6rem; */
  line-height: 1.3;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.works_slide .vk_post .vk_post_title a .vk_post_title_new {
/*     display: block; */
    float: right;
}
.page_navi {
  margin: 30px 0 30px!important;
}
/* main col */
#bread_crumb{
	display:none;
}
#front-workslist_box #works_list {
  margin: 0 !important;
}

@media only screen and (max-width: 1250px) {
  #bread_crumb ul {
    width: 100%;
    padding-left: 25px;
  }
  #main_col {
    width: 100%;
  }
  .single-recruit #main_col {
    padding: 0 20px 0;
  }
  #left_col {
    width: 65%;
  }
  #side_col {
    width: 30%;
  }
  #previous_next_post .prev_post, #previous_next_post .next_post {
    width: 50%;
   margin-right: -1px;
  }
  #related_post ul {
  display: flex;
  justify-content: flex-start;
  }
  #related_post li {
    width: calc( 33% - 20px );
    margin: 0 20px 20px 0;
  }
  #related_post li .image {
    width: 100%;
    height: auto;
  }
  #related_post li .title {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  #front-workslist_box #works_list li:last-child {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
	#main_col{
		padding: 0px 20px 0!important;
	}
}
.blog #post_title_box,
.single #post_title_box {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
/*   margin: 0 0 50px 0; */
  padding: 5rem 0 0;
  height: 14rem;
  margin-bottom: 100px;
}
#post_title_box h2 {
    color: #fff;
}
@media only screen and (max-width: 770px) {
  #bread_crumb ul {
    padding-left: 0;
  }
	
  #main_col {
        padding: 0px 20px 0!important;
    }
}

#post_title_box {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
/*   margin: 0 0 50px 0; */
  padding: 0 0 0;
  height: 14rem;
}
#post_title_box2 {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
.page-template h2#post_title {
  font-size: 40px;
	width: 600px;
	text-align:left;
}
#post_title{
	 margin: 0 0 0px!important;
}
.header_post_title h2 {
	display: flex;
	align-items: center;
}

.header_post_title {
   width: 1200px;
    margin: 0 auto;
}

#single_post_title{
  font-size: 30px;
}
.page-template .post_content p {
	line-height: 1.9;
}
.page-template .post_content .company_news p {
  margin: 0;
}
.qualification-header{
	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}


@media only screen and (max-width: 770px) {
	.header_post_title {
    width: 100%;
	text-align:center;
}
	h2#post_title{
    font-size: 30px !important;
}
	.qualification-header-title{
		width: 54%;
		top: 146px;
	}
}
@media only screen and (max-width: 770px) {

	.qualification-header-title{
		width: 100%;
		top: 100px;
	}
	.page-template h2#post_title{
		width:100%;
		text-align:center;
	}
}

/* service */
.service-main-visual a{
	 pointer-events: none;
}
.page-id-3650 div#post_title_box {
    display: none;
}
.service-first-view img{
  -webkit-user-drag: none;
}
p.service-main-text1{
	background-color: #ffffffc4;
	width: fit-content;
	margin-top:-200px!important;
	padding:0 20px;
	font-size:32px;
}
p.service-main-text2{
	background-color: #ffffffc4;
	width: fit-content;
	margin-top:-64px!important;
	padding:0 20px;
	font-size:32px;
}
.service-category{
  border-radius:40px;
  box-shadow: 2px 2px 4px gray;
}

.service-category img{
  padding:20px;
}
.service-category p {
  margin: 0 0 0 0!important;
  padding: 0 20px 0 20px;
}
.service-category a {
  color:#000!important;
}
.service-category i {
  padding: 0 20px 0 20px;
}
.service-category:hover{
  background-color:#1a5aaf!important;
  color:#fff!important;
}
.service-icon{
  padding:300px 0 20px 0px;
  margin:-300px 0 -20px 0px;
  padding-right: 20px;
}
.service-icon:hover{
  filter: invert(1);
}
.service_list_wrap {
  text-align: center;
}
ul.service_list {
  text-align: left;
  display: inline-block;
}

@media only screen and (max-width: 770px) {

	.service-icon {
   		margin-bottom: 0em!important;
}

.service-category .wp-block-image {
    margin-bottom: -10px;
}
	p.service-main-text1{
	margin-top:-100px!important;
	font-size:24px;
}
p.service-main-text2{
	margin-top:-48px!important;
	font-size:24px;
}
}

/* serviceスライダーアニメーション */
.service-slider{
  margin-left: calc(-50vw + 50%);
  width: 100vw;
}
.service-slider ul{
  margin-left: 0!important;
}
	@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 50s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}
ul .scroll-infinity__item{
	list-style: none;
} 


@media only screen and (max-width: 770px) {
.scroll-infinity__item {
    width: 250px;
}
}


/* プロジェクト　コンテンツ */
#index_project {
  width:1250px; margin:0 auto; padding:0 25px 0;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}

#index_project .catchphrase { text-align:center; margin:0 0 100px 0; }
#index_project .catchphrase .headline { font-size:40px; line-height:200%; margin:0 0 5px 0; }
#index_project .catchphrase .desc { font-size:14px; line-height:2.2; margin:0 0 35px 0; }

/* プロジェクトリスト */
#works_list li { float: left;
    width: calc(33.333% - 20px);
    margin: 10px;
    box-sizing: border-box; /* 枠線を幅に含める */
    overflow: hidden;
    position: relative;
    border: 14px solid #eaeaea;
    border-radius: .50rem;
    background-color: #fff; }
#works_list .image {
display: block;
    height: 300px; 
    position: relative; 
    background-color: #dddddd;
    overflow: hidden;
    margin: 0; 
}
#works_list .image:hover:before {
    opacity: 1;
}
#works_list img {
width: 100%;
    height: 100%;
    object-fit: contain; 
    display: block;
    transition: transform 0.35s ease-in-out;
}

#works_list .image:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
    opacity: 0;
    transition: opacity 0.6s;
}
#works_list li:hover .image:before { opacity:1; }
#works_list .title {
  display:block; padding:15px 8px 8px 8px; color:#333; background:#eaeaea; width:100%;  line-height:1.6; font-size:13px; text-decoration:none; position:none; z-index:3;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
/*     margin-top: -49px; */
    bottom: 0;
/*   -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; */
}
#works_list .title .works_archive_desc {
    font-size: 14px;
}
/* #works_list li:hover .title {
  -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);
} */

#works_list .title span { display:block; font-size:12px; height: 43px; line-height: 1.3; overflow: hidden;}
#works_list .title span.works_title { margin:0; color:#333; font-size:18px; font-weight: bold; margin-bottom: 4px; }

@media only screen and (max-width: 770px) {
#works_list .image{
	height: 300px;
	}
#works_list .image:before{
	width: 100%;
    height: 300px;
}
}
@media only screen and (max-width: 450px) {
#works_list .image{
	height: 220px;
	}
}

  /* pager */
/*   #works_list ~ .page_navi{ margin-top: 30px; } */
/* ソートボタンと記事一覧 */
#works_list li.active {
  -webkit-transform: translateY(50px); transform: translateY(50px);
  -webkit-animation: moveUp 0.65s ease forwards 0.5s; animation: moveUp 0.65s ease forwards 0.5s;
}
#works_catgory_sort { margin:0 0 50px 0; }
.post-type-works #main_col #works_catgory_sort.category,
.archive.tax-works-cat #works_catgory_sort,
.archive.tax-works-tag #works_catgory_sort { margin:0 0 30px 0; }
#works_catgory_sort li {
  float:left; width:14.28%; border:1px solid #ccc; border-right:none;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position: relative;
}
#works_catgory_sort li a { font-size:14px; display:block; background:#fff; color:#333; text-decoration:none; text-align:center; height:40px; line-height:40px; width: 100%; }
#works_catgory_sort li:nth-child(6n), #works_catgory_sort li:last-child { border-right:1px solid #ccc; }
#works_catgory_sort li a.active, #works_catgory_sort li a:hover, #works_catgory_sort li.current-cat a { color:#fff; background:#1a5aaf; }
.post-type-column #works_catgory_sort li a span { font-size: 14px; }
.post-type-column #works_catgory_sort li:last-child a span { letter-spacing: -0.1em; }
#works_catgory_sort li::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-top: solid 2px #1a5aaf;
  border-right: solid 2px #1a5aaf;
  position: absolute;
  top: 15px;
  right: 15px;
  transform: rotate(45deg);
}
/*li.current-cat {
    vertical-align: middle;
}*/
#works_catgory_sort li::after {
	display:none;
}
#works_catgory_sort li.current-cat::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
#works_catgory_sort li:hover:after {
  right: 12px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
	transition : all 0.5s ease 0s;
}

#works_catgory_sort .current-cat + li:nth-child(7n) { border-color: #ccc!important; }

div#works_tag_cloud {
  margin: 0 0 50px 0;
  background-color: #dddddd;
  padding: 20px 10px;
  text-align: center;
}
#works_tag_sort { margin:5px; }
#works_tag_sort li {
  font-size: 16px;
  padding: 0;
  margin: 10px;
  background-color: #fffbfb;
  border-radius: 2px;
  display: inline-block;
  position: relative;
}
 #works_tag_sort li:hover, #works_tag_sort li.current-tag { color:#000; background:#337ab7; }
#works_tag_sort li a:hover, #works_tag_sort li.current-tag a { color:#fff; }
#works_tag_sort li a { display: block; width: 100%; padding: 8px 30px; }
#works_tag_sort li::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #1a5aaf;
  border-right: solid 2px #1a5aaf;
  position: absolute;
  top: 11px;
  right: 10px;
  transform: rotate(45deg);
}
#works_tag_sort li::after{
	display:none;
}
#works_tag_sort li.current-tag::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
#works_tag_sort li:hover:after {
  right: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transition : all 0.5s ease 0s;
}

@media only screen and (max-width: 770px) {
	#works_tag_sort{
	margin: 0px;
	}
div#works_tag_cloud {
  padding: 10px 0px;
}
}

#works_category_sort_box,
#works_tag_cloud_box {
  width: calc(50% - 2.5px);
  display: inline-block;
  border: 1px #ccc solid;
  position: relative;
}
#works_category_sort_box select,
#works_tag_cloud_box select {
  width: 100%;
  padding: 5px 15px;
  height: 50px;
  -webkit-appearance: none;
  appearance: none;
}

#works_category_sort_box::after,
#works_tag_cloud_box::after {
    content: "";
    position: absolute;
    top: 17px;
    right: 16px;
    width: 10px;
    height: 10px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
}
@media only screen and (max-width: 770px) {
  #works_category_sort_box,
  #works_tag_cloud_box {
    width: 100%;
    margin-bottom: 2px;
  }
}

/* =======================================
   ページネーション全体の設定 (変更なし)
   ======================================= */
.page_navi ul.page-numbers {
    display: flex !important; 
    justify-content: center !important;
    gap: 15px !important; 
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
}
.page_navi ul{
	display: flex;
    justify-content: center;
}

/* =======================================
   li (各ページ項目のコンテナ) の設定 (変更なし)
   ======================================= */
.page_navi li {
    box-sizing: border-box !important; 
    display: flex !important; 
    justify-content: center !important;
    align-items: center !important;
    
    width: 42px !important; 
    height: 42px !important; 
    margin: 0 !important;
    text-align: center !important;
    
    border: 1px solid transparent !important; 
    border-radius: 50% !important;
    
    color: #000 !important; /* デフォルトの数字の色 */
    transition: all 0.2s ease !important;
}

/* =======================================
   li:hover (デフォルトのホバー効果)
   ======================================= */

.page_navi li:hover {
    /* 数字ページ用のデフォルトのホバー背景色 */
    background-color: #eee !important;
    border-color: #ccc !important; 
    color: #000 !important; 
}

/* ---------------------------------------
   矢印アイコンの li にホバーした時の背景色を削除
   --------------------------------------- */
/* 左右の矢印アイコン（a.prev/next を含む li）にホバーした時 */
.page_navi li:has(a.prev.page-numbers):hover,
.page_navi li:has(a.next.page-numbers):hover {
    /* 背景色を透明にして削除 */
    background-color: transparent !important;
    border-color: transparent !important;
}


/* =======================================
   a と span の設定
   ======================================= */
a.page-numbers,
.page_navi span.page-numbers {
    width: 40px !important; 
    height: 40px !important; 
    border: none !important; 
    background-color: transparent !important; 
    display: flex !important; 
    justify-content: center !important; 
    align-items: center !important; 
    font-size: 18px !important; 
    text-decoration: none !important;
    color: inherit !important; 
}

/* =======================================
   アイコンの設定
   ======================================= */
.page_navi i.fa-solid {
    font-size: 32px !important; 
    line-height: 1 !important; 
    color: inherit !important; 
}

/* 矢印のリンクの色を上書き */
a.next.page-numbers,
a.prev.page-numbers {
    color: #1A5AAF !important;
}

/* =======================================
   カレント（現在のページ）の設定
   ======================================= */
.page_navi li.current-cat,
.page_navi li:has(span.current) {
    background-color: #1A5AAF !important;
    border-color: #1A5AAF !important;
    color: #fff !important;
}

/* =======================================
   矢印のホバー時のスタイル（色）
   ======================================= */
.page_navi li:hover a.next.page-numbers,
.page_navi li:hover a.prev.page-numbers {
    color: #000 !important;
}


@media (min-width: 600px) and (max-width: 1023px) {
    #works_list li {
        width: calc(50% - 30px); 
        margin: 15px;
        /* border-width: 10px;  */
    }
}

@media (max-width: 599px) {
    #works_list li {
        width: calc(100% - 20px);
        margin: 10px;
        /* border-width: 8px; */
    }
}
@media only screen and (max-width: 1250px) {
  #works_list img {
    width: 100%;
  }
  #works_list .title {
    bottom:0; 
 }
}

@media only screen and (max-width: 990px){
  #works_catgory_sort li {
    width:50%;
    border-bottom: 1px #ccc solid;
  }
}
@media only screen and (max-width: 770px){
  #works_list img {
    max-width: 100%;
    max-height: 100%;
  }
  div#archive_catchphrase .headline {
    font-size: 30px!important;
  }
  #works_catgory_sort {
    border-bottom: 0px #ccc solid;
  }
	
/*   #works_catgory_sort li#works_catgory_all,
 * 
  #works_catgory_sort li:first-child {
    width: 100%;
    display: block;
    border-right: 1px #ccc solid;
    border-bottom: 0;
  } */

  #works_catgory_sort li:nth-child(even) {
    border-right: 1px #ccc solid;
  }
  .page div#main_col,
  .archive div#main_col {
    padding-bottom: 40px;
    margin-top: 0;
    padding-top: 0;
  }
  #works_list li:nth-child(4n) .title {
    border-right: 0;
  }
  #works_list li .title {
    padding: 10px 10px 5px;
  }

  #works_list .title span.works_title {
    font-size: 15px;
    /* line-height: 1.6; */
    height: 36px;
  }
  .archive-works-table1 {
    font-size: 10px;
    height: 20px;
  }
  #works_list .title .works_archive_desc {
    font-size: 12px;
    line-height: 1.5;
  }
  #works_tag_sort li {
    font-size: 13px;
    text-align: center;
    width: calc(33.3% - 6px);
  }
  #works_tag_sort li a {
    padding: 8px 10px 7px 2px;
  }
}

@media only screen and (max-width: 770px){
  #works_tag_sort li {
    width:40%;
  }
}
	
/* 詳細ページ */
#works_side_content { background:#f4f4f4; padding:20px 25px 20px; line-height:1.8; }
/* #works_side_content h3 { background:#1a5aaf; height:45px; line-height:45px; font-size:14px; text-align:center; color:#fff; margin:-25px -25px 25px; } */
/* #works_side_content h3 a { color:#fff; font-weight:400; } */
#works_side_content h3 { font-weight:bold; font-size:22px; line-height:1.5; margin-bottom: 15px; }
#works_title { font-size:20px; margin:0; }
#works_catch { font-size:14px; margin:10px 0 10px 0; padding: 3px 10px; background-color: #999; color: #fff; line-height: 1.5; }
#works_category { font-size:15px; margin:10px 0 10px 0; padding: 3px 10px; background-color: #1a5aaf; color: #fff; line-height: 1.5;display: inline-block; }
#works_category:hover { opacity: 0.7; }
#works_category a {
  color: #fff;
  padding: 0px 20px;
}
#works_side_content .post_content { font-size:14px; margin:25px 0 0 0; }
#works_side_content .post_content p { line-height:2.4; }
#works_side_content .side_headline::before {
  content: '\f15c';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 7px;
  font-size: 24px;
}
#works_side_content .side_headline {
  font-size: 18px;
  line-height: 50px;
}
#works_related { clear:both; padding:50px 0 0 0; }
#works_related .headline { background:#0059b5; color:#fff; height:50px; line-height:50px; padding:0 20px; max-width: 260px; clip-path: polygon(0 0, 90% 0, 90% 0, 100% 50%, 90% 100%, 90% 100%, 0 100%); margin: 0 calc(50% - 50vw); font-size: 24px; }

.post_content .works_pager { margin-left:0; margin-bottom:50px; text-align:center; }
.works_pager li { display:inline-block; list-style-type:none; }
.works_pager li + li { margin-left:6px; }
.works_pager li a { background:#ccc; color:#fff; display:block; font-size:18px; line-height:50px; width:50px; height:50px; }
.works_pager li a:hover { text-decoration:none; }
.works_pager li a:hover::before, .works_pager li a:hover::after { color: #fff; }
.works_pager_prev a:before { content:"\e90f"; font-family:"design_plus"; }
.works_pager_next a:after { content:"\e910"; font-family:"design_plus"; }

/* ウィジェット */
#footer_widget .works_list_widget li { width:80px; height:80px; }
#footer_widget .works_list_widget li:nth-child(7), #footer_widget .works_list_widget li:nth-child(8), #footer_widget .works_list_widget li:nth-child(9) { margin-bottom:0!important; }

/* works  */
#works_list {
  margin-top: 25px;
  margin-left: -2px;
  margin-right: -2px;
}
.works_list_widget { overflow:hidden; }
.works_list_widget .side_headline { margin-bottom:5px; }
.works_list_widget ol { margin:0 -10px 0px 0; position:relative; }
.works_list_widget li { float:left; margin:0 5px 5px 0 !important; padding:0 !important; width:96px; height:96px; overflow:hidden; }
.works_list_widget .image { display:block; width:96px; height:96px; }
.works_list_widget .image img { display:block; max-width:initial; width:100%; height:100%; }

/* MONOLITH用の pagebuilder のスタイル */
#works_info table, #works_info tbody, #works_info tfoot, #works_info thead, #works_info tr, #works_info th, #works_info td { padding-top:0; padding-bottom:0; }

h2.main_title {
  font-size: 32px;
  padding-bottom: 8px;
  margin-bottom: 20px;
  border-bottom: 3px #ccc dotted;
  line-height: 1.3;
}
p.main_description {
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 30px;
}
#before-after_box {
  text-align: center;
}
#before-after_box #after_box,
#before-after_box #before_box {
  display: inline-block;
  width: 43.5%;
/*   width: 100%; */
}
#before-after_box .before-after_col {
  width: 45%;
}
#before-after_box .before-after_arrow {
  width: 10%;
}
#before-after_box #after_box img,
#before-after_box #before_box img {
  width: 100%;
}
#before_box {
    margin-right: 25px;
}
#after_box{
	margin-left:25px;
}
#after_box p{
    background-color:#0059b5!important;
}
#before-after_box #before_box {
}
#before-after_box p.before-after_txt {
  text-align: center;
  font-size: 24px;
  margin: 0 auto 20px;
  line-height: 1.5;
  background-color: #999;
  color: #fff;
  padding: 5px;
  max-width: 200px;
  border-radius: 100px;
}
#only-after_box img {
  width: 100%;
}

.before-after-icon {
    vertical-align: 150px;
}
@media only screen and (max-width: 1249px) {
.before-after-icon {
    vertical-align: 110px;
}
}
@media only screen and (max-width: 1100px) {
.before-after-icon {
    vertical-align: 110px;
}
}
@media only screen and (max-width: 1000px) {
#works_related { clear:both; padding:50px 0; }
}
@media only screen and (max-width: 950px) {
  .before-after-icon {
    vertical-align: 70px!important;
  }
  /* #before-after_box .before-after_col {
    width: calc(50% - 20px);
  }
  #before-after_box .before-after_arrow {
    width: 40px;
  } */
}
#gallary_line {
  border-top: 3px #ccc dotted;
  margin: 0 0 10px;
}
h3.gallary_title {
  background: #666;
  color: #fff;
  height: 45px;
  line-height: 45px;
  padding: 0 30px;
  margin: 0;
  font-size: 100%;
}
#gallary_box {
  margin: 0 0 60px;
  display: flex;
  justify-content: flex-start;
}
#gallary_box .gallary_pair {
    width: calc( 25% - 7px );
    margin: 10px;
    margin-left: 10px; /* 既存のコードに合わせたマージン */

    /* 横並びにするためにfloatを使用（flexでも可） */
    float: left;
}
#gallary_box .gallary_item {
    position: relative;
    height: 0;
    padding-top: 100%; /* 正方形にする。widthの値と同じにする必要あり */
    overflow: hidden;
}
#gallary_box .gallary_item a {
    position: absolute; /* 親要素 .gallary_item を基準に配置 */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #cccccc; /* 余白に表示したいグレーの背景色 */
    text-align: center; /* 画像を中央に配置するために使用 */
    line-height: 0; /* テキスト表示用。後述のimgで上書きされる */
}
#gallary_box .gallary_item img {
    /* 画像の最大サイズ設定 */
    max-width: 100%;
    max-height: 100%;
    width: auto; /* 縦横比を維持 */
    height: auto; /* 縦横比を維持 */

    /* コンテナ内で比率を維持して最大限に表示し、余白は背景にする */
    object-fit: contain;

    /* 画像をコンテナの中央に配置 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#gallary_box .gallary_item_text {
  margin: 10px 0 0;
}
/* 画像テキストのスタイル（必要に応じて） */
#gallary_box .gallary_item a span.image-text {
    /* テキストのスタイルを調整 */
}

#gallary_box .gallary_item:nth-of-type(1n) {
  margin-left: 0;
}
#gallary_box .gallary_item:nth-of-type(4n) {
  margin-right: 0;
}
ul.works_tag_box li {
  font-size: 12px;
  padding: 1px 6px;
  margin: 0 5px 5px 0;
  background-color: #cadced;
  border-radius: 2px;
  display: inline-block;
}
.note_txt { margin-bottom: 30px; font-size: 13px; }

.post_content #works_detail_box {
  margin: 40px 0;
  background-color: #eaeaea;
  border-radius: 25px;
  border: 1px #ddd solid;
}
.post_content #works_detail_box table {
  margin: 10px 0;
}
.post_content #works_detail_box th,
.post_content #works_detail_box td {
  border: none;
  background-color: inherit;
  text-align: left;
  padding: 0 10px 0 20px;
  font-weight: bold;
  line-height: 1.8;
}
.post_content #works_detail_box th {
  width: 120px;
}

.before_txt{
  text-align: center;
  font-size: 24px;
  margin: 0 auto 20px!important;
  line-height: 1.5!important;
  background-color: #999;
  color: #fff;
  padding: 5px;
  max-width: 200px;
  border-radius: 100px;
}
.after_txt{
  text-align: center;
  font-size: 24px;
  margin: 0 auto 20px!important;
  line-height: 1.5!important;
  background-color: #999;
  color: #fff;
  padding: 5px;
  max-width: 200px;
  border-radius: 100px;
	background-color:#0059b5;
}

table#before-after_box td{
	vertical-align: middle;
}
.single-works .post_content td, .single-works .post_content th {
  border: 0px solid #bbb;
  padding: 10px 15px;
}
.table-before-after-icon {
  color: #0059b5;
  font-size: 100px;
}
@media only screen and (max-width: 1249px) {
#before-after_box #after_box,
#before-after_box #before_box {
  display: inline-block;
  width: 40%;
}
}

@media only screen and (max-width: 1097px) {
#before-after_box #after_box,
#before-after_box #before_box {
  display: inline-block;
    width: 38%;
  }
	.before-after-icon {
    vertical-align: 100px;
  }
  .single-works .post_content td, .single-works .post_content th {
    padding: 5px 5px;
  }
  .table-before-after-icon {
    font-size: 60px;
  }
}

@media only screen and (min-width: 770px) {
  .before-after-icon-sp {
    display:none!important;
  }
}
@media only screen and (max-width: 770px) {
  #before_box {
    margin-right: 0px;
}
  #after_box{
	margin-left:0px;
}
  #before-after_box #after_box,
  #before-after_box #before_box {
    width: 100%;
  }
  #before-after_box #before_box {
    margin-left: 0;
    margin-top: 30px;
  }
  .before-after-icon {
    display:none!important;
}
  .before-after-icon-sp {
	  width:100%;
    text-align:center!important;
}
  #gallary_box {
    display: block;
    justify-content: initial;
  }
  #gallary_box .gallary_item {
    display: inline-block;
    width: 100%;
    margin: 10px 10px 5px;
  }
  #gallary_box .gallary_item:nth-child(2n) {
    margin-right: 0;
  }
}

#request{
	margin-top:40px;
}
#request p{
	padding:0 50px 0 50px;
	margin-top: 10px;
}
#request h2{
	text-align: left;
	background-color: #eaeaea;
  border-radius: 100px;
  padding-left: 20px !important;
  border: 1px #ddd solid;
  width: 50%;
  min-width: 8rem;
}
#proposal{
	margin-top:40px;
}
#proposal p{
	padding:0 20px 0 20px;
	margin-top: 10px;
}
#proposal h2{
	text-align: left;
	background-color: #eaeaea;
  border-radius: 100px;
  padding-left: 20px !important;
  border: 1px #ddd solid;
  width: 50%;
  min-width: 8rem;
}
#construction p{
	padding:0 50px 0 50px;
	margin-top: 10px;
}
#construction h2{
	text-align: left;
	background-color: #eaeaea;
  border-radius: 100px;
  padding-left: 20px !important;
  border: 1px #ddd solid;
  width: 50%;
  min-width: 8rem;
}
#customer p{
	padding:0 50px 0 50px;
	margin-top: 10px;
}
#customer h2{
	text-align: left;
	background-color: #eaeaea;
  border-radius: 100px;
  padding-left: 20px !important;
  border: 1px #ddd solid;
  width: 50%;
  min-width: 8rem;
}


@media only screen and (max-width: 770px) {
	#request p{
	padding:0 20px 0 20px;
}
#construction p{
	padding:0 20px 0 20px;
}
#customer p{
	padding:0 20px 0 20px;
}
	
}

/* sns */
.single_share .share-type3 ul li a i {
  top: 0px;
}

/* blog news */
#archive_headline {
  text-align: center;
}
@media only screen and (max-width: 770px) {
#archive_headline {
  font-weight: bold!important;
	font-size: 30px !important;
    }
	
}
/* footer tag cloud */
#footer_menu #footer_menu2.footer_menu ul.wp-tag-cloud li {
  margin: 0 0 15px 0;
  font-size: 12px;
  line-height: 160%;
}
#footer_menu #footer_menu2.footer_menu ul.wp-tag-cloud li a {
  font-size: 12px;
  color: #eee;
}
#footer_menu #footer-menu2.footer_menu ul.wp-tag-cloud li a:first-child {
  margin: 0;
  pointer-events: auto;
  color: #eee;
}

/* form */
.form-control {
  display: block;
  width: 100%;
/*   height: calc(1.5em + .75rem + 2px); */
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hissu {
	font-size: 11px;
	display: inline-block;
	padding: 2px 5px;
	line-height: 1.2;
	background-color: #cc0000;
	border-radius: 2px;
	margin: 0 5px;
	color: #fff;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"], textarea {
	margin: 5px 0;
}
input#zip, input#zip2 {
	max-width: 160px;
}

/* table responsive */
.responsive_tbl table {
  border-collapse: collapse;
  width: 100%;
}
.responsive_tbl table th,
.responsive_tbl table td{
  padding: 10px 15px;
  border: solid 1px #ccc;
  box-sizing:border-box;
  vertical-align: middle;
  text-align: left;
}
.responsive_tbl table th {
  background: #f4f4f4;
  color: #000;
  width: 30%;
  min-width: 200px;
  white-space: nowrap;
}
table.inner_tbl {
  border: none;
  margin: 0 !important;
}
table.inner_tbl th {
  width: 20% !important;
  font-weight: normal !important;
  text-align: left;
  border: none !important;
  padding: 0 !important;
  background: none !important;
  white-space: nowrap;
}
table.inner_tbl td {
  border: none !important;
  padding: 0 !important;
}
table.inner_tbl.border_bottom tr {
  border-bottom: 1px dotted #ccc;
}
table.inner_tbl.border_bottom tr:first-child {
  border-top: 1px dotted #ccc;
}
table.inner_tbl.border_bottom th {
  padding-left: 20px !important;
}
@media screen and (max-width: 900px) {
  .responsive_tbl table.inner_tbl th {
    min-width: 100px;
  }
}
@media screen and (max-width: 640px) {
  .responsive_tbl table {
    width: 100%;
  }
.responsive_tbl table th,
.responsive_tbl table td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
.responsive_tbl table tr:last-child{
    border-bottom: solid 1px #ccc;
  }
 .post_content table.inner_tbl th,
 .post_content table.inner_tbl td {
    width: 100% !important;
    display: inline-block !important;
  }
}

table.responsive_tbl {
  border-collapse: collapse;
  width: 100%;
}
table.responsive_tbl th,
table.responsive_tbl td{
  padding: 10px 15px;
  border: solid 1px #ccc;
  box-sizing:border-box;
  vertical-align: middle;
  text-align: left;
}
table.responsive_tbl th {
  background: #f4f4f4;
  color: #000;
  min-width: 140px;
  white-space: nowrap;
}
@media screen and (max-width: 640px) {
  table.responsive_tbl {
    width: 100%;
  }
  table.responsive_tbl th,
  table.responsive_tbl td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  table.responsive_tbl tr:last-child{
    border-bottom: solid 1px #ccc;
  }
  table.responsive_tbl table.inner_tbl th,
  table.responsive_tbl table.inner_tbl td {
    display: inline-block;
    width: auto;
  }

  table.responsive_tbl table.inner_tbl th {
    width: 55% !important;
  }
  table.responsive_tbl table.inner_tbl td {
    width: 40% !important;
  }
  table.responsive_tbl table.inner_tbl tr:last-child {
  border-bottom: none;
  }
}


.grecaptcha-badge { visibility: hidden; }
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
  font-weight: normal;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}

/* メニュー */
.pc #global_menu ul ul {
    top: 80px;
    z-index: 100;
}

/* 全幅 */
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}
.worries-width{
			 padding:0 18px 0 18px;
}

/* 高さマイナス */
.minas_height {
  margin-height: -200px;
}


/* カラム内テキスト */
.column-text{
	padding: 0 16px 0 16px;
}

/* 見出し */
.h2-gd {
    background: -webkit-linear-gradient(-90deg, #0072b4 0%, #7bc0be 72%, #afebea 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.post_content .h2-gd h2 {
	margin: 1em 0 .4em 0;
}
.post_content .h3_titlesub h3 {
	margin: 1em 0 .2em 0;
}
.post_content h2.h2_problem {
/* 	margin: 1.5em 0; */
}
.post_content .h3_problem h3 {
	margin: 1em 0;
}
.post_content .h3_step h3 {
	margin: 0 0 .4em;
}
.post_content h2.h2-back{
	font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体',sans-serif;
	margin: 0 0 5rem;
}

 .mobile .post_content h2.h2_problem {
    font-size: 33px !important;
  }
  .mobile .full-width ul.is-style-vk-check-mark {
    font-size: 19px !important;
  }
/* 業務案内 */
.page-id-3650 .post_content h2 {
    margin: 0em 0 1.3em 0;
}
.page-id-3650 .wp-block-vk-blocks-button a::after {
			display:none;
}

/* クレーン */
.page-id-3652 figure.aligncenter.size-full.is-resized {
    text-align: center;
}

/* パーキング */
.page-id-3656 .wp-block-column.has-background.is-layout-flow {
    margin: 0 calc(50% - 50vw);
    padding: 2em calc(50vw - 50%);
}
.page-id-3656 .parking-mein {
    padding-left: 30px;
    padding-right: 30px;
}
.page-id-3656 .wp-block-columns.wp-container-24 {
    margin-bottom: 0em;
}

.page-id-3656 figure.aligncenter.size-full.is-resized {
    text-align: center;
}

/* ボイラ */
.page-id-3654 .wp-block-image {
    text-align: center;
}
.page-id-3654 .wp-block-column.has-background.is-layout-flow {
    margin: 0 calc(1px - 1px);
    padding: 30px 16px 0px 16px;
	   border-radius: 20px;
}
.page-id-3654 .wp-block-columns.has-background.is-layout-flex.wp-container-38 {
    padding: 30px 16px 60px 16px;
    border-radius: 20px;
}
.page-id-3654 .wp-block-columns.has-background.is-layout-flex.wp-container-41 {
	   padding: 30px 16px 30px 16px;
    border-radius: 20px;
}
.page-id-3654 .wp-block-columns.has-background.is-layout-flex.wp-container-44{
			padding: 30px 16px 0px 16px;
    border-radius: 20px;
}
#boiler-back {
    margin-top: -27rem;
}

/* オーダーメイド */
.page-id-3658 figure.aligncenter.size-full.is-resized {
    text-align: center;
}
.page-id-3658 #boiler-back {
    margin-top: -16.5rem;
}


/* 各種配管工事 */
/* .page-id-3708 .post_content p{
    padding: 0 10px 0 10px;
} */
.page-id-3708 .wp-block-vk-blocks-button a::after{
			display:none;
}
/* .page-id-3708 .post_content h3 {
    margin: 0;
} */
.page-id-3708 figure.aligncenter.size-full.is-resized {
    text-align: center;
}
.page-id-3708 .wp-block-columns.is-layout-flex.wp-container-49 {
  display:none;
}
/* 機械式駐⾞場の平⾯化サービス */
.page-id-3712 .wp-block-image {
    text-align: center;
}
.page-id-3712 .post_content th {
    background: #1a5aaf;
    font-weight: bold;
    color: #ffffff;
}
#flattening-back {
		margin-top: -16rem;
		z-index: 0;
}
.page-id-3712 .column-flattening1{
	   min-height: 260px;
}
.page-id-3712 .column-flattening2{
	   min-height: 260px;
}
.page-id-3712 .column-flattening3{
	   min-height: 260px;
}
.page-id-3712 .post_content td, .page-id-3712 .post_content th {
    border: 1px solid #bbb;
}
.page-id-3712 .wp-block-columns.full-width.is-layout-flex.wp-container-34 {
    background: #F3F4F5;
}
.page-id-3712 .post_content h4 {
    margin: 0em 0 1em 0;
}
.page-id-3712 a.vk_button_link.btn.has-text-color.is-style-outline.btn-md{
	z-index:1;
}


/* 会社案内 */
.page-id-3660 .post_content table.responsive_tbl th {
    font-weight: bold;
    width: 20%;
    text-align: left;
	   border: 1px solid #bbb;
}
.page-id-3660 .post_content h2 {
    margin: 0em 0 1.3em 0;
}
.wp-block-media-text.president_sign .wp-block-media-text__content {
	padding: 0 4%;
}
.page-id-3660 .post_content .aligncenter {
  text-align: center;
}
.page-id-3660 .post_content .aligncenter a:hover {
  opacity: 0.8;
  transition : all 0.5s ease 0s;
}

@media screen and (max-width: 640px) {
.page-id-3660 table {
    width: 90%;
    margin: 0 auto;
			font-size:16px;
  }
.page-id-3660 table.responsive_tbl th,
.page-id-3660 table.responsive_tbl td {
    display: block;
			width: 100% !important;
  }
}

/* 沿革 */
.page-id-3662 .post_content th {
    background: #1a5aaf;
    color: #ffffff;
    font-weight: bold;
}
.page-id-3662 .post_content td, .page-id-3662 .post_content th {
    border-bottom: 1px solid #bbb !important;
	   border-top: 1px solid #bbb !important;
    padding: 10px 15px;
    line-height: 1.5;
}
.page-id-3662 .post_content td, .page-id-3662 .post_content th {
    border: 0px solid #bbb;
}
.page-id-3662 tr, 
.page-id-3662 th,
.page-id-3662 td {
    vertical-align: middle;
}
.margintop-40 {
  margin-top: -40px !important;
}
.margintop-60 {
  margin-top: -60px !important;
}
.margintop-80 {
  margin-top: -80px !important;
}
.margintop-100 {
  margin-top: -100px !important;
}
.margintop-120 {
  margin-top: -120px !important;
}
.margintop-140 {
  margin-top: -140px !important;
}
.margintop-160 {
  margin-top: -160px !important;
}
.margintop-180 {
  margin-top: -180px !important;
}
.margintop-200 {
  margin-top: -200px !important;
}
.margintop-220 {
  margin-top: -220px !important;
}
.margintop-240 {
  margin-top: -240px !important;
}
.margintop-260 {
  margin-top: -260px !important;
}
.margintop-280 {
  margin-top: -280px !important;
}
.margintop-300 {
  margin-top: -300px !important;
}
.margintop-320 {
  margin-top: -320px !important;
}
.margintop-340 {
  margin-top: -340px !important;
}
.margintop-360 {
  margin-top: -360px !important;
}
.margintop-380 {
  margin-top: -380px !important;
}
.margintop-400 {
  margin-top: -400px !important;
}
.margintop-p40 {
  margin-top: 40px !important;
}
.margintop-p60 {
  margin-top: 60px !important;
}
.margintop-p80 {
  margin-top: 80px !important;
}
.cool-vertical-timeline-body .left_hcont .timeline-content .story-time {
  width: 300px;
  top: 18px;
  left: calc(50% - 250px);
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .left_hcont-no_month .timeline-content .story-time {
  width: 300px;
  top: 18px;
  left: calc(50% - 280px);
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .left_hcont .timeline-content .story-time p {
  font-size: 15px;
  background: #fff;
  border-radius: 0 0 0 8px;
  display: inline-block;
  padding: 0 6px 6px 12px;
}
.cool-vertical-timeline-body .left_hcont-no_month .timeline-content .story-time p {
  font-size: 15px;
  background: #fff;
  border-radius: 0 0 0 8px;
  display: inline-block;
  padding: 0 6px 6px 12px;
}
.cool-vertical-timeline-body .right_hcont .timeline-content .story-time {
/*   bottom: 90px; */
  top: 18px;
  right: 5px;
  padding: 0 10px 0 0;
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .right_hcont .timeline-content .story-time p {
  font-size: 15px;
  background: #fff;
  border-radius: 0 0 0 8px;
  display: inline-block;
  padding: 0 12px 6px;
}

.cool-vertical-timeline-body .timeline_noimg.left_hcont .timeline-content .story-time {
  top: 25px;
  left: calc(50% - 275px);
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .timeline_noimg.left_hcont.year_long .timeline-content .story-time {
  left: calc(50% - 350px);
  width: 340px;
}
.cool-vertical-timeline-body .timeline_noimg.left_hcont-no_month .timeline-content .story-time {
  top: 25px;
  left: calc(50% - 295px);
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .timeline_noimg.left_hcont .timeline-content .story-time p,
.cool-vertical-timeline-body .timeline_noimg.left_hcont-no_month .timeline-content .story-time p {
  font-size: 15px;
}
.cool-vertical-timeline-body .timeline_noimg.right_hcont .timeline-content .story-time {
  top: 20px;
  right: 15px;
  padding: 0 10px 0 0;
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .timeline_noimg.right_hcont0 .timeline-content .story-time {
  top: 26px;
  right: 0;
  padding: 0 10px 0 0;
  position: absolute;
  z-index: 100;
}
.cool-vertical-timeline-body .timeline_noimg.right_hcont .timeline-content .story-time p,
.cool-vertical-timeline-body .timeline_noimg.right_hcont0 .timeline-content .story-time p {
  font-size: 15px;
}

@media screen and (max-width: 770px) {
.margintop-40,
.margintop-60,
.margintop-80,
.margintop-100,
.margintop-120,
.margintop-140,
.margintop-160,
.margintop-180,
.margintop-200,
.margintop-220,
.margintop-240,
.margintop-260,
.margintop-280,
.margintop-300,
.margintop-320,
.margintop-340,
.margintop-360,
.margintop-380,
.margintop-400,
.margintop-p40,
.margintop-p60,
.margintop-p80 {
  margin-top: 0 !important;
}
  .cool-vertical-timeline-body .left_hcont .timeline-content .story-time,
  .cool-vertical-timeline-body .left_hcont-no_month .timeline-content .story-time,
  .cool-vertical-timeline-body .timeline_noimg.left_hcont .timeline-content .story-time,
  .cool-vertical-timeline-body .timeline_noimg.left_hcont-no_month .timeline-content .story-time {
  top: inherit;
  margin-top:20px;
  margin-left: inherit;
  position: static;
  }
  .cool-vertical-timeline-body .right_hcont .timeline-content .story-time,
  .cool-vertical-timeline-body .timeline_noimg.right_hcont .timeline-content .story-time,
  .cool-vertical-timeline-body .timeline_noimg.right_hcont0 .timeline-content .story-time {
  top: inherit;
  margin-top:20px;
  margin-right: inherit;
  position: static;
  padding: 0 0 0 40px;
  }
  .cool-vertical-timeline-body .left_hcont .timeline-content .story-time p,
  .cool-vertical-timeline-body .right_hcont .timeline-content .story-time p,
  .cool-vertical-timeline-body .left_hcont-no_month .timeline-content .story-time p {
    background: inherit;
    padding: 0;
  }
  .cool-vertical-timeline-body .timeline_noimg.left_hcont.year_long .timeline-content .story-time {
    width: 380px;
  }
}
@media screen and (max-width: 640px) {
.page-id-3662 .post_content th {
   display: block;
   width: 100%;
}
.page-id-3662 .post_content td, .page-id-3662 .post_content th {
   border-bottom:0px solid #bbb !important;
}
}

.timeline_noimg .story-image {
  line-height: 1;
  font-size: 1px;
}
.cool-vertical-timeline-body .timeline_noimg .timeline-content .story-details h3.timeline-block_title  {
  margin: 0 0px 5px 0px;
  padding: 0;
}
.cool-vertical-timeline-body.both-sided .timeline_noimg .timeline-content .position-right .story-details, .cool-vertical-timeline-body.alternating-sided .timeline_noimg .timeline-content .position-right .story-details, .cool-vertical-timeline-body.one-sided.left .timeline_noimg .timeline-content .story-details {
  padding: 15px 20px 20px 20px;
}

.veu_postList {
    margin-bottom: 10px;
}


/* 採用情報 */
.page-id-4357 input.btn.btn-primary {
   width: 80%;
   padding: 14px 0 14px 0;
   transform: translateX(15%);
		background-color: #1a5aaf;
}
.page-id-4357 th{
	font-weight:bold;
  }
.page-id-4357 a.btn.btn-primary.btn-sm {
   color: #ffffff;
   background-color: #1a5aaf;
}

#merit_box {
/*   max-width: 1200px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 12px;
  align-content: flex-start; */
  margin: 30px 0 30px 0;
}
#merit_box .item {
  display: inline-block;
  width: calc(14.28% - 9px);
  margin: 0 10px 8px 0;
}
#merit_box .item.spacer {
  display: none;
}
#merit_box .item:nth-child(7n) {
  margin: 0 0 8px 0;
}
#merit_box .item img {
  width: 100%;
  max-width: 290px;
}
.vk_jobInfo table.vk_jobInfo_table tbody tr:first-child td {
  font-weight: bold;
  font-size: 17px;
  line-height: 1.6;
}
.vk_jobInfo table.vk_jobInfo_table tbody tr td table tr:first-child td {
  font-weight: normal;
  font-size: 14px;
}
@media screen and (max-width: 770px) {
.page-id-4357 table {
   width: 90%;
   margin: 0 auto;
		font-size:16px;
  }
.page-id-4357 th, .page-id-4357 td {
		display: block;
		width: 100% !important;
  }

  #merit_box .item {
    width: calc(25% - 8px);
   margin: 0 10px 10px 0;
  }
  #merit_box .item:nth-child(7n) {
    margin: 0 10px 10px 0;
  }
  #merit_box .item:nth-child(4n) {
    margin: 0 0 10px 0;
  }
  #merit_box .item.spacer {
    display: inline-block;
  }
  #merit_box .item img {
    width: 100%;
    max-width: 100%;
  }
}
	
/* サイドバー */
h3.side_headline a {
   color: #ffffff;
}


/* 採用情報 */
table.table td a.btn {
  color: #fff;
}
table.table td a.btn:hover {
  text-decoration: none;
}

table.vk_jobInfo_table tr th {
  white-space: nowrap;
  background-color: #e3edf6;
  color: #1a5aaf;
  vertical-align: middle;
}
table.vk_jobInfo_table tr:nth-child(2) td {
  padding: 0;
}
/* .vk_jobInfo_table tr:nth-child(2) th {
	display: block;
  width: 100%;
}
.vk_jobInfo_table tr:nth-child(2) td {
	display: block;
  width: 100%;
} */
table.vk_jobInfo_table table.table {
  margin: 0;
}
table.vk_jobInfo_table table.table tr th {
  /* display:table; */
  background-color: #eee;
  border-left: 0;
}
table.vk_jobInfo_table table.table tr td {
  padding: 10px 15px;
  border-right: 0;
}

table.vk_jobInfo_table table.table tr:first-child th,
table.vk_jobInfo_table table.table tr:first-child td {
  border-top: 0;
}
table.vk_jobInfo_table table.table tr:last-child th,
table.vk_jobInfo_table table.table tr:last-child td {
  border-bottom: 0;
}
body.single-recruit h2#post_title,
body.single-recruit h2#form_title {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}
.post_content .members-img img{
	border-radius:40px;
}
.members-img.is-style-default {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
body .is-layout-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.single-recruit .wp-block-vk-blocks-outer.vk_outer {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.single-recruit .wp-block-vk-blocks-outer.vkb-outer-780aec60-ea3d-4a87-b872-4384d251a31f.vk_outer.vk_outer-width-normal.vk_outer-paddingLR-none.vk_outer-paddingVertical-use.vk_outer-bgPosition-normal.recruit-single-main-column {
    margin: 0 auto;
}
.recruit-title1{
	width:50%;
	margin:0 auto;
}
.recruit-title2{
	width:60%;
}
.recruit-message-title{
	background-image: url(/cms/wp-content/uploads/2025/12/recruit-message-title-1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.recruit-message-title h3{
	text-align:center;
	padding-top: 30px !important;
}
.recruit-members-title{
	background-image: url(/cms/wp-content/uploads/2025/12/recruit-members-title-1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.recruit-members-title h3{
	text-align:center;
	padding-top: 30px !important;
}
.recruit-benefits-title {
    background-image: url(/cms/wp-content/uploads/2025/12/recruit-benefits-title-1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.recruit-benefits-title h3{
	text-align:center;
	padding-top: 30px !important;
}
.recruit-moreinfo-title{
	background-image: url(/cms/wp-content/uploads/2025/12/recruit-moreinfo-title-1.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.recruit-moreinfo-title h3{
	text-align:center;
	padding-top: 30px !important;
}
@media screen and (max-width: 770px) {
  .post_content .members-img img{
    /* width: 50% !important; */
    max-width: 280px !important;
  }
  /* .member-message .members-img {
    width: 50% !important;
    disply: inline-block;
    margin: 0;
  }
  .member-message .member-message_txt {
    width: 50%;
    disply: inline-block;
  } */
}
@media screen and (max-width: 640px) {
  table.vk_jobInfo_table {
    width: 100%;
  }
  table.vk_jobInfo_table th,
  table.vk_jobInfo_table td {
    display: block;
    width: 100%;
/*     border-bottom:none; */
  }
  table.vk_jobInfo_table table tr:last-child{
    border-bottom: solid 1px #ccc;
  }
  table.vk_jobInfo_table table.job_inner_tbl th {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;
  }
  table.vk_jobInfo_table table.job_inner_tbl tr:first-child th {
    border-bottom: 1px solid #bbb;
  }
  table.vk_jobInfo_table table.job_inner_tbl td {
    border-left: 0;
  }	
	
}

.page-id-3669 .post_content th {
		background: #f4f4f4;
}
.page-id-3669 .post_content th , .page-id-3669 .post_content td{
		border: solid 1px #ccc;
}

.single-recruit div#main_col{
	margin: 0 auto;
}
.single-recruit div#bread_crumb {
    display: none;
}
.single-recruit p {
    line-height: 1.5;
}
.recruit-single-main{
 	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	margin-top: -50px;
}
.recruit-single-main-col{
 	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
.recruit-single-main-column{
	width:1200px;
	margin:0 auto;
}
.recruit-single-main-column1{
	text-align:center;
}
.recruit-column-title{
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
	padding: 0px!important;
}

@media screen and (max-width: 1200px) {
.recruit-single-main-column{
	width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 770px) {
		.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-9d6595d7.wp-block-columns-is-layout-flex.mobile-column {
    display: block;
}
.recruit-single-img {
    text-align: center;
}
.recruit-single-img img {
    width: 300px;
}
	.recruit-title1{
		width:100%;
	}
}

a.btn-circle-border-simple p {
    position: relative;
    top: 60px;
}
p.has-text-align-center.members-text{
	    margin: 0 0 0 0!important;
}
.single-recruit-main-text1{
	background-color: #ffffffc4;
    width: fit-content;
	padding:11px;
}
.single-recruit-main-text2{
	background-color: #ffffffc4;
    width: fit-content;
	padding:11px;
}
.recruit-single-column1{
	padding: 20px 80px 20px 80px;
	z-index:2;
}
.recruit-single-column2{
    margin-top: -30px!important;
    margin-left: -100px!important;
	z-index:3;
	width: 40%;
}
.recruit-single-column3{
    margin-top: -30px!important;
    margin-right: -100px!important;
	z-index:3;
	width: 40%;
}
.recruit-single-column4{
	padding:20px 20px 0 0px;
	margin-top:30px;
}
.recruit-single-column4-img {
    margin-top:-100px!important;
	margin-bottom: -28px!important;
	padding:20px 20px 0 20px;
	width: 500px;
}
.recruit-single-column5{
	padding: 20px 20px 20px 120px;
	z-index:2;
}
.recruit-single-column6{
	background-color:#ffffff94;
	margin:0 34px 0 34px;
	gap:0;
}
.recruit-single-main-column-table{
	width: 1200px;
    margin: 0 auto;
	padding:20px;
}
.table_design03 {
	border-collapse: collapse;
	width:100%;
}
.table_design03 th, .table_design03 td {
	border: 1px solid #bbbbbb00;
	border-bottom: 2px solid #c1c7c6;
	padding: 1em;
}
.table_design03 td {
    line-height: 1.5;
}
.table_design03 th {
	border-bottom: 2px solid #1a5aaf;
	font-weight: bold;
	text-align: center;
	width: 20%;
	min-width: 4em;
	background: #fff;
}

.vk_jobInfo_table {
	border-collapse: collapse;
	width:100%;
}
.vk_jobInfo_table th, .vk_jobInfo_table td {
	border: 1px solid #bbbbbb00;
	border-bottom: 2px solid #c1c7c6;
	padding: 1em;
}
.vk_jobInfo_table td {
    line-height: 1.5;
}
.vk_jobInfo_table th {
	border-bottom: 2px solid #1a5aaf;
	font-weight: bold;
	text-align: center;
	width: 20%;
	min-width: 4em;
	background: #fff;
}

@media screen and (max-width: 1200px) {
    .recruit-single-main-column-table{
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 782px) {
	.recruit-title-h3{
		text-align:center;
	}
	.recruit-title-text{
		text-align:center;
	}
	.recruit-single-column1{
		padding: 20px;
	}
	.recruit-single-column2{
   		margin-left: 0px!important;
		z-index:3;
		width: 100%;
}
	.recruit-single-column3{
    	margin-top: -50px!important;
    	margin-right: 0px!important;
		z-index:3;
}
	.recruit-single-column4{
		padding: 20px 20px 0 20px;
	}
	.recruit-single-column4-img {
    width: 300px;
   margin: 0 auto!important;
}
	.recruit-single-column6{
	margin:0;
}
	.table_design03 th, .table_design03 td {
		display: block;
		width:100%;
}
	.table_design03 th{
		background-color: #ebf3ff;
}
	.vk_jobInfo_table th, .vk_jobInfo_table td {
		display: block;
		width:100%;
}
	.vk_jobInfo_table th{
		background-color: #ebf3ff;
}
	.recruit-yt{
		height:350px;
	}
	
}


.btn-circle-border-simple {
	display: inline-block;
    text-decoration: none;
    color: #fff !important;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: solid 2px #ff7800;
    background-color: #ff7800;
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    /* transition: .4s; */
    position: absolute;
    right: 10%;
    top:120px;
}
.btn-circle-border-simple span{
	/* position: absolute;
	right: 0%;
  text-align: center;
	width: 180px; */
  font-size: 18px;
	/* background-color: #ff7800;
	height: 180px;
	border-radius: 50%;
	color: #fff; */
}
.btn-circle-border-simple a{
	text-decoration:none;
}
.btn-circle-border-simple:hover {
	text-decoration:none!important;
}
.arrow {
  transform: translateY(0); 
  transition: transform 0.3s ease-in-out; 
}
.arrow:hover {
  transform: translateY(5px);
}
i.fa-solid.fa-caret-down.fa-2xl.arrow {
    padding: 110px 80px 70px 80px;
    margin: -110px -80px -70px -80px;
}


@media screen and (max-width: 575px) {
.recruit-single-main{
 	margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
	margin-top: -36px;
}
		.recruit-yt{
		height:200px;
	}
		.btn-circle-border-simple{
		display:none;
	}
}

.recruit-member-text-column{
    margin-top: -100px!important;
    z-index: 1!important;
}
.recruit-member-image{
	position: relative;
	z-index: 2!important;
	width: 80%;
    margin: 0 auto;
}

/* 樽本産業株式会社 */
.page-id-3669 .post_content th {
    background: #f4f4f4;
    font-weight: normal;
}
.page-id-3669 .post_content td, .page-id-3669 .post_content th {
    border: 1px solid #ccc;
}

/* mw wp form共通 */
.mw_wp_form input {
  font-size: 16px !important;
}
.mw_wp_form .responsive_tbl table {

}
.mw_wp_form p {
  margin: 15px 0 20px;
}
.mw_wp_form p.center {
  text-align: center;
}
.mw_wp_form span.mwform-checkbox-field {
  display: inline-block;
  margin: 10px 0;
  text-align: left;
}
.mw_wp_form span.mwform-checkbox-field input[type=checkbox],
.mw_wp_form span.mwform-radio-field input[type=radio] {
   transform: scale(1.5);
}
.mw_wp_form span.mwform-checkbox-field span.mwform-checkbox-field-text {
  font-weight: bold;
  font-size: 1.2rem;
}
.mw_wp_form input.btn.btn-primary {
   width: 100%;
  max-width: 480px;
   padding: 14px 0 14px 0;
		background-color: #1a5aaf;
}
.mw_wp_form input.btn.text_back {
   padding: 14px 28px;
}
.mw_wp_form th {
		font-weight:bold;
  }
.mw_wp_form .select_box {
  position: relative;
}
.mw_wp_form .select_box {
  width: 100%;
  max-width: 280px;
}
.mw_wp_form .select_box::after {
      height: 38px;
      line-height: 38px;
      font-size: 18px;
      position: absolute;
      top: 0;
      right: 10px;
      content: "\f107";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #aaa;
      pointer-events: none;
}
.mw_wp_form.mw_wp_form_confirm .select_box::after {
      content: "";
}

.mw_wp_form .select_box select {
  border: 1px solid #ced4da;
  border-radius: .25rem;
  height: 38px;
  width: 100%;
}
/* simulator */
div.simulator {
  margin: 30px auto 80px;
  padding: 65px 15px 55px;
  border: 1px #ccc solid;
  border-radius: 20px;
  background-color: #f7fcff;
}
.simulator_inner {
  max-width: 840px;
  margin: 0 auto;
}
.simulator_inner table.select th {
  text-align: left;
  width: 30%;
  font-size: 20px;
}
.mw_wp_form .simulator_inner .select_box {
  width: 100%;
/*  max-width: 120px;*/
}
.mw_wp_form.simulator select {
  border: 1px #ccc solid;
  height: 38px;
  width: 100%;
  z-index: 1;
  cursor: pointer;
}
.simulator_resultbtn {
  max-width: 840px;
  margin: 25px auto 0;
  text-align: center;
}
.simulator_resultbtn button.simulator_calc,
.simulator_resultbtn button.simulator_reset {
  width: 100%;
  max-width: 25%;
}
.simulator_resultbox {
  max-width: 840px;
  margin: 40px auto 0;
  text-align: center;
}
.simulator_result {
  height: 4rem;
  padding: 15px;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  border: 1px #ddd solid;
  border-radius: 5px;
  background-color: #fffcdd;
  margin: 0;
  color: #ff6900;
}
.simulator #totalCost {

}
.simulator .simulator_goform {
  max-width: 840px;
  margin: 40px auto 10px;
  text-align: center;
}

.mw_wp_form input.form-control.simulator_argument {
  font-size: 20px !important;
  color: #000;
  font-weight: bold;
  border: none;
  padding: 0;
}
.mw_wp_form select.form-control.simulator_argument {
  font-size: 20px !important;
  color: #000;
  font-weight: bold;
  padding: 0 10px;
  height: 36px;
}

@media only screen and (max-width: 767px ) {
  div.simulator {
    margin: 40px auto 60px;
    padding: 15px 15px 15px;
    border: 1px #ccc solid;
    border-radius: 20px;
    background-color: #f7fcff;
  }
  .simulator_inner table.select th,
  .simulator_inner table.select td {
    display: block;
    width: 100%;
  }
  .simulator_resultbtn button.simulator_calc,
  .simulator_resultbtn button.simulator_reset {
    max-width: 100%;
    margin-bottom: 8px;
  }

  .mw_wp_form input.text_back.btn.btn-default {
    width: 100%;
    margin-bottom: 5px;
  }
}

/* blog */
ol#blog_list {
  margin: 40px 0 50px;
}
ol#blog_list a.image {
  height: 200px;
}
#blog_list li a.image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, .5);
}
@media only screen and ( max-width: 1250px ) {
  #blog_list li {
    width: calc( 33.333% - 14px );
    margin: 0 20px 20px 0;
    font-size: 14px;
  }
  #blog_list .image {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
  }
  ol#blog_list li a.image {
    height: 15vh;
  }
/*   #blog_list li a.image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: rgba(0, 0, 0, .5);
  } */
  ol#blog_list li .image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}
@media only screen and ( max-width: 1000px ) {
  ol#blog_list li a.image {
    height: 13vh;
  }
}
@media only screen and ( max-width: 900px ) {
  ol#blog_list li {
    width: calc( 50% - 8px );
  }
  ol#blog_list li a.image {
    height: 19vh;
  }
}
@media only screen and ( max-width: 840px ) {
  ol#blog_list li a.image {
    height: 17vh;
  }
}
@media only screen and ( max-width: 770px ) {
  ol#blog_list li,
  ol#blog_list li:nth-child(3n) {
/*     width: calc( 50% - 8px ); */
    width: 100%;
    margin: 0 15px 15px 0;
  }
  ol#blog_list li:nth-child(2n) {
    margin: 0;
  }
  ol#blog_list li a.image {
    height: 39vh;
  }
  #blog_list .title {
    display: block;
    line-height: 140%;
    height: 2.5em;
    over-flow: hidden;
  }
}
@media only screen and ( max-width: 700px ) {
  ol#blog_list li a.image {
    height: 36vh;
  }
}
@media only screen and ( max-width: 630px ) {
  ol#blog_list li a.image {
    height: 29vh;
  }
}
@media only screen and ( max-width: 540px ) {
  ol#blog_list li a.image {
    height: 22vh;
  }
}
#main_col {
  margin: 0 auto 50px;
}
.page-id-3656 #main_col {
  margin: 0 auto 0;
}
.blog #main_col {
  padding-top: 0;
}
/* page header BG */
#archive_catchphrase,
#archive_headline {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: 0;
  margin-bottom: 50px;
  padding: 5rem 0 0;
  min-height: 15rem;
  color: #000;
}
#archive_header {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-top: 0;
  margin-bottom: 60px;
  padding: 6rem 0 0;
  /* height: 14rem; */
  color: #000;
}
#archive_catchphrase .headline {
  line-height: 200%;
  margin: 0 0 0 0!important;
}


.page-id-3652 div#post_title_box {
    display: none;
}
.page-id-3658 div#post_title_box {
    display: none;
}
.page-id-3708 div#post_title_box {
    display: none;
}
.page-id-3712 div#post_title_box {
    display: none;
}
body.service #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_service.jpg);
  background-position: center;
  background-size: cover;
  display: none;
}
body.service #post_title_box h2 {
  color: #000;
}
body.clane #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_clane.jpg);
  background-position: center;
  background-size: cover;
}
body.clane #post_title_box h2 {
  color: #000;
}
body.boiler #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-boiler-1.jpg);
  background-position: center;
  background-size: cover;
  /* margin-top: -5rem; */
}
body.boiler #post_title_box h2 {
  color: #000;
}
body.parking #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-parking-1.jpg);
  background-position: center;
  background-size: cover;
  /* margin-top: -5rem; */
}
body.parking #post_title_box h2 {
  color: #000;
}
body.made-to-order #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_made-to-order.jpg);
  background-position: center;
  background-size: cover;
}
body.made-to-order #post_title_box h2 {
  color: #000;
}
body.company #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-company-2.jpg);
  background-position: center;
  background-size: cover;
	/* margin-top: -5rem; */
}
body.company #post_title_box h2 {
  color: #000;
}
body.company #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-company-2.jpg);
  background-position: center;
  background-size: cover;
	/* margin-top: -5rem; */
}
body.qualification #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-history.jpg);
  background-position: center;
  background-size: cover;
  /* margin-top: -5rem; */
}
body.qualification #post_title_box h2 {
  color: #000;
}
body.history #post_title_box h2 {
  color: #000;
}
body.access #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-access-1.jpg);
  background-position: center;
  background-size: cover;
  /* margin-top: -5rem; */
}
body.access #post_title_box h2 {
  color: #000;
}
body.piping #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_piping.jpg);
  background-position: center;
  background-size: cover;
}
body.piping #post_title_box h2 {
  color: #000;
}
body.flattening #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_flattening.jpg);
  background-position: center;
  background-size: cover;
}
body.flattening #post_title_box h2 {
  color: #000;
}
body.contact #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-contact-1.jpg);
  background-position: center;
  background-size: cover;
  margin-bottom: 50px;
  /* margin-top: -5rem; */
}
body.contact #post_title_box h2 {
  color: #000;
}
body.simulator #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-parking-1.jpg);
  background-position: center;
  background-size: cover;
  /* margin-top: -5rem; */
}
body.simulator #post_title_box h2 {
  color: #000;
}
body.category-interview #post_title_box {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-interview.jpg);
  background-position: center;
  background-size: cover;
}
body.category-interview #post_title_box h2 {
  color: #000;
}
body.investigation-request #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/12/parking_estimate_img.jpg);
  background-position: center;
  background-size: cover;
}
body.investigation-request #post_title_box h2 {
  color: #000;
}
body.thanks #post_title_box {
  background-image: url(/cms/wp-content/uploads/2023/12/parking_estimate_img.jpg);
  background-position: center;
  background-size: cover;
}
body.thanks #post_title_box h2 {
  color: #000;
}
/*body.sangyo #post_title_box {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_sangyo.jpg);
  background-position: center;
  background-size: cover;
}*/
body.sangyo #post_title_box {
  display:none;
}
body.sangyo #post_title_box h2 {
  color: #000;
}
body.post-type-archive-recruit #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_recruit.jpg);
  background-position: center;
  background-size: cover;
  margin-bottom: 50px;
}
body.post-type-archive-recruit #archive_catchphrase h2 {
  color: #000;
}
body.post-type-archive-works #archive_catchphrase,
body.tax-works-cat #archive_catchphrase,
body.tax-works-tag #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/12/pageheader-works-2.jpg);
  background-position: center;
  background-size: cover;
  margin-bottom: 50px;
}
body.post-type-archive-works #archive_catchphrase h2,
body.post-type-archive-works #archive_catchphrase .desc,
body.tax-works-cat #archive_catchphrase h2,
body.tax-works-cat #archive_catchphrase .desc,
body.tax-works-tag #archive_catchphrase h2,
body.tax-works-tag #archive_catchphrase .desc {
  color: #000;
}

body.post-type-archive-works #archive_catchphrase h2,
body.tax-works-cat #archive_catchphrase h2,
body.tax-works-tag #archive_catchphrase h2{
	display: flex;
	align-items: center;
}

/*ヘッダータイトル*/
.header-column{
	width:1200px;
	margin:0 auto;
}
p.header-text1{
	text-align: left;
	color: #1a5aaf;
}

p.header-text2{
	text-align: left;
	line-height: 1.5em;
}

@media only screen and ( max-width: 1200px ) {
.header-column{
	width:100%;
	padding:0 20px 20px 20px;
}
}
@media only screen and ( max-width: 770px ) {
  p.header-text2{
    margin: 65px 0 25px;
  }
}

/* ヘッダーアニメーション関係 */
.txt {
    display: flex;
    overflow: hidden;
}

.txt p {
    font-weight: bold;
    letter-spacing: .06em;
    margin: 0;
    transform: translateY(2em);
    animation: textanimation 1s forwards;
}
.txt p:nth-child(1) {
    animation-delay: 0.1s
}
.txt p:nth-child(2) {
    animation-delay: 0.2s
}
.txt p:nth-child(3) {
    animation-delay: 0.3s
}
.txt p:nth-child(4) {
    animation-delay: 0.4s
}
.txt p:nth-child(5) {
    animation-delay: 0.5s
}
.txt p:nth-child(6) {
    animation-delay: 0.6s
}
.txt p:nth-child(7) {
    animation-delay: 0.7s
}
.txt p:nth-child(8) {
    animation-delay: 0.8s
}
.txt p:nth-child(9) {
    animation-delay: 0.9s
}
.txt p:nth-child(10) {
    animation-delay: 1s
}
.txt p:nth-child(11) {
    animation-delay: 1.1s
}
.txt p:nth-child(12) {
    animation-delay: 1.2s
}
.txt p:nth-child(13) {
    animation-delay: 1.3s
}

@keyframes textanimation {
    0% {
        transform: translateY(2em);
    }

    100% {
        transform: translateY(0);
    }
}


.works-title{
	width: 600px;
	text-align:left;
}

body.post-type-archive-column #archive_catchphrase{
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-column-1.jpg);
  background-position: center;
  background-size: cover;
  padding: 0
  height: auto;
  margin-bottom: 50px;
}

body.post-type-archive-column #archive_catchphrase h2{
	color:#000!important;
}

body.post-type-archive-column #archive_catchphrase h2 {
	display: flex;
	align-items: center;
}
h2.headline.rich_font.color_headline .txt {
    color: #000;
}

body.single-column #archive_catchphrase{
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-column-1.jpg);
  background-position: center;
  background-size: cover;
  /* height: 14rem; */
  margin-bottom: 20px;
}
body.single-column #archive_catchphrase h2 {
  display: flex;
  align-items: center;
}

.tax-cat-biz #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/11/pageheader-column-1.jpg);
    background-position: center;
    background-size: cover;
    margin-bottom: 50px;
}

body.tax-cat-biz #archive_catchphrase h2 {
	display: flex;
	align-items: center;
}

body.tax-cat-biz #archive_catchphrase h2{
  color:#000!important;
}

body.post-type-archive-recruit #archive_catchphrase h2{
  transform: skewX(348deg);
	color:#fff!important;
}
.recruit-title{
  display: block;
  content: '';
  left: -14px;
  transform: skewX(12deg);
  transform-origin: 100% 0;
  background: #1a5aaf;
  width: 560px;
  position:absolute;
  top: 240px;
}


body.blog #archive_catchphrase, #archive_headline{
	    padding: 0 0 0!important;
}
body.blog #archive_header h2 {
	display: flex;
	align-items: center;
}
body.blog #archive_catchphrase{
	background-image: url(/cms/wp-content/uploads/2025/11/pageheader-news.jpg);
	background-position: center;
    background-size: cover;
}
body.blog #archive_header {
	display:none;
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-news.jpg);
  background-position: center;
  background-size: cover;
  padding: 0
  height: auto;
  margin-bottom: 50px;
}
body.blog #archive_header h2#archive_headline {
  margin: auto;
  height: auto;
  padding: 0;
  line-height:1!important;
}
body.blog #archive_header h2 {
  color: #000;
}
body.category-blog #post_title_box,
body.category-news #post_title_box {
	background-image: url(/cms/wp-content/uploads/2025/11/pageheader-news.jpg);
	background-position: center;
    background-size: cover;
}
body.category-blog #archive_header {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-blog.jpg);
  background-position: center;
  background-size: cover;
  padding: 0
  height: auto;
  margin-bottom: 50px;
}
body.category-blog #archive_catchphrase, #archive_headline{
	    padding: 0 0 0!important;
}
body.category-blog #post_title_box{
	padding: 5rem 0 0;
    height: 14rem;
}
body.category-blog #archive_header h2 {
	display: flex;
	align-items: center;
}
body.category-blog #archive_header h2#archive_headline {
  margin: auto;
  height: auto;
  padding: 0;
}
body.category-blog #archive_header h2 {
  color: #000;
  line-height:1!important;
}
body.single-interview #post_title_box,
body.category-interview #archive_header,
body.post-type-archive-interview #archive_catchphrase,
body.tax-interview_tag #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-interview.jpg);
  background-position: center;
  background-size: cover;
  padding: 0
  height: auto;
  margin-bottom: 60px;
}
.single-interview #left_col ul#post_meta_top,
.single-interview #archive_catchphrase{
	    display: none;
}
.single-interview #main_col {
    margin-top: 100px;
}
.single-interview #left_col h2#single_post_title {
  margin: -8px 0 15px;
  line-height: 1.3;
}
.single-interview #side_col .postList_body .postList_date {
  display: none;
}
body.category-interview #archive_catchphrase, #archive_headline{
	    padding: 0 0 0!important;
}
body.category-interview #archive_header h2 {
	display: flex;
	align-items: center;
}
body.category-interview #archive_header h2#archive_headline {
  margin: auto;
  height: auto;
  padding: 0;
}
body.category-interview #archive_header h2 {
  color: #000;
  line-height:1!important;
}
#interview_related { clear:both; padding:0; }
#interview_related .headline { background:#0059b5; color:#fff; height:50px; line-height:50px; padding:0 20px; max-width: 320px; clip-path: polygon(0 0, 90% 0, 90% 0, 100% 50%, 90% 100%, 90% 100%, 0 100%); margin: 0 calc(50% - 50vw) 30px; font-size: 24px; }

/* インタビューリスト */
#interview_list li { float:left; width:calc(25% - 4px); height:100%; margin:2px; overflow:hidden; position:relative; margin-bottom: 2px;border: 14px solid #eaeaea;border-radius: .50rem; }
#interview_list .image {
  display:block;
  height:240px;
  /* margin-top: -30px; */
  background-color: #dddddd;
  display: flex;
  align-items: center;
}
#interview_list img {
    width: auto;
    max-width: 300px;
    height: auto;
    max-height: 300px;
    display: block;
	margin: 0 auto;
  -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
  -webkit-backface-visibility:hidden; backface-visibility:hidden;
}

#interview_list .image:before {
  width:auto; height:auto; display:block; content:''; background:rgba(0,0,0,0.5); position:absolute; z-index:2;
  opacity:0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s;
}
#interview_list li:hover .image:before { opacity:1; }
#interview_list .title {
  display:block; padding:15px 8px 10px 8px; color:#333; background:#eaeaea; width:100%;  line-height:1.6; font-size:13px; text-decoration:none; position:none; z-index:3;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
/*     margin-top: -49px; */
    bottom: 0;
/*   -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);
  -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; */
}
#interview_list .title .interview_archive_desc {
    font-size: 14px;
    height: 40px;
}
/* #interview_list li:hover .title {
  -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);
} */
#interview_list li:nth-child(4n) .title {
    border-right: 1px #ddd solid;
}
#interview_list .title span { display:block; font-size:13px; font-weight: bold; height: 42px; overflow: hidden;}
#interview_list .title span.works_title { margin:0; color:#333; font-size:16px; font-weight: bold; margin-bottom: 4px; }
@media only screen and (max-width: 1000px) {
  .single-interview #side_col {  /* サイドバーを1000pxで消す */
    display: none;
  }
  #interview_related {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 990px) {

}
@media only screen and (max-width: 770px) {
#interview_list .image{
	height: 240px;
	}
#interview_list .image:before{
	width: 100%;
    height: 190px;
}
}
@media only screen and (max-width: 450px) {
#interview_list .image{
	height: 220px;
	}
}


@media only screen and (max-width: 1250px) {
  #interview_list li {
    width: calc(25% - 4px);
    height: 25%;
  }
  #interview_list img {
    width: 100%;
  }
  #interview_list .title {
    bottom:0; 
 }
}

@media only screen and (max-width: 990px){
  #interview_list li {
    width: calc(50% - 4px);
    height: 50%;
  }
}
@media only screen and (max-width: 770px){
  #interview_list li {
    width: 100%;
    height: 50%;
  }
  #interview_list img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
@media only screen and (max-width: 1250px) {
  #interview_related .headline {
   margin: 0 calc(50% - 34vw) 30px;
  }
}
@media only screen and (max-width: 1000px) {
  #interview_related .headline {
   margin: 0 calc(50% - 50vw) 30px;
  }
}

/* ソートボタンと記事一覧 */
#interview_list li.active {
  -webkit-transform: translateY(50px); transform: translateY(50px);
  -webkit-animation: moveUp 0.65s ease forwards 0.5s; animation: moveUp 0.65s ease forwards 0.5s;
}
#interview_side_content { background:#f4f4f4; padding:20px 25px 20px; line-height:1.8; }
#interview_side_content h3 { font-weight:bold; font-size:22px; line-height:1.5; margin-bottom: 15px; }
#interview_title { font-size:20px; margin:0; }
#interview_catch { font-size:14px; margin:10px 0 10px 0; padding: 3px 10px; background-color: #999; color: #fff; line-height: 1.5; }

#side_col .postList_body {
  line-height: 1.5;
}
.current-tag-title {
  margin: 25px 0 0;
  display: inline-block;
  background-color: #e3edf6;
  border-radius: 100px;
  padding: 10px 20px;
 
}
body.category-news #archive_catchphrase, #archive_headline{
	    padding: 0 0 0!important;
}
body.category-information #archive_catchphrase {
  background-image: url(/cms/wp-content/uploads/2025/11/pageheader-news.jpg);
  background-position: center;
  background-size: cover;
}
body.category-information #archive_header h2 {
	display: flex;
	align-items: center;
}
body.category-information #archive_header h2#archive_headline {
  margin: auto;
  height: auto;
  padding: 0;
}
body.category-information #archive_header h2 {
  color: #000;
  line-height: 1;
}
.single-post.category-information #archive_catchphrase{
	  padding: 0rem 0 0;
}
.qualification h2#post_title {
  padding: 5.5rem 0 0;
  height: 14rem;
  text-align: center;
  color: #fff;
  font-size: 36px;
  background-image: url(/cms/wp-content/uploads/2023/05/pageheader_qualification.jpg);
  background-position: center;
  background-size: cover;
}
.single-recruit h2#post_title {
  padding: 5.5rem 0 0;
  height: 14rem;
  text-align: center;
  color: #fff;
  font-size: 36px;
  background-image: url(/cms/wp-content/uploads/2023/06/pageheader_recruit_detail2.jpg);
  background-position: center;
  background-size: cover;
}

#recruit_single_archive_catchphrase{
  background-image: url(/cms/wp-content/uploads/2023/06/pageheader_recruit_detail2.jpg);
  background-position: center;
  background-size: cover;
  padding: 0
  height: auto;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 5rem 0 0;
  height: 14rem;
  text-align: center;
  margin-bottom: 50px;
}
#recruit_single_archive_catchphrase .headline {
    line-height: 1.5;
    margin: 0 0 0 0 !important;
}
.recruit-single-title{
    display: block;
    content: '';
    margin-left: -20px;
    transform: skewX(12deg);
    transform-origin: 100% 0;
    background: #1a5aaf;
    width: 560px;
    position: absolute;
    top: 180px;
    z-index: 1;
}
#recruit_single_archive_catchphrase h2{
	transform: skewX(348deg);
	color: #fff;
	font-size: 40px;
}

.blog-title {
    width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width:990px) {
	body.access #archive_catchphrase {
  		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-access-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.category-blog #archive_header{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-blog-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
	body.boiler #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-boiler-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	.term-boiler #archive_header{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-boiler-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
 		background-position: center;
  		background-size: cover;
}
	body.contact #archive_catchphrase{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-contact-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
	body.post-type-archive-column #archive_catchphrase {
   		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.single-column #archive_catchphrase{
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
	.tax-cat-biz #archive_catchphrase{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
	body.company #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-company-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.history #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-history-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.category-interview #archive_header {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-interview-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.post-type-archive-interview #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-interview-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    	background-position: center;
    	background-size: cover;
}
	body.parking #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	.term-parking #archive_header{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
  		background-position: center;
  		background-size: cover;
}
	body.simulator #archive_catchphrase{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
    	background-position: center;
    	background-size: cover;
}
	body.post-type-archive-works #archive_catchphrase,
	body.tax-works-cat #archive_catchphrase, body.tax-works-tag #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-works-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
.term-crane #archive_header{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-works-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
  		background-position: center;
  		background-size: cover;
}
	body.blog #archive_header {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.category-information #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
		padding: 0 0 0;
}
	body.category-information #post_title_box{
		padding: 5rem 0 0;
	}
body.category-blog #post_title_box{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
		background-position: center;
  		background-size: cover;
}
body.category-news #post_title_box{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
		background-position: center;
  		background-size: cover;
}	
body.blog #post_title_box {
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-tb.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
		background-position: center;
  		background-size: cover;
	}

@media only screen and (max-width:770px) {
	body.access #archive_catchphrase {
  	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-access-sp-1.jpg);
}
	body.category-blog #archive_header{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-blog-sp-1.jpg);
	}
	body.boiler #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-boiler-sp-2.jpg);
}
	.term-boiler #archive_header{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-boiler-sp-2.jpg);
 	background-position: center;
  	background-size: cover;
}
	body.contact #archive_catchphrase{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-contact-sp-1.jpg);
	}
	body.post-type-archive-column #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-sp-1.jpg);
}
	body.single-column #archive_catchphrase{
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-sp-1.jpg);		
	}
	.tax-cat-biz #archive_catchphrase{
		background-image: url(/cms/wp-content/uploads/2025/12/pageheader-column-sp-1.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
	}
	body.company #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-company-sp-1.jpg);
}
	body.history #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-history-sp-1.jpg);
}
	body.category-interview #archive_header {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-interview-sp-1.jpg);
}
	body.post-type-archive-interview #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-interview-sp-1.jpg);
    background-position: center;
    background-size: cover;
}
	body.parking #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-sp-1.jpg);
}
	.term-parking #archive_header{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-sp-1.jpg);
  	background-position: center;
  	background-size: cover;
}
	body.simulator #archive_catchphrase{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-parking-sp-1.jpg);
    background-position: center;
    background-size: cover;
}
	body.post-type-archive-works #archive_catchphrase,
	body.tax-works-cat #archive_catchphrase, body.tax-works-tag #archive_catchphrase {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-works-sp-1.jpg);
}
.term-crane #archive_header{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-works-sp-1.jpg);
  	background-position: center;
  	background-size: cover;
}
	body.blog #archive_header {
    background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-sp-1.jpg);
}
	body.category-information #archive_catchphrase {
    	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-sp-1.jpg);
		margin-left: calc(-50vw + 50%);
        margin-right: calc(-50vw + 50%);
}
	body.category-information #post_title_box{
		padding: 0 0 0;
	}
body.category-blog #post_title_box{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-sp-1.jpg);
	background-position: center;
  	background-size: cover;
}
body.category-news #post_title_box{
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-sp-1.jpg);
	background-position: center;
  	background-size: cover;
}	
body.blog #post_title_box {
	background-image: url(/cms/wp-content/uploads/2025/12/pageheader-news-sp-1.jpg);
	background-position: center;
  	background-size: cover;
	}

  div#post_title_box {
    padding: 0 0 0;
    height: 12rem;
  }
	.page-id-3674 div#post_title_box {
    padding: 0 0 0;
  }
	.header-column{
	width:100%;
	padding: 5rem 20px 20px 20px;
}
  div#archive_catchphrase,
  body.blog #archive_header,
  body.category-blog #archive_header,
  body.category-interview #archive_header,
  body.category-information #archive_header {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0 0 0;
	margin-bottom: 100px;
  }
	
  body.post-type-archive-works #archive_catchphrase,
  body.tax-works-cat #archive_catchphrase,
  body.tax-works-tag #archive_catchphrase {
    margin-bottom: 20px;
  }
  #works_sort_box {
    margin-top: 20px !important;
    margin-bottom: 20px;
  }

  div#archive_catchphrase h2.headline {
    font-size: 16px;
    margin: 0;
  }
  div#archive_catchphrase .desc {
    text-align: center;
  }
  .recruit_link_bnr div.wp-block-column.is-layout-flow {
    margin-bottom: -15px;
  }
	
  body.post-type-archive-works #archive_catchphrase h2,
  body.tax-works-cat #archive_catchphrase h2,
  body.tax-works-tag #archive_catchphrase h2{
	font-size:30px!important;
}
.works-title{
		width:100%;
		text-align:center;
}

.column-title{
  text-align:center;
	width:100%;
}
.recruit-title{
  display: block;
  content: '';
  left: -14px;
  transform: skewX(12deg);
  transform-origin: 100% 0;
  background: #1a5aaf;
  width:90%;
  position:absolute;
  top: 190px;
}
.recruit-single-title{
  display: block;
  content: '';
  left: -14px;
  transform: skewX(12deg);
  transform-origin: 100% 0;
  background: #1a5aaf;
  width:90%;
  position:absolute;
  top: 190px;
}
.blog-title{
		width:100%;
		text-align:center;
}

}


.recruit-template-default h6 {
    margin: 0!important;
}
@media only screen and (max-width:558px) {
.recruit-single-title{
        top: 190px;
}
#recruit_single_archive_catchphrase h2{
	font-size:28px!important;
	padding: 10px 0 10px 0;
	}
	
}

#side_col h3.side_headline {
  margin-bottom: -1px;
}
#side_col h3.side_headline a {
  display: block;
}
#side_col ul.localNavi li.page_item {
  margin-bottom: -1px;
  padding: 0;
}
#side_col ul.localNavi li.page_item a {
  border: 1px #ccc solid;
  padding: 10px 5px 10px 15px;
  width: 100%;
  display: block;
}
#side_col ul.localNavi li.page_item ul.children {
  margin: -1px 0 0;
}
#side_col ul.localNavi li.page_item ul.children li.page_item a {
  padding-left: 30px;
}

/* vk_slider_item */
.vk_slider_item_container .alert {
  font-size: 13px;
}

/* 投稿 */
.single-post h2#post_title {
  font-weight: bold;
}
.single-post h2#post_title a{
	color:#000!important;
	font-size:40px;
}

.wp-block-image .aligncenter > figcaption {
  display: block;
  text-align: left;
  line-height: 1.5;
  font-size: 13px;
}
#previous_next_post .title {
  width: calc(100% - 165px);
  float: right;
  padding: 15px 0 5px;
}
#previous_next_post .title .prev_guide,
#previous_next_post .title .next_guide {
  display: block;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
#previous_next_post .title span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (max-width: 992px) {
  #previous_next_post .prev_post .image {
    margin-right: 10px;
  }
  #previous_next_post .next_post .image,
  #previous_next_post .next_post img {
    margin-left: 10px;
  }
  #previous_next_post .prev_post .title {
    width: calc(100% - 150px);
    margin: 0 12px 0 0;
  }
  #previous_next_post .next_post .title {
    width: calc(100% - 150px);
    margin: 0;
  }
}
@media only screen and (max-width: 770px) {
  #previous_next_post .prev_post .title,
  #previous_next_post .next_post .title {
    width: calc(100% - 115px);
  }
	.single-post h2#post_title a {
    color: #000 !important;
    font-size: 24px;
}
}

/* TABLE */
.wp-block-table.kokka-shikaku_tbl table td,
.wp-block-table.shikaku_tbl table td  {
  border-right: 0 !important;
}
.wp-block-table.kokka-shikaku_tbl table td.has-text-align-right,
.wp-block-table.shikaku_tbl table td.has-text-align-right {
  border-left: 0 !important;
  border-right: 1px solid var(--vk-color-border-hr) !important;
}
.wp-block-table.kokka-shikaku_tbl table td.has-text-align-right {
  border-right: 1px #1a5aaf solid !important;
}
.wp-block-table.shikaku_tbl table td.has-text-align-right {
  border-right: 1px #000 solid !important;
}
/* form complete */
.complete_box {
  border: 1px #ccc solid;
  border-radius: 12px;
  background-color: #FFFFCC;
  margin: 30px 0;
  padding: 30px 15px;
}

.page-template .post_content p.low_lineheight {
  line-height: 1.2;
}

/* privacy-policy */
#body .privacy-policy .post_title_box{
	margin-bottom: 100px;
	
}

/* コラム記事 */
.single-column #side_col .postList_body .postList_date {
  display: none;
}
