@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :facilities.css
 author     :Ability Consultant
style info  :施設館内
=================================================================== */
/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#hnav li.hnav_03 a {
	background-image: url(../images/header/hnav_03.png);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#facilities #gnav ul li.gnav_facilities a {
	background-position: bottom;
}

.con_intro *,
.con_information * {
	box-sizing: border-box;
}

.con_intro * p img,
.con_information * p img {
	width: 100%;
	vertical-align: bottom;
}

/*----------------------------------------------------
	.con_intro
----------------------------------------------------*/
.con_intro {
	width: 100%;
	margin: 0 auto 120px auto;
	overflow: hidden;
	background: #ddd5c7;
}

.con_intro div {
	float: left;
	width: 50%;
	padding: 3% 4% 2% 4%;
}

.con_intro div h2 {
	width: 332px;
	margin-bottom: 2%;
}

.con_intro .photo {
	float: right;
	width: 50%;
}

.con_intro .photo img {
	width: 100%;
	vertical-align: bottom;
}

/*----------------------------------------------------
	.con_intro
----------------------------------------------------*/
.con_information {
	margin-bottom: 50px;
}

.con_information h3 {
	text-align: center;
	margin-bottom: 60px;
}

.con_information .box_information {
	overflow: hidden;
}

.con_information .box_information > div {
	float: left;
}

.con_information .box_information > div div {
	padding: 0 10%;
}

.con_information .box_information > div div h5 {
	font-weight: normal;
	font-size: 180%;
	margin: 30px 0 10px 0;
	line-height: 100%;
	line-height: 1.4em;
}

.con_information .box_information > div div p {
	line-height: 200%;
}

.con_information .box_information > div .btn {
	padding: 0 10%;
	margin-top: 40px;
	background: transparent;
	border: 0;
}

.con_information .box_information > div .btn a {
	color: #c1a936;
	text-decoration: none;
	line-height: 100%;
	width: 180px;
	border: 3px solid #c1a936;
	border-radius: 2px;
	padding: 10px 0;
	display: block;
	text-align: center;
}

.con_information .box_information > div .btn a:hover {
	color: #fff;
	background: #c1a936;
}

.con_information .box_information > div .banquet {
	margin-top: 137px;
}

.con_information .box_information > div.col2 {
	width: 50%;
	padding-bottom: 120px;
}

.con_information .box_information > div.col3 {
	width: 33.33333333333333%;
	padding-bottom: 100px;
}

/*----------------------------------------------------
	.con_ser
----------------------------------------------------*/
.con_ser {
	width: 950px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.con_ser h3 {
	text-align: center;
	margin-bottom: 60px;
}

.con_ser .box_ser1 {
	overflow: hidden;
}

.con_ser .box_ser1 li {
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 50px;
}

.con_ser .box_ser1 li .icon {
	height: 240px;
	background: #efede8;
	border: 1px solid #dfdfdf;
}

.con_ser .box_ser1 li .icon.ic_01 {
	background: #efede8 url(../facilities/images/ic_01.jpg) no-repeat center center;
}

.con_ser .box_ser1 li .icon.ic_02 {
	background: #efede8 url(../facilities/images/ic_02.jpg) no-repeat center center;
}

.con_ser .box_ser1 li .icon.ic_03 {
	background: #efede8 url(../facilities/images/ic_03.jpg) no-repeat center center;
}

.con_ser .box_ser1 li h4 {
	font-size: 133%;
	margin: 45px auto 20px auto;
}

.con_ser .box_ser1 li p {
	line-height: 187%;
}

.con_ser .box_ser1 li.last {
	margin-right: 0;
}

.con_ser .box_ser2 {
	border: 1px solid #cecece;
	background: #fefefd;
	padding: 13px;
}

.con_ser .box_ser2 .ser2 {
	overflow: hidden;
	background: #fdfaf9;
	box-sizing: border-box;
	padding: 45px 45px 0 45px;
}

.con_ser .box_ser2 .ser2 div {
	float: left;
	width: 24%;
}

.con_ser .box_ser2 .ser2 div h4 {
	font-size: 133%;
	margin: 160px 0 25px 0;
}

.con_ser .box_ser2 .ser2 ul {
	float: right;
	width: 69%;
	overflow: hidden;
	margin-bottom: 3%;
}

.con_ser .box_ser2 .ser2 ul li {
	float: left;
	width: 30.5%;
	margin-right: 18px;
	padding-bottom: 20px;
}

.con_ser .box_ser2 .ser2 ul li .icon {
	height: 163px;
	background: #efede8;
	border: 1px solid #e0e0e0;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_04 {
	background: #efede8 url(../facilities/images/ic_04.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_05 {
	background: #efede8 url(../facilities/images/ic_05.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_06 {
	background: #efede8 url(../facilities/images/ic_06.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_07 {
	background: #efede8 url(../facilities/images/ic_07.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_08 {
	background: #efede8 url(../facilities/images/ic_08.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li .icon.ic_09 {
	background: #efede8 url(../facilities/images/ic_09.jpg) no-repeat center center;
}

.con_ser .box_ser2 .ser2 ul li h5 {
	margin-top: 15px;
	font-weight: normal;
}

.con_ser .box_ser2 .ser2 ul li.breakline {
	margin-right: 0;
}