@charset "UTF-8";

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

.schedule {
	padding-top:195px;
	padding-bottom:20px;
	background:url(../imgs/schedule/bdr_dotted.png) repeat-y center top;
	position:relative;
}
.schedule::before, .schedule::after {
	content:"";
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	border-radius:50%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	left:0;
	right:0;
	z-index:1;
}
.schedule::before {
	background-image:url(../imgs/schedule/icon_time_start.png);
	top:-3.2%;
}
.schedule::after {
	background-image:url(../imgs/schedule/icon_time_goal.png);
	bottom:-3.2%;
}
.schedule .line {
	margin-bottom:23.2%;
	position:relative;
}
.schedule .line.last {
	margin-bottom:50px;
}
.schedule .line::after {
	content:"";
	width:70px;
	height:70px;
	display:block;
	margin:0 auto;
	border-radius:50%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	z-index:1;
	transform:translateY(-50%);
}
.schedule .line.icon_0930::after {
	background-image:url(../imgs/schedule/icon_time_0930.png);
}
.schedule .line.icon_1000::after {
	background-image:url(../imgs/schedule/icon_time_1000.png);
}
.schedule .line.icon_1300::after {
	background-image:url(../imgs/schedule/icon_time_1300.png);
}
.schedule .line.icon_1400::after {
	background-image:url(../imgs/schedule/icon_time_1400.png);
}
.schedule .line.icon_1600::after {
	background-image:url(../imgs/schedule/icon_time_1600.png);
}
.schedule .line.icon_1700::after {
	background-image:url(../imgs/schedule/icon_time_1700.png);
}
.schedule .line.icon_1800::after {
	background-image:url(../imgs/schedule/icon_time_1800.png);
}
.schedule .text {
	width:41.3%;
}
.schedule .text.right {
	margin-left:58.7%;
}
.schedule .time {
	font-size:0;
	margin-bottom:10px;
}
.schedule .time span {
	font-size:18px;
	font-weight:bold;
	color:#fff;
	line-height:1.0;
	display:inline-block;
	padding:2px 7px 1px 7px;
	background-color:#e50012;
}
.schedule h2 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
}
.schedule .thum {
	width:41.3%;
	position:absolute;
	top:50%;
	left:0;
	z-index:1;
	transform:translateY(-50%);
}
.schedule .thum.right {
	left:auto;
	right:0;
}
.schedule .thum img {
	position:relative;
}

.schedule1 #sc1 .thum img {
	width:114.6%;
	left:-14.6%;
}
.schedule1 #sc2 .thum img {
	width:125%;
	right:2%;
}
.schedule1 #sc3 .thum img {
	width:118.5%;
	left:-10.5%;
}
.schedule1 #sc4 .thum img {
	width:124.7%;
	right:8%;
}
.schedule1 #sc5 .thum img {
	width:136.1%;
	left:-30%;
}

.schedule2 #sc1 .thum img {
	width:123.2%;
	left:-14.6%;
}
.schedule2 #sc2 .thum img {
	width:120.5%;
	right:2%;
}
.schedule2 #sc3 .thum img {
	width:119.8%;
	left:-19.8%;
}
.schedule2 #sc4 .thum img {
	width:133.1%;
	right:8%;
}
.schedule2 #sc5 .thum img {
	width:131.4%;
	left:-25%;
}

.schedule3 #sc1 .thum img {
	width:133.6%;
	left:-22%;
}
.schedule3 #sc2 .thum img {
	width:133.6%;
	right:10%;
}
.schedule3 #sc3 .thum img {
	width:117.5%;
	left:-8%;
}
.schedule3 #sc4 .thum img {
	width:123.2%;
	right:0%;
}
.schedule3 #sc5 .thum img {
	width:136.8%;
	left:-30%;
}

.schedule #message {
	width:41.3%;
	margin-left:58.7%;
}
.schedule #message img {
	position:relative;
	z-index:1;
}
.schedule1 .schedule #message img {
	width:104.4%;
}
.schedule2 .schedule #message img {
	width:110.3%;
	left:-3%;
}
.schedule3 .schedule #message img {
	width:99%;
}


@media screen and (max-width:1040px) {
	.schedule {
		padding-top:19%;
	}
	.schedule .line::after {
		width:67px;
		height:67px;
	}
	.schedule::before, .schedule::after {
		width:67px;
		height:67px;
	}
	.schedule::before {
		top:-2.8%;
	}
	.schedule::after {
		bottom:-2.8%x;
	}
	
	
	.schedule .time span {
		font-size:17px;
	}
	.schedule h2 {
		font-size:19px;
		margin-bottom:18px;
	}
}
@media screen and (max-width:800px) {
	.schedule h2 br {
		display:none;
	}
}
@media screen and (max-width:768px) {
	.schedule::before, .schedule::after {
		width:60px;
		height:60px;
	}
	.schedule::before {
		top:-2.7%;
	}
	.schedule::after {
		bottom:-2.7%;
	}
	.schedule .line {
		margin-bottom:20%;
	}
	.schedule .line::after {
		width:60px;
		height:60px;
	}
	
	
	.schedule .time span {
		font-size:16px;
	}
	.schedule h2 {
		font-size:18px;
		margin-bottom:15px;
	}
}
@media screen and (max-width:640px) {
	.schedule::before, .schedule::after {
		width:55px;
		height:55px;
	}
	.schedule::before {
		top:-2.5%;
	}
	.schedule::after {
		bottom:-2.5%;
	}
	.schedule .line {
		margin-bottom:17%;
	}
	.schedule .line::after {
		width:55px;
		height:55px;
	}
	
	
	.schedule .time span {
		font-size:15px;
		padding:3px 7px 1px 7px;
	}
	.schedule h2 {
		font-size:17px;
	}
}
@media screen and (max-width:500px) {
	.schedule {
		margin:25px 0;
		background-position:left 45px top;
	}
	
	
	.schedule::before, .schedule::after {
		width:50px;
		height:50px;
		margin:0;
		left:20px;
		right:auto;
	}
	.schedule::before {
		top:0;
	}
	.schedule::after {
		bottom:0;
	}
	.schedule .line {
		margin-bottom:50px;
	}
	.schedule .line::after {
		width:50px;
		height:50px;
		margin:0;
		top:0;
		right:auto;
		transform:translateY(0);
	}
	
	.schedule .text {
		width:100%;
		padding:0 0 0 65px;
		margin-bottom:15px;
	}
	.schedule .text.right {
		margin-left:0;
	}
	.schedule .time span {
		font-size:15px;
		padding:2px 7px 2px 7px;
	}
	.schedule .thum {
		width:calc((99.9% - 65px) * 0.8);
		margin:0 auto;
		position:static;
		transform:translateY(0);
	}
	.schedule .thum img {
		margin:0 auto;
	}
	.schedule1 #sc1 .thum img {
		width:84.1%;
		left:0;
	}
	.schedule1 #sc2 .thum img {
		width:91.8%;
		right:0;
	}
	.schedule1 #sc3 .thum img {
		width:87%;
		left:0;
	}
	.schedule1 #sc4 .thum img {
		width:91.6%;
		right:0;
	}
	.schedule1 #sc5 .thum img {
		width:100%;
		left:0;
	}
	
	.schedule2 #sc1 .thum img {
		width:90.5%;
		left:0;
	}
	.schedule2 #sc2 .thum img {
		width:88.5%;
		right:0;
	}
	.schedule2 #sc3 .thum img {
		width:88%;
		left:0;
	}
	.schedule2 #sc4 .thum img {
		width:97.8%;
		right:0;
	}
	.schedule2 #sc5 .thum img {
		width:96.5%;
		left:0;
	}

	.schedule3 #sc1 .thum img {
		width:98.1%;
		left:0;
	}
	.schedule3 #sc2 .thum img {
		width:98.1%;
		right:0;
	}
	.schedule3 #sc3 .thum img {
		width:86.3%;
		left:0;
	}
	.schedule3 #sc4 .thum img {
		width:90.5%;
		right:0;
	}
	.schedule3 #sc5 .thum img {
		width:100%;
		left:0;
	}
	
	
	.schedule #message {
		width:95%;
		margin:0 auto;
		padding-left:65px;
	}
	.schedule1 .schedule #message img {
		width:100%;
	}
	.schedule2 .schedule #message img {
		width:100%;
		left:0;
	}
	.schedule3 .schedule #message img {
		width:100%;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}