@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

 .union h3 {
	border-left: 5px solid #01617a;
	border-bottom: 1px solid #01617a;
	padding: 5px 10px;
	text-align: left;
 }


 .scroll-top {
	margin-top: -150px;
	padding-top: 150px;
 }

 .com-top {
	margin-top: -120px;
	padding-top: 120px;
 }



/*pic-----------------------------------------------
---------------------------------------------------- */
 .img {
	display: inline-block;
 }


/*===============================================
○組合員一覧
===============================================*/

 section {
	margin-bottom: 50px;
 }

 section div.comdata {
	display: flex;
	flex-wrap: wrap;
	
 }

 .union .btn {
	width: 100%;
	margin-top: 25px;
	margin-bottom: 50px;
 }

 .union .btn li {
	display: inline-block;
	padding: 10px 40px 15px 10px;
 }

 .union .comadd dl {
	width: 100%;
	margin: 0;
	border-bottom: 1px dotted #01617a;
 }

 .union .comadd dl dd a {
	color: #0069bf;
	text-decoration: underline;
 }

 .union .comadd dl dd a:hover {
	color: #00408e;
	text-decoration: none;
 }

 .union-list dl dt, .union-list dl dd {
	padding: 13px 10px 10px;
 }

 .union-list dt {
	width: 140px;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
 }

 div.groupimg img {
	height: auto;
	vertical-align: middle;
 }


@media screen and (max-width: 1200px) and (min-width: 781px){ 

 .union-list dl:first-child dt, .union-list dl:first-child dd {
	padding: 0 10px 10px;
 }

}

@media screen and (min-width: 781px){ 

 .union .compic {
	width: 30%;
 }

 .union .compic img {
	width: 85%;
	height: auto;
 }

 .union .comadd {
	width: 70%;
 }

}

@media screen and (max-width: 780px){ 

 .union .compic, .union .comadd {
	width: 100%;
 }

 .union .compic {
	text-align: center;
 }

 .union .compic img {
	width: 55%;
	height: auto;
 }

 .union-list dl:first-child {
	border-top: 1px dotted #004794;
 }

}

@media screen and (min-width: 481px){ 

 .union-list dt {
	float: left;
	clear: both;
 }

 .union-list dd {
	margin-left: 140px;
 }

}

@media screen and (max-width: 480px){ 

 .union-list dt{
	border-bottom: 1px dotted #93c4d1;
 }

 .union-list dt, .union-list dd {
	width: 90%;
	margin: 0 auto;
	text-align: center;
 }

}


/*===============================================
○役員名簿・組織図
===============================================*/

 .officers, .organization {
	margin-top: 25px;
	margin-bottom: 50px;
 }

 .officers table {
	width: 95%;
	background: #CBCCCE;
	border-collapse: separate;
	borderfile:///E:/img/union/organization.png-spacing :1px;
	padding: 1px;
	margin: 25px auto;
	border-style: none;
 }

  .officers table th {
	background: #EDF5FA;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
 }

 .officers table td {
	padding: 5px 10px;
	background: #FFFFFF;
	vertical-align: middle;
 }

 .organization {
	text-align: center;
 }

 .organization img {
	width: 95%;
	height: auto;
 }