@charset "UTF-8";

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

area-tit

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

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

list-box

==================================================*/
.area-sns_archive img{
    height: auto;
}
.area-sns_archive .list-box{
	text-align: left;
	margin-bottom: 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box{
        flex-direction: column;
        justify-content: center;
    }
}
.area-sns_archive .list-box > li {
	width: calc( ( 100% - 20px ) / 2 );
    max-width: 450px;
	display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: start;
    background: #f2f2f2;
    padding: 40px 50px;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li {
        width: 100%;
        max-width: none;
        padding: 15px 20px;
        align-items: center;
    }
}
@media (min-width: 751px) {
    .area-sns_archive .list-box > li:nth-child(2n-1) {
        margin-right: 20px;
    }
    .area-sns_archive .list-box > li:nth-child(n + 3) {
        margin-top: 20px;
    }
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li:nth-child(n + 2) {
        margin-top: 20px;
    }
}
.area-sns_archive .list-box > li .box-logo{
    width: 105px;
    margin-right: 40px;
    border: 1px solid #e60012;
    border-radius: 5px;
    overflow: hidden;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-logo{
        width: 80px;
        margin-right: 10px;
    }
}
.area-sns_archive .list-box > li .box-tit{
	width: calc( 100% - ( 105px + 40px  ) );
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-tit{
        width: calc( 100% - ( 80px + 10px  ) );
    }
}
.area-sns_archive .list-box > li .box-tit .box-name{
    font-size: 2.3rem;
    line-height: 120%;
    font-weight: bold;
    letter-spacing: 0.1em;
    background: url("/wp-content/themes/jv2021/img/sns/pc/sns_line01.svg") bottom right no-repeat;
    background-size: 280px 10px;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-tit .box-name{
        font-size: 1.8rem;
        line-height: 120%;
        padding-bottom: 10px;
        margin-bottom: 5px;
        background: url("/wp-content/themes/jv2021/img/sns/sp/sns_line01.svg") bottom right no-repeat;
    }
}
.area-sns_archive .list-box > li .box-tit .box-sns a{
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    color: #e60012;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-tit .box-sns a{
        font-size: 1.2rem;
    }
}
.area-sns_archive .list-box > li .box-txt{
    width: 100%;
    margin-top: 1em;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    text-align: justify;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-txt{
        font-size: 1.0rem;
    }
}
.area-sns_archive .list-box > li .box-pdf{
    width: 100%;
    margin-top: 1em;
    font-size: 1.2rem;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-pdf{
        font-size: 1.0rem;
    }
}





/*

@media (min-width: 751px) {
    .area-sns_archive .list-box > li:not(:nth-child(4n-3)) {
        margin-left: calc( ( 100% - ( 230px * 4 ) ) / 3 );
    }
    .area-sns_archive .list-box > li:nth-child(n + 5) {
        margin-top: 40px;
    }
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li {
        margin: 0 auto;
    }
    .area-sns_archive .list-box > li + li {
        margin-top: 20px;
    }
}
.area-sns_archive .list-box > li img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.area-sns_archive .list-box > li .box-logo{
	width: 100%;
	border: 1px solid #A5A5A6;
    margin-bottom: 5px;
}
.area-sns_archive .list-box > li .box-logo a[target="_blank"]:not([href$=".pdf"])::after{
    display: none;
}
.area-sns_archive .list-box > li .box-txt{
	width: 100%;
	font-weight: bold;
}
@media (max-width: 750px) {
    .area-sns_archive .list-box > li .box-txt{
        font-size: 1.2rem;
    }
}
.area-sns_archive .list-box > li a[target="_blank"]:not([href$=".pdf"])::after{
    display: none;
}
.area-sns_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;
    
}
*/