/* breezehawaii2/css/common.css */

/* 子テーマ共通スタイル - ページに依存しない汎用クラス */

/* ========================================
   レイアウト基本
   ======================================== */

.bg_gray {
    /*background-color: #f5f5f5;*/
    /*background-color: #f7efdc;*/
}

.max-width-1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.side-pd-01 {
    padding: 0 20px;
}

/* ========================================
   タイトル・見出し
   ======================================== */

/* メインタイトル (h1) */
.unit_title_04 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
    letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) {
    .unit_title_04 {
        font-size: 2.6rem;
    }
}

@media screen and (min-width: 961px) {
    .unit_title_04 {
        font-size: 3rem;
    }
}

/* 見出し2 (h2) */
.unit_title_02 {
    margin: 50px 0 20px;
    font-weight: 700;
    font-size: 2.2rem;
}

.unit_title_02.mt-pt-0 {
    margin: 0;
    padding: 0;
}

/* 見出し3 (h3) */
.unit_title_03 {
    margin-top: 10px;
    padding: 6px 14px;
    border-radius: 5px;
    background: #4b74a7;
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
}

/* 見出し5 (h5) */
.unit_title_05 {
    margin-top: 40px;
    margin-bottom: 18px;
}

.unit_title_05 .inner {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 5px;
    background: #fff;
    font-weight: 700;
    font-size: 1.6rem;
    letter-spacing: 0.06em;
}

/* ========================================
   共通余白クラス
   ======================================== */

/* Padding Bottom */
.common_pb_02 { padding-bottom: 20px; }
.common_pb_07 { padding-bottom: 70px; }

/* Padding Top */
.common_pt_02 { padding-top: 20px; }
.under_title_pt_01 { padding-top: 100px; }