/* system-chart.css
========================================*/
html {
	font-size:14px !important;
	-webkit-text-size-adjust:100%;
}

@media print, screen and (min-width: 768px) {
	body {
		overflow-x:scroll;
		min-width:1400px;
	}
}

#header .-logo ._col {
	display:block !important;
}
#header .-logo ._wt {
	display:none !important;
}

.p-header {
	height:auto !important;
}
@media print, screen and (min-width: 768px) {
	.p-header {
		margin-bottom:20px;
	}
}
@media screen and (max-width: 767px) {
	.p-header {
		margin-bottom:5.3333333333vw;
	}
}

.box-text {
	background-color:#f4f4f4;
	box-shadow:3px 3px 5px rgba(0, 0, 0, .25);
	color:#000;
	display:table;
	font-size:1.7142857143rem;
	font-weight:500;
	letter-spacing:.05em;
	line-height:1.4em;
	text-align:center;
}
@media screen and (max-width: 767px) {
	#main #container {
		height:141.3333333333vw;
	}
}
#main h1 {
	display:table;
	font-size:2.8571428571rem;
	font-weight:700;
	letter-spacing:.1em;
	margin:30px auto;
	position:relative;
}
#main h1:before, #main h1:after {
	background-color:#131826;
	content:"";
	display:block;
	position:absolute;
	top:50%;
	height:1px;
	width:200px;
}
#main h1:before {
	left:-250px;
}
#main h1:after {
	right:-250px;
}
@media screen and (max-width: 767px) {
	#main h1 {
		font-size:3.4666666667vw;
	}
	#main h1:before, #main h1:after {
		width:10.6666666667vw;
	}
	#main h1:before {
		left:-14.6666666667vw;
	}
	#main h1:after {
		right:-14.6666666667vw;
	}
}
#main .chart-wrap {
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	margin-top:100px;
	padding-bottom:80px;
	width:1400px;
}
@media screen and (max-width: 767px) {
	#main .chart-wrap {
		margin-top:-610px;
		left:calc(50% - 700px);
		padding-bottom:5.3333333333vw;
		position:relative;
		-webkit-transform:scale(.26, .26);
		transform:scale(.26, .26);
	}
}
#main .chart-wrap .-owner {
	margin:0 auto;
	text-align:center;
	width:280px;
}
#main .chart-wrap .-owner .box-text {
	padding:13px 10px 15px;
	width:100%;
}
#main .chart-wrap .line-top {
	margin-bottom:15px;
	padding-left:410px;
}
#main .chart-wrap .role-list {
	display:flex;
	flex-wrap:wrap;
}
#main .chart-wrap .role-list>li {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	font-size:1.4285714286rem;
	font-weight:700;
	margin-bottom:110px;
	position:relative;
	height:130px;
	width:260px;
}
#main .chart-wrap .role-list>li:after {
	background:url(../img/system-chart/line_01.svg) no-repeat center top;
	content:"";
	display:block;
	position:absolute;
	bottom:-95px;
	height:78px;
	width:5px;
}
#main .chart-wrap .role-list>li._dx {
	margin-right:25px;
}
#main .chart-wrap .role-list>li._asset {
	margin-right:80px;
}
#main .chart-wrap .role-list>li._property {
	margin-right:12px;
	width:250px;
}
#main .chart-wrap .role-list>li._property:last-of-type {
	margin-right:0;
}
#main .chart-wrap .subchart-wrap {
	display:flex;
	flex-wrap:wrap;
}
#main .chart-wrap .subchart-wrap>section {
	background-color:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, .25);
	padding-bottom:20px;
	width:260px;
}
#main .chart-wrap .subchart-wrap>section._dx {
	margin-right:25px;
}
#main .chart-wrap .subchart-wrap>section._asset {
	margin-right:80px;
}
#main .chart-wrap .subchart-wrap>section._property {
	display:flex;
	flex-wrap:wrap;
	width:775px;
}
#main .chart-wrap .subchart-wrap>section._property>section {
	background:url(../img/system-chart/line_08.svg) no-repeat left top;
	min-height:933px;
	width:258px;
}
#main .chart-wrap .subchart-wrap>section._property>section:first-of-type {
	background:none;
}
#main .chart-wrap .subchart-wrap>section._property>section .-list {
	padding-right:15px;
}
#main .chart-wrap .subchart-wrap>section>h2 {
	background-color:#202943;
	color:#fff;
	font-size:1.4285714286rem;
	font-weight:700;
	letter-spacing:.05em;
	margin-bottom:20px;
	padding:13px 10px;
	text-align:center;
	width:100%;
}
#main .chart-wrap .subchart-wrap>section h3 {
	font-size:1.2857142857rem;
	font-weight:700;
	letter-spacing:.05em;
	margin-bottom:10px;
	padding:0 20px;
}
#main .chart-wrap .subchart-wrap>section h3:before {
	background:url(../img/system-chart/icon_triangle.svg) no-repeat left center;
	content:"";
	display:inline-block;
	margin-right:7px;
	vertical-align:-2px;
	height:20px;
	width:17px;
}
#main .chart-wrap .subchart-wrap>section h3>span {
	font-size:1rem;
	font-weight:400;
}
#main .chart-wrap .subchart-wrap>section .-list {
	font-size:1.1428571429rem;
	padding:0 25px;
	min-height:620px;
}
#main .chart-wrap .subchart-wrap>section .-list>li {
	line-height:1.7em;
	margin-bottom:15px;
}
#main .chart-wrap .subchart-wrap>section .-list>li>dl>dt:before {
	border-style:solid;
	border-width:6px 0 6px 8px;
	border-color:transparent transparent transparent #2a579a;
	content:"";
	display:inline-block;
	margin-right:9px;
	height:0;
	width:0;
}
#main .chart-wrap .subchart-wrap>section .-list>li>dl>dd {
	padding-left:15px;
}
#main .chart-wrap .subchart-wrap>section figure {
	margin-bottom:50px;
	text-align:center;
	height:180px;
}
#main .chart-wrap .subchart-wrap>section .-button {
	background-color:#202943;
	color:#fff;
	display:block;
	font-size:.8571428571rem;
	font-weight:700;
	margin:0 auto;
	padding:6px;
	text-align:center;
	width:140px;
}
#main .chart-wrap .subchart-wrap>section .-button:hover {
	opacity:.8;
}
#main .detail-wrap {
	display:none;
}

.detail-sec {
	padding-bottom:30px;
	min-width:1100px;
}
@media screen and (max-width: 767px) {
	.detail-sec {
		min-width:100%;
	}
}
.detail-sec>h2 {
	background-color:#202943;
	color:#fff;
	font-size:1.4285714286rem;
	font-weight:700;
	letter-spacing:.1em;
	line-height:1.4em;
	margin-bottom:50px;
	padding:15px 0;
	text-align:center;
}
@media screen and (max-width: 767px) {
	.detail-sec>h2 {
		font-size:3.2vw;
		margin-bottom:30px;
		padding:10px 0;
	}
}
.detail-sec .point-box {
	background-color:#f4f4f4;
	font-size:1.1428571429rem;
	margin:0 auto 40px;
	padding:20px 10px 25px;
	text-align:center;
	width:680px;
}
.detail-sec .point-box>p {
	letter-spacing:.05em;
	margin-bottom:20px;
}
.detail-sec .point-box>p:last-of-type {
	margin-bottom:0;
}
.detail-sec .point-box strong {
	font-size:1.4285714286rem;
	font-weight:700;
	letter-spacing:.15em;
}
@media screen and (max-width: 767px) {
	.detail-sec .point-box {
		font-size:2.6666666667vw;
		margin:0 auto 5.3333333333vw;
		padding:2.6666666667vw 1.3333333333vw 3.2vw;
		width:85.3333333333vw;
	}
	.detail-sec .point-box>p {
		margin-bottom:2.6666666667vw;
	}
	.detail-sec .point-box strong {
		font-size:3.2vw;
	}
}
.detail-sec .fig-block {
	margin-bottom:60px;
	padding:0 40px;
}
.detail-sec .fig-block .-owner {
	text-align:center;
	width:220px;
}
.detail-sec .fig-block .-owner .box-text {
	width:220px;
}
.detail-sec .fig-block .box-text {
	font-size:1.2857142857rem;
	padding:15px 10px 17px;
}
@media screen and (max-width: 767px) {
	.detail-sec .fig-block {
		left:calc(50% - 550px);
		position:relative;
		width:1100px;
		transform:scale(.31, .31);
	}
}
.detail-sec .table-sec {
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	display:flex;
	flex-wrap:wrap;
	background-color:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, .25);
	margin-bottom:60px;
	padding-bottom:15px;
}
@media screen and (max-width: 767px) {
	.detail-sec .table-sec {
		left:calc(50% - 500px);
		position:relative;
		transform:scale(.31, .31);
	}
}
.detail-sec .table-sec>h2 {
	background-color:#202943;
	color:#fff;
	font-size:1.2857142857rem;
	font-weight:700;
	letter-spacing:.05em;
	margin-bottom:10px;
	padding:15px 10px;
	text-align:center;
	width:100%;
}
.detail-sec .table-sec h3 {
	font-size:1.1428571429rem;
	font-weight:700;
	letter-spacing:.1em;
	margin-bottom:12px;
}
.detail-sec .table-sec h3:before {
	background:url(../img/system-chart/icon_triangle.svg) no-repeat left center/cover;
	content:"";
	display:inline-block;
	margin-right:7px;
	vertical-align:-2px;
	height:16px;
	width:13px;
}
.detail-sec .table-sec h3>span {
	font-size:1rem;
}
.detail-sec .table-sec section {
	padding:15px 15px 20px 25px;
}
.detail-sec .table-sec .-list {
	font-size:.9285714286rem;
	padding-left:20px;
}
.detail-sec .table-sec .-list>li {
	letter-spacing:.05em;
	line-height:1.8em;
}
.detail-sec .table-sec .-list>li img {
	margin-left:7px;
	vertical-align:0;
}
.detail-sec .table-sec .-list>li span {
	font-size:.8571428571rem;
}
.detail-sec .table-sec ._note {
	color:#0064b1;
	font-size:.8571428571rem;
	margin-top:10px;
	padding-left:20px;
}
.detail-sec .table-sec._am>div, .detail-sec .table-sec._am>section {
	min-height:368px;
	width:250px;
}
.detail-sec .table-sec._am>section {
	background:url(../img/system-chart/line_04.svg) no-repeat left top;
}
@media screen and (max-width: 767px) {
	.detail-sec .table-sec._am {
		margin-top:-240px;
		margin-bottom:-150px;
	}
}
.detail-sec .table-sec._pm1>div, .detail-sec .table-sec._pm1>section {
	min-height:277px;
	width:330px;
}
.detail-sec .table-sec._pm1>section {
	background:url(../img/system-chart/line_03.svg) no-repeat left top;
	padding:15px 20px 20px 35px;
}
.detail-sec .table-sec._pm1>section:first-of-type {
	background:none;
}
@media screen and (max-width: 767px) {
	.detail-sec .table-sec._pm1 {
		margin-top:-150px;
		margin-bottom:-120px;
	}
}
.detail-sec .table-sec._pm2>div, .detail-sec .table-sec._pm2>section {
	min-height:277px;
	width:250px;
}
.detail-sec .table-sec._pm2>section {
	background:url(../img/system-chart/line_03.svg) no-repeat left top;
}
.detail-sec .table-sec._pm2>section:first-of-type {
	background:none;
}
@media screen and (max-width: 767px) {
	.detail-sec .table-sec._pm2 {
		margin-bottom:-110px;
	}
}
.detail-sec .table-sec._pm3>div, .detail-sec .table-sec._pm3>section {
	min-height:186px;
	width:250px;
}
.detail-sec .table-sec._pm3>section {
	background:url(../img/system-chart/line_02.svg) no-repeat left top;
}
.detail-sec .table-sec._pm3>section:first-of-type {
	background:none;
}
@media screen and (max-width: 767px) {
	.detail-sec .table-sec._pm3 {
		margin-bottom:-80px;
	}
}
.detail-sec .foot-nav {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:0 40px;
}
@media screen and (max-width: 767px) {
	.detail-sec .foot-nav {
		margin-bottom:-30px;
		left:calc(50% - 550px);
		position:relative;
		width:1100px;
		transform:scale(.31, .31);
	}
}
.detail-sec .foot-nav .-prev, .detail-sec .foot-nav .-next {
	width:33%;
}
.detail-sec .foot-nav .-prev>a, .detail-sec .foot-nav .-next>a {
	color:#707070;
	font-size:1.1428571429rem;
	line-height:1.8em;
}
.detail-sec .foot-nav .-prev>a:hover, .detail-sec .foot-nav .-next>a:hover {
	opacity:.8;
}
.detail-sec .foot-nav .-next {
	text-align:right;
}
.detail-sec .foot-nav .-close {
	background-color:#202943;
	color:#fff;
	display:block;
	font-size:1.1428571429rem;
	font-weight:700;
	line-height:1.3em;
	letter-spacing:.05em;
	padding:12px;
	text-align:center;
	width:220px;
}
.detail-sec .foot-nav .-close:hover {
	opacity:.8;
}
.detail-sec#am .fig-block {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:0 75px 0 40px;
}
@media screen and (max-width: 767px) {
	.detail-sec#am .fig-block {
		margin-top:-110px;
		margin-bottom:-200px;
	}
}
.detail-sec#pm1 .fig-block {
	text-align:center;
}
.detail-sec#pm1 .fig-block .-foot {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	margin-top:25px;
	padding:0 20px 0 60px;
}
.detail-sec#pm1 .fig-block .-foot .-tenant {
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	text-align:center;
	width:310px;
}
.detail-sec#pm1 .fig-block .-foot .-tenant .box-text {
	width:145px;
}
@media screen and (max-width: 767px) {
	.detail-sec#pm1 .fig-block {
		margin-top:-230px;
		margin-bottom:-330px;
	}
}
.detail-sec#pm2 .fig-block {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:0 75px 0 40px;
}
@media screen and (max-width: 767px) {
	.detail-sec#pm2 .fig-block {
		margin-top:-110px;
		margin-bottom:-210px;
	}
}
.detail-sec#pm3 .fig-block {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:0 75px 0 40px;
}
@media screen and (max-width: 767px) {
	.detail-sec#pm3 .fig-block {
		margin-top:-90px;
		margin-bottom:-150px;
	}
}