@charset "utf-8";
.grecaptcha-badge { visibility: hidden; }
:root {
	--color--black: #000000;
    --color-text-green:#405A4B;
}
body {
	min-height: 100vh;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
	color: #000000;
	font-family: 'Sawarabi Mincho', serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	letter-spacing: 0.05em;
/*	font-feature-settings: "palt";*/
}
a[href=""] {
    cursor: unset;
}
body.scroll-stop {
	overflow: hidden;
}
img,video{
    display: block;
}
a{
    display: block;
    cursor: pointer;
}

/* ヘッダー部分 */
header  {
    width: 100%;
    height: auto;
    pointer-events: none;
    background-color: #405A4B;
}
.header.lightgreen__header{
    background-color: #6FB92D;
}
    .header__container{
        width: 100%;
        height: 380px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin: 0 auto;
        overflow: hidden;
    }
        .header__text__area{
            width: 35%;
            height: auto;
        }
            .header__text__contents{
                width: 66.66%;
                height: auto;
                margin: 0 auto;
                color: #ffffff;
                padding-top: 30px;
            }
                .header__text__title{
                    font-size: 52px;
                    letter-spacing: 0.02em;
                    line-height: 1.13em;
                    font-family: 'Cinzel', serif;
                }
                .header__text__title span{
                    font-size: 28px;
                }
                .header__text__sub{
                    font-size: 16px;
                    line-height: 1.43em;
                    margin-top: 16px;
                }
            .header__image__area {
                width: 65%;
                height: 100%;
                /* background-image: url(<?php echo $backgroundImage; ?>); */
                background-position: center;
                background-size: cover;
            }
        
            
        .header__logo__contents{
            width: 263px;
            height: 45px;
            position: absolute;
            top: 25px;
            left: 2.4%;
        }
            .header__logo__image{
                width: 100%;
                height: auto;
                pointer-events: auto;
            }
                .header__logo__image img{
                    width: 100%;
                    height: auto;
                }
.hamburger{
    width: 90px;
    height: 90px;
    border-radius: 9999px;
    position: fixed;
    top: 20px;
    right: 4.34%;
    z-index: 9999;
    pointer-events: auto;
    overflow: hidden;
}
    .hbg_btn{
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000000;
        transition: 0.3s;
        cursor: pointer;
    }
    .hbg_btn.open{
        background-color: #405A4B;
    }
        .hbg_btn__inner{
            width: 42px;
            height: 10px;
            position: relative;
        }
            .hbg_btn_icon{
                display: block;
                width: 100%;
                height: 2px;
                background-color: #ffffff;
                position: absolute;
                transition: 0.3s;
            }
            .hbg_btn_icon_top{
                top: 0;
                left: 0;
            }
            .hbg_btn_icon.hbg_btn_icon_btm{
                top: 8px;
                left: 0;
                transition-delay: 0.3s;
            }

            .open .hbg_btn_icon_top{
                transform: translateY(4px) rotate(20deg);
            }
            .open .hbg_btn_icon_btm{
                transform:translateY(-4px) rotate(-20deg);
            }
/* グローバルメニュー */
.global_nav{
    width: 100%;
    height: 100dvh;
    background-color: var(--color-text-green);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    transform-origin: top center;
    transform: translateY(-100vh);
    z-index: 100;
}
    .global_nav__inner{
        width: 100%;
        height: 100%;
        position: relative;
    }

    .global_nav__contents__wrap{
        width: 63.59375%;
        height: auto;
        margin: 0 auto;
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .sns__link__area.global__sns__link__area{
        width: auto;
        height: 160px;
        pointer-events: auto;
        position: absolute;
        top: 48%;
        right: 4%;
        transform: translate(0, -50%);
    }
        .sns__link__container.global__sns__link__container{
            display: block;
        }
            .global__sns__icon{
                margin-bottom: 25px;
            }
        .global_nav__contents{
            width: 100%;
            height: auto;
            margin: 0 auto;
            display: flex;
            align-items: stretch;
            
        }
            .global_nav_list{
                padding-right: 57px;
            }
            .global_nav_list:last-of-type{
                border-left: 1px solid #fff;
                padding-left: 74px;
            }
        .other__link__contents__wrap{
            width: 63.59375%;
            height: auto;
            margin-top: 63px;
        }
            .other__link__contents{
                width: 100%;
                height: auto;
                display: flex;
                align-items: center;
                column-gap: 28px;
                pointer-events: auto;
            }
                .other__link{
                    margin-bottom: 26px;
                    overflow: hidden;
                }
                    .other__link a{
                        color: #fff;
                        font-size: 12px;
                        transform: translateY(100%);
                        transition: 0.5s;
                    }
                    .up.other__link a{
                        transform: translateY(0);
                    }
.appear{
    animation: scale_Y 0.5s ease forwards;
}
.appear_reverse{
    animation: scale_Y_re 0.5s ease forwards;
}
@keyframes scale_Y {
    0%{
        transform: translateY(-100vh);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes scale_Y_re {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-100vh);
    }
}
    .global_nav_item{
        pointer-events: auto;
        background-color: #405A4B;
        margin-bottom: 30px;
        overflow: hidden;
    }
    .global_nav_item:last-of-type{
        margin-bottom: 0;
    }
        .global_nav_item a{
            width: 100%;
            height: 100%;
            color: #fff;
            font-size: 20px;
            transform: translateY(100%);
            transition: 0.6s;
        }
        .up.global_nav_item a{
            transform: translateY(0);
        }
        
/* スライダーエリア */
#slider__area{
    width: 100%;
    height: auto;
}
    .slider__area__inner{
        width: 100%;
        height: auto;
        background-color: #F2F4F1;
        padding-top: 70px;
        padding-bottom: 100px;
    }
        .slider__area__container{
            width: 56.25%;
            margin: 0 auto;
            position: relative;
            max-width: 720px;
        }
            .slider__title__contents{
                width: 100%;
                height: auto;
                text-align: center;
                padding-bottom: 48px;
            }
                .slider__title{
                    width: 100%;
                    height: auto;
                    font-size: 52px;
                    font-family: 'Cinzel', serif;
                    letter-spacing: 0.02em;
                    line-height: 1.44em;
                }
                .slider__sub__title{
                    font-size: 18px;
                    line-height: 1.43em;
                }
                .slide__point__text{
                    font-size: 14px;
                    line-height: 2em;
                    padding-top: 10.9px;
                    padding-bottom: 25.9px;
                }
        .swiper-wrapper{
            position: relative;
        }
            .swiper-button-next__01,
            .swiper-button-prev__01{
                width: 60px !important;
                height: auto;
                cursor: pointer;
            }
            .swiper-button-next__01{
                position: absolute;
                top: 42% !important;
                right: -29px !important;
                transform: translate(100%,-50%) !important;
            }
            .swiper-button-prev__01{
                position: absolute;
                top: 42% !important;
                left: -29px !important;
                transform: translate(-100%,-50%) !important;
            }
                .swiper-button-next__01 img,
                .swiper-button-prev__01 img{
                    width: 100%;
                    height: auto;
                }
        


            .slider-thumbnail_01 .swiper-slide {
                opacity: .5;
                transition: opacity .5s;
                width: calc(100% / 3);
            }
            .slider-thumbnail_01 .swiper-slide.swiper-slide-thumb-active {
                opacity: 1;
            }
            .swiper {
                max-width: 720px;
                width: 100%;
                margin: 0 auto;
            }
            .swiper-backface-hidden .swiper-slide{
                cursor: pointer;
                overflow: hidden;
            }
            .swiper-slide img {
                height: auto;
                width: 100%;
                object-fit: cover;
                object-position: center;
            }
            .thum__container{
                display: flex;
                justify-content: center;
                margin: 0 auto;
            }
                .swiper-wrapper.thum__wrapper{
                    width: 100%;
                    height: auto;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: flex-start;
                    align-items: center;
                    column-gap: 7px;
                    row-gap: 8px;
                }
                    
                        .swiper-slide.thum__slide img{
                            height: 100%;
                        }
    .slider-thumbnail_01 .swiper-slide{
        opacity: 1 !important;
        transition: transform 0.4s ease-in-out;
        transform: scale(1);
    }
    .slider-thumbnail_01 .swiper-slide.swiper-slide-thumb-active{
        opacity: 0.5 !important;
        transform: scale(0.95);
        cursor: pointer;
    }
/* フッターアリア */
footer{
    width: 100%;
    height: auto;
}
    .footer__inner{
        width: 100%;
        height: auto;
    }
        .footer__flex__area{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: linear-gradient(90deg,#C9D8C1 50%,#517B63 50%);
            padding-top: 2vw;
            padding-bottom: 2vw;
        }
            .footer__tel__contents{
                width: 50%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
                .footer__tel__contents__inner{
                    width: 69.765625%;
                    height: auto;
                    margin: 0 auto;
                    max-width: 490px;
                }
                    .footer__text__title{
                        font-size: 26px;
                        color: var(--color-text-green);
                        margin-bottom: 12px;
                        text-align: center;
                    }
                    .footer__tel__text{
                        width: 100%;
                        font-size: 14px;
                        padding-top: 6px;
                        padding-bottom: 16.5px;
                        border-bottom: 1px solid var(--color-text-green);
                    }
                    .footer__tel__text:last-of-type{
                        border-bottom: unset;
                    }
                    .footer__tel__link__contents{
                        width: 100%;
                        height: auto;
                        border-radius: 8px;
                        display: flex;
                        align-items: center;
                        overflow: hidden;
                        margin-top: 14px;
                    }
                        .footer__tel__link__name{
                            width: 60.865622%;
                            height: 100%;
                            font-size: 16px;
                            letter-spacing: 0.06em;
                            line-height: 1.27em;
                            text-align: center;
                            color: var(--color-text-green);
                            padding-top: 2px;
                            padding-left: 6.5px;
                            padding-right: 6.5px;
                            border-left: solid 1px var(--color-text-green);
                            border-right: solid 1px var(--color-text-green);
                        }
                        .footer__tel__link{
                            width: 68.38%;
                            text-align: center;
                            color: #405A4B;
                            font-size: 29px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            font-family: 'Cinzel', serif;
                            letter-spacing: 0.03em;
                            line-height: 1.44em;
                        }
                            .footer__tel__link span{
                                font-size: 20px;
                                padding-right: 6px;
                            }
        



            .footer__mail__contents{
                width: 50%;
                height: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
                .footer__text__title__mail{
                    color: #ffffff;
                    font-size: 30px;
                    text-align: center;
                    line-height: 1.5em;
                }
                    .footer__mail__icon__image{
                        width: 9.062%;
                        height: auto;
                        margin-top: 34px;
                    }
                        .footer__mail__icon__image a{
                            width: 100%;
                            height: auto;
                        }
                            .footer__mail__icon__image a img{
                                width: 100%;
                                height: auto;
                                max-width: 58px;
                            }
.footer__contents__area{
    width: 100%;
    height: auto;
    background-color: #405A4B;
    color: #ffffff;
    padding: 66px 0px;
}
    .footer__contents__inner{
        width: 84.60%;
        height: auto;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1500px;
    }
        .footer__contents{
            width: auto;
            height: auto;
            position: relative;
        }
            .footer__contents__flexitem{
                width: 100%;
                height: auto;
            }
                .footer__logo{
                    width: 213px;
                    height: auto;
                }
                    .footer__logo img{
                        width: 100%;
                        height: auto;
                    }
                .footer__contact{
                    font-size: 20px;
                    font-family: 'Cinzel', serif;
                    margin-top: 17px;
                }
                .footer__tel__link__copy{
                    font-family: 'Sawarabi Mincho', serif;
                    font-size: 19px;
                }
                .copy{
                    font-family: 'Sawarabi Mincho', serif;
                    font-size: 10px;
                    margin-top: 12px;
                }
                
            .footer__contents .footer__link__item__container{
                height: auto;
                display: flex;
                justify-content: flex-start;
                align-items: flex-start;
                column-gap: 50px;
            }

                .footer__tel__link__copy{
                    display: block;
                    text-align: start;
                    color: #fff;
                    padding: 0;
                    white-space: nowrap ;
                }
                    .footer__link__item__contents{
                        width: auto;
                        height: auto;
                    }
                        .footer__link__item{
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            column-gap: 9px;
                            margin-bottom: 13px;
                        }
                            .footer__link__item a{
                                color: #fff;
                                font-size: 12px;
                            }
                            .footer__link__item__bar{
                                width: 10px;
                                height: 1px;
                                background-color: #fff;
                            }
                            .footer__link{
                                color: #fff;
                                font-size: 12px;
                            }
                .sns__link__area{
                    width: 17.83%;
                    height: auto;
                    position: absolute;
                    bottom: 0;
                    right: 1vw;
                    max-width: 130px;
                }
                    .sns__link__container{
                        width: 100%;
                        height: auto;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                    }
                        .sns__icon{
                            width: 33px;
                            height: auto;
                        }
                            .sns__link{
                                width: 100%;
                                height: 100%;
                            }
                                .sns__link img{
                                    width: 100%;
                                    height: auto;
                                }

        .swiper-slide.thum__slide {
            width: 138px !important;
            height: 138px !important;
        }
        
/* SP ================================================== */
@media screen and (max-width:1200px){

    .swiper-slide.thum__slide {
        width: 116px !important;
        height: 116px !important;
    }
    .swiper-wrapper.thum__wrapper{
        justify-content: center;
    }
    .footer__contents__inner{
        column-gap: 20px;
    }
    .header__logo__contents{
        width: 230px;
    }
    .header__text__title{
        font-size: 32px;
    }
}


@media screen and (max-width: 769px) {
    .swiper-slide.thum__slide {
        width: 62px !important;
        height: 62px !important;
    }
    .swiper-wrapper.thum__wrapper{
        justify-content: flex-start;
    }
    .other__link__contents__wrap{
        margin-top: 24px;
    }
    .footer__link__item__contents__min a{
        font-size: 10px;
    }
    .footer__link__item__contents__min .footer__link__item{
        margin-bottom: 4px;
    }
}