@charset "utf-8";
/* CSS Document */
.link_wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 0px;
	gap: 40px 60px;
}
.link_wrap a{
	display: block;
	position: relative;
	width: calc(100% / 3 - 120px / 3);
	padding-right: 30px;
	border-bottom: 1px solid #707070;
	padding: 15px 0;
}
.link_wrap a i{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: ease 0.3s;
}
.link_wrap a:hover i{
	transform: translateY(-25%);
}

.staff,.cate3{
	background-color: #ECEAE3;
}
.staff h2{
	background-color: #ECEAE3;
	padding: 0 30px;
	transform: translateY(50%);
	position: relative;
	z-index: 3;
	font-weight: 500;
}
.staff .box_wrap{
	padding: 5%;
	border: 1px solid #ADAAAA;
	border-radius: 20px;
}
.staff .box_wrap .box{
	width: 50%;
	padding-right: 5%;
}
.staff .box_wrap .box .imgbox{
	position: relative;
	width: 50%;
	padding-right: 5%;
}
.staff .box_wrap .box .imgbox .stafftxt{
	position: absolute;
	width: 70%;
	left: 5%;
	bottom: 5%;
	border-radius: 0;
}
.staff .box_wrap .box .txtbox{
	position: relative;
	width: 50%;
}
.cate2{
	background-color: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
.cate2 .item-wrap .item,.cate5 .item-wrap .item{
	align-items: stretch;
}
.cate2 .item-wrap .item:first-of-type,.cate5 .item-wrap .item:first-of-type{
	padding-top: 0;
}
.cate2 .item-wrap .item h3,.cate5 .item-wrap .item h3{
	width: 200px;
	box-sizing: border-box;
	padding-right: 30px;
	padding: 15px 0;
}
.cate2 .item-wrap .item > div,.cate5 .item-wrap .item > div{
	width: calc(100% - 200px);
	padding: 15px 0;
	padding-left: 80px;
	border-left: 1px solid #DEDEDE;
}

.cate2 .imgwrap{
	gap: 20px;
}
.cate2 .imgwrap img{
	width: calc(100% / 4 - 60px / 4);
}

.cate3{
	padding-left: 0;
	padding-right: 0;
}
.cate3 .company_list img{
	margin: 0 15px;
/*	width: calc(100% / 5 - 60px / 5);*/
}

.cate_wrap2{
	background-color: #F1EFF0;
}
.cate4 .entitle{
	font-family: "EB Garamond", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-size: 8vw;
	letter-spacing: 0.5vw;
	color: #ADAAAA;
	opacity: 0.4;
	line-height: 1;
	margin-bottom: 20px;
}
.cate4 .imgbox{
	gap: 30px;
}
.cate4 .imgbox .img1{
	width: 90%;
	margin-left: 10%;
}
.cate4 .imgbox .img2{
	width: 50%;
	margin-left: 50%;
}
.cate4 .imgbox .img3{
	width: 40%;
}
.contactarea{
	padding-bottom: 0!important;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate3 .company_list{
		gap: 10px;
	}
	.cate3 .company_list img{
		width: calc(100% / 5 - 40px / 5);
	}

}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.link_wrap{
		padding-top: 0px;
		gap: 30px 50px;
	}
	.link_wrap a{
		display: block;
		position: relative;
		width: calc(100% / 3 - 100px / 3);
		padding-right: 30px;
		border-bottom: 1px solid #707070;
		padding: 15px 0;
	}
	.staff .box_wrap{
		justify-content: flex-start;
	}
	.staff .box_wrap .box{
		width: 80%;
		padding-right: 0;
	}
	.staff .box_wrap .box:nth-of-type(2){
		margin-left: 20%;
		margin-top: 50px;
	}
	.cate2 .item-wrap .item h3,.cate5 .item-wrap .item h3{
		width: 200px;
		padding-right: 20px;
	}
	.cate2 .item-wrap .item > div,.cate5 .item-wrap .item > div{
		width: calc(100% - 200px);
		padding-left: 80px;
	}
	.cate2 .imgwrap{
		gap: 20px;
	}
	.cate2 .imgwrap img{
		width: calc(100% / 2 - 20px / 2);
	}
	.cate3 .company_list{
		gap: 15px;
	}
	.cate3 .company_list img{
		width: calc(100% / 3 - 30px / 3);
	}

	.cate4 .imgbox{
		margin-left: auto;
		margin-right: auto;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.link_wrap{
		padding-top: 0px;
		gap: 30px 20px;
	}
	.link_wrap a{
		display: block;
		position: relative;
		width: calc(100% / 2 - 20px / 2);
		padding-right: 20px;
		border-bottom: 1px solid #707070;
		padding: 15px 0;
	}
	.link_wrap a i{
		font-size: 12px;
	}
	.staff .box_wrap{
		padding-top: 50px;
	}
	.staff .box_wrap .box{
		width: 100%;
		padding-right: 0;
	}
	.staff .box_wrap .box:nth-of-type(2){
		margin-left: 0;
		margin-top: 50px;
	}
	.staff .box_wrap .box .imgbox,.staff .box_wrap .box .txtbox{
		width: 90%;
	}
	.staff .box_wrap .box .imgbox{
		margin-bottom: 20px;
	}
	.cate2 .item-wrap .item h3,.cate5 .item-wrap .item h3{
		width: 80px;
		padding-right: 20px;
	}
	.cate2 .item-wrap .item > div,.cate5 .item-wrap .item > div{
		width: calc(100% - 80px);
		padding-left: 20px;
	}
	.cate2 .item-wrap .item h3,.cate2 .item-wrap .item p,.cate5 .item-wrap .item h3,.cate5 .item-wrap .item p{
		font-size: 12px;
	}
	.cate2 .imgwrap{
		gap: 20px;
	}
	.cate2 .imgwrap img{
		width: 100%;
	}
	.cate3 .company_list{
		gap: 10px;
	}
	.cate3 .company_list img{
		width: calc(100% / 2 - 10px / 2);
	}
	.cate4 .entitle{
		font-size: 11vw;
	}
	.cate4 .imgbox .img2{
		width: 60%;
		margin-left: 30%;
	}
	.cate4 .imgbox .img3{
		width: 40%;
		margin-left: 0%;
	}

}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}

.company_name {
    width: fit-content;
    margin: 0 auto;
    padding: 0 20px;
}
.company_name_list {
    display: flex;
    gap: 16px;
}
.company_name_item {
  	display: flex;
    flex-direction: column;
    gap: 8px;
}
@media screen and (max-width: 768px){
  .company_name_list {
    flex-direction: column;
    gap: 8px;
}
}