.forgot_password a { color: #F98800; }
button[type='submit'], button[type='button'] { background: #F98800; }
div.signup a span { color: #F98800; border: #F98800 solid 1px; }
.detail_box h2.svc_logo { background: url(../images/svclogo.png) no-repeat center; background-size: contain; height: 159px; }

/* PC用 */ @media screen and (min-width: 769px) {

    /*Header*/
    header {
        width: 100%;
        height: auto;
        color: #562D11;
        position: relative;
    }
    header div.headbar{
        background: #f98800;
        width: 100%;
        height: 76px;
        display: block;
        filter:  drop-shadow(0px 0px 20px rgba(255,255,255,0.9));
    }
    header div.headbar div.hbbox{
        background: #f98800;
        width: 100%;
        margin: 0 auto;
        padding:12px 0 0 0;
        display: block;
        position: relative;
    }
    div.hbbox ul.hdmenu{
        width: 97%;
        display: flex;
        margin: 0 auto;
    }
    div.hbbox ul.hdmenu li{
        padding: 7px 15px 0 0;
    }
    div.hbbox ul.hdmenu li:first-child {
        margin-right: auto;
        padding: 0 15px 0 0 !important;
        border: none !important;
        border-radius: 0!important;
    }
    div.hbbox ul.hdmenu li a{
        padding: 6px 18px;
        border: solid 2px #FFF;
        border-radius: 30px;
        display: block;
    }
    div.hbbox ul.hdmenu li:first-child a{
        padding: 0;
        border: none;
        border-radius: 0;
    }
    div.hbbox ul.hdmenu li h1{
        width: 184px;
        height: 52px;
        text-indent: -9999px;
    }
    div.hbbox ul.hdmenu li h1 a{
        display: block;
        background: url(../images/hd_logo.png) no-repeat;
        background-size: 184px 52px;
        white-space: nowrap;
        overflow: hidden;
        width: 184px;
        height: 52px;
        padding: 0;
    }

    /* Footer */
    #footer {
        background: #f98800;
        border-top:2px solid #ffcc71;
        min-width:1000px;
        padding:40px 0 20px 0;
        margin-top: auto;
    }

    #footer ul{
        width: 1000px;
        text-align: center;
        margin: 0 auto 20px auto;
        padding: 10px 0 40px 0;
        border-bottom:2px solid #ffcc71;
        display: flex;
        justify-content:space-around;
        align-items: center;
    }

    #footer ul li{
        margin: 0 10px;
    }

    .Trademark{
        color: #FFF;
        font-size: 70%;
        line-height: 1.6em;
        width: 1000px;
        margin: 10px auto;
    }

    #footer p {
        clear:both;
        text-align: center;
        font-size:100%;
        line-height:18px;
        color:#FFF;
    }
    /* Footer */

}
/* タブレット＆モバイル用 */ @media screen and (max-width: 768px) {

    /*Header*/
    header {
        width: 100%;
        height: auto;
        color: #562D11;
        position: relative;
    }
    header div.headbar{
        background: #f98800;
        width: 100%;
        height: 76px;
        display: block
    }
    header div.headbar div.hbbox{
        background: #f98800;
        width: 100%;
        margin: 0 auto;
        padding:12px 0 0 0;
        display: block;
        position: relative;
    }
    div.hbbox ul.hdmenu{
        width: 97%;
        display: flex;
        margin: 0 auto;
        font-size: 140%;
    }
    div.hbbox ul.hdmenu li{
        padding: 8px 15px 0 0;
    }
    div.hbbox ul.hdmenu li:first-child {
        margin-right: auto;
        padding: 0 15px 0 0 !important;
        border: none !important;
        border-radius: 0!important;
    }
    div.hbbox ul.hdmenu li a{
        padding: 6px 18px;
        border: solid 2px #FFF;
        border-radius: 30px;
        display: block;
    }
    div.hbbox ul.hdmenu li:first-child a{
        padding: 0;
        border: none;
        border-radius: 0;
    }
    div.hbbox ul.hdmenu li h1{
        width: 184px;
        height: 52px;
        text-indent: -9999px;
        margin:0;
    }
    div.hbbox ul.hdmenu li h1 a{
        display: block;
        background: url(../images/hd_logo.png) no-repeat;
        background-size: 184px 52px;
        white-space: nowrap;
        overflow: hidden;
        width: 184px;
        height: 52px;
        padding: 0;
    }

    /* Footer */
    #footer {
        background: #f98800;
        border-top:2px solid #ffcc71;
        min-width:640px;
        padding:20px 0;
        margin-top: auto;
    }

    #footer ul{
        width: 90%;
        text-align: left;
        margin: 0 auto 20px auto;
        padding: 10px 0 40px 0;
        border-bottom:2px solid #ffcc71;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    #footer ul li{
        display: block;
        font-size: 150%;
        margin:0;
        padding: 20px 0;
        text-align: left;
        width:50%;
    }


    .Trademark{
        color: #FFF;
        font-size: 110%;
        line-height: 1.6em;
        width: 90%;
        margin: 10px auto 20px auto;
    }

    #footer p {
        clear:both;
        text-align: center;
        font-size:160%;
        line-height:18px;
        color:#FFF;
    }
    /* Footer */

}