@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

/*===============================================
●当社導入事例
===============================================*/
@media screen and (min-width: 781px){ 

 .precedent h1 {
	font-size: 25px;
 }

 .precedent p {
	font-size: 14px;
	text-align: center;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .precedent h1 {
	font-size: 22px;
 }

 .precedent p {
	font-size: 13px;
 }

}


@media screen and (max-width: 480px){ 

 .precedent h1 {
	font-size: 20px;
 }

 .precedent p {
	font-size: 12px;
 }

}


/*---------------------------------------------------- */

@media screen and (min-width: 481px){ 

 .prec-text h {
	font-size: 18px;
 }

 .prec-text p, .prec-text ul li {
	font-size: 14px;
 }

}


@media screen and (max-width: 480px){ 

 .prec-text h {
	font-size: 16px;
 }

 .prec-text p, .prec-text ul li {
	font-size: 12px;
 }

}



/*===============================================
○美土里館
===============================================*/
@media screen and (min-width: 1201px){
 .midori-list {
	width: 375px;
 }
 .list table, .list table th, .list table tr td {
	width: 381px;
 }
 .list table tr td{
	font-size: 12px;
	line-height: 1.5;
 }
}

@media screen and (min-width: 1165px) and (max-width: 1200px){ 
 .midori-list {
	width: 405px;
 }
 .list table, .list table th, .list table tr td {
	width: 411px;
 }
}

@media screen and (min-width: 1120px) and (max-width: 1165px){ 
 .midori-list {
	width: 390px;
 }
 .list table, .list table th, .list table tr td {
	width: 396px;
 }
}

@media screen and (min-width: 1075px) and (max-width: 1120px){ 
 .midori-list {
	width: 375px;
 }
 .list table, .list table th, .list table tr td {
	width: 381px;
 }
}

@media screen and (min-width: 1055px) and (max-width: 1075px){ 
 .midori-list {
	width: 360px;
 }
 .list table, .list table th, .list table tr td {
	width: 366px;
 }
}

@media screen and (min-width: 1030px) and (max-width: 1055px){ 
 .midori-list {
	width: 345px;
 }
 .list table, .list table th, .list table tr td {
	width: 351px;
 }
}

@media screen and (min-width: 985px) and (max-width: 1030px){ 
 .midori-list {
	width: 345px;
 }
 .list table, .list table th, .list table tr td {
	width: 351px;
 }
}

@media screen and (min-width: 970px) and (max-width: 985px){ 
 .midori-list {
	width: 405px;
 }
 .list table, .list table th, .list table tr td {
	width: 411px;
 }
}

@media screen and (min-width: 930px) and (max-width: 970px){ 
 .midori-list {
	width: 390px;
 }
 .list table, .list table th, .list table tr td {
	width: 396px;
 }
}

@media screen and (min-width: 890px) and (max-width: 930px){ 
 .midori-list {
	width: 375px;
 }
 .list table, .list table th, .list table tr td {
	width: 381px;
 }
}

@media screen and (min-width: 850px) and (max-width: 890px){ 
 .midori-list {
	width: 360px;
 }
 .list table, .list table th, .list table tr td {
	width: 366px;
 }
}

@media screen and (min-width: 810px) and (max-width: 850px){ 
 .midori-list {
	width: 345px;
 }
 .list table, .list table th, .list table tr td {
	width: 351px;
 }
}

@media screen and (min-width: 780px) and (max-width: 810px){ 
 .midori-list {
	width: 345px;
 }
 .list table, .list table th, .list table tr td {
	width: 351px;
 }
}

@media screen and (min-width: 985px) and (max-width: 1200px){ 
 .midori-bg {
	width: 80%;
	margin: 0 auto;
 }
}

@media screen and (min-width: 780px) and (max-width: 1200px){ 
 .list table tr td{
	font-size: 12px;
	line-height: 1.5;
 }
}


@media screen and (min-width: 781px){ 

 .midori-img img {
	width: 45%;
 }
 .midori p {
	font-size: 16px;
 }

 .midori .tb, .midori-map .tbsp {
	display: none;
 }

 #nav {
	position: relative;
 }

 .midori-list {
	float: right;
	right: 0px;
 }

 .midori-list ul {
	padding-left: 15px;
 }

 .midori-list ul li {
	/*padding: 6px;*/
	padding: 1.5px;
	font-size: 18px;
 }

 .midori-map {
	float: left;
	width:100%;
 }

 .midori-map .pc {
	width: 100%;
	height: auto;
 }

 .midori .prec-text {
	position: relative;
	margin-top: -60px;
 }

 .num li {
	width: 20px;
	height: 20px;
	position: absolute;
	font-size: 16px;
 }

 .num1 {
	top: 12%;
	left: 26%;
 }

 .num2 {
	top: 16%;
	left: 14%;
 }

 .num3 {
	top: 35%;
	left: 13%;
 }

 .num4 {
	top: 45%;
	left: 27%;
 }

 .num5 {
	top: 60%;
	left: 47%;
 }

 .num6 {
	top: 43%;
	left: 68%;
 }

 .num7 {
	top: 23%;
	left: 43%;
 }

 .num8 {
	top: 3%;
	left: 42%;
 }

.num9 {
	top: 63%;
	left: 80%;
 }

 .midori-img img {
	display: none;
	height: auto;
	position: absolute;
	margin-top: -305px;
 }

 .list div {
	display: none;
	position: absolute;
	right: 0px;
	margin-top: -308px
 }

 .list .pic {
	display: none;
 }

 .list table {
	border: 3px solid #cccccc;
 }

 .list table th{
	font-size: 18px;
	text-align: left;
	padding: 14px 0 13px 5px;
 }

 .list table tr td{
	height: 231px;
	font-weight: normal;
	color: #000000;
	background-color: #FFF7EE;
	text-align: justify;
	vertical-align: top;
	padding: 8px;
 }

 .list table tr td.pic{
	display: none;
 }

}


@media screen and (max-width: 780px){ 

 #nav {
	text-align: center;
 }
 
 .midori .pc, .midori-img, .midori-list {
	display: none;
 }

 .midori-map .tbsp {
	height: auto;
	border: none;
 }

 .list table {
	width: 100%;
	background-color: #FFF7EE;
	border: 3px solid #cccccc;
 }

 .list table th{
	width: 100%;
 }

 .list table tr td.pic img {
	height: auto;
	display: block;
 }

 .list table tr td.text {
	font-weight: normal;
	color: #000000;
	line-height: 1.3;
	text-align: justify;
	vertical-align: top;
	padding: 5px;
 }

 .midori .prec-text {
	position: relative;
	text-align: left;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .midori p {
	font-size: 14px;
 }

 .midori-map .tbsp {
	width: 80%;
 }

 .midori .prec-text {
	width: 95%;
	margin: 0 auto;
	padding-top: 10px;
 }

 .num {
	position: relative;
	top: 3%;
 }

 .num li {
	width: 30px;
	height: 30px;
	position: relative;
	font-size: 20px;
 }

 .list div {
	padding-top: 20px;
 }

 /*.list table tbody{
	display: flex;
	flex-wrap: wrap;
 }*/

 .list table tr{
	width: 100%;
 }

 .list table tr:last-child{
	display: table;
 }

 .list table td{
	display: table-cell;
	vertical-align: middle;
	position: relative;
 }

 .list table th{
	width: 1%;
	font-size: 18px;
	padding: 15px 0;
 }

 .list table tr td.pic {
	width: 50%;
 }

 .list table tr td.pic img {
	width: 90%;
	margin: 0 auto;
 }

 .list table tr td.text {
	font-size: 14px;
	width: 49%;
 }

}


@media screen and (min-width: 481px){ 

 .midori .prec-text ul {
	position: relative;
	margin-top: 3px;
 }

 .midori .prec-text ul li:before {
	width: 10px;
	height: 10px;
 }

}


@media screen and (max-width: 480px){ 

 .midori p {
	width: 95%;
	font-size: 12px;
	margin: 3% auto 0;
 }

 .midori .tb {
	display: none;
 }

 #nav {
	background-color: #fff;
 }

 .fixed {
	width: 100%;
	position: fixed;
	top: 0px;
	margin: 0 auto;
	z-index: 2;
 }

 .midori-map .tbsp {
	width: 85%;
	margin-top: 5%;
 }

 .fixed .midori-map .tbsp {
	width: 70%;
	margin-top: 2%;
	margin-left: 15%;
 }

 .midori .prec-text {
	width: 90%;
	margin: -10% auto 0;
 }

 .midori .fixed .prec-text {
	margin: -17% auto 0;
 }

 .midori .fixed .prec-text h {
	font-size: 15px;
 }

 .midori .prec-text ul {
	margin-top: 0;
 }

 .midori .fixed .prec-text ul li {
	font-size: 10px;
 }

 .fixed + .list {
	margin-top: 70%;
 }

 .midori .prec-text ul li:before {
	width: 9px;
	height: 9px;
}

 .num {
	display: none;
 }

 .list div{
	margin-top: 5%;
 }

 .list table tr:last-child {
	width: 100%;
	/*display: flex;
	flex-direction: column;*/
 }

 .list table th{
	font-size: 16px;
	padding: 10px 0;
 }

 .list table tr td {
	width: 100%;
	float: left;
 }

 .list table tr td.pic img {
	width: 80%;
	margin: 3% auto;
 }

 .list table tr td.text {
	font-size: 13px;
	background-color: #FFF7EE;
	width: 100%;
 }

}


/*===============================================
○オーガニック金ケ崎、ポークランド
===============================================*/
@media screen and (min-width: 781px){ 

 .kane-title h3 {
	font-size: 18px;
 }

 .pork .prec-text, .pork .img2 {
	width: 50%;
 }

 .click p {
	font-size: 14px;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .kane-title h3 {
	font-size: 16px;
 }

 .click p {
	font-size: 13px;
 }

 .pork .img2 {
	width: 70%;
 }

}


@media screen and (min-width: 481px){

 .kane-title {
	border-radius: 0px 60px;
 }

 .kane-title h3 {
	padding: 15px 20px;
 }

 .kane .img2 {
	width: 45%;
	margin-right: 5%;
 }

 .kane .img3 {
	width: 50%;
 }

}


@media screen and (max-width: 480px){ 

 .kane-title h3 {
	font-size: 14px;
	padding: 10px 5px;
 }

 .kane .img2, .kane .img3, .pork .img2 {
	margin: 0 auto;
 }

 .kane .img2 {
	width: 65%;
 }

 .kane .img3 {
	width: 75%;
 }

 .pork .img2 {
	width: 80%;
 }

 .click p {
	font-size: 12px;
 }

}


/*===============================================
○ファームテック紀ノ川
===============================================*/
@media screen and (min-width: 781px){ 

 .kinokawa .prec-text, .kinokawa .img2 {
	width: 50%;
 }

}


@media screen and (max-width: 780px){ 

 .kinokawa .prec-text {
	width: 95%;
 }

 .kinokawa .prec-text ul li:before {
	width: 9px;
	height: 9px;
 }

}


@media screen and (min-width: 481px){ 

 .kinokawa .prec-text ul li:before {
	width: 10px;
	height: 10px;
 }

}