@charset "UTF-8";

/* CSS Document */
/*==================================================

area-tit

==================================================*/
.area-tit{
	margin-bottom: 0;
}
@media (max-width: 750px) {
	.area-tit{
	   margin-bottom: 0;
	}
}

.area-img img{
    width: 100%;
    max-width: 100%;
    height: auto;
}
/*==================================================

list-box

==================================================*/
.area-service_archive .list-box{
	text-align: left;
	margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media (max-width: 750px) {
    .area-service_archive .list-box{
        flex-direction: column;
        justify-content: center;
    }
}
.area-service_archive .list-box > li {
	width: 100%;
    max-width: 230px;
	display: flex;
    flex-direction: column;
}
@media (min-width: 751px) {
    .area-service_archive .list-box > li:not(:nth-child(4n-3)) {
        margin-left: calc( ( 100% - ( 230px * 4 ) ) / 3 );
    }
    .area-service_archive .list-box > li:nth-child(n + 5) {
        margin-top: 40px;
    }
}
@media (max-width: 750px) {
    .area-service_archive .list-box > li {
        margin: 0 auto;
    }
    .area-service_archive .list-box > li + li {
        margin-top: 20px;
    }
}
.area-service_archive .list-box > li a{
    padding-right: 0;
}
.area-service_archive .list-box > li img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.area-service_archive .list-box > li .box-logo{
	width: 100%;
	border: 1px solid #A5A5A6;
    margin-bottom: 5px;
}
.area-service_archive .list-box > li .box-logo a[target="_blank"]:not([href$=".pdf"])::after{
    display: none;
}
.area-service_archive .list-box > li .box-txt{
	width: 100%;
	font-weight: bold;
}
@media (max-width: 750px) {
    .area-service_archive .list-box > li .box-txt{
        font-size: 1.2rem;
    }
}
.area-service_archive .list-box > li a[target="_blank"]:not([href$=".pdf"])::after{
    display: none;
}
.area-service_archive .list-box > li a[target="_blank"]:not([href$=".pdf"]) .box-txt::after {
    content: "";
    width: 16px;
    height: 16px;
    background: url("/wp-content/themes/jv2021/img/common/pc/icon_blank01.svg") center center no-repeat;
    
    display: inline-block;
    position: static;
    top:0;
    left: 0;
    transform: translateY(15%);
    margin-left: 10px;
    
}