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


.documents .contents-bg .contents-box .documents-menu .category-link ul{
    padding:10px 0 40px;
    display:flex;
    flex-wrap:wrap;
    gap:15px;
}

.documents .contents-bg .contents-box .documents-menu .category-link ul li{
    width: calc((100% - 45px) / 4);
    height: 40px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    border-bottom:none;
    background: #f3f3f3;
}

.documents .contents-bg .contents-box h2{
    padding: 2px 0 2px 20px;
    color: var(--bBlue);
    border-bottom: none;
    border-left: 10px solid var(--bBlue);
    font-size: 22px;
}

.documents .contents-bg .contents-box .documents-menu .category-link ul li a{
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    position:relative;
    color:var(--color-text-blue);

}

.documents .contents-bg .contents-box .documents-menu .category-link ul li a:after{
    content: "";
    position:absolute;
    top: calc(50% - 5px);
    right: 1px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--bBlue);
    border-right: 1px solid var(--bBlue);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

@media only screen and (max-width: 900px) {
	.documents .contents-bg .contents-box .documents-menu .category-link ul li {
		width: calc((100% - 15px) / 2);
		padding: 10px 15px 5px 8px;
		font-size: 14px;
	}
}


.documents .contents-bg .contents-box .documents-menu .category-link02G{
    width: 100%;
    margin: 28px 0 0 0;
    display: block;
}
@media only screen and (max-width: 900px) {
    .documents .contents-bg .contents-box .documents-menu .category-link02G{
        display: none;
    }
}

.documents .contents-bg .contents-box .documents-menu .category-link02{
    width: 100%;
    display: flex;
    margin: 0 0 21px 0;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 strong{
    width: 150px;
    height: 42px;
    color: #0d2ea0;
    border-left: #FFFFFF solid 10px;
    border-bottom: #bbc4dc solid 1px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0 0 18px;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 ul{
/*    display: flex;
    height: 42px;*/
	height: auto!important;
	flex-wrap: wrap;
	display: flex;
	flex: 1 1;
	gap: 5px;
	margin:0!important;
	margin-left: 10px!important;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 ul li{
    display: flex;
    align-items: center;
    height: 42px;
/*    margin: 0 0 0 4px;*/
    font-size: 14px;
	margin: 0 !important;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 ul li:first-child{
/*    margin: 0 0 0 10px;*/
	margin:0!important;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 ul li a{
    display: flex;
    align-items: center;
    height: 42px;
    position:relative;
    color:var(--color-text-blue);
    padding: 0 30px 0 14px;
    background: #f3f3f3;
}
.documents .contents-bg .contents-box .documents-menu .category-link02 ul li a:after{
    content: "";
    position:absolute;
    top: calc(50% - 5px);
    right: 10px;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 1px solid var(--color-text-blue);
    border-right: 1px solid var(--color-text-blue);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.documents .contents-bg .contents-box p.midashi01{
    width: 100%;
    height: 42px;
    padding: 0 0 0 28px;
    margin: 48px 0;
    color: #0d2ea0;
    font-weight: 700;
    box-sizing: border-box;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    border-bottom: #bbc4dc solid 1px;
}
/*251226追記*/
.documents .contents-bg .contents-box .documents-list > ul li span.model-initials2 {
	font-size: 30px!important;
	left: 12px;
}
@media only screen and (max-width: 900px) {
	.documents .contents-bg .contents-box .documents-list > ul li span.model-initials2 {
		font-size: 22px!important;
	}
	.documents .contents-bg .contents-box .documents-menu .category-link ul li a span.sp-txt-s{
		font-size: 13px!important;
	}
}
@media only screen and (max-width: 640px) {
	.documents .contents-bg .contents-box .documents-list > ul li span.model-initials2 {
		font-size: 14px!important;
		left: 7px;
		top: 10px;
	}
}