@charset "UTF-8";
/* ------------------------------
固定ページ　イーサポートリンクシステム用css
------------------------------ */

/* --------------------------- mainvis */
.page-eslsystem .mainvis{
	background-image:url(../img/eslsystem_mainvis.png) ;
}
.page-eslsystem .mainvis h2{
	letter-spacing: 0.3em;
}

/* --------------------------- eslsystem-section01 */
.eslsystem-section01{
	padding:70px 0;
}
.eslsystem-section01 h3{
	text-align: center;
	font-size:175%;
	color:#333333;
	line-height: 1.4;
	margin-bottom:20px;
}
.eslsystem-section01 h3 strong{
	font-size:110%;
	font-weight:bold;
}
.eslsystem-section01 .fx-row{
	margin:40px auto 0;
}
.eslsystem-section01 .fx-row h4{
	margin:20px auto;
	font-weight: bold;
	text-align: center;
	line-height:1.6;
}

/* --------------------------- eslsystem-section02 */
.eslsystem-section02{
	padding:70px 0;
	background:#FAFAFA;
}
.eslsystem-section02 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	margin-bottom:60px;
	text-align: center;
}
.eslsystem-section02 .image{
	text-align: center;
	width: 80%;
	margin:30px auto 0 auto;
}

/* --------------------------- eslsystem-section03*/
.eslsystem-section03{
	margin:40px auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.eslsystem-section03 img.fit-image{
	max-width:1140px;
	width:100%;
	height:auto;
}
.eslsystem-section03 p:first-child{
	margin-bottom:30px;
}
.eslsystem-section03 a{
	display: inline-block;
}
.eslsystem-section03 .movie-link{
	color:#fff;
	position: absolute;
	top: 30%;
	left:50%;
	width:100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	transform: translateX(-50%);
}

.eslsystem-section04{
	padding:80px 0 40px 0;
	background:#EAF0F7;
}
.eslsystem-section04 h3{
	font-size:175%;
	color:#333333;
	line-height: 1.6;
	margin-bottom:80px;
	text-align: center;
}
.eslsystem-section04 .imageArea {
	display: table;
	width: 100%;
	padding: 100px 0;
	text-align: center;
}
.eslsystem-section04 .imageArea div {
	display: table-cell;
	vertical-align: middle;
}
.eslsystem-section04 .imageArea .center {
	margin: 0 45px;
}
.eslsystem-section04 .link {
	font-weight: bold;
	text-decoration: underline;
	text-align: right;
}

.eslsystem-section05{
	padding:60px 0 0 0;
	background:#F2F2F2;
}
.eslsystem-section05 h3{
	text-align: center;
	font-weight:bold;
	color:#333333;
	line-height: 1.4;
	margin-bottom:50px;
}
.eslsystem-section05 h3 span{
	padding-bottom: 5px;
	border-bottom:1px solid #333;
}
.eslsystem-section05 table{
	width:100%;
	padding:0px 30px;
	background:#fff;
	border-spacing:0px;
}
.eslsystem-section05 table tbody th,
.eslsystem-section05 table tbody td{
	border-bottom:1px solid #ddd;
	vertical-align: top;
	line-height: 1.5;
	text-align: left;
}
.eslsystem-section05 table tbody tr.last th,
.eslsystem-section05 table tbody tr.last td{
	border: none;
}
.eslsystem-section05 table tbody tr:last-child th,
.eslsystem-section05 table tbody tr:last-child td{
	border: none;
}
.eslsystem-section05 table tbody th{
	padding:20px 0 20px 35px;
	width: 30%;
}
.eslsystem-section05 table tbody td{
	padding:23px 0 20px 0;
}

/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ1140px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */
@media only screen and (max-width: 1140px) {

	.eslsystem-section01{
		padding:20px 3%;
	}
	.eslsystem-section02 .wrap{
		display: block;
		padding:20px 3%;
	}
	.eslsystem-section02 h3{
		padding-top:0px;
		margin-bottom:20px;
	}
	.eslsystem-section03 .movie-link{
		top: 10%;
	}
	.eslsystem-section04 h3{
		margin-bottom:20px;
	}
	.eslsystem-section04 .imageArea {
		display: block;
		padding: 50px 0;
	}
	.eslsystem-section04 .imageArea div {
		display: block;
		margin: 0 auto;
	}
	.eslsystem-section04 .imageArea .center {
		margin: 45px auto;
	}
	.eslsystem-section05 table tbody th{
		width: 30%;
	}
	
}


/* ---------------------------------------------------------------------------- 

▼▼▼ ウィンドウサイズ768px以下にのみ適用されるcss ▼▼▼

---------------------------------------------------------------------------- */

@media screen and (max-width: 768px){

	.eslsystem-section01 .fx-txt-center{
		text-align: left;
	}
	.eslsystem-section01 .fx-row{
		margin:20px auto 0;
	}
	.eslsystem-section01 .fx-row h4{
		text-align: left;
	}
	.eslsystem-section02{
		padding:20px 0 30px;
	}
	.eslsystem-section02 h3{
		margin-bottom: 20px;
	}
	.eslsystem-section02 .image{
		width: 100%;
	}
	.eslsystem-section03 .movie-link{
		top: 10%;
	}
	.eslsystem-section03 .movie-link i img{
		width:10%;
		height:auto;
	}
	.eslsystem-section03 p:first-child{
		margin-bottom:10px;
	}
	.eslsystem-section04{
		padding:20px 0;
	}
	.eslsystem-section05 table{
		padding:0 15px;
	}
	.eslsystem-section05 table tbody th,
	.eslsystem-section05 table tbody td{
		padding:20px 5px;
	}
	.eslsystem-section05 table tbody th{
		width: 50%;
	}
	
}