@charset "UTF-8";

.contentpage .m_img .m_img_bg{
	background-image:url(../images/device/m_img@2x.jpg);
}


/*共通
---------------------------------------------------------*/
.dev_index{
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-bottom: 60px;
}
.dev_index::after{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 25px;
background: -moz-linear-gradient(top, rgba(36,31,38,0.15) 0%, rgba(255,255,255,0) 77%);
background: -webkit-linear-gradient(top, rgba(36,31,38,0.15) 0%,rgba(255,255,255,0) 77%);
background: linear-gradient(to bottom, rgba(36,31,38,0.15) 0%,rgba(255,255,255,0) 77%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26241f26', endColorstr='#00ffffff',GradientType=0 );
}
.dev_index .dev_index_slush{
	position:relative;
}
.dev_index .w1340{
	position:relative;
	height: 300px;
}
.dev_index .dev_index_slush::before,
.dev_index .dev_index_slush::after{
	position:absolute;
	display: block;
	content:"";
	width: 13%;
	max-width: 143px;
	height: 152px;
	z-index: 2;
}
.dev_index .dev_index_slush::before{
	background:url(../images/device/dev_index_l@2x.png) no-repeat left top;
	background-size:100% auto;
	left: 0;
	top: 0;	
}
.dev_index .dev_index_slush::after{
	background:url(../images/device/dev_index_r@2x.png) no-repeat right bottom;
	background-size:100% auto;
	right: 0;
	bottom: 0;	
}
.dev_index h4{
	position: absolute;
	top: 53%;
	left: 0;
	font-family: europa, sans-serif;
	font-weight: 300;
	font-style:oblique;
	font-size:600%;
	line-height: 1em;
	letter-spacing: 0.08em;
	color:#ffffff;
	padding-left: 110px;
}
.dev_index .dev_index_img{
	position:absolute;
	z-index: 3;
	max-width: 420px;
	width: 35%;
	right: 3%;
top: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.device h5{
	font-size:200%;
	font-style: oblique;
	letter-spacing: 0.2em;
	padding-left: 150px;
	position: relative;
	margin-bottom: 90px;
}
.device h5::before{
	display:block;
	content:"";
	position: absolute;
	left: 0;
	width: 124px;
	height: 2px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	}
.device .dev_inbox{
	max-width:1200px;
	margin: 0  auto;
}
.device .dev_mgn_b{
	margin-bottom:80px;
}
.device .dev_bgbox{
	padding-bottom:155px;
}
.dev_point{
	background-repeat:no-repeat;
	background-position: right top;
	background-size:40% auto;
	position: relative;
	max-width: 1100px;
	box-sizing: border-box;
	margin: 0 auto;
	padding:  50px 50px 45px 50px;
}
.dev_point::before{
	display:block;
	position: absolute;
	content:"";
	left: 0;
	right: 0;
	margin: 0 auto;
	top:0%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 32px;
	height: 35px;
	width: 3%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
}
.dev_point h6{
	text-align:center;
	letter-spacing: 0.2em;
	line-height: 1.6em;
	font-size:140%;
	font-weight: 600;
	margin-bottom: 30px;
	padding-bottom: 25px;
	border-bottom:1px solid rgba(84,74,71,0.50);
	color:#544a47;
}
.dev_point .fltbox{
	max-width:950px;
	margin: 0 auto;
	overflow: hidden;
}
.dev_point .fltbox p{
	width:51%;
	max-width: 482px;
	float: right;
}
.dev_point .fltbox div{
	width:45%;
	max-width: 432px;
	margin: 0 auto;
	float: left;
}

.dev_fltbox{
	overflow:hidden;
}
.dev_fltbox .img_box{
	max-width:570px;
	width: 48%;
}
.dev_fltbox .txt_box{
	max-width:570px;
	width: 48%;
}
.dev_title{
	color:#544a47;
	letter-spacing: 0.2em;
	font-size:130%;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 2.1em;
	padding-top: 5px;
}
.dev_list{
	overflow:hidden;
}
.dev_list > li{
	float:left;
	width: 30%;
	margin-right: 5%;
}
.dev_list > li:last-child{
	margin-right: 0;
}
.dev_list > li .dev_title{
	padding-top:25px;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1500px) {
.dev_index h4{
	top: 57%;
	font-size:7.7vw;
	padding-left: 3%;
}
.dev_index .dev_index_img{
top: 80%;
	width: 30%;
}}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.dev_index{
	margin-bottom: 60px;
}
.dev_index .w1340{
	height: 200px;
}	
.dev_index h4{
	font-size:380%;
	padding-left:3%;
}
.dev_index .dev_index_img{
	width: 30%;
top: 80%;
}
.device h5{
	font-size:170%;
	letter-spacing: 0.15em;
	padding-left: 100px;
	margin-bottom: 50px;
}
.device h5::before{
	width: 80px;
	}
.device .dev_mgn_b{
	margin-bottom:50px;
}
.device .dev_bgbox{
	padding-bottom:70px;
}
.dev_point{
	padding:  30px;
}
.dev_point h6{
	letter-spacing: 0.15em;
	font-size:125%;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
.dev_point .fltbox p{
	width:56%;
}
.dev_point .fltbox div{
	width:40%;
}
.dev_fltbox .img_box{
	width: 40%;
}
.dev_fltbox .txt_box{
	width: 56%;
}
.dev_title{
	font-size:120%;
	margin-bottom: 10px;
	line-height: 1.6em;
	padding-top: 0;
}
.dev_list > li{
	width: 30.666%;
	margin-right: 4%;
}
.dev_list > li .dev_title{
	padding-top:15px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.dev_index{
	margin-bottom: 8%;
}
.dev_index .w1340{
	height: auto;
}
.dev_index h4{
	position: static;
	bottom:15px;
	padding-left: 0;
	padding: 7% 0;
	font-size:12.5vw;
	height: 2em;
	vertical-align: middle;
	display:table-cell;
	letter-spacing: 0.05em;
}
.dev_index .dev_index_img{
	position:absolute;
	z-index: 3;
	max-width: 420px;
	width: 35%;
top: auto;
	bottom:-20px;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.device h5{
	font-size:4.6vw;
	letter-spacing: 0.1em;
	padding-left: 11%;
	margin-bottom: 5%;
}
.device h5::before{
	width: 8%;
	}
.device .dev_mgn_b{
	margin-bottom:10%;
}
.device .dev_bgbox{
	padding-bottom:10%;
}
.dev_point{
	background-size:80% auto;
	padding:7% 5% 5% 5%;
}
.dev_point::before{
	width: 5%;
}
.dev_point h6{
	letter-spacing: 0.15em;
	font-size:4.5vw;
	margin-bottom: 5%;
	padding-bottom: 4%;
}
.dev_point .fltbox p{
	width:100%;
	max-width: 100%;
	float: none;
}
.dev_point .fltbox div{
	width:100%;
	float: none;
	margin: 5% auto 0 auto;
}

.dev_fltbox .img_box{
	width: 80%;
	margin: 0 auto;
	float: none;
}
.dev_fltbox .txt_box{
	max-width:100%;
	width: 100%;
	float: none;
}
.dev_title{
	letter-spacing: 0.15em;
	font-size:125%;
	margin-bottom: 2%;
	line-height: 1.8em;
	padding-top:5%;
}
.dev_list > li{
	float:none;
	width: 100%;
	margin-right: 0;
	padding-bottom: 8%;
	margin-bottom: 8%;
	border-bottom:1px solid rgba(40,128,185,0.50);}
.dev_list > li:last-child{
	margin-bottom:0;
	padding-bottom: 0;
	border-bottom: none;
}
.dev_list > li .dev_title{
	padding-top:5%;
}
.dev_list > li .img_box{
	width:60%;
	margin: 0 auto;
}	
}





/*lead
---------------------------------------------------------*/
.com_lead{
	margin-top:105px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.com_lead{
	margin-top:50px;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.com_lead{
	margin-top:10%;
}
}




/*clean
---------------------------------------------------------*/
#clean .dev_bgbox{
	background:#e0edf1;
}
#clean .dev_index{
	background-image:url(../images/device/dev_index1_bg@2x.jpg);
}
#clean h5::before{
	background:#2880b9;
}
#clean .dev_point{
	background-image:url(../images/device/bg2@2x.jpg);
	background-color:#cee3e9;
}
#clean .dev_point::before{
	background-image: url(../images/device/slush1@2x.png);
}
#clean .clean_box{
	max-width:1100px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 25px 40px;
	border:1px solid #2880b9;
background: rgb(200,223,230);
background: -moz-linear-gradient(left, rgba(200,223,230,1) 0%, rgba(224,237,241,1) 49%, rgba(200,223,230,1) 100%);
background: -webkit-linear-gradient(left, rgba(200,223,230,1) 0%,rgba(224,237,241,1) 49%,rgba(200,223,230,1) 100%); 
background: linear-gradient(to right, rgba(200,223,230,1) 0%,rgba(224,237,241,1) 49%,rgba(200,223,230,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8dfe6', endColorstr='#c8dfe6',GradientType=1 );
}
#clean .clean_box h6{
	background:url(../images/device/icon1@2x.png) no-repeat left center;
	background-size:29px 25px;
	padding-left: 40px;
	font-size:125%;
	letter-spacing: 0.25em;
	color:#2880b9;
	margin-bottom: 15px;
}

/*box1*/
#clean .box1 .dev_fltbox .txt_box .dev_title{
	padding-top:45px;
}

#clean .box1 .dev_fltbox .img_box{
	width: 44%;
}

#clean .box1 .clean_box {
	margin-top:30px;
}
#clean .box1 .clean_box .flt_l{
	width:52%;
}
#clean .box1 .clean_box .flt_r{
	width:45%;
}
#clean .box1 .clean_box .flt_l li{
	background:url(../images/device/icon2@2x.png) no-repeat 0.2em 0.5em;
	background-size:9px 9px;
	padding-left: calc(3.5em + 27px);
	line-height: 1.5em;
	position: relative;
	letter-spacing: 0.15em;
	margin-bottom: 0.5em;
}
#clean .box1 .clean_box .flt_l li span{
	position:absolute;
	left: 27px;
	top: 0;
}
#clean .box1 .clean_box .flt_l li:last-child{
	background:url(../images/device/icon3@2x.png) no-repeat left 0.26em;
	background-size:16px 16px;
	color:#43b8d1;
	margin-bottom: 0;
}

/*box2*/
#clean .box2 .clean_box {
	margin-top:50px;
	margin-bottom: 75px;
}
#clean .box2 .clean_box .flt_l{
	width:56%;
}
#clean .box2 .clean_box .flt_r{
	width:41%;
	padding-top: 25px;
}
#clean .box2 .clean_box .flt_l li{
	padding:5px 13px;
	margin-bottom: 3px;
}
#clean .box2 .clean_box .flt_l li:last-child{
	margin-bottom: 0;
}
#clean .box2 .clean_box .flt_l li dl{
	display:table;
	width: 100%;
}
#clean .box2 .clean_box .flt_l li dt,
#clean .box2 .clean_box .flt_l li dd{
	display:table-cell;
	vertical-align: middle;
}
#clean .box2 .clean_box .flt_l li dt{
	width:22%;
}
#clean .box2 .clean_box .flt_l li dd{
	width:78%;
	padding-left: 3%;
}

#clean .box2 .clean_box .flt_l li dt span{
	font-size:110%;
	background: #ffffff;
	border:1px solid #55b1ca;
	color:#55b1ca;
	vertical-align: middle;
	display: block;
	padding: 15px 0;
	line-height: 1em;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#clean .box2 .clean_box .flt_l li dt strong{
	font-size:140%;
	padding-left: 0.1em;
	vertical-align: bottom;
	font-weight: 600;
}
#clean .box2 .clean_box .flt_l li:nth-child(1){
	background:rgba(255,255,134,0.80);
}
#clean .box2 .clean_box .flt_l li:nth-child(2) dt span{
	color:#a3c779;
	border:1px solid #a3c779;
}
#clean .box2 .clean_box .flt_l li:nth-child(3) dt span{
	color:#a4cebd;
	border:1px solid #a4cebd;
}
#clean .box2 .waterbox{
	background:url(../images/device/bg1@2x.jpg) no-repeat center top #68a4cd;
	background-size:100% auto;
	color:#ffffff;
	padding: 70px 50px 40px 50px;
	position: relative;
}
#clean .box2 .waterbox .abs_title{
	position:absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
	-webkit-transform: translateY(-40%);
	transform: translateY(-40%);
	max-width: 460px;
	width: 45%;
	}
#clean .box2 .waterbox .water_lead{
	text-align:center;
	margin-bottom: 70px;
}
#clean .box2 .waterbox .water_lead dt{
	font-size:125%;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
	line-height: 1.7em;
	font-weight: 500;
}
#clean .box2 .waterbox .fltbox .img_box{
	max-width:323px;
	width: 30%;
}
#clean .box2 .waterbox .fltbox .txt_box{
	width: 67%;
}
#clean .box2 .waterbox .fltbox .txt_box h6{
	text-align:center;
	font-size:110%;
	letter-spacing: 0.2em;
	color:#ffffff;
	line-height: 1em;
	padding: 15px 0;
	border-radius: 30px;
	background:#006598;
	margin-bottom: 15px;
}
#clean .box2 .waterbox .fltbox .txt_box p{
	text-align:center;
	margin-bottom: 13px;
}
#clean .box2 .waterbox .fltbox .txt_box ul{
	max-width:702px;
	margin: 0 auto;
}
#clean .box2 .waterbox .fltbox .txt_box li{
	float:left;
	color:#241f26;
	width: 49%;
	border-radius: 5px;
	background:#e6f1f4;
}
#clean .box2 .waterbox .fltbox .txt_box li:nth-child(2){
	float:right;
	background:#f2faeb;
}
#clean .box2 .waterbox .fltbox .txt_box li dl{
	padding:18px 15px 10px 15px;
}
#clean .box2 .waterbox .fltbox .txt_box li dt{
	text-align:center;
	font-size:110%;
	letter-spacing: 0.15em;
	margin-bottom:10px;
	line-height: 1em;
	color:#368ca6;
}
#clean .box2 .waterbox .fltbox .txt_box li:nth-child(2) dt{
	color:#59b4af;
}

/*box4*/
#clean .box4 .dev_point{
	padding-bottom:65px;
}
#clean .box4 .dev_point .pickup{
	background:url(../images/device/icon4_1@2x.png) no-repeat left top #ffffff;
	background-size:62px 62px;
	padding: 30px 30px 45px 40px;
	position: relative;
	margin-top: 40px;
}
#clean .box4 .dev_point .pickup .txt_box{
	float: left;
	width: 50%;
}
#clean .box4 .dev_point .pickup .img_box{
	float: right;
	width: 47%;
	max-width: 442px;
}
#clean .box4 .dev_point .pickup .txt_box dl{
	color:#147a96;
	letter-spacing: 0.2em;
	font-size:108%;
	margin-bottom: 15px;
	font-weight: bold;
}
#clean .box4 .dev_point .pickup .txt_box dl dd{
	font-size:120%;
	margin-top: 5px;
}
#clean .box4 .dev_point .pickup .txt_box p{
	letter-spacing:0.03em;
}
#clean .box4 .dev_point .pickup .abs_btn{
	background:#147a96;
	max-width: 250px;
	position: absolute;
	left: 0;
	right: 0;
	top:100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	border-radius: 30px;
	text-align: center;}
#clean .box4 .dev_point .pickup .abs_btn a{
	background:url(../images/device/icon4@2x.png) no-repeat left center;
	background-size:22px 22px;
	color:#ffffff;
	display: inline-block;
	padding: 5px 0 5px 35px;
	font-size:95%;
	font-weight: 600;
	letter-spacing: 0.15em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#clean .clean_box{
	padding: 20px ;
}
#clean .clean_box h6{
	background-size:20px auto;
	padding-left: 30px;
	font-size:110%;
	letter-spacing: 0.15em;
	margin-bottom: 8px;
}

/*box1*/
#clean .box1 .dev_fltbox .txt_box .dev_title{
	padding-top:0;
}
#clean .box1 .clean_box {
	margin-top:20px;
}
#clean .box1 .clean_box .flt_l{
	width:56%;
}
#clean .box1 .clean_box .flt_r{
	width:42%;
}
#clean .box1 .clean_box .flt_l li{
	font-size:95%;
	background:url(../images/device/icon2@2x.png) no-repeat 0.2em 0.4em;
	background-size:9px 9px;
	padding-left: calc(3.5em + 20px);
	letter-spacing: 0.1em;
	margin-bottom: 0.4em;
}
#clean .box1 .clean_box .flt_l li span{
	left: 20px;
}
#clean .box1 .clean_box .flt_l li:last-child{
	background:url(../images/device/icon3@2x.png) no-repeat left 0.23em;
	background-size:14px 14px;
}

/*box2*/
#clean .box2 .clean_box {
	margin-top:30px;
	margin-bottom: 60px;
}
#clean .box2 .clean_box .flt_l{
	width:60%;
}
#clean .box2 .clean_box .flt_r{
	width:36%;
	padding-top: 0;
}
#clean .box2 .clean_box .flt_l li{
	padding:5px 10px;
	margin-bottom:2px;
}
#clean .box2 .clean_box .flt_l li dd{
	line-height: 1.5em;
	font-size:90%;
}
#clean .box2 .clean_box .flt_l li dt span{
	font-size:100%;
	letter-spacing: 0em;
	padding: 10px 0;}
#clean .box2 .clean_box .flt_l li dt strong{
	font-size:120%;
}
#clean .box2 .waterbox{
	padding: 60px 30px 30px 30px;
}
#clean .box2 .waterbox .water_lead{
	margin-bottom: 30px;
}
#clean .box2 .waterbox .water_lead dt{
	margin-bottom: 10px;
}
#clean .box2 .waterbox .water_lead dd{
	text-align:left;
}	
#clean .box2 .waterbox .fltbox .txt_box{
	width: 66%;
}
#clean .box2 .waterbox .fltbox .txt_box h6{
	font-size:105%;
	letter-spacing: 0.15em;
	padding: 13px 0;
	margin-bottom: 10px;
}
#clean .box2 .waterbox .fltbox .txt_box p{
	margin-bottom: 10px;
	line-height: 1.5em;
}
#clean .box2 .waterbox .fltbox .txt_box li dl{
	padding:15px 15px 10px 15px;
}
#clean .box2 .waterbox .fltbox .txt_box li dt{
	font-size:105%;
	letter-spacing: 0.1em;
	margin-bottom:10px;
}
#clean .box2 .waterbox .fltbox .txt_box li dd{
	line-height:1.5em;
}
	
	
/*box4*/
#clean .box4 .dev_point{
	padding-bottom:50px;
}
#clean .box4 .dev_point .pickup{
	background-size:50px 50px;
	padding: 30px;
	margin-top: 30px;
}

#clean .box4 .dev_point .pickup .txt_box{
	width: 58%;
}
#clean .box4 .dev_point .pickup .img_box{
	width: 39%;
}	
#clean .box4 .dev_point .pickup .txt_box dl{
	letter-spacing: 0.1em;
	font-size:100%;
	margin-bottom: 10px;
}
#clean .box4 .dev_point .pickup .txt_box dl dd{
	font-size:110%;
	margin-top: 0;
}
#clean .box4 .dev_point .pickup .abs_btn a{
	background-size:20px 20px;
	padding: 5px 0 5px 30px;
	font-size:95%;}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#clean .clean_box{
	padding: 5%;
}
#clean .clean_box h6{
	background-size:6% auto;
	padding-left: 9%;
	font-size:115%;
	letter-spacing: 0.1em;
	margin-bottom: 4%;
}

/*box1*/
#clean .box1 .dev_fltbox .txt_box .dev_title{
	padding-top:5%;
}
#clean .box1 .dev_fltbox .img_box{
	width:100%;
}	
#clean .box1 .clean_box {
	margin-top:30px;
}
#clean .box1 .clean_box .flt_l{
	width:100%;
	float: none;
}
#clean .box1 .clean_box .flt_r{
	width:100%;
	float: none;
	margin: 5% auto 0 auto;
}
#clean .box1 .clean_box .flt_l li{
	background:url(../images/device/icon2@2x.png) no-repeat 0.1em 0.45em;
	background-size:9px 9px;
	padding-left: calc(3.5em + 20px);
	letter-spacing: 0.05em;
}
#clean .box1 .clean_box .flt_l li span{
	left: 20px;
}
#clean .box1 .clean_box .flt_l li:last-child{
	background-size:14px 14px;
}

/*box2*/
#clean .box2 .clean_box {
	margin-top:10%;
	margin-bottom: 10%;
}
#clean .box2 .clean_box .flt_l{
	width:100%;
	float: none;
}
#clean .box2 .clean_box .flt_r{
	width:100%;
	float: none;
	padding-top: 0;
	margin: 5% auto 0 auto;
}
#clean .box2 .clean_box .flt_l li{
	padding:3%;
	margin-bottom:0;
}
#clean .box2 .clean_box .flt_l li:last-child{
	margin-bottom: 0;
}
#clean .box2 .clean_box .flt_l li dl,
#clean .box2 .clean_box .flt_l li dt,
#clean .box2 .clean_box .flt_l li dd{
	display:block;
}
#clean .box2 .clean_box .flt_l li dt{
	width:100%;
	margin-bottom: 3%;
}
#clean .box2 .clean_box .flt_l li dd{
	width:100%;
	padding-left:0%;
	line-height: 1.5em;
}

#clean .box2 .clean_box .flt_l li dt span{
	padding: 3% 0;
}
#clean .box2 .clean_box .flt_l li dt strong{
	font-size:120%;
}
#clean .box2 .clean_box .flt_l li:nth-child(1){
	margin-bottom: 3%;
}
#clean .box2 .waterbox{
	padding: 12% 5% 5% 5%;
}
#clean .box2 .waterbox .abs_title{
	width: 70%;
	}
#clean .box2 .waterbox .water_lead{
	margin-bottom: 8%;
}
#clean .box2 .waterbox .water_lead dt{
	font-size:4.4vw;
	letter-spacing: 0.1em;
	margin-bottom:3%;
}
#clean .box2 .waterbox .water_lead dd{
	text-align:left;
}	
	
#clean .box2 .waterbox .fltbox .img_box{
	width: 55%;
	margin: 0 auto 7% auto;
	float: none;
}
#clean .box2 .waterbox .fltbox .txt_box{
	width: 100%;
	float: none;
}
#clean .box2 .waterbox .fltbox .txt_box h6{
	letter-spacing: 0.15em;
	padding:3% 0;
	margin-bottom: 3%;
}
#clean .box2 .waterbox .fltbox .txt_box p{
	text-align:left;
	margin-bottom: 4%;
}
#clean .box2 .waterbox .fltbox .txt_box li{
	float:none;
	width: 100%;
}
#clean .box2 .waterbox .fltbox .txt_box li:nth-child(2){
	float:none;
	margin-top: 3%;
}
#clean .box2 .waterbox .fltbox .txt_box li dl{
	padding:5%;
}
#clean .box2 .waterbox .fltbox .txt_box li dt{
	letter-spacing: 0.1em;
	margin-bottom:3%;
}

/*box4*/
#clean .box4 .dev_point{
	padding-bottom:10%;
}
#clean .box4 .dev_point .pickup{
	background-size:10% auto;
	padding:5% 5% 12% 5%;
	margin-top:10%;
}
#clean .box4 .dev_point .pickup .txt_box{
	float: none;
	width: 100%;
	margin-bottom: 5%;
}
#clean .box4 .dev_point .pickup .img_box{
	float: none;
	width: 100%;
	margin: 0 auto;
}
#clean .box4 .dev_point .pickup .txt_box dl{
	letter-spacing: 0.1em;
	font-size:3.7vw;
	margin-bottom:3%;
	text-align: center;
}
#clean .box4 .dev_point .pickup .txt_box dl dd{
	font-size:5vw;
	margin-top:1%;
}
#clean .box4 .dev_point .pickup .txt_box p{
	letter-spacing:0.03em;
}
#clean .box4 .dev_point .pickup .abs_btn{
	width:80%;}
#clean .box4 .dev_point .pickup .abs_btn a{
	background-size:18px 18px;
	padding: 5px 0 5px 30px;
}

}





/*medical
---------------------------------------------------------*/
#medical .dev_bgbox{
	background:rgba(245,247,237,0.75);
}
#medical .dev_index{
	background-image:url(../images/device/dev_index2_bg@2x.jpg);
}
#medical h5::before{
	background:#cc8765;
}
#medical .dev_point{
	background-image:url(../images/device/bg3@2x.jpg);
	background-color:#ebeeda;
}
#medical .dev_point::before{
	background-image: url(../images/device/slush2@2x.png);
}





/*painless
---------------------------------------------------------*/
#painless .dev_bgbox{
	background:#f3edec;
}
#painless .dev_index{
	background-image:url(../images/device/dev_index3_bg@2x.jpg);
}
#painless h5::before{
	background:#d79c97;
}
#painless .dev_point{
	background-image:url(../images/device/bg4@2x.jpg);
	background-color:#ebe1e0;
}
#painless .dev_point::before{
	background-image: url(../images/device/slush3@2x.png);
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#painless .dev_list > li{
	border-bottom:1px solid rgba(215,156,151,0.70);}
#painless .dev_list > li:last-child{
	border-bottom: none;
}
}