@charset "UTF-8";
@font-face {
    font-family: 'FontAwesome';
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*================================================
    TOP
================================================*/
/*-----------------------------------
    メイン画像
-----------------------------------*/
.main {
    background-image: url(../img/top/main.jpg);
    background-size: cover;
    height: 480px;
}

.main__h1 {
    width: 1000px;
    margin: 0 auto;
}

/*-----------------------------------
    コンテンツ
-----------------------------------*/
.contents_top {
    width: 1000px;
    margin: 0 auto;
}

.contents_top h2 {
    margin: 65px auto;
    text-align: center;
}

.contents_top h3 {
    text-align: center;
}

.contents_top .btn_detail {
    text-align: center;
    margin-top: 25px;
}

.contents_top .topBox01 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.contents_top .topBox01__txt {
    width: 499px;
    float: left;
    border: 2px solid #EEEEEE;
    border-right: none;
    height: 320px;
    padding: 35px 25px;
}

.contents_top .topBox01__txt h3 {
    margin-bottom: 20px;
}

.contents_top .topBox01__img {
    float: right;
    width: 501px;
}

.contents_top ul {
    margin: 40px auto;
}

.contents_top ul:after {
    content: "";
    display: block;
    clear: both;
}

.contents_top ul li {
    float: left;
    width: 480px;
    margin-right: 40px;
}

.contents_top ul li:last-child {
    margin-right: 0;
}

.contents_top ul li .topBox02 {
    border: 2px solid #EEEEEE;
    border-top: none;
    padding: 30px 40px 40px;
}

.contents_top ul li h3 {
    margin: 0 0 15px;
}

.contents_top .topBox03 {
    border: 2px solid #EEEEEE;
    padding: 25px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.contents_top .topBox03__img {
    float: left;
    width: 214px;
    margin: 20px 40px 0 0;
}

.contents_top .topBox03__img h3 {
    text-align: left;
}

.contents_top .topBox03__txt {
    float: right;
    width: 652px;
}

.contents_top .topBox03__txt ul {
    margin: 0 0 0 20px;
}

.contents_top .topBox03__txt ul:after {
    content: "";
    display: block;
    clear: both;
}

.contents_top .topBox03__txt ul li {
    float: left;
    width: 48%;
    margin-right: 4%;
    list-style: disc;
}

.contents_top .topBox03__txt ul li:nth-child(2n) {
    margin-right: 0;
}

/*================================================
    昆虫部門
================================================*/
.insect__box {
    border: 3px solid #DDDDDD;
}

.insect__box:after {
    content: "";
    display: block;
    clear: both;
}

.insect__box__imgL {
    float: left;
    width: 299px;
}

.insect__box__txtR {
    float: left;
    padding: 25px 30px;
    width: 695px;
}

.insect__box__imgR {
    float: left;
    width: 400px;
}

.insect__box__txtL {
    float: left;
    padding: 25px 30px;
    width: 594px;
}

.insect__tit {
    margin: 100px auto 50px;
    display: block;
}

.insect ol:after {
    content: "";
    display: block;
    clear: both;
}

.insect ol li {
    float: left;
    width: 333px;
}

.insect ol li:last-child {
    width: 334px;
}

.insect ol li p {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5px;
}

.insect__arrow {
    margin: 25px auto;
    display: block;
}

.insect__arrow__2 {
    margin: 50px auto 30px;
    display: block;
}

/*================================================
    畜産部門
================================================*/
.animal__box {
    border: 3px solid #DDDDDD;
}

.animal__box:after {
    content: "";
    display: block;
    clear: both;
}

.animal__box__imgL {
    float: left;
    width: 597px;
}

.animal__box__txtR {
    float: left;
    padding: 25px 30px;
    width: 397px;
}

.animal__box__txtR ul {
    margin-left: 20px;
}

.animal__box__txtR ul li {
    list-style: disc;
    color: #349D42;
}

.animal__box__txtR ul li span {
    color: #333333;
}

.animal ul.animal_img {
    margin-top: 60px;
}

.animal ul.animal_img:after {
    content: "";
    display: block;
    clear: both;
}

.animal ul.animal_img li {
    float: left;
    width: 333px;
}

.animal ul.animal_img li p {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5px;
}

.animal ul.animal_img li:last-child {
    width: 334px;
}

/*================================================
    きのこ部門
================================================*/
.mushroom__box {
    border: 3px solid #DDDDDD;
}

.mushroom__box:after {
    content: "";
    display: block;
    clear: both;
}

.mushroom__box__imgL {
    float: left;
    width: 499px;
}

.mushroom__box__txtR {
    float: left;
    padding: 25px 30px;
    width: 495px;
}

.mushroom ul {
    margin-top: 60px;
}

.mushroom ul:after {
    content: "";
    display: block;
    clear: both;
}

.mushroom ul li {
    float: left;
    width: 333px;
}

.mushroom ul li:last-child {
    width: 334px;
}

/*================================================
    会社概要
================================================*/
.about__box {
    margin: 50px 0 70px;
}

.about__box:after {
    content: "";
    display: block;
    clear: both;
}

.about__box__imgL {
    float: left;
    width: 440px;
    margin-right: 40px;
    text-align: center;
}

.about__box__imgL p {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5px;
}

.about__box__txtR {
    float: left;
    width: 520px;
}

.about ul:after {
    content: "";
    display: block;
    clear: both;
}

.about ul li {
    float: left;
    width: 250px;
}

.about ul li p {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 5px;
}

.about dl {
    margin-top: 70px;
}

.about dl:after {
    content: "";
    display: block;
    clear: both;
}

.about dl dt {
    font-weight: bold;
    float: left;
    width: 200px;
    padding: 30px 0;
}

.about dl dd {
    padding: 30px 0 30px 200px;
    border-bottom: 2px solid #DDDDDD;
}

.about dl dd dl {
    margin-top: 0;
}

.about dl dd dl dt {
    font-weight: normal;
    width: 130px;
    padding: 0;
}

.about dl dd dl dd {
    padding: 0 0 0 130px;
    border-bottom: none;
}

/*================================================
    アクセス
================================================*/
.access section {
    margin-bottom: 60px;
}

.access section:last-child {
    margin-bottom: 0;
}

.access section p {
    margin-bottom: 20px;
}

/*================================================
    プライバシーポリシー
================================================*/
.privacy {
    width: 934px;
    margin: 0 auto;
}

.privacy section {
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.privacy section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.privacy section ol {
    margin-left: 30px;
}

.privacy section ol li {
    list-style: decimal;
}

/*================================================
    サイトマップ
================================================*/
.sitemap {
    width: 934px;
    margin: 0 auto;
}

.sitemap a {
    text-decoration: underline;
}

.sitemap section {
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.sitemap section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.sitemap section ul:after {
    content: "";
    display: block;
    clear: both;
}

.sitemap section ul li {
    float: left;
    margin-right: 40px;
    background: url(../img/common/footer_icon.gif) no-repeat 0 10px;
    padding-left: 15px;
}

/*================================================
    お問い合わせ
================================================*/
.contact {
    width: 934px;
    margin: 0 auto;
}

.contact a {
    text-decoration: underline;
}

.contact dl {
    margin: 30px 0 40px;
}

.contact dl dt {
    float: left;
    width: 290px;
    padding: 30px 0;
    clear: both;
}

.contact dl dt span {
    background-color: #3EB771;
    color: #FFF;
    padding: 2px 15px;
    font-size: 1.2rem;
    float: right;
}

.contact dl dd {
    padding: 30px 0 30px 320px;
    border-bottom: 2px solid #DDDDDD;
}

.contact dl dd input, .contact dl dd textarea {
    border: 1px solid #BBBBBB;
    padding: 0 10px;
    width: 100%;
}

.contact #submit {
    background: transparent url("../img/contact/contact_btn.gif") no-repeat scroll center 0;
    border: medium none;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    min-height: 66px;
    text-indent: 9999px;
    width: 30%;
}

.contact #submit.confirm {
    background: transparent url("../img/contact/contact_btn02.gif") no-repeat scroll center 0;
}

.contact p.error {
    background-color: #f00;
    color: #fff;
    padding: 5px;
}