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


/* main_visual
--------------------- */
#main_visual{
	position:relative;
}
	.toppage_title{
		position:absolute;
		top:430px;
		left: 70px;
		z-index: 2;
		color:#fff;
	}
		.toppage_title h1{
			width: 100%;
			font-size:3.8rem;
			line-height: 5.2rem;
			font-weight: 900;
			letter-spacing: .1rem;
			color:#fff;
		}
		.toppage_title p{
			font-size:1.1rem;
			line-height: 1;
			letter-spacing: .1rem;
			font-weight: 500;
			margin-top: 38px;
		}	
	

/* slider指定
--------------------- */
.c-container {
	position: relative;
	width: 100%;
}
	.sample01 .swiper-container {
		overflow: hidden;
		width: 100%;
		height: 752px;	
		margin: 0 0 0 auto;
	}
		.sample01 .swiper-slide {
			width: 100%;
			height: 100%;
		}
		.sample01 .swiper-slide img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}



/* アニメーション設定 */
a.arrowWrap {
	z-index:2;
	position: absolute;
	display: block;
	margin-left: -20px;
	top:645px;
	right: 20px;
	cursor: pointer;
}
	.arrowInner p.en{
		display: block;
		color:#fff;
		font-size:.6rem;
		font-weight: 400;
		letter-spacing: .1rem;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		transition:all .4s;
	}
	.arrowInner p.en:hover{
		opacity: .6;
		border-bottom: none;
	}
	.arrow {
	  width: 1px;
	  height: 70px;
	  margin: 20px auto 0px;
	  background-color: #eee;
	  position: relative;
	  overflow: hidden;
	}
	.arrow::before {
	  content: '';
	  width: 1px;
	  height: 70px;
	  margin: 50px auto 0;
	  background-color: #008486;
	  position: absolute;
	  top: -150px;
	  left: 0;
	  -webkit-animation: arrow 3.5s ease 0s infinite normal;
	  animation: arrow 3.5s ease 0s infinite normal;
	}

	@keyframes arrow {
	  0% {
		-webkit-transform: translate3d(-50%, 0, 0);
		transform: translate3d(-50%, 0, 0);
	  }

	  60% {
		-webkit-transform: translate3d(-50%, 100px, 0);
		transform: translate3d(-50%, 100px, 0);
	  }

	  100% {
		-webkit-transform: translate3d(-50%, 100px, 0);
		transform: translate3d(-50%, 100px, 0);
	  }
	}



/* message
--------------------- */
#message{
	padding: 160px 0;
}
	#message .inner{
		position: relative;
/*		padding-left: 72px;*/
	}
		#message h2{
			position: absolute;
			top:6px;
			left:0;
			width: 30px;
			display: inline-block;
			font-size:1.25rem;
			font-weight: normal!important;
			line-height: 1;
			color:#008486;
			transform: rotate(90deg)
		}	
		#message p.txt{
			font-size:1.13rem;
			line-height: 2.2;
			padding-left: 72px;
		}



/* sec_title
--------------------- */
.sec_title{
	color:#008486;
}
	.sec_title h2{
		font-size:3.75rem;
		line-height: 1;
		font-weight: 100;
	}
	.sec_title p{
		font-size:0.9rem;
		line-height: 1;
		margin-top: 12px;
	}



/* feature
--------------------- */
#feature{
	position: relative;
	display: block;
	width: 100%;
}
#feature:after{
	content:'';
	position: absolute;
	top:0;
	display: block;
	width: 100%;
	height: 85%;
	background-color: rgba(0,132,134,0.07);
}
	#feature .inner{
		position: relative;
		transform: translateY(-30px);
		margin-bottom: -50px;
		z-index: 1;
	}

.ftr_cntnt li{
	margin-top: 60px;
}
	.ftr_cntnt li a{
		width: 100%;
		height: auto;
		display: block;
	}
		.ftr_cntnt li a .ftr_img{
			position: relative;
		}
			.ftr_cntnt li a .ftr_img .img{
				width: 100%;
				height: auto;
				overflow: hidden;
			}	
			.ftr_cntnt li a .ftr_img img{
				width: 100%;
				height: auto;
				-webkit-transform: scale(1);
				transform: scale(1);
				-webkit-transition: .3s ease-in-out;
				transition: .3s ease-in-out;	
			}
			.ftr_cntnt li a:hover .ftr_img img{
				-webkit-transform: scale(1.04);
				transform: scale(1.04);		
			}	
			.ftr_cntnt li a .img_asirai{
				position: absolute;
				top:50px;
				left:-70px;
				transform: rotate(90deg);
				font-size:0.8rem;
				color:#008486;
			}
			.txt_area{
				padding-left: 20px;
				transform: translateY(-20px);
				margin-bottom: -20px;
				color:#333333;
				transition: all .4s;
			}
			a:hover .txt_area{
				opacity: 0.9;
			}
				.txt_area h3{
					position: relative;
					display: block;
					font-size: 1.9rem;
					line-height: 1.2;
					margin-bottom: 20px;
				}
				.txt_area h3:after{
					content:'';
					width: 60px;
					height: 60px;
					background: url("../common/img/arrow_left.svg") no-repeat center;	
					-webkit-background-size: contain;
					background-size: contain;
					position: absolute;
					top:50%;
					right:20px;
					transform: translateY(-50%);
					transition: all .4s;
				}
				a:hover .txt_area h3:after{
					content:'';
					right:0px;
				}
				.txt_area h3 span.wbg{
					display: inline-block;
					padding: 2px 4px 3px;
					background-color: #fff;
				}
				.txt_area p.txt{
					font-size:0.95rem;
					line-height: 2;
				}



/* about
--------------------- */
#about{
	padding-top: 160px;
}
	#about .ftr_cntnt .ttl h3{
		font-size:1.5rem;
		line-height: 1;
	}
	#about .ftr_cntnt{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
		#about .ftr_cntnt li{
			width:48.5%;
			padding-top: 40px;
			border-top: 1px solid #ddd;
		}
		#about .ftr_cntnt li:first-child{
			margin-right: 3%;
		}
			#about .ftr_cntnt a{
				display: block;
				color:#333333;
				transition:all .4s;
			}
			#about .ftr_cntnt a:hover{
				opacity:0.7;
			}
					#about .ftr_cntnt .ttl .green{
						font-size:0.75rem;
						margin-top: 5px;
					}
					#about .ftr_cntnt .txt{
						position: relative;
						font-size:1.0rem;
						margin-top: 16px;
						padding-bottom:34px;
					}
					#about .ftr_cntnt .txt:after{
						content:'';
						width: 60px;
						height: 60px;
						background: url("../common/img/arrow_left.svg") no-repeat center;	
						-webkit-background-size: contain;
						background-size: contain;
						position: absolute;
						bottom:-60px;
						right:20px;
						transform: translateY(-50%);
						transition: all .4s;
						z-index:2;
					}
					#about .ftr_cntnt a:hover .txt:after{
						right:0;
					}
				#about .ftr_cntnt li .img{
					position: relative;
					width: 100%;
					height: auto;
					overflow: hidden;
				}
					#about .ftr_cntnt li .img img{
						width: 100%;
						height: auto;
						-webkit-transform: scale(1);
						transform: scale(1);
						-webkit-transition: .3s ease-in-out;
						transition: .3s ease-in-out;	
					}
					#about .ftr_cntnt li a:hover .img img{
						-webkit-transform: scale(1.04);
						transform: scale(1.04);	
					}



/* work&people
--------------------- */
#wrkppl{
	padding-top: 160px;
	font-weight: 400;
}
	#wrkppl .sec_title{
		position: relative;
		margin-bottom: 60px;
	}

	#wrkppl .content01{
		position: relative;
		padding-bottom: 80px;	
		margin-bottom: 80px;
		letter-spacing: 0.05rem
	}
	#wrkppl .content01:after {
		content: '';
		position: absolute;
		bottom: 0;
		right:0;
		display: block;
		width: calc(100% - 200px);
		height: 65%;
		background-color: rgba(0,132,134,0.07);
	}
		#wrkppl a{
			position: relative;
			display: block;
			color:#333333;
			z-index: 1;
			transition:all .4s;
		}
		#wrkppl a:hover{
			opacity:0.7;
		}
			#wrkppl a .cntnt{
				display: flex;
				flex-wrap: wrap;
			}
			#wrkppl a.jobs .img{
				width: 60%;
				height: auto;
				overflow: hidden;
			}
				#wrkppl a .img img{
					width: 100%;
					height: auto;
					-webkit-transform: scale(1);
					transform: scale(1);
					-webkit-transition: .3s ease-in-out;
					transition: .3s ease-in-out;
				}
				#wrkppl a:hover .img img{
					-webkit-transform: scale(1.04);
					transform: scale(1.04);	
				}
			#wrkppl a .txt_cntnt{
				position: relative;
				display: flex;
				align-items: center;
				width: calc(40% - 50px);
				height: 230px;
				padding-left: 50px;
			}
			#wrkppl a .txt_cntnt:after{
				content:'';
				width: 60px;
				height: 60px;
				background: url("../common/img/arrow_left.svg") no-repeat center;	
				-webkit-background-size: contain;
				background-size: contain;
				position: absolute;
				top:50%;
				left:-30px;
				transform: translateY(-50%);
				transition: all .4s;
				z-index:2;
			}	
			#wrkppl a:hover .txt_cntnt:after{
				content:'';
				left:0;
			}
			#wrkppl a:hover .txt_cntnt:after{
				left: -25px;
			}
				#wrkppl a .txt_cntnt .ttl{
					font-size:1.28rem;
				}
					#wrkppl a .txt_cntnt .ttl h3{
						font-size:1.5rem;
					}
					#wrkppl a .txt_cntnt .ttl .en_wt{
						font-size:0.75rem;
					}
				#wrkppl a .txt_cntnt .txt{
					font-size:0.95rem;
					line-height: 2;
					letter-spacing: 0.01rem;
					margin-top: 18px;
				}
		#wrkppl .pick_cntnts{
			display: flex;
			flex-wrap:wrap;
			justify-content: flex-start;
			padding-top: 80px;
			position: relative;
			z-index: 1;
		}
			#wrkppl .pick_cntnts li{
				width: 50%;
				height: auto;
			}
				#wrkppl .pick_cntnts li .pka_cntnt{
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					background-color: #fff;
				}
					#wrkppl .pick_cntnts li .pka_cntnt .img{
						width: 48%;
						overflow: hidden;
					}
					#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt{
						width: 52%;
						height: auto;
						padding-left: 40px;
					}
						#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt h3{
							font-size:1.37rem;
							line-height: 1.5;
							margin-top: 2px
						}


	#wrkppl .content02{
		margin-top: 80px;
	}
		#wrkppl .content02 .interview_ttl h2{
			font-weight: 400;
			font-size: 24px;
			line-height: 1;
		}	
		#wrkppl .content02 .interview_ttl .en_wt{
			font-size: 0.65rem;
			line-height: 1;
			margin-top: 10px;
		}
		#wrkppl .content02 li.swiper-slide{
			width: calc((100% - 80px) / 3);
			margin-right: 40px;
		}
			#wrkppl .content02 li.swiper-slide a{
				width: 100%;
				display: block;
			}
			#wrkppl .content02 li.swiper-slide a .pht{
				width: 100%;
			}
				#wrkppl .content02 li.swiper-slide a img{
					width: 100%;
					height: auto;
				}
			#wrkppl .content02 li.swiper-slide a .txt_cntnt{
				position: relative;
				display: block;
				width: 100%;
				height: auto;
				padding-top: 20px;
				padding-left: 0;
			}
			#wrkppl .content02 li.swiper-slide a .txt_cntnt:after {
				content: '';
				width: 60px;
				height: 60px;
				background: url(../common/img/arrow_left.svg) no-repeat center;
				-webkit-background-size: contain;
				background-size: contain;
				position: absolute;
				top: 0;
				right: 20px;
				left: inherit;
				transform: translateY(-50%);
				transition: all .4s;
				z-index: 2;
			}
			#wrkppl .content02 li.swiper-slide a:hover .txt_cntnt:after {
				right: 0px;
			}
				#wrkppl .content02 li.swiper-slide a .txt_cntnt p.name{
					font-size:22px;
					font-weight: 500;
					line-height: 0.9;
					color:#008486;
				}				
				#wrkppl .content02 li.swiper-slide a .txt_cntnt p.name span.en{
					display: inline-block;
					font-size:10px;
					line-height: 1;
					margin-top: 5px;
				}
				#wrkppl .content02 li.swiper-slide a .txt_cntnt p.group{
					font-size:14px;
					line-height: 1.6;
					letter-spacing: 0.04rem;
					margin-top: 14px;
				}



	/*スライダー*/
	.swiper-container02{
		width: 100%;
		margin: 0;
		overflow: hidden;
		position:relative;
		padding-top: 52px;
		transform:translateY(-12px);
		margin-bottom: -12px;
	}
		#wrkppl .content02 .swiper-pagination {
			text-align: right;
		}
			#wrkppl .content02 .swiper-pagination .swiper-pagination-bullet {
				width: 12px;
				height: 12px;
			}
		.content02 .swiper-container-horizontal>.swiper-pagination-bullets {
			top: 0px;
			width: 100%;
			height: 12px;
			transform: translateY(-5px)
		}
		.content02 .swiper-pagination-bullet {
			background: #fff;
			border:1px solid #008486;
			opacity: 1;
			margin: 0 5px!important;
		}
		.content02 .swiper-pagination-bullet-active {
			background: #008486;
		}

	.member_all_btn{
		width: 250px;
		height: auto;
		margin: 60px auto 0;
	}
		.member_all_btn a{
			position: relative;
			display: block;
			width: 100%;
			height: 64px;
			color:#008486!important;
			border:1px solid #008486;
			text-align: center;
			letter-spacing: 0.04rem
		}
			.member_all_btn a span{
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 16px;
				padding-right: 4px;
			}
	.member_all_btn a:after{
		content:'';
		width: 20px;
		height: 10px;
		background: url("../common/img/arrow_right_simple_green.svg") no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;
		position: absolute;
		top:50%;
		right:15px;
		transform: translateY(-50%);
		transition: all .4s;
	}
	.member_all_btn a:hover:after{
		right: 10px;
	}



	#wrkppl .content03{
		margin-top: 80px;
	}
		#wrkppl .content03 a{
			width: 100%;
			background-color: #008486;
			color:#fff;
		}
		#wrkppl .content03 .thought_cntnt{
			position: relative;
			width: 270px;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
		}
			#wrkppl .content03 .thought_cntnt:after{
				content:'';
				width: 60px;
				height: 60px;
				background: url("../common/img/arrow_right_w.svg") no-repeat center;	
				-webkit-background-size: contain;
				background-size: contain;
				position: absolute;
				top:50%;
				right:-30px;
				transform: translateY(-50%);
				transition: all .4s;
				z-index:3;	
			}
			#wrkppl .content03 a:hover .thought_cntnt:after{
				right: -35px;
			}
			#wrkppl .content03 .thought_cntnt .ttl{
				margin-bottom: 18px;
				letter-spacing: 0.04rem;
			}
				#wrkppl .content03 .thought_cntnt .ttl h3{
					font-size: 1.5rem;
					line-height: 1.4;
				}
				#wrkppl .content03 .thought_cntnt .ttl .en_wt{
					font-size: 0.75rem;
					margin-top: 2px;
				}
			#wrkppl .content03 .thought_cntnt .txt{
				letter-spacing: 0.04rem;
			}
					#wrkppl .content03 .img{
						width: calc(100% - 270px);
						height: auto;
						overflow: hidden;
					}


/* movie
--------------------- */
#movie{
	padding-top: 160px;
	padding-bottom: 140px;
}
	#movie .sec_title{
		position: relative;
		margin-bottom: 60px;
	}
	.movie_cntnt {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
		.movie_cntnt li{
			width: 48%;
			margin-right: 4%;
		}
		.movie_cntnt li:last-child{
			margin-right: 0;
		}
			.movie_cntnt li a{
				width: 100%;
				display: block;
				color:#333;
				transition:all .4s;
			}
			.movie_cntnt li a:hover{
				opacity:0.7;
			}
				.movie_cntnt li a .img{
					width: 100%;
					height: auto;
					overflow: hidden;
				}
					.movie_cntnt li a .img img{
						width: 100%;
						height: auto;
						-webkit-transform: scale(1);
						transform: scale(1);
						-webkit-transition: .3s ease-in-out;
						transition: .3s ease-in-out;
					}
					.movie_cntnt li a:hover .img img{
						-webkit-transform: scale(1.04);
						transform: scale(1.04);	
					}
				.movie_cntnt li a .txt_cntnt{
					position: relative;
					padding-top: 21px;
				}
				.movie_cntnt li a .txt_cntnt:after{
					content:'';
					width: 60px;
					height: 60px;
					background: url("../common/img/arrow_left.svg") no-repeat center;
					-webkit-background-size: contain;
					background-size: contain;
					position: absolute;
					top:0px;
					right:15px;
					transform: translateY(-50%);
					transition: all .4s;
					z-index:3;	
				}
				.movie_cntnt li a:hover .txt_cntnt:after{
					right: 0px;
				}
					.movie_cntnt li a .txt_cntnt h3{
						font-size:1.30rem;
					}
					.movie_cntnt li a .txt_cntnt .txt{
						letter-spacing: 0.05rem;
						margin-top: 5px;
					}


/* recruit
--------------------- */
#recruit{
	padding-top: 130px;
	padding-bottom: 150px;
	background-color: rgba(0,132,134,0.07);
}
	#recruit .sec_title{
		position: relative;
		margin-bottom: 60px;
	}
	#recruit .recruit_cntnt .rcrt_abtn li{
		width: 32.5%;
		margin-right: 1.25%;
		background-color: #fff;
	}
	#recruit .recruit_cntnt a{
		letter-spacing: 0.01rem;
		transition: all .4s;
	}
	#recruit .recruit_cntnt a:hover{
		opacity: 0.7;
	}
	#recruit .recruit_cntnt .rcrt_abtn li:last-child{
		margin-right: 0%;
	}
		#recruit .recruit_cntnt .rcrt_abtn li a{
			position: relative;
			display: block;
			width: 100%;
			height: 80px;
			padding-left: 20px;
			color:#333;
		}
			#recruit .recruit_cntnt .rcrt_abtn li a p{
				height: 100%;
				display: flex;
				align-items: center;
				font-size:1.12rem;
			}
			@media screen and (max-width: 1240px) {
				#recruit .recruit_cntnt .rcrt_abtn li a p{
					font-size:1.0rem;
				}
			}
		#recruit .recruit_cntnt .rcrt_abtn li a:after{
			content:'';
			width: 20px;
			height: 10px;
			background: url("../common/img/arrow_right_simple_green.svg") no-repeat center;
			-webkit-background-size: contain;
			background-size: contain;
			position: absolute;
			top:50%;
			right:20px;
			transform: translateY(-50%);
			transition: all .4s;
		}
		#recruit .recruit_cntnt .rcrt_abtn li a:hover:after{
			right: 15px;
		}
			#recruit .recruit_cntnt .recuitment{
				width: 100%;
				height: 184px;
				padding-left: 50px;
				padding-right: 50px;
				color:#fff;
				display:flex;
				align-items: center;
				background-color: #008486;
			}
			#recruit .recruit_cntnt .recuitment.rcrt01{
				margin: 60px 0 30px;
			}
				#recruit .recruit_cntnt .recuitment .ttl{
					display: block;
					width: 240px!important;
				}
					#recruit .recruit_cntnt .recuitment .ttl h3{
						font-size:1.5rem;
						line-height: 1;
						letter-spacing: 0.04rem;
					}
					#recruit .recruit_cntnt .recuitment .ttl .en_wt{
						font-size:0.75rem;
						letter-spacing: 0.06rem;
						margin-top: 6px;
					}
				#recruit .recruit_cntnt .recuitment ul{
					width: calc(100% - 240px);
				}
					#recruit .recruit_cntnt .recuitment.rcrt01 li{
						width: 31.733333%;
						height: auto;
						margin-right: 2.4%;
						border:1px solid #fff;
						box-sizing: border-box;
					}
					#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a{
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						color:#fff;
						/*padding-left: 14px;*/
						padding-right: 20px;
					}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a p{
							height: 100%;
							display: flex;
							align-items: center;
							font-size:1.0rem;
						}
						@media screen and (max-width: 1220px) {
							#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a p{
								width: 68px;
								line-height: 1.4;
							}
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a:after{
							content:'';
							width: 20px;
							height: 10px;
							background: url("../common/img/arrow_right_simple_white.svg") no-repeat center;
							-webkit-background-size: contain;
							background-size: contain;
							position: absolute;
							top:50%;
							right:20px;
							transform: translateY(-50%);
							transition: all .4s;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a:hover:after{
							right: 15px;
						}
						

					#recruit .recruit_cntnt .recuitment.rcrt01 li:last-child{
						margin-right: 0;
					}

					#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a{
						display: block;
						width: 100%;
						height: 100%;
						background-color: #fff;
						color:#008486;
						font-size:0.82rem;
						line-height: 1.3;
						text-align: center;
						padding: 10px;
					}
					#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a>div{
						width: 100%;
						height: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
					}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a p.txt{
							padding-bottom: 7px;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a p.img{
							display: block;
							max-width: 210px;
							width: 100%;
							height: auto;
							margin: auto auto 0 auto;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a p.img img{
							width: 100%;
							height: auto;
							object-fit: contain;
						}
					#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a{
						display: block;
						width: 100%;
						height: 100%;
						background-color: #fff;
						color:#008486;
						font-size:0.82rem;
						line-height: 1.3;
						text-align: center;
						padding: 10px;
				}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a p{
						/*	height: 100%;
							display: flex;
							align-items: center;
							font-size:1.0rem;
						*/
						}
						@media screen and (max-width: 1220px) {
							#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a p{
								width: 68px;
								line-height: 1.4;
							}
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a:after{
							content:'';
							width: 20px;
							height: 10px;
							background: url("../common/img/arrow_right_simple_white.svg") no-repeat center;
							-webkit-background-size: contain;
							background-size: contain;
							position: absolute;
							top:50%;
							right:20px;
							transform: translateY(-50%);
							transition: all .4s;
							z-index:2;
						}
						
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a:hover:after{
							right: 15px;
						}

					#recruit .recruit_cntnt .recuitment.rcrt02 li{
						width: 48%;
						height: 64px;
						margin-right: 4%;
						border:1px solid #fff;
						box-sizing: border-box;
					}
					#recruit .recruit_cntnt .recuitment.rcrt02 li:last-child{
						margin-right: 0%;
					}
					#recruit .recruit_cntnt .recuitment.rcrt02 li a{
						position: relative;
						display: block;
						width: 100%;
						height: 100%;
						color:#fff;
					}
					#recruit .recruit_cntnt .recuitment.rcrt02 li:last-child a{
						color:#008486;
						background-color: #fff;
					}
						#recruit .recruit_cntnt .recuitment.rcrt02 li a p{
							height: 100%;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size:1.0rem;
						}
						#recruit .recruit_cntnt .recuitment.rcrt02 li a:after{
							content:'';
							display: block!important;
							width: 20px!important;
							height: 10px!important;
							background: url("../common/img/arrow_right_simple_white.svg") no-repeat center!important;
							-webkit-background-size: contain!important;
							background-size: contain!important;
							position: absolute!important;
							top:50%!important;
							right:20px!important;
							transform: translateY(-50%)!important;
							transition: all .4s!important;
						}
						#recruit .recruit_cntnt .recuitment.rcrt02 li:last-child a:after{
							content:'';
							background: url("../common/img/arrow_right_simple_green.svg") no-repeat center!important;
						}
						#recruit .recruit_cntnt .recuitment.rcrt02 li a:hover:after{
							right: 15px!important;
						}










/* 1200px */
@media screen and (max-width: 1120px) {
	
	/* message
	--------------------- */
	#message h2{
		left:38px;
	}	

	/* wrkppl
	--------------------- */
	#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt h3 {
		font-size: 1.2rem;
		line-height: 1.5;
		margin-top: 2px
	}


}

	







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

	
/* sec_title
--------------------- */
	.sec_title h2{
		font-size:35px;
	}
	.sec_title p{
		font-size:12px;
		margin-top: 10px;
	}	

	
	
/* main_visual
--------------------- */
#main_visual{
	position:relative;
}
	.toppage_title{
		position:absolute;
		top:380px;
		left: 10px;
		z-index: 2;
		color:#fff;
	}
		.toppage_title h1{
			font-size:34px;
			line-height: 1.3;
			font-weight: bold;
			letter-spacing: .06rem;
			color:#fff;
		}
		.toppage_title p{
			font-size:9px;
			letter-spacing: .04rem;
			margin-top: 16px;
		}
	
/* アニメーション設定 */
a.arrowWrap {
	display: none;
}
	
	

/* slider指定
--------------------- */
.sample01 .swiper-container {
	overflow: hidden;
	width: 100%;
	height: 550px;	
}
	
	
/* message
--------------------- */
#message{
	padding: 60px 0 70px;
}
		#message h2{
			top:6px;
			left:0;
			width: 20px;
			font-size:15px;
		}	
		#message p.txt{
			font-size:12px;
			line-height: 1.9;
			padding-left: 30px;
		}
	

/* feature
--------------------- */
#feature:after{
	content:'';
	height: 78%;
}
	#feature .inner{
		width: 95%;
		position: relative;
		transform: translateY(-20px);
		margin: 0 auto -20px 0;
	}
	#feature .inner .sec_title{
		margin-left: 5%;
	}

.ftr_cntnt li{
	margin-top: 30px;
}
	.ftr_cntnt li a .img_asirai{
		display: none;
	}
	.txt_area{
		padding-left: 5%;
		transform: translateY(-16px);
		margin-bottom: -16px;
	}
		.txt_area h3{
			position: relative;
			display: block;
			font-size: 20px;
			line-height: 1.2;
			margin-bottom: 8px;
		}
		.txt_area h3:after{
			content:'';
			width: 30px;
			height: 30px;
			top:50%;
			right:10px;
		}

		.txt_area h3 span.wbg{
			padding: 2px 4px 3px;
			background-color: #fff;
		}
		.txt_area p.txt{
			font-size:12px;
			line-height: 1.8;
		}


/* about
--------------------- */
#about{
	padding-top: 50px;
}
	#about .ftr_cntnt .ttl h3{
		font-size:17px;
	}
		#about .ftr_cntnt li{
			width:100%;
			padding-top: 0px;
			border-top: none;
		}
		#about .ftr_cntnt li:first-child{
			margin-right: 0;
		}
			#about .ftr_cntnt .ttl .green{
				font-size:11px;
				margin-top: 3px;
			}
			#about .ftr_cntnt .txt{
				font-size:12px;
				margin-top: 7px;
				padding-bottom:12px;
			}
			#about .ftr_cntnt .txt:after{
				content:'';
				width: 30px;
				height: 30px;
				bottom:-30px;
				right:10px;
			}
	
	
/* work&people
--------------------- */
#wrkppl{
	padding-top: 50px;
}
	#wrkppl .sec_title{
		margin-bottom: 30px;
	}
	#wrkppl .content01{
		padding-bottom: 35px;	
		margin-bottom: 35px;
	}
	#wrkppl .content01:after {
		content: '';
		position: absolute;
		bottom: 0px;
		right:0;
		display: block;
		width: 100%;
		height: 60%;
	}
			#wrkppl a .cntnt{
				display: flex;
				flex-wrap:wrap-reverse;
			}
			#wrkppl a.jobs .img{
				width: 100%;
				height: auto;
				overflow: hidden;
			}
			#wrkppl a .txt_cntnt{
				width: 100%;
				height: auto;
				padding-left: 0px;
				padding: 0;
			}
			#wrkppl a .txt_cntnt:after{
				content:'';
				width: 30px;
				height: 30px;
				top:auto;
				bottom:-30px;
				right:10px;
				left:auto;
				transform: translateY(-50%);
			}	
				#wrkppl a .txt_cntnt .ttl h3{
					font-size:17px;
					line-height: 1;
				}
				#wrkppl a .txt_cntnt .ttl .en_wt{
					font-size:11px;
				}
			#wrkppl a .txt_cntnt .txt{
				font-size:12px;
				line-height: 1.8;
				margin-top: 6px;
				padding-bottom: 15px;
			}
		#wrkppl .pick_cntnts{
			padding-top: 35px;
		}
			#wrkppl .pick_cntnts li{
				width: 48%;
				height: auto;
				margin-right: 4%;
			}
			#wrkppl .pick_cntnts li:nth-child(2){
				margin-right: 0;
			}
				#wrkppl .pick_cntnts li .pka_cntnt{
					justify-content: center;
				}
					#wrkppl .pick_cntnts li .pka_cntnt .img{
						width: 100%;
					}
					#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt{
						display: block;
						width: 100%;
						padding-left: 0px;
						padding: 20px 0 15px;
						text-align: center;
					}
					#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt:after{
						content:'';
						top:0px;
						bottom:auto;
						right:auto;
						left:50%;
						transform: translate(-50%,-50%);
					}	
						#wrkppl .pick_cntnts li .pka_cntnt .txt_cntnt h3{
							font-size:14px;
							line-height: 1.5;
							margin-top: 2px
						}

	#wrkppl .content02{
		margin-top: 0px;
	}
		#wrkppl .content02 .interview_ttl h2{
			font-size: 17px;
		}	
		#wrkppl .content02 .interview_ttl .en_wt{
			font-size: 11px;
			margin-top: 5px;
		}
			#wrkppl .content02 li.swiper-slide a .txt_cntnt{
				position: relative;
				display: block;
				width: 100%;
				height: auto;
				padding-top: 12px;
				padding-left: 0px;
				padding-bottom: 0;
			}
			#wrkppl .content02 li.swiper-slide a .txt_cntnt:before{
				content:'';
				display: none;
			}
			#wrkppl .content02 li.swiper-slide a .txt_cntnt:after {
				content: '';
				width: 30px;
				height: 30px;
				top: 0;
				right: 10px;
			}
				#wrkppl .content02 li.swiper-slide a .txt_cntnt p.name{
					font-size:16px;
					line-height: 1;
				}
					#wrkppl .content02 li.swiper-slide a .txt_cntnt p.name span.en {
						font-size: 8px;
					}
				#wrkppl .content02 li.swiper-slide a .txt_cntnt p.group{
					font-size:10px;
					line-height: 1.5;
					margin-top: 8px;
				}
	
	
	
	
	/*スライダー*/
	.swiper-container02{
		padding-top: 22px;
		transform:translateY(0px);
		margin-bottom: 0px;
	}
		#wrkppl .content02 .swiper-pagination {
			text-align: center;
		}
			#wrkppl .content02 .swiper-pagination .swiper-pagination-bullet {
				width: 9px;
				height: 9px;
			}
		.content02 .swiper-container-horizontal>.swiper-pagination-bullets {
			top: auto;
			bottom:70px;
			height: 9px;
			transform: translateY(0px)
		}
	.member_all_btn{
		width: 200px;
		height: auto;
		margin: 50px auto 0;
	}
		.member_all_btn a{
			width: 100%;
			height: 44px;
		}
			.member_all_btn a span{
				font-size: 13px;
				padding-right: 2px;
			}
	.member_all_btn a:after{
		content:'';
		width: 15px;
		height: 8px;
		right:10px;
	}
	

	#wrkppl .content03{
		margin-top: 35px;
	}
		#wrkppl .content03 a{
			width: 100%;
		}
		#wrkppl .content03 .thought_cntnt{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			text-align: center;
			padding: 25px 0 30px;
		}
			#wrkppl .content03 .thought_cntnt:after{
				content:'';
				width: 30px;
				height: 30px;
				top:auto;
				bottom:-30px;
				left:50%;
				right:auto;
				transform: translate(-50%,-50%);
				transition: all .4s;
				z-index:3;	
			}
			#wrkppl .content03 .thought_cntnt .ttl{
				margin-bottom: 10px;
				letter-spacing: 0.04rem;
			}
				#wrkppl .content03 .thought_cntnt .ttl h3{
					font-size: 17px;
					line-height: 1.2;
				}
				#wrkppl .content03 .thought_cntnt .ttl .en_wt{
					font-size: 11px;
					margin-top: 0px;
				}
			#wrkppl .content03 .thought_cntnt .txt{
				font-size: 12px;
			}
					#wrkppl .content03 .img{
						width: 100%;
					}
	


/* movie
--------------------- */
#movie{
	padding-top: 60px;
	padding-bottom: 50px;
}
	#movie .sec_title{
		margin-bottom: 30px;
	}
	.movie_cntnt {
	}
		.movie_cntnt li{
			width: 100%;
			margin-right: 0;
			margin-bottom: 24px;
		}
		.movie_cntnt li:last-child{
			margin-bottom: 0px;
		}
				.movie_cntnt li a .txt_cntnt{
					position: relative;
					padding-top: 10px;
				}
				.movie_cntnt li a .txt_cntnt:after{
					content:'';
					width: 30px;
					height: 30px;
					top:0px;
					right:10px;
					transform: translateY(-50%);
				}
					.movie_cntnt li a .txt_cntnt h3{
						font-size:15px;
					}
					.movie_cntnt li a .txt_cntnt .txt{
						font-size:12px;
						letter-spacing: 0.05rem;
						margin-top: 0px;
					}	
	
	

/* recruit
--------------------- */
#recruit{
	padding-top: 60px;
	padding-bottom: 60px;
}
	#recruit .sec_title{
		margin-bottom: 30px;
	}
	#recruit .recruit_cntnt .rcrt_abtn li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10px;
	}
	#recruit .recruit_cntnt .rcrt_abtn li:last-child{
		margin-bottom: 0;
	}
		#recruit .recruit_cntnt .rcrt_abtn li a{
			height: 50px;
			padding-left: 15px;
		}
			#recruit .recruit_cntnt .rcrt_abtn li a p{
				font-size:15px;
			}
		#recruit .recruit_cntnt .rcrt_abtn li a:after{
			content:'';
			width: 15px;
			height: 8px;
			right:15px;
			transform: translateY(-50%);
			transition: all .4s;
		}
			#recruit .recruit_cntnt .recuitment{
				width: 100%;
				height: auto;
				padding-left: 0px;
				padding-right: 0px;
				text-align: center;
				display:block;
			}
			#recruit .recruit_cntnt .recuitment.rcrt01{
				margin: 35px 0 35px;
				padding: 22px 20px 20px;
			}
				#recruit .recruit_cntnt .recuitment .ttl{
					width: 100%!important;
				}
					#recruit .recruit_cntnt .recuitment .ttl h3{
						font-size:17px;
					}
					#recruit .recruit_cntnt .recuitment .ttl .en_wt{
						font-size:11px;
						margin-top: 2px;
					}
				#recruit .recruit_cntnt .recuitment ul{
					width: 100%;
					margin-top: 18px;
				}
					#recruit .recruit_cntnt .recuitment.rcrt01 li{
						width: 100%;
						margin-right: 0;
						margin-bottom: 10px;
					}
					#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a{
						position: relative;
						display: block;
						width: 100%;
						height: 50px;
						/*padding-left: 14px;*/
						padding-left: 0px;
					}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a p{
							width: 100%;
							display: flex;
							justify-content: center;
							font-size:1.0rem;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:first-child a:after{
							content:'';
							width: 15px;
							height: 8px;
							right:10px;
						}
						
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a p{
							width: 100%;
							display: flex;
							justify-content: center;
							font-size:1.0rem;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+3) a:after{
							content:'';
							width: 15px;
							height: 8px;
							right:10px;
						}
						
					#recruit .recruit_cntnt .recuitment.rcrt01 li:last-child{
						margin-bottom: 0;
					}

					#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a{
						font-size:15px;
						line-height: 1;
						padding: 15px;
					}
					#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a>div>div{
						width: 100%;
					}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a p.txt{
							padding-bottom: 10px;
						}
						#recruit .recruit_cntnt .recuitment.rcrt01 li:nth-child(n+2) a p.img{
							max-width: 100%;
							height: auto;
							margin: auto auto 0 auto;
						}


				#recruit .recruit_cntnt .recuitment.rcrt02{
					padding: 22px 20px 20px;
				}
					#recruit .recruit_cntnt .recuitment.rcrt02 li{
						width: 100%;
						height: auto;
						margin-right: 0%;
						margin-bottom: 15px;
					}
					#recruit .recruit_cntnt .recuitment.rcrt02 li:last-child{
						margin-right: 0%;
						margin-bottom: 0;
					}
					#recruit .recruit_cntnt .recuitment.rcrt02 li a{
						width: 100%;
						height: 50px;
					}
						#recruit .recruit_cntnt .recuitment.rcrt02 li a p{
							font-size:15px!important;
						}
						#recruit .recruit_cntnt .recuitment.rcrt02 li a:after{
							content:'';
							width: 15px!important;
							height: 8px!important;
							top:50%!important;
							right:10px!important;
						}
						#recruit .recruit_cntnt .recuitment.rcrt02 li:last-child a:after{
							content:'';
							width: 15px!important;
							height: 8px!important;
							background: url("../common/img/arrow_right_simple_green.svg") no-repeat center!important;
							-webkit-background-size: contain!important;
							background-size: contain!important;
						}
	
	
	
	
	
	
	
	
	


}