@charset "UTF-8";
/* ------------------------------------------------------------------------
css見出し構成
---------------------------------------------------------------------------
	- common（初期設定）
    - page（ページ固有設定）
------------------------------------------------------------------------ */


/* ============================================================================
　common（初期設定）
============================================================================ */
/*gnavカレント設定*/
@media screen and (min-width: 1100px) {
	.Nav__item.Facilities span {
		padding: 30px 0 38px;
		border-bottom: 3px solid #ddb03d;
		color: #ddb03d;
	}
}

/* navの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pnav_list03 .item04 a ,
.pnav_bottom_item .item04 a {
	font-weight: bold;
	color: #c29b34;
}


/* mainvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.mainvisual {
	background-image: url(images/mainvisual.jpg);
}	
.mainvisual::after {
	background-image: url(images/page_title01.png);
}
.page .mainvisual::after {
    background-size: auto 20%;
}
@media screen and (min-width: 768px) {
	.page .mainvisual::after {
		background-size: auto 20%;
	}
}

@media screen and (max-width: 767px) {
.page02 .page_text02 {
	text-align: left;
}
}
/* subvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#page02 .subvisualtop{
	background-image: url(images/subvisual01.jpg);
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center center;
}
/* スライダーの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.thumb .sp-slide {
	width: 32% !important;
	border: none;
	margin-left: 2%;
}
.thumb .sp-slide:first-child {
	margin-left: 0;
}
.thumb {
	display: none;
}
.slidearrow .slick-prev{
    left: 7%;
}
.slidearrow .slick-next {
	right: 7%;
}
@media screen and (min-width: 768px) {
	.right_main .slick-next {
		right: 10px !important;
	}
	.right_main .slick-prev {
		left: 45px !important;
	}
	.left_main .slick-next {
		right: 45px !important;
	}
	.left_main .slick-prev {
		left: 10px !important;
	}
}
@media screen and (min-width: 1024px) {
	.thumb {
		display: block;
	}
}



/* スライダーサムネイル位置設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	.page_text01 {
	}
@media screen and (min-width: 768px) {
	.page_text01 {
	}
}
@media screen and (min-width: 1024px) {
	.page_text01 {
	}
}
@media screen and (min-width: 1200px) {
.page_text01 {
}
}
@media screen and (min-width: 1500px) {
.page_text01 {
}

}

/* --------------------------------------------------------------------
maintitle 中ページタイトル部分
-------------------------------------------------------------------- */
	.page_text01 {
		font-size: 13px;
	}
	.page_title03 span {
	    margin-bottom: 0;
		color: #ddb03d;
		display: block;
		letter-spacing: 0;
		font-size: 10px;
	}
	.page_title03 i {
		font-size: 80%;
	}
	.page_title03 {
		font-size: 17px;
	}

@media screen and (min-width: 768px) {
	.page_title03 {
		text-align: left;
		background-position: left bottom;
	}
	.page_title03.w768 {
		text-align: center;
		background-position: center bottom;
	}
	.page_title03 {
		margin: 0 0 30px;
		padding: 0 0 18px;
		font-size: 31px;
		position: relative;
	    z-index: 1;
	}
	.page_title03 span {
	    margin-bottom: 0px;
		font-size: 13px;
	}
	.page_text01 {
		font-size: 14px;
	}
}
@media screen and (min-width: 992px) {
	.page_title03 {
		margin: 0 0 40px;
		padding: 0 0 25px;
		font-size: 31px;
		position: relative;
	    z-index: 1;
	}
	.page_title03.w768 {
		text-align: left;
		background-position: left bottom;
	}
}
@media screen and (min-width: 1200px) {
	.page_text01 {
		font-size: 15px;
	}
	.page_title03 {
		margin: 32px 0 40px;
	}
}

    padding: 10px 0 36px;
/* page03の設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.BanquitRight {
	margin-top: 20px;
}

@media screen and (min-width: 768px) {
.BanquitRight {
	margin-top: 60px;
}
}
@media screen and (min-width: 992px) {
	.Banquitleft img {
		display: inline;
	}
}
/* 1024px以上用（PC用）の記述 */
@media screen and (min-width: 1024px) {
	.Banquitleft {
		padding: 10px 0 36px;
	}
}