@charset "utf-8";



/*================================
ページタイトル
================================*/
#pagettl_wrap {
	background-image: url(../img/pagettl_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#pagettl_wrap .inner {
	position: relative;
	z-index: 1;
	max-width: 950px;
	height: 190px;
	margin-right: auto;
	margin-left: auto;
}
.pagettl {
	padding-top: 30px;
}
#breadcrumbs {
	position: absolute;
	z-index: 1;
	right: 10px;
	bottom: 0;
	text-align: right;
	font-size: 75%;
	line-height: normal;
	color: #71cee6;
}
#breadcrumbs a:link,
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #71cee6;
}

/*================================
コンテナ類
================================*/
#wrap {
	padding-top: 10px;
}

/*================================
メインコンテンツ
================================*/
#main {
	position: relative;
	z-index: 1;
	float: right;
	max-width: 690px;
	width: 100%;
	padding-bottom: 50px;
	text-align: left;
	line-height: 1.8em;
}
.section {
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
	background: #fff;
}
.section:not(:last-child) {
	margin-bottom: 50px;
}
.section .inner {
	margin-inline: auto;
	padding: 20px 10px 30px;
	max-width: 620px;
}

/*-------------------------------
見出し
-------------------------------*/
.sec_ttl {
	position: relative;
	z-index: 1;
	padding: 16px 10px 16px 80px;
	background: url(../img/sec_ttl_bg.png)left bottom no-repeat #58cbea;
	border-radius: 20px 20px 0 0;
}
.sec_ttl::before {
	position: absolute;
	z-index: 1;
	content: "";
	top: -30px;
	left: 10px;
	background: url(../img/sec_ttl_deco.png)center/contain no-repeat;
	width: 57px;
	height: 94px;
}
.cont_ttl01 {
	background-image: url(../img/main_h4_bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
	padding-bottom: 0.3em;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2em;
	color: #58cbea;
}
.cont_ttl02 {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
	padding-left: 1.2em;
	padding-bottom: 0.2em;
	border-bottom: 2px solid #f1e8e2;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.6em;
	color: #f67f2f;
}
.cont_ttl02::before {
	position: absolute;
	z-index: 1;
	content: "";
	left: 0;
	top: 6px;
	width: 14px;
	height: 14px;
	border: 4px solid #f67f2f;
	border-radius: 50%;
}
.cont_ttl03 {
	background-image: url(../img/main_h6_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	margin-bottom: 0.3em;
	padding-left: 1.3em;
	font-weight: bold;
	line-height: 1.2em;
	color: #836a52;
}
.cont_ttl04 {
	margin-bottom: 4px;
	font-size: 16px;
	font-weight: bold;
	color: #aac30d;
}

/*================================
サイドコンテンツ
================================*/
#side {
	float: left;
	width: 250px;
	line-height: 1.6em;
}
.side_sec {
	height: auto;
	margin-bottom: 10px;
}
.side_sec .bg {
	background-image: url(../img/side_section_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	padding-bottom: 2px;
}
.side_sec .inner {
	width: 230px;
	margin: 0 auto;
	padding: 5px 0;
}
.side_sec .bg_btm {
	background-image: url(../img/side_section_bg_btm.gif);
	height: 10px;
}
.side_ttl {
	margin-left: -15px;
}
.side_services {}
.side_services ul {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
}
.side_services li {
	height: auto;
	display: block;
	float: left;
	width: auto;
}
.side_services .bt {
	background-image: url(../img/side_services_bt_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	height: auto;
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
.side_services .bt .bg_top {
	background-image: url(../img/side_services_bt_bg_top.gif);
	height: 10px;
}
.side_services .bt .bg_btm {
	background-image: url(../img/side_services_bt_bg_btm.gif);
	height: 8px;
}
.side_hours {}
.side_bnr01 {
	margin-bottom: 10px;
}
.side_bnr01 li {}
.side_bnr01 li:not(:last-child) {
	margin-bottom: 10px;
}
.side_bnr01 .recruit {
	margin-left: -1px;
	margin-top: -26px;
}
.side_bnr01 .facilities {
	margin-left: -13px;
}
.side_bnr02 {
	margin-bottom: 10px;
	margin-left: -5px;
}
.side_hr {
	margin: 20px 0;
	padding-top: 3px;
	background-image: url(../img/side_separator.gif);
	background-repeat: no-repeat;
	background-position: center top;
	border: none;
}



/*================================
TABLET縦 834px～0px
================================*/
@media screen and (max-width: 834px) {

	/*================================
	ページタイトル
	================================*/
	#pagettl_wrap {}
	#pagettl_wrap .inner {
		max-width: 710px;
		padding: 0 10px;
	}
	.pagettl {}
	#breadcrumbs {}

	/*================================
	コンテナ類
	================================*/
	#wrap {}

	/*================================
	メインコンテンツ
	================================*/
	#main {
		float: none;
		margin: 0 auto;
	}
	.section {}
	.section .inner {}

	/*-------------------------------
	見出し
	-------------------------------*/
	.sec_ttl {}
	.sec_ttl img {}
	.cont_ttl01 {}
	.cont_ttl02 {}
	.cont_ttl03 {}

	/*================================
	サイドコンテンツ
	================================*/
	#side {
		float: none;
		margin: 0 auto;
	}
	.side_sec {}
	.side_sec .bg {}
	.side_sec .inner {}
	.side_sec .bg_btm {}
	.side_ttl {}
	.side_services {}
	.side_services ul {}
	.side_services li {}
	.side_services .bt {}
	.side_services .bt .bg_top {}
	.side_services .bt .bg_btm {}
	.side_hours {}
	.side_bnr01 {}
	.side_bnr01 li {}
	.side_bnr01 li:not(:last-child) {}
	.side_bnr01 .recruit {}
	.side_bnr01 .facilities {}
	.side_bnr02 {}
	.side_hr {}
	
	
}



/*================================
SP表示 667px～0px
================================*/
@media (max-width: 667px)  {

	/*================================
	ページタイトル
	================================*/
	#pagettl_wrap {}
	#pagettl_wrap .inner {}
	.pagettl {}
	#breadcrumbs {}

	/*================================
	コンテナ類
	================================*/
	#wrap {}

	/*================================
	メインコンテンツ
	================================*/
	#main {
		padding: 0 10px 50px;
	}
	.section {}
	.section .inner {}

	/*-------------------------------
	見出し
	-------------------------------*/
	.sec_ttl {
		padding: 14px 10px 16px 60px;
	}
	.sec_ttl::before {
		width: 40px;
		height: 64px;
		top: -16px;
	}
	.sec_ttl img {
		max-height: 24px;
	}
	.cont_ttl01 {
		font-size: 20px;
	}
	.cont_ttl02 {}
	.cont_ttl03 {}
	
	/*================================
	サイドコンテンツ
	================================*/
	#side {}
	.side_sec {}
	.side_sec .bg {}
	.side_sec .inner {}
	.side_sec .bg_btm {}
	.side_ttl {}
	.side_services {}
	.side_services ul {}
	.side_services li {}
	.side_services .bt {}
	.side_services .bt .bg_top {}
	.side_services .bt .bg_btm {}
	.side_hours {}
	.side_bnr01 {}
	.side_bnr01 li {}
	.side_bnr01 li:not(:last-child) {}
	.side_bnr01 .recruit {}
	.side_bnr01 .facilities {}
	.side_bnr02 {}
	.side_hr {}
	
	
}
