@charset "utf-8";
/*
Theme Name: sato-kensetsu_2.0
Theme URI: 
Author: 
Author URI: 
Description: 
Version: 2.0
License: 
License URI:
Tags: 
Text Domain: 
*/

.mt90{
	margin-top:90px;
}
.mb90{
	margin-bottom:90px;
}
.pt90{
	padding-top:90px;
}
.pb90{
	padding-bottom:90px;
}

.fc-kon01{
	color: #10226A;
}

.border-box01{
	border: 1px solid #7D7D7D;
	margin-bottom: 90px;
	padding: 44px;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}

.form-field-input-cop .form-file-input{
	height:auto;
	padding:10px 15px;
}

.recruit-footer .contact-block-hp-contact{
	display:none;
}


/*========== トップページ_Instagramボタン ==========*/
#index_btn_instagram{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 999;
	width:295px;
	height:91px;
}
#index_btn_instagram img{
	width: 100%;
	height: auto;
}
#index_btn_instagram a:hover{
	transition:0.2s;
	-moz-transition:0.2s; /* Firefox 4 */
	-webkit-transition:0.2s; /* Safari and Chrome */
	-o-transition:0.2s; /* Opera */

	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	zoom:1;
}
@media screen and (max-width: 991px) {
	#index_btn_instagram{
		width:200px;
		height:62px;
	}
}


/*========== 現場ブログカテゴリーの子カテゴリーリンク表示 ==========*/
.child-category-list{
	max-width:880px;
	margin-left:auto;
	margin-right:auto;
}
.child-category-list-ul{
	
}
.child-category-list .child-category-list-ul li a{
	font-size: 16px;
}


/*========== 採用情報 ==========*/
.recruit-box{
	margin-bottom: 60px;
}
.recruit-box-h{
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-box-h{
		font-size: 20px;
	}
	/*
	.recruit-box-h br{
		display: none;
	}
	*/
}
.recruit-box-text{
	text-indent: 1em;
}
.recruit-box-text p{
	line-height: 1.6em;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-box-text p{
		font-size: 14px;
	}
}


/*========== 募集職種 ==========*/
.recruit-type-container{

}
.recruit-type-inner{
	padding: 30px;
	background: #f6f6f6;
	
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;

}
.recruit-type-inner:not(:last-child){
	margin-bottom: 15px;
}

	
.recruit-type-box-img{
	width: 35%;
}
.recruit-type-box-img img{
	max-width: 400px;
	width: 100%;
	margin-bottom: 10px;
}
.recruit-type-box-img .maintitle{
	color: #03004c;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.recruit-type-box-contents{
	width: 60%;
}
.recruit-type-box-contents-box:not(:last-child){
	margin-bottom: 30px;
}
.recruit-type-box-contents-box-ex{
	padding: 20px;
	background: #fff;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-type-inner{
		display:block;
	}
	.recruit-type-box-img{
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
		padding-bottom: 30px;
		border-bottom: 2px solid #fff;
	}
	.recruit-type-box-contents{
		width: 100%;
	}
}



.recruit-type-container{
/*	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;*/
}

.recruit-type-box{
	width: calc(100% / 2 - 15px);
	margin-bottom: 40px;
	padding: 40px;
	border: 1px solid #10226A;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-type-box{
		width: calc(100%);
		margin-bottom: 20px;
		padding: 10%;
	}
}
.recruit-type-box:after{
	content:"";
	display:block;
	width: calc(100% / 2);
}

.recruit-type-h{
	color: #10226A;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1.6em;
}
.recruit-type-text p,
.recruit-type-text li{
}
.recruit-type-text h3,
.recruit-type-text p,
.recruit-type-text li{
	line-height: 1.6em;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-type-text h3,
	.recruit-type-text p,
	.recruit-type-text li{
		font-size: 14px;
	}
}




/*========== 社員の声 ==========*/
.recruit-interview-rp{
	padding-bottom: 90px;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-interview-rp{
		padding-bottom: 40px;
	}
}
.recruit-interview-rp .works-nav-wp2{
	padding-bottom: 0;
}


.recruit-interview-slideshow-container{
	background: #fff;
	margin-bottom:40px;
}
.fixedsticky { top: 0; }
.recruit-interview-slideshow{
	margin-bottom: 60px;

    /*ナビゲーションの形状*/
    background:#fff;
	border: 1px solid #eee;
	box-shadow:0 0 5px #ddd;
	padding: 20px;
}
#recruit-interview-slideshow01{
	margin-bottom: 10px;
}
#recruit-interview-slideshow02{
}

/* スライドショー */
.loopSlide {
	position: relative;
	display: flex;
	width: 100vw;
	overflow: hidden;
}
.loopSlide ul {
	padding: 0;
	width: 100vw;
	display: flex;
	flex-shrink: 0;
}

.loopSlide ul li {
	display: inline-block;
	width: 100%;
	margin-right: 10px;
	list-style: none;
	text-align: center;
}
.loopSlide ul li img {
	display: block;
	width: 100%;
	height: auto;
}
.loopSlide:hover ul { /*animation-play-state: paused;*/
}

.loopSlide ul:first-child {
	animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:nth-of-type(n+2) {
	animation: slide2 60s linear infinite;
}
.loopSlide ul:last-child {
	animation: slide3 60s linear infinite;
}
/*逆向き*/
.loopSlide.reverse ul:first-child ,
.loopSlide.reverse ul:nth-of-type(n+2) ,
.loopSlide.reverse ul:last-child {
	animation-direction:reverse; 
}
@keyframes slide1 {
	0% {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(100%);
	}
}
@keyframes slide2 {
	0% {
		transform: translateX(-200%);
	}
	to {
		transform: translateX(0);
	}
}
@keyframes slide3 {
	0% {
		transform: translateX(-300%);
	}
	to {
		transform: translateX(-100%);
	}
}
@media (min-width: 0) and (max-width: 991px){
	#recruit-interview-slideshow02{
		display: none;
	}
	.loopSlide ul li.slideshow_sp{
		display: none;
	}
	.loopSlide ul:first-child {
		animation: slide1 20s -10s linear infinite;
	}
	.loopSlide ul:nth-of-type(n+2) {
		animation: slide2 20s linear infinite;
	}
	.loopSlide ul:last-child {
		animation: slide3 20s linear infinite;
	}
}


/* インタビュー */
.recruit-interview-container{	
}
.recruit-interview-box{
	width: 100%;
	padding: 40px;
	border: 1px solid #10226A;
}
.recruit-interview-box:not(:last-child){
	margin-bottom: 40px;
}
.recruit-interview-h{
	color: #10226A;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1.6em;
}
.recruit-interview-text{
	margin-bottom: 1.6em;
}
.recruit-interview-meta{
	font-size: 14px;
}
.recruit-interview-text p,
.recruit-interview-meta p{
	line-height: 1.6em;
}
@media (min-width: 0) and (max-width: 991px){
	.recruit-interview-text p,
	.recruit-interview-meta p{
		font-size: 14px;
	}
}


/*施工事例のスライドの高さをフリーに*/
.slick-slide{
	max-height:2000px !important;
}

#slick-thumb .slick-slide{
	max-height:140px !important;
}


/* Youtube動画、iframe */
.video-container{
	width:100%;
	height:auto;
}
.video-container-flex{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.video-container-half{
	width:calc(50% - 5px);
	height:auto;
}
.video{
	margin-bottom: 10px;
	
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	zoom:1; /*IE*/
}
.video iframe,
.video object,
.video embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

}
@media (min-width: 0) and (max-width: 991px){
	.video-container-half{
		width:100%;
	}
}


/*ロールオーバ*/
.rollover:hover{
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.rollover img:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}