@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style {
    border-color: #cccccc;
}

.hpb-parts-hl-style {
    padding-left: 20px !important;
		margin-top: 5px;
		margin-bottom: 10px;
    border-color: #cccccc;
}

.hpb-parts-cbox-style {
    border-color: #cccccc;
}

.hpb-parts-hr-style {
    border-color: #cccccc;
}

.hpb-parts-pbox-style {
    border-color: #cccccc;
}
.hpb-parts-pbox-style h4 {
    padding: 0px !important;
}

.hpb-parts-blist-style {
    background-color: #DFDFDF;
    border-color: #BBBBBB;
}
a.hpb-parts-blist-style:link {
    color: #000000;
}
a.hpb-parts-blist-style:visited {
    color: #000000;
}
a.hpb-parts-blist-style:hover {
    color: #6A9DB0;
}
a.hpb-parts-blist-style:active {
    color: #6A9DB0;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#service {
}

#service ul{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 10em;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
   list-style-type: none;
}

#service ul li{
    text-align: left;
    line-height: 1.4;
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    text-indent: -1em;
}

#service h4{
    padding-bottom: 10px;
}


/*--------------------------------------------------------
  スマホ対応メディアクエリ
--------------------------------------------------------*/
@media (max-width: 800px) {
    *,
    ::after,
    ::before {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }
    #hpb-footer {
        display: block;
        width: 100%;
    }
    #hpb-footerMain p{
        display: block;
        width: 100%;
    }
    #hpb-footerMain {
        display: block;
        width: 100%;
    }
    #hpb-footerExtra1 {
        display: none;
    }
    #hpb-wrapper {
        width: 100%;
        margin: 0px;
        padding-top: 0px;
        float: left;
    }
    #toppage-topics p.large {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #toppage-topics hr{
        display: none;
    }
    #hpb-wrapper h2 {
        width: 100%;
        margin: 0px;
        padding-top: 0px;
        float: left;
    }
    #hpb-title h2 {
        max-width: 100%;
        max-height: 125px;
        margin: 0;
        float: right;
        overflow: hidden;
        text-indent: 10px;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 100%;
    }
    #hpb-nav{
        width: 215px;
        padding-top: 10px;
        overflow: hidden;
        float: left;
    }
    #hpb-main{
        width: 100%;
        float: left;
        padding-top: 0px;
        padding-left: 10px;
        text-align: left;
        margin-left: 0px;
        min-height: 500px;
        display: block;
    }
    #toppage-topics p {
        display: block;
        width: 300px;
    }
    #hpb-header {
        display: block;
        width: 100%;
        height: 80px;
        float: left;
    }
    #hpb-headerLogo {
        display: block;
        width: 106px;
        background-size: contain;
        position: static;
        padding-bottom: 0px;
    }
    #hpb-headerExtra1 {
        top: 0;
        right: 0;
        width: 100%;
        height: 80px;
        padding-left: 0px;
        margin: 0px;
        margin-left: 150px;
        display: flex;
        position: absolutes;
        text-align: right;
    }
    #pagetop {
        display: none;
    }    
    #hpb-container,
    #hpb-wrapper,
    #hpb-inner,
    #hpb-header {
        width: 100%;
    }
    #service img.left {
        width: 75px;
        height: 75px;
        margin: 10px 10px 0 0;
        padding: 0;
    }
    #service ul {
        margin-left: 85px;
        padding: 0;
    }
    #service ul li {
        margin: 0;
        padding: 0px 10px 0px 10px;
    }
    #company #toppage-topics p {
        width: 100%;
    }
    #company #toppage-topics p img {
        max-width: 100%;
    }
    #hpb-headerExtra1 {
        width: 60%;
    }
    #hpb-nav, #hpb-aside {
        margin:10px 50px;
        padding: 0;
    }
    #mapid {
        width: 90%;
    }
    textarea, input {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }
    #hpb-main form table tbody tr th,
    #hpb-main form table tbody tr td {
        max-width: 100%;
        float: left;
    }
    table {
        table-layout: fixed;
        width: 100%;;
    }
    #toppage-news dl dt,
    #toppage-topics dl dt {
            max-width: 100px;
    }
    #toppage-news dl dd,
    #toppage-topics dl dd {
            padding: 10px 10px 10px 110px;
    }
    #toppage-news dl dt,
    #toppage-topics dl dt,
    #hpb-main dl dt,
        #recruit dl dt {
            max-width: 110px;
    }
    #toppage-news dl dd,
    #toppage-topics dl dd,
    #hpb-main dl dd,
    #recruit dl dd {
        padding: 10px 10px 10px 120px;
    }
    #access dl dt {
        max-width: 65px;
    }
    #access dl dd {
        padding: 10px 10px 10px 65px;
    }
}