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

.other_list{
	display: flex;
	flex-wrap: wrap;
}

.other_list > li{
	width: 29.5%;
    margin-right: 5.75%;
	margin-top: 4%;
}

.other_list > li:nth-of-type(3n){
	margin-right: 0;
}

.other_list > li > a:hover{
	text-decoration: none;
	opacity: 0.8;
}

.other_list > li figure.border{
	border: 1px solid #ddd;
}

.other_list > li figure img{
	width: 100%;
}

.other_list > li .ttl{
	position: relative;
	background-color: #767676;
	color: #fff;
	padding: 5px 10px;
	text-align: left;
	margin-top: 5px;
}

.other_list > li .ttl:before{
	content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 15px;
    height: 11px;
    transform: translateY(-50%) rotate(-90deg);
    background: url(/ir/img/icon_arrow.svg) no-repeat center / contain;
}

.other_list > li .detail{
	font-size: 1.6rem;
	text-align: left;
	margin-top: 10px;
}

.icon_external{
	position: relative;
	padding-right: 30px;
}

.icon_external:before{
	content: "";
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 16px;
	height: 16px;
}

@media screen and (max-width: 1024px){
	.other_list > li,
	.other_list > li:nth-of-type(3n){
		width: 48%;
		margin-right: 2%;
	}
	
	.other_list > li:nth-of-type(2n){
		margin-right: 0;
	}
	
}

@media screen and (max-width: 480px){
	.other_list > li,
	.other_list > li:nth-of-type(3n){
		width: 100%;
		margin: 30px auto 0;
	}
	
}