@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/

html{ font-size: 62.5%; }

article#vege_washer {
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";/*weight:400,500,700*/
	color:#595757;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	background:#FFF;
	line-height:1.6;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;/* safari:transitionでテキストが細くなる対策 */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
}

article#vege_washer *{ padding: 0; margin: 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

article#vege_washer img{
	width: 100%;
	height: auto;
}
article#vege_washer img { -ms-interpolation-mode: bicubic; }

article#vege_washer a{
	text-decoration: none;
	outline: none;
	transition-duration: 0.5s;
	transition-property: opacity, color;
}

article#vege_washer a:hover{
	text-decoration: none;
	opacity: 0.7;
}

/*----DWナビゲート用----*/
.pc{}
.sp{}
.img-switch{}


@media print, screen and (min-width: 768px){
	article#vege_washer .sp{
		display: none!important;
	}
	
	article#vege_washer {
		margin-top: -50px;
	}
	
	article#vege_washer section.vege_washer_info {
		width: 100%;
		background: url("../img/vege_washer/page_title_bg.jpg") no-repeat #eff8fe;
		background-size: 100%;
		background-position: top center;
		padding: 15.8vw 0 100px;
	}
	
	article#vege_washer div.inner{
		width: 95%;
		max-width: 1000px;
		margin: 0 auto;
	}
	
	article#vege_washer div.inner h2{
		width: 412px;
		line-height: 0;
		margin: 0 auto 65px;
	}
	
	article#vege_washer section.vege_washer_info div.inner h1{
		width: 50%;
		min-width: 500px;
		line-height: 0;
		margin-bottom: 10.8vw;
	}
	
	article#vege_washer section.vege_washer_info div.inner h2{
		width: 320px;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box{
		width: 100%;
		margin: 0 auto;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		text-align: center;
		position: relative;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box h3{
		font-size: 40px;
		font-size: 4.0rem;
		line-height: 1;
		letter-spacing: 0.15em;
		margin-bottom: 42px;
		position: relative;
		z-index: 3;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box p{
		line-height: 3;
		letter-spacing: 0.2em;
		position: relative;
		z-index: 3;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box .illust01{
		width: 149px;
		position: absolute;
		top: -184px;
		left: 4.7%;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust02{
		width: 240px;
		position: absolute;
		bottom: -80px;
		left: -10.8%;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust03{
		width: 178px;
		position: absolute;
		top: -120px;
		right: 7.7%;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust04{
		width: 308px;
		position: absolute;
		bottom: -188px;
		right: -1%;
	}
	
	article#vege_washer section.vege_washer_feature,
	article#vege_washer section.vege_washer_data,
	article#vege_washer section.vege_washer_attention,
	article#vege_washer section.vege_washer_faq{
		padding: 80px 0;
	}
	
	article#vege_washer section.vege_washer_feature div.block{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	
	article#vege_washer section.vege_washer_feature div.block figure{
		width: 36.9%;
		line-height: 0;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point{
		width: 50%;
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li{
		width: 100%;
		margin-bottom: 45px;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li h3{
		width: 42.8%;
		line-height: 0;
		margin-bottom: 15px;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li p{
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box{
		width: 60.4%;
		line-height: 0;
		margin-right: -10.4%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box figure{
		width: 49.5%;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li{
		width: 46.5%;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		margin-bottom: 45px;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li h4{
		background: #8FC31F;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		padding: 12px 0;
		margin-bottom: 15px;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 + p.cap{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_data h3{
		width: 532px;
		line-height: 0;
		margin-bottom: 28px;
	}
	
	article#vege_washer section.vege_washer_data h3 + p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_data h5{
		font-size: 16px;
		font-size: 1.6rem;
		margin: 20px 0 8px;
	}
	
	article#vege_washer section.vege_washer_data div.box{
		margin-bottom: 15px;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul{
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul li{
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.4;
		margin-bottom: 5px;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul li::before{
		content: "□";
		display: inline-block;
		margin-right: 0.5rem;
	}
	
	article#vege_washer section.vege_washer_use {
		background: #ecf7fd;
		padding: 60px 0 70px;
	}
	
	article#vege_washer section.vege_washer_use ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
		margin-bottom: 25px;
	}
	
	article#vege_washer section.vege_washer_use ul li{
		width: 31%;
		margin-right: 3.5%;
		
	}
	
	article#vege_washer section.vege_washer_use ul li:last-child{
		margin-right: 0;
	}
	
	article#vege_washer section.vege_washer_use ul li figure {
		width: 100%;
		position: relative;
	}
	
	article#vege_washer section.vege_washer_use ul li figure::after{
		content: "";
		width: 6%;
		height: 100%;
		position: absolute;
		right: -8%;
		top: 0;
		background: url("../img/vege_washer/use_arrow.png") no-repeat;
		background-size: contain;
		background-position: center;
	}
	
	article#vege_washer section.vege_washer_use ul li:last-child figure::after{
		display: none;
	}
	
	article#vege_washer section.vege_washer_use ul li p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_use div.block {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	
	article#vege_washer section.vege_washer_use div.block h4{
		width: 12%;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box{
        width: 84.5%;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box p{
        font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box p + p{
        margin-top: 10px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner{
		border: 2px solid #595757;
		border-radius: 8px;
		padding: 50px 70px 40px;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_attention div.inner h3{
		width: 136px;
		line-height: 0;
		margin-bottom: 20px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul{
		list-style: none;
		margin-bottom: 34px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul li{
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 8px;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul li::before{
		content: "□ ";
		display: inline;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul + p{
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	article#vege_washer section.vege_washer_faq dl{
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_faq dl dt{
		width: 100%;
		min-height: 22px;
		margin-bottom: 8px;
		padding-left: 28px;
		background: url("../img/vege_washer/faq_q.png") no-repeat;
		background-size: 22px;
		background-position: top left;
	}
	
	article#vege_washer section.vege_washer_faq dl dd{
		width: 100%;
		min-height: 22px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 28px;
		border-bottom: 1px dashed #595757;
		background: url("../img/vege_washer/faq_a.png") no-repeat;
		background-size: 22px;
		background-position: top left;
	}
}

/*--------------------------------------------------------
　TB
--------------------------------------------------------*/

@media screen and (min-width: 768px) and (max-width: 1200px){
	
	article#vege_washer section.vege_washer_info div.inner div.box .illust01{
		width: 14.9%;
		max-width: 149px;
		position: absolute;
		top: -184px;
		left: 4.7%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust02{
		width: 24%;
		max-width: 240px;
		position: absolute;
		bottom: -80px;
		left: -2.5%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust03{
		width: 17.8%;
		max-width: 178px;
		position: absolute;
		top: -120px;
		right: 7.7%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust04{
		width: 30.8%;
		max-width: 308px;
		position: absolute;
		bottom: -188px;
		right: -1%;
		z-index: 1;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box{
		width: 50%;
		line-height: 0;
		margin-right: -2.5%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box figure{
		width: 49.5%;
	}
	
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 767px){
	
	article#vege_washer .pc{
		display: none!important;
	}
	
	article#vege_washer {
        font-size: 14px;
        font-size: 1.4rem;
		margin-top: -24px;
    }
	
	article#vege_washer section.vege_washer_info {
		width: 100%;
		background: url("../img/vege_washer/page_title_bg.jpg") no-repeat #eff8fe;
		background-size: 100%;
		background-position: top center;
		padding: 15.8vw 0 100px;
	}
	
	article#vege_washer div.inner{
		width: 90%;
		margin: 0 auto;
	}
	
	article#vege_washer div.inner h2{
		width: 80%;
		max-width: 412px;
		line-height: 0;
		margin: 0 auto 45px;
	}
	
	article#vege_washer section.vege_washer_info div.inner h1{
		width: 80%;
		line-height: 0;
		margin-bottom: 10.8vw;
	}
	
	article#vege_washer section.vege_washer_info div.inner h2{
		width: 60%;
		max-width: 320px;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box{
		width: 100%;
		margin: 0 auto;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		position: relative;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box h3{
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1;
		letter-spacing: 0.15em;
		margin-bottom: 20px;
		position: relative;
		z-index: 3;
		text-align: center;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box p{
		line-height: 2.4;
		letter-spacing: 0.2em;
		position: relative;
		z-index: 3;
	}
	
	article#vege_washer section.vege_washer_info div.inner div.box .illust01{
		width: 14.9%;
		max-width: 149px;
		position: absolute;
		top: -18vw;
		left: 2.5%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust02{
		width: 24%;
		max-width: 240px;
		position: absolute;
		bottom: -140px;
		left: -2.5%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust03{
		width: 17.8%;
		max-width: 178px;
		position: absolute;
		top: -17.5vw;
		right: -2.5%;
		z-index: 1;
	}
	article#vege_washer section.vege_washer_info div.inner div.box .illust04{
		width: 30.8%;
		max-width: 308px;
		position: absolute;
		bottom: -140px;
		right: -1%;
		z-index: 1;
	}
	
	article#vege_washer section.vege_washer_feature,
	article#vege_washer section.vege_washer_data,
	article#vege_washer section.vege_washer_attention,
	article#vege_washer section.vege_washer_faq{
		padding: 60px 0 30px;
	}
	
	article#vege_washer section.vege_washer_feature div.block{
		width: 100%;
		margin-bottom: 50px;
	}
	
	article#vege_washer section.vege_washer_feature div.block figure{
		width: 60%;
		max-width: 280px;
		line-height: 0;
		margin: 0 auto 20px;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point{
		width: 100%;
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li{
		width: 100%;
		margin-bottom: 40px;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li h3{
		width: 50%;
		max-width: 212px;
		line-height: 0;
		margin: 0 auto 15px;
	}
	
	article#vege_washer section.vege_washer_feature div.block ul.point li p{
		text-align: center;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box{
		width: 100%;
		line-height: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	article#vege_washer section.vege_washer_feature div.block div.photo_box figure{
		width: 49.5%;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02{
		width: 100%;
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li{
		width: 100%;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
		margin-bottom: 40px;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li h4{
		background: #8FC31F;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1;
		padding: 12px 0;
		margin-bottom: 15px;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 li p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2;
	}
	
	article#vege_washer section.vege_washer_feature ul.block02 + p.cap{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_data h3{
		width: 80%;
		max-width: 532px;
		line-height: 0;
		margin-bottom: 28px;
	}
	
	article#vege_washer section.vege_washer_data h3 + p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 2.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_data h5{
		font-size: 16px;
		font-size: 1.6rem;
		margin: 20px 0 8px;
	}
	
	article#vege_washer section.vege_washer_data div.box{
		width: 100%;
		margin-bottom: 15px;
		overflow: auto;
	}
	
	article#vege_washer section.vege_washer_data div.box::-webkit-scrollbar{
		height: 4px;
    }
    article#vege_washer section.vege_washer_data div.box::-webkit-scrollbar-track{
		background: #F1F1F1;
    }
    article#vege_washer section.vege_washer_data div.box::-webkit-scrollbar-thumb {
		background: #BCBCBC;
    }
	
	article#vege_washer section.vege_washer_data div.box figure{
		width: 780px;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul{
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul li{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		margin-bottom: 5px;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	
	article#vege_washer section.vege_washer_data div.box + ul li::before{
		content: "□ ";
		display: inline;
	}
	
	article#vege_washer section.vege_washer_use {
		background: #ecf7fd;
		padding: 60px 0 70px;
	}
	
	article#vege_washer section.vege_washer_use ul{
		width: 100%;
		margin-bottom: 40px;
		list-style: none;
	}
	
	article#vege_washer section.vege_washer_use ul li{
		width: 90%;
		max-width: 320px;
		margin: 0 auto 30px;
		position: relative;
		
	}
	
	article#vege_washer section.vege_washer_use ul li:last-child{
		margin-bottom: 0;
	}
	
	article#vege_washer section.vege_washer_use ul li figure {
		width: 100%;
	}
	
	article#vege_washer section.vege_washer_use ul li::after{
		content: "";
		width: 16px;
		height: 10px;
		position: absolute;
		left: -webkit-calc(50% - 8px);
        left: -moz-calc(50% - 8px);
        left: calc(50% - 8px);
		bottom: -15px;
		background: url("../img/vege_washer/use_arrow02.png") no-repeat;
		background-size: contain;
	}
	
	article#vege_washer section.vege_washer_use ul li:last-child::after{
		display: none;
	}
	
	article#vege_washer section.vege_washer_use ul li p{
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.8;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_use div.block {
		width: 100%;
	}
	
	article#vege_washer section.vege_washer_use div.block h4{
		width: 40%;
		max-width: 120px;
		margin: 0 auto 20px;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box{
        width: 100%;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box p{
        font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.6;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	
	article#vege_washer section.vege_washer_use div.block div.box p + p{
        margin-top: 10px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner{
		border: 2px solid #595757;
		border-radius: 8px;
		padding: 30px 20px 20px;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_attention div.inner h3{
		width: 136px;
		line-height: 0;
		margin-bottom: 20px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul{
		list-style: none;
		margin-bottom: 34px;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul li{
		font-size: 14px;
		font-size: 1.4rem;
		margin-bottom: 8px;
		text-indent: -1.25em;
		padding-left: 1.25em;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul li::before{
		content: "□ ";
		display: inline;
	}
	
	article#vege_washer section.vege_washer_attention div.inner ul + p{
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	article#vege_washer section.vege_washer_faq dl{
		width: 100%;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.4;
		/*font-family: "Ryumin Medium KL";*/
		font-family: a-otf-ryumin-pr6n, serif;
		font-style: normal;
		font-weight: 300;
	}
	
	article#vege_washer section.vege_washer_faq dl dt{
		width: 100%;
		min-height: 22px;
		margin-bottom: 8px;
		padding-left: 28px;
		background: url("../img/vege_washer/faq_q.png") no-repeat;
		background-size: 22px;
		background-position: top left;
	}
	
	article#vege_washer section.vege_washer_faq dl dd{
		width: 100%;
		min-height: 22px;
		margin-bottom: 20px;
		padding-bottom: 20px;
		padding-left: 28px;
		border-bottom: 1px dashed #595757;
		background: url("../img/vege_washer/faq_a.png") no-repeat;
		background-size: 22px;
		background-position: top left;
	}
	
	
}