@charset "utf-8";

/* navHeight */

.navHeight{
	width:100%;
	height:130px;
}
@media (max-width:1200px){
	.navHeight{
		height:160px;
	}
}
@media (max-width:992px){
	.navHeight{
		height:70px;
	}
}

/* eyeCatch */

.eyeCatch{
	aspect-ratio: 1920/766;
	width:100%;
	height:auto;
	position:relative;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
	top:0;
	left:0;
}
.multiply{
	mix-blend-mode: multiply;
}
.dropShadow{
	filter:drop-shadow(0px 0px 5px rgba(26,73,38,0.7));
	z-index: 10;
}
.eyeCatch_inner {
    width: 100%;
    position: absolute;
    opacity: 0;
    animation: roopAnime 36s infinite; /* アニメーション時間を調整 */
}

.eyeCatch_inner01 {
    animation-delay: 0s;
}
.eyeCatch_inner02 {
    animation-delay: 6s;
}
.eyeCatch_inner03 {
    animation-delay: 12s;
}
.eyeCatch_inner04 {
    animation-delay: 18s;
}
.eyeCatch_inner05 {
    animation-delay: 24s;
}
.eyeCatch_inner06 {
    animation-delay: 30s;
}

@keyframes roopAnime {
    0% {
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
    16.67% {
        opacity: 1;
    }
    20% {
        opacity: 0;
        z-index: 9;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width:768px){
	.eyeCatch{
		aspect-ratio: 768/900;
	}
}

/* appearPoint */

.appearPoint_1 {
	background-color: #B4A00D;
	padding: 20px 0;
}
.appearPoint_1_inner {
	width: 80%;
	max-width:1320px;	
	margin:0 auto;
}

.appearPoint{
	background-color: #595757;
	padding: 20px 0;
}
.appearPoint_inner{
	width:1320px;
	margin:0 auto;
}
.appearPoint_inner ul{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.appearPoint_inner ul li:nth-of-type(odd){
	width:0.6%;
}
@media (max-width:1452px){
	.appearPoint_inner{
		width:90%;
	}
}
@media (max-width:768px){
	.appearPoint_inner ul{
		flex-direction: column;
	}
	.appearPoint_inner ul li:nth-of-type(odd){
		width:70%;
		padding:1.5em 0;
		box-sizing: border-box;
	}
	.appearPoint_inner ul li:nth-of-type(even){
		width:80%;
	}
}
@media (max-width:500px){
	.appearPoint_inner ul{
		flex-direction: column;
	}
	.appearPoint_inner ul li:nth-of-type(odd){
		width:80%;
		padding:1em 0;
		box-sizing: border-box;
	}
	.appearPoint_inner ul li:nth-of-type(even){
		width:100%;
	}
}

/* mainBody */

.mainBody{
	background-color: #ebf3e9;
	padding:80px 0;
}
.mainTxt_inner{
	width:1200px;
	margin:0 auto;
	margin-bottom:90px;
}
.mainTxt_inner>p:first-of-type{
	font-size: 1.75em;
	letter-spacing: 0.25em;
	font-weight: 300;
	text-align: center;
	color:#005030;
	margin-bottom:50px;
}
.mainTxt_inner>h3{
	font-size: 2.75em;
	letter-spacing: 0.2em;
	font-weight: 500;
	text-align: center;
	color:#005030;
	margin-bottom:30px;
}
.topBtn_inner{
	width:700px;
	margin:0 auto;
	margin-bottom: 120px;
}
.topBtn_inner ul{
	display:flex;
	align-items: center;
	justify-content: space-between;
}
.topBtn_inner ul li{
	width:45%;
}
.topBtn_inner ul li.request a{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25em;
	letter-spacing: 0.25em;
	color:#fff;
	background-color: #176A5D;
	border:1px solid #176A5D;
	padding: 1.25em 0;
	box-sizing: border-box;
	transition: all .5s;
}
.topBtn_inner ul li.request a:hover,
.topBtn_inner ul li.request a:active{
	color:#fff;
	background-color: #538168;
}

.topBtn_inner ul li.reserve a{
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25em;
	letter-spacing: 0.25em;
	color:#ffffff;
	border:1px solid #B4A00D;
	background-color: #B4A00D;
	padding: 1.25em 0;
	box-sizing: border-box;
	transition: all .5s;
}
.topBtn_inner ul li.reserve a:hover,
.topBtn_inner ul li.reserve a:active{
	color:#fff;
	background-color: #D5C23B;
}



.conceptArea,
.locationArea,
.planArea{
    padding:20px 0;
    margin-bottom:240px;
    border-top:1px solid #538168;
    border-bottom:1px solid #538168;
}
.decorationArea{
    padding:20px 0;
    margin-bottom:180px;
    border-top:1px solid #538168;
    border-bottom:1px solid #538168;
}
.conceptArea_inner{
    background-color: #fff;
    padding-bottom: 50px;
}
.locationArea_inner{
    background-color: rgb(83, 129, 104, 0.3);
    padding-bottom: 180px;
}
.planArea_inner{
    background-color: rgb(83, 129, 104, 0.7);
    padding-bottom: 180px;
}
.conceptArea_box,
.locationtArea_box,
.planArea_box{
    width:1200px;
    margin:0 auto;
    position:relative;
}
.locationtArea_box{
    display: flex;
    justify-content: flex-end;
}
.absolute01{
    width:700px;
    position:absolute;
    bottom:30%;
    right:-10%;
    z-index: 2;
}
.absolute02{
    width:450px;
    position:absolute;
    bottom:-20%;
    right:-20%;
    z-index: 1;
}
.absolute03{
    width:317px;
    position:absolute;
    bottom:-30%;
    right:30%;
    z-index: 1;
}
.absolute04{
    width:700px;
    position:absolute;
    bottom:-20%;
    left:-10%;
    z-index: 1;
}
.absolute05{
    width:400px;
    position:absolute;
    bottom:-70%;
    left:35%;
    z-index: 1;
}
.absolute06{
    width:400px;
    position:absolute;
    bottom:50%;
    right:-1%;
    z-index: 1;
}
.absolute07{
    width:350px;
    position:absolute;
    bottom:20%;
    right:36%;
    z-index: 2;
}
.absolute08{
    width:790px;
    position:absolute;
    bottom:-65%;
    right:-15%;
    z-index: 1;
}
.conceptArea_boxInner,
.locationArea_boxInner,
.planArea_boxInner{
    width:30%;
}
.conceptArea_boxInner h4,
.locationArea_boxInner h4,
.planArea_boxInner h4{
    margin-bottom:50px;
}
.conceptArea_boxInner p:first-of-type{
    margin-bottom:30px;
}
.c_subCatch_txt{
    font-size: 1.25em;
    color:#005030;
    width:400px;
    margin:0 auto;
    margin-bottom: 10px;
}
.c_catch_txt{
    font-size: 1.75em;
    letter-spacing: 0.1em;
    line-height: 1.8;
    color:#005030;
    width:400px;
    margin:0 auto;
    margin-bottom: 30px;
}
.planArea_boxInner>.c_subCatch_txt,
.planArea_boxInner>.c_catch_txt{
    color:#fff;
}
.btnBox a{
    display: flex;
    align-items: center;
    justify-content: center;
    border:1px solid #005030;
    width:120px;
    padding:0.5em 1.5em;
    margin:0 auto;
    color:#005030;
}
.planArea_boxInner>.btnBox>a{
    border:1px solid #fff;
    color:#fff;
}
.btnBox a:hover,
.btnBox a:active{
    color:#fff;
    background-color: #005030;
	transition:0.5s;
}
.planArea_boxInner>.btnBox>a:hover,
.planArea_boxInner>.btnBox>a:active{
    color:#005030;
    background-color: #fff;
    transition:0.5s;
}
.noevent{
	pointer-events: none;
}
.decorationArea_box{
    display:flex;
}
.decorationArea_box>p{
    width:25%;
}
.seriesArea_inner>h3,
.seriesArea_inner>p{
    text-align: center;
    color:#005030;
}
.seriesArea_inner>h3{
    font-size: 1.75em;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-bottom:50px;
}
.seriesArea_inner>.emPhrase{
    width:900px;
    margin:0 auto;
    font-size: 1.5em;
    font-weight: 200;
    letter-spacing: 0.1em;
    padding-bottom: 20px;
    border-bottom: 1px solid #005030;
    margin-bottom: 20px;
}
.card01{
    width:1800px;
    margin:0 auto;
    position:relative;
}
.img-cover{
    background-color: #fff;
}
.slide-content{
    background-color: #e5e5e4;
    padding:50px 1em;
    box-sizing: border-box;
    text-align: center;
}
.slide-content>p{
    text-align: center;
}
.slide-content>p:first-of-type{
    font-size: 1.1em;
    letter-spacing: 0.1em;
    margin-bottom: 30px;
}
.slide-content>p:last-of-type{
    display: inline-block;
    padding: 0.5em 2em;
    background-color: #fff;
    border-radius: 50px;
}
.swiper-slide{
    transition:all .5s;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
    margin-bottom: 15px;
}
.swiper-slide:hover,
.swiper-slide:active{
    transform:scale(0.95);
    transition:all .5s;
}
.swiper-pagination-bullet{
    background-color: #005030;
}
.swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom:-30px;
}
.swiper-button-prev,
.swiper-button-next{
    height: 80px;
    width: 80px;
}
.swiper-button-prev::after,
.swiper-button-next::after{
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 80px;
    margin: auto;
    width: 80px;
}
.swiper-button-prev::after{
    background-image: url(../images/top/prev.svg);
}
.swiper-button-next::after{
    background-image: url(../images/top/next.svg);
}
.swiper-slide img{
    width: 100%;
    height: auto;
}
.slide-content::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #717171; /* 三角形の色を設定 */
}
.scroll_up {
    transition: 0.8s ease-in-out;
    transform: translateY(30px);
    opacity: 0;
}
.scroll_up.on {
    transform: translateY(0);
    opacity: 1.0;
}
.under768{
	display: none;
}
@media (max-width:1920px){
	.card01{
		width:93.75%;
	}
	.conceptArea_box,
	.locationtArea_box,
	.planArea_box{
		position:static;
	}
	.conceptArea_inner,
	.locationArea_inner,
	.planArea_inner{
		position:relative;
	}
	.absolute01{
		bottom:35%;
		right:12%;
	}
	.absolute02{
		bottom:-11%;
		right:5%;
	}
	.absolute03{
		bottom:-20%;
		right:40%;
	}
	.absolute04{
		bottom:20%;
		left:12%;
	}
	.absolute05{
		bottom:-15%;
		left:40%;
	}
	.absolute06{
		bottom:65%;
		right:10%;
	}
	.absolute07{
		bottom:45%;
		right:37%;
	}
	.absolute08{
		bottom:-17%;
		right:3%;
	}
}
@media (max-width:1700px){
	.conceptArea_box,
	.locationtArea_box,
	.planArea_box{
		width:70.58%;
	}
	.absolute01{
		width:41.17%;
	}
	.absolute02{
		width:26.47%;
	}
	.absolute03{
		width:18.64%;
	}
	.absolute04{
		width:41.17%;
	}
	.absolute05{
		width:23.52%;
	}
	.absolute06{
		width:23.52%;
	}
	.absolute07{
		width:20.58%;
	}
	.absolute08{
		width:46.47%;
	}
}
@media (max-width:1550px){
	.slide-content>p:first-of-type{
		font-size: 1vw;
	}
	.slide-content>p:last-of-type{
		font-size: 1vw;
	}
}
@media (max-width:1452px){
	.mainTxt_inner{
		width:85%;
		margin-bottom: 70px;
	}
	.mainTxt_inner>p:first-of-type{
		font-size:2vw;
		margin-bottom:40px;
	}
	.mainTxt_inner>h3{
		margin-bottom:20px;
	}
	.topBtn_inner{
		width:48.2%;
	}
	.topBtn_inner ul li a{
		font-size: 1.5vw;
	}
	.locationArea_inner,
    .planArea_inner{
        padding-bottom: 120px;
    }
    .absolute04{
        bottom:15%;
        left:8%;
    }
    .absolute05{
        bottom:-25%;
        left:40%;
    }
    .absolute06{
        bottom:70%;
        right:10%;
    }
    .absolute07{
        bottom:45%;
        right:37%;
    }
    .absolute08{
        bottom:-17%;
        right:3%;
    } 
    .slide-content>p:first-of-type{
        font-size: 1em;
    }
    .seriesArea_inner>.emPhrase{
        width:63.38%;
        font-size: 2vw;
    }
    .seriesArea_inner>h3{
        font-size: 2.25vw;
    }
}
@media (max-width:1200px){
	.mainTxt_inner{
		margin-bottom: 60px;
	}
	.mainTxt_inner>p:first-of-type{
		margin-bottom:30px;
	}
	.conceptArea,
    .locationArea,
    .planArea{
        margin-bottom:160px;
    }
    .decorationArea{
        margin-bottom:140px;
    }
}
@media (max-width:992px){
	.conceptArea_box,
	.locationtArea_box,
	.planArea_box{
		width:80.58%;
	}
	.absolute01{
		bottom:50%;
		right:10%;
	}
	.absolute02{
		bottom:15%;
		right:5%;
	}
	.absolute03{
		bottom:-10%;
		right:40%;
	}
	.absolute04{
		bottom:25%;
		left:5%;
	}
	.absolute05{
		bottom:-7%;
		left:36%;
	}
	.absolute06{
		bottom:70%;
		right:10%;
	}
	.absolute07{
		bottom:40%;
		right:39%;
	}
	.absolute08{
		bottom:-7%;
		right:3%;
	}
	.topBtn_inner {
		margin-bottom: 90px;
	}
}
@media (max-width:768px){
	.under768{
		display: block;
	}
	.mainTxt_inner {
		width: 70%;
	}
	.mainTxt_inner>p:first-of-type {
		font-size: 3vw;
		line-height: 1.6;
		margin-bottom: 40px;
	}
	.topBtn_inner{
		width:50%;
	}
	.topBtn_inner ul{
		flex-direction: column;
	}
	.topBtn_inner ul li{
		width:100%;
	}
	.topBtn_inner ul li:first-of-type{
		margin-bottom:20px;
	}
	.topBtn_inner ul li a{
		font-size: 2.25vw;
	}
	.conceptArea,
    .locationArea,
    .planArea{
        margin-bottom:130px;
    }
    .conceptArea_boxInner,
    .locationArea_boxInner,
    .planArea_boxInner{
        width: 50%;
    }
	.absolute01{
		bottom:50%;
		right:5%;
	}
	.absolute02{
		bottom:25%;
		right:3%;
	}
	.absolute03{
		bottom:0%;
		right:35%;
	}
	.absolute04{
		bottom:40%;
		left:3%;
	}
	.absolute05{
		bottom:15%;
		left:25%;
	}
	.absolute06{
		bottom:60%;
		right:5%;
	}
	.absolute07{
		bottom:55%;
		right:31%;
	}
	.absolute08{
		bottom:10%;
		right:3%;
	}
	.seriesArea_inner>.emPhrase{
		width:70%;
		font-size: 2.75vw;
	}
	.seriesArea_inner>h3{
		font-size: 3vw;
	}
	.slide-content>p:first-of-type{
		font-size: 2vw;
	}
	.slide-content>p:last-of-type{
		font-size: 1.8vw;
	}
}
@media (max-width:500px){
	.mainBody{
		padding:50px 0;
	}
	.mainTxt_inner {
		width: 90%;
	}
	.mainTxt_inner>p:first-of-type {
		font-size: 4vw;
		margin-bottom: 20px;
	}
	.topBtn_inner{
		width:80%;
		margin-bottom: 50px;
	}
	.topBtn_inner ul li a{
		font-size: 3vw;
	}
	.conceptArea{
		margin-bottom: 300px;
	}
	.locationArea{
		margin-bottom: 170px;
	}
	.planArea {
		margin-bottom: 240px;
	}
	.conceptArea_boxInner,
    .locationArea_boxInner,
    .planArea_boxInner{
        width: 65%;
    }
    .conceptArea_box,
    .locationtArea_box,
    .planArea_box{
        display: flex;
        justify-content: center;
    }
	.btnBox a{
		width:50%;
	}
	.absolute01{
		width:50%;
		bottom:-30%;
		right:13%;
	}
	.absolute02{
		width:30%;
		bottom:-50%;
		right:5%;
	}
	.absolute03{
		width:25%;
		bottom:-60%;
		right:45%;
	}
	.absolute04{
		width:50%;
		bottom:-15%;
		left:13%;
	}
	.absolute05{
		width:30%;
		bottom:-35%;
		left:50%;
	}
	.absolute06{
		width:30%;
		bottom:-2%;
		right:15%;
	}
	.absolute07{
		width:28%;
		bottom:-10%;
		right:50%;
	}
	.absolute08{
		width:52.5%;
		bottom:-40%;
		right:12%;
	}
	.decorationArea{
		margin-bottom: 100px;
	}
	.decorationArea_box{
		flex-wrap: wrap;
	}
	.decorationArea_box>p{
		width: 50%;
	}
	.seriesArea_inner>.emPhrase {
		width:90%;
		font-size:3.8vw;
	}
	.seriesArea_inner>h3 {
		font-size: 4vw;
	}
	.slide-content>p:first-of-type {
		font-size: 2.8vw;
	}
	.slide-content>p:last-of-type {
		font-size: 2.25vw;
	}
	.seriesMain_inner>p{
		width: 80%;
	}
}
@media (max-width:400px){
	.conceptArea{
		margin-bottom: 220px;
	}
	.locationArea{
		margin-bottom: 150px;
	}
	.planArea {
		margin-bottom: 180px;
	}
	.locationArea_inner,
    .planArea_inner {
        padding-bottom: 90px;
    }
	.absolute01{
		width:50%;
		bottom:-30%;
		right:13%;
	}
	.absolute02{
		width:30%;
		bottom:-51%;
		right:5%;
	}
	.absolute03{
		width:25%;
		bottom:-61%;
		right:45%;
	}
	.absolute04{
		width:50%;
		bottom:-20%;
		left:13%;
	}
	.absolute05{
		width:30%;
		bottom:-42.5%;
		left:50%;
	}
	.absolute06{
		width:30%;
		bottom:-6%;
		right:15%;
	}
	.absolute07{
		width:28%;
		bottom:-15%;
		right:50%;
	}
	.absolute08{
		width:52.5%;
		bottom:-45%;
		right:12%;
	}
}

/* 画像リンクのホバーエフェクト */
a img {
    transition: opacity 0.3s ease;
}

a:hover img {
    opacity: 0.6;
}