@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
#page_main-visual{
	background:url('../img/member/main-visual_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　組合員工場の概要　
*****************************************************/
/* リスト 
------------------------------------------------- */

.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}


.member-list{
	display:flex;
	font-family: 'YuGothic','Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
	justify-content:space-between;
	margin:48px 58px 45px;
	max-width:950px;
	width:100%;
}
.member-list .block{
	max-width:430px;
	width:46%;
}
.member-list .list{
	list-style-type:none;
}
.member-list .list li{
	background:url('../img/common/arrow_bgblue.png') no-repeat 10px center;
	border-bottom:1px solid #dee5e9;
	font-size:17px;
	font-size:1.7rem;
	line-height:1.4;
	padding:13px 0 13px 30px;
}
.member-list .list li a:hover{
	color:#18b6ff;
	opacity:1;
}
.member-list .block .txt{
	font-size:17px;
	font-size:1.7rem;
	list-style-type:1.4;
	margin:18px 0 0;
	text-align:right;
}
/* 各工場の概要 
------------------------------------------------- */
.member-about{
	margin:0 0 110px;
}
.member-item{
	margin:0 0 0 auto;
	max-width:1158px;
	width:100%;
}
.member-item + .member-item{
	margin:20px 0 0 auto;
}
/* ----- 上部 ----- */
.member-item .head{
	align-items:center;
	border-bottom:2px solid #d5d7d7;
	display:flex;
	justify-content:space-between;
	margin:0 0 35px;
	padding:0 0 10px;
}
.member-item .head .name{
	border-left:4px solid #00a0e9;
	color:#0279c5;
	font-size:22px;
	font-size:2.2rem;
	font-weight:normal;
	line-height:1.4;
	padding:0 0 0 14px;
}
.member-item .head .download{
	border:2px solid #ff3e3e;
	box-sizing:border-box;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:1.4;
	max-width:392px;
	text-align:center;
	width:100%;
}
.member-item .head .download a{
	color:#ff2323;
	display:block;
	padding:8px 0;
}
.member-item .head .download a:hover{
	background:#ff3e3e;
	color:#fff;
	opacity:1;
}
.member-item .head .download a span{
	background:url('../img/common/download_icon_red.png') no-repeat left center;
	font-size:inherit;
	font-weight:inherit;
	display:inline-block;
	line-height:inherit;
	padding:2px 0 2px 35px;
}
.member-item .head .download a:hover span{
	background:url('../img/common/download_icon.png') no-repeat left center;
	background-size:auto 26px;
}
/* ----- 内容 ----- */
.member-item .contents{
	display:flex;
	justify-content:space-between;
	margin:0 30px 0 20px;
}
.member-item .contents .block{
	max-width:545px;
	width:49%;
}
.member-item .contents .detail{
	border-collapse:collapse;
	width:100%;
}
.member-item .contents .detail th,
.member-item .contents .detail td{
	box-sizing:border-box;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.5;
	vertical-align:top;
}
.member-item .contents .detail th{
	border-bottom:2px solid #98bfd1;
	font-weight:normal;
	padding:10px 15px;
	text-align:right;
	width:135px;
}
.member-item .contents .detail td{
	border-bottom:2px solid #d5d7d7;
	padding:10px;
}
.member-item .contents .detail td .map{
	color:#fff;
	background:#21c2f8;
	display:inline-block;
	font-size:14px;
	font-size:1.4rem;
	line-height:19px;
	margin:0 0 0 10px;
	text-align:center;
	width:50px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　組合員工場の概要　
	*****************************************************/
	/* リスト 
	------------------------------------------------- */
	
	.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
	
	.member-list{
		display:block;
		margin:7.03vw auto 10.93vw;
	}
	.member-list .block{
		max-width:none;
		width:auto;
	}
	.member-list .list li{
		background-position:1.56vw center;
		background-size:2.96vw auto;
		border-width:0.15vw;
		font-size:3.75vw;
		padding:2.34vw 0 2.34vw 7.81vw;
	}
	.member-list .block .txt{
		font-size:3.75vw;
		margin:2.81vw 0 0;
	}
	/* 各工場の概要 
	------------------------------------------------- */
	.member-about{
		margin:0 0 17.28vw;
	}
	.member-item + .member-item{
		margin:2.93vw 0 0;
	}
	/* ----- 上部 ----- */
	.member-item .head{
		border-width:0.31vw;
		display:block;
		margin:0 0 3.12vw;
		padding:0 0 1.56vw;
	}
	.member-item .head .name{
		border-width:0.62vw;
		font-size:4.06vw;
		margin:0 0 1.56vw;
		padding:0 0 0 2.18vw;
	}
	.member-item .head .download{
		border-width:0.31vw;
		font-size:3.28vw;
		margin:0 auto;
		max-width:none;
		width:70vw;
	}
	.member-item .head .download a{
		padding:1.25vw 0;
	}
	.member-item .head .download a span{
		background-size:auto 4.06vw;
		padding:0.31vw 0 0.31vw 5.46vw;
	}
	.member-item .head .download a:hover span{
		background-size:auto 4.06vw;
	}
	/* ----- 内容 ----- */
	.member-item .contents{
		display:block;
		margin:0 3.12vw;
	}
	.member-item .contents .block{
		max-width:none;
		width:auto;
	}
	.member-item .contents .detail th,
	.member-item .contents .detail td{
		font-size:3.28vw;
	}
	.member-item .contents .detail th{
		border-width:0.31vw;
		padding:1.56vw 2.34vw;
		width:28vw;
	}
	.member-item .contents .detail td{
		border-width:0.31vw;
		padding:1.56vw;
	}
	.member-item .contents .detail td .map{
		font-size:3.12vw;
		line-height:3.8vw;
		margin:0 0 0 1.56vw;
		width:10vw;
	}
}