@charset "UTF-8";

/* shift_work */

/*===========================
 shift_work
===========================*/

/*===========================
 XXXXXXX
===========================*/
/* PC */
@media print, screen and (min-width: 768px) {
}
/* SP */
@media screen and (max-width: 767px) {
}


/*===========================
 basicShift
===========================*/
.basicShift{
}
.basicShiftExp{

}
.basicShiftTxt{
	text-align: left;
	line-height: 1.8;
}
/* PC */
.basicShift{
}
.basicShiftTime{
	background: #c4dcf0;
	font-family: UD Shin Go Medium;
	line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
.basicShift{
	background: #efefef;
	padding: 30px;
	margin-bottom: 30px;
	position: relative;
}
.basicShiftExp{
	/*float: right;*/
	width: 410px;
	/*padding-top:70px;*/
	position: absolute;
	right: 30px;
	top: 103px;
}
.basicShiftTxt{
	font-size: 16px;
}
.basicShiftTime{
	width: 410px;
	position: absolute;
	right: 30px;
	top: 205px;
	padding: 10px 0;
	font-size: 20px;
}
.basicShiftImg{
	/*float: left;*/
	text-align: left;
}

}
/* SP */
@media screen and (max-width: 767px) {
.basicShift{
	padding: 10px;
	margin-bottom: 15px;
}
.spFlame{
	background: #efefef;
	padding: 10px;
}
.basicShiftExp{
	margin-bottom: 15px;
}
.basicShiftImg img{
	/*display: none;*/
	width: 100%;
}
.basicShiftTime{
	/*display: none;*/
	padding: 8px 0;
	margin-top: 20px;
	font-size: 14px;
}
.basicShiftImgDetal{
	padding: 0 10px;
}
.basicShiftImgDetal img{
	width: 100%;
}
}


/*===========================
 shitCalender
===========================*/
.shitCalender{
}
.shitCalenderLead{
}
.shitCalenderImg{
}
/* PC */
@media print, screen and (min-width: 768px) {

.shitCalenderLead{
	margin-bottom: 30px;
	font-size: 16px;
}
}
/* SP */
@media screen and (max-width: 767px) {
.shitCalender{
	padding: 0 10px;
}
.shitCalenderLead{
	margin-bottom: 20px;
	font-size: 14px;
	text-align: left;
}
.shitCalenderImg img{
	width: 100%;
}
}


/*===========================
 shiftFlow
===========================*/
.shiftFlow{
}
.shiftFlow ul{
	/*border-left: solid 2px #0673d0;*/
	position: relative;
}
.shiftFlow ul:before{
	content: '';
	height: 100%;
	background: #0673d0;
	position: absolute;
}	
.shiftFlow ul li:last-child:after{
	content: '';
	height: 100%;
	background: #fff;
	position: absolute;
	z-index: 1;
}
.shiftFlow ul li{
	position: relative;
}
.shiftFlow ul li:before{
	content: '';
	border-radius: 100%;
	background: #0673d0;
	position: absolute;
	z-index: 2;
}
.shiftFlow ul li:last-child .flowUnit{
	border-bottom: none;
}
.flowUnit{
	text-align: left;
	border-bottom: solid 2px #c4dcf0;
}
.flowCont {
}

.flowCont .flowTime {
	color: #0673d0;
	font-family: UD Shin Go Medium;
	line-height: 1;
}
.flowCont .flowTtl {
	font-family: UD Shin Go Medium;
	line-height: 1;
}
.flowCont .flowTxt {
	line-height: 1.8;
}
.flowUnit .flowImg{
	box-sizing: border-box;
}
.flowUnit .flowImg img{
	width: 100%;
}

/* PC */
@media print, screen and (min-width: 768px) {
.shiftFlow{
	padding:30px 0 0 24px;
	border-top: solid 2px #c4dcf0;
}
.flowUnit{
	padding-bottom: 30px;
}
.flowCont{
	float: left;
	width: 490px;
}
.flowUnit .flowImg {
	float: left;
	width: 400px;
	padding-left: 40px;
}
.shiftFlow ul{
}
.shiftFlow ul:before{
	width: 2px;
	height: 100%;
	left: 0;
	top: 5px;
}
.shiftFlow ul li:last-child:after{
	width: 10px;
	height: 100%;
	left: 0;
	top: 5px;
}
.shiftFlow ul li{
	padding-left: 25px;
}

.shiftFlow ul li:before{
	width: 12px;
	height: 12px;
	left: -5px;
	top: 1px;
}
.shiftFlow ul li + li{
	margin-top: 30px;
}
.flowCont .flowTime {
	font-size: 14px;
}
.flowCont .flowTtl {
	margin-top: 15px;
	font-size: 28px;
}
.flowCont .flowTxt {
	margin-top: 15px;
	font-size: 16px;
}

}
/* SP */
@media screen and (max-width: 767px) {
.shiftFlow{
	padding: 20px 0 0;
	margin: 0 10px;
	border-top: solid 1px #c4dcf0;
}
.flowUnit{
	padding-bottom: 20px;
}
.flowCont{
}
.flowUnit .flowImg {
	margin-top: 20px;
}
.shiftFlow ul{
}
.shiftFlow ul:before{
	width: 2px;
	height: 100%;
	left: 4px;
	top: 5px;
}
.shiftFlow ul li:last-child:after{
	width: 10px;
	height: 100%;
	left: 0;
	top: 5px;
}
.shiftFlow ul li{
	padding-left: 20px;
}
.shiftFlow ul li:before{
	width: 8px;
	height: 8px;
	left: 1px;
	top: 3px;
}
.shiftFlow ul li + li{
	margin-top: 20px;
}
.flowCont .flowTime {
	font-size: 12px;
}
.flowCont .flowTtl {
	margin-top: 10px;
	font-size: 16px;
}
.flowCont .flowTxt {
	margin-top: 10px;
	font-size: 14px;
}
}


/*===========================
 advantage
===========================*/
.advantage{

}

.advantageUnit{
	border:solid 8px #00a2a4;
	box-sizing: border-box;
}
.advantageUnit.dis{
	border:solid 8px #d00606;
}
.advantageTtl{
	font-family: UD Shin Go Medium;
}
.advantageUnit.dis .advantageTtl{
	background: #f8dada;
}
.advantageTtl span{
	position: relative;
}
.advantageTtl span:before{
	content: '';
	background: url('/saiyou/plant/highschool/images/shift/ico_advantage.png');
	background-size: cover;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 100%;
}
.advantageUnit.dis .advantageTtl span:before{
	background: url('/saiyou/plant/highschool/images/shift/ico_disadvantage.png');
	background-size: cover;
}
.advantageList{
	text-align: left;
	font-family: UD Shin Go Medium;
}
.advantageList li{
	position: relative;
}
.advantageList li:before{
	content: '';
	background: #333;
	position: absolute;
	left: 0;
	border-radius: 100%;
}
/* PC */
@media print, screen and (min-width: 768px) {
.advantage{
	padding: 30px 0 40px;
}
.advantageUnit{
	width: 830px;
	margin: 0 auto;
	padding: 2px;
	display: table;
	table-layout: fixed;
	height: 132px;
}
.advantageUnit.dis{
	margin-top: 30px;
}
.advantageTtl{
	font-size: 22px;
	display: table-cell;
	background: #d9f1f1;
	width: 210px;
	vertical-align: middle;
}
.advantageTtl span{
	padding-left: 40px;
}
.advantageTtl span:before{
	width: 30px;
	height: 30px;
}
.advantageUnit.dis .advantageTtl span:before{
	width: 25px;
	height: 24px;
}
.advantageList{
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
	text-align: left;
}
.advantageList li{
	padding-left: 18px;
	font-size: 16px;
}
.advantageList li:before{
	width: 8px;
	height: 8px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.advantageList li + li{
	margin-top: 5px;
}

}
/* SP */
@media screen and (max-width: 767px) {
.advantage{
	padding: 20px 10px 30px;
}
.advantageUnit{
	margin: 0 auto;
	border:solid 4px #00a2a4;
	padding: 1px;
	box-sizing: border-box;
}
.advantageUnit.dis{
	margin-top: 20px;
	border-width:4px;
}
.advantageTtl{
	font-size: 15px;
	line-height: 1;
	padding: 15px;
	background: #d9f1f1;
}
.advantageTtl span{
	padding-left: 25px;
}
.advantageTtl span:before{
	width: 20px;
	height: 20px;
}
.advantageUnit.dis .advantageTtl span:before{
	width: 16px;
	height: 16px;
}
.advantageList{
	padding: 10px;
}
.advantageList li{
	padding-left: 10px;
	font-size: 14px;
}
.advantageList li + li{
	margin-top: 5px;
}
.advantageList li:before{
	top: 9px;
	width: 4px;
	height: 4px;
}

}