@charset "utf-8";


/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#main .pageTitle {
	margin-bottom: 64px;
}


#main .reasonBox {
	padding: 42px 0 220px;
	position: relative;
}


#main .reasonBox .photo {
	text-align: center;
}


#main .reasonBox .photo img {
	max-width: 100%;
}


#main .reasonList li {
	position: absolute;
	width: 400px;
	font-size: 1.6em;
	line-height: 1.75;
}


#main .reasonList li.first {
	left: 0;
	top: 0;
}


#main .reasonList li.second {
	top: 0;
	right: 0;
}


#main .reasonList li.third {
	top: 542px;
	left: 0;
}


#main .reasonList li.fourth {
	top: 542px;
	right: 0;
}


#main .environmentBox .headLine03 {
	margin-bottom: 50px;
	font-size: 3.5em;
	padding: 10px 20px;
}


#main .tableBox:not(:last-of-type) {
	margin-bottom: 50px;
}


#main .tableBox .headLine04 {
	margin-bottom: 10px;
}


#main .tableBox table {
	width: 100%;
	border-collapse: collapse;
}


#main .tableBox thead th {
	position: relative;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
}


#main .tableBox thead th:nth-of-type(1) {
	width: 100px;
}


#main .tableBox thead th:nth-of-type(2) {
	width: 450px;
	border: 1px solid #666;
	background-color: #999;
}


#main .tableBox thead th:nth-of-type(3) {
	width: 450px;
	border: 1px solid #666;
	background-color: #91004f;
}


#main .tableBox thead th:nth-of-type(3)::before {
	content: "";
	position: absolute;
	top: -45px;
	left: calc(50% - (55px / 2));
	width: 55px;
	height: 40px;
	background-image: url(../img/company/feature/icon.png);
}


#main .tableBox tbody th {
	padding: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #666;
	background-color: #5ea2bf;
}


#main .tableBox tbody td {
	height: 140px;
	padding: 30px 30px 30px 90px;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
	border: 1px solid #666;
}


#main .tableBox tbody td:nth-of-type(2) {
	background-color: #fffcdb;
}


#main .tableBox .symbol-01,
#main .tableBox .symbol-02,
#main .tableBox .symbol-03,
#main .tableBox .symbol-04 {
	background-position: 20px center;
	background-repeat: no-repeat;
}


#main .tableBox .symbol-01 {
	background-image: url(../img/company/feature/symbol_01.png);
}


#main .tableBox .symbol-02 {
	background-image: url(../img/company/feature/symbol_02.png);
}


#main .tableBox .symbol-03 {
	background-image: url(../img/company/feature/symbol_03.png);
}


#main .tableBox .symbol-04 {
	background-image: url(../img/company/feature/symbol_04.png);
}


@media all and (-ms-high-contrast:none) {
	#main .environmentBox h2 {
		padding: 12px 20px 6px;
	}
}