@charset "UTF-8";
@import "/include/css/common.sp.css";

/* ---------------------------------------------------------
	CSS Document message
--------------------------------------------------------- */

#message {
	margin-bottom: 15vw;
	padding: 10vw 5vw 15vw;
	background: #f8f8f8;
}

#message h3 {
	margin-bottom: 5vw;
}

#message picture {
	margin-bottom: 5vw;
}

#message picture img {
	height: 56vw;
}

#message p {
	margin-top: 2em;
	text-align: justify;
}

#message p img {
	height: 5.5vw;
}

/* ---------------------------------------------------------
	CSS Document business
--------------------------------------------------------- */

#business {
	margin: 0 5vw 15vw;
}

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

#business p {
	margin-bottom: 5vw;
	text-align: justify;
}

#business figure img {
	height: 75vw;
}

#business dl {
	margin-top: 5vw;
	padding: 5vw 6vw;
	border-radius: 6px;
	text-align: left;
}

#business dl.business_01 {
	background: #f7eaee;
}

#business dl.business_02 {
	background: #f3eaf3;
}

#business dl.business_03 {
	background: #fcf4eb;
}

#business dl.business_04 {
	background: #fceeea;
}

#business dt {
	margin-bottom: 5px;
	font-weight: 500;
	font-size: 4vw;
}

#business dl.business_01 dt {
	color: #ac335d;
}

#business dl.business_02 dt {
	color: #883187;
}

#business dl.business_03 dt {
	color: #e38f30;
}

#business dl.business_04 dt {
	color: #dc5e35;
}

/* ---------------------------------------------------------
	CSS Document outline
--------------------------------------------------------- */

#outline {
	margin: 0 5vw 5vw;
}

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

#outline .table {
	display: table;
	width: 100%;
	text-align: left;
}

#outline dl {
	display: table-row;
}

#outline dt {
	display: table-cell;
	vertical-align: top;
	width: 7em;
	padding: 5vw 0;
	border-bottom: solid 1px #8a73ba;
}

#outline dd {
	display: table-cell;
	vertical-align: top;
	padding: 5vw 0;
	border-bottom: solid 1px #cfcfcf;
}