/*************** 基本スタイル ***************/
body { width:100%; margin:0px auto; padding:0px; font-family: メイリオ, "Meiryo UI", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; color:#333333; }
img { border:0px; }
a { color:#333333; text-decoration:none; }
a:hover { color:#333333; text-decoration:underline; }
a:hover img { opacity:0.7; }
a:focus { color:#333333; text-decoration:underline; }

.clear-both { clear:both; }

/***** ページトップ移動ボタン *****/
.pagetop { display: none; position: fixed; bottom: 10px; right: 30px; }
.pagetop a { display: block; }
.pagetop a:hover { display: block; }
.pagetop img { width:100%; height:auto; }

@media screen and (min-width: 768px){ /* パソコン用 */
	body{ font-size:15px; line-height:1.9em; }
	
	h1 { font-size:90%; margin:0px; padding:0px; font-weight:normal; }
	h1 img { border:0px; margin:0px; padding:0px; }
	
	.container { width:100%; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	body{ font-size:14px; line-height:1.9em; }
	
	h1 { font-size:80%; margin:0px; padding:0px; }
	h1 img { border:0px; margin:0px; padding:0px; }
	
	.container { width:100%; }
}

/*************** 共通スタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
}
@media screen and (max-width:767px){ /* スマホ用 */
}

/*************** ヘッダースタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	.h1-container { width:100%; margin:0px; padding:0px; border-bottom:1px #cccccc dotted; }
	.h1-area { width:100%; max-width:1000px; margin:0px auto; padding:0px; }
	
	.header-container { width:100%; margin:0px; padding:0px; background:#fff; }
	.header-area { width:100%; max-width:1000px; margin:0px auto; padding:0px; }
	/* ロゴエリア */
	.h-logo-area { width:30%; display:block; float:left; }
	/* ナビエリア */
	.h-navi-area { width:70%; padding-top:15px; display:block; float:left; }
	.h-navi-box-1,.h-navi-box-2 { width:19.5%; display:block; border-left:1px #333333 solid; float:left; text-align:center; line-height:1.4em; }
	.h-navi-box-2 { border-right:1px #333333 solid; }
	.h-navi-box-1 a,.h-navi-box-2 a { display:block; }
	.h-navi-box-1 a:hover,.h-navi-box-2 a:hover { text-decoration:none; cursor:pointer; background:#e3ffdc; }
	.h-navi-s { font-size:75%; color:#278711; }
	/* スマホメニュー */
	.sp-menu { display:none; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.h1-container { width:100%; margin:0px; padding:0px; border-bottom:1px #cccccc dotted; }
	.h1-area { width:100%; margin:0px auto; padding:0px; text-align:center; }
	
	.header-container { width:100%; margin:0px; padding:0px; background:#fff; }
	.header-area { width:100%; margin:0px auto; padding:0px; }
	/* ロゴエリア */
	.h-logo-area { text-align:center; }
	/* ナビエリア */
	.h-navi-area { display:none; }
	/* スマホメニュー */
	.sp-menu { width:100%; }
}

/*************** フッタースタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */		
	.footer-container { width:100%; min-height:500px; margin:0px; padding:0px; background:url('img/bk/footer-bk_01.png') right top no-repeat; background-size:cover auto;}
	.footer-area { width:100%; max-width:1000px; margin:0px auto; padding-top:100px; padding-left:10px; text-align:left; color:#fff; }
	.footer-container a,.footer-area a { color:#fff; }
	.footer-container a:hover,.footer-area a:hover { color:#fff; }
	.copyrigt { font-size:80%; color:#fff; padding-top:50px; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.footer-container { width:100%; min-height:300px; margin:0px; padding:0px; background:url('img/bk/footer-bk_01.png') right top no-repeat; background-size:cover auto; }
	.footer-area { width:95%; margin:0px auto; padding-top:100px; padding-left:10px; text-align:left; color:#1b7406; }
	.footer-container a,.footer-area a { color:#1b7406; }
	.footer-container a:hover,.footer-area a:hover { color:#1b7406; }
	.copyrigt { font-size:80%; color:#fff; padding-top:50px; }
}

/*************** トップページスタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	/* インフォメーション */
	.top-info-title { font-size:250%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	
	.top-info-container { width:100%; margin:0px; padding:0px; background:url('img/bk/top-page-bk_01-1.png') center bottom no-repeat; }
	.top-info-area { width:99%; max-width:1000px; margin:0px auto; margin-top:30px; padding:25px 0px; background:#fff; }
	.top-info-box { width:99%; padding:10px; }
	.top-info-box table { width:99%; border-collapse:collapse; }
	.top-info-box table tr { border-bottom:1px #666666 solid; }
	.top-info-box table th { width:20%; text-align:left; color:#278711; }
	.top-info-box table td { width:80%; }
	
	/* 太陽光について */
	.top-cont1-container { width:100%; min-height:454px; margin:0px; padding:0px; background:url('img/bk/top-page-bk_01-2.png') center top no-repeat; }
	.top-cont1-area-title { font-size:400%; font-weight:bold; color:#fff; text-shadow:10px 10px 1px #082a7c,1px 1px #000; text-align:center; padding:120px 0px 50px 0px; }
	.top-cont1-area { width:100%; max-width:1000px; height:auto; margin:0px auto; padding:0px; }
	.top-cont1-box { width:29%; float:left; margin:10px; padding:10px; background:#fff; border-radius:10px; border:1px #cccccc solid; }
	.top-cont1-box-title { font-size:160%; line-height:2.5em; color:#439c0f; text-shadow:5px 5px 0px #f1f1f1; font-weight:bold; }
	.top-cont1-box-title img { float:left; padding-right:15px; }
	.top-cont1-box2 { width:100%; padding:10px; line-height:2.4em; }
	.top-cont1-box2-title { font-size:130%; font-weight:bold; text-shadow:5px 5px 0px #f1f1f1; }
	.top-cont1-box2 button { width:70%; margin:15px 0px; padding:15px 0px; border:1px #cccccc solid; background:#fff; }
	.top-cont1-box2 a button { display:block; }
	.top-cont1-box2 a:hover button { display:block; cursor:pointer; background:#f1f1f1; }
	
	/* オール電化 */
	.top-cont2-title-container { width:100%; min-height:240px; margin:50px 0px 20px 0px; padding:0px; background:url('img/bk/top-page-bk_02.png') center center no-repeat; }
	.top-cont2-title-area { width:100%; max-width:1000px; margin:0px auto; padding:0px; font-size:400%; line-height:3.6em; color:#fff; font-weight:bold; text-shadow:10px 10px 1px #666666,1px 1px #000; text-align:center; }
	.top-cont2-container { width:100%; max-width:1000px; margin:0px auto; padding:0px; }
	.top-cont2-box { width:100%; font-size:140%; line-height:2em; }
	.top-cont2-box img { float:right; width:350px; height:auto; padding:15px; }
	.top-cont2-box ul { color:#2a9112;}
	.top-cont2-box li ul { padding:5px; list-style-type:none; font-size:80%; color:#333333; }
	.top-cont2-box2 button { width:70%; margin:15px 0px; padding:15px 0px; border:1px #cccccc solid; background:#fff; }
	.top-cont2-box2 a button { display:block; }
	.top-cont2-box2 a:hover button { display:block; cursor:pointer; background:#f1f1f1; }
	
	/* 問い合わせ */
	.top-contact-container { width:100%; min-height:300px; margin:50px 0px 0px 0px; padding:0px; background:url('img/bk/footer-info-bk_01.png'); background-repeat:repeat-x; }
	.top-contact-area { width:100%; max-width:1000px; margin:0px auto; padding:20px 0px; font-size:160%; text-align:center; }
	.top-contact-box { width:43%; margin:30px 20px; float:left; padding:10px; border:1px #cccccc solid; border-radius:10px; font-size:80%; line-height:2.2em; background:#fff; }
	.top-contact-box-fontl,.top-contact-box-fontl a,.top-contact-box-fontl a:hover { font-size:120%; font-weight:bold; color:#2a9112; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	/* インフォメーション */
	.top-info-title { font-size:250%; font-weight:bold; text-shadow:1px 1px #cccccc; }
	
	.top-info-container { width:95%; margin:20px 0px; padding:0px; }
	.top-info-area { width:98%; margin:0px auto; padding:0px; }
	.top-info-box { width:98%; padding:10px; }
	.top-info-box table { width:99%; border-collapse:collapse; }
	.top-info-box table tr { border-bottom:1px #666666 solid; }
	.top-info-box table th { display:block; text-align:left; color:#278711; }
	.top-info-box table td { display:block; padding-left:20px; }
	
	/* 太陽光について */
	.top-cont1-container { width:100%; margin:0px; padding:0px; }
	.top-cont1-area-title { font-size:200%; font-weight:bold; color:#fff; text-shadow:10px 10px 1px #082a7c,1px 1px #000; text-align:center; padding:60px 0px 50px 0px; background:url('img/bk/top-page-bk_01-2.png') center top no-repeat; }
	.top-cont1-area { width:100%; margin:0px auto; padding:0px; }
	.top-cont1-box { width:90%; margin:10px; padding:10px; background:#fff; border-radius:10px; border:1px #cccccc solid; }
	.top-cont1-box-title { font-size:160%; line-height:2.5em; color:#439c0f; text-shadow:5px 5px 0px #f1f1f1; font-weight:bold; }
	.top-cont1-box-title img { float:left; padding-right:15px; }
	.top-cont1-box2 { width:94%; padding:10px; line-height:2.4em; }
	.top-cont1-box2-title { font-size:130%; font-weight:bold; text-shadow:5px 5px 0px #f1f1f1; }
	.top-cont1-box2 button { width:70%; margin:15px 0px; padding:15px 0px; border:1px #cccccc solid; background:#fff; }
	.top-cont1-box2 a button { display:block; }
	.top-cont1-box2 a:hover button { display:block; cursor:pointer; background:#f1f1f1; }
	
	/* オール電化 */
	.top-cont2-title-container { width:100%; margin:20px 0px; padding:0px; background:url('img/bk/top-page-bk_02.png') center center no-repeat; }
	.top-cont2-title-area { width:100%; margin:0px auto; padding:0px; font-size:200%; line-height:3.6em; color:#fff; font-weight:bold; text-shadow:10px 10px 1px #666666,1px 1px #000; text-align:center; }
	.top-cont2-container { width:95%; margin:0px auto; padding:0px 5px; }
	.top-cont2-box { width:100%; font-size:100%; line-height:2em; }
	.top-cont2-box img {width:90%; height:auto; padding:15px; }
	.top-cont2-box ul { color:#2a9112; padding:0px 15px; }
	.top-cont2-box li ul { padding:5px; list-style-type:none; font-size:95%; color:#333333; }
	.top-cont2-box2 button { width:70%; margin:15px 0px; padding:15px 0px; border:1px #cccccc solid; background:#fff; }
	.top-cont2-box2 a button { display:block; }
	.top-cont2-box2 a:hover button { display:block; cursor:pointer; background:#f1f1f1; }
	
	/* 問い合わせ */
	.top-contact-container { width:100%; min-height:300px; margin:50px 0px 0px 0px; padding:0px; background:url('img/bk/footer-info-bk_01.png'); background-repeat:repeat-x; }
	.top-contact-area { width:100%; margin:0px auto; padding:20px 0px; font-size:160%; text-align:center; }
	.top-contact-box { width:90%; margin:15px 5px; float:left; padding:10px; border:1px #cccccc solid; border-radius:10px; font-size:80%; line-height:2.2em; background:#fff; }
	.top-contact-box-fontl,.top-contact-box-fontl a,.top-contact-box-fontl a:hover { font-size:120%; font-weight:bold; color:#2a9112; }
}

/*************** コンテンツページ共通スタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	/* タイトル */
	.page-title-area { width:100%; max-width:1000px; margin:0px auto; padding:120px 0px; }
	.page-title-white-l { font-size:350%; color:#fff; font-weight:bold; text-shadow:2px 2px 5px #000; line-height:1.2em; }
	.page-title-white-s { font-size:150%; color:#fff; text-shadow:2px 2px 5px #000; }
	
	/* ページ本文 */
	.page-container { width:100%; margin:0px; padding:0px; }
	
	/* 強制余白 */
	.margin-bottom-100 { margin-bottom:100px; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	/* タイトル */
	.page-title-area { width:100%; max-width:1000px; margin:0px auto; padding-top:30px; text-align:center; }
	.page-title-white-l { font-size:250%; color:#fff; font-weight:bold; text-shadow:2px 2px 5px #000; line-height:1.2em; }
	.page-title-white-s { font-size:120%; color:#fff; text-shadow:2px 2px 5px #000; }
}

/*************** 事業内容ページスタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	.work-title-container { width:100%; min-height:300px; margin:0px; padding:0px; background:url('img/bk/work-title-bk_01.png') center bottom; background-size:cover; }
	
	.work-font-1 { font-size:250%; line-height:3em; text-shadow:5px 5px #f1f1f1; } /* 大タイトル */
	.work-font-2 { font-size:150%; font-weight:bold; } /* 太陽光セクションタイトル */
	
	.work-container-1 { width:100%; margin:10px 0px; padding:0px; border-bottom:1px #f1f1f1f solid; }
	.work-area-1 { width:100%; max-width:1000px; margin:0px auto; padding:0px; line-height:2.4em; }
	.work-area-1 table { width:100%; margin:0px; padding:0px; }
	.work-area-1 table th { width:60%; text-align:left; font-weight:normal; vertical-align:top; }
	.work-area-1 table td { width:40%; }
	.work-area-1 table td img { width:100%; height:auto; }
	.work-area-1 button { width:60%; margin:20px 0px; padding:15px 0px; text-align:center; background:#fff; border:1px 1px #cccccc; }
	.work-area-1 a button { display:block; }
	.work-area-1 a:hover button { cursor:pointer; background:#f1f1f1; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.work-title-container { width:100%; height:120px; margin:0px; padding:0px; background:url('img/bk/work-title-bk_01.png') center bottom; background-size:cover; }
	
	.work-font-1 { font-size:250%; line-height:3em; text-shadow:5px 5px #f1f1f1; } /* 大タイトル */
	.work-font-2 { font-size:150%; font-weight:bold; background:#f1f1f1; } /* 太陽光セクションタイトル */
	
	.work-container-1 { width:100%; margin:10px 0px; padding:0px; border-bottom:1px #f1f1f1f solid; }
	.work-area-1 { width:100%; margin:0px auto; padding:0px; line-height:2.4em; }
	.work-area-1 table { width:100%; margin:0px; padding:0px; }
	.work-area-1 table th { display:block; text-align:left; font-weight:normal; vertical-align:top; }
	.work-area-1 table td { display:block; }
	.work-area-1 table td img { width:100%; height:auto; }
	.work-area-1 button { width:75%; margin:20px 0px; padding:10px 0px; text-align:center; background:#fff; border:1px 1px #cccccc; }
	.work-area-1 a button { display:block; }
	.work-area-1 a:hover button { cursor:pointer; background:#f1f1f1; }
}

/*************** 会社概要ページスタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	.about-title-container { width:100%; min-height:300px; margin:0px; padding:0px; background:url('img/bk/about-title-bk_01.png') center bottom; background-size:cover; }
	
	.about-container { width:100%; max-width:1000px; margin:0px auto; padding:0px; }
	.about-container table { width:100%; margin:20px 0px; padding:0px; border-collapse:collapse; }
	.about-container table tr { border-bottom:1px #666666 solid; }
	.about-container table th { width:25%; padding:15px 0px; text-align:left; vertical-align:top; }
	.about-container table td { width:75%; padding:15px 0px; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.about-title-container { width:100%; height:120px; margin:0px; padding:0px; background:url('img/bk/about-title-bk_01.png') center bottom; background-size:cover; }
	
	.about-container { width:100%; margin:0px auto; padding:0px; }
	.about-container table { width:100%; margin:20px 0px; padding:0px; border-collapse:collapse; }
	.about-container table tr { border-bottom:1px #666666 solid; }
	.about-container table th { display:block; padding:5px 0px 0px 5px; text-align:left; vertical-align:top; }
	.about-container table td { display:block; padding:0px 0px 0px 15px; }
}

/*************** 採用情報ページスタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	.recruit-title-container { width:100%; min-height:300px; margin:0px; padding:0px; background:url('img/bk/recruit-title-bk_01.png') center bottom; background-size:cover; }
	
	.recruit-container { width:100%; max-width:1000px; margin:0px auto; padding:0px; }
	.recruit-container table { width:100%; border-collapse:collapse; }
	.recruit-container table td { width:50%; text-align:right; padding:25px 0px; }
	.recruit-container table td button { width:75%; background:#fff; padding:15px 0px; border:1px #cccccc solid; }
	.recruit-container table td a button { display:block; }
	.recruit-container table td a:hover button { background:#f1f1f1; cursor:pointer }
	.recruit-area { width:100%; }
	.recruit-area table { width:100%; border-collapse:collapse; }
	.recruit-area table tr { }
	.recruit-area table th { width:25%; padding:20px 0px; text-align:left; vertical-align:top; }
	.recruit-area table td { width:75%; padding:20px 0px; text-align:left; }
	.recruit-font-a { font-size:130%; }
	.recruit-font-b { font-size:150%; line-height:3em; }
	.recruit-img { width:100%; height:auto; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.recruit-title-container { width:100%; height:120px; margin:0px; padding:0px; background:url('img/bk/recruit-title-bk_01.png') center bottom; background-size:cover; }
	
	.recruit-container { width:100%; margin:0px auto; padding:0px; }
	.recruit-container table { width:100%; border-collapse:collapse; }
	.recruit-container table td { display:block; text-align:right; padding:15px 0px; }
	.recruit-container table td button { width:75%; background:#fff; padding:15px 0px; border:1px #cccccc solid; }
	.recruit-container table td a button { display:block; }
	.recruit-container table td a:hover button { background:#f1f1f1; cursor:pointer }
	.recruit-area { width:100%; }
	.recruit-area table { width:100%; border-collapse:collapse; }
	.recruit-area table tr { border-bottom:1px #666666 solid; }
	.recruit-area table th { display:block; padding:10px; text-align:left; vertical-align:top; font-size:120%; }
	.recruit-area table td { display:block; padding:5px 0px 0px 20px; text-align:left; }
	.recruit-font-a { font-size:130%; text-align:center; }
	.recruit-font-b { font-size:150%; line-height:3em; }
	.recruit-img { display:none; }
}

/*************** お問合せページスタイル ***************/
@media screen and (min-width: 768px){ /* パソコン用 */
	.contact-title-container { width:100%; min-height:300px; margin:0px; padding:0px; background:url('img/bk/contact-title-bk_01.png') center bottom; background-size:cover; }
	
	.contact-container { width:100%; max-width:1000px; margin:0px auto; padding:25px 0px; }
	.contact-font-n { font-size:130%; line-height:2em; }
	.contact-font-title { font-size:200%; color:#2f9c0e; line-height:2em; }
	.contact-font-title img { float:left; }
	.contact-font-tel { padding:20px 0px 20px 90px; font-size:250%; text-shadow:1px 1px #fff; }
	.contact-font-tel-s { font-size:70%; line-height:2em; }
	.contact-font-tel-s2 { font-size:50%; line-height:2em; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.contact-title-container { width:100%; height:120px; margin:0px; padding:0px; background:url('img/bk/contact-title-bk_01.png') center bottom; background-size:cover; }
	
	.contact-container { width:100%; margin:0px auto; padding:25px 0px; }
	.contact-font-n { font-size:110%; line-height:2em; }
	.contact-font-title { font-size:150%; color:#2f9c0e; line-height:2em; }
	.contact-font-title img { float:left; }
	.contact-font-tel { padding:20px 0px 20px 50px; font-size:150%; text-shadow:1px 1px #fff; }
	.contact-font-tel-s { font-size:70%; line-height:2em; }
	.contact-font-tel-s2 { font-size:50%; line-height:2em; }
}