/*
Version: 23.12
*/
@charset "utf-8";

@import url('../../leaflog/css/style.css');
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400..900&display=swap');
img {
	image-rendering: -webkit-optimize-contrast;
}
.txt-center{
    text-align: center!important;
}
.txt-nonedeco{
    text-decoration: none;
    border-bottom:none!important;
}


#quickly_btn {
    position: fixed;
    top: 270px;
    right: -272px;
    transition: .8s;
    z-index: 100;
}

#quickly_btn:hover{
    right: 0px;
}

/* 20250707add */
.first-view2025_main_image {
    display: none !important;
}
.first-view2025 {
    min-height: 120vh;
    padding-top: 50px;
    background-image: url("../images/top2025/fig_main_2.jpg");
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.first-view2025.sakura {
    background-image: url("../images/top2025/fig_main_spring_2.jpg");
    background-position: 50% 40%;
}
.first-view2025.nokotsudo {
    background-image: url("../images/top2025/fig_main_nokotsudo_2.jpg");
    background-position: 50% 40%;
}
.first-view2025.type-a {
    background-image: url("../images/top2025/fig_main_a.jpg");
    background-position: 50% 50%;
}
.first-view2025.type-b {
    background-image: url("../images/top2025/fig_main_b.jpg");
    background-position: 50% 30%;
}
.first-view2025 * {
    box-sizing: border-box;
}
.first-view2025-catch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.first-view2025-catch span {
    font-family: 'Noto Serif JP', serif;
    background: #fff;
    font-weight: 700;
    font-size: 36px;
    color: #1a482d;
    padding: 0 15px;
    margin: 3px;
}
.first-view2025-ttl {
    display: flex;
    justify-content: center;
    align-items: center;
}
.first-view2025-ttl-txt {
    background: linear-gradient(90deg, rgba(255, 255, 255,0) 0%, #fff 50%, rgba(255, 255, 255,0) 100%);
    padding: 30px 50px;
    flex-shrink: 0;
    text-align: center;
}
.first-view2025.guideoff .first-view2025-ttl-txt {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 15px;
    display: flex;
    justify-content: center;
}
.first-view2025-ttl-txt-wrap {
    background: linear-gradient(270deg, #064101 0% , #064101 10%, #6c8b2b 50%, #325d10 60%, #064101 90%, #064101 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
    display: flex;
    flex-direction: column;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}

.first-view2025-ttl-txt-name {
    font-size: 50px;
}
.first-view2025-ttl-txt-base {
    font-size: 98px;
}
.first-view2025-ttl > dl {
    position: relative;
}
.first-view2025.guideoff .first-view2025-ttl > dl {
    display: none;
}
.first-view2025-ttl > dl dd {
    border: 5px solid #ab0e1c;
    box-shadow: 0 0 15px 0 #ccc inset;
    padding: 70px 20px 15px;
    background: #fff;
    margin: -68px 15px 0;
    text-align: center;
    font-size: 24px;
    color: #5b401a;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}
.first-view2025-ttl > dl dt {
    background: url("../images/top2025/bg_ribbon.png") no-repeat;
    background-size: 100% 100%;
    min-height: 47px;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 5px 25px;
}
.first-view2025-point {
    display: flex;
    justify-content: center;
    align-items: center;
}
.first-view2025-point dl {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
}
.first-view2025-point dl > div {
    width: 100%;
    max-width: 200px;
    height: 200px;
    /*	background-image: linear-gradient( 135deg, rgba(14,157,75,0.9) 0%, rgb(0,88,34) 50%, rgba(14,157,75,0.9) 100%); */
    background-image: url("../images/top2025/bg_box_green.png");
    background-size: cover;
    border: 5px solid rgba(255, 255, 255 ,.8);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25) inset;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin: 5px;
    aspect-ratio: 1 / 1;
}
.first-view2025.sakura .first-view2025-point dl > div {
    background-image: linear-gradient( 135deg, rgba(229,160,161,0.9) 0%, rgb(228,90,106) 50%, rgba(229,160,161,0.9) 100%);
    background-size: auto;
}
.first-view2025-point dl > div:after {
    content: "";
    position: absolute;
    background-size: 100% 100%;
}
.first-view2025-point dl > div:nth-of-type(1):after {
    background-image: url("../images/top2025/fig_green1.png");
    width: 81px;
    height: 62px;
    right: -18px;
    bottom: -18px;
}
.first-view2025-point dl > div:nth-of-type(2):after {
    background-image: url("../images/top2025/fig_green2.png");
    width: 74px;
    height: 70px;
    left: -10px;
    top:-10px;
}
.first-view2025-point dl > div:nth-of-type(3):after {
    background-image: url("../images/top2025/fig_green3.png");
    width: 72px;
    height: 67px;
    left: -18px;
    bottom: -18px;
}
.first-view2025-point dl > div:nth-of-type(4):after {
    background-image: url("../images/top2025/fig_green4.png");
    width: 74px;
    height: 62px;
    right: -18px;
    bottom: -18px;
}
.first-view2025.sakura .first-view2025-point dl > div:nth-of-type(1):after {
    background-image: url("../images/top2025/fig_sakura1.png");
    width: 79px;
    height: 75px;
    left: -28px;
    bottom: -26px;
    right: auto;
    top: auto;
}
.first-view2025.sakura .first-view2025-point dl > div:nth-of-type(2):after {
    background-image: url("../images/top2025/fig_sakura2.png");
    width: 48px;
    height: 45px;
    right: auto;
    bottom: auto;
    left: -18px;
    top: -20px;
}
.first-view2025.sakura .first-view2025-point dl > div:nth-of-type(3):after {
    background-image: url("../images/top2025/fig_sakura3.png");
    width: 57px;
    height: 55px;
    left: auto;
    bottom: auto;
    right: -18px;
    top: -20px;
}
.first-view2025.sakura .first-view2025-point dl > div:nth-of-type(4):after {
    background-image: url("../images/top2025/fig_sakura4.png");
    width: 91px;
    height: 72px;
    left: auto;
    top: auto;
    right: -28px;
    bottom: -32px;
}

.first-view2025-point dl > div dt {
    font-size: 26px;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    margin-bottom: 15px;
}
.first-view2025-point dl > div dt span {
    font-size: 18px;
    color: #edc17b;
    display: block;
    font-family: "Bodoni Moda", serif;
}
.first-view2025.sakura .first-view2025-point dl > div dt span {
    color: #392509;
}
.first-view2025-point dl > div dd {
    font-size: 18px;
}
.first-view2025-point-box {
    width: 260px;
    height: 260px;
    border: 5px solid #b1935f;
    box-shadow: 0 0 25px 0 #ab8b57 inset;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
    aspect-ratio: 1 / 1;
}
.first-view2025-point-box p {
    font-size: 24px;
    color: #5b401a;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}
.first-view2025-point-box > div {
    font-size: 22px;
    font-family: 'Noto Serif JP', serif;
    color: #860410;
    text-shadow: 1px 0 0 #fff ,0 1px 0 #fff,0 0 1px #fff,0 0 2px #fff , 0 0 10px #ab8b57;
    font-weight: 700;
}
.first-view2025-point-box > div strong {
    font-size: 88px;
    line-height: 1;
    font-weight: 400;
    font-family: "Bodoni Moda", serif;
}
.first-view2025-point-box ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.first-view2025-point-box ul li {
    background: #B79257;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding: 0 6px;
    border-radius: 25px;
    margin: 2px;
}
@media only screen and (max-width: 1100px) {
    .first-view2025-ttl > dl dt {
        font-size: 20px;
    }
    .first-view2025-point dl > div {
        width: 185px;
        height: 185px;
    }
    .first-view2025-point dl > div dt {
        margin-bottom: 5px;
    }
    .first-view2025-point-box {
        width: 220px;
        height: 220px;
    }
    .first-view2025-point-box p {
        font-size: 20px;
    }
    .first-view2025-point-box > div {
        font-size: 20px;
    }
    .first-view2025-point-box > div strong {
        font-size: 72px;
    }
    .first-view2025-point-box ul li {
        font-size: 16px;
    }
}
@media only screen and (max-width: 1024px) {
    .first-view2025 {
        min-height: 0;
        padding-bottom: 30px;
    }
    .first-view2025-catch span {
        font-size: 28px;
    }
    .first-view2025-ttl {
        flex-direction: column;
    }
    .first-view2025-ttl-txt {
        padding: 20px 40px;
        margin-bottom: 15px;
    }
    .first-view2025-ttl-txt-base {
        font-size: 86px;
    }
    .first-view2025-ttl dl {
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
    }
    .first-view2025-ttl dl dt {
        background-image: linear-gradient( 180deg, rgb(134,4,16) 0%, rgb(171,14,28) 100%);
        height: auto;
        width: 100%;
        min-height: 0;
        padding: 10px;
        margin: 0;
        text-align: center;
    }
    .first-view2025-ttl dl dd {
        width: 100%;
        font-size: 18px;
        margin: 0;
        padding: 15px;
        border-top: none;
    }
    .first-view2025-ttl dl dd br {
        display: none;
    }
    .first-view2025-point dl {
        width: calc(100vw - 240px);
        flex-wrap: wrap;
    }
    .first-view2025-point dl > div {
        width: calc(50vw - 130px);
        max-width: none;
        height: auto;
        aspect-ratio: unset;
        padding: 20px 10px;
    }
    .first-view2025-point dl > div dt {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .first-view2025-point dl > div dt span {
        font-size: 15px;
    }
    .first-view2025-point dl > div dd {
        font-size: 15px;
    }
    .first-view2025-point dl > div dd br {
        display: none;
    }
    .first-view2025-ttl-txt-name {
        font-size: 36px;
    }
}
@media only screen and (max-width: 767px) {
    .first-view2025 {
        background-position: 70% 100%;
        background-size: auto 80%;
        min-height: 120vh;
        justify-content: space-between;
        padding-top: 0;
        padding-bottom: 10px;
    }
    .first-view2025.sakura {
        background-size: auto 90%;
        background-position: 48% 0%;
    }
    .first-view2025.nokotsudo {
        background-position: 40% 100%;
        background-size: auto 100%;
    }
    .first-view2025.type-a {
        background-position: 50% 40%;
        background-size: auto 90%;
    }
    .first-view2025.type-b {
        background-position: 70% 50%;
        background-size: 100% auto;
        min-height: 90vh !important;
    }
    .first-view2025-ttl {
        width: 100%;
        min-height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: auto;
        background-image: linear-gradient( 0deg, rgba(255,255,255,0) 0%, rgb(255,255,255) 70%, rgb(255,255,255) 100%);
    }
    .first-view2025-ttl-txt {
        padding: 20px 10px 0;
        background: none;
    }
    .first-view2025-ttl-txt-base {
        font-size: 70px;
    }
    .first-view2025-ttl-txt-name {
        font-size: 35px;
    }
    .first-view2025-ttl dl {
        padding: 0 10px 10px;
    }
    .first-view2025-ttl dl dt {
        font-size: 17px;
        padding: 5px;
    }
    .first-view2025-ttl dl dd {
        font-size: 16px;
        padding: 5px;
        border-width: 3px;
    }
    .first-view2025-catch {
        display: none;
    }
    .first-view2025-point-box {
        display: none;
    }
    .first-view2025-point dl {
        width: 100vw;
        padding: 0 5px;
        margin-top: auto;
    }
    .first-view2025-point dl > div {
        width: calc(50vw - 20px);
        max-width: none;
        height: auto;
        aspect-ratio: unset;
        padding: 15px 10px;
        margin: 5px;
    }
    .first-view2025-point dl > div dt {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .first-view2025-point dl > div dd {
        font-size: 13px;
        line-height: 1.3;
    }
    .first-view2025-point dl > div dd br {
        display: block;
    }
    .first-view2025-point dl > div:nth-of-type(1):after {
        right: auto;
        bottom: auto;
        left: -25px;
        top: -20px;
    }
    .first-view2025-point dl > div:nth-of-type(2):after {
        left: auto;
        top: auto;
        right: -25px;
        bottom: -18px;
    }
    .first-view2025-point dl > div:nth-of-type(3):after {
        left: -22px;
        bottom: -35px;
    }
    .first-view2025-point dl > div:nth-of-type(4):after {
        right: auto;
        bottom: auto;
        left: -25px;
        top: -20px;
    }
}
@media only screen and (max-width: 376px) {
    .first-view2025-ttl-txt-base {
        font-size: 60px;
    }
    .first-view2025-ttl-txt-name {
        font-size: 30px;
    }
}
/* 20250707add end */

.main {
    float: none;
    width: 100%;
    overflow: hidden;
}

.main_single {
    float: left;
    width: 72%;
    overflow: hidden;
}

.breadcrumb {
    max-width: 1200px;
    margin:0 auto;
    padding:10px 0;
}

.breadcrumb li {
    display: inline-block;
    margin: 0 10px;
    font-size: 16px;
}

.breadcrumb li a{
    text-decoration:none;
}

.mx-0{
    margin: 0 auto;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
}

/******************************
トップページ
******************************/
/* .home h2 {
    font-size: 1.8em;
    font-weight: 700;
    color: black;
    margin: 30px 0px;
    padding: 2px 0px;
    text-align: center;
}
.home h3 {
    font-size: 1.3em;
    font-weight: 700;
    color: black;
    padding: 2px 0px 2px 0px;
    border-bottom: solid 3px #025F16;
    text-align: left;
} */

.base_list h2,
.tabs h2,
.voice h2 ,
h2#jumokusou,
#new h2 {
    font-size: 1.8em;
    font-weight: 700;
    color: black;
    margin: 30px 0px;
    padding: 2px 0px;
    text-align: center;
}
.base_list h3,
.tabs h3,
.voice h3{
    font-size: 1.3em;
    font-weight: 700;
    color: black;
    padding: 2px 0px 2px 0px;
    border-bottom: solid 3px #025F16;
    text-align: left;
}

.concept {
	background-image: url(../images/bg_concept.jpg);
	margin-top: -50px;
	margin-bottom: 28px;
    padding-bottom: 40px;
	background-repeat: no-repeat;
	background-size: cover;
}

.concept h2,.concept h1{
    clear: both;
    margin-bottom: 30px;
    padding: 10px 0px;
    border: none;
    font-size: 40px;
    background: none;
    box-shadow: none;
    letter-spacing: none;
	padding-top: 50px;
	text-align:center;
	line-height:1.2em;
}

.concept h2 span ,.concept h1 span {
	font-size: 24px;
}


.concept h2::first-letter {
    border-left: none;
    padding-left: 0px;
}

.concept p {
	line-height:1.5em;
    max-width: 500px;
    margin: 0 auto;
}

.concept ul {
    width: 32%;
    margin:0 auto 20px;
}

.concept ul li {
    list-style: none;
    font-size: 22px;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    padding: 0px 0 0px 30px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.concept ul li span{
    color:#ff0000;
    font-weight: bold;
}

.comparison {
    margin-bottom: 100px;
}

.lp_info {
    font-size:24px;
    text-align:center;
}

.lp_schedule {
    font-size:28px;
    text-align:center;
    color: #ae121f;
    line-height: 1.4;
}

.lp_last {
    font-size:34px;
    text-align:center;
    color: #ae121f;
    line-height: 1.2;
}
.feature-item .feature-icon {
    width: 60px;
    height: auto;
    margin: 4px auto 12px;
    display: block;
}


#new {
    padding: 20px 0;
    background: #F9F7F4;
}





.lp_news {
    padding: 5px 20px;
    width: 90%;
    margin: 15px auto;
}

.lp_news dt {
    width: 6em;
    color: #ae121f;
    float: left;
    border-bottom: 1px solid #eee;
    clear: left;
}

.lp_news .category {
    float: left;
    margin:0;
    width: 15em;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.lp_news .category a {
    text-decoration: none;
}

.lp_news .news_kai a ,
.lp_news .news_minami_alps a ,
.lp_news .news_kofu a ,
.lp_news .news_nagaoka a,
.lp_news .news_fuefuki a,
.lp_news .news_chuo a,
.lp_news .news_ryuo a,
.lp_news .news_yamanashi a,
.lp_news .news_kofu-takeda a,
.lp_news .news_mishima a,
.lp_news .news_ryuo a,
.lp_news .news_fujinomiya a,
.lp_news .news_gotenba a,
.lp_news .news_izunokuni a,
.lp_news .news_hadano a,
.lp_news .news_minobu a ,
.lp_news .news_sagamihara a,
.lp_news .news_kofu-higashi a,
.lp_news .news_miurakaigan a,
.lp_news .news_yokohama-taya a,
.lp_news .news_hiratsuka a,
.lp_news .news_inazawa a,
.lp_news .news_kakegawa a,
.lp_news .news_iwakura a,
.lp_news .news_otsu a,
.lp_news .news_ichinomiya-chiaki a,
.lp_news .news_ichinomiya-aichi a,
.lp_news .news_nishio a,
.lp_news .news_yokohama-tsuzuki a,
.lp_news .news_inuyama a,
.lp_news .news_inazawafunabashi a,
.lp_news .news_kasugai a,
.lp_news .news_tsushima a,
.lp_news .news_kusatsu a,
.lp_news .news_koudu a,
.lp_news .news_ashigara a
.lp_news .news_kamakura a,
.lp_news .news_iwata a,
.lp_news .news_miyama a,
.lp_news .news_tamana a,
.lp_news .news_takashima a
 {
    background: #ae121f;
    color: #FFF;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.8;
    padding: 5px 15px;
}

.lp_news .blog_kai a ,
.lp_news .blog_minami_alps a ,
.lp_news .blog_kofu a ,
.lp_news .blog_nagaoka a,
.lp_news .blog_fuefuki a ,
.lp_news .blog_chuo a,
.lp_news .blog_kofu-takeda a,
.lp_news .blog_mishima a,
.lp_news .blog_ryuo a,
.lp_news .blog_yamanashi a,
.lp_news .blog_fujinomiya a,
.lp_news .blog_gotenba a,
.lp_news .blog_izunokuni a,
.lp_news .blog_hadano a,
.lp_news .blog_minobu a,
.lp_news .blog_sagamihara a,
.lp_news .blog_kofu-higashi a,
.lp_news .blog_miurakaigan a,
.lp_news .blog_yokohama-taya a,
.lp_news .blog_hiratsuka a,
.lp_news .blog_inazawa a,
.lp_news .blog_kakegawa a,
.lp_news .blog_iwakura a,
.lp_news .blog_otsu a,
.lp_news .blog_ichinomiya-chiaki a,
.lp_news .blog_ichinomiya-aichi a,
.lp_news .blog_nishio a,
.lp_news .blog_yokohama-tsuzuki a,
.lp_news .blog_inuyama a,
.lp_news .blog_inazawafunabashi a,
.lp_news .blog_kasugai a,
.lp_news .blog_tsushima a,
.lp_news .blog_ama a,
.lp_news .blog_kusatsu a,
.lp_news .blog_koudu a,
.lp_news .blog_ashigara a,
.lp_news .blog_kamakura a,
.lp_news .blog_iwata a,
.lp_news .blog_miyama a,
.lp_news .blog_tamana a,
.lp_news .blog_takashima a
{
    background: #999;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 1.8;
    padding: 5px 15px;
}

.lp_news .comment {
    float: left;
    margin:0;
    width: 60%;
    border-bottom: 1px solid #eee;
}

.lp_news .comment a{
    text-decoration:none;
}
.big{
    font-size:1em;
    font-weight: 600;
}
.r {
    text-align: right !important;
    clear: left;
    margin-top:20px;
}

.news .category a {
    width: 12em;
}

.news .comment {
    padding-left: 10em;
}

.news .comment a{
    text-decoration:none;
}


.news .category-news_minami_alps .category a ,
.news .category-news_kofu .category a ,
.news .category-news_kai .category a ,
.news .category-news_fuefuki .category a,
.news .category-news_chuo .category a,
.news .category-news_kofu-takeda .category a,
.news .category-news_nagaoka .category a,
.news .category-news_yamanashi .category a,
.news .category-news_ryuo .category a,
.news .category-news_fujinomiya .category a,
.news .category-news_gotenba  .category a,
.news .category-news_izunokuni  .category a,
.news .category-news_hadano  .category a,
.news .category-news_minobu .category a,
.news .category-news_sagamihara .category a,
.news .category-news_kofu-higashi .category a,
.news .category-news_miurakaigan .category a,
.news .category-news_yokohama-taya .category a,
.news .category-news_ama .category a,
.news .category-news_tsushima .category a,
.news .category-news_kusatsu .category a,
.news .category-news_koudu .category a,
.news .category-news_ashigara .category a,
.news .category-news_kamakura .category a,
.news .category-news_iwata .category a,
.news .category-news_miyama .category a,
.news .category-news_tamana .category a,
.news .category-news_takashima .category a
{
    background: #ae121f;
    color: #FFF;
}




.mission h3, .minami_alps h3 {
    text-align: center;
    font-size: 40px;
    border-bottom: none;
}

.introduction {
    text-align: center;
}

.introduction h3 {
    text-align: center;
    font-size: 40px;
    border-bottom: none;
}

.image_two {
    display: inline-block;
    width: 46%;
    margin:10px;
}

.image_three {
    display: inline-block;
    width: 30%;
    margin:10px;
}

.image_four {
    display: inline-block;
    width: 22%;
    margin:10px;
}


.series {
    text-align:center;
    margin:30px auto;
}
.series li{
    font-weight: 500;
    font-family: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
}
a.button {
    padding: 2% 5%;
    border-radius: 15px;
    text-decoration: none;
    font-size: 0.9em;
    font-weight: 600;
    background: white;
    color: #ea856e;
    border: solid 1px;
    margin: 10px 0;
    display: block;
}
a.button:hover {
    border: solid 1px;
    background: #ea856e;
    color: white;
}
.attention{
    color: #ae121f;
}


.series_box {
    display: inline-block;
    width: 30%;
    margin:15px;
    border-bottom: dotted 1px gray;
}

.mission p span{
    font-weight: bold;
    color: #005E15;
}
.mission_logo {
    text-align:center;
    margin: 20px 0;
}

.mission_logo_left,.mission_logo_right {
    display: inline-block;
    width: 30%;
}

.feature {
    background: #FBE6EF;
    padding: 50px 0;
    text-align: center;
    background-image: url(../images/bg_sakura.jpg);
    background-position: center;
    background-size: cover;
}

.feature h3{
    border-left: none;
    font-size: 1.6em;
    text-align: center;
    margin: 15px 0;
}

.feature h3::first-letter {
    border-left: none;
    padding-left: 0px;
}

.feature .feature_box_l {
    display: inline-block;
    width: 30%;
    background-image: url(https://leaflog.jp/wp-content/themes/leaflog-child/images/bg-pink.png);
    background-size: cover;
    margin: 10px 10px 10px 0;
    text-align: left;
    padding: 100px 10px 10px;
    border-radius: 300px;
    height: 250px;
    vertical-align: top;
}


.feature .feature_box_l h3{
    border-bottom: none;
    font-weight: bold;
    text-indent: -60px;
    padding: 0 0 0 90px;
    line-height: 1em;
    color: #FFF;
}

.feature .feature_box_l h3 img{
    width: 50px;
    margin-right: 10px;
}

.feature .feature_box_l p{
    line-height: 1.5em;
    padding :0 30px;
}


.voice {
    margin: 50px 0;
}

.video {
    margin:20px auto 40px;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.voice h3 {
    text-align:center;
    font-size:40px;
    border-bottom: none;
}

.voice p {
    /*text-align:center;*/
        clear: both;
}

.voice_box {
    margin-bottom:20px;
}

.voice_box .illust {
    display: inline-block;
    width: 8%;
    vertical-align: top;
}

.voice_box .illust p {
   padding-bottom: 0;
}

.voice_box .pic_box {
    display: inline-block;
    width: 25%;
    vertical-align: top;
}

.voice_box .text_box {
  position: relative;
  display: inline-block;
  width: 60%;
  vertical-align: top;
  margin: 0 15px;
  padding: 15px;
  font-size: 16px;
  background: #fcd69e;
  border-radius:10px;
}

.voice_box .text_box:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fcd69e;
}

.voice_box .text_box p {
  margin: 0;
  padding: 0;
  text-align:left;
  line-height: 1.5;
}

.more {
    float: right;
    margin:20px 0 60px;
}

.more a {
    display: block;
    text-align:center;
    text-decoration:none;
    background:#005E15;
    color: #fff;
    border:1px solid #005E15;
    padding:10px 25px;
}

.more a:hover {
    background:#fff;
    color: #005E15;
}

.cm {
	text-align: center;
	margin-bottom:40px;
}

.cm_list {
	display: inline-block;
	width: 30%;
	font-size: 24px;
	vertical-align: top;
}

.cm_list p {
	padding-bottom: 0;
}

.cm_image {
	display: inline-block;
	width: 23%;
	text-align: center;
	vertical-align: top;
}






.kyuenji {
    margin-bottom: 50px;
}

.kyuenji_about {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.kyuenji_jusyoku {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-left: 30px;
}

.kyuenji_about p span{
    font-weight:bold;
    color: #005E15;
}

.access ,.map{
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.access{
    padding:0 15px 0 0;
}

.access h4{
    margin-bottom:10px;
    padding:0 20px;
}

.blog {
    background :#eee;
    /*margin-top:50px;*/
    padding:50px 0;
}

.blog h3{
    border-left: none;
    border-bottom: none;
    font-size: 40px;
    color: #000;
    text-align:center;
}

.blog h3::first-letter {
    border-left: none;
    padding-left: 0;
}

.blog_box {
    display: inline-block;
    width: 30%;
    background :#fff;
    padding:10px;
    margin-right: 15px;
    vertical-align: top;
}

.blog_box h4 {
    border-bottom: none;
    margin-bottom: 0;
}

.blog_box .thmb_box {
    max-height: 270px;
    overflow: hidden;
}

.blog .date {
    color: #000;
    font-size: 14px;
    margin:0 0 10px;
    padding :0 20px;
}

.blog .text {
    padding:20px;
    line-height:1.5em;
}

.blog .more {
    text-align: right;
    font-size:14px;
}


.blog a {
    text-decoration: none;
    display: block;
    overflow: hidden;
    border: none;
    padding: 0px;
}

.blog a:hover {
    border:none;
    color: #000;
}

.other {
    margin-top: 0px;
    padding: 20px 0;
    clear: both;
}

.other-box{
    margin-bottom:80px;
    padding: 24px;
    position: relative;
    border: 3px solid #005E15;
}

.other-title{
  position: absolute;
  top: -1em;
  left: 20px;
  font-weight: bold;
  font-size: 1.2em;
  background: #fff;
  padding: 0 0.5em;
}

.other-box p{
  margin: 0;
  padding: 0;
}

/* Plan */
.math-expression {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Arial', sans-serif;
    flex-wrap: wrap; /* 必要に応じて折り返す */
  }

  .math-item, .math-operator {
    margin: 5px;
    text-align: center;
  }

  .math-item {
    border: 1px solid #000;
    flex-basis: calc(30.333% - 10px); /* 3つの項目が横並びになるように調整 */
    box-sizing: border-box;
  }

/*追記20270717*/
.content4 .math-item {
    flex-basis: calc(22% - 10px); /* 3つの項目が横並びになるように調整 */
}
.content4 .math-item .small-text {
    font-size: 0.6em;
}
.sp-block {
    display: none;
}

@media (max-width: 768px) {
    .content4 .math-item .small-text {
        font-size: 0.75em;
    }
    .content4 .math-item .small-text.sp-none {
        font-size: 1em;
    }
    .sp-block {
        display: block;
    }
}
/*追記20270717*/

  .math-header {
    padding: 5px;
    font-size: 30px;
    font-weight: 600;
  }
  .math-header.red {
    /*padding: 38px;*/
}
  .math-header.red.non-price {
    padding: 38px;
}
  .math-value {
    padding: 10px;
    font-size: 30px;
    border-top: 1px solid #000;
    font-weight: 600;
  }

  .yellow {
    background-color: #FFD700;
  }

  .green {
    background-color: #90EE90;
  }

  .red {
    background-color: #FFC0CB;
  }

  .math-operator {
    font-size: 2em;
    flex-basis: auto;
  }

  /* スマートフォンビューポート用のスタイル */
  @media (max-width: 768px) {
    /* 総合トップ */
    .news dd{
        padding-left:4em;
  }
    .news dt{
        font-size: 12px;
    }

    .feature-item .feature-icon {
        width: 60px;
    }
    .math-expression {
      flex-direction: column;
      align-items: center;
      flex-wrap: nowrap;
    }

    .math-item {
      width: 100%; /* スマートフォンでは項目の幅を100%に */
      margin: 5px 0; /* 上下のマージンを追加 */
    }

    .math-operator.plus, .math-operator.equals {
      width: 100%; /* オペレーターの幅を100%に */
      text-align: center; /* 中央寄せ */
    }

    .math-operator.equals {
      transform: rotate(90deg); /* Equalsを90度回転 */
      margin: 8px 0; /* 回転させたEqualsの上下の余白 */
    }

  }


/***************************************
リーフログ特徴ページ
**************************************/

.feature_content {
    text-align:center;
    background-image:url(../images/bg_feature.png);
    background-repeat:no-repeat;
    background-position: bottom;
    background-size:contain;
}

.feature_content h3{
    border-left: none;
    border-bottom: none;
    font-size:40px;
}

.feature_content h3::first-letter {
    border-left: none;
    padding-left: 0px;
}

.feature_content .feature_box_l {
    display: inline-block;
    width: 30%;
    background-color: rgba( 251,230,239,0.8);
    margin: 10px 10px 10px 0;
    text-align: left;
    padding: 100px 10px 10px;
    border-radius: 300px;
    height: 280px;
    vertical-align: top;
}


.feature_content .feature_box_l h3{
        border-bottom: none;
    font-size: 30px;
    font-weight: bold;
    text-indent: -60px;
    padding-left: 80px;
    line-height: 1em;
}

.feature_content .feature_box_l h3 img{
    width: 50px;
    margin-right: 10px;
}

.feature_content .feature_box_l p{
    line-height: 1.5em;
    padding :0 30px;
}

.recommend p {
    text-align:center;
    font-size:30px;
    font-weight:bold;
    color: #005E15;
    line-height:1.5em;
    padding-top: 40px;
}

.recommend_box {
    display: inline-block;
    width: 21%;
    margin:10px;
    padding:10px;
    background:#FBE6EF;
}

.recommend_box p {
    padding-bottom: 0;
    padding-top: 0;
    font-size:20px ;
    color: #000;
    font-weight: normal;
}



/***************************************
契約の流れページ
**************************************/

.flow {
    width: 70% ;
    margin:30px auto;
}

.flow_box .flow_ttl {
    background :#005E15;
    border:3px solid #005E15;
    color: #fff;
    font-weight: bold;
    padding:10px 20px;
    font-size:20px;
    }

.flow_box .flow_text {
    border:3px solid #005E15;
    padding: 30px 20px 20px;
    line-height:1.5em;
    }

.flow_box .flow_text span{
    font-size:15px;
    }


.triangle {
    width: 0;
    height: 0;
    border: 80px transparent solid;
    border-top: 50px #005E15 solid;
    margin: 50px auto -50px;
}


/***************************************
よくある質問ページ
**************************************/

.faq_box {
    margin: 10px auto 80px;
    width: 90%;
}


.question_box {
	padding:10px;
}

.question {
    background-image: url(../images/question.jpg);
    background-repeat: no-repeat;
    background-size: 60px;
    font-size: 30px;
    padding-left: 70px;
    margin-bottom: 10px!important;
}

.answer_box {
	position: relative;
    background-color: #fcd69e;
    border-radius:10px;
    padding:10px;
}

.answer {
    background-image: url(../images/answer.jpg);
    background-repeat: no-repeat;
    background-size: 60px;
    font-size: 20px;
    padding-left: 70px;
    margin-bottom: 10px!important;
    line-height:1.7;
    min-height: 70px;

}

.answer_box:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 60px;
  margin-top: -20px;
  border: 20px solid transparent;
  border-left: 20px solid #fcd69e;
}

.answer_image {
	margin:20px 10px 0;
}




/***************************************
料金案内ページ
**************************************/

.lineup {
   margin-bottom: 80px;
}


.lineup .lineup_ttl_a {
    font-size: 30px;
    background: #7401DF;
    color: #fff;
    padding: 10px 20px;
    font-weight: normal;
    margin-bottom:20px;
}

.lineup .lineup_text .point_a span {
    font-size: 20px;
    padding: 10px 30px;
    background: #D358F7;
    color: #fff;
}

.lineup .lineup_ttl_b {
    font-size: 30px;
    background: #FFBF00;
    color: #fff;
    padding: 10px 20px;
    font-weight: normal;
    margin-bottom:20px;
}

.lineup .lineup_text .point_b span {
    font-size: 20px;
    padding: 10px 30px;
    background: #F5D0A9;
    color: #fff;
}

.lineup .lineup_ttl_c {
    font-size: 30px;
    background: #FE2E64;
    color: #fff;
    padding: 10px 20px;
    font-weight: normal;
    margin-bottom:20px;
}

.lineup .lineup_text .point_c span {
    font-size: 20px;
    padding: 10px 30px;
    background: #F7819F;
    color: #fff;
}

.lineup .lineup_ttl_d {
    font-size: 30px;
    background: #088A29;
    color: #fff;
    padding: 10px 20px;
    font-weight: normal;
    margin-bottom:20px;
}
.lineup .lineup_text .point_d span {
    font-size: 20px;
    padding: 10px 30px;
    background: #74DF00;
    color: #fff;
}

.lineup .lineup_pic {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

.lineup .lineup_text {
    display: inline-block;
    width: 57%;
    vertical-align: top;
    padding: 5px 0 0 20px;
    font-size: 20px;
}

.lineup .lineup_text .price{
    font-size:50px;
    color: #ff4500;
    font-weight: bold;
}

img.scaled-image {
    border: none!important;
    margin: 0!important;
}


/***************************************
会社概要ページ
**************************************/

.company table {
    width: 100%;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
}

.company table th {
    width: 15%;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    background: #eee;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}

.company table td {
    width: 60%;
    text-align:left;
    vertical-align: top;
    padding:20px;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
}






.small-text {
    font-size: 0.75em;
    padding: 0.75em 0;

    /* 既定のサイズより25%小さく */
}
/***************************************
メールフォーム
**************************************/
div#contact-form {
    max-width: 800px;
    margin: 0 auto;
}

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
/*一番上の行だけボーダーなし*/
/*奇数行だけ背景色つける*/
/* .table-res-form tr {
    border-top: 1px #DDD solid;
}
.table-res-form tr:first-child {
    border-top: none;
}
.table-res-form tr:nth-child(2n+1) {
    background: #eee;
} */
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}

table.table-res-form p {
    padding: 0px;
    margin-top: 0;
    font-weight: 600;
}
table.table-res-form p {

}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}
.requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}

/*「任意」部分のスタイリング*/
.any {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: blue;
    border-radius: 2px;
}
strong.contact-heading {
    background: beige;
    display: block;
    padding: 8px 16px;
}
/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.8em;
    border-radius: 5px;
    width: 90%;
    font-size: 18px;
}
/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}


.wpcf7-form .wpcf7-select, select {
    /* margin: 10px; */
    padding: 10px;
    height: 50px;
    width: 50%;
    border: 1px #89BDDE solid;
    font-size: 1.2rem;
    font-weight: 600;
}

/*送信ボタンスタイリング*/

.btn_box{
    text-align:center;
    margin: 20px auto;
}

.empty {
    margin :20px auto;
    vertical-align: top;
    width: 30%;
}
.empty2 {
    /* margin :20px; */
    display: inline-block;
    vertical-align: top;
    width: 100%;
}

.empty input[type="submit"],.empty2 input[type="submit"],.empty2 input[type="button"] {
    border: 2px #FF9300 solid;
    padding: 20px;
    border-radius: 5px;
    background: #FF9300;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
    font-size: 28px;
    width: 100%;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.empty input[type="submit"]:hover ,.empty2 input[type="submit"]:hover ,.empty2 input[type="button"]:hover {
    background: #fff;
    box-shadow: none;
    border: 2px #FF9300 solid;
    color: #FF9300;
}

.policy {
    margin-top: 30px;

}

.merit-items{
    text-align: center;
}
.merit h4 {
    text-align:center;
    font-size:30px;
    border-bottom: none;
    margin-bottom:0;
}

/*  入力ラジオボックスボタンのカスタマイズ*/
.wpcf7-list-item input[type="radio"]{
  height:25px;
  width:25px;
  background:white;
  border:2px solid #efefef;
  cursor:pointer; float:left;
  margin-right:7px; border-radius:50%;
  position:relative;
  &:after { content:'';
  position:absolute;
  top:5px;
  left:5px; height:20px;
  width:20px; background:#3498db;
  border-radius:50%;
  transform:scale(0);
  transition:all 0.1s; visible:hidden; }
  &.checked:after {
  transform:scale(1);
  visible:visible; }
}

/*  iOs対応ボタンリセット*/
.form input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {
    height: 50px;
    font-size: 1.2rem;
    /* margin: 8px 0; */
    border: 1px #89BDDE solid;
}
/***************************************
共通項目
**************************************/

.center {
    text-align:center!important;
}

.sp {
    display: none !important;
}

.content {
    margin:100px 0;
}

h3.leaf {
    border-left: none;
    border-bottom: none;
    font-size:30px;
    text-align: center;
}

h3.leaf::first-letter {
    border-left: none;
    padding-left: 0px;
}


.btn {
    width: 60%;
    margin:100px auto;
    text-align:center;
}

.amazon {
    width: 100%;
    margin:100px auto;
    text-align:center;
}
.contact-button {
    background-color: #fca652; /* 抑えめのオレンジ色 */
    color: white;
    padding: 1rem 80px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px; /* わずかに大きめのフォントサイズ */
    transition: all 0.3s ease; /* 色だけでなく影の変化も滑らかに */
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); /* 軽い影で立体感を演出 */
  }

  .contact-button:hover, .contact-button:focus {
    background-color: #e6954b; /* ホバー時に少し暗めの色に */
    box-shadow: 0px 5px 12px 0px rgba(0,0,0,0.26); /* ホバー時に影を強調 */
    transform: translateY(-2px); /* ボタンが浮き上がるような効果 */
  }

  .contact-button:active {
    transform: translateY(1px); /* 押されたときにボタンが下がる効果 */
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.26); /* 押されたときの影を減少 */
  }
  @media screen and (min-width: 1024px) {
    .contact-button {
      padding: 1.5rem 200px;
      font-size: 28px;
    }
  }
footer {
    clear: both;
    font-size: 85%;
    background: #005E15;
    color: #fff;
}
footer a:hover {
    color: #FFD700;
}
.num-post {
    font-size: 0.7rem;
}
.footer-coprate {
    background: #F5F5F5;
    color: #000;
    text-align: center;
    padding: 8px 0;
}
.footer-coprate a {
    color: #000;
    font-size: 1rem;
}
div.lp_temple > img {
	border-radius: 20px;
}

.content_box_three > img {
	border-radius: 10px;
}

#menu-footer_menu {
	display: grid;
    grid-template-columns: repeat(1, 1fr);
	font-size: 120%;
}

table.ta1 {
	display: none;
}

.flex {
    display: flex;
}

.footer-kyoten-list {
    max-width: 1100px;
    margin: auto;
    font-size: 0.8rem;
}

.footer-kyoten-list li {
    width: calc(100%/4.4);
    padding: 10px;
}

.footer-kyoten-list a {
    /* color: #4d4d4d; */
}

.footer-kyoten-list > .flex {
    flex-wrap: wrap;
    text-align: left;
}

.footer-kyoten-name {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.8;
    margin-left: 22px;
    position: relative;
}

.footer-kyoten-name::before {
    content: "";
    background-repeat: no-repeat;
    background-size: cover;
    width: 13px;
    height: 13px;
    position: absolute;
    left: -22px;
    top: 6px;
    image-rendering: -webkit-optimize-contrast;
}

.footer-kyoten-address {
    line-height: 1;
}

.bg-green .footer-kyoten-list {
    padding-top: 2rem;
}

.bg-green .footer-kyoten-list .footer-kyoten-area {
	text-align: left;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 10px;
}

.bg-green .footer-kyoten-list a {
    color: white;
}

.bg-green .footer-kyoten-address {
    border-bottom: 1px solid #ffffffe6;
    line-height: 1;
    color: #ffffffe6;
    padding-bottom: 0.4rem;
}

.bg-green .footer-kyoten-name {
    color: #ffffffe6;
}


.wh-txt{
    color: #FFFFFF!important;
}

.footer_company {
    margin :20px 0;
    line-height:1.2em;
}

#pagetop a {
    text-decoration: none;
    text-align: center;
    display: block;
    float: right;
    color: #fff;
    font-size: 20px;
    background: #005E15;
    width: 60px;
    line-height: 60px;
    margin-bottom:20px;
}

.sign {
	margin-top:-5px;
	margin-right:3px;
}
.ps-br{
    display: block; /* PCを改行して */
  }

 .sp-br{
    display: none; /* SPの改行を隠す */
  }

/***************************************
LP
**************************************/

.lp {
    font-family:  serif;
}

.info_box {
    background: #f2f2f2;
    text-align: center;
    padding:40px 0 0px;
    /* padding:50px 0; */
    clear: both;
}

.lp_btn_box {
    display: inline-block;
    width: 60%;
    margin:10px 20px;
    vertical-align: top;
}

.lp_contact{
    display: block;
    background: #ea856e;
    color: #fff;
    border-radius:3px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    padding:10px;
    font-size:20px;
    text-decoration:none;
    height:auto;
    /* height:56px; */
	line-height: 35px;
}

.lp_contact span ,.lp_line span{
    font-size:24px;
}

.lp_line{
    display: block;
    background: #39b54a;
    color: #fff;
    border-radius:3px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
    padding:10px;
    font-size:18px;
    line-height: 1.2;
    text-decoration:none;
    height:56px;
	line-height: 56px;
}
.lp-heading {
    font-size: 32px;
    color: #9f7000;
    text-align: center;
    font-weight: 700;
    margin: 8px;
}
.balloon {
  position: relative;
  display: inline-block;
  float: left;
  margin: -2.3em 0;
  padding: 0px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #736357;
  font-size: 16px;
  background: #fff;
  border:1px solid #736357;
  border-radius:3px;
}

.balloon:before {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -16px;
    border: 15px solid transparent;
    border-top: 11px solid #FFF;
    z-index: 2;
}


.balloon:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 14px solid transparent;
  border-top: 11px solid #736357;
  z-index: 1;
}

.balloon p {
  margin: 0;
  padding: 0;
}

.info_text {
    margin:30px auto ;
    width: 70%;
    padding:20px;
    border-top: 2px solid #736357;
    border-bottom:2px solid #736357 ;
    font-size: 26px;
    color:#736357;
}
.info_text .sp-visible {
    display: none;
}
.info_text .sp-hidden {
    display: inline;
}

.tel {
    font-size: 44px;
    line-height: 1;
    color: #736357;
    text-decoration: none;
}
a.temple-tel {
    text-decoration: none;
    color: #736357;
}

.time {
    font-size: 20px;
}

.lp_concept {
    padding: 24px 0;
}

.lp_concept ul {
    width: 50%;
    margin: 16px auto;
}

.lp_concept ul li {
    list-style: none;
    font-size: 22px;
    background-image: url(../images/check.png);
    background-repeat: no-repeat;
    padding: 0px 0 0px 30px;
    line-height: 1.4;
    margin-bottom: 10px;
    color: #4d4d4d;
}

.sakura {
    background-image: url(../images/bg_sakura.jpg);
    background-size: cover;
}


.lp_content {
    padding: 20px 0;
    overflow: hidden;
    position: relative;

}

.lp_content h2 {
    text-align: center;
    color: #9f7000;
    font-size: 28px;
    margin-top: 8px;
    line-height: 1.4;
    font-weight: 600;
}

.lp_content h2 span{
    font-size: 32px;
}

.hatena {
    width: 25%;
    margin: 20px auto;
}

.content_box {
    text-align: center;
    margin: 16px auto 40px;
}

.content_box_two {
    display: inline-block;
    width: 47%;
    margin:1%;
    vertical-align: middle;
}

.content_box_three ,.lp_voice_box {
    display: inline-block;
    width: 29%;
    margin:1%;
    vertical-align: top;
}


.hatena_text {
    text-align: left;
    padding:16px;
    border:2px solid #ea856e;
    background: #fff;
    border-radius: 20px;
    color: #4d4d4d;
    margin:16px;
}

.hatena_text p {
    line-height: 1.4;
}

.hatena_text p span {
    color: #c1272d;
}

.hatena_text ul{
    margin:20px auto;
    width: 80%;
}

.hatena_text ul li {
    font-size: 26px;
    color: #ea856e;
    line-height: 1.4;
}

.yasui_text {
    text-align: left;
    /* padding: 16px; */
    line-height: 1.4;
}

.point {
    background: #ea856e;
    padding:5px 10px;
    text-align: center;
    color: #fff;
    border-radius:10px;
    margin:20px auto;
    width: 50%;
    font-size: 26px;
}

.width_100 {
    width: auto;
}

.yasui_text ul {
    margin:8;
}

.yasui_text ul li {
    line-height: 1.2;
    margin-bottom: 8px;
    font-size: 16px;
    text-indent: -1em;
    padding-left: 1em;

}
/* 特徴のセクションにピンクの背景色を追加 */
/* 特徴のセクションにグレー系の背景色を追加 */
.feature_a {
    background-color: #D3D3D3; /* 軽いグレー */
    padding: 10px;
    /* margin: 10px 0; */
    display: block;
    color: black; /* テキストの色を黒に */
    width: 100%;
    box-sizing: border-box;
    font-weight: 600;
    text-align: center;
  }

  /* 共通プラン名スタイル */
  .lp_plan_name {
    padding: 10px;
    color: white; /* 白色のテキスト */
    margin: 10px 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  /* 1名様用のスタイル (赤系) */
  .lp_plan_name_one {
    background-color: #FF6347; /* トマト色 */
  }

  /* 2名様用のスタイル (オレンジ系) */
  .lp_plan_name_two {
    background-color: #FFA07A; /* ライトサーモン色 */
  }

  /* 4名様用のスタイル (紫系) */
  .lp_plan_name_four {
    background-color: #DA70D6; /* オーキッド色 */
  }


.yasui_text ul li span {
    color:  #f15a24;
}

.link_btn {
    display: block;
    background: #ea675d;
    padding: 10px;
    text-align: center;
    color: #fff;
    border-radius:10px;
    margin:40px auto;
    width: 50%;
    font-size: 30px;
    text-decoration:none;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}

.link_btn_reverse {
    display: block;
    background: #fff;
    padding: 10px;
    text-align: center;
    color: #ea675d;
    border-radius:10px;
    border:2px solid #ea675d;
    margin:40px auto;
    width: 50%;
    font-size: 30px;
    text-decoration:none;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.4);
}

.lp_comparison {
    margin:30px auto;
    width:60%;
}

.lp_media {
    text-align: center;
}

.lp_performance {
    margin:30px auto;
    font-size: 26px;
    line-height: 1.4;
}


.yt { /* 動画をレスポンシブ表示、無駄な余白出さないようにパディング設定 */
    position: relative;
    width: 100%;
    padding-top: 42.25%;
	max-width: 900px;
    margin: 20px auto;
}

.yt iframe { /* 親要素内100%で動画を表示する */
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.yt_video { /* 親要素内100%でサムネイル画像を表示する */
    position: absolute;
    width:100%;
    height:auto;
    top:0;
}

.yt_video img { /* 親要素内100%でサムネイル画像を表示する */
    width:100%;
    height:auto;
}
.yt_video::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #fff;
    margin: -15px 0 0 -15px;
}

.yt_video::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    border-left: 15px solid #ffb4b4;
    margin-left: 5px;
}

.yt_video img:hover{ /*ホバー時にカーソル変える*/
    cursor: pointer;
    width:100%;
    height:auto;
    box-sizing: border-box;
}

.yt_video:hover::before { /*ホバー時アイコンの色変える*/
    color:#32cd32;
    transition:.5s;
}

.lp_voice {
    background: #ffe8d7;
    color: #4d4d4d;
    padding:10px 0;
    font-size:0;
}

.lp_voice_box {
    border-right: 1px solid #4d4d4d;
    padding:10px;
    margin-right: 0;
}

.lp_voice_box:last-child {
    border-right: 0;
}

.lp_voice_text {
    font-size: 16px;
    margin:4px auto;
    line-height: 1.4;
    text-align: left;
    padding: 0 10px;
    /* height:280px; */
}


.lp_plan {
    background: #fff4f1;
    padding:20px 0;
}

.lp_plan_text {
    margin: 0 auto;
    padding: 8px;

}

.lp_temple {
    width: 60%;
    margin:20px auto;
}

.lp_temple_text {
    max-width: 1080px;
    text-align: left;
    padding:10px;
    margin:0 auto;
}

.cp_box *, .cp_box *:before, .cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_box {
    width: auto;
    margin: 0 auto;
}
.cp_box label {
    position: relative;
    display: block;
    margin: auto;
    padding: 0.3em 1em;
    cursor: pointer;
    transition: all 0.3s;
    text-align: center;
    color: #ea675d;
    line-height: 1;
    font-size: 24px;
}
.cp_box label:hover {
    transition: all 0.3s;
}
.cp_box label::before {
    font-family: 'Font Awesome 5 Free';
    content: ' \f103';
    color: #ea675d;
    display: block;
    font-size: 30px;
    font-weight: bold;
}


.cp_box input:checked ~ label::before {
    font-family: 'Font Awesome 5 Free';
    content: ' \f102';
    color: #ea675d;
    display: block;
    font-weight: bold;
}

.cp_box input {
    display: none;
}
.cp_box .cp_container {
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 0;
    margin-top: -1px;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    /*background: rgba(255, 255, 255, 0.5)*/;
}
.cp_box input:checked ~ div {
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}
/* 続きを読むを押すと表示されるテキストの高さ */
.cp_box input:checked ~ div.cp_container {
    height: 300px;
}

.lp_temple_info{
    width: 60%;
    margin:0px auto;
    text-align: left;
    padding: 0 16px;
}

.lp_temple_info h4 {
    font-size: 28px;
    margin-bottom: 20px;
	text-align:center;
}

/* .lp_temple_info_box {
    margin-bottom: 40px;
}
 */
.lp_temple_info_box p{
    font-size: 24px;
    line-height: 24px;
}

.lp_temple_info_box ul{
    margin:10px 0 20px 30px;
}

.lp_temple_info_box p img{
    max-height: 24px;
    margin-right:10px !important;
    vertical-align: top;
}

.lp_faq {
    width: 60%;
    margin:20px auto;
}
span.address {
    display: block;
    padding: 8px 4px;
    font-size: 2rem;
    font-weight: bold;
    margin: 4px;
}
.acd-check{
    display: none;
}
.acd-label{
    color: #4d4d4d;
    display: block;
    margin-bottom: 1px;
    padding: 4px 30px 4px 4px;
    position: relative;
    border-top:1px solid #4d4d4d;
    text-align: left;
}

.acd-label:after{
    box-sizing: border-box;
    content: '\f107';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0px;
    font-weight:bold;
    color: #ea675d;
}


.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
    background: #ffffff;
    border-radius: 10px;
    text-align: left;
}

.acd-check:checked + .acd-label:after{
    content: '\f106';
    color: #ea675d;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 8px;
    line-height: 1.4;
    margin: 0px 8px 16px;
    visibility: visible;
}


.vow {
    width:60%;
    margin:10px auto;
}

.vow h4 {
    font-size: 30px;
}


.lp_staff_pic {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.lp_staff_prof {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
}

.lp_staff_prof .lp_staff_title{
    font-size:20px;
}

.lp_staff_prof .lp_staff_name{
    font-size:26px;
}

.lp_staff_prof .lp_staff_name span{
    font-size:18px;
    margin-left: 10px;
}

.lp_footer {
    background: #ffe4da;
    color: #4d4d4d;
}

.lp_footer #footermenu a {
    color: #4d4d4d
}

.lp_footer #copyright small{
    color:  #fff;
}

.lp_sp {
    display: none;
}

.col-2{
    width: 50%;
}
.inner.col-2 {
    float: left;
}
/*ここから768px以上の指定*/
@media only screen and (min-width: 768px) {
.inner.col-2.lazyloaded {
    max-width: 48%;
    float: left;
    margin: 0 1%;
}
.col-2 .series_box {
    width: 62.5%;
}
.col-md-6{
    width: 49%;
    margin: 0 5px;
}



}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
    .lp-heading {
        font-size: 24px;
    }
/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: auto;
        display: block;
        font-size: 18px;
        text-align: left;
    }
/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
    .col-md-6{
        width: 100%;
    }
    span.address {
        font-size: 1.4rem;
        line-height: 2rem;
        text-align: center;
    }

.news {
    width: 100%;
}


.voice_box {
    display:-webkit-box;
    display: -webkit-flex;
    display:-ms-flexbox;
    display: flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


.voice_box .illust {
    width: 15%;
    -webkit-box-ordinal-group:1;
    -ms-flex-order:1;
    -webkit-order:1;
    order:1;
}


.voice_box .pic_box {
    width: 40%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:2;
    -webkit-order:2;
    order:2;
    margin-left:20px;
}

.voice_box .text_box {
  width: 90%;
  display: block;
  margin-top:10px;
  -webkit-box-ordinal-group:3;
  -ms-flex-order:3;
  -webkit-order:3;
  order:3;
}

.voice_box .text_box:before {
  content: "";
  position: absolute;
  top: -14px;
  left: 5%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #fcd69e;
}

.concept{
    margin-bottom: 0;
    padding-bottom: 0;
}
.concept ul {
    width: 53%;
    margin: 0 auto 20px;

}

.image_four {
    width: 21%;
}

.mission h3{
    font-size: 30px;
    font-size: 1.3em;
    color: black;
}

.concept {
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}


.cm_list {
	width: 38%;
	font-size: 20px;
}

.cm_image {
	width: 30%;
}

/***************************************
LP
**************************************/

.lp_pc {
    display: none;
}

.lp_sp {
    display: block;
}

.lp_btn_box {
    width: 40%;
}

.info_text {
    width: 80%;
}
.info_text .sp-visible {
    display: inline;
}
.info_text .sp-hidden {
    display: none;
}

.lp_concept ul {
    width: 50%;
}

.lp_content h3 {
    font-size: 32px;
}

.hatena {
    width: 35%;
    margin: 40px auto;
}

.lp_content h3 span {
    font-size: 40px;
}

.content_box_two {
    display: block;
    width: 80%;
    margin: 30px auto;
}

.point {
    width: 75%;
}

.width_100_sp{
	width:100%!important;
}

.content_box {
    text-align: center;
    margin: 16px auto;
}

.yasui_text ul {
    /* margin: 20px 0; */
}

.yasui_text ul li {
    font-size: 14px;
}

.link_btn {
    width: 75%;
}

.lp_comparison {
    width: 70%;
}

.yt {
    width: 80%;
    margin: 0 auto;
    padding-top: 66.25%;
}


.lp_voice_box {
    border-bottom: 1px solid #4d4d4d;
    border-right:  0;
    padding: 30px;
    display: block;
    width:auto;
    margin:10px;
}

.lp_voice_text {
    font-size: 20px;
    height: auto;
}

.lp_voice_box:last-child {
    border-bottom: 0;
}

.lp_plan_text {
    text-align: left;
}

.lp_faq {
    width: 80%;
}

.vow {
    width: 75%;
}

.r {
    padding-right: 30px;
}

.lp_news .comment {
    float: left;
    margin: 0 0 15px 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.lp_news dt ,
.lp_news .category {
    border-bottom: 0;
}

.ps-br{
    display: block; /* PCを改行して */
  }

  .sp-br{
    display: none; /* SPの改行を隠す */
  }


}
/*ここまで768px以下の指定---終わり*/

/*ここから480px以下の指定*/

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

html {
    padding-top: 0px !important;
}

.sp {
    display: block !important;
}

.pc {
    display: none !important;
}
	.text-left-sp {
		text-align: left;
	}
.contents {
    padding: 3% 0;
}

.contents p {
    font-size: 14px;
    padding: 0px 4px 8px;
}

img.head-access {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 42px;
    top: 6px;
}
img.head-tel {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 8px;
    top: 6px;
}
.inner {
    padding: 8px;
    /* padding: 8px 0; */
}

.breadcrumb {
    margin-top: 10px;
}


.mainimg {
    /* margin-top: 110px; */
}

.concept h2 {
    margin-bottom:10px;
    font-size: 30px;
    padding-top: 100px;
    background: rgba(255,255,255,0.5);

}

.concept h2 span {
    font-size: 20px;
}

.concept p {
    font-size: 14px;
    background: rgba(255,255,255,0.5);
}

.concept ul {
    width: auto;
    margin: 0 auto 20px;
}

.concept ul li {
    font-size: 20px;;
}

.news .comment {
    padding-left: 0em;
    font-size: 13px;
}

.series_box {
    display: block;
    width: auto;
    margin:15px 0;
}



.mission h3 img, .minami_alps h3 img{
    max-width: 40px;
}


.mission p {
    font-size: 14px;

}

.mission_logo_left {
    display: block;
    width: 80%;
    margin:20px auto;
}

.mission_logo_right {
    display: block;
    width: 100%;
}

.feature {
    background-size: cover;
}

.feature h3 {
    font-size: 34px;
    margin:5px 10px;
    line-height:1.3;

}

.feature .feature_box_l {
    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 80px 10px 10px;
    height: 250px;
}

.feature .feature_box_l h3 {
    margin-bottom: 20px;
    border-bottom: none;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    text-indent: 0;
    padding: 0;
}


.introduction h3 {
    font-size: 20px;
}

.introduction h3 img {
    max-width: 40px;
}

.voice h3 {
    font-size:21px;
}

.voice h3 img {
    max-width: 30px;
}

.voice_box .illust {
    width: 25%;
}


.voice_box .pic_box {
    width: 65%;
}

.voice_box .text_box {
  width: auto;
}

.voice_box .text_box:before {
    content: "";
    position: absolute;
    top: -20px;
    left: 8%;
    margin-left: -15px;
    border: 20px solid transparent;
    border-bottom: 20px solid #fcd69e;
}

.image_two {
    /* display: block;
    width: auto; */
    /* width: 32%; */
    margin: 5px 0;
}

.image_three ,.image_four {
    /* display: block;
    width: auto; */
    width: 32%;
    margin: 5px 0;
}

.image_four p {
    padding-bottom: 0;
}


.cm_list {
	width: 50%;
}

.cm_image {
	width: 42%;
}


.kyuenji_about ,.kyuenji_jusyoku {
    display: block;
    width: 100%;
    margin:0;
}

.access ,.map {
    display: block;
    width: 100%;
    vertical-align: top;
}

.blog h3 {
    font-size: 34px;
    padding:10px 0;
}

.blog_box {
    display: block;
    width: 100%;
    padding: 0px;
    margin-right: 0px;
    margin-bottom:20px;
}
.other-box {
    margin-bottom: 40px;
}

.btn {
    width: 100%;
    margin: 50px auto;
}

h3.leaf {
    font-size: 22px;
    padding:5px 0;
}

h3.leaf img{
    max-width: 40px;
}

.feature_content {
    background-size: cover;
}

.feature_content h3 {
    font-size: 22px;
}

.feature_content h3 img{
    max-width: 40px;
}

.feature_content .feature_box_l {
    display: block;
    width: 90%;
    margin: 20px auto;
    padding: 80px 10px 10px;
    height: 250px;
}

.feature_content .feature_box_l h3 {
    margin-bottom: 20px;
    font-size: 28px;
}

.feature_content .feature_box_l p {
    font-size: 16px;
}

.recommend p {
    font-size: 20px;
    padding-top: 40px;
}

.recommend_box {
    display: block;
    width: 100%;
    margin: 10px 0;
}

.recommend_box p {
    padding-bottom: 0;
    padding-top: 0;
}

.flow {
    width: 100%;
}

.question {
    line-height: 1.2;
}

.lineup .lineup_pic {
    display: block;
    width: 100%;
}

.lineup .lineup_text {
    display: block;
    width: 100%;
    padding:5px;
}

.empty {
    width: 80%;
    margin: 20px auto;
}

.main_single {
    float: left;
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 50px;
}

.wpcf7-form .wpcf7-select, select {
    width: 100%;
}

.font-small{
	font-size: 11px;
	}

.sub {
    clear: both;
}


.table-res-form .right {

        text-align: right;
    }

.footer-kyoten-list li {
    width: calc(100%/2.3);
    padding: 10px;
}
.bg-green .footer-kyoten-name{
    font-size: 11px;
}

.main_image {
	/* margin-top: 100px; */
}
.lp_content {
    padding: 8px;
    overflow: hidden;
    position: relative;

}
.lp_content h2{
    margin-top: 8px;
}
.lp_contact_fix {
    width: 100%;
    position: fixed;
    right: 0;
    bottom:  0;
    padding:0;
    z-index: 200;
}
.lp_contact{
    font-size:15px;
}


.lp_btn_box {
    width: auto;
    display: block;
    margin-bottom: 20px;
}

.info_text {
    margin: 8px auto;
    width: 96%;
    padding: 16px 0;
    font-size: 16px;
}

.tel {
    margin-top: 4px;
}

.lp_content h2 {
    font-size: 24px;
}

.lp_content h2 span {
    font-size: 24px;
}

.lp_news {
    width: auto;
}

.lp_concept ul {
    width: 86%;
    margin:0 auto;
}

.lp_concept ul li {
    font-size: 16px;
}

.hatena {
    width: 60%;
}

.content_box_two {
    width: auto;
    margin:0 auto 10px;
}

.hatena_text ul {
    width: 90%;
}


.hatena_text ul li {
    font-size: 18px;
}
.yasui_text {
    padding: 8px;
    font-size:16px;
}

.lp_comparison {
    width: 96%;
}

.point {
    width: 96%;
    font-size: 20px;
}

.link_btn {
    width: 92%;
    font-size: 22px;
}

.lp_performance {
    font-size: 18px;
}

.yt {
    width: auto;
    margin: 15px auto;
}

.lp_voice_box {
    padding: 12px 0;
}

.lp_voice_text {
    font-size: 16px;
}

.swiper-button-next, .swiper-button-prev {
    top: 125px !important;
}

.yasui_text ul li {
    font-size: 14px;
}

.lp_temple {
    width: auto;
}

.content_box_three {
    width: 29.5%;
}

.lp_plan_text {
    font-size:16px;
}

.lp_temple_text {
    width: auto;
    font-size:16px;
}

.lp_temple_info {
    width: auto;
}

.lp_temple_info_box ul li{
    font-size:16px;
}
.lp_temple_info_box {
    margin-bottom: 0px;
}
.lp_temple_info_box p {
    font-size: 16px;
    font-weight: 700;
}

.link_btn_reverse {
    width: 92%;
    font-size: 22px;
    margin:40px auto 10px;
}

.lp_faq {
    width: 96%;
}

.vow {
    width: 96%;
}

.vow h4 {
    font-size: 21px;
}

.lp_staff_prof .lp_staff_title {
    font-size: 14px;
}

.lp_staff_prof .lp_staff_name {
    font-size: 18px;
}


.lp_staff_prof .lp_staff_name span {
    font-size: 10px;
    margin-left: 5px;
}

.lp_info {
    font-size: 18px;
}

.lp_schedule {
    font-size: 20px;
}

.lp_last {
    font-size: 28px;
    line-height: 1.4;
}

.page-id-1751 #wprmenu_bar ,.page-id-1782 #wprmenu_bar ,.page-id-1588 #wprmenu_bar{
    display: none;
}

.ps-br{
    display: none; /* PCの改行を隠して */
  }

.sp-br{
    display: block; /* SPを改行する */
  }


.home h2 {
    font-size: 2em;
    font-weight: 700;
    color: black;
    margin: 10px 0px;
    padding: 2px 0px;
    text-align: center;
}
.home h3 {
    /* font-size: 1.3em;
    font-weight: 700;
    color: black;
    padding: 1px 0px 1px 5px;
    border-bottom: solid 2px #025F16;
    text-align: left; */
}

.home h4 {
    font-size: 1.3em;
}
.event_day{
    font-size:1.2em;
}
a.button {
    padding: 2% 10%;
    border-radius: 15px;
    text-decoration: none;
    font-weight: 600;
    background: white;
    color: #ea856e;
    border: solid 1px;
}
span.schedule {
    font-size: 1.3em;
}

.article_ul {
	padding-left: 40px;
	list-style-type: disc;
}
form.post-password-form {
    margin: 130px 0 0 0;
}

.other-title{
    top: 0;
    left: 0;
    position: relative;
    font-size: 1.2em;
    background: none;
    padding: 0 0.5em;
  }
  .lp_temple_info h4 {
    font-size: 20px;
}

}

/* LP-SEO Content */
.seo-content ul {
    list-style-type: disc;
}

.seo-content h2 {
    font-size: 30px;
    color: #9f7000;
    font-weight: bold;
    padding: 10px 0;
}

.seo-content h3 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
}
.seo-content ul {
    list-style-type: disc;
    padding-left: 10px;
}
.seo-content ul .asterisk{
    list-style-type: none;
}
.inner.lp.seo-content {
    margin: 16px auto;
    padding: 16px;
}
@media only screen and (max-width: 480px){
    .seo-content h2 {
        font-size: 20px;
    }
    .seo-content h3 {
        font-size: 16px;
    }
    .main_image_tagline_r{
        display: block;
    }
    .footer-coprate img {
        max-width: 250px;
    }
}

/* LP-SEO Content */

/* タブ */

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/5);
  height: 50px;
  border-bottom: 3px solid #025f16;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#hokkaido:checked ~ #hokkaido_content,
#aomori:checked ~ #aomori_content,
#iwate:checked ~ #iwate_content,
#miyagi:checked ~ #miyagi_content,
#akita:checked ~ #akita_content,
#yamagata:checked ~ #yamagata_content,
#fukushima:checked ~ #fukushima_content,
#ibaraki:checked ~ #ibaraki_content,
#tochigi:checked ~ #tochigi_content,
#gunma:checked ~ #gunma_content,
#saitama:checked ~ #saitama_content,
#chiba:checked ~ #chiba_content,
#tokyo:checked ~ #tokyo_content,
#kanagawa:checked ~ #kanagawa_content,
#niigata:checked ~ #niigata_content,
#toyama:checked ~ #toyama_content,
#ishikawa:checked ~ #ishikawa_content,
#fukui:checked ~ #fukui_content,
#yamanashi:checked ~ #yamanashi_content,
#nagano:checked ~ #nagano_content,
#gifu:checked ~ #gifu_content,
#shizuoka:checked ~ #shizuoka_content,
#aichi:checked ~ #aichi_content,
#mie:checked ~ #mie_content,
#shiga:checked ~ #shiga_content,
#kyoto:checked ~ #kyoto_content,
#osaka:checked ~ #osaka_content,
#hyogo:checked ~ #hyogo_content,
#nara:checked ~ #nara_content,
#wakayama:checked ~ #wakayama_content,
#tottori:checked ~ #tottori_content,
#shimane:checked ~ #shimane_content,
#okayama:checked ~ #okayama_content,
#hiroshima:checked ~ #hiroshima_content,
#yamaguchi:checked ~ #yamaguchi_content,
#tokushima:checked ~ #tokushima_content,
#kagawa:checked ~ #kagawa_content,
#ehime:checked ~ #ehime_content,
#kochi:checked ~ #kochi_content,
#fukuoka:checked ~ #fukuoka_content,
#saga:checked ~ #saga_content,
#nagasaki:checked ~ #nagasaki_content,
#kumamoto:checked ~ #kumamoto_content,
#oita:checked ~ #oita_content,
#miyazaki:checked ~ #miyazaki_content,
#kagoshima:checked ~ #kagoshima_content,
#okinawa:checked ~ #okinawa_content
 {
  display: block;
}

/*選択されているタブのコンテンツのみを表示*/
#hokkaido2:checked ~ #hokkaido_content2,
#aomori2:checked ~ #aomori_content2,
#iwate2:checked ~ #iwate_content2,
#miyagi2:checked ~ #miyagi_content2,
#akita2:checked ~ #akita_content2,
#yamagata2:checked ~ #yamagata_content2,
#fukushima2:checked ~ #fukushima_content2,
#ibaraki2:checked ~ #ibaraki_content2,
#tochigi2:checked ~ #tochigi_content2,
#gunma2:checked ~ #gunma_content2,
#saitama2:checked ~ #saitama_content2,
#chiba2:checked ~ #chiba_content2,
#tokyo2:checked ~ #tokyo_content2,
#kanagawa2:checked ~ #kanagawa_content2,
#niigata2:checked ~ #niigata_content2,
#toyama2:checked ~ #toyama_content2,
#ishikawa2:checked ~ #ishikawa_content2,
#fukui2:checked ~ #fukui_content2,
#yamanashi2:checked ~ #yamanashi_content2,
#nagano2:checked ~ #nagano_content2,
#gifu2:checked ~ #gifu_content2,
#shizuoka2:checked ~ #shizuoka_content2,
#aichi2:checked ~ #aichi_content2,
#mie2:checked ~ #mie_content2,
#shiga2:checked ~ #shiga_content2,
#kyoto2:checked ~ #kyoto_content2,
#osaka2:checked ~ #osaka_content2,
#hyogo2:checked ~ #hyogo_content2,
#nara2:checked ~ #nara_content2,
#wakayama2:checked ~ #wakayama_content2,
#tottori2:checked ~ #tottori_content2,
#shimane2:checked ~ #shimane_content2,
#okayama2:checked ~ #okayama_content2,
#hiroshima2:checked ~ #hiroshima_content2,
#yamaguchi2:checked ~ #yamaguchi_content2,
#tokushima2:checked ~ #tokushima_content2,
#kagawa2:checked ~ #kagawa_content2,
#ehime2:checked ~ #ehime_content2,
#kochi2:checked ~ #kochi_content2,
#fukuoka2:checked ~ #fukuoka_content2,
#saga2:checked ~ #saga_content2,
#nagasaki2:checked ~ #nagasaki_content2,
#kumamoto2:checked ~ #kumamoto_content2,
#oita2:checked ~ #oita_content2,
#miyazaki2:checked ~ #miyazaki_content2,
#kagoshima2:checked ~ #kagoshima_content2,
#okinawa2:checked ~ #okinawa_content
 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #025f16;
  color: #fff;
}




/* LP MainImage */

:root {
  --font-mincho: "游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", serif;
}

.main_image {
  position: relative;
  width: 100%;
}

.main_image * {
  box-sizing: border-box;
}

.main_image .fs135 {
  font-size: 135%;
}

.main_image .fs230 {
  font-size: 230%;
}

.main_image_tagline {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 5;
}

.main_image_tagline_col {
  max-width: 100%;
}

.main_image_tagline_l {
  padding: 0 1vw;
}

.main_image_tagline_l_titlearea {
  display: flex;
  align-items: center;
  column-gap: 1vw;
  justify-content: center;
}

.main_image_tagline_l_date {
  aspect-ratio: 1 / 1;
  background: rgb(188,156,67);
  background: linear-gradient(165deg, rgba(188,156,67,1) 0%, rgba(239,219,165,1) 25%, rgba(150,124,52,1) 65%, rgba(199,173,100,1) 100%);
  border-radius: 100vh;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mincho);
  line-height: 1;
  text-align: center;
  text-shadow: 0 0 6px rgba(0,0,0,.57);
  width: 9.6vw;
}

.main_image_tagline_l_date_inner {
  padding: 0 1vw;
  width: 100%;
}

.main_image_tagline_l_date_year {
  border-bottom: 1px solid #fff;
  display: block;
  font-size: clamp(0px,1.9vw,38px);
  font-weight: 700;
  margin-bottom: .5vw;
  padding-bottom: .5vw;
}

.main_image_tagline_l_date_month {
  display: block;
  font-size: clamp(0px,2.3vw,46px);
  font-weight: 700;
}

.main_image_tagline_l_date_month .fs135 {
  vertical-align: -.15vw;
}

.main_image_tagline_l_title {
  color: #960B0B;
  flex: 1;
  font-family: var(--font-mincho);
  font-size: clamp(0px,5.4vw,111px);
  font-weight: 700;
  letter-spacing: -.05em;
  line-height: 1.25;
  text-shadow:
    2px 2px 5px #fff,
    -2px 2px 5px #fff,
    -2px -2px 5px #fff,
    2px -2px 5px #fff;
}

.main_image_tagline_r {
  background: url(../images/lp/lp_main_image_bg.png) no-repeat top center / cover;
  padding: 0.5vw 1.25vw;
  display: block;
  display: flex;
}

.main_image_tagline_r_titlearea {
  display: flex;
  align-items: center;
  column-gap: .5vw;
  line-height: 1.25;
  margin-bottom: 0.25vw;
  justify-content: center;
}

.main_image_tagline_r_point {
  background-color: #1F1F1F;
  color: #fff;
  font-family: var(--font-mincho);
  font-size: clamp(0px,1.1vw,24px);
  font-weight: 700;
  padding: 1.2vw .8vw;
}

.main_image_tagline_r_title {
  color: #1A1311;
  font-family: var(--font-mincho);
  font-size: clamp(0px,2.5vw,28px);
  font-weight: 700;
  letter-spacing: -.05em;
}

.main_image_tagline_r_box {
    border: 1px solid #3C2402;
    line-height: 1.25;
    text-align: center;
    width: 30;
    margin: 0 auto;
}

.main_image_tagline_r_box_title {
  background-color: #3C2402;
  color: #F7E0A9;
  font-family: var(--font-mincho);
  font-size: clamp(0px,1.5vw,20px);
  font-weight: 700;
  padding: .5vw;
}

.main_image_tagline_r_box_text {
  background-color: rgba(255,255,255,.33);
  color: #1F1F1F;
  font-size: clamp(0px,1.25vw,25px);
  padding: .75vw;
}
.main_image_point {
    aspect-ratio: 1 / 1;
    background: rgb(188,156,67);
    background: linear-gradient(165deg, rgba(188,156,67,1) 0%, rgba(239,219,165,1) 25%, rgba(150,124,52,1) 65%, rgba(199,173,100,1) 100%);
    border-radius: 100vh;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mincho);
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 6px rgba(0,0,0,.57);
    width: 9.6vw;
}

.main_image_pointline {
    display: flex;
    /* align-items: center; */
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: auto;
    z-index: 5;
}

.main_image_point-tesxt {
    aspect-ratio: 1 / 1;
    background: rgb(188,156,67);
    background: linear-gradient(165deg, rgba(188,156,67,1) 0%, rgba(239,219,165,1) 25%, rgba(150,124,52,1) 65%, rgba(199,173,100,1) 100%);
    border-radius: 100vh;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-mincho);
    line-height: 1;
    text-align: center;
    text-shadow: 0 0 6px rgba(0,0,0,.57);
    width: 9.6vw;
}

.main_image_container {
  display: flex;
}

.main_image_col {
  overflow: hidden;
  position: relative;
  width: 50%;
}

.main_image_l_bg {
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%) no-repeat top center / 100% 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

.main_image_l_bg img {
  height: auto;
  width: 100%;
}

.main_image_l_note {
  color: #0B0B0B;
  font-size: clamp(0px,.9vw,18px);
  font-weight: 700;
  position: absolute;
  bottom: 1vw;
  left: 1vw;
  z-index: 1;
}

.main_image_r_imgwrap {
  height: calc(100% - 14vw);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.main_image_r_imgwrap img {
  height: 100%;
  object-fit: cover;
  object-position: top center;
  width: 100%;
}

.main_image_r_bg {
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.8) 100%) no-repeat bottom center / 100% 50%;
  height: calc(100% - 14vw);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.main_image_r_access {
  display: flex;
  align-items: flex-start;
  column-gap: 1vw;
  min-width: 24vw;
  position: absolute;
  bottom: 1vw;
  right: 1vw;
  z-index: 3;
}

.main_image_r_access_point {
  aspect-ratio: 1 / 1;
  background-color: #4A2515;
  border-radius: 100vh;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-mincho);
  font-size: clamp(0px,1.45vw,29px);;
  font-weight: 700;
  letter-spacing: -.15em;
  line-height: 1.1;
  text-align: center;
  width: 6.4vw;
}

.main_image_r_access_content {
  color: #A30C0C;
  flex: 1;
  font-family: var(--font-mincho);
  line-height: 1.25;
}

.main_image_r_access_nearest {
  font-size: clamp(0px,2vw,40px);
  font-weight: 700;
}

.main_image_r_access_distance {
  display: flex;
  align-items: baseline;
  column-gap: .25vw;
}

.main_image_r_access_distance_type {
  font-size: clamp(0px,1.55vw,31px);
  font-weight: 700;
  writing-mode: vertical-rl;
}

.main_image_r_access_distance_text {
  flex: 1;
  font-size: clamp(0px,1.9vw,38px);
  font-weight: 700;
  line-height: 1.1;
}

.main_image_r_access_distance_text .fs230 {
  padding: 0 .5vw;
  vertical-align: -.1vw;
}

.main_image_r_access_distance_text .fs135 {
  vertical-align: .15vw;
}

@media only screen and (max-width: 768px) {
  .main_image_tagline {
    background: url(../images/tamana/lp_main_image_bg.png) no-repeat top center / cover;
    display: block;
    padding: 2.5vw 3.5vw;
    position: static;
  }

  .main_image_tagline_l {
    margin-bottom: .5vw;
    padding: 0;
  }

  .main_image_tagline_l_date {
    border: 1px solid #fff;
    width: 19vw;
  }

  .main_image_tagline_l_date_inner {
    padding: 0 1.5vw;
  }

  .main_image_tagline_l_date_year {
    font-size: clamp(0px,3.6vw,27px);
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }

  .main_image_tagline_l_date_month {
    font-size: clamp(0px,4.5vw,34px);
  }

  .main_image_tagline_l_date_month .fs135 {
    font-size: 100%;
    vertical-align: 0;
  }

  .main_image_tagline_l_title {
    font-size: clamp(0px,10.4vw,78px);
  }

  .main_image_tagline_r {
    padding: 0;
  }

  .main_image_tagline_r_point {
    font-size: clamp(0px,2.2vw,17px);
    padding: 1.4vw 1vw;
  }

  .main_image_tagline_r_title {
    font-size: clamp(0px,7vw,28px);
  }

  .main_image_tagline_r_box_title {
    font-size: clamp(0px,3.8vw,20px);
    padding: 1vw;
  }

  .main_image_tagline_r_box_text {
    font-size: clamp(0px,2.5vw,19px);
    padding: 1vw;
  }

  .main_image_col {
    aspect-ratio: 1 / 1;
  }

  .main_image_l_imgwrap {
    height: 100%;
    width: 100%;
  }

  .main_image_l_imgwrap img {
    height: 100%;
    object-fit: cover;
    object-position: top center;
    width: 100%;
  }

  .main_image_l_note {
    color: #fff;
    font-size: clamp(0px,2.4vw,18px);
    text-shadow: 0 0 12px #000;
  }

  .main_image_r_imgwrap {
    height: 100%;
    position: static;
  }

  .main_image_r_access {
    min-width: inherit;
    padding: 0 3vw;
    width: 100%;
  }

  .main_image_r_access_point {
    font-size: clamp(0px,2.6vw,20px);;
    width: 12.8vw;
  }

  .main_image_r_access_nearest {
    font-size: clamp(0px,3.8vw,20px);
  }

  .main_image_r_access_distance_type {
    font-size: clamp(0px,2.9vw,22px);
  }

  .main_image_r_access_distance_text {
    font-size: clamp(0px,3.6vw,27px);
  }
}


/* デフォルトでは非表示 */
/* style.css */
.footer-banner {
    position: fixed;
    display: flex;
    left: 0;
    bottom: 0;
    z-index: 999;

    flex-direction: column;
    gap: 0;

    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

/* 1段目 */
.footer-banner .footer-banner-top {
    width: 100%;
}

.footer-banner .footer-banner-main {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

/* 2段目 */
.footer-banner .footer-banner-bottom {
    display: flex;
    width: 100%;
}

/* 左側 */
.footer-banner .footer-banner-bottom .reservation-link {
    width: 25%;
    box-sizing: border-box;
}

/* 右側 */
.footer-banner .footer-banner-bottom .footer-phone-link {
    width: 75%;
    box-sizing: border-box;
}

a.reservation-link {
    flex: 1;
    background: orange;
    /*     width: 50%; */
    padding: 4px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}
.footer-banner a.phone-link {
    flex: 4;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    background-color: #ffffff;
}
.footer-banner a.phone-link:active,
.footer-banner a.phone-link:hover,
.footer-banner a.phone-link:visited
{
    text-decoration: none;
    background-color: #ffffff;
}
.footer-banner a.phone-link .fmcall {
    text-align: center;
    color: #e60000;
    font-size: 1.5rem;
    font-weight: bold;
}
@media (min-width: 768px) {
.footer-banner {
    display: none;
}
a.phone-link {
    width: 80%;
}
}
/* セクションの背景色を設定 */
#request-section {
    background-color: #fff4f1; /* 柔らかなグリーン色 */
    padding: 8px;
    counter-reset: feature-counter; /* カウンタをリセット */
}

/* コンテナのスタイリング */
#request-section .container {
    max-width: 1200px;
    margin: auto;
}

/* 見出しのスタイリング */
#request-section .section-heading {
    font-size: 24px;
    margin-bottom: 8px;
}

/* 特徴のグリッドレイアウト */
#request-section .features {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* PC: 3列 */
    gap: 8px;
    padding: 8px 0;
}
img.feature-icon {position: absolute;bottom: 4px;right: 4px;opacity: 0.2;z-index: 0;/* width: 36px; */}

.feature-item {
    position: relative;
}

#request-section .feature-item {
    background-color: white; /* 白背景 */
    border-radius: 10px; /* 角を落とす */
    padding: 8px;
    counter-increment: feature-counter; /* カウンタをインクリメント */
}
.feature-item {
    position: relative;
}
/* 特徴のナンバリングスタイリング */
#request-section .feature-item .number::before {
    content: counter(feature-counter); /* カウンタの値を表示 */
    font-size: 18px;
    margin-bottom: 10px;
}

/* 特徴の小見出しスタイリング */
#request-section .feature-item .feature-title {
    font-size: 18px;
    font-weight: 700;
}
.feature-title {
    background-color: #00b407; /* グリーン系の背景色 */
    color: white; /* 文字色は白 */
    padding: 10px 12px 10px 54px; /* 内側の余白 */
    font-size: 1.5em; /* 文字サイズ */
    position: relative; /* 相対位置 */
    display: block; /* インラインブロック表示 */
    margin: 10px 0; /* 上下の余白 */
    border-radius: 5px 0 0 5px; /* 左側の角を丸める */
    box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* 影の効果 */
}

.feature-title:before {
    content: attr(data-number);
    background-color: #ffeb3b; /* 黄色 */
    color: #00b407; /* グリーン系の文字色 */
    border-radius: 50%;
    padding: 5px 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    border: 3px solid white; /* 白い境界線 */
}

.feature-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 20px solid transparent; /* 上の透明な三角形 */
    border-bottom: 20px solid transparent; /* 下の透明な三角形 */
    border-left: 20px solid #00b407; /* 左側にグリーン系の三角形 */
    transform: translate(100%, -50%);
    z-index: -1; /* 奥に配置 */
}

/* 説明文のスタイリング */
#request-section .feature-item .description {
    font-size: 18px;
    margin: 8px;
}

/* タブレットおよびスマートフォンのレスポンシブルール */
@media (max-width: 768px) {
    #request-section .features {
        grid-template-columns: 1fr 1fr; /* TAB: 2列 */
    }
}

@media (max-width: 480px) {
    #request-section .features {
        grid-template-columns: 1fr; /* スマホ: 1列 */
    }
    .main_image_tagline_r{
        display: block;
    }

}
/* 特徴が奇数の場合のルール */
#request-section .features.odd .feature-item:last-child {
    grid-column: span 2; /* 最後の特徴を2列に */
}

/* PCでの4列レイアウト */
@media (min-width: 769px) {
    #request-section .features.four-columns {
        grid-template-columns: 1fr 1fr 1fr 1fr; /* PC: 4列 */
    }
    #request-section .features.three-columns {
        grid-template-columns: 1fr 1fr 1fr; /* PC: 4列 */
    }
    #request-section .features.two-columns {
        grid-template-columns: 1fr 1fr; /* PC: 4列 */
    }
}

/* セクションのスタイリング */
#mechanism-section {
    /* padding: 16px; */
}

/* コンテナのスタイリング */
#mechanism-section .container {
    max-width: 1200px;
    margin: auto;
    /* padding: 16px; */
}

/* 見出しのスタイリング */
#mechanism-section .section-heading {
    font-size: 30px;
    margin-bottom: 20px;
}

/* リストのスタイリング */
#mechanism-section .mechanism-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* PC: 4列 */
    gap: 20px;
    list-style-type: none;
    padding: 0;
}

/* 各リストアイテムのスタイリング */
#mechanism-section .mechanism-item {
    border-radius: 10px;
    background-color: #ffffff;
    text-align: center;
}

/* 画像コンテナのスタイリング */
#mechanism-section .mechanism-item .image-container img {
    border-radius: 50%; /* 画像を丸くする */
    width: 200px;
    height: 200px;
    object-fit: cover;
}

/* 小見出しのスタイリング */
#mechanism-section .mechanism-item .mechanism-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 4rem;
    display: block;
}

/* 説明文のスタイリング */
#mechanism-section .mechanism-item .description {
    font-size: 16px;
    text-align: left;
}

/* TAB*/

/* スマホのレスポンシブルール */
@media (max-width: 480px) {
    #mechanism-section .mechanism-list {
        grid-template-columns: 1fr; /* スマホ: 1列 */
    }
    #mechanism-section .mechanism-item .mechanism-title{
        height: auto;
    }
}
@media (max-width: 1024px) {
    #mechanism-section .mechanism-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        list-style-type: none;
        padding: 0;
    }
}
/* セクションのスタイリング */
/* コンテナのスタイリング */
#mechanism-section .container {
    max-width: 1200px;
    margin: auto;
    /* padding: 16px; */
}

/* 見出しのスタイリング */
#mechanism-section .section-heading {
    font-size: 24px;
    margin-bottom: 20px;
}

/* リストのスタイリング */

/* 各リストアイテムのスタイリング */
#mechanism-section .mechanism-item {
    border-radius: 10px;
    background-color: #ffffff;
    padding: 16px;
    text-align: center;
}

/* 画像コンテナのスタイリング */
#mechanism-section .mechanism-item .image-container img {
    border-radius: 50%; /* 画像を丸くする */
    width: 200px;
    height: auto;
    object-fit: cover;
}

/* 小見出しのスタイリング */
#mechanism-section .mechanism-item .mechanism-title {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: green;
    font-weight: 600;
}

/* 説明文のスタイリング */
#mechanism-section .mechanism-item .description {
    font-size: 16px;
}

/* スマホのレスポンシブルール */
@media (max-width: 480px) {
    #mechanism-section .mechanism-list {
        grid-template-columns: 1fr; /* スマホ: 1列 */
    }
}

/* セクションのスタイリング */
#scenery-section {
    padding: 4px;
}

/* コンテナのスタイリング */
#scenery-section .container {
    max-width: 1200px;
    margin: auto;
    padding: 8px;
}

/* 見出しのスタイリング */
#scenery-section .section-heading {
    font-size: 24px;
    margin-bottom: 8px;
}

/* 画像ギャラリーのスタイリング */
#scenery-section .image-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* PC: 4列 */
    gap: 20px;
}

/* 各画像アイテムのスタイリング */
#scenery-section .image-item img {
    width: 100%; /* 画像をコンテナに合わせる */
    height: auto; /* アスペクト比を保持 */
    display: block; /* ブロックレベル要素として表示 */
}

/* スマホのレスポンシブルール */
@media (max-width: 480px) {
    #scenery-section .image-gallery {
        grid-template-columns: repeat(2, 1fr);
        gap: 0px;
    }
}


/* 夫婦墓の見出しスタイリング */
#mechanism-section .couple-tomb-heading {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 10px;
}

/* 夫婦墓の画像コンテナスタイリング */
#mechanism-section .couple-tomb .image-container img {
    width: 100%; /* 画像をコンテナに合わせる */
    height: auto; /* アスペクト比を保持 */
    display: block; /* ブロックレベル要素として表示 */
    max-width: 800px;
    margin: 0 auto;
}


/* 墓苑プラン */

.lp_plan_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 25px 0px;
}

.lp_plan_col {
  width: 49%;
}

.lp_plan_name {
  /* color: #4d4d4d; */
  /* font-family: initial; */
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 5px;
  text-align: center;
}

.lp_plan_image {
  /* padding: 0 20px; */
  /* margin-bottom: 30px; */
  text-align: center;
}

.lp_plan_info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* font-family: initial; */
}

.lp_plan_option {
  display: flex;
  column-gap: 4px;
}

.lp_plan_option_item {
  aspect-ratio: 1 / 1;
  background-color: #fff;
  border-radius: 100vh;
  color: #4d4d4d;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  font-size: clamp(12px,.79vw,15px);
  font-weight: 700;
  line-height: 1.2;
  width: clamp(70px,4.5vw,85px);
  text-align: center;
  margin: 16px auto;
}

.lp_plan_option_item_icon {
  display: block;
  height: auto;
  margin-top: 4px;
  max-width: 100%;
}

.lp_plan_price {
  display: flex;
  align-items: flex-end;
  color: #ea675d;
  column-gap: 2px;
  line-height: 1.2;
}

.lp_plan_price_col {
  text-align: center;
}

.lp_plan_price_type {
  font-family: var(--font-mincho);
  font-size: clamp(16px,.93vw,18px);
  font-weight: 700;
  margin-bottom: .25em;
}

.lp_plan_price_yen {
  font-size: clamp(16px,.84vw,16px);
  font-weight: 700;
}

.lp_plan_price_yen .amount {
  font-family: var(--font-mincho);
  font-size: 32px;
  vertical-align: -.04em;
}

.lp_plan_price_plus {
  font-size: clamp(12px,.93vw,18px);
  font-weight: 700;
  padding-bottom: .25em;
}

@media only screen and (min-width: 769px) and (max-width: 900px) {
  .lp_plan_price_yen .amount {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .lp_plan_container {
    display: block;
    padding: 0;
  }
  .lp_plan_name {
    font-size: 30px;
  }
  .lp_plan_col {
    width: 100%;
  }
  .lp_plan_image {
    padding: 0 8px;
  }
  .lp_plan_info {
    padding: 0 4px;
  }
  .lp_plan_option_item {
    font-size: clamp(12px,1.58vw,16px);
    width: clamp(65px,9vw,85px);
  }
  .lp_plan_price_type {
    font-size: clamp(13px,1.86vw,18px);
  }
  .lp_plan_price_yen {
    font-size: clamp(10px,1.68vw,16px);
  }
  .lp_plan_price_yen .amount {
    font-size: 20px;
}
  .lp_plan_col .yasui_text {
    padding: 0 12%;
  }
}

@media only screen and (max-width: 480px) {
  .lp_plan_info {
    padding: 0;
  }
  .lp_plan_col .yasui_text {
    padding: 0 8px;
  }
}

/* 新規ファーストビュー */
/* ファーストビュー全体のスタイル */
.first-view {
    background-image: var(--background-image, url('/wp-content/themes/leaflog-child/images/lp/default-bg.jpg'));
    background-size: cover;
    background-position: center;
    text-align: center;
    padding-top: 50px; /* ヘッダー要素の高さに応じて調整 */
    height: calc(100vh - 230px); /* ヘッダーの高さを差し引いた高さに設定 */
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  #miurakaigan .first-view {
    background-image: var(--background-image, url(/wp-content/themes/leaflog-child/images/miurakaigan/miurakaigan-fv.jpg));
    background-size: cover;
    background-position: 0 20%;
    text-align: center;
    padding-top: 10px;
    height: calc(100vh - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}


  .main-copy {
    text-align: left;
    font-weight: bold;
    max-width: 1200px;
    padding-left: 15%;
    font-family: 'Noto Serif JP', serif;
  }

  .main-copy .main-title {
    color: #1A482D;
    font-size: 60px;
    font-weight: bold;
    text-shadow:
    2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
}


  .main-copy .sub-title {
    color: #1A482D;
    font-size: 50px; /* フォントサイズを大きく */
    font-weight: bold;
    text-shadow:
    2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
    ,2px 2px 5px #fff, -2px 2px 5px #fff, -2px -2px 5px #fff, 2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff,2px -2px 5px #fff
  }

  /* フィーチャーボックスのスタイル */
  .fv-features {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 20px;
  }

  .fv-feature {
    background-color: rgba(255, 255, 255, 0.5); /* 半透明の背景 */
    border-radius: 50%; /* 丸形状 */
    width: 200px; /* サイズを調整 */
    height: 200px; /* サイズを調整 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    font-size: 1.7rem;
    color: #ff0000; /* テキストの色をオレンジに設定 */
    font-family: 'Noto Serif JP', serif; /* 明朝体のフォントを適用 */
  }

  .fv-feature::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 40%, transparent 70%);
    pointer-events: none;
  }
  /* メディアクエリ: スマートフォンなどの小さい画面でのスタイル */
/* メディアクエリ: スマートフォンなどの小さい画面でのスタイル */
.area-map{
    margin: 4px 016px 0;
}
.area-map img {
    max-width: 800px;
}

@media (min-width: 769px) {

}
@media (max-width: 768px) {
    .first-view {
      padding-top: 4px;
      height: 70vh;
      position: relative;
    }
    #miurakaigan  .first-view {
        padding-top: 4px;
        height: 70vh;
        position: relative;
        background-position: 30% 0%;
    }

    .main-copy {
        max-width: 100%;
        padding-left: 0;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        top: 20px;
        position: absolute;
    }

    .main-copy .main-title, .main-copy .sub-title {
      font-size: 1.8em;
      /* display: inline-block; */
    }

    .fv-features {
        flex-wrap: wrap;
        justify-content: space-around;
        bottom: 0;
        padding: 20px 4px 4px 4px;
        position: absolute;
    }

    .fv-feature {
      width: 45%; /* 画面の約半分の幅に設定 */
      height: auto; /* 高さを自動に設定 */
      margin: 5px; /* 余白を調整 */
      font-size: 1rem;
      padding: 10px; /* パディングを調整 */
    }
    input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
        height: 50px;
        padding: 4px 0;
        margin: 4px 0;
        width: 100%;
    }

    .area-map img {
        max-width: 100%;
    }
  }
  span.txt-red {
    color: red;
    font-weight: bold;
}


.custom-header {
    background-color: #fff;
    padding: 10px 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.custom-header-container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-evenly;
    height: 60px;
}
.custom-logo, .custom-header-text, .custom-header-icons{
    max-width: 300px;
}
.custom-logo img {
    height: auto;
    max-width: 200px;
}

.custom-header-text h1 {
    font-size: 12px;
    margin: 5px 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 60%;
    left: -80px;
    position: relative;
}

.custom-header-icons {
    display: flex;
    align-items: center;
}

.custom-icon-with-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
}

.custom-icon-with-text span {
    font-size: 10px; /* Smaller font size for the text label */
}
.custom-icon-with-text .phone-link {
    text-decoration: none;
    background-color: #ffffff;
}
.custom-icon-with-text .phone-link .fmcall {
    text-align: center;
    color: #e60000;
    font-size: 1.3rem;
    font-weight: bold;
}
.custom-icon-with-text .phone-link .fmcall span {
    color: #e60000;
    font-size: 1.3rem;
    font-weight: bold;
}
.custom-icon img {
    height: 50px;
    width: auto;
}
.custom-dotted-line {
    border-left: 1px dotted #ccc;
    height: 50px; /* Adjust to the combined height of your icon and text */
    margin: 0 10px;
}
header {
    border-top: 4px solid #025f16;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {
    .custom-logo img {
        height: auto;
        max-width: 110px;
    }
    .custom-header-container {
        justify-content: space-between;
        height: 30px;
    }

    .custom-icon img {
        height: 24px;
        width: auto;
    }
    .custom-header-text {
        order: 2;
        max-width: 100px;
        text-align: center;
    }

    .custom-header-icons {
        order: 3;
        justify-content: center;
        margin-top: 5px;
    }

    .custom-logo,
    .custom-header-text,
    .custom-header-icons {
        flex-basis: 100%;
        text-align: center;
    }
/* .usual-headerが親要素の場合のスタイル */
.usual-header .custom-logo,
.usual-header .custom-header-text,
.usual-header .custom-header-icons {
    flex-basis: auto;
}

    .custom-icon-with-text span {
        display: block; /* Ensure text labels are displayed on mobile */
    }
    .custom-header-text h1 {
        font-size: 8px;
        overflow: hidden;
        left: 0;
    }
}


/* ハンバーガーメニュー追加（202401） */

.hamburger {
    position: absolute;
    /* position: fixed; */
    right: 10px;
    width: 35px;
    height: 40px;
    color: #005e15;
    font-weight: bold;
    z-index: 6000;
    cursor: pointer;
  }

  .hamburger__line {
    position: absolute;
    display: block;
    width: 35px;
    height: 2px;
    background-color: #005e15;
      transition: 0.3s cubic-bezier(0.5, 0, 0, 1)

  }
  .hamburger__line.is-open {
    background-color: #fff;
    transform-origin: left;
  }

  .hamburger__line--1 {
    top: 10px;
  }
  .hamburger__line--2 {
    top: 20px;
  }
  .hamburger__line--3 {
    top: 30px;
  }
  .hamburger__line--1.is-open {
    /* top: 10px; */
    transform: rotate(45deg);
  }
  .hamburger__line--2.is-open {
    width: 0;
  }
  .hamburger__line--3.is-open {
    top: 35px;
    transform: rotate(-45deg);
  }

  .c-nav {
    position: fixed;
    top: 0;
    right: 0;
    display: grid;
    place-content: center;
    width: 100%;
    max-width: 500px;
    height: 100vh;
    background-color: rgba(8, 138, 41, 0.92);
    z-index: 5000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.3s cubic-bezier(0.5, 0, 0, 1);
  }

  .c-nav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: visible;
  }

  .c-nav__list {
    display: grid;
    gap: 30px;
  }

  .c-nav__link {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }

  .c-nav__link.--large {
    font-size: 20px;
  }

  .c-nav__item.--border {
    border-top: 5px double #fff;
    border-bottom: 5px double #fff;
    text-align: center;
  }

  .c-nav__item-text {
    color: #fff;
    font-size: 14px;
  }

  /* 既存クラス修正 */
  .custom-header-container {
    justify-content: space-between;
    max-width: 1000px;
    margin-inline: auto;

  }

  @media screen and (min-width: 769px) {
    .hamburger {
      right: 20px;
    }
  }

  @media screen and (max-width: 768px) {
    .custom-header-icons {
      margin-right: 40px;
    }
    .usual-header .custom-header-icons {
      margin-right: 55px;
    }
  }
  @media screen and (max-width: 1200px) {
    .custom-header-container {
      max-width: 800px;
    }
  }

  .hidden {
    display: none;
}

/* 区画料金 */
.lp_plan_price_yen .amount.kukaku {
    font-size: clamp(1rem, -0.157rem + 2.41vw, 1.5rem);
}
@media only screen and (min-width: 1150px) {
    .lp_plan_price_yen .amount.kukaku br.kukaku {
        display: none;
    }
}

/* 20240816追加 トップページへ紹介写真 */
.info_box_mess {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 60px 0;
	margin: 0 15px;
}
@media screen and (max-width: 768px) {
	.info_box_mess {
		padding: 20px 0;
		margin: 0 5px;
	}
}
.info_box_mess p {
	font-size: 28px;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 40px;
}
.info_box_mess p:before , .info_box_mess p:after {
	content: "";
	background: url(https://leaflog.jp/wp-content/uploads/2024/08/fig_leaf.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 58px;
	height: 64px;
	margin: 0 20px;
}
@media screen and (max-width: 768px) {
	.info_box_mess p {
		font-size: 17px;
		flex-direction: column;
		margin-bottom: 15px;
	}
	.info_box_mess p:before {
		width: 40px;
		height: 58px;
		transform: rotate(75deg);
		margin: 0;
	}
	.info_box_mess p:after {
		display: none;
	}
}
.info_box_mess p:after {
	transform: scaleX(-1);
}
.info_box_mess .info_box_mess_fig {
	max-width: 900px;
	position: relative;
	margin: 0 auto;
}
.info_box_mess .info_box_mess_fig:after {
	content: "";
	position: absolute;
	left: 5px;
	top: 5px;
	box-sizing: border-box;
	width: calc(100% - 10px);
	height: calc(100% - 10px);
	border: 3px solid #275c21;
}
@media screen and (max-width: 768px) {
	.info_box_mess .info_box_mess_fig:after {
		border-width: 2px;
	}
}
.info_box_mess .info_box_mess_fig img {
	max-width: 100%;
}

/* 20241006修正 */
.lp_plan_banner{
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2列を等分 */
    gap: 16px;                       /* 列間/行間のスペース */
    align-items: start;              /* 行方向の揃え */
    max-width: 100%;
    margin: 0 auto;
}

.lp_plan_banner > div {
    box-sizing: border-box;
}
.lp-plan {
	padding-bottom: 30px;
}
.lp_plan_content {
	display: flex;
	justify-content: space-between;
	padding: 25px 0 5px;
}
.lp_plan_photo {
	width: 400px;
	position: relative;
	flex-shrink: 0;
	margin-right: 25px;
	margin-bottom: auto;
	padding-bottom: 5px;
}

.lp_plan_point {
	position: absolute;
	left: 10px;
	top: 5px;
}
.lp_plan_point ul {
	display: flex;
	column-gap: 4px;
}
.lp_plan_point ul li {
	aspect-ratio: 1 / 1;
	background-color: rgba(255,255,255,0.8);
	border-radius: 100vh;
	color: #4d4d4d;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	font-size: clamp(12px,.79vw,15px);
	font-weight: 700;
	line-height: 1.2;
	width: clamp(70px,4.5vw,85px);
	text-align: center;
	margin: 0 auto;
}

.lp_plan_option_item_icon {
	display: block;
	height: auto;
	margin-top: 4px;
	max-width: 100%;
}
.lp_plan_feature {
	width: 100%;
}

.lp_plan_feature_text {
	width: 100%;
	margin-bottom: 15px;
}
.lp_plan_feature_text dt {
	background: rgba(0,0,0,0.2);
	text-align: center;
	font-weight: 700;
	padding: 10px;
}

.lp_plan_feature_text dd {
	padding: 15px;
	background: #fff;
}
.lp_plan_feature_text dd ul li {
	list-style: disc;
	margin-left: 20px;
}
.lp_plan_cost {
    max-width: 400px;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 10px;
    background-color: #ffffff;
    padding: 10px;
}
.lp_plan_cost div {
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    border-bottom: 1px dashed rgba(0,0,0,0.2);
    padding: 15px;
    color: #000;
    box-sizing: border-box;
    font-size: 15px;
}
.lp_plan_cost > div.lp_plan_cost-detail:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	bottom: -12.5px;
	left: 50%;
	transform: translateX(-50%);
	width: 25px;
	height: 25px;
	background: url('../images/plus.svg') no-repeat center;
	background-size: contain;
}
.lp_plan_cost div dt {
    font-weight: 400;
    flex-shrink: 0;
}
.lp_plan_cost div dd {
}
.lp_plan_cost div dd strong {
    font-size: 130%;
    font-weight: 400;
}
.lp_plan_cost div dd span {
    font-size: 70%;
}
.lp_plan_cost .lp_plan_cost-all {
    font-size: 125%;
    border-bottom: 2px solid rgba(0,0,0,0.4);
}
.lp_plan_cost .lp_plan_cost-all dt,
.lp_plan_cost .lp_plan_cost-all dd,
.lp_plan_cost .lp_plan_cost-all dd strong {
    font-weight: bold;
}
.lp_plan_cost .lp_plan_cost-detail-ttl {
    border-bottom: none;
    padding: 10px 10px 0;
}


.lp_plan_kome {
	padding: 0 0 0 15px;
	font-size: 80%;
}
.lp_plan_kome ul li {
	padding-left: 1em;
	position: relative;
}
.lp_plan_kome ul li:before  {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}

@media only screen and (max-width: 768px) {
    .lp_plan_banner{
        display: block;
    }
    .lp_plan_banner > div {
        padding: 10px;
    }
	.lp_plan_content {
		flex-direction: column;
		padding: 25px;
	}
	.lp_plan_photo {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.lp_plan_photo figure {
		width: 100%;
	}
	.lp_plan_photo figure img {
		width: 100%;
	}
	.lp_plan_cost {
		max-width: 100%;
	}
	.lp_plan_cost .lp_plan_cost-all {
		font-size: 100%;
	}
	.lp_plan_kome {
		padding: 0 25px;
	}
}
@media only screen and (max-width: 480px) {
	.lp_plan_content {
		padding: 10px 0;
	}
	.lp_plan_photo {
		margin-bottom: 15px;
	}
	.lp_plan_kome {
		padding: 0 10px;
	}
}

/* 20241225 依頼1 */
.section-tour h2 {
    font-size: 130%;
}

.section-tour .section-tour-description {
    text-align: center;
    margin: 1rem 0;
    font-size: 120%;
}

.section-tour .image-gallery-tour {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.section-tour .image-gallery-tour-left {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.section-tour .image-gallery-tour .image-gallery-tour-left-description {
    margin-top: 0.5rem;
    font-size: 110%;
}

.section-tour .image-gallery-tour .image-gallery-tour-right-description {
    margin-top: 0.5rem;
    font-size: 120%;
}

@media screen and (max-width: 480px) {
    .section-tour .section-tour-description {
        text-align: left;
    }

    .section-tour .image-gallery-tour {
        grid-template-columns: repeat(1, 1fr);
    }

    .section-tour .image-gallery-tour .image-gallery-tour-left-description {
        text-align: left;
        font-size: 100%;
    }

    .section-tour .image-gallery-tour .image-gallery-tour-right-description {
        font-size: 100%;
    }
	
    .section-tour .image-gallery-tour-right img {
        width: calc(50% - 10px) !important;
    }
}

/* 20250218 依頼2 ページ内リンク */
nav.table-of-contents {
	margin: 4rem 0;
}
nav.table-of-contents div {
	width: 830px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(4, 200px);
	gap: 10px;
}
@media screen and (max-width: 830px) {
	nav.table-of-contents {
		margin: 3rem 1rem 1rem;
	}
	nav.table-of-contents div {
		width: 100%;
		grid-template-columns: repeat(2, 1fr);
	}
}

nav.table-of-contents a {
	display: block;
	padding: 0.8rem 1rem;
	position: relative;
	text-decoration: none;
	background-color: #eeeeee;
	border-bottom: 2px solid #025f16;
}
nav.table-of-contents a:active,
nav.table-of-contents a:visited,
nav.table-of-contents a:hover {
	color: #333;
	text-decoration: none;
	opacity: 0.75;
}
nav.table-of-contents a::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/wp-content/uploads/2025/02/arrow_down.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: center right 15px;
}



/* 202504 那須追記 */

html {
    scroll-behavior: smooth;
}

.sp {
    display: none;
}

.contents h2, .contents h3 ,.contents h4 {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.contents h2 {
    color: #000;
    font-size: 24px;
    padding: 20px;
    display: block;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    border-left: 0px;
    border-right: 0px;
    background:none;
    box-shadow: none;
    line-height: 1.4;
    letter-spacing: 0.1em;
}

.contents h2::first-letter {
    border-left: none;
    padding-left: 0;
}

.contents h3 {
    font-size: 22px;
    padding: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
}

.contents h4 {
    font-size: 18px;
    display: block;
    position: relative;
    padding: 10px 30px;
    border-bottom: none;
}
.contents h4:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    left: 0;
    top: 5px;
    content:"\f0a9";
    position: absolute;
}

.single_tmb {
    margin-bottom:20px;
}

.single_deta {
    display: flex;
    margin-bottom: 30px;
}

.single_deta .time {
    font-size: 16px;
    padding-right: 30px;
    padding-top: 5px;
}

.single_deta .time i {
    margin-right:6px;
}

.single_deta .category a ,.news_list .category a ,.info_list .category a {
    font-size: 14px;
    text-decoration:none;
    color: #fff;
    padding:3px 20px;
    display: inline-block;
}

.category .blog_content {
    background:#2E9AFE;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.category .info {
    background:#ae121f;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.category .blog_staff {
    background:#ea675d;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.category .perpetual {
    background:#5F04B4;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.category .news_tomonokai {
    background:#009688;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.category .news_tamana ,
.category .news_miyama ,
.category .news_kouga ,
.category .news_otsu ,
.category .news_kusatsu ,
.category .news_takashima ,
.category .news_yasu ,
.category .news_nagaoka ,
.category .news_kamakura ,
.category .news_ashigara,
.category .news_kofu {
    background:#025F16;
    display: inline-block;
    width: 100%;
    text-align: center;
}



.single_content p {
    margin-top: 0px;
    padding:10px;
}

/* 目次 */
.single__index {
  border: 1px solid #d2d2d2;
  padding: 20px;
  border-radius: 5px;
  background-color: #fcfcfc;
  margin-bottom:30px;
}
.single__index .index__title {
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
}
.single__index .index__title .index__button {
  border: none;
  font-size: 11px;
  color: #4e4e4e;
}
.single__index ul,
.single__index ol {
  border: none !important;
  padding: 0 0 0 30px !important;
  background-color: #fcfcfc !important;
  margin-bottom: 10px;
}
.index__item {
    margin-bottom: 10px;
}
.single__index a {
  color: #4e4e4e !important;
  font-size: 16px;
}

/* 次のページ・前のページ */
.p-navi {
    margin: 30px 0;
    font-size: 0;
}

.p-navi .next {
    width: 45%;
    float: right;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.p-navi .next a {
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
    min-height: 50px;
}

.p-navi .next span.title {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin-right: 1em;
}

.p-navi .next img {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}

.p-navi .prev {
    width: 45%;
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}

.p-navi .prev a {
    display: block;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px 10px;
    min-height: 50px;
}

.p-navi .prev span.title {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin-left: 1em;
}

.p-navi .prev img {
    display: inline-block;
    width: 25%;
    vertical-align: middle;
}


/* 関連記事 */

.connection_area {
    margin: 40px 0;
}

.connection_area ul {
    padding-left: 0;
    display: flex;
}

.connection_area ul li {
    width: 24%;
    vertical-align: top;
    margin-right: 10px;
    border: 1px solid #ccc;
}

.connection_area ul li:last-child {
    margin-right:0;
}

.connection_area a{
    text-decoration:none;
    display: block;
    padding: 10px;
}

.connection_area a:hover{
    color: #000;
}

.connection_tmb {
    height: 145px;
    overflow: hidden;
    margin-bottom: 10px;
    width: auto;
    align-items: center;
    display: flex;
}

.connection_deta {
    margin-bottom: 10px;
}

.connection_deta i {
    margin-right:6px;
}

.connection_category {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #fff;
    border-radius: 10px;
}

.connection_category .blog_content {
    background:#2E9AFE;
    display: inline-block;
    padding: 3px 15px;
}

.connection_title {
    margin-bottom: 10px;
}

.banner_area {
    margin:40px 0 ;
}

#news {
    background:#F9F7F4;
}

.news_area {
    margin:50px auto;
    padding:50px 0;
}

.news_list , .info_list {
    margin-bottom: 10px;
    border-bottom: 1px dashed #999;
    padding:10px;
}

.news_list dt {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
}

.news_list .category {
    display: inline-block;
    width: 15%;
    vertical-align: middle;
}

.news_list .news_title {
    display: inline-block;
    padding-left: 15px;
    vertical-align: middle;
    width: 70%;
}

.news_list .news_title a {
    text-decoration:none;
    display: inline-block;
}

.info_list dt {
    display: inline-block;
    width: 13%;
    vertical-align: top;
}

.info_list .category {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.info_list .info_title {
    display: inline-block;
    padding-left: 15px;
    vertical-align: top;
    width: 63%;
}

.info_list .info_title a {
    text-decoration:none;
    display: inline-block;
}

.right {
    margin-top: 30px;
    text-align: right;
}

.right a {
    text-decoration: none;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-top:50px;
}

.nav-links{
   display:flex;
}

.page-numbers{
   display:inline-block;
   margin-right:10px;
   padding:10px 20px;
   color:#666666;
   border-radius:3px;
   background:#ffffff;
  border: 1px solid #666666;
  text-decoration:none;
}

.page-numbers.current{
   padding:10px 20px;
   background:#666666;
   color:#ffffff;
}

.page-numbers.prev,
.page-numbers.next{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666;
   text-decoration: none;
}

.page-numbers.dots{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
}

.news {
    padding: 5px;
    /*width: 80%;*/
    margin: 15px auto;
}

.screen-reader-text {
    display: none !important;
}







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

.pc {
    display: none;
}

.sp {
    display: block;
}

.main_single {
    width: 96%;
    margin:30px auto 50px;
    float: none;
}

.single__index ul,
.single__index ol {
  padding: 0 0 0 10px !important;
}

.p-navi .next {
    width: auto;
    float: none;
    display: block;
}

.p-navi .prev {
    width: auto;
    display: block;
    margin-bottom:10px;
}

.connection_area ul {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
}

.connection_area ul li {
    width: 48%;
    vertical-align: top;
    margin-right: 10px;
    border: 1px solid #ccc;
    margin-bottom:10px;
}

.connection_area ul li:nth-child(2n) {
    margin-right:0;
}

.connection_tmb {
    height: auto;
}

.connection_category .blog_content {
    font-size: 12px;
}

.news_list dt ,.info_list dt{
    width: 30%;
}

.news_list .category ,.info_list .category {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
}

.news_list .news_title ,.info_list .info_title{
    display: block;
    padding-left: 0px;
    width: auto;
    margin-top: 10px;
}

.page-numbers {
    margin-right: 5px;
}

.page-numbers,
.page-numbers.current    {
     padding:5px 7px; /* パディングを小さく */
  }



}






/* 墓苑ページ 墓苑特徴 */
#request-memorial-park-section {
    background-color: #ffffff;
    padding: 8px;
    counter-reset: feature-counter;
}

#request-memorial-park-section .container {
    max-width: 1200px;
    margin: auto;
}

#request-memorial-park-section .section-heading {
    font-size: 24px;
    margin-bottom: 8px;
}

#request-memorial-park-section .features {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    /*gap: 8px;*/
    width: 60%;
    margin: 0 auto;
    padding: 8px 0;
}

#request-memorial-park-section .feature-item {
    position: relative;
    background-color: white;
    border-radius: 10px;
    counter-increment: feature-counter;
}

#request-memorial-park-section .feature-item .number::before {
    content: counter(feature-counter);
    font-size: 18px;
    margin-bottom: 10px;
}

#request-memorial-park-section .feature-item .feature-title {
    font-size: 18px;
    font-weight: 700;
}
#request-memorial-park-section .feature-title {
    background-color: #00b407;
    color: white;
    padding: 10px 12px 10px 54px;
    font-size: 1.5em;
    position: relative;
    display: block;
    margin: 14px 0;
    border-radius: 5px 0 0 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

#request-memorial-park-section .feature-title:before {
    content: attr(data-number);
    background-color: #ffeb3b;
    color: #00b407;
    border-radius: 50%;
    padding: 5px 10px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.8em;
    border: 3px solid white;
}

#request-memorial-park-section .feature-title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #00b407;
    transform: translate(100%, -50%);
    z-index: -1;
}

@media (max-width: 768px) {
    #request-memorial-park-section .features {
        width: 100%;
        /*grid-template-columns: 1fr 1fr;*/
    }
}

/* 墓苑ページ  寺院の詳細 20250425 HP依頼.xlsx */
.introduction-section {
    max-width: 100%;
    margin: 0 auto;
    background-color: #f9f8f3;
    padding: 15px;
    color: #333;
    box-sizing: border-box;
}

.introduction-section .introduction-header {
    text-align: center;
    margin-bottom: 20px;
}

.introduction-section .introduction-header h2 {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    line-height: 1.4;
}

.introduction-section .introduction-content {
    margin-bottom: 20px;
}

/* 寺院画像 */
.introduction-section .introduction-image {
    width: 100%;
}

.introduction-section .introduction-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* 説明テキスト */
.introduction-section .introduction-description {
    line-height: 1.5;
    font-size: 14px;
}

.introduction-section .description-item {
    margin-bottom: 10px;
    padding-left: 24px;
    position: relative;
}

.introduction-section .description-item .number {
    position: absolute;
    left: 0;
    top: 2px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #555;
    color: white;
    text-align: center;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
}

/* 区切り線 */
.introduction-section .divider {
    border-top: 1px solid #ddd;
    margin: 15px 0;
}

/* 寺院情報テーブル */
.introduction-section .introduction-info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.introduction-section .introduction-info-table tr {
    border-bottom: 1px solid #eee;
}

.introduction-section .introduction-info-table th {
    width: 35%;
    text-align: right;
    padding: 10px;
    font-weight: normal;
    vertical-align: top;
    background-color: #f5f5f5;
    font-size: 16px;
}

.introduction-section .introduction-info-table td {
    padding: 10px;
    font-size: 16px;
}

/* 住職の画像 */
.introduction-section .priest-portrait {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.introduction-section .priest-portrait figure {
    position: relative;
    margin: 0;
    padding: 0 0 1rem;
}

.introduction-section .priest-portrait figure img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    object-fit: cover;
}

.introduction-section .priest-portrait figure .priest-position {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: right;
    font-size: 14px;
}

.introduction-section .popularity-text {
    text-align: center;
    margin-top: 8px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .introduction-section {
        width: 1200px;
        padding: 20px;
    }

    .introduction-section .introduction-header h2 {
        font-size: 24px;
    }

    .introduction-section .introduction-content {
        display: flex;
        justify-content: space-between;
    }

    .introduction-section .introduction-image {
        width: 35%;
        margin: 0 auto;
    }

    .introduction-section .introduction-description {
        width: 60%;
        font-size: 16px;
    }

    .introduction-section .introduction-info-container {
        width: 80%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }

    .introduction-section .introduction-info-wrapper {
        width: 60%;
    }

    .introduction-section .priest-portrait {
        width: 35%;
        margin-top: 0;
    }
}

/* 墓苑ページ プランスライドショー 20250514 0514HP依頼.xlsx */
.lp_plan_image_slick {
    box-sizing: border-box;
    width: 100%;
}
.lp_plan_image_slick img {
    width: 100%;
}
.lp_plan_image_slick .slider {
    display: none;
}
.lp_plan_image_slick .slider.slick-initialized {
    display: block;
}

/* 墓苑ページ 墓苑の風景スライドショー 20260305 ０３０５新規依頼.xlsx */
.lp_scenery_gallery_image_slick {
    width:100%;
    max-width:900px;
    margin: 0 auto 30px;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
}
.lp_scenery_gallery_image_slick img {
    width: 100%;
}
.lp_scenery_gallery_image_slick .slider {
    display: none;
}
.lp_scenery_gallery_image_slick .slider.slick-initialized {
    display: block;
}

/* 愛するペットと最後まで離れない選択を */
.pet-hero {
    padding: 24px 16px;
}

/* タイトルはgrid外で中央に */
.pet-hero .pet-hero__titlewrap {
    max-width: 800px;
    margin: 0 auto 16px;
    text-align: center;
}

.pet-hero .pet-hero__inner {
    max-width: 800px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 24px;
    align-items: stretch;
}

/* 画像 */
.pet-hero .pet-hero__visual {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.pet-hero .pet-hero__visual img {
    width: 100%;
    height: auto;
    display: block;
}

/* 文字（右へはみ出して画像に被せる） */
.pet-hero .pet-hero__text {
    grid-column: 1;
    z-index: 2;
    width: calc(100% + 120px);
    max-width: 640px;
}

/* 白い影 */
.pet-hero .pet-hero__title,
.pet-hero .pet-hero__lead {
    text-shadow: 0 0 2px rgba(255, 255, 255, 1),
    0 0 8px rgba(255, 255, 255, 0.95),
    0 0 22px rgba(255, 255, 255, 0.75),
    0 4px 35px rgba(255, 255, 255, 0.6);
}

.pet-hero .pet-hero__title {
    margin: 0;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.25;
    font-weight: bold;
}

.pet-hero .pet-hero__lead {
    margin: 0;
    line-height: 2.2;
    font-size: 16px;
}

/* スマホは縦積み */
@media (max-width: 860px) {

    .pet-hero .pet-hero__titlewrap {
        margin-bottom: 12px;
    }

    .pet-hero .pet-hero__inner {
        grid-template-columns: 1fr;
        row-gap: 16px;
    }

    .pet-hero .pet-hero__text {
        width: 100%;
        max-width: none;
    }
}

/* 樹木葬の特徴 */
#request-section.request-section .container {
    position: relative !important;
}
#request-section.request-section .link-feature {
    text-align: right;
    margin-top: -20px;
}
#request-section.request-section .feature-item .feature-icon {
    width: 140px !important;
}
#request-section.request-section img.feature-icon {
    opacity: 0.6 !important;
}
#request-section.request-section .accordion-description {
    margin: 0;
    padding: 0;
    display: block;
}
#request-section.request-section .description {
    display: inline-block;
    padding-bottom: 40px;

    background-size: 120px auto;
    background-repeat: no-repeat;
    background-position: right 8px bottom;
    background-color: rgba(255, 255, 255, 0.5); /* 白の50%透過 */
    background-blend-mode: lighten; /* 合成モード */
}
#request-section.request-section .three-columns .feature-item:nth-child(1) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-01.png');
}
#request-section.request-section .three-columns .feature-item:nth-child(2) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-02.png');
}
#request-section.request-section .three-columns .feature-item:nth-child(3) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-03.png');
}
#request-section.request-section .three-columns .feature-item:nth-child(4) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-04.png');
}
#request-section.request-section .three-columns .feature-item:nth-child(5) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-05.png');
}
#request-section.request-section .three-columns .feature-item:nth-child(6) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-06.png');
}
#request-section.request-section .four-columns .feature-item:nth-child(1) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-07.png');
}
#request-section.request-section .four-columns .feature-item:nth-child(2) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-08.png');
}
#request-section.request-section .four-columns .feature-item:nth-child(3) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-09.png');
}
#request-section.request-section .four-columns .feature-item:nth-child(4) .description {
    background-image: url('/wp-content/themes/leaflog-child/images/feature/request-section-10.png');
}
@media only screen and (max-width: 800px) {
    #request-section.request-section .link-feature {
        margin-top: 0;
    }
    #request-section.request-section .features {
        font-size: 16px !important;
        display: block !important;
        padding: 0 !important;
    }
    #request-section.request-section .features .feature-item {
        background-color: inherit !important;
        border-radius: 0 !important;
        padding: 0 !important;
    }
    #request-section.request-section .feature-title {
        margin: 3px 0 !important;
        padding: 8px 12px 8px 54px !important;
    }
    #request-section.request-section .feature-title:after {
        background-image: url('/wp-content/themes/leaflog-child/images/feature/arrow_07.svg');
        background-repeat: no-repeat;
        background-size: contain;
        transform: rotate(90deg);
        transform-origin: center;
        filter: invert(100%) sepia(0%) saturate(7472%) hue-rotate(4deg) brightness(106%) contrast(108%);
        width: 23px;
        height: 23px;
        top: 10px !important;
        right: 10px !important;
        border: none !important;
        z-index: 1;
    }
    #request-section.request-section .feature-title.active:after {
        transform: rotate(-90deg);
    }
    #request-section.request-section .feature-title:before {
        padding: 0 6px !important;
    }
    #request-section.request-section .accordion-description {
        display: none;
    }
    #request-section.request-section .description {
        border-radius: 10px;
        margin: 0 0 1rem !important;
        padding: 8px 8px 40px 8px !important;
        position: relative;
    }
}


footer.bg-green .footer-coprate h2 a {
    margin-left: 10px;
}
footer.bg-green .footer-coprate h2 a:first-child {
    margin-left: 0;
}
@media only screen and (max-width: 768px) {
    footer.bg-green {
        margin-bottom: 100px;
    }
    footer.bg-green .footer-coprate h2 a {
        margin-left: 0;
        display: block;
        margin-bottom: 10px;
    }
}