@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */

/* -----------------------------------------------------
common
------------------------------------------------------ */
/*.instagram .sns_list > div{
        height: 250px;
    overflow: scroll;
}*/
.instagram .sns_list{
     overflow-y: scroll;
    height: 590px;
}
@media screen and (min-width: 641px) and (max-width: 834px){
    .instagram .sns_list{
    overflow-y: scroll;
    height: 450px;
}
}
@media only screen and (max-width: 640px){
        .instagram .sns_list{
    overflow-y: scroll;
    height: 450px;
}

}

.qa_fl {
    flex-direction: column;
    .box {
        width: 100%;
        &:first-child {
            padding: 20px !important;
            background: #028760;
            color: #fff;
            position: relative;
            div {
                padding-left: 50px !important;
                position: relative;
                b {
                    position: absolute;
                    top: 0;
                    left: 5px;
                    height: 30px;
                    line-height: 27px;
                    color: #fff;
                }
                &:after {
                    content: "\f0dd";
                    position: absolute;
                    top: -10px;
                    bottom: 0;
                    font-size: 1.4em;
                    right: 50px;
                    margin: auto;
                    color: #fff;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    font-family: "Font Awesome 5 Pro";
                    font-weight: bold;
                }
            }
        }
        &:last-child {
            display: none;
            padding: 20px !important;
            background: #fff;
            display: block;
            position: relative;
            div {
                padding-left: 50px !important;
                position: relative;
                color: #333;
                b {
                    position: absolute;
                    top: 0;
                    left: 5px;
                    height: 30px;
                    line-height: 30px;
                    color: #028760;
                }
            }
        }
    }
}

.linkTel{
    a{
        text-decoration: none;
        pointer-events: none;
        @include tabsp {
        pointer-events: auto;
        }
    }
}

#gnavi {
    .hov {
        position: relative;
        padding: 5px;
        cursor: pointer;
    }
}

#gnavi {
    .sub {
        position: absolute;
        top: 30px;
        width: 100px !important;
        left: 50%;
        transform: translateX(-50%);
        width: 250px ;
        z-index: 100;
        display: flex;
        flex-direction: column;
        background-color: #33291c;
        @include tabsp {
            position: static;
            top: auto;
            left: auto;
            transform: inherit;
            width: 100%;
            background: transparent;
            -webkit-transition: all .3s;
            transition: all .3s;
        }
        li {
            border: none;
            line-height: 1.3;
            width: 100%;
            &:last-of-type {
                border-bottom: 0;
            }
            &:before {
                content: none;
            }
            &:after {
                content: none;
            }
            a {
                display: block;
                padding: 20px 10px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                color: #fff !important;
                font-size: 14px;
            }
        }
    }
}

.pankuzu {
    font-size: 13px;
    color: $text-color;
    // @include sp {
    //  display: none;
    // }
    li {
        display: inline-block;
        span {
            font-weight: bold;
        }
    }
    a {
        color: $text-color;
        text-decoration: none;
        font-weight: bold;
        padding-left: 20px;
        position: relative;
        &:before {
            position: absolute;
            content: "\f015";
            font-family: "Font Awesome 5 Pro";
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            font-weight: bold;
        }
        &:hover {
            text-decoration: underline;
        }
    }
}
.kouso-text5-ch1 {
    line-height: 1.1;
}