@charset 'UTF-8';

p {
	font-size:16px; font-size:1.6rem;
	margin:0 0 2em 0;
}

/*Lead*/
h2+p {
	font-size:22px; font-size:2.2rem;
	font-weight:600;
	margin:-1em 0 1em 0;
}

#tabCont div.image {
	width:100%;
	margin-bottom:3em;
}
#tabCont div.image img {
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:800px;
}
#tabCont .table_out {
	width:100%;
	padding-bottom:15px;
}
/*スクロールバー表示させる*/
#tabCont .table_out {
  overflow-x:auto;
}
#tabCont .table_out::-webkit-scrollbar {
  height: 5px;
}
#tabCont .table_out::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
#tabCont .table_out::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

#tabCont table {
	width:100%;
	border:1px solid#BBB;
	border-collapse:collapse;
	table-layout:auto;
}
#tabCont table th {
	text-align:left;
	padding:0.5em 1em;
	border:1px solid#BBB;
	background-color:#EEE;
	font-weight:300;
	white-space:nowrap;
}
#tabCont table tr th:first-child {
}
#tabCont table td {
	padding:0.5em 1em;
	border:1px solid#BBB;
	/*white-space:nowrap;*/
}
#tabCont table ul {
	border-left:2px solid #b3b3b3;
	padding-left:20px;
}
#tabCont table li {
	display:inline-block;
	margin-right:20px;
}
#tabCont table+a {
	text-align:right;
	font-size:14px; font-size:1.4rem;
	border-bottom:2px solid #b3b3b3;
	padding-bottom:5px;
	margin-bottom:30px;
}
#tabCont table+a:last-child {
	border:none;
	padding:0;
	margin:0;
}
#tabCont table img {
 display: block;
 width: 150px;
 max-width: 100%;
}
#tabCont h3 {
	font-size:18px; font-size:1.8rem;
	color:#0f3d95;
	background-color:#e6e6e6;
	margin-bottom:15px;
}
#tabCont h3:before {
	content:'■ ';
	color:#0f3d95;
}
div#tab+h3 {
	margin:2em 0 0 0;
}
ul.docPDF {
	font-size:16px; font-size:1.6rem;
	margin:2em 2% 0 2%;
}
ul.docPDF li:first-child {
	border-top:1px dotted #CCC;
}
ul.docPDF li {
	border-bottom:1px dotted #CCC;
	padding:0.7em 1em;
}
ul.docPDF li a {
	font-weight:300;
}
ul.docPDF li a:after {
	position:relative;
	top:4px;
	margin:0 0 0 0.5em;
	content: url(../images/iconPDF.png);
}

/*columnList*/

ul.list li {
	width:45%;
	font-size:16px; font-size:1.6rem;
}
ul.list li h3 {
	font-size:22px; font-size:2.2rem;
	color:#0f3d95;
	background-color:#e6e6e6;
	margin-bottom:15px;
}
ul.list li h3:before {
	content:'■ ';
	color:#0f3d95;
}
ul.list li:nth-child(odd) {
	clear:both;
	float:left;
}
ul.list li:nth-child(even) {
	float:right;
}
ul.list li p,
.production ul.list img {
	margin-bottom:30px;
}

div.col2 img {
	float:left;
	width:49%;
}
div.col2 p {
	float:right;
	width:49%;
	font-size:16px;font-size:1.6rem;
}

/*ProductsFront*/

#ProductsFront ul {
	float:left;
	overflow:hidden;
}
#ProductsFront > ul li {
	font-size:16px; font-size:1.6rem;
	width:100%;
	float:left;
	overflow:hidden;
	padding-bottom:2em;
	text-align:center;
}
#ProductsFront ul li h3 {
	font-size:18px; font-size:1.8rem;
	color:#0f3d95;
	background-color:#e6e6e6;
	margin-bottom:15px;
	text-align:left;
}
#ProductsFront ul li h3:before {
	content:'■ ';
	color:#0f3d95;
}
#ProductsFront ul li h4 {
	font-size:16px; font-size:1.6rem;
	color:#0f3d95;
	margin:0 2%;
	text-align:left;
}
#ProductsFront ul li p {
	padding:0;
	margin:1em 2%;
	text-align:left;
}
#ProductsFront ul li > ul {
	width:96%;
	float:left;
	overflow:hidden;
	margin:1em 2% 2em 2%;
}
#ProductsFront ul li > ul li {
	font-size:14px; font-size:1.4rem;
	line-height:140%;
	text-align:center;
	width:22%;
	float:left;
	margin-right:4%;
	padding:0;
}
#ProductsFront ul li > ul li:last-child {
	margin-right:0;
}
#ProductsFront ul li > ul li p {
	text-align:center;
	padding-top:68%;
	border:2px solid #093A97;
	margin:0 0 0.5em 0;
	position:relative;
	overflow:hidden;
}
#ProductsFront ul li > ul li p img {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	margin:auto;
	object-fit: contain;
}
#ProductsFront ul li a {
	clear:both;
	display:inline-block;
	*display:inline;
	*zoom:1;
	min-width:300px;
	max-width:100%;
	text-align:center;
	padding: 0.5em 2em;
	border-radius: 5px;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	background-color: #093A97;
	color:#FFF;
	margin:1em auto 0 auto;
}

/*ProductsList*/

#ProductsList ul {
	float:left;
	overflow:hidden;
	padding:2em 2% 0 2%;
}
#ProductsList ul li {
	font-size:16px; font-size:1.6rem;
	width:100%;
	float:left;
	overflow:hidden;
	padding-bottom:2em;
}
#ProductsList ul li h3 {
	font-size:18px; font-size:1.8rem;
	color:#0f3d95;
	background-color:#e6e6e6;
	margin-bottom:15px;
}
#ProductsList ul li h3:before {
	content:'■ ';
	color:#0f3d95;
}
#ProductsList ul li div {
	width:30%;
	float:left;
}
#ProductsList ul li div img {
	margin:auto;
	max-width:100%;
	max-height:200px;
	width:auto;
	height:auto;
	
}
#ProductsList ul li p {
	padding:0;
	margin:0;
	width:65%;
	float:right;
}
#ProductsList ul li a {
	display:inline;
}
#ProductsList ul li a.detailLink {
	float: right;
	display: block;
	width: 200px;
	padding: 0.5em 1em;
	border-radius: 5px;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	background-color: #093A97;
	color:#FFF;
	text-align: center;
	margin-top: 5px;
}

/*Products Detail*/

#ProductsHead h3 {
	font-size:26px; font-size:2.6rem;
}
#ProductsHead h4 {
	font-size:20px; font-size:2.0rem;
}
#ProductsHead h3+p {
	font-size:18px; font-size:1.8rem;
	font-weight:600;
	margin: 1em 0 2em 0;
}
#ProductsHead div.main {
	font-size:16px; font-size:1.6rem;
	overflow:hidden;
}
#ProductsHead div.main span {
	display:block;
	font-size:12px; font-size:1.2rem;
	margin:2em 0;
}
#ProductsHead div.main a {
	display:inline;
}
#ProductsHead div.main a.bt_cl{
	display: block;
	width:300px;
	max-width:100%;
	text-align:center;
	padding: 0.5em 0;
	border-radius: 5px;
	font-size: 18px;
	font-size: 1.8rem;
	text-decoration: none;
	background-color: #093A97;
	color:#FFF;
	margin:1em auto 3em auto;
	clear:both;
}
#ProductsHead div.main p {
	width:40%;
	float:left;
	margin:0 2em 2em 0;
}
#ProductsHead div.main p img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:800px;
	margin:auto;
}

/*2022.07Added*/
#ProductsHead div.main div.flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 0 1em 0;
}
#ProductsHead div.main div.flex div.ph {
	width:40%;
	margin: 0 0 1em 0;
}
#ProductsHead div.main div.flex div.ph img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:800px;
	margin:auto;
}
#ProductsHead div.main div.flex div.txt {
	width:55%;
	margin: 0 0 1em 0;
}

@media only screen and (max-width: 1050px) {
#ProductsHead div.main div.flex div.ph {
	width:100%;
}
#ProductsHead div.main div.flex div.txt {
	width:100%;
}
}
/*2022.07Added*/


#ProductsFeature h4 {
	font-size:18px; font-size:1.8rem;
	color:#0f3d95;
	margin:2em 0;
}
#ProductsFeature span {
	font-size:80%;
}
#ProductsFeature p+span {
	display:block;
	font-size:12px; font-size:1.2rem;
	margin: 0 0 3em 0;
	color:#0f3d95;
}
h3.jirei {
	font-size:18px; font-size:1.8rem;
	color:#0f3d95;
	background-color:#e6e6e6;
	margin-bottom:15px;
}
h3.jirei:before {
	content:'■ ';
	color:#0f3d95;
}

@media only screen and (max-width: 1050px) {
	div.paren div {
		background-size:auto;
	}
	h2+p,h3+p {
		width:90%;
		margin:0 auto 40px 0!important;
	}
	.catTop h2+p {
		font-size:2.0rem;
	}
	.catTop h2+p br {
		display:none;
	}
	div.paren,
	ul.list,
	div.col2,
	.production .total+div {
		width:90%;
		margin:0 auto;
	}
	.catTop h2+p+p {
		width:90%;
		margin:0 auto 40px 0;
	}
	#ProductsHead,
	#ProductsFeature {
		padding:0 5%;
	}
}
@media only screen and (max-width: 500px) {
	ul.list li {
		float:none !important;
		width:100%;
	}
	#ProductsFront ul li a {
		max-width:90%;
		padding:0.5em 0;
	}
	div.col2 img,
	div.col2 p,
	.production .total+div p,
	.production .total+div p+img,
	#ProductsList ul li div {
		float:none;
		width:100%;
	}
	#ProductsList ul {
		float:none;
		width:90%;
		padding:0;
		margin:0 auto;
	}
	#ProductsFront ul li > ul {
		float:none;
		width:100%;
		margin:0 auto 1em;
	}
	#ProductsFront ul li > ul li {
		float:none;
		width:100%;
		margin:0 auto 20px;
	}
	#ProductsList ul li p {
		float:none;
		width:100%;
		margin:1em auto 0;
	}
	#ProductsList ul li a.detailLink {
		float:none;
		margin:5px auto 0;
	}
	#ProductsHead div.main p {
		float:none;
		width:100%;
	}
}



.per_txt {
	font-size: 1em;
	margin:10px auto 30px auto;
}
.per_waku{
	border: 1px solid #ccc;
	padding:20px;
	text-align: center;
}
.per-link{
	margin: 0 auto 50px auto;
	width: 60%;
}

.per-link p a {
	float: left;
	width: 40%;
	padding: 0.5em 1em;
	border-radius: 5px;
	font-size: 1.4rem;
	text-decoration: none;
	background-color: #093A97;
	color:#FFF;
	text-align: center;
	margin: 10px;
}
@media only screen and (max-width: 1050px) {
	.per_txt {
		font-size: 1em;
		margin:10px auto 30px auto;
		text-align: center;
		width: 90%;
	}
	.per_waku{
		border: 1px solid #ccc;
		padding:10px;
		text-align: center;
		margin: 20px;
	}
	.per-link p a {
		float: left;
		width: 40%;
		padding: 0.5em 1em;
		border-radius: 5px;
		font-size: 1.4rem;
		text-decoration: none;
		background-color: #093A97;
		color:#FFF;
		text-align: center;
		margin: 0 10px 0 0;
	}
}
@media only screen and (max-width: 850px) {
	.per_txt {
		font-size: 1em;
		margin:10px auto 30px auto;
		text-align: center;
		width: 90%;
	}
	.per_waku{
		border: 1px solid #ccc;
		padding:20px 20px 70px 20px;
		text-align: center;
		margin: 20px;
	}
	/*.per-link{*/
	/*	margin: 0 auto 50px auto;*/
	/*	width: 100%;*/
	/*}*/

	.per-link p a {
		width: 80%;
		border-radius: 5px;
		font-size: 1.4rem;
		text-decoration: none;
		background-color: #093A97;
		color:#FFF;
		text-align: center;
		margin: 10px auto;
	}
}