@charset "UTF-8";

/*
	##### DAIFUKU ONLINE AR 2017 #####
	common/css/feature.css
*/

@import "https://www.daifuku.com/ir/library/ar2017/common/css/style.css";


.sections {
	position: relative;
}

#sec2,
#sec3 {
	margin-top: 110px;
}

.secTitles {
	width: 1280px;
	height: 330px;
	margin-left: -180px;
	margin-right: -180px;
	margin-bottom: 46px;
	background-color: #ebebeb;
}

#sec1 .secTitles {
	background-image: url(https://www.daifuku.com/ir/library/ar2017/images/feature/bg1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1280px auto;
}

#sec2 .secTitles {
	background-image: url(https://www.daifuku.com/ir/library/ar2017/images/feature/bg2.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1280px auto;
}

#sec3 .secTitles {
	background-image: url(https://www.daifuku.com/ir/library/ar2017/images/feature/bg3.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 1280px auto;
}

.secTitles .ttl {
	position: absolute;
	left: 0px;
	top: 40px;
	font-size: 23px;
	font-weight: 900;
	color: #fff;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2), 0px 0px 6px rgba(0, 0, 0, 0.2), 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 0px 4px rgba(0, 0, 0, 0.2), 0px 0px 3px rgba(0, 0, 0, 0.2), 0px 0px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.secTitles .ttl strong {
	font-size: 30px;
}

.secTitles .lead {
	position: absolute;
	left: 775px;
	top: 30px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.75;
	color: #4A4A9C;
	text-align: left;
	width: 162px;
}

#sec1 .secTitles .lead {
	top: 7px;
}


/*sections*/

.sections p+.subT {
	margin-top: 2.5em;
}

.finData {
	text-align: center;
	margin: 0.75em auto 1em;
}

.sections .note {
	font-size: 12px;
	line-height: 1.36;
	margin-top: 1em;
	padding-left: 1.25em;
	text-indent: -1.25em;
}


/*column*/

.sections .column {
	width: 920px;
	margin-top: 40px;
}

.sections .column .columnT {
	text-align: center;
	font-size: 19px;
	font-weight: 700;
	color: #fff;
	line-height: 38px;
	background-color: #4A4A9C;
	border-radius: 10px 10px 0px 0px;
}

.sections .column .cf {
	border: 1px solid #4A4A9C;
	padding: 24px 30px 24px 40px;
	box-sizing: border-box;
}

.sections .column .leftCol {
	float: left;
	width: 250px;
	font-size: 16px;
	color: #4A4A9C;
}

.sections .column .leftCol strong {
	font-size: 20px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 0;
}

.sections .column .rightCol {
	float: right;
	width: 576px;
	font-size: 14px;
	line-height: 1.78;
}

.sections .column .note {
	font-size: 11px;
	line-height: 1.36;
	margin-top: 2em;
	padding-left: 1.25em;
	text-indent: -1.25em;
}


/*table*/

.tables {
	max-width: 880px;
	margin: 3em 0 5em;
	font-size: 13px;
}

.tables th,
.tables td {
	width: 20%;
	box-sizing: border-box;
	vertical-align: middle;
}

.tables thead th {
	padding: 0.5em 1em;
	background-color: #494B9D;
	font-size: 12px;
	line-height: 1.1;
	color: #fff;
	border: 1px solid #fff;
	vertical-align: middle;
}

.tables tbody th {
	padding: 0.5em 1em;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #fff;
	background-color: #D5D6EA;
}

.tables tbody td {
	padding: 0.5em 0.75em;
	background-color: #DCDDDD;
	border: 1px solid #fff;
	text-align: left;
}

.tables caption {
	margin-bottom: 0.5em;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
}

.table1 {
	width: 880px;
}

.table1 tbody td {
	text-align: center;
}

@media print {
	.sections .secTitles,
	.column .cf {
		overflow: hidden;
		page-break-inside: avoid;
	}
}