@charset "utf-8";

.related-site h2.sty_01{display:none;}
.related-list{max-width:1440px;margin:0 auto;}
.related-list > ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px;}
.related-list > ul > li{border:1px solid #ddd;}
.related-list > ul > li > a{padding:30px;display:block;}
.related-list > ul > li .thum{width:390px;height: 230px;}
.related-list > ul > li .thum img{object-fit:cover;object-position:center;width: 100%;height: 100%;}

.related-list > ul > li .conts .title{font-size:23px;font-family:'Noto Medium';color:#212121;margin: 20px 0 18px;display: -webkit-box;padding-left:17px;position:relative;line-height: 1.25;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.related-list > ul > li .conts .title:before{content:'';width:7px;height:7px;background:#034ea2;border-radius:50%;position:absolute;left:0;top:50%;margin-top: -2px;}
.related-list > ul > li .conts .title .homepage{width:25px;height:25px;display:block;background:#034ea2 url('../images/home-icon.png') no-repeat center;border-radius:5px;text-indent:-9999px;position:absolute;right:0;top: 50%;margin-top: -12.5px;}
.related-list > ul > li .conts p{padding:20px 0 0 5px;color:#555;font-family:'Noto DemiLight';line-height:1.4;font-size:18px;border-top: 1px solid #ddd;}

@media all and (max-width:1440px){
.related-list{width:100%;}
.related-list > ul{gap:25px;}
.related-list > ul > li .thum{width:100%;}    
}

@media all and (max-width:1280px){
.related-list > ul{grid-template-columns:1fr 1fr;}
}

@media all and (max-width:767px){
.related-list > ul{grid-template-columns:1fr;}
.related-list > ul > li .thum{height:200px;}
}