@charset "UTF-8";

/* keyvisual ---------------------------------------*/

#workKeyvisual{
	width:100%;
	height:670px;
	position: relative;
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/work/bg_kv.png) no-repeat center center;
	background-size: cover;
}

.workKeyvisualInner{
	max-width:960px;
	height:670px;
	margin:0 auto;
	position: relative;
}


.workKeyvisualInner .kvImage{
	float: right;
}

@media screen and (min-width: 960px){
	.workKeyvisualInner .kvImage.work03 {
		margin-right: -30px;
	}
	.workKeyvisualInner .kvImage.work05 {
		margin-right: -50px;
	}
}

.workKeyvisualInner h2{
	position: absolute;
	left:0px;
	bottom:8%;
}

.workNav{
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
}

.workNav a{
	display: block;
	position: absolute;
	top:300px;
}

.workNav a.prev{left:20px;}
.workNav a.next{right:20px;}


/* interview ---------------------------------------*/

.questionSection{
	padding: 150px 0 50px;
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/work/bg_work1.png) no-repeat center bottom #f9f9f9;
	background-size:100%;
}

.questionBox{
	margin-bottom: 120px;
	position: relative;
}

.questionBox .questionTitle{
	position: absolute;
	top:-60px;
	z-index:10;
}

.questionBox:nth-child(2n) .questionTitle{
	left:55px;
}

.questionBox:nth-child(2n+1) .questionTitle{
	right:55px;
}

.questionBox.questionBox-withPhoto .questionTitle{
	right: 55px;
	left: auto;
}

.questionBox .question{
	font-size: 28px;
	line-height: 1.4;
	color:#2292D2;
	text-indent: -57px;
	margin-left: 60px;
	font-weight: bold;
	letter-spacing: 0.06em;
}

.questionBox .question img{
	margin-right: 10px;
}

.questionBox .answer{
	font-size: 18px;
	line-height: 2.2;
	background: #fff;
	padding: 65px 70px;
	color: #3c4950;
	letter-spacing: 0.06em;
	text-align: justify;
}

.questionBox-withPhoto .questionTitle{
	top:0;
}

.questionBox-withPhoto .questionBoxPhoto{
	position: absolute;
	left:0px;
	left:0px;
}

.questionBox-withPhoto .answer{
	margin-bottom: 120px;
	float: right;
	width: 44%;
	position: relative;
	z-index:2;
	top:50px;
}

/* FLOAT -Clearfix
------------------------------------------------- */
.clearfix:after {
/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE6 */
* htm .clearfix {
	height: 1%;
}
/* IE7 */
*:first-child+html .clearfix {
	height: 1%;
}

/* daily schedule ---------------------------------------*/

.scheduleSection{
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/work/bg_work2.png) no-repeat center bottom #C7EDFB;
	background-size: 100%;
	padding-top: 65px;
}
.scheduleSection .inner{
	max-width: 940px;
}

.scheduleSection h3{
	margin-bottom: 75px;
}

.scheduleArea{
	max-width:730px;
	margin:0 auto;
	overflow: hidden;
}

.scheduleTimeScale{
	float: left;
	width:135px;
	margin-top: 15px;
}

.scheduleText{
	margin-left: 135px;
}

.scheduleText li{height:180px;width: 500px;}

.scheduleText.work02 li:nth-child(1){height: 182px;}
.scheduleText.work02 li:nth-child(2){height: 188px;}
.scheduleText.work02 li:nth-child(3){height: 183px;}
.scheduleText.work02 li:nth-child(4){height: 184px;}
.scheduleText.work02 li:nth-child(5){height: 184px;}
.scheduleText.work02 li:nth-child(7){height: 190px;}

.scheduleText.work03 li:nth-child(1){height: 168px;}
.scheduleText.work03 li:nth-child(2){height: 200px;}
.scheduleText.work03 li:nth-child(4){height: 176px;}
.scheduleText.work03 li:nth-child(5){height: 192px;}

.scheduleText.work04 li:nth-child(1){height: 169px;}
.scheduleText.work04 li:nth-child(2){height: 200px;}
.scheduleText.work04 li:nth-child(6){height: 188px;}

.scheduleText.work05 li:nth-child(1){height: 186px;}
.scheduleText.work05 li:nth-child(2){height: 186px;}
.scheduleText.work05 li:nth-child(4){height: 185px;}
.scheduleText.work05 li:nth-child(5){height: 182px;}
.scheduleText.work05 li:nth-child(6){height: 188px;}

.scheduleText.work06 li:nth-child(1){height: 170px;}
.scheduleText.work06 li:nth-child(2){height: 200px;}
.scheduleText.work06 li:nth-child(3){height: 180px;}
.scheduleText.work06 li:nth-child(6){height: 186px;}

.scheduleText.work07 li:nth-child(1){height: 170px;}
.scheduleText.work07 li:nth-child(2){height: 186px;}
.scheduleText.work07 li:nth-child(3){height: 190px;}
.scheduleText.work07 li:nth-child(6){height: 190px;}

.scheduleText li h4{
	line-height: 1.0;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.scheduleText li p{
	font-size: 16px;
	line-height: 1.8;
}

.scheduleBottomImage{
	text-align: center;
}

.scheduleBottomImage img{max-width:100%;}


/* 学生の皆さんへ ---------------------------------------*/

.toStudentsSection{
	padding-top: 80px;
}

.toStudentsSection .inner{
	max-width:840px;
	margin: 0 auto 50px;
}

.toStudentsImage{
	float: left;
	width:250px;
}

.toStudentsText{
	margin-left: 290px;
}
.toStudentsSection.work01 .toStudentsText{
	margin-left: 290px;
	margin-right: 100px;
}
.toStudentsSection.work02 .toStudentsText{
	margin-left: 300px;
	margin-right: 90px;
}
.toStudentsSection.work03 .toStudentsText{
	margin-left: 290px;
	margin-right: 90px;
}
.toStudentsSection.work04 .toStudentsText{
	margin-left: 330px;
	margin-right: 70px;
}
.toStudentsSection.work05 .toStudentsText{
	margin-left: 320px;
	margin-right: 80px;
}
.toStudentsSection.work06 .toStudentsText{
	margin-left: 340px;
	margin-right: 60px;
}
.toStudentsSection.work07 .toStudentsText{
	margin-left: 330px;
	margin-right: 70px;
}

.toStudentsText h3{
	text-align: right;
	margin-bottom: 50px;
}
.toStudentsText h3 img{margin-top: 120px;}

.toStudentsText .textBox{
	margin-bottom: 65px;
}

.toStudentsText .textBox p{
	font-size: 16px;
	line-height: 2.0;
	text-align: justify;
	letter-spacing: 0.05em;
	color: #3c4950;
}

.toStudentsText .sign{
	text-align: right;
	line-height: 1.0;
	color: #3c4950;
}

.toStudentsText .sign .department{
	font-size: 20px;
	margin-bottom: 10px;
}

.toStudentsText .sign .name{
	font-size: 25px;
}












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


	/* keyvisual ---------------------------------------*/

	#workKeyvisual{
		height:0;
		padding-top: 89%;
		background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/work/bg_kv.png) no-repeat left top #f9f9f9;
		background-size:cover;
	}


	.workKeyvisualInner{
		position: absolute;
		left:0px;
		top:0px;
		width:100%;
		height:0;
		padding-top: 89%;
	}

	.workKeyvisualInner .kvImage{
		float: none;
		width: 80%;
		position: absolute;
		left: 9%;
		bottom: 0px;
	}
	.workKeyvisualInner .kvImage.work03{
		width: 70%;
		left: 15%;
	}
	.workKeyvisualInner h2{
		position: absolute;
		left:8%;
		bottom:auto;
		top:88%;
	}

	.workKeyvisualInner h2 img{width:74%;}
	.workKeyvisualInner h2.work01 img{width: 81%;}
	.workKeyvisualInner h2.work02 img{width: 84%;}
	.workKeyvisualInner h2.work03 img{width: 81%;}
	.workKeyvisualInner h2.work04 img{width: 77%;}
	.workKeyvisualInner h2.work05 img{width: 91%;}
	.workKeyvisualInner h2.work06 img{width: 89%;}
	.workKeyvisualInner h2.work07 img{width: 84%;}

	.workNav{padding-top: 89%;}

	.workNav a{
		top:50%;
		margin-top: -16px;
	}

	.workNav a.prev{left:10px;}
	.workNav a.next{right:10px;}
	.workNav a img{width:54px;}

	.toStudentsSection.work01 .toStudentsText,.toStudentsSection.work02 .toStudentsText,.toStudentsSection.work03 .toStudentsText,.toStudentsSection.work04 .toStudentsText,.toStudentsSection.work05 .toStudentsText,.toStudentsSection.work06 .toStudentsText,.toStudentsSection.work07 .toStudentsText{margin-left: 0; margin-right: 0;}

	.work01 .toStudentsText .sign{padding: 0 0 0 0px;}


	/* interview ---------------------------------------*/

	.questionSection{
		padding: 50% 30px 0;
		background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/work/bg_work1.png) no-repeat center bottom #f9f9f9;
		background-size:100%;
	}
	.questionSection.work05{
		padding-top: 58%;
	}

	.questionBox{
		margin-bottom: 25px;
		background: #fff;
		padding:20px;
	}
	.questionBoxLast{
		margin-bottom: 0;
	}

	.questionBox .questionTitle{
		position: static;
		margin-bottom: 15px;
	}

	.questionBox .question{
		font-size: 14px;
		text-indent: -29px;
		margin-left: 27px;
	}

	.questionBox .question img{width:23px; margin-right: 5px;}

	.questionBox .answer{
		font-size: 12px;
		line-height: 2.0;
		padding:0px;
	}

	.questionBox-withPhoto{
		background: none;
		overflow: hidden;
		padding:0;
		margin-bottom: 0;
	}

	.questionBox-withPhoto .questionBoxPhoto{
		position: absolute;
		left:0px;
		top:0px;
		width:90%;
	}

	.questionBox-withPhoto .questionTitle{
		float: right;
		right:0 !important;
		width:90%;
		background: #fff;
		margin-bottom: 0;
		padding:15px 20px 0;
		margin-top: 70%;
		position: relative;
		z-index:3;
	}

	.questionBox-withPhoto .answer{
		margin-bottom:20px;
		float: right;
		width: 90%;
		top:0px;
		margin-top: 0%;
		padding:15px 20px;
	}

	img.attachment-medium.size-medium {
	    height: auto;
	    width: auto;
	}

	img.attachment-full.size-full {
    height: auto;
    width: auto;
}



	/* daily schedule ---------------------------------------*/

	.scheduleSection{
		padding:60px 30px 0px;
	}
	.scheduleSection .inner {max-width: 100%;}

	.scheduleSection h3{
		margin-bottom: 30px;
	}

	.scheduleSection h3 img{width:136px;}

	.scheduleArea{
		width:auto;
		margin-bottom: 20px;
	}

	.scheduleTimeScale{
		width:50px;
		padding-top: 10px;
		margin-top: 0;
	}

	.scheduleTimeScale img{
		width:47px;
		height:64% !important;
	}

	.scheduleText{
		margin-left: 60px;
	}

	.scheduleText li{
		height:89px;
		width: auto;
	}
	.scheduleText.work01 li:nth-child(1){height:90px;}
	.scheduleText.work01 li:nth-child(2){height:90px;}
	.scheduleText.work01 li:nth-child(3){height:90px;}
	.scheduleText.work01 li:nth-child(4){height:90px;}
	.scheduleText.work01 li:nth-child(5){height:90px;}
	.scheduleText.work01 li:nth-child(7){height:90px;}

	.scheduleText.work02 li:nth-child(1){height:90px;}
	.scheduleText.work02 li:nth-child(2){height:90px;}
	.scheduleText.work02 li:nth-child(3){height:90px;}
	.scheduleText.work02 li:nth-child(4){height:90px;}
	.scheduleText.work02 li:nth-child(5){height:90px;}
	.scheduleText.work02 li:nth-child(7){height:90px;}

	.scheduleText.work03 li:nth-child(1){height: 90px;}
	.scheduleText.work03 li:nth-child(2){height: 90px;}
	.scheduleText.work03 li:nth-child(4){height: 90px;}
	.scheduleText.work03 li:nth-child(5){height: 90px;}

	.scheduleText.work04 li:nth-child(1){height: 90px;}
	.scheduleText.work04 li:nth-child(2){height: 90px;}
	.scheduleText.work04 li:nth-child(6){height: 90px;}

	.scheduleText.work05 li:nth-child(1){height: 93px;}
	.scheduleText.work05 li:nth-child(2){height: 94px;}
	.scheduleText.work05 li:nth-child(4){height: 94px;}
	.scheduleText.work05 li:nth-child(5){height: 94px;}
	.scheduleText.work05 li:nth-child(6){height: 94px;}

	.scheduleText.work06 li:nth-child(1){height: 90px;}
	.scheduleText.work06 li:nth-child(2){height: 90px;}
	.scheduleText.work06 li:nth-child(3){height: 90px;}
	.scheduleText.work06 li:nth-child(6){height: 90px;}

	.scheduleText.work07 li:nth-child(1){height: 90px;}
	.scheduleText.work07 li:nth-child(2){height: 90px;}
	.scheduleText.work07 li:nth-child(3){height: 90px;}
	.scheduleText.work07 li:nth-child(6){height: 90px;}

	.scheduleText li h4{
		font-size: 11px;
		margin-bottom: 5px;
	}

	.scheduleText li p{
		font-size: 10px;
		line-height: 1.5;
	}


	/* 学生の皆さんへ ---------------------------------------*/

	.toStudentsSection{
		padding:40px 15px 50px;
	}
	.toStudentsText h3 img {margin-top: 10px;}

	.toStudentsSection .inner{
		width: auto;
		position: relative;
		margin: 0 auto 30px;
	}

	.toStudentsImage{
		float: none;
		width:130px;
	}

	.work02 .toStudentsImage{padding-bottom: 0px;}
	.work04 .toStudentsImage{padding-bottom: 20px;}
	.work05 .toStudentsImage{padding-bottom: 40px;}
	.work07 .toStudentsImage{padding-bottom: 40px;}

	.toStudentsText{
		margin-left: 0px;
		position: absolute;
		right: 15px;
		top: 10px;
		width: 72%;
	}

	.toStudentsText h3{
		text-align: right;
		margin-bottom: 30px;
	}

	.toStudentsText h3 img{width:127px;}

	.toStudentsText .textBox{
		margin-bottom: 0px;
		background: rgba(255,255,255,0.5);
		padding: 20px 0 20px 20px;
	}

	.toStudentsText .textBox p{
		font-size: 11px;
		line-height: 1.9;
	}

	.toStudentsText .sign{
		background: rgba(255,255,255,0.5);
		padding:0 0 0 20px;
	}

	.toStudentsText .sign .department{
		font-size: 12px;
		margin-bottom: 8px;
	}

	.toStudentsText .sign .name{
		font-size: 14px;
	}



}


@media screen and (max-width: 370px){
	.toStudentsText{width:80%;}
	.work01 .toStudentsImage{padding-bottom: 0px;}
	.work02 .toStudentsImage{padding-bottom: 0px;}
	.work03 .toStudentsImage{padding-bottom: 0px;}
	.work04 .toStudentsImage{padding-bottom: 40px;}
	.work05 .toStudentsImage{padding-bottom: 50px;}
	.work06 .toStudentsImage{padding-bottom: 40px;}
	.work07 .toStudentsImage{padding-bottom: 40px;}
}