/*===============================================
 *	コンテンツ
===============================================*/
#second-visualcontents h1 span{max-width: 210px;}
.home{position: relative;padding-left: 31px;}
.home a{color: var(--site-primary);font-size: 20px;}
.home a::before{content:'';background: url(../img/icon-home02.png);width: 20px; height: 18px;position: absolute;left: 0; top:7px;}
.link-ttl{border-bottom: 1px solid var(--site-primary);position: relative;padding-left: 20px;font-size: 18px;font-weight: bold;padding-bottom:5px;margin:20px 0;}
.link-ttl::before{content:'';background: url(../img/icon-arrow_right.png);width: 16px; height: 16px;position: absolute;left: 0; top:7px;}
.link-box,.link-box02{margin-bottom: 40px;}
.link-box02 ul{width: 23.5%;}
.link-box ul li,.link-box02 ul li{margin-left: 20px;line-height: 2.5;}
.link-box ul li a,.link-box02 ul li a{position: relative;}
.link-box ul li a::before,.link-box02 ul li a::before{content: "";position: absolute;left: -15px;top: 50%;width: 5px;display: inline-block;height: 5px;border-top: 2px solid var(--site-primary);border-right: 2px solid var(--site-primary);transform: translate(0, -50%) rotate(45deg);margin-bottom: 5px;}
.border-bgnone{background: none;border: none;}
.link-box ul li a:hover,.link-box02 ul li a:hover{color:var(--site-primary);}

@media only screen and (max-width: 1024px) {

}
    
@media only screen and (max-width: 768px) {
.link-box02 ul {width: 25.5%;}
.border-bgnone{padding:0;}
}
@media only screen and (max-width: 568px) {
.link-box,.link-box02{display: block;}
.link-box02 ul{width: 100%;}
}