@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
*/

/* 960px未満のスマホ表示に適用 */
@media screen and (max-width: 959px) {

    /* 1. まずキャッチフレーズを表示させる */
    .l-header__inner .c-catchphrase {
        display: block !important; /* 強制的に表示 */
    }

    /* 2. サイト名とキャッチフレーズの親要素のレイアウトを調整 */
    .l-header__logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%; /* 横幅いっぱいを使って中央揃えを可能にする */
    }
}