@charset "utf-8";

html {
    font-size: 100%;
  }
  body {
    margin: 0;
    letter-spacing: 0.1em;
	font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  }
  a {
    text-decoration: none;
    color: #000;
  }
  img {
    max-width: 100%;
  }
  
  iframe {
  	width: 100%;
  }

p {
	margin: 0;
	font-size: 18px;
}

iframe {
  display: block;
}

  
/*-----------ボディ背景-----------------*/
  /*body {
    background-image: url(../img/siki_r.png);
    background-repeat: no-repeat;
    background-size: 23%;
    background-position: 93% 40%;
}*/

@media screen and (max-width: 768px) {
    body {
        background-image: none;
    }
}
/*-----------ボディ背景ここまで-----------------*/

/*-----------ヘッダー-----------------*/
header {
    background-color: #F8F7F2;
    height: auto;
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    padding: 20px 0px;
}

.logo {
    max-width: 22%;
}

nav {
	max-width: 1520px;
	margin: 0px auto;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

nav > div {
	box-sizing: border-box;
}


.gnavi_wrap {
	width: 69%;
}

.gnavi {
	max-width: 800px;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-left: 0;
	list-style: none;
	margin-top: 0;
    margin-bottom: 0;
}

.gnavi li {
	margin: 0px;
    margin-right: 25px;
	font-size: 18px;
}

.gnavi li:hover {
	color: #efbf45;
	transition: 0.6s;
}

.gnavi li a {
	display: block;
	color: inherit;
}

.menu {
    text-wrap: nowrap;
}

.call {
    width: 300px;
}

.mail {
	width: 114px;
}

.pc_none {
    display: none;
}


@media screen and (min-width: 769px) {
	.globalMenuSp {
		display: none;
	}
}

@media screen and (max-width: 980px) {
	.gnavi li {
		font-size: 16px;
	}

}

@media screen and (max-width: 768px) {
    .sp_none {
        display: none;
    }

    .pc_none {
        display: block;
    }
	
	nav {
		padding: 0px;
	}


/*　ハンバーガーボタン　*/
.hamburger {
    display : block;
    position: fixed;
    z-index : 3;
    right : 13px;
    top   : 12px;
    width : 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
	background: #eebf45;
    border-radius: 7px;
  }
  
  .hamburger.active {
  	background: none;
  }
  
  .hamburger span {
    display : block;
    position: absolute;
    width   : 30px;
    height  : 3px ;
    border-radius: 10px;
    left    : 6px;
    background : #fff;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition   : 0.3s ease-in-out;
    transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
    top: 10px;
  }
  .hamburger span:nth-child(2) {
    top: 20px;
  }
  .hamburger span:nth-child(3) {
    top: 30px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
    top : 20px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform   : rotate(-45deg);
    transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 20px;
    -webkit-transform: rotate(45deg);
    -moz-transform   : rotate(45deg);
    transform        : rotate(45deg);
  }
  
  nav.globalMenuSp {
    position: fixed;
    z-index : 2;
    top  : 0;
    left : 0;
    color: #000;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    width: 100%;
    height: 100%;
	align-items: center;
    background: #89c4a7de;
	display: flex;
  }
  
  nav.globalMenuSp ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    flex-direction: column;
    /*padding-top: 250px;*/
  }
  
  nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #fff;
    margin-left: 0;
  }
  nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  nav.globalMenuSp ul li:hover{
    background :#ddd;
  }
  
  nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration :none;
  }
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
    transform: translateX(0%);
  }
 
}

/*-----------ヘッダーここまで-----------------*/

/*-----------メインヴィジュアル-----------------*/
.MV {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 85px;
}



.MV .top_ttl_txt {
	  position: relative;
    top: -280px;
    left: 150px;
    width: 50%;
}

@media screen and (max-width: 768px) {
    .MV {
        margin-top: 0px;
    }
}
/*-----------メインヴィジュアルここまで-----------------*/


/*--------------下層ページタイトル--------------------*/

.page_ttl_wrap {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
   margin: 0 auto;
   margin-top: 117px;
}

.page_ttl  {
	color: #fff;
	filter: drop-shadow(0px 0px 4px rgba(0,0,0,0.6));
	margin: 0px;
}


@media screen and (max-width: 768px) {
	.page_ttl_wrap {
		margin-top: 0px;
		background-size: 95%;
		height: 109px;
		line-height: 0px;
	}
	
	.page_ttl {
		font-size: 20px;
	}
}
/*--------------下層ページタイトル-ここまで-------------------*/


.MV img {
	vertical-align: top;
}


/*-----------section1-----------------*/

.sec_img_1 img {
	max-width: 90%;
	vertical-align: top;
}

.sec_flex {
	display: flex;
	justify-content: space-between;
	background: #F8F4EC;
	padding-top: 100px;
	padding-bottom: 100px;
}

.sec1_txt p {
	font-size: 18px;
}

.sec1_txt .sec1_ttl1 {
	font-size: 24px;
	color: #EFBF45;
	margin: 0;
	font-weight: bold;
}

.sec1_txt .sec1_ttl2 {
	font-size: 24px;
    font-weight: bold;
	margin: 0;
    margin-top: 10px;
    margin-bottom: 30px;
}

.sec1_txt {
	max-width: 610px;
    margin-right: 5%;
}

.txt_under_slide {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
	margin-top: 50px;
    margin-bottom: 50px;
}

.room_btn {
	text-align: center;
	max-width: 230px;
    margin: 0 auto;
    background: #EFBF45;
    padding: 20px 40px;
	border-radius: 10px;
}

.room_btn a {
	color: #fff;
	font-weight: bold;
	text-wrap-mode: nowrap;
	font-size: 20px;
}



@media screen and (max-width: 768px) {
    
	.sec_flex {
    flex-direction: column;
    padding-top: 100px;
}
	
	.sec1_txt .sec1_ttl1 {
    font-size: 22px;
}
	
	.sec1_txt .sec1_ttl2 {
    font-size: 19px;
    margin-top: 5px;
    margin-bottom: 20px;
}

	.sec_img_1 img {
    max-width: 95%;
}
	
	.sec1_txt {
    max-width: 610px;
    margin-right: 0%;
	padding: 0 15px;
    margin-top: 10px;
	padding-bottom: 20px;
}
	
	.sec1_txt p {
    font-size: 16px;
}
	
	.txt_under_slide {
	padding: 0 15px;
	margin-top: 20px;
    margin-bottom: 20px;
	font-size: 16px;
	}
	  
	.room_btn {
    max-width: 210px;
    padding: 15px 20px;
}
	  
	.room_btn a {
    font-size: 16px;
}
	
}
/*-----------section1 ここまで-----------------*/

/*-----------section2-----------------*/

.inner {
    max-width: 1600px;
	width: 80%;
    margin: 0 auto;
	margin-top: 150px;
}

.sec2_ttl1 {
	text-align: center;
    font-size: 24px;
    color: #EFBF45;
    font-weight: bold;
}

.sec2_ttl2 {
	text-align: center;
    font-size: 24px;
    font-weight: bold;
	margin-top: 10px;
}

.feature {
	max-width: 600px;
    border: 1px solid;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0;
    margin-top: 30px;
}

.feature p {
	font-size: 18px;
}

.feature .kakeru{
	font-size: 22px;
    margin-top: 5px;
}

.feature_flex {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.jiritu {
	background: #F8F4EC;
	max-width: 520px;
	padding: 30px 20px 70px;
}

.jiritu_img {
	text-align: center;
}

.jiritu_img img {
	max-width: 100%;
}

.nicchu {
	background:#F8F4EC;
	max-width: 520px;
	padding: 30px 20px 70px;
	margin-left: 20px;
    margin-right: 20px;
	position: relative;
    top: 80px;
}

.nicchu_img {
	text-align: center;
}

.nicchu_img img {
	max-width: 100%;
}

.shurou {
	background:#F8F4EC;
	max-width: 520px;
	padding: 30px 20px 70px;
}

.shurou_img {
	text-align: center;
}

.shurou_img img {
	max-width: 100%;
}

.f_txt_ttl {
	text-align: center;
    margin: 15px 0;
    font-size: 20px;
    font-weight: bold;
}

.feature_txt {
	max-width: 410px;
	margin: 0 auto;
}

.txt_under_f_flex {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
	margin-top: 130px;
    margin-bottom: 50px;
}

.shurou_btn {
	    text-align: center;
    max-width: 200px;
    margin: 0 auto;
    background: #EFBF45;
    padding: 20px 40px;
    border-radius: 10px;
}

.shurou_btn a {
    color: #fff;
    font-weight: bold;
    text-wrap-mode: nowrap;
	font-size: 20px;
}



@media screen and (max-width: 768px) {
   
  .inner {
    width: unset;
    margin-top: 100px;
    padding: 0 15px;
}
	
  .sec2_ttl1 {
    font-size: 22px;
}
	
  .sec2_ttl2 {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
	margin-top: 0px;
}
	
  .feature {
    max-width: 350px;
    padding: 15px 0;
    margin-top: 20px;
}
	
  .feature_flex {
	flex-direction: column;
	 padding: 15px 0;
}
	
	.jiritu {
    background: #F8F4EC;
    padding: 20px 20px 50px;
}
	
	.nicchu {
    top: 0px;
    padding: 20px 20px 50px;
	margin: 20px 0px;
}
	
	.f_txt_ttl {
    margin: 5px 0;
    font-size: 18px;
}
	
	.txt_under_f_flex {
	padding: 0 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
	}
	
.shurou_btn {
	max-width: 210px;
    padding: 15px 20px;
	}
	
.shurou_btn a {
        font-size: 16px;
    }
	
}
/*-----------section2 ここまで-----------------*/



/*-----------投稿なし-----------------*/
.sorry {
	padding: 0px 0px 10%;
	text-align: center;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	.sorry {
		padding: 10% 0px;
	}
}
/*-----------投稿なし ここまで-----------------*/





/*-----------section3-----------------*/

.bnr_back {
    background: url(../img/top/bnr.png);
    background-repeat: no-repeat;
    background-size: 100%;
	background-size: 85%;
    background-position-x: center;
	height: 677px;
}

.bnr_flex {
	max-width: 800px;
    display: flex;
    justify-content: space-between;
	position: relative;
    top: 43%;
    left: 16%;
}

.bnr_flex a {
	background-color: #EFBF45;
    color: #fff;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
	border-radius: 15px;
	width: 350px;
}

.bnr_flex .left {
	text-align: center;
}

.bnr_flex .left img {
	max-width: 30px;
	margin-right: 10px;
}

.bnr_flex .right {
	text-align: left;
	display: flex;
    align-items: center;
    justify-content: center;
}

.bnr_flex .right img {
	max-width: 60px;
	height: fit-content;
	margin-right: 10px;
}

.num {
	font-size: 36px;
}

.num_under {
	font-size: 18px;
}


@media screen and (max-width: 1000px) {
	
	.num {
    font-size: 22px;
}
	
	.num_under {
    font-size: 16px;
}
	
	.bnr_flex .right img {
    max-width: 40px;
	height: auto;
    margin-right: 5px;
}
	
	.bnr_flex .left img {
    max-width: 20px;
    margin-right: 10px;
}

	.bnr_flex {
    max-width: 580px;
    top: 24%;
    left: 11%;
}
	
	.bnr_flex a {
    padding: 15px;
    font-size: 18px;
    width: 250px;
}
	
}

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

    .bnr_flex {
    max-width: 580px;
    position: initial;
	flex-direction: column;
	margin: 0 auto;
	align-items: center;
}
	
	.bnr_back {
	background: #F8F4EC;
    height: 300px;
	padding-top: 30px;
	margin-bottom: 250px;
}
	
	.bnr_flex .left {
    margin-bottom: 20px;
}
	
.bnr_flex .right img {
    max-width: 30px;
	height: auto;
    margin-right: 5px;
}
	
	.sp_txt {
    margin-bottom: 15px;
	}
	
	.sp_txt p {
		text-align: center;
	}
	
	.sp_bnr_txt {
	max-width: 160px;
    margin: 0 auto;
	font-size: 20px;
	max-width: 170px;
}
	
	.sp_bnr_txt ::marker {
		color: blue;
	}
	
}
/*-----------slider-----------------*/
.slider {
    margin: 0 auto;
    width: 100%;
    margin-top: 130px;
  }
  
  /*  
  .slider-img {
    margin: 0 25px;
  }
  */
  
  .slider-img img {
    height: auto;
    width: 100%;
  }
   
  @media screen and (min-width: 769px) { 
  	  .slider-img img {
	  	transform: scale(0.8); /*スライドのサイズを80%にする*/
    	opacity: 0.3;
	    transition: opacity .5s, transform .5s;
	  }
  
	  /* 中央のスライド */
	  .slider .slick-current img {
		transform: scale(1); /*中央のスライドは小さくしない*/
		opacity: 1;
	  }
  }
  
  @media screen and (max-width: 768px) {
  	.slider {
		margin-top: 70px;
	}
	
  	.slider-img {
	 	margin: 0px 15px;
	}
  }
 

/*-----------sliderここまで-----------------*/

/*-----------section threeここまで-----------------*/


/*-----------footer-----------------*/
footer {
    width: 100%;
    margin: 0 auto;
	background: #F8F4EC;
    padding-top: 50px;
}

.f_txt {
    margin-top: 150px;
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
}



footer ul li {
	margin-left: 0px;
}

footer ul li a {
	display: block;
}

.copy {
    text-align: center;
	background: #F8F4EC;
}

.footer_flex {
	display: flex;
	justify-content: space-between;
	padding: 0 100px;
}

.footer_flex nav {
	border-left: 1px solid;
    border-right: 1px solid;
    padding: 0 11%;
	margin: 0 50px;
}

.footer_flex nav ul {
	padding: 0;
    list-style: none;
}

.footer_flex nav ul .menu {
	margin-bottom: 30px;
	font-size: 18px;
}


.footer_flex .left {
	max-width: 25%;
}


.footer_flex .left p {
	margin-bottom: 30px;
}

.footer_flex .left img {
	max-width: 85%;
}

.footer_tel {
	font-size: 28px;
    font-weight: bold;
}

.logos {
	max-width: 450px;
}


.footer_tel {
    font-size: 28px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    footer ul
     {
        flex-direction: column;
    }

    footer li {
        margin-left: 0px;
        font-size: 17px;
        font-weight: 400;
        padding-bottom: 5px;
    }

    .f_txt {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .f_txt img {
        max-width: 83%;
    }

    .copy {
        font-size: 16px;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}


/*----------- トップページ／お知らせ -----------------*/
section.news {
	background: #F8F4EC;
	padding: 60px 0px 120px;
	margin-bottom: 100px;
}

section.news .inner {
	max-width: 2000px;
	width: 96%;
	margin: 0px 0px 0px auto;
}

.news_flex {
	display: flex;
	flex-wrap: wrap;
}

.news_ttl_wrap {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.news_ttl {
	flex-grow: 1;
}

.sec3_ttl2 {
	font-size: clamp(26px,3vw,30px);
	font-weight: 600;
	margin: 0px;
}

.news_ttl > small {
	font-size: clamp(20px,2.6vw,26px);
	font-weight: bold;
	color: #EFBF45;
}

.news_link {
	align-items: flex-end;
	font-size: 20px;
}

.news_link {
	position: relative;
	margin-bottom: 100px;
}

.news_link::after {
	content: '';
	background: url("../img/top/link_arrow.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 220px;
	height: 24px;
	bottom: -14px;
	left: 0px;
	position: absolute;
}

.news_content {
	width: 80%;
}

.n_waku {
	padding: 0px;
}

.n_waku .slick-list {
	padding: 0px 300px 0px 0px !important;
}

.news_box {
	background: #FFF;
	border-radius: 10px;
	margin: 0px 0.5% 0px 0px;
	padding: 30px;
	list-style: none;
}

.news_img {
	max-height: 270px;
	height: 30vh;
	margin-bottom: 10px;
}

.news_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.no_img {
	background: #CCC;
}

.n_waku .slick-prev,
.n_waku .slick-next {
	top: 100%;
	transform: translate(0%,50%);
	width: auto;
	height: auto;
}

.n_waku .slick-prev {
	left: 0px;
}

.n_waku .slick-next {
	right: 20px;
}

.n_waku .slick-prev::before,
.n_waku .slick-next::before {
	content: '';
	background-repeat: no-repeat !important;
	background-size: contain !important;
	width: 48px;
	height: 48px;
	display: inline-block;
}

.n_waku .slick-prev::before {
	background: url("../img/top/news_prev.svg");
}

.n_waku .slick-next::before {
	background: url("../img/top/news_next.svg");
}

.n_waku .slick-dots {
	display: flex !important;
	justify-content: center;
}

.n_waku .slick-dots li button::before {
	font-size: 10px;
	color: #FFF;
	opacity: 1;
}

.n_waku .slick-dots li.slick-active button::before {
	color: #EFBF45;
}

@media screen and (max-width: 980px) {
	.n_waku .slick-list {
		padding: 0px !important;
	}
	
	.news_link {
		font-size: 17px;
		margin-bottom: 0px;
	}
	
	.news_link::after {
		width: 170px;
	}
}


@media screen and (max-width: 768px) {
	section.news {
		padding: 60px 0px 100px;
	}
	
	section.news .inner {
		width: 90%;
		margin: 0px auto;
		padding: 0px;
	}
	
	.news_ttl_wrap {
		width: 100%;
	}
	
	.news_content {
		width: 100%;
	}
	
	.n_waku {
		margin: 0px auto;
	}
	
	.n_waku .slick-list {
		padding: 0px !important;
	}

	.news_box {
		margin: 20px 0px;
		padding: 20px;
	}
	
	.news_link {
		margin-left: auto;
		font-size: 15px;
		padding-right: 20px;
		bottom: -20px;
	}
	
	.news_link a {
		left: -10px;
		position: relative;
	}
	
	.news_link::after {
		width: 160px;
		left: -10px;
	}
	
	.footer_flex {
	flex-direction: column;
    padding: 0;
	}
	
	.footer_flex .left {
    max-width: 100%;
	text-align: center;
}
	
.footer_flex nav {
	border: none;
}
	
	.footer_flex .left img {
    max-width: 75%;
}
	
	.footer_flex .left p {
    font-size: 16px;
	margin-bottom: 10px;
}
	
	.footer_flex nav ul .menu {
    margin-bottom: 5px;
}
	
	.logos {
    max-width: 350px;
    margin: 0 auto;
}
	
	.copy {
        font-size: 15px;
        margin: 0px;
        padding: 10px 0;
    }
	
	.logo_sp img {
		max-width: 230px;
	}
	
}

@media screen and (max-width: 500px) {
	section.news {
		padding: 60px 0px;
	}
	
	.news_link {
		bottom: 0px;
	}
}