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



/* 挨拶 */
.greeting-box {
    background-color: var(--base-bg) !important;
    padding: 3rem;
    border-radius: 50px;
}

@media screen and (max-width: 768px) {
    .greeting-box {
        padding: 1rem !important;
    }

    .greeting-text {
        padding: 1rem !important;
    }
}



.greeting-icon {
    width: 80px !important;
    height: 80px !important;
    font-size: 6rem !important;
    color: var(--base-bg) !important;

}

/* 画像：上だけ角丸（画像ブロックに class を付与して使用） */
.img-round-top,
.wp-block-image.img-round-top {
    overflow: hidden;
    border-radius: 30% 30% 0 0;
}

.img-round-top img {
    display: block;
    width: 100%;
    height: auto;
}

/* separate_border */

.separate_border {
    width: 60%;
    margin: 5rem auto;

    @media screen and (max-width: 768px) {
        width: 70%;
        margin: 3.5rem auto;
    }

}

@media screen and (max-width: 600px) {

    .greeting-section {
        figure {
            max-width: 320px;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

.l-content {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
    .text-align-left {
        text-align: left !important;
    }
}

.page .l-content {
    padding-top: 0 !important;
  }