@charset "UTF_8";
/* CSS Document */
/*
※※※※※※※※※※※※※※※※

グローバルメニュー

※※※※※※※※※※※※※※※※
*/

.g_navi > li:nth-child(2) a span{
        background-color: #f3f3f8;
        color: #0a1975;
}
@media screen and (max-width:1324px) {
        .breadcrumbs_item {
                font-size: 15px;
        }
}
@media screen and (max-width:1000px) {
        .breadcrumbs_item {
                margin-left: 10px;
                font-size: 14px;
        }
        .breadcrumbs_item:after {
                margin-left: 10px;
        }
}

/*
※※※※※※※※※※※※※※※※

サービス一覧

※※※※※※※※※※※※※※※※
*/

.service .visual_L{
        background:url("../images/service/service_top.jpg") center center;
        background-size:cover;
}

.service .contents_list_wrap{
        background:#f2f2f2;
        position: relative;
        padding:0 0 380px 0;
        /* padding:0 0 34% 0; */
}

.service .contents_list_wrap .inner {
        position: relative;
}

.service .contents_list{
        max-width:1000px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom:30px;
        position: absolute;
        top:-50px;
        left: 0;
}

 .service .contents_item{
         margin-bottom:4%;
         width:22%;
         position: relative;
 }

 .service .contents_item01{
        margin-right:2%;
}
 .service .contents_item02{
        margin-left:2%;
        margin-right:2%;
}

.service .contents_item03{
        margin-right:2%;
        margin-left:2%;
}
.service .contents_item04{
        margin-left:2%;
}
.service .contents_item05{
        margin-right:2%;
}

.service .contents_item06{
        margin-left:2%;
        margin-right:2%;
}

.service .contents_item07{
        margin-left:2%;
        margin-right:2%;
}

.service .contents_item08{
        margin-left:2%;
}

.service .contents_item img{
        max-width:280px;
        width:100%;
}

.service .item_title_en{
        position: absolute;
        top:35%;
        left:0;
        right:0;
        text-align:center;
        font-size:0.7vw;
        color:white;
}

.service .item_title{
        position: absolute;
        top:45%;
        left:0;
        right:0;
        text-align:center;
        font-size: 24px;
        color:white;
}

.service .contents_item05 .item_title{
        font-size: 20px;
        /* font-size: calc(1.5rem + ((1vw - 7.68px) * 0.5208)) ; */
}

.service .contents_item06 .item_title_en,
.service .contents_item07 .item_title_en{
        position: absolute;
        top:25%;
        left:0;
        right:0;
        text-align:center;
        font-size:0.7vw;
        color:white;
}


.service .contents_item06 .item_title,
.service .contents_item07 .item_title{
        position: absolute;
        top:45%;
        left:0;
        right:0;
        text-align:center;
        font-size: 18px;
        /* font-size: calc(1.5rem + ((1vw - 7.68px) * 0.5208)) ; */
        color:white;
        letter-spacing:-0.05em;
}

.service .over_green{
        position: absolute;
        background:rgba(10,25,117,0.7);
        width:100%;
        height:100%;
        top:0;
        left:0;
}

@media screen and (min-width:1920px) {
        .service .item_title_en{
                font-size:14px;
        }

        .service .item_title{
                font-size:24px
        }

        .service .contents_item05 .item_title{
                font-size: 20px;
        }

        .service .contents_item06 .item_title_en,
        .service .contents_item07 .item_title_en{
        font-size:14px;
        }
}
@media screen and (max-width:1324px) {
        .service .contents_list{
                padding:0 3%;
/*              left: calc(50% - 40.5vw); */
        }
        .service .contents_list_wrap{
                padding:0 0 360px 0;
        }
        .service .contents_item05 .item_title{
                font-size: calc(1.5rem + ((1vw - 7.68px) * 0.5208));
        }
        .service .item_title{
                font-size: 24px;
        }
}

@media screen and (max-width:1075px) {
        .service .contents_list_wrap{
                padding:0 0 34% 0;
        }
        .service .contents_item06 .item_title,
        .service .contents_item07 .item_title{
                font-size: calc(1.5rem + ((1vw - 9.68px) * 0.5208));
        }
}

@media screen and (max-width:1025px) {
        .service .contents_list_wrap{
                padding:0 0 34% 0;
        }
}

@media screen and (max-width:1000px) {
        .service .item_title{
                font-size: calc(1.5rem + ((1vw - 1.68px) * 0.5208));
        }
}


@media screen and (max-width:767px) {
        .service .item_title{
                font-size: 24px;
        }
        .service .contents_item05 .item_title{
                font-size: calc(1.5rem + ((1vw - 2.68px) * 0.7208));
        }
        .service .contents_item06 .item_title,
        .service .contents_item07 .item_title{
                font-size: calc(1.5rem + ((1vw - 9.68px) * 0.5208));
        }

        .service .contents_list_wrap .inner {
                padding-top:30px;
        }
        .service .contents_list_wrap{
                background:#f2f2f2;
                position: inherit;
                padding:0 0 10% 0;
        }

        .service .contents_list{
                max-width:inherit;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
            justify-content: space-between;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                margin-bottom:0;
                position:inherit;
                padding:0;

        }

         .service .contents_item{
                 margin-bottom:4%;
                 width:48%;
                 position: relative;
         }

         .service .contents_item01{
                margin-right:0;
        }
         .service .contents_item02{
                margin-left:0;
                margin-right:0;
        }

        .service .contents_item03{
                margin-right:0;
                margin-left:0;
        }
        .service .contents_item04{
                margin-left:0;
        }
        .service .contents_item05{
                margin-left:0;
                margin-right:0;
        }

        .service .contents_item06{
                margin-left:0;
                margin-right:0;
        }

        .service .contents_item07{
                margin-left:0;
                margin-right:0;
        }

        .service .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .service .item_title_en{
                position: absolute;
                top:35%;
                left:0;
                right:0;
                text-align:center;
                font-size:12px;
                color:white;
        }

        .service .item_title{
                position: absolute;
                top:45%;
                left:0;
                right:0;
                text-align:center;
                font-size:18px;
                color:white;
        }

        .service .contents_item06 .item_title_en,
        .service .contents_item07 .item_title_en{
                position: absolute;
                top:25%;
                left:0;
                right:0;
                text-align:center;
                font-size:12px;
                color:white;
        }


        .service .contents_item06 .item_title,
        .service .contents_item07 .item_title{
                position: absolute;
                top:45%;
                left:0;
                right:0;
                text-align:center;
                font-size:18px;
                color:white;
                letter-spacing:-0.05em;
        }

}

/*
※※※※※※※※※※※※※※※※

サービス一覧（フッター部分）

※※※※※※※※※※※※※※※※
*/

.service_bg{
        background:#f2f2f2;
        padding-bottom: 90px;
}

.service_list_pic{
        position: relative;
        width:100%;
        height:420px;
        background:url(../images/service/service_list_top.jpg) center center;
        background-size:cover;
/*      margin-bottom:200px; */
}

.service_list_title_en{
        position: absolute;
        font-size:16px;
        color:white;
        top:30%;
        left:0;
        right:0;
        text-align:center;
}

.service_list_title{
        position: absolute;
        font-size:40px;
        color:white;
        top:45%;
        left:0;
        right:0;
        text-align:center;
}

.service_list_wrap{
        position: absolute;
        top:70%;
        left:0;
        right:0;
        max-width: 1000px;
        margin: 0 auto;
}

.service_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin:0 auto;
        max-width:1000px;
}
.service_item_block {
        padding: 0 3%;
}
.service_item_block img{
        width:100%;
}
.service_item_text{
        background:white;
        padding: 30px;
        font-size: 21px;
}
.slide-arrow {
        position: absolute;
        top: 37%;
}
.prev-arrow {
        z-index: 10;
        left: 0;
}
.next-arrow {
        right: 0;
}
.slick-list {
        margin: 0 80px !important;
}
a.yakkan {
        background-color: #081b91;
        padding: 10px;
        text-align: center;
        margin: 350px auto 0;
        width: 70%;
        color: white;
        display: block;
}
a.yakkan p {
        margin: 0;
}
/*
a.yakkan::after {
        content: "";
        background: url(../images/service/pdf_icon.png) no-repeat;
        background-size: 23px 25px;
        width: 23px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
}
*/

/*
※※※※※※※※※※※※※※※※

海運サービス

※※※※※※※※※※※※※※※※
*/

.marine .visual_M{
        background:url("../images/service/marine_top.jpg") center center;
        background-size:cover;
}

.marine .visual_M .page_title{
        width:25%;
}

.marine .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.marine .contents_block01{
        padding:0 70px;
        margin-bottom:100px;
        position: relative;
}

.marine .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.marine .contents_block01 p{
        line-height:2;
}

.marine .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.marine .contents_item{
        width:50%;
        background-color: #fff;
}

.marine .contents_item:first-child{
        position: relative;
}

.marine .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.marine .contents_item img{
        max-width:605px;
        width:100%;
}

.marine .contents_block02{
        padding:50px;
        background:white;
}

.marine .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}
.marine .rec_link {
        border: 3px solid #cccccc;
        color: #081b91;
        font-size:20px;
        padding: 5px 20px;
        background-color: white;
        position:absolute;
        width: 200px;
        right: 0;
        top: -15px;
        text-align: center;
}
.marine .rec_link::after {
        content: "";
        background: url(../images/service/pdf_icon.png) no-repeat;
        background-size: 23px 25px;
        width: 23px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
}

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


        .marine .visual_M .page_title{
                width:25%;
        }

        .marine .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .marine .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .marine .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .marine .contents_block02{
                padding:10px;
        }
                .marine .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

}

@media screen and (max-width:1150px) {
        .marine .rec_link {
                font-size: 18px;
                top: -80px;
        }
}

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

        .marine .visual_M{
                background:url("../images/service/marine_top_sp.jpg") center center;
                background-size:cover;
        }

        .marine .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }

        .marine .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .marine .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .marine .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .marine .contents_item{
                width:100%;
        }

        .marine .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .marine .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .marine .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }
        .marine .rec_link {
                font-size: 14px;
                top: -90px;
                width: 200px;
        }

}


/*
※※※※※※※※※※※※※※※※

港湾運送業サービス

※※※※※※※※※※※※※※※※
*/

.harbour .visual_M{
        background:url("../images/service/harbour_top.jpg") center center;
        background-size:cover;
}

.harbour .visual_M .page_title{
        width:28%;
}

.harbour .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.harbour .contents_block01{
        padding:0 70px;
        margin-bottom:100px;
        position: relative;
}

.harbour .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.harbour .contents_block01 p{
        line-height:2;
}

.harbour .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.harbour .contents_item{
        width:50%;
        background-color: #fff;
}

.harbour .contents_item:first-child{
        position: relative;
}

.harbour .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.harbour .contents_item img{
        max-width:605px;
        width:100%;
}

.harbour .contents_block02{
        padding:50px;
        background:white;
}

.harbour .contents_midashi{
        font-size:22px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}
.harbour .cy_link {
        border: 3px solid #cccccc;
        color: #081b91;
        font-size:20px;
        padding: 5px 20px;
        background-color: white;
        position:absolute;
        width: 310px;
        right: 0;
        top: -15px;
}
.harbour .cy_link::after {
        content: "＞";
        color: #cccccc;
        position: absolute;
        right: 15px;
}
.harbour .common_inquiry .left_area {
        width: 100%;
        background-color: #a5b0b9;
}
.harbour .common_inquiry .left_area .wrap {
        padding: 100px 31vw 90px;
        margin-right: 0;
        max-width: 100%;
}

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

        .harbour .visual_M .page_title{
                width:31%;
        }

        .harbour .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .harbour .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .harbour .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .harbour .contents_block02{
                padding:10px;
        }
        .harbour .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }


}

@media screen and (max-width:1150px) {
        .harbour .cy_link {
                font-size: 18px;
                width: 260px;
                top: -50px;
        }
}

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

        .harbour .visual_M{
                background:url("../images/service/harbour_top_sp.jpg") center center;
                background-size:cover;
        }

        .harbour .visual_M .page_title{
                width: auto;
            padding-left: 5%;
        }

        .harbour .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .harbour .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .harbour .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .harbour .contents_item{
                width:100%;
        }

        .harbour .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .harbour .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .harbour .contents_midashi{
                font-size:22px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }
        .harbour .cy_link {
                top: -60px;
                font-size: 14px;
        }
        .harbour .common_inquiry .left_area .wrap {
                padding: 100px 13vw 90px;
        }
}


/*
※※※※※※※※※※※※※※※※

ケミカル・ターミナル

※※※※※※※※※※※※※※※※
*/

.chemical .visual_M{
        background:url("../images/service/chemical_top.jpg") center center;
        background-size:cover;
}

.chemical .visual_M .page_title{
        width:32%;
}

.chemical .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.chemical .contents_block01{
        padding:0 120px;
        margin-bottom:100px;
}

.chemical .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.chemical .contents_block01 p{
        line-height:2;
}

.chemical .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.chemical .contents_item{
        width:50%;
        background-color: #fff;
}

.chemical .contents_item:first-child{
        position: relative;
}

.chemical .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.chemical .contents_item img{
        max-width:605px;
        width:100%;
}

.chemical .contents_block02{
        padding:50px;
        background:white;
}

.chemical .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}

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

        .chemical .visual_M .page_title{
                width:40%;
        }

        .chemical .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .chemical .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .chemical .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .chemical .contents_block02{
                padding:10px;
        }
        .chemical .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

}

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

        .chemical .visual_M{
                background:url("../images/service/chemical_top_sp.jpg") center center;
                background-size:cover;
        }

        .chemical .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }

        .chemical .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .chemical .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .chemical .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .chemical .contents_item{
                width:100%;
        }

        .chemical .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .chemical .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .chemical .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }

}

/*
※※※※※※※※※※※※※※※※

航空・複合輸送サービス

※※※※※※※※※※※※※※※※
*/

.aircargo .visual_M{
        background:url("../images/service/aircargo_top.jpg") center center;
        background-size:cover;
}

.aircargo .visual_M .page_title{
        width:34%;
}

.aircargo .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.aircargo .contents_block01{
        padding:0 120px;
        margin-bottom:100px;
}

.aircargo .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.aircargo .contents_block01 p{
        line-height:2;
}

.aircargo .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.aircargo .contents_item{
        width:50%;
        background-color: #fff;
}

.aircargo .contents_item:first-child{
        position: relative;
}

.aircargo .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.aircargo .contents_item img{
        max-width:605px;
        width:100%;
}
.aircargo .contents_block02{
        padding:50px;
        background:white;
}

.aircargo .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}

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

        .aircargo .visual_M .page_title{
                width:16em;
        }

        .aircargo .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .aircargo .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .aircargo .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .aircargo .contents_block02{
                padding:10px;
        }
        .aircargo .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

}

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

        .aircargo .visual_M{
                background:url("../images/service/aircargo_top_sp.jpg") center center;
                background-size:cover;
        }

        .aircargo .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }

        .aircargo .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .aircargo .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .aircargo .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .aircargo .contents_item{
                width:100%;
        }

        .aircargo .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .aircargo .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .aircargo .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }

}

/*
※※※※※※※※※※※※※※※※

プラント輸送サービス

※※※※※※※※※※※※※※※※
*/

.plant .visual_M{
        background:url("../images/service/plant_top.jpg") center center;
        background-size:cover;
}

.plant .visual_M .page_title{
        width:34%;
}

.plant .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.plant .contents_block01{
        padding:0 120px;
        margin-bottom:100px;
        position: relative;
}

.plant .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.plant .contents_block01 p{
        line-height:2;
}

.plant .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.plant .contents_item{
        width:50%;
        background-color: #fff;
}

.plant .contents_item:first-child{
        position: relative;
}

.plant .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.plant .contents_item img{
        max-width:605px;
        width:100%;
}
.plant .contents_block02{
        padding:50px;
        background:white;
}

.plant .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}

.plant .contents_item:nth-child(2) .contents_midashi{
        margin-bottom:40px;
}

.plant .booklet_link {
        border: 3px solid #cccccc;
        color: #081b91;
        line-height: 2;
        font-size: 22px;
        padding: 0 10px 0 20px;
        background-color: white;
        position: relative;
        top: 20px;
        width: 390px;
        margin: auto;
}
.plant .booklet_link::after {
        content: "";
        background: url(../images/service/pdf_icon.png) no-repeat;
        background-size: 23px 25px;
        width: 23px;
        height: 25px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        margin-bottom: 4px;
}

.plant .common_inquiry .right_area {
        width: 100%;
}
.plant .common_inquiry .right_area .wrap {
        padding: 100px 31vw 90px;
        margin-left: 0;
        max-width: 100%;
}

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


        .plant .visual_M .page_title{
                width:41%;
        }

        .plant .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .plant .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .plant .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .plant .contents_block02{
                padding:10px;
        }
        .plant .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }
}

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

        .plant .visual_M{
                background:url("../images/service/plant_top_sp.jpg") center center;
                background-size:cover;
        }

        .plant .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }

        .plant .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .plant .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .plant.contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .plant .contents_item{
                width:100%;
        }

        .plant .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .plant .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .plant .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }
}

/*
※※※※※※※※※※※※※※※※

陸運サービス

※※※※※※※※※※※※※※※※
*/

.land .visual_M{
        background:url("../images/service/land_top.jpg") center center;
        background-size:cover;
}

.land .visual_M .page_title{
        width:30%;
}

.land .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.land .contents_block01{
        padding:0 120px;
        margin-bottom:100px;
        position: relative;
}

.land .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.land .contents_block01 p{
        line-height:2;
}

.land .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.land .contents_item{
        width:50%;
        background-color: #fff;
}

.land .contents_item:first-child{
        position: relative;
}

.land .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.land .contents_item img{
        max-width:605px;
        width:100%;
}
.land .contents_block02{
        padding:50px;
        background:white;
}

.land .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}

.land_list{
        border:1px solid #081b91;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding:50px;
        margin-top:80px;
}

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

.land_item:last-child{
        margin-left:30px;
}

.land_item dt img{
        max-width:250px;
        width:100%;
}

.land_item dd{
        margin-left:20px;
}

.land_item_title{
        font-weight:bold;
        margin-bottom:16px;
}

.land_item dd p{
        line-height:2;
        margin-bottom:0;
        font-size:14px;
}
.land .iso_link {
        border: 3px solid #cccccc;
        color: #081b91;
        font-size:20px;
        padding: 5px 20px;
        background-color: white;
        position:absolute;
        width: 250px;
        right: 0;
        top: -15px;
}
.land .iso_link::after {
        content: "＞";
        color: #cccccc;
        position: absolute;
        right: 15px;
}


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

        .land .visual_M .page_title{
                width:35%;
        }

        .land .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .land .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .land .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .land .contents_block02{
                padding:10px;
        }
        .land .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

        .land_list{
                padding:20px;
                margin-top:80px;
        }
}

@media screen and (max-width:1150px) {
        .land .iso_link {
                font-size: 18px;
                top: -50px;
        }
}

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

        .land .visual_M{
                background:url("../images/service/land_top_sp.jpg") center center;
                background-size:cover;
        }

        .land .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }

        .land .contents{
                background:#f2f2f2;
                padding:40px 0 0 0;
        }

        .land .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .land .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .land .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .land .contents_item{
                width:100%;
        }

        .land .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .land .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .land .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }

        .land_list{
                display: block;
                padding:10px;
                margin-top:30px;
        }

        .land_item{
                display: block;
                margin-bottom:20px;
        }

        .land_item:last-child{
                margin-left:0px;
        }

        .land_item dt img{
                max-width:inherit;
                width:100%;
                display:block;
                text-align:center;
                margin:0 auto 14px auto;
        }

        .land_item dd{
                margin-left:0px;
        }

        .land .iso_link {
                font-size: 14px;
                top: -60px;
                width: 200px;
        }

}


/*
※※※※※※※※※※※※※※※※

陸運サービス ISOページ

※※※※※※※※※※※※※※※※
*/

.iso .visual_M{
        background:url("../images/service/land_top.jpg") center center;
        background-size:cover;
}

.iso .visual_M .page_title{
        width:30%;
}

.iso .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.iso .contents_block01{
        padding:0 120px;
        margin-bottom:100px;
        position: relative;
}

.iso .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.iso .contents_block01 p{
        line-height:2;
}
.iso .contents_block01 img{
        width: 100%;
}
.iso .contents_location{
        margin-bottom:150px;
}
.iso .contents_location p{
        margin: 70px auto 0;
        width: 80%;
}
.iso .contents_location_inner{
        display: flex;
}
.iso .contents_location_inner dl:first-child{
        margin: 0 20px 0 0;
}
.iso .contents_location_inner dt{
        font-size: 23px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 30px;
}
.iso .contents_location_inner img {
        max-width: 605px;
        width: 100%;
}
.iso .contents_block02 {
        padding: 50px;
}
.iso .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.iso .contents_item{
        width:50%;
        background-color: #fff;
}
.iso .contents_item:first-child{
        position: relative;
}
.iso .contents_item:first-child:before{
        content:"ISO";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}
.iso .contents_item img{
        max-width:605px;
        width:100%;
}
.iso .contents_midashi{
        font-size:25px;
        color:#081b91;
        line-height:1.5;
        height:100px;
}


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

        .iso .visual_M .page_title{
                width:35%;
        }
        .iso .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }
        .iso .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }
        .iso .contents_item:first-child:before{
                content:"ISO";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }
        .iso .contents_block02{
                padding:10px;
        }
        .iso .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }
}

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

        .iso .visual_M{
                background:url("../images/service/land_top_sp.jpg") center center;
                background-size:cover;
        }
        .iso .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }
        .iso .contents{
                background:#f2f2f2;
                padding:40px 0 0 0;
        }
        .iso .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }
        .iso .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }
        .iso .contents_list{
                display: block;
                flex-wrap:inherit;
        }
        .iso .contents_item{
                width:100%;
        }
        .iso .contents_item img{
                max-width:inherit;
                width:100%;
        }
        .iso .contents_block02{
                padding:5% 3%;
                height:inherit;
        }
        .iso .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }
        .iso .contents_location_inner {
                display: block;
        }
        .iso .contents_location_inner img {
                max-width: inherit;
        }
        .iso .contents_location_inner dl:first-child{
                margin: 0 0 100px 0;
        }
}


/*
※※※※※※※※※※※※※※※※

倉庫サービス

※※※※※※※※※※※※※※※※
*/

.warehouse .visual_M{
        background:url("../images/service/warehouse_top.jpg") center center;
        background-size:cover;
        position: relative;
}

.warehouse .visual_M .page_title{
        width:28%;
}
.warehouse .visual_M p {
        position: absolute;
        right: 10%;
        bottom: 10%;
}

.warehouse .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.warehouse .contents_block01{
        padding:0 60px;
        margin-bottom:100px;
}

.warehouse .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.warehouse .contents_block01 p{
        line-height:2;
}

.warehouse .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.warehouse .contents_item{
        width:50%;
        background-color: #fff;
}

.warehouse .contents_item:first-child{
        position: relative;
}

.warehouse .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.warehouse .contents_item img{
        max-width:605px;
        width:100%;
}
.warehouse .contents_block02{
        padding:50px;
        background:white;
}

.warehouse .contents_midashi{
        font-size:24px;
        margin-bottom:24px;
        color:#081b91;
        line-height:1.5;
        letter-spacing: -0.05em;
}

.warehouse_list{
        border:1px solid #081b91;
        padding:50px 50px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top:100px;
}

.warehouse_block{
        width:48%;
}

.warehouse_item{
        margin-bottom:50px;
}

.warehouse_port{
        position: relative;
        font-size:16px;
        font-weight:bold;
        color:#081b91;
        text-align:center;
        margin-bottom:16px;

}
.warehouse_port:before, .warehouse_port:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 35%;
        height: 1px;
        background-color: #081b91;
  }

  .warehouse_port:before {
        left:0;
  }
  .warehouse_port:after {
        right: 0;
  }

  .warehouse_table{
          width:100%;
  }

  .warehouse_table td{
          padding:10px 15px;
          font-size:14px;
          border-right:1px solid #9f9f9f;
          line-height:1.5;
  }

  .warehouse_table td:nth-child(1){
          width:30%;
  }

  .warehouse_table td:nth-child(2){
          width:40%;
  }

  .warehouse_table td:nth-child(3n){
          border-right:none;
  }


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

        .warehouse .visual_M .page_title{
                width:34%;
        }

        .warehouse .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .warehouse .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .warehouse .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .warehouse .contents_block02{
                padding:10px;
        }
        .warehouse .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

        .warehouse_list{
                padding:20px 20px 0 20px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-top:100px;
        }


}

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

        .warehouse .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }
        .warehouse .visual_M p {
                right: 0;
                bottom: 10%;
                text-align: right;
        }
        .warehouse .visual_M p img {
                width: 80%;
        }

        .warehouse .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .warehouse .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .warehouse .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .warehouse .contents_item{
                width:100%;
        }

        .warehouse .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .warehouse .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .warehouse .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }

        .warehouse_list{
                padding:20px 20px 0 20px;
                display: block;
                justify-content: inherit;
                margin-top:100px;
        }

        .warehouse_block{
                width:100%;
        }

}

/*
※※※※※※※※※※※※※※※※

全国倉庫施設案内

※※※※※※※※※※※※※※※※
*/

.warehouseinfo .visual_S{
        background:url("../images/service/warehouseinfo_top.jpg") center center;
        background-size:cover;
}

.warehouseinfo .visual_S .page_title{
        width:24%;
}

.warehouseinfo .contents{
        width:100%;
        background:#f2f2f2;
        padding:90px;
}

.map{
        position: relative;
}

.map_img{
        max-width:1000px;
        width:100%;
        margin-bottom:100px;
}

.map .block{
        width:17%;
        background:#081b91;
        display:inline-block;
        color:white;
        text-align:center;
        position: relative;
        font-size:18px;
}

.map .block span:before{
        content:">";
        font-size:8px;
        position: absolute;
        left:10%;
        top:42%;
}

.map .block a{
        display:block;
        padding:12% 10%;
}

.map .block.kyushu{
        position: absolute;
        bottom:35%;
        left:15%;
}

.map .block.okayama{
        position: absolute;
        bottom:46%;
        left:23%;
}

.map .block.kanto{
        position: absolute;
        bottom:26%;
        right:15%;
}

.map .block.tohoku{
        position: absolute;
        bottom:52%;
        right:15%;
}

.map .block.hanshin{
        position: absolute;
        bottom:56%;
        left:38%;
        padding:2%;
}

.map .block.hanshin a{
        display:block;
        padding:8% 10%;
        font-size:16px;
}

.map .block.osaka:before{
        content:">";
        font-size:8px;
        position: absolute;
        left:10%;
        top:35%;
}

.map .block.nankou:before{
        content:">";
        font-size:8px;
        position: absolute;
        left:10%;
        top:55%;
}

.map .block.koube:before{
        content:">";
        font-size:8px;
        position: absolute;
        left:10%;
        top:76%;
}

.map .block.hanshin .midashi{
        display:block;
        margin-bottom:7%;
}

.map .block.hanshin .midashi:before{
        content:"";
}

.warehouseinfo_list{
        padding: 150px 0 0 0;
    margin-top: -150px;
        margin-bottom: 100px;
}

.warehouseinfo_list .area{
        font-size:30px;
        margin-bottom:30px;
}

.warehouseinfo_table{
        border-collapse: collapse;
        width:100%;
}

.warehouseinfo_table .name{
        width:30%;
}

.warehouseinfo_table .tel{
        width:12%;
}

.warehouseinfo_table th, .warehouseinfo_table td{
        border:1px solid #e8ebf7;
        padding:15px;
        line-height:1.5;
}

.warehouseinfo_table th{
         background:#f2f3f9;
         color:#081b91;
         font-weight:bold;
}

.warehouseinfo_table td{
        background:white;
        vertical-align: middle;
        position: relative;
}

.warehouseinfo_table td a{
        text-decoration: underline;
        font-weight:bold;
}

.warehouseinfo .map_icon{
        border:#081b91 1px solid;
        text-align:center;
        display:inline-block;
        position: absolute;
        right:5%;
        top:28%;
        padding:5px 10px;
        color:#081b91;
        font-size:14px;
}

.warehouseinfo_table .warehouseinfo .map_icon a{
        text-decoration: none;
        font-weight:lighter;
}

.warehouseinfo .map_icon img{
        margin-right:10px;
        max-width:24px;
        width:25%;
}

.warehouseinfo select {
        display: none;
}


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

        .warehouseinfo .contents{
                width:100%;
                background:#f2f2f2;
                padding:30px 0;
        }


        .map_img{
                max-width:1000px;
                width:100%;
        }

        .map .block{
                width:21%;
                background:#081b91;
                display:inline-block;
                color:white;
                text-align:center;
                position: relative;
                font-size:14px;
        }

        .map .block span:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:42%;
        }

        .map .block a{
                display:block;
                padding:12% 10%;
        }

        .map .block.kyushu{
                position: absolute;
                bottom:32%;
                left:15%;
        }

        .map .block.okayama{
                position: absolute;
                bottom:46%;
                left:23%;
        }

        .map .block.kanto{
                position: absolute;
                bottom:26%;
                right:15%;
        }

        .map_block.tohoku{
                position: absolute;
                bottom:52%;
                right:15%;
        }

        .map .block.hanshin{
                position: absolute;
                bottom:60%;
                left:35%;
                padding:2%;
        }

        .map .block.hanshin a{
                display:block;
                padding:8% 10%;
                font-size:14px;
        }

        .map .block .osaka:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:35%;
        }

        .map .block .nankou:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:55%;
        }

        .map .block .koube:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:76%;
        }

        .warehouseinfo_table th, .warehouseinfo_table td{
                border:1px solid #e8ebf7;
                padding:15px;
                line-height:1.5;
                font-size:14px;
        }

}

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

        .warehouseinfo .visual_S .page_title{
                width: auto;
        padding-left: 5%;
        }

        .warehouseinfo .contents{
                width:100%;
                background:#f2f2f2;
                padding: 30px 0;
        }

        .map {
                display: none;
        }


        .map_img{
                max-width:1000px;
                width:100%;
        }

        .map .block{
                width:30%;
                background:#299fbb;
                display:inline-block;
                color:white;
                text-align:center;
                position: relative;
                font-size:12px;
        }

        .map .block span:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:42%;
        }

        .map .block a{
                display:block;
                padding:10% 5%;
        }

        .map .block.kyushu{
                position: absolute;
                bottom:0%;
                left:5%;
        }

        .map .block.okayama{
                position: absolute;
                bottom:35%;
                left:5%;
        }

        .map .block.kanto{
                position: absolute;
                bottom:26%;
                right:0%;
        }

        .map .block.tohoku{
                position: absolute;
                bottom:52%;
                right:0%;
        }

        .map .block.hanshin{
                position: absolute;
                bottom:52%;
                left:20%;
                padding:2%;
        }

        .map .block.hanshin a{
                display:block;
                padding:5% 10%;
                font-size:12px;
        }

        .map .block .osaka:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:35%;
        }

        .map .block .nankou:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:55%;
        }

        .map .block .koube:before{
                content:">";
                font-size:8px;
                position: absolute;
                left:10%;
                top:76%;
        }

        .warehouseinfo_list .area{
                font-size:7vw;
        }


        .warehouseinfo_table{
                border-collapse: collapse;
        }

        .warehouseinfo_table .name{
                width:30%;
        }

        .warehouseinfo_table .tel{
                width:20%;
        }

        .warehouseinfo_table td {
                display: block;
                border:none;
        }

        .warehouseinfo_table td a {
                text-decoration: none;
        }

        .warehouseinfo_table th {
                display: none;
        }

        .warehouseinfo_table td:first-child {
                background-color: inherit;
                color: #081b91;
                font-size: 7vw;
                text-decoration: none;
                padding: 0 0 20px 0;
        }

        .warehouseinfo_table td:nth-of-type(2) {
                padding: 2em 1em 1em 30%;
                position: relative;
        }

        .warehouseinfo_table td:nth-of-type(2):before {
                position: absolute;
                content:'所在地';
                top:2em;
                left:2em;
                font-weight: bold;

        }

        .warehouseinfo_table td:nth-of-type(3) {
                padding: 1em 1em 2em 30%;
                position: relative;
                margin-bottom: 30px;
        }

        .warehouseinfo_table td:nth-of-type(3):before {
                position: absolute;
                content:'TEL';
                top:1em;
                left:2em;
                font-weight: bold;
        }


        .warehouseinfo .map_icon{
                border:#081b91 1px solid;
                text-align:center;
                display:inline-block;
                position: static;
                margin-top: 10px;
                line-height: 34px;
                width: 100%;
                right:5%;
                top:28%;
                padding:5px 10px;
                color:#081b91;
                font-size:14px;
        }

        .warehouseinfo .map_icon img{
                width:15px;
                margin-bottom: 8px;
                margin-right: 5px;
        }

        .warehouseinfo select {
                display: inline-block;
                width: 100%;
                color: #081b91;
                border: 1px solid #081b91;
                height: 3em;
                font-size: 1.8rem;
                padding:0 1em;
                margin-bottom: 50px;
                -webkit-appearance: none;
-moz-appearance: none;
                background-image: url(../images/service/select_arrow.png);
                background-repeat: no-repeat;
                background-size: 1em auto;
                background-position: right 5% center;
        }
}



/*
※※※※※※※※※※※※※※※※

アグリ事業

※※※※※※※※※※※※※※※※
*/

.agri .visual_M{
        background:url("../images/service/agri_top.jpg") center center;
        background-size:cover;
        position: relative;
}

.agri .visual_M .page_title{
        width:28%;
}
.agri .visual_M p {
        position: absolute;
        right: 10%;
        bottom: 10%;
}

.agri .contents{
        background:#f2f2f2;
        padding:80px 0;
}

.agri .contents_block01{
        padding:0 60px;
        margin-bottom:100px;
}

.agri .contents_catchcopy{
        font-size:42px;
        color:#081b91;
        line-height:1.5;
        margin-bottom:40px;
}

.agri .contents_block01 p{
        line-height:2;
}

.agri .contents_list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.agri .contents_item{
        width:50%;
        background-color: #fff;
}

.agri .contents_item:first-child{
        position: relative;
}

.agri .contents_item:first-child:before{
        content:"OUR FEATURE";
        font-size:58px;
        color:white;
        position: absolute;
        top:-48px;
        font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
}

.agri .contents_item img{
        max-width:605px;
        width:100%;
}
.agri .contents_block02{
        padding:50px;
        background:white;
}

.agri .contents_midashi{
        font-size:24px;
        margin-bottom:24px;
        color:#081b91;
        line-height:1.5;
        letter-spacing: -0.05em;
}

.agri_list{
        border:1px solid #081b91;
        padding:50px 50px 0 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top:100px;
}

.agri_block{
        width:48%;
}

.agri_item{
        margin-bottom:50px;
}

.agri_port{
        position: relative;
        font-size:16px;
        font-weight:bold;
        color:#081b91;
        text-align:center;
        margin-bottom:16px;

}
.agri_port:before, .agri_port:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 35%;
        height: 1px;
        background-color: #081b91;
  }

  .agri_port:before {
        left:0;
  }
  .agri_port:after {
        right: 0;
  }

  .agri_table{
          width:100%;
  }

  .agri_table td{
          padding:10px 15px;
          font-size:14px;
          border-right:1px solid #9f9f9f;
          line-height:1.5;
  }

  .agri_table td:nth-child(1){
          width:30%;
  }

  .agri_table td:nth-child(2){
          width:40%;
  }

  .agri_table td:nth-child(3n){
          border-right:none;
  }

.agri .agri_link {
        border: 2px solid #999;
        color: #666;
        font-size:1.6rem;
        padding: 5px 20px;
        background-color: white;
        position:relative;
        width: 250px;
        right: 0;
        top: 15px;
        font-weight: bold;
        transition: .5s;
}
.agri .agri_link::after {
        content: "＞";
        color: #666;
        position: absolute;
        right: 15px;
}
.agri .agri_link:hover {
                                color: #fff;
        border: 2px solid #081b91;
        background: #081b91;
}
.agri .agri_link:hover::after {
        color: #fff;
}


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

        .agri .visual_M .page_title{
                width:34%;
        }

        .agri .contents_block01{
                padding:0px;
                margin-bottom:100px;
        }

        .agri .contents_catchcopy{
                font-size:42px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:40px;
        }

        .agri .contents_item:first-child:before{
                content:"OUR FEATURE";
                font-size:40px;
                color:white;
                position: absolute;
                top:-36px;
                font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;;
        }


        .agri .contents_block02{
                padding:10px;
        }
        .agri .contents_midashi{
                font-size:20px;
                height:80px;
                margin-top:20px;
        }

        .agri_list{
                padding:20px 20px 0 20px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                margin-top:100px;
        }


}

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

        .agri .visual_M .page_title{
                width: auto;
        padding-left: 5%;
        }
        .agri .visual_M p {
                right: 0;
                bottom: 10%;
                text-align: right;
        }
        .agri .visual_M p img {
                width: 80%;
        }

        .agri .contents_catchcopy{
                font-size:28px;
                color:#081b91;
                line-height:1.5;
                margin-bottom:20px;
        }

        .agri .contents_block01{
                padding:0px;
                margin-bottom:80px;
        }


        .agri .contents_list{
                display: block;
                flex-wrap:inherit;
        }

        .agri .contents_item{
                width:100%;
        }

        .agri .contents_item img{
                max-width:inherit;
                width:100%;
        }

        .agri .contents_block02{
                padding:5% 3%;
                height:inherit;
        }

        .agri .contents_midashi{
                font-size:25px;
                height:inherit;
                margin-bottom:14px;
                margin-top:0;
        }

        .agri_list{
                padding:20px 20px 0 20px;
                display: block;
                justify-content: inherit;
                margin-top:100px;
        }

        .agri_block{
                width:100%;
        }

}




/*
※※※※※※※※※※※※※※※※

営業所(共通)

※※※※※※※※※※※※※※※※
*/

.office .visual_S {
        background:url("../images/service/office_top.jpg") center center;
        background-size:cover;
}

.office .visual_S .page_title{
        width:24%;
}

.office .contents{
        background:#f2f2f2;
        padding:50px 0;
}

.office .name{
        font-size:36px;
        margin-bottom:24px;
}

.office .pic_wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom:100px;
        width:100%;
}

.office .pic_big{
        width:74%;
}

.office .pic_big img{
        width:100%;
        height:100%;
}

.office .pic_small{
        width: 37%;
        max-height:262px;
}

.office .pic_small img{
        width:100%;
}

.office .about_title{
        color:#0a1975;
        font-size:30px;
        margin-bottom:30px;
}

.office .about_table{
        border-collapse: collapse;
        width:100%;
}

.office .about_table a{
        color:#0a1975;
}

.office .about_th, .office .about_td{
        padding:30px;
        border:1px solid #e8ebf7;

}

.office .about_th{
        background:#f2f3f9;
        color:#0a1975;
        font-weight:bold;
}

.office .about_td{
        background:white;
        line-height:1.5;
        font-size: 0.9em;
}

.office .detail_table{
        border-collapse: collapse;
        width:100%;
}

.office .detail_table th, .office .detail_table td{
        padding:20px;
        border:1px solid #e8ebf7;
}

.office .detail_table th{
        background:#f2f2f2;
        font-weight:bold;
}

.office .detail_table td{
        text-align:center;
        vertical-align: middle;
}


.office .bold{
        font-weight:bold;
}

.office .googlemap{
        height:0;
        overflow: hidden;
        padding-bottom:56.25%;
        position: relative;
}

.googlemap iframe{
        position: absolute;
        left:0;
        top:0;
        height:100%;
        width:100%;
        margin-top:20px;
}

.office .btn{
        width:400px;
        text-align:center;
        color:white;
        margin:30px auto 0px auto;
        background:#081b91;
}

.office .btn a{
        display:block;
        padding:30px 0;
}

.office .btn span:before{
        content:">";
        display:inline-block;
        margin-right:20px;
        color:white;
}

@media screen and (max-width:1150px) {
        .office .about_td{
                font-size: 0.8em;
        }
}

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

        .office .visual_S .page_title{
                width: auto;
        padding-left: 5%;
        }

        .office .pic_wrap{
                display: block;
                width:100%;
        }

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

        .office .pic_big{
                width:100%;
        }

        .office .pic_big img{
                height:inherit;
        }

        .office .pic_small{
                width:100%;
                max-height:inherit
        }

        .office .pic_small img{
                width:50%;
                float:left;
        }
        .office .scroll_block {
                width: 90vw;
    display: block;
        }

        .office .about_th{
                display:block;
                width:100%;
                text-align:left;
        }

        .office .about_td{
                display:block;
                width:100%;
        }

        .office .detail_table{
                font-size:14px;
                width:100%;
        }

        .office .sp_scroll{
                overflow-x: scroll;
                white-space: nowrap;
                overflow-scrolling: touch;
                -webkit-overflow-scrolling: touch;
        }

        .office .detail_table th{
                display:table-cell;
                width:25%;
        }

        .office .detail_table th, .office .detail_table td{
                padding:10px;
        }


        .office .detail_table td{
                display:table-cell;
                width:100%;
        }

        .office .btn{
                width:100%;
                text-align:center;
                color:white;
                margin:30px auto 0px auto;
                background:#299fbb;
        }

        .office .googlemap{
                padding-bottom:100%;
        }

        }