/* Products -- All Products -- */

.ProdAll .ProdCArea {
	margin: 0 1rem 2rem 1rem;
	padding: 1rem;
	border: 1px solid #f0f0f0;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h3 {
	padding: .5rem .5rem !important;
	background: #0e75bc !important;
	color: #fff !important;
	text-align: center !important;
	border-bottom: none !important;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h3 .CompN {
	letter-spacing: .1rem !important;
	font-size: 70% !important;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h4 {
	padding: .5rem .5rem .5rem 2rem !important;
	color: #ff7200 !important;
	background: url(../img/icon/icon-Prodh4.png) no-repeat 0 50%;
	background-size: 24px;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h4 a {
	text-decoration: none;
	color: #ff7200 !important;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h5 {
	margin: 0;
	padding: .5rem .5rem .5rem 2rem !important;
	color: #0e75bc !important;
	background: url(../img/icon/icon-Prodh5.png) no-repeat 0 50% !important;
	background-size: 24px !important;
	border-top: 1px solid #d5eeff;
	border-bottom: 1px solid #d5eeff;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h5 a {
	text-decoration: none;
	color: #0e75bc !important;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea h6 {
	margin: .5rem 0;
	padding: .5rem !important;
	color: #4c4c4c !important;
	background: #eaeaea;
}
	@media(min-width:1024px){
	}

.ProdAll .ProdCArea ul {
	padding: 0;
	list-style: none;
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul {
			padding: 1rem;
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap; /* Safari */
			flex-wrap: wrap;
		}
	}

.ProdAll .ProdCArea ul li:before {
	content: '・';
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul li:before {
		}
	}

.ProdAll .ProdCArea ul li {
	margin: 1rem .5rem;
	padding: .5rem;
	text-align: center;
	cursor: pointer;
	display: block;
	background: #f7f7f7;
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul li {
			margin: 0 1rem 0 0;
			padding: 0;
			background: none;
			transition: all .3s linear;
		}
	}

.ProdAll .ProdCArea ul li a {
	width: 100%;
	height: 100%;
	color: #0e75bc !important;
	text-decoration: none;
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul li a {
			text-decoration: none;
			transition: all .3s linear;
		}
	}

.ProdAll .ProdCArea ul li a:hover {
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul li a:hover {
			color: #58b516 !important;
		}
	}

.ProdAll .ProdCArea ul li h4 {
	padding: .5rem;
	color: #fff;
	background: #333;
	text-align: center;
	font-weight: normal;
}
	@media(min-width:1024px){
		.ProdAll .ProdCArea ul li h4 {
		}
	}


/* Products -- All Products -- */

/* Products -- Into Products -- */

.ProdIn {
	margin: 0 0 4rem 0 !important;
	overflow: hidden;
}
	@media(min-width:1024px){
	}

.ProdIn .ProdBtnArea {
	margin: 3rem 0 0 0;
	overflow: hidden;
}
	@media(min-width:1024px){
	}

.ProdIn .ProdBtnArea .BtnCont {
	margin: 0 .5rem 1rem .5rem !important;
	padding: .8rem .2rem !important;
	width: 96%;
	font-size: 1rem;
	background: url(../img/icon/icon-triangle.png) 100% 0% no-repeat !important;
	border: none !important;
	letter-spacing: .2rem !important;
	cursor: pointer !important;
	border: 1px solid #2973BB !important;
}
	@media(min-width:1024px){
		.ProdIn .ProdBtnArea .BtnCont {
			margin: 0 .5rem !important;
			padding: .8rem .2rem !important;
			width: 48%;
		}
	}

.ProdIn .ProdBtnArea .BtnCont a {
	width: 100%;
	height: 100%;
	display: block;
	color: #0e75bc;
	text-decoration: none;
	transition: all .3s linear;
}
	@media(min-width:1024px){
	}

.ProdIn .ProdBtnArea .BtnCont a:hover {
	color: #5fb30a;
}
	@media(min-width:1024px){
	}


.ProdIn p {
	margin: 0 1.5rem !important;
}
	@media(min-width:1024px){
	}

.ProdIn p img {
	margin: .5rem !important;
	float: right;
}
	@media(min-width:1024px){
	}


.ProdIn h3 {
	margin: 0 0 2rem 0 !important;
	padding: 0 0 .5rem 2rem !important;
	background: url(../img/icon/icon-Prodh5.png) no-repeat 0 15% !important;
	background-size: 24px !important;
}
	@media(min-width:1024px){
	}

.ProdIn h4:first-letter {
	font-size: 2rem;
	margin: 0 .5rem 0 0;
	padding: .5rem;
	color: #fff;
	background: #6ac51d;
}
	@media(min-width:1024px){
	}

.ProdIn h4 {
	margin: 1rem .5rem;
	color: #6ac51d;
	font-weight: normal !important;
}
	@media(min-width:1024px){
	}

.ProdIn h5 {
	margin: 1rem .5rem;
	padding: .2rem .2rem .2rem 3rem !important;
	color: #49A2ED !important;
	font-size: 1rem !important;
	font-weight: normal !important;
	background: url(../img/icon/icon-Prodh5.png) no-repeat 2% 50%,#ecf6ff !important;
	background-size: 22px !important;
}
	@media(min-width:1024px){
	}

.ProdIn h6 {
	margin: .5rem;
	padding: .3rem .2rem .3rem 3rem !important;
	color: #f36f43 !important;
	font-size: 1rem !important;
	font-weight: normal !important;
	background: #fff6ec !important;
}
	@media(min-width:1024px){
	}

.ProdIn .AreaQA {
}
	@media(min-width:1024px){
	}

.ProdIn .AreaQA ul {
	overflow: hidden;
}
	@media(min-width:1024px){
	}

.ProdIn .AreaQA .IconQ{
	padding: 0 0 0 2rem !important;
	color: #ff9d00 !important;
	background: url(../img/icon/icon-Q.png) no-repeat 0% 50% !important;
	background-size: 24px !important;
}
	@media(min-width:1024px){
	}

.ProdIn .AreaQA .IconA{
	padding: 0 0 0 2rem !important;
	background: url(../img/icon/icon-A.png) no-repeat 0% 50% !important;
	background-size: 24px !important;
}
	@media(min-width:1024px){
	}

.ProdIn ul {
	margin: 1rem 1rem 0 1rem;
	overflow: hidden;
}
	@media(min-width:1024px){
	}

.ProdIn ul li {
	margin: .5rem;
	padding: 0 0 0 1.5rem;
	display: block;
	color: #868686;
	float: left;
	background: url(../img/icon/icon-ProdIn.png) no-repeat 0 15% !important;
	background-size: 20px !important;
}
	@media(min-width:1024px){
	}

.ProdIn ul li a {
}
	@media(min-width:1024px){
		.ProdIn ul li a {
			width: 100%;
			height: 100%;
			color: #fff;
			text-shadow: 0 .1rem .1rem #333;
			text-decoration: none;
			font-size: 1.2rem;
		}
	}

.ProdIn ul li h4 {
	padding: .5rem;
	color: #333;
	background: #f2f2f2;
	text-align: center;
	font-weight: normal;
	font-size: 1rem !important;
	letter-spacing: .1rem;
}
	@media(min-width:1024px){
		.ProdIn ul li h4 {
		}
	}

.ProdIn .ProdDMenu {
	margin: 2rem 0 0 0;
}
	@media(min-width:1024px){
		.ProdIn .ProdDMenu {
		}
	}

/* Products -- Into Products -- */