@charset "UTF-8";
/* ----------------------------------------------------------------------
base
---------------------------------------------------------------------- */
@media screen and (min-width: 769px) {

html { font-size: 75%; }

#toPageTop {
	width: auto;
}
#header h1 {
	float: left;
}
#header h1 img {
	float: left;
	margin-top: 35px;
}
#header h2 {
	float: left;
	width: 34.6%;
}
#header h2 img {
	float: right;
	margin-top: 15px;
}
#headerbox2 #header h1 {
	float: left;
	width: 65.4%;
}
#headerbox2 #header h1 img {
	margin-top: 25px;
	padding-bottom: 10px;
}
#headerbox2 #header h2 {
	float: right;
	width: 34.6%;
}
#headerbox2 #header h2 img {
	margin-top: 30px;
	padding-bottom: 10px;
}
#menubox {
	padding-top: 10px;
	padding-bottom: 10px;
}
#navBtnbox {
	display: none;
}
#menu {
	display: block;
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#menu ul {
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu ul li {
	float: left;
	width: auto;
	border-bottom: none;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-right: 0%;
	margin-left: 0%;
	margin-bottom: 0%;
	background-color: rgba(0,0,0,0.0);
	border-radius: 0px;
}
#menu ul li:nth-child(1) {
	width: 13%;
}
#menu ul li:nth-child(2) {
	width: 26%;
}
#menu ul li:nth-child(3) {
	width: 15%;
}
#menu ul li:nth-child(4) {
	width: 21%;
}
#menu ul li:nth-child(5) {
	width: 13%;
}
#menu ul li:nth-child(6) {
	width: 12%;
}
/* 最長画像サイズに合わせる */
#menu ul li:nth-child(1) img ,
#menu ul li:nth-child(5) img ,
#menu ul li:nth-child(6) img {
	max-width: 100%;
}
#menu ul li:nth-child(3) img {
	max-width: 100%;
}
#menu ul li:nth-child(4) img {
	max-width: 100%;
}

#menu ul li a img {
	float: left;
}
#menu ul li a img {
	max-width: 100%;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#menu ul li a:hover img {
	background-color: rgba(255,255,255,0.2);
}
#top01box {
	padding-top: 60px;
	padding-bottom: 40px;
}

#top02 a {
    width: 23%;
    margin-bottom: 0%;
}
#top02 a dl {
    background-color: #FFF;
    float: left;
    width: 92%;
    padding: 4%;
}
#top02 a dl dt img:nth-child(2) {
    width: 100%;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 5px;
}
#top02 a dl dd {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
}

#top03box {
	padding-bottom: 100px;
}
#top03 .ecoimg {
	float: left;
	width: 18%;
	padding-right: 3%;
	padding-left: 0%;
	margin-bottom: 0px;
}
#top03 #ecoaction {
	float: right;
	width: 79%;
	padding-right: 0%;
	padding-left: 0%;
}

#top04box {
    padding-top: 90px;
    padding-bottom: 50px;
}
#top04 h3 img {
    width: 60%;
    max-width: 540px;
}
#top04 .sdgs_okayama {
    margin-bottom: 40px;
}
#top04 .sdgs_okayama img {
    float: left;
    width: 100%;
    max-width: 800px;
}
#top04 .ecoaction21 {
    padding-top: 40px;
}
#top04 .ecoaction21 .ecoaction21_logo2 {
    display: flex;
    justify-content: flex-start;
}
#top04 .ecoaction21 .ecoaction21_logo2 img {
    max-width: 200px;
}
#top04 .ecoaction21L {
    width: 77%;
}
#top04 .ecoaction21R {
    width: 18%;
    padding-left: 5%;
}
#top04 .ecoaction21R p {
    display: flex;
    justify-content: flex-end;
}
#top04 .ecoaction21R p img {
    max-width: 140px;
}

#footer02 p a {
	margin-right: 0%;
	margin-left: 0%;
	text-align: left;
	margin-top: 0px;
}
#footer02 dl {
	width: 100%;
	margin-right: 0%;
	margin-left: 0%;
}
#footer02 dl dt a {
	width: 10%;
	margin-bottom: 3px;
	margin-top: 0px;
	border-bottom: none;
	padding-bottom: 0px;
	text-align: left;
}
#footer02 dl dd a {
	width: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	border-left: 1px solid #666;
	border-bottom: none;
}
#footer03 p:nth-child(1)  {
	float: left;
	width: 45%;
}
#footer03 p:nth-child(2)  {
	float: left;
	width: 25%;
}
#footer03 p a img {
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	margin-left: 40px;
}
.container {
	width: 23%;
}
.busibox p {
	width: 60%;
}
.busibox .sanpaiimg {
	float: right;
	width: 37%;
	text-align: right;
	margin-left: 3%;
}
.busibox p:nth-child(1) {
	border-top: 1px none #999;
	padding-top: 0px;
}
.busibox p:nth-child(2) {
	border-top: 1px dotted #999;
}
.busibox2 p {
	width: 55%;
}
.busibox2 .sanpaiimg {
	width: 42%;
	margin-right: 0%;
	margin-left: 0%;
	padding-bottom: 0px;
	text-align: right;
	margin-left: 3%;
}
#company01 dl dt {
	width: 23%;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
}
#company01 dl dd {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 24.5%;
}
#company01 dl .boot {
	float: right;
	width: auto;
	margin-top: 0px;
}

#company01 dl dd .ninka {
	float: none;
	width: 100%;
}
#company01 dl dd .ninka dt {
	width: 40%;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #826C44;
	box-sizing: border-box;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
}
#company01 dl dd .ninka dd {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-right: 0px;
	padding-left: 45%;
	padding-top: 0px;
	padding-bottom: 5px;
	box-sizing: border-box;
	border-bottom: 1px none #999;
	color: #333;
}
#company01 dl dd .ninka dd:nth-child(2) ,
#company01 dl dd .ninka dd:nth-child(7) ,
#company01 dl dd .ninka dd:nth-child(9) {
	border-bottom: 1px dotted #999;
}
#company01 dl dd .ninka dd:nth-child(3) ,
#company01 dl dd .ninka dd:nth-child(4) ,
#company01 dl dd .ninka dd:nth-child(5) ,
#company01 dl dd .ninka dd:nth-child(6) {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#company02 dl {
	padding-bottom: 10px;
}
#company02 dl dt {
	width: 17%;
}
#company02 dl dd {
	margin-left: 17%;
}
#company02b {
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}
#gmap {
	height: 450px;
}
}