@charset "utf-8";
/* CSS Document */

header {
	background:url(../img/local/local_branding_bg7.jpg) no-repeat center top;
	height:440px;
	background-size: cover;
}
header .h2_box {
	padding:158px 0 0;
}
header .h2_box h2 {
	color:#FFF;
	font-size:285.7%;/*40px*/
	text-align:center;
	line-height:1.4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
  width: 230px;
  height: 230px;
  border-radius: 230px;
	background:#321f1f;
	margin:auto;
}

header h2 span {
	display:block;
	font-size:40.9%;/*18px*/
	font-weight:normal;
}
main {
	width:100%;
	max-width: 1366px;
	margin:0 auto;
	padding: 100px 0;
	font-size: 1.6rem;/*16px*/
}
main section {
	margin:0 0 80px;
	padding: 20px;
}
main h3 {
	font-size:3.0rem;/*30px*/
	font-weight:normal;
	text-align:center;
	margin:0 0 50px;
	padding:0 0 10px;
	border-bottom:1px solid #585858;
}
main h4 {
	color:#FFF;
	font-size:2.0rem;/*20px*/
	background:#321f1f;
	margin:0 0 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:inline-block;
	padding:2px 15px;
}

main #head-facility {
	color:#FFF;
	font-size:2.0rem;/*20px*/
	background:#321f1f;
	margin:50px 0 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display:inline-block;
	padding:2px 15px;
}

/* flex_box */
*, *:before, *:after {
	box-sizing: border-box;
}
main section .img_box{
	width: 100%;
	display: flex;
	margin: 30px auto;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	text-align: center;
	position: relative;
}
main section .img_box > div{
	width: 33.33333%;
	padding: 0 5px 10px;
}
main .factory .img_box{
	width: 100%;
	display: flex;
	margin: 0 auto;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	text-align: center;
}
main .factory .img_box > div{
	width: 33.33333%;
	padding: 10px;
}

/* products 上部*/
main section .img-container {
	width: 100%;
	display:flex;
	display: -ms-flexbox; /* IE10 */
	margin: 10px auto;
}
main section .img-container > div {
	width: 25%;
	padding: 5px;
}

/* flex_box_end */

main section .text_section {
	margin:0 0 60px;
}
dl.dl_list dt {
	background:url(../img/local/list_mark.png) no-repeat 3px 8px;
	padding:0 0 0 18px;
}
dl.dl_list dd {
	padding:0 0 0 18px;
}
ul.li_list li {
	background:url(../img/local/list_mark.png) no-repeat 4px 10px;
	padding:0 0 0 21px;
}
.img_radius {
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}

/* factory */
.factory .factory_photo {
  width: 100%;
  height: auto;
}

/* products */
#products header .h2_box h2 {
	font-size:257.1%;/*36px*/
}

.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contents-box {
	margin-bottom: 3rem;
	padding: 1rem;
	width: 32%;
}

.contents-box img {
	display: block;
	margin-bottom: 3rem;
	width: 100%;
	height: auto;
}

.contents-box h2 {
	margin-bottom: 2rem;
	font-size: 1.5rem;
	text-align: center;
	font-weight: 300
}
/* faq */
.qaContainer dt {
	margin: 20px;
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #321f1f;
	text-indent: -25px;
	color: #fff;
	text-align: left;
}
.qaContainer dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 7px;
	color: #fff;
}
.qaContainer dd {
	margin: 20px 30px 40px 35px;
	text-indent: -25px;
	text-align: left;
}
.qaContainer dd:before {
	content: "A.";
	color: #59493f;
	font-weight: bold;
	margin-right: 7px;
}

/* recruit */
.recruit_table {
	table-layout: auto;
	border-collapse:collapse;
	width: 100%;
	margin-bottom: 40px;
}
.recruit_table th {
	width: 25%;
	font-weight:normal;
	background:#e9e9e9;
	border:1px solid #b8b8b8;
	padding:20px 30px;
	text-align:  left;
}
.recruit_table td {
	padding:20px 30px;
	border:1px solid #b8b8b8;
	background:#FFF;
	text-align: left;
}
#recruit ul {
	margin: 20px 0 20px 20px;
}
#recruit ul li {
	margin: 0;
}
/* sitemap */
#sitemap header .h2_box h2 {
	color:#FFF;
	font-size:225%;/*36px*/
	text-align:center;
	line-height:1.4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 230px;
	height: 230px;
	border-radius: 230px;
	background:#321f1f;
	margin:auto;
}

.pc_sitemap {
	display: block;
}

.sp_sitemap {
	display: none;
}

.sitemap-cont {
	margin: 0 auto;
	padding: 30px;
}
.sitemap_left {
	display: inline-block;
	vertical-align: top;
	width: 49%;/*40%*/
  position: relative;
}

.sitemap dt, dd {
	margin: 0;
	padding: 5px 10px 5px 20px;
}
.sitemap dt {
	margin: 20px 0 0 0;
	font-weight: bold;
}
/* access */
.access_car {
	padding-left: 15em;
  text-indent: -15em;
}
.access_train {
	padding-left: 18.5em;
  text-indent: -18.5em;
}
.access_train_sp {
	display: none;
}


@media screen and (min-width: 0px) and (max-width: 1366px) {
main .factory .img_box
	main section .img_box{
	margin: 10px auto ;
}
main section .img_box > div{
	width: 33.33333%;
	padding: 0 5px 10px;
}
main .factory .img_box{
	margin: 10px auto ;
}
main .factory .img_box > div{
	width: 33.33333%;
	padding: 0 5px 10px;
}
}

@media screen and (min-width: 0px) and (max-width: 935px) {
header {
	height: 310px;
}
header .h2_box {
    padding: 70px 0 0;
}

#sitemap header .h2_box {
    padding: 70px 0 0;
} 
main {
	padding: 50px 0;
}
main section {
	margin: 0 0 30px;
	padding: 20px 15px;
}
.access_train {
	display: none;
}
.access_train_sp {
	display: block;
}
}

@media screen and (min-width: 0px) and (max-width: 768px){
header {
	height: 240px;
}
header .h2_box h2 {
	font-size: 171.4%;/*24PX*/
	line-height: 1.4;
	width: 160px;
	height: 160px;
	border-radius: 160px;
}
#sitemap header .h2_box h2 {
	font-size: 171.4%;/*24PX*/
	line-height: 1.4;
	width: 160px;
	height: 160px;
	border-radius: 160px;
}
#sitemap header .h2_box {
    padding: 70px 0 0;
}

/* products */
#products header .h2_box h2 {
	font-size: 171.4%;/*24PX*/
}

.contents-wrap {
	flex-direction: column;
}
.contents-box {
	width: 100%;
}
main {
	padding: 20px 0;
	font-size: 114.2%;/*16px*/
}
main h3 {
	font-size: 142.8%;/* 20px*/
}
main section .img-container {
	flex-direction: column;
}
main section .img-container > div {
	width: 100%;
	padding: 5px 0;
}
/* recruit */
#recruit {
	padding:30px 0;
}
}
@media screen and (min-width: 0px) and (max-width: 600px){
header {
	height: 200px;
}
header .h2_box h2 {
	font-size: 128.5%;/*18PX*/
	line-height: 1.4;
	width: 120px;
	height: 120px;
	border-radius: 120px;
}
#sitemap header .h2_box h2 {
	font-size: 128.5%;/*18PX*/
	line-height: 1.4;
	width: 120px;
	height: 120px;
	border-radius: 120px;
}

/* products */
#products header .h2_box h2 {
	font-size: 128.5%;/*18PX*/
}
main section {
	margin: 0 0 30px;
	padding: 0 15px 20px;
}
main h3 {
	margin:0 0 10px;
	padding:0 0 10px;
	font-size: 100%;/* 16px*/
}
main section .img_box{
	flex-direction: column;
}
main section .img_box > div{
	width: 100%;
	margin: 5px 0;
}
main .factory .img_box {
	flex-direction: column;
	margin: 0 auto;
}
main .factory .img_box > div{
	width: 100%;
	margin: 5px 0;
}
.qaContainer dt {
	margin: 0 auto;
	padding: 10px 10px 10px 35px;
}
.qaContainer dd {
	margin: 20px auto;
	padding: 10px 10px 10px 35px;
}
/* access */
.access_car {
	padding-left: 0;
  text-indent: 0;
}
}
@media screen and (min-width: 0px) and (max-width: 420px){
header {
	background: url(../img/local/local_branding_bg_sp.jpg) no-repeat center top;
}
}