@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */
/* ---------------------------------------------------
メインビジュアル＆初期設定
------------------------------------------------------ */

.flexslider { position: relative;}
.flexslider .flex-control-nav { z-index: 10; font-size: 0;}
.flexslider .flex-control-nav li a { background: #fff; -webkit-box-shadow: none; box-shadow: none;}
.flexslider .flex-control-nav li a.flex-active { background: #39322a;}

#contents_wrap .slick-dots { bottom: 20px;}
#contents_wrap .slick-dots li { width: 11px; height: 11px; margin: 0 12px 0 0;}
#contents_wrap .slick-dots button { width: 100%; height: 100%; padding: 0;}
#contents_wrap .slick-dots button:before { content: ''; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: 1;}
#contents_wrap .slick-dots .slick-active button:before { background: #39322a;}

#contents_wrap table {
	width: 100%; text-align: left;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
}
#contents_wrap th,
#contents_wrap td { border-bottom: 1px dashed #9e9e9d;}
#contents_wrap th { font-weight: normal;}

@media screen and (max-width: 600px) {
	.flex_fade { overflow: hidden;}
	.flex_fade .slides img {
		width: auto !important; max-width: none !important; position: relative; left: 50%;
		-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);
	}

	#contents_wrap table,
	#contents_wrap tbody,
	#contents_wrap tr,
	#contents_wrap th,
	#contents_wrap td { display: block; width: 100% !important; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#contents_wrap th,
	#contents_wrap td { padding: 3px 10px !important;}
	#contents_wrap th { border-bottom: none; background: rgba(102, 94, 92, 0.2);}
}


#main_img p {
	width: 100%; padding: 0 4%; position: absolute; top: 50%; text-align: center; z-index: 10;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
#main_img .flex-control-nav { bottom: 30px;}

@media screen and (max-width: 600px) {
	#main_img .slides img { height: 450px;}
}

/* ---------------------------------------------------
コンテンツ
------------------------------------------------------ */

#contents_wrap { text-align: center; font-size: 16px;}
#contents_wrap h2,
#contents_wrap p { padding: 0 4%;}
#contents_wrap h2 { font-size: 30px;}
#contents_wrap p { margin: 25px 0 0;}
#contents_wrap span { display: block;}

@media screen and (max-width: 1200px) {
	#contents_wrap { font-size: 14px;}
	#contents_wrap h2 { font-size: 26px;}
}
@media screen and (max-width: 600px) {
	#contents_wrap { font-size: 15px;}
	#contents_wrap h2 { font-size: 22px;}
	#contents_wrap span { display: inline;}
	#contents_wrap p { margin-top: 15px; text-align: left;}
}
@media screen and (max-width: 480px) {
	#contents_wrap h2 { font-size: 18px;}
}


/* sec1&sec2
------------------------------------------------------ */

#contents_wrap .lead_col { display: -webkit-flex; display: -ms-flex; display: flex; text-align: left;}
#contents_wrap .lead_col > * { width: 50%;}
#contents_wrap .lead_col div {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
	justify-content: center; padding: 20px 50px; background: #fff;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#contents_wrap .lead_col div > * { width: 600px; max-width: 100%;}
#contents_wrap .lead_col h2,
#contents_wrap .lead_col p { padding: 0;}
#contents_wrap .lead_col p { margin-top: 20px;}
#contents_wrap .lead_col figure img { width: 100%;}

#sec1 div { -ms-align-items: flex-end; align-items: flex-end;}
#sec2 div { -webkit-order: 2; -ms-order: 2; order: 2;}

@media screen and (max-width: 600px) {
	#contents_wrap .lead_col,
	#contents_wrap .lead_col > * { display: block; width: auto;}
	#contents_wrap .lead_col div { display: block; padding: 30px 4%;}
	#contents_wrap .lead_col div > * { width: auto;}
	#contents_wrap .lead_col p { margin-top: 15px;}
}


/* sec3
------------------------------------------------------ */
#sec3 { margin: 80px 0 0;}
#sec3 h2 > span {
	width: 770px; max-width: 100%; padding: 5px; margin: 0 auto 15px;
	border: 1px solid #835e31; color: #835e31; font-size: 22px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec3 h2 > span:before,
#sec3 h2 > span:after { content: '〜'}
#sec3 h2 > span span { display: inline-block;}
#sec3 h2 br { display: none;}
#sec3 ul {
	display: -webkit-flex; display: -ms-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	margin: 70px 0 0;
}
#sec3 li { width: 50%;}
#sec3 li a { display: block; padding: 11.7% 4%; position: relative; overflow: hidden;}
#sec3 li a:hover img { opacity: 1;}
#sec3 li a:after {
	content: ''; width: 100%; height: 100%; position: absolute;
	top: 0; left: 0; z-index: 0; background: no-repeat center top;
	-webkit-background-size: cover; background-size: cover;
	-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;
}
#sec3 #sec3_1 a:after { background-image: url(../../img/sec3_1.jpg);}
#sec3 #sec3_2 a:after { background-image: url(../../img/sec3_2.jpg);}
#sec3 #sec3_3 a:after { background-image: url(../../img/sec3_3.jpg);}
#sec3 #sec3_4 a:after { background-image: url(../../img/sec3_4.jpg);}
#sec3 li a:hover:after { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
#sec3 li span { display: block; padding: 0 0 50px; position: relative; z-index: 10; background: url(../../img/sec3_arrow.png) no-repeat center bottom;}
#sec3 li a:hover span { opacity: 0.75;}

@media screen and (max-width: 600px) {
	#sec3 { margin-top: 40px;}
	#sec3 h2 > span { display: block; font-size: 16px;}
	#sec3 h2 > span:before,
	#sec3 h2 > span:after { content: none;}
	#sec3 ul { display: block; margin-top: 40px;}
	#sec3 li { width: 100%;}
	#sec3 li a { padding: 8% 4%;}
}
@media screen and (max-width: 600px) {
	#sec3 h2 > span { margin-bottom: 5px; font-size: 14px;}
	#sec3 h2 br { display: inline;}
}


/* sec4
------------------------------------------------------ */
#sec4 { margin: 100px 0 0;}
#sec4 h2 span { display: inline;}
#sec4 p a {
	display: inline-block; padding: 8px 55px 8px 50px; position: relative;
	background: #fff; border: 1px solid #dad1c5; color: #393631;
}
#sec4 p a:hover { opacity: 0.75; text-decoration: none;}
#sec4 p a:before {
	content: ''; width: 5px; height: 10px; margin: -5px 0 0;
	position: absolute; top: 50%; right: 35px;
	background: url(../../img/btn_arrow1.png) no-repeat left top;
}
#sec4 .bx-wrapper { margin: 65px 0 0;}

@media screen and (max-width: 600px) {
	#sec4 { margin-top: 40px;}
	#sec4 p:last-of-type { text-align: center;}
	#sec4 .bx-wrapper { margin-top: 30px;}
}
@media screen and (max-width: 480px) {
	#sec4 h2 { text-align: left;}
	#sec4 h2 span { display: block;}
	#sec4 h2 br { display: none;}
}


/* c_nav
------------------------------------------------------ */
#c_nav {
	display: -webkit-flex; display: -ms-flex; display: flex; justify-content: space-between;
	width: 1260px; max-width: 92%; margin: 30px auto 0;
}
#c_nav li { width: 24.5%;}
#c_nav li a {
	display: block; height: 0; padding: 39% 0 0; position: relative;
	background: #fff no-repeat center 30%; overflow: hidden;
}
#c_nav li a:hover { text-decoration: none; opacity: 0.75;}
#c_nav li a:hover img { opacity: 1;}
#c_nav li a:before {
	content: ''; width: 100%; height: 9px;
	position: absolute; bottom: 10px; left: 0;
	background: url(../../img/cnav_arrow.png) no-repeat center bottom;
}
#c_nav #cnav1 a { background-image: url(../../img/cnav1.png);}
#c_nav #cnav2 a { background-image: url(../../img/cnav2.png);}
#c_nav #cnav3 a { background-image: url(../../img/cnav3.png);}
#c_nav #cnav4 a { background-image: url(../../img/cnav4.png);}

@media screen and (max-width: 1200px) {
	#c_nav li a {
		-webkit-background-size: 80% auto; background-size: 80% auto;
	}
}
@media screen and (max-width: 600px) {
	#c_nav { display: block;}
	#c_nav:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
	#c_nav li { width: 49%; float: left; margin: 0 0 10px;}
	#c_nav li:nth-child(2n) { float: right;}
	#c_nav li:nth-child(2n+1) { clear: both;}
	#c_nav li a:before { height: 6px; -webkit-background-size: auto 100%; background-size: auto 100%;}
}
@media screen and (max-width: 480px) {
	#c_nav li { width: 100%; float: none !important; margin: 0 0 10px;}
	#c_nav li a { height: auto; padding: 5px 5px 15px; background-image: none !important;}
	#c_nav li a:before { bottom: 7px;}
	#c_nav li span { display: inline-block; margin: 0 5px;}
	#c_nav li span:last-child { display: block;}
	#c_nav #cnav4 span:first-child { padding: 0 10px; background: #aa7c6c; border-radius: 20% / 50%; color: #fff; font-size: 10px;}
	#c_nav li img { width: 75%;}
}



/* sec5〜sec7
------------------------------------------------------ */
#contents_wrap .room_col { padding: 90px 0;}
#contents_wrap .room_col h2 span { display: inline-block;}
#contents_wrap .room_col h2 + p { margin-bottom: 65px;}
#contents_wrap .room_detail + .slide_col { margin: 100px 0 0;}
#contents_wrap .room_col .slide_col { position: relative;}
#contents_wrap .room_col .slide_col > p {
	width: 1100px; max-width: 100%; padding: 0 4%; margin-top: 0; position: absolute;
	top: 50%; left: 50%; z-index: 10; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
#contents_wrap .room_col .slick-slider { margin-bottom: 0;}
#contents_wrap .room_col .slick-slide { width: 1100px; padding: 0 50px; text-align: center;}
#contents_wrap .room_col .slick-slide img { margin: 0 auto;}
#contents_wrap .room_col .slick-prev,
#contents_wrap .room_col .slick-next { width: 19px; height: 0; padding: 65px 0 0; margin-top: -32px; background: no-repeat center center;}
#contents_wrap .room_col .slick-prev:before,
#contents_wrap .room_col .slick-next:before { content: none;}
#contents_wrap .room_col .slick-prev { margin-left: -610px; left: 50%; background-image: url(../../img/slide_prev.png);}
#contents_wrap .room_col .slick-next { margin-left: 595px; left: 50%; background-image: url(../../img/slide_next.png);}
#contents_wrap .room_detail { width: 1100px; max-width: 92%; margin: 25px auto 0;}
#contents_wrap .room_detail a:hover { opacity: 0.75; text-decoration: none;}
#contents_wrap .info_col,
#contents_wrap .room_detail figure { margin: 0 0 40px;}
#contents_wrap .info_col { width: 575px; max-width: 53%; float: right;}
#contents_wrap .info_col th,
#contents_wrap .info_col td { padding: 10px 5px;}
#contents_wrap .info_col th { width: 95px;}
#contents_wrap .info_col > p { padding: 0; margin-top: 30px; text-align: right;}
#contents_wrap .info_col > p a {
	display: inline-block; padding: 5px 25px 5px 50px; position: relative;
	background: #fff; border: 1px solid #d0ccc7;
}
#contents_wrap .info_col > p a:before {
	content: ''; width: 10px; height: 5px; margin: -2px 0 0;
	position: absolute; left: 20px; top: 50%;
	background: url(../../img/btn_arrow2.png) no-repeat center center;
}
#contents_wrap .room_detail > figure { width: 450px; max-width: 42%; float: left;}
#contents_wrap .room_detail > p { clear: both; padding: 0; margin-top: 0;}
#contents_wrap .room_detail > p a {
	display: inline-block; width: 650px; max-width: 100%; padding: 15px 20px;
	background: #665e5c; border-radius: 4px; color: #fff; font-size: 20px; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#contents_wrap .room_detail > p a span { display: inline-block;}

#sec6 { background: #f8f5f2;}

@media screen and (max-width: 1300px) {
	#contents_wrap .room_col .slick-prev { margin-left: 0; left: 15px;}
	#contents_wrap .room_col .slick-next { margin-left: 0; left: auto; right: 15px;}
}
@media screen and (max-width: 600px) {
	#contents_wrap .room_col { padding: 50px 0 60px;}
	#contents_wrap .room_col h2 + p { margin-bottom: 30px;}
	#contents_wrap .room_detail + .slide_col { margin-top: 60px;}
	#contents_wrap .room_col .slick-slide { padding: 0;}
	#contents_wrap .room_col .slick-prev,
	#contents_wrap .room_col .slick-next { width: 20px; -webkit-background-size: 100% auto; background-size: 100% auto; opacity: 1;}
	#contents_wrap .room_col .slick-prev { left: 0; background-image: url(../../img/slide_prev_sp.png);}
	#contents_wrap .room_col .slick-next { right: 0; background-image: url(../../img/slide_next_sp.png);}

	#contents_wrap .info_col,
	#contents_wrap .room_detail figure { width: 100%; max-width: none; float: none; margin-bottom: 25px;}
	#contents_wrap .info_col > p { margin-top: 20px;}

	#contents_wrap .room_detail > p a { padding: 10px; font-size: 16px;}
}



/* sec8
------------------------------------------------------ */
#sec8 { padding: 0 0 95px; background: #e4d8cc;}
#sec8 .flex_fade { margin: 0 0 60px;}
#sec8 .flex_fade > h2 {
	width: 100%; position: absolute; top: 50%; z-index: 10; text-align: center;
	-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec8 .flex-control-nav { bottom: 20px;}
#sec8 h3 { padding: 0 4%; margin: 0 0 50px; font-size: 35px; text-align: center;}
#sec8 h3 + div { width: 1100px; max-width: 92%; margin: 0 auto;}
#sec8 h3 + div:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#sec8 dl { width: 520px; max-width: 48%; float: left; margin: 0 0 115px;}
#sec8 dl:nth-of-type(2n) { float: right;}
#sec8 dl:nth-of-type(2n+1) { clear: both;}
#sec8 dl:last-of-type { margin-bottom: 0;}
#sec8 dt { margin: 0 0 20px; font-size: 26px;}
#sec8 dt span { margin: 0 0 20px; position: relative; z-index: 10; color: #6e470c; font-size: 30px;}
#sec8 dt span:before,
#sec8 dt span:after { content: ''; position: absolute; top: 50%; z-index: -1;}
#sec8 dt span:before { width: 100%; height: 0; left: 0; border-bottom: 1px solid #6e470c;}
#sec8 dt span:after { width: 320px; margin: -1px 0 0 -160px; left: 50%; border-bottom: 3px solid #e4d8cc;}
#sec8 dd th { width: 95px; padding: 5px 30px;}
#sec8 dd > p { padding: 0;}
#sec8 dd > p a {
	display: inline-block; width: 445px; max-width: 100%; padding: 15px 30px;
	background: #aa7c6c; border-radius: 4px; color: #fff; font-size: 18px; text-align: center;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#sec8 dd > p a:hover { opacity: 0.75; text-decoration: none;}
#sec8 dd > p a span { display: inline-block;}
#sec8 figure { max-width: 48%; float: right;}

@media screen and (max-width: 1200px) {
	#sec8 h3 { font-size: 26px;}
}
@media screen and (max-width: 600px) {
	#sec8 { padding-bottom: 50px;}
	#sec8 .flex_fade { margin-bottom: 50px;}
	#sec8 .slides img { height: 400px;}
	#sec8 h3 { margin-bottom: 30px; font-size: 22px;}
	#sec8 dl { width: 100%; max-width: none; float: none !important; margin-bottom: 50px !important;}
	#sec8 dt { margin: 0 0 20px; font-size: 20px;}
	#sec8 dt span { display: block; margin-bottom: 10px; font-size: 22px;}
	#sec8 dt span:after { width: 280px; margin-left: -140px;}
	#sec8 figure { max-width: none;}
	#sec8 dd > p a { width: 100%; padding: 10px; font-size: 16px;}
}
@media screen and (max-width: 480px) {
	#sec8 .slides img { height: 350px;}
	#sec8 h3 { font-size: 18px;}
	#sec8 dt { font-size: 16px;}
	#sec8 dt span { font-size: 18px;}
	#sec8 dt span:after { width: 250px; margin-left: -125px;}
}



/* sec9&sec10（fac_col）
------------------------------------------------------ */
#contents_wrap .fac_col {
	display: -webkit-flex; display: -ms-flex; display: flex;
	width: 1100px; max-width: 92%; padding: 70px 0 30px; margin: 0 auto;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	justify-content: space-between;
}
#contents_wrap .fac_col:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#contents_wrap .fac_col h2 { width: 100%; margin: 0 0 45px; padding: 0;}
#contents_wrap .fac_col ul { width: 32%; text-align: left;}
#contents_wrap .fac_col li {
	padding: 0 0 0 1em; margin: 0 0 5px; text-indent: -1em;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#contents_wrap .fac_col li:before { content: '・';}
#contents_wrap .fac_col p { clear: both; width: 100%; padding: 30px 0 0; margin: 0; text-align: left;}

@media screen and (max-width: 600px) {
	#contents_wrap .fac_col { display: block; padding: 50px 0 20px;}
	#contents_wrap .fac_col h2 { margin-bottom: 20px;}
	#contents_wrap .fac_col ul { width: auto;}
	#contents_wrap .fac_col li { width: 50%; padding-right: 2%; float: left;}
	#contents_wrap .fac_col p { padding-top: 15px;}

	#contents_wrap #sec10 { padding: 30px 0 0;}
}
@media screen and (max-width: 480px) {
	#contents_wrap .fac_col li { width: 100%; padding-right: 0; float: none;}
}




/* ---------------------------------------------------

------------------------------------------------------ */

/*
------------------------------------------------------ */

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