@charset "UTF-8";
/* CSS Document */
p.dot::before{
	content: "●";
	color: #003399;
	vertical-align: top;
}

/*工場一覧*/
#company header#header{
	text-align: center;
	background-image: url(../image/pc/company_bg.png));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 320px;
	position: relative;
}

/*工場紹介*/
#company_kasou header#header{
	text-align: center;
	background-image: url(../image/pc/company_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 320px;
	position: relative;
}

#cmpk_content .kyoten_map{
	background: url(../image/pc/kyoten.png);
	height: 710px;
	position: relative;
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position:  center;
	width: 100%;
	margin: 0 auto;
  margin-top: 11px;
	background-color: white;
}
#cmpk_content .kyoten_map .kyoten_btn{
	position: relative;
  margin: 0 auto;
  max-width: 1000px;
}
#cmpk_content .kyoten_map img{
	position: absolute;
  top: 50%;
	left: 50%;
}
#cmpk_content .kyoten_map img.k_btn1{
	margin-left: -194px;
	margin-top: 75px;
}
#cmpk_content .kyoten_map img.k_btn2{
	margin-left: -446px;
	margin-top: 111px;
}
#cmpk_content .kyoten_map img.k_btn3{
	margin-left: -192px;
	m;
	margin-top: 119px;
}
#cmpk_content .kyoten_map img.k_btn4{
	margin-left: -19px;
	margin-top: 485px;
}
#cmpk_content .kyoten_map img.k_btn5{
	margin-left: -196px;
	margin-top: 351px;
}
#cmpk_content .kyoten_map img.k_btn6{
	margin-left: 23px;
	margin-top: 584px;
}
#company #cmpk_cont .cmpk_cnt1{
	max-width: 1000px;
	padding-top: 0px;
	margin: 0 auto;
	padding-bottom: 90px;
  padding-top: 50px;
}
#company #cmpk_cont .kokunai{
	max-width: 1000px;
	padding-top: 0px;
	margin: 0 auto;
}
#company #cmpk_cont .kokunai p{
	font-size: 28px;
	line-height: 28px;
	text-align: left;
	color: #003399;
	margin-top: 30px;
	font-weight:  bold;
}
#company #cmpk_cont .cmpk_cnt1  .txt{
	display: inline-block;
	width: 52%;
	vertical-align: top;
}
#company #cmpk_cont .cmpk_cnt1  .img{
	display: inline-block;
	width: 39.9%;
}
#company #cmpk_cont .cmpk_cnt1  .cnt_txt p.tit{
	font-size: 22px;
	line-height: 28px;
	display: inline-block;
	vertical-align: top;
	font-weight:  bold;
}
#company #cmpk_cont .cmpk_cnt1  .cnt_txt img.syousai{
	display: inline-block;
  float: right;
}
#company #cmpk_cont .m_1{
	background: url(../image/pc/cmp_bg1.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 540px;
}
#company #cmpk_cont .m_2{
	background: url(../image/pc/cmp_bg2.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 540px;
}
#company #cmpk_cont .m_3{
	background: url(../image/pc/cmp_bg3.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	border-bottom: solid 1px #FFFFFF;
	background-size: 540px;
}
#company #cmpk_cont .m_4{
	background: url(../image/pc/cmp_bg4.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 520px;
}
#company #cmpk_cont .m_5{
	background: url(../image/pc/cmp_bg5.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
  background-size: 520px;
}
#company #cmpk_cont .m_6{
	background: url(../image/pc/cmp_bg6.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 520px;
}
#company #cmpk_cont .m_4{
	/*border-top: solid 1px #ffffff;*/
}


/*工場紹介_下層*/
#cmpk_cont #cmpk_content{
	background: rgba(255,255,255,0.4);
  margin-top: -2px;
	padding-bottom: 0px;
}
#cmpk_cont .cmpk_cnt1{
	max-width: 1000px;
	padding-top: 55px;
	margin: 0 auto;
	/*background: url(../image/pc/cmp_sakurai.png);
	background-position-x: right;
  background-repeat: no-repeat;
	margin-top: -12px;*/
}
#cmpk_cont .misyo{
	max-width: 1000px;
	padding-top: 55px;
	margin: 0 auto;
	/*background: url(../image/pc/cmp_misyo.png);
	background-position-x: right;
  background-repeat: no-repeat;
	margin-top: -12px;*/
}
#cmpk_cont .cmpk_cnt1 .cnt_txt{
	display: inline-block;
	width: 88%;
}
#company_kasou #cmpk_cont .cmpk_cnt1  .txt{
	display: inline-block;
	width: 52%;
	vertical-align: top;
}
#company_kasou #cmpk_cont .cmpk_cnt1  .img{
	display: inline-block;
	width: 39.9%;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt2 .cnt_txt2_2{
	display: inline-block;
	margin-right: 0px !important;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt p.tit{
	font-size: 28px;
	line-height: 28px;
	color: #003399;
	margin-bottom: 25px;
	border-bottom: none;
	padding-bottom: 0px;
	font-weight: bold;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt p{
	font-size: 14px;
	line-height: 20px;
	padding-bottom: 26px;
	border-bottom: solid 1px #003399;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt2{
	margin-top: 25px;
	/* width: 55%; */
}
#cmpk_cont .cmpk_cnt1 .cnt_txt2 p{
	font-size: 14px;
	line-height: 20px;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt2 .cnt_txt2_1{
	display: inline-block;
	width: 43%;
	vertical-align:  top;
	margin-right: 18px;
}
#cmpk_cont .cmpk_cnt1 .cnt_txt2 .txt2_2{
	margin-right: 0px !important;
}
#cmpk_cont .cmpk_cnt2{
	width: 100%;
	margin-top: 105px;
	padding-bottom: 50px;
}
#cmpk_cont .cmpk_cnt2 .cnt2_txt{
	display: inline-block;
	width: 53%;
	vertical-align: top;
	margin-right:  43px;
}
#cmpk_cont .cmpk_cnt2 .cnt2_img{
	display: inline-block;
	width: 42%;
}
#cmpk_cont .cmpk_cnt2 .cnt2_img img{
	width: 100%;
}
#cmpk_cont .cmpk_cnt2 .cnt2_txt p{
	font-size: 14px;
	line-height: 20px;
}
#cmpk_cont .cmpk_cnt2 .cnt2_txt p.dot{
	margin-bottom: 5px;
}
#cmpk_cont .cmpk_cnt2 .cnt2_txt p.m_t{
	margin-top: 40px;
}
#cmpk_cont .cmpk_cnt1 .map{
	padding-bottom: 60px;
}
#cmpk_cont .print{
	background-color: #e9efff;
	padding: 50px 0px;
	display: block;
}
#cmpk_cont .print .pri_txt{
	font-size: 18px;
	line-height: 40px;
	color: white;
	text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
#cmpk_cont .print .pri_txt p{
	background-color: #00278b;
	padding: 20px;
	width: 20%;
  margin: 0 auto;
}

#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_honsya{
	background: url(../image/pc/cmp_bg1.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 540px;
}
#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_meisyo{
	background: url(../image/pc/cmp_bg2.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 540px;
}
#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_sakurai{
	background: url(../image/pc/cmp_bg3.png);
	background-position-x: right;
	background-position-y: center;
  background-repeat: no-repeat;
	background-size: 540px;
}

/*map*/
#map_j{
	width:100%;
	height:525px;
}
.map img{
	width: 100%;
}
.map_btn{
	text-align: center;
	margin-top: 30px;
}
.map_btn img{
	width: 250px;
}

#company #cmpk_cont .cmpk_cnt1 .cnt_txt img.sp{
	display: none;
}

@media screen and (max-width: 750px){
	#header .hd_list{
		position: static;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:0;
    border-color:none ;
    padding-top: 0px;
    padding:0px 0px;
    background-color: none;
    opacity: 1;
		box-shadow: none;
	}
	#header .sp_hd_menu{
		background-color: rgba(255,255,255,0.8);
		position: fixed;
	}
	#header .hd_logo{
		top: 26px;
    left: 0px;
		width: 425px;
		position: fixed;
	}
	header#header{
		background-image: url(../image/sp/bg_sp.png);
    height: 559px;
	}
	#header .hd_tit{
		top: 37.5%;
    left: 0;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 382px 0 0 450px;
    border-color: transparent transparent transparent #011751;
	}
	#header .hd_tit .hd_t_txt, #header .hd_tit .hd_t_txt_sub{
		display: block;
	}
	#header .hd_t_txt_sub{
		top: -143px;
    left: -430px;
    z-index: 9;
	}
	
	#company_kasou header#header{
		height: 559px;
	}
	#company header#header{
		height: 559px;	
	}
	
	
	#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_honsya{
		background-position-x: center;
		background-position-y: 550px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 880px;
	}
	#cmpk_cont #cmpk_tit{
		padding: 40px 20px 0px;
	}
	#cmpk_cont .cmpk_cnt1{
		max-width: 750px;
    padding-top: 55px;
    margin: 0 auto;
    padding: 55px 20px 0px;
	}
	#company_kasou #cmpk_cont .cmpk_cnt1 .txt{
		width: 100%;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt{
		width: 100%;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt2{
		width: 100%;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt2 .cnt_txt2_1{
		width: 100%;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt2 .txt2_2{
		margin-top: 20px !important;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt p.tit{
		font-size: 38px;
		line-height: 38px;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt p{
		font-size: 28px;
		line-height: 50px;
	}
	#cmpk_cont .cmpk_cnt1 .cnt_txt2 p{
		font-size: 28px;
		line-height: 50px;
	}
	#cmpk_cont .cmpk_cnt2 .cnt2_txt{
		width: 100%;
		margin-right: 0px;
    margin-bottom: 50px;
	}
	#cmpk_cont .cmpk_cnt2{
		margin-top: 0px;
	}
	#cmpk_cont .cmpk_cnt2 .cnt2_txt p{
		font-size: 28px;
    line-height: 42px;
	}
	#cmpk_cont .cmpk_cnt2 .cnt2_img{
		width: 100%;
	}
	
	
	#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_meisyo{
		background-position-x: center;
		background-position-y: 510px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 840px;
	}
	#company_kasou #cmpk_cont .cmpk_cnt1 .cmpk_cnt_sakurai{
		background-position-x: center;
		background-position-y: 440px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 770px;
	}
	
	#company #cmpk_cont .kokunai{
		max-width: 750px;
    padding: 0px 20px;
	}
	#company #cmpk_cont .kokunai p{
		font-size: 38px;
    line-height: 38px;
		margin-top: 100px;
	}
	#company #cmpk_cont .m_1{
		background-position-x: center;
		background-position-y: 580px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 810px;
	}
	#company #cmpk_cont .m_2{
		background-position-x: center;
		background-position-y: 540px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 790px;
	}
	#company #cmpk_cont .m_3{
		background-position-x: center;
		background-position-y: 470px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 700px;
	}
	#company #cmpk_cont .m_4{
		background-position-x: center;
		ba;
		background-position-y: 570px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 880px;
	}
	#company #cmpk_cont .m_5{
		background-position-x: center;
		background-position-y: 620px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 940px;
	}
	#company #cmpk_cont .m_6{
		background-position-x: center;
		background-position-y: 580px;
		background-repeat: no-repeat;
		background-size: 540px;
		height: 810px;
	}
	
	
	#company #cmpk_cont .cmpk_cnt1 .txt{
		width: 100%;
	}
	#company #cmpk_cont .cmpk_cnt1 .cnt_txt p.tit{
		font-size: 38px;
    line-height: 42px;
	}
	#company #cmpk_cont .cmpk_cnt1 .cnt_txt img.pc{
		display: none;
	}
	#company #cmpk_cont .cmpk_cnt1 .cnt_txt img.sp{
		display: inline-block;
	}
	#company #cmpk_cont .cmpk_cnt1 .cnt_txt img.syousai{
		margin-top: -20px;
	}
	
	
	
	#cmpk_content .kyoten_map{
		background: url(../image/sp/kyoten.png);
    height: 963px;
    position: relative;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 11px;
    background-color: white;
	}
	
	#cmpk_content .kyoten_map img.k_btn1{
		margin-left: -320px;
    margin-top: 71px;
	}
	#cmpk_content .kyoten_map img.k_btn2{
		margin-left: -55px;
    margin-top: 177px;
	}
	#cmpk_content .kyoten_map img.k_btn3{
		margin-left: 3px;
    margin-top: 116px;
	}
	#cmpk_content .kyoten_map img.k_btn4{
		margin-left: -77px;
		margin-top: 670px;
	}
	#cmpk_content .kyoten_map img.k_btn5{
		margin-left: -320px;
		margin-top: 507px;
	}
	#cmpk_content .kyoten_map img.k_btn6{
		margin-left: -17px;
		margin-top: 819px;
	}
	
	#cmpk_cont .print{
		display: none;
	}
	.map_btn img{
		width: 376px;
	}
}

@media print{
	html,body{
    height: auto;
  }
  #header{display:none;}
	footer{display:none;}
	#page-top{display: none !important;}
	##cmpk_cont{margin-top: 0px !important;}
	#cmpk_cont .print{display: none;}
	#cmpk_cont #cmpk_tit{padding-top: 0px!important;}
	#cmpk_cont .cmpk_cnt2{margin-top:25px;}
	#cmpk_cont .cmpk_cnt1 .map{padding-bottom: 0px;}
	#cmpk_cont #cmpk_content{padding-bottom: 20px;}
	#cmpk_cont .cmpk_cnt2{padding-bottom: 20px;}
	.map_btn{
		display: none;
	}
}
