@charset "UTF-8";
*{
    font-family: Meiryo;
	font-size:14px;
}
html{
	height:100%;
}
body{
	margin:1em;
	height:100%;
}
ul{
	list-style:none;
	padding-left:0px;
}
a{
	text-decoration:none;
}
.sp_none{
	display:none;
}
.header{
	margin-bottom:1em;
    top: 1em;
    left: 0;
}
.header .headerImg{
	width:100%;
	height:3em;
	background-image:url("../images/png/logo.png");
	background-repeat: no-repeat;
	background-size:contain;
	margin-bottom:1em;
	position:relative;
}
.header .headerImg .menu1{
	background-image: url("../images/icon/menu11.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:2.5em 2.5em;
	margin-left:1em;
	height:3em;
	width:3em;
	position:absolute;
	right:0;
	top:0;
}

.headermenu {
	position: fixed;
	top: -1em;
	right: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	z-index:1000;
}

.headermenu > .icon{
    background-image: url("../images/icon/cross12.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size:2em 2em;
    width:5em;
    height:70px;
    position:absolute;
    top:1em;
    right:0;
}

.headermenu > .menu{
	width:75%;
	height:100%;
	/*background: #006400;*/
	background-color:RGB(196,215,155);
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
    position:absolute;
    top:0;
    right:0;
	padding-top:70px;
    color: #fff;
}
.headermenu > .menu li{
	border-top:1px solid #fff;
}
.headermenu > .menu a{
	color:#fff;
	font-size:1.2em;
}
.headermenu > .menu >.menu__none{
	width:100%;
	background-color:#888;
}
.headermenu > .menu >.menu__single{
	width:100%;
	/*background-color:#006400;*/
	background-color: #86AC41;
}
.headermenu > .menu >.menu__single >.menu__second-level li{
	width:100%;
	padding-left:1em;
	background-color:#a8bc74;
}
.headermenu > .menu a{
	width:100%;
	display:block;
	padding-left:1em;
}
.contents{
	min-height:calc(100% - 10em);
}
.contents .headImagedummy,
.contents .headImagedummy2{
	height:180px;
	margin-bottom:2em;
	display:none;
}

.headImage{
	display:none;
	width:100%;
	height:250px;
	margin-bottom:2em;
    top: 0;
    left: 0;
    position: absolute;
    z-index:0;
}
.headImage img{
	width:100%;
	height:250px;
	background-color: rgb(29, 33, 19);
	object-fit: contain;
    top: 0;
    left: 0;
    position: absolute;
}
.headImage2{
	display:none;
}
.contents > .title{
	font-size: 2em;
	position: relative;
    padding-bottom: 0.5em;
    margin-top: 1em;
    margin-bottom: 1.5em;
    border-bottom: 3px solid rgba(185, 185, 185, .4);
}
.contents > .title::after{
	content: '';
    position: absolute;
    width: 72px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #861c3c;
}
.contents .titlea{
	font-size: 2em;
	position: relative;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    border-bottom: 3px solid rgba(185, 185, 185, .4);
}
.contents .titlea::after{
	content: '';
    position: absolute;
    width: 72px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #861c3c;
}
.contents .titleb{
	font-size: 2em;
	position: relative;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    border-bottom: 3px solid rgba(185, 185, 185, .4); 
}
.contents .titleb::after{
	content: '';
    position: absolute;
    width: 72px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #861c3c;
}

.contents .title2{
	font-size: 1.25em;
	position: relative;
	padding-left:1em;
    padding-bottom: 0.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    border-bottom: 3px solid rgba(185, 185, 185, .4);
}
.contents .title2::after{
	content: '';
    position: absolute;
    width: 72px;
    height: 3px;
    bottom: -3px;
    left: 0;
    background-color: #17a1e2;
}

.contents .title3{
   margin-top:5px;
   margin-bottom:2px;
   padding-left:5px;
   border-left:8px solid #999;
}

.footer{
	width:calc(100% - 2em);
	/*background: #006400;*/
	background-color: #86AC41;
	color:#fff;
	padding:1em;
	size:0.5em;
}

.ISO{
    position: relative;
	width:10%;
	height:3em;
	background-image:url("../images/jpg/ISOLogo.jpg");
	background-repeat: no-repeat;
	background-size:contain;
    background-position: right bottom;
/*
	margin-left:1em;
	margin-bottom:2em;
*/
	float:  left;
}
.QMS{
    position: relative;
    left: 5px;
    width:20%;
	height:3em;
	background-image:url("../images/jpg/SQMSLogo.jpg");
/*
    top: 20px;
	margin-left:4em;
	margin-bottom:2em;
*/
	background-repeat: no-repeat;
	background-size:80%;
    background-position:bottom left;
	float:  left;
}
.ISOdiv {
	width:70%;
	float:  left;

}
.ISOdiv table{
	padding-left:1em;
    font-size:0.8em;
    color: #fff;

}
.ISOdiv table *{
    font-size:0.8em;
}
.copyright {
	width:100%;
	text-align:center;
    font-size: 0.8em;
	clear: both;
}
/* ========PAGE CUSTOMIZE========= */
.pageTop {
   margin:10px 0;
   text-align:right;
}

.pageTop a {
   padding:0 0 0 12px;
   background:url(../images/bg/bg_pagetop.gif) 0 50% no-repeat;
}

.pageTop a:hover {
   border-bottom:1px solid #31001D;
}

.contents > .history,
.contents > .ecowork,
.contents > .ecowork2{
	display:flex;
	flex-direction: column-reverse;
}
.contents > .message div:last-child{
	padding-top:1em;
	width:100%;
	text-align:center;
}
.contents > .message div:last-child >img{
	width:260px;
}

.contents > .history .preImage{
	position:relative;
	height:200px;
	padding-bottom:1em;
}
.contents > .history .preImage img{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:200px;
	object-fit: contain;
}

.largeTalk,
.largeTalk2{
	width:100%;
}
.largeTalk td {
	font-size: 80%;
	color: #3f3f3f;
	text-align: left;
	vertical-align: top;
	padding: 4px;
}
.largeTalk th{
	width: 30%;
	font-size: 80%;
	color: #3f3f3f;
	text-align: right;
	vertical-align: top;
	padding: 4px;
	border-right:1px solid #535D57;
}

.largeTalk2 td {
	font-size: 80%;
	color: #3f3f3f;
	text-align: left;
	vertical-align: top;
	padding: 4px;
}
.largeTalk2 th{
	width: 20%;
	font-size: 80%;
	color: #3f3f3f;
	text-align: right;
	vertical-align: top;
	padding: 4px;
}

#map{
	width:100%;
	height:200px;
}
.organization,
.acceptinfoImg,
.outlineImg,
.outlineImg1,
.outlineImg2,
.ecoworkImg,
.ereaworkImg,
.status img{
	width:75%;
}
.accepttitle{
	text-align:right;
}
.acceptinfo{
	display:flex;
	flex-wrap: wrap;
	margin-bottom:1em;
}
.acceptinfo div{
	width:50%;
    color: #fff;
    background-color: black;
	text-align:center;
}
.acceptinfo div img{
	width:100%;
	height: 80%;
    object-fit: contain;
}

.commendation{
   border:2px solid #c0c0c0;
   background:#fffff0;
}
.commendation1{
   border:2px solid #ffff00;
   background:#ffffcc;
}
.commendation2{
   border:2px solid #ff6699;
   background:#ffccff;
}
.commendation3{
   border:2px solid #00ffff;
   background:#ccffff;
}
.commendation4{
   border:2px solid #00ff00;
   background:#ccffcc;
}
#lightbox .lb-container { position: relative; }