@charset "utf-8";
/* 親しみのある丸ゴシック（見出し・英字ラベル・ロゴ・FV用） */
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@500;700;900&family=M+PLUS+Rounded+1c:wght@500;700;800&display=swap");
/*　共通　*/
html {
    font-size: 62.5%;
}

div#site-loader-overlay {
    background-color: rgb(249 249 249);
}

body {
    font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-size: 15px;
    font-style: normal;
    color: rgb(44 58 50);
    letter-spacing: 0.05rem;
    position: relative;
    counter-reset: number 0;
    line-height: 2.4;
    background-color: rgb(249 249 249);
}

.headline-font-type {
    font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font-type1 {
    font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a {
    color: rgb(44 58 50);
    font-weight: 500;
}

address {
    font-style: normal;
}

.header-bar {
    background-color: rgb(249 249 249) !important;
}

.top-slider-content-inner::after {
    display: none;
}

.top-slider-wrapper {
    overflow: hidden;
    position: relative;
    width: calc(100% - 60px);
    height: calc(97vh - 100px);
    margin: 0 auto;
    background: #fff;
}

.top-slider-wrapper .onituka-fv::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(48 48 48 / 45%);
    z-index: 1;
}
/*
.top-slider-wrapper::after {
  content: 'SCROLL';
  position: absolute;
  color: rgb(249 249 249);
  line-height: 1;
  bottom: 5rem;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 100;
  z-index: 10;
  letter-spacing: 0.45rem;
}*/

.top-slider {
    position: relative;
}

.top-slider::after, div#top-slider-content::after, .header-youtube::after {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 3.5rem;
    background: rgb(249 249 249);
    bottom: 0;
    left: 50%;
    z-index: 1;
}

.top-slider-content-inner:hover {
    background: unset;
}

div#content01 {
    position: relative;
}

div#content01::before {
    content: "";
    position: absolute;
    width: 0.1rem;
    height: 3.5rem;
    background: rgb(95 168 90);
    top: 0;
    left: 50%;
    z-index: 1;
}

ul#top-slider-nav {
    display: none;
}

.logo-image {
    position: absolute;
    top: 2.6rem;
    left: 3.5rem;
    width: 24rem;
    height: auto;
    margin-left: 0;
    font-size: 1.6rem;
}

.logo-image img {
    width: 100%;
}

.header-bar-inner {
    width: 100%;
}

.global-nav {
    padding-right: 2rem;
}

.global-nav>ul>li>a {
    font-size: 1.5rem;
    line-height: 9.2rem;
    padding: 0 2rem 0 2rem;
    text-align: center;
    letter-spacing: 0.25rem;
    color: rgb(44 58 50);
}

.global-nav>ul>li>a::after {
    position: relative;
    text-align: center;
    display: block;
    bottom: 2.8rem;
    line-height: 1;
    font-size: 0.8rem;
    letter-spacing: 0.45rem;
    font-weight: 400;
    color: rgb(44 58 50);
}
.global-nav>ul>li>a span {
    position: relative;
    text-align: center;
    display: block;
    bottom: 2.8rem;
    line-height: 1;
    font-size: 11px;
    letter-spacing: 0.45rem;
    font-weight: 400;
    color: rgb(44 58 50);
    font-weight: 600;
    text-transform: lowercase;
}

.global-nav>ul>li.global-menu-001>a::after {
    content: 'HOME';
}

.global-nav>ul>li.global-menu-002>a::after {
    content: 'MENU';
}

.global-nav>ul>li.global-menu-003>a::after {
    content: 'GREETING';
}

.global-nav>ul>li.global-menu-004>a::after {
    content: 'INFO';
}

.global-nav>ul>li.global-menu-005>a::after {
    content: 'CONTACT';
}

.global-nav>ul>li>a:hover::after, .global-nav .current-menu-item>a::after {
    color: rgb(95 168 90);
}

.global-nav .sub-menu a {
    background-color: rgb(44 58 50);
}

.global-nav .sub-menu .current-menu-item>a {
    color: #ffffff;
}

.global-nav .sub-menu .current-menu-item>a::before {
    display: none;
}

.mb_YTPBar {
    display: none !important;
}

.top-slider-content {
    width: auto !important;
    height: 100% !important;
    background: none;
    padding: 0 !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0;
    z-index: 10;
}

.top-slider-content-inner {
    background: none;
    box-sizing: border-box;
    border-radius: 0;
    text-align: left;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    height: 100% !important;
    width: 100% !important;
}

.fv-main-content {
    width: 100%;
    height: 100%;
}

.fv-main-content-box {
    width: 10%;
    max-width: 14rem;
    height: 100%;
    margin: 0 auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
}

.fv-main-content-box img {
    width: 100%;
    height: auto;
}

.flex_lay {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
}

.flex_lay_box {
    width: calc(50% - 1.5rem);
    height: auto;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    display: -webkit-flex;
    display: flex;
    position: relative;
}

.flex_lay_box:nth-child(even) {}

.footer {
    position: relative;
    margin-top: 0;
}

.footer-map-box {
    width: 100%;
    height: 40rem;
    margin: 0 auto;
}

img.yoyaku_bunner {
    max-width: 30rem;
}

img.yoyaku_bunner:hover {
    opacity: 50%;
    transition: 0.5s;
}

footer#footer_wrapper {
    background: rgb(249 249 249);
    position: relative;
    z-index: 0;
}

.footer_inner_sec {
    width: 86%;
    max-width: 100rem;
    margin: 0 auto;
    padding: 6rem 0 3rem 0;
}

.footer_about_logo img {
    width: 100%;
    max-width: 18rem !important;
    margin-bottom: 1rem;
    display: none;
}

.footer_about_info {
    width: calc(55% - 1.5rem);
    box-sizing: border-box;
    color: rgb(44 58 50);
}

.footer_menu_box {
    width: calc(45% - 1.5rem);
    box-sizing: border-box;
    text-align: right;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    display: -webkit-flex;
    display: flex;
}

.footer_about_info h2 {
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
    letter-spacing: 0.1rem;
}

p.address_footer {
    position: relative;
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 0.8em;
    font-weight: 400;
}

p.address_footer span {
    margin-right: 0.5rem;
}

address.footer-contact-tel {
    font-size: 1.2em;
    line-height: 1;
    margin: 0.5rem auto 0.5rem 0;
    font-style: normal;
    letter-spacing: 0.1rem;
    font-weight: 800;
}

address.footer-contact-tel span {
    font-size: 0.7em;
}

address.footer-contact-tel a {
    color: #000000;
}

address.footer-contact-fax {
    font-size: 1.2em;
    line-height: 1;
    margin: 0.25rem auto 1rem 0;
    font-style: normal;
    letter-spacing: 0.1rem;
}

address.footer-contact-fax span {
    font-size: 0.7em;
}

address.footer-contact-fax a {
    color: #fefefe;
}

p.footer-contact-time span::before {
    content: "＜";
}

p.footer-contact-time span::after {
    content: "＞";
}

p.footer-contact-time {
    font-size: 1.2rem;
    line-height: 1;
    margin-top: 0.5rem;
}

p.footer-contact-time span {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

p.footer-contact-time span:first-of-type {
    margin-left: 0;
}

.footer-bar01, p.copyright {
    background: rgb(255 255 255 / 0%);
    color: rgb(44 58 50);
    font-size: 1rem;
}

a.footer-con_but {
    display: inline-block;
    position: relative;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 5rem;
    text-align: center;
    margin-right: 0.5rem;
    background: #5fa85a;
    transition: all .8s;
}

.footer-con-sns-but {
    margin-top: 2rem;
}

a.footer-con_but span {
    display: none;
}

a.footer-con_but::before {
    content: '';
    font-family: "design_plus";
    font-size: 2rem;
    color: #fff;
    z-index: 1;
    width: 5rem;
    font-weight: 400;
}

a.footer-con_but.footer-instagram_but::before {
    content: "\ea92";
}

a.footer-con_but.footer-line_but::before {
    content: "\e909";
}

a.footer-con_but.footer-instagram_but {
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}

a.footer-con_but.footer-line_but {
    background-color: #18c507;
}

a.footer-con_but.footer-twitter_but {
    background: #00acee;
}

a.footer-con_but.footer-twitter_but::before {
    content: "\f099";
    font-family: 'FontAwesome';
    color: #fff;
    z-index: 1;
    width: 4rem;
}

a.footer-con_but.footer-facebook_but {
    background: #3B5998;
}

a.footer-con_but.footer-facebook_but::before {
    content: "\f39e";
    font-family: 'FontAwesome';
    color: #fff;
    z-index: 1;
    width: 4rem;
}

a.footer-con_but:hover {
    opacity: 25%;
}

div#pagetop a {
    border-radius: 10rem;
    line-height: 1.7rem;
    background: rgb(95 168 90);
}

div#pagetop a:hover {
    background: rgb(44 58 50);
}

div#pagetop {
    padding-right: 1rem;
    padding-bottom: 1rem;
}

/*　footersitemap　*/
.footer-sitemap.flex_lay {
    gap: 3rem;
}

ul.footer-list {
    width: calc(50% - 1.5rem);
    box-sizing: border-box;
    padding: 0;
}

.footer-sitemap-tittle {
    font-weight: 400;
    font-size: 1.4rem;
    color: #8C8C8C;
    letter-spacing: 0.5rem;
    margin-bottom: 0.5rem;
}

ul.footer-list li {
    line-height: 2;
    padding-bottom: 0.5rem;
    font-size: 1.1rem;
}

ul.footer-list li a {
    position: relative;
    font-weight: 400;
    color: rgb(44 58 50);
}

ul.footer-list li a span{
    display: none;
}

ul.footer-list li a::after {
    position: absolute;
    content: '';
    height: 0.1rem;
    width: 0%;
    left: 0;
    bottom: -0.2rem;
    background: rgb(95 168 90);
    transition: 0.4s;
}

ul.footer-list li a:hover::after {
    width: 100%;
}

/*　footersitemap___END　*/
/*　footercontact100　*/
.footer_100_contact {
    background: rgb(95 168 90);
    display: flex;
}

.footer_100_contact a {
    width: 100%;
    height: 36rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 1;
    color: #fff;
}

.footer_100_contact p._tittle {
    font-size: 4rem;
    font-weight: 100;
    letter-spacing: 1.2rem;
    line-height: 1.2;
}

.footer_100_contact p._text {
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
}

.footer_100_contact p.all_text {
    font-size: 0.85em;
    line-height: 2;
    text-align: center;
}

.footer_100_contact a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    background: #404040;
    transition: 0.5s;
    z-index: -1;
}

.footer_100_contact a:hover::before {
    width: 100%;
}

/*　footercontact100___END　*/
/*　Instagram埋め込み　*/
.instagram_feed_inner {
    margin: 0 auto;
    max-width: 125rem;
    width: 86%;
}

h2.instagram_title {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.6rem;
    font-weight: 100;
    line-height: 1.5;
    position: relative;
    color: rgb(95 168 90);
    margin-bottom: 2.5rem;
}

h2.instagram_title::before {
    content: "";
    display: block;
    width: 3.4rem;
    height: 3.4rem;
    margin: 0 auto 0.8rem;
    background-color: rgb(95 168 90);
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.64.07 4.85s-.01 3.58-.07 4.85c-.15 3.22-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.64-.07-4.85s.01-3.58.07-4.85c.15-3.23 1.66-4.77 4.92-4.92 1.27-.06 1.64-.07 4.85-.07zM12 0c-3.26 0-3.67.01-4.95.07C2.69.27.27 2.69.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95C.27 21.31 2.69 23.73 7.05 23.93c1.28.06 1.69.07 4.95.07s3.67-.01 4.95-.07c4.36-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95C23.78 2.69 21.36.27 17 .07 15.72.01 15.31 0 12 0zm0 5.84c-3.4 0-6.16 2.76-6.16 6.16s2.76 6.16 6.16 6.16 6.16-2.76 6.16-6.16c0-3.4-2.76-6.16-6.16-6.16zm0 10.16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm6.41-11.85c-.8 0-1.44.65-1.44 1.44s.65 1.44 1.44 1.44 1.44-.65 1.44-1.44-.65-1.44-1.44-1.44z'/></svg>");
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.64.07 4.85s-.01 3.58-.07 4.85c-.15 3.22-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.64-.07-4.85s.01-3.58.07-4.85c.15-3.23 1.66-4.77 4.92-4.92 1.27-.06 1.64-.07 4.85-.07zM12 0c-3.26 0-3.67.01-4.95.07C2.69.27.27 2.69.07 7.05.01 8.33 0 8.74 0 12s.01 3.67.07 4.95C.27 21.31 2.69 23.73 7.05 23.93c1.28.06 1.69.07 4.95.07s3.67-.01 4.95-.07c4.36-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95C23.78 2.69 21.36.27 17 .07 15.72.01 15.31 0 12 0zm0 5.84c-3.4 0-6.16 2.76-6.16 6.16s2.76 6.16 6.16 6.16 6.16-2.76 6.16-6.16c0-3.4-2.76-6.16-6.16-6.16zm0 10.16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm6.41-11.85c-.8 0-1.44.65-1.44 1.44s.65 1.44 1.44 1.44 1.44-.65 1.44-1.44-.65-1.44-1.44-1.44z'/></svg>");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.instagram_feed_inner .flex_lay_box {
    width: calc(30% - 1.5rem);
}

.instagram_feed_inner .flex_lay_box:nth-child(even) {
    width: calc(70% - 1.5rem);
}

@media screen and (max-width:430px) {
    .instagram_feed_inner .flex_lay_box, .instagram_feed_inner .flex_lay_box:nth-child(even) {
        width: 100%;
    }

    h2.instagram_title {
        margin-bottom: 0;
        font-size: 1.6rem;
    }
}

/*　Instagram埋め込み___END　*/
/*　共通レスポンシブ　*/
.dp-footer-bar-item+.dp-footer-bar-item {
    border-left: 1px solid rgb(249 249 249);
}

.dp-footer-bar {
    border-top: 1px solid rgb(249 249 249);
}

.dp-footer-bar a {
    color: rgb(249 249 249);
    background: rgb(95 168 90);
    line-height: 1.5;
}

.icon-file-text:before {
    content: "\ea92";
}

@media only screen and (min-width: 1200px) {
    .global-nav .current-menu-item>a::before, .global-nav>ul>li>a::before, .global-nav .sub-menu a::before {
        content: '';
        height: 0.1rem;
        left: 2rem;
        width: 0;
        bottom: 0;
        position: absolute;
        background: rgb(95 168 90);
        transition: 0.5s;
    }

    .global-nav .current-menu-item>a::before, .global-nav>ul>li>a:hover::before {
        width: calc(100% - 4rem);
    }
}

@media only screen and (min-width: 768px) {
    address.footer-contact-tel a, address.footer-contact-fax a {
        pointer-events: none;
    }
}

@media screen and (max-width: 1200px) {
    .header-bar {
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 0;
    }

    .logo-image {
        width: 18rem;
        top: -0.25rem;
        left: 1.5rem;
    }
    .logo img{
        max-height: 100px !important;
    }

    .global-nav-button:before {
        color: rgb(95 168 90);
    }

    .top-slider-wrapper {
        width: 100%;
        height: 52vh;
    }

    .top-slider-wrapper::after {
        display: none;
    }

    .header-youtube, .top-slider {
        height: 52vh;
    }

    .global-nav>ul>li>a {
        line-height: 4rem;
        padding: 10px 0;
        text-align: center;
        background: #fff;
        border-bottom: 1px solid #ccc;
        color: #666;
    }
    .global-nav .current-menu-item > a{
        color: #666;
    }
    .global-nav>ul>li>a:before{display: none;}
    .global-nav>ul>li>a span{
        position: absolute;
        left: 50%;
        bottom: 20px;
        text-align: center;
        padding: 0;
        transform: translateX(-50%);
        color: rgb(44 58 50);
    }

    .global-nav>ul>li>a::after {
        display: none;
    }

    .global-nav a, .global-nav a:hover {
        background: #fff;
        color: #666;
    }

    .global-nav>ul>li>a:hover::after, .global-nav .current-menu-item>a::after {
        color: #fff;
    }

    .global-nav .sub-menu a {
        font-size: 1em;
        padding-left: 5rem;
        background-color: rgb(169 123 6);
    }

    .footer_100_contact a {
        height: 33rem;
    }
}

@media screen and (max-width: 834px) {
    .flex_lay {
        gap: 1.5rem;
    }

    .flex_lay_box {
        width: 100%;
    }

    .flex_lay_box:nth-child(even) {
        margin-bottom: 0;
    }

    .footer_about_info {
        width: 100%;
        text-align: center;
    }

    .footer_menu_box {
        width: 100%;
        max-width: 25rem;
        margin: 0 auto;
        padding-left: 0;
    }

    .footer-bar01, p.copyright {
        text-align: center;
    }

    ul.footer-list {
        text-align: center;
    }

    .footer_100_contact p._tittle {
        font-size: 2.5rem;
        letter-spacing: 0.65rem;
    }

    .footer_100_contact p._text {
        font-size: 0.8em;
        margin-bottom: 1.5rem;
    }

    .footer_100_contact a {
        height: 26rem;
    }

    .footer-sitemap-tittle {
        text-align: center;
    }
}

@media screen and (max-width:430px) {
    .header-bar-fixed~.top-slider-wrapper, .header-youtube {
        height: 42vh;
    }

    .global-nav .sub-menu a {
        font-size: 0.9em;
        padding-left: 4rem;
    }

    p.address_footer span {
        display: block;
    }

    .fv-main-content-box {
        width: 15%;
    }

    .footer_inner_sec.flex_lay {
        padding: 4rem 0 2rem 0;
    }
}

@media screen and (max-height:430px) {
    .header-youtube, .top-slider {
        height: 100vh;
    }

    .top-slider-wrapper {
        height: 100vh;
    }
}

/*　共通___END　*/
/*　オリジナル フロント　*/
.original_inner {
    margin: 0 auto;
    max-width: 125rem;
    width: 86%;
}

section.original01 {
    padding: 15rem 0 15rem;
    position: relative;
}

section.original01 .flex_lay_box {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    width: fit-content;
    height: 100%;
}

.original_sub_menu, .ori_topics__title h2 {
    font-size: 1.5rem;
    letter-spacing: 0.6rem;
    font-weight: 100;
    line-height: 1.5;
    position: relative;
    color: rgb(95 168 90);
}

.original01_fast_title {
    position: relative;
}

.original_sub_menu span, .ori_topics__title h2 span {
    display: block;
    font-size: 0.4em;
    font-weight: 300;
    letter-spacing: 0.2rem;
}

section.original01 h2 {
    font-size: 2.75rem;
    letter-spacing: 0.6rem;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    margin-left: 5rem;
}

.original01_fast_title .flex_lay {
    flex-direction: row-reverse;
    height: 100%;
    max-height: 50rem;
}

.original01_fast_title p {
    font-size: 1.1em;
}

section.original01 h2::before {
    content: "CONCEPT";
    display: block;
    font-size: 1.5rem;
    letter-spacing: 0.6rem;
    font-weight: 100;
    line-height: 1.5;
    position: relative;
    color: rgb(95 168 90);
    margin-left: 2rem;
}

section.original01 .flex_lay_box img {
    display: none;
}

section.original01::before {
    content: "";
    position: absolute;
    width: 50%;
    height: 70%;
    top: 15%;
    left: 0;
    background-image: url(img/fp_original01.jpg?20250611);
    background-size: cover;
    background-position: center;
}

section.original03 {
    padding: 15rem 0 15rem;
    position: relative;
}

section.original03::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(img/5.jpg);
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    z-index: -10;
}

section.original03::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -10;
    background: rgb(44 58 50 / 70%);
    background: linear-gradient(108deg, rgb(44 58 50) 0%, rgb(44 58 50 / 61%) 100%);
}

.original03-text {
    position: relative;
    color: #ffffff;
    padding-right: 50%;
}

.original03-text h2 {
    font-size: 2.5rem;
    letter-spacing: 0.1rem;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
    color: rgb(255 255 255);
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.original03-text .original_sub_menu {
    color: rgb(249 249 249);
}

.original03-text .kp_yoyakuru00 {
    text-align: left;
    margin-top: 3rem;
}

section.original04 {
    margin: 15rem 0 15rem;
    background-color: rgb(254 254 254 / 0%);
}

.original04__frame {
    position: relative;
}

.original04__frame:last-of-type {
    margin-bottom: 0;
}

.original04__inner {
    width: 90%;
    margin: 0 auto;
    position: relative;
    gap: 0;
}

.original04__inner.second {
    flex-direction: row-reverse;
}

.original04__img {
    width: 60%;
    height: auto;
}

.original04__img img {
    width: 100%;
}

.original04__text {
    width: 40%;
    box-sizing: border-box;
    position: relative;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    display: -webkit-flex;
    display: flex;
}

.original04__text h2 {
    font-size: 2.25rem;
    letter-spacing: 0.05rem;
    color: rgb(44 58 50);
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.original04__text p {
    line-height: 2;
}

.original04__text::before {
    content: "POINT.1";
    display: block;
    z-index: -1;
    font-size: 2rem;
    line-height: 2;
    font-weight: 100;
    color: rgb(95 168 90);
    letter-spacing: 0.6rem;
}

.original04__frame:nth-of-type(2) .original04__text::before {
    content: "POINT.2";
}

.original04__frame:nth-of-type(3) .original04__text::before {
    content: "POINT.3";
}

section.ori_topics {
    margin: 12rem 0 15rem;
}

.ori_topics_inner {
    max-width: 120rem;
    width: 86%;
    margin: 0 auto;
}

.ori_topics__title h2 {
    font-size: 3rem;
    margin-bottom: 3rem;
    text-align: center;
}

section.ori_topics .ori_topics_inner {
    position: relative;
}

h2.headline-primary.headline-font-type {
    display: none;
}

.article03 {
    background: #ffffff;
    border: solid 1px #F2F2F2;
    box-sizing: border-box;
}

h2.article03-title.headline-font-type {
    color: rgb(44 58 50);
    font-size: 1.3rem;
}

/*　オリジナル フロント　レスポンシブ　*/
@media screen and (max-width:1200px) {
    section.original01 {
        padding: 10rem 0 10rem;
    }

    section.original01 h2, .original03-text h2 {
        font-size: 2.5rem;
    }

    section.original03 {
        padding: 10rem 0 10rem;
    }

    .original03-text {
        padding: 0;
    }

    section.original04 {
        margin: 10rem 0 10rem;
    }

    .original04__inner {
        width: 86%;
        gap: 2rem;
    }

    .original04__frame {
        margin: 0 0 5rem;
    }

    .original04__text br {
        display: none;
    }

    .original04__img {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        display: -webkit-flex;
        display: flex;
    }

    .original04__frame .original04__text {
        width: 100%;
    }

    section.ori_topics {
        margin: 8rem 0 10rem;
    }

    .article03-content {
        padding: 1.5rem 2rem;
    }

    h2.article03-title.headline-font-type {
        font-weight: 300;
        font-size: 1.3rem;
        margin-top: 0.5rem;
    }

    .ori_topics__title h2 {
        margin-bottom: 2rem;
    }

    section.original01 h2 {
        margin-left: 3rem;
    }

    section.original01::before {
        width: 45%;
    }
}

@media screen and (max-width:834px) {
    section.original01 h2, .original03-text h2, h2.content01-title.headline-font-type, h2.headline-primary.headline-font-type, .original01a_title h2 {
        font-size: 2.5rem;
        text-align: left;
    }

    section.original01 {
        padding: 6rem 0 5rem;
    }

    .original_sub_menu, .ori_topics__title h2 {
        font-size: 2.5rem;
    }

    .original_sub_menu span, .ori_topics__title h2 span {
        margin-bottom: 2rem;
    }

    section.original03 {
        padding: 5rem 0 5rem;
    }

    .original03-text h2 {
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }

    .original03-text h2 br {
        display: none;
    }

    .original_sub_menu.original04_sub {
        margin-top: 5rem;
    }

    section.original04 {
        margin: 8rem 0 8rem;
    }

    .original04__text h2 {
        font-size: 2rem;
        margin-bottom: 1rem;
    }

    section.ori_topics {
        margin: 5rem 0 5rem;
    }

    .article03-content {
        padding: 1rem 1rem;
    }

    .original01_fast_title .flex_lay {
        flex-direction: unset;
        max-height: unset;
        gap: 2rem;
    }

    section.original01 .flex_lay_box {
        -ms-writing-mode: unset;
        writing-mode: unset;
        text-orientation: unset;
        width: unset;
    }

    section.original01::before {
        display: none;
    }

    section.original01 .flex_lay_box img {
        display: unset;
        width: 100%;
    }

    section.original01 h2 {
        margin-left: 0;
        margin-bottom: 1.5rem;
    }

    section.original01 h2::before {
        margin-left: 0;
        margin-bottom: 0.25rem;
    }

    section.original01 h2 br {
        display: none;
    }

    .original01_fast_title p {
        font-size: 1em;
        line-height: 2;
    }

    .original03-text .original_sub_menu {
        font-size: 1.5rem;
    }

    .ori_topics__title h2 {
        margin-bottom: 2rem;
    }

    .original03-text .kp_yoyakuru00 {
        margin-top: 2rem;
    }
}

@media screen and (max-width:430px) {
    section.original01 h2, .original03-text h2 {
        font-size: 1.8rem;
        letter-spacing: 0.1rem;
    }

    .original04__frame {
        margin: 0 0 2.5rem;
    }

    .original04__text h2 {
        font-size: 1.75rem;
    }

    section.ori_topics {
        margin: 3rem 0 3rem;
    }

    .ori_topics__title h2 {
        font-size: 2.25rem;
    }

    h2.article03-title.headline-font-type {
        padding: 0 0.5rem;
    }

    p.article03-meta {
        padding: 0 0.5rem;
    }

    .article03 {
        width: 100%;
        margin: 0 auto 2.5rem !important;
    }

    .top-blog {
        margin-bottom: 5%;
    }

    .original03-text .original_sub_menu {
        font-size: 1.25rem;
    }

    section.original04 {
        margin: 5rem 0 6rem;
    }

    .original04__inner.fast.flex_lay {
        gap: 1rem;
    }
}

@media screen and (max-height: 430px) {}

/*　オリジナル フロント___END　*/
/*　オリジナル content02　*/
.content02-item {
    margin-left: 2.5%;
    margin-right: 2.5%;
    width: 31.66666%;
}

.content02 {
    position: relative;
    background: none;
    margin: 10rem 0 0;
}

.content02-inner {
    width: 86%;
    padding: 0 0 15rem;
}

.content02-img {
    /*max-width: 42.5rem;*/
    height: auto;
    margin: auto;
    position: relative;
}

.content02-img a {
    width: 100%;
    height: auto;
    display: block;
}

.content02-img img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    aspect-ratio: 640/420;
    object-fit: cover;
}

.content02-title {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 400;
    color: rgb(61 70 75);
    margin-top: 0.25em;
    margin-bottom: 1.25rem;
    position: relative;
    text-align: left;
}

.content02-text {
    line-height: 2;
    font-size: 1.3rem;
    color: rgb(44 58 50);
}

a.content02-button {
    width: 100%;
    font-size: 1.2rem;
    height: 4rem;
    line-height: 4rem;
    color: rgb(95 168 90);
    padding: 0;
    text-align: left;
    background: rgb(255 255 255 / 0%);
    transition: 0.5s;
    z-index: 1;
    letter-spacing: 0.6rem;
}

a.content02-button::before {
    content: "";
    width: 15%;
    height: 0.1rem;
    left: 0;
    bottom: 0;
    position: absolute;
    box-sizing: border-box;
    background: rgb(95 168 90);
    transition: 0.5s;
    z-index: -1;
}

a.content02-button:hover {
    color: rgb(95 168 90);
    background: rgb(255 255 255 / 0%);
}

a.content02-button:hover::before {
    width: 100%;
}

.content02-subtittle {
    font-size: 1em;
    margin-top: 2rem;
    letter-spacing: 0.6rem;
    font-weight: 100;
    line-height: 1.5;
    position: relative;
    color: rgb(95 168 90);
    display: none;
}

.content02-subtittle span {
    letter-spacing: 0.3rem;
    font-size: 0.8em;
    margin-left: 0.5rem;
}

/*　オリジナル content02 レスポンシブ  */
@media screen and (min-width:1024px) {
    .content02-item.flex_lay {
        display: block;
    }
}

@media screen and (max-width:1200px) {
    .content02 {
        margin: 0 0 0;
    }

    .content02-inner {
        width: 100%;
        padding: 0 3rem 9rem;
    }

    .content02-item {
        margin-left: 3.04348%;
    }

    .content02::after {
        left: 0;
        width: 100%;
    }

    .content02-subtittle {
        font-size: 0.85em;
    }
}

@media screen and (max-width:834px) {
    .content02-inner {
        padding: 0 0 8rem;
        display: block;
    }

    .content02-item {
        width: 90%;
        float: unset;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        padding-bottom: 0;
        margin-bottom: 3rem;
    }

    .content02-img {
        max-width: unset;
    }

    .conte02_box {
        width: calc(50% - 1.5rem);
    }

    .content02-item.flex_lay {
        max-width: unset;
        width: 86%;
        padding-bottom: 0;
        margin-bottom: 3rem;
    }

    .content02-item.flex_lay .conte02_box:nth-of-type(2) {
        margin-left: 1.5rem;
    }

    a.content02-button {
        position: relative;
    }

    .conte02_box .content02-title {
        margin-top: 0;
    }

    .content02-item:last-of-type {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 736px) {
    .content02 .original_sub_menu {
        margin-bottom: 3rem;
    }

    .content02-item.flex_lay {
        margin-bottom: 4rem;
    }

    .content02-item.flex_lay:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width:430px) {
    .content02-inner {
        padding: 0 0 5rem;
    }

    .content02-title br {
        display: none;
    }

    .conte02_box {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        /* align-items: center; */
        display: -webkit-flex;
        display: flex;
    }

    .conte02_box .content02-title {
        margin-top: 0.25rem;
        margin-bottom: 1rem;
    }

    .content02-item.flex_lay .conte02_box:nth-of-type(2) {
        margin: 0;
    }

    .original01_fast_title .flex_lay {
        gap: 1.5rem;
    }

    .content02-img img {
        width: 100%;
        margin: 0 auto;
    }

    .content02-subtittle {
        margin-top: 0;
    }

    a.content02-button {
        margin-bottom: 0;
        margin-top: 0rem;
        padding: 0;
        height: 5rem;
    }

    .content02-item {
        width: 86%;
        gap: 1.5rem;
        margin-bottom: 4rem;
    }
}

/*　オリジナル content02___END　*/
/*　投稿ページ　*/
.archive-header {
    margin-top: 5rem;
    margin-bottom: 5rem;
}

body.blog .main, body.archive.category .main, body.archive.date .main {
    margin-top: 6em;
    margin-bottom: 6rem;
}

body.post-template-default .main {
    margin-bottom: 8rem;
}

h2.archive-title.headline-font-type {
    font-size: 3rem !important;
}

h1.post-title.headline-font-type {
    font-size: 2.2rem !important;
    font-weight: 400;
    margin: 10rem 0 0.2rem;
    color: rgb(44 58 50);
}

p.post-meta {
    margin-bottom: 3rem;
}

.page_navi p.back a {
    background: #5fa85a;
}

div#single_share_bottom {
    margin-top: 5rem;
}

#wp-calendar caption {
    color: rgb(44 58 50);
}

h4.headline-bar {
    background-color: rgb(255 255 255 / 0%);
    color: rgb(44 58 50);
    padding: 0;
    padding-left: 1em;
    border-bottom: solid 1px rgb(227 223 223);
    border-left: solid 1px rgb(95 168 90);
    margin-bottom: 1.5rem !important;
}

span.post-date {
    display: block;
    color: rgb(44 58 50);
}

.single .post-content img {
    width: auto;
}

.secondary.fright a:hover {
    color: rgb(95 168 90);
}

#wp-calendar thead th {
    font-weight: 400;
}

/*　投稿ページレスポンシブ　*/
@media screen and (max-width:1200px) {
    .archive-header {
        margin-bottom: 2.5rem;
    }
}

@media screen and (max-width:834px) {
    .post-meta-box {
        background: none;
    }

    body.blog .main, body.archive.category .main, body.archive.date .main {
        margin-top: 6rem;
    }

    h4.headline-bar {
        padding: inherit;
        text-align: left;
        padding-left: 1.5rem;
    }

    h1.post-title.headline-font-type {
        font-size: 1.8rem !important;
        margin: 7rem 0 0.2rem;
    }

    body.post-template-default .main {
        margin-bottom: 4rem;
    }

    h2.archive-title.headline-font-type {
        font-size: 2.6rem !important;
    }

    p.post-meta {
        margin-bottom: 2rem;
    }
}

/*　投稿ページ___END　*/
/*　固定ページ　*/
.signage {
    /*  background-image: url(img/i_catch.jpg?20250611) !important;
      background-size: cover;*/
    height: 30rem;
    z-index: 0;
}

.signage::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(44 58 50 / 73%);
    z-index: -1;
}

.breadcrumb li a, .breadcrumb li {
    color: rgb(249 249 249);
}

h1.signage-title.headline-font-type {
    font-size: 3.5rem !important;
    text-shadow: none;
    color: rgb(249 249 249) !important;
    line-height: 1.5;
    position: relative;
    margin-bottom: 0;
    margin-top: 2rem;
}

p.signage-title-sub {
    font-size: 1.25rem !important;
    font-weight: 100;
    letter-spacing: 0.5rem;
    text-shadow: none;
    color: rgb(249 249 249) !important;
}

.kp-content_inner {
    max-width: 115rem;
    width: 86%;
    margin: 0 auto;
}

.post-header {
    margin: 0;
}

section.kp-main-content {
    padding: 10rem 0 10rem;
    position: relative;
}

.kp-content {
    margin-bottom: 8rem;
}

.kp-content:last-of-type {
    margin-bottom: 0;
}

.kp-content_child {
    margin-bottom: 5rem;
}

.kp-content_child:last-child {
    margin-bottom: 0;
}

.post-content h2 {
    padding: 0;
    color: rgb(44 58 50);
    font-size: 3.2rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    text-align: center;
    position: relative;
    line-height: 1.8;
}

.post-content h2::after {
    content: "";
    display: block;
    width: 3rem;
    height: 0.1rem;
    background: rgb(95 168 90);
    text-align: center;
    margin: 0 auto;
    margin-top: 2.5rem;
}

.post-content h3 {
    font-size: 1.6rem;
    letter-spacing: 0.05rem;
    padding: 0;
    line-height: 1.5;
    font-weight: 400;
    color: rgb(44 58 50);
    margin-bottom: 0.5rem;
    margin-top: 2rem;
    border-bottom: dotted 0.1rem rgb(204 196 177);
    padding-bottom: 0.75rem;
}

.post-content h3:first-of-type {
    margin-top: 0;
}

.post-content p {
    font-size: 1.4rem;
    margin: 0;
}

.post-content table {
    margin: 0 0 0 0;
}

.post-content tr {
    border-bottom: solid 1px rgb(207 199 176);
}

.post-content td, .post-content th {
    border: none;
    background: transparent;
    vertical-align: middle;
    padding: 2.25rem 1.25rem 2.25rem;
    line-height: 1.8;
}

.post-content th {
    background: transparent;
    width: 23%;
    vertical-align: middle;
    color: rgb(44 58 50);
    font-weight: 500;
    text-align: left;
}

.post-content address {
    margin: 0 0 0 0;
    line-height: 2.2;
    font-style: normal;
}

address.single_page {
    font-weight: 500;
    font-size: 2rem;
    color: #ff3b63;
    letter-spacing: 0.05rem;
    line-height: 1;
    margin-bottom: 1rem;
    text-align: center;
}

address.single_page span {
    font-size: 0.5em;
    font-weight: 400;
}

.triangle {
    width: 0;
    height: 0;
    border-left: 10rem solid transparent;
    border-right: 10rem solid transparent;
    border-top: 3rem solid #dee8e8;
    margin: auto;
    margin-bottom: 10%;
}

section.kp-main-content.faq_00 h2 {
    margin-bottom: 0.25rem;
    font-weight: 400;
    color: rgb(44 50 53);
    padding-left: 5.5rem !important;
    padding-top: 0.25rem;
    text-align: left;
    letter-spacing: 0.1rem;
    position: relative;
}

section.kp-main-content.faq_00 h2::before {
    content: "Q";
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 4rem;
    line-height: 3.5rem;
    background: rgb(95 168 90);
    font-size: 2.25rem;
    font-weight: 100;
    color: #ffffff;
    text-align: center;
}

section.kp-main-content.faq_00 h2::after {
    display: none;
}

section.kp-main-content.faq_00 p {
    padding-left: 5.5rem;
    border-bottom: dotted 1px rgb(95 168 90);
    padding-bottom: 5rem;
    margin-bottom: 5rem;
}

section.kp-main-content.faq_00 p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.flow-box {
    display: block;
    position: relative;
    padding-left: 10rem;
    max-width: 70rem;
    padding-bottom: 6rem;
    margin: 0 auto;
}

.flow-box:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

.flow-box::before {
    counter-increment: number 1;
    content: counter(number);
    background: rgb(249 249 249);
    display: block;
    position: absolute;
    width: 6.1rem;
    height: 6.1rem;
    text-align: center;
    line-height: 5.5rem;
    left: 0;
    color: rgb(44 58 50);
    font-size: 3rem;
    font-weight: 200;
    top: 0;
    z-index: 2;
    border-top: 0.1rem solid rgb(44 58 50);
    border-bottom: 0.1rem solid rgb(44 58 50);
    box-sizing: border-box;
}

.flow-box h2 {
    text-align: left;
    margin-bottom: 0.5rem;
    border: none;
    font-size: 2rem;
    color: rgb(49 52 53);
}

.flow-box h2 span {
    font-size: 0.6rem;
    margin-right: 0.5rem;
    font-weight: 400;
    letter-spacing: 0.05rem;
    color: #ff3b63;
    display: block;
    line-height: 1;
}

.flow-box h2::after {
    display: none;
}

.flow-box::after {
    height: 100%;
    width: 0.1rem;
    content: "";
    top: 0;
    left: 3rem;
    background: rgb(44 58 50);
    display: block;
    position: absolute;
    z-index: 0;
}

.flow-box:last-child::after {
    content: none;
    height: 0;
}

.flow-box:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

table.mail_table tr {
    border: 0;
}

.wpcf7 form {
    margin: 0;
}

section.kp-main-content.information .kp-content_inner, section.kp-main-content.contact .kp-content_inner, section.kp-main-content.faq_00 .kp-content_inner {
    max-width: 85rem;
}

p.kp_center00 {
    text-align: center;
}

p.kp_contact_required {
    font-size: 0.95em;
    margin-bottom: 1rem;
}

a.kp_bunner_btn, a.kp_contact_insta_but {
    box-sizing: border-box;
    display: block;
    width: 100%;
    max-width: 32rem;
    line-height: 5rem;
    border: solid 0.1rem rgb(95 168 90);
    color: rgb(95 168 90);
    background: #fff;
    padding: 0.75rem 0;
    text-align: center;
    margin: 0 auto;
    transition: 0.5s;
    position: relative;
}

a.kp_bunner_btn:hover, a.kp_contact_insta_but:hover {
    background-color: rgb(95 168 90);
    border: solid 0.1rem rgb(95 168 90);
    color: rgb(249 249 249);
}

.kp_yoyakuru00 {
    text-align: center;
}

ul.kp_kome_mark {
    margin-top: 0.5rem;
}

ul.kp_kome_mark li {
    position: relative;
    line-height: 1.6;
    padding-left: 1.6rem;
    font-size: 0.85em;
    color: #818181;
    margin-bottom: 0.25rem;
}

ul.kp_kome_mark li:last-of-type {
    margin-bottom: 0;
}

ul.kp_kome_mark li::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.6;
    color: rgb(231 0 18);
}

a.kp_contact_insta_but::before {
    content: "\ea92";
    font-family: "design_plus";
    font-size: 2rem;
    position: absolute;
    left: 3rem;
    line-height: 5rem;
}

a.kp_contact_insta_but {
    text-align: right;
    padding-right: 3rem;
}

section.kp-main-content.greeting p {
    line-height: 2.3;
}

section.kp-main-content.greeting h3 {
    margin-top: 1rem;
}

section.kp-main-content.greeting ul.kp_kome_mark li::before {
    content: "\f304";
    font-family: 'fontawesome';
    color: rgb(95 168 90);
}

section.kp-main-content.greeting ul.kp_kome_mark li {
    color: rgb(44 58 50);
    padding-left: 2.5rem;
    font-size: 1em;
}

.service-container {
    border-top: 1px dotted rgb(95 168 90);
    border-left: 1px dotted rgb(95 168 90);
    box-sizing: border-box;
    gap: 0;
}

.service-box {
    width: 50%;
    box-sizing: border-box;
    border-right: 1px dotted rgb(95 168 90);
    border-bottom: 1px dotted rgb(95 168 90);
    padding: 3em;
    position: relative;
}

.service-box h2 {
    font-size: 1.1em;
    color: rgb(128 92 1);
    margin-bottom: 1rem;
}

.service-box h2::after {
    content: "";
    margin-top: 1.5em;
    display: none;
}

section.kp-main-content.menu00 .kp-content_inner {
    max-width: 100rem;
}

.service-box::before {
    counter-increment: number 1;
    content: counter(number);
    position: absolute;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    top: 0;
    left: 0;
    border-right: 1px dotted rgb(95 168 90);
    border-bottom: 1px dotted rgb(95 168 90);
    text-align: center;
    font-size: 2rem;
    color: rgb(95 168 90);
}

/*　☆固定ページレスポンシブ　*/
@media screen and (max-width:1200px) {
    section.kp-main-content {
        padding: 7rem 0 7rem;
    }

    .kp-content {
        margin-bottom: 5rem;
    }

    .post-content h2 {
        line-height: 1.5;
    }

    section.kp-main-content.faq_00 p {
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }
}

@media screen and (max-width:834px) {
    .signage {
        height: 20rem;
    }

    h1.signage-title.headline-font-type {
        font-size: 2.5rem !important;
        margin-top: 0.5rem;
    }

    p.signage-title-sub {
        font-size: 1rem !important;
    }

    .post-content td, .post-content th {
        display: block;
        box-sizing: border-box;
        width: 100%;
        padding: 1.5rem 1rem;
        line-height: 2;
    }

    .service-box {
        width: 100%;
    }

    section.kp-main-content.information th {
        padding-bottom: 0;
    }

    section.kp-main-content.information td {
        padding-top: 0;
    }
}

@media screen and (max-width:430px) {
    p.kp_center00 {
        text-align: left;
    }

    .wpcf7 input.wpcf7-submit {
        height: 5rem;
    }

    .flow-box {
        padding-left: 8rem;
    }

    .flow-box h2 span {
        line-height: 1.5;
    }

    address.single_page {
        font-size: 2rem;
        padding-left: 0;
    }

    .service-box {
        padding: 2.5rem 2rem 2.5rem;
    }

    section.kp-main-content.faq_00 h2::before {
        width: 3.5rem;
        height: 3.5rem;
        line-height: 3rem;
        font-size: 2rem;
    }

    section.kp-main-content.faq_00 h2 {
        padding-left: 5rem !important;
        font-size: 1.6rem;
    }

    section.kp-main-content.faq_00 p {
        padding-left: 5rem;
    }

    section.kp-main-content.greeting p {
        line-height: 2.1;
    }

    .service-box::before {
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.8rem;
    }
}

/*　固定ページ___END　*/

/* スマホ動画 */
video {display:block;}
#bg-video {
    right:0;
    bottom:0;
    z-index:-1;
}
#main-image {
    background-color: rgba(0, 0, 0, 0);
}
video {
    min-height: 20%;
    min-height: 20vh;
    min-width: 20%;
    min-width: 20vw;
    width:100%;
    height:auto;
    background: url('/wp-content/uploads/2025/06/main-sp.jpg') no-repeat;
    background-attachment: fixed;
    background-position: center center;
}
@media screen and (max-width: 430px) {
    .header-bar-fixed~.top-slider-wrapper, .header-youtube {
        height: auto;
    }
}
p.tel-caution::before {
    content: '※';
    color: #da3c3c;
}

/* ==========================================================================
   content02 - サービス3カード（ボックス装飾）
   ========================================================================== */
.content02-item {
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 6px 28px rgba(44, 58, 50, 0.07), 0 1px 4px rgba(44, 58, 50, 0.04);
    transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.45s cubic-bezier(0.22, 0.61, 0.36, 1);
    box-sizing: border-box;
    /* style.css の position:absolute ボタン用の予約余白を解除 */
    padding-bottom: 0;
    /* カード内を縦flexにしてボタンを下端に揃える */
    display: flex;
    flex-direction: column;
}

/* 上部の細い緑→ターコイズのアクセントライン */
.content02-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgb(95 168 90) 0%, rgb(95 168 90) 60%, rgb(14 155 155) 100%);
    z-index: 3;
}

/* 右上のかすかな葉モチーフ装飾（小さく上品に） */
.content02-item::after {
    content: "";
    position: absolute;
    top: 1.6rem;
    right: 1.6rem;
    width: 1.4rem;
    height: 1.4rem;
    border-top: 1px solid rgba(47, 107, 74, 0.45);
    border-right: 1px solid rgba(47, 107, 74, 0.45);
    z-index: 3;
    opacity: 0.7;
    transition: opacity 0.45s ease;
}

.content02-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(44, 58, 50, 0.11), 0 3px 8px rgba(44, 58, 50, 0.05);
}

.content02-item:hover::after {
    opacity: 1;
}

/* 画像はカード上部に edge-to-edge で配置 */
.content02-item .content02-img {
    margin: 0;
    overflow: hidden;
}

.content02-item .content02-img img {
    display: block;
    width: 100%;
    transition: transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.content02-item:hover .content02-img img {
    transform: scale(1.05);
}

/* テキスト側のコンテンツボックスに内側余白を付与 */
.content02-item > .conte02_box:not(.content02-img) {
    padding: 2.8rem 2.6rem 2.4rem;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    box-sizing: border-box;
}

/* タイトル下にうっすら緑の下線を入れて区切り */
.content02-item .content02-title {
    margin-top: 0.4rem;
    margin-bottom: 1.4rem;
    padding-bottom: 1.2rem;
    position: relative;
}

.content02-item .content02-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3rem;
    height: 1px;
    background: rgba(47, 107, 74, 0.35);
}

.content02-item .content02-text {
    margin-bottom: 1.6rem;
}

/* READ MORE ボタンの位置調整：絶対配置を解除し、カード下端へ自然に配置 */
/* position: relative にして ::before の下線アンカーを button 自身に戻す */
.content02-item a.content02-button {
    position: relative !important;
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
    bottom: auto;
    left: auto;
}

/* レスポンシブ：834px以下（タブレット・スマホ） */
@media screen and (max-width: 834px) {
    .content02-item {
        display: block !important;
        padding: 0 !important;
        gap: 0 !important;
        margin-bottom: 4rem !important;
        width: 86% !important;
        max-width: 56rem;
    }

    .content02-item .content02-img {
        width: 100% !important;
    }

    .content02-item .content02-img img {
        aspect-ratio: 640/360;
    }

    .content02-item > .conte02_box:not(.content02-img) {
        width: 100% !important;
        padding: 2.4rem 2.2rem 2.2rem !important;
    }

    .content02-item::after {
        top: 1.2rem;
        right: 1.2rem;
        width: 1.1rem;
        height: 1.1rem;
    }
}

@media screen and (max-width: 430px) {
    .content02-item {
        width: 90% !important;
    }

    .content02-item > .conte02_box:not(.content02-img) {
        padding: 2rem 1.8rem 1.8rem;
    }

    .content02-item .content02-title {
        padding-bottom: 1rem;
        margin-bottom: 1.2rem;
    }
}
/* ==========================================================================
   content02___END
   ========================================================================== */

/* ==========================================================================
   親しみリメイク（明るい緑 / 丸ゴシック見出し / 柔らかな装飾 / 背景柄）
   ※ original.css は最後に読み込まれるため、ここでの上書きが最優先される
   ========================================================================== */
:root {
    --onituka-round: "Zen Maru Gothic", "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", "Rounded Mplus 1c", -apple-system, "Segoe UI", "メイリオ", Meiryo, sans-serif;
}

/* --- 見出し（日本語）を丸ゴシック・少し太めに ------------------------------ */
.headline-font-type,
.font-type1,
section.original01 h2,
.original03-text h2,
.original04__text h2,
.ori_topics__title h2,
.content02-title,
.content02-item .content02-title,
.article02-title,
.article03-title,
h2.article03-title.headline-font-type,
.signage-title {
    font-family: var(--onituka-round) !important;
    font-weight: 700;
    letter-spacing: 0.04em;
}

/* --- 英字ラベル（CONCEPT / POINT.1 / MESSAGE / TOPICS 等）もブロック体に ---- */
.original_sub_menu,
.original_sub_menu span,
.ori_topics__title h2 span,
section.original01 h2::before,
.original04__text::before,
.content02-subtittle,
.content02-subtittle span,
h2.instagram_title {
    font-family: var(--onituka-round) !important;
    font-weight: 700 !important;
    letter-spacing: 0.18rem;
}

/* --- ヘッダーロゴ「オニツカ造園」も丸ゴシックで親しみやすく ---------------- */
.logo-text a.onituka-logo,
.logo a.rich_font_logo.onituka-logo {
    font-family: var(--onituka-round) !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em;
}
/* ロゴ左のアクセントを角→丸ドットにして柔らかく */
.logo-text a.onituka-logo .onituka-logo__main::before {
    border-radius: 50%;
    transform: translateY(-50%) rotate(0deg);
}

/* --- FV のコピー類も丸ゴシックに統一（明朝→親しみ） ----------------------- */
.onituka-fv__copy,
.onituka-fv__sub,
.onituka-fv__en {
    font-family: var(--onituka-round) !important;
}
.onituka-fv__copy {
    font-weight: 900;
    letter-spacing: 0.06em;
}
.onituka-fv__en {
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.28em;
}

/* --- 背景にうっすら葉っぱの柄＋ほんのり緑のトーン ------------------------- */
/* body に敷くことで original03 等の全面背景画像（z-index:-10）を隠さない */
body {
    background-color: #f4f8f1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='%235fa85a' fill-opacity='0.05'%3E%3Cpath d='M20 10c-9 6-11 18-4 30 9-6 11-18 4-30z'/%3E%3Cpath d='M66 40c5 9 1 22-11 27-5-10 1-22 11-27z'/%3E%3Cpath d='M44 62c-6 4-14 3-21-2 5-6 14-6 21 2z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 84px 84px;
    background-repeat: repeat;
}

/* --- カードを柔らかく（角丸大きめ） -------------------------------------- */
.content02-item {
    border-radius: 16px;
}
.content02-item .content02-img {
    border-radius: 16px 16px 0 0;
}
/* ブログ/新着のカードも角丸でトーンを揃える */
.article03 {
    border-radius: 14px;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.article03:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 34px rgba(44, 58, 50, 0.10);
}
/* ==========================================================================
   親しみリメイク___END
   ========================================================================== */

/* スマホ動画 */
video {display:block;}
#bg-video {
    right:0;
    bottom:0;
    z-index:-1;
}
#main-image {
    background-color: rgba(0, 0, 0, 0);
}
video {
    min-height: 20%;
    min-height: 20vh;
    min-width: 20%;
    min-width: 20vw;
    width:100%;
    height:auto;
    background: url('/wp-content/uploads/2025/06/main-sp.jpg') no-repeat;
    background-attachment: fixed;
    background-position: center center;
}
@media screen and (max-width: 430px) {
    .header-bar-fixed~.top-slider-wrapper, .header-youtube {
        height: auto;
    }
}
p.tel-caution::before {
    content: '※';
    color: #da3c3c;
}
.c-flex-od1{
    order: 1;
}
.c-flex-od2{
    order: 2;
}
.content_inner {
    width: 86%;
    max-width: 1150px;
    margin: 0px auto;
    padding: 100px 0;
    box-sizing: border-box;
    position: relative;
}
.col-item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.col-item img{
    max-width: 100%;
    height: auto;
    display: inline-block;
}
.pagebtn {
    margin-top: 60px;
    text-align: center;
}

.res-concept{
    padding: 4% 10%;
    vertical-align: middle;
    box-sizing: border-box;
}
.res-concept-s{
    padding: 4%;
    vertical-align: middle;
    box-sizing: border-box;
}

/* for consept-section */
.concept-section p{
    line-height: 2.2;
}
@media only screen and (max-width: 767px) {
    h2.h2-con-m,
    h2.h2-con-s{
        font-size: 130% !important;
        margin-bottom: 1em !important;
        margin-top: 1em !important;
    }
    .res-concept{
        padding: 4% 2%;
    }
}
@media only screen and (min-width: 998px){
    .row-2{
        display: flex;
        justify-content: center;
    }
    .row-2 .col-item{
        width: 50%;
        flex: 1;
    }
    .c-flex-od1{
        order: 2;
    }
    .c-flex-od2{
        order: 1;
    }
}

.flex-inner {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.greeting_intro-img {
    width: 40%;
    box-sizing: border-box;
}

.greeting_intro-title {
    width: calc(60% - 4em);
    margin-left: 4em;
}

.greeting_intro {}

.greeting_intro-title h2 {
    padding: 0;
    margin: 0;
    font-size: 1.4em;
    border: none;
    text-align: left;
}

.greeting_intro-title h2::after {
    display: none;
}

span.greeting_intro-name {
    display: block;
    font-size: 0.8em;
    color: #303D64;
}

.greeting-text {
    margin: 4em auto 0;
}

@media only screen and (max-width: 485px) {
    .greeting_intro-img {
        width: 100%;
    }

    .greeting_intro-title {
        width: 100%;
        margin: 2em auto 0;
    }

    .greeting-text {
        margin-top: 3em;
    }
}

span.ruby {
    font-size: 0.7em;
    margin-left: 1em;
}

table.greeting__table {
    box-sizing: border-box;
    font-size: 0.8em;
    margin: 1em auto 0;
}

.coach__box {
    margin: 3em auto 0;
}

ul.greeting__list {
    list-style: none;
    margin: 1em auto;
}

ul.greeting__list li {
    position: relative;
    padding-left: 1.5em;
    font-weight: 900;
}

ul.greeting__list li::before {
    font-family: "Font Awesome 5 Free";
    content: "\f058";
    position: absolute;
    top: 0;
    left: 0;
    color: #303D64;
}

.faq-sec {
    margin: 3em auto 0;
}

.post-content .faq-sec h2, .faq-sec p {
    padding-left: 45px;
    position: relative;
}

.post-content .faq-sec h2 {
    font-size: 1.2em;
    margin-bottom: 0.75em;
    padding-bottom: 0;
    padding-top: 0;
    border: none;
    text-align: left;
}

.faq-sec h2::after {
    display: none;
}

.faq-sec p {
    margin-bottom: 3em;
    padding-bottom: 2em;
    border-bottom: 2px solid #ffffff;
}

.faq-sec p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.faq-sec h2::before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #303D64;
    position: absolute;
    left: 0;
    top: 0;
    content: 'Q';
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.faq-sec p::before {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #303D64;
    position: absolute;
    left: 0;
    top: 0;
    content: 'A';
    text-align: center;
    font-size: 16px;
    color: #fff;
}

@media only screen and (max-width: 1024px) {
    .faq-sec h2, .faq-sec p {
        padding-left: 45px;
    }

    .faq-sec h2::before, .faq-sec p::before {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 20px;
    }
}

/* お問い合わせ */
.contact_sec .content_inner, .mail_sec .content_inner {
    max-width: 1000px;
}
.contact_sec .content_inner {
    padding-bottom: 0;
}
.con__inner {
    margin-bottom: 40px;
}
.con__inner:last-of-type {
    margin-bottom: 0;
}
.con__inner p {
    margin-bottom: 0;
}
address.con_tel {
    font-size: 2.5em;
    font-style: normal;
    letter-spacing: .05em;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1;
    color: #000;
    text-align: center;
}
address.con_tel a {
    color: #000;
}
span.con_tel_sub {
    font-size: 0.5em;
    letter-spacing: 1px;
    margin-right: 5px;
    color: #151515;
}
p.con-time {
    width: fit-content;
    margin: auto;
    margin-bottom: 10px;
    line-height: 1.5;
    font-weight: 600;
}
p.con_time:last-of-type {
    margin-bottom: 0;
}
p.con-time span {
    display: inline-block;
    margin-right: 10px;
    color: #000;
}
p.con_caution {
    font-size: 0.85em;
    width: fit-content;
    margin: 0 auto 10px;
}
.mail_info_box {
    margin-bottom: 30px;
}
.mail_info_box p {
    font-size: 0.9em;
    line-height: 2;
    margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
    address.con_tel {
        font-size: 1.8em;
    }
}
/* お問い合わせ END */
/* お問い合わせフォーム */
span.required {
    font-size: 0.7em;
    line-height: 1.5;
    letter-spacing: 0;
    display: inline-block;
    margin-left: 8px;
    margin-bottom: 8px;
    padding: 3px 5px;
    border-radius: 2px;
    color: #fff;
    background: #ff5353;
}
.wpcf7 {
    border: none;
    background: none;
    margin-bottom: 0 !important;
}
.wpcf7 input, .wpcf7 textarea {
    background: #efefef;
    border: 0;
    padding: 18px;
    box-sizing: border-box;
}
.wpcf7 form {
    margin: 0;
}
.wpcf7 form p {
    font-size: 15px;
    font-weight: 700;
    line-height: 2.5;
    margin-bottom: 22px;
}
.wpcf7 form p:last-of-type {
    margin-bottom: 0;
}
.wpcf7-list-item {
    margin-left: 0;
    margin-top: 8px;
    line-height: 1.5;
    font-weight: 500;
}
.wpcf7 select {
    background: #fff;
}
.wpcf7 input.wpcf7-submit {
    margin-top: 30px;
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    font-size: 1.2em;
    font-weight: 700;
    height: 75px;
    color: #fff;
    background: #000;
    border-radius: 100px;
    transition: all .5s;
    font-family: 'Quicksand', 'Noto Sans JP', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.wpcf7 input.wpcf7-submit:hover {
    color: #000;
    background: #e0f6dd;
    transform: translateY(8px);
}
.wpcf7 input:focus, .wpcf7 textarea:focus {
    box-shadow: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
    background: #ffd8df;
    line-height: 1.8;
    padding: 15px 20px;
}
@media only screen and (max-width: 767px) {
    .wpcf7 input.wpcf7-submit {
        margin-top: 20px;
    }
}
/* お問い合わせフォーム END */

.icon-share-alt:before{
    content: "\e909";
}

.content_inner a.footer_but {
    display: block;
    margin: 30px auto 0;
    line-height: 60px;
    background: #02a400;
    color: #ffffff;
    box-sizing: border-box;
    position: relative;
    max-width: 300px;
    padding: 0 25px;
    text-align: left;
    box-shadow: 0px 5px 10px -41px rgba(0, 0, 0, 0.035), 0px 40px 80px -41px rgba(0, 0, 0, 0.07);
    overflow: hidden;
    font-weight: 700;
    border-radius: 30px;
}
a.footer_but::after {
    font-family: 'design_plus';
    content: '\e909';
    font-weight: 500;
    position: absolute;
    right: 25px;
    font-size: 20px;
}
.content_inner a.footer_but:hover,
.content_inner a.footer_but:after:hover{
    color: #fff;
}

/* ==========================================================================
   トップページ デザイン一新 ：「深緑ナチュラル」テーマ
   ─ 深めの緑をベース／温かい・シンプル・親しみ／草・木を連想させる装飾 ─
   original.css は最後に読み込まれるため、この上書きが最優先で効く
   文言・画像は既存のまま、レイアウトと配色のみ刷新
   ========================================================================== */
#content01.fp-natural {
    /* === カラーパレット（深緑ベース） === */
    --g-deep:   #2b3d2e;   /* 最も深い森の緑（濃い見出し・ダーク背景） */
    --g-forest: #3a5a40;   /* 深緑ベース（見出し・ボタン） */
    --g-moss:   #4f7a4a;   /* 中間の緑 */
    --g-leaf:   #6a994e;   /* 若葉のアクセント */
    --g-sage:   #9db08a;   /* やわらかいセージ */
    --cream:    #f7f3e8;   /* あたたかい生成り（背景） */
    --cream-2:  #efe9d8;   /* 少し濃い生成り */
    --paper:    #fffdf7;   /* カード地色 */
    --ink:      #33433a;   /* 本文テキスト */
    --line:     rgba(58,90,64,.14);

    position: relative;
    color: var(--ink);
    /* 生成りベース＋ごく淡い葉のテクスチャで“ナチュラル”な地に */
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    /* 葉っぱ柄は全面に敷くとくどいので、.fp-leaf を付けたセクションだけに表示する */
    overflow: hidden;
}
#content01.fp-natural p { color: var(--ink); }

/* 葉っぱ柄ユーティリティ ─ 表示したいセクションに class="... fp-leaf" を付ける */
#content01.fp-natural .fp-leaf {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cg fill='%233a5a40' fill-opacity='0.06'%3E%3Cg transform='translate(34 44) rotate(-22)'%3E%3Cpath d='M0 0 C 7 -6 7 -18 0 -28 C -7 -18 -7 -6 0 0 Z'/%3E%3C/g%3E%3Cg transform='translate(49 40) rotate(18)'%3E%3Cpath d='M0 0 C 6 -5 6 -15 0 -23 C -6 -15 -6 -5 0 0 Z'/%3E%3C/g%3E%3Cg transform='translate(120 100) rotate(-16)'%3E%3Cpath d='M0 0 C 7 -6 7 -18 0 -28 C -7 -18 -7 -6 0 0 Z'/%3E%3C/g%3E%3Cg transform='translate(135 96) rotate(22)'%3E%3Cpath d='M0 0 C 6 -5 6 -15 0 -23 C -6 -15 -6 -5 0 0 Z'/%3E%3C/g%3E%3Cg transform='translate(96 142) rotate(6)'%3E%3Cpath d='M0 0 C 6 -5 6 -16 0 -24 C -6 -16 -6 -5 0 0 Z'/%3E%3C/g%3E%3C/g%3E%3Cg fill='none' stroke='%234f7a4a' stroke-opacity='0.07' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M60 150 C 56 134 55 122 60 108'/%3E%3Cpath d='M66 150 C 66 132 68 120 65 106'/%3E%3Cpath d='M72 150 C 77 134 79 122 74 110'/%3E%3Cpath d='M12 104 C 8 90 8 80 12 68'/%3E%3Cpath d='M18 104 C 18 88 20 78 17 66'/%3E%3Cpath d='M24 104 C 29 90 30 80 26 70'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 160px 160px;
}

/* --- 共通：英字ラベルの前に“若葉”マークを添える -------------------------- */
#content01.fp-natural .original_sub_menu,
#content01.fp-natural section.original01 h2::before,
#content01.fp-natural .content02-subtittle,
#content01.fp-natural .original04__text::before,
#content01.fp-natural .ori_topics__title h2 {
    color: var(--g-leaf) !important;
}
#content01.fp-natural section.original01 h2::before,
#content01.fp-natural .original_sub_menu,
#content01.fp-natural .content02-subtittle {
    display: inline-flex;
    align-items: center;
    gap: .55em;
}
#content01.fp-natural section.original01 h2::before {
    content: "🌿 CONCEPT";
}

/* ==========================================================================
   ① original01 ─ CONCEPT（イントロ）：横並びのやわらかカード
   ========================================================================== */
#content01.fp-natural section.original01 {
    padding: 9rem 0 8rem;
}
/* 左半分に敷いていた背景画像は解除（画像は右カラムで見せる） */
#content01.fp-natural section.original01::before { display: none; }

#content01.fp-natural .original01_fast_title .flex_lay {
    flex-direction: row;
    align-items: center;
    max-height: none;
    gap: 5rem;
}
/* 縦書き→横書きに戻して読みやすく */
#content01.fp-natural section.original01 .flex_lay_box {
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    width: calc(50% - 2.5rem);
    height: auto;
}
#content01.fp-natural section.original01 h2 {
    margin-left: 0;
    font-size: 2.6rem;
    color: var(--g-forest);
    line-height: 1.55;
}
#content01.fp-natural section.original01 h2::before {
    margin-left: 0;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    letter-spacing: .3rem;
}
#content01.fp-natural .original01_fast_title p {
    margin-top: 1.75rem;
    line-height: 2.1;
    font-size: 1.05em;
}
/* 右カラムの写真：有機的な角丸＋やわらかい影＋若葉フレーム */
#content01.fp-natural section.original01 .flex_lay_box img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 42rem;
    object-fit: cover;
    border-radius: 46% 54% 48% 52% / 58% 46% 54% 42%;
    box-shadow: 0 24px 48px rgba(43,61,46,.18);
}
#content01.fp-natural section.original01 .flex_lay_box:last-child::after {
    content: "";
    position: absolute;
    inset: -1.4rem -1.4rem auto auto;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 46% 54% 48% 52% / 58% 46% 54% 42%;
    background: repeating-linear-gradient(45deg, rgba(106,153,78,.16) 0 8px, rgba(106,153,78,0) 8px 18px);
}

/* ==========================================================================
   ② content02 ─ MENU（3つのカード）
   ========================================================================== */
#content01.fp-natural .content02 { margin: 2rem 0 0; }
#content01.fp-natural .content02-inner { padding: 0 0 9rem; }

#content01.fp-natural .content02-item {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(43,61,46,.06);
    overflow: hidden;
    transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
#content01.fp-natural .content02-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 44px rgba(43,61,46,.14);
}
#content01.fp-natural .content02-img {
    border-radius: 0;
    overflow: hidden;
}
#content01.fp-natural .content02-item .content02-img { border-radius: 0; }
#content01.fp-natural .content02-img img {
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
}
#content01.fp-natural .content02-item:hover .content02-img img { transform: scale(1.06); }

/* テキスト部に余白を持たせる（2つ目の conte02_box を内側パディング化） */
#content01.fp-natural .content02-item > .conte02_box:last-child {
    padding: 2rem 2.2rem 2.4rem;
}
/* MENU / SERVICE …のラベルを若葉色のピル型に */
#content01.fp-natural .content02-subtittle {
    color: var(--g-leaf) !important;
    font-size: 1.15rem;
    letter-spacing: .16rem;
}
#content01.fp-natural .content02-subtittle span {
    color: var(--g-moss);
    font-weight: 500;
    letter-spacing: .05rem;
}
#content01.fp-natural .content02-title {
    color: var(--g-forest);
    font-size: 1.55rem;
}
#content01.fp-natural .content02-text {
    color: var(--ink);
    font-size: 1.02rem;
}
/* ボタン：深緑の下線アクセント */
#content01.fp-natural a.content02-button {
    color: var(--g-forest);
    font-weight: 700;
    margin-top: 1rem;
}
#content01.fp-natural a.content02-button::before { background: var(--g-leaf); }

/* ==========================================================================
   ③ original03 ─ MESSAGE：深緑オーバーレイの浮きカード
   ========================================================================== */
#content01.fp-natural section.original03 {
    padding: 8rem 0;
    margin: 1rem 0 2rem;
    /* #content01 に生成り背景を敷いたため、原03の背景レイヤー(z-index:-10)が
       隠れてしまう。独自の重なり文脈を作り、背景画像→オーバーレイ→文字の順に */
    position: relative;
    z-index: 0;
    isolation: isolate;
}
#content01.fp-natural section.original03::before { z-index: 0; }
/* オーバーレイをより深い緑のグラデーションに */
#content01.fp-natural section.original03::after {
    z-index: 1;
    background: linear-gradient(115deg, rgba(29,43,32,.92) 0%, rgba(43,61,46,.78) 55%, rgba(58,90,64,.66) 100%);
}
#content01.fp-natural .original03-text { z-index: 2; }
#content01.fp-natural .original03-text {
    padding-right: 45%;
}
#content01.fp-natural .original03-text .original_sub_menu {
    color: #dbe7cf !important;
    font-size: 1.4rem;
    letter-spacing: .3rem;
}
#content01.fp-natural .original03-text .original_sub_menu::before { content: "🌱 "; }
#content01.fp-natural .original03-text h2 {
    font-size: 2.5rem;
    line-height: 1.6;
}
#content01.fp-natural .original03-text p { color: #eef3e8; line-height: 2.1; }

/* ==========================================================================
   ④ original04 ─ POINT（3つの特長）：番号バッジ＋角丸写真
   ========================================================================== */
#content01.fp-natural section.original04 { margin: 8rem 0; }
#content01.fp-natural .original04__frame { margin: 0 0 6rem; }
#content01.fp-natural .original04__img img {
    border-radius: 18px 0 0 18px;
    box-shadow: 0 18px 40px rgba(43,61,46,.14);
}
#content01.fp-natural .second .original04__img img {
    border-radius: 0 18px 18px 0;
}
/* テキストは白いカードに載せて文字の視認性を高める */
#content01.fp-natural .original04__text {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 0 18px 18px 0;
    padding: 2.6rem 2.8rem;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    align-items: flex-start;
    text-align: left;
}
#content01.fp-natural .second .original04__text {
	border-radius: 18px 0 0 18px;
}
/* POINT.1/2/3 のラベル：番号バッジは廃止、本文と左端をそろえて左揃え */
#content01.fp-natural .original04__text::before {
    position: static;
    z-index: auto;
    padding-left: 0;
    margin: 0 0 .5rem;
    color: var(--g-leaf);
    font-size: 2rem;
    letter-spacing: .3rem;
    text-align: left;
}
#content01.fp-natural .original04__text::after { content: none; display: none; }
#content01.fp-natural .original04__text h2 {
    color: var(--g-forest);
    font-size: 2.1rem;
    margin-top: 0;
}
#content01.fp-natural .original04__text p { color: var(--ink); line-height: 2.1; }

/* ==========================================================================
   ⑤ ori_topics ─ TOPICS（新着情報／ブログ）
   ========================================================================== */
#content01.fp-natural section.ori_topics { margin: 8rem 0 9rem; }
#content01.fp-natural .ori_topics__title h2 {
    color: var(--g-forest);
    font-size: 2.6rem;
}
#content01.fp-natural .ori_topics__title h2 span {
    color: var(--g-leaf);
    letter-spacing: .3rem;
}
/* 見出しの下に若葉の下線 */
#content01.fp-natural .ori_topics__title h2::after {
    content: "";
    display: block;
    width: 4.2rem; height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}
#content01.fp-natural .article03 {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
}
#content01.fp-natural .article03:hover {
    box-shadow: 0 18px 38px rgba(43,61,46,.12);
}
#content01.fp-natural h2.article03-title.headline-font-type { color: var(--g-forest); }

/* 一覧へ進むボタン（p.button a）を深緑のピル型に */
#content01.fp-natural p.button a {
    display: inline-block;
    padding: 1.1rem 3.4rem;
    background: var(--g-forest);
    color: #fff;
    border-radius: 999px;
    letter-spacing: .12rem;
    font-weight: 700;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
#content01.fp-natural p.button a:hover {
    background: var(--g-leaf);
    transform: translateY(-2px);
}
.single-post .main .inner {
    background: #fff;
}
.single-post .main .inner h1.post-title {
    padding: 20px 0 0;
}
.single-post .main .inner .flex_layout {
    padding: 0 20px;
}

@media screen and (max-width:1200px) {
	#content01.fp-natural .original04__img img,
	#content01.fp-natural .second .original04__img img {
		border-radius: 18px;
	}
	
	#content01.fp-natural .original04__text,
	#content01.fp-natural .second .original04__text {
		border-radius: 18px;
	}
}
/* ==========================================================================
   レスポンシブ（〜834px）：2カラムを縦積みに
   ========================================================================== */
@media screen and (max-width:834px) {
    #content01.fp-natural section.original01 { padding: 5rem 0 4rem; }
    #content01.fp-natural .original01_fast_title .flex_lay {
        flex-direction: column;
        gap: 2.5rem;
    }
    #content01.fp-natural section.original01 .flex_lay_box { width: 100%; }
    #content01.fp-natural section.original01 h2 { font-size: 2rem; }
    #content01.fp-natural section.original01 .flex_lay_box:last-child::after { display: none; }
    #content01.fp-natural section.original01 .flex_lay_box img {
        max-height: 30rem;
        border-radius: 42% 58% 46% 54% / 56% 44% 56% 44%;
    }
    #content01.fp-natural section.original01 h2{
        margin-bottom: 1.5rem;
    }
    #content01.fp-natural section.original01 h2::before{
        display: block;
    }

    #content01.fp-natural .content02-inner { padding: 0 0 5rem; }
    #content01.fp-natural .content02-item > .conte02_box:last-child { padding: 1.6rem 1.6rem 2rem; }

    #content01.fp-natural section.original03 { padding: 5rem 0; }
    #content01.fp-natural .original03-text { padding-right: 0; }
    #content01.fp-natural .original03-text h2 { font-size: 1.9rem; }

    #content01.fp-natural section.original04 { margin: 5rem 0; }
    #content01.fp-natural .original04__frame { margin: 0 0 3.5rem; }
    #content01.fp-natural .original04__text { padding: 1.8rem 1.7rem; }
    #content01.fp-natural .original04__text h2 { font-size: 1.8rem; }

    #content01.fp-natural section.ori_topics { margin: 5rem 0; }
    #content01.fp-natural .ori_topics__title h2 { font-size: 2.1rem; }

    #content01.fp-natural .content02-subtittle {
        font-size: 1.4rem;
    }
    #content01.fp-natural .content02-title {
        font-size: 2rem;
    }
    #content01.fp-natural .content02-text {
        font-size: 1.5rem;
    }
    
}
/* ==========================================================================
   トップページ デザイン一新___END
   ========================================================================== */

/* ==========================================================================
   お問い合わせページ ：トップページ（深緑ナチュラル）とトンマナを統一
   ─ パレット・英字ラベル・角丸カード・ピル型ボタンをトップページと共有 ─
   HTML 側は固定ページ本文を <div class="cp-natural"> でくくること
   ========================================================================== */
.cp-natural {
    /* === カラーパレット（#content01.fp-natural と同じ値を共有） === */
    --g-deep:   #2b3d2e;
    --g-forest: #3a5a40;
    --g-moss:   #4f7a4a;
    --g-leaf:   #6a994e;
    --g-sage:   #9db08a;
    --cream:    #f7f3e8;
    --cream-2:  #efe9d8;
    --paper:    #fffdf7;
    --ink:      #33433a;
    --line:     rgba(58,90,64,.14);
    --line-brand: #06c755;

    position: relative;
    color: var(--ink);
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    overflow: hidden;
}
.cp-natural p { color: var(--ink); }

/* --- セクション枠 -------------------------------------------------------- */
.cp-natural .cp-sec {
    padding: 8rem 0;
    position: relative;
}
.cp-natural .cp-sec + .cp-sec {
    padding-top: 0;
}
.cp-natural .cp-inner {
    margin: 0 auto;
    max-width: 110rem;
    width: 86%;
}

/* --- 見出し（トップページの英字ラベル＋日本語見出しの組み方に合わせる） --- */
.cp-natural .cp-head {
    text-align: center;
    margin-bottom: 4rem;
}
.cp-natural .cp-label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--g-leaf);
    font-size: 1.4rem;
    letter-spacing: .3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.cp-natural .cp-label::before { content: "🌿"; }
.cp-natural .cp-title {
    color: var(--g-forest);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
/* 固定ページ共通の h2 下線（.post-content h2::after）は若葉グラデに置き換え */
.cp-natural .cp-title::after {
    content: "";
    display: block;
    width: 4.2rem;
    height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}
.cp-natural .cp-lead {
    font-size: 1.4rem;
    line-height: 2.1;
    margin-top: 1.75rem;
}

/* --- 電話 / LINE の2カード（トップページ content02 のカードと同じ質感） --- */
.cp-natural .cp-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: stretch;
}
.cp-natural .cp-card {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 3.4rem 3rem 3rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(43,61,46,.06);
    text-align: center;
    transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
.cp-natural .cp-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 44px rgba(43,61,46,.14);
}
.cp-natural .cp-card__label {
    color: var(--g-leaf);
    font-size: 1.15rem;
    letter-spacing: .16rem;
    line-height: 1.5;
    margin-bottom: .5rem;
}
.cp-natural .cp-card__title {
    color: var(--g-forest);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 2rem;
    padding: 0;
    border: none;
    text-align: center;
}
.cp-natural .cp-card__text {
    font-size: 1.4rem;
    line-height: 2.1;
    margin-bottom: 2.5rem;
}

/* --- 電話番号 ------------------------------------------------------------ */
.cp-natural address.con_tel {
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .05em;
    color: var(--g-forest);
    text-align: center;
    margin: 0 0 2rem;
}
.cp-natural address.con_tel a { color: var(--g-forest); }
.cp-natural span.con_tel_sub {
    font-size: .45em;
    letter-spacing: .1rem;
    margin-right: .5rem;
    color: var(--g-leaf);
}

/* --- 受付時間・定休日 ---------------------------------------------------- */
.cp-natural .cp-info {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 2rem;
    text-align: left;
}
.cp-natural .cp-info__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: .5rem 1.2rem;
    padding: 1rem 0;
    border-bottom: 1px dotted var(--line);
    font-size: 1.35rem;
    line-height: 1.8;
}
.cp-natural .cp-info__row:last-child { border-bottom: none; }
.cp-natural .cp-info dt {
    flex: 0 0 auto;
    padding: .2rem 1rem;
    border-radius: 999px;
    background: rgba(106,153,78,.12);
    color: var(--g-forest);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05rem;
}
.cp-natural .cp-info dd {
    flex: 1 1 auto;
    margin: 0;
    color: var(--ink);
}
.cp-natural .cp-note {
    display: block;
    font-size: 1.15rem;
    color: var(--g-moss);
    line-height: 1.7;
}

/* --- 注意書き ------------------------------------------------------------ */
.cp-natural .cp-caution {
    margin: auto 0 0;
    padding-top: 1.5rem;
    font-size: 1.2rem;
    line-height: 1.8;
    color: var(--g-moss);
}

/* --- ボタン（トップページ p.button a と同じピル型） ---------------------- */
.cp-natural .cp-but {
    display: inline-block;
    margin: auto auto 0;
    padding: 1.4rem 3.4rem;
    border-radius: 999px;
    background: var(--g-forest);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .12rem;
    line-height: 1.5;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
.cp-natural .cp-but:hover {
    background: var(--g-leaf);
    color: #fff;
    transform: translateY(-2px);
}
/* LINE は識別性を優先してブランドカラー。形と字組みは共通 */
.cp-natural .cp-but--line {
    background: var(--line-brand);
    box-shadow: 0 12px 26px rgba(6,199,85,.24);
}
.cp-natural .cp-but--line:hover {
    background: #05b34c;
}

/* --- 入力間違いのご注意 --------------------------------------------------- */
.cp-natural .cp-notice {
    margin-bottom: 4rem;
    padding: 2.6rem 2.8rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 4px solid var(--g-leaf);
    border-radius: 0 16px 16px 0;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
}
.cp-natural .cp-notice__title {
    margin: 0 0 1rem;
    padding: 0;
    border: none;
    color: var(--g-forest);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
}
.cp-natural .cp-notice p {
    font-size: 1.3rem;
    line-height: 2.1;
    margin: 0;
}

/* --- コンタクトフォーム --------------------------------------------------- */
.cp-natural .cp-form {
    padding: 4rem 4.2rem;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
}
.cp-natural .wpcf7 form p {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--g-forest);
    line-height: 2.2;
    margin-bottom: 2.4rem;
}
.cp-natural .wpcf7 input,
.cp-natural .wpcf7 textarea,
.cp-natural .wpcf7 select {
    background: var(--cream);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 1.5rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--ink);
    transition: border-color .3s ease, background .3s ease;
}
.cp-natural .wpcf7 input:focus,
.cp-natural .wpcf7 textarea:focus,
.cp-natural .wpcf7 select:focus {
    background: #fff;
    border-color: var(--g-leaf);
    outline: none;
}
.cp-natural .wpcf7 .wpcf7-list-item-label {
    font-weight: 400;
    color: var(--ink);
}
.cp-natural span.required {
    background: var(--g-leaf);
    border-radius: 999px;
    padding: .3rem 1rem;
    letter-spacing: .05rem;
}
/* 送信ボタン：トップページのピル型ボタンに統一（旧・黒＋translateY(8px) を置換） */
.cp-natural .wpcf7 input.wpcf7-submit {
    display: block;
    width: 100%;
    max-width: 36rem;
    height: auto;
    margin: 4rem auto 0;
    padding: 1.8rem 3rem;
    border: none;
    border-radius: 999px;
    background: var(--g-forest);
    color: #fff;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: .12rem;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
.cp-natural .wpcf7 input.wpcf7-submit:hover {
    background: var(--g-leaf);
    color: #fff;
    transform: translateY(-2px);
}
.cp-natural .wpcf7 .wpcf7-not-valid-tip {
    color: #c0392b;
    font-size: 1.2rem;
    font-weight: 400;
}

/* --- レスポンシブ（〜834px）：カードを縦積みに --------------------------- */
@media screen and (max-width: 834px) {
    .cp-natural .cp-sec { padding: 5rem 0; }
    .cp-natural .cp-head { margin-bottom: 3rem; }
    .cp-natural .cp-title { font-size: 2.1rem; }
    .cp-natural .cp-cards { gap: 2rem; }
    .cp-natural .cp-card {
        flex: 1 1 100%;
        padding: 2.6rem 1.8rem 2.4rem;
    }
    .cp-natural address.con_tel { font-size: 2.8rem; }
    .cp-natural .cp-notice {
        margin-bottom: 3rem;
        padding: 1.8rem 1.7rem;
    }
    .cp-natural .cp-form { padding: 2.4rem 1.8rem; }
    .cp-natural .wpcf7 input.wpcf7-submit { margin-top: 3rem; }
}
/* ==========================================================================
   お問い合わせページ___END
   ========================================================================== */

/* ==========================================================================
   代表挨拶ページ ：トップページ（深緑ナチュラル）とトンマナを統一
   ─ パレット・英字ラベル・角丸カード・若葉アクセントをトップページと共有 ─
   HTML 側は固定ページ本文を <div class="gp-natural"> でくくること
   ========================================================================== */
.gp-natural {
    /* === カラーパレット（#content01.fp-natural と同じ値を共有） === */
    --g-deep:   #2b3d2e;
    --g-forest: #3a5a40;
    --g-moss:   #4f7a4a;
    --g-leaf:   #6a994e;
    --g-sage:   #9db08a;
    --cream:    #f7f3e8;
    --cream-2:  #efe9d8;
    --paper:    #fffdf7;
    --ink:      #33433a;
    --line:     rgba(58,90,64,.14);

    position: relative;
    color: var(--ink);
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    overflow: hidden;
}
.gp-natural p { color: var(--ink); }

/* --- セクション枠 -------------------------------------------------------- */
.gp-natural .gp-sec {
    padding: 8rem 0;
    position: relative;
}
.gp-natural .gp-sec + .gp-sec {
    padding-top: 0;
}
.gp-natural .gp-inner {
    margin: 0 auto;
    max-width: 110rem;
    width: 86%;
}

/* --- 見出し（トップページの英字ラベル＋日本語見出しの組み方に合わせる） --- */
.gp-natural .gp-head {
    text-align: center;
    margin-bottom: 4rem;
}
.gp-natural .gp-label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--g-leaf);
    font-size: 1.4rem;
    letter-spacing: .3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.gp-natural .gp-label::before { content: "🌿"; }
.gp-natural .gp-title {
    color: var(--g-forest);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.gp-natural .gp-title::after {
    content: "";
    display: block;
    width: 4.2rem;
    height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}

/* --- プロフィール（写真＋名前＋概要） ------------------------------------ */
.gp-natural .greeting_intro {
    align-items: center;
    gap: 5rem;
}
.gp-natural .greeting_intro-img {
    width: calc(40% - 2.5rem);
    position: relative;
}
/* トップページ CONCEPT の写真と同じ有機的な角丸＋やわらかい影 */
.gp-natural .greeting_intro-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 46% 54% 48% 52% / 58% 46% 54% 42%;
    box-shadow: 0 24px 48px rgba(43,61,46,.18);
}
/* 写真の背後に若葉のストライプフレームを覗かせる */
.gp-natural .greeting_intro-img::after {
    content: "";
    position: absolute;
    inset: -1.4rem auto auto -1.4rem;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 46% 54% 48% 52% / 58% 46% 54% 42%;
    background: repeating-linear-gradient(45deg, rgba(106,153,78,.16) 0 8px, rgba(106,153,78,0) 8px 18px);
}
.gp-natural .greeting_intro-title {
    width: calc(60% - 2.5rem);
    margin-left: 0;
}
.gp-natural .gp-name {
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
    color: var(--g-forest);
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 1.5;
}
.gp-natural span.greeting_intro-name {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: .2rem 1.2rem;
    border-radius: 999px;
    background: rgba(106,153,78,.12);
    color: var(--g-leaf);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .16rem;
}
.gp-natural span.ruby {
    margin-left: 1em;
    color: var(--g-moss);
    font-size: .55em;
    letter-spacing: .1rem;
}

/* --- プロフィール表 ------------------------------------------------------ */
.gp-natural .s_table {
    margin-top: 2.5rem;
}
.gp-natural table.greeting__table {
    width: 100%;
    margin: 0;
    font-size: 1.35rem;
    border-collapse: collapse;
}
.gp-natural .greeting__table tr {
    border-bottom: 1px dotted var(--line);
}
.gp-natural .greeting__table tr:last-child { border-bottom: none; }
.gp-natural .greeting__table th,
.gp-natural .greeting__table td {
    border: none;
    background: transparent;
    padding: 1.2rem 0;
    line-height: 1.8;
    vertical-align: middle;
    text-align: left;
}
.gp-natural .greeting__table th {
    width: 10em;
}
/* 項目名は若葉色のピルに（お問い合わせページの dt と同じ扱い） */
.gp-natural .greeting__table th span {
    display: inline-block;
    padding: .2rem 1rem;
    border-radius: 999px;
    background: rgba(106,153,78,.12);
    color: var(--g-forest);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05rem;
}
.gp-natural .greeting__table td { color: var(--ink); }

/* --- 本文（メッセージ） --------------------------------------------------- */
.gp-natural .greeting-text {
    margin: 0;
    padding: 4rem 4.2rem;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
}
.gp-natural .greeting-text p {
    font-size: 1.4rem;
    line-height: 2.2;
    margin-bottom: 2rem;
}
.gp-natural .greeting-text p:last-child { margin-bottom: 0; }
/* 書き出しの一文だけ少し大きく、深緑で */
.gp-natural .gp-lead {
    color: var(--g-forest) !important;
    font-size: 1.7rem !important;
    line-height: 2 !important;
}

/* --- 4つの約束（トップページ content02 のカードと同じ質感） --------------- */
.gp-natural .gp-promise {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: stretch;
    margin: 0;
    padding: 0;
    list-style: none;
}
.gp-natural .gp-promise li {
    flex: 1 1 calc(50% - 1.5rem);
    min-width: 0;
    box-sizing: border-box;
    padding: 3rem 2.8rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 10px 26px rgba(43,61,46,.06);
    font-size: 1.35rem;
    font-weight: 400;
    line-height: 2.1;
    transition: transform .45s cubic-bezier(.22,.61,.36,1), box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
.gp-natural .gp-promise li:hover {
    transform: translateY(-8px);
    box-shadow: 0 22px 44px rgba(43,61,46,.14);
}
/* 連番の若葉ラベル（トップページの POINT.1／2／3 と同じ字組み） */
.gp-natural .gp-promise {
    counter-reset: promise;
}
.gp-natural .gp-promise__title {
    counter-increment: promise;
    display: block;
    color: var(--g-forest);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1.2rem;
}
.gp-natural .gp-promise__title::before {
    content: "PROMISE." counter(promise);
    display: block;
    margin-bottom: .5rem;
    color: var(--g-leaf);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .3rem;
}
/* タイトル下にうっすら若葉の下線 */
.gp-natural .gp-promise__title::after {
    content: "";
    display: block;
    width: 3rem;
    height: 2px;
    margin-top: 1.2rem;
    border-radius: 2px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}

/* --- 締めのひとこと ------------------------------------------------------ */
.gp-natural .gp-closing {
    margin: 30px 0 0;
    padding: 3rem 3.2rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-left: 4px solid var(--g-leaf);
    border-radius: 0 16px 16px 0;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    font-size: 1.4rem;
    line-height: 2.2;
}

/* --- レスポンシブ（〜834px）：2カラムを縦積みに ------------------------- */
@media screen and (max-width: 834px) {
    .gp-natural .gp-sec { padding: 5rem 0; }
    .gp-natural .gp-head { margin-bottom: 3rem; }
    .gp-natural .gp-title { font-size: 2.1rem; }

    .gp-natural .greeting_intro { gap: 3rem; }
    .gp-natural .greeting_intro-img,
    .gp-natural .greeting_intro-title {
        width: 100%;
        margin-left: 0;
    }
    .gp-natural .greeting_intro-img {
        max-width: 32rem;
        margin: 0 auto;
    }
    .gp-natural .greeting_intro-img::after { display: none; }
    .gp-natural .greeting_intro-img img {
        border-radius: 42% 58% 46% 54% / 56% 44% 56% 44%;
    }
    .gp-natural .gp-name { font-size: 2rem; }
    .gp-natural .greeting__table th { width: 8em; }

    .gp-natural .greeting-text { padding: 2.4rem 1.8rem; }
    .gp-natural .gp-lead { font-size: 1.5rem !important; }

    .gp-natural .gp-promise { gap: 2rem; }
    .gp-natural .gp-promise li {
        flex: 1 1 100%;
        padding: 2.2rem 1.8rem;
    }
    .gp-natural .gp-closing { padding: 1.8rem 1.7rem; }
}
/* ==========================================================================
   代表挨拶ページ___END
   ========================================================================== */

/* ==========================================================================
   メニューページ ：トップページ（深緑ナチュラル）とトンマナを統一
   ─ トップページ original04（POINT）と同じ「写真＋白カード」の交互レイアウト ─
   HTML 側は固定ページ本文を <div class="mp-natural"> でくくること
   ========================================================================== */
.mp-natural {
    /* === カラーパレット（#content01.fp-natural と同じ値を共有） === */
    --g-deep:   #2b3d2e;
    --g-forest: #3a5a40;
    --g-moss:   #4f7a4a;
    --g-leaf:   #6a994e;
    --g-sage:   #9db08a;
    --cream:    #f7f3e8;
    --cream-2:  #efe9d8;
    --paper:    #fffdf7;
    --ink:      #33433a;
    --line:     rgba(58,90,64,.14);

    position: relative;
    color: var(--ink);
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    overflow: hidden;
}
.mp-natural p { color: var(--ink); }

/* --- セクション枠 -------------------------------------------------------- */
.mp-natural .mp-sec {
    padding: 8rem 0;
    position: relative;
}
.mp-natural .mp-sec + .mp-sec {
    padding-top: 0;
}
.mp-natural .mp-inner {
    margin: 0 auto;
    max-width: 110rem;
    width: 86%;
}

/* --- 見出し（トップページの英字ラベル＋日本語見出しの組み方に合わせる） --- */
.mp-natural .mp-head {
    text-align: center;
    margin-bottom: 6rem;
}
.mp-natural .mp-label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--g-leaf);
    font-size: 1.4rem;
    letter-spacing: .3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.mp-natural .mp-label::before { content: "🌿"; }
.mp-natural .mp-title {
    color: var(--g-forest);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.mp-natural .mp-title::after {
    content: "";
    display: block;
    width: 4.2rem;
    height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}
.mp-natural .mp-lead {
    font-size: 1.4rem;
    line-height: 2.1;
    margin-top: 1.75rem;
}

/* --- 目次（4サービスへのショートカット） --------------------------------- */
.mp-natural .mp-index {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.2rem;
    margin: 3.5rem 0 0;
    padding: 0;
    list-style: none;
}
.mp-natural .mp-index a {
    display: inline-block;
    padding: .9rem 2.2rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    color: var(--g-forest);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .05rem;
    transition: background .35s ease, color .35s ease, transform .35s ease;
}
.mp-natural .mp-index a:hover {
    background: var(--g-forest);
    color: #fff;
    transform: translateY(-2px);
}

/* --- サービス一覧（写真＋白カードの交互レイアウト） ----------------------- */
.mp-natural .mp-list {
    counter-reset: service;
}
.mp-natural .mp-row {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 90%;
    max-width: 130rem;
    margin: 0 auto 6rem;
    position: relative;
    scroll-margin-top: 10rem;
}
.mp-natural .mp-row:last-child { margin-bottom: 0; }
/* 偶数番は左右反転（トップページ original04__inner.second と同じ考え方） */
.mp-natural .mp-row--rev { flex-direction: row-reverse; }

.mp-natural .mp-row__img {
    width: 60%;
    overflow: hidden;
    border-radius: 18px 0 0 18px;
    box-shadow: 0 18px 40px rgba(43,61,46,.14);
}
.mp-natural .mp-row--rev .mp-row__img {
    border-radius: 0 18px 18px 0;
}
.mp-natural .mp-row__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 800/500;
    transition: transform .7s cubic-bezier(.22,.61,.36,1);
}
.mp-natural .mp-row:hover .mp-row__img img { transform: scale(1.05); }

.mp-natural .mp-row__text {
    width: 40%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3.4rem 3.2rem;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 0 18px 18px 0;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    text-align: left;
}
.mp-natural .mp-row--rev .mp-row__text {
    border-radius: 18px 0 0 18px;
}
/* SERVICE.1／2／3／4 の若葉ラベル（トップページ POINT.1 と同じ字組み） */
.mp-natural .mp-row__text::before {
    counter-increment: service;
    content: "SERVICE." counter(service);
    display: block;
    margin-bottom: .5rem;
    color: var(--g-leaf);
    font-size: 2rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: .3rem;
}
.mp-natural .mp-row__title {
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    text-align: left;
    color: var(--g-forest);
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.5;
}
.mp-natural .mp-row__text p {
    font-size: 1.35rem;
    line-height: 2.1;
    margin: 0;
}

/* --- 最後の一押し（お問い合わせへ） -------------------------------------- */
.mp-natural .mp-cta {
    max-width: 90rem;
    margin: 0 auto;
    padding: 4.5rem 4rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    text-align: center;
}
.mp-natural .mp-cta__title {
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    text-align: center;
    color: var(--g-forest);
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.6;
}
.mp-natural .mp-cta p {
    font-size: 1.4rem;
    line-height: 2.1;
    margin: 0 0 2.5rem;
}
/* ボタン：トップページ p.button a と同じピル型 */
.mp-natural .mp-but {
    display: inline-block;
    padding: 1.4rem 3.4rem;
    border-radius: 999px;
    background: var(--g-forest);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .12rem;
    line-height: 1.5;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
.mp-natural .mp-but:hover {
    background: var(--g-leaf);
    color: #fff;
    transform: translateY(-2px);
}

/* --- レスポンシブ（〜1200px）：角丸を全周に ------------------------------ */
@media screen and (max-width: 1200px) {
    .mp-natural .mp-row__img,
    .mp-natural .mp-row--rev .mp-row__img,
    .mp-natural .mp-row__text,
    .mp-natural .mp-row--rev .mp-row__text {
        border-radius: 18px;
    }
}

/* --- レスポンシブ（〜834px）：2カラムを縦積みに -------------------------- */
@media screen and (max-width: 834px) {
    .mp-natural .mp-sec { padding: 5rem 0; }
    .mp-natural .mp-head { margin-bottom: 4rem; }
    .mp-natural .mp-title { font-size: 2.1rem; }
    .mp-natural .mp-index { gap: .8rem; }
    .mp-natural .mp-index a {
        padding: .7rem 1.6rem;
        font-size: 1.2rem;
    }

    .mp-natural .mp-row,
    .mp-natural .mp-row--rev {
        flex-direction: column;
        width: 86%;
        gap: 2rem;
        margin-bottom: 4rem;
    }
    .mp-natural .mp-row__img,
    .mp-natural .mp-row__text {
        width: 100%;
    }
    .mp-natural .mp-row__text { padding: 2.2rem 1.8rem; }
    .mp-natural .mp-row__title { font-size: 1.8rem; }

    .mp-natural .mp-cta { padding: 2.6rem 1.8rem; }
    .mp-natural .mp-cta__title { font-size: 1.8rem; }
}
/* ==========================================================================
   メニューページ___END
   ========================================================================== */

/* ==========================================================================
   よくあるご質問ページ ：トップページ（深緑ナチュラル）とトンマナを統一
   ─ 1問1答を角丸カードのアコーディオン（details/summary）に ─
   HTML 側は固定ページ本文を <div class="qp-natural"> でくくること
   ========================================================================== */
.qp-natural {
    /* === カラーパレット（#content01.fp-natural と同じ値を共有） === */
    --g-deep:   #2b3d2e;
    --g-forest: #3a5a40;
    --g-moss:   #4f7a4a;
    --g-leaf:   #6a994e;
    --g-sage:   #9db08a;
    --cream:    #f7f3e8;
    --cream-2:  #efe9d8;
    --paper:    #fffdf7;
    --ink:      #33433a;
    --line:     rgba(58,90,64,.14);

    position: relative;
    color: var(--ink);
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    overflow: hidden;
}
.qp-natural p { color: var(--ink); }

/* --- セクション枠 -------------------------------------------------------- */
.qp-natural .qp-sec {
    padding: 8rem 0;
    position: relative;
}
.qp-natural .qp-sec + .qp-sec {
    padding-top: 0;
}
.qp-natural .qp-inner {
    margin: 0 auto;
    max-width: 100rem;
    width: 86%;
}

/* --- 見出し（トップページの英字ラベル＋日本語見出しの組み方に合わせる） --- */
.qp-natural .qp-head {
    text-align: center;
    margin-bottom: 4rem;
}
.qp-natural .qp-label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--g-leaf);
    font-size: 1.4rem;
    letter-spacing: .3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.qp-natural .qp-label::before { content: "🌿"; }
.qp-natural .qp-title {
    color: var(--g-forest);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.qp-natural .qp-title::after {
    content: "";
    display: block;
    width: 4.2rem;
    height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}
.qp-natural .qp-lead {
    font-size: 1.4rem;
    line-height: 2.1;
    margin-top: 1.75rem;
}

/* --- Q&A カード（アコーディオン） ---------------------------------------- */
.qp-natural .qp-list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.qp-natural .qp-item {
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(43,61,46,.06);
    overflow: hidden;
    transition: box-shadow .45s cubic-bezier(.22,.61,.36,1);
}
.qp-natural .qp-item:hover,
.qp-natural .qp-item[open] {
    box-shadow: 0 18px 38px rgba(43,61,46,.12);
}

/* 質問（開閉のトリガー） */
.qp-natural .qp-q {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2.2rem 5.5rem 2.2rem 2.2rem;
    position: relative;
    margin: 0;
    border: none;
    text-align: left;
    color: var(--g-forest);
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
    cursor: pointer;
    list-style: none;
    transition: background .35s ease;
}
/* ブラウザ標準の三角マーカーを消す */
.qp-natural .qp-q::-webkit-details-marker { display: none; }
.qp-natural .qp-q::marker { content: ""; }
.qp-natural .qp-q:hover { background: rgba(106,153,78,.06); }

/* Q バッジ（若葉色の丸） */
.qp-natural .qp-q::before {
    content: "Q";
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 50%;
    background: var(--g-leaf);
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
}
/* 開閉インジケーター（＋ ／ ×） */
.qp-natural .qp-q::after {
    content: "";
    position: absolute;
    top: 2.9rem;
    right: 2.2rem;
    width: 1.4rem;
    height: 1.4rem;
    background:
        linear-gradient(var(--g-moss), var(--g-moss)) center/100% 2px no-repeat,
        linear-gradient(var(--g-moss), var(--g-moss)) center/2px 100% no-repeat;
    transition: transform .35s ease;
}
.qp-natural .qp-item[open] .qp-q::after {
    transform: rotate(135deg);
}

/* 回答 */
.qp-natural .qp-a {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
    margin: 0 2.2rem 2.2rem;
    padding: 2.2rem 0 0;
    border-top: 1px dotted var(--line);
}
.qp-natural .qp-a::before {
    content: "A";
    flex: 0 0 auto;
    width: 3.2rem;
    height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 50%;
    background: rgba(106,153,78,.12);
    color: var(--g-forest);
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
}
.qp-natural .qp-a p {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1.35rem;
    line-height: 2.1;
}
.qp-natural .qp-a .qp-note {
    display: block;
    margin-top: 1rem;
    color: var(--g-moss);
    font-size: 1.2rem;
    line-height: 1.9;
}

/* --- 最後の一押し（お問い合わせへ） -------------------------------------- */
.qp-natural .qp-cta {
    padding: 4.5rem 4rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    text-align: center;
}
.qp-natural .qp-cta__title {
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    text-align: center;
    color: var(--g-forest);
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.6;
}
.qp-natural .qp-cta p {
    font-size: 1.4rem;
    line-height: 2.1;
    margin: 0 0 2.5rem;
}
/* ボタン：トップページ p.button a と同じピル型 */
.qp-natural .qp-but {
    display: inline-block;
    padding: 1.4rem 3.4rem;
    border-radius: 999px;
    background: var(--g-forest);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .12rem;
    line-height: 1.5;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
.qp-natural .qp-but:hover {
    background: var(--g-leaf);
    color: #fff;
    transform: translateY(-2px);
}

/* --- レスポンシブ（〜834px） --------------------------------------------- */
@media screen and (max-width: 834px) {
    .qp-natural .qp-sec { padding: 5rem 0; }
    .qp-natural .qp-head { margin-bottom: 3rem; }
    .qp-natural .qp-title { font-size: 2.1rem; }

    .qp-natural .qp-list { gap: 1.2rem; }
    .qp-natural .qp-q {
        gap: 1.2rem;
        padding: 1.8rem 4.5rem 1.8rem 1.6rem;
        font-size: 1.45rem;
    }
    .qp-natural .qp-q::before,
    .qp-natural .qp-a::before {
        width: 2.8rem;
        height: 2.8rem;
        line-height: 2.8rem;
        font-size: 1.3rem;
    }
    .qp-natural .qp-q::after {
        top: 2.4rem;
        right: 1.6rem;
    }
    .qp-natural .qp-a {
        gap: 1.2rem;
        margin: 0 1.6rem 1.8rem;
        padding-top: 1.8rem;
    }

    .qp-natural .qp-cta { padding: 2.6rem 1.8rem; }
    .qp-natural .qp-cta__title { font-size: 1.8rem; }
}
/* ==========================================================================
   よくあるご質問ページ___END
   ========================================================================== */

/* ==========================================================================
   会社概要ページ ：トップページ（深緑ナチュラル）とトンマナを統一
   ─ 概要表を角丸カードに収め、項目名は若葉色のピルに ─
   HTML 側は固定ページ本文を <div class="ip-natural"> でくくること
   ========================================================================== */
.ip-natural {
    /* === カラーパレット（#content01.fp-natural と同じ値を共有） === */
    --g-deep:   #2b3d2e;
    --g-forest: #3a5a40;
    --g-moss:   #4f7a4a;
    --g-leaf:   #6a994e;
    --g-sage:   #9db08a;
    --cream:    #f7f3e8;
    --cream-2:  #efe9d8;
    --paper:    #fffdf7;
    --ink:      #33433a;
    --line:     rgba(58,90,64,.14);

    position: relative;
    color: var(--ink);
    background-color: var(--cream);
    background-image:
        radial-gradient(120% 60% at 100% 0%, rgba(106,153,78,.08) 0%, rgba(106,153,78,0) 55%),
        radial-gradient(120% 60% at 0% 100%, rgba(58,90,64,.07) 0%, rgba(58,90,64,0) 55%);
    overflow: hidden;
}
.ip-natural p { color: var(--ink); }

/* --- セクション枠 -------------------------------------------------------- */
.ip-natural .ip-sec {
    padding: 8rem 0;
    position: relative;
}
.ip-natural .ip-sec + .ip-sec {
    padding-top: 0;
}
.ip-natural .ip-inner {
    margin: 0 auto;
    max-width: 90rem;
    width: 86%;
}

/* --- 見出し（トップページの英字ラベル＋日本語見出しの組み方に合わせる） --- */
.ip-natural .ip-head {
    text-align: center;
    margin-bottom: 4rem;
}
.ip-natural .ip-label {
    display: inline-flex;
    align-items: center;
    gap: .55em;
    color: var(--g-leaf);
    font-size: 1.4rem;
    letter-spacing: .3rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1rem;
}
.ip-natural .ip-label::before { content: "🌿"; }
.ip-natural .ip-title {
    color: var(--g-forest);
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 0;
    padding: 0;
}
.ip-natural .ip-title::after {
    content: "";
    display: block;
    width: 4.2rem;
    height: 3px;
    margin: 1.2rem auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--g-leaf), var(--g-sage));
}

/* --- 概要表 -------------------------------------------------------------- */
.ip-natural .ip-table-card {
    padding: 2rem 4.2rem;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
}
.ip-natural .ip-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 1.35rem;
}
.ip-natural .ip-table tr {
    border-bottom: 1px dotted var(--line);
}
.ip-natural .ip-table tr:last-child { border-bottom: none; }
.ip-natural .ip-table th,
.ip-natural .ip-table td {
    border: none;
    background: transparent;
    padding: 1.8rem 0;
    line-height: 1.9;
    vertical-align: middle;
    text-align: left;
}
.ip-natural .ip-table th {
    width: 11em;
}
/* 項目名は若葉色のピルに（お問い合わせ・代表挨拶ページと同じ扱い） */
.ip-natural .ip-table th span {
    display: inline-block;
    padding: .2rem 1rem;
    border-radius: 999px;
    background: rgba(106,153,78,.12);
    color: var(--g-forest);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .05rem;
}
.ip-natural .ip-table td { color: var(--ink); }
/* 事業内容などを若葉色のタグで見せる */
.ip-natural .ip-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ip-natural .ip-tags li {
    padding: .4rem 1.4rem;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--paper);
    color: var(--g-forest);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.8;
}
.ip-natural .ip-note {
    display: block;
    margin-top: .5rem;
    color: var(--g-moss);
    font-size: 1.2rem;
    line-height: 1.9;
}

/* --- 最後の一押し（お問い合わせへ） -------------------------------------- */
.ip-natural .ip-cta {
    padding: 4.5rem 4rem;
    background: var(--paper);
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(43,61,46,.08);
    text-align: center;
}
.ip-natural .ip-cta__title {
    margin: 0 0 1.5rem;
    padding: 0;
    border: none;
    text-align: center;
    color: var(--g-forest);
    font-size: 2.1rem;
    font-weight: 400;
    line-height: 1.6;
}
.ip-natural .ip-cta p {
    font-size: 1.4rem;
    line-height: 2.1;
    margin: 0 0 2.5rem;
}
/* ボタン：トップページ p.button a と同じピル型 */
.ip-natural .ip-but {
    display: inline-block;
    padding: 1.4rem 3.4rem;
    border-radius: 999px;
    background: var(--g-forest);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .12rem;
    line-height: 1.5;
    box-shadow: 0 12px 26px rgba(43,61,46,.20);
    transition: background .35s ease, transform .35s ease;
}
.ip-natural .ip-but:hover {
    background: var(--g-leaf);
    color: #fff;
    transform: translateY(-2px);
}

/* --- レスポンシブ（〜834px）：表を縦積みに ------------------------------- */
@media screen and (max-width: 834px) {
    .ip-natural .ip-sec { padding: 5rem 0; }
    .ip-natural .ip-head { margin-bottom: 3rem; }
    .ip-natural .ip-title { font-size: 2.1rem; }

    .ip-natural .ip-table-card { padding: .5rem 1.8rem; }
    .ip-natural .ip-table th,
    .ip-natural .ip-table td {
        display: block;
        width: 100%;
    }
    .ip-natural .ip-table th { padding: 1.8rem 0 .8rem; }
    .ip-natural .ip-table td { padding: 0 0 1.8rem; }

    .ip-natural .ip-cta { padding: 2.6rem 1.8rem; }
    .ip-natural .ip-cta__title { font-size: 1.8rem; }
}
/* ==========================================================================
   会社概要ページ___END
   ========================================================================== */

@media only screen and (max-width: 834px){
    .hide-sp{
        display: none !important;
    }
}
@media only screen and (min-width: 835px){
    .hide-pc{
        display: none !important;
    }
}