@charset "UTF-8";

/* requirements */

/*===========================
 requirementsSalaryList
===========================*/
.requirementsSalaryList{
	background-color: #1a37a1;
}
.requirementsSalaryList li{
	background-color: #FFFFFF;
}
.requirementsSalaryList li dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}
.requirementsSalaryList li dl.emphasis{
	background-color: #e2f0fb;
}
.requirementsSalaryList li dl dt{
	font-family: UD Shin Go Medium;
}
.requirementsSalaryList li dl dt,
.requirementsSalaryList li dl dd{
	display: table-cell;
	box-sizing: border-box;
}
.requirementsSalaryList li dl dd p strong{
	color: #d00606;
	font-family: UD Shin Go Medium;
}

/* SP */
@media screen and (max-width: 767px) {
.requirementsSalaryList{
	padding: 4px;
	margin-top: 10px;
}
.requirementsSalaryList li{
	padding: 1px;
}
.requirementsSalaryList li + li{
	border-top:1px solid #cccccc;
}
.requirementsSalaryList li dl{
	padding: 5px 10px;
}
.requirementsSalaryList li dl dt{
	width: 65px;
}
.requirementsSalaryList li dl dd p strong{
	font-size: 22px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsSalaryList{
	padding: 8px;
}
.requirementsSalaryList li{
	padding: 2px;
}
.requirementsSalaryList li + li{
	border-top:2px solid #cccccc;
}
.requirementsSalaryList li dl{
	padding: 20px 20px;
	font-size: 16px;
}
.requirementsSalaryList li dl dt{
	width: 102px;
}
.requirementsSalaryList li dl dd p strong{
	font-size: 30px;
}
}




/*===========================
 requirementsTimeTable
===========================*/
.requirementsTimeTable{

}
.requirementsTimeTable li:nth-child(odd){
	background-color: #eeeeee;
}
.requirementsTimeTable li dl{
	display: table-cell;
	table-layout: fixed;
	width: 100%;
}
.requirementsTimeTable li dl dt,
.requirementsTimeTable li dl dd{
	display: table-cell;
	box-sizing: border-box;
}
.requirementsTimeTable li p{
	font-family: UD Shin Go Regular;
}
/* SP */
@media screen and (max-width: 767px) {
.requirementsTimeTable{
	margin:10px 0;
}
.requirementsTimeTable li dl,
.requirementsTimeTable li p{
	padding: 5px 10px;
}
.requirementsTimeTable li dl dt.narrow{
	width: 50px;
}
.requirementsTimeTable li dl dt.wide{
	width: 112px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsTimeTable{
	margin:15px 0;
}
.requirementsTimeTable li dl,
.requirementsTimeTable li p{
	padding: 15px 10px;
}
.requirementsTimeTable li dl dt.narrow{
	width: 78px;
}
.requirementsTimeTable li dl dt.wide{
	width: 130px;
}
}


/*===========================
 requirementsPhotoList
===========================*/
.requirementsPhotoList{

}
.requirementsPhotoList li figure img{
	width: 100%;
	height: auto;
}
.requirementsPhotoList li figure figcaption{
	font-size: 12px;
	color: #888888;
	margin-top: 5px;
}
/* SP */
@media screen and (max-width: 767px) {
.requirementsPhotoList li + li{
	margin:14px 0 0;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsPhotoList{
	margin-left: -30px;
}
.requirementsPhotoList li{
	width: 306px;
	float: left;
	margin-left:30px;
	margin-bottom:20px;
}
}



/*===========================
 requirementsAccessList
===========================*/
.requirementsAccessList{
	padding-left: 30px;
}
.requirementsAccessList li{
	position: relative;
}
.requirementsAccessList li:before{
	content: "";
	display: block;
	position: absolute;
}
.requirementsAccessList li.train:before{
	background:url('/saiyou/plant/dp/images/ico_access_train.png') 0 0;
	background-size: cover;
	width: 20px;
	height: 27px;
	left:-30px;
	top:-3px;
}
.requirementsAccessList li.car:before{
	background:url('/saiyou/plant/dp/images/ico_access_car.png') 0 0;
	background-size: cover;
	width: 25px;
	height: 18px;
	left:-32px;
	top:2px;
}
.requirementsAccessList h4{
	font-family: UD Shin Go Regular;
}
/* SP */
@media screen and (max-width: 767px) {
.requirementsAccessList{
	margin-top: 15px;
}
.requirementsAccessList li + li{
	margin-top: 10px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsAccessList{
	width: 300px;
	float: left;
}
.factory-details .access-out_box{
	margin-top: 108px;
}
.factory-details .access_box{
	width: 300px;
	float: left;
}
.factory-details .access_box .requirementsAccessList{
	float: none;
}
.requirementsAccessList li + li{
	margin-top: 20px;
}
}

/*===========================
 requirementsAccessMap
===========================*/
/* SP */
@media screen and (max-width: 767px) {
.requirementsAccessMap{
	position: relative;
    width: 100%;
    margin-top: 15px;
}
.requirementsAccessMap:before {
    content:"";
    display: block;
    padding-top: 100%;
}
.requirementsAccessMap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsAccessMap{
	float: right;
}
.factory-details .requirementsAccessMap{
	float: right;
	margin-top: 2px;
}
}




/*===========================
 requirementsFormBtn
===========================*/
.requirementsFormBtn{
	line-height: 1;
}
.requirementsFormBtn a{
	background-color: #1a37a1;
	display: block;
	text-decoration: none;
}
.requirementsFormBtn a .heading{
	background-color: #FFFFFF;
	border-radius: 2px 2px 0 0;
	color: #333333;
	font-family: UD Shin Go Medium;
}
.requirementsFormBtn a .heading p{
	background: #daeff2;
	background-size: 4px 4px;
	text-align: center;
}
.requirementsFormBtn a .heading p span{
	display: inline-block;
	position: relative;
}
.requirementsFormBtn a .heading p span:before{
	content: "";
	display: block;
	position: absolute;
}
.requirementsFormBtn a .name{
	color: #FFF;
	text-align: center;
	position: relative;
	letter-spacing: 0.1em;
	font-family: UD Shin Go Regular;
}
.requirementsFormBtn a .name:after{
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	background: url(/saiyou/plant/dp/images/ico-arrow-white-left.png) no-repeat 0 0;
	background-size: cover;
	top:50%;
}

/* SP */
@media screen and (max-width: 767px) {
.requirementsFormBtn{
	margin-top: 8px;
}
.requirementsFormBtn a{
	padding: 4px;
	border-radius: 5px;
}
.requirementsFormBtn a .heading{
	padding: 1px;
}
.requirementsFormBtn a .heading p{
	padding: 13px;
}
.requirementsFormBtn a .heading p span:before{
	background:url('/saiyou/plant/dp/images/ico_requirement_monitor_sp.png') 0 0;
	background-size: 25px 22px;
	width: 25px;
	height: 22px;
	left:-35px;
	top:-4px;
}
.requirementsFormBtn a .name{
	padding: 15px 15px 11px;
}
.requirementsFormBtn a .name:after{
	right: 9px;
	margin-top: -4px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsFormBtn{
	margin-top: 12px;
	font-size: 16px;
}
.requirementsFormBtn a{
	padding: 8px;
	border-radius: 10px;
}
.requirementsFormBtn a:hover{
	background-color: #FF0000;
}
.requirementsFormBtn a .heading{
	padding: 2px;
	font-size: 20px;
}
.requirementsFormBtn a .heading p{
	padding: 18px;
}
.requirementsFormBtn a .heading p span:before{
	background:url('/saiyou/plant/dp/images/ico_requirement_monitor_pc.png') 0 0;
	background-size: 40px 34px;
	width: 40px;
	height: 34px;
	left:-50px;
	top:-10px;
}
.requirementsFormBtn a .name{
	padding: 15px 20px 5px;
	font-size: 30px;
	line-height: 1.46;
}
.requirementsFormBtn a .name:after{
	width: 10px;
	height: 20px;
	right: 5px;
	margin-top: -5px;
}
}




/*===========================
 requirementsTelBlock
===========================*/
.requirementsTelBlock{
	line-height: 1;
	background-color: #1a37a1;
}
.requirementsTelBlock > div{
	background-color: #FFFFFF;
	border-radius: 2px;
}
.requirementsTelBlock .heading{
	background: #e2f0fb;
	background-size: 4px 4px;
	text-align: center;
	font-family: UD Shin Go Medium;
}
.requirementsTelBlock .heading span{
	display: inline-block;
	position: relative;
}
.requirementsTelBlock .heading span:after{
	content: "";
	display: block;
	position: absolute;
}
.requirementsTelBlock .sub{
	text-align: center;
	line-height: 1.6;
	font-family: UD Shin Go Regular;
}
.requirementsTelBlock .tel{
	color: #d00606;
	text-align: center;
	font-family: UD Shin Go Medium;
}
.requirementsTelBlock .tel span{
	display: inline-block;
	position: relative;
}
.requirementsTelBlock .tel span:after{
	content: "";
	display: block;
	background:url('/saiyou/plant/dp/images/ico_requirement_phone.png') 0 0;
	background-size: cover;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.requirementsTelBlock dl{
	text-align: center;
	line-height: 1.6;
}
.requirementsTelBlock dl dt,
.requirementsTelBlock dl dd{
	display: inline-block;
	vertical-align: top;
}
.requirementsTelBlock dl dd{
	text-align: left;
}
/* SP */
@media screen and (max-width: 767px) {
.requirementsTelBlock{
	margin-top: 15px;
	margin-bottom: 12px;
	padding: 4px;
	border-radius: 5px;
}
.requirementsTelBlock > div{
	padding: 1px;
}
.requirementsTelBlock .heading{
	padding: 13px;
}
.requirementsTelBlock .sub{
	margin:5px 0;
}
.requirementsTelBlock .tel{
	font-size: 22px;
}
.requirementsTelBlock .tel span{
	padding-left: 40px;
}
.requirementsTelBlock .tel span:after{
	width: 35px;
	height: 20px;
}
.requirementsTelBlock dl{
	font-size: 12px;
	margin:10px 0 5px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.requirementsTelBlock{
	margin-top: 20px;
	margin-bottom:20px;
	padding: 8px;
	border-radius: 10px;
}
.requirementsTelBlock > div{
	padding: 2px;
}
.requirementsTelBlock .heading{
	padding: 18px;
	font-size: 20px;
}
.requirementsTelBlock .sub{
	margin:15px 0 10px;
}
.requirementsTelBlock .tel{
	font-size: 40px;
}
.requirementsTelBlock .tel span{
	padding-left: 70px;
}
.requirementsTelBlock .tel span:after{
	width: 59px;
	height: 34px;
}
.requirementsTelBlock dl{
	margin:13px 0 10px;
}
}