@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 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ローディング */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pageloading-wrap {
	background: #000 url(../img/head.svg) no-repeat center;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: table;
	z-index: 100000;
}
#pageloading-icon {
	display: table-cell;
	vertical-align: middle;
}





	
	
/* mainimages
--------------------- */
#mainimages {
	width: 100%;
	height: 100vh;
	position: relative;
}
	#mainimages ul li {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100vh;
		text-align: center;
	}


	#mainimages .head {
		width: 600px;
		position: absolute;
		bottom: 80px;
		left: 80px;
		z-index: 1000;
	}
		#mainimages .head img {
			width: 100%;
			height: auto;
		}


	#mainimages .bnrbox {
		width: 350px;
		position: absolute;
		bottom: 20px;
		right: 100px;
		z-index: 1000;
	}
		#mainimages .bnrbox p {
			width: 49%;
			border: solid 1px #fff;
		}
			#mainimages .bnrbox p a {
				background: rgba(0,0,0,0.6);
				display: flex;
				justify-content: center;
				align-items: center;
				height: 60px;
				font-size: 12px;
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.06em;
				color: #fff;
				line-height: 1.4em;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#mainimages .bnrbox p a:hover {
				background: rgba(0,0,0,1);
			}


		#mainimages .bnrbox .movie {
			margin-bottom: 10px;
		}
			#mainimages .bnrbox .movie a {
				background: url("../img/movie_pht.jpg") no-repeat center / cover;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 60px;
				font-size: 14px;
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.06em;
				color: #fff;
				line-height: 1.4em;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#mainimages .bnrbox .movie a:hover {
				opacity: 0.7;
			}


		#mainimages .bnrbox .gallery {
			margin-top: 10px;
		}
			#mainimages .bnrbox .gallery a {
				background: #00a0f7;
				display: flex;
				justify-content: center;
				align-items: center;
				height: 60px;
				font-size: 14px;
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.06em;
				color: #fff;
				line-height: 1.4em;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#mainimages .bnrbox .gallery a:hover {
				background: #000;
			}
				#mainimages .bnrbox .gallery a span {
					font-size: 10px;
				}


		#mainimages .bnrbox .bnr {
			margin-top: 10px;
			max-width: 350px;
		}
			#mainimages .bnrbox .bnr a {
				display: block;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#mainimages .bnrbox .bnr a:hover {
				opacity: 0.7;
			}
				#mainimages .bnrbox .bnr a img {
					width: 100%;
					height: auto;
				}




	
	
/* news
--------------------- */
#news {
	width: 100%;
	background: #000;
	padding: 20px 0;
}
	#news ul {
	}
		#news ul li {
			font-size: 93%;
			color: #fff;
		}
		#news ul li a {
			color: #fff;
			text-decoration: underline;
		}
		#news ul li a:hover {
			text-decoration: none;
		}
			#news ul li span {
				font-size: 14px;
				padding-right: 20px;
			}




	
	
/* .popup
--------------------- */
.popup {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	overflow-y: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
}
	.popup .popup_bg {
		width: 70%;
		background: #fff;
		border-radius: 6px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
  		-webkit-transform: translateY(-50%) translateX(-50%);
		z-index: 100001;
	}
		.popup .popup_bg .close {
			font-size: 172%;
			text-align: right;
			padding-right: 5px;
		}

		.popup .popup_bg .text {
			padding: 5px 50px 50px 50px;
		}
			.popup .popup_bg .text h2 {
				font-size: 158%;
				color: #00a0f7;
				line-height: 1.4em;
				margin-bottom: 15px;
			}

			.popup .popup_bg .text p a {
				color: #00a0f7;
				text-decoration: underline;
			}
			.popup .popup_bg .text p a:hover {
				text-decoration: none;
			}




	
	
/* message
--------------------- */
#message {
	width: 100%;
	padding: 100px 0;
}
	#message h2 {
		font-size: 56px;
		font-weight: 900;
		line-height: 90px;
		letter-spacing: 0.25em;
	}


	#message .text {
		width: 55%;
		padding-top: 20px;
	}
		#message .text p {
			font-size: 143%;
			line-height: 40px;
			letter-spacing: 0.3em;
			margin-bottom: 50px;
		}




	
	
/* about
--------------------- */
#about {
	width: 100%;
	height: 460px;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
	background: url(../img/dot_bg.png);
}
	#about .video_wrap {
		overflow: hidden;
	}
		#about .video_wrap video{
			display: block;
			width: 1920px;
			height: auto;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			z-index: -1;
		}


	#about .title {
		text-align: center;
		padding-bottom: 40px;
	}
		#about .title .en,
		#about .title h2 {
			color: #fff;
		}


	#about .txt {
		font-size: 108%;
		color: #fff;
		line-height: 30px;
		text-align: center;
		margin-bottom: 60px;
	}


	#about .btn {
		margin: auto;
	}




	
	
/* pickup
--------------------- */
#pickup {
	width: 100%;
	padding: 100px 0 70px 0;
	position: relative;
}
#pickup:after {
	content: "";
	width: 100%;
	height: 285px;
	background: #f1f1f1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	#pickup .title {
		text-align: center;
	}


	#pickup .tabbox .tab {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#pickup .tabbox .tab li {
			width: 24%;
			height: 60px;
			border: solid 1px #d6d6d6;
			background: #fff;
			font-size: 129%;
			text-align: center;
			cursor: pointer;
			line-height: 60px;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#pickup .tabbox .tab li.select {
			border-top: solid 1px #000000;
			background: #000;
			color: #fff;
			position: relative;
		}
		#pickup .tabbox .tab li.select:after {
			content: "";
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 7px 7px 0 7px;
			border-color: #000000 transparent transparent transparent;
			position: absolute;
			bottom: -7px;
			left: 50%;
			margin-left: -7px;
		}


	#pickup .tabbox .content {
		padding: 36px 0 0 0;
	}
		#pickup .tabbox .content .cell {
		}
		#pickup .tabbox .content .hide {
			display: none;
		}
			#pickup .tabbox .content .cell .slider {
			}
				#pickup .tabbox .content .cell .slider a {
					display: block;
					padding: 0 10px;
				}
					#pickup .tabbox .content .cell .slider a .pht {
						overflow: hidden;
					}
						#pickup .tabbox .content .cell .slider 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;
						}
						#pickup .tabbox .content .cell .slider 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);
						}

					#pickup .tabbox .content .cell .slider a h3 {
						font-size: 108%;
						font-weight: 500;
						padding-top: 12px;
						letter-spacing: 1px;
						text-align: center;
					}


	
	
/* business
--------------------- */
#business {
	width: 100%;
	height: 1155px;
	padding: 100px 0 0 0;
	background: #0e0e0e;
}
	#business .title .en,
	#business .title h2 {
		color: #fff;
	}
	#business .title h2 {
		line-height: 1.5em;
	}
		#business .title h2 span {
			letter-spacing: 0;
		}


	#business .grid {
		position: relative;
		text-align: center;
	}
		#business .grid li {
			width: 49%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#business .grid li:nth-child(2n) {
			margin-top: -178px;
			margin-right: 0;
		}
			#business .grid li .effect-oscar {
				position: relative;
				overflow: hidden;
				width: 100%;
				text-align: center;
				cursor: pointer;
			}
				#business .grid li .effect-oscar .pht {
					position: relative;
					display: block;
					width: 100%;
					opacity: 1;
				}

				#business .grid li .effect-oscar figcaption {
					padding: 2em;
					color: #fff;
					font-size: 1.25em;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
				}
				#business .grid li .effect-oscar figcaption::before,
				#business .grid li .effect-oscar figcaption::after {
					pointer-events: none;
				}
					#business .grid li .effect-oscar figcaption,
					#business .grid li .effect-oscar figcaption > a {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
					}
					#business .grid li .effect-oscar figcaption > a {
						z-index: 1000;
						text-indent: 200%;
						white-space: nowrap;
						font-size: 0;
						opacity: 0;
					}
						#business .grid li .effect-oscar h3 {
							font-size: 32px;
							font-weight: 500;
						}
							#business .grid li .effect-oscar h3 .en {
								display: block;
								font-size: 14px;
								line-height: 1;
								text-decoration: underline;
								padding-top: 20px;
								padding-bottom: 10px;
							}

							#business .grid li .effect-oscar h3 .txt {
								display: block;
								font-size: 12px;
								letter-spacing: 2px;
								font-weight: 700;
							}

						#business .grid li .effect-oscar p {
							font-size: 12px;
							letter-spacing: 2px;
							line-height: 26px;
							font-weight: 700;
						}


		/*---------------*/
		/***** Oscar *****/
		/*---------------*/
		.effect-oscar figcaption {
			padding: 3em;
			-webkit-transition: background-color 0.5s;
			transition: background-color 0.5s;
			position: relative;
		}
		.effect-oscar figcaption:after {
			content: "";
			width: 41px;
			height: 10px;
			background: url(../common/img/arrow_white.svg) no-repeat;
			position: absolute;
			bottom: 62px;
			left: 50%;
			margin-left: -20px;
		}

		.effect-oscar figcaption::before {
		}

		.effect-oscar h3 {
			margin: 10% 0 0 0;
			-webkit-transition: -webkit-transform 0.35s;
			transition: transform 0.35s;
			-webkit-transform: translate3d(0,10%,0);
			transform: translate3d(0,10%,0);
		}

		.effect-oscar figcaption::before,
		.effect-oscar p {
			opacity: 0;
			-webkit-transition: opacity 0.1s, -webkit-transform 0.35s;
			transition: opacity 0.35s, transform 0.35s;
			-webkit-transform: scale(0);
			transform: scale(0);
		}

		.effect-oscar:hover h3 {
			-webkit-transform: translate3d(0,-60%,0);
			transform: translate3d(0,-60%,0);
		}

		.effect-oscar:hover figcaption::before,
		.effect-oscar:hover p {
			opacity: 1;
			-webkit-transform: scale(1);
			transform: scale(1);
		}

		.effect-oscar h3 .txt {
		}
		.effect-oscar:hover h3 .txt {
			opacity: 0;
			margin-top: -11%;
		}

		.effect-oscar:hover figcaption {
			background-color: rgba(0,160,247,0.6);
		}


	
	
/* people
--------------------- */
#people {
	width: 100%;
	padding: 180px 0 100px 0;
	position: relative;
}
	#people .title {
		text-align: center;
	}


	#people .list {
		padding-right: 80px;
	}
		#people .list .linkbox {
			width: 33.3333333%;
			position: relative;
		}
			#people .list .linkbox .pht a {
				display: block;
				overflow: hidden;
			}
				#people .list .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;
				}
				#people .list .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);
				}


		#people .list .linkbox ul.tag {
			position: absolute;
			bottom: 20px;
			left: 20px;
		}


	#people .btn {
		position: absolute;
		top: 180px;
		right: 140px;
	}


	
	
/* global
--------------------- */
#global {
	padding-left: 100px;
	padding-right: 80px;
	padding-bottom: 100px;
}
	#global .bgbox {
		height: 250px;
		padding-top: 87px;
		padding-left: 80px;
	}
	#global .bgbox.global {
		background: url(../img/global_pht.jpg) no-repeat center;
		background-size: cover;
	}
	#global .bgbox.movie {
		background: url(../img/movie_pht.jpg) no-repeat left center;
		background-size: 100%;
		margin-bottom: 50px;
	}
		#global .bgbox .title .en,
		#global .bgbox .title h2 {
			color: #fff;
		}


		#global .bgbox .btn {
			padding-top: 5px;
			margin-right: 150px;
		}


	
	
/* info
--------------------- */
#info {
	width: 100%;
	padding-bottom: 100px;
}
	#info .phtbox {
		width: 38%;
		background: url(../img/info_pht.jpg) no-repeat center;
		background-size: cover;
	}
		#info .phtbox img {
			display: none;
		}


	#info .textbox {
		width: 100%;
		border-top: solid 1px #ddd;
		border-bottom: solid 1px #ddd;
		/*width: 58%;
		padding-right: 180px;*/
	}
		#info .textbox .box {
			border-bottom: solid 1px #ddd;
			padding-bottom: 40px;
			margin-bottom: 40px;
		}
		#info .textbox .box:nth-last-child(1) {
			border-bottom: none;
			padding-bottom: 0;
			margin-bottom: 0;
			padding: 40px 0;
		}
			#info .textbox .box a {
				width: 100%;
				background: url(../common/img/arrow_black.svg) no-repeat right center;
				background-size: 40px;
			}
				#info .textbox .box a .pht {
					width: 160px;
					height: 160px;
					border-radius: 50%;
					overflow: hidden;
				}
					#info .textbox .box 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;
					}
					#info .textbox .box 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);
					}


				#info .textbox .box a .text {
					width: -webkit-calc(100% - 160px);
					width: calc(100% - 160px);
					padding-left: 25px;
					padding-top: 35px;
				}
					#info .textbox .box a .text .en {
						font-size: 108%;
						color: #00a0f7;
						line-height: 1;
					}

					#info .textbox .box a .text h3 {
						font-size: 175%;
						font-weight: 500;
						padding-bottom: 5px;
						transition: 0.3s;
						-webkit−transition: 0.3s;
					}
					#info .textbox .box a:hover .text h3 {
						color: #00a0f7;
					}


	
	
/* recruit
--------------------- */
#recruit {
	width: 100%;
	padding-right: 80px;
}
	#recruit .title {
		text-align: center;
		padding-bottom: 40px;
	}


	#recruit .list .box {
		width: 49.5%;
	}
		#recruit .list .box a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 220px;
			background: #f1f1f1 url(../common/img/arrow_black.svg) no-repeat 95% center;
			background-size: 40px;
			text-align: center;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#recruit .list .box a:hover {
			background: #00a0f7 url(../common/img/arrow_white.svg) no-repeat 97% center;
			background-size: 40px;
		}
			#recruit .list .box a .en {
				font-size: 129%;
				color: #00a0f7;
				line-height: 1;
				padding-top: 4px;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#recruit .list .box a:hover .en {
				color: #fff;
			}

			#recruit .list .box a h3 {
				font-size: 28px;
				font-weight: 500;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#recruit .list .box a:hover h3 {
				color: #fff;
			}

			#recruit .list .box a .head {
				display: block;
				width: 86px;
				height: 28px;
				border-radius: 5px;
				margin: 0 auto;
				background: #fff;
				color: #00a0f7;
				font-size: 13px;
				font-weight: 500;
				text-align: center;
				line-height: 28px;
			}









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



	
	
/* mainimages
--------------------- */
#mainimages .bnrbox {
	bottom: 20px;
	right: 20px;
}


	
	
/* message
--------------------- */
#message h2 {
	font-size: 50px;
	line-height: 86px;
}


#message .text {
	width: 56%;
	padding-top: 10px;
}
	#message .text p {
		font-size: 135%;
		line-height: 40px;
		letter-spacing: 0.2em;
		margin-bottom: 50px;
	}


	
	
/* business
--------------------- */
#business {
	height: auto;
	padding-bottom: 50px;
}


	
	
/* people
--------------------- */
#people {
	padding-top: 80px;
}
	#people .title {
		padding-bottom: 80px;
	}
	
	
	#people .list {
		padding-right: 0;
	}

	#people .btn {
		top: 90px;
		right: 5%;
	}


	
	
/* global
--------------------- */
#global {
	padding-right: 0;
}
#global .bgbox {
	padding-left: 5%;
}
	#global .bgbox .btn {
		margin-right: 5%;
	}


	
	
/* info
--------------------- 
#info .textbox {
	width: 61%;
	padding-right: 5%;
}
	
#info .phtbox {
	width: 35%;
}*/


	
	
/* recruit
--------------------- */
#recruit {
	padding-right: 0;
}









}









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





	
	
/* mainimages
--------------------- */
#mainimages .head {
	bottom: 30%;
	left: 5%;
}



	
	
/* message
--------------------- */
#message .flex-start {
	display: block;
}
	#message h2 {
		line-height: 80px;
	}


	#message .text {
		width: 100%;
		padding-top: 30px;
	}


	
	
/* business
--------------------- */
#business {
	padding: 90px 0 50px 0;
}
	#business .title .en,
	#business .title h2 {
		text-align: center;
	}


	#business .grid {
		position: relative;
		text-align: center;
	}
		#business .grid li {
			width: 49%;
			margin-right: 2%;
			margin-bottom: 30px;
		}
		#business .grid li:nth-child(2n) {
			margin-top: 0;
		}
		#business .grid li:nth-child(5) {
			display: none;
		}
			#business .grid li .pht,
			#business .grid li figcaption {
				display: none !important;
			}
	
			#business .grid li .sp {
				display: block;
				font-size: 20px;
				font-weight: 500;
				color: #fff;
			}
				#business .grid li .sp img {
					width: 100%;
					height: auto;
					padding-bottom: 10px;
				}


	
	
/* people
--------------------- */
#people .list {
}
	#people .list .linkbox {
		width: 50%;
		position: relative;
	}


#people .btn {
	margin: 40px auto 0 auto;
	position: static;
}


	
	
/* global
--------------------- */
#global {
	width: 100%;
	padding-left: 5%;
}
	#global .bgbox {
		padding-top: 67px;
	}
		#global .bgbox .title {
			width: 50%;
		}
			#global .bgbox .title .en {
				font-size: 18px;
			}
			#global .bgbox .title h2 {
				line-height: 50px;
				text-align: left;
			}
				#global .bgbox .title h2 br {
					display: block;
				}


		#global .bgbox .btn {
			padding-top: 30px;
			margin-right: 5%;
		}


	
	
/* info
--------------------- */
#info .phtbox {
	display: none;
}


#info .textbox {
	width: 100%;
	padding-left: 5%;
}
	#info .textbox .box a .text {
		padding-top: 25px;
	}


	
	
/* recruit
--------------------- */
#recruit .list {
	display: block;
}
	#recruit .list .box {
		width: 100%;
		margin-bottom: 10px;
	}
	#recruit .list .box:nth-child(2) {
		margin-bottom: 0;
	}







}

	







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




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ローディング */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pageloading-wrap {
	background: #000 url(../img/head.svg) no-repeat center;
	background-size: 80%;
}





	
	
/* mainimages
--------------------- */
#mainimages .head {
	width: 80%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	margin-top: -30px;
}

#mainimages .bnrbox {
	width: 100%;
	bottom: 20px;
	right: auto;
}
	#mainimages .bnrbox .book a {
		display: block;
		background: rgba(0,0,0,0.6);
		border: solid 1px #fff;
		max-width: 290px;
		height: 40px;
		font-size: 12px;
		letter-spacing: 0;
		text-align: center;
		line-height: 38px;
		color: #fff;
		margin: auto;
	}
#mainimages .bnrbox .movie {
	margin-bottom: 8px;
}	
	#mainimages .bnrbox .movie a {
		max-width: 290px;
		height: 40px;
		font-size: 12px;
		letter-spacing: 0;
		text-align: center;
		line-height: 1.1em;
		color: #fff;
		margin: auto;
	}

#mainimages .bnrbox .gallery {
	max-width: 100%;
	width: 100%;
	margin-top: 8px;
}	
	#mainimages .bnrbox .gallery a {
		display: block;
		max-width: 290px;
		height: 40px;
		font-size: 12px;
		padding-top: 7px;
		letter-spacing: 0;
		text-align: center;
		line-height: 1.1em;
		color: #fff;
		margin: auto;
	}
		#mainimages .bnrbox .gallery a span {
			font-size: 10px;
		}

#mainimages .bnrbox .bnr {
	max-width: 100%;
	width: 100%;
	margin-top: 8px;
}
	#mainimages .bnrbox .bnr a {
		display: block;
		max-width: 290px;
		margin: auto;
	}




	
	
/* news
--------------------- */
#news {
	padding: 15px 0 15px 0;
}
	#news ul li {
		height: auto;
		line-height: 1.9em;
		font-size: 86%;
		color: #fff;
		margin-bottom: 15px;
	}
		#news ul li span {
			display: block;
			font-size: 14px;
			padding-right: 0;
		}




	
	
/* .popup
--------------------- */
.popup .popup_bg {
	width: 90%;
}
	.popup .popup_bg .text {
		padding: 0 20px 30px 20px;
	}
		.popup .popup_bg .text h2 {
			font-size: 129%;
			line-height: 1.6em;
			letter-spacing: 1px;
			margin-bottom: 12px;
		}

		.popup .popup_bg .text p {
			font-size: 93%;
			line-height: 1.8em;
		}
		




	
	
/* message
--------------------- */
#message {
	padding: 50px 0 55px 0;
}
	#message h2 {
		font-size: 32px;
		font-weight: 900;
		line-height: 56px;
		letter-spacing: 0.25em;
	}


	#message .text {
		padding-top: 20px;
	}
		#message .text p {
			font-size: 115%;
			line-height: 2em;
			margin-bottom: 40px;
		}




	
	
/* about
--------------------- */
#about {
	height: auto;
	padding: 60px 0 60px 0;
	background: url(../img/about_bg.jpg) no-repeat center;
	background-size: cover;
}
	#about #youtube-movie {
		display: none;
	}


	#about .txt {
		font-size: 93%;
		line-height: 2em;
		margin-bottom: 40px;
	}




	
	
/* pickup
--------------------- */
#pickup {
	width: 100%;
	padding: 60px 0 40px 0;
	position: relative;
}
#pickup:after {
	height: 185px;
}
	#pickup .tabbox .tab li {
		width: 24%;
		height: 40px;
		font-size: 72%;
		letter-spacing: 0;
		line-height: 40px;
	}


	#pickup .tabbox .content {
		padding: 26px 0 0 0;
	}
		#pickup .tabbox .content .cell .slider {
		}
			#pickup .tabbox .content .cell .slider a .pht {
				overflow: hidden;
			}
				#pickup .tabbox .content .cell .slider 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;
				}
				#pickup .tabbox .content .cell .slider 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);
				}

			#pickup .tabbox .content .cell .slider a h3 {
				font-size: 100%;
				font-weight: 500;
				padding-top: 9px;
				line-height: 1.4em;
			}


	
	
/* business
--------------------- */
#business {
	padding: 60px 0 35px 0;
}
	#business .title {
		padding-bottom: 40px !important;
	}


	#business .grid li .sp {
		font-size: 108%;
	}


	
	
/* people
--------------------- */
#people {
	padding-top: 60px;
	padding-bottom: 60px;
}
	#people .list .linkbox {
		width: 50%;
		position: relative;
	}
		#people .list .linkbox ul.tag {
			bottom: 5px;
			left: 5px;
		}


	
	
/* global
--------------------- */
#global {
	width: 100%;
	padding-top: 0;
	padding-bottom: 60px;
	padding-left: 5%;
}
	#global .bgbox {
		height: auto;
		display: block;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	#global .bgbox.movie {
		background-size: cover;
	}
		#global .bgbox .title {
			width: 100%;
			text-align: center;
		}
			#global .bgbox .title h2 {
				line-height: 1.4em;
				text-align: center;
			}
			#global .bgbox .title .en {
				font-size: 16px;
				letter-spacing: 0.1em;
			}


		#global .bgbox .btn {
			padding-top: 10px;
			margin: auto;
		}


	
	
/* info
--------------------- */
#info {
	padding-bottom: 60px;
	overflow: hidden;
}
	#info .textbox {
		border-top: none;
	}
	#info .textbox .box {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 40px;
		padding-top: 0 !important;
	}
		#info .textbox .box a {
			display: block;
			background: none;
		}
			#info .textbox .box a .pht {
				width: 100%;
				height: auto;
				border-radius: 0;
			}
			#info .textbox .box:nth-child(1) a .pht {
				width: 105%;
				margin-left: -5.5%;
			}
			#info .textbox .box:nth-child(2) a .pht {
				width: 105.5%;
			}
				#info .textbox .box a .pht img {
					width: 100%;
					height: auto;
				}


			#info .textbox .box a .text {
			   width: 100%;
				padding-left: 0;
				padding-top: 24px;
			}
				#info .textbox .box a .text .en {
					font-size: 93%;
					padding-bottom: 7px;
				}

				#info .textbox .box a .text h3 {
					font-size: 122%;
					font-weight: 500;
					line-height: 1.4em;
					padding-bottom: 15px;
				}

				#info .textbox .box a .text p {
					font-size: 93%;
					line-height: 1.8em;
				}


	
	
/* recruit
--------------------- */
#recruit .list .box a {
	padding: 0 5%;
	height: 120px;
	text-align: left;
	justify-content: flex-start;
}
	#recruit .list .box a .en {
		font-size: 14px;
	}

	#recruit .list .box a h3 {
		font-size: 122%;
		letter-spacing: 1px;
	}

	#recruit .list .box a .head {
		width: 80px;
		height: 24px;
		margin: 0 0 5px 0;
		font-size: 12px;
		line-height: 24px;
	}









}