@charset "UTF-8";


		
/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/*----------------------------------------------------
  ボックス並びについて
----------------------------------------------------*/
/* dojo-box1を横に並べる設定 */
.dojo-box1:after	{content: "";
	display: block;
	clear: both}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
		
/* dojo-box2-1、dojo-box2-2、dojo-box2-3を横に並べる設定 */
.dojo-box2:after	{content: "";
	display: block;
	clear: both}

.dojo-box2-1	{float: none;
	width: 100%;
	margin-bottom: 15px;
	}

.dojo-box2-2	{float: none;
	width: 100%;
	margin-bottom: 15px;
}

.dojo-box2-3	{float: none;
	margin-bottom: 15px;
	width: 100%}

/*----------------------------------------------------
  設定
----------------------------------------------------*/

/* 2列①*/
.dojo {
text-align: center;
margin-top:25px;
	}
.dojo img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
	
/*3列 */
.dojo2 {text-align: center;
	border-radius: 15px;
	position:relative;
	padding-bottom:20px;
	margin-top:90px;
	}
	
#ye { border: 4px solid #E4E65A;}
#re { border: 4px solid #F19A8B;}
#bl { border: 4px solid #AADBED;}
.dojo2 img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
.dojo2 h2{
	color: #111111;
	font-size: 16px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
padding-top:50px;
margin-bottom:10px;
margin-left:15px;

	}
.ye-t{color: #E4E65A;}
.re-t{color: #F19A8B;}
.bl-t{color: #AADBED;}
	
.dojo2 p{
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:33px;
margin-right:auto;
line-height:1.5;
	}

.blbl {
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:75px;
line-height:1.5;
	}

.en {
display: inline-block;
color: #111111;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
font-size: 16px;
letter-spacing: 0.1em;
font-weight:bold;
}
#en-ye {background: #E4E65A;}
#en-re {background: #F19A8B;}
#en-bl {background: #AADBED;}

.en{position:absolute;
	left:50%;
	transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
}

/* 2列②*/
.dojo3 {  border-collapse:separate;
  border-spacing: 0px;
  position:relative;}

.dojo3 th {
	width:35%;
vertical-align:middle;
}

.iro {
  background: #EA5241;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px;
}
.ao {
  background: #00438E;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}

.dojo3 td {
	width:65%;
  color: #545454;
  padding-left:15px;
  padding-top:10px;
  font-size: 16px;
  text-align: left;
  line-height:25px;
  letter-spacing:1.5px;
}
span{color:#E8342E;}
.dojo3 img	{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:25px

	}

/*肥料の使い方 */
.dojo4 {  border-collapse:separate;
  border-spacing: 0px;
  position:relative;
}

.dojo4 th {
vertical-align:middle;
color: #00438E;
font-size: 14px;
letter-spacing: 0.05em;
padding:15px;
border: 3px solid #00438E;
height:auto;
display:block
}

.hi{text-align: left;}
.ma{text-align: center;}

.dojo4 td {
width:100%;
text-align:center
}
.dojo4 img	{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px
	}

/* 連鎖障害の起きやすい野菜画像のところ */
.sub-nav2 {
width:100%;
margin-top:0px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto}
.sub-nav2 ul{display: flex;
flex-wrap:wrap;
list-style:none
}
.sub-nav2 li a{}

.sub-nav2 li{text-align: center;

	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.sanretu{width: calc(100%/1);/*←画像を横に4つ並べる場合*/}
.niretu{width: calc(100%/1);/*←画像を横に4つ並べる場合*/}

.sub-nav2 li img{display: inline-block;
	height: auto; /*画像の縦横比を維持 */
}
.sanretu3{	max-width:100%; /*画像のはみだしを防ぐ*/}
.niretu2{	max-width:100%; /*画像のはみだしを防ぐ*/
}

}

/* ########### 360px-599px以下 ########### */
@media (min-width: 360px) and (max-width: 599px) {
/*----------------------------------------------------
  ボックス並びについて
----------------------------------------------------*/
/* dojo-box1を横に並べる設定 */
.dojo-box1:after	{content: "";
	display: block;
	clear: both}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
		
/* dojo-box2-1、dojo-box2-2、dojo-box2-3を横に並べる設定 */
.dojo-box2:after	{content: "";
	display: block;
	clear: both}

.dojo-box2-1	{float: none;
	width: 100%;
	margin-bottom: 15px;
	}

.dojo-box2-2	{float: none;
	width: 100%;
	margin-bottom: 15px;
}

.dojo-box2-3	{float: none;
	margin-bottom: 15px;
	width: 100%}

/*----------------------------------------------------
  設定
----------------------------------------------------*/

/* 2列①*/
.dojo {
text-align: center;
margin-top:25px;
	}
.dojo img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
	
/*3列 */
.dojo2 {text-align: center;
	border-radius: 15px;
	position:relative;
	padding-bottom:20px;
	margin-top:90px;
	}
	
#ye { border: 4px solid #E4E65A;}
#re { border: 4px solid #F19A8B;}
#bl { border: 4px solid #AADBED;}
.dojo2 img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
.dojo2 h2{
	color: #111111;
	font-size: 16px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
padding-top:50px;
margin-bottom:10px;
margin-left:15px;

	}
.ye-t{color: #E4E65A;}
.re-t{color: #F19A8B;}
.bl-t{color: #AADBED;}
	
.dojo2 p{
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:33px;
margin-right:auto;
line-height:1.5;
	}

.blbl {
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:75px;
line-height:1.5;
	}

.en {
display: inline-block;
color: #111111;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
font-size: 16px;
letter-spacing: 0.1em;
font-weight:bold;
}
#en-ye {background: #E4E65A;}
#en-re {background: #F19A8B;}
#en-bl {background: #AADBED;}

.en{position:absolute;
	left:50%;
	transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
}

/* 2列②*/
.dojo3 {  border-collapse:separate;
  border-spacing: 0px;
  position:relative;}

.dojo3 th {
	width:35%;
vertical-align:middle;
}

.iro {
  background: #EA5241;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px;
}
.ao {
  background: #00438E;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}

.dojo3 td {
	width:65%;
  color: #545454;
  padding-left:15px;
  padding-top:10px;
  font-size: 16px;
  text-align: left;
  line-height:25px;
  letter-spacing:1.5px;
}
span{color:#E8342E;}
.dojo3 img	{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	margin-bottom:25px

	}

/*肥料の使い方 */
.dojo4 {  border-collapse:separate;
  border-spacing: 12px;
  position:relative;
}

.dojo4 th {
width:100%;
vertical-align:middle;
color: #00438E;
font-size: 14px;
letter-spacing: 0.05em;
padding:15px;
border: 3px solid #00438E;
height:60px}

.hi{text-align: left;}
.ma{text-align: center;}

.dojo4 td {
width:100%;
text-align:center
}
.dojo4 img	{
	width:75%;
	height:auto;
	margin:0 auto;
	}

/* 連鎖障害の起きやすい野菜画像のところ */
.sub-nav2 {
width:100%;
margin-top:0px;
margin-bottom:20px;
margin-left:auto;
margin-right:auto}
.sub-nav2 ul{display: flex;
flex-wrap:wrap;
list-style:none
}
.sub-nav2 li a{}

.sub-nav2 li{text-align: center;

	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.sanretu{width: calc(100%/1);/*←画像を横に4つ並べる場合*/}
.niretu{width: calc(100%/1);/*←画像を横に4つ並べる場合*/}

.sub-nav2 li img{display: inline-block;
	height: auto; /*画像の縦横比を維持 */
}
.sanretu3{	max-width:100%; /*画像のはみだしを防ぐ*/}
.niretu2{	max-width:100%; /*画像のはみだしを防ぐ*/
}

}
/* ########### 600px-768px以下 ########### */
@media (min-width: 600px) and (max-width: 768px) {
/*----------------------------------------------------
  ボックス並びについて
----------------------------------------------------*/
/* dojo-box1を横に並べる設定 */
.dojo-box1:after	{content: "";
	display: block;
	clear: both}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: none;
	width: 100%;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
		
/* dojo-box2-1、dojo-box2-2、dojo-box2-3を横に並べる設定 */
.dojo-box2:after	{content: "";
	display: block;
	clear: both}

.dojo-box2-1	{float: none;
	width: 100%;
	margin-bottom: 15px;
	}

.dojo-box2-2	{float: none;
	width: 100%;
	margin-bottom: 15px;
}

.dojo-box2-3	{float: none;
	margin-bottom: 15px;
	width: 100%}

/*----------------------------------------------------
  設定
----------------------------------------------------*/

/* 2列①*/
.dojo {
text-align: center;
margin-top:25px;
	}
.dojo img	{
	width:75%;
	height:auto;
	margin:0 auto;
	}
	
/*3列 */
.dojo2 {text-align: center;
	border-radius: 15px;
	position:relative;
	padding-bottom:20px;
	margin-top:120px;
	}
	
#ye { border: 4px solid #E4E65A;}
#re { border: 4px solid #F19A8B;}
#bl { border: 4px solid #AADBED;}
.dojo2 img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
.dojo2 h2{
	color: #111111;
	font-size: 16px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
padding-top:50px;
margin-bottom:10px;
margin-left:15px;

	}
.ye-t{color: #E4E65A;}
.re-t{color: #F19A8B;}
.bl-t{color: #AADBED;}
	
.dojo2 p{
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:33px;
margin-right:auto;
line-height:1.5;
	}

.blbl {
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:75px;
line-height:1.5;
	}

.en {
display: inline-block;
color: #111111;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
font-size: 16px;
letter-spacing: 0.1em;
font-weight:bold;
}
#en-ye {background: #E4E65A;}
#en-re {background: #F19A8B;}
#en-bl {background: #AADBED;}

.en{position:absolute;
	left:50%;
	transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
}

/* 2列②*/
.dojo3 {  border-collapse:separate;
  border-spacing: 12px;
  position:relative;}

.dojo3 th {
	width:35%;
vertical-align:middle;}

.iro {
  background: #EA5241;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}
.ao {
  background: #00438E;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}

.dojo3 td {
	width:65%;
  color: #545454;
  padding-left:0px;
  padding-top:10px;
  font-size: 16px;
  text-align: left;
  line-height:25px;
  letter-spacing:1.5px;
}
span{color:#E8342E;}
.dojo3 img	{
	width:75%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/*肥料の使い方 */
.dojo4 {  border-collapse:separate;
  border-spacing: 12px;
  position:relative;
width:100%;
}

.dojo4 th {
width:100%;
vertical-align:middle;
color: #00438E;
font-size: 14px;
letter-spacing: 0.05em;
padding:15px;
border: 3px solid #00438E;
height:60px;
text-align:center}


.dojo4 td {
width:100%;
text-align:center
}
.dojo4 img	{
	width:75%;
	height:auto;
	margin:0 auto;
	}

/* 連鎖障害の起きやすい野菜画像のところ */
.sub-nav2 {
width:100%;
margin-top:50px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto}
.sub-nav2 ul{display: flex;
flex-wrap:wrap;
list-style:none
}
.sub-nav2 li a{}

.sub-nav2 li{text-align: center;

	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.sanretu{width: calc(100%/3);/*←画像を横に4つ並べる場合*/}
.niretu{width: calc(100%/2);/*←画像を横に4つ並べる場合*/}

.sub-nav2 li img{display: inline-block;
	height: auto; /*画像の縦横比を維持 */
}
.sanretu3{	max-width:100%; /*画像のはみだしを防ぐ*/}
.niretu2{	max-width:65%; /*画像のはみだしを防ぐ*/
}

}
/* ########### 769px以上 ########### */
@media (min-width: 769px) {
/*----------------------------------------------------
  ボックス並びについて
----------------------------------------------------*/
/* dojo-box1を横に並べる設定 */
.dojo-box1:after	{content: "";
	display: block;
	clear: both}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: left;
	width: 50%;
	padding-right: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}

.dojo-box1 .dojo, .tbl-r02, .dojo3{float: left;
	width: 50%;
	padding-left: 0px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	
		
/* dojo-box2-1、dojo-box2-2、dojo-box2-3を横に並べる設定 */
.dojo-box2:after	{content: "";
	display: block;
	clear: both}

.dojo-box2-1	{float: left;
	width: 32%;
	margin-bottom: 15px;
	margin-right: 2%;
	}

.dojo-box2-2	{float: left;
	width: 32%;
	margin-bottom: 15px;
	margin-right: 2%}

.dojo-box2-3	{float: left;
	margin-bottom: 15px;
	width: 32%}

/*----------------------------------------------------
  設定
----------------------------------------------------*/

/* 2列①*/
.dojo {
text-align: center;
margin-top:25px;
	}
.dojo img	{
	width:75%;
	height:auto;
	margin:0 auto;
	}
	
/*3列 */
.dojo2 {text-align: center;
	border-radius: 15px;
	position:relative;
	padding-bottom:20px;
	margin-top:120px;
	}
	
#ye { border: 4px solid #E4E65A;}
#re { border: 4px solid #F19A8B;}
#bl { border: 4px solid #AADBED;}
.dojo2 img	{
	width:85%;
	height:auto;
	margin:0 auto;
	}
.dojo2 h2{
	color: #111111;
	font-size: 16px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
padding-top:50px;
margin-bottom:10px;
margin-left:15px;

	}
.ye-t{color: #E4E65A;}
.re-t{color: #F19A8B;}
.bl-t{color: #AADBED;}
	
.dojo2 p{
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:33px;
margin-right:auto;
line-height:1.5;
	}

.blbl {
	color: #111111;
	font-size: 14px;
	text-align: left;
letter-spacing: 0.1em;
width:85%;
margin-left:auto;
margin-right:auto;
margin-top:75px;
line-height:1.5;
	}

.en {
display: inline-block;
color: #111111;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 50%;
text-align: center;
overflow: hidden;
transition: .4s;
font-size: 16px;
letter-spacing: 0.1em;
font-weight:bold;
}
#en-ye {background: #E4E65A;}
#en-re {background: #F19A8B;}
#en-bl {background: #AADBED;}

.en{position:absolute;
	left:50%;
	transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
}

/* 2列②*/
.dojo3 {  border-collapse:separate;
  border-spacing: 12px;
  position:relative;}

.dojo3 th {
	width:35%;
vertical-align:middle;}

.iro {
  background: #EA5241;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}
.ao {
  background: #00438E;
  color: #fff;
  padding: 10px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  letter-spacing:1.5px;
  line-height:25px;
  height:140px
}

.dojo3 td {
	width:65%;
  color: #545454;
  padding-left:0px;
  padding-top:10px;
  font-size: 16px;
  text-align: left;
  line-height:25px;
  letter-spacing:1.5px;
}
span{color:#E8342E;}
.dojo3 img	{
	width:75%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	}

/*肥料の使い方 */
.dojo4 {  border-collapse:separate;
  border-spacing: 12px;
  position:relative;
}

.dojo4 th {
width:100%;
vertical-align:middle;
color: #00438E;
font-size: 14px;
letter-spacing: 0.05em;
padding:15px;
border: 3px solid #00438E;
height:60px}

.hi{text-align: left;}
.ma{text-align: center;}

.dojo4 td {
width:100%;
text-align:center
}
.dojo4 img	{
	width:75%;
	height:auto;
	margin:0 auto;
	}

/* 連鎖障害の起きやすい野菜画像のところ */
.sub-nav2 {
width:100%;
margin-top:50px;
margin-bottom:40px;
margin-left:auto;
margin-right:auto}
.sub-nav2 ul{display: flex;
flex-wrap:wrap;
list-style:none
}
.sub-nav2 li a{}

.sub-nav2 li{text-align: center;
	padding:0 15px;/*←画像の左右に5pxの余白を入れる場合*/
	box-sizing:border-box;
}
.sanretu{width: calc(100%/3);/*←画像を横に4つ並べる場合*/}
.niretu{width: calc(100%/2);/*←画像を横に4つ並べる場合*/}

.sub-nav2 li img{display: inline-block;
	height: auto; /*画像の縦横比を維持 */
}
.sanretu3{	max-width:100%; /*画像のはみだしを防ぐ*/}
.niretu2{	max-width:65%; /*画像のはみだしを防ぐ*/
}

	}
	
/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.box19, .box22, .boxe, .boxf, .boxg
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}



}