@charset "UTF-8";

/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){
.compliant_marks .lageMark{
	/*height: 250px;*/
	height: 0;
	padding-top: 70%;
	margin-bottom: 50px;
}
.compliant_marks .content{
 max-width: 450px;
}
.compliant_marks.mud .lageMark{background: url(../img/green_printing_labels/mud_mark.png) center center no-repeat;background-size: 80% auto;}
.compliant_marks.fsc .lageMark{background: url(../img/green_printing_labels/FSC_mark.png) center center no-repeat;background-size: contain;}
.compliant_marks.greenprinting_mark .lageMark{background: url(../img/green_printing_labels/greenprinting_mark.png) center center no-repeat;background-size: 80% auto;}
.compliant_marks.carbonoffset_mark .lageMark{background: url(../img/green_printing_labels/carbonoffset_mark.png) center center no-repeat;background-size: contain;}
.compliant_marks.voc_mark .lageMark{background: url(../img/green_printing_labels/voc_mark.png) center center no-repeat;background-size: 60% auto;}
.compliant_marks.recicle_mark .lageMark{background: url(../img/green_printing_labels/recicle_mark.png) center center no-repeat;background-size: 80% auto;}
.compliant_marks .markDisk{
	padding: 30px 15px;
	position: relative;
	margin-bottom: 60px;
}
.compliant_marks .markDisk .topEndLine,
.compliant_marks .markDisk .bottomEndLine{
/*	position: absolute;
	width: 100%;
	height: 100%;*/
	top: 0;left: 0;
}
.compliant_marks .markDisk .topEndLine::before,
.compliant_marks .markDisk .topEndLine::after,
.compliant_marks .markDisk .bottomEndLine::before,
.compliant_marks .markDisk .bottomEndLine::after{
	content: "";
	position: absolute;
	height: 30px;
	width: 30px;
}
.compliant_marks .markDisk .topEndLine::before{
	top: 0;left: 0;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
}
.compliant_marks .markDisk .topEndLine::after{
	top: 0;right: 0;
	border-right: solid 1px #000;
	border-top: solid 1px #000;
}
.compliant_marks .markDisk .bottomEndLine::before{
	bottom: 0;left: 0;
	border-left: solid 1px #000;
	border-bottom: solid 1px #000;
}
.compliant_marks .markDisk .bottomEndLine::after{
	bottom: 0;right: 0;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.compliant_marks .markDisk .about{
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 15px;
}
.compliant_marks .markDisk .disc{
	font-size: 15px;
	line-height: 1.4;
}
.compliant_marks .disc_box{
	padding: 30px 15px;
	border: solid 1px #000;
	line-height: 1.6;
	margin-bottom: 5px;
}
.warichu {
	font-size: 10px !important;
}

/*  lageTit
===================================*/
.lageTit{
	font-size: 20px;
	margin-bottom: 30px;
}
/*  contentBody
===================================*/
.contentBody .comments{
	font-size: 12px;
}
.contentBody .center{
	text-align: center;
}
.contentBody p.underImgcoment{
	/*line-height: 1.2;*/
}
/*  discImg
===================================*/
.discImg{
	height: 200px;
	margin-bottom: 50px;
	position: relative;
}
.discImg>a{
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;top: 0;
}

/*  fsc
===================================*/
.compliant_marks.fsc .discImg.one{
	background: url(../img/compliant_marks/fsc_01.png) center center no-repeat;
	background-size: contain;
	height: 400px;
}
.compliant_marks.fsc .discImg.two{
	background: url(../img/compliant_marks/fsc_02.png) center center no-repeat;
	background-size: contain;
}
/*  greenprinting_mark
===================================*/
.compliant_marks.greenprinting_mark .discImg{
	background: url(../img/compliant_marks/greenprinting_mark_01.png) center center no-repeat;
	background-size: contain;
	height: 0;
	padding-top: 67%;
}
/*  carbonoffset_mark
===================================*/
.compliant_marks.carbonoffset_mark .discImg.one{
	background: url(../img/compliant_marks/carbonoffset_mark_01sp.png) center bottom no-repeat;
	background-size: contain;
	height: 0;
	border-top: dotted 2px;
	padding-top: 30px;
	padding-bottom: 120%;
	margin-bottom: 0;
}
.compliant_marks.carbonoffset_mark .discImg.two{
	background: url(../img/compliant_marks/carbonoffset_mark_02sp.png) center top no-repeat;
	background-size: contain;
	height: 0;
	margin: 50px 0 20px;
	padding-top: 110%;
	padding-bottom: 30px;
}
/*  voc_mark
===================================*/
.compliant_marks.voc_mark .discImg.one{
	background: url(../img/compliant_marks/voc_mark_01.png) center top no-repeat;
	background-size: 100% auto;
	height: 0;
	border-bottom: dotted 2px;
	padding-bottom: 60px;
	padding-top: 65%;
}
.compliant_marks.voc_mark .discImg.two{
	background: url(../img/compliant_marks/voc_mark_02.png) center center no-repeat;
	background-size: contain;
	height: 100px;
}
/*  recicle_mark
===================================*/
.compliant_marks.recicle_mark .discImg{
	background: url(../img/compliant_marks/recicle_mark_01.png) center top no-repeat;
	background-size: 100% auto;
	height: 0;
	padding-top: 69%;
	margin-bottom: 10px;
}
/*  mud
===================================*/
.compliant_marks .mudList{
	/*margin-top: 40px;*/
}
.compliant_marks .mudList>li{
	padding: 145px 0 20px 0px;
	text-align: center;
	margin-bottom: 40px;
}
.compliant_marks .mudList>li{border-bottom: dotted 2px #000;}
.compliant_marks .mudList>li:nth-child(1){background: url(../img/compliant_marks/mud_01.png) center top no-repeat;background-size: 120px auto;}
.compliant_marks .mudList>li:nth-child(2){background: url(../img/compliant_marks/mud_02.png) center top no-repeat;background-size: 120px auto;}
.compliant_marks .mudList>li:nth-child(3){background: url(../img/compliant_marks/mud_03.png) center top no-repeat;background-size: 120px auto;}
.compliant_marks .mudList>li:nth-child(4){background: url(../img/compliant_marks/mud_04.png) center top no-repeat;background-size: 120px auto;}
.compliant_marks .mudList>li:nth-child(5){background: url(../img/compliant_marks/mud_05.png) center top no-repeat;background-size: 120px auto;}
.compliant_marks .mudList>li .tit{font-size: 16px;margin-bottom: 10px;}
.compliant_marks .mudList>li .data{font-size: 12px;line-height: 1.6;}

.compliant_marks .mud_buttom_img {margin: 50px auto 0;width: 100%;}
.compliant_marks .mud_buttom_img img{width: 100%;height: auto;}




}