<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@charset 'Shift_JIS';

@media only screen and (max-width: 640px) {
	body.col-m #content{
		width: 320px;
	}
	#content .gNav{
		display: block;
	}
	#content .gNav{
		margin-bottom: 10px;
		height: 40px;
		position: relative;
		background-color: #dddddd;
		z-index: 1;
	}
	#content .gNav .gNavBtn{
		position: absolute;
		left: 289px;
		top: 13px;
	}
	#content .gNav .gNavContent{
		position: absolute;
		left: 0;
		top: 100%;
		display: none;
	}
	#content .gNav .gNavContent li{
		width: 50%;
		border-right: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		box-sizing:border-box;
		float: left;
		background: url(/JP/PLANT/IMAGES/detail/icon_gnavList.png) no-repeat 146px 16px #eeeeee;
		background-size: 7px 13px;
		font-size: 9px;
		text-align: left;
		
	}
	#content .gNav .gNavContent li.current{
		background: url(/JP/PLANT/IMAGES/detail/icon_gnavList_cu.png) no-repeat 146px 16px #003f66;
		background-size: 7px 13px;
	}
	#content .gNav .gNavContent li.blankLink{
		background: url(/JP/PLANT/IMAGES/detail/icon_blank.png) no-repeat 142px 16px #eeeeee;
		background-size: 13px 11px;

		
	}
	#content .gNav .gNavContent li a{
		display: block;
		padding: 15px 5px 15px 15px;
	}
	#content .gNav .gNavContent li.current a{
		color: white;
	}
	#content .menu{
		height: 58px;
		width: 64px;
		display: block;
	}
	#content .mainNav{
		display: none;
	}
	#content .factoryContent{
		margin: 0 auto;
		width: 300px;
		float: none;
	}
	#content .factoryName {
		background-color: #003f66;
		color: white;
		text-align: left;
		padding: 21px 0 21px 10px;
		font-size: 14px;
	}
	#content .factoryContent .factoryPhoto img{
		width: 100%;
		height: auto;
	}
	#content .factoryContent .innerNav li{
		width: 50%;
		box-sizing:border-box;
	}
	#content .factoryContent .innerNav li:first-child{
		width: 50%;
	}
	#content .factoryContent .section h2{
		margin-bottom: 14px;
		border-left: 4px solid #003f66;
		font-size: 14px !important;
	}


	.introduction .summary .summaryText{
		margin-right: 7px;
		width: 165px;
		float: left;
		font-size: 8px;
	}
	.introduction .summary .summaryText span{
		margin-bottom: 10px;
		font-size: 9px;
		line-height: 1.419;
		display: block;
	}

	.introduction .summary .summaryPhoto {
		width: 120px;
	}
	.introduction .summary .summaryPhoto img{
		width: 100%;
		height: auto;
	}

	.introduction .carList .car{
		margin: 0 3px 0 15px !important;
		width: 78px !important;
	}
	#iwaki .introduction .carList .car{
		margin: 0 0px 0 14px !important;
	}
	#tochigi .introduction .carList .car.normal{
		margin: 0 0px 0 14px !important;
	}
	#yokohama .introduction .carList .car{
		margin: 0 3px 0 12px !important;
	}
	#yokohama .introduction .carList .item2 .car:first-child{
		margin-left: 18px !important;
	}
	.introduction .carList li img{
		width: 100%;
		height: auto;
	}
	.introduction .carList .carName{
		font-size: 8px;
	}
	.introduction .point.features .subject{
		margin-bottom: 9px !important;
		font-size: 9px;
		font-weight: bold;
	}
	#oppama .introduction .point.features .subject{
		margin-bottom: 0px !important;
	}
	.introduction .point.features .featuresA .text{
		width: 165px;
		display: inline-block;
	}
	.introduction .point.features .featuresA .photo{
		width: 121px;
		display: inline-block;
	}
	.introduction .point.features .text{

	}
	.introduction .point.features .featuresA .photo img{
		width: 100%;
		height: auto;
	}
	.introduction .pamphlet{
		display: block;
	}
	.introduction .point.pamphlet .pdf{
		font-size: 8px !important;
	}
	.introduction .point.musium .photo{
		margin-right: 15px !important;
		width: 125px;
	}
	.introduction .point.musium .photo img{
		width: 100%;
		height: auto;
	}
	.introduction .point.musium .text{
		width: 156px;
		font-size: 8px;
	}
	.introduction .point.introduction h3{
		margin-bottom: 10px;
	}
	.introduction .point .acordion.normal .photo{
		width: 120px !important;
	}
	.introduction .point .acordion.normal .photo img{
		width: 100%;
		height: auto;
	}
	.introduction .point .acordion .photos {
		font-size: 8px !important;
	}
	
	.introduction .point.pamphlet.enginelist .pdf { width:99px; }


	.section .point{
		margin-bottom: 25px !important;
	}
	.section .point h3 {
		margin-bottom: 10px;
		font-size: 11px !important;
		font-weight: bold !important;
	}
	.section .point .text{
		font-size: 8px;
	}
	.section .descText{
		margin-bottom: 10px;
		font-size: 8px !important;
	}

	.acordion dt.patern01{
		background: url(/JP/PLANT/IMAGES/detail/bg_accordion_plus.png) no-repeat 278px 50% #333333;
		background-size: 13px 13px !important;
		font-size: 9px !important;
	}
	.acordion dt.patern01.open{
		background: url(/JP/PLANT/IMAGES/detail/bg_accordion_minus.png) no-repeat 278px 50% #333333;
	}
	.acordion dt.patern02{
		background: url(/JP/PLANT/IMAGES/detail/bg_accordion_plus.png) no-repeat 278px 50% #003f66;
		background-size: 13px 13px !important;
	}
	.acordion dt.patern02.open{
		background: url(/JP/PLANT/IMAGES/detail/bg_accordion_minus.png) no-repeat 278px 50% #003f66;
	}
	.acordion dt.patern02 span.click{
		font-size: 7px;
		line-height:1.8;
		margin-right: 25px;
	}
	.acordion .acTopText{
		margin-bottom: 10px;
		font-size: 8px !important;
	}
	.acordion .acContent .text{
		width: 165px !important;
	}
	.acordion .slogana{
		margin-bottom: 7px !important;
		font-size: 10px;
		font-weight: bold;
	}
	.acordion.planning .photoL{
		margin-right: 5px !important;
		width: 147px;
	}
	.acordion.planning .photoR{
		width: 147px;
	}
	.acordion.planning .photoL img{
		width: 100%;
		height: auto;
	}
	.acordion.planning .photoR img{
		width: 100%;
		height: auto;
	}
	.acordion.planning .photoR img,
	.acordion.planning .photoL img {
		margin-bottom: 0px;
	}
	.acordion .photoCenter{
		margin-bottom: 20px;
		width: 250px;
		font-size: 9px !important;
	}
	.acordion.parallel .textL{
		width: 300px;
		margin-bottom: 10px;
	}
	.acordion.parallel .photo{
		float: right;
		width: 125px;
	}
	.acordion.parallel .photo img{
		margin-bottom: 5px;
	}

	.acordion .photoCenter img{
		width: 100%;
		height: auto;
	}
	.acordion dt.acTitle {
		padding: 10px 0 10px 14px;
	}
	.acordion dd.acContent {
		padding-top: 10px !important;
	}
	.acordion .text .topiDesc{
		font-size: 8px !important;
	}
	dl.info{
		margin-bottom: 0px;
		font-size: 8px;
	}
	.info dt{
		width: 58px;
	}
	.info dd{
		width: 240px;
		text-indent: -1em;
		padding-left: 1px;
	}
	.normalText{
		font-size: 8px;
	}
	.photoL{
		width: 120px;
		font-size: 9px !important;
	}
	.photoL img{
		width: 100%;
		height: auto;
	}
	.textR{
		width: 165px;
		line-height: 1.5;
		font-size: 8px;
		color: #666666;
	}
	.note{
		line-height: 1.5;
	}
	.note.last {
		margin-bottom: 10px;
		display: block;
		margin-top: 2px;
		font-size: 8px;
	}
	.spContent{
		margin-top: 6px;
		display: block;
		line-height: 1.8;
		font-size: 8px;
		color:#666666;
	}
	.summary .textR .note{
		margin-bottom: 10px;
		font-size: 8px;
	}
	.floatChange{
		display: none;
	}
	.band {
		margin-bottom: 20px;
		padding: 12px 0 10px 14px;
		font-size: 9px !important;
	}
	.acTitleIcon{
		width: 14px;
		height: auto;
	}
	.acordion dt.patern02{
		/*margin-bottom: 20px;*/
		background-position: 278px 50%;
		background-size: 14px 14px;
	}
	.acordion dt.acTitle, .band{
		font-size: 9px;
	}
	.acTitleIcon {
		margin-right: 10px;
	}
	.topiText{
		margin-bottom: 20px;

	}
	.timeTable th {
		padding: 13px 0px 15px 0px;
		text-align: center;
		font-size: 8px !important;
	}
	.timeTable td {
		padding: 14px 0px 13px 0px;
		font-size: 8px !important;
	}
	.note01 {
		margin-bottom: 20px;
		/*font-size: 10px;*/
		font-size: 8px;
		line-height: 1.5;
		color: #666666;
	}
	.note02{
		font-size: 8px;
	}
	.timeTable{
		width: 100%;
	}
	.btn{
		margin: 0 auto 20px;
		width: 260px;
		font-size: 9px;
	}
	.btn a {
		padding: 12px 48px 12px 48px;
	}
	.introduction .point.pamphlet .pdfIcon {
	position: absolute;
	left: 34px;
	top: 97px;
	}
	/*#yokohama .pdfIcon {
	position: absolute;
	left: 34px;
	top: 92px;
	}*/
	/*#map {
		width: 100%;
		height: auto; 
	}*/
	.photo{
		margin-bottom: 15px;
		width: 320px;
	}
	.photo img{
		width: 100%;
		height: auto;
	}
	.topi{
		font-size: 8px !important;
	}
	.topiText {
		margin-bottom: 20px;
		font-size: 8px !important;
	}
	.section .point .normalText{
		font-size: 8px;
	}
	.prohibition{
		margin-bottom: 28px;
		width: 200px;
		margin-bottom: 5px;
	}
	.prohibition img{
		width: 100%;
		height: auto;
	}
	.print{
		font-size: 8px;
		margin-bottom: 20px;
	}
	.print img{
		margin-right: 4px;
		width: 13px;
		height: auto;
	}
	.list li {
		font-size: 8px !important;
	}
	.subject{
		font-size: 9px !important;
		font-weight: bold;
	}
	.subjectText{
		font-size: 8px !important;
	}
	.photoR {
		width: 120px;
		font-size: 9px !important;
	}
	.photoR02 {
		width: 100px !important;
		font-size: 9px !important;
	}
	.photoR img{
		width: 100%;
		height: auto;
	}
	.photoR p{
		margin-top:-2px;
	}
	.phototext{
		width:100% !important;
	}
	.textL{
		width: 170px !important;
		font-size: 8px;
	}
	.textL.irreg{
		width: 170px !important;
	}
	.maB35{
		margin-bottom: 0;
	}
	.innerNav{
		display: none;
	}
	.factoryPhoto{
		position: relative;
	}
	.factoryPhoto .menu{
		position: absolute;
		top:0;
		right: 0;
		border-left: 1px solid white;
		background: url('/JP/PLANT/IMAGES/detail/bg_accordion_plus.png') no-repeat 45px 50%;
		background-size: 13px 13px;
	}
	.factoryPhoto .menu.open{
		background: url('/JP/PLANT/IMAGES/detail/bg_accordion_minus.png') no-repeat 45px 47%;
		background-size: 13px 13px;
	}
	.factoryPhoto .menu .tab{
		padding: 23px 28px 23px 11px;
		display: block;
		text-align: center;
		font-size: 9px;
		color: white;
	}
	#content .factoryContent .visit{
		margin-bottom: 25px;
	}
	.factoryPhoto .menuList{
		position: absolute;
		top: 100%;
		right: 0;
		width: 300px;
		display: none;
	}
	/*
.pampImg img{
		width: 30%;
		height: auto;
	}
*/
	.factoryPhoto .menuList li{
		width: 50%;
		display: inline-block;
		border-right: 1px solid white;
		box-sizing: border-box;
		text-align: left;
		opacity: 0.8;
		background:url(/JP/PLANT/IMAGES/detail/icon_menulist.png) no-repeat 128px 16px white;
		background-size: 13px 7px;
	}
	.factoryPhoto .menuList li a{
		padding: 11px 0 11px 11px;
		display: block;;
	}
	.factoryPhoto .menuList li.transparentList{
		background-color: transparent;
		width: 50%;
	}
	#content .factoryContent .factoryPhoto{
		margin: 0 auto 30px !important;
	}
	.titleSub{
		width: 250px;
	}
	.imagePhoto img{
		width: 100%;
		height: auto;
	}
	.listMark{
		width: 6px;
		height: 6px;
		position: relative;
		top: -1px;
	}
	.section .point h3 img {
		top: 0px;
	}
	.section .point .textNote {
		font-size: 8px !important;
	}
	.spMaB10{
		margin-bottom: 10px !important;
	}
	.spMaL15{
		margin-left: 15px !important;
	}
	
	#Topics div table,#Topics div table tr,#Topics div table tr td{
		font-size:94%;
	}
	#Topics div table{
		width:57%;
	}
	#Topics div table tr{
		line-height:1.92 !important;
	}
	#Topics div table tr td:first-child{
		width:29%;
	}
	
	#Topics div dl dd.subInfo{padding-left:6.5em; text-indent:-1em;}
	
	.indent_1em{text-indent:0em !important;}


	/****************************************
						QA
	 ****************************************/
	#qa h1{
		width: 200px;
	}
	#qa .pagetop{
		display: block;
	}
	#qa .pageTopMiddle{
		display: none;
	}
	#content .factoryContent .innerPageTop.bottom{
		margin-bottom: 15px;
	}
	#content .factoryContent .innerPageTop{
		margin-bottom: 15px;
		width: 300px;
		text-align: right;
	}
	#content .factoryContent .innerPageTop img{
		width: 40px;
		height: auto;
	}
	.pagetop{
		margin-bottom: 15px;
		display: block;
	}
	.pagetop{
		margin-bottom: 15px;
		width: 300px;
		text-align: right;
	}
	.pagetop img{
		width: 40px;
		height: auto;
	}
	#content #qa.factoryContent .factoryPhoto{
		padding: 26px 0 26px 17px;
	}
	#content #qa.factoryContent .question{
		padding: 10px 0 10px 76px;
	}
	#content #qa.factoryContent .answer{
		padding: 10px 45px 10px 76px;
	}
	#content #qa.factoryContent .question .textQ,
	#content #qa.factoryContent .answer .textA{
		font-size: 10px;
	}
	#content #qa.factoryContent .sub01{
		width: 96%;
	}
	#content #qa.factoryContent .sub02{
		width: 68%;
	}

	#print{
		margin: 0 auto;
		padding-bottom: 30px;
		width: 300px;
	}
	#print #header{
		margin-bottom: 15px;
		width: 100%;
		border-bottom: 1px solid #dadada;
	}
	#print h2{
		margin-bottom: 20px;
		padding: 0 0 0 4px;
		border-left: 4px solid #003f66;
		font-size: 15px !important;
		color: #003f66;
		text-align: left;
	}
	#print #map{
		width: 100% !important;
		height: 300px !important;
	}
	#print .subject{
		padding-left: 17px;
		font-size: 16px !important;
		position: relative;
	}
	#print.yokohama .subject,
	#print.iwaki .subject{
		padding-left: 0 !important;
	}
	#print .subject .listMark{
		position: absolute;
		top: 5px;
		left: 1px;
		height: 13px;
		width: 13px;
	}
	#print .subjectText{
		margin-bottom: 17px;
		font-size: 14px !important;
		line-height: 1.92;
	}
	#print .subjectText .space{
		margin-left: 67px;
	}
	#print .printing{
		margin: 0 auto 15px;
		width: 300px;
		text-align: center;
		background: url(/JP/PLANT/IMAGES/detail/icon_btn_print.png) no-repeat 260px 50% #69a8ca;
	}
	#print .printing a{
		padding: 16px 91px 17px 91px;
		color: white;
		display: block;
		text-decoration: none;
	}
	#print .closing{
		margin: 0 auto;
		width: 300px;
		text-align: center;
		background: url(/JP/PLANT/IMAGES/detail/icon_btn_close.png) no-repeat 260px 50% #333333;
	}
	#print .closing a{
		padding: 16px 91px 17px 91px;
		color: white;
		display: block;
		text-decoration: none;
	}

	.photoCenter {
		margin-right: 5px;
		margin-bottom: 10px;
		width: 48%;
		font-size: 8px !important;
	}
	.photoCenter img{
		width: 100%;
		height: auto;
	}

	.boxFloatL{
		width: 170px;
		font-size: 8px !important;
	}
	.oneEm{
		margin-left: 0em !important;
	}
	.innerNavF{
		display: none !important;
	}
	.caption{
		font-size: 8px;
	}
	.photoR img{
		margin-bottom: 5px;
	}
	.fixWidth .caption{
		margin-left: 0px !important;
	}
	.next img,
	.prev img{
		width: 85%;
		height: auto;
	}
	.box{
		font-size: 8px !important;
	}
	.width400{
		width: 170px !important;
	}
	.innerBox{
		margin-left: 10px;
		font-size: 8px;
	}
	.spmaB5{
		margin-bottom: 5px;
	}
	.photoCenter.last{
		margin-right: 5px;
	}
	.font15, 
	.font15 &gt; p{
		font-size: 11px !important;
	}
	.smallT{
		font-size: 8px !important;

	}
	.eventTextD{
		font-size: 8px !important;
		color: #666666;
	}
	.font11{
		font-size: 11px !important;
	}
	.font12{
		font-size: 8px !important;
	}
	.font8{
		font-size: 8px !important;
	}
	.footLT{
		width:70%;
		font-size: 8px !important;
		background-size: 10px 9px;
		background-position: 188px 50%;
	}
	.footLT a{
		padding: 10px 0;
		display: block;
	}
	.carBox {
	width: 320px;
	margin: 0 auto;
	height: 82px;
	}
	.spMaL0{
		margin-left: 0 !important;
	}
	.spMaR0{
		margin-right: 0 !important;
	}
	.minH{
		min-height: 46px;
	}
	.indent0{
		text-indent: 0 !important;
		padding-left: 0 !important;
	}
	#oppama #event .photoCenter .caption{
		width: 100%;
	}
	
	/*************************
			Environment Policy
	**************************/
	.envPolicy dl dt { width:20%; font-size:8px; }
	.envPolicy dl dd { margin-left: 22%; font-size:8px; }
	.envPolicy dl dd ul li sub { vertical-align:baseline; font-size:0.5rem; }
	
	/*************************
			Green Program
	**************************/
	.greenProgram p { font-size:8px; }
	.greenProgram p.topi { float:none; }
	.greenProgram p.topi.icontext { float:none; }
	
	.greenProgram p.caption { margin:0 0 20px; }
	.greenProgram table thead tr th {font-size:8px; }
	.greenProgram table thead tr th.thDomain { width:16%; }
	.greenProgram table thead tr th.thGoal { width:25%; }
	.greenProgram table thead tr th.thComment { width:42%; }
	.greenProgram table tbody tr th, .greenProgram table tbody tr td { font-size:8px; text-align:center; padding:5px; line-height:1.5; }
	.greenProgram table sub { vertical-align:baseline; font-size:0.5rem; }
	.greenProgram table tbody tr td.tdComment ul { margin-left: -5px; }
	.greenProgram table.otherActivity tr td table tr td { padding:5px 0; border:none; text-align:center; display:block; width:100%; }
	.greenProgram table.otherActivity tr td table tr td.txtComment { text-align:left; padding-right:5px; }
	.greenProgram table.otherActivity tr td table tr td img { vertical-align:top; max-width:100%; height:auto; }
	
	/*************************
			Event
	**************************/
	div.event div.point ul.eventList li, div.event div.point dl.eventDL dt, div.event div.point dl.eventDL dd { font-size: 8px !important; }
/**/
  .sp-hidden {
  	display:none;
  }
	.hp-hidden {
		display:inline-block;
	}
	
	table.photogallery { width:120px!important; float:right; }
	table.photogallery tr td { padding:0 10px 10px; display:block; width:100%; font-size:9px!important; }
	table.photogallery tr td img { width:100%; }
	dd.acContent div.box .photoR span.caption.txtC { margin-top:-5px; }	

/*************************
            History
**************************/

div.history table,div.history table tr,div.history table tr td{
	border-style:none;
	vertical-align: baseline;
	font-size:8px;
}

div.history table tr td{
	border-bottom: 1px solid #EBEBEB;
	padding-right: 1em;
}

div.history table tr td:first-child{
	padding-right:10px;
	font-weight:bold;
	width:17%;
}

div.history table tr td.rows2{
	line-height:1.5em;
	padding-bottom:0.5em;
}



/*************************
sp-tour 2017/05/15 OPPAMA
**************************/
#sp-tour .box table{
	width:100%;
}

#sp-tour .box table tr td img{
	width:90%;
	height:auto;
}

#sp-tour .box table tr td:first-child{
	width:inherit;
}

.pc-hidden{
	display:inline;
}

/*==============================================
	overwrite colorbox CSS
===============================================*/
#colorbox { overflow:visible; top:2900px !important;}
#cboxWrapper { overflow: visible; }
#cboxOverlay{background:#000;}
#cboxClose { background-position: 0 0; background: url(../IMAGES/flow_08_close.png) no-repeat 0 0; width: 16px; height: 16px; top: 0; right: -27px; }
#cboxClose:hover { background-position:0 0; }

a .icon_play {
position: relative;
display: block;
width: 50%;
height: 60px;
left: 50%;
margin: -66px 0 0 -30px;
background: url(../IMAGES/ico_playbtn.png) no-repeat 0 0;
background-size:200%;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
cursor: pointer;
}

.sub-Text{
	margin-bottom: 1em;
	text-indent: -8px;
	padding-left: 1em;
	font-size: 8px;
	color:#666666;
  line-height:12px;
}

	/*==============================================
		Yokohama Factory access map table
	===============================================*/
	table.acc-tbl { width: 100%; }
	table.acc-tbl  td { display: inline-block; width: 100%; margin-bottom: 5px; }
}


</pre></body></html>