@charset "UTF-8";

/***************
  main
****************/

main {
  margin-bottom: 10px;
  overflow: hidden;
}

.moreLink a {
  border: 1px solid;
  border-radius: 3px;
  color: #90BE59;
  display: block;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

.mtimg img {
	width: 100%;
	margin: 10px 0;
}


/* toptop */

.topboxcc {
  overflow: hidden;
  background-color: #006431;
}

.toptopimgcc {
	margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.toptopimgcc img {
  max-width: 90%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.topbox {
  overflow: hidden;
  background-color: #006431;
}

.toptopimg {
	margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.toptopimg img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}




/* mainImage */

.mainImage {
  padding: 5px;
}

.mainImage .imageScroll {
  border: 1px solid #eee;
  border-radius: 3px;
}

.mainImage img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.pimg img {
	width: 100%;
	padding: 0;
	margin: 10px 0;
}

.boxbase {
	box-sizing: border-box;
}

.boxbase .box {
    margin: 5px 5px;
	text-align: left;
	border: #DCDCDC 0.5px solid;
	border-radius: 3px;
	padding: 5px 5px;
}

.boxbase .box .boximg {
 margin-left: auto;
 margin-right: auto;
	text-align: center;
}

.boxbase .box .boximg img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  text-align: center;
}

.topss {
  overflow: hidden;
  background-color: #ffffff;
}

.topss2 {
  margin: 10px auto 10px;
  overflow: hidden;
}

.topss2 p {
	padding: 0 5px;
	font-size: 13px;
	margin: 10px 10px;
	line-height: 25px;
}

/* product */

.boxss {
	box-sizing: border-box;
	margin-bottom: 10px;
}

.boxs {
    margin-left: auto;
    margin-right: auto;
	text-align: center;
	padding: 5px 5px;
}

.boxsimg {
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.boxsimg img {
  display: block;
  width: 100%;
 margin-left: auto;
 margin-right: auto;
}


/* s3 */

.s3 {
	background-color: #CFFBF8;
}

.bi {
	display: block;
}

.bimg {
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}



.bimg img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.ds3r img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.ds31 {
	box-sizing: border-box;
	overflow:hidden;
	margin-bottom:10px;
	margin-top: 10px;
	text-align: center;
}

.ds31 img {
	max-width: 45%;
	margin: 5px;
}

/* s2 */

.boxtest {
	float: left;
}

.boxtest img {
	max-width: 45%;
}



.s2 {
  overflow: hidden;
  background-color: #FFFFFF;
}

.ds2 {
  margin: 10px auto 20px;
  overflow: hidden;
}



.boxt {
	float: left;
	text-align: center;
}

.boxtimg {
	width: 140px;
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.boxtimg img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}


.s2img {
	margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s2img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}


.s2b {
	box-sizing: border-box;
	text-align: center;
}

.s2b1 {
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s2b1img {
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.s2b1img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}

.env1 {
	margin-bottom: 0px;
}

.env1 li p {
	font-size:13px;
	margin-left: 5px;
	float: left;
}

.env1 li img {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/* s5 */

.s5 {
  overflow: hidden;
  background-color: #f4f4f4;
}

.ds5 {
  margin: 10px auto 10px;
  overflow: hidden;
}

.s5p {
	overflow: auto;
    height: 150px;
	border: none;
	margin: 10px;
}


/* s6 */

.s6img {
	margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s6img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}


.s6b {
	box-sizing: border-box;
	text-align: center;
}

.s6b1 {
    margin: 5px 5px;
	text-align: center;
	padding: 5px 5px;
}

.s6b1img {
	text-align: center;
	vertical-align: central;
	display: block;
 margin-left: auto;
 margin-right: auto;
}

.s6b1img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
}


/* s8 */

.s8 {
	background-color: #EFFFE0;
}


.bimg8 img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 margin-top: 10px;
}

.boxst {
	box-sizing: border-box;
	overflow:hidden;
	margin-bottom:10px;
	margin-top: 10px;
	text-align: center;
}

.boxtestt img {
	max-width: 45%;
	margin: 5px;
}


.dsp8 {
	text-align: center;
	font-size: 15px;
	background-color: #D3FCA9;
	color: #075312;
	padding: 15px 5px 15px 5px;
	font-weight:bold;
}

.dspp8 {
	text-align: left;
}


/* s10 */

.s10 {
	background-color: #B7E9E1;
}


.s10img img {
  max-width: 100%;
  display: block;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 margin-top: 10px;
}


/* TOPIC */

.topic {
	padding: 10px;
	overflow: auto;
    height: 200px;
	border: solid 0.5px #ABABAB;
	border-radius: 4px;
	margin: 10px;
}

.topic dt {
  margin: 0 15px 15px 0;
  font-size: 13px;
  color: #ABABAB;
}

.topic dd {
  margin: 0 0 15px;
  font-size: 13px;
  border-bottom: dashed 1px #BFBFBF;
}

.ds4r {
	display: none;
}

/***************
  footer
****************/

/* contact */

.contact {
  background: #fafafa;
  padding: 50px 20px;
}

.contact h2 {
  font-size: 30px;
  text-align: center;
}

.contact form {
  margin: 30px auto 0;
}

.contact form dl {
  margin-bottom: 30px;
}

.contact form dl dt {
  font-size: 13px;
  margin-bottom: 10px;
}

.contact form dl.required dt:after {
  color: #f30;
  content: "*必須";
  font-size: 10px;
  margin-left: 10px;
  vertical-align: super;
}

.contact form dl dd input,
.contact form dl dd textarea,
.contact form dl dd select {
  /* width: 100% と padding: 10px が干渉してしまうのを防ぐ */
  box-sizing: border-box; /* border と padding を 幅と高さに含めます */
  border: 1px solid #d2d2d2;
  border-radius: 3px;
  padding: 10px;
  width: 100%;
}

.contact form dl dd textarea {
  height: 200px;
}

.contact form dl dd select {
  background: #fff;
  height: 46px;
}

.contact form .buttonArea {
  text-align: center;
}

.contact form .buttonArea button {
  background-color: #90BE59;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px #1a6ea0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 0 10px;
  text-decoration: none;
  width: 200px;
}