@charset "UTF-8";
/* COLOR */
/* FONTS */
/* COMMON */
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
/* Small Devices, Tablets */
/* Extra Small Devices, Phones */
/* Custom, iPhone Retina */
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt20 { margin-top: 20px; }

.mt30 { margin-top: 30px; }

.mt40 { margin-top: 40px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt90 { margin-top: 90px; }

.mt100 { margin-top: 100px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }

.mr40 { margin-right: 40px; }

.mr50 { margin-right: 50px; }

.mr60 { margin-right: 60px; }

.mr70 { margin-right: 70px; }

.mr80 { margin-right: 80px; }

.mr90 { margin-right: 90px; }

.mr100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb20 { margin-bottom: 20px; }

.mb30 { margin-bottom: 30px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.mb60 { margin-bottom: 60px; }

.mb70 { margin-bottom: 70px; }

.mb80 { margin-bottom: 80px; }

.mb90 { margin-bottom: 90px; }

.mb100 { margin-bottom: 100px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }

.ml40 { margin-left: 40px; }

.ml50 { margin-left: 50px; }

.ml60 { margin-left: 60px; }

.ml70 { margin-left: 70px; }

.ml80 { margin-left: 80px; }

.ml90 { margin-left: 90px; }

.ml100 { margin-left: 100px; }

.pt5 { padding-top: 5px; }

.pt10 { padding-top: 10px; }

.pt20 { padding-top: 20px; }

.pt30 { padding-top: 30px; }

.pt40 { padding-top: 40px; }

.pt50 { padding-top: 50px; }

.pt60 { padding-top: 60px; }

.pt70 { padding-top: 70px; }

.pt80 { padding-top: 80px; }

.pt90 { padding-top: 90px; }

.pt100 { padding-top: 100px; }

.pr5 { padding-top: 5px; }

.pr10 { padding-top: 10px; }

.pr20 { padding-top: 20px; }

.pr30 { padding-top: 30px; }

.pr40 { padding-top: 40px; }

.pr50 { padding-top: 50px; }

.pr60 { padding-top: 60px; }

.pr70 { padding-top: 70px; }

.pr80 { padding-top: 80px; }

.pr90 { padding-top: 90px; }

.pr100 { padding-top: 100px; }

.pb5 { padding-bottom: 5px; }

.pb10 { padding-bottom: 10px; }

.pb20 { padding-bottom: 20px; }

.pb30 { padding-bottom: 30px; }

.pb40 { padding-bottom: 40px; }

.pb50 { padding-bottom: 50px; }

.pb60 { padding-bottom: 60px; }

.pb70 { padding-bottom: 70px; }

.pb80 { padding-bottom: 80px; }

.pb90 { padding-bottom: 90px; }

.pb100 { padding-bottom: 100px; }

.pl5 { padding-left: 5px; }

.pl10 { padding-left: 10px; }

.pl20 { padding-left: 20px; }

.pl30 { padding-left: 30px; }

.pl40 { padding-left: 40px; }

.pl50 { padding-left: 50px; }

.pl60 { padding-left: 60px; }

.pl70 { padding-left: 70px; }

.pl80 { padding-left: 80px; }

.pl90 { padding-left: 90px; }

.pl100 { padding-left: 100px; }

.fck_body h1 { font-size: 1.5em; }

.fck_body h2 { font-size: 1.4em; }

.fck_body h3 { font-size: 1.3em; }

.fck_body h4 { font-size: 1.2em; }

.fck_body h5 { font-size: 1.1em; }

.fck_body h6 { font-size: 1em; }

.fck_body em { font-style: italic; }

.fck_body h1, .fck_body h2, .fck_body h3, .fck_body h4, .fck_body h5, .fck_body h6 { margin: 10px 0; font-weight: 700; }

/*  箭头 @include arrow(direction,size,color);
**/
/* 超出省略号 @include ell(); */
/* inline-block @include inline_block(); */
/* font-size of REM @include font_size(fz); */
.organic_farm_body .box_1 { background-color: #fff; padding: 30px 20px; }
.organic_farm_body .box_1 h3.tit { text-align: center; font-size: 1.8rem; color: #016943; margin-bottom: 15px; }
.organic_farm_body .box_1 p { font-size: 1.5rem; line-height: 2.3rem; }
.organic_farm_body .box_2 img { display: block; width: 100%; }
.organic_farm_body .box_2 .in { padding: 30px 20px; }
.organic_farm_body .box_2 .in p { font-size: 1.5rem; line-height: 2.3rem; }
.organic_farm_body .box_2 .in p span { color: #016943; }
.organic_farm_body .box_2 .in img { width: 176px; margin: 20px auto 0; }
.organic_farm_body .box_3 { padding-bottom: 10px; }
.organic_farm_body .box_3 .big_img { min-height: 200px; }
.organic_farm_body .box_3 .big_img img { display: block; width: 100%; }
.organic_farm_body .box_3 .swiper_out { margin-top: 6px; }
.organic_farm_body .box_3 .swiper_out img { display: block; width: 100%; margin-bottom: 50px; }
.organic_farm_body .box_3 .swiper_out p { color: #016943; font-size: 1.4rem; line-height: 1.6rem; margin-top: 10px; margin-bottom: 50px; }
.organic_farm_body .box_3 .swiper_out .swiper-pagination span { background-color: #cecfcf; width: 10px; height: 10px; opacity: 1; }
.organic_farm_body .box_3 .swiper_out .swiper-pagination span.swiper-pagination-bullet-active { background-color: #016943; }
.organic_farm_body .box_4 { padding: 10px 0 40px; }
.organic_farm_body .box_4 h3.tit { font-size: 1.8rem; color: #016943; margin-bottom: 20px; text-align: center; }
.organic_farm_body .box_4 ul { width: 100%; }
.organic_farm_body .box_4 ul li { float: left; width: 31.33333%;margin:10px 1%;}
.organic_farm_body .box_4 ul li img { display:block; width:100%; }
.organic_farm_body .box_4 ul li p { font-size: 1.4rem; line-height: 2.4rem; color: #016943; margin-top: 5px; padding: 0 10px; text-align: center; }
.organic_farm_body .box_4 ul li a { text-decoration: none; }
.organic_farm_body .box_5 { padding-bottom: 30px; }
.organic_farm_body .box_5 img { display: block; width: 100%; margin: 0 auto; }
.organic_farm_body .box_5 .in { padding: 15px 20px 0; }
.organic_farm_body .box_5 .in p { font-size: 1.5rem; line-height: 2.3rem; }
.organic_farm_body .box_5 .in p span { color: #016943; }
.organic_farm_body .box_5 .in img { width: 190px; margin-top: 20px; }