@charset "UTF-8";


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


/*****************************************************
　理事長挨拶　
*****************************************************/
#greeting{
	margin:0 0 70px;
}
/* コンテンツ 
------------------------------------------------- */
#greeting_contents{
	display:flex;
	justify-content:space-between;
	margin:40px 0 0;
	padding:0 0 0 30px;
}
#greeting_contents .txt{
	max-width:690px;
	width:59%;
}
#greeting_contents .txt p{
	line-height:1.7;
}
#greeting_contents .txt p + p{
	margin:1.5em 0 0;
}
#greeting_contents .img{
	max-width:425px;
	width:37%;
}


/*****************************************************
　組合概要　
*****************************************************/
#union-overview{
	margin:0 0 105px;
}
/* コンテンツ 
------------------------------------------------- */
#uo_contents{
	display:flex;
	justify-content:space-between;
	margin:55px 0 0;
	padding:0 25px 0 37px;
}
/* ----- 画像 ----- */
#uo_contents .img{
	max-width:425px;
	width:38%;
}
/* ----- テキスト（表） ----- */
#uo_contents .txt{
	max-width:690px;
	width:61%;
}
#uo_contents .txt .layout_1{
	border-collapse:collapse;
	width:100%;
}
#uo_contents .txt .layout_1 th,
#uo_contents .txt .layout_1 td{
	box-sizing:border-box;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.4;
	padding:18px 25px;
	vertical-align:top;
}
#uo_contents .txt .layout_1 th{
	border-bottom:2px solid #98bfd1;
	text-align:right;
	width:218px;
}
#uo_contents .txt .layout_1 td{
	border-bottom:2px solid #d5d7d7;
	border-left:2px solid #e1e3e3;
}


/*****************************************************
　アクセス　
*****************************************************/
#access{
	margin:0 0 130px;
}
/* マップ 
------------------------------------------------- */
#map{
	height:0;
	margin:45px auto 0;
	max-width:1136px;
	padding-bottom:56.41%;
	position:relative;
	width:100%;
}
#map iframe{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　理事長挨拶　
	*****************************************************/
	#greeting{
		margin:0 0 10.93vw;
	}
	/* コンテンツ 
	------------------------------------------------- */
	#greeting_contents{
		display:block;
		margin:6.25vw 0 0;
		padding:0 4.68vw;
	}
	#greeting_contents .txt,
	#greeting_contents .img{
		max-width:none;
		width:auto;
	}
	#greeting_contents .txt{
		margin:0 0 6.25vw;
	}
	#greeting_contents .img img{
		width:100%;
	}


	/*****************************************************
	　組合概要　
	*****************************************************/
	#union-overview{
		margin:0 0 16.4vw;
	}
	/* コンテンツ 
	------------------------------------------------- */
	#uo_contents{
		display:block;
		margin:8.59vw 0 0;
		padding:0 3.9vw 0 5.78vw;
	}
	/* ----- 画像 ----- */
	#uo_contents .img{
		margin:0 0 3.12vw;
		max-width:none;
		width:auto;
	}
	#uo_contents .img img{
		width:100%;
	}
	/* ----- テキスト（表） ----- */
	#uo_contents .txt{
		max-width:none;
		width:auto;
	}
	#uo_contents .txt .layout_1 th,
	#uo_contents .txt .layout_1 td{
		font-size:3.12vw;
		padding:2.81vw;
	}
	#uo_contents .txt .layout_1 th{
		border-width:0.31vw;
		width:34.06vw;
	}
	#uo_contents .txt .layout_1 td{
		border-width:0.31vw;
	}


	/*****************************************************
	　アクセス　
	*****************************************************/
	#access{
		margin:0 0 20.31vw;
	}
	/* マップ 
	------------------------------------------------- */
	#map{
		margin:7.03vw auto 0;
	}
}