h1.article-headline{ max-width:750px; height:auto;}
.wrap{
	margin:80px 0 0 0;
	position: relative;
}
.wrap h2{ font-weight:bold;line-height: 1;}
.wrap h2 span{ font-weight:normal;font-size:16px;}
.wrap h3{font-size:2.2rem; font-weight:bold;}
.wrap p{
	font-size:1.25rem;
	line-height: 1.5;
}
.wrap ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.wrap .arrowButton{
	width: 100%;
	padding: 15px 30px;
}

.cont-wrap{
	display:flex;
	justify-content:space-between;
	position:relative;
}
.point-wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	padding:0;
} 
.point-wrap li{
	font-size: 22px;
	font-feature-settings: "palt";
	line-height: 1.1;
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/5.png") no-repeat;
	color: #fff;font-weight: bold;background-size: cover; width:154px; height:155px;
	align-items:center; justify-content:center;display:flex; margin: 0;text-align: center; 
	position: relative;top: -20px;
	
}

.cont-wrap{
	flex-direction: column;
}
#main .wrap1 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/2.jpg") no-repeat;
}
#main .wrap2 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/19.jpg") no-repeat;
}
#main .wrap3 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/28.jpg") no-repeat;
}
#main .wrap4 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/28.jpg") no-repeat;
	
}
#main .wrap5 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/32.jpg") no-repeat;
}
#main .wrap6 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/36.jpg") no-repeat;
}
#main .wrap7 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/40.jpg") no-repeat;
}
#main .wrap8 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/43.jpg") no-repeat;
}
#main .wrap9 h2{
	background:url("https://hansoku.rakupuri.net/html/user_data/assets/img/original-goods/47.png") no-repeat;
}
#main .wrap1 h2,
#main .wrap2 h2,
#main .wrap3 h2,
#main .wrap4 h2,
#main .wrap5 h2,
#main .wrap6 h2,
#main .wrap7 h2,
#main .wrap8 h2,
#main .wrap9 h2{
	font-feature-settings: "palt";
	background-size: contain;
	background-position:0 0;
	width:320px;
	height:120px;
	padding: 15px 0 0 100px;
}

.wrap1 .cont-wrap+.cont-wrap{
	text-align:center;
	margin-top:10px;
}

#main .wrap1 h4,
#main .wrap2 h4 {
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	width: 100%;
	margin: 10px auto;
	background-image: radial-gradient(circle, rgba(58, 99, 255, 1), rgba(42, 179, 252, 1) 64%, rgba(255, 255, 255, 1) 86%);
	position: relative;top: -10px;
}


.step-wrap{display:flex; justify-content:space-between;padding:0; }
.step-wrap li{position:relative; text-align:center;}
.step-wrap img{width:100%; height:auto; max-width:220px;}
.step-wrap span{position:absolute;left:0; right:0;margin:auto; }

.ordergoods-wrap{display:flex; flex-wrap:wrap; text-align:center;padding:0;}
.ordergoods-wrap li{width:33%;position:relative;}
.ordergoods-wrap li img{width:100%; height:auto;}
.ordergoods-wrap span{position:absolute;left:0; right:0;top:32%; bottom:0;margin:auto;}
.ordergoods-wrap a{color:#fff;}


.wrap2 .cont-wrap{align-items:center;position: relative;top: -10px;}


.btn-wrap{width:100%;max-width: 260px; margin: 0 auto;}

.wrap3 .img-pic{position:absolute;top:0; right: 30%}
.wrap3 .img-pic2{position:absolute;bottom:0; right:-50px;}
.wrap3 .img-pic3{padding-right:300px; width:auto;}
.wrap3 .img-pic4{padding-left:30px; width:auto;}

.wrap3 .btn-wrap{max-width:250px; margin:10px  0 auto  auto ;}

.wrap4 .img-pic1 p{text-align:center; margin:30px 0 0 0; font-weight:bold; padding:0;}
.wrap4 .img-pic2{
	display:flex;align-items:center;font-weight:bold;
	
}

.wrap4 .img-pic2 img{ max-width: 289px; }
.wrap4 .cont-wrap+.cont-wrap{align-items:center;padding-top:60px;}

.wrap5 .img-pic{position:absolute;bottom:-40px; right: 30%}
.wrap5 .step-wrap{padding-top:60px;}
.wrap5 .step-wrap img{width:100%; height:auto; max-width:436px;}
.wrap5 .step-wrap li+li img{max-width:600px;}
.wrap5 .step-wrap+.cont-wrap{align-items:center; position: relative;top: 30px;}

.wrap6 h4{text-align:center; font-weight:bold;font-size:1.4rem;}
.wrap6 .btn-wrap{margin:10px auto;}
.wrap6 .cont-wrap{
	column-gap: 10px;
}
.wrap6 .cont-wrap+.cont-wrap{ margin-top:10px;align-items: center;}
.wrap6 h2.cushion{font-size:1.6rem;}

.wrap7 .step-wrap img{width:100%; height:auto; max-width:580px;}
.wrap7 .step-wrap li+li img{max-width:459px;}
.wrap7 .step-wrap+.cont-wrap{align-items:center; }

.wrap8 .img-pic1{
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	column-gap: 10px;
}
.wrap8 .img-pic2 img{max-width:350px; height:auto;}
.wrap8 .img-pic2{
	display:flex;
	flex-wrap: wrap;
	align-items:center;
	font-weight:bold;
}
.wrap8 .cont-wrap+.cont-wrap{align-items:center;}

.wrap9 .cont-wrap+.cont-wrap{margin-top:-80px}

.center{text-align:center;}

@media screen and (max-width: 667px){
    /* .wrap1 h4 {font-size:15px;}
.wrap h2{ font-size:1.3rem; }
.wrap h3{font-size:1.4rem; font-weight:bold;}
.wrap p{font-size:1.0rem;}

.cont-wrap{flex-wrap: wrap;}
.wrap1 h2,.wrap2 h2,.wrap3 h2,.wrap4 h2,.wrap5 h2,.wrap6 h2,.wrap7 h2,.wrap8 h2{width:100%;padding: 35px 20px 30px 110px;height: 120px;}
.wrap5 h2{padding-top:20px;}

.wrap6 h2.cushion{font-size:1.3em;}

.wrap1 .img-pic {position:static;}
.step-wrap {flex-wrap: wrap;padding: 0 5%;}
.step-wrap li{ width: 48%;}
.ordergoods-wrap li {width: 100%;}
img{width:100%; height:auto;}
.btn-wrap {margin: 0 auto;max-width: 100%}
.wrap3 .img-pic4 {padding-left: 0;}
.wrap3 .img-pic  {position:static;}
.wrap3 .img-pic2 {position:static;}
.wrap3 .img-pic3 {padding:0; margin:0 auto;}
.wrap3 .btn-wrap {max-width: 100%;margin: 10px auto;}
.wrap4 .img-pic2 {display:block;position: static;}
.wrap5 .img-pic{ position: static;}
.wrap5 .step-wrap li,.wrap7 .step-wrap li {width: 100%;}  
.wrap8 .img-pic1{ position: static; flex-wrap:wrap; margin-top:10px;}
.wrap8 .img-pic2 {width: 100%;flex-wrap: wrap;}

.wrap8 .img-pic1 p{position:static;}
.maskimg{width:60%;} */
}

/* :::::::::::::::::: smartphone :::::::::::::::::: */

/* 575px smartphone*/
@media (max-width: 575px) {

}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#main .wrap1 h2,
	#main .wrap2 h2,
	#main .wrap3 h2,
	#main .wrap4 h2,
	#main .wrap5 h2,
	#main .wrap6 h2,
	#main .wrap7 h2,
	#main .wrap8 h2,
	#main .wrap9 h2{
		width: 460px;
		height:145px;
		padding: 30px 0 0 150px;
	}
	#main .wrap4 h2,
	#main .wrap5 h2,
	#main .wrap6 h2,
	#main .wrap7 h2,
	#main .wrap8 h2,
	#main .wrap9 h2{
		font-size: 25px;
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	
}

@media (min-width: 1110px) {
	.cont-wrap{
		flex-direction: row;
	}
	.point-wrap{
		flex-wrap: inherit;
	}
	.wrap1 .cont-wrap+.cont-wrap{
		align-items:flex-end;
	}
	.wrap1 .cont-wrap > div:first-child,
	.wrap1 .cont-wrap > div:first-child{
		width: 60%;
	}
	.wrap1 .cont-wrap > div:nth-child(2){
		width: 40%;
	}
	.wrap1 .img-pic{
		position:absolute;
		bottom:-60px;
		left: calc(60% - 200px);
		max-width: 400px;
		display: inline-block;
	}
	.wrap4 .img-pic2{
		position:absolute;bottom:-170px; right:0;
	}
	.wrap6 .btn-wrap{margin:10px  0 auto  auto ;}
	.wrap8 .img-pic1{
		position:absolute;
		top:130px;
		right: 33%;
		font-weight:bold;
		padding:0;
	}
	.wrap8 .img-pic1 p{
		position:absolute;
		top: 220px;
		left: 80px;
	}
	.wrap8 .img-pic2{
		width: 50%;
	}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}


/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
	
	
}