@charset "utf-8";
/* --------------------------------------------------
	全体
-------------------------------------------------- */
#zone_sheet {
		width: 100%;
}
@media (max-width: 768px) {
		#zone_sheet {
				width: 100%;
		}
}
#zone_sheet_top {
		width: 100%;
}
@media (max-width: 768px) {
		#zone_sheet_top {
				width: 100%;
		}
}
/* --------------------------------------------------
	最上層（top_floor）
-------------------------------------------------- */
#zone_header_layer_sheet {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 220px;
}
#zone_header_layer_ribbon {
		text-align: center;
		width: 100%;
		height: 50px;
		max-width: 100%;
}
#zone_header_layer_layout_wrapper {
		text-align: center;
		width: 100%;
}
#zone_header_layer_layout_wrapper_inside {
		position: relative;
		width: 100%;
		max-width: 1200px;
		box-sizing: border-box;
		margin: 0 auto;
		text-align: center;
		height: 220px;
}
#zone_header_layer_logo {
		position: relative;
		background-color: transparent;
		vertical-align: middle;
		text-align: left;
		width: 50%;
}
@media (min-width: 769px) { /*PCのみ*/
		#zone_header_layer_ribbon {
				background-position: center center;
		}
}
@media (max-width: 768px) {
		#zone_header_layer_layout_wrapper_inside {
				height: auto;
				width: auto;
		}
		#zone_header_layer_sheet {
				height: 50px;
		}
		#zone_header_layer_layout_wrapper {
				margin-top: 0;
		}
		#zone_header_layer_logo {
				float: none;
				position: relative;
				box-sizing: border-box;
				width: 90%;
				padding: 0;
		}
		#zone_header_layer_logo img {
				box-sizing: border-box;
				max-width: 100%;
				height: auto;
				max-height: 80px;
		}
}
@media (max-width: 430px) {
		#zone_header_layer_tel {
				margin-top: 80px;
		}
}
/* 基本　*/
#zone_top_floor {
		margin: 0 auto;
		width: auto;
		max-width: 1100px;
		padding: 0px 15px;
}
#zone_header {
		height: 122px;
		font-size: 0.7em;
}
@media (max-width: 768px) {
		#zone_header {
				margin-bottom: 20px;
		}
}
/* パンくずエリア */
#zone_pankuzu {
		height: 25px;
		margin-bottom: 30px;
		font-size: .8em;
}
#zone_pankuzu a:first-child {
		text-decoration: none;
}
#zone_pankuzu a:first-child {
		color: rgb(237, 123, 49);
}
@media (max-width: 768px) {
		#zone_pankuzu {
				margin-bottom: 0px;
		}
}
/* --------------------------------------------------
	第二層（middle_floor）
-------------------------------------------------- */
/* 基本　*/
#zone_middle_floor {
		margin: 0 auto;
		padding: 0 5% 0;
		max-width: 1400px;
		box-sizing: border-box;
}
@media (max-width: 768px) {
		#zone_middle_floor {
				margin: 0px auto 0px auto;
				padding: 27px 2% 0 2%;
		}
}
@media (max-width: 430px) {
		#zone_middle_floor {
				margin: 0px auto 0px auto;
				padding: 10px 0;
				width: 94%;
		}
}
/* トップページのステージ */
#zone_stage {
		margin: 0px auto;
		width: 100%;
}
/* サブページのステージ */
#zone_substage {
		margin: 0px auto;
		width: 100%;
}
/* トップページのステージ下のメッセージボックス */
#zone_understagebox {
		margin: -60px auto 0px auto;
		height: 60px;
		width: 100%;
		max-width: 1200px;
		text-align: center;
		line-height: 60px;
		color: white;
		font-size: 2em;
		font-weight: bolder;
}
@media (max-width: 768px) {
		#zone_understagebox {
				font-size: 1.3em;
		}
}
/* ボディ領域  */
#zone_body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
}
/* メインエリア  */
#zone_mainarea {
		width: 73%
}
/* サイドメニュー */
#zone_sidemenu {
		width: 24%;
		padding: 0;
}
#sub-area {
		/*stickyで固定*/
		position: -webkit-sticky; /*Safari*/
		position: sticky !important;
		/*固定したい位置*/
		top: 0;
}
nav {
		background: #fff;
		padding: 20px;
}
ul#g-navi {
		height: 100vh;
		;
		overflow-y: scroll;
		border-right: 1px solid #A4A4A4;
}
ul#g-navi > li a {
		border-bottom: 4px solid #fff;
		font-size: 1em;
		display: block;
		width: 100%;
		background: #f5faff;
		color: #222;
		text-decoration: none;
		padding: 1em 0;
		position: relative;
}
ul#g-navi > li.img a:before,ul#g-navi > li.img a:hover:before{
	content: none;}
ul#g-navi > li a span{
	display: inline-block;
	margin-left: 2.5em;
}
ul#g-navi > li a.nolink {
		pointer-events: none;
		position: relative;
}
ul#g-navi > li a:hover {
		background: url("/~bdc/image/common/img-border-green.png")
}
ul#g-navi > li ul li a {
		background: #fff;
}
ul#g-navi > li > ul li a {
		font-size: .9em;
		border-bottom: none;
		text-decoration: none;
		padding: .5em 0;
		position: relative;
}
ul#g-navi > li > ul li a:hover {
		background: #EDEDED;
}
ul#g-navi > li > a:before {
		position: absolute;
		left: 10px;
		content: "\f138";
		font-weight: 600;
		font-family: "Font Awesome 5 Free";
		padding-right: 5px;
		color: #FFCE00;
}
ul#g-navi > li > a:hover:before {
		position: absolute;
		left: 10px;
		content: "\f138";
		font-weight: 600;
		font-family: "Font Awesome 5 Free";
		color: #2D287F;
}
ul#g-navi > li > ul > li a:before {
		position: absolute;
		left: -10px;
		content: "\f105";
		font-weight: 600;
		font-family: "Font Awesome 5 Free";
		color: #858590;
		padding-left: 1.3em;
}
@media (max-width: 769px) {
		#zone_mainarea {
				width: 100%;
		}
		#zone_sidemenu {
				width: 100%;
				padding: 0;
				margin: 0;
		}
		nav {
				padding: 0;
				position: relative; /*stickyからrelativeに戻す*/
				top: 0;
		}
		ul#g-navi > li a {
				padding: 1em 0;
		}
		ul#g-navi {
				border-right: none;
		}
}
#zone_mainarea_1col {
		margin: 0 auto;
		height: 98%;
		color: #333333;
		width: 100%;
}
/* --------------------------------------------------
	第三層（bottom_floor）
-------------------------------------------------- */
/* 基本 */
#zone_bottom_floor {
		margin: 0;
		width: 100%;
}
/* フッター */
#zone_footer {}