﻿/*繝医ヴ繝・け繧ｹ繝壹・繧ｸ*/

.topics.content{
	background:#1850a3;
	padding:70px 0 50px;
}
.topics.content h1{
	margin:0 auto 55px;
}
.topics .inner{
	background:#fff;
	width:1100px;
	margin:0 auto 50px;
	padding:50px;
	text-align:left;
}
.topics .inner table{
	margin-top:10px;
	margin:0 auto ;
	border-collapse: collapse;	
	width: 100%;
	margin-bottom: 8px;
	font-size: 16px;
	border: 1px solid #e5e5e5;
	overflow-x: auto;
}



.topics .inner table th{
	
}


.topics .inner table td{
	color:#000;
	padding: 5px;
	line-height:1.3;
	vertical-align:top;
	font-size:14px;
}


.topics .inner table tbody td {
	border: 1px solid #e5e5e5;
	vertical-align: middle;
	 
}





.topics .inner table thead th{
	background: #1D50A3;
	color: #fff;
	font-weight: bold;
	height: 15%;
	text-align: center;
}

.topics .inner table tbody th {
	text-align: center;
}


.topics .inner table tbody th:nth-child(1){
  text-align: center;
  color: #1D50A3;
  font-weight: bold;
}
.topics .inner table td:nth-child(2){
	width: 50%;
}
.topics .inner table td:nth-child(3) {
	width: 30%;
}

.topics .inner table td:nth-child(4) {
	width: 15%;
}


.topics .inner table tbody td:nth-child(2){
	text-align: left;
}
.topics .inner table tbody td:nth-child(3) {
	text-align: center;
}

.topics .inner table tbody td:nth-child(4) {
	text-align: center;
}




.topics .inner .back_bt{
	text-align:center;
}
.topics.detail .inner{
	padding:70px 100px;
}
.topics.detail h2{
	font-size:30px;
	font-weight:bold;
	margin-bottom:30px;
}
.topics.detail p{
	margin-bottom:30px;
}
.topics.detail .large_photo{
	max-width:800px;
	margin:0 auto 60px;
}
.topics.detail .large_photo img{
	width:100%;
}
.topics.detail .column_block{
	margin-bottom:60px;
}
.topics.detail .column_block .left_area,
.topics.detail .column_block .right_area{
	width:430px;
	float:left;
}
.topics.detail .column_block .left_area img,
.topics.detail .column_block .right_area img{
	width:100%;
}
.topics.detail .column_block .right_area{
	float:right;
}








@media screen and (max-width:640px) {
	.topics.content{
		background:#092673;
		padding:40px 0 0;
	}
	.topics.content h1 img{
		width:286px;
	}
	.topics .inner{
		width:100%;
		margin:0 auto 30px;
		padding:20px;
		text-align:left;
	}
	
	.topics.detail .inner{
		padding:40px 20px;
		margin:0 auto;
	}
	.topics.detail h2{
		margin-bottom:20px;
		font-size:1.5rem;
	}
	.topics.detail p{
		margin-bottom:20px;
	}
	.topics.detail .large_photo{
		margin:0 auto 30px;
	}
	.topics.detail .column_block{
		margin-bottom:30px;
	}
	.topics.detail .column_block .left_area,
	.topics.detail .column_block .right_area{
		width:48%;
	}
	.topics.detail .column_block .left_area.img,
	.topics.detail .column_block .right_area.img{
		text-align:center;
	}
	.topics.detail .column_block.clear_ver .left_area,
	.topics.detail .column_block.clear_ver .right_area{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	.topics.detail .column_block.clear_ver .left_area img,
	.topics.detail .column_block.clear_ver .right_area img{
		width:80%;
		margin:0 auto;
	}
	.topics .inner .back_bt img{
		width:150px;
	}
}