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

a:hover { color:#333333; text-decoration:underline; cursor:pointer; }
a:hover img { opacity:0.7; }
a:hover button { display:block; cursor:pointer;}
a:focus { color:#333333; text-decoration:underline; }
h1 { margin:0px; padding:0px; }
textarea { font-family: メイリオ, "Meiryo UI", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; color:#333333; }

.clear-both { clear:both; }

@media screen and (min-width: 769px){ /* パソコン用 */
	body { font-size:13px; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	body { font-size:16px; overflow-x:hidden; }
}

/****** ブロックスタイル ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	/* サイド固定ブロック */
	.side-block { width:60px; height:100%; margin:0px; padding:8px 0px 0px 0px; left:0px; top:0px; position:fixed; background:#061479; z-index:999; }
	/* ヘッダーブロック */
	.header-block { width:100%; height:70px; margin-left:60px; padding:0px; position:fixed; top:0px; background-color:rgba(255,255,255,0.95); }
	/* コンテンツブロック */
	.contents-block { width:100%; margin:70px 0px 0px 60px; padding:0px; }
	/* フッダーブロック */
	.footer-block { width:100%; margin:0px; padding:0px; background:#061479; position:absolute; z-index:888; background-image:url('img/bk/footer-bk_01.png'); background-position:center top; background-repeat:no-repeat; border-top:2px #061479 solid; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	/* サイド固定ブロック */
	.side-block { display:none; }
	/* ヘッダーブロック */
	.header-block { width:100%; margin:0px; padding:0px; }
	/* コンテンツブロック */
	.contents-block { width:100%; margin:0px; padding:0px; }
	/* フッダーブロック */
	.footer-block { width:100%; margin:0px; padding:0px; background:#061479; }
}

/****** ヘッダースタイル ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.header-container { width:100%; margin:0px; padding:0px; }
	/* 電話番号 */
	.h-info-area { width:30%; float:left; }
	/* ロゴ */
	.h-logo-area { width:35%; float:left; text-align:center; }
	/* ナビ */
	.h-navi-area { width:33%; float:left; text-align:right; padding-top:15px; }
	/* パソコン用ナビ */
	.h-navi-box-a { width:22%; display:block; text-align:center; float:left; font-size:110%; line-height:2.3em; border-left:1px #666666 solid; }
	.h-navi-box-b { width:22%; display:block; text-align:center; float:left; font-size:110%; line-height:2.3em; border-left:1px #666666 solid; border-right:1px #666666 solid; }
	.h-navi-box-a a, .h-navi-box-b a { display:block; }
	.h-navi-box-a a:hover, .h-navi-box-b a:hover { text-decoration:none; border-bottom:3px #0f5297 solid; }
	/* スマホナビ用 */
	.sp-header-container { display:none; }
}

@media screen and (max-width: 1020px) and (min-width: 768px){ /* タブレット用 */
	.header-container { width:100%; margin:0px; padding:0px; }
	/* 電話番号 */
	.h-info-area { display:none; }
	/* ロゴ */
	.h-logo-area { width:45%; float:left; }
	/* ナビ */
	.h-navi-area { width:52%; float:left; text-align:right; padding-top:15px; }
	/* パソコン用ナビ */
	.h-navi-box-a { width:22%; display:block; text-align:center; float:left; font-size:110%; line-height:2.3em; border-left:1px #666666 solid; }
	.h-navi-box-b { width:22%; display:block; text-align:center; float:left; font-size:110%; line-height:2.3em; border-left:1px #666666 solid; border-right:1px #666666 solid; }
	.h-navi-box-a a, .h-navi-box-b a { display:block; }
	.h-navi-box-a a:hover, .h-navi-box-b a:hover { text-decoration:none; border-bottom:3px #0f5297 solid; }
	/* スマホナビ */
	.sp-header-container { display:none; }
}
@media screen and (max-width:767px){ /* スマホ用 */
	.header-container { display:none; }
	/* スマホナビ */
	.sp-header-container { width:100%; margin:0px; padding:0px; background:#fff; border-bottom:2px #f1f1f1 solid; }
	.sp-h-navi { float:left; padding:20px 5px 10px 5px; }
	.sp-h-logo { width:100%; text-align:center; }
	.sp-h-logo img { width:65%; height:auto; }
}

/****** フッダースタイル ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.footer-container { width:100%; text-align:center; color:#fff; position:relative; z-index:888; }
	.footer-container a, .footer-container a:hover { color:#fff; text-decoration:none; }
	/* トップ移動ボタン */
	.f-top-btn { position:relative; margin-top:-30px; padding:0px; z-index:888; color:#061479; }
	.f-top-btn a:hover img { opacity:1; }
	.f-top-btn a { color:#061479; }
	.f-top-btn a:hover { color:#11184c; text-decoration:none; }
	/* 会社情報 */
	.f-info-area { padding:20px 0px 20px 90px; float:left; text-align:left; line-height:2.3em; }
	.f-info-font-a { font-size:180%; font-weight:bold; } /* 会社名 */
	.f-info-font-b { font-size:140%; font-weight:bold; } /* 電話・FAX番号 */
	/* コンテンツリンク */
	.f-link-area { padding:20px 0px; text-align:right; float:right; vertical-align:middle; color:#061479; }
	.f-link-area a { color:#061479; }
	.f-link-area a:hover { text-decoration:underline; color:#061479; }
	/* コピーライト */
	.copy-right { width:100%; margin-top:15px; padding:3px 0px; background:#061479; font-size:90%; color:#fff; text-align:right; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.footer-container { width:100%; text-align:center; color:#fff; }
	.footer-container a, .footer-container a:hover { color:#fff; text-decoration:none; }
	/* トップ移動ボタン */
	.f-top-btn { padding:5px 0px 20px 0px; }
	/* 会社情報 */
	.f-info-area { padding:20px 0px;text-align:center; line-height:1.9em; font-size:90%; }
	.f-info-font-a { font-size:130%; font-weight:bold; } /* 会社名 */
	.f-info-font-b { font-size:120%; font-weight:bold; } /* 電話・FAX番号 */
	/* コンテンツリンク */
	.f-link-area { display:none; }
	/* コピーライト */
	.copy-right { width:100%; margin-top:15px; padding:3px 0px; background:#061479; font-size:90%; color:#f1f1f1; text-align:center; }
}

/****** ページ共通スタイル ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	/* ページ工事中案内 */
	.page-none { width:100%; text-align:center; font-size:200%; line-height:2.5em; padding:150px 0px 350px 0px; }
	/* パンクズ */
	.pankuzu-container { padding-top:80px; text-align:right; color:#fff; font-size:90%; }
	.pankuzu-container a, .pankuzu-container a:hover { color:#fff; }
	/* ページタイトル */
	.p-title-area { width:100%; max-width:1200px; margin:0px auto; padding-top:100px; }
	.p-title-font-a { font-size:330%; color:#fff; font-weight:bold; } /* タイトル大文字（1行目） */
	.p-title-font-b { font-size:140%; color:#fff; font-weight:bold; } /* タイトル小文字（2行目） */
	/* 改行クラス */
	.sp-br { display:none; } /* スマホのみ改行 */
	/* 空白クラス */
	.pc-sp10 { padding-right:10px; } /* PCのみスペース */
}
@media screen and (max-width:768px){ /* スマホ用 */
	/* ページ工事中案内 */
	.page-none { width:100%; text-align:center; font-size:150%; line-height:2.5em; padding:50px 0px 250px 0px; }
	/* パンクズ */
	.pankuzu-container { display:none; }
	/* ページタイトル */
	.p-title-area { width:95%; margin:0px auto; padding-top:15px; padding-left:5px;}
	.p-title-font-a { font-size:150%; color:#fff; font-weight:bold; } /* タイトル大文字（1行目） */
	.p-title-font-b { display:none; } /* タイトル小文字（2行目） */
	/* 改行クラス */
	.sp-br { } /* スマホのみ改行 */
	/* 空白クラス */
	.pc-sp10 { display:none; } /* PCのみスペース */
}

/****** トップページスタイル ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	/* メイン画像スライド */
	.bg-slider { width: 100%; height: 750px; background-position:center center; background-size: cover; background-repeat:no-repeat; }
	.bg-slider-1 { color:#fff; font-size:400%; text-align:center; padding-top:200px; text-shadow:1px 1px 1px #000; font-weight:bold; font-family:"Times New Roman","ＭＳ 明朝","ＭＳ Ｐ明朝"; line-height:1.6em;}
	.bg-slider-1 br { display:none; }
	.scroll-info { padding-top:440px; text-align:center; }
	
	/* インフォメーション */
	.top-info-container { width:100%; margin:0px; padding:0px; background:url('img/bk/top-info-bk_01.png') center top no-repeat; background-size:cover; }
	.top-info-area { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
	.top-info-area table { width:100%; }
	.top-info-area table th { width:50%; text-align:center; font-size:125%; padding:10px 0px; color:#fff; }
	.top-info-area table td { width:50%; padding:30px 0px 10px 0px; text-align:center; }
	.top-info-area table td table { width:100%; border-collapse:collapse; }
	.top-info-area table td table tr { border-bottom:1px #cccccc dotted; }
	.top-info-area table td table th { width:20%; padding:5px; text-align:left; color:#333333; vertical-align:top; }
	.top-info-area table td table td { width:80%; padding:5px; text-align:left; color:#333333; }
	
	/* 会社について */
	.top-about-container { width:100%; margin:0px; padding:0px 0px 40px 0px; background:url('img/bk/top-about-bk_01.png') center center no-repeat; border-top:30px #f1f1f1 groove; border-bottom:30px #f1f1f1 ridge; }
	.top-about-area { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
	.top-about-area table { width:100%; }
	.top-about-area table th { width:35%; padding-top:100px; vertical-align:top; text-align:left; font-weight:normal; line-height:2.1em; }
	.top-about-area table td { width:65%; text-align:center; vertical-align:bottom; }
	.top-about-area table td button { width:40%; margin:10px 0px; padding:15px 0px; text-align:center; border:1px #cccccc solid; background:rgba(255,255,255,0.4); }
	.top-about-area table td a:hover button { padding:13.5px 0px; display:block; text-decoration-line:underline; text-decoration-color: white; cursor:pointer; font-size:140%; color:#000; }
	.top-about-font-a { font-size:350%; color:#073293; font-weight:bold; line-height:1.4em; } /* タイトル大文字 */
	.top-about-font-b { font-size:140%; color:#073293; font-weight:bold; line-height:1.8em; } /* タイトル小文字 */
	.top-sdk-logo { } /* SDKロゴ表示 */
	
	/* ビジネス */
	.top-business-container { width:100%; margin:0px; padding:0px; background:url('img/bk/top-business-bk_01.png') center center no-repeat; background-size:cover; border-bottom:20px #f6f6f6 solid; }
	.top-business-area { width:100%; max-width:1200px; height:650px; margin:0px auto; padding:0px; }
	.top-business-area button { width:45%; margin:40px 0px; padding:15px 0px; text-align:center; background:rgba(255,255,255,0.6); border:1px #cccccc solid; }
	.top-business-area a:hover button { padding:13.5px 0px; display:block; text-decoration-line:underline; text-decoration-color: white; cursor:pointer; font-size:140%; color:#000; }
	.top-business-area dl { width:28%; /*height:320px;*/ margin:0px 20px; padding:5px; float:left; background:#fff; border-radius:10px; box-shadow:5px 5px 10px #f1f1f1; }
	.top-business-area dt { text-align:center; font-weight:bold; }
	.top-business-area dt img { padding-bottom:5px; width:100%; height:auto; display:block; }
	.top-business-area dd { margin:0px; padding:3px 0px; line-height:1.9em; }
	.top-business-box-title { padding:40px 0px 20px 0px; text-align:right; font-size:400%; font-weight:bold; text-shadow:5px 5px #f6f6f6; }
	.top-business-dd-p1 { height:6em; text-align:left; font-size:105%; }
	.top-business-dd-p2 { display:block; text-align:right; font-size:90%; }
	
	/* 施工流れ */
	.top-flow-container { width:100%; margin:0px; padding:0px; background:#f6f6f6; }
	.top-flow-area-title-a { padding-right:20px; font-size:300%; color:#061479; font-weight:bold; float:left; text-shadow:10px 10px #eeeeee; } /* 大文字 */
	.top-flow-area-title-b { font-size:150%; color:#061479; font-weight:bold; line-height:3.2em;  } /* 小文字 */
	.top-flow-area { width:100%; max-width:1200px; margin:0px auto; padding:0px 0px 40px 0px; }
	.top-flow-area button { width:45%; margin:40px 0px 0px 0px; padding:15px 0px; text-align:center; background:rgba(255,255,255,0.6); border:1px #cccccc solid; }
	.top-flow-area a:hover button { padding:13.5px 0px; display:block; text-decoration-line:underline; text-decoration-color: white; cursor:pointer; font-size:140%; color:#000; }
	.top-flow-img { text-align:center; }
	.top-flow-box { display:none; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	/* メイン画像スライド */
	.bg-slider { width: 100%; /*height: 200px;*/ background-position:center center; background-size:cover; background-repeat:no-repeat; }
	.bg-slider-1 { color:#fff; font-size:150%; text-align:center; padding:30px 15px 0px 15px; text-shadow:1px 1px 1px #000; font-weight:bold; /*font-family:"Times New Roman","ＭＳ 明朝","ＭＳ Ｐ明朝";*/ line-height:1.6em;}
	.scroll-info { display:none; }
	
	/* インフォメーション */
	.top-info-container { width:100%; margin:0px; padding:0px; background:url('img/bk/top-info-bk_01.png') center top no-repeat #f1f1f1; }
	.top-info-area { width:100%; margin:0px auto; padding:0px; }
	.top-info-area table { width:100%; margin:0px; padding:0px; }
	.top-info-area table th { display:block; text-align:left; font-size:125%; padding:15px 0px 0px 0px; color:#fff; line-height:1.2em; }
	.top-info-area table td { display:block; padding:0px 0px 10px 0px; text-align:center; }
	.top-info-area table td table { width:97%; border-collapse:collapse; background:#fff; font-size:90%; border-radius:10px; line-height:1.9em; }
	.top-info-area table td table tr { border-bottom:1px #cccccc dotted; }
	.top-info-area table td table th { display:block; padding:0px 5px; text-align:left; color:#333333; vertical-align:top; font-size:85%; }
	.top-info-area table td table td { display:block; padding:0px 5px; text-align:left; color:#333333; }
	
	/* 会社について */
	.top-about-container { width:100%; margin:0px; padding:0px; }
	.top-about-area { width:100%; margin:0px auto; padding:0px; }
	.top-about-area table { width:100%; background:url('img/logo/sdk-logo-300_01.png') center center no-repeat; background-size:inherit inherit; }
	.top-about-area table th { display:block; padding:20px 10px 10px 10px; vertical-align:top; text-align:left; font-weight:normal; line-height:1.9em; }
	.top-about-area table td { display:block; text-align:center; vertical-align:bottom; }
	.top-about-area table td button { width:60%; margin:10px 0px; padding:10px 0px; text-align:center; border:1px #cccccc solid; background:rgba(255,255,255,0.4); font-size:115%; }
	.top-about-area table td a button { display:block; text-decoration:none; }
	.top-about-area table td a:hover button { display:block; text-decoration-line:underline; text-decoration-color: gray; background:gray; cursor:pointer; }
	.top-about-font-a { font-size:250%; color:#073293; font-weight:bold; line-height:1.2em; } /* タイトル大文字 */
	.top-about-font-b { font-size:110%; color:#073293; font-weight:bold; line-height:1.6em; } /* タイトル小文字 */
	.top-sdk-logo { display:none; } /* SDKロゴ表示 */
	
	/* ビジネス */
	.top-business-container { width:100%; margin:0px; padding:0px; background:#f1f1f1; }
	.top-business-area { width:100%; margin:0px auto; padding:0px 0px 30px 0px; }
	.top-business-area button { width:85%; margin:40px 0px 0px 0px; padding:15px 0px; text-align:center; background:rgba(255,255,255,0.6); border:1px #cccccc solid; }
	.top-business-area a:hover button { text-decoration:underline; text-decoration-color:silver; background-color:silver; display:block; }
	.top-business-area dl { width:90%; margin:15px 0px; padding:5px; background:#fff; border-radius:10px; box-shadow:5px 5px 10px #f1f1f1; }
	.top-business-area dt { text-align:center; font-weight:bold; }
	.top-business-area dt img { padding-bottom:5px; width:100%; height:auto; display:block; }
	.top-business-area dd { margin:0px; padding:3px 0px; line-height:1.9em; }
	.top-business-box-title { padding:30px 0px 5px 0px; text-align:center; font-size:250%; font-weight:bold; text-shadow:5px 5px #f8f8f8; }
	.top-business-dd-p1 { text-align:left; font-size:90%; }
	.top-business-dd-p2 { display:block; text-align:right; font-size:80%; }
	
	/* 施工流れ */
	.top-flow-container { width:100%; margin:0px; padding:0px; background:#f6f6f6; }
	.top-flow-area-title-a { padding-right:20px; font-size:150%; color:#061479; font-weight:bold; text-shadow:10px 10px #eeeeee; text-align:right; } /* 大文字 */
	.top-flow-area-title-b { font-size:110%; color:#061479; font-weight:bold; text-align:right; } /* 小文字 */
	.top-flow-area { width:100%; margin:0px auto; padding:0px 0px 40px 0px; }
	.top-flow-area button { width:85%; margin:40px 0px 0px 0px; padding:15px 0px; text-align:center; background:rgba(255,255,255,0.6); border:1px #cccccc solid; }
	.top-flow-area a:hover button { text-decoration:underline; text-decoration-color:silver; background-color:silver; display:block; }
	.top-flow-img { display:none; }
	.top-flow-box { width:90%; margin:0px; padding:10px; font-size:110%; text-align:left; border:1px #666666 solid; background-image:url('img/bk/sp-top-flow-bk_01.png'); background-repeat:no-repeat; background-position:right center; background-size:contain; }
}

/****** 会社概要ページスタイル（ap） ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.ap-title-container { min-height:300px; background-image:url('img/bk/about-title-bk_01.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#2a2a2a; }
	.ap-container { width:100%; padding:15px 0px 25px 0px; background-image:url('img/bk/about-main-bk_01.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
	/***** サイド固定メニュー *****/
	.ap-side-menu { width:70px; height:190px; padding:10px 5px; background:#2a2a2a; border-radius:10px; position:fixed; top:400px; right:50px; z-index:999; text-align:center; }
	.ap-side-menu a, .ap-side-menu a:hover { color:#fff; font-size:90%; cursor:pointer; }
	.ap-side-menu img { padding-bottom:5px; }
	/****** スマホ用メニュー ******/
	.ap-sp-menu { display:none; }
	/****** 共通タイトル ******/
	.ap-font-a { font-size:230%; font-weight:bold; line-height:2.1em; } /* ページ内タイトル */
	.ap-font-a img { float:left; padding:0px 10px 0px 0px; }
		
	/****** 会社案内 ******/
	.ap-company-container { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
	.ap-company-container table { width:90%; font-size:14px; border-collapse:collapse; }
	.ap-company-container table tr {}
	.ap-company-container table th { width:25%; text-align:left; padding:10px 10px 10px 20px; background:#f1f1f1; vertical-align:top; border-bottom:2px #fff solid; }
	.ap-company-container table td { width:75%; text-align:left; padding:10px 10px 10px 20px; font-size:110%; border-bottom:1px #cccccc solid; }
	.ap-company-container table td iframe { width:100%; height:600px; }
		
	/****** 会社沿革 ******/
	.ap-history-container { width:100%; max-width:1200px; margin:0px auto; padding-top:30px; }
	.ap-history-container table { width:90%; border-collapse:collapse; }
	.ap-history-container table tr { border-bottom:1px #f1f1f1 dotted; }
	.ap-history-container table th { width:16%; padding:3px; text-align:left; vertical-align:top; }
	.ap-history-container table td { width:84%; padding:3px; }
		
	/****** 主な実績 ******/
	.ap-work-container{ width:100%; max-width:1200px; margin:0px auto; padding-top:30px; }
	.ap-work-box-title { padding:15px 10px 5px 10px; font-size:120%; font-weight:bold; border-bottom:1px #cccccc solid; text-shadow:1px 1px #cccccc; }
	.ap-work-box-title img { padding:0px 2px 0px 10px; }
	.ap-work-box-title  a, .ap-work-box-title  a:hover { color:#0066cf; font-size:90%; font-weight:normal; }
	.ap-work-box-cont { padding:10px 13px 20px 13px; font-size:110%; }
	.ap-work-box-cont ul { margin:0px; padding:0px 0px 0px 20px; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.ap-title-container { min-height:65px; background-image:url('img/bk/about-title-bk_01.png'); background-size:contain; background-repeat:no-repeat; background-color:#2a2a2a; }
	.ap-container { width:100%; padding:15px 0px 25px 0px; }
	/****** サイド固定メニュー ******/
	.ap-side-menu { display:none; }
	/****** スマホ用メニュー ******/
	.ap-sp-menu { width:100%; padding:10px 0px; background:#f1f1f1; }
	.ap-sp-menu button { width:90%; margin:5px 0px; padding:8px 0px; background:#fff; border:1px #cccccc solid; text-align:left; font-size:110%; line-height:2em; border-radius:5px; }
	.ap-sp-menu button img { width:10%; height:auto; float:left; padding:0px 10px 0px 15px; }
	/****** 共通タイトル ******/
	.ap-font-a { font-size:160%; font-weight:bold; line-height:2.1em; } /* ページ内タイトル */
	.ap-font-a img { width:13%; height:auto; float:left; padding:0px 10px 0px 0px; }
		
	/****** 会社案内 ******/
	.ap-company-container { width:100%; max-width:1200px; margin:0px auto; padding:0px; }
	.ap-company-container table { width:90%; font-size:14px; border-collapse:collapse; }
	.ap-company-container table tr {}
	.ap-company-container table th { display:block; text-align:left; padding:6px 10px 6px 20px; background:#f1f1f1; vertical-align:top; }
	.ap-company-container table td { display:block; text-align:left; padding:6px 10px 6px 20px; font-size:110%; }
	.ap-company-container table td iframe { width:100%; height:300px; }
	
	/****** 会社沿革 ******/
	.ap-history-container { width:100%; max-width:1200px; margin:0px auto; padding-top:30px; }
	.ap-history-container table { width:90%; border-collapse:collapse; }
	.ap-history-container table tr { border-bottom:1px #f1f1f1 dotted; }
	.ap-history-container table th { width:24%; padding:3px; text-align:left; vertical-align:top; }
	.ap-history-container table td { width:76%; padding:3px; }
		
	/****** 主な実績 ******/
	.ap-work-container{ width:100%; max-width:1200px; margin:0px auto; padding-top:30px; }
	.ap-work-box-title { padding:15px 10px 5px 10px; font-size:120%; font-weight:bold; border-bottom:1px #cccccc solid; text-shadow:1px 1px #cccccc; }
	.ap-work-box-title img { padding:0px 2px 0px 10px; }
	.ap-work-box-title  a, .ap-work-box-title  a:hover { color:#0066cf; font-size:90%; font-weight:normal; display:block; }
	.ap-work-box-cont { padding:10px 13px 20px 13px; font-size:110%; }
	.ap-work-box-cont ul { margin:0px; padding:0px 0px 0px 20px; }
}

/****** 事業内容ページスタイル（bp） ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.bp-title-container { min-height:300px; background-image:url('img/bk/business-title-bk_01.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#2a2a2a; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.bp-title-container { min-height:65px; background-image:url('img/bk/business-title-bk_01.png'); background-size:contain; background-repeat:no-repeat; background-color:#2a2a2a; }
}
/****** お問合せページスタイル（cp） ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.cp-title-container { min-height:300px; background-image:url('img/bk/contact-title-bk_01.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#2a2a2a; }
	.cp-container { width:100%; max-width:1200px; margin:0px auto; padding:20px 0px; font-size:16px; line-height:2em; } /* 最初の説明文 */
	
	/***** 電話 *****/
	.cp-tel-title-container { width:100%; min-height:80px; border-bottom:4px #f1f1f1 solid; background-image:url('img/bk/contact-page-bk_02.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
	.cp-tel-title-area { width:100%; max-width:1200px; margin:0px auto; padding-top:20px; font-size:220%; line-height:2em; }
	.cp-tel-title-area img { float:left; padding-right:15px; }
	.cp-tel-area { width:100%; max-width:1100px; margin:0px auto; padding:20px 0px; }
	.cp-tel-number { padding-right:25px; font-size:200%; font-weight:bold; color:#061479; float:left; } /* 電話番号 */
	.cp-tel-rel { font-size:120%; } /* 営業時間案内 */
	
	/***** メール *****/
	.cp-mail-title-container { width:100%; min-height:80px; border-bottom:4px #f1f1f1 solid; margin-top:20px; }
	.cp-mail-title-area { width:100%; max-width:1200px; margin:0px auto; padding-top:20px; font-size:220%; line-height:2em; }
	.cp-mail-title-area img { float:left; padding-right:15px; }
	.cp-mail-area { width:100%; max-width:1100px; margin:0px auto; padding:20px 0px; }
	.cp-mail-area button { width:45%; margin:18px 0px; padding:11px 0px; text-align:center; border:1px #cccccc solid; background:#fff; font-size:110%; }
	.cp-mail-area a button { display:block; }
	.cp-mail-area a:hover button { display:block; text-decoration:underline; text-decoration-color:white; color:#e80101; cursor:pointer; }
	.cp-mail-rel { font-size:120%; } /* メール案内 */
	
	/***** フォーム *****/
	.cp-form-title-container { width:100%; min-height:80px; border-bottom:4px #f1f1f1 solid; background-image:url('img/bk/contact-page-bk_02.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; }
	.cp-form-title-area { width:100%; max-width:1200px; margin:0px auto; padding-top:20px; font-size:220%; line-height:2em; }
	.cp-form-title-area img { float:left; padding-right:15px; }
	/*** お問合せフォーム ***/
	.cp-form-area { width:100%; max-width:1100px; margin:0px auto; padding:20px 0px; }
	.cp-form-rel { font-size:120%; } /* 説明文 */
	.cp-form-main { width:100%; color:#333333; line-height:2em; font-size:120%; }
	.cp-form-main table { width:100%; }
	.cp-form-main table th { width:20%; padding:8px 0px; font-weight:normal; text-align:left; vertical-align:top; }
	.cp-form-main table td { width:100%; }
	/* フォーム内テキスト */
	.cp-form-txtarea1 { width:75%; padding:6px 5px; } /* 標準 */
	.cp-form-txtarea2 { width:20%; padding:6px 5px; } /* 郵便番号 */
	.cp-form-txtarea3 { width:24%; padding:6px 5px; } /* 都道府県 */
	/* インプットボタン */
	.cp-form-btn { width:30%; margin:30px 20px 40px 20px; padding:10px 0px; background:#f1f1f1; border:1px #cccccc solid; border-radius:10px; font-size:110%; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.cp-title-container { min-height:65px; background-image:url('img/bk/contact-title-bk_01.png'); background-size:contain; background-repeat:no-repeat; background-color:#2a2a2a; }
	.cp-container { width:95%; margin:0px auto; padding:5px; line-height:1.8em; } /* 最初の説明文 */
	
	/***** 電話 *****/
	.cp-tel-title-container { width:100%; background:#f1f1f1; }
	.cp-tel-title-area { width:95%; margin:0px auto; padding:10px 5px; font-size:150%; line-height:1.8em; }
	.cp-tel-title-area img { width:10%; height:auto; float:left; padding-right:10px; }
	.cp-tel-area { width:100%; margin:0px auto; padding:20px 0px; text-align:center; }
	.cp-tel-number { padding-right:25px; font-size:150%; font-weight:bold; color:#061479; } /* 電話番号 */
	.cp-tel-rel { font-size:95%; } /* 営業時間案内 */
	
	/***** メール *****/
	.cp-mail-title-container { width:100%; background:#f1f1f1; }
	.cp-mail-title-area { width:95%; margin:0px auto; padding:10px 5px; font-size:150%; line-height:1.8em; }
	.cp-mail-title-area img {width:10%; height:auto; float:left; padding-right:10px; }
	.cp-mail-area {width:95%; margin:0px auto; padding:20px 5px; }
	.cp-mail-area button { width:100%; margin:18px 0px; padding:11px 0px; text-align:center; border:1px #cccccc solid; background:#fff; font-size:100%; }
	.cp-mail-area a button { display:block; }
	.cp-mail-area a:hover button { display:block; text-decoration:underline; text-decoration-color:white; color:#e80101; cursor:pointer; }
	.cp-mail-rel { font-size:95%; } /* メール案内 */
	
	/***** フォーム *****/
	.cp-form-title-container { width:100%; background:#f1f1f1; }
	.cp-form-title-area { width:95%; margin:0px auto; padding:10px 5px; font-size:150%; line-height:1.8em; }
	.cp-form-title-area img { width:10%; height:auto; float:left; padding-right:10px; }
	/*** お問合せフォーム ***/
	.cp-form-area { width:95%; margin:0px auto; padding:5px 5px; }
	.cp-form-rel { font-size:120%; } /* 説明文 */
	.cp-form-main { width:100%; color:#333333; line-height:2em; font-size:100%; }
	.cp-form-main table { width:100%; }
	.cp-form-main table th { display:block; padding:3px; font-weight:normal; text-align:left; background:#f1f1f1; }
	.cp-form-main table td { display:block; padding:5px; }
	/* フォーム内テキスト */
	.cp-form-txtarea1 { width:95%; padding:6px 5px; } /* 標準 */
	.cp-form-txtarea2 { width:88%; padding:6px 5px; } /* 郵便番号 */
	.cp-form-txtarea3 { width:99%; padding:6px 5px; } /* 都道府県 */
	/* インプットボタン */
	.cp-form-btn { width:40%; margin:20px 10px 30px 10px; padding:10px 0px; background:#f1f1f1; border:1px #cccccc solid; border-radius:10px; font-size:110%; }
}

/****** 施工流れページスタイル（cf） ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	.cf-title-container { min-height:300px; background-image:url('img/bk/flow-title-bk_01.png'); background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#2a2a2a; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	.cf-title-container { min-height:65px; background-image:url('img/bk/flow-title-bk_01.png'); background-size:contain; background-repeat:no-repeat; background-color:#2a2a2a; }
}

/****** ポリシーページスタイル（pp） ************************************/
@media screen and (min-width: 769px){ /* パソコン用 */
	/* タイトル */
	.pp-title-container { width:100%; margin:0px; padding:0px; background:#f1f1f1; }
	.pp-title-area { width:100%; max-width:1000px; margin:0px auto; padding:0px; font-size:250%; font-weight:bold; line-height:3em; }
	/* 本文 */
	.pp-container { width:100%; max-width:1000px; margin:0px auto; padding:10px 0px 60px 0px; line-height:2.1em; }
	/* 本文タイトル1 */
	.pp-section-1 { font-size:160%; text-align:center; line-height:3em; }
	/* 本文タイトル2 */
	.pp-section-2 { font-size:130%; border-bottom:1px #666666 solid; }
}
@media screen and (max-width:768px){ /* スマホ用 */
	/* タイトル */
	.pp-title-container { width:100%; margin:0px; padding:0px; background:#f1f1f1; }
	.pp-title-area { width:100%; margin:0px auto; padding:0px; font-size:180%; font-weight:bold; line-height:3em; text-align:center; }
	/* 本文 */
	.pp-container { width:95%; margin:0px auto; padding:0px 5px 30px 5px; line-height:2.1em; }
	/* 本文タイトル1 */
	.pp-section-1 { font-size:140%; text-align:center; line-height:3em; }
	/* 本文タイトル2 */
	.pp-section-2 { font-size:120%; border-bottom:1px #666666 solid; }
}