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

}

/* 共通 */
@media screen and (max-width: 834px) {
    * {
    background-attachment: scroll !important;
    }
    /* ヘッダー　ページタイトル */
    .cssskin-header-toptext {
        display: block !important;
        width: 100% !important;
        padding-left: 15px !important;
    }
    .cssskin-header-toptext .column.-column1 {
        display: block !important;
        width: 100% !important;
    }
    .cssskin-header-toptext .column.-column2 {
        display: none !important;
    }
    /* パンくずリスト*/
    .cssskin-pan {
        padding-right: 0px !important;
    }
    /* マップ */
    .cssskin-map {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    /* メールフォーム */
    #wrapper {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

/* タブレット */
@media screen and (641px <= width <= 834px){
    .c-space_narrow {
        width:100% !important;
    }
    /* タイトル */
    .cssskin-pagetitle-text .column {
        padding-left: 30px !important;
    }
}

/* スマホ */
@media screen and (max-width: 641px) {

}



/* メインコンテンツ ***********************************************************/

/* タブレット **********************************/
@media screen and (642px <= width <= 834px){
    /* 各ページ　左右余白 */
    .a-site_contents .b-plain {
        padding-right: 30px !important;
        padding-left: 30px !important;
    }
}

/* スマホ **********************************/
@media screen and (max-width: 641px) {
    /* 各ページ　左右余白 */
    .a-site_contents .b-plain {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}



/* ビルボード ***********************************************************/

/* タブレット **********************************/
@media screen and (642px <= width <= 834px){
    .a-billboard .b-plain {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .cssskin-billboard-text .column {
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 30px !important;
    }
}

/* スマホ **********************************/
@media screen and (max-width: 641px) {
    .a-billboard .b-plain {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .billboard-text {
        width: 100% !important;
    }
}


/* 2カラム解除 ***********************************************************/

/* タブレット **********************************/
@media screen and (642px <= width <= 834px){
    /* トップページ　挨拶文 */
    .cssskin-greeting .column {
        float: none !important;
        width:100% !important;
        text-align: left !important;
        padding-top:0px !important;
        padding-bottom:10px !important;
    }
    /* 会社概要 */
    .cssskin-company .column {
        float: none !important;
        width:100% !important;
        text-align: left !important;
        padding-top:0px !important;
        padding-bottom:10px !important;
    }
    /* 業務案内 */
    .cssskin-business-list .-column1 {
        width:20% !important;
        text-align: left !important;
    }
    .cssskin-business-list .-column2 {
        width:80% !important;
        text-align: left !important;
    }
    /* 個人情報保護 */
    .cssskin-policy .column {
        float: none !important;
        width:100% !important;
        text-align: left !important;
        padding-top:0px !important;
        padding-bottom:10px !important;
    }
    /* トップページ　業務案内リスト */
    .cssskin-index-service .column {
        width:50% !important;
        text-align: left !important;
        padding-top:0px !important;
        padding-bottom:30px !important;
    }
    .cssskin-index-service .column img {
        width:70% !important;
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
    /* 業務案内リスト */
    .cssskin-service-list .column {
        width:50% !important;
        text-align: left !important;
        padding-top:0px !important;
        padding-bottom:10px !important;
    }
    .cssskin-service-list .column img {
        padding-top:10px !important;
        padding-bottom:10px !important;
    }
}

/* スマホ **********************************/
@media screen and (max-width: 641px) {
    /* 業務案内リスト */
    .cssskin-service-list .column {
        width:100% !important;
        padding-top:15px !important;
        padding-bottom:15px !important;
    }
    .cssskin-service-list .column img {
        display:none !important;
    }
}


/* メガメニュー ***********************************************************/

/* 共通 **********************************/
@media screen and (max-width: 834px) {
    /* ゴーストヘッダー */
    .a-ghost_header {
        display:none !important;
    }
    /* メガメニュー本体 */
    .js-globalNavigationBaseBlock {
        height:0px !important;
        display: block !important;
    }
    /* コンテンツメニュー　ハンバーガーメニュー */
    #spNavigationTrigger {
        background-color:rgba(106, 168, 79, 0.6) !important;
        border:none !important;
        border-radius:0px !important;
        margin-top:-25px !important;
        margin-right:5px !important;
        width:47px !important;
        height:47px !important;
        display: block !important;
    }
    #spNavigationTrigger .c-sp-navigation_line {
        border-color:#FFFFFF !important;
        border-style:solid !important;
    }
    /* コンテンツメニュー */
    .megamenu-list {
        padding-right: 0px !important;
    }
    .megamenu-list a {
        padding-bottom: 5px !important;
    }
    /* コンテンツメニュー　画像 */
    #js-globalMegaMenu .megamenu-list img {
        padding-top:10px !important;
    }
    /* コンテンツメニュー　下層コンテンツ有り */
    .megamenu-list .b-megamenu_contents {
        margin-top: 0px !important;
    }
    .megamenu-list .-under {
        padding-bottom: 5px !important;
    }
    /* 下層コンテンツメニュー　ベース */
    .b-megamenu_contents {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: left !important;
    }
    .b-megamenu_contents .column {
        padding:15px 15px 15px 15px !important;
        text-align: left !important;
    }
    .b-megamenu_navigation a {
        padding-left: 0px !important;
    }
    /* 下層コンテンツメニュー　テキスト */
    .b-megamenu_contents .c-large_headline {
      font-size: 16px !important;
      line-height: 1.4 !important;
      text-align: left !important;
    }
    .b-megamenu_contents .c-small_headline {
      font-size: 16px !important;
      line-height: 1.4 !important;
      text-align: left !important;
    }
    .b-megamenu_contents .c-body {
      font-size: 12px !important;
      line-height: 1.6 !important;
      text-align: left !important;
    }
    .b-megamenu_contents .c-lead {
      font-size: 14px !important;
      line-height: 1.6 !important;
      text-align: left !important;
    }
    /* 下層コンテンツメニュー　画像 */
    #js-globalMegaMenu .megamenu-list .b-megamenu_contents img {
        padding-top: 0px !important;
        padding-bottom: 10px !important;
    }
    /* 閉じるボタン */
    #js-sp-menu_closer {
        display: block !important;
    }
    .c-right .c-sp-closer {
        display: block !important;
    }
    .icon-close {
        display: block !important;
    }
}

/* タブレット **********************************/
@media screen and (642px <= width <= 834px){
    /* コンテンツメニュー　ベース */
    #js-globalMegaMenu {
        width: 50% !important;
        margin-left: 50% !important;
        background-color:#FFFFFF !important;
    }
    .b-megamenu_navigation {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .b-megamenu_navigation a {
        padding-left: 0px !important;
    }
}

/* スマホ **********************************/
@media screen and (max-width: 641px) {
    /* コンテンツメニュー　ベース */
    #js-globalMegaMenu {
        width:80% !important;
        margin-left:20% !important;
        background-color:#FFFFFF !important;
        text-align:left !important;
    }
    .b-megamenu_navigation {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .b-megamenu_navigation a {
        padding-left: 0px !important;
    }
}