@charset "UTF-8";

.prc-mail:before{
    content:"\f003";
    margin-right: 0.5em;
}


.contactList{
    display:block;
    overflow:hidden;
    width:60%;
    font-size:1.8rem;
    text-align:center;
    margin:0 auto;
}

.contactList > dl{
    display:block;
    overflow:hidden;
    text-align:left;
    border-bottom: 2px dotted #cccccc;
}

.contactList > dl > dt,
.contactList > dl > dd{
    display:block;
    overflow:hidden;
    float:left;
    padding:1em 0;
    border-top: 2px dotted #cccccc;
}

.contactList > dl > dt{
    width: 9em;
    clear:both;
    font-weight:bold;
    color:#00152d;
}

.contactList > dl > dd{
    width: calc(100% - 9em);
}

.contactList > dl > dd > p.sTxt{
    margin-top:0.5em;
    text-align:left;
    line-height:155%!important;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    .contactList{
        display:block;
        overflow:hidden;
        width:100%;
        font-size:1.6rem;
        text-align:center;
        margin:0 auto;
    }

    .contactList > dl{
        text-align:center;
        border-bottom:none;
    }

    .contactList > dl > dt,
    .contactList > dl > dd{
        float:none;
        border-top:none;
        padding:0 0;
    }

    .contactList > dl > dt{
        width:100%;
        padding-top:1em;
    }

    .contactList > dl > dd{
        width:100%;
        padding:1em 0 1em;
        border-bottom: 2px dotted #cccccc;
    }

}




.btnsetFrame{
    display: block;
    overflow:hidden;
    text-align:right;
    padding:0.5em 0;
}

.btnsetFrame > a{
    display:inline-block;
    overflow:hidden;
    vertical-align:middle;
    margin-left:35px;
}

a.w370{
    min-width:370px;
}


/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    .btnsetFrame{
        text-align:center;
        padding:0.5em 2em 1em;
    }

    .btnsetFrame > a{
        display:block;
        vertical-align:middle;
        margin-left:0;
    }

    .btnsetFrame > a.normalBtn,
    .btnsetFrame > a.rainbowBtn{
        margin-bottom:1em;
    }

    .btnsetFrame > a > img{
        width:100%;
        max-width:200px;
        height:auto;
    }

    a.w370{
        min-width:auto;
    }

}


#nav ul.prc-nav > li > a[href='#']{
    pointer-events:none;
    background: #b1b0b0;
    color: #6b6b6b;
}

/* for Sp --------------------*/
@media screen and (max-width: 750px) {

    #contNav ul.prc-nav > li > a[href='#']{
        pointer-events:none;
        color:#cccccc;
    }

}