@charset "UTF-8";
/*
 * about.css
 */


/* ---------------------------------------
.greeting
--------------------------------------- */
.greeting #sec_1 .block .box1{
	float: left;
	width: 217px;
	text-align: center;
}
.greeting #sec_1 .block .box2{
	float: right;
	width: 430px;
}
.greeting .section .block .box1 .img1{
	margin-bottom: 10px;
}
.greeting .section .block .box1 .txt1 span{
	font-weight: bold;
	font-size: 1.42em;
	margin-left: 10px;
}
.greeting #sec_2 .block .box1{
	float: right;
	width: 217px;
	text-align: center;
}
.greeting #sec_2 .block .box2{
	float: left;
	width: 430px;
}
@media screen and (max-width: 767px) {
	.greeting #sec_1 .block .box1{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.greeting #sec_1 .block .box2{
		float: none;
		width: 100%;
	}
	.greeting #sec_2 .block .box1{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.greeting #sec_2 .block .box2{
		float: none;
		width: 100%;
	}
	.greeting #table1{
		font-size: 0.78em; /*11px*/
	}
}

/* ---------------------------------------
.greeting2
--------------------------------------- */
.greeting2 #sec_1 .block .box1{
	float: left;
	width: 217px;
	text-align: center;
}
.greeting2 #sec_1 .block .box2{
	float: right;
	width: 430px;
}
.greeting2 #sec_2 .txt1{
	margin-top: 20px;
	text-align: right;
}
.greeting2 #sec_2 .txt1 span{
	font-weight: bold;
	font-size: 1.42em;
}
.greeting2 #sec_2{

}
/* .greeting2 .section .block .box1 .img1{
	margin-bottom: 10px;
}
.greeting2 .section .block .box1 .txt1 span{
	font-weight: bold;
	font-size: 1.42em;
	margin-left: 10px;
} */

/* .greeting2 #sec_2 .block .box1{
	float: right;
	width: 217px;
	text-align: center;
}
.greeting2 #sec_2 .block .box2{
	float: left;
	width: 430px;
} */
@media screen and (max-width: 767px) {
	.greeting2 #sec_1 .block .box1{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.greeting2 #sec_1 .block .box2{
		float: none;
		width: 100%;
	}
	.greeting2 #sec_2 .block .box1{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.greeting2 #sec_2 .block .box2{
		float: none;
		width: 100%;
	}
	.greeting2 #table1{
		font-size: 0.78em; /*11px*/
	}
}


/* ---------------------------------------
.history
--------------------------------------- */
.history #sec_1 .s1_txt1{
	margin-bottom: 20px;
}
.history #sec_1 .s1_img1{
	text-align: center;
	margin-bottom: 10px;
}
.history #sec_1 .s1_txt2{
	text-align: center;
}

.history #select_box{
	position: absolute;
	top: 0px;
	right:25px;
}


.history #table1{
	font-size: 0.78em; /*11px*/
	font-size: 0.85em; /*12px*/
	margin-bottom: 10px;
}
.history #table1 th{
	width: 100px;
	font-weight: normal;
}
.history #table1 td{
	text-align: left;
	vertical-align: middle;
}
.history #table1 td.cell2{
	width: 30px;
	text-align: right;
}
.history #table1 td.cell3{
}
.history #table1 td .cell_in{
	position: relative;
	min-height: 72px;
	padding-right: 120px;
}
.history #table1 td .cell_in._1985{ padding-right: 130px;}
.history #table1 td .cell_in._1986{ padding-right: 130px;}
.history #table1 td .cell_in._1987{ padding-right: 60px;}
.history #table1 td .cell_in._1988{ padding-right: 110px;}
.history #table1 td .cell_in._1999{ padding-right: 130px;}
.history #table1 td .cell_in._2001{ padding-right: 100px;}
.history #table1 td .cell_in._2003{ padding-right: 100px;}
.history #table1 td .cell_in._2005{ padding-right: 170px;}
.history #table1 td .cell_in._2005_2{ padding-right: 60px;}
.history #table1 td .cell_in._2007{ padding-right: 130px;}
.history #table1 td .cell_in._2007_2{ padding-right: 100px;}
.history #table1 td .cell_in._2009{ padding-right: 110px;}
.history #table1 td .cell_in._2009_2{ padding-right: 100px;}
.history #table1 td .cell_in._2011{ padding-right: 130px;}
.history #table1 td .cell_in._2012{ padding-right: 160px;}
.history #table1 td .cell_in._2012_2{ padding-right: 60px;}
.history #table1 td .cell_in._2013{ padding-right: 100px;}
.history #table1 td .cell_in._2015_3{ padding-right: 160px;}
.history #table1 td .cell_in._2016_3{ padding-right: 60px;}
.history #table1 td .cell_in._2017{ padding-right: 120px;}
.history #table1 td .cell_in._2017_2{ padding-right: 80px;}
.history #table1 td .cell_in._2019_1{ padding-right: 80px;}
.history #table1 td .cell_in._2019_2{ padding-right: 130px;}
.history #table1 td .cell_in._2020{ padding-right: 60px;}
.history #table1 td .cell_in._2021_1{ padding-right: 80px;}
.history #table1 td .cell_in._2022{ padding-right: 60px;}
.history #table1 td .cell_in._2024{ padding-right: 80px;}

.history #table1 a{
	position: absolute;
	right:0px;
	top: 0px;
}
.history #table1 .cell_in._2005 a{ right:114px; }
.history #table1 .cell_in._2005 a._2{ right:57px; }
.history #table1 .cell_in._2005 a._3{ right:0px; }
.history #table1 .cell_in._2012 a{ right:108px; }
.history #table1 .cell_in._2012 a._2{ right:0px; }

@media screen and (max-width: 767px) {
	.history #table1,
	.history #table1 tr,
	.history #table1 th,
	.history #table1 td{
		display: block;
		box-sizing: border-box;
		border: none;
	}
	.history #table1{
		font-size: 0.78em; /*11px*/
	}
	.history #table1 th{
		width: 100%;
		text-align: left;
		font-weight: normal;
		border: none;
		border-top: 1px solid #bdbdbd;
		padding-left: 10px;
		font-weight: bold;
	}
	.history #table1 td{
		text-align: left;
		vertical-align: middle;
	}
	.history #table1 td.cell2{
		clear: both;
		width: 40px;
		padding-left: 10px;
		float: left;
		text-align: right;
		border-top: 1px solid #bdbdbd;
	}
	.history #table1 td.cell3{
		margin-left: 40px;
		border-left: 1px solid #bdbdbd;
		border-top: 1px solid #bdbdbd;
	}
	.history #table1 td .cell_in{
		position: relative;
		min-height: 72px;
		padding-right: 120px;
	}

	.history #table1 td .cell_in._2005{ padding-right: 120px;min-height: 160px}

	.history #table1 .cell_in._2005 a{ right:57px; }
	.history #table1 .cell_in._2005 a._2{ right:0; }
	.history #table1 .cell_in._2005 a._3{ right:0px; top: 77px; }

	.history #select_box{
		top: auto;
		right:auto;
		position: relative;
		margin-bottom: 15px;
	}

}


/* ---------------------------------------
.outline
--------------------------------------- */
.outline #sec_0{
	border: none;
	padding-bottom: 0;
}
.outline .section{
	border: none;
}
.outline .section .s_txt1{
	margin-bottom: 20px;
}
.outline .section .img1{
	margin-bottom: 5px;
	text-align: center;
}
.outline .section .txt1{
	text-align: center;
	font-size: 0.85em; /*12px*/
}

/*.outline .section .box1{
	width: 500px;
	margin: 0 auto;
}
.outline .section .box_wrap1{
	margin-left: -25px;
}
.outline .section .box_wrap1 .box{
	float: left;
	width: 206px;
	margin-left: 25px;
}*/
.outline .section .box_wrap2{
	margin-left: -25px;
}
.outline .section .box_wrap2 .box{
	float: left;
	width: 322px;
	margin-left: 25px;
}
.outline .section .box_wrap2 .box2{
	margin-bottom: 25px;
}

.outline #sec_last .sl_txt1{
	text-align: center;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.outline .section .txt1{
		text-align: center;
		margin-bottom: 10px;
	}
	.outline .section .box_wrap2{
		margin-left: 0;
	}
	.outline .section .box_wrap2 .box{
		float: none;
		width: 100%;
		margin-left: 0;
	}
	.outline .section .box_wrap2 .box2{
		margin-bottom: 0px;
	}
}




/* ---------------------------------------
.constitution
--------------------------------------- */
.constitution .s1_txt1{
	padding-bottom: 10px;
	border-bottom: 2px solid #009BA9;
	margin-bottom: 15px;
	margin-top: 50px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*dl1*/
.constitution .dl1{
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
}
.constitution .dl1.bbn{
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.constitution .dl1>dt{
	margin-bottom: 3px;
}


.constitution .dl1 .indent1{
	margin-left: 2.6em;
	text-indent: -2.6em;
}

/*dl2*/
.constitution .dl2{
}
.constitution .dl2>dt{
	clear: both;
	float: left;
	width: 50px;
	text-align: right;
}
.constitution .dl2>dd{
	padding-left: 60px;
}

.constitution .dl2 .indent2{
	margin-left: 3em;
	text-indent: -3em;
}
/*dl3*/
.constitution .dl3{
}
.constitution .dl3>dt{
	clear: both;
	float: left;
	width: 150px;
}
.constitution .dl3>dd{
	padding-left: 100px;
}
/*dl4*/
.constitution .dl4{
}

/* ---------------------------------------
.news
--------------------------------------- */
.news #sec_2{
	padding: 0;
	background: #e0e0e0;
	background: #eee;
}
.news #sec_2 .sec_in{
	display: flex;
	padding: 0;
}
.news #sec_2 .cnt_left{
	float: none;
	width: 239px;
	border-right: 1px solid #bababa;
	padding: 25px;
}
.news #sec_2 .cnt_right{
	float: none;
	width: 430px;
}
.news #sec_2 .cnt_right .txt_box{
	border-bottom: 1px solid #bababa;
}
.news #sec_2 .cnt_right .txt_box p{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.14em; /*16px*/
	line-height: 40px;
}
.news #sec_2 .cnt_right .txt_box p.txt1{
	border-right: 1px solid #bababa;
	background: #4d4d4d;
	color: #fff;
	font-size: 1.42em; /*20px*/
}
.news #sec_2 .dl1{
	padding: 25px;
}
.news #sec_2 .dl1 dt{
	clear: both;
	float: left;
	width: 60px;
	background: #fff;
	text-align: center;
}
.news #sec_2 .dl1 dd{
	padding-left: 75px;
	margin-bottom: 20px;
}
.news #sec_2 .ul1 li{
	margin-bottom: 3px;
}
@media screen and (max-width: 767px) {
	.news #sec_2 .sec_in{
		display: block;
		padding: 0;
	}
	.news #sec_2 .cnt_left{
		width: 100%;
		border-right: none;
		padding: 20px 0;
		text-align: center;
	}
	.news #sec_2 .cnt_right{
		width: 100%;
	}
	.news #sec_2 .cnt_right .txt_box{
		border-top: 1px solid #bababa;
	}
	.news #sec_2 .dl1{
		padding: 15px;
	}
	.news #sec_2 .dl1 dt{
		float: none;
		width: 60px;
		margin-bottom: 5px;
	}
	.news #sec_2 .dl1 dd{
		padding-left: 0px;
		margin-bottom: 10px;
	}
}


.news #sec_2 .dl2{
	padding: 25px;
}
.news #sec_2 .dl2 dt{
	display: inline-block;
	background: #fff;
	text-align: center;
	padding: 2px 10px;
	margin-bottom: 10px;
}
.news #sec_2 .dl2 dd{
	margin-bottom: 20px;
}
.news #sec_2 .dl2 dd ul li{
	margin-left: 1.5em;
	text-indent: -1.5em;
}

@media screen and (max-width: 767px) {
	.news #sec_2 .dl2 dd{
		margin-bottom: 10px;
	}
}


.news #sec_3 .box_wrap{
	border-top: 1px solid #bababa;
}
.news #sec_3 .box_wrap .box{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 25px 0;
	border-right: 1px solid #bababa;
	border-bottom: 1px solid #bababa;
}
.news #sec_3 .box_wrap .box:nth-child(4n){
	border-right: none;
}
.news #sec_3 .box_wrap .box:nth-child(4n+1){
	clear: both;
}
.news #sec_3 .box_wrap .box a{
	display: block;
	text-decoration: none;
	color: #333;
}
.news #sec_3 .box_wrap .box .s3_img1{
	text-align: center;
	margin-bottom: 10px;
}
.news #sec_3 .box_wrap .box .s3_img1 img{
	border: 1px solid #bababa;
	width: 114px;
	height: 161px;
	object-fit: cover;
}
.news #sec_3 .box_wrap .box .s3_txt1{
	text-align: center;
	font-weight: bold;
}
.news #sec_3 .box_wrap .box .s3_txt2{
	text-align: center;
}
@media screen and (max-width: 767px) {
	.news #sec_3 .box_wrap .box{
		width: 50%;
		box-sizing: border-box;
		padding: 15px 0;
		border-right: 1px solid #bababa;
		border-bottom: 1px solid #bababa;
	}
	.news #sec_3 .box_wrap .box:nth-child(2n){
		border-right: none;
	}
	.news #sec_3 .box_wrap .box:nth-child(2n+1){
		clear: both;
	}
}


.news #sec_4 .s4_txt1{
	font-weight: bold;
}

/* ---------------------------------------
.distribution
--------------------------------------- */
.distribution #sec_1 .s1_txt1{
	font-weight: bold;
}
.distribution #sec_1 .s1_txt2{
	font-size: 0.85em; /*12px*/
}
.distribution #sec_1 .s1_img1{
	padding-bottom: 70px;
	border-bottom: 1px solid #bababa;
	margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.distribution #sec_1 .s1_img1{
		padding-bottom: 20px;
		margin-bottom: 5px;
	}
}