/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* ----------------------------------------------------------------
  共通
---------------------------------------------------------------- */

body,
html,
h1,
h2,
h3,
h4,
h5,
h6,
.page-header-title
p{
	font-family: 'ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',serif!important;
	font-weight:lighter!important;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

@media screen and (max-width:991px) {
	.site-header{
		background-color:#fff!important;
		box-shadow:0 1px 3px rgba(0,0,0,.05)!important;
	}
}

@media screen and (max-width:768px) {
	.site-header{
		box-shadow:none!important;
	}
	
	.pc{
		display:none;
	}

	.sp{
		display:block;
	}
}

/* ----------------------------------------------------------------
  ハンバーガー
---------------------------------------------------------------- */

.vk-mobile-nav-menu-btn{
	border-color:#163eb0;
	background:url("https://xs628396.xsrv.jp/sekisho-kensetsu/wp-content/themes/lightning/_g3/inc/vk-mobile-nav/package/images/vk-menu-btn-white.svg") center 50% no-repeat #163eb0;
}

.vk-mobile-nav-menu-btn.menu-open{
	border-color:#163eb0;
	background:var(--vk-menu-acc-icon-close-white-bg-src) center 50% no-repeat #163eb0;
}


/* ----------------------------------------------------------------
  moreボタン
---------------------------------------------------------------- */

.more-btn{
  background-color: #fff;
  max-width: 200px!important;
  position: relative;
}

.more-btn a{
	font-family:'Helvetica','Arial',sans-serif;
	font-weight:bold;
	padding:0 !important;
	border:none!important;
	border-radius:0;
	transition:all 0.3s ease-in-out;
}

.more-btn .vk_button_link_caption{
	text-align: center;
	display: block;
	padding:10px 20px;
	width: 100%;
	text-decoration: none;
	position:relative;
}

.more-btn .vk_button_link_caption::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#163eb0;
	transition:all 0.3s ease-in-out;
}

.more-btn .vk_button_link_txt{
	position:relative;
}

.more-btn .vk_button_link_txt::before{
	content:'';
	position:absolute;
	display:block;
	width:30px;
	height:1px;
	bottom:40%;
	right:-50px;
	border-bottom:1px solid #163eb0;
	transition:all 0.3s ease-in-out;
}

.more-btn .vk_button_link_txt::after{
	content:'';
	position:absolute;
	display:block;
	background-color:#163eb0;
	width:10px;
	height:1px;
	bottom:calc(40% + 4px);
	right:-50px;
	transform:rotate(45deg);
	transition:all 0.3s ease-in-out;
}

.more-btn::before,
.more-btn::after{
  content: '';
  height: 1px;
  width: 50px;
  background-color: #163eb0;
  position: absolute;
}

.more-btn::before{
  top: 0;
  left: -10px;
}

.more-btn::after{
  bottom: 0;
  right: -10px;
}

.more-btn a::before,
.more-btn a::after{
  content: '';
  height: 50px;
  width: 1px;
  background-color: #163eb0;
  position: absolute;
}

.more-btn a::before{
  top: -10px;
  left: 0;
}

.more-btn a::after{
  bottom: -10px;
  right: 0;
}

/* hover */

.more-btn:hover a{
	color:#fff!important;
	transition:all 0.3s ease-in-out;
}

.more-btn:hover .vk_button_link_caption::before{
	width:100%;
	transition:all 0.3s ease-in-out;
}

.more-btn:hover .vk_button_link_txt::before{
	right:-60px;
	border-bottom:1px solid #fff;
	transition:all 0.3s ease-in-out;
}

.more-btn:hover .vk_button_link_txt::after{
	right:-60px;
	background-color:#fff;
	transition:all 0.3s ease-in-out;
}

.vk_button-color-custom a:hover{
	opacity: 1;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* ----------------------------------------------------------------
  CTAボタン
---------------------------------------------------------------- */

.cta-btn{
	max-width: 250px!important;
	margin:auto;
	position: relative;
}

.cta-btn a{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	padding:0 !important;
	border:none!important;
	border-radius:0;
	transition:all 0.3s ease-in-out;
}

.cta-btn .vk_button_link_caption{
	text-align: center;
	display: block;
	padding:10px 20px;
	width: 100%;
	text-decoration: none;
	position:relative;
}

.cta-btn .vk_button_link_caption::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#fff;
	transition:all 0.3s ease-in-out;
}

.cta-btn .vk_button_link_txt{
	position:relative;
}

.cta-btn::before,
.cta-btn::after{
  content: '';
  height: 1px;
  width: 50px;
  background-color: #fff;
  position: absolute;
}

.cta-btn::before{
  top: 0;
  left: -10px;
}

.cta-btn::after{
  bottom: 0;
  right: -10px;
}

.cta-btn a::before,
.cta-btn a::after{
  content: '';
  height: 50px;
  width: 1px;
  background-color: #fff;
  position: absolute;
}

.cta-btn a::before{
  top: -10px;
  left: 0;
}

.cta-btn a::after{
  bottom: -10px;
  right: 0;
}

/* hover */

.cta-btn:hover a{
	color:#333!important;
	transition:all 0.3s ease-in-out;
}

.cta-btn:hover .vk_button_link_caption::before{
	width:100%;
	transition:all 0.3s ease-in-out;
}


/* ---- 募集要項 ----------------------------------------------- */

#requirement .cta-btn .vk_button_link_caption::before{
	background-color:#163eb0;
}

#requirement .cta-btn::before,
#requirement .cta-btn::after{
  content: none;
}

#requirement .cta-btn a::before,
#requirement .cta-btn a::after{
  content: none;
}

/* hover */

#requirement .cta-btn:hover a{
	color:#fff!important;
}


/* ----------------------------------------------------------------
  トップイメージ
---------------------------------------------------------------- */

.top{
	width: 100vw;
	padding:0;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.top p:where(:not(:last-child)){
	margin-block-end:0!important;
}

.top .wp-block-image img:not([style*=object-fit]){
	height:inherit!important;
}

.top .wp-block-image img:not([style*=object-fit]){
	height:100%!important;
	width:auto;
}

.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow{
	position:relative;
	height:75vh;
}

.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow::before{
	content:'';
	background:linear-gradient(-90deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0.8), rgba(255,255,255,1), rgba(255,255,255,1), #fff 100%);
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	width:45%;
	height:75vh;
}

.top__title{
	position:absolute;
	z-index:1;
}

.top__title.pc{
	display:block;
	height:75vh;
	max-height:700px;
	top:50%;
	transform:translatey(-50%);
}

.top__title.sp{
	display:none;
}

.top__text{
	writing-mode:vertical-rl;
	margin:0;
	position:absolute;
	right:0;
	bottom:20px;
	z-index:1;
	height:230px;
}

@media screen and (max-width:768px) {
	.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow{
		height:85vh;
	}

	.wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow::before{
		background:linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0.8), rgba(255,255,255,1), rgba(255,255,255,1), #fff 100%);
		width:100%;
		height:40vh;
	}
	
	.top__title.pc{
		display:none;
	}

	.top__title.sp{
		display:block;
		height:auto;
		max-width:600px;
		width:100%;
		top:0;
		left:50%;
		transform:translatex(-50%);
	}
	
	.top__text{
		writing-mode:horizontal-tb;
		height:180px;
		width:100%;
		max-width:440px;
		right:auto;
		left:0;
	}
	
	.top br.pc{
		display:none;
	}
}

@media screen and (max-width:599px) {
	.top__title.sp{
		top:3%;
	}
}


/* ----------------------------------------------------------------
  企業理念
---------------------------------------------------------------- */

.concept.is-layout-grid{
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, 450px);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	position:relative;
	width:100vw;
	max-width:1200px;
	margin:auto;
	left:50%;
	transform:translatex(-50%);
}

.concept__item:nth-of-type(1){
	grid-area: 1 / 1 / 3 / 2;
}

.concept__item:nth-of-type(2){
	grid-area: 1 / 2 / 2 / 3;
    height: fit-content;
    padding: 5% 15% 5% 10%;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.concept__item:nth-of-type(3){
	grid-area: 2 / 2 / 4 / 3;
}

.concept__item:nth-of-type(4){
	grid-area: 3 / 1 / 4 / 2;
    height: fit-content;
    padding: 5% 10% 5% 15%;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.concept__item figure.wp-block-image{
	width:100%;
	height:100%;
	position:relative;
}

.concept__item figure.wp-block-image img{
	width:100%;
	height:100%!important;
	object-fit:cover;
}

.concept__item:nth-of-type(1) figure.wp-block-image::before,
.concept__item:nth-of-type(3) figure.wp-block-image::before{
	content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.concept__item:nth-of-type(1) figure.wp-block-image::before{
    background: linear-gradient(0deg, transparent 0 60%, #FFF 95%);
}

.concept__item:nth-of-type(3) figure.wp-block-image::before{
    background: linear-gradient(180deg, transparent 0 60%, #FFF 95%);
}

.concept__item:nth-of-type(1) figure.wp-block-image::after,
.concept__item:nth-of-type(3) figure.wp-block-image::after{
	content:'';
	display:block;
	width:50%;
	height:50%;
	max-width:300px;
	max-height:300px;
	position:absolute;
	background-image:url(https://xs628396.xsrv.jp/sekisho-kensetsu/wp-content/uploads/2025/11/about_bg_w.png);
	background-repeat:no-repeat;
	background-size:100%;
}

.concept__item:nth-of-type(2)::after,
.concept__item:nth-of-type(4)::after{
	content:'';
	display:block;
	width:50%;
	height:100%;
	max-width:200px;
	max-height:200px;
	position:absolute;
	background-image:url(https://xs628396.xsrv.jp/sekisho-kensetsu/wp-content/uploads/2025/11/about_bg_b.png);
	background-repeat:no-repeat;
	background-size:100%;
	z-index:-1;
}

.concept__item:nth-of-type(1) figure.wp-block-image::after{
	top:2%;
	left:0;
}

.concept__item:nth-of-type(2)::after{
	top:-30%;
	right:0;
	transform:rotate(180deg);
}

.concept__item:nth-of-type(3) figure.wp-block-image::after{
	bottom:2%;
	right:0;
}

.concept__item:nth-of-type(4)::after{
	bottom:-30%;
	left:0;
}

@media screen and (max-width:768px) {
	.concept.is-layout-grid{
		display:block;
	}
	
	.concept__item figure.wp-block-image img{
		max-height:500px;
		object-position:center;
	}
	
	.concept__item:nth-of-type(2),
	.concept__item:nth-of-type(4){
		padding:5%;
		margin-bottom:50px;
		top: auto;
		transform: none;
	}
	
	.concept__item:nth-of-type(1) figure.wp-block-image::before{
		background: linear-gradient(180deg, transparent 0 60%, #FFF 95%);
	}
	
	.concept__item:nth-of-type(1) figure.wp-block-image::after,
	.concept__item:nth-of-type(3) figure.wp-block-image::after{
		top:auto;
		bottom:0;
		right:auto;
		left:0;
	}
	
	.concept__item:nth-of-type(2)::after,
	.concept__item:nth-of-type(4)::after{
		top:auto;
		bottom:0;
		right:0;
		left:auto;
		transform:rotate(-90deg);
	}
}

	
/* ----------------------------------------------------------------
  事業概要
---------------------------------------------------------------- */

.service .wp-block-image img:not([style*=object-fit]){
	height:inherit!important;
}

.service__grid.is-layout-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(4, 350px);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.service__grid-item{
	height:100%;
	width:auto;
	position:relative;
}

.service__grid-item:nth-of-type(1){
	grid-area: 1 / 1 / 2 / 3;
}

.service__grid-item:nth-of-type(2){
	grid-area: 2 / 1 / 3 / 3;
}

.service__grid-item:nth-of-type(3){
	grid-area: 1 / 3 / 3 / 4;
}

.service__grid-item:nth-of-type(4){
	grid-area: 3 / 1 / 5 / 2;
}

.service__grid-item:nth-of-type(5){
	grid-area: 3 / 2 / 4 / 4;
}

.service__grid-item:nth-of-type(6){
	grid-area: 4 / 2 / 5 / 4;
}

.service__grid-item::before{
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.7;
    transition: all .3s ease-in-out;
}

.service__grid-item:hover::before{
	width:100%;
}

.service__grid-item:nth-of-type(1)::before{
	background-color:#ea4d32;
}

.service__grid-item:nth-of-type(2)::before{
	background-color:#00719a;
}

.service__grid-item:nth-of-type(3)::before{
	background-color:#d4557f;
}

.service__grid-item:nth-of-type(4)::before{
	background-color:#6b4799;
}

.service__grid-item:nth-of-type(5)::before{
	background-color:#5db75c;
}

.service__grid-item:nth-of-type(6)::before{
	background-color:#eb7c1e;
}

.service__grid-item figure{
	width:100%;
	height:100%;
}

.service__grid-item figure img{
	width:100%;
	height:auto;
	object-fit:cover;
	object-position:center;
}

.service__grid-txt{
	color:#fff;
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding:20px 30px;
}

.service__grid-txt h3{
	margin-bottom:10px!important;
}

@media screen and (max-width:768px) {
	.service__grid.is-layout-grid{
		display:block;
	}
	
	.service__grid-item figure img{
		max-height:350px;
		object-position:center;
	}
	
	.service__grid-item:nth-of-type(1) .service__grid-txt{
		max-width:none;
		bottom:0;
		left:0;
	}
}


/* ----------------------------------------------------------------
  工事実績
---------------------------------------------------------------- */

.works-ex .vk-post{
	position:relative;
}

.works-ex .vk_post_list_slider .vk_post{
	width:100%!important;
	border:none!important;
	border-radius:0!important;
}

.works-ex .vk_post.card:hover .vk_post_body,
.works-ex .vk_post.card:focus-within .vk_post_body{
	bottom:0;
	opacity:1;
    transition: all .3s ease-in-out;
}

.works-ex .card-body{
	color:#fff;
	background-color:rgba(22, 62, 176, 0.8);
	text-align:center;
	width:100%;
	height:65px;
	padding:0.75rem;
	position:absolute;
	bottom:-65px;
	opacity:0;
    transition: all .3s ease-in-out;
}

.works-ex .vk_post .vk_post_title a,
.works-ex .vk_post .vk_post_date{
	color:#fff;
}

@media screen and (max-width:768px) {
	.works-ex .card-body{
		color:#fff;
		background-color:rgba(22, 62, 176, 1);
		text-align:center;
		padding:0.75rem;
		position:relative;
		bottom:0;
		opacity:1;
	}
}
/*宅地開発*/
.postid-5572 .entry-header,
.postid-5572 .vk_categoryBadge_multiple,
.postid-5572 .entry-footer{
	display:none;
}


/* ----------------------------------------------------------------
  バナーエリア
---------------------------------------------------------------- */

.banner{
	max-width:600px;
	margin:auto;
}

.banner img{
	width:100%;
}

.banner a{
	opacity:1;
	transition:all 0.3s ease-in-out;
}

.banner a:hover{
	opacity:0.7;
	transition:all 0.3s ease-in-out;
}

.wp-container-core-columns-is-layout-133cf375{
	gap:20px!important;
}

@media screen and (max-width:768px) {
	.banner{
		max-width:500px;
	}
}


/* ----------------------------------------------------------------
  会社概要ページ
---------------------------------------------------------------- */

/* ---- 企業理念 ----------------------------------------------- */

.policy__wrap{
	max-width:750px;
	margin:auto;
}

@media screen and (max-width:768px) {
	.policy__wrap h2{
		text-align:left;
	}
}


/* ---- 企業概要 ----------------------------------------------- */

.outline{
	max-width:750px;
	margin:auto;
}

.outline iframe{
	width:100%;
	height:320px;
}

.outline tr{
	vertical-align:top;
}

.outline td{
	padding:10px 20px;
}

.outline td:first-of-type{
	background-color:#f9f9f9;
}


/* ---- 事業概要 ----------------------------------------------- */

.service-list__wrap{
	max-width:750px!important;
	margin:auto;
}

.service-list .wp-block-columns{
	gap:0;
}


/* ----------------------------------------------------------------
  工事実績ページ
---------------------------------------------------------------- */

.works__table td{
	padding:10px 20px;
}

.works__table td:nth-of-type(1){
	background-color:#f9f9f9;
	width:20%;
}

@media screen and (max-width:575px) {
	.works__table td{
		display:block;
		width:100%!important;
	}
}


/* ----------------------------------------------------------------
  ヤマダホームズページ
---------------------------------------------------------------- */

.yamada-homes .more-btn,
.yamada-homes__service .more-btn{
	max-width:300px!important;
}


/* ---- ヤマダホームズ ----------------------------------------------- */

.yamada-homes .logo{
	width:100%;
	max-width:600px;
	margin:0 auto 40px;
}

.yamada-homes .wp-block-columns{
	width:100vw;
	max-width:1356px;
	margin:auto;
	position:relative;
	left:50%;
	transform:translatex(-50%);
	flex-wrap:wrap!important;
	gap:0;
}

.yamada-homes .wp-block-column{
	flex-basis:calc(100%/3)!important;
	border:1px solid #f9f9f9;
}

.yamada-homes__column-item .wp-block-cover{
	height:300px;
	min-height:auto!important;
	padding:0!important;
	position:relative;
}

.yamada-homes__column-item .wp-block-cover__inner-container{
	width:100%;
	height:90px;
	padding:10px;
	color:#fff;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
	z-index:1;
	transition:all 0.3s;
}

.yamada-homes__column-item .wp-block-cover__inner-container::before{
	content:'';
	width:100%;
	height:90px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:0;
	transition:all 0.3s;
}

.yamada-homes__column-item .yamada-homes__column-txt{
	position:relative;
	width:100%;
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
	transition:all 0.3s;
}

.yamada-homes__column-item:hover .wp-block-cover__inner-container{
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
	transform:all 0.3s;
}

.yamada-homes__column-item:hover .wp-block-cover__inner-container::before{
	height:300px;
	opacity:0.8;
	transition:all 0.3s;
}

.yamada-homes__column-item:hover .yamada-homes__column-txt{
	position:absolute;
	bottom:100%;
	transform:translate(-50%,-50%);
	transition:all 0.3s;
}

.yamada-homes__column-item:nth-of-type(1) .wp-block-cover__inner-container::before{
	background-color:#174315;
	background:linear-gradient(90deg,rgba(59, 159, 99, 1), rgba(13, 42, 0, 1));
}

.yamada-homes__column-item:nth-of-type(2) .wp-block-cover__inner-container::before{
	background-color:#217bc4;
	background:linear-gradient(90deg,rgba(0, 189, 216, 1), rgba(51, 89, 186, 1));
}

.yamada-homes__column-item:nth-of-type(3) .wp-block-cover__inner-container::before{
	background-color:#381a00;
	background:linear-gradient(90deg, rgba(114, 68, 0, 1), rgb(57 20 19));
}

.yamada-homes__column-item:nth-of-type(4) .wp-block-cover__inner-container::before{
	background-color:#0119a5;
	background:linear-gradient(90deg, rgba(0, 62, 248, 1), rgba(2, 1, 112, 1));
}

.yamada-homes__column-item:nth-of-type(5) .wp-block-cover__inner-container::before{
	background-color:#570229;
	background:linear-gradient(90deg, rgba(156, 6, 48, 1), rgba(47, 0, 37, 1));
}

.yamada-homes__column-item:nth-of-type(6) .wp-block-cover__inner-container::before{
	background-color:#5b5049;
	background:linear-gradient(90deg, rgba(200, 183, 150, 1), rgba(30, 23, 30, 1));
}

.yamada-homes .wp-block-column h3{
	margin-block-end:0!important;
	margin:0 0 5px!important;
}

@media screen and (max-width:768px) {
	.yamada-homes .wp-block-column{
		flex-basis:calc(100%/2)!important;
	}
}

@media screen and (max-width:575px) {
	.yamada-homes .wp-block-column{
		flex-basis:100%!important;
	}
}


/* ---- オススメ ----------------------------------------------------------- */

.recommend__column{
	flex-wrap:wrap!important;
	justify-content:center;
	column-gap:20px;
	row-gap:0;
	border-bottom:3px dotted #ccc;
	padding-bottom:60px;
}

.recommend__column-item{
	background-color:#fff;
	aspect-ratio:1;
	border-radius:500px;
	position:relative;
}

.recommend__column-txt{
	display:flex;
	flex-direction:column;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.recommend__column-txt h3{
	border-bottom:1px solid #ccc;
	width:fit-content;
	margin-bottom:10px;
	padding-bottom:10px;
}

@media screen and (max-width:991px) {
	.recommend__column-item{
		width:50%!important;
		min-width:300px;
		flex-grow:0!important;
	}
}

@media screen and (max-width:781px) {
	.recommend .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis:48%!important;
	}
	
	.recommend__column-item{
		min-width:200px;
	}
}

@media screen and (max-width:530px) {
	.recommend .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis:45%!important;
	}
}

@media screen and (max-width:480px) {
	.recommend__column{
	row-gap:20px;
}
	
	.recommend .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
		flex-basis:100%!important;
	}
	
	.recommend__column-item{
		max-width:300px;
	}
}


/* ---- YAMADAスマートハウス ----------------------------------------------- */

.yamada-homes__column{
	align-items:center!important;
	gap:50px;
}

@media screen and (max-width:768px) {
	.yamada-homes__column-item h2{
		text-align:center!important;
	}
}


/* ---- ワンストップサービス ----------------------------------------------- */

.yamada-homes__service figure{
	border:5px solid #fff;
	border-radius:500px;
}

.yamada-homes__service p{
	text-align:justify;
	max-width:75%;
	min-width:320px;
	margin:auto;
}


/* ----------------------------------------------------------------
  採用情報ページ
---------------------------------------------------------------- */

/* ---- 魅力 --------------------------------------------------- */

.recruit__ttl h2{
	font-family: bebas-kai, sans-serif!important;
	font-weight: 400!important;
	font-style: normal;
	font-size:120px!important;
	margin-bottom:0!important;
}

#attract{
	position:relative;
}

#attract figure.wp-block-image{
	position:relative;
	top:0;
	left:0;
	width:60%;
}

#attract figure.wp-block-image::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background: linear-gradient(90deg, transparent 0 60%, #163eb0 95%);
}

#attract figure.wp-block-image img{
	min-height:400px;
	object-fit:cover;
	object-position:right;
}

.attract__txt{
	position:absolute;
	top:50%;
	right:0;
	transform:translatey(-50%);
	width:50%;
	padding-right:5%;
}

.attract__txt h3{
	padding-bottom:20px;
}

.attract__txt h3 span{
	background-color: #fff;
	color: #163eb0;
	font-size: 48px;
	padding: 8px 3px 8px 10px;
	margin-right: 5px;
}

.attract__txt .cta-btn{
	border:1px solid #fff;
	margin-left:0!important;
}

.attract__txt .cta-btn .vk_button_link_caption::before{
	background-color:#fff;
}

.attract__txt .cta-btn::before,
.attract__txt .cta-btn::after{
  content: none;
}

.attract__txt .cta-btn a::before,
.attract__txt .cta-btn a::after{
  content: none;
}

/* hover */

.attract__txt .cta-btn:hover a{
	color:#163eb0!important;
}

@media screen and (max-width:781px) {
	#attract figure.wp-block-image{
		width:100%;
	}
	
	#attract figure.wp-block-image::before{
		background:#163eb070;
	}
	
	#attract figure.wp-block-image img{
		min-height:480px;
		object-position:center;
	}
	
	.attract__txt{
		right:50%;
		transform:translatey(-50%) translatex(50%);
		width:100%;
		padding-right:5%;
		padding-left:5%;
	}
	
	.attract__txt .cta-btn{
		margin-left:auto!important;
	}
}

@media screen and (max-width:575px) {
	.recruit__ttl h2{
		font-size:94px!important;
	}
	
	.attract__txt h3{
		font-size:28px!important;
		padding-bottom:10px;
	}
	
	.attract__txt h3 span{
		font-size:36px;
	}
}


/* ---- メッセージ --------------------------------------------------- */

.message__column{
	align-items:flex-end!important;
}

.message__column-img{
	position:relative;
	min-width:220px;
	max-width:400px;
	margin:auto!important;
}

.message__column-img img{
	width:100%!important;
	margin:auto!important;
}

.message__num{
	position: absolute;
	width: 100px;
	height: auto;
	top: -60px;
	left: -20px;
}

.message__comment{
	max-width:750px;
	min-height:95px;
	padding:10px 50px;
	position:relative;
	display:flex;
	align-items:center;
}

.message__comment::before{
	content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transform: skewX(-10deg);
    border-top: 1px solid #163eb0;
    border-bottom: 1px solid #163eb0;
}

.message__comment::after{
	content: '';
    width: 30px;
    height: 1px;
    background-color: #163eb0;
    position: absolute;
    left: -32px;
    bottom: -10px;
    transform: rotate(-45deg);
}

.message__comment h4{
	font-family: bebas-kai, sans-serif!important;
	font-weight: 400!important;
	font-style: normal;
	font-size:18px;
	letter-spacing:0.25rem;
	position:absolute;
	z-index:1;
	top:-22px;
	left:0;
}

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

.message__tag-container{
	position: absolute;
    top: -15px;
    left: 20px;
}

.message__tag-item{
	display:inline-block;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color:#fff;
	text-align:center;
	width:fit-content;
	min-width:150px;
	padding:0 20px;
	position:relative;
}

.message__tag-item::before{
	content: '';
    width: 100%;
    height: 100%;
	background-color:#163eb0;
    position: absolute;
    left: 0;
    top: 0;
	z-index:0;
    transform: skewX(25deg);
}

.message__tag-item p{
	position:relative;
	z-index:1;
}

.message__introduction-container{
	align-items:center!important;
	padding:40px 40px 30px;
}

.message__introduction-container p{
	margin-bottom:0!important;
}

.message__advice-container{
	flex-wrap:wrap!important;
	justify-content:center!important;
	column-gap:5%;
	row-gap:50px;
	max-width:1000px!important;
	margin:auto;
	padding:0 3%;
}

.message__advice-item h4{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	font-weight:600!important;
	padding:0 10px 5px;
	border-bottom:3px solid #163eb0;
}

.message__advice-item p{
	text-align:justify;
}

.line{
	text-align:center;
}

.line img{
	width:100%;
	max-width:1200px;
	object-fit:cover;
	object-position:center;
}

@media screen and (max-width:991px) {
	.message__advice-item{
		flex-basis:40%!important;
	}
}

@media screen and (max-width:781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.message__advice-item{
		flex-basis:40%!important;
	}
	
	.message__comment::after{
		content:none;
	}
}

@media screen and (max-width:575px) {
	.message__num{
		width:80px;
		top:-5%;
		left:0;
	}
	
	.message__comment{
		padding:10px 30px;
	}
	
	.message__tag-container{
		left:5px;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.message__advice-item{
		flex-basis:100%!important;
	}
}


/* ---- 仕事の種類 --------------------------------------------------- */

.work-list__column{
	flex-wrap:wrap!important;
}

.work-list__column ul{
	padding:0;
}

.work-list__column li{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	font-weight:600;
	text-align:center;
	list-style:none;
	border-bottom:1px solid #fff;
	margin:0!important;
	padding:15px;
}

.work-list__column li:first-of-type{
	border-top:1px solid #fff;
}

@media screen and (max-width:575px) {
	.work-list__column{
		flex-direction:column;
		gap:0;
	}
	
	.work-list__column-item{
		width:100%;
	}
	
	.work-list__column li{
		width:100%;
	}
}

/* ---- 仕事内容 --------------------------------------------------- */

.work-detail__column{
	flex-wrap:wrap!important;
	justify-content:center;
	column-gap:5%;
	row-gap:50px;
}

.work-detail__column-item{
	position:relative;
}

.work-detail__num{
	width:70px;
	position:absolute;
	top:-20px;
	left:0;
}

.work-detail__column-item h4{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	font-weight:600;
	border-bottom:3px solid #fff;
	margin:0 0 10px!important;
	padding:10px;
}

@media screen and (max-width:991px) {
	.work-detail__column-item{
		flex-basis:40%!important;
	}
}

@media screen and (max-width:781px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.work-detail__column-item{
		flex-basis:40%!important;
	}
	
	.message__comment::after{
		content:none;
	}
}

@media screen and (max-width:575px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.work-detail__column-item{
		flex-basis:100%!important;
	}
}


/* ---- 福利厚生 --------------------------------------------------- */

.benefit__column{
	flex-wrap:wrap!important;
	justify-content:center;
}

.benefit__column-item{
	border:2px solid #fff;
	border-radius:1000px;
	aspect-ratio:1;
	padding:20px!important;
}

.benefit__column-item h4,
.benefit__column-item p{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	font-weight:600!important;
}

.benefit__column-item h4{
	font-size:18px;
}

.benefit__column-item h4 span{
	font-size:14px;
}

.benefit__value{
	gap:0!important;
	justify-content:center;
}

.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column.benefit__value-num,
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column.benefit__value-unit{
	flex-basis:auto!important;
}

.benefit__item-group{
	position:relative;
	top:40%;
	transform:translatey(-50%);
}

.benefit__value .benefit__value-unit{
	margin:auto 0 0;
}

.benefit__value .benefit__value-num p{
	font-size:72px;
	line-height:85%;
}

.benefit__value .benefit__value-unit p{
	font-size:28px;
}

.benefit__list{
	flex-wrap:wrap!important;
	justify-content:center;
}

@media screen and (min-width:992px) {
	.benefit__list{
		max-width:900px!important;
	}
}

@media screen and (max-width:991px) {
	.benefit__column{
		column-gap:5%;
		row-gap:0;
	}
		
	.benefit__column-item{
		flex-basis:45%!important;
	}
}

@media screen and (max-width:781px) {
	.benefit__column-item{
		flex-basis:45%!important;
		max-width:45%;
		min-width:240px;
	}
	
	.benefit__value .benefit__value-num p{
		font-size:64px;
	}

	.benefit__value .benefit__value-unit p{
		font-size:24px;
	}
	
	.benefit__list{
		column-gap:5%;
		row-gap:20px;
	}
	
	.benefit__list-item{
		max-width:30%;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.benefit__list-item{
		flex-basis:30%!important;
	}
}
	
@media screen and (max-width:575px) {
	.benefit__column{
		column-gap:5%;
		row-gap:20px;
	}
	
	.benefit__column-item{
		flex-basis:100%!important;
		max-width:300px;
	}
	
	.benefit__value .benefit__value-num p{
		font-size:72px;
	}

	.benefit__value .benefit__value-unit p{
		font-size:28px;
	}
	
	.benefit__list-item{
		max-width:200px;
	}
	
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.benefit__list-item{
		flex-basis:45%!important;
	}
}


/* ----------------------------------------------------------------
  募集要項ページ
---------------------------------------------------------------- */

/* ---- ボタン --------------------------------------------------- */

.requirement-btn{
	max-width: 300px!important;
	margin:auto;
	position: relative;
	border:1px solid #163eb0;
}

.requirement-btn a{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:bold;
	padding:0 !important;
	border:none!important;
	border-radius:0;
	transition:all 0.3s ease-in-out;
}

.requirement-btn .vk_button_link_caption{
	text-align: center;
	display: block;
	padding:10px 20px;
	width: 100%;
	text-decoration: none;
	position:relative;
}

.requirement-btn .vk_button_link_caption::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:100%;
	background-color:#163eb0;
	transition:all 0.3s ease-in-out;
}

.requirement-btn .vk_button_link_txt{
	position:relative;
}


/* hover */

.requirement-btn:hover a{
	color:#fff!important;
	transition:all 0.3s ease-in-out;
}

.requirement-btn:hover .vk_button_link_caption::before{
	width:100%;
	transition:all 0.3s ease-in-out;
}


/* ---- テーブル --------------------------------------------------- */

.requirement-detail__table td{
	width:80%;
	padding:10px 20px;
}

.requirement-detail__table td:first-of-type{
	width:20%;
	min-width:110px;
	background-color:#f9f9f9;
}

@media screen and (min-width:992px) {
	.requirement-detail__container{
		max-width:900px!important;
		margin:auto;
	}
}


/* ----------------------------------------------------------------
  お問い合わせページ
---------------------------------------------------------------- */

.cf7-item{
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ＭＳ Ｐゴシック','MS PGothic',sans-serif!important;
	max-width:750px;
	margin:20px auto;
	padding:20px 0 0;
	border-top:1px solid #ccc;
}

.cf7-q{
	margin:0 0 10px;
}

.cf7-q p{
	font-weight:600;
}

.cf7-req,
.cf7-opt{
	color:#fff;
	padding:5px 10px;
	margin:0 10px 0 0;
}

.cf7-req{
	background-color:#b01616;
}

.cf7-opt{
	background-color:#163eb0;
}

.cf7-btn input[type=submit]{
	color:#163eb0;
	font-weight:600;
	background-color:#ebf5ff;
	display:block;
	width:100%;
	max-width:300px;
	margin:auto;
	padding:10px 20px;
	border:1px solid #163eb0;
	border-radius:0;
	position:relative;
	transition:all 0.3s;
}

.wpcf7-list-item{
	display:block;
	margin:0;
}

/* hover */

.cf7-btn input[type=submit]:hover{
	color:#fff!important;
	transition:all 0.3s;
}


/* ----------------------------------------------------------------
  プライバシーポリシーページ
---------------------------------------------------------------- */

.privacy .requirement-btn{
	margin:auto auto auto 0!important;
}


/* ----------------------------------------------------------------
  フッター
---------------------------------------------------------------- */

footer{
	border-top:1px solid #ccc;
}

footer .wp-block-navigation .wp-block-navigation__submenu-icon{
	height:0!important;
}

footer .wp-block-columns{
	justify-content:center;
}

.postid-5572 .is-style-vk-heading-plain{
	font-weight:bold!important
}