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

.cnt h4{
  margin-bottom: 15px;
  padding: 0 0 .3em;
  font-size: 1.8rem;
  font-weight: 700;
  border-bottom: 3px double #7ea0d0;
}
.itmlst li{
	margin: 0 1% 20px;
}
.abtbox{
	width: 90%;
	margin: 50px auto 0;
	padding: 20px 30px 30px;
	background: url("/images/product/abt_bg.png") 50% 50% no-repeat;
	background-size: 100% 100%;
	box-shadow:0px 4px 6px -4px #acacac;
}
.abtbox div{
	width: 55%;
	padding-right: 20px;
}
.abtbox h3{
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: 700;
	color: #0047a1;
}
.abtbox .pictbox{
	width: 45%;
	padding: 30px 0 0;
	color: #0047a1;
}
.abtbox .pictbox img{
	display: block;
	margin-bottom: 15px;
}
.mrtbox{
	width: 90%;
	margin: 50px auto 0;
	padding: 20px 30px 30px;
	background: #ececec;
	box-shadow:0px 4px 6px -4px #acacac;
}
.mrtbox h3{
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: 700;
	color: #0047a1;
}
.mrtbox ul{
	padding: 10px 30px;
	background: #ffffff;
}
.mrtbox li{
	font-size: 1.8rem;
	line-height: 1.4em;
	font-weight: 700;
	padding: 25px 10px 25px 80px;
	border-bottom: 1px dotted #999999;
	background: url("/images/product/mrt_icon1.png") 1% 50% no-repeat;
}
.mrtbox li:nth-of-type(2){
	background: url("/images/product/mrt_icon2.png") 1% 50% no-repeat;
}
.mrtbox li:nth-of-type(3){
	background: url("/images/product/mrt_icon3.png") 1% 50% no-repeat;
}
.mrtbox li:nth-of-type(4){
	background: url("/images/product/mrt_icon4.png") 1% 50% no-repeat;
}
.mrtbox li:nth-of-type(5){
	background: url("/images/product/mrt_icon5.png") 1% 50% no-repeat;
	border: 0;
}
.mrtbox li span{
	color: #ff6511;
}
.attbox{
	width: 90%;
	margin: 50px auto 0;
}
.attbox div{
	width: 65%;
}
.attbox div li{
	list-style: disc;
	margin: 0 0 10px 20px;
	font-size: 1.2rem;
}
.attbox .pictbox{
	width: 35%;
	text-align: center;
}
.oybox p{
	width: 90%;
	margin: 0 auto 1em;
}
.oybox h4{
	width: 90%;
	margin: 0 auto 30px;
	padding-top: 20px;
}
.oybox .ltxt{
	font-size: 2rem;
	line-height: 1.5em;
}
.oybox h5{
	width: 90%;
	margin: 0 auto 20px;
	padding-top: 20px;
	font-size: 1.6em;
	line-height: 1.4em;
	text-align: center;
	color: #0047a1;
}
.oybox .pmbox{
	width: 90%;
  margin: 0 auto;
  padding: 20px;
  background: url("/images/product/wrd_type1_bg.png") 50% 50%;
}
.oybox .pmbox .pictbox{
	width: 50%;
	text-align: center;
}
.oybox .pmbox div{
	width: 50%;
}
.oybox .pmbox h5{
	margin: 0 0 10px;
	padding: .5em;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	border-left: 5px solid #0047a1;
	background: #ffffff;
	box-shadow:0px 4px 6px -4px #acacac;
}
.oybox .pmbox li{
	list-style: disc;
	margin: 0 0 10px 30px;
}
.chrybox p{
	padding: 0 20px;
}
.chrybox p img{
	display: block;
	margin: 20px auto;
}
.jzkbox p{
	line-height: 1.8em;
	text-align: center;
}
.jzklst{
	margin: 30px auto 0;
}
.jzklst li{
	width: 30%;
	margin: 0 1.5% 20px;
}
.jzklst li img{
	display: block;
	margin-bottom: 10px;
}
.biybox{
	width: 96%;
	margin: 0 auto;
}
.biybox p{
	margin: 0 auto 2em;
}
.biybox .pctbox{
	text-align: center;
}
.biybox .pctbox span{
	display: block;
}
.biybox .pctbox img{
	margin-bottom: 20px;
}
.wrdbox{
  width: 96%;
  margin: 0 auto 40px;
}
.wrdbox p{
  margin-bottom: 1em;
  line-height: 1.8em;
}
.wrdbox p strong{
  display: block;
}
.type1{
  margin: 0 auto 5px;
  padding: 15px;
  background: url("/images/product/wrd_type1_bg.png") 50% 50%;
}
.type1 .imgbox{
  width: 50%;
  margin: 0;
}
.type1 div{
  width: 50%;
}
.type1 p strong{
  font-size: 1.6rem;
}
.type2 p{
  position: relative;
  width: 18%;
  margin: 0 1%;
  padding: 10px;
  line-height: 1.5em;
  color: #06234b;
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
}
.type2 p::after{
  content: "\f105";
  position: absolute;
  top: 40%;
  right: -30px;
  width: 30px;
  font-family: 'Font Awesome 5 Free';
  font-size: 40px;
  font-weight: 900;
  color: #4d7ebb;
}
.type2 p:last-child::after{
  content: "";
}
@media screen and (max-width: 414px) {
	.cnt h4{
		margin-bottom: 10px;
		padding: 0 0 .2em;
		font-size: 1.6rem;
	}
	.itmlst li{
		width: 45%;
		margin: 0 1% 30px;
	}
	.abtbox{
		width: 100%;
		margin: 20px auto 0;
		padding: 20px 10px;
	}
	.abtbox div{
		width: 100%;
		padding-right: 0;
	}
	.abtbox h3{
		margin-bottom: 10px;
		font-size: 1.8rem;
		text-align: center;
	}
	.abtbox .pictbox{
		width: 100%;
		padding: 10px 0 0;
	}
	.abtbox .pictbox img{
		max-width: 90%;
		margin: 0 auto 10px;
	}
	.mrtbox{
		width: 100%;
		margin: 20px auto 0;
		padding: 20px 10px;
		background: #ececec;
		box-shadow:0px 4px 6px -4px #acacac;
	}
	.mrtbox h3{
		margin-bottom: 10px;
		font-size: 1.8rem;
		text-align: center;
	}
	.mrtbox ul{
		padding: 10px 10px;
	}
	.mrtbox li{
		font-size: 1.6rem;
	}
	.mrtbox li span{
		color: #ff6511;
	}
	.attbox{
		width: 100%;
		margin: 20px auto 0;
		padding: 0 10px;
	}
	.attbox div{
		width: 100%;
	}
	.attbox .pictbox{
		width: 100%;
	}
	.oybox p{
		width: 96%;
		margin: 0 auto 1em;
	}
	.oybox h4{
		width: 96%;
		margin: 0 auto 15px;
		padding-top: 10px;
	}
	.oybox .ltxt{
		font-size: 1.8rem;
	}
	.oybox h5{
		width: 96%;
		margin: 0 auto 10px;
		padding-top: 0;
		font-size: 1.4em;
		line-height: 1.6em;
	}
	.oybox .ctrtxt{
		text-align: left;
	}
	.oybox .pmbox{
		width: 96%;
		margin: 0 auto;
		padding: 10px;
	}
	.oybox .pmbox .pictbox{
		width: 100%;
	}
	.oybox .pmbox div{
		width: 100%;
	}
	.chrybox p{
		padding: 0 10px;
	}
	.chrybox p img{
		display: block;
		margin: 10px auto;
	}
	.jzklst{
		margin: 20px auto 0;
	}
	.jzklst li{
		width: 100%;
		margin: 0 10px 30px;
	}
	.jzklst li img{
		margin: 0 auto 10px;
	}
	.wrdbox{
		width: 96%;
		margin: 0 auto 20px;
	}
	.type1{
		margin-bottom: 10px;
		padding: 10px;
	}
	.type1 .imgbox{
		width: 100%;
		margin-bottom: 10px;
	}
	.type1 div{
		width: 100%;
	}
	.type2 p{
		width: 100%;
		margin: 0 1% 24px;
	}
	.type2 p::after{
		content: "\f078";
		position: absolute;
		top: 105%;
		right: 0;
		left: 0;
		width: 20px;
		margin: 0 auto;
		font-family: 'Font Awesome 5 Free';
		font-size: 30px;
		font-weight: 900;
		color: #4d7ebb;
	}
	.type2 p:last-child::after{
		content: "";
	}
}