@charset "UTF-8";

/* ---------------------------------------------------

	Home Page

--------------------------------------------------- */
/* ---------------------------------------------------

    Module

--------------------------------------------------- */
.ff-min { font-family: 'Noto Serif JP', serif; }
.tc-green { color: rgba(74, 167, 142, 1); }
/* ---------------------------------------------------

    Intro

--------------------------------------------------- */
#intro {
    background-image: url(/baibai/pj/src/img/home/intro-fig-01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    }
#intro:before {
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    content: '';
    left: 0;
    right: 0;
    position: absolute;
    top: 0;
    }
    #int-inner {
        margin: 0 auto;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        }
        #int-ttlarea {
            color: rgba(255, 255, 255, 1);
            text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
            }
            #int-ta-ttl { font-weight: 700; }
            .int-ta-txt { font-weight: 500; }
        #int-figarea { display: flex; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#intro {
    margin-top: 174px;
    padding: 85px 30px 225px;
    }
    #int-inner { max-width: 850px; }
        #int-ttlarea {}
            #int-ta-ttl {
                font-size: 50px;
                line-height: 1.25;
                }
            .int-ta-txt {
                font-size: 20px;
                line-height: 1.75;
                margin-top: 20px;
                padding-right: 30px;
                }
        #int-figarea {
            max-width: 26.8%;
            }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#intro {
    margin-top: 54px;
    padding: 40px 30px 60px;
    }
    #int-inner { flex-wrap: wrap; }
        #int-ttlarea {}
            #int-ta-ttl { font-size: 7vw; }
            .int-ta-txt {
                font-size: 4vw;
                line-height: 1.75;
                margin-top: 20px;
                }
        #int-figarea {
            margin-top: 10px;
            width: 100%;
            justify-content: flex-end;
            }
            #int-figarea img { max-width: 150px; }
}
/* ---------------------------------------------------

    Entrance

--------------------------------------------------- */
.entrance {}
    .etr-item { position: relative; }
    .etr-item:last-child { margin-bottom: 0; }
        .etr-itm-ttlarea {
            margin: 0 auto;
            text-align: left;
            }
            .etr-itm-ttl {
                background-color: rgba(74, 167, 142, 1);
                border-left: 2px solid rgba(255, 255, 255, 1);
                border-right: 2px solid rgba(255, 255, 255, 1);
                border-top: 2px solid rgba(255, 255, 255, 1);
                color: rgba(255, 255, 255, 1);
                font-weight: 600;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                }
        .etr-itm-con { margin: 0 auto; }
    /* Entrance > Scheme - asmt */
    .etr-item.asmt .etr-itm-con { background-color: rgba(236, 246, 243, 1); }
    .asmt-ttl { text-align: center; }
        .asmt-ttl img { display: inline-block; }
    .asmt-con {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        }
        .asmt-con-item { box-sizing: border-box; }
            .asmt-con-link {
                overflow: hidden;
                position: relative;
                width: 100%;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                box-sizing: border-box;
                border-radius: 10px;
                }
            .asmt-con-link:last-child { margin-bottom: 0; }
            .asmt-con-item.main .asmt-con-link {
                background-color: rgba(219, 129, 51, 1);
                box-shadow: 0 10px 0 rgba(149, 85, 30, 1);
                }
            .asmt-con-item.sub .asmt-con-link {
                background-color: rgba(255, 255, 255, 1);
                box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
                }
    /* Entrance > Scheme - prpt */
    .etr-item.prpt {}
        .prpt-wrap {
            border-top: solid rgba(74, 167, 142, 1);
            position: relative;
            }
            .prpt-ttl-en {}
            .prpt-listarea {
                border-bottom: 2px solid rgba(112, 112, 112, .5);
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                }
            .prpt-listarea:last-child { border-bottom: none; }
                .prpt-la-ttl {
                    line-height: 1.3;
                    display: flex;
                    box-sizing: border-box;
                    }
                    .prpt-la-ttl strong {
                        color: rgba(74, 167, 142, 1);
                        font-weight: 700;
                        }
                    .prpt-la-ttl small { font-weight: 700; }
                .prpt-la-list {
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    }
                    .prpt-lst-item {
                        overflow: hidden;
                        position: relative;
                        width: 100%;
                        display: inline-flex;
                        align-items: center;
                        justify-content: flex-start;
                        box-sizing: border-box;
                        }
                    .prpt-lst-item:before,
                    .prpt-lst-item:after {
                        bottom: 0;
                        content: '';
                        left: 0;
                        position: absolute;
                        right: 0;
                        top: 0;
                        }
                    .prpt-lst-item:before {
                        background-color: rgba(0, 0, 0, .25);
                        z-index: 1;
                        }
                    .prpt-lst-item:after {
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: cover;
                        z-index: 0;
                        }
                        .prpt-lst-item span {
                            color: rgba(255, 255, 255, 1);
                            position: relative;
                            z-index: 2;
                            text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.35);
                            }
        /* Entrance > Scheme - prpt > purchase */
        .prpt-listarea.purchase .prpt-lst-item.land:after { background-image: url(/baibai/pj/src/img/home/purchase-land.png); }
        .prpt-listarea.purchase .prpt-lst-item.earnings:after { background-image: url(/baibai/pj/src/img/home/purchase-earnings.png); }
        .prpt-listarea.purchase .prpt-lst-item.office:after { background-image: url(/baibai/pj/src/img/home/purchase-office.png); }
        .prpt-listarea.purchase .prpt-lst-item.factory:after { background-image: url(/baibai/pj/src/img/home/purchase-factory.png); }
        /* Entrance > Scheme - prpt > rent */
        .prpt-listarea.rent .prpt-lst-item.office:after { background-image: url(/baibai/pj/src/img/home/rent-office.png); }
        .prpt-listarea.rent .prpt-lst-item.factory:after { background-image: url(/baibai/pj/src/img/home/rent-factory.png); }
        /* Entrance > Scheme - prpt > Figure */
        .prpt-lst-item.fig:before { display: none; }
        .prpt-lst-item.fig img { width: 100%; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.entrance { padding: 0 0 20px; }
    .etr-item { margin-bottom: 60px; }
        .etr-itm-ttlarea { max-width: 900px; }
            .etr-itm-ttl {
                font-size: 30px;
                padding: 15px 25px;
                border-radius: 10px 10px 0 0;
                }
    /* Entrance > Scheme - asmt */
    .etr-item.asmt { margin-top: -150px; }
        .etr-item.asmt .etr-itm-con {
            max-width: 1000px;
            padding: 40px 20px 30px;
            border-radius: 10px;
            }
    .asmt-ttl img { margin: 5px; }
    .asmt-con {
        max-width: 900px;
        margin-top: 15px;
        }
        .asmt-con-item {
            max-width: 60%;
            padding: 15px;
            }
            .asmt-con-link {
                margin-bottom: 10px;
                top: 0;
                transition: all .3s;
                }
            .asmt-con-item.main { min-width: 60%; }
            .asmt-con-item.sub .asmt-con-link.tel { cursor: default; }
        /* Entrance > Scheme - asmt > Hover */
        .asmt-con-item.main .asmt-con-link:hover {
            background-color: rgba(255, 174, 104, 1);
            top: 8px;
            box-shadow: 0 2px 0 rgba(149, 85, 30, 1);
            }
        .asmt-con-item.sub .asmt-con-link:hover { opacity: .6; }
        .asmt-con-item.sub .asmt-con-link.tel:hover {
            opacity: 1;
            pointer-events: none;
            }
    /* Entrance > Scheme - prpt */
    .etr-item.prpt {}
        .prpt-wrap {
            border-top-width: 5px;
            max-width: 1000px;
            }
            .prpt-ttl-en {
                position: absolute;
                right: 103%;
                top: 0;
                }
            .prpt-listarea { padding: 40px 0; }
                .prpt-la-ttl {
                    min-width: 250px;
                    padding-right: 60px;
                    text-align: right;
                    flex-direction: column;
                    align-items: flex-end;
                    justify-content: flex-end;
                    }
                    .prpt-la-ttl strong { font-size: 45px; }
                    .prpt-la-ttl small { font-size: 30px; }
                .prpt-la-list {}
                    .prpt-lst-item {
                        margin: 1%;
                        max-width: 48%;
                        height: 130px;
                        padding-left: 2.5vw;
                        }
                    .prpt-lst-item:after { transition: all .3s; }
                        .prpt-lst-item span { font-size: 35px; }
        /* Entrance > Scheme - prpt > Hover */
        .prpt-lst-item:hover:after { transform: scale(1.1); }
        /* Entrance > Scheme - prpt > Figure */
        .prpt-lst-item.fig {
            padding-left: 0;
            transition: all 0.3s;
            }
        .prpt-lst-item.fig:hover { opacity: .6; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 920px) {
    /* Entrance > Scheme - asmt */
    .asmt-con { flex-wrap: wrap; }
    /* Entrance > Scheme - prpt */
    .prpt-lst-item span { font-size: 27.5px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.entrance { padding: 0 10px; }
    .etr-item { margin-bottom: 30px; }
        .etr-itm-ttlarea {}
            .etr-itm-ttl {
                font-size: 20px;
                padding: 12.5px 20px;
                border-radius: 10px 10px 0 0;
                }
    /* Entrance > Scheme - asmt */
    .etr-item.asmt { margin-top: -30px; }
        .etr-item.asmt .etr-itm-con {
            padding: 20px 20px 15px;
            border-radius: 0 10px 10px 10px;
            }
    .asmt-ttl img {
        margin: 5px 0;
        max-width: unset;
        max-height: 35px;
        }
    .asmt-con { margin-top: 10px; }
        .asmt-con-item { padding: 10px; }
            .asmt-con-link { margin-bottom: 10px; }
    /* Entrance > Scheme - prpt */
    .etr-item.prpt {}
        .prpt-wrap {
            border-top-width: 3px;
            padding-left: 3vw;
            }
            .prpt-ttl-en {
                position: absolute;
                left: -10px;
                top: 0;
                }
            .prpt-listarea {
                padding: 20px 0;
                flex-wrap: wrap;
                }
                .prpt-la-ttl {
                    padding-left: 3vw;
                    text-align: left;
                    align-items: baseline;
                    justify-content: flex-start;
                    }
                    .prpt-la-ttl strong { font-size: 30px; }
                    .prpt-la-ttl small { font-size: 20px; }
                .prpt-la-list { margin-top: 15px; }
                    .prpt-lst-item {
                        margin: 1%;
                        max-width: 48%;
                        height: 130px;
                        padding-left: 3vw;
                        }
                        .prpt-lst-item span { font-size: 20px; }
        /* Entrance > Scheme - prpt > Figure */
        .prpt-lst-item.fig {
            height: auto;
            max-width: 98%;
            padding-left: 0;
            }
}
/* ---------------------------------------------------

    Common

--------------------------------------------------- */
/* Container */
#container { position: relative; }
/* Block */
.block { position: relative; }
    .blk-ttlarea {}
        .blk-ttl {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            }
            .blk-ttl strong {
                color: rgba(74, 167, 142, 1);
                font-weight: 700;
                }
            .blk-ttl small { font-weight: 700; }
    .blk-bodyarea {}
        .blk-outline {}
            .blk-outline p {}
            .blk-outline p:last-child { margin-bottom: 0; }
        .blk-copy {}
            .blk-copy p {}
            .blk-copy p:last-child { margin-bottom: 0; }
    /* Block > Scheme */
    .blk-ttl.fc-blk strong { color: rgba(0, 0, 0, 1); }
    .bg-cross { overflow: hidden; }
    .bg-cross:before,
    .bg-cross:after {
        background-repeat: no-repeat;
        content: '';
        position: absolute;
        z-index: -1;
        }
/* Gellry */
.blk-gallery {
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .blk-gly-item { position: relative; }
        .blk-gly-item img {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Container */
#container {}
/* Block */
.block { padding: 80px 0; }
    .blk-ttlarea {}
        .blk-ttl strong { font-size: 45px; }
        .blk-ttl small { font-size: 20px; }
    .blk-bodyarea { padding-top: 30px; }
        .blk-outline {}
            .blk-outline p {
                font-size: 15px;
                line-height: 2;
                margin-bottom: 30px;
                text-align: center;
                }
        .blk-copy {}
            .blk-copy p {
                font-size: 20px;
                line-height: 2;
                margin-bottom: 30px;
                text-align: center;
                }
    /* Block > Scheme */
    #ctc-ttl,
    #inf-ttl { font-size: 50px; }
/* Gellry */
.blk-gallery { margin-top: 60px; }
    .blk-gly-item {
        margin: 5px;
        max-width: 350px;
        box-shadow: 25px 25px 50px rgba(0, 0, 0, .3);
        }
        .blk-gly-item img {}
    /* Gellry > Scheme */
    .blk-gly-item:nth-child(even) { transform: translateY(110px); }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Container */
#container { z-index: 1; }
/* Block */
.block { padding: 40px 0; }
    .blk-ttlarea {}
        .blk-ttl strong { font-size: 30px; }
        .blk-ttl small { font-size: 15px; }
    .blk-bodyarea { padding-top: 30px; }
        .blk-outline { padding: 0 20px; }
            .blk-outline p {
                font-size: 13px;
                line-height: 1.85;
                margin-bottom: 20px;
                text-align: left;
                }
        .blk-copy { padding: 0 25px; }
            .blk-copy p {
                font-size: 16px;
                line-height: 1.85;
                margin-bottom: 20px;
                text-align: left;
                }
/* Gellry */
.blk-gallery {
    margin-top: 30px;
    flex-wrap: wrap;
    }
    .blk-gly-item {
        margin: 5px;
        max-width: 45%;
        }
        .blk-gly-item img {}
    /* Gellry > Scheme */
    .blk-gly-item:nth-child(even) { margin-top: 60px; }
    .blk-gly-item:nth-child(3) { margin-top: -50px; }
    .blk-gly-item:nth-child(4) { margin-top: 5px; }
}
/* ---------------------------------------------------

    Service

--------------------------------------------------- */
#blk-service { background-color: rgba(74, 167, 142, 0.1); }
    #svs-listwrap {}
        .svs-item {}
            .svs-itm-ttl {
                color: rgba(74, 167, 142, 1);
                font-weight: 700;
                text-align: center;
                }
            .svs-list {
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                justify-content: center;
                }
                .svs-list li {}
                    .svs-list li figure { text-align: center; }
                        .svs-list li figure img {}
                        .svs-list li figure figcaption {
                            font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
                            font-weight: 700;
                            }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-service {}
    #svs-listwrap { margin-top: 60px; }
        .svs-item { margin-bottom: 80px; }
        .svs-item:last-child { margin-bottom: 0; }
            .svs-itm-ttl {
                font-size: 30px;
                line-height: 1;
                }
            .svs-list { margin-top: 30px; }
                .svs-list li {
                    margin: 0 15px 30px;
                    width: 160px;
                    }
                    .svs-list li figure {}
                        .svs-list li figure img { max-width: 130px; }
                        .svs-list li figure figcaption {
                            font-size: 20px;
                            line-height: 20px;
                            margin-top: 10px;
                            }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-service {}
    #svs-listwrap { margin-top: 40px; }
        .svs-item { margin-bottom: 40px; }
        .svs-item:last-child { margin-bottom: 0; }
            .svs-itm-ttl {
                font-size: 25px;
                line-height: 1;
                }
            .svs-list { margin-top: 20px; }
                .svs-list li {
                    margin: 0 20px 20px;
                    max-width: 75px;
                    }
                    .svs-list li figure {}
                        .svs-list li figure img { max-width: 70px; }
                        .svs-list li figure figcaption {
                            font-size: 15px;
                            line-height: 1.35;
                            margin-top: 10px;
                            }
}
/* ---------------------------------------------------

    Contact

--------------------------------------------------- */
#blk-contact { background-color: rgba(74, 167, 142, 0.1); }
    .ctc-btnarea {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        }
        .ctc-ba-item {
            background-color: rgba(255, 255, 255, 1);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.25);
            }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-contact {}
    .ctc-btnarea {}
        .ctc-ba-item {
            margin: 20px;
            transition: all .3s;
            }
    /* Contact > Hover */
    .ctc-ba-item:hover { transform:scale(1.05); }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-contact {}
    .ctc-btnarea { padding: 0 50px; }
        .ctc-ba-item { margin-bottom: 20px; }
        .ctc-ba-item:last-child { margin-bottom: 0; }
}
/* ---------------------------------------------------

    Property

--------------------------------------------------- */
#blk-property {}
#blk-property:after {
    background-image: url(/baibai/pj/src/img/home/bg-right-half-bottom-blue.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 0;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -1;
    }
    #blk-property .blk-ttlarea { margin: 0 auto; }
    #ppt-body {}
        .ppt-item { margin: 0 auto; }
            .ppt-itm-ttl {
                margin: 0 auto;
                text-align: left;
                }
            .ppt-itm-list {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
                justify-content: flex-start;
                }
                .ppt-lst-item {
                    background-image: url(/baibai/pj/src/img/common/arrow/right-black.png);
                    background-repeat: no-repeat;
                    border: 3px solid rgba(0, 130, 55, 1);
                    color: rgba(0, 130, 55, 1);
                    position: relative;
                    display: inline-flex;
                    align-items: center;
                    justify-content: flex-start;
                    box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);
                    box-sizing: border-box;
                    border-radius: 10px;
                    }
    /* Property > Scheme */
    .ppt-item.new { overflow: hidden; }
        .ppt-item.new .ppt-itm-list { width: 100%; }
            .ppt-item.new .ppt-itm-list iframe {
                border: none;
                height: 100%;
                outline: none;
                width: 100%;
                }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-property { padding-bottom: 50px; }
    #blk-property .blk-ttlarea { max-width: 1000px; }
        #ppt-ttl { text-align: left; }
    #ppt-body {}
        .ppt-item {
            margin-top: 50px;
            max-width: 1000px;
            }
            .ppt-itm-ttl { font-size: 40px; }
            .ppt-itm-list { margin-top: 10px; }
                .ppt-lst-item {
                    background-position: right 10px bottom 10px;
                    background-size: 30px;
                    font-size: 25px;
                    height: 90px;
                    left: 0;
                    max-width: 230px;
                    margin: 0 15px 10px 0;
                    padding: 0 40px 0 20px;
                    top: 0;
                    width: 100%;
                    transition: all .3s;
                    }
                _:-ms-lang(x)::-ms-backdrop, .ppt-lst-item { padding-top: 10px; }
    /* Property > Scheme */
    .ppt-item.new { max-width: 100%; }
        .ppt-item.new .ppt-itm-ttl { max-width: 1000px; }
        .ppt-item.new .ppt-itm-list {
            margin-top: 0;
            height: 450px;
            padding-top: 20px;
            width: 100%;
            }
    /* Property > Hover */
    .ppt-lst-item:hover {
        background-image: url(/baibai/pj/src/img/common/arrow/right-white.png);
        background-color: rgba(0, 130, 55, 1);
        color: rgba(255, 255, 255, 1);
        left: 3px;
        top: 3px;
        box-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
        }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-property { padding-bottom: 0; }
    #blk-property .blk-ttlarea {}
        #ppt-ttl { text-align: center; }
    #ppt-body { padding-top: 40px; }
        .ppt-item {
            margin-bottom: 30px;
            padding: 0 15px;
            }
            .ppt-itm-ttl { font-size: 25px; }
            .ppt-itm-list { margin-top: 15px; }
                .ppt-lst-item {
                    background-position: right 10px bottom 10px;
                    background-size: 20px;
                    font-size: 18px;
                    height: 80px;
                    max-width: 160px;
                    margin: 0 5px 10px 0;
                    padding: 0 15px;
                    width: 100%;
                    }
    /* Property > Scheme */
    .ppt-item.new { padding: 0; }
        .ppt-item.new .ppt-itm-ttl { padding: 0 15px; }
        .ppt-item.new .ppt-itm-list {
            height: 420px;
            width: 100%;
            }
}
/* ---------------------------------------------------

    Strong

--------------------------------------------------- */
#blk-strong {}
    #str-listwrap {}
        .str-item {
            margin: 0 auto;
            position: relative;
            }
        .str-item:after {
            background-color: rgba(0, 0, 0, .2);
            content: '';
            display: block;
            margin: 0 auto;
            width: 100%;
            }
        .str-item:last-child:after { display: none; }
            .str-itm-ttlarea {
                display: block;
                text-align: center;
                }
                .str-itm-ttl {
                    color: rgba(74, 167, 142, 1);
                    font-weight: 700;
                    }
                .str-itm-txt { text-align: center; }
                    .str-itm-txt p { display: inline-block; }
            .str-itm-figarea { text-align: center; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-strong { padding-bottom: 0; }
    #str-listwrap { margin-top: 20px; }
        .str-item { padding: 60px 0 0; }
        .str-item:after {
            height: 3px;
            margin-top: 40px;
            max-width: 1000px;
            }
            .str-itm-ttlarea {}
                .str-itm-ttl {
                    font-size: 30px;
                    line-height: 1.35;
                    }
                .str-itm-txt { margin-top: 20px; }
                    .str-itm-txt p {
                        font-size: 17px;
                        line-height: 2;
                        text-align: center;
                        }
    /* Strong > Scheme */
    .str-item.str-network .str-itm-figarea { margin-top: 30px; }
    .str-item.str-support {}
        .str-item.str-support .str-itm-ttlarea {
            margin: 0 auto;
            max-width: 1000px;
            width: 100%;
            }
            .str-item.str-support .str-itm-ttlarea .str-itm-ttl { min-width: 450px; }
        .str-item.str-support .str-itm-figarea { margin-top: 30px; }
    /* Strong > Scheme - Cooperation */
    .str-item.cooperation {
        margin-top: 25px;
        padding: 100px 0 200px;
        }
        .str-item.cooperation .str-itm-ttlarea { width: auto; }
        .str-item.cooperation .str-itm-txt p {
            font-size: 18px;
            line-height: 2.5;
            }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-strong { padding-bottom: 0; }
    #str-listwrap { margin-top: 20px; }
        .str-item { margin-bottom: 40px; }
        .str-item:last-child { margin-bottom: 0; }
        .str-item:after {
            height: 3px;
            margin-top: 25px;
            max-width: 70%;
            }
            .str-itm-ttlarea { padding: 0 30px; }
                .str-itm-ttl {
                    font-size: 23px;
                    line-height: 1.35;
                    }
                .str-itm-txt { margin-top: 20px; }
                    .str-itm-txt p {
                        font-size: 14px;
                        line-height: 1.85;
                        text-align: left;
                        }
            .str-itm-figarea { margin-top: 10px; }
    /* Strong > Scheme */
    .str-item.str-network .str-itm-figarea img { max-width: 300px; }
    /* Strong > Scheme - Cooperation */
    .str-item.cooperation {
        margin-top: 20px;
        padding: 40px 20px 100px;
        }
        .str-item.cooperation .str-itm-txt p {
            font-size: 14px;
            line-height: 2;
            text-align: left;
            }
}
/* ---------------------------------------------------

    Staff

--------------------------------------------------- */
#blk-staff {
    background-image: url(/baibai/pj/src/img/home/bg-strong.png);
    background-repeat: no-repeat;
    background-position: right top;
    }
    #stf-body {}
        #stf-namearea {
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            }
            .stf-na-item { text-align: center; }
                .stf-na-item small {
                    color: rgba(0, 0, 0, .6);
                    display: block;
                    }
        #stf-figarea { /*margin: 0 auto;*/ }
            #stf-figarea img {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-staff { background-size: 35%; }
    #stf-body {
        margin-top: 50px;
        padding: 0 60px;
        }
        #blk-staff .blk-outline {
            padding-right: 40px;
            box-sizing: border-box;
            }
            #stf-body .blk-outline p {
                font-size: 17px;
                line-height: 1.9;
                text-align: left;
                }
        #stf-namearea {
            margin-top: 20px;
            max-width: 1000px;
            }
            .stf-na-item {
                margin: 0 10%;
                font-size: 35px;
                line-height: 1.3;
                }
                .stf-na-item small { font-size: 15px; }
        #stf-figarea {
            margin-top: 50px;
            max-width: 600px;
            min-width: 500px;
            }
}
/* ------------------------------------------------ */
@media screen and (min-width: 1201px) {
    #stf-body {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        }
}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) and (max-width: 1200px) {
    #stf-body .blk-outline p { text-align: center; }
    #stf-figarea { margin: 0 auto; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-staff { background-size: 100%; }
    #stf-body {}
        #stf-body .blk-outline p {
            font-size: 14px;
            line-height: 1.85;
            }
        #stf-namearea { margin-top: 20px; }
            .stf-na-item {
                margin: 0 10%;
                font-size: 20px;
                line-height: 1.3;
                }
                .stf-na-item small { font-size: 13px; }
        #stf-figarea { margin-top: 30px; }
}
/* ---------------------------------------------------

    information

--------------------------------------------------- */
#blk-information {}
    #inf-body { text-align: center; }
        .inf-bdy-fig {}
            .inf-bdy-fig img { box-shadow: 25px 0 50px rgba(0, 0, 0, .2); }
        .inf-bdy-outline {}
            #inf-body dl {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                }
            #inf-tel {}
                #inf-tel dl { align-items: baseline; }
                    #inf-tel dl dd a {
                        color: rgba(74, 167, 142, 1);
                        cursor: default;
                        display: inline-block;
                        }
            #inf-responsible {
                font-weight: 700;
                text-align: left;
                }
            #inf-outline { margin: 0 auto; }
                #inf-outline dl {
                    font-family: "Montserrat","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
                    font-weight: 700;
                    justify-content: flex-start;
                    }
                #inf-outline dl:last-child { margin-bottom: 0; }
                    #inf-outline dl dt,
                    #inf-outline dl dd { text-align: left; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#blk-information {}
    #inf-body {
        padding-top: 50px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-flow: row-reverse;
        }
        .inf-bdy-fig { max-width: 390px; }
        .inf-bdy-fig,
        .inf-bdy-outline { padding: 0 20px; }
            #inf-tel {}
                #inf-tel dl {}
                    #inf-tel dl dt {
                        font-size: 25px;
                        margin-right: 15px;
                        }
                    #inf-tel dl dd { font-size: 45px; }
                    #inf-tel dl dd a { pointer-events: none; }
            #inf-responsible { font-size: 28px; }
            #inf-outline {
                margin-top: 40px;
                max-width: 400px;
                }
                #inf-outline dl { margin-bottom: 20px; }
                    #inf-outline dl dt { width: 100px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#blk-information { z-index: 1; }
    #inf-body { padding: 30px 20px 0; }
        .inf-bdy-fig {}
        .inf-bdy-outline { margin-top: 30px; }
            #inf-tel {}
                #inf-tel dl { flex-wrap: wrap; }
                    #inf-tel dl dt {
                        font-size: 20px;
                        margin-right: 15px;
                        }
                    #inf-tel dl dd { font-size: 35px; }
            #inf-responsible { font-size: 20px; }
            #inf-outline { margin-top: 20px; }
                #inf-outline dl { margin-bottom: 15px; }
                    #inf-outline dl dt,
                    #inf-outline dl dd { font-size: 13px; }
                    #inf-outline dl dt { width: 80px; }
                    #inf-outline dl dd {}
}
/* ---------------------------------------------------

    Banner Area

--------------------------------------------------- */
.floating-bnrarea {
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    }
    .flt-ba-item {
        overflow: hidden;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.floating-bnrarea {}
    .flt-ba-item {
        padding: 5px;
        transition: all .3s;
        }
    /* Banner Area > Hover */
    .flt-ba-item:hover { opacity: .6; }
    /* Footer */
    #glf-copy { padding-bottom: 180px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
    /* Footer */
    #glf-copy { padding-bottom: 80px; }
}
