@charset "UTF-8";

/* -------------------------------------
person
------------------------------------- */
main {
	overflow:hidden;
}

.blk {
	padding:50px 0 100px 0;
}
.time#ontime {
	margin-bottom:100px;
}
.time h2 {
	width:30.7%;
	margin:0 auto -3.5% auto;
	position:relative;
	z-index:1;
}
.time .timeimg {
	border-radius:30px;
	overflow:hidden;
}
.time .text {
	max-width:748px;
	padding:40px 45px 45px 45px;
	margin:0 auto;
	border-bottom-left-radius:25px;
	border-bottom-right-radius:25px;
	background-color:#fff;
	position:relative;
}
.time .text .in {
	width:69.1%;
}
.time .text h3 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
}
.time#ontime .text h3 {
	color:#e60000;
}
.time#offtime .text h3 {
	color:#003c96;
}
.time .textimg {
	position:absolute;
	z-index:1;
}
.time#ontime .textimg {
	width:27.5%;
	right:2.7%;
	bottom:0;
}
.person3 .time#ontime .textimg {
	right:2%;
}
.person4 .time#ontime .textimg {
	right:3.5%;
}
.time#offtime .textimg {
	width:42.7%;
	right:-12.5%;
	top:60%;
	transform:translateY(-50%);
}


@media screen and (max-width:1040px) {
	.blk {
		padding:46px 0 90px 0;
	}
	
	
	.time#ontime {
		margin-bottom:85px;
	}
	.time .text {
		padding:35px 35px 35px 35px;
	}
	.time .text h3 {
		font-size:19px;
	}
}
@media screen and (max-width:980px) {
	.time#offtime .textimg {
		width:35%;
		right:-5%;
		top:50%;
		transform:translateY(-50%);
	}
}
@media screen and (max-width:850px) {
	.time .timeimg {
		margin-bottom:20px;
	}
	.time .text {
		max-width:initial;
		max-width:auto;
		border-top-left-radius:25px;
		border-top-right-radius:25px;
	}
	.time#offtime .textimg {
		width:35%;
		right:-20px;
		top:50%;
		transform:translateY(-50%);
	}
}
@media screen and (max-width:768px) {
	.blk {
		padding:42px 0 80px 0;
	}
	
	
	.time#ontime {
		margin-bottom:70px;
	}
	.time .text {
		padding:25px 25px 25px 25px;
	}
	.time .text h3 {
		font-size:18px;
	}
}
@media screen and (max-width:640px) {
	.blk {
		padding:38px 0 70px 0;
	}
	
	
	.time#ontime {
		margin-bottom:60px;
	}
	.time h2 {
		width:136px;
		margin:0 auto -15px auto;
	}
	.time .text h3 br {
		display:none;
	}
}
@media screen and (max-width:568px) {
	.time .text {
		padding:25px 25px 0 25px;
	}
	.time#offtime .text {
		padding:25px 25px 20px 25px;
	}
	.time .text .in {
		width:100%;
		margin-bottom:15px;
	}
	.person2 .time .text .in {
		margin-bottom:0;
	}
	.person3 .time .text .in {
		margin-bottom:10px;
	}
	.time#ontime .textimg {
		width:126px;
		margin:0 auto;
		position:static;
	}
	.time#offtime .textimg {
		width:230px;
		margin:0 auto;
		position:static;
		transform:translateY(0);
	}
}
@media screen and (max-width:500px) {
	.blk {
		padding:35px 0 60px 0;
	}
	
	
	.time#ontime {
		margin-bottom:50px;
	}
	.time h2 {
		width:120px;
		margin:0 auto -13px auto;
	}
	
	.time .text h3 {
		font-size:17px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}