@charset "utf-8";
/* smart.css */
/* ----------------------------------------------------------------------------------------------
　共通部分
---------------------------------------------------------------------------------------------- */
.pc {
    display: none;
}

.sp {
    display: block;
}

h1 {
    display: inline-block;
}

.under_bdr {
    font-size: 22px;
    margin-bottom: 40px;
}

    .under_bdr::after {
        width: 70px;
    }
/*** 下層ページのメインビジュアル,タイトル ***/
.mv {
    height: 100px;
}

    .mv h2 {
        font-size: 30px;
        top: calc( 50% - 25px );
    }

        .mv h2 span {
            font-size: 15px;
        }

h3.businessTitle {
    font-size: 22px;
    padding: 27px 10px;
}

h5 {
    font-size: 22px;
    margin-bottom: 40px;
}

    h5:after {
        width: 70px;
    }

.full div.img01, .full div.img02, .full div.img03 {
    height: 600px;
}

    .full div.img02 span:nth-of-type(1) {
        color: #000;
    }

.slick-dotted.slick-slider {
    z-index: -1;
    height: 600px;
}

@media only screen and (max-width: 768px) {
    /*** TOPへ戻る ***/
    .topBtn {
        display: none !important;
    }

    .full div.img01, .full div.img02, .full div.img03 {
        background-position: 50% 50%;
        height: 400px;
    }

    .slick-dotted.slick-slider {
        height: 400px;
    }
}

@media only screen and (max-width: 480px) {
    /*** 下層ページのメインビジュアル,タイトル ***/
    .mv {
        height: 75px;
    }

        .mv h2 {
            font-size: 23px;
            top: calc( 50% - 21px );
        }

            .mv h2 span {
                font-size: 14px;
            }

    h3.businessTitle {
        font-size: 18px;
        padding: 19px 10px;
    }

    h5 {
        font-size: 18px;
    }

        h5:after {
            width: 50px;
        }

    .under_bdr {
        font-size: 18px;
    }

        .under_bdr::after {
            width: 50px;
        }
}
/* ----------------------------------------------------------------------------------------------
　ナビゲーション
---------------------------------------------------------------------------------------------- */
.menu-container {
    width: 100%;
    display: block;
    height: 50px;
    position: inherit;
}

    .menu-container h1 {
        margin: 5px 0 0 10px;
    }

        .menu-container h1 img {
            width: 190px;
        }

.menu-mobile:after {
    position: absolute;
    top: 13px;
    right: 15px;
}

.menu-mobile {
    display: block;
    padding: 0;
}

.menu-dropdown-icon:before {
    display: block;
}

.menu > ul {
    display: none;
    height: auto;
    position: relative;
    padding-top: 20px;
    background: #fff;
}

    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
        text-align: left;
    }

        .menu > ul > li a {
            padding: 1em;
            width: 100%;
            display: block;
        }

        .menu > ul > li > ul {
            position: relative;
        }

            .menu > ul > li > ul.normal-sub {
                width: 100%;
            }

            .menu > ul > li > ul > li {
                float: none;
                width: 100%;
                margin-top: 20px;
            }

                .menu > ul > li > ul > li:first-child {
                    margin: 0;
                }

                .menu > ul > li > ul > li > ul {
                    position: relative;
                }

                    .menu > ul > li > ul > li > ul > li {
                        float: none;
                    }

.menu .show-on-mobile {
    display: block;
}

.menu > ul > li > ul.normal-sub {
    padding: 20px;
}

.menu > ul > li > ul {
    top: inherit;
}

.menu > ul > li:hover {
    border-bottom: none;
}

.menu > ul > li {
    height: auto;
    border-bottom: solid 1px #eee;
}

    .menu > ul > li > ul.normal-sub > li {
        width: 100%;
        margin-bottom: 0;
    }

        .menu > ul > li > ul.normal-sub > li:nth-last-child(-n+3) {
            margin-bottom: 0;
        }

    .menu > ul > li > ul > li a {
        width: 100%;
    }

    .menu > ul > li > ul.normal-sub > li a {
        padding: 15px;
    }

    .menu > ul > li.nav_contact {
        width: 100%;
        align-items: baseline;
    }

        .menu > ul > li.nav_contact .mail {
            width: 100%;
            padding: 1em 1.1em;
        }

        .menu > ul > li.nav_contact .tel {
            width: 100%;
            padding: 1em 1.1em;
        }

    .menu > ul > li > ul.normal-sub > li:nth-of-type(1),
    .menu > ul > li > ul.normal-sub > li:nth-of-type(2),
    .menu > ul > li > ul.normal-sub > li:nth-of-type(3),
    .menu > ul > li > ul.normal-sub > li:nth-of-type(4) {
        width: 100%;
    }

@media only screen and (max-width: 768px) {
    .menu > ul > li > ul.normal-sub {
        padding: 0 20px 0;
    }

    .menu > ul > li > ul > li {
        margin-top: 0;
    }

    .menu > ul > li > ul.normal-sub > li:not(:last-of-type) {
        border-bottom: solid 1px #7ECEF4;
    }

    .menu > ul > li > ul.normal-sub > li a:hover {
        border: none;
    }
}

/* ----------------------------------------------------------------------------------------------
	footer
---------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 910px) {
    footer .footer_inner {
        text-align: center;
    }

        footer .footer_inner > ul {
            text-align: left;
            flex-wrap: wrap;
        }

            footer .footer_inner > ul > li {
                width: 30%;
                margin: 0 auto 30px;
            }

                footer .footer_inner > ul > li:last-of-type {
                    margin-bottom: 0;
                }

        footer .footer_inner > div {
            -webkit-flex-flow: column;
            -ms-flex-flow: column;
            flex-flow: column;
            text-align: left;
        }

            footer .footer_inner > div p.mail {
                margin: 20px auto 0;
            }

    footer a.footer_logo {
        margin: 20px 0;
        text-align: center;
    }

    footer small {
        text-align: center;
    }

    footer .footer_inner > div p:nth-of-type(1) {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    footer {
        /*margin-top: 50px;*/
        margin-top: 110px;
    }

        footer .footer_inner {
            padding: 30px 0 15px 0;
        }

            footer .footer_inner > ul {
                width: 100%;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
}

@media only screen and (max-width: 480px) {
    footer .footer_inner > ul > li {
        width: 46%;
    }

    .pagetop {
        right: 9px;
    }
}

/**** IE対応 ****/
@media all and (-ms-high-contrast: none) {
    footer .footer_inner > ul {
        display: block;
    }
}


/* ----------------------------------------------------------------------------------------------
　TOPページ
---------------------------------------------------------------------------------------------- */
 .home section.top_mv .mv_title {
    margin: 0 10px 10px 10px;
    font-size: 50px;
}

 .home section.top_mv .mv_sub_title {
    font-size: 18px;
    margin-top: 0;
}

 .home section > div > h2 {
    font-size: 25px;
    padding: 20px 0;
}

     .home section > div > h2 span {
        font-size: 14px;
    }

     .home section > div > h2:before {
        height: 20px;
        top: -3px;
        left: 35px;
    }

     .home section > div > h2:after {
        height: 20px;
        bottom: -3px;
        left: -35px;
    }

 .home section.news {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

     .home section.news > h2 {
        width: 100%;
        padding: 15px 10px;
    }

     .home section.news ul {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        width: 100%;
    }

         .home section.news ul li:nth-of-type(1) a {
            padding: 14px 10px 7px 10px;
            width: 100%;
        }

         .home section.news ul li:nth-of-type(2) a {
            padding: 7px 10px 14px 10px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: inline-block;
            /*line-height: 35px;*/
            text-align: center;
        }

 .home section.business ul li p:nth-of-type(2) {
    font-size: 16px;
}

 .home section.aboutus .inner_wrap {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

     .home section.aboutus .inner_wrap .description {
        width: 100%;
    }

         .home section.aboutus .inner_wrap .description .description-inner {
            margin: 0 auto;
            width: 95%;
            text-align: center;
            display: block;
        }

     .home section.aboutus .inner_wrap .photo {
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }

 .home section.aboutus .inner_wrap {
    margin-top: 35px;
}

     .home section.aboutus .inner_wrap .description .description-inner h3 {
        font-size: 28px;
        margin-bottom: 20px;
        text-align: left;
        display: inline-block;
    }

     .home section.aboutus .inner_wrap .description .description-inner p {
        text-align: left;
    }

 .home section.aboutus .view_more {
    margin-top: 20px;
    text-align: left;
}

 .home section.aboutus span.sp {
    display: inline-block;
}

 .home section.factory h3 {
    font-size: 28px;
}

 .home section.factory .inner1000 {
    padding: 30px 0;
}

 .home section.network .inner_wrap {
    -webkit-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
}

     .home section.network .inner_wrap .description {
        width: 100%;
    }

         .home section.network .inner_wrap .description .description-inner {
            margin: 0 auto;
            width: 95%;
            text-align: center;
            display: block;
        }

     .home section.network .inner_wrap .photo {
        width: 100%;
        height: 200px;
        margin-top: 30px;
        margin-right: 0;
    }

 .home section.network .inner_wrap {
    margin-top: 35px;
}

     .home section.network .inner_wrap .description .description-inner p:nth-of-type(1) {
        text-align: left;
    }

 .home section.network .view_more {
    margin-top: 20px;
    text-align: left;
}

 .home section.network .inner_wrap .description .description-inner p:nth-of-type(2) {
    text-align: center;
}

@media only screen and (max-width: 768px) {
     .home section.top_mv .mv_title {
        font-size: 35px;
    }

     .home section.top_mv .mv_sub_title {
        font-size: 17px;
    }

     .home section.news ul li:nth-of-type(2) a span {
        text-decoration: underline;
    }

     .home section.business ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

         .home section.business ul li {
            width: 48%;
        }

             .home section.business ul li:nth-last-of-type(-n+2) {
                margin-bottom: 30px;
            }

             .home section.business ul li:last-of-type {
                margin-bottom: 0;
            }

     .home section.aboutus_detail div.inner1000 {
        padding: 30px 0;
    }

     .home section.aboutus_detail ul li {
        width: 30%;
    }

         .home section.aboutus_detail ul li p {
            font-size: 16px;
            margin-top: 10px;
        }

     .home section.factory .view_more {
        margin-top: 35px;
    }

     .home footer {
        /*margin-top: 50px;*/
        margin-top: 110px;
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {
     .home section.top_mv .mv_title {
        font-size: 23px;
    }

     .home section.top_mv .mv_sub_title {
        font-size: 16px;
    }

     .home section > div > h2 {
        font-size: 22px;
        padding: 10px 0;
    }

         .home section > div > h2 span {
            font-size: 12px;
        }

         .home section > div > h2:before {
            height: 15px;
            top: -8px;
            left: 29px;
        }

         .home section > div > h2:after {
            height: 15px;
            bottom: -6px;
            left: -35px;
        }

     .home section.business ul {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

         .home section.business ul li {
            width: 100%;
        }

     .home section.aboutus .inner_wrap .description .description-inner h3 {
        font-size: 23px;
        margin-bottom: 20px;
        line-height: 1.3;
    }

     .home section.aboutus_detail ul {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

         .home section.aboutus_detail ul li {
            width: 100%;
            margin-bottom: 20px;
        }

             .home section.aboutus_detail ul li:last-of-type {
                margin-bottom: 0;
            }

     .home section.factory h3 {
        font-size: 23px;
    }

     .home footer {
        margin-top: 0;
    }
}

/* ----------------------------------------------------------------------------------------------
　BUSINESS / 事業内容
---------------------------------------------------------------------------------------------- */
/****** 事業内容共通 ******/
 .business section.about .inner_wrap {
    -webkit-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    margin-top: 0;
}

     .business section.about .inner_wrap .photo {
        height: 200px;
        width: 100%;
        margin-right: 0;
    }

     .business section.about .inner_wrap .description {
        width: 95%;
        margin: 0 auto;
    }

         .business section.about .inner_wrap .description .description-inner {
            width: 100%;
            margin-bottom: 30px;
            margin-right: 0;
        }

     .business section.about .inner_wrap h4 {
        font-size: 22px;
        text-align: center;
    }

     .business section.about .inner_wrap .description-inner p {
        margin: 20px 0;
    }
/*section.flow .inner1000{
	padding-bottom: 95px;
}*/
/* 下部のテキスト＆画像レイアウト */
 .business section.bottomlayout .inner1000 {
    padding-bottom: 50px;
}

 .business section.bottomlayout p.intro {
    margin: 0 auto 20px;
}

@media only screen and (max-width: 768px) {
     .business section.bottomlayout .inner1000 {
        padding-bottom: 110px;
    }

    section.item ul li {
        width: 49.5%;
    }

        section.item ul li:nth-last-of-type(-n+3) {
            margin-bottom: 20px;
        }

        section.item ul li:last-of-type {
            margin-bottom: 0;
        }

        section.item ul li p:nth-of-type(2) {
            font-size: 15px;
        }
}

@media only screen and (max-width: 480px) {
     .business section.about .inner_wrap h4 {
        font-size: 18px;
    }
}
/****** 鉄・非鉄・貴金属 ******/
 .metal section.about .inner_wrap {
    -webkit-flex-flow: column-reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse;
    margin-top: 0;
}

section.flow .inner1000 {
    padding-bottom: 50px;
}

 .metal section.flow p span.sp {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    /*	section.flow .inner1000 {
		padding-bottom: 110px;
	}*/
     .metal section.purchase .intro {
        text-align: left;
    }

     .metal section.recycling ul {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

     .metal section.purchase .img_wrap img {
        width: 80%;
    }

     .metal section.purchase .contactBox {
        padding: 2em 10px;
    }

         .metal section.purchase .contactBox p:nth-of-type(1) {
            font-size: 18px;
        }

         .metal section.purchase .contactBox p:nth-of-type(2) {
            margin: 15px 0;
        }

         .metal section.purchase .contactBox p:nth-of-type(3) a {
            font-size: 30px;
        }

             .metal section.purchase .contactBox p:nth-of-type(3) a span {
                font-size: 20px;
            }

     .metal section.purchase .inner1000 {
        padding-bottom: 110px;
    }

     .metal section.recycling ul li p:nth-of-type(1) {
        font-size: 20px;
        margin-bottom: 20px;
    }

         .metal section.recycling ul li p:nth-of-type(1) span {
            font-size: 25px;
        }

         .metal section.recycling ul li p:nth-of-type(1):after {
            width: 85%;
            max-width: 176px;
            margin: 5px auto 0;
        }

     .metal section.recycling ul li p:nth-of-type(2) {
        font-size: 15px;
    }

     .metal section.recycling .img_wrap {
        width: 100%;
    }

         .metal section.recycling .img_wrap img {
            width: 80%;
        }

     .metal section.flow .img_wrap img {
        width: 100%;
    }

     .metal section.flow .img_wrap {
        padding: 30px 20px;
    }
}

@media only screen and (max-width: 480px) {
     .metal section.purchase .img_wrap img {
        width: 100%;
    }

     .metal section.recycling .intro {
        text-align: left;
    }

     .metal section.recycling ul {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

         .metal section.recycling ul li {
            width: 100%;
            margin-bottom: 20px;
        }

             .metal section.recycling ul li:last-of-type {
                margin-bottom: 0;
            }

     .metal section.recycling .img_wrap img {
        width: 90%;
    }
}



/****** 産業廃棄物処理業 ******/
 .industrialwaste section.about .inner_wrap .description .description-inner {
    margin-top: 0;
}

 .industrialwaste section.processing ul li:nth-child(1) span:nth-child(1),
 .industrialwaste section.processing ul li:nth-child(7) span:nth-child(1) {
    display: block
}

 .industrialwaste section.processing ul li:nth-child(1) span:nth-child(2),
 .industrialwaste section.processing ul li:nth-child(7) span:nth-child(2) {
    top: 0;
}

@media only screen and (max-width: 768px) {
     .industrialwaste section.item .inner1000 h5 {
        margin-bottom: 30px;
    }

     .industrialwaste section.item .inner1000 > p {
        margin-bottom: 20px;
    }
}
/****** 加工・販売 ******/
 .process section.about .inner_wrap .description .description-inner {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
     .process section.bottomlayout .inner1000 {
        padding-top: 50px;
    }

     .process section.bottomlayout::before {
        width: 100px;
        height: 32px;
    }

     .process section.bottomlayout .roundbox {
        padding: 15px;
    }

     .process section.bottomlayout ul {
        flex-wrap: wrap;
    }

         .process section.bottomlayout ul li {
            width: 48%;
            margin-bottom: 20px;
        }

     .process section.bottomlayout .roundbox {
        margin-bottom: 50px;
    }

     .process section.bottomlayout .borderbox .intro {
        font-size: 18px;
    }

     .process section.bottomlayout .borderbox p:last-child a {
        font-size: 30px;
    }
}

@media only screen and (max-width: 480px) {
     .process section.bottomlayout .borderbox {
        padding: 10px 10px 15px;
    }

         .process section.bottomlayout .borderbox p:last-child a {
            font-size: 26px;
        }
}
/****** 貿易 ******/
 .trade section.about .inner_wrap .description .description-inner {
    margin-top: 0;
}

 .trade section.map .inner1000 {
    width: 100%;
}

     .trade section.map .inner1000 .txt_wrap,
     .trade section.map .inner1000 .txt_wrap::before {
        display: none;
    }

/* ----------------------------------------------------------------------------------------------
　環境への取り組み
---------------------------------------------------------------------------------------------- */
 .environment section .inner1000 {
    padding: 30px 0;
}

 .environment section.water .inner1000 {
    padding: 30px 0;
}

 .environment section .inner_wrap .img_wrap {
    margin-bottom: 20px;
}

 .environment section .inner_wrap h4 {
    font-size: 18px;
    margin: 20px 0;
}

 .environment section.intro span.sp {
    display: inline-block;
}

 .environment .bg_env {
    background-size: 150% auto;
    background-position: 0 30%;
}

 .environment section.water .inner_wrap .img_wrap img {
    width: 100%;
}

 .environment section.social .inner_wrap .img_wrap img {
    width: 80%;
}

 .environment section.social .inner_wrap p:nth-of-type(2) {
    margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
     .environment footer {
        /*margin-top: 50px;*/
        margin-top: 110px;
    }
}

@media only screen and (max-width: 480px) {
     .environment section.social .inner_wrap p:nth-of-type(2) {
        margin-bottom: 20px;
    }

     .environment .bg_env {
        background-size: 300% auto;
        background-position: 0 25%;
    }
}

@media only screen and (max-width: 320px) {
     .environment section .inner_wrap h4 {
        font-size: 16px;
    }
}

/* ----------------------------------------------------------------------------------------------
　保有設備
---------------------------------------------------------------------------------------------- */
 .facility section.item ul li {
    width: 48%;
}

     .facility section.item ul li p:nth-of-type(2) {
        margin: 10px 0;
    }

 .facility section.item ul li {
    margin-bottom: 30px;
}

     .facility section.item ul li:nth-last-of-type(-n+2) {
        margin-bottom: 0;
    }

@media only screen and (max-width: 768px) {
     .facility section.item.factory ul li:nth-last-of-type(-n+3),
     .facility section.item.inner_facility ul li:nth-last-of-type(-n+3),
     .facility section.item.vehicle ul li:nth-last-of-type(-n+3) {
        margin-bottom: 20px;
    }

     .facility section.item.factory ul li:last-of-type,
     .facility section.item.inner_facility ul li:last-of-type,
     .facility section.item.vehicle ul li:last-of-type {
        margin-bottom: 0;
    }

     .facility section.vehicle .inner1000 {
        margin-bottom: 0;
        /*padding-bottom: 50px;*/
        padding-bottom: 110px;
    }

     .facility section.factory .inner1000 > p:nth-of-type(2) {
        margin: 20px 0 0;
    }
}

@media only screen and (max-width: 480px) {
     .facility section.item ul li:not(:nth-last-of-type(-n+2)) {
        margin-bottom: 20px;
    }
}
/* ----------------------------------------------------------------------------------------------
　新着情報一覧
---------------------------------------------------------------------------------------------- */
 .news_list section.list_wrap .inner1000 {
    padding-top: 50px;
}

@media only screen and (max-width: 768px) {
     .news_list #wrapper {
        min-height: auto;
    }

     .news_list footer {
        /*margin-top: 50px;*/
        margin-top: 110px;
    }
}

@media only screen and (max-width: 480px) {
     .news_list section.list_wrap dl a {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

     .news_list section.list_wrap dl dd {
        margin-top: 10px;
        width: 100%;
    }
}
/* ----------------------------------------------------------------------------------------------
　新着情報詳細
---------------------------------------------------------------------------------------------- */
 .news_detail .detail_wrap h3 {
    font-size: 30px;
    margin: 20px 0 30px 0;
    padding-bottom: 10px;
}

@media only screen and (max-width: 768px) {
     .news_detail footer {
        /*margin-top: 50px;*/
        margin-top: 110px;
    }
}

@media only screen and (max-width: 768px) {
     .news_detail .detail_wrap .date {
        letter-spacing: 1px;
        padding: 7px 20px;
    }

     .news_detail .detail_wrap h3 {
        font-size: 22px;
        margin: 20px 0 30px 0;
        padding-bottom: 10px;
    }

     .news_detail .upper_box {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-top: 30px;
    }

         .news_detail .upper_box > p {
            width: 100%;
            margin-bottom: 20px;
        }

         .news_detail .upper_box > div {
            width: 100%;
            margin-left: 0;
        }

     .news_detail .pdf_box {
        margin-top: 20px;
    }

         .news_detail .pdf_box a:after {
            width: 32px;
            height: 32px;
        }

     .news_detail .under_box {
        -webkit-flex-flow: column-reverse;
        -ms-flex-flow: column-reverse;
        flex-flow: column-reverse;
        margin: 30px 0;
    }

         .news_detail .under_box > div {
            width: 100%;
            margin-right: 0;
        }

         .news_detail .under_box > p {
            width: 100%;
            margin-bottom: 20px;
        }

     .news_detail .link_box {
        margin-top: 20px;
    }
}
/* ----------------------------------------------------------------------------------------------
　お問い合わせ
---------------------------------------------------------------------------------------------- */
 .contact .area_box h3 {
    width: 400px;
    padding: 13px;
    top: -24px;
    font-size: 18px;
}

 .contact .contact_wrap .business_hours {
    font-size: 18px;
    margin: 20px 0 0 0;
}

 .contact .area_box {
    padding: 60px 20px 30px 20px;
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
     .contact .area_box h3 {
        width: auto;
    }

     .contact .area_box .number_box:before {
        width: 300px;
    }

     .contact .area_box .add {
        margin-bottom: 15px;
    }

     .contact .area_box h4 {
        font-size: 17px;
        margin-top: 20px;
    }

     .contact .area_box .tel {
        font-size: 30px;
        margin-top: 15px;
    }

         .contact .area_box .tel a:before {
            width: 31px;
            height: 38px;
        }

     .contact .area_box .fax {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
     .contact .area_box .number_box:before {
        width: 200px;
    }
}

/* ----------------------------------------------------------------------------------------------
　会社概要
---------------------------------------------------------------------------------------------- */
.general_wrap {
    margin: 50px auto 0;
    width: 500px;
}

 .general_wrap dl {
        font-size: 20px;
    }

.company_table dt {
    width: 250px;
    padding: 2em 0 2em 6%;
}

 #permit .inner1000 {
    padding-bottom: 50px;
}

.company_table.direction {
    overflow: auto;
}

.company_table.direction dl {
        width: 1100px;
    }

 #message span.sp {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
     #permit .inner1000 {
        padding-bottom: 110px;
    }

     .general_wrap {
        margin: 40px auto 0;
        width: auto;
    }

         .general_wrap dl {
            margin-bottom: 20px;
        }

         .general_wrap dt {
            width: 50px;
        }

        .general_wrap dd {
            padding-left: 10px;
        }

     .company_table dl {
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column;
    }

     .company_table dt {
        width: auto;
        text-align: left;
        border-right: none;
        padding: 20px 10px;
    }

     .company_table.direction dl,
     .company_table.only dl {
        width: 700px;
    }

         .company_table.direction dl dt,
         .company_table.direction dl dd {
            width: 20%;
            padding: 10px;
        }

             .company_table.direction dl dt:nth-child(1),
             .company_table.direction dl dd:nth-child(1),
             .company_table.direction dl dt:last-child,
             .company_table.direction dl dd:last-child {
                width: 15%;
            }

     .permit_box ul li .pdf_box li a br {
        display: inline;
    }

     .permit_box ul li .pdf_box li a img {
        bottom: auto;
    }
}

@media only screen and (max-width: 480px) {
     .general_wrap dl {
        font-size: 17px;
    }

     .company_table {
        margin-top: 40px;
    }

         .company_table dt {
            padding: 15px 10px;
        }

         .company_table dd {
            padding: 15px 10px;
        }

         .company_table.only dl dd .logo {
            margin-right: 0;
        }

         .company_table.only dl dd:last-of-type {
            flex-flow: column;
        }

     #message p {
        font-size: 16px;
    }

         #message p:last-child {
            font-size: 16px;
        }

             #message p:last-child span {
                font-size: 24px;
                padding-left: 10px;
            }
}

@media only screen and (max-width: 320px) {
     .permit_box ul li {
        font-size: 14px;
    }
}
/* ----------------------------------------------------------------------------------------------
　事業所
---------------------------------------------------------------------------------------------- */
h3.general_small {
    font-size: 18px;
}

 .network .intro p:nth-of-type(2) {
    margin-top: 30px;
}

 .network .area_wrap {
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
}

     .network .area_wrap > p {
        width: 60%;
        margin: 0 auto;
    }

     .network .area_wrap > div {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
    }

 .network section:last-of-type .inner1000 {
    padding-bottom: 50px;
}

 .network footer {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
     .network section:last-of-type .inner1000 {
        padding-bottom: 110px;
    }

     .network .area_wrap > div .note br.sp {
        display: none;
    }

     .network .area_wrap > div .note a {
        color: #1F519F;
    }

     .network .intro p:nth-of-type(1) {
        /*text-align: left;*/
    }

     .network .map iframe {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 480px) {
     .network .area_wrap > div .note {
        text-align: center;
    }

         .network .area_wrap > div .note br.sp {
            display: block;
        }

     .network .area_wrap > p {
        width: 100%;
    }

     .network .map iframe {
        height: 200px;
    }

     .network .area_wrap > div dl {
        margin-bottom: 15px;
    }
}

/* ----------------------------------------------------------------------------------------------
　プライバシーポリシー
---------------------------------------------------------------------------------------------- */
 .privacy .intro {
    padding: 20px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
     .privacy .privacy_wrap dl {
        padding-bottom: 20px;
    }

         .privacy .privacy_wrap dl dt {
            margin-bottom: 20px;
            padding: 15px 20px 10px;
            font-size: 18px;
        }

         .privacy .privacy_wrap dl dd {
            padding: 0 15px;
            height: auto;
        }
}

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

/* -----------------------------------------------------------
   エラーページ
----------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    div.error404 > p {
        top: 0;
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
    div.error404 {
        height: 32.5vh;
    }

        div.error404 > p {
            font-size: 16px;
        }
}

/* ----------------------------------------------------------------------------------------------
　お問い合わせ
---------------------------------------------------------------------------------------------- */
 .inquiry .area_box h3 {
    width: 400px;
    padding: 13px;
    top: -24px;
    font-size: 18px;
}

 .inquiry .contact_wrap .business_hours {
    font-size: 18px;
    margin: 20px 0 0 0;
}

 .inquiry .area_box {
    padding: 60px 20px 30px 20px;
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
     .inquiry .area_box h3 {
        width: auto;
    }

     .inquiry .area_box .number_box:before {
        width: 300px;
    }

     .inquiry .area_box .add {
        margin-bottom: 15px;
    }

     .inquiry .area_box h4 {
        font-size: 17px;
        margin-top: 20px;
    }

     .inquiry .area_box .tel {
        font-size: 30px;
        margin-top: 15px;
    }

         .inquiry .area_box .tel a:before {
            width: 31px;
            height: 38px;
        }

     .inquiry .area_box .fax {
        font-size: 18px;
    }
}

@media only screen and (max-width: 480px) {
     .inquiry .area_box .number_box:before {
        width: 200px;
    }
}