@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: 25px;}
.related-list > ul > li{border: 1px solid #e3e3e3;padding: 2.5rem;}
.related-list > ul > li > a{padding:30px;display:block;}
.related-list > ul > li .thum{height: 14rem;border:1px solid #e3e3e3;}
.related-list > ul > li .thum img{object-fit:contain; object-position:center;width: 100%;height: 100%;}

.related-list > ul > li .conts .title{font-size: 2rem;color:#212121;margin: 1rem 0 1.5rem;display: block;/* display: -webkit-box; */position:relative;line-height: 1.25;/* -webkit-line-clamp: 1; *//* -webkit-box-orient: vertical; */overflow: hidden;padding-right: 3rem;}
.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: 2rem 0 0 0.5rem;color:#555;line-height:1.4;border-top: 1px solid #ddd;}
.related-list > ul > li .conts p br{display:none;}

@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;}
}

.search{margin-bottom:4rem;}
.search input[type="text"]{box-sizing: border-box;padding: 0 0 0 1.5rem;height: 5.5rem;line-height: 5.5rem;font-size: 1.8rem;display: inline-block;vertical-align: middle;border: 0.1rem solid #58616a;border-radius: 0.65rem;color: #8a949e;}
.search input[type="text"]::placeholder{color:#8a949e;}
.search .board-serch input[type="text"]{width: 49rem;background:#fff url('../images/search-icon.png') no-repeat 95% center;}
.search ._button input[type="submit"]{border: 0;border-radius: 0.65rem;margin-right: 0;padding: 0 3.5rem;font-size: 1.8rem;line-height: 5.5rem;background-color: #003675;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;font-weight: 500;vertical-align: middle;}
.search ._button input[type="button"]{border: 0;border-radius: 0.65rem;margin-right: 0;padding: 0 3.5rem;font-size: 1.8rem;line-height: 5.5rem;background-color: #003675;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;font-weight: 500;vertical-align: middle;}

@media all and (max-width:767px){
    .search{margin-bottom:2rem;}
    .search .board-serch input[type="text"]{width:calc(100% - 11rem);}
}