@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#005ABE
-----------------------------------------------*/

/* lead */
.topics_detail {
padding: 60px 4%;
}
.topics_detail .inner {
max-width: 1000px;
margin: auto;
}
.topics_detail .head {
text-align: center;
}
.topics_detail .photo {
margin-top: 4%;
}
.topics_detail .photo .main {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
background-image: url("../img/commendation/arrow.svg");
background-position: center center;
background-repeat: no-repeat;
background-size: 4%;
}
.topics_detail .photo .main li {
width: 47%;
aspect-ratio: 1 / 1;
padding: 4% 0;
background-position: left top;
background-repeat: no-repeat;
background-size: 20%;
}
.topics_detail .photo .before {
background-image: url("../img/commendation/ico_before.svg");
}
.topics_detail .photo .after {
background-image: url("../img/commendation/ico_after.svg");
}
.topics_detail .photo .sub {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.topics_detail .photo .sub li {
width: 8.2%;
aspect-ratio: 1 / 1;
margin-left: 2%;
}
.topics_detail .photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.topics_detail .photo .sub li:nth-child(10n + 1) {
margin-left: 0;
}

.topics_detail .data {
width: 100%;
max-width: 800px;
margin: auto;
margin-top: 4%;
border-top: 1px solid #000;
}
.topics_detail .data th,
.topics_detail .data td {
padding: 0.75em;
font-weight: 400;
border-bottom: 1px solid #000;
}
.topics_detail .data th {
width: 8em;
text-align: center;
background: #DEDEDE;
}


.topics_detail .back {
margin-top: 4%;
font-family: "Shippori Mincho B1", serif;
text-align: right;
}
.topics_detail .back::before {
content: ">>>";
margin-right: 0.5em;
color: #005AC0;
}
.topics_detail .back a {
color: #005AC0;
}
.topics_detail .back a:hover {
text-decoration: underline;
}
@media screen and (max-width: 799px) {
	.topics_detail {
	padding: 8% 4%;
	}
	.topics_detail .photo {
	display: block;
	margin-top: 8%;
	}
	.topics_detail .photo .main {
	background-image: none;
	}
	.topics_detail .photo .main li {
	width: 100%;
	padding-top: 10%;
	}
	.topics_detail .photo .sub li {
	width: 18.4%;
	}
	.topics_detail .photo .sub li:nth-child(4n + 1) {
	margin-left: 0;
	}
}