@charset "utf-8";
/**
 *	新卒採用＞社内風景
 * 	update.25.01.22
**/
.main-image .list {
	display: flex;
	flex-direction:column;
	align-items: center;
	margin:1% 0 0;
}
.main-image .list a {
	width: 284px;
	margin:2% auto;
	padding:7px;
	background-color: #879ac4;
	font-size:2rem;
	font-weight:500;
	line-height: 1.4;
	text-align: center;
	color:#fff;
	border-radius: 22px;
}
@media print, screen and (min-width: 728px) {
	.main-image .image {
		width:45%;
		text-align: left;
	}
	.main-image .list {
		position: absolute;
		width:55%;
		height:100%;
		top:0;
		right:0;
		margin:0;
		justify-content:center;
	}
	.main-image .list a {
		margin:3% auto;
	}
}
/* index */
/* list state */
.box-list .list ,
.box-list .item {
	background-size: 10px 3px;
	background-repeat: repeat-x;
	background-position:top;
	background-image: linear-gradient(to right, #264993, #264993 3px, transparent 3px, transparent);
}
.box-list .list {
	margin:0;
	padding:3px 0 0;
}
.box-list .item {
	position: relative;
	background-position:bottom;
	padding:20px 0 23px;
	color:#000;
}
.item .title {
	margin:0 auto;
	padding:7px;
	background-color: #879ac4;
	font-size:2rem;
	font-weight:500;
	line-height: 1.4;
	text-align: center;
	color:#fff;
	border-radius: 22px;
}
.box {
	margin:0;
}
.item .image ,
.item .images a {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.item .image:before ,
.item .images a:before {
	content: '';
	display: block;
	padding-top: 75%;
}
.item .image {
	margin:20px auto 0;
}
.item .image > img,
.item .images a > img {
	position: absolute;
	width:auto;
	max-width: none;
	height:100.5%;
	top:0;
	bottom:0;
	left:-100%;
	right:-100%;
	margin:auto;
}
.item .images {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin:3px 0 0;
}
.item .images > a {
	margin:12px 1% 0;
	width:23%;
	line-height: 1;
	border: 3px #e9ecf5 solid;
	transition: border-color 0.3s;
}
.item .images > a.active,
.item .images > a:hover,
.item .images > a:active {
	border-color:#264993;
}
@media print, screen and (min-width: 728px) {
	.box-list .item {
		padding:26px 0 29px;
	}
	.item .title {
		margin:0;
		width:284px;
	}
	.item .box {
		display: flex;
		align-items: flex-start;
	}
	.item .image {
		width:36%;
	}
	.item .images {
		margin:10px 0 0 1%;
		flex: 1;
	}
	.item .images > a {
		margin-top:10px;
	}
}
/* editor */