@charset "utf-8";
/* ------------------------------------------ */
/* Quality CSS */
/* ------------------------------------------ */
.area-pagettl::before {
	background-image: url(../img/business/hygiene/bg.jpg);
}

/* sec-hygiene
--------------------------------------------- */
.txt-area h3 {
    width: 100%;
    vertical-align: middle;
}
.txt-area h3 .t-name {
    display: table-cell;
    width: 100%;
}

/* point-num  */
.point-num {
	background-color: #080058;
	border-radius: 100%;
    font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
    width: 58px;
    height: 58px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.point-num > span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	letter-spacing: 0em;
}
.point-num .num {
    line-height: 0.8;
}

#sec-hygiene .lbox-clothing .cloth-row {
	position: relative;
}
#sec-hygiene .lbox-clothing .cloth-img {
	position: absolute;
	top: -100px;
	left: 14%;
	width: 500px;
}
#sec-hygiene .lbox-clothing .cloth-img .pic-l {
	position: relative;
	padding-right: 0;
}

@media (max-width: 1199px) {
	#sec-hygiene .lbox-clothing .cloth-img {
		left: 5%;
	}
	#sec-hygiene .has-llinettl:first-child .container-fluid.wrap.has-pic100 .c-right {
	    padding-right: 6.5%;
	    width: calc(88.5% - 500px);
	    max-width: calc(88.5% - 500px);
	    margin-left: auto;
	}
}

@media (max-width: 1024px) {
	#sec-hygiene .lbox-clothing .cloth-img {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 400px;
	}
	#sec-hygiene .has-llinettl:first-child .container-fluid.wrap.has-pic100 .c-right {
		padding-left: 5%;
	    padding-right: 5%;
	    width: 100%;
	    max-width: 100%;
		box-sizing: border-box;
	}
}

@media (max-width: 768px) {
	#sec-hygiene .has-llinettl:first-child .container-fluid.wrap.has-pic100 .c-right {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	#sec-hygiene .lbox-clothing .cloth-img {
		width: 300px;
	}	
}

#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num {
	position: absolute;
}
#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num.num1 {
	top: 9%;
	left: 27%;
}
#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num.num2 {
	top: 41%;
	left: 46%;
}
#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num.num3 {
	top: 75%;
	left: 32%;
}
#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num.num4 {
	top: 91%;
	left: 90%;
}
#sec-hygiene .point-list {
	display: table;
	table-layout: auto;
	margin: 0 auto;
}
#sec-hygiene .point-list .point-box {
	display: table-cell;
	vertical-align: top;
	width: 236px;
	padding-right: 2.2%;
	padding-left: 2.2%;
	box-sizing: border-box;
}
#sec-hygiene .point-list .point-box .point-img img {
	width: 100%;
}

@media (max-width: 1024px) {
	#sec-hygiene .point-list {
		margin: 0 2.5%;
	}
	#sec-hygiene .point-list .point-box {
		padding-right: 1%;
		padding-left: 1%;
	}
}

@media (max-width: 768px) {
	#sec-hygiene .point-list {
		margin: 0 auto;
	}
	#sec-hygiene .point-list .point-box .point-txt {
		font-size: 1.5rem;
		font-weight: normal;
	}
}

@media (max-width: 640px) {
	#sec-hygiene .point-list .point-box {
		display: inline-block;
		width: 50%;
		float: left;
	}
	#sec-hygiene .point-list .point-box dl {
		max-width: 210px;
		margin: 0 auto;
	}
	#sec-hygiene .point-list .point-box:nth-child(2n-1) {
		padding-right: 2%;
		padding-left: 0;
	}
	#sec-hygiene .point-list .point-box:nth-child(2n) {
		padding-left: 2%;
		padding-right: 0;	
	}
}

@media (max-width: 480px) {
	#sec-hygiene .lbox-clothing .cloth-img .pic-l .point-num.num4 {
		top: 90%;
		left: 66%;
	}	
}


.divCount .scount {
    padding-left: 70px;
    position: relative;
}
.divCount .scount::before {
    content: "0" counter(divCount);
    font-family: 'Crimson Text', serif;
    position: absolute;
    letter-spacing: 0;
    color: #b5b5b5;
    font-size: 6rem;
    font-weight: normal;
    left: 0;
    top: 0;
    transform: translateY(-35%);
}
.divCount .scount::after {
    content: none;
}


#sec-hygiene .wrap,
#sec-hygiene .has-llinettl .mttl,
#sec-hygiene .has-rlinettl .mttl {
/*	max-width: 1140px;	*/
}

#sec-hygiene .box-handy {
	position: relative;
}
#sec-hygiene .box-handy .handy-label {
	display: block;
	width: 92px;
	height: 92px;
	background-color: #136bc5;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
    font-family: Arial, Helvetica, sans-serif;
}

#sec-hygiene .box-handy .handy-label .f-wh {
	display: table;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#sec-hygiene .box-handy .handy-txt {
	padding-left: 110px;
	line-height: 1.4;
}

#sec-hygiene .box-handy img {
	width: 100%;
}

@media (max-width: 1023px) {
	#sec-hygiene .box-handy img {
		display: block;
		margin: 0 auto 0 110px;
		max-width: 550px;
	}
}

@media (max-width: 768px) {
	#sec-hygiene .lbox-clothing .txt-area .stxt {
		display: block;
		width: 100%;
		padding-right: 0;		
	}
	#sec-hygiene .box-handy {
		display: block;
		width: 100%;
		padding-left: 0;
	}
	#sec-hygiene .box-handy .handy-label {
		left: 0;
	}
	#sec-hygiene .box-handy img {
		margin: 0 auto;
		max-width: none;
	}
}

@media (max-width: 480px) {
	#sec-hygiene .box-handy .handy-label {
		top: 5%;
	}
	#sec-hygiene .box-handy .handy-txt {
		padding-left: 100px;
	}
	.divCount .scount::before {
		font-size: 5rem;
	    line-height: 0.7;
	    transform: translateY(0);
	}
	.txt-area h3 .t-name {
	    padding-left: 60px;
		height: 4rem;
    	vertical-align: middle;
	}
}

@media (max-width: 400px) {
	#sec-hygiene .has-llinettl .mttl .f-sz18, 
	#sec-hygiene .has-rlinettl .mttl .f-sz18 {
		font-size: 1.5rem;
	}
}

/* .lbox-visitor*/
#sec-hygiene .lbox-visitor .pic-l img {
	width: 50%;
	float: left;
}