@charset "UTF-8";
@media (max-width: 1000px) {
	body {
		padding-top: 100px;
		/* スマホ用高さ */
	}
}

#id {
	display: none;
}

.company {
	background: #000;
	color: #fff;
}

.company .company-text {
	font-size: 50px;
	text-align: center;
	margin-bottom: 80px;
}

@media screen and (max-width: 1000px) {
	.company .company-text {
		font-size: 5.33333vw;
		line-height: 1.5;
		margin-top: 16vw;
		margin-bottom: 13.33333vw;
	}
}

.company-title {
	text-align: center;
	margin-bottom: 60px;
	letter-spacing: 2px;
}

/* リスト全体 */
.company-list {
	font-size: 22px;
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 200px;
}

@media screen and (max-width: 1000px) {
	.company-list {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1000px) {
	.company-list {
		font-size: 3.46667vw;
	}
}

/* 1行 */
.company-item {
	display: flex;
	padding: 20px 0;
	border-bottom: 1px solid #333;
	transition: 0.3s;
}

/* ホバーでちょい浮く */
.company-item:hover {
	background: rgba(255, 255, 255, 0.05);
}

/* 左（ラベル） */
.label {
	width: 30%;
	font-weight: bold;
	color: #aaa;
}

/* 右（内容） */
.value {
	width: 70%;
}

@media (max-width: 1000px) {
	.company-item {
		flex-direction: column;
	}
	.label,
	.value {
		width: 100%;
	}
	.label {
		margin-bottom: 5px;
	}
}

.company-item {
	border-left: 3px solid transparent;
}

.company-item:hover {
	border-left: 3px solid #c9a36a;
}

.staff .staff_cuntainer {
	position: relative;
	margin: 0 auto;
	/*
		.staff_wrapper {
			display: flex;
			width: 1000px;
			margin: 0 auto;
			align-items: center;
			@media screen and (max-width : 1000px) {
				width: 100%;
				padding: 0 vw(25px);
				justify-content: space-between;
			}
			.left {
				@media screen and (max-width : 1000px) {
					width: 35%;
				}
				.face {
					width: 248px;
					@media screen and (max-width : 1000px) {
						width: 100%;
						font-size: vw(15px);
					}
				}
			}
			.right {
				font-size: 25px;
				line-height: 1.5;
				margin: 0 auto;
				width: 648px;
				@media screen and (max-width : 1000px) {
					width: 64%;
					padding-left: vw(20px);
				}
				.staff {
					@media screen and (max-width : 1000px) {
						display: block;
						width: 100%;
					}
					tr {
						
						th {
							color: #707070;
							@media screen and (max-width : 1000px) {
								font-size: vw(15px);
								display: block;
    							width: 100%;
							}
						}
						td {
							@media screen and (max-width : 1000px) {
								font-size: vw(17px);
								display: block;
    							width: 100%;
							}
						}
					}
				}
				
			}
		}
		.read {
			text-align: center;
			padding: 90px 0 120px 0;
			font-size: 25px;
			line-height: 3;
			
			
			@media screen and (max-width : 1000px) {
				font-size: vw(15px);
				line-height: 1.5;
				
				}
			.1{
			}
		}
			*/
}

@media screen and (max-width: 1000px) {
	.staff .staff_cuntainer {
		width: 100%;
	}
}

.staff .staff_cuntainer .img_container {
	display: block;
	margin: 0 auto;
	position: relative;
	margin-bottom: 60px;
}

@media screen and (max-width: 1000px) {
	.staff .staff_cuntainer .img_container {
		width: 100%;
		margin-bottom: 8vw;
	}
}

.staff .staff_cuntainer .img_container .phote {
	width: 100%;
}

/*
.work {
	
	display: flex;
	flex-direction: column;
	justify-content: center;

	.work_container {
		width: 1000px;
		margin: 0 auto;
		@media screen and (max-width : 1000px) {
			margin-bottom: vw(20px);
			width: 100%;
			padding: 0 vw(25px);
		}
		.ttl  {
			font-size: 25px;
			line-height: 1.5;
			width: 1000px;
			margin: 0 auto;
			padding-bottom: 200px;
			@media screen and (max-width : 1000px) {
				font-size: vw(20px);
				padding-bottom: vw(70px);
				width: 100%;
			}
		}

		ul {
			position: relative;
			li {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-bottom: 25px;
				font-size: 25px;
				@media screen and (max-width : 1000px) {
					display: block;
				}
				&:nth-child(1) {
					margin-bottom: vw(10px);
				}
				&:nth-child(2) {
					margin-bottom: vw(20px);
				}
				&:nth-child(3) {
					margin-bottom: vw(20px);
				}
				&:nth-child(4) {
					margin-bottom: vw(10px);
				}
				&:nth-child(6) {
					padding-bottom: vw(10px);
					
				}
				.left,
				.right {
					width: 500px;
					@media screen and (max-width : 1000px) {
						font-size: vw(15px);
						width: 100%;
					}
				}

				.right {
					display: flex;
					padding-left:60px ;
					justify-content: space-between;
				}
				.left {
					color: #707070;
				}
				.center {
					width: 15px;
					height:15px;
					background-color: #fff;
					border-radius: 90%;
				}
				@media screen and (max-width : 1000px) { 
					flex-direction: row;
					.center{
						order: 1;
					}
					.left{
						order: 2;
						padding-left: vw(40px);
					}
					.right{
						order: 3;
						
					}
				}
			}
			&::after {
				content: "";
				position: absolute;
				height: 100%;
				width: 1px;
				top: 0;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				background-color: #fff;
				@media screen and (max-width : 1000px) { 
					left:7px;
				}
			}
		}
	}
	
}
	*/

/*# sourceMappingURL=staff.css.map */