@charset "utf-8";
/* CSS Document */
#main.sub .topics .topics_box a{
	color:#1549bd;
	text-decoration: underline;
}
#main.sub .topics .topics_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
	padding:50px;
}
#main.sub .topics .topics_box h5{
	font-size:20px;
	margin-bottom:1em;
}
#main.sub .topics .topics_box p{
	margin-bottom:2em;
}

#main.sub .topics .topics_box p span{
	font-weight:bold;
}
#main.sub .topics .topics_box figure figcaption{
	margin-top:10px;
	font-size:12px;
}
.next_Link {
	margin-bottom:3em;
}
.next_Link a{
	display: flex;
	color:#fff;
	font-size:18px;
	background:#000;
	padding:10px 20px;
	width:fit-content;
	margin: auto;
	justify-content: space-between;
}
.next_Link a::after{
	content: ">";
    display: inline-block;
    letter-spacing: -2px;
    font-family: monospace;
    margin-left:20px;
}

#contents .list_title img{
	max-width:144px;
	margin:0 15px;
}
.list_table{
	padding:4em;
}
.list_table h4{
	font-size:22px;
	margin-bottom:10px;
}
.list_table table {
	border-collapse: collapse;
	table-layout: fixed;
	margin-bottom:3em;
}
.list_table table tr th{
	background:#94dac2;
}
.list_table table tr > td:not(:nth-of-type(2)){
	width:38%;
}
.list_table table th,.list_table table td{
	border:solid 1px #599782;
	border-collapse: collapse;
	padding:20px;
	vertical-align: top;
}
/* pc */
@media screen and (min-width: 801px), print {
#main.sub .topics .topics_box.topics_box_imgR {
	flex-direction: row-reverse;
}
#main.sub .topics .topics_box.topics_box_imgL {
	flex-direction: row;
}

#main.sub .topics .topics_box figure{
	width:35%;
}
#main.sub .topics .topics_box .txt_box{
	width:60%;
}
#main.sub .topics .topics_box.topics_box_imgBig figure{
	width:90%;
	text-align:center;
	margin:auto;
}
.list_title h3{
	font-size:24px;
}
}

/* sp */
@media screen and (max-width: 800px), print {
	#main.sub .topics .topics_box {
		padding: 10px;
		flex-direction: column-reverse;
	}
	#main.sub .topics .topics_box:nth-of-type(even) {
		flex-direction: column-reverse;
	}
	#main.sub .topics .topics_box figure{
		width:100%;
		margin-bottom: 2em;
	}
	#main.sub .topics .topics_box .txt_box{
		width:100%;
	}
	.list_table{
		padding:10px;
		overflow: hidden;
	}
	.list_scroll{
		overflow: auto;
		white-space: nowrap;
	}
	.list_title {margin-bottom:2em;}
	.list_title h3{
		display: flex;
		flex-direction: column;
		line-height: 1.5;
		font-size:18px;
	}
	#contents .list_title h3 img{
		margin-bottom:5px;
	}
	.list_table h4{font-size:16px;}
}