@charset "utf-8";
/* CSS Document */

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

.grecaptcha-badge { visibility: hidden; }
.grecaptcha_txt{
    text-align: left;
    font-size: 13px;
}

/*---------------------------------------------------*/
/* 共通設定
-----------------------------------------------------*/
body {
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.05em;
	background:#000;
	margin:0;
	padding:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
html,body {height: 100%; }

a{ }
	a:hover{ text-decoration:none;}
	a:hover img{
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		background:none!important; }
section,div,p,ul,ol,li,dl,dt,dd,table,h1,h2,h3,table *,input,textarea{
	box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;/* 内幅 */}

/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
header{
	background:#222222;}
	header p#logo{
		padding:10px 0;
		float:left;}
	header .contact{
		float:right;}
		header .contact *{
			vertical-align:middle;}
			header .contact .phone,
			header .contact .line{
				margin-right:16px;}

#head h1{
	text-align:left;
	color:#888888;
	font-weight:normal;
	font-size:12px;}

/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
footer{
	color:#555555;
	font-size:13px;
	background:#222222;
	padding:24px 0;}
footer > img {
	margin-bottom:8px;}

/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
section p:not([class]),
section li,
section table td{
	text-align:left;}
#pc section p:not([class]),
#pc section li{
	font-size:18px;}
section p:not([class]){
	margin-bottom:16px;}
section p.catch{
	font-size:20px;
	text-align:center;}
.yellow{
	color:yellow;}
ul.info li,
p.info{
	text-align:left;
	padding-left:1.0em;
	position:relative;}
	ul.info li:before,
	p.info:before{
		position:absolute;
		content:'※';
		top:0;
		left:0;}
ul.info{
	list-style:none;
	padding-inline-start:0;}

/* 画像位置 */
img{
	max-width:100%;
	height:auto;}
.aligncenter,
iframe,
twitterwidget{
    display: block;
    margin: 0 auto 16px;}
.alignright {
	float: right;
	margin-left:32px;}
	.alignright .alignright{
		margin-left:0;}
.alignleft {
	float: left;
	margin-right:32px;}
	.alignleft .alignleft{
		margin-right:0;}
.aligncenter,
.alignright,
.alignleft{
	margin-bottom:16px;}

	
/* メイン
-----------------------------------------------------*/
#main{
	background:url(../images/main_bg.png) no-repeat center top;}
#main .contact{
	padding:24px 0 16px;
	background:url(../images/main_contact.png) repeat-y center top;}
	
/* ご存知ですか？LED球切れは修理可能という事実
-----------------------------------------------------*/
#block1{
	padding:32px 0;}
#block1 h2,
#block1 > div{
	margin-bottom:32px;}
#block1 .catch{
	margin:56px 0 32px;}
	
/* 解決可能
-----------------------------------------------------*/
#block2{
	background:url(../images/block2_bg.png) no-repeat center top;}
	
/* さらに
-----------------------------------------------------*/
#block3{
	background:url(../images/block3_bg.png) no-repeat center top;}
#pc #block3 .check{
	height:280px;}
	
/* 強み
-----------------------------------------------------*/
#block4 h2{
	margin-bottom:24px;}
#block4 > section{
	color:#000;
	background:url(../images/block4_box-bg_bottom.png) no-repeat left bottom,url(../images/block4_box-bg.png) no-repeat left top;}
#pc #block4 > section{
	width:1022px;
	padding-bottom:24px;
	margin:0 auto 32px;}
#pc #block4 > section p{
	padding:8px 56px 0;}
#pc #block4 > section ul{
	margin:8px 56px 0 24px;}
#pc #block4 > section .alignright{
	margin-right:32px;}
	
/* これだけ高品質なユニット修理がユニット交換の最大70％OFFで施工可能です
-----------------------------------------------------*/
#block5{
	padding:32px 0;}
#block5 h2{
	margin-bottom:40px;}
#block5 > div{
	margin-bottom:56px;}
#pc #block5{
	width:1000px;
	margin:0 auto;}
	
/* 圧倒的な施工事例
-----------------------------------------------------*/
#block6{
	padding:32px 0;}
#block6 h2{
	margin-bottom:40px;}
#block6 .inner > section:not(.other){
	background:url(../images/block6_box_top.png) no-repeat center top,url(../images/block6_box_bottom.png) no-repeat left bottom,url(../images/block6_box_bg.png) repeat-y center;}
#block6 section:not(.other) h3{
	text-align:left;
	margin-bottom:24px;
	background:url(../images/block6_box_ttl.png) no-repeat right center;}
#block6 section:not(.other) p{
	padding-bottom:32px;
	background:url(../images/block6_line.png) no-repeat center bottom;}

#block6 .inner > section:not(.other){
	padding:32px 20px;
	margin-bottom:40px; }
#block6 section:not(.other) h3{
	font-size:26px;
	padding-left:56px;
	line-height:69px;
	background:url(../images/block6_box_ttl.png) no-repeat center center;}
#block6 .other h3{
	text-align:left;
	font-size:26px;
	padding:24px 24px 0;
	background:url(../images/block6_other-ttl.png) no-repeat center top;}

#pc #block6{
	width:1000px;
	margin:0 auto;}
	
/* ご依頼いただいた業者様からの満足度は100％です。
-----------------------------------------------------*/
#block7{
	margin-bottom:16px;
	background:url(../images/block7_bg.png) no-repeat center;}
	
/* 施工の流れ
-----------------------------------------------------*/
#block8{
	padding:32px 0;}
#block8 h2,
#block8 h3{
	margin-bottom:24px;}
#block8 .inner > section{
	margin-bottom:40px;}


#pc #block8{
	width:1000px;
	margin:0 auto;}
#pc #block8 .inner{
	width:960px;
	margin:0 auto;}
#pc #block8 .inner > section p{
	overflow: auto;}

	
/* 施工の流れ
-----------------------------------------------------*/
#block9{
	background:url(../images/block9_bg.png) no-repeat center top;}

	
/* 施工の流れ
-----------------------------------------------------*/
#block10{
	margin-bottom:56px;}
#block10 h2{
	margin-bottom:24px;}

	
/*よくあるご質問
-----------------------------------------------------*/
#qa{
	padding-bottom:1px;
  background: -moz-linear-gradient(left, #2a2a2c, #221914);
  background: -webkit-linear-gradient(left, #2a2a2c, #221914);
  background: linear-gradient(to right, #2a2a2c, #221914);}
#qa h2{
	margin-bottom:24px;}
#qa h3{
	color:yellow;
	font-size:24px;
	padding-left:72px;
	text-align:left;
	line-height:99px;
	background:url(../images/qa_q.png) no-repeat left top;}
#qa .inner > section{
	margin-bottom:32px;}
#qa .inner section p{
	min-height:67px;
	background:url(../images/qa_a.png) no-repeat left top;}
#pc #qa{
	width:1000px;
	margin:0 auto;}
#pc #qa .inner{
	width:960px;
	margin:0 auto;}
#pc #qa .inner section p{
	padding:0 72px;}
	
/* 施工の流れ
-----------------------------------------------------*/
#pc #block11{
	width:1000px;
	margin:0 auto;}
	
/* 挨拶
-----------------------------------------------------*/
#block12{
	background:url(../images/block12_bg.png) no-repeat center bottom;}
#block12 h2{
	background:url(../images/block12_ttl-bg.png) no-repeat center center;}
#pc #block12 p{
	font-size:20px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-shadow:1px 1px 4px #000;}
#pc #block12 .inner{
	width:1000px;
	margin:0 auto;
	padding:24px 0 24px 320px;}

/* お見積り・お問合わせ
-----------------------------------------------------*/
section#form{
	color:#000;
	padding-bottom:48px;
	background:#e4e4e4;}
section#form h2,
#form h1{
	padding:56px 0;
	margin-bottom:32px;
	background:#720000 url(../images/ttl_bg-red.jpg) no-repeat center center;}
section#form > p{
	font-size:18px;}
section#form table#contact{
	width:100%;
	margin-bottom:32px;
	background:#fff;}
	section#form table#contact th,
	section#form table#contact td{
		padding:12px 16px;
		border-bottom:1px solid #e4e4e4;}
	section#form table#contact th{
		text-align:left;
		white-space:nowrap;
		background:#f2f2f2;}
	section#form table#contact .required th{
		position:relative;}
		section#form table#contact .required th:after{
			position:absolute;
			right:8px;
			top:12px;
			content:url(../images/required.jpg);}
	section#form table#contact input{
		padding:4px;}
	section#form table#contact .wpcf7-list-item{
			  display:inline-block;
			  padding-right:16px;}
	section#form table#contact textarea{
		width:100%;}

	
/* 会社概要
-----------------------------------------------------*/
section#corporate{
	padding:72px 0 88px;}

section#corporate h2{
	font-size:40px;
	font-style:italic;
	margin-bottom:24px;}
section#corporate table{
	width:100%;
	background:#1e1e1e;}
	section#corporate table th,
	section#corporate table td{
		padding:8px 16px;
		border-bottom:1px solid #000;}
	section#corporate table th{
		white-space:nowrap;
		background:#000;}
	section#corporate table td{}


/*****************************************************************
/* PC
*****************************************************************/

/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
#pc header #head{
	width:1000px;
	margin:0 auto;}
#pc header .contact{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
	#pc header .contact .card,
	#pc header .contact address{
		display:inline-block;
		letter-spacing: normal; /* 文字間を元に戻す */}


/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/

/* お問合わせ */
#pc aside.contact{
	padding:48px 0;}
#pc aside.contact address{
	margin-bottom:32px;}
#pc aside.contact .line{
	display:inline-block;
	margin-bottom:32px;}
#pc aside.contact .phone{
	margin-right:12px;}


	
/* お見積り・お問合わせ
-----------------------------------------------------*/
#pc article#form p,
#pc section#form > p,
#pc section#form .wpcf7{
	width:1000px;
	margin:0 auto 32px;}

#pc section#form table#contact th span{
	display:block;}
#pc section#form table#contact .required th{
	padding-right:56px;}

#pc section#form .button{
	border: 0px;
	width:800px;
	height:120px;
	background:url(../images/submit.png) no-repeat center center;
	overflow: hidden; text-indent: 100%; white-space: nowrap;/* 画像置換 */}
	
/* 会社概要
-----------------------------------------------------*/
#pc section#corporate{
	width:1000px;
	margin:0 auto;}


/*****************************************************************
/* PC
*****************************************************************/
@media screen and (min-width: 769px) {
.sp{
	display:none;}


header #head{
	width:1000px;
	margin:0 auto;}
header .contact{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
	header .contact .card,
	header .contact address{
		display:inline-block;
		letter-spacing: normal; /* 文字間を元に戻す */}


}

/*****************************************************************
/* スマートフォン
*****************************************************************/
@media screen and (max-width: 768px) {
html{
	font-size: 62.5%;}
body#sp {
	font-size: 16px;
	font-size: 1.6rem;}

body , html {
    height: 100%;}

.pc{
	display:none;}
header {
	padding:0 2%;}
header #logo{
	padding:5px 0;
	max-width:48%;}
header .contact{
	margin-top:16px;
	max-width:48%;}

	
/* お見積り・お問合わせ
-----------------------------------------------------*/
#form h1{
	padding:24px 10px;
	margin-bottom:24px;}
article#form p{
	padding:0 10px;}


}

#sp img,
#sp aside input[type="image"]{
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	vertical-align:bottom; }

#sp #wrap{
	width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	overflow:hidden;}

/* 画像位置 */
#sp .aligncenter,
#sp .alignright,
#sp .alignleft{
	float:none;
	margin:0 auto 16px;
	display: block !important;}


/* お問合わせ */
#sp aside.contact{
	padding:32px 0;}
#sp aside.contact address{
	padding:0 10px;}
	#sp aside.contact address a{
		display:block;
		margin-bottom:16px;}
#sp aside.contact .line p{
	padding:10px;}
#sp aside.contact .line .friend_btn {
    display: inline-block;
    margin: 0 auto 24px;
    padding: 8px 32px;
    background: #00b900;
    border-radius: 80px;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;}
	#sp aside.contact .line .friend_btn img{
		width:auto;
		height:44px;}


	
/* メイン
-----------------------------------------------------*/
#sp #main{
	background-size:auto 100%;}
#sp #main > img{
	width:96%;}
	
/* ご存知ですか？LED球切れは修理可能という事実
-----------------------------------------------------*/
#sp #block1{
	padding:32px 10px 24px;}

/* さらに
-----------------------------------------------------*/
#sp #block3{
	background-size:auto 110%;}
#sp #block3 h2 img{
	max-width:33% !important;}
	
/* 強み
-----------------------------------------------------*/
#sp #block4 h2{
	margin-bottom:16px;}
#sp #block4 > section{
	padding-bottom:8px;
	background-size:100% auto,100% 100%;}
#sp #block4 > section p{
	padding:0 10px;
	margin-left:3%;}
#sp #block4 > section ul{
	margin-left:3%;
	padding-right:10px;
	padding-inline-start:24px;}
#sp #block4 .alignright{
	max-width:90% !important;}

	
/* これだけ高品質なユニット修理がユニット交換の最大70％OFFで施工可能です
-----------------------------------------------------*/
#sp #block5{
	padding:32px 10px;}
#sp #block5 h2{
	margin-bottom:32px;}
#sp #block5 > div{
	margin-bottom:40px;}
	
/* 圧倒的な施工事例
-----------------------------------------------------*/
#sp #block6 h2{
	margin-bottom:16px;}
#sp #block6 .inner{
	padding:0 10px;}
#sp #block6 .inner > section:not(.other){
	background-size:100% auto;}
#sp #block6 section:not(.other) h3{
	font-size:1.8rem;
	padding:8px 16px;
	line-height:normal;
	margin-bottom:16px;}
#sp #block6 .inner > section:not(.other){
	padding:16px 12px;
	margin-bottom:32px; }
#sp #block6 .other h3{
	font-size:1.8rem;
	background-size:100% auto;}
	
/* ご依頼いただいた業者様からの満足度は100％です。
-----------------------------------------------------*/
#sp #block7{
	padding:0 3%;}
	
/* 施工の流れ
-----------------------------------------------------*/
#sp #block8{
	padding-bottom:0;}
#sp #block8 h2,
#sp #block8 h3{
	margin-bottom:16px;}
#sp #block8 .inner {
	padding:0 10px;}

	
/* 施工の流れ
-----------------------------------------------------*/
#sp #block9{
	background-size:auto 100%;}
#sp #block9 div.img img{
	margin-top:-10%;}

	
/*よくあるご質問
-----------------------------------------------------*/
#sp #qa h2{
	margin-bottom:16px;}
#sp #qa h3{
	 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
	font-size:1.6rem;
	line-height:normal;
	min-height:99px;}
#sp #qa  .inner section p{
	padding:0 10px 0 72px;}
	
/* 挨拶
-----------------------------------------------------*/
#sp #block12{
	padding-bottom:8px;}
#sp #block12 h2{
	margin-bottom:16px;}
#sp #block12 p{
	text-shadow:1px 1px 4px #000;}
#sp #block12 .inner{
	padding:0 10px;}

	
	
/* お見積り・お問合わせ
-----------------------------------------------------*/
#sp section#form h2{
	padding:8px 10px;}
#sp section#form > p,
#sp section#form > div{
	padding:0 10px;
	font-size:1.6rem;}
#sp section#form table#contact{}
	#sp section#form table#contact th,
	#sp section#form table#contact td{
		display:block;}
	#sp section#form table#contact th{
		text-align:center;}
		#sp section#form table#contact th span{
			display:inline;}
		#sp section#form table#contact .required th:after{
			position:absolute;
			right:8px;
			top:12px;
			content:url(../images/required.jpg);}
	#sp section#form table#contact input{
		padding:4px;}
	#sp section#form table#contact input[type="text"],
	#sp section#form table#contact input[type="email"],
	#sp section#form table#contact input[type="tel"]{
		width:100%;}

#sp section#form .button{
	text-shadow:2px 2px 3px #003c7e;
	box-shadow:0px 0px 10px #666666;
	border:4px solid #fff;
	padding:12px 4%;
	color:#fcff00;
	font-weight:bold;
	font-size:3.2rem;
	min-height:44px;
	width:100%;
	border-radius:100px ; -webkit-border-radius:100px; -moz-border-radius:100px ;	/* 角丸 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0084f4+0,0064c3+50,0054a5+51,003c7e+100;Blue+Gloss+Default */
background: #003e72; /* Old browsers */
background: -moz-linear-gradient(top, #0084f4 0%, #0064c3 50%, #0054a5 51%, #003c7e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #0084f4 0%,#0064c3 50%,#0054a5 51%,#003c7e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #0084f4 0%,#0064c3 50%,#0054a5 51%,#003c7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084f4', endColorstr='#003c7e',GradientType=0 ); /* IE6-9 */
}
	
	
/* 会社概要
-----------------------------------------------------*/
#sp section#corporate{
	padding: 64px 2% 80px;}

#sp section#corporate table{}
	#sp section#corporate table th,
	#sp section#corporate table td{
		display:block;}
	#sp section#corporate table th{
		padding-top:20px;}


/* float解除 */
#pc #block8 .inner > section:after,
#pc #block4 > section:after,
#head:after{
	content: '';
	display: block;
	clear: both;}




/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
#sp footer{
	padding-bottom:116px;}
div#bnav{
	width:100%;
	position: fixed;
    bottom: 0;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
div#bnav a{
	letter-spacing: normal; /* 文字間を元に戻す */
	display:inline-block;}
div#bnav a.phone{
	width:45%;
	background: -moz-linear-gradient(top,#09264e 0%,#010204);
	background: -webkit-gradient(linear, left top, left bottom, from(#09264e), to(#010204));}
div#bnav a.form{
	width:40%;
	background: -moz-linear-gradient(top,#fd0000 0%,#650000);
	background: -webkit-gradient(linear, left top, left bottom, from(#fd0000), to(#650000));}
div#bnav a.line{
	width:15%;
	background:#008600;}
.pc-switcher{
	display:none;}


/*---------------------------------------------------*/
/* ヘッダー
-----------------------------------------------------*/
#sp header {
	padding:0 2%;}
#sp header #logo{
	padding:5px 0;
	max-width:48%;}
#sp header .contact{
	margin-top:16px;
	max-width:48%;}