@charset "utf-8"
*{ margin:0px; padding:0px; line-height:100%; outline:none; color:#323232;}
img{ border:0px; margin:0px; padding:0px; vertical-align: bottom;}
a{ text-decoration:underline; outline:none; margin:0px; padding:0px; color:#323232;}
a:hover{ margin:0px; padding:0px; color:#ffaf01;}
a:hover img{ filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.8; -webkit-transition: all .3s; transition: all .3s;}


/* ============================================
	全ページ共通部分
============================================ */
body{ padding:0px; margin:0px; letter-spacing:0.8pt; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
#wrapper{ width:950px; margin:auto; padding:0px 0px 80px 0px;}

.pc{ display:block;}
.sp{ display:none;}

/* ============================================
	トップページへ戻るボタン
============================================ */
.pagetop { display:none; position:fixed; bottom:30px; right:30px; z-index:10; background-color:#22b0cf;
/* border-radius */
border-radius:50px 50px 50px 50px;
-webkit-border-radius:50px 50px 50px 50px;
-moz-border-radius:50px 50px 50px 50px;}

.pagetop a { display:block; width:50px; height:50px; padding:0px; background:url(../images/icon_arrow02.png) no-repeat 50% 50%; background-size:12px;}
.pagetop a:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.7; -webkit-transition: all .3s; transition: all .3s;}


/* ============================================
	ナビゲーションエリア
============================================ */
.navarea{ width:100%; height:90px; padding:0px 0px 0px 0px; margin:auto; position:fixed; z-index:10; background-color:#ffffff;}
.navbox{ width:950px; padding:0px 0px 0px 0px; margin:auto;}

.logoarea{ float:left; margin:20px 0px 0px 0px; padding:0px; width:35%;}
.logoarea img{ width:100%;}
.headright{ height:auto; float:right; padding:15px 0px 0px 0px; margin:0px; max-width:65%;}
.info ul{ padding:0px; margin:auto; list-style:none;}
.info li{ float:right; margin:0px 0px 0px 20px; padding:0px;}
.info li a.contact{ display:block; height:22px; background:url(../images/icon_mail.png) no-repeat 15px 50% #42bdd8; margin:0px; padding:8px 20px 0px 40px; color:#ffffff; font-size:14px; line-height:16px; text-decoration:none;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.info li a:hover.contact{ display:block; height:22px; background:url(../images/icon_mail.png) no-repeat 15px 50% #22b0cf; margin:0px; padding:8px 20px 0px 40px; color:#ffffff; font-size:14px; line-height:16px; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

#menu-box{ margin:auto; clear:both;}
#menu{ width:100%; margin:auto; padding:0;}
#menu li{ display:block; float:left; margin:10px 0px 0px 30px; padding:0; font-size:12px; line-height:14px;}
#menu li a{ display:block; padding:5px 0px 5px 0px; color:#323232; text-align:right; text-decoration:none;}
#menu li a:hover{ border-bottom:2px solid #42bdd8; color:#42bdd8;}

#toggle{ display:none;}
.fixed { position: fixed; top: 0; left: 0; width: 100%;}


/* ============================================
	ヘッダエリア
============================================ */
.headarea{ width:100%; height:auto; padding:90px 0px 0px 0px; margin:auto;}
.headbox{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto; position:relative; z-index:1;}
.headbox img{ width:100%; margin:0px; padding:0px;}
.headbox ul{ margin:0px; padding:0px;}
.headbox li{ margin:0px; padding:0px;}


/* ============================================
	自然に感謝することから未来は繋がる
============================================ */
.sec01 { width:100%; padding:0px; margin:auto; background:url(../images/top_sec01_bg.png) no-repeat; background-size:contain;}
.sec01_area { width:950px; padding:0px; margin:auto;}
.sec01_box { width:49%; padding:50px 1% 50px 1%; margin:0px 0px 0px 49%;}
.sec01_box h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}
.sec01_box p{ font-size:12px; line-height:24px; color:#323232; padding:0px 0px 20px 0px; margin:0px;}

.sec01_box ul{ padding:0px; margin:auto; list-style:none;}
.sec01_box li{ float:left; margin:0px 2% 0px 2%; padding:0px; width:46%;}
.sec01_box li a.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec01_box li a:hover.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	ニュース
============================================ */
.sec02 { width:100%; padding:0px; margin:auto; background:url(../images/top_sec02_bg.png) no-repeat right #f3f3f3; background-size:contain;}
.sec02_area { width:950px; padding:0px; margin:auto;}
.sec02_box { width:50%; padding:50px 0% 70px 0%; margin:0px 50% 0px 0%;}
.sec02_box h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.sec02_box dl{ font-size:14px; line-height:16px; padding:0px; margin:10px 0px 40px 0px; color:#323232;}
.sec02_box dt{ padding:10px 0px 10px 0px; width:25%; float:left; clear:both;}
.sec02_box dd{ padding:10px 0px 10px 0px; width:75%;/* dtの幅分の設定 */ margin-left:25%;}
.sec02_box dd a{ margin:0px; padding:0px; text-decoration:none;}
.sec02_box dd a:hover{ margin:0px; padding:0px; text-decoration:underline; color:#42bdd8; -webkit-transition: all .3s; transition: all .3s;}

.sec02_box a.more{ display:block; width:40%; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec02_box a:hover.more{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	関連会社
============================================ */
.sec03 { width:100%; padding:0px; margin:auto;}
.sec03_box { width:950px; padding:50px 0% 70px 0%; margin:auto;}
.sec03_box h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.sec03_box ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li{ float:left; margin:0px 2% 0px 0%; padding:30px 0px 0px 0px; min-width:32%; text-align:center; font-size:12px; line-height:14px; color:#323232; position:relative;}
.sec03_box li:last-child{ margin:0px 0% 0px 0%;}
.sec03_box li h3{ margin:0px; padding:0px; font-size:14px; line-height:16px; font-weight:normal; position:absolute; top:0px; width:100%;}
.sec03_box li img{ margin:10px 0px 0px 0px; padding:0px;}

.sec03_box li ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li ul li{ float:left; margin:0px 25px 0% 0%; padding:0px; width:300px; text-align:center; font-size:12px; line-height:14px; color:#323232;}
.sec03_box li ul li:last-child{ margin:0px 0% 0% 0%;}


/* ============================================
	フッタエリア
============================================ */
.foot{ width:100%; padding:0px; margin:auto; background-color:#f3f3f3;}
.foot_box{ width:950px; padding:20px 0% 70px 0%; margin:auto;}

.f_menu{ width:100%; margin:auto; padding:0;}
.f_menu li{ display:block; float:left; margin:0px 24px 0px 0px; padding:0; font-size:12px; line-height:14px;}
.f_menu li a{ display:block; padding:25px 0px 25px 0px; color:#323232; text-decoration:none; border-bottom:2px solid #f3f3f3;}
.f_menu li a:hover{ border-bottom:2px solid #42bdd8; color:#42bdd8;}

.foot_box{ width:950px; padding:20px 0% 70px 0%; margin:auto;}
.foot_box img{ padding:0%; margin:50px 0px 0px 0px; width:30%;}
.foot_box p{ font-size:12px; line-height:20px; padding:0%; margin:20px 0px 0px 0px;}

hr{ background-color:#cccccc; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.foot02{ width:100%; padding:14px 0px 13px 0px; margin:auto; background-color:#42bdd8; font-size:12px; line-height:14px; text-align:center; color:#FFFFFF;}

/*クリア*/
div .clear{
	width:0px;
	heigth:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
}



/* ============================================
	下層ページ
============================================ */

/* ============================================
	ヘッダエリア
============================================ */
.headarea02{ width:100%; height:auto; padding:90px 0px 0px 0px; margin:auto;}
.headbox02{ width:100%; height:auto; padding:7% 0px 7% 0px; margin:auto; position:relative; z-index:1; text-align:center;}
.headbox02 img{ width:510px; margin:0px; padding:0px;}
.headbox02 h1{ color:#ffffff; font-size:36px; line-height:38px; margin:4% 0px 4% 0px; padding:0px; font-weight:normal;}

.merit{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}
.solar{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}
.used{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}
.setting{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}
.company{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}
.contact{ background:url(../images/merit_head_bg.jpg) no-repeat 0px 90px; background-size:100%;}


p.tac{ text-align:center; margin:0px; padding:0px;}
p.tac02{ margin:0px; padding:10px 0px 0px 0px; text-align:center; font-size:24px; line-height:40px; color:#ed6481;}
p.tac03{ margin:0px; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px;}

.mgn01{ margin:0px 0px 30px 0px;}
.mgn02{ margin:10px 0px 10px 0px;}
.mgn03{ margin:50px 0px 10px 0px;}

.fltl{ float:left;}
/* ============================================
	卸
============================================ */
.sellarea{ width:950px; margin:auto; padding:50px 0px 70px 0px;}
.sellarea h3{ color:#323232; font-size:26px; line-height:32px; font-weight:normal; text-align:center; margin:0px; padding:60px 0px 10px 0px;margin-bottom: 20px;border-bottom: 1px solid #cccccc;}
.sellarea h3.ttl01{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.sellarea h3.ttl01 span{ font-size:14px;}
.sellarea h3.ttl02{ width:950px; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:28px; line-height:30px; color:#323232; background-color:#e5f6fa; font-weight:bold;}
.sell01{width: 100%;margin: 30px 0 30px 0; overflow: hidden;}
.sell01 li.panel img{ float:right; width:40%;}
.sell01 ul{ padding:0px; margin:auto; list-style:none;}
.sell01 li{ margin:0px; padding:0px;}
.sell01 li:last-child{ margin:0px 0% 0px 0%;}
.sell01 li.txt01{ float:left; width:60%; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px; color:#323232;}
.sell01 li.img01{ float:right; width:40%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.sell01 li img{ margin:0px 0px 0px 0px; padding:0px;}
.contact_btn2{width: 80%;margin: 0 10%;}
.pointarea{overflow: hidden;}
.pointarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.pointarea li{ float:left; width:300px; height:220px; margin:0px 20px 20px 0px; padding:0px; background-color:#f3f3f3;}
.pointarea li:nth-child(3n){ margin:0px 0px 20px 0px;}
.pointarea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:100px;}
.pointarea h3{ color:#323232; font-size:28px; line-height:28px; font-weight:normal; text-align:center; margin:20px 20px 10px 20px; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.pointarea p{ color:#323232; font-size:18px; line-height:28px; margin:0px; padding:20px 20px 0px 20px; text-align: center;}
.p-color{color:#DC0000;font-size: 21px;text-align: center;}
/* ============================================
	選ぶ理由
============================================ */
.ttlarea01{ width:100%; background-color:#42bdd8; margin:0px; padding:50px 0px 50px 0px;}
.ttlarea01 h2{ color:#ffffff; font-size:28px; line-height:; font-weight:normal; text-align:center; margin:0px; padding:0px;}
.ttlarea01 h2 img{ width:77px; margin:0px 30px 0px 0px; padding:0px;}
.ttlarea01 h2 span{ font-size:18px;}

.pntarea{ width:950px; margin:auto; padding:0px 0px 70px 0px;}
.pntarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:center; margin:0px; padding:60px 0px 30px 0px;}
.pntarea h3.ttl01{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.pntarea h3.ttl01 span{ font-size:14px;}
.pntarea h3.ttl02{ width:950px; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:28px; line-height:30px; color:#323232; background-color:#e5f6fa; font-weight:bold;}

/* === POINT 01 === */
.ptn01 ul{ padding:0px; margin:auto; list-style:none;}
.ptn01 li{ margin:0px; padding:0px;}
.ptn01 li:last-child{ margin:0px 0% 0px 0%;}
.ptn01 li.txt01{ float:left; width:60%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px; color:#323232;}
.ptn01 li.img01{ float:right; width:40%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.ptn01 li img{ margin:0px 0px 0px 0px; padding:0px;}

.ptn01_b{ width:100%; padding:20px 0px 20px 0px; margin:auto; list-style:none; background-color:#f2f2f2;}
.ptn01_b ul{ padding:0px; margin:auto; list-style:none;}
.ptn01_b li{ margin:0px; padding:0px;}
.ptn01_b li:last-child{ margin:0px 0% 0px 0%;}
.ptn01_b li.txt02{ float:left; width:50%; margin:0px; padding:40px 0px 0px 0px; text-align:right; font-size:14px; line-height:28px; color:#323232;}
.ptn01_b li.img02{ float:left; width:50%; margin:0px; padding:0px 0px 0px 0px; text-align:left;}
.ptn01_b li img{ margin:0px 0px 0px 20px; padding:0px;}

.ptn01_c{ width:100%; padding:30px 0px 30px 0px; margin:0px auto 50px auto; list-style:none; background-color:#f2f2f2;}
.ptn01_c ul{ padding:0px; margin:0px; list-style:none;}
.ptn01_c li{ float:left; width:374px; margin:0px; padding:0px 51px 0px 50px; text-align:center;}
.ptn01_c li img{ margin:0px; padding:0px;}
.ptn01_c li p{ margin:0px 0px 0px 0px; padding:5px; text-align:left; font-size:14px; line-height:20px; color:#323232;}

/* === POINT 02 === */
.ptn02{ width:950px; margin:30px 0px 20px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:26px; line-height:28px; color:#323232; background-color:#e5f6fa;}
.ptn02 span{ font-size:40px; color:#ed6481; font-weight:bold;}

.ptn02_b{ width:680px; margin:0px auto 0px auto; padding:30px 30px 30px 30px; text-align:center; font-size:14px; line-height:30px; color:#323232; background-color:#eeeeee; position:relative;}
.ptn02_c{ width:740px; margin:0px auto 20px auto; padding:40px 0px 30px 0px; text-align:center; font-size:18px; line-height:30px; color:#323232; background-color:#ffefa3; position:relative;}

.icon01{ position:absolute; top:-30px; left:45%;}


a.btn01{ display:block; width:320px; background:url(../images/icon_arrow.png) no-repeat 95% 50% #42bdd8; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

a:hover.btn01{ display:block; width:320px; background:url(../images/icon_arrow.png) no-repeat 95% 50% #22b0cf; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02{ display:block; width:320px; background:#42bdd8; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02:hover{ display:block; width:320px; background:#22b0cf; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

/* === POINT 03 === */
.ptn03_l{ float:left; width:240px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn03_l ul{ padding:0px; margin:0px; list-style:none;}
.ptn03_l li{ float:none; width:auto; margin:0px; padding:0px 0px 0px 0px;}
.ptn03_l li img{ margin:0px 0px 10px 0px; padding:0px;}

.ptn03_r{ float:left; width:710px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn03_r p{ font-size:12px; line-height:28px; margin:0px; padding:0px 20px 0px 20px;}
.ptn03_r p span{ color:#ed6481;}
.ptn03_r img{ margin:0px 0px 10px 0px; padding:0px;}


/* === POINT 04 === */
.ptn04{ width:950px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#f9f9f9;}
.ptn04 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04 li{ float:left; width:430px; margin:0px 0px 0px 0px; padding:0px 20px 0px 20px; border-right:1px solid #e2e2e2;}
.ptn04 li:nth-child(2n){ border-right:0px;}
.ptn04 li img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle; }
.ptn04 li h4{ font-size:22px; line-height:24px; font-weight:normal; margin:20px 0px 0px 0px; padding:0px;}
.ptn04 p{ min-height:90px; font-size:14px; line-height:28px; margin:0px; padding:10px 0px 30px 0px;}
.ptn04 p span{ font-size:12px;}
.ptn04 hr{ background-color:#e2e2e2; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.ptn04_b{ width:950px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn04_b ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04_b li{ float:left; width:190px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
.ptn04_b li img{ margin:0px; padding:0px;}
.ptn04_b p{ font-size:18px; line-height:20px; margin:0px; padding:10px 0px 30px 0px;}


/* ============================================
	太陽光とは
============================================ */
.slrarea{ width:950px; margin:auto; padding:0px 0px 70px 0px;}
.slrarea h2{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 0px;}
.slrarea h2 img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle;}

/* === MERIT 01 === */
.mrt01{ width:950px; margin:auto; padding:0px 0px 50px 0px;}
.mrt01 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 10px 0px; padding:0px;}
.mrt01 h3{ color:#323232; font-size:24px; line-height:26px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}
.mrt01 img{ margin:0px 20px 0px 0px; padding:0px;}

/* === MERIT 02 === */
.mrt02{ width:950px; margin:auto; padding:0px 0px 50px 0px;}
.mrt02 p{ color:#323232; font-size:14px; line-height:36px; margin:0px 0px 10px 0px; padding:0px;}
.mrt02 p span{ color:#ffffff; font-size:18px; line-height:80px; padding:20px 20px 20px 20px; background-color:#ff9696;}
.mrt02 h3{ color:#323232; font-size:18px; line-height:24px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}

/* === MERIT 04 === */
.mrt04{ width:950px; margin:auto; padding:0px 0px 50px 0px;}
.mrt04 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 10px 0px; padding:0px;}
.mrt04 h3{ color:#323232; font-size:24px; line-height:26px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}
.mrt04 img{ margin:0px 20px 20px 0px; padding:0px;}


/* ============================================
	中古物件
============================================ */
.usedarea{ width:950px; margin:auto; padding:50px 0px 70px 0px;}

/* === STEP === */
.steparea{overflow: hidden;}
.steparea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.steparea li{ float:left; width:303px; height:350px; margin:0px 20px 20px 0px; padding:0px; background-color:#f3f3f3;}
.steparea li:nth-child(3n){ margin:0px 0px 20px 0px;}
.steparea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:100px;}

.steparea h3{ color:#323232; font-size:22px; line-height:28px; font-weight:normal; text-align:center; margin:20px 20px 10px 20px; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.steparea p{ color:#323232; font-size:14px; line-height:28px; margin:0px; padding:0px 20px 0px 20px;}
.steparea span{ font-size:12px; line-height:18px; color:#DC0000;}

/* === FAQ === */
.faqarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.faqarea li{ float:left; width:465px; height:320px; margin:0px 20px 20px 0px; padding:0px; background-color:#fff2b7; border-top:5px solid #ff9900;}
.faqarea li:nth-child(2n){ margin:0px 0px 20px 0px;}
.faqarea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:100px;}

.faqarea h3{ color:#323232; font-size:16px; line-height:28px; font-weight:normal; text-align:center; margin:0px; padding:20px 10px 20px 10px; background-color:#f3f3f3;}
.faqarea p{ color:#323232; font-size:14px; line-height:28px; margin:0px; padding:20px 20px 0px 20px;}
.faqarea span{ font-size:24px; color:#DC0000; margin:0px 5px 0px 0px;}
/* ============================================
	施工実績
============================================ */
.setarea2{ width:950px; margin:auto; padding:50px 0px 70px 0px;}
.setarea2 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 20px 0px; padding:0px;}

.setarea2 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea2 li{ display: inline-block; vertical-align: top;width:45%; margin:0px 10px 20px 0px; padding:0px;}
.setarea2 li p{ font-size:12px; line-height:18px; margin:0px; padding:10px 10px 20px 10px; background-color:#ffffff;}
.setarea2 li a{ display:block; text-decoration:none;}

.imgarea2{ width:100%; height:320px; margin:0px; padding:0px; overflow:hidden;}
.imgarea2 img{ margin:0px; padding:0px; width:100%;}

.setarea2 table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea2 table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea2 table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}
/* ============================================
	設置事例
============================================ */
.setarea{ width:950px; margin:auto; padding:50px 0px 70px 0px;}
.setarea p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 20px 0px; padding:0px;}

.setarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea li{ display: inline-block; vertical-align: top;width:303px; margin:0px 10px 20px 0px; padding:0px; background-color:#f3f3f3;}
.setarea li p{ font-size:12px; line-height:18px; margin:0px; padding:10px 10px 20px 10px; background-color:#ffffff;}
.setarea li:nth-child(3n){ margin:0px 0px 20px 0px;}
.setarea li a{ display:block; padding:5px; text-decoration:none;}
.setarea li a:hover{ background-color:#42bdd8; color:#323232; -webkit-transition: all .3s; transition: all .3s;}


.imgarea{ width:100%; height:200px; background-color:#000000; margin:0px; padding:0px; overflow:hidden;}
.imgarea img{ margin:0px; padding:0px; width:100%;}

.setarea table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}


.setarea02{ width:950px; margin:auto; padding:0px 0px 70px 0px;}


.rg-image-wrapper{ position:relative; padding:0px 30px; background-color:#42bdd8; -moz-border-radius:10px; -webkit-border-radius:10px;	border-radius:10px;	min-height:20px; max-height:600px; overflow:hidden;}
.rg-image{ position:relative; text-align:center; line-height:0px;}
.rg-image img{ max-height:100%;	max-width:100%;}


.rg-image-nav a{ position:absolute;	top:0px; left:0px; background:url(../images/nav.png) no-repeat -20% 50%;
	width:28px;
	height:100%;
	text-indent:-9000px;
	cursor:pointer;
	outline:none;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.rg-image-nav a.rg-image-nav-next{
	right:0px;
	left:auto;
	background-position:115% 50%;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}

.rg-caption {
	text-align:center;
	margin-top:15px;
	position:relative;
}
.rg-caption p{
	font-size:11px;
	letter-spacing:2px;
	font-family: 'Trebuchet MS', 'Myriad Pro', Arial, sans-serif;
	line-height:16px;
	padding:0 15px;
	text-transform:uppercase;
}
.rg-view{
	height:30px;
}
.rg-view a{
	display:block;
	float:right;
	width:16px;
	height:16px;
	margin-right:3px;
	background:#464646 url(../images/views.png) no-repeat top left;
	border:3px solid #464646;
	opacity:0.8;
}
.rg-view a:hover{
	opacity:1.0;
}
.rg-view a.rg-view-full{
	background-position:0px 0px;
}
.rg-view a.rg-view-selected{
	background-color:#6f6f6f;
	border-color:#6f6f6f;
}
.rg-view a.rg-view-thumbs{
	background-position:0px -16px;
}
.rg-loading{
	width:46px;
	height:46px;
	position:absolute;
	top:50%;
	left:50%;
	background:#000 url(../images/ajax-loader.gif) no-repeat center center;
	margin:-23px 0px 0px -23px;
	z-index:100;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	opacity:0.7;
}


.area_detail{
	border: 4px #42bdd8 solid;
    margin-top: 30px;
    padding: 0px 20px;
}

.area_detail dt,
.area_detail dd,
.area_detail p{
	font-size: 14px;
}

.area_detail dl{
	display: table;
}

.area_detail dt{
    display: table-cell;
}

.area_detail dd{
    display: table-cell;
    padding-left: 15px;
}




/* ============================================
	会社概要
============================================ */
.comarea{ width:950px; margin:auto; padding:50px 0px 70px 0px;}

.comarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}

.comarea h4{ color:#323232; font-size:18px; line-height:20px; font-weight:normal; text-align:center; margin:0px 0px 20px 0px; padding:15px 20px 10px 20px; background-color:#ffe04d; width:200px;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.comarea table { width:100%; margin:10px 0px 0px 0px; padding:0px; border:#cccccc 1px solid; border-collapse:collapse; background-color:#f8f8f8;}
.comarea table th{ font-size:12px; line-height:18px; margin:0px; padding:15px 0px 10px 20px; border:#cccccc 1px solid; color:#3b4b54; background-color:#eeeeee;}
.comarea table td{ font-size:12px; line-height:18px; margin:0px; padding:15px 0px 10px 20px; border:#cccccc 1px solid; color:#3b4b54;}
.comarea table td.wdt{ width:100px;}

.gmap{ width:100%; height:300px; margin:30px 0px 50px 0px; padding:0px;}

.rin{ width:100%; font-size:22px; line-height:62px; background-color:#f3f3f3; margin:0px 0px 50px 0px; padding:30px 0px 20px 0px; text-align:center;}
.rin span{ font-size:36px; line-height:62px; color:#42bdd8;}

.act{ width:100%; background-color:#e5f6fa; margin:0px 0px 0px 0px; padding:30px 0px 20px 0px;}
.act p{ font-size:20px; line-height:24px; margin:0px 0px 0px 0px; padding:10px 0px 15px 30px;}


/* ============================================
	お問い合わせ
============================================ */
.conarea{ width:950px; margin:auto; padding:50px 0px 70px 0px;}

.conarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.conarea p{ font-size:14px; line-height:16px; margin:0px 0px 10px 0px;}
.conarea span{ color:#d40000;}

.conarea table { width:100%; margin:0px 0px 0px 0px; padding:0px; border:#cccccc 0px solid; border-collapse:collapse; background-color:#f8f8f8; text-align:left;}
.conarea table th{ width:20%; font-size:14px; line-height:18px; margin:0px; padding:25px 0px 20px 20px; border:#cccccc 0px solid; background-color:#eeeeee; font-weight:normal;}
.conarea table td{ font-size:14px; line-height:18px; margin:0px; padding:25px 0px 20px 20px; border:#cccccc 0px solid;}

.txtform01{ width:90%; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:20px; background-color:#ffffff;}
.txtform02{ width:90%; min-height:200px; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:24px; background-color:#ffffff;}

.error{ width:96%; background-color:#FF0000; color:#FFFFFF; margin:auto; padding:2%;}


.btn_apply{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:30px 0px 20px 0px; padding:25px 100px 20px 100px; background-color:#42bdd8; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn_back{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:30px 0px 20px 20px; padding:25px 50px 20px 50px; background-color:#999999; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	ニュース一覧ページ
============================================ */
.ttlarea02{ width:100%; background-color:#42bdd8; margin:0px; padding:140px 0px 50px 0px;}
.ttlarea02 h2{ color:#ffffff; font-size:28px; line-height:30px; font-weight:normal; text-align:center; margin:0px; padding:0px;}

.newsbox { width:700px; padding:50px 0% 70px 0%; margin:0px auto 0px auto;}
.newsbox h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.newsbox dl{ font-size:14px; line-height:16px; padding:0px; margin:0px 0px 0px 0px; color:#323232;}
.newsbox dt{ padding:10px 0px 20px 0px; width:18%; float:left; clear:both; text-align:center;}
.newsbox dd{ padding:10px 0px 20px 0px; width:82%;/* dtの幅分の設定 */ margin-left:18%;}
.newsbox dd a{ margin:0px; padding:0px; text-decoration:none;}
.newsbox dd a:hover{ margin:0px; padding:0px; text-decoration:underline; color:#42bdd8; -webkit-transition: all .3s; transition: all .3s;}

/* ============================================
	プライバシーポリシー
============================================ */
.pvcbox { width:950px; padding:30px 0% 70px 0%; margin:0px auto 0px auto;}
.pvcbox h3{ font-size:16px; line-height:18px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:20px 0px 15px 0px;}
.pvcbox p{ font-size:12px; line-height:24px; color:#323232; text-align:left; margin:0px; padding:0px 0px 15px 0px;}

/* ============================================
	ページング
============================================ */
.pager{
	width: 700px;
    text-align: center;
    font-size: 14px;
}




/* ----------------------------------------------------------- */
/* ------------- tablet用のスタイルシート ------------ */
/* ----------------------------------------------------------- */
@media only screen and (max-width: 950px) {
/* ============================================
	全ページ共通部分
============================================ */
body{ padding:0px; margin:0px; letter-spacing:0.8pt; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
#wrapper{ width:100%; margin:auto; padding:0px 0px 80px 0px;}

.pc{ display:block;}
.sp{ display:none;}


/* ============================================
	ナビゲーションエリア
============================================ */
.navarea{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto; position:fixed; z-index:10; background-color:#ffffff;}
.navbox{ width:95%; padding:0px 0px 0px 0px; margin:auto;}

.logoarea{ float:left; margin:4% 0px 0px 0px; padding:0px; width:30%;}
.logoarea img{ width:100%;}
.headright{ height:auto; float:right; padding:15px 0px 0px 0px; margin:0px; max-width:70%;}
.info ul{ padding:0px; margin:auto; list-style:none;}
.info li{ float:right; margin:0px 0px 0px 3%; padding:0px;}
.info li a.contact{ display:block; height:22px; background:url(../images/icon_mail.png) no-repeat 15px 50% #42bdd8; margin:0px; padding:8px 20px 0px 40px; color:#ffffff; font-size:14px; line-height:16px; text-decoration:none;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.info li a:hover.contact{ display:block; height:22px; background:url(../images/icon_mail.png) no-repeat 15px 50% #22b0cf; margin:0px; padding:8px 20px 0px 40px; color:#ffffff; font-size:14px; line-height:16px; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

#menu-box{ margin:auto; clear:both;}
#menu{ width:100%; margin:auto; padding:0;}
#menu li{ display:block; float:left; margin:3% 0px 0px 15px; padding:0; font-size:12px; line-height:14px;}
#menu li:last-child{ margin:3% 0px 0px 0px;}
#menu li a{ display:block; padding:5px 0px 5px 0px; color:#323232; text-align:right; text-decoration:none;}
#menu li a:hover{ border-bottom:2px solid #42bdd8; color:#42bdd8;}

#toggle{ display:none;}
.fixed { position: fixed; top: 0; left: 0; width: 100%;}


/* ============================================
	ヘッダエリア
============================================ */
.headarea{ width:100%; height:auto; padding:90px 0px 0px 0px; margin:auto;}
.headbox{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto; position:relative; z-index:1;}
.headbox img{ width:100%; margin:0px; padding:0px;}
.headbox ul{ margin:0px; padding:0px;}
.headbox li{ margin:0px; padding:0px;}


/* ============================================
	自然に感謝することから未来は繋がる
============================================ */
.sec01 { width:100%; padding:0px; margin:auto; background:url(../images/top_sec01_bg.png) no-repeat; background-size:contain;}
.sec01_area { width:100%; padding:0px; margin:auto;}
.sec01_box { width:55%; padding:50px 2% 50px 2%; margin:0px 0px 0px 41%;}
.sec01_box h2{ font-size:140%; line-height:1.5em; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}
.sec01_box p{ font-size:80%; line-height:2.0em; color:#323232; padding:0px 0px 20px 0px; margin:0px;}

.sec01_box ul{ padding:0px; margin:auto; list-style:none;}
.sec01_box li{ float:left; margin:0px 2% 0px 2%; padding:0px; width:46%;}
.sec01_box li a.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff;  font-size:100%; line-height:1.2em; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec01_box li a:hover.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	ニュース
============================================ */
.sec02 { width:100%; padding:0px; margin:auto; background:url(../images/top_sec02_bg.png) no-repeat right #f3f3f3; background-size:contain;}
.sec02_area { width:100%; padding:0px; margin:auto;}
.sec02_box { width:60%; padding:50px 0% 70px 5%; margin:0px 35% 0px 0%;}
.sec02_box h2{ font-size:140%; line-height:1.5em; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.sec02_box dl{ font-size:85%; line-height:1.4em; padding:5%; margin:10px 0px 40px 0px; color:#323232; background-color:#696969; background-color:rgba(255,255,255,0.50);
/* border-radtius */
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;}

.sec02_box dt{ padding:10px 0px 10px 0px; width:25%; float:left; clear:both;}
.sec02_box dd{ padding:10px 0px 10px 0px; width:75%;/* dtの幅分の設定 */ margin-left:25%;}
.sec02_box dd a{ margin:0px; padding:0px; text-decoration:none;}
.sec02_box dd a:hover{ margin:0px; padding:0px; text-decoration:underline; color:#42bdd8; -webkit-transition: all .3s; transition: all .3s;}

.sec02_box a.more{ display:block; width:40%; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec02_box a:hover.more{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	関連会社
============================================ */
.sec03 { width:100%; padding:0px; margin:auto;}
.sec03_box { width:90%; padding:50px 0% 70px 0%; margin:auto;}
.sec03_box h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.sec03_box ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li{ float:left; margin:0px; padding:30px 0px 30px 0px; min-width:auto; text-align:center; font-size:12px; line-height:14px; color:#323232; position:relative;}
.sec03_box li:last-child{ margin:0px;}
.sec03_box li h3{ margin:0px; padding:0px; font-size:14px; line-height:16px; font-weight:normal; position:absolute; top:0px; width:100%;}
.sec03_box li img{ margin:10px 0px 0px 0px; padding:0px; width:75%;}

.sec03_box li ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li ul li{ float:left; margin:0px 0% 0% 2%; padding:0% 0% 0% 0%; width:48%; text-align:center; font-size:12px; line-height:14px; color:#323232;}


/* ============================================
	フッタエリア
============================================ */
.foot{ width:100%; padding:0px; margin:auto; background-color:#f3f3f3;}
.foot_box{ width:100%; padding:20px 0% 70px 0%; margin:auto;}

.f_menu{ width:100%; margin:auto; padding:0;}
.f_menu li{ display:block; float:left; margin:0px 3% 0px 0px; padding:0; font-size:12px; line-height:14px;}
.f_menu li a{ display:block; padding:10px 0px 20px 0px; color:#323232; text-decoration:none; border-bottom:2px solid #f3f3f3;}
.f_menu li a:hover{ border-bottom:2px solid #42bdd8; color:#42bdd8;}

.foot_box{ width:95%; padding:20px 0% 70px 0%; margin:auto;}
.foot_box img{ padding:0%; margin:50px 0px 0px 0px; width:50%;}
.foot_box p{ font-size:12px; line-height:14px; padding:0%; margin:20px 0px 0px 0px;}

hr{ background-color:#cccccc; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.foot02{ width:100%; padding:14px 0px 13px 0px; margin:auto; background-color:#42bdd8; font-size:12px; line-height:14px; text-align:center; color:#FFFFFF;}

/*クリア*/
div .clear{
	width:0px;
	heigth:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
}


/* ============================================
	下層ページ
============================================ */

/* ============================================
	ヘッダエリア
============================================ */
.headarea02{ width:100%; height:auto; padding:90px 0px 0px 0px; margin:auto;}
.headbox02{ width:100%; height:auto; padding:7% 0px 7% 0px; margin:auto; position:relative; z-index:1; text-align:center;}
.headbox02 img{ width:50%; margin:0px; padding:0px;}
.headbox02 h1{ color:#ffffff; font-size:36px; line-height:38px; margin:4% 0px 4% 0px; padding:0px; font-weight:normal;}

p.tac{ text-align:center; margin:0px; padding:0px;}
p.tac02{ margin:0px; padding:10px 0px 0px 0px; text-align:center; font-size:140%; line-height:40px; color:#ed6481; font-weight:bold;}
p.tac03{ margin:0px; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px;}

.mgn01{ margin:0px 0px 30px 0px;}
.mgn02{ margin:10px 0px 10px 0px;}
.mgn03{ margin:50px 0px 10px 0px;}

.fltl{ float:left;}

.wdt01{ width:100%;}
.wdt02{ width:15%;}
/* ============================================
	卸
============================================ */
.sellarea{ width:90%; margin:auto; padding:0px 0px 70px 0px;}
.sellarea h3{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:center; margin-bottom: 20px; padding:50px 0px 20px 0px;}
.sellarea h3.ttl01{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.sellarea h3.ttl01 span{ font-size:14px;}
.sellarea h3.ttl02{ width:100%; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:160%; line-height:1.4em; color:#323232; background-color:#e5f6fa; font-weight:bold;}
.sell01 li.panel img{ float:right; width:40%;}
.sell01 ul{ padding:0px; margin:auto; list-style:none;}
.sell01 li{ margin:0px; padding:0px;}
.sell01 li:last-child{ margin:0px 0% 0px 0%;}
.sell01 li.txt01{ float:left; width:60%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px; color:#323232;}
.sell01 li.img01{ float:right; width:40%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.sell01 li img{ margin:0px 0px 0px 0px; padding:0px;}
.pointarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.pointarea li{ float:left; width:30%; height:200px; margin:0px 3% 3% 0px; padding:0px; background-color:#f3f3f3;}
.pointarea li:nth-child(3n){ margin:0px 0px 3% 0px;}
.pointarea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:40%;}
.pointarea h3{ color:#323232; font-size:140%; line-height:28px; font-weight:normal; text-align:center; margin:5% 4% 3% 4%; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.pointarea p{ color:#323232; font-size:75%; line-height:28px; margin:0px; padding:20px 4% 0px 4%;}
.pointarea span{ font-size:12px; line-height:18px; color:#DC0000;}

/* ============================================
	選ぶ理由
============================================ */
.ttlarea01{ width:100%; background-color:#42bdd8; margin:0px; padding:7% 0px 7% 0px;}
.ttlarea01 h2{ color:#ffffff; font-size:180%; line-height:1.0em; font-weight:normal; text-align:center; margin:0px; padding:0px;}
.ttlarea01 h2 img{ width:77px; margin:0px 30px 0px 0px; padding:0px;}
.ttlarea01 h2 span{ font-size:18px;}

.pntarea{ width:95%; margin:auto; padding:0px 0px 70px 0px;}
.pntarea h3{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:center; margin:0px; padding:50px 0px 20px 0px;}
.pntarea h3.ttl01{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.pntarea h3.ttl01 span{ font-size:14px;}
.pntarea h3.ttl02{ width:100%; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:160%; line-height:1.4em; color:#323232; background-color:#e5f6fa; font-weight:bold;}


/* === POINT 01 === */
.ptn01 ul{ padding:0px; margin:auto; list-style:none;}
.ptn01 li{ margin:0px; padding:0px;}
.ptn01 li:last-child{ margin:0px 0% 0px 0%;}
.ptn01 li.txt01{ float:left; width:60%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px; color:#323232;}
.ptn01 li.img01{ float:right; width:40%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.ptn01 li img{ margin:0px 0px 0px 0px; padding:0px;}

.ptn01_b{ width:100%; padding:3% 0px 3% 0px; margin:auto; list-style:none; background-color:#f2f2f2;}
.ptn01_b ul{ padding:0px; margin:auto; list-style:none;}
.ptn01_b li{ margin:0px; padding:0px;}
.ptn01_b li:last-child{ margin:0px 0% 0px 0%;}
.ptn01_b li.txt02{ float:left; width:50%; margin:0px; padding:5% 0px 0px 0px; text-align:right; font-size:14px; line-height:28px; color:#323232;}
.ptn01_b li.img02{ float:left; width:50%; margin:0px; padding:0px 0px 0px 0px; text-align:left;}
.ptn01_b li img{ margin:0px 0px 0px 20px; padding:0px;}

.ptn01_c{ width:100%; padding:3% 0px 3% 0px; margin:0px auto 50px auto; list-style:none; background-color:#f2f2f2;}
.ptn01_c ul{ padding:0px; margin:0px; list-style:none;}
.ptn01_c li{ float:left; width:44%; margin:0px; padding:0px 3% 0px 3%; text-align:center;}
.ptn01_c li img{ margin:0px; padding:0px; width:100%;}
.ptn01_c li p{ margin:0px 0px 0px 0px; padding:5px; text-align:left; font-size:14px; line-height:20px; color:#323232;}

/* === POINT 02 === */
.ptn02{ width:100%; margin:30px 0px 20px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:130%; line-height:28px; color:#323232; background-color:#e5f6fa;}
.ptn02 span{ font-size:180%; color:#ed6481; font-weight:bold;}

.ptn02_b{ width:80%; margin:0px auto 0px auto; padding:3% 5% 5% 5%; text-align:center; font-size:90%; line-height:30px; color:#323232; background-color:#eeeeee; position:relative;}
.ptn02_c{ width:80%; margin:0px auto 20px auto; padding:5% 5% 5% 5%; text-align:center; font-size:100%; line-height:30px; color:#323232; background-color:#ffefa3; position:relative;}

.icon01{ position:absolute; top:-30px; left:45%;}


a.btn01{ display:block; width:320px; background:url(../images/icon_arrow.png) no-repeat 95% 50% #42bdd8; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

a:hover.btn01{ display:block; width:320px; background:url(../images/icon_arrow.png) no-repeat 95% 50% #22b0cf; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02{ display:block; width:320px; background:#42bdd8; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02:hover{ display:block; width:320px; background: #22b0cf; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* === POINT 03 === */
.ptn03_l{ float:left; width:30%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:}
.ptn03_l ul{ padding:0px; margin:0px; list-style:none;}
.ptn03_l li{ float:none; width:auto; margin:0px; padding:0px 0px 0px 0px;}
.ptn03_l li img{ margin:0px 0px 10px 0px; padding:0px; width:80%;}

.ptn03_r{ float:left; width:70%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn03_r p{ font-size:90%; line-height:2.0em; margin:0px; padding:0px 0px 0px 0px;}
.ptn03_r p span{ color:#ed6481;}
.ptn03_r img{ margin:0px 0px 10px 0px; padding:0px; width:100%;}


/* === POINT 04 === */
.ptn04{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#f9f9f9;}
.ptn04 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04 li{ float:left; width:43%; margin:0px 0px 0px 0px; padding:0px 3% 0px 3%; border-right:1px solid #e2e2e2;}
.ptn04 li:nth-child(2n){ border-right:0px;}
.ptn04 li img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle; width:15%; }
.ptn04 li h4{ font-size:100%; line-height:24px; font-weight:normal; margin:20px 0px 0px 0px; padding:0px;}
.ptn04 p{ min-height:90px; font-size:80%; line-height:28px; margin:0px; padding:10px 0px 30px 0px;}
.ptn04 p span{ font-size:12px;}
.ptn04 hr{ background-color:#e2e2e2; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.ptn04_b{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn04_b ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04_b li{ float:left; width:20%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
.ptn04_b li img{ margin:0px; padding:0px; width:90%;}
.ptn04_b p{ font-size:18px; line-height:20px; margin:0px; padding:10px 0px 30px 0px;}


/* ============================================
	太陽光とは
============================================ */
.slrarea{ width:95%; margin:auto; padding:0px 0px 70px 0px;}
.slrarea h2{ color:#323232; font-size:140%; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:60px 0px 10px 0px;}
.slrarea h2 img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle; width:7%}

/* === MERIT 01 === */
.mrt01{ width:100%; margin:auto; padding:0px 0px 50px 0px;}
.mrt01 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 10px 0px; padding:0px;}
.mrt01 h3{ color:#323232; font-size:140%; line-height:26px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}
.mrt01 img{ margin:0px 0px 0px 0px; padding:0px; width:90%;}

/* === MERIT 02 === */
.mrt02{ width:100%; margin:auto; padding:0px 0px 50px 0px;}
.mrt02 p{ color:#323232; font-size:14px; line-height:36px; margin:0px 0px 10px 0px; padding:0px;}
.mrt02 p span{ color:#ffffff; font-size:18px; line-height:80px; padding:20px 20px 20px 20px; background-color:#ff9696;}
.mrt02 h3{ color:#323232; font-size:18px; line-height:24px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}

/* === MERIT 04 === */
.mrt04{ width:100%; margin:auto; padding:0px 0px 50px 0px;}
.mrt04 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 10px 0px; padding:0px;}
.mrt04 h3{ color:#323232; font-size:24px; line-height:26px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}
.mrt04 img{ margin:0px 20px 20px 0px; padding:0px; width:45%}


/* ============================================
	中古物件
============================================ */
.usedarea{ width:95%; margin:auto; padding:50px 0px 70px 0px;}

/* === STEP === */
.steparea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.steparea li{ float:left; width:31%; height:350px; margin:0px 3% 3% 0px; padding:0px; background-color:#f3f3f3;}
.steparea li:nth-child(3n){ margin:0px 0px 3% 0px;}
.steparea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:40%;}

.steparea h3{ color:#323232; font-size:120%; line-height:28px; font-weight:normal; text-align:center; margin:5% 4% 3% 4%; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.steparea p{ color:#323232; font-size:80%; line-height:28px; margin:0px; padding:0px 4% 0px 4%;}
.steparea span{ font-size:12px; line-height:18px; color:#DC0000;}

/* === FAQ === */
.faqarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.faqarea li{ float:left; width:48%; height:35
0px; margin:0px 2% 2% 0px; padding:0px; background-color:#fff2b7; border-top:5px solid #ff9900;}
.faqarea li:nth-child(2n){ margin:0px 0px 2% 0px;}

.faqarea h3{ color:#323232; font-size:100%; line-height:28px; font-weight:normal; text-align:center; margin:0px; padding:5% 4% 4% 4%; background-color:#f3f3f3;}
.faqarea p{ color:#323232; font-size:90%; line-height:1.8em; margin:0px; padding:5% 4% 5% 4%;}
.faqarea span{ font-size:24px; color:#DC0000; margin:0px 5px 0px 0px;}
/* ============================================
	施工実績
============================================ */
.setarea2{ width:95%; margin:auto; padding:30px 0px 70px 0px;}
.setarea2 p{ color:#323232; font-size:90%; line-height:28px; margin:0px 0px 20px 1%; padding:0px;}

.setarea2 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea2 li{ float:left; width:100%; margin:0px 0% 20px 0%; padding:0px; background-color:#f3f3f3;}
.setarea2 li p{ font-size:80%; line-height:18px; margin:0px; padding:3% 3% 3% 3%; background-color:#ffffff; height:60px;}

.setarea2 li a{ display:block; text-decoration:none;}
.setarea2 li a:hover{color:#323232; -webkit-transition: all .3s; transition: all .3s;}

.imgarea2{ width:100%; height:80%; margin:0px; padding:0px; overflow:hidden;}
.imgarea2 img{ margin:0px; padding:0px; width:100%;}

.setarea2 table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea2 table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea2 table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}
/* ============================================
	設置事例
============================================ */
.setarea{ width:95%; margin:auto; padding:30px 0px 70px 0px;}
.setarea p{ color:#323232; font-size:90%; line-height:28px; margin:0px 0px 20px 1%; padding:0px;}

.setarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea li{ float:left; width:48%; margin:0px 1% 3% 1%; padding:0px; background-color:#f3f3f3;}
.setarea li p{ font-size:80%; line-height:18px; margin:0px; padding:3% 3% 3% 3%; background-color:#ffffff; height:60px;}
.setarea li:nth-child(3n){ margin:0px 1% 3% 1%;}
.setarea li a{ display:block; padding:5px; text-decoration:none;}
.setarea li a:hover{ background-color:#42bdd8; color:#323232; -webkit-transition: all .3s; transition: all .3s;}

.imgarea{ width:100%; height:200px; background-color:#000000; margin:0px; padding:0px; overflow:hidden;}
.imgarea img{ margin:0px; padding:0px; width:100%;}

.setarea table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}

.setarea02{ width:95%; margin:auto; padding:0px 0px 70px 0px;}


/* ============================================
	会社概要
============================================ */
.comarea{ width:95%; margin:auto; padding:50px 0px 70px 0px;}

.comarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}

.comarea h4{ color:#323232; font-size:18px; line-height:20px; font-weight:normal; text-align:center; margin:0px 0px 20px 0px; padding:15px 20px 10px 20px; background-color:#ffe04d; width:200px;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.comarea table { width:100%; margin:10px 0px 0px 0px; padding:0px; border:#cccccc 1px solid; border-collapse:collapse; background-color:#f8f8f8;}
.comarea table th{ font-size:12px; line-height:18px; margin:0px; padding:15px 10px 10px 10px; border:#cccccc 1px solid; color:#3b4b54; background-color:#eeeeee;}
.comarea table td{ font-size:12px; line-height:18px; margin:0px; padding:15px 10px 10px 10px; border:#cccccc 1px solid; color:#3b4b54;}
.comarea table td.wdt{ width:100px;}

.gmap{ width:100%; height:300px; margin:30px 0px 50px 0px; padding:0px;}

.rin{ width:90%; font-size:150%; line-height:58px; background-color:#f3f3f3; margin:0px 0px 50px 0px; padding:5%; text-align:center;}
.rin span{ font-size:180%; color:#42bdd8;}

.act{ width:100%; background-color:#e5f6fa; margin:0px 0px 0px 0px; padding:2% 0% 2% 0%;}
.act p{ font-size:20px; line-height:24px; margin:0px 0px 0px 0px; padding:2% 5% 2% 5%;}


/* ============================================
	お問い合わせ
============================================ */
.conarea{ width:95%; margin:auto; padding:50px 0px 70px 0px;}

.conarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.conarea p{ font-size:14px; line-height:16px; margin:0px 0px 10px 0px;}
.conarea span{ color:#d40000;}

.conarea table { width:100%; margin:0px 0px 0px 0px; padding:0px; border:#cccccc 0px solid; border-collapse:collapse; background-color:#f8f8f8; text-align:left;}
.conarea table th{ width:20%; font-size:14px; line-height:18px; margin:0px; padding:25px 0px 20px 20px; border:#cccccc 0px solid; background-color:#eeeeee; font-weight:normal;}
.conarea table td{ font-size:14px; line-height:18px; margin:0px; padding:25px 0px 20px 20px; border:#cccccc 0px solid;}

.txtform01{ width:90%; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:20px; background-color:#ffffff;}
.txtform02{ width:90%; min-height:200px; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:24px; background-color:#ffffff;}

.error{ width:96%; background-color:#FF0000; color:#FFFFFF; margin:auto; padding:2%;}


.btn_apply{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:30px 0px 20px 0px; padding:25px 100px 20px 100px; background-color:#42bdd8; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn_back{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:30px 0px 20px 20px; padding:25px 50px 20px 50px; background-color:#999999; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

}

/* ============================================
	プライバシーポリシー
============================================ */
.pvcbox { width:95%; padding:30px 0% 70px 0%; margin:0px auto 0px auto;}
.pvcbox h3{ font-size:16px; line-height:18px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:20px 0px 15px 0px;}
.pvcbox p{ font-size:12px; line-height:24px; color:#323232; text-align:left; margin:0px; padding:0px 0px 15px 0px;}


/* ----------------------------------------------------------- */
/* ------------- スマートフォン用のスタイルシート ------------ */
/* ----------------------------------------------------------- */
@media screen and (max-width:640px){
/* ============================================
	全ページ共通部分
============================================ */
body{ padding:0px; margin:0px; letter-spacing:0.8pt; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
#wrapper{ width:100%; margin:auto; padding:0px 0px 80px 0px;}

.pc{ display:none;}
.sp{ display:block;}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* ============================================
	トップページへ戻るボタン
============================================ */
.pagetop { display:none; position:fixed; bottom:5px; right:5px; z-index:10; background-color:#22b0cf;
/* border-radius */
border-radius:50px 50px 50px 50px;
-webkit-border-radius:50px 50px 50px 50px;
-moz-border-radius:50px 50px 50px 50px;}

.pagetop a { display:block; width:50px; height:50px; padding:0px; background:url(../images/icon_arrow02.png) no-repeat 50% 50%; background-size:12px;}
.pagetop a:hover { filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); opacity: 0.7; -webkit-transition: all .3s; transition: all .3s;}


/* ============================================
	ナビゲーションエリア
============================================ */
.navarea{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto; position:fixed; z-index:10; background-color:#ffffff;}
.navbox{ width:100%; padding:0px 0px 0px 0px; margin:auto;}

.logoarea{ float:none; margin:15px 0px 0px 0px; padding:0px; position:absolute; width:100%;}
.logoarea img{ width:50%; margin-left:10px;}
.headright{ max-width:100%; height:auto; float:none; padding:0px 0px 0px 0px; margin:0px;}

#menu-box{ width:100%; margin:auto;}

#menu{ display:none;}
#menu li{ width:100%; border-bottom:1px solid #42bdd8; background:#42bdd8; margin:0px; font-size:120%; line-height:1.4em;}
#menu li:last-child{ width:100%; border-bottom:1px solid #22b0cf; margin:0px;}
#menu li a{ width:100%; height:auto; padding:15px 0px 15px 0px; color:#ffffff; text-align:center; text-decoration:none; margin:0px;}
#menu li a:hover{ border-bottom:0px; color:#42bdd8;}

#toggle{ display:block; position:relative; width:100%;}
#toggle a{ display:block; position:relative; padding:12px 0 10px; border-bottom:1px solid #eeeeee; color:#fff; text-align:center; text-decoration:none; height:30px;}
#toggle:before{ display:block; content: ""; position:absolute; top:50%; right:10px; width:28px; height:21px; margin-top:-10px; background:#42bdd8;}
#toggle a:before, #toggle a:after{ display:block; content: ""; position:absolute; top:50%; right:10px; width:28px; height:5px; background:#ffffff;}
#toggle a:before{ margin-top:-6px;}
#toggle a:after{ margin-top:3px;}

.fixed { position: fixed; top: 0; left: 0; width: 100%;}

.sawada{ width:100%; margin:auto; padding:30px 0px 30px 0px; text-align:center; border-top:1px solid #22b0cf; clear:both; background:#42bdd8;}
.sawada img{ width:204px;}


.sawada a.contact{ display:block; width:35%; height:auto; background:url(../images/icon_mail02.png) no-repeat 15px 50% #ffffff; margin:10px auto 0px auto; padding:10px 20px 10px 40px; color:#42bdd8; font-size:100%; line-height:1.4em; text-decoration:none; background-size:16px;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sawada a:hover.contact{ display:block; width:35%; height:auto; background:url(../images/icon_mail02.png) no-repeat 15px 50% #ffffff; margin:10px auto 0px auto; padding:10px 20px 10px 40px; color:#42bdd8; font-size:100%; line-height:1.4em; text-decoration:none; background-size:16px;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}



/* ============================================
	ヘッダエリア
============================================ */
.headarea{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto;}
.headbox{ width:100%; height:auto; padding:0px 0px 0px 0px; margin:auto; position:relative; z-index:1;}
.headbox img{ width:100%; margin:0px; padding:0px;}
.headbox ul{ margin:0px; padding:0px;}
.headbox li{ margin:0px; padding:0px;}


/* ============================================
	自然に感謝することから未来は繋がる
============================================ */
.sec01 { width:100%; padding:0px; margin:auto; background:none; background-size:contain;}
.sec01_area { width:100%; padding:0px; margin:auto;}
.sec01_box { width:100%; padding:10px 0% 50px 0%; margin:0px 0px 0px 0%;}
.sec01_box img{ width:100%; padding:0px; margin:0px 0px 0px 0%;}

.sec01_box h2{ font-size:140%; line-height:1.5em; color:#323232; text-align:center; font-weight:normal; margin:auto; padding:20px 0px 20px 0px; width:70%;}
.sec01_box p{ font-size:75%; line-height:2.0em; color:#323232; padding:0px 0px 20px 0px; margin:auto; width:95%;}

.sec01_box ul{ padding:0px; margin:auto; list-style:none;}
.sec01_box li{ float:left; margin:0px 2% 0px 2%; padding:0px; width:46%;}
.sec01_box li a.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff;  font-size:100%; line-height:1.2em; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec01_box li a:hover.contact{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:0px; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	ニュース
============================================ */
.sec02 { width:100%; padding:0px; margin:auto; background:#f3f3f3; background-size:contain;}
.sec02_area { width:100%; padding:0px; margin:auto;}
.sec02_box { width:100%; padding:0px 0% 50px 0%; margin:0px 0% 0px 0%;}
.sec02_box img{ width:100%; padding:0px; margin:0px 0px 0px 0%;}

.sec02_box h2{ font-size:140%; line-height:1.5em; color:#323232; text-align:center; font-weight:normal; margin:0px; padding:20px 0px 20px 0px;}

.sec02_box dl{ font-size:85%; line-height:1.4em; padding:0% 5% 0% 5%; margin:0px 0px 10px 0px; color:#323232; background-color:#696969; background-color:#f3f3f3;
/* border-radtius */
border-radius:10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;}

.sec02_box dt{ padding:0px 0px 0px 0px; width:100%; float:none; clear:both;}
.sec02_box dd{ padding:0px 0px 20px 0px; width:100%;/* dtの幅分の設定 */ margin-left:0%;}
.sec02_box dd a{ margin:0px; padding:0px; text-decoration:none;}
.sec02_box dd a:hover{ margin:0px; padding:0px; text-decoration:underline; color:#42bdd8; -webkit-transition: all .3s; transition: all .3s;}

.sec02_box a.more{ display:block; width:40%; background:url(../images/icon_arrow.png) no-repeat 90% 50% #42bdd8; background-size:7px; margin:auto; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.sec02_box a:hover.more{ display:block; background:url(../images/icon_arrow.png) no-repeat 90% 50% #22b0cf; background-size:7px; margin:auto; padding:16px 0px 14px 0px; color:#ffffff; font-size:100%; line-height:1.2em; text-decoration:none; text-align:center; text-decoration:none;
 -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	関連会社
============================================ */
.sec03 { width:100%; padding:0px; margin:auto;}
.sec03_box { width:90%; padding:30px 0% 50px 0%; margin:auto;}
.sec03_box h2{ font-size:24px; line-height:28px; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:0px 0px 20px 0px;}

.sec03_box ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li{ float:none; margin:0px 0% 0px 0%; padding:10px 0px 30px 0px; min-width:100%; text-align:center; font-size:12px; line-height:14px; color:#323232; position:relative;}
.sec03_box li:last-child{ margin:0px 0% 0px 0%;}
.sec03_box li h3{ margin:0px 0px 10px 0px; padding:0px; font-size:14px; line-height:16px; font-weight:normal; position:relative; top:0px; width:100%;}
.sec03_box li img{ margin:10px 0px 0px 0px; padding:0px; width:50%;}

.sec03_box li ul{ padding:0px; margin:auto; list-style:none;}
.sec03_box li ul li{ float:left; margin:0px 0% 0% 0%; padding:0px; width:50%; text-align:center; font-size:12px; line-height:14px; color:#323232;}

.sns{ width:75%; margin:10px auto 30px auto;}


/* ============================================
	フッタエリア
============================================ */
.foot{ width:100%; padding:0px; margin:auto; background-color:#f3f3f3;}
.foot_box{ width:95%; padding:20px 0% 50px 0%; margin:auto;}

.f_menu{ width:100%; margin:auto; padding:0;}
.f_menu li{ display:block; float:left; margin:0px 20px 0px 0px; padding:0; font-size:12px; line-height:14px;}
.f_menu li a{ display:block; padding:15px 0px 15px 0px; color:#323232; text-decoration:none; border-bottom:0px;}
.f_menu li a:hover{ border-bottom:0px; color:#42bdd8;}

.foot_box img{ padding:0%; margin:30px 0px 0px 0px; width:75%;}
.foot_box p{ font-size:12px; line-height:14px; padding:0%; margin:20px 0px 0px 0px;}

hr{ background-color:#cccccc; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.foot02{ width:100%; padding:14px 0px 13px 0px; margin:auto; background-color:#42bdd8; font-size:12px; line-height:14px; text-align:center; color:#FFFFFF;}

/*クリア*/
div .clear{
	width:0px;
	heigth:0px;
	font-size:0px;
	line-height:0px;
	clear:both;
}


/* ============================================
	下層ページ
============================================ */

/* ============================================
	ヘッダエリア
============================================ */
.headarea02{ width:100%; height:auto; padding:60px 0px 0px 0px; margin:auto;}
.headbox02{ width:100%; height:auto; padding:5% 0px 5% 0px; margin:auto; position:relative; z-index:1; text-align:center;}
.headbox02 img{ width:70%; margin:0px; padding:0px;}
.headbox02 h1{ color:#ffffff; font-size:36px; line-height:38px; margin:4% 0px 4% 0px; padding:0px; font-weight:normal;}

.merit{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}
.solar{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}
.used{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}
.setting{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}
.company{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}
.contact{ background:url(../images/merit_head_bg.jpg) no-repeat 0px bottom; background-size:140%;}

p.tac{ text-align:center; margin:0px; padding:0px;}
p.tac02{ margin:0px; padding:10px 0px 0px 0px; text-align:center; font-size:140%; line-height:40px; color:#ed6481; font-weight:bold;}
p.tac03{ margin:0px; padding:0px 0px 0px 0px; text-align:left; font-size:14px; line-height:28px;}

.mgn01{ margin:0px 0px 20px 0px;}
.mgn02{ margin:10px 0px 10px 0px;}
.mgn03{ margin:50px 0px 10px 0px;}

.fltl{ float:left;}

.wdt01{ width:100%;}
.wdt02{ width:15%;}
/* ============================================
	卸
============================================ */
.sellarea{ width:90%; margin:auto; padding:0px 0px 50px 0px;}
.sellarea h3{ color:#323232; font-size:100%; line-height:1.4em; font-weight:normal; text-align:center; margin:0px; padding:30px 0px 10px 0px;}
.sellarea h3.ttl01{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:30px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.sellarea h3.ttl01 span{ font-size:14px;}
.sellarea h3.ttl02{ width:100%; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:160%; line-height:1.4em; color:#323232; background-color:#e5f6fa; font-weight:bold;}
.sell01 li.panel img{width: 100%;}
.sell01 ul{ padding:0px; margin:auto; list-style:none;}
.sell01 li{ margin:0px; padding:0px;}
.sell01 li:last-child{ margin:0px 0% 0px 0%;}
.sell01 li.txt01{width:100%; margin:20px 0% 30px 0%; padding:0px 0px 0px 0px; text-align:left; font-size:80%; line-height:1.8em; color:#323232;}
.sell01 li.img01{width:40%; margin:20px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.sell01 li img{ margin:0px 0px 0px 0px; padding:0px; width:75%;}
.contact_btn{width: 90%; margin: 0 5%;}
.contact_btn2{width: 90%; margin: 0 5%;}
.pointarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.pointarea li{ float:none; width:80%; height:auto; margin:0px 10% 5% 10%; padding:0 0 20px 0; background-color:#f3f3f3;}
.pointarea li:nth-child(3n){ margin:0px 10% 5% 10%;}
.pointarea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:20%;}
.pointarea h3{ color:#323232; font-size:140%; line-height:28px; font-weight:normal; text-align:center; margin:0% 4% 3% 4%; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.pointarea p{ color:#323232; font-size:90%; line-height:26px; margin:0px; padding:0px 4% 3% 4%;}
.pointarea span{ font-size:12px; line-height:18px; color:#DC0000;}
.PC{display: none;}
.SP{display: block;}
/* ============================================
	選ぶ理由
============================================ */
.ttlarea01{ width:100%; background-color:#42bdd8; margin:0px; padding:7% 0px 7% 0px;}
.ttlarea01 h2{ color:#ffffff; font-size:120%; line-height:1.4em; font-weight:normal; text-align:center; margin:0px; padding:0px;}
.ttlarea01 h2 img{ width:70px; margin:0px 10px 0px 0px; padding:0px;}
.ttlarea01 h2 span{ font-size:50%;}

.pntarea{ width:95%; margin:auto; padding:0px 0px 50px 0px;}
.pntarea h3{ color:#323232; font-size:100%; line-height:1.4em; font-weight:normal; text-align:center; margin:0px; padding:30px 0px 10px 0px;}
.pntarea h3.ttl01{ color:#323232; font-size:160%; line-height:1.4em; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:30px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.pntarea h3.ttl01 span{ font-size:14px;}
.pntarea h3.ttl02{ width:100%; margin:30px 0px 30px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:160%; line-height:1.4em; color:#323232; background-color:#e5f6fa; font-weight:bold;}


/* === POINT 01 === */
.ptn01 ul{ padding:0px; margin:auto; list-style:none;}
.ptn01 li{ margin:0px; padding:0px;}
.ptn01 li:last-child{ margin:0px 0% 0px 0%;}
.ptn01 li.txt01{ float:left; width:60%; margin:0px 0% 30px 0%; padding:0px 0px 0px 0px; text-align:left; font-size:80%; line-height:1.8em; color:#323232;}
.ptn01 li.img01{ float:right; width:40%; margin:0px 0% 50px 0%; padding:0px 0px 0px 0px; text-align:center; font-size:14px; line-height:28px; color:#323232;}
.ptn01 li img{ margin:0px 0px 0px 0px; padding:0px; width:75%;}

.ptn01_b{ width:100%; padding:3% 0px 3% 0px; margin:auto; list-style:none; background-color:#f2f2f2;}
.ptn01_b ul{ padding:0px; margin:auto; list-style:none;}
.ptn01_b li{ margin:0px; padding:0px;}
.ptn01_b li:last-child{ margin:0px 0% 0px 0%;}
.ptn01_b li.txt02{ float:left; width:55%; margin:0px; padding:3% 0px 0px 0px; text-align:center; font-size:90%; line-height:1.4em; color:#323232;}
.ptn01_b li.img02{ float:left; width:45%; margin:0px; padding:0px 0px 0px 0px; text-align:left;}
.ptn01_b li img{ margin:0px 0px 0px 20px; padding:0px; width:75%;}

.ptn01_c{ width:100%; padding:3% 0px 3% 0px; margin:0px auto 30px auto; list-style:none; background-color:#f2f2f2;}
.ptn01_c ul{ padding:0px; margin:0px; list-style:none;}
.ptn01_c li{ float:left; width:44%; margin:0px; padding:0px 3% 0px 3%; text-align:center;}
.ptn01_c li img{ margin:0px; padding:0px; width:100%;}
.ptn01_c li p{ margin:0px 0px 0px 0px; padding:5px; text-align:left; font-size:90%; line-height:1.4em; color:#323232;}

/* === POINT 02 === */
.ptn02{ width:100%; margin:30px 0px 20px 0px; padding:40px 0px 30px 0px; text-align:center; font-size:120%; line-height:28px; color:#323232; background-color:#e5f6fa;}
.ptn02 span{ font-size:130%; color:#ed6481; font-weight:bold;}

.ptn02_b{ width:90%; margin:0px auto 0px auto; padding:5% 5% 5% 5%; text-align:center; font-size:90%; line-height:24px; color:#323232; background-color:#eeeeee; position:relative;}
.ptn02_c{ width:90%; margin:0px auto 20px auto; padding:5% 5% 5% 5%; text-align:center; font-size:100%; line-height:28px; color:#323232; background-color:#ffefa3; position:relative;}

.icon01{ position:absolute; top:-15px; left:45%; width:30px;}


a.btn01{ display:block; width:100%; background:url(../images/icon_arrow.png) no-repeat 95% 50% #42bdd8; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

a:hover.btn01{ display:block; width:100%; background:url(../images/icon_arrow.png) no-repeat 95% 50% #22b0cf; background-size:7px; margin:20px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02{ display:block; width:100%; background: #42bdd8; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn02:hover{ display:block; width:100%; background: #22b0cf; background-size:7px; margin:40px auto 0px auto; padding:26px 0px 24px 0px; color:#ffffff; font-size:16px; line-height:18px; text-decoration:none; text-align:center; -webkit-transition: all .3s; transition: all .3s;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

/* === POINT 03 === */
.ptn03_l{ float:left; width:30%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:}
.ptn03_l ul{ padding:0px; margin:0px; list-style:none;}
.ptn03_l li{ float:none; width:auto; margin:0px; padding:0px 0px 0px 0px;}
.ptn03_l li img{ margin:0px 0px 10px 0px; padding:0px; width:80%;}

.ptn03_r{ float:left; width:70%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn03_r p{ font-size:90%; line-height:2.0em; margin:0px; padding:0px 0px 0px 0px;}
.ptn03_r p span{ color:#ed6481;}
.ptn03_r img{ margin:0px 0px 10px 0px; padding:0px; width:100%;}


/* === POINT 04 === */
.ptn04{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#f9f9f9;}
.ptn04 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04 li{ float:none; width:96%; margin:0px 0px 0px 0px; padding:3px 3% 0% 3%; border-right:0px;}
.ptn04 li:nth-child(2n){ border-right:0px;}
.ptn04 li img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle; width:10%; }
.ptn04 li h4{ font-size:120%; line-height:24px; font-weight:normal; margin:20px 0px 0px 0px; padding:0px;}
.ptn04 p{ min-height:auto; font-size:90%; line-height:26px; margin:0px; padding:10px 0px 20px 0px;}
.ptn04 p span{ font-size:12px;}
.ptn04 hr{ background-color:#e2e2e2; height:1px; border:0px; margin:0px; padding:0px; clear:both;}

.ptn04_b{ width:100%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ptn04_b ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.ptn04_b li{ float:left; width:20%; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:center;}
.ptn04_b li img{ margin:0px; padding:0px; width:90%;}
.ptn04_b p{ font-size:18px; line-height:20px; margin:0px; padding:10px 0px 30px 0px;}


/* ============================================
	太陽光とは
============================================ */
.slrarea{ width:95%; margin:auto; padding:0px 0px 50px 0px;}
.slrarea h2{ color:#323232; font-size:130%; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 10px 0px; padding:20px 0px 0px 0px;}
.slrarea h2 img{ margin:0px 10px 0px 0px; padding:0px; vertical-align:middle; width:10%}

/* === MERIT 01 === */
.mrt01{ width:100%; margin:auto; padding:0px 0px 20px 0px;}
.mrt01 p{ color:#323232; font-size:90%; line-height:1.6em; margin:0px 0px 10px 0px; padding:0px;}
.mrt01 h3{ color:#323232; font-size:120%; line-height:26px; font-weight:normal; text-align:left; margin:20px 0px 10px 0px; padding:0px;}
.mrt01 img{ margin:0px 0px 0px 0px; padding:0px; width:90%;}

/* === MERIT 02 === */
.mrt02{ width:100%; margin:auto; padding:0px 0px 20px 0px;}
.mrt02 p{ color:#323232; font-size:90%; line-height:1.8em; margin:0px 0px 10px 0px; padding:0px;}
.mrt02 p span{ color:#ffffff; font-size:100%; line-height:1.8em; padding:2%; background-color:#ff9696;}
.mrt02 h3{ color:#323232; font-size:90%; line-height:1.4em; font-weight:normal; text-align:left; margin:10px 0px 0px 0px; padding:0px;}

/* === MERIT 04 === */
.mrt04{ width:100%; margin:auto; padding:0px 0px 30px 0px;}
.mrt04 p{ color:#323232; font-size:14px; line-height:28px; margin:0px 0px 10px 0px; padding:0px;}
.mrt04 h3{ color:#323232; font-size:24px; line-height:26px; font-weight:normal; text-align:left; margin:30px 0px 10px 0px; padding:0px;}
.mrt04 img{ margin:0px 20px 20px 0px; padding:0px; width:45%;}


/* ============================================
	中古物件
============================================ */
.usedarea{ width:95%; margin:auto; padding:20px 0px 30px 0px;}

/* === STEP === */
.steparea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.steparea li{ float:none; width:100%; height:auto; margin:0px 0% 3% 0px; padding:0px; background-color:#f3f3f3;}
.steparea li:nth-child(3n){ margin:0px 0px 3% 0px;}
.steparea li img{ margin:0px 0px 0px 0px; padding:0px; vertical-align:middle; width:20%;}

.steparea h3{ color:#323232; font-size:120%; line-height:28px; font-weight:normal; text-align:center; margin:0% 4% 3% 4%; padding:0px 0px 10px 0px; border-bottom:2px solid #42bdd8;}
.steparea p{ color:#323232; font-size:90%; line-height:26px; margin:0px; padding:0px 4% 3% 4%;}
.steparea span{ font-size:12px; line-height:18px; color:#DC0000;}

/* === FAQ === */
.faqarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.faqarea li{ float:none; width:100%; height:auto; margin:0px 2% 2% 0px; padding:0px; background-color:#fff2b7; border-top:5px solid #ff9900;}
.faqarea li:nth-child(2n){ margin:0px 0px 2% 0px;}

.faqarea h3{ color:#323232; font-size:100%; line-height:28px; font-weight:normal; text-align:center; margin:0px; padding:5% 4% 4% 4%; background-color:#f3f3f3;}
.faqarea p{ color:#323232; font-size:90%; line-height:1.8em; margin:0px; padding:5% 4% 5% 4%;}
.faqarea span{ font-size:24px; color:#DC0000; margin:0px 5px 0px 0px;}
/* ============================================
	施工実績
============================================ */
.setarea2{ width:95%; margin:auto; padding:20px 0px 50px 0px;}
.setarea2 p{ color:#323232; font-size:90%; line-height:24px; margin:0px 0px 10px 1%; padding:0px;}

.setarea2 ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea2 li{ float:none; width:100%; margin:0px 0% 3% 0%; padding:0px; background-color:#f3f3f3;}
.setarea2 li p{ font-size:80%; line-height:18px; margin:0px; padding:3% 3% 3% 3%; background-color:#ffffff; height:60px;}
.setarea2 li a{ display:block; text-decoration:none;}
.setarea2 li a:hover{ color:#323232; -webkit-transition: all .3s; transition: all .3s;}
.thickbox{pointer-events: none;}
.imgarea2{ width:100%; height:100%; margin:0px; padding:0px; overflow:hidden;}
.imgarea2 img{ margin:0px; padding:0px; width:100%;}

.setarea2 table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea2 table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea2 table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}

/* ============================================
	設置事例
============================================ */
.setarea{ width:95%; margin:auto; padding:20px 0px 50px 0px;}
.setarea p{ color:#323232; font-size:90%; line-height:24px; margin:0px 0px 10px 1%; padding:0px;}

.setarea ul{ padding:0px; margin:0px; list-style:none; color:#323232;}
.setarea li{ float:none; width:100%; margin:0px 0% 3% 0%; padding:0px; background-color:#f3f3f3;}
.setarea li p{ font-size:80%; line-height:18px; margin:0px; padding:3% 3% 3% 3%; background-color:#ffffff; height:60px;}
.setarea li:nth-child(3n){ margin:0px 1% 3% 1%;}
.setarea li a{ display:block; padding:5px; text-decoration:none;}
.setarea li a:hover{ background-color:#42bdd8; color:#323232; -webkit-transition: all .3s; transition: all .3s;}

.imgarea{ width:100%; height:200px; background-color:#000000; margin:0px; padding:0px; overflow:hidden;}
.imgarea img{ margin:0px; padding:0px; width:100%;}

.setarea table { width:100%; margin:0px; padding:0px; border:0px; border-collapse:collapse; background-color:#ffffff;}
.setarea table th{ width:30%; font-size:12px; line-height:18px; margin:0px; padding:10px 10px 0px 10px; border:0px; font-weight:normal;}
.setarea table td{ font-size:12px; line-height:18px; margin:0px; padding:10px 0px 0px 0px; border:0px;}

.setarea02{ width:95%; margin:auto; padding:0px 0px 70px 0px;}


/* ============================================
	会社概要
============================================ */
.comarea{ width:95%; margin:auto; padding:20px 0px 50px 0px;}

.comarea h3{ color:#323232; font-size:24px; line-height:26px; font-weight:normal; text-align:left; margin:0px 0px 20px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}

.comarea h4{ color:#323232; font-size:18px; line-height:20px; font-weight:normal; text-align:center; margin:0px 0px 10px 0px; padding:12px 10px 10px 10px; background-color:#ffe04d; width:150px;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.comarea table { width:100%; margin:10px 0px 0px 0px; padding:0px; border:#cccccc 0px solid; border-collapse:collapse; background-color:#f8f8f8;}
.comarea table th{ font-size:12px; line-height:18px; margin:0px; padding:3%; border:#cccccc 1px solid; color:#3b4b54; background-color:#eeeeee;}
.comarea table td{ font-size:12px; line-height:18px; margin:0px; padding:3%; border:#cccccc 1px solid; color:#3b4b54;}
.comarea table td.wdt{ width:30%;}

.gmap{ width:100%; height:300px; margin:0px 0px 30px 0px; padding:0px;}

.rin{ width:90%; font-size:110%; line-height:30px; background-color:#f3f3f3; margin:0px 0px 30px 0px; padding:5%; text-align:center;}
.rin span{ font-size:150%; color:#42bdd8; line-height:42px;}

.act{ width:100%; background-color:#e5f6fa; margin:0px 0px 0px 0px; padding:2% 0% 2% 0%;}
.act p{ font-size:90%; line-height:26px; margin:0px 0px 0px 0px; padding:2% 3% 0% 3%;}


/* ============================================
	お問い合わせ
============================================ */
.conarea{ width:95%; margin:auto; padding:20px 0px 50px 0px;}

.conarea h3{ color:#323232; font-size:26px; line-height:28px; font-weight:normal; text-align:left; margin:0px 0px 30px 0px; padding:0px 0px 10px 10px; border-bottom:2px solid #42bdd8;}
.conarea p{ font-size:14px; line-height:16px; margin:0px 0px 10px 0px;}
.conarea span{ color:#d40000;}

.conarea table { width:100%; margin:0px 0px 0px 0px; padding:0px; border:#cccccc 0px solid; border-collapse:collapse; background-color:#f8f8f8; text-align:left;}
.conarea table th{ width:30%; font-size:14px; line-height:18px; margin:0px; padding:10px 10px 10px 10px; border:#cccccc 0px solid; background-color:#eeeeee; font-weight:normal;}
.conarea table td{ font-size:14px; line-height:18px; margin:0px; padding:10px 10px 10px 10px; border:#cccccc 0px solid;}

.txtform01{ width:90%; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:20px; background-color:#ffffff;}
.txtform02{ width:90%; min-height:200px; padding: 12px 10px 13px 10px; border:1px solid #cccccc; color:#333333; font-size:14px; line-height:24px; background-color:#ffffff;}

.error{ width:96%; background-color:#FF0000; color:#FFFFFF; margin:auto; padding:2%;}


.btn_apply{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:30px 0px 20px 0px; padding:25px 100px 20px 100px; background-color:#42bdd8; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}

.btn_back{ border:0px; color:#ffffff; font-size:18px; line-height:20px; text-align:center; margin:0px 0px 0px 0px; padding:25px 50px 20px 50px; background-color:#999999; cursor:pointer;
/* border-radtius */
border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;}


/* ============================================
	ニュース一覧ページ
============================================ */
.ttlarea02{ width:100%; background-color:#42bdd8; margin:0px; padding:21% 0px 6% 0px;}
.ttlarea02 h2{ color:#ffffff; font-size:120%; line-height:1.4em; font-weight:normal; text-align:center; margin:0px; padding:0px;}

.newsbox { width:90%; padding:10px 0% 50px 0%; margin:0px auto 0px auto;}
.newsbox dl{ font-size:90%; line-height:1.4em; padding:0px; margin:0px 0px 0px 0px; color:#323232;}
.newsbox dt{ padding:10px 0px 0px 0px; width:100%; float:none; clear:both; text-align:left; color:#42bdd8;}
.newsbox dd{ padding:0px 0px 10px 0px; width:100%;/* dtの幅分の設定 */ margin-left:0%; border-bottom:1px solid #f8f8f8;}
.newsbox dd a{ margin:0px; padding:0px; text-decoration:none;}
.newsbox dd a:hover{ margin:0px; padding:0px; text-decoration:underline; color:#42bdd8; -webkit-transition: all .3s; transition: all .3s;}


/* ============================================
	プライバシーポリシー
============================================ */
.pvcbox { width:95%; padding:0px 0% 30px 0%; margin:0px auto 0px auto;}
.pvcbox h3{ font-size:90%; line-height:1.5em; color:#323232; text-align:left; font-weight:normal; margin:0px; padding:15px 0px 10px 0px;}
.pvcbox p{ font-size:75%; line-height:1.8em; color:#323232; text-align:left; margin:0px; padding:0px 0px 15px 0px;}

/* ============================================
	ページング
============================================ */
.pager{
	width: auto;
    text-align: center;
    font-size: 80%;
    padding-top: 20px;
}


}


.artpost { margin-bottom: 4rem; }
.wrapper { width: 96vw; max-width: 950px; margin: 0 auto; }
.artpost section { margin-bottom: 4rem; }
.artpost article {
	margin: 2rem auto 2rem;
}
.artpost p:not(:last-of-type) { margin: 0 auto 1.0rem; }
.artpost h2 {
	background: #42BDD8;
	margin: 0 auto 2rem;
	font-weight: normal;
	padding: 1.5rem 0;
	color: #FFFFFF; font-size: 1.8rem; line-height: 1.4em;
	text-align: center;
}
.artpost h3 {
	color: #323232;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.2;
	text-align: center;
	margin: 0 auto 2.0rem;
}
.artpost .imagebox { margin: 1.5rem auto;}
.aircon { background:url(../images/aircon_img07.jpg) no-repeat 0px 0px; background-size: cover; background-position: 0; }
.headarea02.aircon .headbox02 h1 { color: #323232; }

article.leftimage { display: flex; }
article.leftimage .images { width: 40%; margin-right: 1.5rem; order: 1; }
article.leftimage .mainbody { width: 60%; order: 2; }

article.rightimage { display: flex; }
article.rightimage .images { width: 40%; margin-left: 1.5rem; order: 2; }
article.rightimage .mainbody { width: 60%; order: 1; }

@media (max-width: 768px) {
	.artpost h2 { font-size: 1.2rem; line-height: 1.4em; }
	.artpost h3 { font-size: 1.2rem; margin: 0 auto 1.5rem; font-weight: bold; }

	article.leftimage { display: block; margin: 1rem auto; }
	article.leftimage .images { width: 80%; margin: 0.5rem auto; }
	article.leftimage .mainbody { width: 90%; margin: 0.5rem auto; }

	article.rightimage { display: block; margin: 1rem auto; }
	article.rightimage .images { width: 80%; margin: 0.5rem auto; }
	article.rightimage .mainbody { width: 90%; margin: 0.5rem auto; }

}
.artpost .images img { max-width: 100%; }

.artpost a.btn01 { margin: 2rem auto; }
@media(min-width:640px){
	#menu li { margin: 10px 0px 0px 23px; letter-spacing: -0.05rem; }
}

/* ******************************************* */
/*		  リスト汎用・テーブル汎用
/* ******************************************* */
@media(min-width:1000px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0px -10px 40px; }
	ul.col_2 li { width: calc( 50% - 20px ); margin: 10px; }
	ul.col_3 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_4 li { width: calc( 25% - 20px ); margin: 10px; }
	ul.col_5 li { width: calc( 20% - 20px ); margin: 10px; }
}
@media(max-width:999px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 { display: flex; align-items: stretch; flex-wrap: wrap; margin: 0px -10px 30px; }
	ul.col_2 li { width: calc( 50% - 20px ); margin: 10px; }
	ul.col_3 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_4 li { width: calc( 33% - 20px ); margin: 10px; }
	ul.col_5 li { width: calc( 33% - 20px ); margin: 10px; }
}
@media(max-width:768px){
	ul.col_2, ul.col_3, ul.col_4, ul.col_5 { margin: 20px -5px 20px; }
	ul.col_2 li { width: calc( 100% - 10px ); margin: 5px; }
	ul.col_3 li { width: calc( 100% - 10px ); margin: 5px; }
	ul.col_4 li { width: calc( 50% - 10px ); margin: 5px; }
	ul.col_5 li { width: calc( 50% - 10px ); margin: 5px; }
}