@charset "UTF-8";
/* module */

/*===========================
 汎用
===========================*/
figure img{
	max-width: 100%;
	height: auto;
}
figure.centerImg{
	text-align: center;
}

/* SP */
@media screen and (max-width: 767px) {
br.forSp{
	display: inline !important;
}
br.forPc{
	display: none !important;
}
}
/* PC */
@media print, screen and (min-width: 768px) {
br.forSp{
	display: none !important;
}
br.forPc{
	display: inline !important;
}
.pcBold{
	font-family: UD Shin Go Medium;
}
}

/*===========================
 heading
===========================*/
.headingBaseWrap{
}
.headingBase-lv02{
	text-align: center;
	font-family: UD Shin Go Medium;
	color: #333333;
	line-height: 1;
	background-color: #c4dcf0;
}
.headingBase-lv02.blue{
	color: #0673d0;
	border-top: none;
	text-align: center;
}
.headingBase-lv03{
	border-top: 2px solid #c4dcf0;
	font-family: UD Shin Go Medium;
}
.col-02.factory-details .headingBase-lv03{
	border-top: none;
}

.headingBase-lv03.cmn{
	border-top: none;
}


/* SP */
@media screen and (max-width: 767px) {
.headingBaseWrap{
	padding: 0 10px;
}
.headingBaseWrap.bottom{
	padding-bottom: 15px;
}
.headingBase-lv02{
	font-size: 18px;
	line-height: 1.2;
	margin: 0 0 5px;
	padding: 15px 0;
}
.headingBase-lv03{
	padding: 15px 0 0;
	margin: 0 0 15px;
	border-width: 1px;
	font-size: 16px;
}
.headingBase-lv03.lead{
	margin-bottom: 7px;
}
.col-02.factory-details .headingBase-lv03.factory-name{
	padding: 15px 0 0;
	margin: 0 0 22px;
	font-size: 16px;
}
.col-02.factory-details .headingBase-lv03{
	padding: 0 0 0;
	margin: 0 0 13px;
	font-size: 14px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.headingBase-lv02{
	/*font-size: 34px;
	padding: 28px 0;*/
	font-size: 26px;
	padding: 22px 0;
}
.headingBase-lv03{
	padding: 25px 0 0;
	margin: 0 0 25px;
	font-size: 24px;
	line-height: 1.5;
}
.col-02.factory-details .headingBase-lv03.factory-name{
	padding: 25px 0 0;
	margin: 0 0 25px;
	font-size: 24px;
}
.col-02.factory-details .headingBase-lv03{
	padding: 20px 0 0;
	margin: 0 0 22px;
	font-size: 16px;
}
.col-02.factory-details .access_box .headingBase-lv03{
	padding: 0 0 0;
}


.headingBase-lv03.lead{
	margin-bottom: 10px;
}
}

/*===========================
 list
===========================*/
.dotList li{
	list-style: disc;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
}
.noteList li{
	text-indent: -1em;
	padding-left: 1em;
}
.noteList li{
	font-size: 12px;
	line-height: 1.5;
}
/* SP */
@media screen and (max-width: 767px) {
.noteList{
	margin-top: 7px;
}
}
/* PC */
@media print, screen and (min-width: 768px) {
.noteList{
	margin-top: 10px;
}
}

/*===========================
 seizouAppArea
===========================*/
.seizouAppArea{

}
.seizouAppArea h2{
	display: inline-block;
	position: relative;
	font-family: UD Shin Go Medium;
}
.seizouAppArea h2:before{
	content: "";
	display: block;
	position: absolute;
	background:url('/saiyou/plant/steelcord/images/bg_seizou_app_area_heading.png') 0 0;
	background-size: cover;
}
.seizouAppArea p{
	text-align: left;
	font-family: UD Shin Go Medium;
}
.seizouAppArea li{
	float: left;
	text-align: left;
	padding-bottom: 1px;
	box-sizing: border-box;
}
.seizouAppArea li a{
	display: block;
	background-color: #d00606;
	color: #FFFFFF;
	line-height: 1;
	padding: 15px 10px;
	text-decoration:none;
	position: relative;
}
.seizouAppArea li a:after{
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	background: url(/saiyou/plant/steelcord/images/ico-arrow-white-left.png) no-repeat 0 0;
	background-size: cover;
	right: 12px;
	top:50%;
	margin-top: -6px;
}
.seizouAppArea li .disabled{
	display: block;
	background-color: #b0afaf;
	color: #FFFFFF;
	line-height: 1;
	position: relative;
	padding: 15px 10px;
}
.seizouAppArea li a span,
.seizouAppArea li span span{
	display: block;
}
.seizouAppArea li .comment{
	position: absolute;
	top:50%;
	right: 10px;
	margin-top: -5px;
}

/* SP */
@media screen and (max-width: 767px) {
.seizouAppArea{
	padding: 25px 0 0;
}
.seizouAppArea h2{
	font-size: 16px;
	margin: 0 0 12px;
}
.seizouAppArea h2:before{
	width: 87px;
	height: 86px;
	top:-38px;
	left:-90px;
}
.seizouAppArea p{
	padding: 0 10px;
}
.seizouAppArea ul{
	margin:12px 0 0;
}
.seizouAppArea li{
	width: 50%;
}
.seizouAppArea li:nth-child(even){
	padding-left: 1px;
}
.seizouAppArea li .name{
	margin:0 0 8px;
}
.seizouAppArea li .address{
	font-size: 10px;
}
.seizouAppArea li .comment{
	font-size: 10px;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.seizouAppArea{
	padding: 55px 0 60px;
}
.seizouAppArea h2{
	font-size: 30px;
	margin: 0 0 10px;
	line-height: 1.5;
}
.seizouAppArea h2:before{
	width: 92px;
	height: 91px;
	top:-8px;
	left:-180px;
}
.seizouAppArea p{
	width: 400px;
	margin: 0 auto;
}
.seizouAppArea ul{
	width: 960px;
	margin: 25px auto 0;
}
.seizouAppArea li{
	width: 240px;
	padding: 0 0 1px 1px;
}
.seizouAppArea li a:hover{
	background-color: #ff0000;
}
.seizouAppArea li .name{
	font-size: 18px;
	margin: 0 0 12px;
}
}

/*===========================
 blackBtn
===========================*/
.blackBtn a{
	display: block;
	background-color: #000000;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	padding: 15px;
	text-decoration:none;
	position: relative;
	letter-spacing: 0.1em;
}
.blackBtn a:after{
	content: "";
	display: block;
	position: absolute;
	background:url('/saiyou/plant/seizou/images/ico-arrow-red-left.png') 0 0;
	background-size: cover;
	top:50%;
	width: 6px;
	height: 12px;
	margin-top: -6px;
	right: 13px;
}
.blackBtnS {
	display: block;
	max-width: 160px;
	margin-top: 10px;
}
.blackBtnS.widM{
	max-width: 205px;
}
.blackBtnS a{
	display: block;
	background-color: #555;
	color: #FFFFFF;
	line-height: 1;
	text-align: left;
	font-size: 12px;
	padding: 10px;
	text-decoration:none;
	position: relative;
	letter-spacing: 0.1em;
}
.blackBtnS a:after{
	content: "";
	display: block;
	position: absolute;
	background:url('/saiyou/plant/steelcord/images/ico-arrow-red-left.png') 0 0;
	background-size: cover;
	top:50%;
	width: 6px;
	height: 12px;
	margin-top: -6px;
	right: 13px;
}

/* SP */
@media screen and (max-width: 767px) {
.blackBtn{
	margin: 10px 0 0;
}
.blackBtnS{
	margin-top: 5px;
}
.blackBtnS.widM{
	max-width: 100%;
}
.blackBtn a, .blackBtnS a{
	border-radius: 5px;
}
}
/* PC */
@media print, screen and (min-width: 768px) {
.blackBtn{
	margin-top: 15px !important;
}
.blackBtn + .blackBtn{
	margin-top: 20px !important;
}
.blackBtn a, .blackBtnS a{
	border-radius: 10px;
}
.blackBtn a:hover, .blackBtnS a:hover{
	background-color: #ff0000;
}
.blackBtn a:hover:after, .blackBtnS a:hover:after{
	background:url('/saiyou/plant/steelcord/images/ico-arrow-white-left.png') 0 0;
	background-size: cover;
}
}


/*===========================
 seizouPageHeading
===========================*/
.seizouPageHeading{
	display: table;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
}
.seizouPageHeading h1{
	display: table-cell;
	vertical-align: middle;
}
.seizouPageHeading span.main{
	font-family: UD Shin Go Medium;
}
/* SP */
@media screen and (max-width: 767px) {
.seizouPageHeading{
	height: 100px;
	background:url('/saiyou/plant/steelcord/images/bg_page_heading_sp.jpg')no-repeat 50% 50%;
	background-size: cover;
}
.seizouPageHeading span.main{
	font-size: 18px;
}
.seizouPageHeading span.sub{
	font-size: 14px;
}
}
/* PC */
@media print, screen and (min-width: 768px) {
.seizouPageHeading{
	height: 110px;
	background:url('/saiyou/plant/steelcord/images/bg_page_heading_pc.jpg')no-repeat 50% 50%;
	background-size: cover;
}
.seizouPageHeading span.main{
	font-size: 32px;
}
.seizouPageHeading span.sub{
	font-size: 18px;
}
}


/*===========================
 seizouPageHeadingNote
===========================*/
.seizouPageHeadingNote{
}
.seizouPageHeadingNote p{
	font-family: UD Shin Go Medium;
}
.headingBase-lv03 + .seizouPageHeadingNote{
	padding-top: 0;
}
/* SP */
@media screen and (max-width: 767px) {
.seizouPageHeadingNote{
	padding: 15px 10px;
	text-align: left;
}
.seizouPageHeadingNote figure{
	text-align: center;
}
.seizouPageHeadingNote.full{
	padding: 0 10px 15px;
}
.seizouPageHeadingNote.full p{
	padding: 10px 0 0;
}


}
/* PC */
@media print, screen and (min-width: 768px) {
.seizouPageHeadingNote{
	padding: 25px 0;
}
.seizouPageHeadingNote p{
	font-size: 16px;
}
.seizouPageHeadingNote.full{
	padding: 0 0 25px;
}
.seizouPageHeadingNote.full p{
	padding: 25px 0 0;
}
}


/*===========================
 personBox
===========================*/
.personBox{
	text-align: left;
}
.personBoxTtl{
	margin: 0 0 20px;
	border-bottom: solid 2px #c4dcf0;
	font-family: UD Shin Go Medium;
	color: #0673d0;
	line-height: 1.5;
	position: relative;
}
.personBoxTtl:before{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 11px 0 11px;
	border-color: #c4dcf0 transparent transparent transparent;
	position: absolute;
	bottom: -12px;
	left: 50%;
	transform: translate(-50%);
}
.personBoxTtl:after{
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: 50%;
	transform: translate(-50%);
}
.personBoxCont{
	border: solid 1px #bbbcbc;
}
.personBoxCont figure img{
	width: 100%;
}
.personBoxContInner{
	line-height: 1.8;
}
.personBoxProf{
	font-family: UD Shin Go Medium;
}
.personBoxProf span{
	display: block;
	font-size: 14px;
}
.personBoxTxt{
	font-size: 14px;
}

/* SP */
@media screen and (max-width: 767px) {
.personBox{
	padding: 0 10px 20px;
}
.personBox .personBoxUnit:first-child .personBoxTtl{
	padding-top: 0;
}
.personBoxTtl{
	padding: 25px 0 7px;
	font-size: 18px;
}
.personBoxTtl br{
	display: none;
}
.personBoxContInner{
	padding: 7px 10px;
}
.personBoxProf{
	font-size: 16px;
}
.personBoxTxt{
	margin: 10px 0 0;
}
}

/* PC */
@media print, screen and (min-width: 768px) {
.personBox{
	padding: 0 0 40px;
}
.personBoxTtl{
	padding: 25px 0 15px;
	font-size: 28px;
}
.personBoxContInner{
	padding: 15px 20px;
}
.personBoxProf{
	font-size: 20px;
}
.personBoxTxt{
	margin: 20px 0 0;
}
/* 2 column --------------- */
.personBox.col2{
	margin-left: -60px;
}
.personBox.col2 .personBoxUnit{
	float: left;
	width: 460px;
	margin-left: 60px;
}
.personBox.col2 .personBoxUnit:nth-child(n+3) .personBoxTtl{
	padding-top: 50px;
}
.personBox.col2 .personBoxTtl:before{
	left: 125px;
	transform: none;
}
.personBox.col2 .personBoxTtl:after{
	left: 127px;
	transform: none;
}
/* 3 column --------------- */
.personBox.col3{
	margin-left: -40px;
}
.personBox.col3 .personBoxUnit{
	float: left;
	width: 300px;
	margin-left: 40px;
}
.personBox.col3 .personBoxTtl{
	padding: 20px 0 12px;
	font-size: 20px;
}
.personBox.col3 .personBoxProf{
	font-size: 14px;
}
.personBox.col3 .personBoxProf span{
	display: inline-block;
	font-size: 12px;
}
.personBox.col3 .personBoxTxt{
	margin-top: 10px;
	letter-spacing: 0.025em;
}
}

/*===========================
 arrow
===========================*/
a.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 14px;
	color: #333333;
	text-decoration: none;
}
a.arrow:hover{
	text-decoration: underline;
}
a.arrow:before{
	content: "";
	position: absolute;
	width: 6px;
	height: 12px;
	background: url(/saiyou/plant/steelcord/images/ico-arrow-red-left.png) no-repeat 0 0;
	background-size: cover;
	left: 0;
	top: 50%;
	margin-top: -7px;
}
