@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,
section li,
section table td{
	text-align:left;}
section p{
	margin-bottom:16px;}
section p.catch{
	font-size:20px;
	text-align:center;}

ul.info{}
	ul.info li,
	p.info{
		padding-left:1.0em;
		position:relative;}
	ul.info li:before,
	p.info:before{
		position:absolute;
		content:'※';
		top:0;
		left:0;}

/* メイン
-----------------------------------------------------*/
#main{
	margin-bottom:72px;}
	
/* 30年のノウハウによって実現する感動のLED打ち替え
-----------------------------------------------------*/
section#block1{}

section#block1 h2{
	background:#1e1e1e;
	margin-bottom:40px;}

	
/* モデストは約束します！圧倒的3つの感動
-----------------------------------------------------*/
section#block2{
	padding-bottom:64px;}

section#block2 > section{
	padding:20px 50px;
	background:#1e1e1e url(../images/ttl_bg.png) no-repeat left top;}
		section#block2 section section {
			margin-bottom:40px;}
	section#block2 section h3{
		text-align:left;
		margin-bottom:32px;}
	section#block2 section h4{
		padding:7px 0;
		margin-bottom:32px;
		border-top:1px solid #004ea1;
		border-bottom:1px solid #004ea1;}
section#block2 .color{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
	section#block2 .color li{
		margin:0 2px;
		display:inline-block;
		letter-spacing: normal; /* 文字間を元に戻す */}
section#block2 div.catch{
	margin-top:40px;}
	section#block2 div.catch img{
		margin-bottom:24px;}
	section#block2 div.catch .info{
		color:#999999;}

	
/* 生涯保証ができる理由
-----------------------------------------------------*/
section#block3{
	padding-bottom:56px;
	background:#e4e4e4 url(../images/section_bg-gray.png) repeat-x top;}
section#block3 > section{
	color:#000;
	background:#fff;}
	section#block3 > section h3{
		font-weight:normal;
		text-align:left;
		font-family: "Sawarabi Mincho";
		color:#a78727;
		line-height:1.2;
		font-size:56px;
		padding:0 0 0 50px;
		margin-bottom:16px;
		background:url(../images/block3_catch-bg.png) no-repeat left center;}
	section#block3 > section > p{
		padding:0 50px;}

	
/* 施工実績
-----------------------------------------------------*/
section#block4{
	margin-bottom:72px;}

section#block4 img.arrow,
section#block4 div.catch{
	margin-bottom:32px;}
section#block4 .inner > section{
	padding:32px 50px 0;
	background:#1e1e1e url(../images/ttl_bg.png) no-repeat left top;}
section#block4 h3{
	text-align:left;
	margin-bottom:32px;}
section#block4 .ba{
	margin-bottom:24px;}
section#block4 table{
	padding:10px 8px;
	font-size:18px;
	width:100%;
	margin-bottom:10px;
	border:1px solid #004ea1;}
	section#block4 table th,
	section#block4 table td{
		vertical-align:top;}
	section#block4 table th{
		width:100px;
		font-weight:normal;}
	section#block4 table .price td{
		color:#fcff00;
		font-weight:bold;}
		section#block4 table .price td strong{
			font-size:25px;}
	section#block4 table .period td{
		font-weight:bold;
		font-size:21px;}
section#block4 .comment{
	padding:32px 50px;
	margin:0 -50px;
	background:#222222;}
	section#block4 .comment h4{
		color:#fcff00;
		font-size:24px;
		text-align:left;
		margin-bottom:8px;}
	section#block4 .comment > img{
		float:right;
		margin-left:24px;}

	
/* ご注意ください！こんなお問合わせ、増えてます！！
-----------------------------------------------------*/
section#block5{
	margin-bottom:56px;}

section#block5 h2{
	padding-bottom:40px;
	background:#fcff00 url(../images/block5_ttl-bg.jpg) repeat-x bottom;}
section#block5 .inner{
	background:url(../images/block5_bg.jpg) no-repeat center bottom;}
section#block5 .caution{
	background:#cc0000;}

	
/* Modestで施工するメリット・デメリット
-----------------------------------------------------*/
section#block6{
	padding-bottom:64px;
	background:#222222;}

section#block6 h2{
	padding:32px 0;
	margin-bottom:56px;
	background:#1e1e1e;}
section#block6 .table{
	margin-bottom:48px;}

	
/* プロからも選ばれるModestだからです！
-----------------------------------------------------*/
section#block7{
	padding-bottom:56px;
	margin-bottom:56px;
	background:#e4e4e4 url(../images/section_bg-gray.png) repeat-x top;}
section#block7 > section{
	text-align:left;
	color:#000;
	background:#fff url(../images/ttl_bg2.png) no-repeat left top;}
section#block7 h3{
	font-weight:normal;
	font-family: "Sawarabi Mincho";
	font-size:56px;
	margin-bottom:8px;}
section#block7 strong{
	color:#fff;
	font-size:20px;
	padding:4px 8px;
	margin-bottom:8px;
	display:inline-block;
	background:#f00;}

	
/* お客様から沢山の喜びの声を頂いております。
-----------------------------------------------------*/
section#block8{
	padding-bottom:32px;}
section#block8 h2{
	padding:32px 0;
	margin-bottom:56px;
	background:#1e1e1e;}
section#block8 p{
	text-align:center;
	margin-bottom:64px;}

	
/* 納品までの流れ
-----------------------------------------------------*/
section#block9{
	padding-bottom:32px;}
section#block9 h2{
	padding:64px 0;
	margin-bottom:56px;
	background:#1e1e1e;}
section#block9 h3{
	font-size:40px;
	font-style:italic;
	padding:8px 2%;
	border-radius:4px ; -webkit-border-radius:4px; -moz-border-radius:4px ;	/* 角丸 */}
	
section#block9 .acMenu{}
	section#block9 .acMenu > section{
		margin-bottom:32px;}
	section#block9 .acMenu h3{
		display:block;
		cursor:pointer;
		margin-bottom:8px;
		background:#003e72 url(../images/ttl_bg-bl.jpg) no-repeat left center;}
		section#block9 .acMenu h3.active{}
	section#block9 .acMenu section div{
		color:#000;
		background:#fff;
		display:none;
		padding:40px 50px;}
	section#block9 .acMenu dl.flow{
		text-align:left;}
	section#block9 .acMenu h4{
		margin-bottom:16px;}
	section#block9 .acMenu ul.shop{
		letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */}
		section#block9 .acMenu ul.shop li{
			text-align:center;
			letter-spacing: normal; /* 文字間を元に戻す */
			width:31%;
			margin:0 1% 24px;
			display:inline-block;}
		section#block9 .acMenu ul.shop img{
			display:block;
			margin:0 auto 8px;}
	section#block9 .acMenu .catch{
		font-weight:bold;
		font-style:italic;
		font-size:36px;}
section#block9 .box4{}
	section#block9 .box4 h3{
		margin-bottom:8px;
		background:#720000 url(../images/ttl_bg-red.jpg) no-repeat left center;}
	section#block9 .box4 > div{
		background:#dddddd;}
	section#block9 .box4 > div section{}
	section#block9 .box4 > div h4{
		font-size:24px;
		padding-left:16px;
		color:#003e72;
		text-align:left;
		margin-bottom:16px;
		border-left:10px solid #003e72;}
	section#block9 .box4 > div p{
		text-align:center;
		background:#fff;}

	
/* モデストの想い
-----------------------------------------------------*/
section#block11{
	padding-top:40px;
	margin-bottom:40px;}
	section#block11 .arrow{
		margin-bottom:-16px;}
	section#block11 .inner{
		padding:80px 0 64px;
		background:#1e1e1e;}

section#block11 h2{
	margin-bottom:56px;}
section#block11 p{
	font-size:20px;}

	
/* よくある質問
-----------------------------------------------------*/
section#block10{
	padding-bottom:64px;}
section#block10 h2{
	padding:64px 0;
	margin-bottom:56px;
	background:#1e1e1e;}
section#block10 dl{
	text-align:left;}
section#block10 dt{
	color:#ebbe54;
	font-weight:normal;
	padding-top:10px;
	font-size:26px;
	min-height:60px;
	margin-bottom:16px;
	padding-left:80px;
	position:relative;}
	section#block10 dt:before{
		position:absolute;
		top:0;
		left:0;
		content:url(../images/block10_q.jpg);}
section#block10 dd{
	padding-top:16px;
	font-size:20px;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #333333;
	min-height:90px;
	padding-left:80px;
	position:relative;}
	section#block10 dd:before{
		position:absolute;
		top:0;
		left:0;
		content:url(../images/block10_a.jpg);}

	
/* 注意事項
-----------------------------------------------------*/
section#block12{
	padding-bottom:64px;}
section#block12 h2{
	font-size:40px;
	font-style:italic;
	margin-bottom:16px;
	background:#720000 url(../images/ttl_bg-red.jpg) no-repeat left center;}
section#block12 h3{
	font-size:40px;
	color:#fcff00;
	font-style:italic;
	margin-bottom:24px;}
section#block12 ul.caution{
	text-align:left;
	margin-bottom:80px;}
section#block12 ul.caution li{
	font-size:22px;
	min-height:80px;
	margin-bottom:16px;
	padding:24px 32px 20px 80px;
	background:#1e1e1e;
	position:relative;}
	section#block12 ul.caution li:before{
		position:absolute;
		top:15px;
		left:15px;
		content:url(../images/block12_caution-icon.png);}
section#block12 ol li{
	margin-bottom:16px;}

	
/* お見積り・お問合わせ
-----------------------------------------------------*/
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
*****************************************************************/

@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; /* 文字間を元に戻す */}


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

/* お問合わせ */
aside.contact{
	margin-bottom:64px;}
aside.contact address{
	margin-bottom:24px;}
aside.contact .phone{
	margin-right:40px;}


/* メイン
-----------------------------------------------------*/
#main{
	background:url(../images/main_bg.jpg) no-repeat center top;}
#main h2{
	text-align:left;
	width:1000px;
	margin:0 auto;}
#main .contact{
	background:url(../images/main_works-bg.png) no-repeat center top;}
	#main .contact .pc{
		margin:32px 0 72px;}

	
/* 30年のノウハウによって実現する感動のLED打ち替え
-----------------------------------------------------*/
section#block1{
	margin-bottom:72px;}

section#block1 p{
	font-size:24px;
	width:1000px;
	margin:0 auto 40px;}

	
/* モデストは約束します！圧倒的3つの感動
-----------------------------------------------------*/
section#block2{
	width:1000px;
	margin:0 auto;}

	
/* 生涯保証ができる理由
-----------------------------------------------------*/
section#block3{}
section#block3 > section{
	width:1000px;
	margin:0 auto;
	padding:16px 0;}
	section#block3 > section h3{}
	section#block3 > section > p{
		padding:0 48px;}

	
/* 施工実績
-----------------------------------------------------*/
section#block4{}

section#block4 .inner{
	width:1000px;
	margin:0 auto;}
	
/* ご注意ください！こんなお問合わせ、増えてます！！
-----------------------------------------------------*/
section#block5{}

section#block5 .inner{
	margin-bottom:32px;}

section#block5 ul.voice{
	width:1000px;
	height:430px;
	margin:0 auto 56px;
	background:url(../images/block5_voice.png) no-repeat center center;
	overflow: hidden; text-indent: 100%; white-space: nowrap;/* 画像置換 */}

	
/* プロからも選ばれるModestだからです！
-----------------------------------------------------*/
section#block7{}
section#block7 > section{
	width:1000px;
	margin:0 auto;
	padding:24px 50px 32px;}

	
/* 納品までの流れ
-----------------------------------------------------*/
section#block9{}
section#block9 h3{
	padding:0;
	line-height:90px;}
section#block9 .acMenu{
	width:1000px;
	margin:0 auto;}
	section#block9 .acMenu h3{
		background:url(../images/ttl_btn.png) no-repeat center;}
		section#block9 .acMenu h3.active{
			background:url(../images/ttl_btn-open.png) no-repeat center;}
	section#block9 .acMenu dl.flow{
		margin-bottom:40px;}
		section#block9 .acMenu dl.flow dt{
			font-weight:normal;
			font-size:24px;
			padding:8px 0 8px 150px;
			background:#dddddd;
			margin-top:16px;
			position:relative;}
			section#block9 .acMenu dl.flow dt:first-child{
				margin-top:0;}
			section#block9 .acMenu dl.flow span{
				width:120px;
				text-align:center;
				top:0;
				left:0;
				position:absolute;
				padding:8px 16px 8px 0;
				color:#ebbf57;
				background:url(../images/block9_flow-step.png) no-repeat right center;}
		section#block9 .acMenu dl.flow dd{
			padding:10px 24px;
			color:#004ea1;
			background:#f2f2f2;}
section#block9 .box4{
	width:1000px;
	margin:0 auto;}
	section#block9 .box4 h3{
		background:url(../images/ttl_iron-red.png) no-repeat center;}
section#block9 .box4{}
	section#block9 .box4 > div{
		padding:40px 2% 16px;}
	section#block9 .box4 > div section{
		float:left;
		width:46%;
		margin:0 2% 24px;}
	section#block9 .box4 > div h4{}
	section#block9 .box4 > div p{}

	
/* モデストの想い
-----------------------------------------------------*/
section#block11{}

section#block11 p{
	width:800px;
	margin:0 auto 32px;}

	
/* よくある質問
-----------------------------------------------------*/
section#block10{}

section#block10 dl{
	width:1000px;
	margin:0 auto;}

	
/* 注意事項
-----------------------------------------------------*/
section#block12{
	width:1000px;
	margin:0 auto;}
section#block12 h2{
	margin-bottom:16px;
	line-height:90px;
	background:url(../images/ttl_iron-red.png) no-repeat center;}
section#block12 ul.caution{}
section#block12 ul.caution li{}

	
/* お見積り・お問合わせ
-----------------------------------------------------*/
section#form{}

article#form p,
section#form > p,
section#form .wpcf7{
	width:1000px;
	margin:0 auto 32px;}

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

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;/* 画像置換 */}
	
/* 会社概要
-----------------------------------------------------*/
section#corporate{
	width:1000px;
	margin:0 auto;}

}


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

body , html {
    height: 100%;}

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

#wrap{
	width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	overflow:hidden;}
.pc{
	display:none;}

.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;}
	.line .friend_btn img{
		width:auto;
		height:44px;}
section p.catch{
	font-size:1.6rem;
	text-align:left;}
ul.info{}
	ul.info li,
	p.info{
		font-size:1.4rem;}

/*---------------------------------------------------*/
/* フッター
-----------------------------------------------------*/
div#bnav{
	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;}

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

/*---------------------------------------------------*/
/* コンテンツ
-----------------------------------------------------*/
article{}


/* お問合わせ */
aside.contact{}
aside.contact address{
	padding:0 4% 16px;}
	aside.contact address a{
		display:block;
		margin-bottom:16px;}
aside.contact .line.sp{
	margin-bottom:24px;}
	aside.contact .line.sp .catch{
		padding:24px 0;}

/* メイン
-----------------------------------------------------*/
#main{
	margin-bottom:40px;}
#main .contact a{
	display:block;
	margin:0 2%;}
	
/* 30年のノウハウによって実現する感動のLED打ち替え
-----------------------------------------------------*/
section#block1{
	padding-bottom:16px;}

section#block1 h2{
	margin-bottom:24px;}

section#block1 p{
	padding:0 4%;}

	
/* モデストは約束します！圧倒的3つの感動
-----------------------------------------------------*/
section#block2{
	padding-bottom:40px;}

section#block2 h2{
	margin:0 -8% 0;}
section#block2 > section{
	padding:16px 4%;}
		section#block2 section section {
			margin-bottom:32px;}
	section#block2 section h3{
		margin-bottom:24px;}
	section#block2 section h4{
		margin-bottom:16px;}
section#block2 .color{}
	section#block2 .color li{
		width:23%;
		margin:0 1% 4px;}
section#block2 div.catch{
	padding:0 2%;
	margin-top:24px;}
	section#block2 div.catch img{
		margin-bottom:20px;}

	
/* 生涯保証ができる理由
-----------------------------------------------------*/
section#block3{
	padding-bottom:32px;}
section#block3 h2{
	margin:0 2%;}
section#block3 > section{
	padding:16px 0 8px;
	margin:0 2%;}
	section#block3 > section h3{
		font-size:2.8rem;
		padding:0 0 0 20px;
		margin-bottom:16px;
		background:url(../images/block3_catch-bg.png) no-repeat left center;}
	section#block3 > section > p{
		padding:0 4%;}

	
/* 施工実績
-----------------------------------------------------*/
section#block4{
	margin-bottom:40px;}
section#block4 h2{
	margin:0 -5%;}
section#block4 img.arrow,
section#block4 div.catch{
	margin-bottom:24px;}
section#block4 div.catch{
	padding:0 1%;}
section#block4 .inner > section{
	padding:16px 4% 0;}
section#block4 h3{
	margin-bottom:24px;}
section#block4 .ba{
	margin-bottom:16px;}
section#block4 table{
	padding:10px 2%;
	font-size:1.6rem;
	margin-bottom:24px;}
	section#block4 table th{
		padding:4px 2%;
		width:auto;
		white-space:nowrap;}
	section#block4 table .price td{}
		section#block4 table .price td strong{
			font-size:2.4rem;}
	section#block4 table .period td{
		font-size:2.0rem;}

section#block4 .voice{
	padding:16px 0 16px 22%;}
	section#block4 .voice img{
		display:none;}
	section#block4 .voice p{
		text-shadow: 0 0 25px #3fa9ff, 0 0 20px #3fa9ff, 0 0 0.40px #3fa9ff;}
		section#block4 .box1 .voice{
			background:url(../images/block4_box1-voicep.png) no-repeat left top;
			background-size:20% auto;}
		section#block4 .box2 .voice{
			background:url(../images/block4_box2-voicep.png) no-repeat left top;
			background-size:20% auto;}
		section#block4 .box3 .voice{
			background:url(../images/block4_box3-voicep.png) no-repeat left top;
			background-size:20% auto;}
		section#block4 .box4 .voice{
			background:url(../images/block4_box4-voicep.png) no-repeat left top;
			background-size:20% auto;}
		section#block4 .box5 .voice{
			background:url(../images/block4_box5-voicep.png) no-repeat left top;
			background-size:20% auto;}

section#block4 .comment{
	padding:24px 4%;
	margin:0 -4%;}
	section#block4 .comment h4{
		font-size:2.0rem;
		margin-bottom:8px;}
	section#block4 .comment > img{
		width:35%;
		max-width:160px !important;
		margin:0 0 8px 8px;}

	
/* ご注意ください！こんなお問合わせ、増えてます！！
-----------------------------------------------------*/
section#block5{
	margin-bottom:40px;}

section#block5 h2{
	padding-bottom:25px;}

section#block5 .inner{
	padding:16px 2% 0;
	margin-bottom:32px;}

section#block5 ul.voice{}
section#block5 ul.voice li{
	font-size:1.8rem;
	min-height:80px;
	margin-bottom:16px;
	padding:16px 2% 16px 70px;
	background:#1e1e1e;
	position:relative;}
	section#block5 ul.voice li:before{
		position:absolute;
		top:15px;
		left:8px;
		content:url(../images/block12_caution-icon.png);}


	
/* Modestで施工するメリット・デメリット
-----------------------------------------------------*/
section#block6{
	padding-bottom:24px;}

section#block6 h2{
	padding:24px 1%;
	margin-bottom:24px;}
section#block6 .table{
	width:98%;
	margin-bottom:32px;}
section#block6 .catch{
	padding:0 1%;}

	
/* プロからも選ばれるModestだからです！
-----------------------------------------------------*/
section#block7{
	padding-bottom:32px;
	margin-bottom:40px;}
section#block7 h2{
	margin:0 2%;}
section#block7 > section{
	margin:0 2%;
	padding:16px 2%;}
section#block7 h3{
	font-size:3.2rem;
	margin-bottom:8px;}
section#block7 strong{
	font-size:1.6rem;}

	
/* お客様から沢山の喜びの声を頂いております。
-----------------------------------------------------*/
section#block8{
	padding-bottom:32px;}
section#block8 h2{
	padding:24px 1%;
	margin-bottom:24px;}
section#block8 p{
	margin-bottom:24px;}
section#block8 .catch{
	margin:32px 1%;}

	
/* 納品までの流れ
-----------------------------------------------------*/
section#block9{}
section#block9 h2{
	padding:24px 2%;
	margin-bottom:24px;}
section#block9 h3{
	font-size:2.4rem;
	padding:8px 2%;}
	
section#block9 .acMenu{
	padding:0 2%;}
	section#block9 .acMenu > section{
		margin-bottom:32px;}
	section#block9 .acMenu h3{
		text-align:left;
		padding:16px 50px 16px 2%;
		background:#003e72 url(../images/ttl_bg-bl.jpg) no-repeat left center;
		position:relative;}
		section#block9 .acMenu h3:after{
			position:absolute;
			right:0;
			top:8px;
			content:url(../images/icon_open.png);}
		section#block9 .acMenu h3.active:after{
			position:absolute;
			right:0;
			top:8px;
			content:url(../images/icon_close.png);}
	section#block9 .acMenu section div{
		padding:24px 3%;}
	section#block9 .acMenu dl.flow{
		margin-bottom:24px;}
		section#block9 .acMenu dl.flow dt{
			color:#004ea1;
			font-size:1.8rem;
			padding-top:32px;
			position:relative;
			border-top:1px solid #ccc;
			margin-top:16px;}
			section#block9 .acMenu dl.flow dt:first-child{
				margin-top:0;}
			section#block9 .acMenu dl.flow dt span{
				position:absolute;
				top:0;
				left:0;
				padding:0 2%;
				line-height:26px;
				color:#fff;
				background:#004ea1;}
	section#block9 .acMenu ul.shop{}
		section#block9 .acMenu ul.shop li{
			vertical-align:top;}
	section#block9 .acMenu .catch{
		font-size:2.0rem;}
section#block9 .box4{
	padding:0 2%;}
	section#block9 .box4 > div{
		padding:16px 3%;}
	section#block9 .box4 > div section{
		margin-bottom:24px;}
	section#block9 .box4 > div h4{
		font-size:2.4rem;
		padding-left:10px;
		margin-bottom:8px;}

	
/* モデストの想い
-----------------------------------------------------*/
section#block11{
	padding-top:24px;}
	section#block11 .inner{
		padding:56px 4% 32px;}
section#block11 .arrow{
	width:220px;
	max-width:100%;}
section#block11 h2{
	margin-bottom:24px;}
section#block11 p{
	font-size:1.8rem;}

	
/* よくある質問
-----------------------------------------------------*/
section#block10{
	padding-bottom:40px;}
section#block10 h2{
	padding:24px 2%;
	margin-bottom:24px;}
section#block10 dl{
	padding:0 2%;
	line-height:1.4;}
section#block10 dt{
	font-size:2.4rem;
	padding-left:75px;}
	section#block10 dt:before{
		position:absolute;
		top:0;
		left:0;
		content:url(../images/block10_q.jpg);}
section#block10 dd{
	padding-top:16px;
	font-size:1.8rem;
	padding-bottom:16px;
	margin-bottom:24px;
	padding-left:75px;}
	section#block10 dd:before{
		position:absolute;
		top:0;
		left:0;
		content:url(../images/block10_a.jpg);}

	
/* 注意事項
-----------------------------------------------------*/
section#block12{
	padding:0 2% 40px;}
section#block12 h2{
	padding:16px 2%;}
section#block12 h3{
	text-align:left;
	font-size:3.2rem;
	margin-bottom:20px;}
	
section#block12 ul.caution{
	margin-bottom:40px;}
section#block12 ul.caution li{
	font-size:1.8rem;
	margin-bottom:16px;
	padding:20px 2% 16px 72px;
	background:#1e1e1e;
	position:relative;}
	section#block12 ul.caution li:before{
		position:absolute;
		top:10px;
		left:8px;
		content:url(../images/block12_caution-icon.png);}
section#block12 ol li{
	margin-bottom:16px;}

	
/* お見積り・お問合わせ
-----------------------------------------------------*/
section#form{}
section#form h2,
#form h1{
	padding:32px 2%;
	margin-bottom:24px;}
article#form p,
section#form > p,
section#form > div{
	padding:0 2%;
	font-size:1.6rem;}
section#form table#contact{}
	section#form table#contact th,
	section#form table#contact td{
		display:block;}
	section#form table#contact th{
		text-align:center;}
		section#form table#contact th span{
			display:inline;}
		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 input[type="text"],
	section#form table#contact input[type="email"],
	section#form table#contact input[type="tel"]{
		width:100%;}

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 */
}

	
/* 会社概要
-----------------------------------------------------*/
section#corporate{
	padding: 64px 2% 80px;}

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

}

/* float解除 */
#head:after,
section#block4 .comment:after,
section#block9 .box4 > div:after{
	content: '';
	display: block;
	clear: both;}