@charset "UTF-8";

/****** reset.css */
html			{ background:#fff; color:#333; outline:none; }
body			{ font:85%/1.8 'Lucida Grande', Arial, Helvetica; margin:0; overflow:visible; padding:0; }
				/* for Windows */ .win body			{ font-family:'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック'; }
				/* for Win IE6 */ * html.win body	{ font-family:'ＭＳ Ｐゴシック'; }
				/* for Mac FF2 */ .mac body.firefox2{ font-size:12px; }
	/* --OTHER TAGS-- */
a				{ overflow:hidden; }
a img, img		{ border:0; }
abbr, acronym	{ border:0; }
address, caption, cite, code, dfn, em, th, var {
				  font-style:normal; font-weight:normal; }
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
				  margin:0; padding:0; }
caption, th		{ text-align:left; }
code, kbd, pre, samp, tt {
				  font-family:monospace; line-height:100%; }
				/* for IE7 */ *+html code, *+html kbd, *+html pre, *+html samp, *+html tt { font-size:108%; }
h1, h2, h3, h4, h5, h6	 {
				  font-size:100%; font-weight:strong; }
ol, ul			{ list-style:none; }
q:before,q:after{ content:''; }
button, fieldset, form, input, label, legend, select, textarea {
				  font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit;
				  margin:auto; padding:auto; vertical-align:baseline; }
				  /* for IE6 */ * html input, * html textarea { font-family:'ＭＳ Ｐゴシック'; }
				  /* for IE7 */ *+html input, *+html textarea { font-family:'メイリオ', 'ＭＳ Ｐゴシック'; }
				  /* for IE8 */ .msie8 select { font-family:sans-serif; }
table 			{ border-collapse:collapse; border-spacing:0; font-size:100%; }
	/*clearfix用*/
.clearfix:after	{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix 		{ min-height: 1px; }
* html .clearfix{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.textbox:after	{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.textbox 		{ min-height: 1px; }
* html .textbox	{
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* micro clearfix */
.mcf:before, .mcf:after { content:""; display:table; }
.mcf:after { clear:both;}
.mcf { zoom:1;}


/****** 要素上書き */
html		{ background:url(../common/global-05.gif) top center repeat-x; }
body		{ text-align:center; padding:0; height:100%;
			font:12px "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Meiryo,Osaka,sans-serif;
			line-height:1.5em; }
	/* リンク */
a						{ color:#f19a88; text-decoration:none; }
a:active				{ outline:none; }

/****** レイアウト */
#main					{ width:944px; clear:both; }
#header,#main,#footer	{ text-align:left; margin:0 auto; }


/****** ヘッター */
#header					{ position:relative; }
#header h1				{ height:50px; margin:10px 0; }
#header h1.catchcopy	{ color:#ddd; font-weight:normal; margin:0; padding:0 2px; height:30px; line-height:25px; font-size:12px; }

/****** グローバルメニュー */
#nav ul					{ height:51px; padding:0px;
						  background:url(../common/global-03.png) no-repeat; }
.concept #nav ul		{ background-position:0 -67px; }
.style #nav ul			{ background-position:0 -134px; }
.plan #nav ul			{ background-position:0 -201px; }
.structure #nav ul		{ background-position:0 -268px; }
.voice #nav ul			{ background-position:0 -335px; }
.house #nav ul			{ background-position:0 -402px; }
#nav li					{ float:left; }
#nav li a				{ display:block; width:100px; height:51px; text-indent:-9999px; }
#nav li a:hover			{ background:url(../common/global-10.png) no-repeat; }
#nav li.menu1 a			{ width:231px; } #nav li.menu1 a:hover { background-position:-0px 0; }
#nav li.menu2 a			{ width:241px; } #nav li.menu2 a:hover { background-position:-231px 0; }
#nav li.menu3 a			{ width:241px; } #nav li.menu3 a:hover { background-position:-472px 0; }
#nav li.menu4 a			{ width:231px; } #nav li.menu4 a:hover { background-position:-716px 0; }
ul#subnav				{ position:absolute; top:35px; left:742px; }

	/* パンくず */
#breadlist				{  }

/****** フッター */
#footer					{ height:120px; clear:both; background:#666; border-top:solid 2px #333; color:#fff; }
#footer .article		{ width:944px; margin:0 auto; padding:0 0 0 0; }
#footer .uplink			{ display:block; text-align:right; }

/****** コンテンツエリア */
#contents				{ clear:both; float:left; width:704px; min-height:350px; padding:0 0 0 2px; }
#aside					{ float:right; margin:20px 2px 20px 0; background:#eee; border:solid 1px #d5d5d5; padding:7px 5px; width:204px; }
ul.access				{ margin:10px 0; }
ul.access li			{ margin:10px 0; }
ul.access .call			{ font-size:20px; font-weight:bold; color:#69f; }

	/* タイトル */
#header   h1 			{  }
#header   h2 			{ margin:10px 0; }
#contents h3 			{ margin:20px 0; }
#contents h4 			{ margin:10px 0; padding:5px 10px; border-left:solid 5px #9ef; letter-spacing:+0.2em; font-size:14px; }
#contents h4.nodr 		{ margin:10px 0; padding:0px; border:none; }
#contents h5 			{ color: #463737; font-size: 13px; font-weight: bold; letter-spacing:+0.1em;
						  margin: 10px 0; padding: 0 0 0 0px; }
#contents h6			{ font-weight:normal; margin-bottom:5px; border-bottom:solid 1px #a01; letter-spacing:0.2em; color:#a01; }

	/* 記事ベース */
#contents .textbox		{ margin:0 10px 20px 10px; padding:0; text-align:left; font-size:15px; }
#contents .textbox a 	{ color: #e9534f; } #contents .textbox a:hover { text-decoration:underline; }
#contents .textbox p 	{ overflow:hidden; line-height:1.6em; margin:0 0 1em 0; }
#contents .textbox		{ margin:15px 0 30px 0px; }
#contents .textbox img.deco	{ border:solid 5px #ddd; }
#contents .faqbox		{ border:dotted 1px #ccc; padding:0 10px; background:#eef4f9; }
#contents .textbox dl.boxstyle	{ border:dotted 1px #aaa; padding:10px; margin:10px 0; }
#contents .textbox dl.boxstyle dt	{ font-weight:bold; border-bottom:solid 1px #ccc; }
#contents .textbox dl.boxstyle dd	{ margin-left:1em; margin-bottom:1em; }

	/* textbox内部 */
.textbox .floatleft		{ float:left; margin-right:10px; }
.textbox .floatright	{ float:right; margin-left:10px; margin-right:5px; }
.textbox .catch			{ font-weight:bold; letter-spacing:+0.1em; margin-bottom:10px; }
.textbox .addlink		{ text-align:right; }

.second .box			{ width:340px; float:left; margin:0 20px 0 0; }
.second .right			{ margin-right:0; }
.third  .box			{ width:220px; float:left; margin:0 20px 0 0; }
.third  .right			{ margin-right:0 }

#contents .pagelink		{ padding:10px 0; text-align:right; }
#contents .textcenter	{ text-align:center; }
#contents .clear 		{ clear:both; }

	/* OLリスト */
#contents ol			{ padding-left:20px; }
#contents ol li			{ list-style-type:decimal; }
#contents ol li		 	{ font-size:13px; line-height:1.6em; margin:10px 10px 1em 20px; }


	/* トップページ */
.index #slider-wrapper	{ margin:10px 0; }
.index #contents h4 	{ padding:0; border:none; margin-top:0; }


	/* プロフィール */
.about dl			{ width:470px; margin:15px 0; float:right; }
.about dl dt		{ width:70px; float:left; font-weight:bold; letter-spacing:+0.2em; text-align:center; }
.about dl dd		{ border-bottom: dotted 1px #ccc; overflow:hidden;
						line-height:1.6em;  }




/****** ギャラリー */
#photos .panel 					{ text-align:center; }
#photos .panel .panel-overlay	{ text-align:left; }

/****** googlemap-comment */
.google-comment			{ font-size:12px; margin-right:10px; }
.google-comment strong	{ font-size:14px; display:block; border-bottom:1px solid #999; margin:0 0 2px 0; }
#googlemap 				{ width:596px; height:350px; border:solid 2px #eee; }


/****** css3専用 */
.box-shadow2	{ position:relative;
	-webkit-box-shadow: #ccc 2px 2px 2px; -moz-box-shadow: #ccc 2px 2px 2px; box-shadow: #ccc 2px 2px 2px; }
.box-radius3	{ position:relative;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.box-radius6	{ position:relative;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.box-radius9	{ position:relative;
	-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }



/***** メールフォームデザイン設定 */
form 					{ margin:0; padding:10px 20px; }
label	 				{ float:left; width:100px; text-align:right; margin-right:7px; color:#3c3c3c; line-height:1.2em; }
input,textarea			{ padding:4px; font:13px Georgia, "Times New Roman", Times, serif; border:1px solid #999999; width:310px; }
input.short		 		{ width:4em; }
textarea#message		{ height:100px; }
input:focus,textarea:focus	{ border:1px solid #666; background:#e3f1f1; }
select					{ padding:4px; }
button#send 			{ border:#bf3935 1px solid; padding:0.2em 1em 0.2em 2em; text-align:center; color:#fff; cursor:pointer;
						  background:#bf3935; font-size:125%; letter-spacing:1em; font-weight:bold;  }
button#send:hover		{ background-color:#c26161; border:#bf3935 1px solid; color:#fff; }

form p					{ float:left; padding:10px 0; width:100px;
						  color:#3c3c3c; letter-spacing:0.1em; text-align:right; vertical-align:middle; }
form p.normal			{ width:100%; padding:0; text-align:left; }
form p.annotation		{ width:100%; margin:0 0 5px 0; padding:2px 3px 1px 10px; border-left:4px solid #bf3934;
						  color:#444; font-size:13px; text-align:left; }
form ol 				{ clear:both; overflow:hidden; list-style:none; margin:0; padding:0; }
form li 				{ padding:6px; margin-bottom:1px; clear:both; }
form li#send 			{ background:none; margin-top:6px; }
form ol li				{ width:auto; border-bottom:#777777 1px dotted; }
form li.endlist			{ border:none; margin-bottom:20px; }
form li.send			{ border:none; text-align:center; }
form span				{ display:block; font-size:10px; line-height:1em; color:#900; }
form span.caution 		{ display:block; margin-left:110px; }
form input.checkbox		{ width:auto; margin:0 3px 0 10px; }


/***** テーブルの設定 */
table					{ border-collapse:separate; border-spacing:1px; }
table caption			{  }
table tr				{  }
table th				{ padding:2px; font-weight:bold; letter-spacing:0.1em; }
table td				{ padding:2px; letter-spacing: 0.1em; text-align:right; }
th,td					{ padding:3px; line-height:1.2em; }


/***** リスト */
.list-1 > li {
	line-height: 1.6em;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 0.5em;
}
.list-2 > li {
	position: relative;
	line-height: 1.6em;
	padding-left: 1.2em;
	margin-bottom: 0.5em;
}
.list-2 > li:last-child {
	margin-bottom: 0;
}
.list-2 > li::before {
	content: "";
	width: 0.8em;
	height: 0.8em;
	position: absolute;
	top: 0.25em;
	left: 0;
	background-color: currentColor;
	border-radius: 50%;
}
.fs-13 {
	font-size: 13px;
}

/****** lightbox css */
div.light_rounded .pp_top .pp_left{background: url(../common/prettyphoto/light_rounded/sprite.png) -88px -53px no-repeat;}div.light_rounded .pp_top .pp_middle{background:#fff;}div.light_rounded .pp_top .pp_right{background: url(../common/prettyphoto/light_rounded/sprite.png) -110px -53px no-repeat;}div.light_rounded .pp_content .ppt{color:#000;}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff;}div.light_rounded .pp_content{background-color:#fff;}div.light_rounded .pp_next:hover{background: url(../common/prettyphoto/light_rounded/btnNext.png) center right no-repeat;cursor: pointer;}div.light_rounded .pp_previous:hover{background: url(../common/prettyphoto/light_rounded/btnPrevious.png) center left no-repeat;cursor: pointer;}div.light_rounded .pp_expand{background: url(../common/prettyphoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor: pointer;}div.light_rounded .pp_expand:hover{background: url(../common/prettyphoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor: pointer;}div.light_rounded .pp_contract{background: url(../common/prettyphoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor: pointer;}div.light_rounded .pp_contract:hover{background: url(../common/prettyphoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor: pointer;}div.light_rounded .pp_close{width:75px;height:22px;background: url(../common/prettyphoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor: pointer;}div.light_rounded #pp_full_res .pp_inline{color:#000;}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important;}div.light_rounded .pp_nav .pp_play{background: url(../common/prettyphoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_nav .pp_pause{background: url(../common/prettyphoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px;}div.light_rounded .pp_arrow_previous{background: url(../common/prettyphoto/light_rounded/sprite.png) 0 -71px no-repeat;}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default;}div.light_rounded .pp_arrow_next{background: url(../common/prettyphoto/light_rounded/sprite.png) -22px -71px no-repeat;}div.light_rounded .pp_arrow_next.disabled{background-position: -22px -87px;cursor:default;}div.light_rounded .pp_bottom .pp_left{background: url(../common/prettyphoto/light_rounded/sprite.png) -88px -80px no-repeat;}div.light_rounded .pp_bottom .pp_middle{background:#fff;}div.light_rounded .pp_bottom .pp_right{background: url(../common/prettyphoto/light_rounded/sprite.png) -110px -80px no-repeat;}div.light_rounded .pp_loaderIcon{background: url(../common/prettyphoto/light_rounded/loader.gif) center center no-repeat;}div.pp_pic_holder a:focus{outline:none;}div.pp_overlay{background:#000;display: none;left:0;position:absolute;top:0;width:100%;z-index:9500;}div.pp_pic_holder{display: none;position:absolute;width:100px;z-index:10000;}.pp_top{height:20px;position: relative;}* html .pp_top{padding:0 20px;}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_top .pp_middle{left:0;position: static;}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_content{height:40px;min-width:40px;}* html .pp_content{width:40px;}.pp_fade{display: none;}.pp_content_container{position: relative;text-align: left;width:100%;}.pp_content_container .pp_left{padding-left:20px;}.pp_content_container .pp_right{padding-right:20px;}.pp_content_container .pp_details{float: left;margin:10px 0 2px 0;}.pp_description{display: none;margin:0 0 5px 0;}.pp_nav{clear: left;float: left;margin:3px 0 0 0;}.pp_nav p{float: left;margin:2px 4px;}.pp_nav .pp_play,.pp_nav .pp_pause{float: left;margin-right:4px;text-indent: -10000px;}a.pp_arrow_previous,a.pp_arrow_next{display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000;}.pp_gallery{display: none;left:50%;margin-top: -50px;position:absolute;z-index:10000;}.pp_gallery ul{float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff;}.pp_gallery ul a img{border:0;}.pp_gallery li{display:block;float: left;margin:0 5px 0 0;padding:0;}.pp_gallery li.default a{background: url(../common/prettyphoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px;}.pp_gallery li.default a img{display: none;}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important;}a.pp_next{background: url(../common/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: right;height:100%;text-indent: -10000px;width:49%;}a.pp_previous{background: url(../common/prettyphoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float: left;height:100%;text-indent: -10000px;width:49%;}a.pp_expand,a.pp_contract{cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;}a.pp_close{display:block;float: right;line-height:22px;text-indent: -10000px;}.pp_bottom{height:20px;position: relative;}* html .pp_bottom{padding:0 20px;}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px;}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px;}* html .pp_bottom .pp_middle{left:0;position: static;}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px;}.pp_loaderIcon{display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;}#pp_full_res{line-height:1 !important;}#pp_full_res .pp_inline{text-align: left;}#pp_full_res .pp_inline p{margin:0 0 15px 0;}div.ppt{color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;}.clearfix:after{content: ".";display:block;height:0;clear:both;visibility: hidden;}.clearfix {display: inline-block;}* html .clearfix {height:1%;}.clearfix {display:block;}


/***** レスポンシブ対応 */
.pc { display: block; }
.sp { display: none; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix:before {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: block;
}
/* ヘッダー */
#nav-sp {
	display: none;
}
/* ハンバーガーメニュー */
#hamburger {
	display: none;
}
/* フッター */
#footer .address span.pc{
	display: inline;
}
/* 電話番号PCリンク無効 */
@media (min-width: 768px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
	}
}
.mb_0 { margin-bottom: 0 !important;}
/* ========= about ========= */
.about dl dt,
.about dl dd {
	padding: 0.8em 0;
	border-bottom: 1px solid rgba(204, 204, 204, .5);
}
.about dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
.about dl dt {
	float: none;
}
.about dl dd {
	width: calc(100% - 70px);
}
body.about #contents .title-name {
	width: 470px;
	float: right;
	box-sizing: border-box;
	border-left: none;
	padding-top: 0;
	padding-bottom: 0;
}
body.about .text-area {
	width: 470px;
	float: right;
	box-sizing: border-box;
	margin-top: 30px;
}
body.about .text-block {
	border-bottom: 1px solid rgba(204, 204, 204, .5);
	padding-bottom: 15px;
	margin-bottom: 15px;
}
body.about .text-block:last-of-type {
	margin-bottom: 0;
}

/* ========= inquiry ========= */
#contents .textbox .tel_num {
	font-size: 38px;
	font-weight: bold;
	color: #69f;
	line-height: 1;
	letter-spacing: 0.05em;
	margin-bottom: 15px;
}
#contents .tel_num a {
	color: #69f;
}
.tel_head {
	color: #333;
	line-height: 1;
	display: inline-block;
	margin-right: 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 0.2em 0 0.1em;
}
.inquiry_box {
	border: 4px solid #efefef;
	padding: 30px;
	text-align: center;
}
.inquiry_box > *:last-child {
	margin-bottom: 0 !important;
}
.tel_ttl {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-bottom: 1em;
	border-bottom: 3px solid #efefef;
}
.tel_txt {
	font-size: 20px;
}
#contents .inquiry_box a {
	color: #69f;
}
.info_txt a {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	html {
		min-height: 100%;
		height: -webkit-fill-available;
		background: url(../common/global-05.gif) top -25px center repeat-x;
	}
	body.fixed {
		position: fixed;
		width: 100%;
		min-height: 100%;
		height: 100vh;
		left: 0;
		overflow-y: scroll;
	}
	.pc { display: none; }
	.sp { display: block;}
	*,
	::before,
	::after {
		box-sizing: border-box;
		border-style: solid;
		border-width: 0;
	}
	img {
		width: auto;
		max-width: 100%;
		height: auto;
		border-style: none;
		vertical-align: bottom;
	}
	/* ヘッダー */
	#header h1 {
		margin-top: 20px;
		text-align: center;
		padding-right: 10px;
	}
	.header-wrapper {
		padding: 0 3% 0 5%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-top: 6px solid #777;
	}
	.header-wrapper.fixed {
		width: 100%;
		position: fixed;
		z-index: 99;
		top: 0;
		left: 0;
		background-color: #ececec;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
	}
	.header-wrapper.active {
		background-color: transparent;
		border-color: transparent;
		box-shadow: none;
	}
	.header-wrapper.active h1 {
		opacity: 0;
	}
	ul#subnav-sp {
		position: relative;
		top: auto;
		left: auto;
		padding: 0 5%;
		margin-bottom: 20px;
	}
	ul#subnav-sp > li {
		text-align: center;
	}
	#nav-sp {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #666;
		z-index: 98;
	}
	.nav-sp-inner {
		width: 100%;
		height: 100%;
		padding-top: 65px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 50px;
		margin-bottom: 50px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	#nav-sp ul {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	#nav-sp li {
		float: none;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		letter-spacing: 0.05em;
		border-bottom: 1px solid #fff;
	}
	#nav-sp ul > li > a {
		color: #fff;
		display: block;
		height: auto;
		text-indent: 0;
		padding: 1em 0;
	}
	#nav-sp li ul {
		margin-top: 1em;
	}
	#nav-sp li ul li:last-child {
		border-bottom: none;
	}
	#nav-sp li ul li a {
		padding: 1em 0.8em;
	}
	#nav-sp li.menu5 {
		margin-top: 3em;
	}
	/* ハンバーガーメニュー */
	#hamburger {
        width: 50px;
        height: 50px;
        background: #fff;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
		border-radius: 50%;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
		flex-shrink: 0;
		flex-grow: 0;
		z-index: 99;
    }
	#hamburger.active {
		position: fixed;
		top: 15px;
		right: 3%;
	}
    #hamburger div {
        display: block;
        width: 25px;
        height: 2px;
        background: #777777;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
    }
    #hamburger div span:first-child {
        display: block;
        position: absolute;
        width: 25px;
        height: 2px;
        background: #777777;
        right: 0;
        margin: auto;
		transform: translateY(-5px);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    #hamburger div span:last-child {
        display: block;
        position: absolute;
        width: 25px;
        height: 2px;
        background: #777777;
        right: 0;
		transform: translateY(5px);
        margin: auto;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
    #hamburger.active div {
        background: transparent;
    }
    #hamburger.active div span:first-child {
        top:0;
        -moz-transform:rotate(-135deg);
        -webkit-transform:rotate(-135deg);
        transform:rotate(-135deg);
    }
    #hamburger.active div span:last-child {
        bottom:0;
        -moz-transform:rotate(135deg);
        -webkit-transform:rotate(135deg);
        transform:rotate(135deg);
    }
	/* ニュースティッカー */
	@keyframes ticker {
		0% {
			transform: translate(0, 0);
			visibility: visible;
		}
		100% {
			transform: translate(-100%, 0);
		}
	}
	.ticker_wrap {
		width: 100%;
		overflow: hidden;
		height: 25px;
		padding-left: 100%;
		background-color: #777;
	}
	#header .ticker_wrap h1.catchcopy.ticker {
		display: inline-block;
		height: 25px;
		line-height: 25px;
		white-space: nowrap;
		padding-right: 100%;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		animation-name: ticker;
		animation-duration: 30s;
	}
	/* フッター */
	#footer {
		padding: 0 5% 20px;
		height: auto;
	}
	#footer .article {
		width: 100%;
	}
	#footer .address span.pc{
		display: none;
	}
	/* レイアウト */
	#contents {
		float: none;
		width: 90%;
		min-height: none;
		margin: 0 auto;
	}
	#aside {
		float:none;
		width: 100%;
		margin-right: 0;
		padding: 20px 5%;
	}
	#aside iframe {
		width: 100%;
		aspect-ratio: 16/9;
		margin-top: 10px;
	}
	#main {
		width: 100%;
	}
	/* コンテンツ共通 */
	#contents h3.h3title {
		width: 100%;
		height: 36px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: auto 100%;
		position: relative;
	}
	#contents h3.h3title img {
		opacity: 0;
	}
	#contents h3.h3title::after {
		content: '';
		width: 10px;
		height: 36px;
		background-image: url("../common/h3title-01.gif");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: auto 100%;
		position: absolute;
		top: 0;
		right: 0;
	}
	#contents h3.h3title-01 {
		background-image: url("../common/h3title-01.gif");
	}
	#contents .textbox {
		font-size: 14px;
	}
	.third .box {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	/* ========= top ========= */

	.index #contents h4 a {
		display: block;
	}
	.index #contents h4 a img {
		height: 22px;
	}
	.index #slider-wrapper {
		margin-top: 0;
	}
	#slider {
		margin-bottom: 30px;
	}
	/* ========= about ========= */
	body.about #header h2 {
		height: 100px;
		background-image: url("../common/h2title-01-2023.jpg");
		background-repeat: no-repeat;
		background-position: left -4px center;
		background-size: auto 98%;
	}
	body.about #header h2 > img {
		display: none;
	}
	body.about #contents h3.h3title-01 {
		background-image: url("../common/h3title-02.gif");
	}
	body.about #contents h3.h3title-02 {
		background-image: url("../common/h3title-03.gif");
	}
	body.about .textbox .floatright,
	body.about .textbox .floatleft {
		width: 100%;
		float: none;
	}
	body.about #contents .title-name {
		width: 100%;
		float: none;
		padding: 0;
	}
	body.about #contents .textbox img.deco {
		max-width: 210px;
		display: block;
		margin: 0 auto 15px;
	}
	body.about .textbox dl {
		width: 100%;
		float: none;
	}
	body.about .text-area {
		width: 100%;
		float: none;
	}
	/* ========= consult ========= */
	body.consult #header h2 {
		height: 100px;
		background-image: url("../common/h2title-02.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 98%;
	}
	body.consult #header h2 > img {
		display: none;
	}
	body.consult #contents h3.h3title-01 {
		background-image: url("../common/h3title-10.gif");
	}
	/* ========= privacy ========= */
	body.privacy #header h2 {
		height: 100px;
		background-image: url("../common/h2title-04.jpg");
		background-repeat: no-repeat;
		background-position: left -4px center;
		background-size: auto 98%;
	}
	body.privacy #header h2 > img {
		display: none;
	}
	body.privacy #contents h3.h3title-01 {
		background-image: url("../common/h3title-10.gif");
	}
	/* ========= consult-01 ========= */
	body.consult-01 #contents h3.h3title-01 {
		background-image: url("../common/h3title-04.gif");
	}
	/* ========= consult-02 ========= */
	body.consult-02 #contents h3.h3title-01 {
		background-image: url("../common/h3title-05.gif");
	}
	/* ========= consult-03 ========= */
	body.consult-03 #contents h3.h3title-01 {
		background-image: url("../common/h3title-06.gif");
	}
	body.consult-03 #contents h3.h3title-02 {
		background-image: url("../common/h3title-07.gif");
	}
	body.consult-03 #contents h3.h3title-03 {
		background-image: url("../common/h3title-08.gif");
	}
	body.consult-03 #contents h3.h3title-04 {
		background-image: url("../common/h3title-09.gif");
	}
	/* ========= inquiry ========= */
	body.inquiry #header h2 {
		height: 100px;
		background-image: url("../common/h2title-05.jpg");
		background-repeat: no-repeat;
		background-position: left -4px center;
		background-size: auto 98%;
	}
	body.inquiry #header h2 > img {
		display: none;
	}
	#contents .textbox .tel_num {
		font-size: 21px;
	}
	.inquiry_box {
		padding: 20px;
		text-align: left;
	}
	.tel_ttl {
		text-align: center;
		font-size: 18px;
	}
	.tel_txt {
		font-size: 16px;
	}
	.sp_center {
		text-align: center;
	}

}

@media screen and (max-width: 730px) {
	body.consult #header h2 {
		height: 100px;
		background-image: url("../common/h2title-02.jpg");
		background-repeat: no-repeat;
		background-position: left -4px center;
		background-size: auto 98%;
	}
}