/* TITLE
=========================================================================
=========================================================================*/
#title {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 572px;
	text-align: center;
	background: url(../images/job/newday_title_bg.jpg) center top no-repeat;
	background-size: cover;
}

/* ----- タイトル部分 ----- */
#title .container {
	overflow: hidden;
	margin: 50px auto 0;
	padding: 60px 30px 30px;
	width: 960px;
	background: rgba(255, 255, 255, 0.8);
	z-index: 10;
}

@media (max-width:1010px) {
	#title .container {
		width: 92%;
	}
}

#title .container h1 {
	position: relative;
	margin: 0 auto 20px;
	width: calc(229 / 900 * 100%)
}

#title .container h2 {
	position: relative;
	margin: 0 auto 18px;
	font-weight: bold;
	font-size: 2.3rem;
}

#title .container h3 {
	margin: 0 auto 25px;
	font-size: 1.6rem;
}

/* ----- ボタン ----- */
#title .container .button_start a {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 198px;
	height: 37px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/job/newday_title_button.svg) center center no-repeat #FF0000;
	background-size: 94px auto;
	border-radius: 4px;
}

/* 共通
=========================================================================*/
.time .container {
	position: relative;
	margin: 0 auto;
	width: 860px;
}

@media (max-width:910px) {
	.time .container {
		padding: 0;
		width: 100%;
	}
}

.time_title {
	padding: 50px 40px 40px;
	width: calc(480 / 860 * 100%);
	color: #FFF;
	background: rgba(0, 0, 0, 0.7);
}

@media (max-width:910px) {
	.time_title {
		padding: 38px 30px;
		width: calc(480 / 860 * 100%);
	}
}

.time h2 {
	margin-bottom: 1.16em;
	font-weight: bold;
	font-size: 3.0rem;
}

.time p {
	font-size: 1.6rem;
}

.time p.large {
	font-weight: bold;
	font-size: 2.3rem;
}

.time_title.no_bg {
	padding: 0;
	width: calc(480 / 860 * 100%);
	color: inherit;
	background: none;
}

.time_title.no_bg h2 {
	margin-bottom: 1.16em;
}

.comment p {
	white-space: nowrap;
}

/* 8:00〜10:00
=========================================================================*/
#time_01 {
	position: relative;
}

#time_01 .photo {
	height: 690px;
	background: url(../images/job/time_01_photo_01.jpg) center top no-repeat;
	background-size: cover;
}

#time_01 .time_title {
	position: absolute;
	right: -50px;
	bottom: -43px;
}

@media (max-width:910px) {
	#time_01 .time_title {
		right: 0;
	}
}

/* 10:00-12:00
=========================================================================*/
#time_02 {
	position: relative;
}

#time_02 .position {
	position: relative;
	padding: 125px 0 0;
}

#time_02 .position .photo_01 {
	position: relative;
	margin-left: -170px;
	width: calc(780 / 860 * 100%);
	z-index: 2;
}

@media (max-width:910px) {
	#time_02 .position .photo_01 {
		margin-left: 0;
		width: calc(780 / 1200 * 100%);
	}
}

#time_02 .position .photo_02 {
	position: relative;
	margin-top: -147px;
	left: calc(490 / 860 * 100%);
	width: calc(540 / 860 * 100%);
	z-index: 1;
}

@media (max-width:910px) {
	#time_02 .position .photo_02 {
		left: calc(660 / 1200 * 100%);
		width: calc(540 / 1200 * 100%);
	}
}

#time_02 .time_title {
	position: relative;
	margin-top: -57px;
	left: -50px;
	z-index: 2;
}

@media (max-width:910px) {
	#time_02 .time_title {
		left: 0;
	}
}

#time_02 .photo {
	margin-top: -72px;
	height: 660px;
	background: url(../images/job/time_02_photo_03.jpg) center top no-repeat;
	background-size: cover;
}

/* 12:00-13:00
=========================================================================*/
#time_03 {
	position: relative;
}

#time_03 .photo_01 {
	position: relative;
	padding-top: 296px;
	height: 660px;
	background: url(../images/job/time_03_photo_01.jpg) center top no-repeat;
	background-size: cover;
}

#time_03 .time_title {
	position: relative;
	left: calc(430 / 860 * 100%);
}

@media (max-width:910px) {
	#time_03 .time_title {
		left: calc(380 / 860 * 100%);
	}
}

#time_03 .photo_small {
	padding: 54px 0;
	width: 100%;
	background-color: #161529;
}

#time_03 .photo_small ul {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 694px;
}

#time_03 .photo_small ul li {
	width: calc(226 / 694 * 100%);
}

#time_03 .photo_05 {
	height: 600px;
	background: url(../images/job/time_03_photo_05.jpg) center top no-repeat;
	background-size: cover;
}

#time_03 .bg {
	padding: 100px 0 170px;
	background-color: #CAD0C9;
}

#time_03 .photo_06 {
	position: relative;
	margin-left: calc(571 / 860 * 100%);
	width: calc(306 / 860 * 100%);
}

@media (max-width:910px) {
	#time_03 .photo_06 {
		margin-left: calc(554 / 860 * 100%);
	}
}

#time_03 .comment {
	position: absolute;
	margin-top: 104px;
	left: calc(430 / 860 * 100%);
	z-index: 2;
}

@media (max-width:910px) {
	#time_03 .comment {
		left: auto;
		right: 0;
	}
}

#time_03 .photo_07 {
	position: relative;
	margin-left: calc(-50 / 860 * 100%);
	margin-top: -102px;
	width: calc(500 / 860 * 100%);
}

@media (max-width:910px) {
	#time_03 .photo_07 {
		margin-left: 0;
	}
}

/* 13:00-16:00
=========================================================================
=========================================================================*/
#time_04 {
	position: relative;
}

#time_04 .photo_01 {
	height: 795px;
	background: url(../images/job/time_04_photo_01.jpg) center top no-repeat;
	background-size: cover;
}

#time_04 .time_title {
	position: relative;
	margin-top: -110px;
	left: calc(-50 / 860 * 100%);
}

@media (max-width:910px) {
	#time_04 .time_title {
		left: 30px;
	}
}

#time_04 .photo_02 {
	position: relative;
	margin-left: calc(-50 / 860 * 100%);
	margin-top: 308px;
	width: calc(310 / 860 * 100%);
}

@media (max-width:910px) {
	#time_04 .photo_02 {
		margin-left: 0;
	}
}

#time_04 .photo_03 {
	position: relative;
	margin-left: calc(370 / 860 * 100%);
	margin-top: -308px;
	margin-bottom: 138px;
	width: calc(660 / 860 * 100%);
}

@media (max-width:910px) {
	#time_04 .photo_03 {
		margin-left: calc(360 / 860 * 100%);
		width: calc(500 / 860 * 100%);
	}
}

#time_04 .photo_small {
	padding: 113px 0 102px;
	width: 100%;
	color: #FFF;
	background-color: #131105;
}

#time_04 .photo_small h3 {
	margin-bottom: 90px;
	text-align: center;
	font-weight: bold;
	font-size: 2.3rem;
}

#time_04 .photo_small ul {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: calc(694 / 860 * 100%);
}

#time_04 .photo_small ul li {
	width: calc(226 / 694 * 100%);
}

#time_04 .photo_small figcaption {
	margin-top: .25em;
	font-size: 1.4rem;
}

/* 16:00-19:00
=========================================================================
=========================================================================*/
#time_05 {
	position: relative;
}

#time_05 .photo_01 {
	position: relative;
	padding-top: 331px;
	height: 808px;
	background: url(../images/job/time_05_photo_01.jpg) center top no-repeat;
	background-size: cover;
}

#time_05 .photo_01 .time_title {
	position: relative;
	left: -8px;
	color: #FFF;
}

@media (max-width:910px) {
	#time_05 .photo_01 .time_title {
		left: 30px;
	}
}

#time_05 .bg {
	padding: 100px 0 80px;
	background-color: #131105;
}

#time_05 .photo_02 {
	position: relative;
	margin-left: -50px;
	width: calc(480 / 860 * 100%);
}

#time_05 .comment {
	position: absolute;
	margin-top: -110px;
	left: calc(513 / 860 * 100%);
	color: #FFF;
}

/*  スマホ（740px以下）
=========================================================================
=========================================================================*/
@media (max-width:740px) {

	/* TITLE
	=========================================================================
	=========================================================================*/
	#title {
		padding: 69px 20px 25px;
		height: auto;
		background: url(../images/job/newday_title_bg@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	/* ----- タイトル部分 ----- */
	#title .container {
		margin: 0;
		padding: 68px 30px 50px;
		width: 100%;
	}

	#title .container h1 {
		margin: 0 auto 26px;
		width: calc(180 / 290 * 100%);
	}

	#title .container h2 {
		margin: 0 auto 30px;
		font-size: 1.7rem;
	}

	#title .container h3 {
		margin: 0 auto 25px;
		font-size: 1.4rem;
		text-align: left;
	}

	/* 共通
	=========================================================================*/
	.time .container {
		padding: 0;
		width: 100%;
	}

	.time_title {
		margin: 0 auto;
		padding: 38px 30px;
		width: 92%;
	}

	.time h2 {
		margin-bottom: .5em;
		font-size: 2.8rem;
	}

	.time p {
		font-size: 1.4rem;
	}

	.time p.large {
		font-size: 1.4rem;
	}

	.time_title.no_bg {
		margin: 0 auto;
		padding: 38px 30px;
		width: 92%;
	}

	.time_title.no_bg h2 {
		margin-bottom: .5em;
	}

	.comment p {
		white-space: wrap;
	}

	/* 8:00〜10:00
	=========================================================================*/
	#time_01 .photo {
		height: 620px;
		background: url(../images/job/time_01_photo_01@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_01 .time_title {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: -148px;
	}

	/* 10:00-12:00
	=========================================================================*/
	#time_02 .position {
		padding: 40px 0 30px;
	}

	#time_02 .position .photo_01 {
		margin: 0 auto 36px;
		width: 100%;
		z-index: 2;
	}

	#time_02 .position .photo_02 {
		margin-top: 0;
		left: calc(99 / 390 * 100%);
		width: calc(231 / 390 * 100%);
	}

	#time_02 .time_title {
		position: relative;
		margin-top: 0;
		left: -50px;
		z-index: 2;
	}

	@media (max-width:910px) {
		#time_02 .time_title {
			left: 0;
		}
	}

	#time_02 .photo {
		margin-top: -70px;
		height: 386px;
		background: url(../images/job/time_02_photo_03@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	/* 12:00-13:00
	=========================================================================*/
	#time_03 .photo_01 {
		padding-top: 344px;
		height: 534px;
		background: url(../images/job/time_03_photo_01@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_03 .time_title {
		left: 0;
	}

	#time_03 .photo_small {
		padding: 104px 0 88px;
		width: 100%;
		background-color: #161529;
	}

	#time_03 .photo_small ul {
		display: block;
		width: calc(310 / 390 * 100%);
	}

	#time_03 .photo_small ul li {
		margin-bottom: 28px;
		width: calc(226 / 390 * 100%);
	}

	#time_03 .photo_small ul li:nth-child(2) {
		margin: 0 auto 28px;
	}

	#time_03 .photo_small ul li:nth-child(3) {
		margin-left: auto;
		margin-bottom: 0;
	}

	#time_03 .photo_05 {
		height: 410px;
		background: url(../images/job/time_03_photo_05@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_03 .bg {
		padding: 80px 0;
		text-align: center;
	}

	#time_03 .photo_06 {
		margin-left: calc(40 / 390 * 100%);
		margin-bottom: 32px;
		width: calc(200 / 390 * 100%);
	}

	#time_03 .comment {
		position: relative;
		display: inline-block;
		margin: 0 0 32px;
		left: 0;
		right: 0;
		text-align: left;
	}

	#time_03 .photo_07 {
		margin-top: 0;
		width: 100%;
	}

	/* 13:00-16:00
	=========================================================================
	=========================================================================*/
	#time_04 .photo_01 {
		height: 795px;
		background: url(../images/job/time_04_photo_01@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_04 .time_title {
		position: relative;
		margin-top: -290px;
		left: 0;
		color: #FFF;
		background: rgba(0, 0, 0, 0.7);
	}

	#time_04 .time_title p {
		font-weight: normal;
	}

	#time_04 .photo_02 {
		position: relative;
		margin: 60px auto;
		width: calc(290 / 390 * 100%);
	}

	#time_04 .photo_03 {
		position: relative;
		margin: 0;
		width: 100%;
	}

	#time_04 .photo_small {
		padding: 56px 0 61px;
	}

	#time_04 .photo_small h3 {
		margin-bottom: 40px;
		font-size: 1.4rem;
	}

	#time_04 .photo_small ul {
		flex-wrap: wrap;
		margin: 0 auto;
		width: calc(226 / 390 * 100%);
	}

	#time_04 .photo_small ul li {
		margin-bottom: 26px;
		width: 100%;
	}

	#time_04 .photo_small ul li:last-child {
		margin-bottom: 0;
	}

	#time_04 .photo_small figcaption {
		font-size: 1.2rem;
	}

	/* 16:00-19:00
	=========================================================================
	=========================================================================*/
	#time_05 .photo_01 {
		padding-top: 258px;
		height: 808px;
		background: url(../images/job/time_05_photo_01@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_05 .photo_01 .time_title {
		left: 0;
	}

	#time_05 .bg {
		padding: 120px 0 60px;
		text-align: center;
	}

	#time_05 .photo_02 {
		margin: 0 auto 40px;
		width: 100%;
	}

	#time_05 .comment {
		position: relative;
		display: inline-block;
		margin-top: 0;
		left: 0;
		text-align: left;
	}

}

/*  スマホ（480px以下）
=========================================================================
=========================================================================*/
@media (max-width:480px) {}

/*  スマホ（375px以下）
=========================================================================
=========================================================================*/
@media (max-width:375px) {

	/* TITLE
	=========================================================================
	=========================================================================*/
	#title {
		padding: 69px 20px 25px;
	}

	/* ----- タイトル部分 ----- */
	#title .container {
		padding: 29px 24px;
	}

	#title .container h1 {
		margin: 0 auto 15px;
		width: calc(144 / 232 * 100%);
	}

	#title .container h2 {
		margin: 0 auto 20px;
		font-size: 4.2vw;
	}

	#title .container h3 {
		margin: 0 auto 25px;
		font-size: 4.4vw;
	}

	/* ----- ボタン ----- */
	#title .container .button_start a {
		width: 158px;
		height: 29px;
	}

	/* 共通
		=========================================================================*/
	.time .container {
		padding: 0;
		width: 100%;
	}

	.time_title {
		padding: 38px 12px 25px;
		width: 94%;
	}

	.time h2 {
		margin-bottom: .5em;
		font-size: 8.0vw;
	}

	.time p {
		font-size: 4.0vw;
	}

	.time p.large {
		font-size: 4.0vw;
	}

	.time_title.no_bg {
		padding: 38px 12px;
		width: 94%;
	}

	/* 8:00〜10:00
	=========================================================================*/
	#time_01 .photo {
		height: 482px;
	}

	/* 10:00-12:00
	=========================================================================*/
	#time_02 .photo {
		height: 317px;
	}

	/* 12:00-13:00
	=========================================================================*/
	#time_03 .photo_01 {
		padding-top: 268px;
		height: 428px;
		background: url(../images/job/time_03_photo_01@2x.jpg) center top no-repeat;
		background-size: cover;
	}

	#time_03 .photo_05 {
		height: 337px;
	}

	/* 13:00-16:00
	=========================================================================
	=========================================================================*/
	#time_04 .photo_01 {
		height: 653px;
	}

	#time_04 .time_title.no_bg {
		margin-top: -255px;
	}

	/* 16:00-19:00
		=========================================================================
		=========================================================================*/
	#time_05 .photo_01 {
		padding-top: 211px;
		height: 663px;
	}

}