@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle.index {
	background: url(../img/pagetitle.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.adachi {
	background: url(../img/adachi/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.hashino {
	background: url(../img/hashino/main_pht.jpg) no-repeat 60%;
	background-size: cover;
}
#pagetitle.kamigaito {
	background: url(../img/kamigaito/main_pht.jpg) no-repeat 70%;
	background-size: cover;
}
#pagetitle.furumai {
	background: url(../img/furumai/main_pht.jpg) no-repeat 60%;
	background-size: cover;
}
#pagetitle.watanabe {
	background: url(../img/watanabe/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.funahashi {
	background: url(../img/funahashi/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.sato {
	background: url(../img/sato/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.nakano {
	background: url(../img/nakano/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.yagi {
	background: url(../img/yagi/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.imaizumi {
	background: url(../img/imaizumi/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.miyazaki {
	background: url(../img/miyazaki/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.arayama {
	background: url(../img/arayama/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.kashiwagi {
	background: url(../img/kashiwagi/main_pht.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.hirano {
	background: url(../img/hirano/main_pht.jpg) no-repeat center;
	background-size: cover;
}
	#pagetitle .mainpht {
		display: none;
	}


	#pagetitle .read {
		position: absolute;
		top: 120px;
		left: 0;
	}
		#pagetitle .read .catchcopy {
			font-size: 34px;
			font-weight: 700;
			letter-spacing: 0.2em;
			padding-top: 10px;
		}
		#pagetitle .read .catchcopy_sp {
			display: none;
		}
			#pagetitle .read .catchcopy p {
				height: 40px;
				line-height: 40px;
				overflow: hidden;
				margin-top: 20px;
				font-feature-settings: "palt";
			}
				#pagetitle .read .catchcopy p span {
					background: #fff;
				}


	#pagetitle .profile {
		width: 300px;
		padding: 30px;
		background: #000;
		color: #fff;
		position: absolute;
		bottom: 0;
		left: 0;
	}
		#pagetitle .profile .job {
			font-size: 86%;
			font-weight: 700;
			letter-spacing: 0.1em;
			margin-bottom: 5px;
		}

		#pagetitle .profile h1 {
			font-size: 30px;
			font-weight: 700;
			letter-spacing: 0.25em;
		}

		#pagetitle .profile .name {
			font-size: 72%;
			letter-spacing: 0.2em;
			margin-bottom: 20px;
		}

		#pagetitle .profile .join {
			font-size: 86%;
			font-weight: 700;
			letter-spacing: 0.1em;
		}

	
	
/* interview
--------------------- */
.interview {
	width: 100%;
	padding: 100px 0 0 0;
}
#interview04 {
	padding-bottom: 100px;
}
	#interview01 .text {
		width: 540px;
	}
	#interview03 .text {
		width: 540px;
	}
		.interview .text .number {
			font-size: 172%;
			color: #00a0f7;
			line-height: 1;
			letter-spacing: 0.1em;
			margin-bottom: 10px;
		}

		.interview .text h2 {
			font-size: 38px;
			line-height: 52px;
			letter-spacing: 0.15em;
			text-align: left;
			margin-bottom: 35px;
		}

		.interview .text p {
			font-size: 108%;
			line-height: 36px;
			letter-spacing: 0.2em;
		}


	#interview01 .pht {
		width: 600px;
	}
	#interview02 .pht {
		padding-top: 50px;
	}
	#interview03 .pht {
		width: 600px;
		margin-right: 60px;
	}
		.interview .pht img {
			width: 100%;
			height: auto;
		}

	
	
/* reason
--------------------- */
#reason {
	width: 100%;
	background: #0e0e0e;
	color: #fff;
	padding: 70px 0;
}
	#reason .pht {
		width: 220px;
		height: 220px;
		border-radius: 50%;
		overflow: hidden;
	}
		#reason .pht img {
			width: auto;
			height: 100%;
			margin-left: -30px;
		}


	#reason .text {
		width: 940px;
		padding-top: 15px;
		margin-left: 40px;
	}
		#reason .text h2 {
			font-size: 30px;
			letter-spacing: 0.2em;
			margin-bottom: 25px;
		}

		#reason .text p {
			font-size: 108%;
			line-height: 34px;
			letter-spacing: 0.2em;
		}

	
	
/* schedule
--------------------- */
#schedule {
	width: 100%;
	background: #f3f3f3;
	padding: 70px 0 50px 0;
}
	#schedule h2 {
		font-size: 30px;
		color: #00a0f7;
		letter-spacing: 0.15em;
		margin-bottom: 20px;
	}


	#schedule .sbox dl {
		background: #fff;
		margin-bottom: 10px;
		padding: 25px 35px;
	}
		#schedule .sbox dl dt {
			font-size: 129%;
			color: #00a0f7;
		}
		#schedule .sbox dl dd {
			width: 92%;
			font-size: 108%;
		}

	
	
/* holiday
--------------------- */
#holiday {
	width: 100%;
	background: #f3f3f3;
	padding: 0 0 60px 0;
}
	#holiday .text {
		width: 780px;
	}
		#holiday .text h2 {
			font-size: 30px;
			color: #00a0f7;
			letter-spacing: 0.15em;
			margin-bottom: 20px;
		}

		#holiday .text p {
			font-size: 108%;
			line-height: 34px;
			letter-spacing: 0.2em;
		}


	#holiday .pht {
		width: 364px;
		position: absolute;
		top: 25px;
		right: 80px;
	}
		#holiday .pht img {
			width: 100%;
			height: auto;
		}




	
	
	
/* peoplelist
--------------------- */
#peoplelist {
	width: 100%;
	padding: 80px 0 0 0;
}
	#peoplelist .title {
		text-align: center;
		padding-bottom: 50px;
	}


	#peoplelist .boxlist {
		padding-bottom: 40px;
	}
		#peoplelist .boxlist .linkbox {
			width: 32%;
			margin-right: 2%;
		}
		#peoplelist .boxlist .linkbox:nth-child(3n) {
			margin-right: 0;
		}
			#peoplelist .boxlist .linkbox a {
				display: block;
				overflow: hidden;
			}
				#peoplelist .boxlist .linkbox .pht a img {
					width: 100%;
					height: auto;
					-moz-transition: -moz-transform 0.2s linear;
					-webkit-transition: -webkit-transform 0.2s linear;
					-o-transition: -o-transform 0.2s linear;
					-ms-transition: -ms-transform 0.2s linear;
					transition: transform 0.2s linear;
				}
				#peoplelist .boxlist .linkbox .pht a:hover img {
					-webkit-transform: scale(1.05);
					-moz-transform: scale(1.05);
					-o-transform: scale(1.05);
					-ms-transform: scale(1.05);
					transform: scale(1.05);
				}

			#peoplelist .boxlist .linkbox .tag {
				padding-top: 20px;
			}


	#peoplelist .btn {
		margin: auto;
	}




	
	
	
/* list
--------------------- */
#list {
	width: 100%;
	padding: 80px 0 80px 0;
}
	#list .taglist {
		padding-bottom: 70px;
	}
		#list .taglist h2.en {
			text-align: center;
			margin-bottom: 20px;
		}

		#list .taglist ul {
			width: 600px;
			margin: auto;
			display: flex;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
			#list .taglist ul li {
				margin-right: 10px;
				margin-bottom: 5px;
			}
				#list .taglist ul li a {
					font-size: 14px;
				}
					#list .taglist ul li a span {
						line-height: 36px;
						border-radius: 36px;
					}
					#list .taglist ul li a.on span {
						background: #00a0f7;
						color: #fff;
					}

		#list .taglist .reset {
			width: 120px;
			margin: auto;
			padding-top: 20px;
		}
			#list .taglist .reset a {
				display: block;
				text-align: center;
				line-height: 1;
				padding: 10px 0;
				background: #f1f1f1;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#list .taglist .reset a:hover {
				color: #fff;
				background: #0e0e0e;
			}


	#list .boxlist {
		position: relative;
		margin: 0 auto;
	}
		#list .boxlist .linkbox {
			position: relative;
			width: 32.8333333%;
			margin: 0 0.25% 30px 0.25%;
			cursor: pointer;
		}
		#list .boxlist .linkbox .bg {
			background: #3085a3;
			margin-bottom: 10px;
		}
			#list .boxlist .linkbox .pht {
				position: relative;
				display: block;
				width: 100%;
				width: 100%;
				height: auto;
				opacity: 1;
				-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
				transition: opacity 0.35s, transform 0.35s;
				-webkit-transform: scale(1);
				transform: scale(1);
			}
			#list .boxlist .linkbox .bg:hover .pht {
				opacity: 0.5;
				-webkit-transform: scale(1);
				transform: scale(1);
			}

			#list .boxlist .linkbox figcaption {
				padding: 2em;
				color: #fff;
				text-transform: uppercase;
				font-size: 1.25em;
				-webkit-backface-visibility: hidden;
				backface-visibility: hidden;
			}

			#list .boxlist .linkbox figcaption::before,
			#list .boxlist .linkbox figcaption::after {
				pointer-events: none;
			}

			#list .boxlist .linkbox figcaption,
			#list .boxlist .linkbox figcaption a {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}


			#list .boxlist .linkbox figcaption a {
				z-index: 1000;
				text-indent: 200%;
				white-space: nowrap;
				font-size: 0;
				opacity: 0;
			}


			#list .boxlist .linkbox figcaption h3 {
				margin-top: 0;
				font-size: 20px;
				font-weight: 700;
				line-height: 1.2em;
				-webkit-transition: -webkit-transform 0.35s;
				transition: transform 0.35s;
				-webkit-transform: translate3d(0,78px,0);
				transform: translate3d(0,78px,0);
				position: absolute;
				bottom: 144px;
				left: 35px;
			}
			#list .boxlist .linkbox .bg:hover figcaption h3 {
				-webkit-transform: translate3d(0,0,0);
				transform: translate3d(0,0,0);
			}
				#list .boxlist .linkbox figcaption h3 span {
					font-size: 10px;
				}


			#list .boxlist .linkbox figcaption p {
				font-size: 12px;
				letter-spacing: 1px;
				margin: 0;
				opacity: 0;
				-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
				transition: opacity 0.35s, transform 0.35s;
				-webkit-transform: translate3d(0,0,0) scale(1.1);
				transform: translate3d(0,0,0) scale(1.1);
				position: absolute;
				bottom: 70px;
				left: 35px;
			} 
			#list .boxlist .linkbox .bg:hover figcaption p {
				opacity: 1;
				-webkit-transform: translate3d(0,0,0) scale(1);
				transform: translate3d(0,0,0) scale(1);
			}


			#list .boxlist .linkbox .tag {
				position: relative;
				z-index: 1001;
			} 


		#list .boxlist .sp {
			display: none;
		}




	
	
	
/* talk
--------------------- */
#talk {
	width: 100%;
	height: 450px;
	padding: 80px 0;
	background: url(../img/cross-talk/pagetitle.jpg) no-repeat center 35%;
	background-size: cover;
	text-align: center;
}
	#talk .title {
		padding-bottom: 40px;
	}
		#talk .title .en,
		#talk .title h2 {
			color: #fff;
		}


	#talk p {
		color: #fff;
		line-height: 34px;
		padding-bottom: 45px;
	}


	#talk .btn {
		margin: auto;
	}






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







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle .read {
	left: 3%;
}

	
	
/* interview
--------------------- */
#interview01 .text {
	width: -webkit-calc(100% - 500px);
	width: calc(100% - 500px);
	margin-right: 60px;
}
#interview03 .text {
	width: -webkit-calc(100% - 500px);
	width: calc(100% - 500px);
}

	
	
/* reason
--------------------- */
#reason .text {
	padding-top: 0;
	width: -webkit-calc(100% - 220px);
	width: calc(100% - 220px);
}

	
	
/* holiday
--------------------- */
#holiday .text {
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
}


#holiday .pht {
	right: 5%;
}




	
	
	





	




}









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







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle .read {
	top: 37%;
	left: 5%;
}
	#pagetitle .read .catchcopy {
		font-size: 38px;
		letter-spacing: 0.2em;
	}
		#pagetitle .read .catchcopy p {
			height: 40px;
			line-height: 40px;
			overflow: hidden;
			margin-top: 20px;
		}


	
/* interview
--------------------- */
.interview .inner {
	display: block;
}
	.interview .text {
		width: 100% !important;
	}
	
	
	.interview .pht {
		width: 100% !important;
		padding-top: 40px !important;
	}

	
	
/* schedule
--------------------- */
#schedule .sbox dl dt {
	font-size: 129%;
	color: #00a0f7;
}
#schedule .sbox dl dd {
	width: -webkit-calc(100% - 90px);
	width: calc(100% - 90px);
	font-size: 108%;
}

	
	
/* peoplelist
--------------------- */
#peoplelist .tag li {
	margin-bottom: 5px;
}

	
	
/* list
--------------------- */
#list .inner {
	padding: 0;
}
#list .boxlist .linkbox {
	width: 49.5%;
	margin: 0 0.25% 30px 0.25%;
}





}

	







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







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle.detail {
	background: none;
}
#pagetitle.detail .inner {
	height: auto !important;
	padding: 0;
}
	#pagetitle .mainpht {
		display: block;
		width: 100%;
		height: 300px;
	}
	#pagetitle.adachi .mainpht {
		background: url(../img/adachi/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.hashino .mainpht {
		background: url(../img/hashino/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.kamigaito .mainpht {
		background: url(../img/kamigaito/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.furumai .mainpht {
		background: url(../img/furumai/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.watanabe .mainpht {
		background: url(../img/watanabe/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.funahashi .mainpht {
		background: url(../img/funahashi/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.sato .mainpht {
		background: url(../img/sato/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.nakano .mainpht {
		background: url(../img/nakano/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.yagi .mainpht {
		background: url(../img/yagi/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.imaizumi .mainpht {
		background: url(../img/imaizumi/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.miyazaki .mainpht {
		background: url(../img/miyazaki/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.arayama .mainpht {
		background: url(../img/arayama/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.kashiwagi .mainpht {
		background: url(../img/kashiwagi/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	#pagetitle.hirano .mainpht {
		background: url(../img/hirano/main_pht.jpg) no-repeat right center;
		background-size: cover;
	}
	
	
	#pagetitle .read {
		position: static;
		padding: 15px 5% 20px 5%;
		background: #0e0e0e;
		position: relative;
		bottom: 0;
		left: 0;
	}
		#pagetitle .read .tag {
			position: absolute;
			top: -15px;
			left: 5%;
		}
	
		#pagetitle .read .catchcopy {
			display: none;
		}
		#pagetitle .read .catchcopy_sp {
			display: block;
			font-size: 20px;
			font-weight: 700;
			color: #fff;
			letter-spacing: 0.05em;
			padding-top: 15px;
			font-feature-settings: "palt";
		}


	#pagetitle .profile {
		width: 100%;
		padding: 20px 5%;
		position: static;
	}
		#pagetitle .profile h1 {
			font-size: 28px;
		}
	
		#pagetitle .profile .en {
			margin-bottom: 10px;
		}




	
	
/* interview
--------------------- */
.interview {
	width: 100%;
	padding: 50px 0 0 0;
}
#interview04 {
	padding-bottom: 50px;
}
	.interview .text .number {
		font-size: 158%;
	}

	.interview .text h2 {
		font-size: 26px;
		line-height: 42px;
		margin-bottom: 15px;
	}

	.interview .text p {
		font-size: 93%;
		line-height: 2em;
	}

	
	.interview .pht {
		padding-top: 20px !important;
		padding-bottom: 5px;
	}

	
	
/* reason
--------------------- */
#reason {
	padding: 50px 0 0 0; 
}
#reason .inner {
	display: block;
	padding: 0;
}
	#reason .pht {
		width: 100%;
		height: auto;
		border-radius: 0;
	}
		#reason .pht img {
			width: 100%;
			height: auto;
			margin-left: 0;
		}


	#reason .text {
		width: 100%;
		padding: 0 5% 50px 5%;
		margin-left: 0;
	}
		#reason .text h2 {
			font-size: 24px;
			text-align: center;
			line-height: 1.6em;
		}

		#reason .text p {
			font-size: 93%;
			line-height: 2em;
		}

	
	
/* schedule
--------------------- */
#schedule {
	width: 100%;
	background: #f3f3f3;
	padding: 50px 0 40px 0;
}
	#schedule h2 {
		font-size: 24px;
		text-align: center;
		line-height: 1.6em;
	}


	#schedule .sbox dl {
		display: block;
		background: #fff;
		margin-bottom: 10px;
		padding: 20px 25px;
	}
		#schedule .sbox dl dt {
			width: 100%;
			font-size: 129%;
			color: #00a0f7;
		}
		#schedule .sbox dl dd {
			width: 100%;
			font-size: 93%;
		}

	
	
/* holiday
--------------------- */
#holiday {
	padding: 0;
}
#holiday .inner {
	padding: 0;
}
	#holiday .text {
		width: 100%;
		padding: 0 5% 20px 5%;
	}
		#holiday .text h2 {
			font-size: 24px;
			text-align: center;
			line-height: 1.6em;
		}

		#holiday .text p {
			font-size: 93%;
			line-height: 2em;
		}


	#holiday .pht {
		width: 100%;
		position: static;
	}
		#holiday .pht img {
			width: 100%;
			height: auto;
		}

	
	
/* peoplelist
--------------------- */
#peoplelist {
	padding: 60px 0 0 0;
}
#peoplelist .inner {
	padding: 0;
}
	#peoplelist .boxlist {
		display: block;
	}
		#peoplelist .boxlist .linkbox {
			width: 100%;
			margin: 0;
		}
		#peoplelist .boxlist .linkbox .tag {
			padding-top: 0;
			position: absolute;
			bottom: 20px;
			left: 20px;
		}

	
	
/* list
--------------------- */
#list {
	padding: 60px 0 40px 0;
}
#list .inner {
	padding: 0;
}
	#list .taglist {
		padding-bottom: 50px;
	}
		#list .taglist ul {
			width: 80%;
			margin: auto;
			display: flex;
			justify-content: center;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}
	
	#list .boxlist {
		position: relative;
		margin: 0 auto;
	}
		#list .boxlist .linkbox {
			position: relative;
			overflow: hidden;
			width: 50%;
			margin: 0;
			padding-bottom: 20px;
			background: none;
			cursor: pointer;
		}
			#list .boxlist .linkbox .bg {
				display: none;
			}
	

		#list .boxlist .linkbox .sp {
			display: block;
		}
			#list .boxlist .linkbox .sp img {
				width: 100%;
				height: auto;
			}

			#list .boxlist .linkbox .sp h3 {
				font-size: 16px;
				font-weight: 700;
				line-height: 1.2em;
				padding: 15px 5% 5px 5%;
			}
				#list .boxlist .linkbox .sp h3 span {
					font-size: 10px;
					letter-spacing: 1.5px;
				}

			#list .boxlist .linkbox .sp p {
				font-size: 10px;
				letter-spacing: 1px;
				padding: 0 5% 0 5%;
			}


			#list .boxlist .linkbox .tag {
				padding: 10px 5% 0 5%;
			} 




	
	
	
/* talk
--------------------- */
#talk {
	width: 100%;
	height: auto;
	padding: 60px 0 60px 0;
}
	#talk .title .en,
	#talk .title h2 {
		color: #fff;
	}


	#talk p {
		font-size: 93%;
		line-height: 2em;
		padding-bottom: 40px;
	}


	#talk .btn {
		margin: auto;
	}






}