.relation_dept_wrap{width:100%;margin:0 auto}
.relation_dept_wrap .relation_dept{width:100%;overflow:hidden;border-bottom:1px solid #ddd;padding:50px 0}
.relation_dept_wrap .relation_dept .image{float:left;width:425px;border-radius: 12px;overflow: hidden;}
.relation_dept_wrap .relation_dept .image img {
    border: none;
    vertical-align: top;
    width: 100%;}
.relation_dept_wrap .relation_dept .info{float:left;width:50%;width:calc(100% - 465px);padding:12px 0 0 40px;box-sizing:border-box}
.relation_dept_wrap .relation_dept .info .title{position:relative}
.relation_dept_wrap .relation_dept .info h4{font-size:28px;color:#000;font-weight:500;padding-bottom:15px;letter-spacing:-.09em}

.relation_dept_wrap .relation_dept .info .gita_link{background:#f8f8f8;border:1px solid #ddd;padding:15px;box-sizing:border-box;font-size:16px;margin-bottom:4px;letter-spacing:0}
.relation_dept_wrap .relation_dept .info .gita_link ul li a{color:#666;letter-spacing:-.04em}
.relation_dept_wrap .relation_dept .info p{font-size:17px;line-height:28px;color:#666;padding-bottom:15px;word-break:keep-all}
.relation_dept_wrap .relation_dept .info strong{font-weight:400;color:#000}
.relation_dept .info .path_box{width:100%;overflow:hidden}
.relation_dept .info .path_box dl{float:left;width:100%}
.relation_dept .info .path_box dl dt{float:left;min-width:60px;height:30px;padding:0 20px 0 30px;margin-right:15px;font-weight:500;color:#000;font-size:18px}
.relation_dept .info .path_box dl.location dt{background:url(/pages/basic/img/sub/dept_ico_location.jpg) left center no-repeat}
.relation_dept .info .path_box dl.location dd{float:left;letter-spacing:0}


.dept_site_link {
    position: absolute;
    right: 0;
    top: -10px;
    display: block;
    width: 210px;
    height: 45px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 500;
    font-size: 16px;
    background: #871919 url(/pages/basic/img/sub/site_link_home.png) left top no-repeat;
    padding-left: 45px;
    box-sizing: border-box;
    letter-spacing: -.02em;
}
.dept_site_link:hover{background-color:#fff;color: #080808;border: 1px solid #cfb99e;background-position:0 -45px;text-decoration:none;}

@media screen and (max-width:1200px){
    .relation_dept_wrap .relation_dept .image {
        width: 300px;
    }
	.relation_dept_wrap .relation_dept .info {
        width: calc(100% - 340px); }
}

@media screen and (max-width:860px){
.relation_dept_wrap .relation_dept{border-bottom:none;padding:0px 0 15px 0}
.relation_dept_wrap .relation_dept .image{width:100%}
.relation_dept_wrap .relation_dept .image img{width:100%}
.relation_dept_wrap .relation_dept .info{width:100%;padding:20px 10px 0 10px}
.relation_dept_wrap .relation_dept .info h4{font-size:22px;padding-bottom:10px}

.relation_dept_wrap .relation_dept:first-child{padding:0px 0 20px 0}
.relation_dept .info .path_box dl{width:100%}
.relation_dept .info .path_box dl dt{font-size:17px;min-width:70px}
.relation_dept .info .path_box dl dd{font-size:17px}
.relation_dept .info .path_box{border:4px solid #efefef;padding:12px;box-sizing:border-box}
}