#content{
	background-color: #ffffff;
	padding: 0px;
}

@media screen and (max-width:734px){
	#content{
		padding-top:70px;
	}
}

.article-main{
	max-width: 1020px;
	padding: 0 15px;
	margin: 0 auto;
}
.article-main *,.article-main *::before,.article-main *::after{
	word-wrap: break-word;
}
.common p,.common td{
	font-size: 15px;
	line-height: 1.5em;
	text-align: justify; /* 両端揃え */
	text-justify: inter-ideograph; /* 両端揃えの種類 */
}
.common figcaption{
	color: #999999;
	font-size: 12px;
	padding: 8px 0 0;
}
.common{
	padding: 0;
	color: #333333;
	margin: 0 auto 120px auto;
	vertical-align: text-top;
}

.common:nth-last-of-type(1){
	margin-bottom: 60px;
}

.common figure img{
	background-image: url(../../img/img_back_sample.png);
	background-color: #D8D8D8;
	border: none;
	position: relative;
}

.common figure img{
	width: 100%;
	object-fit: cover;
}

.figcaption1 figure img{
	display: block;
	width: 100%;
	max-height: 414px;
}

.figcaption1 figure{
	margin-bottom: 30px;
}

.figcaption2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.figcaption2 figure{
	width: 50%;
}

.figcaption2 figure img{
	display: block;
	width: 100%;
	max-height: 340px;
	-ms-flex: 0 1 50%;
	position: relative;
}
.figcaption1 figure img::before,
.figcaption2 figure img::before{
	content: "";
	display: block;
	padding-top: 70.5394%;
}

.figcaption2 p{
	width: 46.549%;
}

.order figure{
	order: 2;
}

.order p{
	order: 1;
}


@media screen and (max-width:640px){
	.figcaption3{
		display: block;
	}
	.figcaption2 figure,
	.figcaption3 figure{
		width: 100%;
		max-width: 482px;
		display: block;
		margin: 0 auto 30px;
	}
	.figcaption2 p,
	.figcaption3 p{
		width: 100%;
	}
	.common.figcaption1,
	.common.figcaption2{
		padding: 0 15px;
	}
	.common.figcaption1 figure,
	.common.figcaption2 figure,
	.common.figcaption1 p,
	.common.figcaption2 p{
		padding: 0 1.5vw;
	}
}

.title-common{
	width: 100%;
	font-size: 18px;
}
.title1{
	font-size: 31px;
	font-weight: 400;
	text-align: center;
	padding: 1.4em 0 .5em;
	position: relative;
}

.title2{
	font-size: 24px;
	color: #0d3386;
	font-weight: 600;
	padding-bottom: .20em;
	letter-spacing: .1em;
	border-bottom: solid 1.5px #0d3386;
	margin-bottom: .5em;
}


.list ol{
	padding:0;
	margin: 0 0 40px 0;
	list-style: none;
	counter-reset: number;
}

.list ol li,
.list ul li{
	margin-bottom: 4px;
}

.list ol li span{
	width: 89.4%;
	display: inline-flex;
	padding-bottom: 8px;
}

.list ol ol li{
	padding-left: 30px;
}

.list ol li::before{
	display: inline-flex;
	counter-increment: number;
	margin-right: 10px;
}

.list ol.kakko li::before{
	content: "("counter(number)")";
}

.list ol.maru li::before{
	width: 18px;
	height: 18px;
	display: inline-block;
	content: counter(number);
	border: solid 1px #000;
	border-radius: 9px;
	text-align: center;
}

.list ul{
	list-style: none;
}
.list ul li::before{
	content: "・";
	width: 1.3rem;
	text-align: center;
}
.list ul li{
	padding-bottom: 8px;
}

@media screen and (max-width:380px){
	.list ol li span{
		display: block;
	}
	.list ol ol li{
		padding-left: 6%;
	}
}

.link a{
	display: block;
	color: #003265;
	text-decoration: underline;
	position: relative;
	padding-left: 1rem;
}
.link a::before{
	content: "\f0d7";
	font-family: fontAwesome;
	position: absolute;
	left: 0;
	color: #004098;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

.button{
	display: flex;
	flex-wrap:wrap;
}
.button a{
	display: block;
	color: #ffffff;
	padding: 1px;
	padding: 20px 34px 20px 20px;
	position: relative;
}
.button p{
	background-repeat: repeat;
	background-size: 49px 49px;
	border-radius: 5px;
	padding: 1px;
	margin-bottom: 20px;
	margin-right: 50px;
}
.button p:nth-last-of-type(1){
	margin-right: 0;
}
.button1{
	background-image: url(../../img/texture_blue.png);
}
.button2{
	background-image: url(../../img/texture_darkgray.png);
}
.button a span{
	display: inline-block;
	border-radius: 4px;
}
.button a span::after{
	content: "\f0d7";
	font-family: fontAwesome;
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #ffffff;
	transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transformf: rotate(-90deg);
}
.button1 a{
	background-color: #003265;
}
.button2 a{
	background-color: #999999;
}
@media screen and (max-width:639px){
	.button .button_long{
		width: 100%;
		margin-right: 0;
	}
	.button .button_long a{
		text-align: center;
	}
}

.img{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.img figure{
	margin-bottom: 15px;
}
.img2{
	-ms-flex: 0 1 50%;
}
.img2 div{
	width: 48%;
}

.img3 div{
	width: 30.666%;
}

@media screen and (max-width:639px){
	.img_p.img2 div,
	.img_p.img3 div{
		width: 100%;
		display: block;
		margin: 0 auto;
		margin-bottom: 30px;
	}
}

.hr{
	display: block;
	width: 100%;
	height: 1px;
	background-color: #999999;
}


/*==table==*/
.table .table_title{
	font-size: 18px;
	margin-bottom: 15px;
}
.table tr th{
	background-color: #999999;
	color: #ffffff;
	font-weight: 600;
	text-align: left;
}
.table tr th,
.table tr td{
	font-weight: 400;
	border-right: solid 1px #d8d8d8;
}
.table thead tr th:nth-last-of-type(1){
	border-right: 0;
}
.table tbody tr{
	border-bottom: solid 1px #d8d8d8;
	border-left: solid 1px #d8d8d8;
}
.table.table_2 tbody tr{
	border-top: solid 1px #d8d8d8;
}
.table.table_2 tr th,
.table.table_2 tr td{
	vertical-align: text-top;
}

.table_wid_10{
	width: 10%;
}
.table_wid_20{
	width: 20%;
}
.table_wid_30{
	width: 30%;
}
.table_wid_40{
	width: 40%;
}
.table_wid_50{
	width: 50%;
}
.table_wid_60{
	width: 60%;
}
.table_wid_70{
	width: 70%;
}
.table_wid_80{
	width: 80%;
}
.table_wid_90{
	width: 90%;
}
.table_wid_100{
	width: 100%;
}

@media screen and (max-width:639px){
	.s_table{
		display: flex;
		flex-wrap: wrap;
	}
	.s_table_wid_10{
		width: 10%;
		flex:0 1 10%;
	}
	.s_table_wid_20{
		width: 20%;
		flex:0 1 20%;
	}
	.s_table_wid_30{
		width: 30%;
		flex:0 1 30%;
	}
	.s_table_wid_40{
		width: 40%;
		flex:0 1 40%;
	}
	.s_table_wid_50{
		width: 50%;
		flex:0 1 50%;
	}
	.s_table_wid_60{
		width: 60%;
		flex:0 1 60%;
	}
	.s_table_wid_70{
		width: 70%;
		flex:0 1 70%;
	}
	.s_table_wid_80{
		width: 80%;
		flex:0 1 80%;
	}
	.s_table_wid_90{
		width: 90%;
		flex:0 1 90%;
	}
	.s_table_wid_100{
		width: 100%;
		flex:0 1 100%;
	}
	.table.table_1 div{
		widows: 100%;
		display: block;
		overflow-x: scroll;
	}
	.table.table_1 div table{
		min-width: 960px;
	}
}

div.top_news_index_button {
	margin-bottom: 60px;
}

div.top_toti_index_button {
	margin-bottom: 40px;
}