@charset "UTF-8";
*{
	font-family: Meiryo;
	font-size:18px;
}
html{
	height:100%;
}
body{
	margin:1em;
	height:100%;
}
ul{
	list-style:none;
	padding-left: 0px;
}
a{
	text-decoration:none;
}
.header{
	margin-bottom:1em;
	display:flex;
	position:fixed;
	z-index:1;
	width:100%;
	/*background-color:RGB(196,215,155);*/
	background-color: #fff;
    top: 0em;
    left: 0;
}
.header .headerImg{
	width:30%;
	height:4em;
	background-image:url("../images/png/logo.png");
	background-repeat: no-repeat;
	background-size:contain;
    position: relative;
	top: 15px;
	left: 1%;
	margin-bottom:1em;
    z-index: 1;
}
.menu *{
	font-size: 14px;
}

.header .headerImg .menu1,
.headermenu > .icon{
	display:none;
}
.header .headermenu{
	width:70%;
	position: relative;
	top: 32px;
}


.menu {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 0 auto;
	left: 2.2%;
	top: 6px;
}
#menu_sub{
	border-width: 1px;
	border-right: 1px;
    border-style: solid;
    border-color: green;
}
.menu > li {
    float: left;
    width: 19%; /* グローバルナビ4つの場合 */
    height: 50px;
    line-height: 50px;
	background-color: #86AC41;
	/*background-color:#a8bc74;*/
	border-width: 1px;
	border-right: 0px;
    border-style: solid;
    border-color: green;
}
.menu li {
    text-align:center;
    color: #fff;
}
.menu > li a {
    display: block;
    color: #fff;
}

.menu > li a:hover {
    color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

.menu > li:hover {
    /*background: #228B22;*/
    /*background: #8fbc8f;*/
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid green;
}

.menu__second-level li a:hover {
    /*background: #228B22;*/
	/*background: #8fbc8f;*/
	/*background-color: #86AC41;*/
	background-color:RGB(196,215,155);
	/*background-color: #99f84b;*/
}

/* 下矢印 */
.init-bottom:after {
    /*content: '';*/
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    left:0px;
    width: 100%;
	background-color:#a8bc74;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}
.contents{
	min-height:calc(100% - 9em);
}

.contents .headImagedummy{
	height:450px;
	margin-bottom:2em;
}
.headImage{
	width:98%;
	height:500px;
	margin-bottom:2em;
    top: 100px;
    left: auto;
    position: absolute;
    z-index:0;
}
.headImage img{
	width:100%;
	height:400px;
	background-color: #fff;
	object-fit: contain;
    top: 0;
    left: 0;
    position: absolute;
}

.contents > .title{
	font-size: 2em;
	position: relative;
    padding-bottom: 0.5em;
    margin-top: 5em;
    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-top: 3.6em;
    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;
}

.contents_middle{
	width:80%;
	margin:auto;
}

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

.ISO{
    position: relative;
	width:5%;
	height:4em;
	background-image:url("../images/jpg/ISOLogo.jpg");
	background-repeat: no-repeat;
	background-size:contain;
    background-position: right bottom;
	float:  left;
}
.QMS{
    position: relative;
    left: 5px;
    width:10%;
	height:4em;
	background-image:url("../images/jpg/SQMSLogo.jpg");
	background-repeat: no-repeat;
	background-size:50%;
    background-position:bottom left;
	float:  left;
}
.logoimg{
    padding-right: 10em;
}
.ISOdiv {
	width:85%;
	float:  left;

}
.ISOdiv table{
	padding-left:1em;
    color: #fff;
}
.ISOdivTd{
	text-align:left;
}
.copyright {
	width:100%;
	text-align:center;
	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 >.message,
.contents >.history,
.contents >.ecowork{
	display:flex;
}
.contents >.ecowork2{
	display:flex;
	flex-direction: row-reverse;
}
.contents .ecowork >div:first-child,
.contents .ecowork2 >div:first-child{
	width:75%;
}
.contents .ecowork >div:last-child,
.contents .ecowork2 >div:last-child{
	width:25%;
	margin:auto;
}
.contents > .message div:last-child{
	padding-top:1em;
	padding-left:1em;
	width:300px;
	text-align:right;
}
.contents > .message div:last-child >img{
	width:260px;
}

.contents > .history div:first-child{
	width:100%;
}
.contents > .history div:last-child{
	width:100%;
}
.contents > .history .preImage{
	position:relative;
	padding-top:1em;
	padding-left:1em;
	text-align:right;
}
.contents > .history .preImage img{
	position:absolute;
	top:0;
	right:0;
	width:100%;
}

.largeTalk,
.largeTalk2{
	width:100%;
}
.largeTalk td {
	font-size: 80%;
	color: #3f3f3f;
	text-align: left;
	vertical-align: top;
	padding: 4px;
}
.largeTalk th{
	width: 20%;
	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:400px;
}
.organization,
.acceptinfoImg{
	width:45%;
}
.outlineImg{
	width:60%;
}
.outlineImg1{
	margin-top:1%;
	margin-bottom:1%;
	width:60%;
}
.outlineImg2{
	width:45%;
}
.ecoworkImg{
	width:55%;
}
.ereaworkImg{
	width:20%;
}
.status img{
	width:50%;
}
.accepttitle{
	text-align:right;
}
.acceptinfo{
	display:flex;
	margin-bottom:1em;
}
.acceptinfo div{
	width:25%;
    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 img{
	width:100%;
}
#lightbox .lb-container { position: relative; }


.slideshow {
	position: relative;
	width: 640px; /* 画像の横幅 */
	height: 480px; /* 画像の縦幅 */
}

.slideshow img {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: 1s; /* フェードの時間(秒) */
}

.slideshow .show {
	opacity: 1;
	z-index: 1;
}