@charset "UTF-8";

/* ============================================================================= */
/* --- ◆ Web Font ------------------------------------------------------------- */
/* ============================================================================= */

/* ◆ Google NSJゴシック：Noto Sans Japanese */

@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

/* ◆ Google 早期 丸フォント：Rounded Mplus 1c */

@import url("https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css");

/* ◆ Google 早期：Mplus 1p */

@import url("https://fonts.googleapis.com/earlyaccess/mplus1p.css");

/* ◆ Google Fonts：Roboto：英字用 */

@import url("https://fonts.googleapis.com/css?family=Roboto");

/* ◆ Google Fonts：Molengo：英字用（すそ開きＭ） */

@import url("https://fonts.googleapis.com/css?family=Molengo");

/* ============================================================================= */
/* --- ◆ Clearfix ------------------------------------------------------------- */
/* ============================================================================= */

.cfx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.cfx {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .cfx {
	height: 1%;
}
.cfx {
	display: block;
}
/* End hide from IE-mac */
/* clearfix END ------- */

/* ============================================================================= */
/* --- ◆ html / body ---------------------------------------------------------- */
/* ============================================================================= */

html {
	font-size: 13px;
}
@media screen and (max-width: 480px) {
	html {
		font-size: 12px;
	}
}
* {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
	line-height: 1;
}
body {
	font-family:
					/*			Avenir,
								"Helvetica Neue",Helvetica,
								"游ゴシック体","Yu Gothic",
					*/
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka",
		sans-serif;
	font-size: 100%;
	background: #ffffff;
	color: #4b4848;
}

/* ============================================================================= */
/* --- ◆ Font / 他 ------------------------------------------------------------ */
/* ============================================================================= */

/* ◆ Google NSJゴシック：Noto Sans Japanese */

.nsj {
	font-family:
		"Noto Sans Japanese",
		/*			Avenir,
								"Helvetica Neue",Helvetica,
					*/ "游ゴシック体",
		"Yu Gothic",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		"Osaka",
		sans-serif;
}

/* ◆ Google 早期 丸フォント：Rounded Mplus 1c */

.rm1c {
	font-family:
		"Rounded Mplus 1c",
		/*			Avenir,
								"Helvetica Neue",Helvetica,
					*/ "游ゴシック体",
		"Yu Gothic",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		"Osaka",
		sans-serif;
}

/* ◆ Google 早期：Mplus 1p */

.ml1p {
	font-family:
		"Mplus 1p",
		/*			Avenir,
								"Helvetica Neue",Helvetica,
					*/ "游ゴシック体",
		"Yu Gothic",
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		"Meiryo",
		"ＭＳ Ｐゴシック",
		"MS P Gothic",
		"Osaka",
		sans-serif;
}

/* ◆ Google Fonts：Roboto：英字用 */

.robo {
	font-family: "Roboto", sans-serif;
}

/* ◆ Google Fonts：Molengo：英字用（すそ開きＭ） */

.molengo {
	font-family: "Molengo", sans-serif;
}

/* ◆ 明朝 */

.mincho {
	font-family:
		"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ◆ 均等割付 */

.txjf {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* ◆ 改行禁止 */

.nowrap {
	white-space: nowrap;
}

/* ◆ 半角英数字列の自動改行 ※特にTable内 */

/* 数字 */

.wball {
	word-break: break-all;
}

/* URL */

.bkwd {
	word-wrap: break-word; /* 旧名 */
	overflow-wrap: break-word; /* 新名 */
}

/* ◆ 代替：<sup>上付／<sub>下付 */
/*
	ex. CO2 / m2 / m3 /

	実体参照：m&sup2;
	実体参照：m&sup3;
	<sup>上付文字の代替HTML：ex. m<span class="suptxt">2</span>
	<sub>下付文字の代替HTML：ex. CO<span class="subtxt">2</span>
*/

/* <sup>上付代替 */

span.suptxt {
	font-weight: inherit;
	line-height: inherit;
	font-size: 80%;
	vertical-align: top;
	position: relative;
	top: 0;
}

/* <sub>下付代替 */

span.subtxt {
	font-weight: inherit;
	line-height: inherit;
	font-size: 80%;
	vertical-align: baseline;
	position: relative;
	top: 0.05em;
}

/* ◆ .nd */

.nd {
	display: none;
}

/* ============================================================================= */
/* --- 継承 -------------------------------------------------------------------- */
/* ============================================================================= */

a,
span,
strong,
em {
	font-weight: inherit;
	line-height: inherit;
}

/* ======= display none ======= */
@media screen and (min-width: 769px) {
	.pcNone {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	.spNone {
		display: none !important;
	}
}

/* ============================================================================= */
/* --- Scroll Upper(1)(2) ------------------------------------------------------ */
/* ============================================================================= */
/*
	・(1)のみ
	・スムーズスクロール機能ON
*/

/* ◆ 基本 */

.scupr {
}
.scupr a {
	display: block;
	text-decoration: none;
	border: solid 4px;
	border-radius: 100px; /* 角丸 */
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	padding: 8px 0 8px 0;
	width: 28px;
	filter: alpha(opacity=55); /* 半透 */
	-moz-opacity: 0.55;
	opacity: 0.55;
	background: #e2ff4c;
	color: #00b9ef;
}
.scupr a:hover {
	text-decoration: none;
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
}

/* ◆ Scroll Upper(1) */

.scupr1 {
	display: none;
	position: fixed;
	right: 1.5%;
	bottom: 60px;
}

/* ============================================================================= */
/* --- ◆ .cage ※ サイト幅 ---------------------------------------------------- */
/* ============================================================================= */
/*
	.cage		max 1024
*/

.cage {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}

/* ============================================================================= */
/* --- ◆ .hed ----------------------------------------------------------------- */
/* ============================================================================= */

.hed {
	padding: 8px 20px 4px 20px;
}
.hdlogobx {
	width: 100%;
	max-width: 350px; /* テキスト改行なしの幅 */
	float: left;
}
.hdtelbx {
	width: 100%;
	max-width: 326px; /* = 95 + 5 + 226 */
	float: right;
	padding-top: 10px;
}

/* ◆ Shoulder Copy */

.hdsdrcopy {
	font-size: 10px;
	line-height: 1.2;
}
.hdsdrcopy br {
	display: none;
}
.hdsdrcopy .hdtepco {
	padding-right: 5px;
}
.hdsdrcopy .hdtepco img {
	width: 100%;
	max-width: 128px;
	vertical-align: middle;
}

/* iPhon6 ( 375px ) まで改行なし */

@media screen and (max-width: 374px) {
	.hdsdrcopy br {
		display: block;
	}
	.hdsdrcopy {
		padding-bottom: 2px;
	}
}

/* ◆ Logo */

.hdlogo {
}
.hdlogo .sitename {
	padding-top: 4px;
}
.hdlogo .sitename a {
	display: block;
	width: 100%;
	max-width: 278px;
	text-decoration: none;
}
.hdlogo .sitename a:hover {
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.hdlogo .sitename img {
	width: 100%;
	max-width: 278px;
}

/* ◆ ご相談は */

.hdteltit {
	width: 100%;
	max-width: 95px;
	float: left;
	padding-top: 7px; /* = num-h 25 - tit-h 18 */
}
.hdteltit img {
	width: 100%;
	max-width: 95px;
}

/* ◆ フリーダイヤル番号 */

.hdtelnum {
	width: 100%;
	max-width: 231px; /* = 5 + 226 */
	float: left;
}
.hdtelnum .hdtelnumin {
	padding-left: 5px;
}
.hdtelnum span.telswch2 {
	padding: 0;
}
.hdtelnum a {
	display: block;
	width: 100%;
	max-width: 226px;
	text-decoration: none;
	margin: 0;
}
.hdtelnum a:hover {
	background: #f1ffac;
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.hdtelnum img {
	width: 100%;
	max-width: 226px;
	margin: 0;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 736px) {
	/* = 20 + 350 + 326 + 20 + sc20 */

	.hdtelbx {
		width: 100%;
		max-width: 150px;
		float: right;
		padding-top: 0;
	}
	.hdteltit {
		width: auto;
		max-width: none;
		float: none;
		padding-top: 0;
		padding-bottom: 5px;
		text-align: right;
	}
	.hdtelnum {
		width: auto;
		max-width: none;
		float: none;
		text-align: right;
	}
	.hdtelnum .hdtelnumin {
		padding-left: 0;
	}
	.hdtelnum a {
		max-width: 150px;
	}
	.hdtelnum img {
		width: 100%;
		max-width: 150px;
	}
}
@media screen and (max-width: 560px) {
	/* = 20 + 350 + 150 + 20 + sc20 */

	.hdlogobx {
		width: auto;
		max-width: none;
		float: none;
	}
	.hdtelbx {
		width: 100%;
		max-width: 250px; /* = 95 + 5+ 150 */
		float: right;
		padding-top: 12px;
	}
	.hdteltit {
		width: 100%;
		max-width: 95px;
		float: left;
		padding-top: 0;
		padding-bottom: 0;
		text-align: right;
	}
	.hdtelnum {
		width: 100%;
		max-width: 155px; /* = 5+ 150 */
		float: left;
		text-align: right;
	}
	.hdtelnum .hdtelnumin {
		padding-left: 5px;
	}
}
@media screen and (max-width: 310px) {
	/* = 20 + 250 + 20 + sc20 */

	.hdtelbx {
		width: auto;
		max-width: none;
		float: none;
		padding-top: 15px;
	}
	.hdteltit {
		width: auto;
		max-width: none;
		float: none;
		padding-top: 0;
		padding-bottom: 3px;
		text-align: left;
	}
	.hdtelnum {
		width: auto;
		max-width: none;
		float: none;
		text-align: left;
	}
	.hdtelnum .hdtelnumin {
		padding-left: 0;
	}
}

/* ============================================================================= */
/* --- ◆ .gnv ----------------------------------------------------------------- */
/* ============================================================================= */

.gnv ul {
	list-style-type: none;
}
.gnv li a {
	color: #4b4848;
}

/* --------------------------- */
/* ◆ .gnv1 */
/* --------------------------- */

.gnv1 .closer,
.gnv1 .opener,
.gnv1 .cut {
	display: none;
}

.gnv1 ul {
	display: table;
	width: 100%;
}
.gnv1 li {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 14.28%;
}
.gnv1 li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 11.6px;
	letter-spacing: 0.1em;
	line-height: 1.25;
	padding: 24px 2% 24px 2%;
}
.gnv1 li a:hover {
	background: #f7ffff;
	border-bottom: solid 4px #baedff;
	padding-bottom: 20px;
}
.gnv1 li.her a {
	border-bottom: solid 4px #00b9ef;
	padding-bottom: 20px;
}

/* --------------------------- */
/* ◆ .gnv2 */
/* --------------------------- */

.gnv2 {
	display: none;
}

.gnv2 li {
}
.gnv2 li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 11.6px;
	letter-spacing: 0.1em;
	line-height: 1.25;
	padding: 13px 20px 13px 25px;
	border-bottom: solid 1px #baedff;
}
.gnv2 li:first-child a {
	border-top: solid 1px #baedff;
}
.gnv2 li a:hover {
	background: #f7ffff;
	border-left: solid 10px #baedff;
	padding-left: 15px;
}
.gnv2 li.her a {
	border-left: solid 10px #00b9ef;
	padding-left: 15px;
}

/* ◆ opener / closer */

.gnv2 .opener,
.gnv2 .closer {
	cursor: pointer;
	font-size: 10px;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align: center;
	padding: 15px 10px 13px 10px;
	background: #00b9ef;
	color: #ffffff;
}
.gnv2 .opener:hover,
.gnv2 .closer:hover {
	background: #baedff;
	color: #ffff00;
}
.gnv2 .opener:after {
	content: " ↓ open";
}
.gnv2 .opener.active:after {
	content: " ↑ close";
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 640px) {
	.gnv1 li a {
		letter-spacing: 0.02em;
	}
}
@media screen and (max-width: 560px) {
	.gnv1 {
		display: none;
	}
	.gnv2 {
		display: block;
	}
}

/* ============================================================================= */
/* --- ◆ .ftr ----------------------------------------------------------------- */
/* ============================================================================= */

.ftr {
	background: url("../pic/common/ftbk1.gif") no-repeat 50% 100%;
	padding: 40px 5px 0 5px;
}

/* ◆ 社名 */

.ftcname {
	text-align: center;
}
.ftcname .tit {
	width: 100%;
	max-width: 173px;
	margin: 0 auto;
}
.ftcname .tit img {
	width: 100%;
	max-width: 173px;
}

/* ◆ 連絡先表示 */

.ftadrssbx {
	padding-top: 5px;
	padding-bottom: 15px;
	width: 100%;
	max-width: 260px;
	margin: 0 auto;
}
.ftadrssbx .wrpline {
	display: table;
	width: 100%;
	padding: 1px 0;
}
.ftadrssbx .wrpbx {
	display: table-cell;
	vertical-align: top;
}
.ftadrssbx .wrpin {
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 0.02em;
	line-height: 1.25;
}
.ftadrssbx .wrpbx1 {
	text-align: right;
	width: 38%;
}
.ftadrssbx .wrpbx2 {
	text-align: left;
	width: 62%;
}
.ftadrssbx .wrpbx1 .wrpin {
	padding-right: 5px;
}
.ftadrssbx .wrpbx2 .wrpin {
	padding-left: 5px;
}

/* ◆ Copyright */

.ftcopyright {
	font-weight: normal;
	font-size: 10px;
	line-height: 1.25;
	text-align: center;
	padding-bottom: 7px;
}

/* ============================================================================= */
/* --- ◆ .kbx ----------------------------------------------------------------- */
/* ============================================================================= */
/*
	01	トップページ			index.html			top.jpg

	02	太陽光発電				taiyoukou.html		taiyoukou.jpg
	03	電気温水器				denkionsuiki.html	denkionsuiki.jpg
	04	エコキュート			ecocute.html		ecocute.jpg
	05	IHクッキングヒーター	ih.html				ih.jpg
	06 	水廻り		      		mizumawari.html		mizumawari.jpg

	07	会社概要				company.html		company.jpg		背景同じ x6
	08	当社施工例				sekourei.html		sekourei.jpg	〃
	09	イベント情報			event.html			event.jpg		〃
	10	メンテナンス			mente.html			mente.jpg		〃
	11	お客様の声				koe.html			koe.jpg			〃
	12	お問い合わせ			otoiawase.html		otoiawase.jpg	〃

	1024 x 350
*/

.kbx {
}
.kbxfig {
}
.kbxfig .tit {
}
.kbxfig .tit img {
	width: 100%;
	max-width: 1024px;
}

/* ============================================================================= */
/* --- ◆ トップページ　注目コンテンツ ------------------------------------------- */
/* ============================================================================= */
.feature {
	margin-top: 30px;
}
.feature img {
	width: 100%;
	max-width: 1024px;
}
/* ============================================================================= */
/* --- ◆ Base Layout ( 2カラム左固定 ) ---------------------------------------- */
/* ============================================================================= */
/*
	・.cbx は、Homeを含め、全頁に共通。

	・.cbxin / .sbx / .mbx / .sbxoff は、Homeには存在しない。

	・.cbxin の代わりに、Homeには .cbxinhm を設置。（詳細はHomeの項に記載）

	<!-- ▼▼▼.cbx -->
	<div class="cbx">
		<div class="cbxin">
			<!-- ▼▼.sbx -->
			<div class="sbx">
				<div class="sbxin">
					<!-- ▼.sbxon -->
					<div class="sbxon"><!-- JS( insert .sbxoff ) --></div>
				</div><!-- .sbxin END -->
			</div><!-- .sbx END -->
			<!-- ▼▼.mbx -->
			<div class="mbx">


				.mbx


				<!-- ▼.sbxoff -->
				<div class="sbxoff">


					.sbxoff


				</div><!-- .sbxoff END -->
			</div><!-- .mbx END -->
		</div><!-- .cbxin END -->
	</div><!-- .cbx END -->

	.cbx
		left:	6px
		right:	6px
		width:	1012 = 1024 - ( 6 + 6 )

	.cbxin		max 1012
	.mbx		max  797 = 1012 - 215
*/

.cbxin {
	display: table;
	width: 100%;
}
.sbx,
.mbx {
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
.sbx {
	width: 215px;
}
.sbxin {
	padding-right: 15px;
}
.sbxon {
}
.mbx {
}
.sbxoff {
	display: none;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 850px) {
	.sbx {
		width: 200px;
	}
}
@media screen and (max-width: 800px) {
	.sbx {
		width: 180px;
	}
}
@media screen and (max-width: 750px) {
	.sbx {
		width: 160px;
	}
}
@media screen and (max-width: 700px) {
	.sbx {
		width: 140px;
	}
}
@media screen and (max-width: 650px) {
	.sbx {
		width: 120px;
	}
}
@media screen and (max-width: 560px) {
	.cbxin,
	.sbx,
	.mbx {
		display: block;
		width: auto;
	}
	.sbx {
		display: none;
	}
	.sbxoff {
		display: block;
	}
}

@media screen and (max-width: 767px) {
	.cbx {
	padding: 60px 0;
}
}
/* ============================================================================= */
/* --- ◆ SPbanners ------------------------------------------------------------ */
/* ============================================================================= */

/* ------------------------------------- */
/* ◆ 基本 */
/* ------------------------------------- */

.spbnrbx {
}
.spbnrs {
}
.spbnrs ul {
	list-style-type: none;
}
.spbnrs li {
}
.spbnr {
}
.spbnr span {
	display: block;
	width: 100%;
	max-width: 200px;
}
.spbnr a {
	display: block;
	text-decoration: none;
	border: solid 1px #003260;
}
.spbnr a:hover {
	border-color: #00b9ef;
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.spbnr img {
	width: 100%;
	max-width: 198px;
}

/* ◆ バナー下：案内文字 */

.spbnrs .cpt {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0.02em;
	padding-top: 2px;
	text-align: center;
	color: #003260;
	display: none;
}
@media screen and (max-width: 700px) {
	.spbnrs .cpt {
		display: block;
	}
}

/* ------------------------------------- */
/* ◆ .sbxon ( サイド ) 格納時 */
/* ------------------------------------- */

.sbxon .spbnrs li {
	padding-bottom: 12px;
}

/* ------------------------------------- */
/* ◆ .sbxoff ( .mbx内ボトム ) 格納時 */
/* ------------------------------------- */

.sbxoff {
	padding-top: 10px;
}
.sbxoff .spbnrs ul {
}
.sbxoff .spbnrs li {
	width: 33.3%;
	float: left;
	padding-bottom: 3px;
}
.sbxoff .spbnr {
	padding: 5px 5px 0 5px;
}
.sbxoff .spbnrs .cpt {
}

/* ------------------------------------- */
/* ◆ .homespbnr ( Home ) 格納時 */
/* ------------------------------------- */
/*
	※Homeのみ、画像の高さが異なる。

	Home		h 118	1.2040816		120		1.2
	その他		h  98					100
*/

.homespbnr {
	padding: 35px 3px 0 6px;
}
.homespbnr .spbnrs li {
	width: 20%;
	float: left;
	padding-bottom: 7px;
}
.homespbnr .spbnr {
	padding: 0 3px 0 0;
}

/* ◆ キャプション */

.homespbnr .cpthm {
	font-weight: normal;
	font-size: 12px;
	line-height: 1.68;
	padding: 5px 5px 0 1px;
}
.homespbnr .cpthm .kwskwkcr {
	display: inline-block;
}
.homespbnr .cpthm .kwskwkcr img {
	vertical-align: middle;
}
.homespbnr .cpthm .kwskwkcr a {
	text-decoration: none;
	color: #4b4848;
}
.homespbnr .cpthm .kwskwkcr a:hover {
	background: #f1ffac;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 600px) {
	.homespbnr {
		padding: 35px 6px 0 6px;
	}
	.homespbnr .spbnrs li {
		width: 33.3%;
	}
	.homespbnr .spbnr {
		padding: 5px 5px 0 5px;
	}
	.homespbnr .cpthm {
		padding: 5px 5px 0 5px;
	}
}
@media screen and (max-width: 400px) {
	.homespbnr .spbnrs li {
		width: 50%;
	}
}

/* ============================================================================= */
/* --- ◆ .mbx内 見出し / p 各種 / list 各種 / --------------------------------- */
/* ============================================================================= */

/* ------------------------------------- */
/* ◆ 見出し：青地に白抜き */
/* ------------------------------------- */
/*
				<!-- ～ -->
				<div class="titbbwrp"><h3 class="tit rm1c">～</h3></div>

	※ bb = Blue Belt
*/

.titbbwrp .tit {
	font-weight: normal;
	font-size: 180%;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-align: center;
	padding: 10px 5px;
	border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #00b9ef;
	color: #ffffff;
}

/* ◆ Home 小文字付き */

.titbbwrphm {
}
.titbbwrphm .tit {
	font-size: 100%;
	padding: 4px 5px 8px 5px;
}
.titbbwrphm .tit span.ft1 {
	font-size: 204%;
	line-height: 1.08;
}
.titbbwrphm .tit span.ft2 {
	font-size: 80%;
	line-height: 1;
}
.titbbwrphm .tit span.ft1,
.titbbwrphm .tit span.ft2 {
	display: block;
}
.titbbwrphm .tit br {
	display: none;
}

/* ------------------------------------- */
/* ◆ 見出し：白地に青枠・青文字 */
/* ------------------------------------- */
/*
				<!-- ～ -->
				<div class="titwbwrp"><h3 class="tit rm1c">～</h3></div>

	※ wb = White Back
*/

.titwbwrp {
	padding: 10px 0 0px 0;
}
.titwbwrp .tit {
	font-weight: normal;
	font-size: 180%;
	letter-spacing: 0.05em;
	line-height: 1.25;
	text-align: center;
	padding: 9px 5px;
	border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: solid 1px #48b8e1;
	background: #ffffff;
	color: #48b8e1;
}

/* ------------------------------------- */
/* ◆ p 各種 */
/* ------------------------------------- */

/* ◆ .txtype1 */
/*
				<p class="txtype1 txjf">～</p>

	ex.
	・リニューアル中告知文
	・エコキュート等の説明文
*/

p.txtype1 {
	font-size: 110%;
	letter-spacing: 0.01em;
	line-height: 1.86;
}

/* ◆ .txchuright */
/*
				<p class="txchuright" align="right">～</p>

	ex.
	・イベント情報、告知画像下
*/

p.txchuright {
	font-size: 100%;
	letter-spacing: 0.01em;
	line-height: 1.5;
}

/* ------------------------------------- */
/* ◆ list 各種 */
/* ------------------------------------- */

/* ◆ .litype1 */
/*
				<ul class="litype1">
					<li class="txjf">～</li>
				</ul>

	ex.
	・エコキュート「非常時にも」説明文
	・電気温水器	〃
*/

ul.litype1 {
	margin-left: 20px;
}
ul.litype1 li {
	font-size: 110%;
	letter-spacing: 0.01em;
	line-height: 1.86;
}

/* ============================================================================= */
/* --- ◆ SP 各種解説画像 ------------------------------------------------------ */
/* ============================================================================= */
/*
				<div class="figdscrpt">
					<div class="fig ***"><span><img src="pic/figdscrpt/***.***" border="0" alt="" /></span></div>
				</div>

	・エコキュート等の解説画像
	・figdscrpt = fig Description

	48.0075%

	moon.png		w 336
	moonbk.gif		w 780
	moonall.gif		w 780

	gas1.jpg		w 195

	hand1.gif		w 162
	hand2.gif		w 162
	hand3.gif		w 162

	wtrball1.jpg	w 136

	family1.gif		w 194

	taiyo1.gif		w 782
	taiyo2.gif		w 667

	denon1.jpg		w 652

	ecoq1.gif		w 683

	ih1.gif			w 713
	ih2.jpg			w 480
	ih3.gif			w 774
	ih4.jpg			w 310
*/

/* ◆ 基本 */

.figdscrpt {
}
.figdscrpt .fig {
	padding: 25px 0 10px 0;
}
.figdscrpt span {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.figdscrpt img {
	width: 100%;
}

/* ◆ 太陽光発電 */

.figdscrpt .taiyo2 {
	padding-top: 50px;
}
.figdscrpt .hand3 {
	padding: 30px 20% 50px 20%;
}

.figdscrpt .taiyo1 span {
	max-width: 782px;
}
.figdscrpt .taiyo2 span {
	max-width: 667px;
}
.figdscrpt .hand3 span {
	max-width: 162px;
}

/* ◆ 電気温水器 */

.figdscrpt .denon1 {
	padding: 40px 0 1px 0;
}
.figdscrpt .moonall {
	padding: 45px 0 3px 0;
}
.figdscrpt .gas1 {
	padding: 42px 25% 8px 25%;
}
.figdscrpt .hand2 {
	padding: 21px 20% 5px 20%;
}

.figdscrpt .denon1 span {
	max-width: 652px;
}
.figdscrpt .moonall span {
	max-width: 780px;
}
.figdscrpt .gas1 span {
	max-width: 195px;
}
.figdscrpt .hand2 span {
	max-width: 162px;
}

/* ◆ エコキュート */

.figdscrpt .ecoq1 {
	padding: 44px 0 10px 0;
}
.figdscrpt .hand1 {
	padding: 49px 20% 10px 20%;
}
.figdscrpt .wtrball1 {
	padding: 20px 30% 5px 30%;
}

.figdscrpt .ecoq1 span {
	max-width: 683px;
}
.figdscrpt .hand1 span {
	max-width: 162px;
}
.figdscrpt .wtrball1 span {
	max-width: 136px;
}

/* ◆ IHクッキングヒーター */

.figdscrpt .ih1 {
	padding: 25px 0 16px 0;
}
.figdscrpt .ih2 {
	padding: 14px 0 2px 0;
}
.figdscrpt .ih2 span {
	margin: 0;
}
.figdscrpt .ih3 {
	padding: 15px 0 2px 0;
}
.figdscrpt .ih4 {
	padding: 25px 10% 2px 10%;
}
.figdscrpt .family1 {
	padding: 15px 25% 0 25%;
}

.figdscrpt .ih1 span {
	max-width: 713px;
}
.figdscrpt .ih2 span {
	max-width: 480px;
}
.figdscrpt .ih3 span {
	max-width: 774px;
}
.figdscrpt .ih4 span {
	max-width: 310px;
}
.figdscrpt .family1 span {
	max-width: 194px;
}

/* ◆ 水廻り */

/* ============================================================================= */
/* --- ◆ HOME index.html ------------------------------------------------------ */
/* ============================================================================= */

/* ------------------------------------- */
/* ◆ .cbxinhm：Home専用枠 */
/* ------------------------------------- */
/*
	※ .cbxinhm は、Home専用の.cbxin
*/

.cbxinhm {
}

/* ------------------------------------- */
/* ◆ Menu */
/* ------------------------------------- */

/* ◆ Menu Box 直上タイトル */

.onhmenubx {
	padding-bottom: 0;
}

/* ◆ Menu Box */

.hmenubx {
	padding-bottom: 35px;
}
.hmenubxin {
}
.hmenubx ul {
	list-style-type: none;
}
.hmenubx li {
	width: 100%;
	max-width: 16.6666666%; /* = 100 / 6 */
	float: left;
}
.hmenubx .iconwrp {
	padding: 5px 2px 5px 2px;
}
.hmenubx .iconwrp span {
	display: block;
	width: 100%;
	max-width: 162px;
	margin: 0 auto;
}
.hmenubx .iconwrp a {
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
}
.hmenubx .iconwrp-b a {
	border-bottom: solid 4px #00a0e9;
}
.hmenubx .iconwrp-g a {
	border-bottom: solid 4px #23ac38;
}
.hmenubx .iconwrp a:hover {
	border-color: #baedff;
	background: #f7ffff;
}
.hmenubx .iconwrp img {
	width: 100%;
	max-width: 108px;
	margin: 0 auto;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 410px) {
	.hmenubx li {
		max-width: 33.33333%;
	}
}

/* ------------------------------------- */
/* ◆ Information */
/* ------------------------------------- */

.hminfobx {
}
.hminfobxin {
	padding: 8px 10px 43px 9.7%;
}
.hminfobx ul {
	list-style-type: none;
}
.hminfobx li {
	padding: 0 0 1em 0;
}

.hminfobx .infodate,
.hminfobx .infoicon,
.hminfobx .infodcbx {
	display: inline-block;
	vertical-align: top;
}

.hminfobx .infodate {
	padding-right: 4%;
}
.hminfobx .infoicon {
	padding-right: 3%;
	margin-top: 4px;
}

.hminfobx .infodate {
	letter-spacing: 0.1em;
	line-height: 1.86;
}
.hminfobx .infoicon {
}
.hminfobx .infoicon span {
	display: block;
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	padding: 2px 0;
	width: 60px;
	background: #434343;
	color: #ffffff;
}
.hminfobx .infodcbx {
	letter-spacing: 0.01em;
	line-height: 1.86;
}

.top-notice {
	padding: 8px 20px 43px 9.7%;
}
.top-notice h4 {
	border-top: 1px solid black;
	padding: 2.75rem 0 1.5rem;
	line-height: 2rem;
	font-size: 150%;
	font-weight: bold;
}
.top-notice h5 {
	padding: 2rem 0 1.25rem;
	line-height: 1.5rem;
	font-size: 125%;
	font-weight: bold;
}
.top-notice p {
	line-height: 1.75rem;
	margin-bottom: 1rem;
}
.top-notice p br {
	display: block;
}

@media screen and (max-width: 410px) {
	.top-notice p br {
		display: none;
	}
}

/* ------------------------------------- */
/* ◆ Event */
/* ------------------------------------- */

/* ◆ Info Box 直上タイトル */

.onhmeventbx {
	padding-bottom: 5px;
}

/* ◆ Info Box */

.hmeventbx {
	padding-bottom: 8px;
}
.hmeventbxin {
}
.hmeventbx .entfig {
	width: 100%;
	max-width: 1012px;
}
.hmeventbx .entfig a {
	display: block;
	text-decoration: none;
	border: solid 4px #cfdc00;
}
.hmeventbx .entfig a:hover {
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
	border-color: #f2ff00;
	background: #ffff00;
}
.hmeventbx .entfig img {
	width: 100%;
}

/* ============================================================================= */
/* --- ◆ 太陽光発電 taiyoukou.html -------------------------------------------- */
/* ============================================================================= */

p.taiyotxchuright {
	font-size: 11px;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 374px) {
	p.taiyotxchuright {
		text-align: left;
	}
} /* iPhone6未満 */

/* ============================================================================= */
/* --- ◆ 電気温水器 denkionsuiki.html ----------------------------------------- */
/* ============================================================================= */

/* ============================================================================= */
/* --- ◆ エコキュート ecocute.html -------------------------------------------- */
/* ============================================================================= */

/* ============================================================================= */
/* --- ◆ IHクッキングヒーター ih.html ----------------------------------------- */
/* ============================================================================= */

/* ============================================================================= */
/* --- ◆ 水廻り mizumawari.html ----------------------------------------------- */
/* ============================================================================= */
/*
	※ リニューアル中
*/

/* ============================================================================= */
/* --- ◆ 会社概要 company.html ------------------------------------------------ */
/* ============================================================================= */

/* --------------------------- */
/* ◆ 会社概要 */
/* --------------------------- */

.kaishyagaiyo {
	padding-top: 40px;
	padding-bottom: 40px;
}
.kaishyagaiyo .wrpline {
	display: table;
	width: 100%;
	padding: 0 0 1.24em 0;
}
.kaishyagaiyo .wrpbx {
	display: table-cell;
	vertical-align: top;
}
.kaishyagaiyo .wrpin {
	font-weight: normal;
	font-size: 130%;
	letter-spacing: 0.1em;
	line-height: 1.25;
}
.kaishyagaiyo .wrpbx1 {
	text-align: right;
	width: 25.5%;
}
.kaishyagaiyo .wrpbx2 {
	text-align: left;
	width: 74.5%;
}
.kaishyagaiyo .wrpbx1 .wrpin {
	padding-right: 14.4%;
}
.kaishyagaiyo .wrpbx2 .wrpin {
	padding-left: 4.7%;
}

/* --------------------------- */
/* ◆ アクセス */
/* --------------------------- */

.gglmapbx {
	padding: 40px 0;
}
.gglmapbx iframe {
	width: 100%;
	max-width: 797px;
}
.gglmapbx .goggmap {
	padding: 7px 3px 0 0;
}
.gglmapbx .goggmap span {
}
.gglmapbx .goggmap a {
	display: block;
	text-decoration: none;
	width: 100%;
	max-width: 144px;
}
.gglmapbx .goggmap a:hover {
	background: #efff9d;
}
.gglmapbx .goggmap img {
	width: 100%;
	max-width: 144px;
}

/* ============================================================================= */
/* --- ◆ 当社施工例 sekourei.html --------------------------------------------- */
/* ============================================================================= */
/*
	※ リニューアル中
*/

/* ============================================================================= */
/* --- ◆ イベント情報 event.html ---------------------------------------------- */
/* ============================================================================= */

.eventfig {
	padding: 5px 3px 5px 3px;
}
.eventfig .fig {
}
.eventfig span {
	display: block;
	max-width: 700px; /* ←※ イベント画像最大幅：その都度修正 */
	margin: 0 auto;
}
.eventfig a {
	display: block;
	text-decoration: none;
	width: 100%;
}
.eventfig a:hover {
	filter: alpha(opacity=85); /* 半透 */
	-moz-opacity: 0.85;
	opacity: 0.85;
}
.eventfig img {
	width: 100%;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 370px) {
	p.eventtxchuright {
		font-size: 90%;
	}
}
@media screen and (max-width: 319px) {
	p.eventtxchuright {
		text-align: left;
	}
} /* iPhone4未満 */

/* ============================================================================= */
/* --- ◆ メンテナンス mente.html ---------------------------------------------- */
/* ============================================================================= */

.mntmadoguchi {
	padding: 23px 2% 15px 2.6%;
}
.mnttelfig {
	width: 100%;
	max-width: 737px;
}
.mnttelfig a {
	display: block;
	text-decoration: none;
	width: 100%;
}
.mnttelfig a:hover {
	background: #f1ffac;
}
.mnttelfig img {
	width: 100%;
}

.mnttelfig span.telswch2 {
	padding: 0;
}
.mnttelfig .tit {
}
.mnttelfig .pid {
}
.mnttelfig .tel {
}
.mnttelfig1 {
}
.mnttelfig2 {
}
.mnttelfig3 {
}
.mnttelfig4 {
}
.mnttelfig5 {
}

/* ============================================================================= */
/* --- ◆ お客様の声 koe.html -------------------------------------------------- */
/* ============================================================================= */
/*
	※ リニューアル中
*/

/* ============================================================================= */
/* --- ◆ お問い合わせ otoiawase.html ------------------------------------------ */
/* ============================================================================= */

/* --------------------------- */
/* ◆ Form */
/* --------------------------- */

/* ◆ ベースとなるレイアウト */

.formbx {
}
.formbxin {
	padding: 12px 5.73% 0 5.8%;
}
.formbx .fline {
	padding-bottom: 21px;
}
.formbx .flinein {
}
.formbx .flinein1 {
	width: 205px;
	float: left;
}
.formbx .flinein2 {
	margin-left: 207px;
}

/* ◆ 必須・任意 / 項目名 */

.formbx .kmkwrp {
	padding-top: 5px;
}
.formbx .hsninwrp,
.formbx .koumkwrp {
	display: inline-block;
}

.formbx .hsninwrp {
	padding-right: 14px;
}
.formbx .hisnin {
	display: block;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0.1em;
	line-height: 1;
	text-align: center;
	width: 41px;
	padding: 4px 0;
	color: #ffffff;
}
.formbx .hissu {
	background: #e60013;
}
.formbx .ninni {
	background: #00479d;
}

.formbx .koumkwrp {
}
.formbx .koumk {
}
.formbx label {
	font-size: 105%;
	letter-spacing: 0.02em;
	line-height: 1.25;
}

/* ◆ 入力欄 */

.formbx .nurykwrp {
}
.formbx .nuryk {
}
.formbx input[type="text"] {
	width: 99.5%;
	height: 31px;
}
.formbx textarea {
	width: 100%;
	height: 180px;
}

/* ◆ ボタン */

.formbx .sndbtn {
	clear: both;
	padding: 24px 0 12px 0;
	text-align: center;
}
.formbx .sndbtnin {
	width: 100%;
	max-width: 295px;
	margin: 0 auto;
}
.formbx .btnwrp {
	width: 100%;
	float: right;
	text-align: left;
}
.formbx .btnwrp1 {
	max-width: 200px;
}
.formbx .btnwrp2 {
	max-width: 95px;
	padding-top: 11px;
}

.formbx .btn-style {
}
.formbx .btnwrp1 .btn-style {
}
.formbx .btnwrp2 .btn-style {
}

.formbx .btn-style input[type="submit"] {
	font-weight: normal;
	font-size: 150%;
	letter-spacing: 0.02em;
	line-height: 1.25;
	text-align: center;
	border: none;
	border-radius: 4px; /* 角丸 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 13px 0 13px 0;
	background: #00b9ef;
	color: #ffffff;
	width: 100%;
	max-width: 200px;
}
.formbx .btn-style input[type="submit"]:hover {
	cursor: pointer;
	background: #e8ff56;
	color: #4b4848;
}

.formbx .btn-style input[type="reset"] {
	font-size: 90%;
	padding: 4px 5px 3px 5px;
}
.formbx .btn-style input[type="reset"]:hover {
	cursor: pointer;
}

/* ◆ 簡易 Validation：エラー表示 */
/*
	JS連動
*/

.formbx span.error {
	display: block;
	padding-top: 3px;
	color: #ff0000;
}

/* ====== */
/* ◆切替 */
/* ====== */

@media screen and (max-width: 800px) {
	.formbx .flinelong .flinein1 {
		width: auto;
		float: none;
	}
	.formbx .flinelong .flinein2 {
		margin-left: 0;
		padding-top: 2px;
	}
}
@media screen and (max-width: 660px) {
	.formbx .flinein1 {
		width: auto;
		float: none;
	}
	.formbx .flinein2 {
		margin-left: 0;
		padding-top: 2px;
	}
}
@media screen and (max-width: 359px) {
	.formbx .sndbtnin {
		width: auto;
		max-width: none;
		margin: 0 auto;
	}
	.formbx .btnwrp {
		width: auto;
		float: none;
		text-align: center;
	}
	.formbx .btnwrp1 {
		max-width: none;
	}
	.formbx .btnwrp2 {
		max-width: none;
		padding-top: 24px;
	}
}

/* 開発時 */

.titbbwrphm- {
	filter: alpha(opacity=55); /* 半透 */
	-moz-opacity: 0.55;
	opacity: 0.55;
}
.cage {
	-background: url("../pic/top.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/top100.png") no-repeat 0 0;
}

.cage {
	-background: url("../pic/taiyo.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/denon.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/ecoq.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/ih.jpg") no-repeat 0 0;
}

.cage {
	-background: url("../pic/kaishya.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/sekourei.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/event.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/mente.jpg") no-repeat 0 0;
}
.cage {
	-background: url("../pic/otoi.jpg") no-repeat 0 0;
}

.sbxon {
	-background: #c50067;
}
.mbx {
	-background: #008f93;
}

/*
	01	トップページ			済

	02	太陽光発電				済
	03	電気温水器				済
	04	エコキュート			済
	05	IHクッキングヒーター	済
	06 	水廻り		      		済

	07	会社概要				済
	08	当社施工例				済
	09	イベント情報			済
	10	メンテナンス			済
	11	お客様の声				済
	12	お問い合わせ
*/