@charset "utf-8";
/********************************************************
	
	flex-grid:| sm  | md  | lg  |  xl  |
	min-width:| 576 | 768 | 992 | 1200 |
	max-width:| 575 | 767 | 991 | 1199 |

********************************************************/

/* ======================================================

	共通

====================================================== */

.sp{
	display:none;
}

.pc{
	display:block;
}

.clearfix:after{
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clearfix{
    min-height: 1%;
    _height: 1%;
}

.c_both{
	clear:both;
}

main{
	position: relative;
	padding-top: 100px;
	padding-bottom: 160px;
	background-color: #ffffff;
	color: #000000;
	line-height: 1.6;
}
.c-container{
	max-width: 1040px;
	padding-left: 20px;
	padding-right: 20px;
	/*font-size: 1.7rem;*/
}
@media screen and (max-width: 767px) {
	main{
		padding-top: 50px;
		padding-bottom: 0;
	}
	.c-container{
		padding-top: 40px;
		padding-bottom: 20px;
		/*font-size: 1.4rem;*/
	}

	.sp{
		display:block;
	}

	.pc{
		display:none;
	}
}


/* ======================================================
	space
====================================================== */
.pb10{
	padding-bottom:10px;
}

.pb20{
	padding-bottom:20px;
}

.pb30{
	padding-bottom:30px;
}

.pb40{
	padding-bottom:40px;
}

.pb50{
	padding-bottom:50px;
}

.pb60{
	padding-bottom:60px;
}

.pb70{
	padding-bottom:70px;
}

.pb80{
	padding-bottom:80px;
}

.pb90{
	padding-bottom:90px;
}

.pb100{
	padding-bottom:100px;
}

.pt10{
	padding-top:10px;
}

.pt20{
	padding-top:20px;
}

.pt30{
	padding-top:30px;
}

.pt40{
	padding-top:40px;
}

.pt50{
	padding-top:50px;
}

.pt60{
	padding-top:60px;
}

.pt70{
	padding-top:70px;
}

.pt80{
	padding-top:80px;
}

.pt90{
	padding-top:90px;
}

.pt100{
	padding-top:100px;
}

.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt70{
	margin-top:70px;
}

.mt80{
	margin-top:80px;
}

.mt90{
	margin-top:90px;
}

.mt100{
	margin-top:100px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}

.mb70{
	margin-bottom:70px;
}

.mb80{
	margin-bottom:80px;
}

.mb90{
	margin-bottom:90px;
}

.mb100{
	margin-bottom:100px;
}

@media screen and (max-width: 767px) {
	.mt100{
		margin-top:55px;
	}

	.mt70{
		margin-top:40px;
	}

	.pb100{
		padding-bottom:50px;
	}

	.pt100{
		padding-top:50px;
	}

	.pt90{
		padding-top:45px;
	}

	.pt70{
		padding-top:25px;
	}

	.pt40{
		padding-top:20px;
	}

}


/* ======================================================

	contents

====================================================== */
.prod__name{
	
}
.prod__name span{
	display: block;
	max-width: 600px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.prod__name span{
		width: 100%;
	}
}

.c-container img{
	width:100%;
}

.c-container h2{
	font-size:3.6rem;
	color:#ce0000;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.c-container > p{
	text-align:center;
}

.title{
	font-size:2.4rem;
	padding:5px 0;
	text-align:center;
	color:#fff;
	background: -moz-linear-gradient(left, #0085c7, #7e8e03);
	background: -webkit-linear-gradient(left, #0085c7, #7e8e03);
	background: linear-gradient(to right, #0085c7, #7e8e03);
}

.title span{
	font-size:70%;
}

.product_block{
	background:#eff0eb;
	padding:30px 0 0;
}


/* ======================================================
	series
====================================================== */
.series h4{
	width:580px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.series h4 p:first-child{
	width:255px;
	margin-right:15px;
}

.series h4 p:last-child{
	width:310px;
}

@media screen and (max-width: 767px) {
	.series h4{
		width:66%;
		display: block;
	}

	.series h4 p:first-child{
		width:70%;
		margin-right:0;
		margin:0 auto;
	}

	.series h4 p:last-child{
		width:80%;
		margin:10px auto 0;
	}
}

/* ======================================================
	Metal X
====================================================== */
.metalx h4{
	width:400px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.metalx h4 p:first-child{
	width:255px;
	margin-right:15px;
}

.metalx h4 p:last-child{
	width:130px;
}

@media screen and (max-width: 767px) {
	.metalx h4{
		width:66%;
		display: block;
	}

	.metalx h4 p:first-child{
		width:70%;
		margin-right:0;
		margin:0 auto;
	}

	.metalx h4 p:last-child{
		width:40%;
		margin:10px auto 0;
	}
}

/* ======================================================
	AON3D
====================================================== */
.aon3d h4{
	width:380px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.aon3d h4 p:first-child{
	width:210px;
	margin-right:15px;
}

.aon3d h4 p:last-child{
	width:155px;
}

@media screen and (max-width: 767px) {
	.aon3d h4{
		width:66%;
		display: block;
	}

	.aon3d h4 p:first-child{
		width:70%;
		margin-right:0;
		margin:0 auto;
	}

	.aon3d h4 p:last-child{
		width:40%;
		margin:10px auto 0;
	}
}


/* ======================================================
	B9 Core
====================================================== */
.b9core h4{
	width:540px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.b9core h4 p:first-child{
	width:285px;
	margin-right:15px;
}

.b9core h4 p:last-child{
	width:240px;
}

@media screen and (max-width: 767px) {
	.b9core h4{
		width:80%;
		display: block;
	}

	.b9core h4 p:first-child{
		width:70%;
		margin-right:0;
		margin:0 auto;
	}

	.b9core h4 p:last-child{
		width:40%;
		margin:10px auto 0;
	}
}

/* ======================================================
	bigrep
====================================================== */
.bigrep h4{
	width:300px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bigrep h4 p:first-child{
	width:185px;
	margin-right:15px;
}

.bigrep h4 p:last-child{
	width:100px;
}

@media screen and (max-width: 767px) {
	.bigrep h4{
		width:60%;
		display: block;
	}

	.bigrep h4 p:first-child{
		width:60%;
		margin-right:0;
		margin:0 auto;
	}

	.bigrep h4 p:last-child{
		width:30%;
		margin:10px auto 0;
	}
}


/* ======================================================
	product
====================================================== */

#product{
	margin-top:-50px;
 	padding-top:100px;
}

.product_inn{
	max-width:940px;
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: left;
	justify-content: center;
	padding-bottom:20px;
}

.product_inn > div:first-child{
	/*width:297px;*/
	width:25%;
	/*margin-right:33px;*/
	margin-right:5%;
	margin-left:3%;
}

.product_inn > div:last-child{
	/*width:610px;*/
	width:64%;
	margin-right:3%;
}

.product_inn h5{
	font-size:2.4rem;
	color:#16449a;
	font-weight:bold;
}

.product_inn div > ul >li{
	font-size: 1.2rem;
	line-height:16px;
	padding:2px 5px;
}

.product_block .product_inn div > ul{
	margin:0 auto;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: left;
	margin-top:10px;
}

.product_block .product_inn div > ul li{
	margin-right:10px;
	color:#534f4e;
	background-color:#fff;
}

.product_block .product_inn div > ul li:nth-child(1){
	background-color:#929293;
	width:160px;
	color:#fff;
}

.product_block .product_inn div > ul li:nth-child(2){
	width:150px;
}

.product_block .product_inn div > ul li:nth-child(3){
	width:170px;
}


@media screen and (max-width: 767px) {
	.c-container h2{
		font-size: 2.4rem;
		letter-spacing:1px;
		line-height:3rem;
		color:#ce0000;
		font-weight:bold;
		text-align:center;
		margin-bottom:10px;

	}

	.c-container > p{
		text-align:left;
	}

	.product_block{
		padding:4% 0 0;
	}

	.title{
		font-size: 4.6vw;
	}

	.product_inn{
		width:100%;
		margin:0 auto;
		position: relative;
		display: block;
	}

	.product_inn > div:first-child{
		width:80%;
		margin-right:0;
		margin:0 auto;
	}

	.product_inn > div:last-child{
		width:96%;
		margin:0 auto;
		padding-top:5%;
	}

	.product_inn h5{
		font-size: 5vw;
	}

	.product_inn div > ul >li{
		font-size: 2.6vw;
		padding:1% 2%;
		line-height:140%;
	}

	.product_block .product_inn div > ul{
		margin:10px auto 0;
		position: relative;
	  justify-content: left;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.product_block .product_inn div > ul li{
		margin-right:2%;
		color:#534f4e;
		background-color:#fff;
		margin-bottom:10px;
	}

	.product_block .product_inn div > ul li:nth-child(1){
		background-color:#929293;
		width:50%;
		margin-right:50%;
		color:#fff;
	}

	.product_block .product_inn div > ul li:nth-child(2){
		width:43%;
	}

	.product_block .product_inn div > ul li:nth-child(3){
		width:53%;
	}

}


.btn_accordion{
	width:280px;
	height:40px;
	border-radius:5px;
	border:1px solid #127a2c;
	box-sizing:border-box;
  position: relative;
	color:#127a2c;
	cursor: pointer;
	text-align:center;
	line-height:40px;
	/*margin-bottom:20px;*/
}

.btn_open::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #127a2c;
  border-right: 1px solid #127a2c;
  transform: rotate(135deg);
  margin-top: -8px;
}

.btn_close{
	margin:0 auto;
}

.btn_close::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #127a2c;
  border-right: 1px solid #127a2c;
  transform: rotate(-45deg);
  margin-top: -2px;
}

.accordion{
	display: none;
	margin-top:30px;
}

.accordion .features{
	max-width:920px;
	width:96%;
	margin:0 auto;
}

.subtitle{
	font-size: 2.2rem;
	font-weight:bold;
	border-bottom:2px solid #bdbdbd;
	padding-bottom:5px;
	position:relative;
}

.subtitle::before{
  content: "■ ";
	color:#279a39;
}

.accordion .features > ul, .accordion .features2 > ul{
	max-width:920px;
	width:96%;
	margin:0 auto;
	position: relative;
	display: flex;
	justify-content: center;
}

.accordion .features > ul > li:first-child, .accordion .features2 > ul > li:first-child{
	/*width:440px;*/
	width:47%;
	/*margin-right:30px;*/
	margin-right:5%;
	padding-bottom:20px;
}

.accordion .features > ul > li:last-child, .accordion .features2 > ul > li:last-child{
	/*width:450px;*/
	width:48%;
}

.accordion .features > ul > li p, .accordion .features2 > ul > li p{
	font-weight:bold;
	margin-top:20px;
	font-size: 1.8rem;
	padding-left: 1em;
  text-indent: -1em;
}

.accordion .features2 > ul > li p::before{
  content: "● ";
	color:#000;
}

.accordion .features > ul > li p::before{
  content: "■ ";
	color:#808080;
}

.constitution{
	border:1px solid #95918c;
	box-sizing:border-box;
	padding:15px;
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:20px auto 0;
}

.constitution p{
	width:100% !important;
	font-weight:normal !important;
	margin-top:0px !important;
	font-size:1.5rem !important;
}

.constitution p::before{
  content: "" !important;
}

.constitution div{
	width:50% !important;
}

.constitution div ul li:before {
	content: '';
	width: 4px;
	height: 4px;
	display: inline-block;
	border-radius: 100%;
	background: #000000;
	position: relative;
	left: -8px;
	top: -3px;
}

.constitution div ul li {
	padding-left:10px;
	font-size:1.4rem;
}

.series_caution{
	font-size:1.4rem;
	display:block;
	padding-left: 1em;
  text-indent: -1em;
	margin-top:10px;
}

@media screen and (max-width: 767px) {

	.btn_accordion{
		width:90%;
		height:40px;
		line-height:40px;
		margin: 20px auto 0;
	}

	.accordion{
		margin-top:0;
	}

	.accordion .features{
		width:96%;
		margin:0 auto;
	}

	.accordion .features2{
		width:96%;
		margin:0 auto;
		padding-bottom:5%;
	}

	.subtitle{
		font-size: 1.6rem;
	}

	.accordion .features, .accordion .features2{
		padding-bottom:5%;
	}

	.accordion .features > ul, .accordion .features2 > ul{
		width:96%;
		margin:0 auto;
		position: relative;
	  justify-content: left;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.accordion .features > ul > li:first-child, .accordion .features2 > ul > li:first-child{
		width:100%;
		margin-right:0;
	}

	.accordion .features > ul > li:last-child, .accordion .features2 > ul > li:last-child{
		width:100%;
	}

	.accordion .features > ul > li p, .accordion .features2 > ul > li p{
		font-weight:bold;
		margin-top:10px;
		font-size: 1.4rem;
	}

	.constitution{
		padding:2% 4%;
		margin:2% auto 0;
	}

	.constitution p{
		width:100% !important;
		font-weight:normal !important;
		margin-top:0px !important;
		font-size: 2.8vw !important;
	}

	.constitution div{
		width:50% !important;
	}

	.constitution div ul li {
		padding-left:10px;
		font-size:2.4vw;
	}

	.series_caution{
		display:block;
		font-size: 1.0rem;
		padding-bottom:5% !important;
	}

}



.features_img{
	background:#fff;
}

.features_img .func__fig{
	border:1px solid #ada9a8;
	box-sizing:border-box;
	margin-bottom:5px;
}


.trailer {
	width: 600px;
	margin: 0 auto;
	padding:40px 0;
}

.trailer .movie {
	position: relative;
	max-width: 100%;
	padding-top: 56%;
	margin: 0;
}

.trailer .movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (max-width: 767px) {
	.trailer {
		width: 90%;
		margin: 0 auto;
		padding:20px 0;
	}

	.trailer .movie {
		position: relative;
		max-width: 100%;
		padding-top: 56%;
		margin: 0;
	}

	.trailer .movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}




.spec, .spec2{
	background:#fff;
	padding:35px 0;
}

.spec p, .spec2 p{
	background:#777777;
	text-align:center;
	color:#fff;
	padding:5px 0;
	margin-bottom:10px;
}


.spec table, .spec2 table{
	max-width:750px;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.4rem;
	margin:0 auto 60px;
}

.spec table tr, .spec2 table tr{
	border-bottom: 1px solid #999999;
}

.spec table th, .spec2 table th{
	padding: 1% 2%;
	font-weight: normal;
	text-align: left;
	font-size: 1.6rem;
}

.spec table td:first-child, .spec2 table td:first-child{
	padding: 1% 2%;
	width:190px;
	vertical-align:top;
}


.spec2 .pc{
	display:table-cell;
}









.spec table td:last-child{
	padding: 1% 2%;
	background-color: #dddddd;
	width:560px;
}

.spec2 table td:nth-child(2){
	padding: 1% 2%;
	background-color: #dddddd;
	width:280px;
	border-right:1px solid #fff;
}

.spec2 table td:nth-child(3){
	padding: 1% 2%;
	background-color: #dddddd;
	width:280px;
}


@media screen and (max-width: 767px) {
	.spec2 .pc{
		display:none;
	}

	.spec2 .sp{
		display:table;
	}

	.spec table, .spec2 table{
		width:100%;
		font-size: 1.0rem;
		margin:0 auto 8%;
	}

	.spec table th, .spec2 table th{
		font-size: 1.2rem;
	}

	.spec table td, .spec2 table td{
		padding: 5px 10px;
		width:30%;
	}

	.spec table td:last-child, .spec2 table td:last-child{
		padding: 5px 10px;
		width:60%;
	}

}


.confirm{
	max-width:750px;
	margin:50px auto 0;
}

.introduction{
	max-width:390px;
	margin:0 auto;
	padding-top:70px;
}

.introduction span{
	font-size: 1.4rem;
	text-align:center;
	display:block;
}

.btn_introduction{
	max-width:390px;
	height:60px;
  position: relative;
	color:#fff;
	text-align:center;
	line-height:60px;
	background:#318541;
}

.btn_introduction::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
  margin-top: -8px;
}


.btn_introduction a{
	display:block;
	max-width:390px;
	height:60px;
}

.dfam h4{
	font-weight:bold;
	font-size: 2.6rem;
	line-height:3.8rem;
}

.dfam > ul{
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:1000px;
	width:100%;
}

.dfam > ul > li:first-child{
	width:58%;
	margin-right:4%;
}

.dfam > ul > li:last-child{
	width:38%;
}

.achieve{
	border:1px solid #95918c;
	box-sizing:border-box;
	padding:15px 50px;
}

.achieve p{
	font-weight:bold;
	font-size:1.5rem;
}

.achieve ul li{
	font-size:1.4rem;
}

.achieve ul li::before{
  content: "■ ";
	color:#adadae;
}


@media screen and (max-width: 767px) {
	.introduction{
		padding-top:10px;
	}

	.dfam h4{
		font-size: 2.0rem;
		line-height:3.0rem;
	}

	.dfam > ul{
		width:100%;
	}

	.dfam > ul > li:first-child{
		width:100%;
		margin-right:0;
	}

	.dfam > ul > li:last-child{
		margin-top:20px;
		width:100%;
	}

	.achieve{
		padding:15px;
	}
}



.flow{
	border-bottom:2px solid #bdbdbd;
	padding-bottom:50px
}

.flow p{
	padding-left:20px;
}

.flow b{
	font-size:1.2em;
}

.flow span{
	display:block;
	padding-top:20px;
	padding-left:40px;
	max-width:900px;
}


.flow2 > ul{
  justify-content: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:1000px;
}

.flow2 > ul > li:first-child{
	width:48%;
	margin-right:3%;
}

.flow2 > ul > li:last-child{
	width:49%;
}

.offer{
	border:1px solid #95918c;
	box-sizing:border-box;
	padding:15px;
	font-weight:bold;
}

.category{
	background:#eff0eb;
	padding:20px 40px; 
}

.category ul{
  justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
}

.category ul li{
	width:50%;
}

.category ul li p{
	font-size:1.4rem;
}

.category ul li p::before{
  content: "■ ";
	color:#adadb0;
}

.category ul li span{
	display:block;
	margin-bottom:5px;
}

.category ul li:first-child span{
	color:#1a9a8a;
	font-weight:bold;
}

.category ul li:last-child span{
	color:#2587b9;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	.flow{
		padding-bottom:20px
	}

	.flow p{
		padding-left:0px;
	}

	.flow b{
		font-size:3.4vw;
	}

	.flow span{
		display:block;
		padding-top:20px;
		padding-left:0px;
		width:100%;
	}

	.flow2 > ul > li:first-child{
		width:100%;
		margin-right:0px;
	}

	.flow2 > ul > li:last-child{
		width:100%;
	}

	.category{
		background:#eff0eb;
		padding:4%; 
		margin-top:20px;
	}

	.category ul li p{
		font-size:2.9vw !important;
	}

}


.ex{
	border:2px solid #7bb186;
	box-sizing:border-box;
	padding:30px 30px 15px 30px;
}

.ex > ul{
  justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
}

.ex > ul > li{
	width:50%;
}

.example{
	background:#d38b0f;
	color:#fff;
	font-size:1.4rem;
	display:inline-block;
	padding:1px 5px;
}

.ex > ul > li h3{
	font-size:2.4rem;
	line-height: 3.6rem;
	font-weight:bold;
	padding-right:20px;
}

.category ul li p{
	font-size:1.4rem;
}

.point{
	margin-top:20px;
}

.point ul li{
	padding-right:20px;
	padding-left: 1em;
  text-indent: -1em;
}

.point ul li::before{
  content: "■ ";
	color:#adadb0;
}

.point span{
	font-size:1.2rem;
}

.ex1 ul, .ex2 ul{
  justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width:100%;
}

.ex1 ul li, .ex2 ul li{
	font-size:1.4rem;
	line-height:2rem;
	margin-bottom:15px;
}

.ex1 ul li:nth-child(1){
	width:70%;
}

.ex1 ul li:nth-child(2){
	width:48%;
	margin-right:4%;
}

.ex1 ul li:nth-child(3){
	width:48%;
}

.ex2 ul li:nth-child(1), .ex2 ul li:nth-child(2){
	width:30%;
	margin-right:5%;
}

.ex2 ul li:nth-child(3){
	width:30%;
}

@media screen and (max-width: 767px) {
	.ex{
		padding:15px;
	}

	.ex > ul{
		display: block;
		width:100%;
	}

	.ex > ul > li h3{
		font-size:2.0rem !important;
	line-height: 3.0rem !important;
		padding-right:0px;
	}

	.point ul li{
		padding-right:0px;
	}

	.ex > ul > li{
		width:100%;
	}

	.point{
		margin-top:10px;
	}

	.ex1 ul li:nth-child(1){
		width:100%;
		margin-top:20px;
	}

	.ex2 ul li:nth-child(1){
		width:48%;
		margin-right:4%;
		margin-top:20px;
	}

	.ex2 ul li:nth-child(2), .ex2 ul li:nth-child(3){
		width:48%;
		margin-right:0;
		margin-top:20px;
	}

}


.system{
	border:2px solid #dfdfdf;
	box-sizing:border-box;
	padding:30px;
  justify-content: left;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.system div{
	width:50%;
}

.system div ul{
	padding-right:30px;
}

.system div ul li::before{
  content: "■ ";
	color:#000;
}


@media screen and (max-width: 767px) {
	.system{
		padding:0;
		display: block;
	}

	.system div{
		width:94%;
		margin:10px auto;
	}

	.system div ul{
		padding-right:0px;
	}

}