@charset "UTF-8";

@charset "UTF-8";

/* ==============================
   タブ内コンテンツ
   ============================== */

a[id*="tab"]+div>.content_wrapper {
    padding: 30px 20px 0!important;
}


/* ==============================
   タブボタン
   ============================== */

.tab_buttons {
    display: flex;
    width: 100%;
    padding: 0 20px 30px!important;
    max-width: 1200px;
    margin: auto;
    box-sizing: border-box;
}


/* 各ボタン */

.tab_button {
    flex: 1;
    padding: 15px 10px;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 1.65rem;
}


/* 選択中 */

.tab_button.active {
    background: var(--i_main_color);
    color: #fff;
}


/* PCではSP用を非表示 */

.tab_title_sp {
    display: none;
}

/* 画像 */
a[id*="tab"]+div .inner_item_img img {
	height: auto !important;
}

/*画像調整*/
.composite_box01 .inner_item {
        justify-content: space-around;
}

/* ==============================
   SP
   ============================== */

@media (max-width: 900px) {

    .tab_button {
        padding: 8px 5px;
        font-size: 1.4rem;
    }

    /* PC用を非表示 */

    .tab_title_pc {
        display: none;
    }

    /* SP用を表示 */

    .tab_title_sp {
        display: block;
    }

    /* spanの部分で改行 */

    .tab_title_sp span {
        display: block;
    }

}