@charset "UTF-8";
/*====== pc layout ======*/
nav ul li:nth-child(3) a {
	color: #187fc4;
	border-bottom: 2px solid #187fc4;
}
section {
	margin-top: 100px;
	width: 1000px;
	line-height: 1.9;
	clear: both;
	overflow: hidden;
}

/*====== Chair ======*/
.chair {
	margin-top: 60px;
}
.chair div {
    width: 480px;
    margin-right: 40px;
    float: left;
}
.chair div:last-child {
	margin-right: 0;
}
.chair .txt {
	margin-top: 20px;
}

/*====== Machine ======*/
.machine ul {
	clear: both;
	overflow: hidden;
}
.machine ul li {
	width: 308px;
	float: left;
	margin-right: 38px;
}
.machine ul li:nth-child(3n) {
	margin-right: 0;
}
.machine ul li h4 {
	font-size: 24px;
	margin-top: 20px;
    text-align: center;
    display: block;
    border-bottom: none;
}
.machine ul li h4 span {
    border-bottom: 4px solid yellow;
}
.machine ul li p {
	margin: 30px 0 40px;
}
.machine ul.pc li {
	min-height: 628px;
}

/*====== Space ======*/
.space {
	margin: 0 auto 135px;
}
.space h3 {
	margin-bottom: 60px;
}
.space h4 {
	font-family: '秀英丸ゴシック B';
	font-size: 24px;
}
.space .sec04 {
	padding-top: 60px;
	clear: both;
	overflow: hidden;
}
.space .sec03 div,
.space .sec04 div {
	float: left;
	width: 480px;
}
.space .txt {
	margin: 10px 0 0 40px;
}
.space .txt p {
	margin-top: 35px;
}


/*==========================
=                          =
=        SP LAYOUT         =
=                          =
 =========================*/

@media (max-width: 767px) {
	nav ul li:nth-child(3) a {
		color: #171c61;
		border-bottom: none;
	}
	h2 img {
	    width: 40%;
	}
	section {
		margin-top: 15.5%;
		width: 100%;
		line-height: 1.6;
	}
	section h3 {
		padding: 4% 0 4% 10%!important;
	}

	/*====== Chiar ======*/
	.chair {
		margin-top: 7.25%;
	}
	.chair div {
	    width: 100%;
	    margin-right: 0;
	    float: none;
	}
	.chair .sec01 {
		margin-bottom: 30px;
	}
	.chair div p:first-child {
		line-height: 1;
	}
	.chair div:last-child {
		margin-right: 0;
	}
	.chair .txt {
		margin-top: 4.2%;
	}

	/*====== Machine ======*/
	.machine .wrap {
		position: relative;
	}
	.machine ul {
		clear: both;
		overflow: hidden;
	}
	.machine ul li {
		width: 100%;
		float: none;
		margin-right: 0;
	    text-align: center;
	}
	.machine ul li img {
		width: 80%;
	}
	.machine ul li:nth-child(3n) {
		margin-right: 0;
	}
	.machine ul li h4 {
		font-size: 3.9vw;
		margin-top: 2.8%;
	    text-align: center;
	    display: block;
	    border-bottom: none;
	}
	.machine ul li h4 span {
	    border-bottom: 4px solid yellow;
	}

	/*=== slider ===*/
	.wrap.sp .bx-wrapper .bx-controls-direction a {
		top: 40%;
		margin-top: 0;
		width: 4%;
    	height: 8%;
	}

	.wrap.sp .bx-wrapper .bx-prev {
		left: 0;
		background: url(../images/about/sp/controls_l.png) no-repeat;
		background-size: 100%;
	}

	.wrap.sp .bx-wrapper .bx-next {
		right: 0%;
		background: url(../images/about/sp/controls_r.png) no-repeat;
		background-size: 100%;
	}
	.bx-wrapper .bx-next:hover {
		opacity: 1;
	}


	/*====== Space ======*/
	.space {
		margin: 15.6% auto;
	}
	.space h3 {
		margin-bottom: 10.5%;
	}
	.space h4 {
		font-family: '秀英丸ゴシック B';
		font-size: 5vw;
	}
	.space .sec04 {
		padding-top: 10.5%;
		clear: both;
		overflow: hidden;
	}
	.space .sec03 div,
	.space .sec04 div {
		float: none;
		width: 100%;
	}
	.space .txt {
		margin: 0;
	}
	.space .txt p {
		margin-top: 7%;
	}


}