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

h1,
h2,
h3 {
    font-family: serif;
    /*     font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    font-style: normal; */
}

/* ハンバーガーメニュー */
.c-gnav {
    display: none;
}

@media screen and (min-width: 960px) {
    .l-header__menuBtn {
        display: block !important;
        right: 10px;
    }

    .p-spMenu {
        display: block !important;
    }

    .p-spMenu__inner {
        max-width: 30%;
    }
}

/* ハンバーガーメニューの色を変更 */
.c-iconBtn__icon.icon-menu-thin {
    color: #468459;
}

/* 線を太くする */
/* より太くしたい場合は下記を使用 */
.c-iconBtn.-menuBtn .c-iconBtn__icon.icon-menu-thin {
    font-weight: 900;
    -webkit-text-stroke: 0.5px #468459;
}

/* 四角い枠で囲む */
.c-iconBtn.-menuBtn {
    border: 2px solid #468459;
    border-radius: 4px;
    padding: 8px;
    margin-top: 8px;
    background-color: transparent;
    transition: all 0.3s ease;
}

.c-iconBtn.-menuBtn:hover {
    /* background-color: rgba(70, 132, 89, 0.1); */
    background-color: #d5fa03;
    border-color: #468459;
}

/* スマホ表示時のスタイル */
@media screen and (max-width: 959px) {
    .c-iconBtn.-menuBtn {
        border: none;
        padding: 0 !important;
        margin-top: 0 !important;
    }
}

/* 固定ページ */
.group-base {
    position: relative;
}

.img-child1 {
    position: absolute;
    top: -20%;
    left: 60%;
}

.img-child2 {
    position: absolute;
    top: 70%;
    left: 70%;
}

.img-border-radius img {
    border-radius: 15px;
}

@media screen and (max-width: 768px) {
    .col-reverse {
        flex-direction: column-reverse;
    }

    .img-base {
        width: 70%;
        height: auto;
    }

    .img-child1 {
        top: -20%;
        left: 50%;
    }

    .img-child2 {
        top: 60%;
        left: 60%;
    }
}

/* お問い合わせフォーム */
.wpforms-submit {
    background-color: #468459 !important;
}