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

/* -----------------------------------------------------
common
------------------------------------------------------ */

@media screen and (min-width: 641px) and (max-width: 834px){
}
@media only screen and (max-width: 640px){
}

.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;
        }
    }
}

.modal1 {
    position: fixed;
    display: none;
    z-index: 9999999999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.modal1 .header-timemodal2 {
    position: relative;
    background: #fff;
    padding: 50px;
    width: 800px;
}
.modal1 a {
    cursor: pointer;
    position: absolute;
    top: -18px;
    right: 0;
    width: 70px;
    height: 70px;
    display: block;
    padding: 5px 0;
    background: #6e508d;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    text-align: center;
}
@media only screen and (max-width: 1000px){
    .modal1 .header-timemodal2 {
        width: 80%;
    }
}
@media only screen and (max-width: 834px){
    .modal1 a {
        top: -40px;
    }
}
.index-bg1 .box1 .title_03 {
    margin-bottom: 40px;
}

.fixedbtn-footsp {
    display: none;
}
@media only screen and (max-width: 640px){
    .fixedbtn-footsp {
        display: flex;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 111;
        left: 50%;
        transform: translateX(-50%);
    }
    .fixedbtn-footsp .btn1 {
        background: #ffa420;
        width: 50%;
        border-right: 1px solid #fff;
    }
    .fixedbtn-footsp .btn1 a {
        color: #fff;
        display: block;
        padding: 12px 0;
    }
    .fixedbtn-footsp .btn1 a p {
        display: inline-block;
        padding-left: 18px;
        position: relative;
        font-size: 16px;
    }
    .fixedbtn-footsp .btn1 a p:before {
        position: absolute;
        content: "";
        background: url(../images/contents/header-tel.png);
        width: 16px;
        height: 23px;
        top: 63%;
        transform: translateY(-50%);
        left: 0;
        font-weight: bold;
        background-repeat: no-repeat;
        background-size: 80%;
    }
    .fixedbtn-footsp .btn2 {
        background: #6e508d;
        width: 50%;
    }
    .fixedbtn-footsp .btn2 a {
        color: #fff;
        display: block;
        padding: 12px 0;
    }
    .fixedbtn-footsp .btn2 a p {
        display: inline-block;
        padding-left: 26px;
        position: relative;
        font-size: 16px;
    }
    .fixedbtn-footsp .btn2 a p:before {
        position: absolute;
        content: "";
        background: url(../images/contents/time-foot.png);
        width: 24px;
        height: 22px;
        top: 62%;
        transform: translateY(-50%);
        left: 0;
        font-weight: bold;
        background-repeat: no-repeat;
        background-size: 81%;
    }
}
.right-fixedbtn {
    position: fixed;
    right: 0;
    top: 24%;
    z-index: 11111;
}
.right-fixedbtn .right-cont {
    margin-top: 20px;
}
@media only screen and (max-width: 640px){
    .right-fixedbtn {
        display: none;
    }
}
.modal1 .text0 {
    text-align: left !important;
}
@media only screen and (max-width: 640px){
    .modal1 .text0 {
        font-size: 15px !important;
    }
}