/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
/* 部品関連のCSS */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */
@media screen and (max-width: 1024px) {
    /* ---------------- */
    /* カラム関連 */
    /* ---------------- */
    /* 2カラム */
    .component.column.num2 .wrap {
        width: 100%;
        margin-right: 0;
    }
    /* 3カラム */
    .component.column.num3 .wrap:nth-child(2n) {
        margin-right: 0;
    }
    .component.column.num3 .wrap {
        width: 100%;
    }
    /* 4カラム */
    .component.column.num4 .wrap:nth-child(2n) {
        margin-right: 0;
    }
    .component.column.num4 .wrap {
        width: 100%;
    }

    /* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
    .button {
        font-size: 1.1em;
    }
    /* a.btn {
    padding: 10px 30px;
} */

    /* ---------------- */
    /* ボタン3セットレイアウト */
    /* ---------------- */
    .btn_3set_box .inner {
        width: 100%;
    }
    .btn_3set_box .inner .bottom {
        display: block;
    }
    .btn_3set_box .inner .bottom a {
        width: 100%;
    }
    .btn_3set_box .inner .bottom a:first-child {
        margin: 0 0 20px 0;
    }

    /* ---------------- */
    /* ボタン2列レイアウト */
    /* ---------------- */
    .btn_2column_box .inner,
    .btn_2column_box .inner.large {
        width: 100%;
        padding: 0 10px;
    }
    .btn_2column_box .inner a {
        width: 100%;
        margin: 0 0 10px 0;
    }
}
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	タブレット
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
    /* ---------------- */
    /* カラム関連 */
    /* ---------------- */
    /* 2カラム */
    .component.column.num2 .wrap {
        width: 48%;
        margin-right: 20px;
    }
    /* 4カラム */
    .component.column.num4 .wrap {
        width: 31%;
    }
    .component.column.num4 .wrap:nth-child(even) {
        margin-right: 20px;
    }
    .component.column.num4 .wrap:nth-child(3n) {
        margin-right: 0;
    }

    /* -----------------------------------------------------------
	ボタン
----------------------------------------------------------- */
    /* a.btn {
    padding: 10px 50px;
} */

    /* ---------------- */
    /* ボタン3セットレイアウト */
    /* ---------------- */
    .btn_3set_box .inner {
        width: 50%;
    }

    /* ---------------- */
    /* ボタン2列レイアウト */
    /* ---------------- */
    .btn_2column_box .inner {
        width: 500px;
    }
    .btn_2column_box .inner a {
        width: 45%;
        margin: 0 0 0 0;
    }
    /* 右のメニューをPCの通りに戻す */
    .btn_2column_box .inner a:first-child {
        top: 0px;
    }
    .btn_2column_box .inner a:last-child {
        top: 0px;
    }
}