@charset "UTF-8";
@import "../../include/css/common.pc.css";
/* ---------------------------------------------------------
	CSS Document outline
--------------------------------------------------------- */

#outline {
	margin-left: 320px;
	text-align: left;
}

#outline h3 {
	margin-bottom: 30px;
}

#outline h3:not(:first-of-type) {
	margin-top: 50px;
}

#outline figure {
	margin-top: 80px;
	height: 300px;
	position: relative;
	z-index: 0;
}

#outline figure:before {
	content: '';
	min-width: 1180px;
	width: calc(50vw + 570px);
	height: 300px;
	border-radius: 0 30px 0 0;
	background: #0055b0;
	position: absolute;
	top: 0;
	right: -20px;
	z-index: -1;
}

#outline figure:after {
	content: '';
	min-width: 1180px;
	width: calc(50vw + 570px);
	height: 300px;
	border-radius: 0 30px 0 0;
	background: url(../images/bg.png) no-repeat right;
	position: absolute;
	top: -20px;
	right: 0;
	z-index: -1;
}

@media only screen and (min-width: 1938px) {
	#outline figure:after {
		background-size: 100% auto;
	}
}