@charset "utf-8";
/* Googleフォントは functions.php で読み込み（@import はCSS結合プラグインで壊れるため廃止） */

/*　共通　*/
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: 16px;
    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: 1.3rem;
}

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: 16px;
}

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 {
    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: 24rem;
        top: -0.25rem;
        left: 1.5rem;
    }

    .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: #666666;
    }
    .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: #666666;
    }

    .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;
    }
    .header-youtube, .top-slider{
        height: calc(120svw*9/16);
    }
    .gy-fv__lead{
        display: none;
    }
}

@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.2em;
}

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;
}
@media only screen and (max-width: 834px){
    section.original01 img{
        margin-block: 10px 20px;
    }
}

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.6rem;
    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: 6rem;
}

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

.original04__img {
    width: calc(60% - 3rem);
    height: auto;
    max-width: 680px;
}

.original04__img img {
    width: 100%;
}

.original04__text {
    width: calc(40% - 3rem);
    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.6rem;
    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: 3.2rem;
    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: 0.5rem;
    }

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

    .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.4rem;
    }

    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.3rem;
    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;
}
.conte02_box{
    box-sizing: border-box;
}
/*　オリジナル 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.4rem !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;
}

.wpcf7 {
    width: 100%;
    border: none;
    background: none;
    padding: 0;
    margin: 0 auto !important;
    font-size: 14px;
    padding-top: 1rem;
}

.wpcf7 p {
    margin-bottom: 1rem;
    font-weight: 500;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
    border: 1px solid rgb(224 224 224);
    line-height: 2;
}

.wpcf7 input.wpcf7-submit {
    font-size: 1.4rem;
    background-color: rgb(44 58 50);
    color: rgb(249 249 249);
    width: 100%;
    max-width: 40rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    transition: 0.5s;
    height: 6rem;
    font-family: "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.wpcf7 input.wpcf7-submit:hover {
    background-color: rgb(95 168 90);
    color: rgb(249 249 249);
    transform: translatey(0.5rem);
}

table.mail_table th, table.mail_table td {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0;
}

table.mail_table th {
    margin-bottom: 0.5rem;
}

table.mail_table td {
    margin-bottom: 2.5rem;
}

form.wpcf7-form p {
    padding-bottom: 0;
    line-height: 2.5rem;
}

span.required, span.required_off {
    color: rgb(249 249 249);
    font-size: 11px;
    background-color: rgb(14 155 155);
    padding: 0.2rem 0.4rem 0.3rem;
    vertical-align: inherit;
    margin-right: 0.75rem;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 0.25rem;
}

span.required_off {
    background-color: rgb(119 129 135);
}

.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.6rem;
    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: 1.3rem !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;
}

/* タイトル下にうっすら緑の下線を入れて区切り */
.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;
}

/* ==========================================================================
   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;
}

/* タイトル下にうっすら緑の下線を入れて区切り */
.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-text{
        font-size: 16px;
    }

    .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: 1.3rem;
  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;
}

/* ==========================================================================
   ▼▼▼ 和モダン・リデザイン 2026（深緑 × 明朝 × 松）  ── 最終読み込み・最優先
   トップページのテキスト/画像はそのまま、装飾とレイアウトのみ刷新
   ========================================================================== */
:root {
    --gy-deep:   #12362a;  /* 深緑（メイン） */
    --gy-green:  #1e5233;  /* 緑 */
    --gy-green2: #2c6e49;  /* 明るい緑 */
    --gy-leaf:   #4a9268;  /* 若葉 */
    --gy-gold:   #b18f4e;  /* 金茶（アクセント） */
    --gy-gold-l: #cbad6e;  /* 淡い金 */
    --gy-washi:  #f2eee2;  /* 和紙ベージュ */
    --gy-cream:  #faf7ef;  /* クリーム */
    --gy-ink:    #25352c;  /* 墨緑（本文） */
    --gy-mincho: "Zen Old Mincho","Shippori Mincho B1","游明朝",YuMincho,"Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
    --gy-mincho-b: "Shippori Mincho B1","Zen Old Mincho","游明朝",YuMincho,"Hiragino Mincho ProN",serif;
    --gy-en: "Cormorant Garamond","Zen Old Mincho",serif;
    /* 松葉モチーフ：根元から扇状に伸びる針葉＋左右の実（深緑） */
    --gy-sprig: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='34' viewBox='0 0 72 34'%3E%3Cg fill='none' stroke='%231e5233' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M36 32 Q22 17 8 8'/%3E%3Cpath d='M36 32 Q26 15 16 4'/%3E%3Cpath d='M36 32 Q33 15 31 3'/%3E%3Cpath d='M36 32 Q39 15 41 3'/%3E%3Cpath d='M36 32 Q46 15 56 4'/%3E%3Cpath d='M36 32 Q50 17 64 8'/%3E%3C/g%3E%3Ccircle cx='27' cy='27' r='1.7' fill='%231e5233'/%3E%3Ccircle cx='45' cy='27' r='1.7' fill='%231e5233'/%3E%3C/svg%3E");
    /* 松葉モチーフ（金） */
    --gy-sprig-gold: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='34' viewBox='0 0 72 34'%3E%3Cg fill='none' stroke='%23b18f4e' stroke-width='1.2' stroke-linecap='round'%3E%3Cpath d='M36 32 Q22 17 8 8'/%3E%3Cpath d='M36 32 Q26 15 16 4'/%3E%3Cpath d='M36 32 Q33 15 31 3'/%3E%3Cpath d='M36 32 Q39 15 41 3'/%3E%3Cpath d='M36 32 Q46 15 56 4'/%3E%3Cpath d='M36 32 Q50 17 64 8'/%3E%3C/g%3E%3Ccircle cx='27' cy='27' r='1.7' fill='%23b18f4e'/%3E%3Ccircle cx='45' cy='27' r='1.7' fill='%23b18f4e'/%3E%3C/svg%3E");
}

/* --- 背景：和紙トーン＋うっすら松葉散らし ---------------------------------- */
body {
    background-color: var(--gy-cream) !important;
    color: var(--gy-ink);
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='none' stroke='%231e5233' stroke-width='1' stroke-linecap='round' opacity='0.05'%3E%3Cg transform='translate(34 44) rotate(-15)'%3E%3Cpath d='M0 14 Q-6 0 -12 -14'/%3E%3Cpath d='M0 14 Q6 0 12 -14'/%3E%3Cpath d='M0 14 Q-3 0 -5 -13'/%3E%3Cpath d='M0 14 Q3 0 5 -13'/%3E%3C/g%3E%3Cg transform='translate(108 104) rotate(22)'%3E%3Cpath d='M0 14 Q-6 0 -12 -14'/%3E%3Cpath d='M0 14 Q6 0 12 -14'/%3E%3Cpath d='M0 14 Q-3 0 -5 -13'/%3E%3Cpath d='M0 14 Q3 0 5 -13'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    background-size: 150px 150px !important;
    background-repeat: repeat !important;
}

/* --- 見出し（日本語）を明朝に統一（丸ゴシック上書きを再上書き） ----------- */
.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,
h2.headline-primary.headline-font-type,
.signage-title {
    font-family: var(--gy-mincho) !important;
    font-weight: 600;
    letter-spacing: 0.08em;
}

/* --- 英字ラベルは上品なセリフに ------------------------------------------ */
.original_sub_menu,
.original_sub_menu span,
.ori_topics__title h2 span,
section.original01 h2::before,
.original04__text::before,
.content02-subtittle,
.content02-subtittle span {
    font-family: var(--gy-en) !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   スクロール・リビール（IntersectionObserver で .is-in を付与）
   ========================================================================== */
.gy-js .gy-reveal {
    opacity: 0;
    transform: translateY(42px);
    transition: opacity 1s ease, transform 1.1s cubic-bezier(.19,.72,.24,1);
    will-change: opacity, transform;
}
.gy-js .gy-reveal.from-left  { transform: translateX(-52px); }
.gy-js .gy-reveal.from-right { transform: translateX(52px); }
.gy-js .gy-reveal.is-in {
    opacity: 1;
    transform: none;
}
.gy-js .gy-reveal.d1 { transition-delay: .12s; }
.gy-js .gy-reveal.d2 { transition-delay: .26s; }
.gy-js .gy-reveal.d3 { transition-delay: .40s; }

@keyframes gyFloat {
    0%,100% { transform: translateY(0); }
    50%     { transform: translateY(-9px); }
}
@keyframes gyKen {
    0%   { transform: scale(1); }
    100% { transform: scale(1.09); }
}
@keyframes gyDraw {
    0%   { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}

/* ==========================================================================
   FV（トップスライダー）── 深緑スクリム＋ゆっくりズーム＋和の落款ボタン
   ========================================================================== */
.top-slider-wrapper {
    border-radius: 0 !important;
}
/* FV→本文の縦アクセント線を金に */
div#content01::before { background: var(--gy-gold) !important; }
.top-slider::after { background: rgba(255,255,255,.75) !important; }
/* FV中央の円形スクロールボタンは非表示 */
.top-slider-content { display: none !important; }
/* 背景のゆっくり拡大はテーマ既定の imageAnimation01/02 を使用（上書きしない） */
/* 下部にうっすら黒のグラデーション（左下コピーの視認性UP） */
.top-slider-wrapper::before {
    content: "";
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 55%;
    background: linear-gradient(to top, rgba(0,0,0,.55) 0%, rgba(0,0,0,.30) 28%, rgba(0,0,0,.10) 55%, rgba(0,0,0,0) 100%);
    z-index: 2;
    pointer-events: none;
}
/* 落款風スクロールボタン
   ※ .top-slider-content はサイズ未指定だと FV 全面に広がる仕様のため、
     必ず固定サイズを与えて楕円化（全面化）を防ぐ */
.top-slider-content {
    width: 190px !important;
    height: 190px !important;
}
.top-slider-content-inner {
    border: 1px solid rgba(255,255,255,.6) !important;
    border-radius: 50%;
    background: rgba(18,54,42,.28) !important;
    box-shadow: 0 0 0 5px rgba(255,255,255,.12), inset 0 0 30px rgba(18,54,42,.3);
    transition: background .5s ease, box-shadow .5s ease;
}
.top-slider-content-inner:hover {
    background: rgba(18,54,42,.5) !important;
    box-shadow: 0 0 0 9px rgba(203,173,110,.2), inset 0 0 36px rgba(18,54,42,.45);
}
.top-slider-logo { letter-spacing: .12em; }

/* ==========================================================================
   共通：セクション見出しユーティリティ（松葉の下線）
   ========================================================================== */
.original_sub_menu, .ori_topics__title h2 {
    color: var(--gy-gold);
    letter-spacing: .34em;
}

/* ==========================================================================
   original01 ── CONCEPT（縦組み明朝 × 松の枝 × 写真フレーム）
   ========================================================================== */
section.original01 {
    padding: 12rem 0 12rem;
}
section.original01::before {
    left: 0;
    width: 46%;
    height: 74%;
    top: 13%;
    border-radius: 0;
    box-shadow: 0 30px 70px -30px rgba(18,54,42,.45);
    filter: saturate(1.05);
}
/* 写真そばの松葉のあしらい（金）は非表示 */
section.original01::after { display: none; }
section.original01 h2 {
    color: var(--gy-deep);
    font-weight: 600;
    letter-spacing: .28em;
    line-height: 1.9;
}
section.original01 h2::before {
    content: "CONCEPT";
    color: var(--gy-gold);
    letter-spacing: .4em;
    font-size: 1.4rem;
}
.original01_fast_title p {
    color: var(--gy-ink);
    line-height: 2.15;
}
@media only screen and (max-width: 834px){
    section.original01{
        padding-bottom: 0;
    }
}

/* ==========================================================================
   content02 ── MENU / SERVICE / GREETING（和カード・松葉見出し）
   ========================================================================== */
.content02 { margin: 6rem 0 0; }
.content02-item {
    background: #fff;
    border: 1px solid rgba(18,54,42,.10);
    border-radius: 3px !important;
    padding-bottom: 2.4rem;
    box-shadow: 0 22px 44px -30px rgba(18,54,42,.32);
    transition: transform .5s cubic-bezier(.19,.72,.24,1), box-shadow .5s ease;
    overflow: hidden;
    position: relative;
}
.content02-item::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--gy-deep), var(--gy-green2) 55%, var(--gy-gold));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s ease;
}
.content02-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 34px 60px -30px rgba(18,54,42,.42);
}
.content02-item:hover::before { transform: scaleX(1); }
.content02-item .content02-img { border-radius: 3px 3px 0 0; overflow: hidden; }
.content02-img img { transition: transform 1.2s cubic-bezier(.19,.72,.24,1); }
.content02-item:hover .content02-img img { transform: scale(1.07); }
.content02-item .conte02_box:not(.content02-img) { padding: 0 2.4rem; }
/* 英字サブラベルを再表示（松葉つき） */
.content02-subtittle {
    display: block !important;
    color: var(--gy-gold) !important;
    font-size: 1.45rem !important;
    letter-spacing: .32em !important;
    margin: 2rem 0 .3rem !important;
    padding-left: 2.2rem;
    position: relative;
}
.content02-subtittle::before {
    content: "";
    position: absolute;
    left: 0; top: 50%;
    width: 1.4rem; height: 1px;
    background: var(--gy-gold);
    transform: translateY(-50%);
}
.content02-subtittle span {
    color: var(--gy-green) !important;
    font-family: var(--gy-mincho) !important;
    letter-spacing: .12em !important;
}
.content02-title {
    color: var(--gy-deep) !important;
    font-size: 2.4rem;
    line-height: 1.6;
}
.content02-text { color: var(--gy-ink); font-size: 1.6rem; }
a.content02-button {
    color: var(--gy-green);
    letter-spacing: .3em;
}
a.content02-button::before { background: var(--gy-gold); height: 1px; }
a.content02-button:hover { color: var(--gy-gold); }

/* ==========================================================================
   original03 ── MESSAGE（深緑スクリム × 大きな「松」の透かし）
   ========================================================================== */
section.original03::after {
    background: linear-gradient(115deg, rgba(9,32,23,.94) 0%, rgba(18,54,42,.78) 55%, rgba(30,82,51,.62) 100%);
}
.original03-text { z-index: 1; }
.original03-text .original_sub_menu { color: var(--gy-gold-l) !important; }
.original03-text h2 {
    color: #fff !important;
    letter-spacing: .12em;
    padding-bottom: 1.6rem;
    position: relative;
}
/* MESSAGE見出し下の松葉（金）は非表示 */
.original03-text h2::after { display: none; }
.original03-text p { color: rgba(255,255,255,.9); line-height: 2.2; }

/* ==========================================================================
   original04 ── POINT（大きな番号 × 松葉の区切り × 左右スライドイン）
   ========================================================================== */
section.original04 { margin: 12rem 0; }
.original04__frame { padding: 3.5rem 0; }
/* フレーム間に松葉の区切り */
/*.original04__frame:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 50%; bottom: -0.5rem;
    width: 72px; height: 34px;
    background: var(--gy-sprig) center/contain no-repeat;
    transform: translateX(-50%);
    opacity: .6;
}*/
.original04__img img {
    border-radius: 3px;
    box-shadow: 0 30px 60px -34px rgba(18,54,42,.5);
}
.original04__text h2 { color: var(--gy-deep) !important; letter-spacing: .1em; line-height: 1.7; }
.original04__text p { color: var(--gy-ink); }
/* 旧・自動生成のPOINTラベル（2重線）は無効化 */
.original04__text::before { content: none !important; display: none !important; }
/* 新・POINTラベル：英字は小さめ、番号を大きく塗りで */
.gy-point {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    font-family: var(--gy-en);
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .2em;
    line-height: 1;
    margin-bottom: .6rem;
}
.gy-point em {
    font-style: normal;
    font-weight: 600;
    font-size: 5rem;
    color: var(--gy-gold);
    line-height: .9;
}

/* ==========================================================================
   ori_topics ── TOPICS / 新着情報（松葉下線 × 和カード）
   ========================================================================== */
section.ori_topics { margin: 10rem 0 12rem; }
.ori_topics__title h2 {
    color: var(--gy-deep);
    position: relative;
    padding-bottom: 3.2rem;
}
.ori_topics__title h2 span { color: var(--gy-gold) !important; }
/*.ori_topics__title h2::after {
    content: "";
    position: absolute;
    left: 50%; bottom: 1rem;
    width: 72px; height: 34px;
    background: var(--gy-sprig) center/contain no-repeat;
    transform: translateX(-50%);
}*/
.article03 {
    border: 1px solid rgba(18,54,42,.10) !important;
    border-radius: 3px !important;
    box-shadow: 0 18px 40px -32px rgba(18,54,42,.3);
}
.article03:hover { box-shadow: 0 30px 56px -30px rgba(18,54,42,.42); }
h2.article03-title.headline-font-type { color: var(--gy-deep) !important; }
.article03-thumbnail img, .article02-thumbnail img { transition: transform 1.2s cubic-bezier(.19,.72,.24,1); }
.article03:hover .article03-thumbnail img { transform: scale(1.06); }
/* 「新着一覧へ」ボタンを和モダンに */
section.ori_topics .button a {
    display: inline-block;
    border: 1px solid var(--gy-deep);
    color: var(--gy-deep);
    background: transparent;
    letter-spacing: .3em;
    padding: 1.3rem 4rem;
    border-radius: 2px;
    transition: color .4s ease, background .4s ease, letter-spacing .4s ease;
}
section.ori_topics .button a:hover {
    background: var(--gy-deep);
    color: var(--gy-cream);
    letter-spacing: .42em;
}

/* ==========================================================================
   レスポンシブ調整（〜834px）
   ========================================================================== */
@media screen and (max-width: 834px) {
    section.original01::after,
    section.original01::before { display: none; }
    .content02-item { margin-bottom: 2.5rem; }
    .gy-point em { font-size: 4rem; }
    .gy-js .gy-reveal.from-left,
    .gy-js .gy-reveal.from-right { transform: translateY(36px); }
}

/* アニメーションを控えたい環境への配慮 */
@media (prefers-reduced-motion: reduce) {
    .gy-js .gy-reveal { opacity: 1 !important; transform: none !important; }
    .top-slider-item span,
    section.original01::after { animation: none !important; }
}
/* ==========================================================================
   FV キャッチコピー（明朝の縦の余韻 × 金の縦線 × ふわっと登場）
   ========================================================================== */
.gy-fv {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: flex-end;
    padding: 0 7% 11rem;
    pointer-events: none;
}
/* コピー左の金の縦線（下へ伸びる） */
.gy-fv__inner {
    position: relative;
    padding-left: 2.6rem;
}
.gy-fv__inner::before {
    content: "";
    position: absolute;
    left: 0; top: .3rem;
    width: 1px; height: calc(100% - .3rem);
    background: linear-gradient(var(--gy-gold-l), rgba(203,173,110,0));
    transform: scaleY(0);
    transform-origin: top;
    animation: gyDrawY 1.1s cubic-bezier(.19,.72,.24,1) .25s forwards;
}
@keyframes gyDrawY {
    from { transform: scaleY(0); }
    to   { transform: scaleY(1); }
}
/* 松葉のあしらい（金）は非表示 */
.gy-fv__inner::after { display: none; }
.gy-fv__en {
    font-family: var(--gy-en);
    color: var(--gy-gold-l);
    letter-spacing: .42em;
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1.4rem;
    opacity: 0;
    animation: gyRise 1s ease .4s forwards;
    text-shadow: 0 2px 14px rgba(9,32,23,.5);
}
.gy-fv__copy {
    font-family: var(--gy-mincho) !important;
    color: #fff;
    font-weight: 600;
    font-size: 5rem;
    line-height: 1.42;
    letter-spacing: .1em;
    text-shadow: 0 4px 26px rgba(9,32,23,.55);
    margin: 0;
}
.gy-fv__copy span {
    display: block;
    opacity: 0;
    transform: translateY(38px);
    animation: gyRiseUp 1.15s cubic-bezier(.19,.72,.24,1) forwards;
}
.gy-fv__copy span:nth-child(1) { animation-delay: .55s; }
.gy-fv__copy span:nth-child(2) { animation-delay: .78s; }
.gy-fv__lead {
    color: rgba(255,255,255,.92);
    font-size: 1.5rem;
    letter-spacing: .16em;
    margin-top: 2rem;
    opacity: 0;
    animation: gyRise 1.1s ease 1.1s forwards;
    text-shadow: 0 2px 16px rgba(9,32,23,.55);
}
@keyframes gyRise {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: none; }
}
@keyframes gyRiseUp {
    to { opacity: 1; transform: none; }
}

/* ==========================================================================
   footer ── 和モダン（深緑 × 和紙 × 松葉 × 明朝）
   ========================================================================== */
/* 上部の大きなCONTACT誘導：深緑地＋松の透かし */
.footer_100_contact {
    background: var(--gy-deep) !important;
    position: relative;
    overflow: hidden;
}
.footer_100_contact a::before {
    background: #0b241a !important;
}
.footer_100_contact p._tittle {
    font-family: var(--gy-en) !important;
    color: var(--gy-gold-l);
    font-weight: 600;
    font-size: 3.4rem;
    letter-spacing: .5em;
}
.footer_100_contact p._text {
    font-family: var(--gy-mincho) !important;
    font-size: 1.9rem;
    letter-spacing: .22em;
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
/* お問い合わせ下の松葉（金）は非表示 */
.footer_100_contact p._text::after { display: none; }
.footer_100_contact p.all_text {
    color: rgba(255,255,255,.86);
    letter-spacing: .08em;
}

/* フッター本体：和紙トーン＋うっすら松葉、上辺に松葉ライン */
footer#footer_wrapper {
    background: var(--gy-washi) !important;
    position: relative;
    border-top: 1px solid rgba(18,54,42,.12);
}
footer#footer_wrapper::before {
    content: "";
    position: absolute;
    left: 50%; top: 2.4rem;
    width: 72px; height: 34px;
    background: var(--gy-sprig) center/contain no-repeat;
    transform: translateX(-50%);
    opacity: .55;
}
.footer_inner_sec { padding-top: 8rem; }
.footer_about_info { color: var(--gy-ink); }
.footer_about_info h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.1rem;
    letter-spacing: .18em;
    position: relative;
    padding-left: 1.6rem;
    margin-bottom: 1rem;
}
.footer_about_info h2::before {
    content: "";
    position: absolute;
    left: 0; top: .15em; bottom: .15em;
    width: 3px;
    background: linear-gradient(var(--gy-green2), var(--gy-gold));
}
p.address_footer { color: var(--gy-ink); font-size: 16px; }

/* サイトマップ：金の下線ホバー＋明朝 */
.footer-sitemap-tittle { color: var(--gy-gold); }
ul.footer-list li a { color: var(--gy-ink); font-family: var(--gy-mincho); }
ul.footer-list li a::after { background: var(--gy-gold); }

/* コピーライト帯：深緑 */
.footer-bar01 {
    background: var(--gy-deep) !important;
    margin-top: 4rem;
}
.footer-bar01, p.copyright {
    color: rgba(255,255,255,.78) !important;
}
p.copyright small {
    font-family: var(--gy-en);
    letter-spacing: .12em;
}
div#pagetop a { background: var(--gy-gold) !important; }
div#pagetop a:hover { background: var(--gy-gold-l) !important; }

/* ==========================================================================
   FV / footer レスポンシブ
   ========================================================================== */
@media screen and (max-width: 834px) {
    .gy-fv { padding: 0 8% 7rem; }
    .gy-fv__copy { font-size: 3.2rem; }
    .gy-fv__lead { font-size: 1.3rem; }
    .gy-fv__en { font-size: 1.3rem; }
    .footer_100_contact p._tittle { font-size: 2.6rem; letter-spacing: .35em; }
    .footer_100_contact p._text { font-size: 1.6rem; }
}
@media (prefers-reduced-motion: reduce) {
    .gy-fv__inner::before, .gy-fv__inner::after,
    .gy-fv__en, .gy-fv__copy span, .gy-fv__lead {
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ==========================================================================
   ▲▲▲ 和モダン・リデザイン 2026 ___END
   ========================================================================== */

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

/* ==========================================================================
   ▼▼▼ お問い合わせ ── 和モダン・リデザイン 2026（深緑 × 金茶 × 明朝 × 松）
   トップとトンマナを統一。旧・黒/グレーの装飾をこのブロックで上書き
   ========================================================================== */

/* --- セクション共通 -------------------------------------------------------- */
.gy-contact { position: relative; padding: 5.5rem 0; }
.gy-contact + .gy-contact { padding-top: 0; }
.gy-contact .content_inner,
.contact_sec.gy-contact .content_inner,
.mail_sec.gy-contact .content_inner {
    max-width: 900px;
    padding-bottom: 0;
}

/* --- 英字ラベル＋明朝見出し（トップの original_sub_menu と同系） --------------- */
.gy-contact__head { text-align: center; margin-bottom: 3.2rem; }
.gy-contact__en {
    display: block;
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .42em;
    text-indent: .42em;      /* letter-spacing の右余白を相殺してセンター維持 */
    margin-bottom: .9rem;
}
.gy-contact__head h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    padding: 0;
    margin: 0;
    background: none;
    border: 0;
}
/* 見出し下の松葉のあしらい（金） */
.gy-contact__head h2::after {
    content: "";
    display: block;
    width: 70px; height: 32px;
    margin: 1.2rem auto 0;
    background: var(--gy-sprig-gold) center/contain no-repeat;
    background: none;
    height: 0;
    margin: 0;
    opacity: .9;
}

/* --- 和カード（トップ content02-item と同じ質感） ---------------------------- */
.gy-contact .con__inner {
    max-width: 820px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(18,54,42,.10);
    border-radius: 3px;
    padding: 4.6rem 4.2rem;
    box-shadow: 0 22px 44px -30px rgba(18,54,42,.32);
    position: relative;
    overflow: hidden;
}
.gy-contact .con__inner::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--gy-deep), var(--gy-green2) 55%, var(--gy-gold));
}

/* --- リード文（案内文） ----------------------------------------------------
   .post-content p { margin:0; } は class+要素で詳細度が高く、単一クラスの
   margin:0 auto を上書きしてセンタリングを無効化してしまうため、
   .post-content p.gy-contact__lead と要素セレクタを重ねて詳細度を揃える --- */
.post-content p.gy-contact__lead {
    color: var(--gy-ink);
    font-size: 1.7rem;
    line-height: 2;
    text-align: center;
    max-width: 640px;
    margin: 0 auto 2.2rem;
}

/* --- 電話 ------------------------------------------------------------------ */
.gy-contact address.con_tel {
    color: var(--gy-deep);
    font-family: var(--gy-mincho-b);
    font-size: 3.4rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: 2rem;
    line-height: 1.1;
}
.gy-contact address.con_tel a,
.gy-contact address.con_tel .tel-link { color: var(--gy-deep); }
.gy-contact span.con_tel_sub {
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.4rem;
    letter-spacing: .12em;
    margin-right: .5rem;
    vertical-align: 0.12em;
}
/* 注意書き（※） */
.gy-contact p.con_caution {
    color: #6d7b72;
    font-size: 1.4rem;
    line-height: 1.85;
    text-align: center;
    max-width: 620px;
    margin: 0 auto .6rem;
}
.gy-contact p.con_caution:last-of-type { margin-bottom: 0; }

/* --- LINEボタン（LINEブランドカラー×和の丸み） ------------------------------- */
.gy-contact a.footer_but {
    /* inline-flex だと margin:auto が効かず左寄せになるため flex に */
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55em;
    width: 100%;
    max-width: 390px;
    margin: 1rem auto 0;
    padding: 20px 30px;
    line-height: 1.4;
    text-align: center;
    border-radius: 100px;
    font-family: var(--gy-mincho) !important;
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: .12em;
    box-shadow: 0 18px 34px -18px rgba(6,199,85,.55);
    transition: transform .45s cubic-bezier(.19,.72,.24,1), box-shadow .45s ease, background .45s ease;
}
.gy-contact a.footer_but.footer-line { background: #06c755; color: #fff; }
.gy-contact a.footer_but.footer-line:hover {
    background: #05b44c;
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 26px 42px -18px rgba(6,199,85,.65);
}
.gy-contact a.footer_but::after,
.gy-contact a.footer_but::before { content: none !important; display: none !important; }
.gy-line__sub {
    font-family: var(--gy-en) !important;
    font-size: 1.3rem;
    letter-spacing: .2em;
    opacity: .92;
    padding-left: .7em;
    margin-left: .1em;
    border-left: 1px solid rgba(255,255,255,.5);
}

/* --- メール：注意ボックス -------------------------------------------------- */
.gy-contact .mail_info_box {
    background: var(--gy-washi);
    border: 1px solid rgba(177,143,78,.4);
    border-radius: 3px;
    padding: 2.5rem 2.8rem;
    margin-bottom: 3.6rem;
}
.gy-contact .mail_info_box h3 {
    font-family: var(--gy-mincho-b) !important;
    color: var(--gy-deep);
    font-size: 1.7rem;
    letter-spacing: .06em;
    margin-bottom: 1rem;
    padding-left: 3rem;
    position: relative;
}
.gy-contact .mail_info_box h3::before {
    content: "！";
    position: absolute;
    left: 0; top: 50%;
    width: 2rem; height: 2rem;
    line-height: 2rem;
    text-align: center;
    transform: translateY(-50%);
    color: #fff;
    background: var(--gy-gold);
    border-radius: 50%;
    font-size: 1.3rem;
    font-weight: 700;
}
.gy-contact .mail_info_box p {
    color: var(--gy-ink);
    font-size: 1.6rem;
    line-height: 2;
}

/* --- メールフォーム（CF7）を和モダンに ------------------------------------- */
.gy-contact .wpcf7 form p {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    letter-spacing: .04em;
}
.gy-contact .wpcf7 input:not(.wpcf7-submit),
.gy-contact .wpcf7 textarea,
.gy-contact .wpcf7 select {
    background: var(--gy-cream);
    border: 1px solid rgba(18,54,42,.16);
    border-radius: 3px;
    padding: 16px 18px;
    font-family: var(--gy-mincho);
    transition: border-color .3s ease, box-shadow .3s ease;
}
.gy-contact .wpcf7 input:not(.wpcf7-submit):focus,
.gy-contact .wpcf7 textarea:focus,
.gy-contact .wpcf7 select:focus {
    border-color: var(--gy-green2);
    box-shadow: 0 0 0 3px rgba(44,110,73,.14) !important;
    outline: none;
}
.gy-contact .wpcf7 span.required { background: var(--gy-gold); }
.gy-contact .wpcf7 input.wpcf7-submit {
    background: linear-gradient(135deg, var(--gy-green) 0%, var(--gy-deep) 100%);
    color: #fff;
    border-radius: 100px;
    font-family: var(--gy-mincho) !important;
    letter-spacing: .2em;
    box-shadow: 0 18px 34px -18px rgba(18,54,42,.6);
    transition: transform .5s cubic-bezier(.19,.72,.24,1), box-shadow .5s ease, background .5s ease;
}
.gy-contact .wpcf7 input.wpcf7-submit:hover {
    background: linear-gradient(135deg, var(--gy-green2) 0%, var(--gy-green) 100%);
    color: #fff;
    transform: translateY(-4px);
    box-shadow: 0 26px 44px -18px rgba(18,54,42,.7);
}
.gy-contact .wpcf7 form.invalid .wpcf7-response-output,
.gy-contact .wpcf7 form.unaccepted .wpcf7-response-output {
    background: var(--gy-washi);
    border: 1px solid rgba(177,143,78,.5);
    color: var(--gy-ink);
    border-radius: 3px;
}

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .gy-contact { padding: 4rem 0; }
    .gy-contact .con__inner { padding: 3.2rem 1.9rem; }
    .gy-contact__head { margin-bottom: 2.4rem; }
    .gy-contact__head h2 { font-size: 2.1rem; }
    .gy-contact address.con_tel { font-size: 2.6rem; }
    .post-content p.gy-contact__lead { font-size: 1.6rem; }
    .gy-contact .mail_info_box { padding: 2rem 1.8rem; }
}
/* ==========================================================================
   ▲▲▲ お問い合わせ 和モダン・リデザイン 2026 ___END
   ========================================================================== */

/* ==========================================================================
   ▼▼▼ 代表挨拶（GREETING）── 和モダン・リデザイン 2026
   旧テンプレの紺色（#303D64）をこのブロックで上書き
   ========================================================================== */
.gy-greeting { padding: 4rem 0 5.5rem; }
.gy-greeting .content_inner { max-width: 920px; }

/* --- 英字ラベル（トップ content02 の GREETING と同系） --------------------- */
.gy-greeting__en {
    display: block;
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .42em;
    text-indent: .42em;
    margin-bottom: .8rem;
}
.gy-greeting__head { text-align: center; margin-bottom: 3.4rem; }
.gy-greeting__head h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    padding: 0; margin: 0; border: 0; background: none;
}
.gy-greeting__head h2::after {
    content: "";
    display: block;
    width: 70px; height: 32px;
    margin: 1.2rem auto 0;
    background: var(--gy-sprig-gold) center/contain no-repeat;
    opacity: .9;
    background: none;
    height: 0;
    margin: 0;
}

/* --- プロフィールカード ---------------------------------------------------- */
.gy-greeting .greeting_intro {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(18,54,42,.10);
    border-radius: 3px;
    box-shadow: 0 22px 44px -30px rgba(18,54,42,.32);
    padding: 4rem;
    position: relative;
    overflow: hidden;
}
.gy-greeting .greeting_intro::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--gy-deep), var(--gy-green2) 55%, var(--gy-gold));
}
.gy-greeting .greeting_intro-img { width: 40%; }
.gy-greeting .greeting_intro-img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}
.gy-greeting .greeting_intro-title { width: calc(60% - 4em); margin-left: 4em; }
.gy-greeting .greeting_intro-title h2 {
    font-family: var(--gy-mincho-b) !important;
    color: var(--gy-deep);
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.4;
    text-align: left;
    padding: 0; margin: 0; border: 0;
}
.gy-greeting span.greeting_intro-name {
    display: block;
    color: var(--gy-gold);
    font-size: .5em;
    font-weight: 600;
    letter-spacing: .28em;
    margin-bottom: .3em;
}
.gy-greeting span.ruby {
    color: #6d7b72;
    font-size: .5em;
    font-weight: 400;
    letter-spacing: .06em;
    margin-left: .9em;
}

/* --- プロフィール表 -------------------------------------------------------- */
.gy-greeting .s_table { margin-top: 1.6rem; }
.gy-greeting table.greeting__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem;
    margin: 0;
}
.gy-greeting .greeting__table th,
.gy-greeting .greeting__table td {
    padding: 1rem 1.2rem;
    border-bottom: 1px solid rgba(18,54,42,.12);
    text-align: left;
    vertical-align: top;
    line-height: 1.6;
}
.gy-greeting .greeting__table tr:first-child th,
.gy-greeting .greeting__table tr:first-child td { border-top: 1px solid rgba(18,54,42,.12); }
.gy-greeting .greeting__table th {
    width: 7em;
    white-space: nowrap;
    color: var(--gy-green);
    font-family: var(--gy-mincho) !important;
    font-weight: 600;
    background: rgba(242,238,226,.5);
}
.gy-greeting .greeting__table td { color: var(--gy-ink); }

/* --- 本文 ------------------------------------------------------------------ */
.gy-greeting .greeting-text { margin: 4rem auto 0; }
.gy-greeting .greeting-text p {
    color: var(--gy-ink);
    font-size: 1.6rem;
    line-height: 2.15;
    margin-bottom: 2rem;
}

/* --- 4つの約束：小見出し --------------------------------------------------- */
.gy-greeting__promise-head { text-align: center; margin: 4rem auto 0; }
.gy-greeting__promise-head .gy-greeting__en { margin-bottom: .6rem; }
.gy-greeting__promise-head h3 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.1rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.5;
    margin: 0;
}

/* --- 4つの約束：カードリスト ---------------------------------------------- */
.gy-greeting ul.greeting__list {
    list-style: none;
    margin: 2.6rem auto 3.4rem;
    padding: 0;
    display: grid;
    gap: 1.4rem;
}
.gy-greeting ul.greeting__list li {
    position: relative;
    background: var(--gy-cream);
    border: 1px solid rgba(18,54,42,.1);
    border-radius: 3px;
    padding: 2rem 2.2rem 2rem 3.6rem;
    color: var(--gy-ink);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2;
}
.gy-greeting ul.greeting__list li::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    left: 1.4rem;
    top: 2.05rem;
    color: var(--gy-green2);
    font-size: 1.5rem;
}
.gy-greeting .greeting__lsit--title {
    display: block;
    font-family: var(--gy-mincho-b) !important;
    color: var(--gy-deep);
    font-size: 1.12em;
    font-weight: 700;
    letter-spacing: .04em;
    margin-bottom: .5rem;
}

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .gy-greeting { padding: 3.2rem 0 4rem; }
    .gy-greeting__head { margin-bottom: 2.6rem; }
    .gy-greeting__head h2 { font-size: 2.1rem; }
    .gy-greeting .greeting_intro { padding: 2.6rem 1.9rem; }
    .gy-greeting .greeting_intro-img { width: 100%; }
    .gy-greeting .greeting_intro-title { width: 100%; margin: 2.2rem auto 0; }
    .gy-greeting .greeting_intro-title h2 { text-align: center; }
    .gy-greeting .greeting-text p { font-size: 1.6rem; }
    .gy-greeting__promise-head h3 { font-size: 1.8rem; }
    .gy-greeting ul.greeting__list li { padding: 1.7rem 1.6rem 1.7rem 3.2rem; }
}
/* ==========================================================================
   ▲▲▲ 代表挨拶（GREETING）和モダン・リデザイン 2026 ___END
   ========================================================================== */

/* ==========================================================================
   ▼▼▼ メニュー（MENU / 剪定・植木屋）── 和モダン・リデザイン 2026
   トップ original04（POINT）と同じ左右交互レイアウトに統一
   ========================================================================== */
.gy-menu { padding: 4rem 0 6rem; }
.gy-menu .content_inner { max-width: 1080px; }

/* --- ページ見出し ---------------------------------------------------------- */
.gy-menu__head { text-align: center; margin-bottom: 5rem; }
.gy-menu__en {
    display: block;
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .42em;
    text-indent: .42em;
    margin-bottom: .9rem;
}
.gy-menu__head h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: 0;
}
.gy-menu__head h2::after {
    content: "";
    display: block;
    width: 70px; height: 32px;
    margin: 1.2rem auto 0;
    background: var(--gy-sprig-gold) center/contain no-repeat;
    opacity: .9;
    background: none;
    height: 0;
    margin: 0;
}
.post-content p.gy-menu__lead {
    color: var(--gy-ink);
    font-size: 1.7rem;
    line-height: 2.1;
    max-width: 680px;
    margin: 2.4rem auto 0;
    text-align: center;
}

/* --- サービス行（左右交互） ----------------------------------------------- */
.gy-menu__list { margin: 0 auto; }
.gy-menu__row {
    display: flex;
    align-items: center;
    gap: 4.5rem;
    margin: 7rem 0;
}
.gy-menu__row:nth-of-type(even) { flex-direction: row-reverse; }
.gy-menu__img { flex: 1 1 52%; min-width: 0; }
.gy-menu__img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    box-shadow: 0 30px 60px -34px rgba(18,54,42,.5);
}
.gy-menu__body { flex: 1 1 48%; min-width: 0; }
.gy-menu__title {
    font-family: var(--gy-mincho-b) !important;
    color: var(--gy-deep);
    font-size: 2.9rem;
    font-weight: 700;
    letter-spacing: .06em;
    line-height: 1.6;
    margin: 0 0 1.4rem;
    padding: 0;
    border: 0;
}
.gy-menu__body p {
    color: var(--gy-ink);
    font-size: 1.6rem;
    line-height: 2.1;
    margin: 0;
}

/* --- 締めの一言（全作業に片付け・清掃込み） -------------------------------- */
.gy-menu__note {
    max-width: 760px;
    margin: 6rem auto 0;
    background: linear-gradient(115deg, rgba(9,32,23,.96) 0%, rgba(18,54,42,.9) 100%);
    color: #fff;
    border-radius: 3px;
    padding: 3.4rem 3.6rem;
    text-align: center;
    box-shadow: 0 26px 50px -30px rgba(18,54,42,.55);
}
.gy-menu__note .gy-menu__en { color: var(--gy-gold-l); }
.gy-menu__note h3 {
    font-family: var(--gy-mincho-b) !important;
    color: #fff;
    font-size: 2.2rem;
    letter-spacing: .08em;
    line-height: 1.6;
    margin: 0 0 1.2rem;
}
.gy-menu__note p {
    color: rgba(255,255,255,.9);
    font-size: 1.6rem;
    line-height: 2.1;
    margin: 0;
}

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 834px) {
    .gy-menu { padding: 3rem 0 4rem; }
    .gy-menu__head { margin-bottom: 3.4rem; }
    .gy-menu__head h2 { font-size: 2.1rem; }
    .post-content p.gy-menu__lead { font-size: 1.6rem; margin-top: 1.8rem; }
    .gy-menu__row,
    .gy-menu__row:nth-of-type(even) {
        flex-direction: column;
        gap: 2rem;
        margin: 4.5rem 0;
    }
    .gy-menu__img,
    .gy-menu__body { flex: 1 1 100%; width: 100%; }
    .gy-menu__title { font-size: 2.3rem; text-align: center; }
    .gy-menu__note { padding: 2.6rem 1.9rem; margin-top: 4rem; }
    .gy-menu__note h3 { font-size: 1.9rem; }
}
/* ==========================================================================
   ▲▲▲ メニュー（MENU）和モダン・リデザイン 2026 ___END
   ========================================================================== */

/* ==========================================================================
   ▼▼▼ 料金の目安（PRICE）── メニューページ内 / 和モダン 2026
   支給チラシの料金表をサイト用に構成。gy-menu と同じ配色・明朝で統一
   ========================================================================== */
.gy-price { max-width: 1080px; margin: 7.5rem auto 0; }

/* --- 見出し --------------------------------------------------------------- */
.gy-price__head { text-align: center; margin-bottom: 3.6rem; }
.gy-price__head h3 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.6rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
}
.post-content p.gy-price__lead {
    color: var(--gy-ink);
    font-size: 1.7rem;
    line-height: 2.1;
    max-width: 680px;
    margin: 1.8rem auto 0;
    text-align: center;
}

/* --- カードグリッド ------------------------------------------------------- */
.gy-price__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2.4rem;
}
.gy-price__card {
    background: var(--gy-cream);
    border: 1px solid rgba(177,143,78,.34);
    border-radius: 3px;
    padding: 3rem 3rem 2.6rem;
    box-shadow: 0 24px 46px -34px rgba(18,54,42,.45);
}
.gy-price__card--wide {
    grid-column: 1 / -1;
    background: var(--gy-washi);
}
/* 半幅カードが奇数枚で最後の1枚が余ったとき、右側に空セルを作らず中央へ寄せる。
   先頭が全幅カード1枚のため「最後の子が偶数番目＝余りが出る」で判定できる */
.gy-price__grid > .gy-price__card:last-child:nth-child(even) {
    grid-column: 1 / -1;
    justify-self: center;
    width: 100%;
    max-width: calc(50% - 1.2rem);
}

/* --- カード見出し --------------------------------------------------------- */
.gy-price__card h4.gy-price__title {
    font-family: var(--gy-mincho-b) !important;
    color: var(--gy-deep);
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    padding: 0 0 1.3rem;
    border: 0;
    border-bottom: 1px solid rgba(177,143,78,.32);
    background: none;
}
.gy-price__title .gy-price__sub {
    display: inline-block;
    margin-left: .8rem;
    padding: .2em .8em;
    font-family: var(--gy-mincho) !important;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: .06em;
    color: var(--gy-gold);
    border: 1px solid rgba(177,143,78,.5);
    border-radius: 999px;
    vertical-align: middle;
}
.post-content p.gy-price__cond {
    color: rgba(37,53,44,.7);
    font-size: 1.4rem;
    line-height: 1.9;
    text-align: center;
    margin: 1.4rem 0 1.6rem;
}

/* --- 料金リスト（項目 …… 金額） ------------------------------------------ */
.gy-price__list { margin: 0; padding: 0; }
.gy-price__list > div {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    margin: 0;
    padding: 1rem 0;
    border-bottom: 1px dotted rgba(18,54,42,.24);
}
.gy-price__list > div:last-child { border-bottom: 0; padding-bottom: 0; }
.gy-price__list dt {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: var(--gy-ink);
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.7;
}
.gy-price__list dt span {
    display: inline-block;
    margin-left: .6rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: rgba(37,53,44,.58);
}
.gy-price__list dd {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    color: var(--gy-deep);
    font-size: 1.6rem;
    line-height: 1.5;
    white-space: nowrap;
}
.gy-price__list dd em {
    font-family: var(--gy-mincho-b) !important;
    font-style: normal;
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--gy-green);
    letter-spacing: .01em;
    margin-right: .12em;
}
.gy-price__list dd.is-quote {
    font-family: var(--gy-mincho) !important;
    font-size: 1.5rem;
    color: var(--gy-gold);
    letter-spacing: .04em;
}

/* --- カード内の補足 ------------------------------------------------------- */
.post-content p.gy-price__memo {
    margin: 1.6rem 0 0;
    padding-top: 1.3rem;
    border-top: 1px dotted rgba(18,54,42,.24);
    color: rgba(37,53,44,.7);
    font-size: 1.4rem;
    line-height: 1.9;
}

/* --- 全体注記 ------------------------------------------------------------- */
.post-content p.gy-price__note {
    max-width: 1080px;
    margin: 2.8rem auto 0;
    text-align: center;
    color: rgba(37,53,44,.68);
    font-size: 1.4rem;
    line-height: 2.05;
}

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 834px) {
    .gy-price { margin-top: 4.5rem; }
    .gy-price__head { margin-bottom: 2.4rem; }
    .gy-price__head h3 { font-size: 2rem; }
    .post-content p.gy-price__lead { font-size: 1.6rem; margin-top: 1.4rem; }
    .gy-price__grid { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; }
    .gy-price__grid > .gy-price__card:last-child:nth-child(even) { max-width: none; }
    .gy-price__card { padding: 2.2rem 1.8rem 2rem; }
    .gy-price__card h4.gy-price__title { font-size: 1.9rem; }
    .gy-price__title .gy-price__sub { font-size: 1.3rem; margin-left: .6rem; }
    .gy-price__list > div { flex-wrap: wrap; gap: .2rem 1rem; }
    .gy-price__list dt { flex: 1 1 100%; font-size: 1.6rem; }
    .gy-price__list dt span { display: block; margin-left: 0; }
    .gy-price__list dd { margin-left: auto; }
    .gy-price__list dd em { font-size: 2rem; }
    .post-content p.gy-price__note { font-size: 1.4rem; text-align: left; }
}
/* ==========================================================================
   ▲▲▲ 料金の目安（PRICE）___END
   ========================================================================== */

/* ==========================================================================
   ▼▼▼ Q&A（FAQ）── 和モダン・リデザイン 2026
   旧テンプレの紺色 Q/A バッジをこのブロックで上書き
   ========================================================================== */
.gy-faq { padding: 4rem 0 6rem; }
.gy-faq .content_inner { max-width: 920px; }

/* --- ページ見出し ---------------------------------------------------------- */
.gy-faq__head { text-align: center; margin-bottom: 4rem; }
.gy-faq__en {
    display: block;
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .42em;
    text-indent: .42em;
    margin-bottom: .9rem;
}
.gy-faq__head h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 0; padding: 0; border: 0;
}
.gy-faq__head h2::after {
    content: "";
    display: block;
    width: 70px; height: 32px;
    margin: 1.2rem auto 0;
    background: var(--gy-sprig-gold) center/contain no-repeat;
    opacity: .9;
    background: none;
    height: 0;
    margin: 0;
}
.gy-faq__lead {
    color: var(--gy-ink);
    font-size: 1.7rem;
    line-height: 2.1;
    max-width: 680px;
    margin: 2.2rem auto 0;
    text-align: center;
}

/* --- Q&A カード ------------------------------------------------------------ */
.gy-faq__list { display: grid; gap: 1.8rem; }
.gy-faq__item {
    background: #fff;
    border: 1px solid rgba(18,54,42,.1);
    border-radius: 3px;
    box-shadow: 0 18px 40px -32px rgba(18,54,42,.3);
    padding: 2.6rem 3rem;
    transition: box-shadow .5s ease, transform .5s cubic-bezier(.19,.72,.24,1);
}
.gy-faq__item:hover {
    box-shadow: 0 30px 56px -30px rgba(18,54,42,.42);
    transform: translateY(-4px);
}
/* 質問 */
.post-content h3.gy-faq__q {
    position: relative;
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .04em;
    padding-left: 4.6rem;
    margin: 0;
    border: none;
    padding-bottom: 0;
}
.post-content h3.gy-faq__q::before {
    content: "Q";
    position: absolute;
    left: 0; top: -.1rem;
    width: 3.3rem; height: 3.3rem;
    line-height: 3.3rem;
    text-align: center;
    font-family: var(--gy-en);
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    background: var(--gy-deep);
    border-radius: 50%;
}
/* 回答 */
.gy-faq__a {
    position: relative;
    margin-top: 1.8rem;
    padding: 1.8rem 0 0 4.6rem;
    border-top: 1px solid rgba(18,54,42,.1);
}
.gy-faq__a::before {
    content: "A";
    position: absolute;
    left: 0; top: 1.8rem;
    width: 3.3rem; height: 3.3rem;
    line-height: 3.3rem;
    text-align: center;
    font-family: var(--gy-en);
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    background: var(--gy-gold);
    border-radius: 50%;
}
.gy-faq__a p {
    color: var(--gy-ink);
    font-size: 1.6rem;
    line-height: 2.05;
    margin: 0;
}

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .gy-faq { padding: 3.2rem 0 4rem; }
    .gy-faq__head { margin-bottom: 3rem; }
    .gy-faq__head h2 { font-size: 2.1rem; }
    .gy-faq__lead { font-size: 1.6rem; }
    .gy-faq__item { padding: 2rem 1.8rem; }
    .post-content h3.gy-faq__q { font-size: 1.6rem; padding-left: 4rem; }
    .post-content h3.gy-faq__q::before { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.6rem; }
    .gy-faq__a { padding-left: 4rem; }
    .gy-faq__a::before { width: 3rem; height: 3rem; line-height: 3rem; font-size: 1.6rem; top: 1.8rem; }
}
/* ==========================================================================
   ▲▲▲ Q&A（FAQ）和モダン・リデザイン 2026 ___END
   ========================================================================== */

/* ==========================================================================
   ▼▼▼ 店舗概要（COMPANY）── 和モダン・リデザイン 2026
   ========================================================================== */
.gy-company { padding: 4rem 0 6rem; }
.gy-company .content_inner { max-width: 860px; }

/* --- ページ見出し ---------------------------------------------------------- */
.gy-company__head { text-align: center; margin-bottom: 4rem; }
.gy-company__en {
    display: block;
    font-family: var(--gy-en) !important;
    color: var(--gy-gold);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: .42em;
    text-indent: .42em;
    margin-bottom: .9rem;
}
.gy-company__head h2 {
    font-family: var(--gy-mincho) !important;
    color: var(--gy-deep);
    font-size: 2.8rem;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.5;
    margin: 0; padding: 0; border: 0; background: none; text-align: center;
}
.gy-company__head h2::after {
    content: "";
    display: block;
    width: 70px; height: 32px;
    margin: 1.2rem auto 0;
    background: var(--gy-sprig-gold) center/contain no-repeat;
    opacity: .9;
    background: none;
    height: 0;
    margin: 0;
}

/* --- 概要テーブル（和カード） --------------------------------------------- */
.gy-company__card {
    background: #fff;
    border: 1px solid rgba(18,54,42,.1);
    border-radius: 3px;
    box-shadow: 0 22px 44px -30px rgba(18,54,42,.32);
    padding: 1.4rem 3.4rem;
    position: relative;
    overflow: hidden;
}
.gy-company__card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, var(--gy-deep), var(--gy-green2) 55%, var(--gy-gold));
}
.gy-company__card .s_table { margin: 0; }
.gy-company__card table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.6rem;
    margin: 0;
}
.gy-company__card th,
.gy-company__card td {
    padding: 1.8rem 1rem;
    border-bottom: 1px solid rgba(18,54,42,.12);
    text-align: left;
    vertical-align: top;
    line-height: 1.8;
}
/* 最終行（保有資格）の下線は非表示。
   th/td だけ消しても .post-content tr の罫線が border-collapse で残るため tr 自体も消す */
.gy-company__card tr { border-bottom: 0; }
.gy-company__card tr:last-child th,
.gy-company__card tr:last-child td { border-bottom: 0; }
.gy-company__card th {
    width: 9em;
    white-space: nowrap;
    color: var(--gy-green);
    font-family: var(--gy-mincho) !important;
    font-weight: 600;
    letter-spacing: .06em;
}
.gy-company__card td { color: var(--gy-ink); }

/* --- レスポンシブ --------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .gy-company { padding: 3.2rem 0 4rem; }
    .gy-company__head { margin-bottom: 3rem; }
    .gy-company__head h2 { font-size: 2.1rem; }
    .gy-company__card { padding: 1rem 1.8rem; }
    .gy-company__card table { font-size: 1.6rem; }
    .gy-company__card th,
    .gy-company__card td {
        display: block;
        width: 100%;
        border-bottom: 0;
        padding: .4rem 0;
    }
    .gy-company__card th {
        color: var(--gy-gold);
        padding-top: 1.6rem;
        font-size: 1.4rem;
        letter-spacing: .1em;
    }
    .gy-company__card td { padding-bottom: 1.4rem; border-bottom: 1px solid rgba(18,54,42,.12); }
    .gy-company__card tr:last-child td { border-bottom: 0; }
}
/* ==========================================================================
   ▲▲▲ 店舗概要（COMPANY）和モダン・リデザイン 2026 ___END
   ========================================================================== */

.footer a.footer_but {
    display: block;
    margin: 1.5em auto 0 0;
    line-height: 60px;
    background: #cfafa1;
    color: #ffffff;
    box-sizing: border-box;
    position: relative;
    max-width: 400px;
    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;
}
.footer a.footer_but::after {
    font-family: "Font Awesome 5 Free";
    content: "\ea92";
    position: absolute;
    right: 25px;
    font-size: 20px;
    font-weight: 700;
}

.footer a.footer_but.footer-line {
    background: #02a400;
}
.footer a.footer_but.footer-line::after {
    font-family: 'design_plus';
    content: '\e909';
    font-weight: 500;
}