@charset "UTF-8";
/*---------------- 調整 ----------------*/
.title-area {
	margin-bottom: 72px;
}
.page-mainimg {
	background-image: url(../image/culture/main.jpg);
	margin-bottom: 78px;
}


.pagelink-container {
	margin: 80px auto;
}

@media only screen and (max-width: 767px) {
	.title-area {
		margin-bottom: 35px;
	}
	
	.page-mainimg {
		margin-bottom: 33px;
	}
	
	.pagelink-container {
		margin: 40px auto 80px;
	}
}
/*----------------//ここまで//----------------*/

/*  ブロックのタイトル  */
.w960{width: 960px;margin:0 auto}
.culture_sec_ttl {
	margin-bottom: 60px;}
.culture_h3_en{
	font-weight: bold;
	color: #dc0008;
	font-family: 'Montserrat', sans-serif;}
.culture_sec_ttl h3{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 27px}
.culture_sec_ttl h3::after {
	background-color: #dc0008;
	content: "";
	display: block;
	margin-top: 23px;
	width: 40px;
	height: 2px;
}
.culture_sec_txt{
	text-align: justify;
	line-height: 2
}
/* 背景グレー */
.bg_gray{
	padding:80px 0 40px;
	margin-bottom: 80px;
	background:  #ececec}

@media only screen and (max-width: 767px) {
	.w960{
		width: 89.4%;
	}	
	.culture_sec_ttl {
		margin-bottom: 50px}	
	.culture_sec_ttl h3 {
		font-size: 24px;
		margin-bottom: 24px;
	}
}

/*  福利厚生・研修のリスト　*/
.culture_list{
	border-top:1px solid #ccc;
	margin:60px 0 0;
	padding-top:60px;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; 
	-webkit-box-pack: justify; 
	-ms-flex-pack: justify; 
	justify-content: space-between}
.culture_list li{
	width: 48%;
	margin-bottom: 60px
}
.culture_list h4{
	font-size: 19px;
	margin-bottom: 15px}
@media only screen and (max-width: 767px) {
	.culture_list{
		margin:50px 0 0;
		padding-top:50px;
		display: block}
	.culture_list li{
		width: 100%;
		margin-bottom: 40px}
}

/*  キャリアプランのリスト　*/
.career_list{margin-bottom: 160px}
.career_list dl{
	margin-bottom: 30px;
	display: flex;
	display: -ms-flex;
	display: -webkit-flex}

.career_list dt{
	background-color: #0f3787;
	box-sizing: border-box;
	color: #fff;
	font-size: 20px;
	padding: 45px 0 0;
	text-align: center;
	height: 180px;
	width: 20%}
.career_list .years{
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px}
.career_list .years em{
	font-style: normal;
	font-size: 28px}
.career_list h3{
	font-weight: 400;
	font-size: 20px;
	color: #fff}

.career_list dd{
	width: 80%;
	background-color: #f5f5f5;
	box-sizing: border-box;
	padding: 40px 40px 0 20px;
	position: relative;
	height: 180px;
	width: 80%;
}
/*--- 白三角マーク ( ▼ ) ---*/
.career_list dl:not(:last-child) dd::before,
.career_list dl:not(:last-child) dd::after {
	border-top: 10px solid #f5f5f5;
	border-right: 6px solid #f5f5f5;
	border-bottom: 10px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 38%;
	width: 12px;
	height: 20px;
}
.career_list dl:not(:last-child) dd:after {
	-webkit-transform: rotateY(180deg) translateX(-12px);
	-moz-transform: rotateY(180deg) translateX(-12px);
	-ms-transform: rotateY(180deg) translateX(-12px);
	-o-transform: rotateY(180deg) translateX(-12px);
	transform: rotateY(180deg) translateX(-12px);
}
@media only screen and (max-width: 767px) {
	.career_list{margin-bottom: 80px}
	.career_list dl{display: block}
	.career_list dt,
	.career_list dd{
		width: 100%;
		height: auto;
		padding: 15px }
	.career_list .years,
	.career_list h3{display: inline-block;margin:0 8px}
	.career_list dl:not(:last-child) dd::before,
	.career_list dl:not(:last-child) dd::after {left: 47%;}
}

/*  ループ スライダー */
.slider_sec{margin-bottom: 60px;}

.culture-slider-box {
	display: block;
	height: 0;
	overflow: hidden;
	padding-bottom: 62.5%;
	position: relative;
}

.culture-slider-img {
	height: 100.1%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100.1%;
}

/* loopslider */
/* #loopslider {
	width: 100%;
	height: 250px;
	text-align: left;
	position: relative;
	overflow: hidden
} */
/*
#loopslider ul {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li {
	width: 25%;
	float: left;
	display: inline;
	overflow: hidden;
}
#loopslider ul li img{width: 100%;height: auto}

/*  ループ スライダー 修正 */
/* ul.loopslider_wrap {
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider_wrap li {
	width: 25%;
	float: left;
	display: inline;
	overflow: hidden;
	position: relative}
.loopslider_wrap li:before {
    content:"";
    display: block;
    padding-top: 62.5%;}
.loopslider_wrap p{
		position: absolute;
    	top: 0;
    	left: 0;
    	bottom: 0;
    	right: 0;}
.loopslider_wrap  img{width: 100%;height: auto} */


@media only screen and (max-width: 767px) {
/* 	#loopslider {height: 210px;margin-bottom: 50px}
	#loopslider ul li {
		width: 50%;margin-bottom:20px}
	#loopslider ul li img{width: 100%;} */
}
/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}