@charset "utf-8";

/* .mv ----------------------------------- */

.kv {
	background:url(../img/interview/pc/kv.jpg) no-repeat center;
	background-size: cover;
}

/* .mv ----------------------------------- */

#topTips {
	padding-top: 80px;
}
	.secTtl h3 {
	    padding-bottom: 100px;
	}
	.secTtl h3:after {
		display: none;
	}

@media screen and (max-width:768px) {
	#topTips {
	    padding-top: 30px;
	}
		.secTtl h3 {
		    padding-bottom: 30px;
		}
}

/* .profile ----------------------------------- */

.profile {
	background:#fff;
	padding-top: 60px;
}
.profile h4,
.profile h5,
.profile h6,
.profile p {
	color: #323232;
}
.profile p {
	line-height: 2.14;
}
.profile:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 1000px;
    margin-right: auto;
	margin-left: auto;
    height: 1px;
    margin-top: 60px;
    background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,0.6) 85%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 15%,rgba(0,0,0,0.6) 85%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 15%,rgba(0,0,0,0.6) 85%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00271d18', endColorstr='#00271d18',GradientType=1 );
}

	.iguchi {
		width: 100%;
		max-width: 800px;
		margin-right: auto;
		margin-left: auto;
	}
		.iguchi .photo {
			width: 15%;
			max-width: 120px;
			float: left;
		}
		.iguchi .tips {
			width: 78.75%;
			float: right;
		    margin-top: 2px;
		}
			.iguchi .tips h4 {
				font-size: 18px;
			    letter-spacing: 2px;
				margin-bottom: 20px;
			}
				.iguchi .tips h4 .name {
					font-size: 24px;
				    padding-left: 10px;
				}
					.iguchi .tips h4 .shi {
						font-size: 14px;
					    padding-left: 10px;
					}

			.iguchi .tips p {
			}

@media screen and (max-width:768px) {
	.profile {
	    padding-top: 30px;
	}
	.profile:after {
		width: 87.5%;
	    margin-top: 30px;
	}
		.iguchi .photo {
		    width: 100%;
		    max-width: 180px;
		    float: none;
		    margin-right: auto;
		    margin-left: auto;
		}
		.iguchi .tips {
		    width: 87.5%;
		    float: none;
		    margin-top: 20px;
		    margin-right: auto;
		    margin-left: auto;
		}
			.iguchi .tips h4 {
			    font-size: 14px;
			    letter-spacing: 1px;
			    margin-bottom: 10px;
		        text-align: center;
			}
				.iguchi .tips h4 .name {
				    font-size: 22px;
				    padding-left: 0;
				    display: block;
				}
			.profile p {
			    line-height: 2;
			    font-size: 13px;
			}
}

/* .sec ----------------------------------- */

.sec {
	background:#fff;
}
	.sec h4,
	.sec h5,
	.sec h6,
	.sec p {
		color: #323232;
	}
	.sec h3 {
		font-size: 30px;
		text-align: center;
		color: #958244;
		letter-spacing: 3px;
	}
	.sec p {
		line-height: 2.14;
	}
	.sec .box {
		max-width: 1200px;
	}


/* .box common ----------------------------------- */

.sec h3 {
	margin-bottom: 50px;
}
	.sec .box1 .left {
		width: 60%;
		max-width: 720px;
		float: left;
	}
	.sec .box1 .right {
		width: 33.4%;
		float: right;
	    margin-top: -8px;
	}
		.sec .box p + p {
			padding-top: 23px;
		}

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

	.sec h3 {
	    margin-bottom: 30px;
	    font-size: 22px;
	}
	.sec p {
	    line-height: 2;
	    font-size: 13px;
	}
	.sec .box p + p {
	    padding-top: 10px;
	}
	.sec .box1 .left {
	    width: 100%;
	    max-width: 720px;
	    float: none;
	}
	.sec .box1 .right {
	    width: 100%;
	    float: none;
	    margin-top: 25px;
	}

}

/* #together ----------------------------------- */

#together {
	padding-top: 55px;
	padding-bottom: 100px;
}
	#together .box2 {
		margin-top: -80px;
	}
		#together .box2 .left {
			width:45.9%;
			max-width: 550px;
			float: left;
		}
			#together .box2 .left .photo {
				width: 100%;
				max-width: 390px;
				margin-left: auto;
				margin-bottom: 40px;
			}
		#together .box2 .right {
			width: 47.5%;
			float: right;
			max-width: 570px;
			position: relative;
		    margin-top: 70px;
		}
			#together .box2 .right .photo:nth-child(1) {
				position: relative;
				z-index: 2;
			}
			#together .box2 .right .photo:nth-child(2) {
				width: 53%;
				max-width: 300px;
				margin-top: 30px;
			}
			#together .box2 .right .posi {
				position: absolute;
				bottom: 0;
				right: -27%;
				width: 68.5%;
				max-width: 390px;
			}

@media screen and (max-width:768px) {
	#together {
	    padding-top: 40px;
	    padding-bottom: 50px;
	}
		#together .box2 {
		    margin-top: 30px;
		}
			#together .box2 .left {
			    width: 100%;
			    max-width: inherit;
			    float: none;
			}
				#together .box2 .left .photo {
				    margin-bottom: 25px;
				}
			#together .box2 .right {
			    width: 100%;
			    float: none;
			    max-width: inherit;
			    margin-top: 30px;
			}
				#together .box2 .right .photo:nth-child(2) {
				    width: 100%;
				    max-width: 300px;
				    margin-top: 25px;
				    margin-right: auto;
				    margin-left: auto;
				}
				#together .box2 .right .posi {
				    position: inherit;
				    bottom: inherit;
				    right: inherit;
				    width: 100%;
				    max-width: 300PX;
				    margin-right: auto;
				    margin-left: auto;
				}
}

/* #station ----------------------------------- */

#station {
	padding-top: 100px;
	padding-bottom: 100px;
	background:#f4f3f3;
}
	#station .box2 {
		margin-top: -50px;
		max-width: 1500px;
	}
	#station .box2 .boxInner {
		width: 100%;
		max-width: 1350px;
		margin-left: auto;
	}
		#station .box2 .left {
			width:40.75%;
			max-width: 550px;
			float: left;
		}
			#station .box2 .left .photo {
				width: 100%;
				max-width: 390px;
				margin-left: auto;
				margin-bottom: 50px;
			}
		#station .box2 .right {
			width: 53.4%;
		    float: right;
		    max-width: 720px;
			position: relative;
		    margin-top: 70px;
		}
			#station .box2 .right li {
				position: relative;
			}
			#station .box2 .right li:nth-child(2) {
				clear: both;
			}
				#station .box2 .right li:nth-child(1) .photo {
					float: left;
					width: 58.34%;
				}
				#station .box2 .right li:nth-child(1) .photo + .photo {
					width: 41.66%;
				    position: absolute;
				    bottom: 0;
				    left: 58.34%;
				}
				#station .box2 .right li:nth-child(2) .photo {
					float: left;
					width: 41.66%;
				}
				#station .box2 .right li:nth-child(2) .photo + .photo {
					width: 58.34%;
				}

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

	#station {
	    padding-top: 50px;
	    padding-bottom: 40px;
	}
		#station .box2 {
		    margin-top: 0;
		}
			#station .box2 .left {
			    width: 100%;
			    max-width: inherit;
			    float: none;
			    margin-top: 30px;
			}
				#station .box2 .left .photo {
				    margin-bottom: 25px;
				}
			#station .box2 .right {
			    width: 100%;
			    float: none;
			    margin-top: 30px;
			}
				#station .box2 .right li:nth-child(1) .photo {
				    float: none;
				    width: 100%;
				    max-width: 300px;
				    margin-right: auto;
				    margin-left: auto;
				}
				#station .box2 .right li:nth-child(1) .photo + .photo {
				    width: 100%;
				    position: inherit;
				    bottom: inherit;
				    left: inherit;
				}
				#station .box2 .right li:nth-child(2) .photo {
				    float: none;
				    width: 100%;
				    max-width: 300px;
				    margin-right: auto;
				    margin-left: auto;
				}
				#station .box2 .right li:nth-child(2) .photo + .photo {
				    width: 100%;
				}

}

/* #together ----------------------------------- */

#nature {
	padding-top: 100px;
	padding-bottom: 80px;
}
	#nature .box2 {
		margin-top: 20px;
	}
		#nature .box2 .left {
			width:45.9%;
			max-width: 550px;
			float: left;
		}
			#nature .box2 .left .photo {
				width: 100%;
				max-width: 390px;
				margin-left: auto;
				margin-bottom: 40px;
			}
		#nature .box2 .right {
			width: 47.5%;
			float: right;
			max-width: 570px;
			position: relative;
		    margin-top: 50px;
		}
			#nature .box2 .right .photo:nth-child(1) {
				position: relative;
				z-index: 2;
			}
			#nature .box2 .right .photo:nth-child(2) {
				width: 68.5%;
			    max-width: 390px;
				margin-top: 40px;
			}

@media screen and (max-width:768px) {
	#nature {
	    padding-top: 50px;
	    padding-bottom: 40px;
	}
		#nature .box2 .left {
		    width: 100%;
		    max-width: inherit;
		    float: none;
		}
		#nature .box2 .right {
		    width: 100%;
		    float: none;
		    margin-top: 30px;
		}
			#nature .box2 .right .photo:nth-child(2) {
			    width: 100%;
			    max-width: 300px;
			    margin-top: 25px;
			    margin-right: auto;
			    margin-left: auto;
			}
}