@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
    font-family: '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, Lato, 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #464646;
    line-height: 1.7;
    font-size: 1rem;
    margin-top: 85px;
}

h1,
h2,
h3,
h4,
nav,
footer dt {
    font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
    color: #333;
    font-weight: bold;
}

ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

a:hover {
    text-decoration: none;
}

.cf:after {
    content: ' ';
    display: block;
    clear: both;
}

.overflow-x-hidden {
    overflow-x: hidden;
    overflow-y: hidden;
}

.display-sp {
    display: none;
}

.img_full {
    width: 100%;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.padding-none {
    padding: 0px !important;
}

.margin-none {
    margin: 0px !important;
}

.pdl-none {
    padding-left: 0px;
}

.pdr-none {
    padding-right: 0px;
}

.text-r {
    text-align: right !important;
}

/*ヘッダー*/
header {
    background: #fff;
}

header .navbar {
    padding: 5px 0;
}

.navbar-brand {
    margin-right: 30px;
}

header .navbar-nav {
    width: 100%;
}

header .navbar-nav .nav-item {
    width: 25%;
    text-align: center;
    line-height: 1;
    position: relative;
}

header .navbar-nav .nav-item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1px;
    height: 0.75em;
    background: #9d9d9d;
}

header .navbar-nav .nav-item:last-child:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1px;
    height: 0.75em;
    background: #9d9d9d;
}

header .navbar-nav .nav-item .nav-link {
    color: #777;
    line-height: 1;
    display: inline-block;
    position: relative;
    padding: 0 0 5px 0;
    font-weight: normal;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

header .navbar-nav .nav-item .nav-link:after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    left: 0;
    margin: auto;
    width: 80%;
    height: 2px;
    background: #cc000a;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

header .navbar-nav .nav-item .nav-link:hover {
    color: #333;
}

header .navbar-nav .nav-item .nav-link:hover:after {
    bottom: -6px;
    opacity: 1;
    width: 100%;
}

/* ヘッダー・サブメニュー（2025.05.07追加） */
header .navbar-nav .nav-item .navChild-nav {
    display: block;
}

header .navbar-nav .nav-item .navChild-nav .navChild-item {
    display: block;
}

header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link {
    display: block;
    color: #777;
    display: inline-block;
    position: relative;
    padding: 0;
    font-weight: normal;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

@media screen and (min-width: 992px) {
    header .navbar-nav .nav-item .navChild-nav {
        width: auto;
        min-width: 160px;
        padding: 10px 0;
        background-color: #ffffff;
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
        position: fixed;
        top: 60px;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item {
        display: block;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link {
        display: block;
        width: 100%;
        color: #777;
        position: relative;
        padding: 10px 1em;
        font-weight: normal;
        text-align: left;
    }

    .nav-item-trigger .navChild-nav {
        transform: translateY(-50px);
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
        position: relative;
        z-index: -1;
        opacity: 0;
    }

    .nav-item-trigger .navChild-nav.open {
        transform: translateY(0px);
        -webkit-transition: 0.5s all;
        transition: 0.5s all;
        position: relative;
        z-index: 3;
        opacity: 1;
    }
}

@media screen and (max-width: 991px) {
    header .navbar-nav .nav-item .nav-item-trigger-link {
        display: none;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link {
        display: block;
        width: 100%;
        color: #777;
        padding: 0.7em 1em;
        position: relative;
        font-weight: normal;
        -webkit-transition: color 0.3s;
        transition: color 0.3s;
        text-align: center;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link:after {
        content: '';
        position: absolute;
        bottom: -4px;
        right: 0;
        left: 0;
        margin: auto;
        width: 40%;
        height: 2px;
        background: #cc000a;
        opacity: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link:hover {
        color: #333;
    }

    header .navbar-nav .nav-item .navChild-nav .navChild-item .navChild-link:hover:after {
        width: 50%;
        bottom: 0;
        opacity: 1;
    }
}

/*スライダー*/
.slide-area {
    position: relative;
}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: visible;
    z-index: 1;
    padding-bottom: 20px;
}

.swiper-button-prev {
    background-image: url(images/slide-arrow-l.png);
    left: 5px;
}

.swiper-button-next {
    background-image: url(images/slide-arrow-r.png);
    right: 5px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 44px;
    height: 58px;
    background-size: contain;
    margin-top: -34px;
}

.swiper-slide img {
    width: 100%;
}

.swiper-slide {
    position: relative;
}

.swiper-slide:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s;
}

.swiper-slide-active:after,
.swiper-slide-duplicate-active:after {
    opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0;
    line-height: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
    margin: 0 4px;
    border-radius: 0;
    background: #999;
    opacity: 1;
    vertical-align: bottom;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #cc000a;
}

/*トップお知らせ*/
#top_news {
    border: 2px solid #e60012;
    text-align: center;
    padding: 19px 0;
}
#top_news p {
    margin-bottom: 0;
    font-family: serif;
    font-size: 20px;
}

/*トップ平野養鶏場について*/
#mainContents {
    background-image: url(images/logomark-white.png), url(images/top-main_bg.jpg);
    background-size: auto 70%, cover;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    position: relative;
    margin-top: 20px;
}

#mainContents div {
    width: 33%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mainContents h1,
.top-2col .top_textBox h2 {
    position: relative;
    font-size: 2.5rem;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0;
}

#mainContents h1:after,
.top-2col .top_textBox h2:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #cc9c25;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

#mainContents ul li {
    position: relative;
    width: 33.5%;
    background: #cc9c25;
}

#mainContents ul li:nth-child(odd) {
    float: left;
}

#mainContents ul li:nth-child(even) {
    float: right;
}

#mainContents ul li img {
    width: 100%;
    height: auto;
}

#mainContents ul li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;
    font-weight: bold;
    font-size: 1.75rem;
    text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 10px, rgba(0, 0, 0, 0.6) -1px 1px 10px, rgba(0, 0, 0, 0.6) 1px -1px 10px, rgba(0, 0, 0, 0.6) -1px -1px 10px;
    transition: background 0.3s;
    text-align: center;
}

#mainContents ul li a:hover {
    background: rgba(204, 156, 37, 0.4);
}

/*トップ2カラム部分*/
.top-2col {
    height: 380px;
}

.top-2col .top_textBox {
    width: 50%;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url(images/logomark-beige.png);
    background-size: auto 74%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1em;
}

.top-2col:nth-child(odd) .top_textBox {
    float: right;
}

.top-2col:nth-child(even) .top_textBox {
    float: left;
}

.top-2col .top_textBox:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.top-2col:nth-child(odd) .top_textBox:before {
    left: -100%;
}

.top-2col:nth-child(even) .top_textBox:before {
    right: -100%;
}

.top-2col .top_textBox h2 {
    margin: 0 0 40px;
}

.top-2col .top_textBox p {
    margin: 0 0 40px;
}

.top-2col .top_textBox ul {
    font-size: 0;
}

.top-2col .top_textBox ul li {
    display: inline-block;
    margin: 0 5px;
}

.top-2col .top_textBox .top_textBox_link a {
    font-size: 1.125rem;
    font-weight: bold;
    color: #cc000a;
    display: block;
    width: 260px;
    line-height: 2;
    border: solid 2px #cc000a;
    background: rgba(255, 255, 255, 0.5);
    transition: color 0.3s, background 0.3s;
}

.top-2col .top_textBox .top_textBox_link li a {
    width: 200px;
}

.top-2col .top_textBox .top_textBox_link a:hover {
    color: #fff;
    background: rgba(204, 0, 10, 0.5);
}

/*トップ会社紹介MOVIE*/
#companyMovie .top_textBox:before {
    display: none;
}

#companyMovie .top_textBox p {
    margin-bottom: 0;
}

.top_movieBox {
    width: 50%;
    height: 100%;
    float: left;
}

/*! 埋め込み動画をレスポンシブ対応させる */
.video {
    background-color: #000000;
}

.top_movieBox iframe {
    width: 100%;
    height: 100%;
}

/*トップ品質管理*/
#qualityManagement .top_textBox:before {
    background-image: url(images/top_hinshitukanri.jpg);
}

/*トップ商品一覧*/
#productList .top_textBox:before {
    background-image: url(images/top_shohinichiran.jpg);
}

/*トップ肥料について*/
#aboutFertilizer .top_textBox:before {
    background-image: url(images/top_hiryo.jpg);
}

/*トップ会社概要*/
#companyProfile .top_textBox:before {
    background-image: url(images/top_company.jpg);
}

/*フッター*/
footer {
    text-align: center;
}

.footer_bg {
    background-image: url(images/footer_bg.jpg);
    background-position: center;
    padding: 40px 0;
}

footer dl {
    font-size: 0;
    margin-bottom: 0;
}

footer dt {
    font-size: 1.25rem;
    margin-bottom: 0.4em;
}

footer dd {
    display: inline-block;
    font-size: 0.875rem;
    margin: 0 0.5em;
}

footer .recruit {
    margin-top: 20px;
    background: #cc000a;
    display: inline-block;
}

footer .recruit a {
    transition: 0.3s;
}

footer .recruit a:hover {
    opacity: 0.7;
}

.copyright {
    font-size: 0.75rem;
    padding: 1em 0;
}

/*-- サブページ見出し・テキスト調整--*/
#main h1 {
    text-align: left;
    padding: 43px 0px;
}

#main h2 {
    border-left: 10px solid #cc9c25;
    padding: 10px 10px;
    margin: 5px 0px;
}

#main h3 {
    border-left: 5px solid #dc0011;
    padding: 7px 10px;
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.6em;
}

#main h4 {
    font-size: 1.2em;
    color: #dc0011;
}

#main .subtitle {
    border-top: 1px solid #dc0011;
    border-bottom: 1px solid #dc0011;
    margin: 25px 0px;
}

#main p:not(#jihanki_setumei p) {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/*-- h1背景画像 --*/
.nojo_title_bk {
    background-image: url(images/h1_nojo_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.gpc_title_bk {
    background-image: url(images/h1_gpc_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.seikei_title_bk {
    background-image: url(images/h1_seikei_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.item_title_bk {
    background-image: url(images/h1_item_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.hiryo_title_bk {
    background-image: url(images/h1_hiryo_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.company_title_bk {
    background-image: url(images/h1_company_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.hinshitsu_title_bk {
    background-image: url(images/h1_hinshitsu_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

.kanri_title_bk {
    background-image: url(images/h1_kanri_bk.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 20px;
}

/*-- サブページ内デザイン調整--*/

/*-- 農場について サブ画像調整--*/
.img_column {
    display: inline-flex;
}

#kankyo li:nth-child(2) {
    margin: 0px 15px;
}

/*-- 鶏を健康に育てるための環境 画像調整--*/
#windless li:first-child {
    margin-right: 10px;
}

#windless li:last-child {
    margin-left: 10px;
}

/*-- 育成場紹介 画像調整 --*/
#ikuseijo_list {
    padding: 0px;
}

#ikuseijo_list img {
    padding-right: 9px;
    width: 98%;
}

#ikuseijo_list p {
    margin-top: 0.4rem;
    margin-bottom: 1rem;
}

/*-- ペレット鶏糞の紹介 調整--*/
#keifun_02 img {
    margin-bottom: 1rem;
}

.num_box {
    border-radius: 7px;
    background-color: #ffefa6;
    padding: 15px;
    margin-bottom: 15px;
}

.num_box p {
    display: inline-block;
    vertical-align: middle;
    margin: 0px !important;
}

.num {
    float: left;
    display: table;
}

img.image {
    margin-right: 10px;
    margin-bottom: 10px;
}

.num_text {
    float: left;
    display: table;
}

.num_text .text {
    font-size: 1.1em;
}

#tokucho {
    margin-top: 2rem;
}

/*-- 会社概要、ご挨拶、卵の豆知識 margin-bottom調整 --*/
#company,
#daihyo,
#chishiki_box {
    margin-top: 1rem;
}

/*-- 各コンテンツmargin-bottom調整 --*/
#kankyo,
#windless,
#kanri_system,
#ikuseijo,
#kodawari,
#kiouran_setumei,
#other_item,
#biseibutsu,
#tokucho,
#company,
#goaisatsu,
#inlinesystem,
#chishiki_box,
#sarumonera,
#sp {
    margin-bottom: 5rem;
}

/*-- ヒナから成鶏まで説明調整 --*/
.img_border {
    border: 1px thin #b2b2b2 !important;
}

.seikei {
    width: 45%;
}

.arrow {
    width: 10%;
}

.arrow img {
    width: 90%;
    margin: 0px 5px;
}

#sp_arrow {
    display: none;
}

/*-- エサへのこだわりタイトルマージン --*/
#kodawari {
    margin-top: 3rem;
}

/*-- 商品一覧 輝黄卵画像 --*/
#kiouran {
    margin: 0 auto;
    text-align: center;
}

/*-- おいしさのヒミツ 画像 --*/
#oishisa {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

#oishisa img {
    margin-bottom: 20px;
}

/*-- その他の製品紹介 商品名 --*/
#other_item h3 {
    font-size: 1.3em;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    border: none;
    padding: 0px;
}

/*-- ペレット鶏糞の特徴 赤文字 --*/
.font_red {
    color: #dc0011;
}

/*-- 高い肥料効果 グラフ画像 --*/
#keifun_graph {
    margin-top: 3rem;
}

/*-- 卵の豆知識 アンカーポイント調整 --*/
#mamechishiki,
#esa {
    margin-top: -100px;
    padding-top: 100px;
}

/*-- 鶏糞分析表 --*/
#bunseki {
    text-align: center;
    margin-top: 7rem;
}

#bunseki th {
    color: #ffffff;
    background-color: #cc9c25;
    border: 1px solid #cc9c25;
    font-weight: normal;
    padding: 7px 0px;
}

#bunseki tr td {
    border: 1px solid #cc9c25;
    padding: 7px 0px;
    width: 13.8%;
}

.br-sp {
    display: none;
}

/*-- 会社概要 --*/
.first_border {
    border-top: 1px solid #bfbfbf;
    border-bottom: none !important;
}

.border-t,
.border-t2nd {
    border-top: 1px solid #bfbfbf;
}

#company th,
#company td {
    padding: 10px;
    /*border-top: 1px solid #bfbfbf;*/
    border-bottom: 1px solid #bfbfbf;
}

#company th {
    background-color: #fbf3d3;
    font-weight: normal;
}

/*-- インラインシステム --*/
#inlinesystem {
    position: relative;
}

#sp {
    display: none;
}

/*-- 卵の豆知識 --*/
.chishiki_title {
    font-size: 1.3em !important;
    padding: 5px !important;
    border-left: 3px solid #dc0011 !important;
    margin-top: 1rem !important;
}

#chishiki_box {
    display: inline-flex;
}

#chishiki_box li {
    border: 1px solid #bfbfbf;
    border-radius: 10px;
    padding: 0px 15px;
    width: 33.3%;
}

#chishiki_box li:nth-child(2) {
    margin: 0px 15px;
}

/*-- スマホ サルモネラ対策 --*/
.sp_hinshitsu {
    margin: 0 auto;
    text-align: center;
}

#sp_hinshitsu_01 {
    background-image: url(images/sp_hinshitsu_bk01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 260px;
}

#sp_hinshitsu_02 {
    background-image: url(images/sp_hinshitsu_bk02.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 260px;
}

#sp_hinshitsu_03 {
    background-image: url(images/sp_hinshitsu_bk03.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 260px;
}

#sp_hinshitsu_04 {
    background-image: url(images/sp_hinshitsu_bk04.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 260px;
}

#sp_hinshitsu_01 h3,
#sp_hinshitsu_02 h3,
#sp_hinshitsu_03 h3,
#sp_hinshitsu_04 h3 {
    font-size: 1.1em;
}

/* 電子公告 */
.public-notice-wrap {
    margin-bottom: 40px;
}

.public-notice-list {
    margin-left: 1.5em;
    list-style-type: disc;
}

@media screen and (max-width: 1199px) {
    /*トップ平野養鶏場について*/
    #mainContents h1,
    .top-2col .top_textBox h2 {
        font-size: 2rem;
        padding-bottom: 10px;
    }

    #mainContents h1:after,
    .top-2col .top_textBox h2:after {
        width: 32px;
    }

    #mainContents ul li a {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 991px) {
    .display-sp {
        display: inline;
    }

    .display-pc {
        display: none;
    }

    /*ヘッダー*/
    header .navbar {
        padding: 0;
    }

    header .navbar .container {
        width: 100%;
        max-width: none;
    }

    .navbar-brand {
        margin: 0 15px;
        padding: 10px 0;
    }

    .navbar-toggler {
        margin-right: 15px;
    }

    header .navbar-nav {
        flex-direction: row;
        padding: 10px 0;
        margin: 0;
        border-top: solid 1px #ccc;
    }

    header .navbar-nav .nav-item:first-child:before,
    header .navbar-nav .nav-item:last-child:after {
        display: none;
    }

    header .navbar-nav .nav-item .nav-link {
        padding: 0.5em 1em;
        width: 100%;
    }

    header .navbar-nav .nav-item .nav-link:after {
        bottom: -4px;
        width: 40%;
    }

    header .navbar-nav .nav-item .nav-link:hover:after {
        bottom: 0;
        width: 50%;
    }

    .navbar-toggler {
        border: 0;
        padding: 5px;
    }

    .menu-trigger,
    .menu-trigger span {
        display: inline-block;
        transition: all 0.4s;
        box-sizing: border-box;
    }

    .menu-trigger {
        position: relative;
        width: 25px;
        height: 22px;
    }

    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #666;
        border-radius: 2px;
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 10px;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
    }

    /*スライダー*/
    .slide-area {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: none;
    }

    /*トップ平野養鶏場について*/
    #mainContents h1,
    .top-2col .top_textBox h2 {
        font-size: 1.5rem;
        padding-bottom: 7px;
    }

    #mainContents h1:after,
    .top-2col .top_textBox h2:after {
        width: 28px;
    }

    #mainContents ul li a {
        font-size: 1.2rem;
    }

    /*トップ2カラム部分*/
    .top-2col {
        height: 260px;
    }

    .top-2col .top_textBox h2 {
        margin-bottom: 25px;
    }

    .top-2col .top_textBox p {
        margin-bottom: 25px;
        font-size: 0.9rem;
    }

    .top-2col .top_textBox .top_textBox_link a {
        width: 220px;
        font-size: 1rem;
    }

    .top-2col .top_textBox .top_textBox_link li a {
        width: 140px;
    }

    /*フッター*/
    footer .recruit img {
        width: 100%;
    }

    /* 成鶏場 */
    #ikuseijo_list img {
        width: 94%;
    }

    /* 鶏糞の特徴 */
    .num_box p {
        display: block;
    }

    /* 卵の豆知識 */
    .chishiki_img02,
    .chishiki_img03 {
        margin-top: 1.5rem;
    }

    /* 分析表 */
    .br-sp {
        display: block;
    }

    #bunseki tr td {
        font-size: 0.8em;
    }
}

@media screen and (max-width: 991px) {
    body {
        margin-top: 55px;
    }

    /*ヘッダー*/
    .navbar-brand {
        margin: 0 10px;
    }

    .navbar-brand img {
        width: auto;
        height: 45px;
    }

    header .navbar-nav {
        flex-direction: column;
        padding: 15px 0;
    }

    header .navbar-nav .nav-item {
        width: 100%;
    }

    header .navbar-nav .nav-item:before {
        display: none;
    }

    header .navbar-nav .nav-item .nav-link {
        padding: 0.7em 1em;
        width: 100%;
    }

    header .navbar-nav .nav-item :after {
        bottom: 0;
        width: 40%;
    }

    header .navbar-nav .nav-item .nav-link:hover:after {
        bottom: 0.2em;
        width: 50%;
    }

    .navbar-toggler {
        margin-right: 10px;
    }

    /*スライダー*/
    .swiper-container {
        padding-bottom: 15px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 36px;
        height: 6px;
        margin: 0 6px;
    }

    /*トップ平野養鶏場について*/
    #mainContents {
        margin-top: 15px;
        background-image: none;
    }

    #mainContents div {
        width: 100%;
        position: static;
        display: block;
        padding: 25px 0 25px;
        background-image: url(images/logomark-white.png), url(images/top-main_bg.jpg);
        background-size: 70% auto, cover;
        background-position: center, center;
        background-repeat: no-repeat, no-repeat;
    }

    #mainContents ul li {
        position: relative;
        width: 50%;
        background: #cc9c25;
    }

    #mainContents ul li a {
        font-size: 1.1rem;
    }

    /*トップ2カラム部分*/
    .top-2col {
        height: auto;
    }

    .top-2col .top_textBox {
        width: 100%;
        height: 250px;
        background-size: 74% auto;
        padding: 2em 10px;
        margin-bottom: 220px;
    }

    .top-2col:nth-child(odd) .top_textBox,
    .top-2col:nth-child(even) .top_textBox {
        float: none;
    }

    .top-2col .top_textBox:before {
        top: auto;
        bottom: -220px;
        height: 220px;
    }

    .top-2col:nth-child(odd) .top_textBox:before {
        left: 0;
    }

    .top-2col:nth-child(even) .top_textBox:before {
        right: 0;
    }

    .top-2col .top_textBox .top_textBox_link {
        width: 100%;
    }

    .top-2col .top_textBox .top_textBox_link a {
        width: 58%;
        margin: 0 auto;
    }

    .top-2col .top_textBox .top_textBox_link li {
        width: 40%;
    }

    .top-2col .top_textBox .top_textBox_link li a {
        width: 100%;
    }

    /*トップ会社紹介MOVIE*/
    #companyMovie .top_textBox {
        margin-bottom: 0;
    }

    .top_movieBox {
        width: 100%;
        height: 220px;
    }

    .top_movieBox iframe {
        position: static !important;
    }

    /* サブmainbox*/
    #main {
        padding-top: 20px;
    }

    /* 成鶏場*/
    #ikuseijo_list img {
        width: 89%;
    }

    .chishiki_title {
        font-size: 0.9em !important;
    }

    /* 卵の豆知識*/
    .chishiki_img02,
    .chishiki_img03 {
        margin-top: 1rem;
    }

    #other_item h3 {
        font-size: 1em;
    }
}

@media screen and (max-width: 544px) {
    #main h1 {
        font-size: 1.8em;
        padding: 33px 0px;
    }

    #main h2 {
        font-size: 1.1em;
    }

    #kankyo,
    #windless {
        display: block;
    }

    #kankyo li:nth-child(2) {
        margin-left: 0px;
        margin-right: 0px;
    }

    #kankyo li {
        margin-bottom: 25px !important;
    }

    #windless li:first-child {
        margin-bottom: 25px;
        margin-right: 0px;
    }

    #windless li:last-child {
        margin-bottom: 25px;
        margin-left: 0px;
    }

    .nojo_title_bk,
    .gpc_title_bk,
    .seikei_title_bk,
    .kanri_title_bk,
    .item_title_bk,
    .hinshitsu_title_bk,
    .company_title_bk,
    .hiryo_title_bk {
        padding-bottom: 0px;
    }

    .seikei {
        width: 100%;
    }

    .arrow {
        display: none;
    }

    #sp_arrow {
        display: block;
        margin-bottom: 30px;
    }

    #ikuseijo_list .float-l {
        float: none;
    }

    #ikuseijo_list img {
        padding: 0px;
        width: 100%;
    }

    #kiouran img {
        width: 100%;
    }

    #bunseki,
    #keifun_graph {
        margin-top: 0.8rem !important;
        margin-bottom: 1rem;
    }

    #main h3 {
        font-size: 1.2em;
    }

    #HACCP img {
        display: block;
        margin: 0 auto;
        max-width: 208px;
    }

    #GP_HACCP,
    #HACCP {
        margin-bottom: 20px;
    }

    #keifun_01 img {
        display: block;
        margin: 0 auto;
        max-width: 350px;
    }

    #keifun_02 img {
        display: block;
        margin-bottom: 2rem;
        max-width: 350px;
    }

    /* 会社概要*/
    #company tr,
    #company th,
    #company td {
        display: block !important;
        width: aut !important;
    }

    .border-t {
        border-bottom: none !important;
    }

    .sp-border-t {
        border-top: 1px solid #bfbfbf;
    }

    .col-head-type1 tr:first-child {
        border-top: 1px solid #dbe1e8;
    }

    .col-head-type1 th,
    .col-head-type1 td {
        border-top: none;
    }

    #keifun_01 {
        padding: 0px;
        margin-bottom: 2rem;
    }

    #pc {
        display: none;
    }

    #sp {
        display: block;
    }

    #chishiki_box {
        display: block;
    }

    #chishiki_box li {
        width: 100%;
    }

    #chishiki_box li {
        margin: 25px 0px !important;
    }

    .chishiki_title {
        font-size: 1.2em !important;
    }

    .num_box {
        padding: 15px !important;
    }

    #bunseki tr td {
        font-size: 0.8em;
    }

    /* 卵の豆知識*/
    .chishiki_img01,
    .chishiki_img02,
    .chishiki_img03 {
        margin-top: 1rem;
    }

    #other_item .col-xs-12 {
        margin-bottom: 20px;
    }

    /*  col- 余白削除*/
    .col-xs-12 {
        padding: 0px;
    }
}

/*たまご自販機*/
#jihanki_setumei {
    margin-bottom: 3em;
}

#jihanki_setumei .cf {
    margin-bottom: 2.5em;
}

#jihanki_setumei p {
    line-height: 1.8rem;
}

/*最大幅変更*/
@media (min-width: 1200px) {
    .container {
        max-width: 960px;
    }
}

/*HACCP認証*/
.bg-cor-red {
    padding-right: 15px;
    padding-left: 15px;
}

.gp-box img {
    border: 4px solid #dc0011;
}

.fa-box img {
    border: 4px solid #dc0011;
}

@media screen and (max-width: 767px) {
    .gp-box img {
        border: initial;
    }

    .fa-box img {
        border: initial;
    }
}