/*
Theme Name:P&Lジャパン
*/

/* 基本 */
:root {
    --bg-color: rgba(251, 251, 251, 1);
    --main-color: rgba(98, 160, 112, 1);
    --sub-color: rgba(241, 241, 213, 1);
    --padding-size: 5%;
    --font-color: rgba(52, 52, 52, 1);
    --font-size: 18px;
    --font-family: "Zen Kaku Gothic New", sans-serif;
    --typography: "Tenor Sans", sans-serif;
    --font-weight: 500;
    --link-color: rgba(255, 255, 255, 1);
    --border-style: 1px solid #ddd;
    --en-name-color: rgba(98, 160, 112, 0.8);
    --box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}


body {
    background: var(--bg-color);
    margin: 0;
    padding: 0;
    font-size: var(--font-size);
    font-family: var(--font-family);
    font-weight: var(--font-weight);
}

html {
    scroll-behavior: smooth;
}

img,
svg {
    width: 100%;
}

a {
    transition: all 0.2s;
    color: var(--main-color);
}

a:hover {
    opacity: 0.8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

section {
    scroll-margin-top: 10vh;
}

em {
    font-style: normal;
    font-weight: bold;
}

.inner {
    max-width: 90%;
    margin: 5% auto;
}

.flex {
    display: flex;
}

.flex.around {
    justify-content: space-around;
}

.flex.between {
    justify-content: space-between;
}

.flex.start {
    justify-content: flex-start;
}

.flex.end {
    justify-content: flex-end;
}

.grid {
    display: grid;
}

.grid.column-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.layout-left {
    padding-left: 5%;
    padding-right: 5%;
    width: 50%;
    position: relative;
}

.layout-right {
    padding-right: 5%;
    padding-left: 5%;
    width: 50%;
}

.sub-title {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    color: var(--main-color);
    padding-bottom: var(--padding-size);
    position: relative;
}

.sub-title.black {
    color: var(--font-color);
}

.sub-title.black .strong {
    color: var(--main-color);
    display: inline;
}

.sub-title.left {
    text-align: left;
}

.sub-title span {
    display: block;
}


ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

dl,
dt,
dd {
    margin: 0;
}

a[target="_blank"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

a[target="_blank"]::after,
a.button[target="_blank"]::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMS44MTQiIGhlaWdodD0iMjEuODE0IiB2aWV3Qm94PSIwIDAgMjEuODE0IDIxLjgxNCI+IDxnIGlkPSJJY29uX2ZlYXRoZXItZXh0ZXJuYWwtbGluayIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItZXh0ZXJuYWwtbGluayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMuNSAtMy4wODYpIj4gPHBhdGggaWQ9IuODkeOCuV8yMTIiIGRhdGEtbmFtZT0i44OR44K5IDIxMiIgZD0iTTIwLjY2NywxNi41NDR2Ni40NjdhMi4xNTYsMi4xNTYsMCwwLDEtMi4xNTYsMi4xNTZINi42NTZBMi4xNTYsMi4xNTYsMCwwLDEsNC41LDIzLjAxMVYxMS4xNTZBMi4xNTYsMi4xNTYsMCwwLDEsNi42NTYsOWg2LjQ2NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMS4yNjcpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+IDxwYXRoIGlkPSLjg5HjgrlfMjEzIiBkYXRhLW5hbWU9IuODkeOCuSAyMTMiIGQ9Ik0yMi41LDQuNWg2LjQ2N3Y2LjQ2NyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuMDY3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIvPiA8cGF0aCBpZD0i44OR44K5XzIxNCIgZGF0YS1uYW1lPSLjg5HjgrkgMjE0IiBkPSJNMTUsMTYuMzU1LDI2Ljg1NSw0LjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjk1NikiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4gPC9nPjwvc3ZnPg==");
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1rem;
}

/*ヘッダー*/
.header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: var(--bg-color);

}

body.home .header {
    position: fixed;
    width: 100%;
    background: none;
}

.header .inner {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .logo {
    width: 20vw;
    min-width: 100px;
}

/* メニュー */
.nav {
    display: flex;
    align-items: center;
    gap: 2rem;
    margin: 2.5% 0;
    border-radius: 50px;
    max-width: 70%;
    width: 100%;
}

body.home .header .nav {
    background-color: var(--bg-color);
    padding: 0.5rem;
    padding-left: 2rem;
    right: 1rem;

}

.menu {
    display: flex;
    gap: 1.5rem;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu li a {
    color: var(--font-color);
    text-decoration: none;
    font-weight: bold;
}

.cta-button {
    display: flex;
    gap: 1rem;
    margin-left: auto;

}

.button {
    display: flex;
    width: fit-content;
    padding: 1rem 2rem;
    background: rgba(98, 160, 112, 1);
    color: white;
    text-align: center;
    border-radius: 100px;
    text-decoration: none;
    align-items: center;
    font-weight: 600;
    position: relative;
    box-shadow: var(--box-shadow);
}

/* .cta-button .button {
    border-radius: 100px;
} */

.button.center {
    margin: 0 auto;
}

.button.type-2 {
    background: rgba(252, 216, 27, 1);
    color: var(--font-color);
}

.button.more {
    padding-right: 3rem;
}

.button.more::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yNDMiIGhlaWdodD0iMTMuNTAxIiB2aWV3Qm94PSIwIDAgMjAuMjQzIDEzLjUwMSI+IDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1yb3VuZC1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LXJvdW5kLWZvcndhcmQiIGQ9Ik0yMC43ODQsMTEuNTFhLjkxOS45MTksMCwwLDAtLjAwNywxLjI5NGw0LjI3NSw0LjI4Mkg4Ljc4MmEuOTE0LjkxNCwwLDAsMCwwLDEuODI4SDI1LjA0NUwyMC43NywyMy4yYS45MjUuOTI1LDAsMCwwLC4wMDcsMS4yOTQuOTEuOTEsMCwwLDAsMS4yODctLjAwN2w1Ljc5NC01LjgzNmgwYTEuMDI2LDEuMDI2LDAsMCwwLC4xOS0uMjg4Ljg3Mi44NzIsMCwwLDAsLjA3LS4zNTIuOTE2LjkxNiwwLDAsMC0uMjYtLjY0bC01Ljc5NC01LjgzNkEuOS45LDAsMCwwLDIwLjc4NCwxMS41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03Ljg3NSAtMTEuMjUyKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1rem;
}

.button.type-2::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4yNDMiIGhlaWdodD0iMTMuNTAxIiB2aWV3Qm94PSIwIDAgMjAuMjQzIDEzLjUwMSI+IDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1yb3VuZC1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LXJvdW5kLWZvcndhcmQiIGQ9Ik0yMC43ODQsMTEuNTFhLjkxOS45MTksMCwwLDAtLjAwNywxLjI5NGw0LjI3NSw0LjI4Mkg4Ljc4MmEuOTE0LjkxNCwwLDAsMCwwLDEuODI4SDI1LjA0NUwyMC43NywyMy4yYS45MjUuOTI1LDAsMCwwLC4wMDcsMS4yOTQuOTEuOTEsMCwwLDAsMS4yODctLjAwN2w1Ljc5NC01LjgzNmgwYTEuMDI2LDEuMDI2LDAsMCwwLC4xOS0uMjg4Ljg3Mi44NzIsMCwwLDAsLjA3LS4zNTIuOTE2LjkxNiwwLDAsMC0uMjYtLjY0bC01Ljc5NC01LjgzNkEuOS45LDAsMCwwLDIwLjc4NCwxMS41MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03Ljg3NSAtMTEuMjUyKSIgZmlsbD0iIzM0MzQzMyIvPjwvc3ZnPg==");
}

.page-anchor {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}


.anchor {
    text-decoration: none;
    font-weight: 600;
    display: flex;
    border-bottom: var(--border-style);
    padding: var(--padding-size);
    color: var(--font-color);
    align-items: center;
}

.anchor::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTcgOCI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfNDIiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODM0IC00Mzc1KSI+IDxwYXRoIGlkPSJJY29uX21hcC1jaXJjbGUiIGRhdGEtbmFtZT0iSWNvbiBtYXAtY2lyY2xlIiBkPSJNOC43Miw0LjcyYTQsNCwwLDEsMS00LTQsNCw0LDAsMCwxLDQsNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgzMy4yOCA0Mzc0LjI4KSIgZmlsbD0iIzI4OTY0MSIvPiA8bGluZSBpZD0i57eaXzMiIGRhdGEtbmFtZT0i57eaIDMiIHgyPSIxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQwIDQzNzkpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyOTk2NDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+IDwvZz48L3N2Zz4=");
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.anchor::after,
.section-service ul li .txt::after,
.aside-banner .txt::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSIgdmlld0JveD0iMCAwIDM1IDM1Ij4gPGcgaWQ9IuOCsOODq+ODvOODl180MSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNDEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MTUgLTE5NDUpIj4gPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDEiIGN4PSIxNy41IiBjeT0iMTcuNSIgcj0iMTcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE1IDE5NDUpIiBmaWxsPSIjMjg5NjQxIi8+IDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1hcnJvdy1yb3VuZC1mb3J3YXJkIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWFycm93LXJvdW5kLWZvcndhcmQiIGQ9Ik0xNi4xMzYsMTEuNDE3YS41ODguNTg4LDAsMCwwLDAsLjgyOGwyLjczNiwyLjc0SDguNDU1YS41ODUuNTg1LDAsMCwwLDAsMS4xN0gxOC44NjNMMTYuMTI3LDE4LjlhLjU5Mi41OTIsMCwwLDAsMCwuODI4LjU4My41ODMsMCwwLDAsLjgyMywwbDMuNzA4LTMuNzM1aDBhLjY1Ny42NTcsMCwwLDAsLjEyMS0uMTg0LjU1OC41NTgsMCwwLDAsLjA0NS0uMjI1LjU4Ni41ODYsMCwwLDAtLjE2Ni0uNDA5bC0zLjcwOC0zLjczNUEuNTczLjU3MywwLDAsMCwxNi4xMzYsMTEuNDE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDE4LjAwNCAxOTQ3LjE4NykiIGZpbGw9IiNmZmYiLz4gPC9nPjwvc3ZnPg==");
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.section-service ul li .txt::after,
.aside-banner .txt::after {
    position: absolute;
    bottom: 2rem;
    right: 2rem;
}




/* ハンバーガー */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 2em;
    height: 2em;
    cursor: pointer;
    background: var(--bg-color);
    padding: 0.5em 1em 1em 1em;
    border-radius: 0 0 100px 100px;
}

.hamburger span {
    display: block;
    height: 4px;
    background: #289641;
    border-radius: 4px;
}

/* --- オーバーレイ（背景の半透明黒） --- */
.drawer-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    cursor: pointer;
}

/* 表示時 */
.drawer-overlay.active {
    display: block;
}

/* ドロワーメニュー */
.drawer {
    position: fixed;
    top: 0;
    right: -100%;
    width: 70%;
    height: 100vh;
    background: #fff;
    padding-left: 2rem;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.drawer.active {
    right: 0;
}

/* 閉じるボタン */
.drawer-close {
    align-self: flex-end;
    font-size: 2rem;
    background: none;
    border: none;
    cursor: pointer;
    color: #289641;
    font-weight: bold;
    padding: 5%;
}

/* スクロール禁止用クラス */
body.no-scroll {
    overflow: hidden;
}

.sp,
.en.sp {
    display: none;
}

.pc {
    display: block;
}

/* レスポンシブで表示切替 */
@media (max-width: 980px) {
    .inner {
        margin: 5%;
    }

    .sp,
    .en.sp {
        display: block;
    }

    .nav,
    .pc {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .drawer {
        display: flex;
    }

    .sub-title {
        font-size: 1.2rem;
    }

    .sub-title.left {
        padding-left: 0;
    }

    .page-anchor.scroll-links {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        padding: 10px;
        white-space: nowrap;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        /* iOS対応 */
        flex-direction: unset;
    }

    .anchor-grad {
        position: relative;
        width: 60vw;
    }

    .anchor-grad::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 3em;
        height: 100%;
        z-index: 99;
        background: linear-gradient(to left, #fbfbfb, transparent);
    }

    .page-anchor.scroll-links a {
        flex: 0 0 auto;
        scroll-snap-align: start;
        transition: background-color 0.3s;
    }

    .page-anchor.scroll-links a:hover {
        background-color: #ddd;
    }

    .button {
        margin: 0 auto;
        padding: 0.5rem 2rem;
    }

    body {
        font-size: 16px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: 1.2rem;
    }

    .header .logo {
        width: 40vw;
        padding-top: 3vw;
    }

    .section-service ul li .txt::after {
        bottom: 0.5em;
        width: 1.8rem;
        right: 0.5em;
    }




    .anchor::after,
    .section-service ul li .txt::after,
    .aside-banner .txt::after {
        width: 1.2em;
        height: 1.2em;
        margin-left: 1em;
    }

    .aside-banner .txt::after {
        bottom: 0.5em;
        width: 2rem;
        height: 2rem;
        right: auto;
    }

    .anchor {
        padding: 0.5em;
        font-size: 0.85rem;
    }

    .header .inner {
        align-items: flex-start;
    }

}

/*パーツ　お問い合わせ*/

.aside-contact {
    background-color: var(--main-color);
    color: #fff;
    padding: 2.5%;
    justify-content: space-around;
    max-width: 1240px;
    margin: 2.5% auto;
    border-radius: 100px;
}

.aside-contact .sub-title {
    color: var(--link-color);
    padding-top: 0;
    padding-bottom: 0;
}

.single .aside-contact .sub-title {
    padding: 2.5% 0;
}

.aside-contact .layout-left::after {
    content: "";
    width: 2px;
    height: 100%;
    border-radius: 2px;
    background-color: var(--bg-color);
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 0
}

.aside-contact .button {
    width: max-content;
}

@media (max-width: 980px) {
    .aside-contact {
        margin: 0;
        border-radius: 0;
        padding: var(--padding-size)
    }

    .layout-left,
    .layout-right {
        width: 90%;
        padding: 5%;
    }

    .aside-contact .layout-left::after {
        width: 100%;
        height: 2px;
        position: static;
    }
}

/*新規お取引と採用情報のバナー*/

.aside-banner {
    position: relative;
}

.aside-banner .inner {
    margin-top: 0;
}

.aside-banner .txt {
    position: absolute;
    background: linear-gradient(50deg, rgba(255, 255, 255, 0.8) 0%, rgba(241, 241, 213, 0.8) 100%);
    width: 95%;
    height: 90%;
    z-index: 1;
    justify-content: center;
    text-align: center;
    border: 3px solid rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    border-radius: 50px;
    padding: 5%;
    text-shadow: 0px 1px 5px rgba(255, 255, 255, 0.9);

}

.aside-banner .txt h3 {
    font-size: 2rem;
}

.aside-banner img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.banner-left,
.banner-right {
    width: 48%;
    height: 15rem;
    box-shadow: var(--box-shadow);
    position: relative;
    text-decoration: none;
    color: var(--font-color);
    display: flex;
    align-items: center;
    justify-content: center;
}


.aside-banner .lede {
    font-weight: bold;
}

.aside-banner::before {
    content: "";
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: rgba(241, 241, 213, 1);
    height: 28em;
    bottom: -20em;
    border-radius: 80px 80px 0 0;
}

@media (max-width: 980px) {

    .banner-left.flex,
    .banner-right.flex {
        flex-direction: unset;
        margin: 5% 0;
    }

    .banner-left,
    .banner-right {
        width: auto;
    }

    .aside-banner .txt {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .aside-banner .txt h3 {
        font-size: 1.2rem;
    }

    .aside-banner .txt {
        border-radius: 30px;
    }
}

/*フッター*/

.footer {
    position: relative;
}

.footer::before {
    content: "";
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: rgba(241, 241, 213, 1);
    height: 20em;
    top: -20em;
    border-radius: 80px 80px 0 0;
}

.footer .menu {
    background-color: rgba(241, 241, 213, 1);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTE4MC4yMTkiIGhlaWdodD0iMjQ5IiB2aWV3Qm94PSIwIDAgMTE4MC4yMTkgMjQ5Ij4gPGRlZnM+IDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4gPHJlY3QgaWQ9IumVt+aWueW9ol8yOCIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMjgiIHdpZHRoPSI5NjkuMDM4IiBoZWlnaHQ9IjEzNy42OTkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q0ZDNiYiIgc3Ryb2tlLXdpZHRoPSI1Ii8+IDwvY2xpcFBhdGg+IDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTIiPiA8cmVjdCBpZD0i6ZW35pa55b2iXzI3IiBkYXRhLW5hbWU9IumVt+aWueW9oiAyNyIgd2lkdGg9IjIwMy40MTQiIGhlaWdodD0iMjQ5IiBmaWxsPSIjZDRkM2JiIi8+IDwvY2xpcFBhdGg+IDwvZGVmcz4gPGcgaWQ9IuOCsOODq+ODvOODl183MSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNzEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0Ni4yMTkgLTU4NTQpIiBvcGFjaXR5PSIwLjYwMSI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfNDciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQ3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2NC45NjIgNTk1OCkiPiA8ZyBpZD0i44Kw44Or44O844OXXzQ2IiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPiA8cGF0aCBpZD0i44OR44K5XzYiIGRhdGEtbmFtZT0i44OR44K5IDYiIGQ9Ik01LjYzOCwxMjYuNTU4QTE4OC4yOSwxODguMjksMCwwLDAsNzAuNjU2LDg1Ljc2N0M4NS41ODEsNzEuNCw5OC43MTgsNTIuNzA1LDk3LjkxNSwzMi4wMDZjLS4yNzEtNi45NzktMi4yMzItMTQuMDMtNi40NTktMTkuNTlDODIuMjE4LjI2Miw2Mi4xMDgtMS40MzksNTAuOTYsOC45OVM0MC4xNjksMzkuNiw1MS42OCw0OS42MjVjOS41Ny0xMS4yMzcsMS41OS0zMS4xLTEyLjY2MS0zNC45NDRTOS4xNzMsMjEuMDY2LDQuMjMsMzQuOTc0LDMuNSw2NC44NDYsMTIuMjA2LDc2Ljc2OHMyMS4zNDksMjAuMzYxLDM0LjM4MiwyNy4yODljNjMuNDEsMzMuNzA5LDEzOS4wNTIsMzYuMTI1LDIxMC4yNjEsMjYuODNTMzk3LjU0LDEwMS40NjYsNDY4LjgxNiw5Mi43YzcxLjc4LTguODMsMTQ1LjE0Ny01Ljk2LDIxNS42MTcsMTAuMywzNS44NTksOC4yNzMsNzEuMDIxLDE5Ljk5MiwxMDcuNDk0LDI0LjksMTE3LjMyOCwxNS43NzYsMTM3Ljk0OC01Mi42LDEyMi43MTEtNjQuNzU0LTcuOTM2LTYuMzMtMjIuNTg2LTEuMTU4LTIzLjUsOC45NTIsNy41NjMtNS4wMTEtMi4wNzQtMTguMjM0LTEwLjY5NC0xNS40MDVTODY4LjU2Myw3MC4xNCw4NjguOCw3OS4yMWMuMjgxLDEwLjcyNSwzLjcsMjEuMzQ5LDE0LjAwOSwzNi44NTQsNy4wMjksNi43NDIsMTYuNzE5LDEwLjMzLDI2LjQzNSwxMC45OTVzMTkuNDcxLTEuNDMsMjguNTc4LTQuODgzYzEwLjM3Ni0zLjkzMywyMC40NjktMTAuMDI0LDI2LjE2OS0xOS41NDQsMi4zODUtMy45ODMsMy45MjEtOC45NTQsMi4xNTctMTMuMjQ4cy03Ljk2OC02LjY4NC0xMS4zLTMuNDQ5IiBmaWxsPSJub25lIiBzdHJva2U9IiNkNGQzYmIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtZGFzaGFycmF5PSIxNzAuMDc5IDguNTA0IDE0LjE3MyA1LjY2OSAyLjgzNSA4LjUwNCIvPiA8L2c+IDwvZz4gPGcgaWQ9IuOCsOODq+ODvOODl180NSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNDYuMjE5IDU4NTQpIiBzdHlsZT0iaXNvbGF0aW9uOiBpc29sYXRlIj4gPGcgaWQ9IuOCsOODq+ODvOODl180NS0yIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA0NSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aC0yKSI+IDxwYXRoIGlkPSLjg5HjgrlfNSIgZGF0YS1uYW1lPSLjg5HjgrkgNSIgZD0iTTE3NS40MTcsMjI2LjAxOWEyLjQxOSwyLjQxOSwwLDAsMS0yLjE0MS00LjMzOWMzLjM4MS0xLjY2Niw0Ljk4NC00LjAxMSw1LjI3NS02LjUzMWExMC41OTQsMTAuNTk0LDAsMCwwLTEuMDQ5LTUuNTYxLDE4LjcxNCwxOC43MTQsMCwwLDAtNC4xLTUuNjE1Yy00LjIzLTQuMDUyLTEwLjM4NC02LjY0OC0xNi4zMi01LjI2NmExNS4yNDEsMTUuMjQxLDAsMCwwLTguMjg1LDUuMSwyMS4yNDQsMjEuMjQ0LDAsMCwwLTQuNSwxMC4yNDMsMzMuNzUyLDMzLjc1MiwwLDAsMC0uNDY0LDcuMjYyLDIxLjU3MywyMS41NzMsMCwwLDAsNi40NzIsMTQuOTE0LDI2LjY2MiwyNi42NjIsMCwwLDAsMTQuMiw2LjcyNCwzNS4wMzIsMzUuMDMyLDAsMCwwLDcuNTIuNDIxLDMyLjc2OCwzMi43NjgsMCwwLDAsMTUuOTU1LTQuOTA3LDIxLjUzLDIxLjUzLDAsMCwwLDguOTE0LTEwLjkwNWMyLjM2MS02LjcxOSwyLjQzOC0xNi4xMjUtLjk1Ny0yOC44NzEtMy4wNjgtMTEuNTEzLTguOTUtMjUuNjQ1LTE4LjUtNDIuODM2LS42MTMtMS4xLTEuOTE0LTMuNDIyLTMuMDUzLTUuNDUxLTQuMTYtNy40MTQtNS44MjEtMTAuMzczLTUuNDMxLTEyLjUuNDUxLTIuNDYyLDEuOTkyLTIuNzY0LDQuNTU0LTMuMjY1YTIwLjE1NywyMC4xNTcsMCwwLDAsOC42MDktMy41NzdjMy40ODktMi40OTMsMy4wMi03LjkyOSwyLjYyNC0xMi41MTNsMC0uMDYzYy0uMDQtLjQ1OC0uMDc5LS45MS0uMTIyLTEuNDgzYTMuODY3LDMuODY3LDAsMCwwLTMuNzU4LTIuNDM5Yy0yLjc2LS4yMzgtNS43MjEtLjQ5NS04LjgyNi01LjY3NS00LjYyNy03LjcxNy04LjM0Mi03LjMtMTEuNy02LjkxNHMtNi41LjczOC05LjgyNy0yLjgxMWMtMy43MjUtMy45NzYtNS4zOTEtNS41MTEtNS43MzQtNS4yMzEtLjkxMy43NDctMS40OCw0LjYzNy0yLjMyMywxMC43MjgtMS40NDUsMTAuNDQ3LTYuNjI3LDIyLjM3OS0xMi4wMTksMzQuOC04LjY2MiwxOS45NDQtMTcuODg3LDQxLjE4My0xMi4xLDU3Ljk5M2EyMy41NiwyMy41NiwwLDAsMCwzLjY0MSw2LjEsMjguMzIsMjguMzIsMCwwLDEsMi4xMjksMy4xMjNjMS43LDMuMDc1LDEuNzY3LDUuNTk0LTIuMTYsNy43N2E2LjY3Miw2LjY3MiwwLDAsMS0xLjY0Ni42NDgsNy4yODYsNy4yODYsMCwwLDEtNS42MDgtLjk5MywxNC41MjUsMTQuNTI1LDAsMCwxLTQuOTM4LTUuNTcsMzguODUsMzguODUsMCwwLDEtMy41MS05LjUyYy00LjgzNi0xOS42NzIuNDA5LTMzLjExOSw1LjgzMy00Ny4wMjUsNi4yNTQtMTYuMDMzLDEyLjc1OS0zMi43MDksMi44MjctNjAuODU5LTMuMjQ0LTkuMTk0LTQuMTEtMTUuNzM4LTIuNDgtMjEuODg0LDEuNjE3LTYuMSw1LjYyMS0xMS41LDEyLjE0NC0xOC41LjA0Ni0uMDUuMDk0LS4xLjE0My0uMTQxbDEuMjk0LTEuMTc3YzEzLjc5My0xMi41MiwyMi4yMjctMjAuMTgsMTIuODQ1LTM4Ljk2OC0uNTM4LS42Ni01LjkyNy42MTMtMTEuNTEsMS45MzItNy4wMjgsMS42Ni0xNC4zLDMuMzc3LTE3LjU1OC42ODZhNDAuNDEzLDQwLjQxMywwLDAsMC04LjczMy01LjYwN0EyNC44NzUsMjQuODc1LDAsMCwwLDg0LjUsNS40NzZDNzkuMzE3LDYuNzQzLDc0LjUyNSw5LjkwOSw3MC40ODQsMTQuOGE0My43NzYsNDMuNzc2LDAsMCwwLTUuOSw5LjUzNkM2MC40OTMsMzMuMzU0LDU3Ljk2LDM4Ljc1Myw1NC45ODMsNDRzLTYuMzIxLDEwLjIwOC0xMi4wNCwxOC4zNTNjLTEuNCwyLTEuOTYsMy42LTEuODcxLDQuODc1YTQuNDEzLDQuNDEzLDAsMCwwLDIuMzM1LDMuMjYsMTguNDkzLDE4LjQ5MywwLDAsMCw1Ljk0MiwyLjIzM2wuMjU5LS40NWM0Ljg4MS0xNy40MzUsMTEuNC0yNS42NTcsMTcuNDUyLTI4LjI1NkExMS40NjMsMTEuNDYzLDAsMCwxLDc5LjkyNiw0Ni40LDE4LjQ3MSwxOC40NzEsMCwwLDEsODUuNDEsNTguODA3Yy4zMTcsNi41MzMtMi42NjUsMTMuNDY0LTEwLjgsMTcuMjE0LTQuNiwyLjEyMi0xNC40MjIsMy4xMzEtMjIuNzU2LDIuMDQxLTUuNyw5Ljk2NC0xNC4xMzEsMjUuMTMxLTIyLjMyMyw0Mi4yNjdDMjAuMywxMzkuNjM3LDExLjM3OSwxNjEuNDQ5LDcuMDcsMTgxLjA5M2MtMi43ODgsMTIuNzEtMi44MjUsMjMuMy0uODY4LDMxLjk1YTM5LjI4NiwzOS4yODYsMCwwLDAsMTEuMjMxLDIwLjQsMzkuNDA3LDM5LjQwNywwLDAsMCwxOC43MjEsOS42MTQsNTAuNDU0LDUwLjQ1NCwwLDAsMCwyMS44LS4xODdxMi41MjEtLjU3MSw0Ljg0Ni0xLjMyN0M3NC45OSwyMzcuNTg5LDgyLjk4NCwyMzAsODcuMzkyLDIyMS4wNjZhNDMuNTU4LDQzLjU1OCwwLDAsMCwzLjE0OC0yOC42ODVxLS40MzYtMS45MjgtMS4wNjEtMy44NTVsLS4wMy0uMWMtNC4wMy0xMi4zNDEtMTEuODc4LTE5LjM1Ni0yMC43MDktMjIuMjQ2YTM0LjA0MiwzNC4wNDIsMCwwLDAtMTYuMDc0LTEuMTIsMzYuMzA2LDM2LjMwNiwwLDAsMC0xNC43MzQsNS45MDlDMzAuODI2LDE3NS45LDI1Ljk3LDE4My40LDI2LjA3NywxOTIuMzE0YTIyLjgxMywyMi44MTMsMCwwLDAsMS4zMyw3LjQwOCwyMC41MzksMjAuNTM5LDAsMCwwLDcuMjMxLDkuNzc1LDIwLjk0OCwyMC45NDgsMCwwLDAsMTIuNzQsMy44NDIsMzEuODQ1LDMxLjg0NSwwLDAsMCwxMC4zMzEtMiwyLjQyNSwyLjQyNSwwLDAsMSwxLjYzLDQuNTY3LDM2LjYxNSwzNi42MTUsMCwwLDEtMTEuOSwyLjI2N0EyNS43MjIsMjUuNzIyLDAsMCwxLDMxLjgsMjEzLjQyYTI1LjM4NSwyNS4zODUsMCwwLDEtOC45NTUtMTIuMDY4LDI3LjY0MywyNy42NDMsMCwwLDEtMS42LTguOThjLS4xMjktMTAuNjg1LDUuNTczLTE5LjU4NCwxMy45MjEtMjUuMzhhNDEuMjIxLDQxLjIyMSwwLDAsMSwxNi43MjQtNi43MDUsMzguODUyLDM4Ljg1MiwwLDAsMSwxOC4zNDcsMS4yOWMxMC4xOTMsMy4zMzYsMTkuMjIxLDExLjMzMiwyMy44LDI1LjMyNmwuMDQ1LjEyN2MuNDQ5LDEuMzg0Ljg0MiwyLjgxOCwxLjE3NSw0LjI5MWE0OC40MTcsNDguNDE3LDAsMCwxLTMuNTI4LDMxLjg4N2MtNC45NSwxMC4wMjgtMTMuODc5LDE4LjUzOC0yNy40NTYsMjIuOTQxcS0yLjUyLjgxNy01LjI2NCwxLjQ0MWE1NS4yNzEsNTUuMjcxLDAsMCwxLTIzLjg4MS4yMDYsNDQuMjQ1LDQ0LjI0NSwwLDAsMS0yMS4wMTQtMTAuODI3QTQ0LjA1OCw0NC4wNTgsMCwwLDEsMS40ODQsMjE0LjFjLTIuMTA5LTkuMzE2LTIuMS0yMC42MTIuODQ5LTM0LjAzNCw0LjM5NC0yMC4wMjcsMTMuNDYyLTQyLjIwOCwyMi44MzktNjEuODI0LDcuODc1LTE2LjQ3NCwxNS45NjktMzEuMTM0LDIxLjY3Ni00MS4xNTdhMjEuNTM4LDIxLjUzOCwwLDAsMS02LjA1Ni0yLjU0NGMtMi42NDYtMS43MTEtNC4zNDMtNC4wMDctNC41NTMtNi45OTMtLjE2NC0yLjM0Ni42NS01LDIuNzQzLTcuOTgzLDUuNjQ4LTguMDQzLDguOTM3LTEyLjkxOSwxMS43OTQtMTcuOTU1czUuMzQ3LTEwLjM0OSw5LjQtMTkuMjY5bC4wMDktLjAxOUE0OC42MzEsNDguNjMxLDAsMCwxLDY2Ljc1MiwxMS43MUM3MS40NjIsNi4wMTEsNzcuMTQxLDIuMyw4My4zNjMuNzc3YTI5LjU5NCwyOS41OTQsMCwwLDEsMTkuNywyLjI5Myw0NS4yNTYsNDUuMjU2LDAsMCwxLDkuNzk1LDYuMjcxYzEuNCwxLjE1Niw3LjQ4OC0uMjgyLDEzLjM3MS0xLjY3MUMxMzMuNjIxLDUuOTIyLDE0MC43NTcsNC4yMzgsMTQzLDhoMGwuMDg4LjE2YzExLjE0MiwyMi4xNjksMS42NywzMC43NjgtMTMuODM4LDQ0Ljg0NmwtMS4yMjgsMS4xMTVjLTUuOTQ4LDYuMzkxLTkuNTcsMTEuMjIyLTEwLjkzMSwxNi4zNTQtMS4zNTMsNS4xLS41MzgsMTAuODEsMi4zNjYsMTkuMDQxLDEwLjUzLDI5Ljg0NCwzLjY5MSw0Ny4zNzctMi44ODQsNjQuMjMyLTUuMTQxLDEzLjE4Mi0xMC4xMTMsMjUuOTI4LTUuNjQzLDQ0LjEwN2EzNC4xNTksMzQuMTU5LDAsMCwwLDMuMDM2LDguMzI3LDkuOTE0LDkuOTE0LDAsMCwwLDMuMjE0LDMuNzg5LDIuNTg0LDIuNTg0LDAsMCwwLDEuOTUxLjQyNSwxLjgxLDEuODEsMCwwLDAsLjQ1Mi0uMTc1Yy41NzUtLjMxOC41NTMtLjcxLjI4NC0xLjJhMjYuNjkyLDI2LjY5MiwwLDAsMC0xLjc4OC0yLjU3NCwyNy4zNiwyNy4zNiwwLDAsMS00LjM0Mi03LjQyNmMtNi4zODctMTguNTYxLDMuMjI3LTQwLjcsMTIuMjU0LTYxLjQ3OSw1LjI1My0xMi4wOTQsMTAuMy0yMy43MTcsMTEuNjYtMzMuNTQ1LDEtNy4yNDksMS43MjMtMTEuOTE1LDQuMDQ3LTEzLjgxNywyLjg5My0yLjM2Nyw2LjQxNC0uNjQ1LDEyLjMyOCw1LjY2NywxLjY2OCwxLjc4LDMuNjQzLDEuNTU2LDUuNzcxLDEuMzE0LDQuODE2LS41NDcsMTAuMTQ3LTEuMTUzLDE2LjM3OSw5LjI0NCwxLjgyNCwzLjA0MywzLjUxNiwzLjE5LDUuMDkzLDMuMzI2LDIuODE4LjI0Myw1LjQzOS40Nyw3LjgzMSw1LjQ0NGEyLjQwNywyLjQwNywwLDAsMSwuMzA5LDEuMDMzYy4wMjguNDE5LjA5LDEuMTMuMTUzLDEuODZsLjAwNi4wNjVjLjUsNS44MzgsMS4xLDEyLjc2MS00LjY1MiwxNi44NzJBMjQuNDcsMjQuNDcsMCwwLDEsMTc0LjQzLDEzOS40Yy0uNTQ0LjEwNi0uNTgyLTEuNDA5LS43MjctLjYxOS0uMDcyLjM5NCwxLjM0NiwyLjkyMyw0LjksOS4yNTguNjQ0LDEuMTQ4LDEuMzc1LDIuNDUsMy4wNTMsNS40Nyw5Ljc2MiwxNy41NzIsMTUuNzkxLDMyLjA3OSwxOC45NTQsNDMuOTU0LDMuNjY0LDEzLjc1NCwzLjUwOSwyNC4xMTIuODQzLDMxLjY5NGEyNi4zMTYsMjYuMzE2LDAsMCwxLTEwLjg2NSwxMy4zODcsMzcuNjQsMzcuNjQsMCwwLDEtMTguMzI1LDUuNjY2LDM5Ljg4NSwzOS44ODUsMCwwLDEtOC41NjEtLjQ3NywzMS40OCwzMS40OCwwLDAsMS0xNi43NTUtOC4wMTNBMjYuMjkzLDI2LjI5MywwLDAsMSwxMzksMjIxLjU2MWEzOC41MTIsMzguNTEyLDAsMCwxLC41MjEtOC4zLDI2LjA3OSwyNi4wNzksMCwwLDEsNS41ODUtMTIuNTczLDIwLjAxMiwyMC4wMTIsMCwwLDEsMTAuODgxLTYuNjk1YzcuNjczLTEuNzg2LDE1LjQ4NCwxLjQzMywyMC43NzMsNi41YTIzLjU0NywyMy41NDcsMCwwLDEsNS4xMzksNy4wOTQsMTUuMzUxLDE1LjM1MSwwLDAsMSwxLjQ2Niw4LjExOGMtLjQ3NCw0LjEwNS0yLjg5NCw3LjgzMi03Ljk0NiwxMC4zMjFNNTQuMjkzLDczLjQ3NGM3LjAyMy42NTgsMTQuNjUyLS4xNzIsMTguMjg5LTEuODQ5LDYuMDE3LTIuNzczLDguMjI2LTcuODM2LDgtMTIuNTkxYTEzLjUxNSwxMy41MTUsMCwwLDAtMy45NDktOS4wOSw2LjgzNiw2LjgzNiwwLDAsMC03LjY1Ni0xLjQ3NmMtNC44NjQsMi4wODktMTAuMjcxLDkuMy0xNC42OCwyNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgZmlsbD0iI2Q0ZDNiYiIvPiA8L2c+IDwvZz4gPC9nPjwvc3ZnPg==");
    background-size: 65vw;
    background-position: 5% bottom;
    background-repeat: no-repeat;
    color: rgba(52, 52, 51, 1);
    padding: var(--padding-size);
}

.footer .menu .flex {
    gap: 3em;
}

.footer .inner {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

.footer .logo {
    width: 18vw;
    min-width: 100px;
}


/* 大項目のul */
.layer-1 {
    list-style: none;
    margin: 0;
    padding: 0;
    letter-spacing: 0.08rem;
}

/* 大項目のタイトル（li > a） */
.layer-1 li>a {
    color: rgba(98, 160, 112, 1);
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    font-size: 1em;
    padding: 0.25rem;
}


/* 2階層のul */
.layer-2 {
    list-style: none;
    margin: 0;
    padding-left: 15px;
}

/* 2階層のli */
.layer-2 li {
    margin-bottom: 6px;
}

.layer-2 li::before,
.service .sub-title::before {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTcgOCI+IDxnIGlkPSLjgrDjg6vjg7zjg5dfNDIiIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODM0IC00Mzc1KSI+IDxwYXRoIGlkPSJJY29uX21hcC1jaXJjbGUiIGRhdGEtbmFtZT0iSWNvbiBtYXAtY2lyY2xlIiBkPSJNOC43Miw0LjcyYTQsNCwwLDEsMS00LTQsNCw0LDAsMCwxLDQsNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgzMy4yOCA0Mzc0LjI4KSIgZmlsbD0iIzI4OTY0MSIvPiA8bGluZSBpZD0i57eaXzMiIGRhdGEtbmFtZT0i57eaIDMiIHgyPSIxMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQwIDQzNzkpIiBmaWxsPSJub25lIiBzdHJva2U9IiMyOTk2NDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+IDwvZz48L3N2Zz4=");
    width: 17px;
    height: 8px;
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
    vertical-align: middle;

}

/* 2階層リンク */
.layer-2 li a {
    color: rgba(52, 52, 52, 1);
    text-decoration: none;
    font-weight: 500;
    font-size: 0.9em;
    transition: text-decoration 0.3s ease;
}

.layer-2 li a:hover {
    text-decoration: underline;
}

/*コピーライト*/

.copy {
    display: block;
    text-align: right;
    padding: 2.5%;
    font-size: 0.9rem;
    background: rgba(98, 160, 112, 1);
    color: rgba(255, 255, 255, 1);
}

/* 画面幅980px以下で縦並びに切り替え */
@media (max-width: 980px) {
    .footer .inner {
        max-width: 100%;
    }

    .flex {
        flex-direction: column;
    }

    .grid {
        display: block;
    }

    .footer .logo {
        width: 50vw;
        min-width: 120px;
        margin-bottom: 20px;
    }

    .footer>.inner>div {
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .layer-1 {
        min-width: auto;
        padding: 2.5% 0;
    }

    .footer .menu .flex {
        gap: 0;
        margin: 0;
    }

    .menu,
    .cta-button {
        flex-direction: column;
    }

    .cta-button {
        margin: 0;


    }

    .cta-button .button {
        width: 50%;
        display: block;
        margin: 0;
    }

    .layer-1 li>a {
        display: inline;
    }

    .layer-1>li>a {
        display: block;
        padding: 0;
    }

    .layer-2 {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }

    .layer-2 li {
        width: 50%;
    }

    .layer-2 li a {
        font-size: 0.8em;
    }

    .layer-2 li::before,
    .service .sub-title::before {
        width: 11px;
    }
}

/*ホーム メインビジュアル*/
.main-visual {
    background-size: cover;
    padding: 0 10%;
    height: 95vh;
    display: flex;
    flex-direction: column;
    justify-content: end;
    border-radius: 0 0 80px 80px;
    animation: fadeIn 1.5s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.typography {
    font-family: "Tenor Sans", sans-serif;
    font-size: 4.8vw;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.3;
    margin-bottom: 1.5rem;
    text-shadow: 0px 1px 20px rgba(0, 124, 156, 0.9);
}

.catch-copy span,
.typography span {
    color: rgba(98, 160, 112, 0.85);
    font-weight: 700;
    text-shadow: 0px 1px 20px rgba(150, 229, 255, 0.8);
}

.catch-copy {
    font-size: 1.8vw;
    font-weight: 600;
    color: #fff;
    text-shadow: 0px 3px 30px rgba(83, 183, 213, 1);
    margin-bottom: 5%;
}

.main-visual .button {
    margin-bottom: 10%;
}

@media (max-width: 980px) {
    .main-visual {
        background-image: none !important;
        height: auto;
        padding: 0;
    }

    .main-visual .sp {
        height: 50vh;
        object-fit: cover;
    }

    .typography {
        font-size: 8vw;
        font-weight: 300;
        color: var(--font-color);
        line-height: 1.3;
        margin-bottom: 1.5rem;
        text-shadow: none;
        padding-top: var(--padding-size);
        margin: 0;
        text-align: center;
    }

    .catch-copy {
        font-size: 4vw;
        color: var(--font-color);
        text-shadow: none;
        text-align: center;
    }

    .catch-copy span,
    .typography span {
        text-shadow: none;
    }
}



/*ホーム　お知らせ*/

.section-news .flex {
    margin: 2.5% auto;
    align-items: center;
}

.section-news .sub-title {
    margin-bottom: 5%;
}

.section-news .layout-left {
    width: 30%;
}

.txt-list {
    width: 70%;
}

.txt-list li,
dl.txt-list {
    border-top: var(--border-style);
    margin-top: 2.5%;

}

dl.txt-list {
    display: flex;
    width: 100%;
}

dl.txt-list dt,
dl.txt-list dd {
    padding: 1rem;
}

.txt-list li a {
    display: block;
    color: var(--font-color);
    text-decoration: none;
}

.txt-list span {
    display: inline-block;
    padding: 0.5rem 1rem;
}

.txt-list .cat-name {
    background-color: rgba(98, 160, 112, 1);
    color: var(--link-color);
    padding: 0.25rem 0.5rem;
    border-radius: 10px;
    margin: 0.5rem 1rem;
    font-size: 0.8rem;
}

.txt-list .article-title,
.txt-list dd {
    position: relative;
}

.txt-list .article-title::before,
.txt-list dd::before {
    content: "";
    width: 1px;
    height: 100%;
    display: inline-block;
    background-color: #ddd;
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 980px) {

    .section-news .layout-left,
    .txt-list {
        width: 100%;
        padding: 0;
    }

    .section-news .sub-title {
        padding: 0;
    }

    .txt-list .article-title {
        display: block;
    }
}

/*ホーム　事業案内*/

.radius-top {
    border-radius: 100px 100px 0 0;

}

.radius-50 {
    border-radius: 50px;
    overflow: hidden;
}

.section-service .flex {
    gap: 30px;
}

.section-service .inner {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.section-service {
    background-color: rgba(241, 241, 213, 1);
    position: relative;
    padding-bottom: 15vh;
}

.aside-service .section-service,
.aside-service .section-service ul {
    padding: 0;
}

.aside-service .section-service {
    padding-bottom: 5%;
}

.section-service::before {
    content: "";
    background-image: url(assets/img/ashiato-bg.svg);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-size: cover;
}

.aside-service .section-service::after {
    content: none;
}

.aside-service .section-service {
    background-color: var(--bg-color);
}

.section-service::after {
    content: "";
    background-color: rgba(241, 241, 213, 1);
    width: 100%;
    height: 15vh;
    display: block;
    position: absolute;
    bottom: -15vh;
    border-radius: 0 0 80px 0;
}

.section-service .sub-title {
    background-color: var(--main-color);
    color: #fff;
    padding: 5%;
    padding-bottom: var(--padding-size);
    position: relative;
}

.section-service .disp {
    color: var(--font-color);
}

.section-service .sub-title::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 18vh;
    bottom: -18vh;
    background-color: var(--main-color);
    left: 0;
    z-index: 0;

}

.section-service ul {
    padding: var(--padding-size);
}

.section-service ul li {
    background-color: var(--bg-color);
    width: 25%;
    position: relative;
}

.section-service ul li a {
    color: var(--font-color);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.section-service ul li .name {
    font-weight: bold;
}

.section-service ul li a img {
    display: block;
    height: 100%;
    object-fit: cover;
}

.section-service ul li .txt {
    padding: 2rem;
}

.disp {
    font-size: 0.8rem;
    letter-spacing: normal;
    color: var(--main-color);
}

.section-service ul li p {
    margin: 0;

}

@media (max-width: 980px) {

    .radius-50 {
        border-radius: 25px;
    }

    .radius-top {
        border-radius: 0;
    }

    .service .layout-left img,
    .service .layout-right img {
        border-radius: 100px;
    }

    .section-service {
        padding-bottom: 10vw;

    }

    .section-service .flex {
        padding: 0;
        gap: 10px;
    }

    .section-service ul li {
        width: auto;
    }

    .section-service ul li a {
        flex-direction: unset;
    }

    .section-service ul li a img {
        height: auto;
        width: 50%;
        object-position: left;
    }

    .section-service ul li .txt {
        width: 70%;
        padding: 1rem 2rem;
    }

    .aside-service .section-service {
        background-color: rgba(241, 241, 213, 1);
    }
}


/*ホーム　企業情報*/

.section-about {
    padding: var(--padding-size) 0;
}

.section-about .grid.column-3 {
    grid-template-columns: 20% 40% 40%;
}

.section-about .img-left {
    margin-top: 10%;
}

.section-about .img-right {
    margin-bottom: 10%;
}

.section-about .contents-menu {
    padding: 5% 10%;
    text-align: left;
}

@media (max-width: 980px) {
    .section-about .img-left {
        height: 50vw;
        object-fit: cover;
    }
}

/*新規お取引について*/

.radius-r {
    border-radius: 0 80px 80px 0;
}

.radius-l {
    border-radius: 80px 0 0 80px;
}

.section-guidance,
.section-recruit {
    background: url("assets/img/top-guidance-bg.jpg");
    background-position: right;
    background-size: cover;
    width: 80vw;
    gap: 30px;
    position: relative;
}



.section-guidance::after {
    content: url("assets/img/top-guidance-dog.png");
    position: absolute;
    right: -15vw;
    bottom: 0;
}


.section-guidance .lede,
.section-recruit .lede {
    background: rgba(255, 255, 255, 1);
    width: 30rem;
    margin: 2.5%;
    padding: 5%;
    line-height: 2rem;
    border-radius: 50px;
}

@media (max-width: 980px) {

    .section-guidance,
    .section-recruit {
        width: 100%;
        border-radius: 0;
    }

    .section-guidance .lede,
    .section-recruit .lede {
        width: auto;
        margin: 5%;
    }

    .section-guidance::after {
        position: static;
        margin: 0 auto;
    }
}


/*よくある質問*/

.faq {
    padding: var(--padding-size);
}

.faq-list dt,
.faq-list dd {
    padding: 1rem;
}

.faq-list {
    border-bottom: var(--border-style);
    background-color: var(--sub-color);
    border-radius: 50px;
    padding: 1rem;
    margin-top: 0.5em;
	position: relative;
}

.faq-list dd {
    display: none;
    margin-left: 1em;
}

.faq-list dd::before {
    content: "A";
}

.faq-list dt::before {
    content: "Q";
    color: var(--main-color);
    margin-right: 1rem;
}

.faq-list dt {
    cursor: pointer;
    font-weight: bold;

}

.faq-list dt::after {
	content:"+";
	color: var(--main-color);
	position: absolute;
    right: 3rem;
}

.faq-list dt.active::after {
	content:"-";
}



/*ホーム　採用情報*/

.section-recruit {
    background: url("assets/img/top-recruit-bg-2.jpg");
    margin-left: auto;
    position: relative;
    background-position: left center;
    background-size: cover;
}

.section-recruit::after {
    content: url("assets/img/top-recruit-dog.png");
    position: absolute;
    left: -15vw;
    bottom: 0;
}

@media (max-width: 980px) {
    .section-recruit::after {
        position: static;
        margin: 0 auto;
    }
}


/*お知らせ一覧*/

.archive-list {
    gap: 30px;
}

.archive-item {
    border: 1px solid #eee;
    padding-bottom: 20px;
    max-width: 33%;
}

.archive-item a {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: var(--padding-size);
}

.thumbnail img {
    width: 150px;
    height: auto;
    object-fit: cover;
    margin-right: 20px;
}

.content {
    flex: 1;
}

.content .category {
    background: #0073aa;
    color: #fff;
    font-size: 0.8em;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 8px;
    text-decoration: none;
}

.content .title {
    font-size: 1.2em;
    margin-bottom: 5px;
}

.content .excerpt {
    font-size: 1em;
    color: #555;
}

@media screen and (max-width: 980px) {
    .archive-item {
        max-width: fit-content;
    }
}


/*固定ページ　ページタイトル*/

.page-title {
    height: 60vh;
    background-size: cover;
    background-position: bottom;
    overflow: hidden;
}

.page-title .page-title-block {
    background: var(--bg-color);
    padding: 2.5%;
    border-radius: 0 0 100px 0;
    width: 40%;
    position: relative;
}

.page-title .page-title-block::after {
    position: absolute;
    top: 0px;
    content: "";
    right: -100px;
    width: 100px;
    height: 100px;
    clip-path: path("M100,0H0v100C0,50,50,0,100,0Z");
    background-color: var(--bg-color);

}

.title {
    font-size: 2.4rem;
    letter-spacing: 0.08rem;
    padding: 5%;
}

.archive.title {
    font-size: 3rem;
}

.en {
    display: block;
    font-family: var(--typography);
    color: var(--en-name-color);
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: normal;
}

.en.white {
    color: rgba(255, 255, 255, 0.8);
}

.title .en {

    font-size: 1.5rem;
}

@media screen and (max-width: 980px) {
    .title {
        font-size: 1.2rem;
        padding-left: 0;
    }

    .page-title .page-title-block::after {
        right: -50px;
        width: 50px;
        height: 50px;
        clip-path: path("M50,0H0v50C0,22.3,22.3,0,50,0Z");
    }
}

/*固定ページ　企業情報*/

.about-visual,
.guidance-visual {
    height: auto;
    ackground-attachment: fixed;
    background-position: bottom;
}

.about-visual .txt,
.guidance-visual .txt {
    font-weight: 600;
    letter-spacing: 0.08rem;
    padding-bottom: 10%;
}

.about-visual .txt h3 {
    font-size: 2rem;
    font-weight: 700;
}

.layout-left.txt-block,
.layout-right.txt-block {
    width: 70%;
}

.slider {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    transition: height 0.3s ease;
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--padding-size) 0;
    box-sizing: border-box;
}

.mvv {
    background-image: url(assets/img/mvv-bg.png);
    background-size: cover;
    background-attachment: fixed;
    padding: 5%;
    min-height: 80vh;
    position: relative;
}

.mvv::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    /* 半透明白 */
    pointer-events: none;
    /* クリック等を邪魔しない */
}

.mvv .en {
    font-size: 2rem;
}

.slide h3 {
    font-weight: 700;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    line-height: 2.8rem;
}

.slide h3 .under {
    border-bottom: 3px solid var(--main-color);
}

.slide em {
    font-weight: bold;
    display: inline-block;
}

.slide.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}

.slide .left {
    max-width: 30vw;
    padding-right: var(--padding-size);
}


.slide .right {
    width: 50%;
    font-size: 0.95rem;
    padding-left: 0;
    line-height: 1.8rem;
}

.navigation {
    text-align: center;
    margin-top: 10px;
}

.nav-button {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
    transition: background-color 0.3s;
    color: #ddd;
}

.nav-button.active {
    color: var(--main-color);
    border-bottom: 1px solid var(--main-color);
}

/* レスポンシブ対応 */
@media screen and (max-width: 980px) {

    .about-visual,
    .guidance-visual {
        background-image: none !important;
        background-color: #95d3e0;
    }

    .guidance-visual {
        background-color: #ece3a8;
    }

    .slide {
        flex-direction: column;
    }

    .mvv .en {
        font-size: 1.8rem;
    }

    .slide .left,
    .slide .right {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

    .slide h3,
    .about-visual .txt h3 {
        font-size: 1.2rem;
        line-height: 8.8vw;
    }

    .slide h3 br,
    .slide .right br {
        display: none;
    }

    .nav-button {
        font-size: 1.2rem;
    }

    .about-visual .typography {
        text-align: left;
    }

    .about-visual .txt br {
        display: none;
    }
}

.ceo {
    padding: var(--padding-size);
}

.ceo::before {
    content: "";
    background-color: var(--bg-color);
    width: 100%;
    height: 100px;
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    z-index: -1;
    border-radius: 100px 100px 0 0;
}

.outline .txt-list dt {
    width: 8rem;
}

@media screen and (max-width: 980px) {
    .ceo::before {
        content: none;
    }

    .outline {
        flex-direction: column-reverse;

    }
}

/*沿革*/

.history {
    background-image: url(assets/img/history-bg.jpg);
    background-size: cover;
    padding: 10vw;
}

.history .inner {
    max-width: 48rem;
    margin: 0 auto;
    padding: 5%;
    background-color: var(--bg-color);
    border-radius: 50px;
}


.history .txt-list dt {
    width: 8rem;
}

dl.txt-list dd {
    width: calc(100% - 8rem);
}

.history .txt-list li {
    border: none;
    text-indent: -0.75rem;
    padding-left: 1rem;
    margin: 0;
    margin-left: 1rem;
}

.history .txt-list li::before {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    margin-right: 0.5rem;
    background-color: var(--font-color);
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 980px) {
    .slide {
        font-size: 1.2rem;
        padding: 15px;
        display: block;
        position: static;
        opacity: unset;
    }

    .slider {
        overflow: auto;
    }

    .slide .right {
        width: auto;
    }

    .page-title .page-title-block {
        width: 70vw;
        border-radius: 0 0 50px 0;
    }

    dl.txt-list {
        display: block;
    }

    dl.txt-list dd,
    .layout-left.txt-block,
    .layout-right.txt-block {
        width: auto;
    }

    .txt-list .article-title::before,
    .txt-list dd::before {
        display: none;
    }

    .history .txt-list li {
        margin-left: 0;
    }

    dl.txt-list dt,
    dl.txt-list dd {
        padding: 0;
    }

    dl.txt-list {
        padding: 1rem 0;
    }
}

/*固定ページ　事業案内*/

.service {
    background-image: url(assets/img/ashiato.svg);
    background-repeat: repeat-y;
    background-position: center;
}

.service .flex {
    padding: 5% 0;
    align-items: center;
}

.service .layout-right.has-img,
.service .layout-left.has-img {
    padding: 0;
}

.service .list {
    padding: 1rem;
    border-top: var(--border-style);
}

.service .list li {
    border: none;
    text-indent: -0.8rem;
    padding-left: 1.25rem;
    line-height: 1.8rem;
}

.service .list li::before {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    margin-right: 0.5rem;
    background-color: var(--main-color);
    display: inline-block;
    vertical-align: middle;
}



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

    .service .layout-right.has-img,
    .service .layout-left.has-img {
        order: 1;
    }

    .service .layout-left img,
    .service .layout-right img {
        border-radius: 50px;
    }
}

/*固定ページ　採用情報*/

.page-recruit {
    gap: 20px;
}

/*固定ページ お問い合わせ*/

.wpcf7 {
    max-width: 32rem;
    margin: 0 auto;
}

input {
    padding: 1rem;
    margin-top: 1rem;
    width: 100%;
    border: 0;
    border-bottom: var(--border-style);
    border-radius: 10px;
    background-color: var(--sub-color);
}

input[type="submit"] {
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    border: 0;
}

textarea {
    width: 100%;
    margin-top: 1rem;
    padding: 1rem;
    border: 0;
    border-radius: 10px;
    border-bottom: var(--border-style);
    background-color: var(--sub-color);
}

.required {
    display: inline-block;
    color: var(--link-color);
    background-color: #B23A33;
    border-radius: 2px;
    text-align: center;
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
    letter-spacing: 0.08rem;
}

@media screen and (max-width: 980px) {
    input {
        width: auto;
    }
}

/*固定ページ お取引について*/

.page-guidance .features li {
    background-color: rgba(252, 216, 27, 0.4);
    color: var(--font-color);
    padding: 5%;
    width: 10rem;
    height: 10rem;
    text-align: center;
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 100%;
    font-weight: bold;
}

.page-guidance .features span {
    color: var(--main-color);
    font-size: 1.8rem;
}

.page-guidance .features li img {
    height: 5rem;
    width: auto;
    margin-bottom: 1rem;
}


.page-guidance .products {
    border: 1px solid var(--main-color);
    padding: var(--padding-size);
    max-width: 1024px;
    margin: 5% auto;
}

.page-guidance .products .sub-title {
    padding-top: 0;
}

.guidance-visual .typography {
    text-shadow: 0px 1px 20px rgba(135, 156, 0, 0.9);
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 3.8vw;
}

.guidance-visual .typography span {
    color: rgb(104, 93, 23);
    text-shadow: 0px 1px 20px rgba(135, 156, 0, 0.9);
}


.guidance-visual .txt {
    text-shadow: 0px 1px 5px rgba(236, 227, 168, 1);
    text-shadow:
        3px 3px 5px rgba(236, 227, 168, 1),
        -3px 3px 5px rgba(236, 227, 168, 1),
        -3px -3px 5px rgba(236, 227, 168, 1),
        3px -3px 5px rgba(236, 227, 168, 1);
}

.flow {
    background-image: url("assets/img/service-1.jpg");
    background-size: cover;
    padding: var(--padding-size);
}

.step {
    max-width: 42rem;
    margin: 0 auto;
    background-color: var(--bg-color);
    padding: var(--padding-size);
}

.step dl {
    padding: 1rem;
    border-bottom: var(--border-style);
}

.step dt {
    color: var(--main-color);
    padding: 1rem 0;
}

.step dd {
    padding: 1em;
}

.step .no {
    font-family: var(--typography);
    margin-right: 1rem;
    font-weight: 900;
}


/* スクロールで表示 */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}

/*投稿 お知らせ*/

.single .page-title {
    height: auto
}

.single .sub-title {
    padding: var(--padding-size) 0;
}

.single .content {
    max-width: 48rem;
    margin: 0 auto;
    margin-bottom: 5%;
}

.post-navigation a {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
}

.post-navigation__inner {
    width: 100%;
}

.post-navigation__prev a,
.post-navigation__next a {
    text-decoration: none;
    color: var(--font-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.post-navigation__prev a:hover,
.post-navigation__next a:hover {
    text-decoration: underline;
}

.post-navigation__next a::before,
.post-navigation__prev a::after {
    content: "";
    background-size: contain;
    width: 1.8rem;
    height: 1.8rem;
}

.post-navigation__next a::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i44Kw44Or44O844OXXzgyIiBkYXRhLW5hbWU9IuOCsOODq+ODvOODlyA4MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzUiIGhlaWdodD0iMzUiIHZpZXdCb3g9IjAgMCAzNSAzNSI+IDxjaXJjbGUgaWQ9IualleWGhuW9ol8xIiBkYXRhLW5hbWU9IualleWGhuW9oiAxIiBjeD0iMTcuNSIgY3k9IjE3LjUiIHI9IjE3LjUiIGZpbGw9IiMyODk2NDEiLz4gPHBhdGggaWQ9Ikljb25faW9uaWMtaW9zLWFycm93LXJvdW5kLWZvcndhcmQiIGRhdGEtbmFtZT0iSWNvbiBpb25pYy1pb3MtYXJyb3ctcm91bmQtZm9yd2FyZCIgZD0iTTEyLjU2OCwxMS40MTdhLjU4OC41ODgsMCwwLDEsMCwuODI4bC0yLjczNiwyLjc0SDIwLjI0OGEuNTg1LjU4NSwwLDAsMSwwLDEuMTdIOS44NDFsMi43MzYsMi43NGEuNTkyLjU5MiwwLDAsMSwwLC44MjguNTgzLjU4MywwLDAsMS0uODIzLDBMOC4wNDEsMTUuOTg0aDBBLjY1Ny42NTcsMCwwLDEsNy45MiwxNS44YS41NTguNTU4LDAsMCwxLS4wNDUtLjIyNS41ODYuNTg2LDAsMCwxLC4xNjYtLjQwOWwzLjcwOC0zLjczNUEuNTczLjU3MywwLDAsMSwxMi41NjgsMTEuNDE3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy43OTMgMi4xODcpIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
    margin-right: 1rem;
}

.post-navigation__prev a::after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSIgdmlld0JveD0iMCAwIDM1IDM1Ij4gPGcgaWQ9IuOCsOODq+ODvOODl184MSIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgODEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjUpIj4gPGNpcmNsZSBpZD0i5qWV5YaG5b2iXzEiIGRhdGEtbmFtZT0i5qWV5YaG5b2iIDEiIGN4PSIxNy41IiBjeT0iMTcuNSIgcj0iMTcuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41KSIgZmlsbD0iIzI4OTY0MSIvPiA8cGF0aCBpZD0iSWNvbl9pb25pYy1pb3MtYXJyb3ctcm91bmQtZm9yd2FyZCIgZGF0YS1uYW1lPSJJY29uIGlvbmljLWlvcy1hcnJvdy1yb3VuZC1mb3J3YXJkIiBkPSJNMTYuMTM2LDExLjQxN2EuNTg4LjU4OCwwLDAsMCwwLC44MjhsMi43MzYsMi43NEg4LjQ1NWEuNTg1LjU4NSwwLDAsMCwwLDEuMTdIMTguODYzTDE2LjEyNywxOC45YS41OTIuNTkyLDAsMCwwLDAsLjgyOC41ODMuNTgzLDAsMCwwLC44MjMsMGwzLjcwOC0zLjczNWgwYS42NTcuNjU3LDAsMCwwLC4xMjEtLjE4NC41NTguNTU4LDAsMCwwLC4wNDUtLjIyNS41ODYuNTg2LDAsMCwwLS4xNjYtLjQwOWwtMy43MDgtMy43MzVBLjU3My41NzMsMCwwLDAsMTYuMTM2LDExLjQxN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuMDA0IDIuMTg3KSIgZmlsbD0iI2ZmZiIvPiA8L2c+PC9zdmc+");
    margin-left: 1rem;
}

@media screen and (max-width: 980px) {
    .page-guidance .features li {
        margin: 1rem auto;
        padding: 10vw;
        font-size: 1.2rem;
    }

    .page-guidance .features li img {
        height: 3rem;
    }

    .single .content {
        margin: 5%;
    }

    .post-navigation__inner>div a {
        padding: 5%;
        border-bottom: 1px solid #ccc;
    }

    .guidance-visual .typography,
    .guidance-visual .typography span {
        font-size: 1.4rem;
        font-weight: 600;
        text-shadow: none;
    }

    .page-guidance .products {
        width: 80%;
    }
}

/*個人情報保護方針*/

.privacy-policy .sub-title.left {
    padding: 1rem 0;
    padding-top: 2rem;
}

.privacy-policy h3 {
    padding: 1rem 0;
}


.wp-block-list li::before {
    content: "・";
    color: var(--main-color);
}