@charset "UTF-8";

.organ-box p{margin:0 auto;width:280px;box-sizing:border-box;text-align:center;}
.organ-box p span{display:block;padding:15px;width:100%;height:100%;font-size:1.125rem;line-height:1.5rem;box-sizing:border-box;}

.organ-box .head-box{min-height:100px;}
.organ-box .head-box p span{background:#DA0000;color:#fff;}

.organ-box .top-box{display:flex;justify-content:space-between;position:relative;min-height:100px;text-align:center;}
.organ-box .top-box div{width:20%;}
.organ-box .top-box .left-box{position:absolute;right:50%;padding:40px 110px 0 0;}
.organ-box .top-box .left-box span:after{content:'';display:block;position:absolute;top:50%;left:100%;z-index:-10;width:70%;height:1px;background:#E8E8E8;}
.organ-box .top-box .right-box{position:absolute;left:50%;padding:40px 0 0 110px;}
.organ-box .top-box .right-box span:after{content:'';display:block;position:absolute;top:50%;right:100%;z-index:-10;width:70%;height:1px;background:#E8E8E8;}
.organ-box .top-box div ul li{padding:0 0 25px;}
.organ-box .top-box div ul li:last-of-type{padding-bottom:0;}
.organ-box .top-box ul li a,
.organ-box .top-box ul li span{display:block;position:relative;padding:15px;font-size:1.125rem;line-height:1.5rem;box-sizing:border-box;}
.organ-box .top-box ul li .type-white{background:#fff;border:1px solid #FFBDBD;}
.organ-box .top-box ul li .type-navy{background:url(/_res/service/dea/img/intro/bg-organ-cube.gif) no-repeat center center/cover;color:#fff;}

.organ-box .middle-box{position:relative;padding:70px 0 0 0;}
.organ-box .middle-box:before{content:'';display:block;position:absolute;bottom:calc(62% + 1px);left:50%;z-index:-10;width:1px;height:70%;background:#E8E8E8;}
.organ-box .middle-box > ul{display:flex;justify-content:space-between;}
.organ-box .middle-box > ul > li > p > span{position:relative;margin:0 0 15px 0;background:#FFF5F5;border:1px solid #FFBDBD;}
.organ-box .middle-box > ul > li:first-of-type > p > span:before,
.organ-box .middle-box > ul > li:last-of-type > p > span:before{content:'';display:block;position:absolute;top:50%;z-index:-10;width:100%;height:1px;background:#E8E8E8;}
.organ-box .middle-box > ul > li:first-of-type > p > span:before{left:100%;}
.organ-box .middle-box > ul > li:last-of-type > p > span:before{right:100%;}
.organ-box .middle-box ul li .type-white{background:#fff;border:1px solid #FFBDBD;}
.organ-box .middle-box .middle-inner-box > ul > li{margin:0 0 10px 0;}
.organ-box .middle-box .middle-inner-box > ul > li:last-of-type{margin:0;}

@media screen and (min-width: 1025px) {
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box{position:relative;padding:70px 0 0 0;}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box:before{content:'';display:block;position:absolute;top:26%;left:50%;z-index:-10;width:51%;height:1px;background:#E8E8E8;transform:translateX(-50%);}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul{}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul > li{display:inline-block;}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul > li:first-of-type{margin:0 5px 0 0;}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul > li > p{width:200px;}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul > li > p > span{position:relative;}
	.organ-box .middle-box ul li:nth-of-type(2) .middle-inner-box > ul > li > p > span:before{content:'';display:block;position:absolute;bottom:100%;left:50%;z-index:-10;width:1px;height:70%;background:#E8E8E8;}
}

@media screen and (max-width: 1024.98px) {
	.organ-box .head-box > p{position:relative;width:50%;}
	.organ-box p span{padding:12px 10px 10px;font-size:1rem;}

	.organ-box .top-box{padding:0;min-height:41px;}
	.organ-box .top-box:before{left:50%;}
	.organ-box .top-box > div{width:50%;box-sizing:border-box;}
	.organ-box .top-box .left-box{position:absolute;left:0;padding:15px 15px 0 0;}
	.organ-box .top-box .right-box{position:absolute;right:0;padding:15px 0 0 15px;}
	.organ-box .top-box ul li{margin:0 0 10px;}
	.organ-box .top-box ul li a,
	.organ-box .top-box ul li span{padding:12px 10px 10px;font-size:1rem;}
	.organ-box .top-box > div > ul > li > a:before,
	.organ-box .top-box > div > ul > li > span:before{content:'';display:block;position:absolute;top:50%;z-index:-10;width:16px;height:1px;background:#E8E8E8;}
	.organ-box .top-box .left-box > ul > li > a:before,
	.organ-box .top-box .left-box > ul > li > span:before{left:100%;}
	.organ-box .top-box .right-box > ul > li > a:before,
	.organ-box .top-box .right-box > ul > li > span:before{right:100%;}
	
	.organ-box .middle-box:before{bottom:80%;height:45%;}
	.organ-box .middle-box > ul > li{width:32%;}
	.organ-box .middle-box ul li p{width:auto;}
}

@media screen and (max-width: 768px) {
	.organ-box .middle-box > div{width:32%;}
	.organ-box .middle-box ul li ul:before{height:calc(100% - 22px);}
	.organ-box .middle-box .left-box .type-white:after{width:65px;}
}

@media screen and (max-width: 480px){
	.organ-box .head-box{min-height:60px;}
	
	.organ-box .top-box{min-height:15px;}
	
	.organ-box .middle-box:before{height:30%;}
	
	.organ-box .bottom-box ul{padding:0;}
	.organ-box .bottom-box ul:before{height:81%;}
}