@charset "utf-8";
/* CSS Document */
img{
	max-width: 100%;
}
.trans{
	display: block;
	width: 100%;
	height: 100%;
}
.position{
	position: relative;
}
.wrap{
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.main-ttl{
	width: 100%;
	position: relative;
	z-index: 2;
}
.box-1{
	margin-top: -6%;
	z-index: 1;
	position: relative;
}
.box-1 .img{
	width: 96%;
	margin-left: auto;
	margin-right: 0;
}
.box-1 .txt{
	width: 26%;
    position: absolute;
    top: -2%;
    left: 11%;
}
.price-1{
	margin-top: 8%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}
.price-1 .color{
	margin-top: 8%;
	width: 70%;
}
.price-list{
	font-size: 0;
}

.price-list li{
	display: inline-block;
	vertical-align: middle;
}
.price-1 .price-list{
	text-align: right;
	margin-top: 7%;
}
.price-1 .price-list li:first-child{
	width: 25%;
	margin-right: 6%;
}
.price-1 .price-list li:last-child{
	width: 26%;
}
.price-1 .price-list li img{
	display: block;
}
.box-2{
	background: url("../images/bg_01.png") no-repeat center top;
	background-size:100%;
	margin-top: 30%;
	padding-bottom: 19%;
	position: relative;
}
.box-2 .img-1{
	margin-left: 8%;
	width: 83%;
}
.box-2 .img-2{
	position: absolute;
	right:7%;
	width: 46%;
	top:-20%;
}
.box-2 .img-1 img{
	margin-top: -25%;
}
.price-2{
	margin-top: -8%;
	width: 45%;
	margin-left: 8%;
}
.price-2 .color{
	margin-top: 8%;
	width: 88%;
}
.price-2 .price-list{
	text-align: left;
	margin-top: 16%;
}
.price-2 .price-list li:first-child{
	width: 33%;
	margin-right: 6%;
}
.price-2 .price-list li:last-child{
	width: 34%;
}
.box-3{
	margin-top: 32%;
}
.box-3 .head-list{
	position: relative;
	z-index: 1;
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}
.box-3 .head-list ul{
	font-size: 0;
}
.box-3 .head-list ul li{
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
	display: inline-block;
}
.box-3 .head-list ul li:nth-child(2n){
	margin-right: 0;
}
.box-3 .parts1{
	width: 42%;
	left:0;
	top:-20%;
	position: absolute;
	z-index: 2;
}
.price-3{
	margin-top: 6%;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 24%;
}
.price-3 .color{
	margin-top: 8%;
	width: 76%;
	margin-left: auto;
	margin-right: auto;
}
.price-3 .price-list{
	text-align: center;
	margin-top: 8%;
}
.price-3 .price-list li:first-child{
	width: 27%;
	margin-right: 6%;
}
.price-3 .price-list li:last-child{
	width: 28%;
}
.box-3 .parts2{
	width: 60%;
	right:0;
	bottom:0%;
	position: absolute;
	z-index: 2;
	pointer-events: none;
}
.box-4{
	background: url("../images/bg_02.png") no-repeat center top;
	background-size:100%;
	margin-top: 30%;
	padding-bottom: 19%;
	position: relative;
}
.box-4 .img-1{
	width: 100%;
}
.box-4 .img-2{
	position: absolute;
	left:2%;
	width: 38%;
	top:-13%;
}
.price-4{
	margin-top: -9%;
	width: 42%;
	margin-left: auto;
	margin-right: 8%;
}
.price-4 .color{
	margin-top: 9%;
	width: 80%;
	margin-left: auto;
}
.price-4 .price-list{
	text-align: right;
	margin-top: 11%;
}
.price-4 .price-list li:first-child{
	width: 41%;
	margin-right: 8%;
}
.price-4 .price-list li:last-child{
	width: 42%;
}
.box-5{
	margin-top: 10%;
	padding-bottom: 15%;
}
.box-5 .item-box{
	width: 84%;
	margin-left: auto;
	margin-right: auto;
}
.box-5 .item-box .item-1{
	width: 96%;
	margin-left: 4%;
}
.box-5 .item-box .item-2{
	width: 96%;
	margin-left: 3%;
	margin-right: 1%;
	margin-top: 4%;
}
.box-5 .item-box .item-3{
	width: 96%;
	margin-left: 3%;
	margin-right: 1%;
	margin-top: -10%;
}
.price-5{
	margin-top: 6%;
	width: 52%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10%;
}
.price-5 .price-top{
	width: 78%;
	margin-left: auto;
	margin-right: auto;
}
.price-5 .color{
	margin-top: 8%;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.price-5 .price-list{
	text-align: center;
	margin-top: 8%;
}
.price-5 .price-list li:first-child{
	width: 30%;
	margin-right: 6%;
}
.price-5 .price-list li:last-child{
	width: 31%;
}
.pagetop{
	z-index: 10000;
	margin-left: auto;
	margin-right: 8%;
	width: 38%;
}
.pagetop a{
	width: 100%;
}
@media print, screen and (min-width : 769px) {


}
@media only screen and (max-width : 768px) {

.price-1{
	margin-top: 8%;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.box-2 .img-2{
	position: absolute;
	right:7%;
	width: 46%;
	top:-20%;
}
.box-3{
	margin-top: 25%;
}
.price-2{
	margin-top: -10%;
	width: 56%;
	margin-left: 4%;
}
.price-3{
	margin-top: 6%;
	width: 74%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 24%;
}
.price-4{
	margin-top: -9%;
	width: 48%;
	margin-left: auto;
	margin-right: 4%;
}
.price-5{
	margin-top: 6%;
	width: 64%;
}
.pagetop{
	z-index: 10000;
	margin-left: auto;
	margin-right: 8%;
	width: 22%;
}
}