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

/* 社長挨拶 */

#contents01{
	width:100%;
	margin:0 0 50px 0;
	}

#contents01 .left_text{
	width:60%;
	margin:0 2% 0 0;
	float:left;
	}

#contents01 .left_text p{
	margin:0 0 10px 0;
	font-size:1.6rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	}

#contents01 .left_text p.name{
	font-family: "Vollkorn","游明朝","Yu Mincho","游明朝体","YuMincho","Hiragino Mincho ProN","HiraMinProN-W3","Noto Serif JP",serif;
	font-size:1.7rem;
	text-align:right;
	}

#contents01 .right_images{
	width:36%;
	margin:0 0 50px 0;
	float:right;
	}

#contents01 .right_images img{
	width:100%;
	height:auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
	}



/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:750px) {
	/* 表示領域が750px未満の場合に適用するスタイル */
	#contents01 .left_text{
	width:100%;
	margin:0 0 2% 0;
	float:none;
	}
	#contents01 .left_text p{
	font-size:1.4rem;
	}
	#contents01 .left_text p.name{
	font-size:1.4rem;
	}
	#contents01 .right_images{
	width:60%;
	margin:2% auto;
	float:none;
	}
	#contents01 .right_images img{
	vertical-align: bottom;
	}
}


/* 会社概要 */

#contents02{
	width:100%;
	margin:0 0 50px 0;
	clear:both;
	}

#contents02 table {
	width:90%;
	margin:0 5%;
	border-spacing: 0;
	}

/*th,td {
 display: block;
 text-align: left;
 width: 100%;
 }*/

#contents02 table th {
	padding: 8px 15px;
	background: #2A4073;
	font-size:1.6rem;
	color:#FFFFFF;
	line-height:170%;
	font-weight: bold;
	text-align:left;
	border-left:1px solid #69799d;
	border-top:1px solid #69799d;
	border-bottom:1px solid #69799d;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	}

#contents02 table th:last-child {
	border-right:1px solid #258;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
	}

#contents02 table tr td {
	padding: 8px 15px;
	border-top: 1px solid #69799d;
	border-bottom: 1px solid #69799d;
	border-left: 1px solid #69799d;
	font-size:1.6rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	}

#contents02 table td a{
	color:#434343;
	text-decoration:none;
	}

#contents02 table tr td:last-child {
	border-right: 1px solid #69799d;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
	}

#contents02 table tr {
	background: #fff;
	}

#contents02 table tr:nth-child(2n+1) {
	background: #f4f5f8;
	}

#contents02 table tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
	}

#contents02 table tr:hover {
	background: #dfe3ea;
	cursor:pointer;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:450px) and (max-width:750px) {
	/* 表示領域が450px以上750px以下の場合に適用するスタイル */
	#contents02 table th {
	font-size:1.4rem;
	}
	#contents02 table td {
	font-size:1.4rem;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:450px) {
	/* 表示領域が450px未満の場合に適用するスタイル */
	#contents02 table th {
	width:100%;
	font-size:1.4rem;
	display: block;
	}
	#contents02 table td {
	width:100%;
	font-size:1.4rem;
	display: block;
	}
	#contents02 table tr td:last-child {
	box-shadow:none;
	}
	#contents02 table td.text01 {
	border-right: 1px solid #69799d;
	}
}

/* 工場設備 */

#contents03{
	width:100%;
	margin:0 0 50px 0;
	}

#contents03 .left_text{
	width:50%;
	margin:0 2% 0 0;
	float:left;
	}

#contents03 .left_text h3{
	padding:5px 0 2px 5px;
	border-top: solid 1px #2A4073;
	border-bottom: solid 1px #2A4073;
	font-size:1.6rem !important;
	}

#contents03 .left_text p{
	margin:0 0 20px 0;
	font-size:1.6rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	}

#contents03 .right_images{
	width:48%;
	margin:0 0 50px 0;
	float:right;
	}

#contents03 .right_images img{
	width:100%;
	height:auto;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.32);
	}


/* -------------------------------------------------- タブレット */
@media screen and (min-width:750px) and (max-width:1199px) {
	/* 表示領域が750px以上1199px以下の場合に適用するスタイル */
	#contents03 .left_text p{
	font-size:1.4rem;
	}
	#contents03 .right_images img{
	vertical-align: bottom;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:750px) {
	/* 表示領域が750px未満の場合に適用するスタイル */
	#contents03 .left_text{
	width:100%;
	margin:0 0 2% 0;
	float:none;
	}
	#contents03 .left_text p{
	font-size:1.4rem;
	}
	#contents03 .right_images{
	width:90%;
	margin:0 auto;
	float:none;
	}
	#contents03 .right_images img{
	vertical-align: bottom;
	}
}



/* アクセス */

#contents04{
	width:100%;
	margin:0 0 80px 0;
	clear:both;
	}

#contents04 .Googlemap {
	position: relative;
	padding-bottom: 40%;
	margin: 30px auto;
	height: 0;
	overflow: hidden;
	clear: both;
	}
 
#contents04 .Googlemap iframe,
#contents04 .Googlemap object,
#contents04 .Googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* -------------------------------------------------- タブレット */
@media screen and (max-width:1199px) {
	/* 表示領域が1199px以下の場合に適用するスタイル */
	.Googlemap{
	width: 100% !important;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:750px) {
	/* 表示領域が750px未満の場合に適用するスタイル */
	.Googlemap{
	width: 100% !important;
	}
	#contents04 .Googlemap {
	padding-bottom: 60%;
	}
}


/* 企業特色 */

#contents05{
	width:100%;
	margin:0 0 50px 0;
	}

#contents05 .images{
	width:100%;
	margin:30px 0 0 0;
	}

#contents05 .images01{
	margin:0 20px 0 0;
	float:left;
	}

#contents05 .images02{
	float:right;
	}

#contents05 img{
	width:100%;
	height:auto;
	vertical-align: bottom;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:650px) and (max-width:1199px) {
	/* 表示領域が650px以上1199px以下の場合に適用するスタイル */
	#contents05 .images01{
	width:49%;
	margin:0 2% 0 0;
	float:left;
	}
	#contents05 .images02{
	width:49%;
	float:right;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:650px) {
	/* 表示領域が650px未満の場合に適用するスタイル */
	#contents05 .images01{
	width:90%;
	margin:0 auto 3% auto;
	float:none;
	}
	#contents05 .images02{
	width:90%;
	margin:0 auto;
	float:none;
	}
}


/* 沿革 */

#contents06{
	width:100%;
	margin:0 0 50px 0;
	clear:both;
	}

#contents06 table {
	width:90%;
	margin:0 5%;
	border-spacing: 0;
	border-top:1px dotted #B5B5B5;
	}

#contents06 table th {
	width:25%;
	padding:20px;
	font-size:1.5rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	font-weight: normal;
	border-bottom:1px dotted #B5B5B5;
	background: #E5E5E5;
	}

#contents06 table td {
	padding:20px;
	font-size:1.5rem;
	color:#434343;
	line-height:170%;
	text-align:left;
	border-bottom:1px dotted #B5B5B5;
	}

/* -------------------------------------------------- タブレット */
@media screen and (min-width:450px) and (max-width:750px) {
	/* 表示領域が450px以上750px以下の場合に適用するスタイル */
	#contents06 table th {
	font-size:1.4rem;
	}
	#contents06 table td {
	font-size:1.4rem;
	}
}

/* -------------------------------------------------- スマートフォン */
@media screen and (max-width:450px) {
	/* 表示領域が450px未満の場合に適用するスタイル */
	#contents06 table th {
	width:100%;
	font-size:1.4rem;
	display: block;
	}
	#contents06 table td {
	width:100%;
	border-bottom:none;
	font-size:1.4rem;
	display: block;
	}
}