@charset "UTF-8";
.mg-b40{margin: 0 0 40px 0;}

.org-box{position:relative;overflow:hidden;}
.org-box ul li p{position:relative;text-align:center;}


.org-dep01{position:relative;z-index:10;}
.org-dep01 > ul > li{position:relative;margin:0 0 60px;text-align:center;}
.org-dep01 > ul > li.top{margin:0 0 50px;}
.org-dep01 > ul > li:last-of-type{margin:0;}
.org-dep01 > ul > li > p{display:inline-block;padding:16px 5px;z-index:10;font-size:20px;color:#fff;border-radius:5px;box-sizing:border-box;}
.org-dep01 > ul > li.top > p{padding: 25px 15px 25px 15px;background-color:#000;box-shadow:2px 2px 10px rgba(0,0,0,0.5);}
.org-dep01 > ul > li.high > p {width: 180px;background: none;background-color: #53a0dc;padding: 23px 0;}
.org-dep01 > ul > li.purple > p{background-color:#9183f0;}
.org-dep01 > ul > li.skyblue > p{background-color:#71abd2;}


.org-etc{position:absolute;top:50%;left:50%;width:100%;max-width:850px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.org-etc > div{position:absolute;top:0;z-index:20;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.org-etc > div > p{padding:15px 5px;width:250px;background-color:#fff;font-size:18px;line-height:23px;box-sizing:border-box;}
.org-etc > div > p:before{content:'';position:absolute;top:50%;z-index:-10;width: 259px;height:1px;background-color:#9c9c9c;}
.org-etc.black > div > p{color: #fff;background-color: #989898;}
.org-etc.skyblue > div > p{border:4px solid #71abd2;color:#71abd2;}

.org-etc .down{top:50px;}

.org-etc > div.left{left:0;}
.org-etc > div.left > p:before{left:100%;}
 .org-etc > div.left > p:after{position: absolute;top:32px;left: 50%;z-index: -10;width: 1px;height: 113%;background-color: #9c9c9c;}
.org-etc > div.right{right: 0px;}
.org-etc > div.right > p:before{right:100%;}

.org-dep02{position:relative;margin:30px 0 0;padding:30px 0 0;z-index:10;}
.org-dep02 > ul{display:table;width:100%;table-layout:fixed;}
.org-dep02 > ul > li{display:table-cell;padding:0 35px;text-align:center;vertical-align:top;box-sizing:border-box;}
.org-dep02 > ul > li > div{display:inline-block;width:100%;max-width: 415px;}
.org-dep02 > ul > li > div > p{position:relative;padding:18px 0 19px 0;background-color:#1f51a2;font-weight:200;font-size:16px;color:#fff;line-height:23px;}
.org-dep02 > ul > li > div > p > a{display: block;color:#fff}
.org-dep02 > ul > li.center{margin:75px 0 0 0;border:1px solid #dbdbdb;border-radius:5px;}
.org-dep02 > ul > li.center > div > p{margin:0;padding:18px 5px;background-color:#dbdbdb;color:#333;}
.org-dep02 > ul > li.center > div > p:before{top:-120px;height:120px;}
.org-dep02 > ul > li.top{margin:0 0 50px;}
.org-dep02 > ul > li.top > p{font-size:18px;color:#fff;border-radius:5px;box-sizing:border-box;padding: 25px 7px 25px 7px;background-color:#000;box-shadow:2px 2px 10px rgba(0,0,0,0.5);}

.org-dep03 > ul{padding:20px 15px;background-color:#f3f5f6;}
.org-dep03 > ul > li{padding:0 0 20px 0;}
.org-dep03 > ul > li:last-of-type{padding:0;}
.org-dep03 > ul > li > p{padding:14px 5px 15px;background-color:#647fab;font-size:16px;color:#fff;line-height:21px;}
.org-dep03 > ul > li > p.other{background-color:#455a7b;}
.org-dep04 > ul{border:1px solid #ddd;background-color:#fff;}
.org-dep04 > ul > li{padding:14px 5px;border-bottom:1px solid #ddd;}
.org-dep04 > ul > li:last-of-type{border-bottom:none;}
.org-dep04 > ul > li > p{font-size:14px;color:#000;line-height:19px;}

.org-dep01 > ul > li > p:before{content:'';position:absolute;top:100%;left:calc(50% - 0px);z-index:-10;width:1px;height: 84%;background-color: #9c9c9c;}
.org-dep01 > ul > li:nth-of-type(2) > p:before{height:186%;}
.org-dep01 > ul > li:last-of-type > p:before{height:31px;}

.org-dep02:before{content:'';position:absolute;top:0;    top: 0;left: 50%;height: 1px;background-color: #9c9c9c;transform:translateX(-50%);-ms-transform:translateX(-50%);}
.row02 .org-dep02:before{width:50%;}
.row03 .org-dep02:before{width:1068px;}
.row04 .org-dep02:before{width:75%;}
.row05 .org-dep02:before{width:80%;}
.row06 .org-dep02:before{width:83.5%;}
.row07 .org-dep02:before{width:85.8%;}

.org-dep02 > ul > li > div > p:before{content:'';position:absolute;    top: -29px;left: 50%;z-index: -10;width: 1px;height: 122%;background-color: #9c9c9c;}
.org-dep02 > ul > li:last-child > div > p:before{    content: '';position: absolute;top: -30px;left: 50%;z-index: -10;width: 1px;height: 71%;background-color:#9c9c9c;}

.council-box{padding: 0 0 11px 0;overflow:hidden;}
.council-box .left-box{float: left;padding: 0 30px 30px 0;width: 17%;box-sizing: border-box;}
.council-box .left-box p img{width:100%}
.council-box .right-box{float: left;width:83%;}

.orgn-con01.row03 .org-dep02.first-line:before {width:83.4%;left:50.08%}
.orgn-con02.row03 .org-dep02.first-line:before {width:80.07%;left:50.08%}
.orgn-con02.row03 .org-dep02.first-line ul > li.top:nth-child(3) p::after {height:168%;}
.orgn-con02.row03 .org-dep02.second-line:before {width:83.45%;left:50.08%}
.orgn-con03.row03 .org-dep02.first-line:before {width:80.07%;left:50.08%}
.orgn-con04.row03 .org-dep02.first-line:before {width:66.7%;}
.orgn-con02 .org-dep02 > ul > li.top > p {position:relative;}
.orgn-con02 .org-dep02 > ul > li.top > p::after {content: '';
    position: absolute;
    top: -29px;
    left: 50%;
    z-index: -10;
    width: 1px;
    height: 122%;
    background-color: #9c9c9c;
}
@media screen and (max-width:1080px) {
	.orgn-con02.row03 .org-dep02.first-line ul > li.top:nth-child(3) p::after {height:158%;}
	
	
}
@media screen and (max-width:1024px) {
	.org-box:before{content:'';position:absolute;top:0;left:10px;width:1px;height:calc(100% - 254px);background-color:#9c9c9c;} 
	.org-box ul li p{font-size:14px;line-height:19px;text-align:left;}

	.org-dep01 > ul > li{margin:0 0 15px 0 !important;}
	.org-dep01 > ul > li > p{padding: 10px 15px !important;width:100%;}
	.org-dep01 > ul > li > p:before{display:none;}

	.org-etc{position:relative;top:auto;left:auto;width:auto;max-width:100%;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;}
	.org-etc > div{position:relative;top:50%;margin:10px 0 0 10px;padding:0 0 0 10px;text-align:right;transform:none;-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;right: 0px !important;}
	.org-etc > div > p{display:inline-block;padding: 10px 15px;width:100%;}
	.org-etc > div > p:before{z-index:-10;width:10px !important;}
	.org-etc.black > div > p{border-width:2px;}
	.org-etc.skyblue > div > p{border-width:2px;}

	.org-etc .down{top:auto;}

	.org-etc > div.left{left:auto;}
	.org-etc > div.left > p:before{left:auto;right:100%;}

	.org-dep02{margin:0;padding:0;}
	.org-dep02:before{display:none;}
	.org-dep02 > ul > li{display:block;margin:0 0 0 10px;padding:0 0 15px 10px;text-align:right;}
	.org-dep02 > ul > li:last-of-type{padding-bottom:0;}
	.org-dep02 > ul > li > div{max-width:100%;}
	.org-dep02 > ul > li > div > p{padding: 10px 15px;font-size:14px;line-height:19px;text-align:center}
	.org-dep02 > ul > li > div > p:before{top:50%;left:auto;right:100%;width:10px;height:1px;}

	.org-dep03 > ul{padding:10px;}
	.org-dep03 > ul > li{padding:0 0 10px 0;}
	.org-dep03 > ul > li > p{padding: 8px 10px;font-size:14px;line-height:19px;}

	.org-dep04 > ul{min-height:auto;}
	.org-dep04 > ul > li{padding:8px 10px;}
	.org-dep04 > ul > li > p{font-size:13px;line-height:18px;}
	
	.org-dep01 > ul > li.high > p{padding: 15px 20px 15px 20px;text-align: center;width:100%}
	.org-dep01 > ul > li.top > p{padding: 15px 20px 15px 61px;background-size: 30px;text-align: center;}
	.org-dep02 > ul > li:last-child > div > p:before{content: '';position: absolute;top: 22px;left: -10px;z-index: -10;width: 100px;height: 1px;background-color: #9c9c9c;}
	.org-box:before {content: '';position: absolute;top: 0;left: 10px;width: 1px;height: 94%;}
	.orgn-con01.org-box:before {content: '';position: absolute;top: 0;left: 10px;width: 1px;height: 89.9%;}
	.orgn-con03.org-box:before {content: '';position: absolute;top: 0;left: 10px;width: 1px;height: 88%;}
	.orgn-con04.org-box:before {content: '';position: absolute;top: 0;left: 10px;width: 1px;height: 82.5%;}
	.org-box {margin: 40px 0 0 0;}
	.orgn-con02 .org-dep02 > ul > li.top > p::after {content: '';
    position: absolute;
    top: -29px;
    left: 50%;
    z-index: -10;
    width: 1px;
    height: 122%;
    background-color: #9c9c9c;
	display:none;
}
}

@media screen and (max-width:768px) {
	.council-box .left-box{float:none;width:auto;max-width: 185px;padding: 0 0 20px 0;margin: 0 auto;}
	.council-box .right-box{float:none;width:auto}
}



/*
.diagram-wrap .diagram-box{text-align:center;}
.diagram-wrap .title-box{border: 1px solid #ececec; padding: 5px 10px; width: 200px; position:relative; margin: 0 auto 50px; box-sizing: border-box;}
.diagram-wrap .title-box::after{content:''; display:block; width: 1px; height: 50px; background-color:#ececec; position: absolute; bottom: -50px; left: 50%;}


.diagram-wrap .diagram-box .duty{background-color:#e4ebf3; border: 1px solid #ececec;}
.diagram-wrap .diagram-box .duty-name{border: 1px solid #ececec;}
.diagram-wrap .diagram-box .lower-box .duty-name > p{min-height: calc(25px * 2);}
.diagram-wrap .diagram-box .duty-name{border-top: none;}

.higher-box{margin:0 auto; width: 200px; position:relative; margin: 0 auto 100px;}
.higher-box::after{content:''; display:block; width: 1px; height: 50px; background-color:#ececec; position: absolute; bottom: -50px; left: 50%;}
.higher-box > div{box-sizing: border-box; width: 200px; padding: 5px 10px;}
.lower-box{margin: 0 auto; display: inline-block;}
.lower-box::after{content:''; display:block; clear:both;}
.lower-box > li{float:left; margin: 0 10px; position:relative;}
.lower-box > li > div {box-sizing: border-box; width: 100px; padding: 5px 10px;}
.lower-box > li::after{content:''; display:block; width: 1px; height: 50px; background-color:#ececec; position: absolute; top: -50px; left: 50%;}
.lower-box > li:not(:last-child)::before{content:''; display:block; width: 120px; height: 1px; background-color:#ececec; position: absolute; top: -50px; left: 50%;}
@media screen and (max-width:1024px) { 

}

@media screen and (max-width:768px) { 
	.lower-box{max-width: 360px;}
	.lower-box > li:nth-child(3) ~ li{margin: 50px 10px 0;}
	.lower-box > li:nth-child(2) ~ li::before{display:none;}
}


@media screen and (max-width:480px) {
	.lower-box{max-width: 240px;}
	.lower-box > li:nth-child(2) ~ li{margin: 50px 10px 0;}
	.lower-box > li:nth-child(1) ~ li::before{display:none;}
}

@media screen and (max-width:320px) {
	.lower-box{max-width: 200px;}
	.lower-box > li > div {width: 200px;}
	.lower-box > li:nth-child(1) ~ li{margin: 50px 10px 0;}
	.lower-box > li::before{display:none!important;}
}

*/