@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.czech {
	background: url(../img/czech/pagetitle.jpg) no-repeat center;
	background-size: cover;
}
#pagetitle.taiwan {
	background: url(../img/taiwan/pagetitle.jpg) no-repeat center;
	background-size: cover;
}
	#pagetitle.czech h1,
	#pagetitle.taiwan h1 {
		font-size: 76px;
		font-family: 'Hammersmith One', sans-serif;
		font-weight: 400;
		line-height: 1em;
	}
		#pagetitle h1 span {
			font-size: 40px;
		}



	
	
/* number */
.number {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0;
}


	
	
/* read
--------------------- */
#read {
	width: 100%;
	padding: 100px 0 100px 0;
	text-align: center;
}
	#read p {
		letter-spacing: 2px;
		line-height: 34px;
		margin-bottom: 60px;
	}


	#read .map h3 {
		font-size: 200%;
		text-align: center;
	}
		#read .map h3 span {
			font-size: 40px;
			color: #00A0F7;
		}

	#read .map img {
		width: 100%;
		max-width: 1154px;
		height: auto;
	}


	
	
/* global
--------------------- */
#global {
	width: 100%;
	padding: 100px 0 100px 0;
	background: #DFF3FE;
}
	#global .title {
		text-align: center;
	}


	#global .box {
		width: 50%;
		text-align: center;
	}
		#global .box h3 {
			font-size: 143%;
			line-height: 1;
			font-weight: 500;
			margin-bottom: 10px;
		}

		#global .box .number {
			font-size: 120px;
			line-height: 1;
			margin-bottom: 30px;
			letter-spacing: -4px;
			color: #00A0F7;
		}
			#global .box .number .txt {
				font-size: 24px;
				color: #000;
			}

		#global .box .cap {
			padding-top: 20px;
		}


	
	
/* voice
--------------------- */
#voice {
	width: 100%;
	padding: 100px 0 0 0;
}
	#voice .title {
		text-align: center;
	}


	#voice .linkbox {
		width: 48%;
	}
		#voice .linkbox a {
			display: block;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#voice .linkbox a:hover {
			display: block;
			color: #00A0F7;
		}
			#voice .linkbox a .pht {
				overflow: hidden;
			}
				#voice .linkbox a .pht 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;
				}
				#voice .linkbox a:hover .pht 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);
				}


			#voice .linkbox a .profile {
				text-align: center;
				position: relative;
			}
				#voice .linkbox a .profile .icon {
					width: 150px;
					height: 150px;
					position: absolute;
					top: -75px;
					left: 50%;
					margin-left: -75px;
					z-index: 3;
				}
					#voice .linkbox a .profile .icon img {
						width: 100%;
						height: auto;
						border-radius: 50%;
						border: solid 3px #000;
						transition: 0.3s;
						-webkit−transition: 0.3s;
					}
					#voice .linkbox a:hover .profile .icon img {
						border: solid 3px #00A0F7;
					}

				#voice .linkbox a .profile h3 {
					padding-top: 95px;
					font-size: 200%;
					letter-spacing: 2px;
					line-height: 1;
				}

				#voice .linkbox a .profile dl {
					padding-top: 5px;
				}
					#voice .linkbox a .profile dl dt {
						font-size: 135%;
					}
					#voice .linkbox a .profile dl dd {
						font-size: 72%;
					}


	
	
/* profile
--------------------- */
#profile {
	width: 100%;
	padding: 100px 0 0 0;
}
	#profile .pbox {
		color: #fff;
		padding: 50px;
	}
	#profile.czech .pbox {
		background: #000 url(../img/czech/map.gif) no-repeat 110% top;
	}
	#profile.taiwan .pbox {
		background: #000 url(../img/taiwan/map.gif) no-repeat right center;
	}
		#profile .pbox .pht {
			width: 210px;
		}
			#profile .pbox .pht img {
				width: 100%;
				height: auto;
				border-radius: 50%;
			}


		#profile .pbox .text {
			width: -webkit-calc(100% - 250px);
			width: calc(100% - 250px);
		}
			#profile .pbox .text h2 {
				font-size: 129%;
				color: #00A0F7;
				line-height: 1;
				margin-bottom: 15px;
			}

			#profile .pbox .text .job {
				font-size: 86%;
				margin-bottom: 10px;
			}

			#profile .pbox .text dl {
				margin-bottom: 15px;
			}
				#profile .pbox .text dl dt {
					font-size: 200%;
				}
				#profile .pbox .text dl dd {
					font-size: 72%;
				}

			#profile .pbox .text .join {
				font-size: 86%;
			}

	
	
/* interview
--------------------- */
.interview {
	width: 100%;
	padding: 100px 0 0 0;
}
#interview04 {
	padding-bottom: 100px;
}
	#interview01.czech .text,
	#interview02.taiwan .text,
	#interview03.czech .text,
	#interview04 .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.czech .pht,
	#interview04.taiwan .pht {
		width: 600px;
	}
	#interview02.czech .pht {
		padding-top: 50px;
	}
	#interview03.czech .pht,
	#interview02.taiwan .pht {
		width: 600px;
		margin-right: 60px;
	}
		.interview .pht img {
			width: 100%;
			height: auto;
		}


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


	#schedule .box {
		background: #fff;
		padding: 35px;
		margin-bottom: 10px;
	}
		#schedule .box .pht {
			width: 140px;
		}
			#schedule .box .pht img {
				width: 100%;
				height: auto;
				border-radius: 50%;
			}

		#schedule .box .text {
			width: -webkit-calc(100% - 172px);
			width: calc(100% - 172px);
		}
			#schedule .box .text h3 {
				font-size: 129%;
				color: #00A0F7;
				margin-bottom: 7px;
			}
			#schedule .box .text p {
				font-size: 108%;
				line-height: 30px;
			}


	
	
/* btnarea
--------------------- */
#btnarea {
	width: 100%;
	padding-top: 70px;
}
	#btnarea .btn {
		margin: auto;
	}






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


	
	
/* global
--------------------- */
#global .box .number {
	font-size: 100px;
}


	
	
/* profile
--------------------- */
#profile.czech .pbox {
	background: #000 url(../img/czech/map.gif) no-repeat 130% top;
}
#profile.taiwan .pbox {
	background: #000 url(../img/taiwan/map.gif) no-repeat 100% center;
}

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




	




}









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


	
	
/* global
--------------------- */
#global .flex-start {
	display: block;
}
	#global .box {
		width: 100%;
		margin-bottom: 90px;
	}
	#global .box:nth-child(2) {
		margin-bottom: 0;
	}


	
	
/* profile
--------------------- */
#profile .pbox {
	background: #000 none !important;
}
	


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









}

	







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







/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle.czech h1,
#pagetitle.taiwan h1 {
	font-size: 40px;
}
	#pagetitle h1 span {
		font-size: 26px;
	}


	
	
/* read
--------------------- */
#read {
	padding: 50px 0;
}
	#read p {
		font-size: 93%;
		text-align: left;
		line-height: 2em;
		margin-bottom: 20px;
	}


	#read .map h3 {
		font-size: 135%;
	}
		#read .map h3 span {
			font-size: 30px;
		}


	
	
/* global
--------------------- */
#global {
	padding: 50px 0;
}
	#global .box{
		margin-bottom: 50px;
	}
		#global .box h3 {
			font-size: 129%;
		}

		#global .box .number {
			font-size: 60px;
			margin-bottom: 20px;
			letter-spacing: -3px;
		}
			#global .box .number .txt {
				font-size: 20px;
			}

		#global .box img {
			width: 100%;
			height: auto;
		}


	
	
/* voice
--------------------- */
#voice {
	padding: 50px 0 0 0;
}
	#voice .flex-start {
		display: block;
	}
	
	
	#voice .linkbox {
		width: 100%;
		margin-bottom: 30px;
	}
	#voice .linkbox:nth-child(2) {
		margin-bottom: 0;
	}
		#voice .linkbox a .profile .icon {
			width: 100px;
			height: 100px;
			top: -50px;
			margin-left: -50px;
		}

		#voice .linkbox a .profile h3 {
			padding-top: 65px;
			font-size: 172%;
			letter-spacing: 2px;
			line-height: 1;
		}

		#voice .linkbox a .profile dl {
			padding-top: 5px;
		}
			#voice .linkbox a .profile dl dt {
				font-size: 129%;
			}
			#voice .linkbox a .profile dl dd {
				font-size: 72%;
			}


	
	
/* profile
--------------------- */
#profile {
	padding: 50px 0 0 0;
}
	#profile .pbox {
		display: block;
		padding: 35px;
	}
		#profile .pbox .pht {
			width: 190px;
			margin: auto;
		}


		#profile .pbox .text {
			width: 100%;
			padding-top: 25px;
			text-align: center;
		}
			#profile .pbox .text h2 {
				font-size: 129%;
				color: #00A0F7;
				line-height: 1;
				margin-bottom: 15px;
			}

			#profile .pbox .text .job {
				font-size: 79%;
				margin-bottom: 14px;
			}

			#profile .pbox .text dl dt {
				font-size: 172%;
			}

			#profile .pbox .text .join {
				font-size: 79%;
			}




	
	
/* 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;
	}


	
	
/* schedule
--------------------- */
#schedule {
	padding: 50px 0;
	background: #F3F3F3;
}
	#schedule h2 {
		font-size: 172%;
		margin-bottom: 25px;
	}


	#schedule .box {
		display: block;
		background: #fff;
		padding: 35px;
	}
		#schedule .box .pht {
			width: 190px;
			margin: auto;
		}

		#schedule .box .text {
			padding-top: 15px;
			width: 100%;
		}
			#schedule .box .text h3 {
				font-size: 122%;
				text-align: center;
			}
			#schedule .box .text p {
				font-size: 93%;
				line-height: 2em;
			}


	
	
/* btnarea
--------------------- */
#btnarea {
	padding-top: 50px;
}


	
	





}