@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/
    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* HTMLで指定したh3を枠で囲む */
.section-group {
    border: 2px solid rgba(150, 150, 150, .2);
    border-radius: 12px;
    margin-bottom: 20px;
    overflow: hidden;
    background: white;
}

.section-group h3 {
    padding: 15px 15px;
    margin: 0;
    font-size: 1.1em;
    font-weight: bold;
}

/* h3以外のコンテンツに余白を追加 */
.section-group > *:not(h3) {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
}

.section-group > *:not(h3):first-of-type {
    margin-top: 1.5em;
}

.section-group > *:not(h3):last-of-type {
    margin-bottom: 1.5em;
}

.section-group .c-balloon__text {
    /* 親のパディングを踏まえて、常に均一な幅 */
    width: 100%;
    box-sizing: border-box;
    max-width: none;  /* テーマ側で max-width があれば無効化 */
    margin: 0 auto 1em;  /* 中央揃え＋下マージン */
}

.c-balloon__body {
padding: 5px 0 5px 15px;
}

/* レスポンシブ対応 */
@media (min-width: 600px) {
    .section-group h3 {
        font-size: 1.3em;
    }
}