@charset "UTF-8";

/*===================================
　PCここから
===================================*/
@media (min-width: 799px){
/*  base
===================================*/



/*  largeimgList
===================================*/
.largeimgList {
	margin-bottom: 155px;
}
.largeimgList>li{
	margin-bottom: 50px;
}
/*--- titBlock ---*/
.largeimgList .titBlock{
	padding-bottom: 5px;
	border-bottom: dotted 2px #000;
	margin-bottom: 20px;
}

.largeimgList .titBlock:hover a{
	color: #000000;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.largeimgList .titBlock:hover a{
	color: #a0a0a0;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.largeimgList .titBlock .no, .largeimgList .titBlock .our_service_no{
	position: relative;
    overflow: hidden;
    letter-spacing: 1px;
    font-size: 17px;
    padding-top: 6px;
    margin-bottom: 19px;
}
.largeimgList .titBlock .no::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	top: 0;
	bottom: 0;
	left: 129px;
	margin: auto;
}
.largeimgList .titBlock>.our_service_no::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	top: 0;
	bottom: 0;
	left: 86px;
	margin: auto;
}
.largeimgList .titBlock .tit{
	display: inline-block;
	padding-right: 30px;
	border-right: solid 1px #000;
	margin: 0px 25px 10px 0;
	font-size: 34px;
	vertical-align: sub;
	letter-spacing: -1px;
}
.largeimgList .titBlock .subTit{
	display: inline-block;
	font-size: 21px;
	padding-bottom: 10px;
}
/*--- largeimgBlock ---*/
.largeimgList li:nth-child(2n) .largeimgBlock .img{float: right;}
.largeimgList li:nth-child(2n) .largeimgBlock .txtBlock{float: left;}
.largeimgList .largeimgBlock{
}

/*  sdgsList
===================================*/
.sdgsList{
	text-align: center;
	margin-top: 100px;
}
.sdgsList>li:first-child,.sdgsList>li:nth-child(4){
	margin-left: 0;
}
.sdgsList>li{
	width: 250px;
	display: inline-block;
	text-align: center;
	margin: 0 0 90px 100px;
}
.sdgsList .img{
	width: 120px;
	height: 140px;
	display: inline-block;
}
.sdgsList .name{
	margin-top: 40px;
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 20px;
	border-bottom: dotted 2px #000;
}
.sdgsList .about{
	line-height: 1.4;
	margin-top: 17px;
	border-bottom: solid 1px #000;
	padding-bottom: 20px;
}
/*--- img ---*/
.sdgsList>.fsc .img{background: url(../img/green_printing_labels/FSC_mark.png) center center no-repeat;background-size: contain;}
.sdgsList>.greenprinting .img{width: 170px;background: url(../img/green_printing_labels/greenprinting_mark.png) center center no-repeat;background-size: contain;}
.sdgsList>.cos .img{width: 130px;background: url(../img/green_printing_labels/carbonoffset_mark.png) center center no-repeat;background-size: contain;}
.sdgsList>.voc .img{width: 170px;background: url(../img/green_printing_labels/voc_mark.png) center center no-repeat;background-size: contain;}
.sdgsList>.recycling .img{width: 220px;background: url(../img/green_printing_labels/recicle_mark.png) center center no-repeat;background-size: contain;}
.sdgsList>.mud .img{width: 215px;background: url(../img/green_printing_labels/mud_mark.png) center center no-repeat;background-size: contain;}
/*  environmentalGroupsTxt
===================================*/
.environmentalGroupsTxt{
	font-size: 14px;
	text-align: center;
	margin: 40px 0 110px;
}
/*  environmentalGroupsList
===================================*/
.environmentalGroupsList{
	text-align: center;
}
.environmentalGroupsList>li{
	width: 190px;
	height: 80px;
	display: inline-block;
	margin: 0 70px 60px 0;
}
.environmentalGroupsList>li:nth-child(4n){ margin-right: 0; }
.environmentalGroupsList>li:first-child{background: url(../img/green_printing_labels/unicef_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(2){background: url(../img/green_printing_labels/uminomori_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(3){background: url(../img/green_printing_labels/kanagawatrust_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(4){background: url(../img/green_printing_labels/sekaisizen_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(5){background: url(../img/green_printing_labels/nihonsizen_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(6){background: url(../img/green_printing_labels/GPN_logo.png) center center no-repeat;background-size: contain;margin-bottom: 76px;}
.environmentalGroupsList>li:nth-child(7){background: url(../img/green_printing_labels/silva_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(8){background: url(../img/green_printing_labels/shonankokusaimura_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(9){background: url(../img/green_printing_labels/YGPN_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li:nth-child(10){background: url(../img/green_printing_labels/carbbonfree_logo.png) center center no-repeat;background-size: contain;}
.environmentalGroupsList>li.none{background-image: none;}
.environmentalGroupsList>li:nth-last-child(1),.environmentalGroupsList>li:nth-last-child(2){margin-bottom: 0;}


/*  moreIcons
-------------------------------*/
.largeimgBlock>.img{position: relative;}
.largeimgList>li:nth-child(2n) .moreIcons {right: 68px;text-align: right;}
.moreIcons{
	position: absolute;
	cursor: pointer;
	bottom: 34px;
	left: 15px;
}
.largeimgBlock>.img .moreIcons a{
	padding-left: 28px;
	font-size: 26px;
}
.largeimgList>li:nth-child(2n) .largeimgBlock>.img .moreIcons a{ padding-right: 28px;}
.largeimgBlock>.img .moreIcons a span{ 
	width: 20px;
	height: 20px;
	border: solid 1px #000;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: -2.5px;
 }
 .largeimgBlock>.img .moreIcons a.white{ 
	color: #fff;
}
.largeimgBlock>.img .moreIcons a.black{ 
	color: #000;
}
.largeimgBlock>.img .moreIcons a.white span{ 
	border-color: #fff;
}
.largeimgBlock>.img .moreIcons a.black span{ 
	border-color: #000;
}
.largeimgList>li:nth-child(2n) .largeimgBlock>.img .moreIcons a span{ right: 0;left: auto; }
.largeimgBlock>.img .moreIcons a span:before,
.largeimgBlock>.img .moreIcons a span:after{
	content: "";
	position: absolute;
	height: 1px;
	width: 80%;
	top: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border-top: solid 1px;
 }
.largeimgBlock>.img .moreIcons a.white span:before,
.largeimgBlock>.img .moreIcons a.white span:after{
	border-top-color: #fff;
 }
.largeimgBlock>.img .moreIcons a.black span:before,
.largeimgBlock>.img .moreIcons a.black span:after{
	border-top-color: #000;
 }

 .largeimgBlock>.img .moreIcons a span:before{transform: rotate(90deg);right: 1px;width: 75%;}
.largeimgBlock>.img .moreIcons a:hover{ 
	opacity: 0.6;
	background: none;
}
/*  greenPrintingIcons listPage
===================================*/
.greenPrintingIcons.listPage ol {margin-top: 20px;}
.greenPrintingIcons.listPage ol li {float: left;}
.largeimgList>li { margin-bottom: 83px;}
.largeimgList>li:nth-child(1n) .greenPrintingListIcons.listPage {float: left;}
.largeimgList>li:nth-child(2n) .greenPrintingListIcons.listPage {float: right;}
.greenPrintingListIcons {
    font-size: 11px;
    margin-top: 15px;
}

.greenPrintingListIcons ol li {
    /* liを横並び＆ブレットを消す */
    display: inline;
    list-style-type: none;
    margin: 0 7px;
}
}