@charset "utf-8";
/* CSS Document */
#w999Wrap {
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
}
/*font要素*/
p.titleAccent {
  position: relative;
  padding: 0;
  margin: 0 auto 20px auto;
  text-align: center;
  font-size: 14px;
  color: #14378E;
  background: url("https://lecinc.itembox.design/item/html/999purewater/img/icon-lines.png") no-repeat center center;
  height: 36px;
  width: 70px;
}
p.titleJP {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 24px;
  color: #14378E;
  line-height: 1.4em;
}
p.titleJP:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 30%;
  height: 1px;
  content: '';
  background: #14378E;
}
p.titleJP:after {
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  width: 30%;
  height: 1px;
  content: '';
  background: #14378E;
}
p.titleJP_noline {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 24px;
  color: #14378E;
  line-height: 1.4em;
}
.caution {
  font-size: 12px;
  margin-bottom: -4px;
}
.y {
  color: #FFD802;
}
.italic {
  font-style: italic;
}

.highlight { background: linear-gradient(transparent 0%, #FDFBE7 0%);}


/*--以下　Adobe Font 要素---------------*/
.FOT-TsukuBRdGothicStdR {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.FOT-TsukuBRdGothicStdB {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
	line-height: 1.4em;
}
.NeuzeitGroteskR {
	font-family: neuzeit-grotesk, sans-serif;
font-weight: 400;
font-style: normal;
	letter-spacing: 0.1em
}

.NeuzeitGroteskB {
font-family: neuzeit-grotesk, sans-serif;
font-weight: 700;
font-style: normal;
}


/*-----------------*/
.w1160 {
  max-width: 1160px;
  margin: 0 auto 50px;
  clear: both;
}
.w1000 {
  max-width: 1000px;
  padding: 0;
  margin: 0 auto;
  clear: both;
  overflow: hidden
}
.w925 {
  max-width: 925px;
  padding: 0;
  margin: 0 auto;
  overflow: hidden
}
.sectionTitle {
  margin: 0 0 30px 0
}

.sectionTitle img {width: unset;}

  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }

@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
	
p.titleJP {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 3.5vw;
  color: #14378E;
  line-height: 1.4em;
}
p.titleJP:before {
  width: 25%;
}
p.titleJP:after {
  width: 25%;
}
	.w925 {
		padding: 3%;
	}
	
}

@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
  .pc-only {
    display: none;
  }
  .sp-only {
    display: block;
  }
	p.titleJP {
  position: relative;
  padding: 0;
  text-align: center;
  font-size: 5.7vw;
  color: #14378E;
  line-height: 1.4em;
}
p.titleJP:before {
  width: 0%;
}
p.titleJP:after {
  width: 0%;
}
	.w925 {
		padding: 3%;
	}
}



/*=========================
ヘッダー要素
=========================*/
.w999Header {
  background: url("https://lecinc.itembox.design/item/html/999purewater/img/fv_pc@2x.jpg") no-repeat center top;
  background-size: contain;
  padding-top: 42.95%;
  position: relative;
}
.sectionTitle {
  margin: 0 0 30px 0;
}
#section02, #section03, #section04, #section05 {
  margin-bottom: 60px;
}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
  .w999Header {
    background: url("https://lecinc.itembox.design/item/html/999purewater/img/fv_sp@2x.jpg") no-repeat center top;
    background-size: contain;
    padding-top: 141.81%;
    position: relative;
  }
  .caution {
    font-size: 2vw;
    margin-bottom: 0px;
    line-height: 2.2em
  }
}


/*=========================
section01  要素
=========================*/
.balloonAreaWrap {
	width: 592px;
	margin: 50px auto 0;
	box-sizing: border-box
}
ul.balloonAreaR {
	width: 288px;
	float: right;
}
ul.balloonAreaL {
	width: 288px;
	float: left
}


li.balloon1 {
	height: 182px;
  padding: 15% 5%;
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/hukidashiP.png") no-repeat center center;
	
}
li.balloon2 {
	height: 153px;
  padding: 12% 5%;
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/hukidashiB.png") no-repeat center center;
}



ul.balloonAreaL li, ul.balloonAreaR li {
  margin-bottom: 8px;
	box-sizing: border-box;
	font-size: 16px;
  color: #14378E;
	text-shadow: 1px 1px #fff;
}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
.balloonAreaWrap {
	width: 100%;
	margin: 50px auto 0;
	box-sizing: border-box;
}	
ul.balloonAreaL {
	width: 95%;
	clear: both;
	margin: 0 4%;
}


li.balloon1 {
  padding: 63.19% 0 0;
margin: 0 auto;
	background-size: contain;
	position: relative;
	
}
li.balloon2 {
  padding: 53.12% 0 0;
margin: 0 auto;
	background-size: contain;
	position: relative;
}
	li.balloon1 p, li.balloon2 p {

    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
		position: absolute;
		z-index: 1;
		/*top: 20%;
		left: 0;*/
		font-size: 5vw;
	width: 100%;
		padding:0 7%;
		box-sizing: border-box;
		line-height: 1.3em;
	}
	

}


/*=========================
section02  要素
=========================*/
.s02TitleReW {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/bg-circle.png") no-repeat;
	background-position: 20% 20%;
	width: 100%;
	height: 200px;
	padding-top:70px;
	box-sizing: border-box;
}
p.s02TitleRe {
	width: 60%;
	margin: 0 auto;
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/renewal.png") no-repeat center left;
	padding-left: 165px;
	height: auto;
	font-size: 22px;
	color: #003894;
	line-height: 1.6em;
	box-sizing: border-box;
}
.s02Wrap {}
.s02DeepBg {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/bg_deedb.png") no-repeat center top;
}

ul.s02ItemList {
	width: 100%;
	margin: 30px 0;
	padding: 30px 10%;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	background-color: #fff;
	border-radius: 8px;
	box-sizing: border-box;
}

ul.s02ItemList li {
	width: 23%;
	margin: 3% 0;
}
ul.s02ItemList li img {
	width: 100%;
}
.s02Contents {
	display: inline-flex;
	width: 100%;
}
.s02Con01 {
	color: #fff;
	width: 60%;
	margin: auto;
	padding: 5%;
	box-sizing: border-box;
}
.s02Con01 p, .s02Con04 p {padding-bottom: 13px;}
.s02Con02 {width:31%; text-align: center;margin-bottom: 3%}
.s02ConText1 {font-size: 15px;}
.s02ConText2 {font-size: 25px; line-height: 1.4em;}
.s02ConText3 {font-size: 15px;}



.s02Con03 {width: 50%;background: url("https://lecinc.itembox.design/item/html/999purewater/img/img_baby.png") no-repeat center center;
background-size: cover;}
.s02Con04 {width: 50%;background-color: #FDFBE7; padding: 5%;box-sizing: border-box; color: #14378E}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
	p.s02TitleRe {
		width: 90%;
		font-size: 2.8vw;
	}
ul.s02ItemList {
	margin: 20px 0;
	padding: 30px 4%;
}

ul.s02ItemList li {
	margin: 2% 0;
}

.s02Con01 {
width: 50%;
    padding: 0%;
    margin: 5% 0 0 7%;
}
.s02Con02 {   
 width: 32%;
    margin: 1% 0 0 6%;
}
	
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
.s02TitleReW {
	background-position: 20% 20%;
	width: 100%;
	height: 200px;
	padding-top:0;
	box-sizing: border-box;
}

p.s02TitleRe {
		position: relative;
	width: 100%;
	background: none;
	margin: 10% auto 0;
	padding:  0;
	color: #003894;
	line-height: 1.4em;
	box-sizing: border-box;
	font-size: 4.5vw;
	text-align: center;
}
p.s02TitleRe:before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 30%;/*画像の幅に対する高さ比率*/
  display: block;
}

p.s02TitleRe:after {/*画像を絶対配置*/
  position: absolute;
    content: '';
    top: 0;
    left: 24%;
    display: block;
    width: 48%;
    height: 54%;
  background-image: url(https://lecinc.itembox.design/item/html/999purewater/img/renewal_sp.png);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  }
	
ul.s02ItemList {
	width: 100%;
	margin: 2% 0;
	padding: 5%;
	box-sizing: border-box;
}

ul.s02ItemList li {
	width: 50%;
	margin: 3% 0;
}
ul.s02ItemList li img {
	width: 100%;
}
	
.s02DeepBg {
	background-size: cover;
}
	
.s02Contents {
	display: block;
	width: 100%;
}
.s02Con01 {
	color: #fff;
	width: 100%;
	margin: auto;
	padding: 5%;
	box-sizing: border-box;
}
.s02Con01 p, .s02Con04 p {padding-bottom: 13px;}
.s02Con02 {width:100%; text-align: center;margin-bottom: 3%}
.s02Con02 img {width:90%;}	
.s02ConText1, .s02ConText2 {text-align: center;}	
	.s02ConText2 {font-size: 7vw}

.s02Con03 {
	width: 100%;
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/img_baby.png") no-repeat center center;
	background-size: cover;
	padding-top: 50%
	}
.s02Con04 {
	width: 100%;
	background-color: #FDFBE7;
	padding: 5%;
	box-sizing: border-box;
	color: #14378E
	}


}


/*=========================
section03  要素
=========================*/
.s03BgBlue {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/bg-blue.png")
		no-repeat center top;
	background-size: cover;
	padding: 50px 0;
}
.s03Pointwrap {
	padding: 50px 0;
	color: #14378E;
}
.s03Point01, .s03Point02, .s03Point03 {
	border: 1px solid #14378E;
	display: flex;
	position: relative;
	border-radius: 8px;
	height: 280px;
	margin-bottom: 50px;
	background-color: #fff;
}
p.icon {
	position: absolute;
	top: -27px;
	left:30px;
}

.s03conL, .s03conR {
	width: 50%;
	height: 100%;
	box-sizing: border-box;
	padding: 55px 20px 0 40px;
	overflow: hidden;
}
.bg-collagen {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/img_01.png") no-repeat center center;
	background-size: cover;
}
.bg-free {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/img_02.png") no-repeat center center;
	background-size: cover;
}

.bg-peach{
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/img_03.png") no-repeat center center;
	background-size: cover;
}

p.s03h1, p.s03h1p {
	font-size: 25px;
	line-height: 1.3em;
	padding-bottom: 15px;
}

p.s03h2, p.s03h2p {
	font-size: 13px;
	line-height: 1.4em;
	padding-bottom: 15px;
}



@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
	.s03BgBlue {
		padding: 50px 0%;		
	}
.bg-collagen, .bg-free, .bg-peach {
border-radius: 0px 8px 8px 0;
}	
	.s03conL{
	width: 60%;
	}
	.s03conR {
	width: 40%;
	border-radius: 8px;
	}
		p.s03h1 {
	font-size: 3.3vw;
	}
}

@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
.bg-collagen, .bg-free, .bg-peach {
border-radius: 8px 8px 0 0;
}	
.s03Point01, .s03Point02, .s03Point03 {
	border: 1px solid #14378E;
	display: block;
	position: relative;
	border-radius: 8px;
	height: auto;
	margin-bottom: 50px;
	background-color: #fff;
}
	
p.icon {
	position: absolute;
	top: -27px;
	left: 40%;
}
.s03conL {
	    width: 100%;
    height: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 80% 0 0 0%;
    overflow: visible;
    position: relative;
}
	.s03conR {
	width: 100%;
	height: 0;
	box-sizing: border-box;
	overflow: hidden;
		padding-top:80%; 
	}
	
p.s03h1 {
    font-size: 5.5vw;
    line-height: 1.3em;
    padding-bottom: 15px;
    position: absolute;
    top: 28px;
    text-align: center;
    width: 100%;
    top: 26%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

p.s03h2 {
   font-size: 3.5vw;
    line-height: 1.4em;
    padding-bottom: 15px;
    position: absolute;
    width: 90%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
p.s03h1p {
    font-size: 5.5vw;
    line-height: 1.3em;
    padding-bottom: 15px;
    position: absolute;
    top: 28px;
    text-align: center;
    width: 100%;
    top: 34%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

p.s03h2p {
   font-size: 3.5vw;
    line-height: 1.4em;
    padding-bottom: 15px;
    position: absolute;
    width: 90%;
    top: 68%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.s03h3 {
	font-size: 2.5wv;
    line-height: 1.4em;
    padding-bottom: 15px;
    position: absolute;
    width: 90%;
    top: 88%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.s03design img {
	position: absolute;
    height: auto;
    left: -21%;
    top: 20%;
	
}
}



/*-//デザインと機能性--------------*/
.s03design {
	width: 473px;
	height: 205px;
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/mizu999_funwari.png") no-repeat left bottom;
	background-size: 60%;
	margin: 50px auto 40px;
	padding-left: 25%;
	padding-top: 0px;
	box-sizing: border-box;
	color: #14378E;
	position: relative
}


.s03design img {
	    position: absolute;
    width: 35px;
    height: auto;
    left: 44%;
    top: 20%;
	
}

.s03DesignTextEN {
	font-size: 15px;
	padding-bottom: 8px;
}
.s03DesignTextJP {
	font-size: 18px;
}
.s03function {
	color: #14378E;
	position: relative;
	width: 500px;
	margin: 0 auto;
}

.FunctionListWrap {
	width: 380px;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	margin: 0 auto 30px;
}
.FunctionList {
	width: 50%;
}
.s03function img {
	position: absolute;
	width: 23px;
	height: 81px;
	left: 5%;
	top:28%;
	
}

p.ImgRound01 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/function01.png") no-repeat center center;
}

p.ImgRound02 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/function02.png") no-repeat center center;
}
p.ImgRound01, p.ImgRound02 {
	max-width: 180px;
	min-height: 180px;
	border-radius: 50%;
	margin: 20px 0;
	background-size: cover;
	border: 1px solid #003894;
}

.TextComment {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/balloon-4@2x.png") no-repeat center center;
	background-size: contain;
	width: 160px;
	height: 60px;
	line-height: 63px;
	text-align: center;
}

.s03YellowBgWrap {
	background-color: #FDFBE7;
	border: 2px solid #14378E;
	padding: 5%;
	border-radius: 8px;
	outline: 1px solid #14378E;
	outline-offset: -8px;
}
.s03YellowBgListW {
	max-width: 645px;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	margin: 0 auto 30px;
	text-align: center;
}

.s03YellowBgList {
	width: 30%;
	margin-bottom: 8px;
}
.ImgRound03 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/maintenance_point02.jpg") no-repeat center center;
}

.ImgRound04 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/maintenance_point01.jpg") no-repeat center center;
}

.ImgRound05 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/maintenance_point03.jpg") no-repeat center center;
}
.ImgRound03, .ImgRound04, .ImgRound05 {
	max-width: 180px;
	height: 180px;
	border-radius: 50%;
	margin: 20px auto;
	background-size: cover;
	border: 1px solid #003894;
}
.s03YellowBgList p {
	color: #14378E;
}




p.s03TextNo {
	font-size: 35px;
	font-weight: bold;
	color: #FDFBE7;
    text-shadow:
        0 1px 0 #14378E,
        1px 0 0 #14378E,
        0 -1px 0 #14378E,
        -1px 0 0 #14378E,
        -1px -1px 0 #14378E,
        1px -1px 0 #14378E,
        -1px 1px 0 #14378E,
        1px 1px 0 #14378E;
	line-height: 1em;
}
.s03Text {
	font-size: 20px;
}
.s03TextSub {
	font-size: 14px;
	text-align: left;
}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
	
.s03design img {
	left: 48%;
}
.s03design .s03DesignTextEN {
	position: absolute;
	right: 0;
}
.s03design .s03DesignTextJP {
	position: absolute;
	right: 0;
	top: 20px;
}
	
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
	
.s03design {
	width: 100%;
    height: 205px;
    background: none;
    background-size: 74%;
    margin: 15% auto 17% 3%;
    padding-left: 36%;
    padding-top: 0px;
    box-sizing: border-box;
    color: #14378E;
    position: relative;
}
.funwariImg {
	position: absolute;
	width: 70%;
	height: 100%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	
}
.funwariImg img {
	width: 100%
	
}
.s03design .s03DesignTextEN {
    font-size: 4vw;
    padding-bottom: 8px;
    position: absolute;
    line-height: 1.4em;
    width: 90%;
    top: 0%;
    left: 81%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.s03design .s03DesignTextJP {   
	font-size: 4.5vw;
    position: absolute;
    top: 19%;
    line-height: 1.4em;
    width: 90%;
    left: 81%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
	
	
	
.s03function {
	color: #14378E;
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.s03function .s03DesignTextEN {
    font-size: 4vw;
	width: 100%;
	text-align: center;
	position: static;
	}
	
.s03function .s03DesignTextJP {   
	font-size: 4.5vw;
	width: 100%;
	text-align: center;
	position: static;
	}
	
	
.FunctionListWrap {
	width: 100%;
	margin: 5% 0 10% 0;
	}
	
.FunctionList {
	width: 50%
}
.TextComment {
	margin: 8px auto 0;
}
	p.TextComment {
		font-size: 3.5vw;
		background-size: contain;
		width: 90%
	}
p.ImgRound01, p.ImgRound02 {
    border-radius: 50%;
    margin: 0 auto;
}
	
	
.s03YellowBgList {
		width: 70%;
		margin: 0 auto;
	}
.s03YellowBgWrap {
		padding: 10% 0 0 0;
	}
.s03Text {
	font-size: 5vw;
}
	p.s03TextSub {
		padding: 0 0 20% 0;
	}
}


@media screen and (max-width:435px) {
  /*スマホ用のcssを記述*/
.FunctionList {
    width: 80%;
    margin: 0 auto 5%;
}
	
	p.TextComment {
		font-size: 5vw;
		background-size: contain;
		width: 90%
	}
}
/*=========================
section04  要素
=========================*/


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
}


/*=========================
section05  要素
=========================*/


ul.s05Type {
	max-width: 517px;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	margin: 20px auto 30px;
	text-align: center;
}
ul.s05Type li {
	width: 123px;
	color: #fff;
	line-height: 105px;
	font-size: 18px;
}
ul.s05Type li.BgType01 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/type-hunwari.png") no-repeat center center;
	height: 106px;
}
ul.s05Type li.BgType02 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/type-atsude.png") no-repeat center center;
	height: 106px;
}
ul.s05Type li.BgType03 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/type-nagaseru.png") no-repeat center center;
	height: 106px;
}
ul.s05Type li.BgType04 {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/type-tekuchi.png") no-repeat center center;
	height: 106px;
}


.s05ItemLineupWrap {
	width: 100%;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	margin: 0 auto 30px;
	text-align: center;
}
.s05balloon01, .s05balloon02,
.s05balloon03, .s05balloon04 {
	position: absolute;
	width: 70%;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.s05balloon01 img, .s05balloon02 img, .s05balloon03 img, .s05balloon04 img{
	width: 100%
}

.s05ItemLineup {
	position: relative;
	width: 50%;
	margin: 0 0 30px 0;
}

.LineupWrap {
	padding: 10px 3% 30px 3%;
}	

.LineupWrap img {
	width: 60%;
	margin: 20px 0;
}
.ItemName {
	color: #fff;
	box-sizing: border-box;
	margin-top: 50px;
	font-size: 24px;
	padding: 20px 0 15px;
}
.s05BgY {background-color: #FDFBE7}
.s05BgSb {background-color: #EFF9FE}
.s05BgFun {background-color: #92C0E9}
.s05BgAtsu {background-color: #003894}
.s05BgNaga {background-color: #56D8D4}
.s05BgTeku {background-color: #FEB6C8;}

.ItemSub {
color: #003894;
	margin: 20px 0;
	font: 20px;
}

p.AddCart {
  max-width: 320px;
  margin: 10px auto;
  font-size: 14px;
  background-color: #EE87B4;
  padding: 8px 0;
  color: #fff;
	border-radius: 8px;
}
p.AddCart:after {
  content: "ご購入はこちら";
}
p.AddCart:before {
  content: ''; /*何も入れない*/
  display: inline-block; /*忘れずに！*/
  width: 25px; /*画像の幅*/
    height: 25px; /*画像の高さ*/
  font-family: 'Material Icons';
  content: "shopping_cart";
  vertical-align: middle;
}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/

.s05balloon01, .s05balloon02,
	.s05balloon03, .s05balloon04 {
		width: 80%;
		top:10%;
	}
}

@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
ul.s05Type {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 3% auto;
    text-align: center;
}	
ul.s05Type li {
    width: 44%;
    color: #fff;
    /* line-height: 61px; */
    font-size: 6vw;
    padding-top: 43%;
    margin: 3%;
position: relative;
}
ul.s05Type li.BgType01 p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 100%;
}
ul.s05Type li.BgType02 p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 100%;
}
ul.s05Type li.BgType03 p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 100%;
}
ul.s05Type li.BgType04 p {
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
width: 100%;
}

ul.s05Type li.BgType01 {
    height: 0px;
    background-size: contain;
}
ul.s05Type li.BgType02 {
    height: 0px;
    background-size: contain;
}
ul.s05Type  li.BgType03 {
    height: 0px;
    background-size: contain;
}
ul.s05Type  li.BgType04 {
    height:0px;
    background-size: contain;
}
	
.s05balloon01, .s05balloon02,
.s05balloon03, .s05balloon04 {
		width: 94%;
		top:8%;
	}

.s05ItemLineup {
	width: 100%;
	margin: 0 0 8% 0;
}

.LineupWrap img {
	width: 100%;
	margin: 5% 0;
}
}



/*--水９９------------------*/
.bg99Border {
	background: url("https://lecinc.itembox.design/item/html/999purewater/img/bg_mizu99.png") no-repeat;
background-color:rgba(255,255,255,0.8);
background-blend-mode:lighten;
	background-size:cover;
	background-position: 0% -10%;
	text-align: center;
	padding-bottom: 30px;
	margin: 0;
}
.ItemLineup99Wrap{
	width: 100%;
	display: flex;  
flex-wrap: wrap;
justify-content: space-between;
	margin: 0 auto;
	text-align: center;}
.ItemLineup99 {
	width:33.33%;
	padding: 20px 10px;
	box-sizing: border-box;
}
.ItemLineup99 img {
	width: 60%;
	margin: auto;
	
}


@media only screen and (min-width : 600px) and (max-width : 1006px) {
  /*tablet用のcssを記述*/
}
@media screen and (max-width:599px) {
  /*スマホ用のcssを記述*/
	
	
.ItemLineup99 {
	width:100%;
	padding: 8% 3%;
	box-sizing: border-box;
}
.LineupWrap99 img, .ItemLineup99 img {
	width: 100%;
	margin: 5% 0;
}
p.AddCart {
 width: 100%;
font-size: 4vw;
	}
	.ItemName {
		font-size: 9vw;
	}
	.ItemSub {
		font-size:  5vw;
	}
}