/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
原則として、許可なしの再配布は禁止させていただきます。
また、無料でお使いになる場合は、【ＰＲ枠】のリンクは全て削除禁止です。
（※加工後の削除も禁止させていただいておりますのでご了承ください。）
PR枠の削除（有料プラン）に関するお問い合わせや、その他ご不明な点は、
http://www.s-hoshino.com/info.html、または、
https://www.megapx.com/contact.htmlのフォームよりお問い合わせください。
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

@charset "utf-8";

* {
	padding: 0;
	margin: 0;
}

html {
  height: 100%;
}

body {
	color: #111;
	background-color: #FFFFFF;
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	/*	font-family: "メイリオ", "Meiryo", arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	word-wrap: break-word;
	height: 100%;
}

.font_mincho {
	font-family: "メイリオ", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.font_garamond {
	font-family: 'Cormorant Garamond', serif;
}
.font_raleway {
	font-family: 'Raleway', sans-serif;
}

.font_quicksand {
	font-family: 'Quicksand', sans-serif; /*後から追加*/
}



section,
article {
	display: block;
}

img {
	vertical-align: top;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

strong {
	font-weight: normal;
}

li {
	list-style-type: none;
}

a {
	color: #2f8eec;/*リンクの文字色*/
	text-decoration: none; /*リンクのアンダーライン無し*/
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover {
	color: #74b4df; /*リンクのマウスオーバーの文字色 後から追加 #74b4df*/
	text-decoration: none;
}

a.no-color-change {
	color: #ffffff; /*リンクの色を変えない フッターのアイキ用 後から追加 解消したらいらないかも*/
}


table {
	border-collapse: collapse; /*隣接するボーダーラインを重ねあわせて表示*/
}
table td {
	border-collapse: collapse; /*隣接するボーダーラインを重ねあわせて表示*/
}

.clfix:after{
	content: "."; 
	display: block;
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}

/*
ヘッダー
-------------------------------------------*/
header {
	width: 100%;
	background-color: #FFF;
	position: fixed;
	z-index: 300;
}

header h1 a img {
	display: block;
	position: absolute;
}

header .h_btn a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #2f8eec; /*問い合わせの文字色*/
	letter-spacing: 1px;
	border: none; /*問い合わせの枠の太さとの色  1px solid #999*/
}
header .h_btn a:hover {
	color: #FFF;
	background-color: #2f8eec; /*問い合わせの背景色*/
	border: none; /*問い合わせの枠の太さとの色 1px solid #2f8eec*/
}
header .h_tel a {
	display: block;
	text-align: center;
	position: absolute;
	text-decoration: none;
	color: #2f8eec; /*電話番号の文字色*/
	letter-spacing: 0px; /*電話番号の文字間隔*/
}
header .h_btn a i,
header .h_tel a i {
	padding-left: 5px;
	padding-right: 5px;
}
#g_navi ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

/*
パンくず INDEX以外のページで使用
-------------------------------------------*/
.pankuzu {
	background-color: #F6F6F6;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 30px;
	color: #555;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}

.pankuzu ul {
	width: 96%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.pankuzu li {
	display: inline-block;
}

.pankuzu li a {
	text-decoration: none;
	color: #999;
}

.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.pankuzu li a:hover {
	color: #111;
}

.pankuzu li i {
	padding-right: 5px;
}


/*
メインコンテンツ
-------------------------------------------*/
.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 50px;
	padding-bottom: 50px;
}

.content_2 {
	width: 100%; /*content_2を table_07用に追加 */
	background-color: #1d487d;
	padding-top: 20px;
	padding-bottom: 20px;
	opacity: 0.95; /*透かし度*/
}

.content_3 {
	width: 100%; /*20240126追加 がんばる追加*/
	background-color: #0C042B;
	padding-top: 0px;
	padding-bottom: 10px;
	opacity: 1; /*透かし度*/
}


.cont_wrap {
	max-width: 1200px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


.cont_wrap_2 {
	max-width: 1200px;/*サポート アップデート用に追加 */
	width: 92%;
	margin-right: auto;
	margin-left: auto;
}


.cont_wrap_3 {
	max-width: 1340px;/*20240126追加 がんばる*/
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}


#sub_top {
	background-color: #EEE;
	background-repeat: no-repeat;
	background-position: center center;
	height: 120px;
	line-height: 30px;
	padding-top: 300px;
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Quicksand', sans-serif; /*元  'Raleway', sans-serif;*/
	color: #FFF;
	font-size: 40px; /*文字サイズ 20px;*/
	letter-spacing: 0.05em; /*文字間隔 元  0.5em;*/
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

#sub_top_2 {
	background-color: #EEE; /*お知らせ用、会社情報等　サブトップのメイン画像無しの場合*/
	background-repeat: no-repeat;
	background-position: center center;
	height: 0px; /*サブページトップ画像を表示させない*/
	line-height: 30px;
	padding-top: 141px;/*HOME>○○の表示位置*/
	width: 100%;
	background-size: cover;
	text-align: center;
	font-family: 'Quicksand', sans-serif; /*元  'Raleway', sans-serif;*/
	color: #FFF;
	font-size: 40px; /*文字サイズ 20px;*/
	letter-spacing: 0.05em; /*文字間隔 元  0.5em;*/
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}


#index_top {
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#index_top ul.sm-slider {
	position: relative;
}

#index_top #top_catch {
	position: absolute;
	top: 50%; /*ここを変更するとキャッチコピーの位置が変更される 元は 50%*/
	z-index: 10;
	text-align: center;
	width: 100%;
	color: #FFF;
}

#index_top #top_catch h2 {
	font-size: 50px;
	letter-spacing: 2px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
}
#index_top #top_catch p {
	font-size: 14px;
}

.content h2 {
	font-size: 28px;
	line-height: 30px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
	font-weight: normal;
	letter-spacing: 1px;
	color: #111;
	text-align: center;
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
}

.content h2 span {
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	font-size: 14px;
	color: #999;
}

.content h3 {
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #111; /*文字色*/
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	clear: both;
}

.content h3::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #CCC; /*文字の前の縦棒の色*/
	content: '';
}

.content h3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}


.content h3#pr {
	font-size: 22px; /*製品情報用 後から追加*/
	line-height: 30px;
	margin-bottom: 30px;
	background-color:  #1d487d;
	border-radius: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: none;
	position: relative;
	margin-top: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 44px;
	font-weight: normal;
	color: #fff; /*文字色*/
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	clear: both;
}

.content h3#pr::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 14px;
	left: 20px;
	background-color: #fff; /*文字の前の縦棒の色*/
	content: '';
}

.content h3#pr span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}


.content h3.bgo1 {
	font-size: 22px; /*後から全部追加 bgo1は緑色 サポート、ダウンロード用*/
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #02B358; /*文字色*/
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	clear: both;
}

.content h3.bgo1::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #02B358; /*文字の前の縦棒の色*/
	content: '';
}

.content h3.bgo1 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}

.content h3.bgo2 {
	font-size: 22px; /*後から全部追加 bgo2はかきつばた色 スロ、パチナビ機能用*/
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #1d487d; /*文字色*/
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	clear: both;
}

.content h3.bgo2::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #1d487d; /*文字の前の縦棒の色*/
	content: '';
}

.content h3.bgo2 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}


.content h3.bgo3 {
	font-size: 22px; /*後から全部追加 bgo3はオレンジ色 スタッフ用*/
	line-height: 30px;
	margin-bottom: 30px;
	background-color: #F6F6F6;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	margin-top: 30px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 44px;
	font-weight: normal;
	color: #ff4500; /*文字色*/
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;/*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	clear: both;
}

.content h3.bgo3::after {
	display: block;
	width: 3px;
	height: 20px;
	position: absolute;
	top: 20px;
	left: 20px;
	background-color: #ff4500; /*文字の前の縦棒の色*/
	content: '';
}

.content h3.bgo3 span {
	font-size: 16px;
	color: #888;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	padding-left: 15px;
}


.content h4 {
	font-size: 20px;
	color: #555;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	letter-spacing: 0.1em;
	padding: 10px;
	font-weight: bold;
	clear: both;
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 30px;
}

.content h4.ttl {
	font-size: 20px; /*お知らせのタイトル用*/
	color: #555;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.content h4.ppl {
	font-size: 19px; /*プライバシーポリシー用*/
	color: #555;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.content h4.gb {
	font-size: 19px; /*キャンペーン用*/
	color: #00B034;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.content p {
	font-size: 16px;
	line-height: 1.8;
	padding: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}

.content .ul_news li {
	width: 80%; /*追加 先にwidthを決めてからmarginを設定*/
	margin: 0px 0px 0px 100px; /*追加 先にwidthを決めてからここを設定*/
	line-height: 30px;/*INDEX お知らせ*/
	padding-top: 15px; /*行の上の余白 元は 20px*/
	padding-bottom: 15px;/*行の下の余白 元は 20px*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-width: 80%;
	font-size: 16px;
	padding-right: 30px;/*元は 10px*/
	padding-left: 0px;/*元は 10px*/
}
.content .ul_news li span {
	color: #111; /*お知らせ年月日の文字色*/
	padding-right: 50px;/*元は 50px*/
	padding-left: 30px;/*後から追加 15px*/
}


.content .ul_news_2 li {
	line-height: 30px;/*サポート アップデート 幅はwidth: 92%はcont_wrap_2で幅調整*/
	padding-top: 10px; /*行の上の余白 元は 20px*/
	padding-bottom: 10px;/*行の下の余白 元は 20px*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 16px;
	padding-right: 10px;
	padding-left: 10px;
}
.content .ul_news_2 li span {
	color: #111; /*アップデート年月日の文字色*/
	padding-right: 120px;
	padding-left: 15px;
}


.ul_past li {
	line-height: 5px;/*お知らせ 西暦リスト用*/
	font-size: 15px;
	padding: 1px 20px 20px 30px;
}

.ul_past li span {
	color: #111; /*アップデート年月日の文字色*/
}

.ul_past li a {
	color: #111;/*リンクの文字色*/
	text-decoration: none; /*リンクのアンダーライン無し*/
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.ul_past li a:hover {
	color: #2f8eec;/*オンマウスリンクの文字色*/
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	text-decoration: none; /*リンクのアンダーライン underline*/
}


/*
コンテンツ大ボタン
-------------------------------------------*/
.content .btn_001 a {
	font-size: 20px;
	color: #FFF;
	text-align: center;
	border: 5px solid #F6F6F6;
	text-decoration: none;
	display: block;
	width: 88%;
	background-color: #333333;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	line-height: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	position: relative;
	max-width: 500px;
	clear: both;
}
.content .btn_001 a i {
	padding-right: 10px;
}
.content .btn_001 a:hover {
	color: #333333;
	text-align: center;
	background-color: #FFF;
	width: 90%;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}

.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

.img_left {
	float: left;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}
.img_right {
	float: right;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 20px;
}

.content .img_left p {
	font-size: 12px;
	margin: 0px;
}

/*-----トップへ戻るボタン------*/
.to_top {
	position: fixed;
	right: 10px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #FFF; /*トップへ戻る文字色*/
	text-align: center;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	opacity: 0.8;
	filter: alpha(opacity=80); /*トップへ戻る背景透過度*/
	-ms-filter: "alpha( opacity=80 )";
	font-size: 10px;
	background-color: #777777; /*トップへ戻る背景色*/
	padding: 20px;
	height: 30px;
	width: 30px;
}
.to_top a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100); /*トップへ戻るオンマウス背景透過度*/
	-ms-filter: "alpha( opacity=100 )";
}

/*
フッター
-------------------------------------------*/
footer {
	background-color: #808080; /* #a9a9a9フッターの背景色  元は : rgba(0, 0, 0, 0.7); : rgba(128, 128, 128, 1.0);*/
	color: #ffffff; /*コピーライトの文字色 元は #EEE;*/
	clear: both; /*フッターの回り込み解除;*/
	width: 100%;
	display: block;
	padding-top: 10px; /*フッター全体の上のマージン 元は 15px;*/
	padding-bottom: 5px; /*フッター全体の下ののマージン 元は 15px;*/
}

footer::after{
	content: "."; 
	display: block; 
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

address {
	font-size: 13px; /*コピーライトの文字サイズ*/
	font-style: normal;
	text-align: center;
	letter-spacing: 1px;
	line-height: 20px;
	padding-top: 10px; /*意味がないようなので下のaddressで変更*/
	padding-bottom: 30px;
	display: block;
}

footer ul.f_bn {
	display: block;
	float: none; /*フッターのコピーライトより上の部分を寄せる 元は left;*/
	padding-right: none /*フッターのコピーライトよりの右側マージン 後から追加;*/
}

footer .f_bn li {
	display: inline;
}

footer .f_bn li a {
	display: inline-block;
	font-size: 11px; /*フッターのフェイスブック等のリンク文字サイズ 元は 14px;*/
	letter-spacing: 1px; /*フッターのフェイスブック等のリンク文字間隔 元は 1px;*/
	padding: 1px;
	text-decoration: none;
	color: #fff;
	border: none; /*フッターのフェイスブック等のリンクの枠の太さ、形式、色 元は 1px solid #FFF*/
	opacity: 1.0; /*フッターのフェイスブック等のリンク文字の透過度 元は 0.5*/
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	margin-left: 5px; /*フッターのフェイスブック等のリンク文字の左側マージン 元は 10px*/
	font-weight: normal; /*フッターのフェイスブック等のリンク文字の太さ 元は bold*/
	clear: both;
}
footer .f_bn li a:hover {
	opacity: 0.5; /*フッターのフェイスブック等のオンマウス時のリンク文字の透過度 元は 1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
footer .f_bn li a i {
	padding-right: 5px; /*フッターのフェイスブック等のアイコンとリンク文字の間隔 元は 5px*/
}


footer ul.f_bn_2 {
	display: block;
	float: center; /*電話番号+営業時間;*/
	padding: 2px 0 0 6px;
    line-height: 20px; /*行間 ロゴとアイキより少し広い*/
}

footer .f_bn_2 li {
	display: inline;
	font-size: 14px; /*電話番号+営業時間 文字の大きさ*/
	line-height: 10px;
}

footer ul.f_bn_3 {
	display: block;
	float: right; /*フッターのコピーライトより上の部分を寄せる 元は left;*/
	padding-right: 4px; /*フッターのコピーライトよりの右側マージン 後から追加;*/
}

footer .f_bn_3 li {
	display: inline;
}

footer .f_bn_3 li a {
	display: inline-block;
	font-size: 11px; /*フッターのフェイスブック等のリンク文字サイズ 元は 14px;*/
	letter-spacing: 1px; /*フッターのフェイスブック等のリンク文字間隔 元は 1px;*/
	padding: none;
	margin: 10px 6px 0 0; /* テキストのマージン 上右下左 */
	text-decoration: none;
	color: #FFF;
	border: none; /*フッターのフェイスブック等のリンクの枠の太さ、形式、色 元は 1px solid #FFF*/
	opacity: 1.0; /*フッターのフェイスブック等のリンク文字の透過度 元は 0.5*/
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	margin-left: 20px; /*フッターのフェイスブック等のリンク文字の左側マージン 元は 10px*/
	font-weight: normal; /*フッターのフェイスブック等のリンク文字の太さ 元は bold*/
	clear: both;
}

footer .f_bn_3 li a:hover {
	opacity: 0.5; /*フッターのフェイスブック等のオンマウス時のリンク文字の透過度 元は 1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

footer .f_bn_3 li a i {
	padding-right: 5px; /*フッターのフェイスブック等のアイコンとリンク文字の間隔 元は 5px*/
}


footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 10px;
	color: #CCC;
}

.box_pr ul li {
	display: inline;
	padding: 5px;
}

.box_pr ul li a {
	color: #CCC;
}


/*
各種テーブル table_03 04 05 06 07 08後から追加
-------------------------------------------*/
.content table.table_01 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_01 th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
}
.content table.table_01 td {
	font-size: 15px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_01 td.td_price {
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	color: #008C69;
	font-weight: bold;
}

.content table.table_02 {
	width: 96%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 600px;
}
.content table.table_02 th,
.content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 20px;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	background-color: #F6F6F6;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_02 td .price {
	font-size: 20px;
	text-align: center;
	white-space: nowrap;
	color: #000000;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}


/*
マニュアル用 後から追加
-------------------------------------------*/
.content table.table_03 {
	width: 96%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 30px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content table.table_03 th,
.content table.table_03 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted; /*セルの下線 元は dotted;*/
	border-bottom-color: #02B358;
	padding: 20px; /*tdのマージン上下左右 元は 30px;*/
}

.content table.table_03 th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	text-align: left;
	background-color: #FFF;
}

.content table.table_03 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}


/*
プライバシーポリシー用 使用止めた
-------------------------------------------*/
.content table.table_04 {
	width: 90%; /*表の幅 元は 96%;*/
	margin-top: 20px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 30px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content table.table_04 th {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 15px 4px 5px 10px; /*上 右 下 左を指定: 50px;*/
	font-size: 16px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	letter-spacing: 1px;
	
	text-align: left; /*表のセルth内左寄せ 後から追加;*/
	line-height: 28px; /*行間 後から追加;*/
}

.content table.table_04 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 5px 4px 10px 25px; /*上 右 下 左を指定: 50px;*/
	font-size: 15px;
	line-height: 30px; /*行間 元は 30px;*/
	background-color: #FFF;
}


.table_04 span.n {
	font-size: 13px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	color: #111;
}



/*
スタッフ専用
-------------------------------------------*/
.content table.table_05 {
	width: 96%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 30px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content table.table_05 th,
.content table.table_05 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted; /*セルの下線 元は dotted;*/
	border-bottom-color: #ff4500;
	padding: 10px; /*tdのマージン上下左右 元は 30px;*/
	
}

.content table.table_05 th {
	font-size: 16px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 33%;
	text-align: left;
	background-color: #FFF;
}

.content table.table_05 td {
	font-size: 15px;
	line-height: 30px;
	background-color: #FFF;
}


/*
SN PN用 後から追加
-------------------------------------------*/
.content table.table_06 {
	width: 96%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 30px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content table.table_06 th,
.content table.table_06 td {
	border-bottom-width: 1px;
	border-bottom-style: none; /*セルの下線 元は dotted;*/
	border-bottom-color: none;
	padding: 5px; /*tdのマージン上下左右 元は 30px; 10px 10px 10px 10px*/
}

.content table.table_06 th {
	font-size: 15px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 0%;
	text-align: left;
	background-color: #fff;
}

.content table.table_06 td {
	font-size: 15px;
	line-height: 30px; /*行間 変更すると画像と文字間も変わる*/
	background-color: #fff;
	width: 20%;
	text-align: center;
	vertical-align: top;
}


.table_06 td img {
	width: 98%; /*画像サイズ 70%*/
	border: 1px solid #c0c0c0; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;

}

.table_06 td a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px; /*画像の周りの余白*/
	background-color: #FFF;
	border: none; /*各ボックス枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
}

.table_06 td a img {
	width: 98%;
	padding: 1px; /*画像の周りの余白*/
	border: 1px solid #c0c0c0; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

.table_06 td a:hover img {
	border: 1px solid #2f8eec; /*枠の太さと形式と色 元 1px solid #2f8eec;*/
	border-radius: 5px;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
}

.table_06 td span {
	display:inline-block;
	width:90%;
	height:100px;
	font-size:15px;
	line-height:21px;
	padding: 10px; 
	margin-top: 0px; 
	margin-bottom: 0px; 
	border: 1px solid #1d487d; /*#1d487d*/
	border-radius: 5px; 
	background-color: #1d487d; /*#2f8eec #075B82*/
	color: #fff;
	text-align: justify; /*テキストを両端にそろえる*/
	vertical-align: top;
}

.table_06 td p {
	font-size: 15px;
	text-align: left; /*テキストを左にそろえる*/
	line-height: 1.8;
	padding: none;
	margin-bottom: 30px;
	margin-top: none;
	margin-right: 10px;
	margin-left: 20px;
	vertical-align: top;
}


/*
INDEX説明用 後から追加
-------------------------------------------*/
.content_2 table.table_07 {
	width: 90%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 0px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content_2 table.table_07 th,
.content_2 table.table_07 td {
	border-bottom-width: 1px;
	border-bottom-style: none; /*セルの下線 元は dotted; none*/
	border-bottom-color: none; /* none*/
	padding: none; /*tdのマージン上下左右 元は 30px; 10px 10px 10px 10px  : 5px;*/
}

.content_2 table.table_07 th {
	font-size: 15px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 0%;
	text-align: left;
	background-color: #fff;
}

.content_2 table.table_07 td {
	font-size: 15px;
	line-height: 25px; /*行間 変更すると画像と文字間も変わる*/
	background-color: #1d487d; /*box_2と同じ背景色にすること#1d487d*/
	width: 20%; /*33%*/
	text-align: center;
	vertical-align: middle;
}


.table_07 td img {
	width: 100%; /*画像サイズ 70%*/
	border: none; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;
}


.table_07 td a {
	color: #00ffff;/*リンクの文字色*/
	text-decoration: none; /*リンクのアンダーライン無し*/
}


.table_07 td a:hover {
	color: #74b4df; /*リンクのマウスオーバーの文字色 後から追加 #74b4df*/
	text-decoration: none;
}





.table_07 td a img {
	width: 98%;
	padding: 1px; /*画像の周りの余白*/
	border: 1px solid #c0c0c0; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

.table_07 td a:hover img {

}


.table_07 td span.i1 {
	display:inline-block;
	width:80%; /*90%*/
	height:auto; /*高さ*/
	font-size:16px;
	line-height:22px;
	padding: 10px 20px 10px 20px; /*文字の周りの余白*/
	margin-top: 8px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanの一番下の余白はbox_2で調整*/
	border: 1px solid #fff; /*#1d487d #2f8eec*/
	border-radius: 5px; 
	background-color: #1d487d; /*#2f8eec*/
	color: #fff;
	text-align: center; /*テキスト中央揃え*/
	vertical-align: middle;
	white-space: nowrap; /*文字を自動で折返さない*/
}

.table_07 td span.i2 {
	display:inline-block;
	width:70%; /*90%*/
	height:auto; /*高さ*/
	font-size:18px;
	line-height:18px;
	padding: 10px 20px 10px 30px; /*文字の周りの余白*/
	margin-top: 8px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanの一番下の余白はbox_2で調整*/
	border: none; /*1px solid #fff*/
	border-radius: 5px; 
	background-color: #1d487d;  /*#2f8eec*/
	color: #fff;
	text-align: center; /*  */
	vertical-align: middle;
}

.table_07 td span.i2 img {
	width: 50px;
	height: 54px;
	display: inline-block;
	vertical-align: middle; /*上下中央位置*/
	padding: 0px 20px 0px 0px; /*画像周りの余白*/
}

.table_07 td span.i3 {
	display:inline-block;
	width:92%; /*87%以上にするとスマホではみ出す*/
	height:auto; /*高さ*/
	font-size:18px;
	line-height:38px;
	letter-spacing: 2px; /*文字間隔*/
	padding: 10px 20px 10px 20px; /*文字の周りの余白*/
	margin-top: 8px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanの一番下の余白はbox_2で調整*/
	border: 1px solid #fff; /*#1d487d #2f8eec*/
	border-radius: 5px; 
	background-color: #1d487d; /**/
	color: #fff;
	text-align: left; /*テキストを両端にそろえる*/
	vertical-align:  middle;
}

.table_07 td span.i3 img {
	width: 160px;
	height: 228px;
	display: inline-block;
	float: left; /*画像の回り込み*/
	padding: 10px 30px 10px 20px; /*画像周りの余白*/
}

/*
本部システム用 後から追加
-------------------------------------------*/
.content table.table_08 {
	width: 96%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 30px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.content table.table_08 th,
.content table.table_08 td {
	border-bottom-width: 1px;
	border-bottom-style: none; /*セルの下線 元は dotted;*/
	border-bottom-color: none;
	padding: 5px; /*tdのマージン上下左右 元は 30px; 10px 10px 10px 10px*/
}

.content table.table_08 th {
	font-size: 15px;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 0%;
	text-align: left;
	background-color: #fff;
}

.content table.table_08 td {
	font-size: 15px;
	line-height: 30px; /*行間 変更すると画像と文字間も変わる*/
	background-color: #fff;
	width: 50%;
	text-align: center;
	vertical-align: top;
}


.table_08 td img {
	width: 100%; /*画像サイズ 70%*/
	border: 1px solid #1d487d; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
}

.table_08 td a {
	text-decoration: none;
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px; /*画像の周りの余白*/
	background-color: #FFF;
	border: none; /*各ボックス枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
}

.table_08 td a img {
	width: 98%;
	padding: 1px; /*画像の周りの余白*/
	border: 1px solid #c0c0c0; /*枠の太さと形式と色 元 1px solid #c0c0c0;*/
	border-radius: 5px;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

.table_08 td a:hover img {
	border: 1px solid #2f8eec; /*枠の太さと形式と色 元 1px solid #2f8eec;*/
	border-radius: 5px;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
}

.table_08 td span.i4 {
	display:inline-block;
	width: 92%; /*90%*/
	height:auto; /*高さ*/
	font-size:19px;
	line-height:22px;
	padding: 10px; /*文字の周りの余白*/
	margin-top: 0px 10px 0px 0px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanの下の余白*/
	border: 1px solid #1d487d; /*#1d487d #2f8eec*/
	border-radius: 5px; 
	background-color: #1d487d; /*#1d487d*/
	color: #fff;
	text-align: center; /*テキスト中央揃え*/
	vertical-align: middle;
	white-space: nowrap; /*文字を自動で折返さない*/
}

.table_08 td span.i5 {
	display:inline-block;
	width:89%; /*90%*/
	height:auto; /*高さ*/
	font-size:16px;
	line-height:22px;
	padding: 10px; /*文字の周りの余白*/
	margin-top: 1px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanのの余白*/
	border: 1px solid #1d487d; /*#1d487d #2f8eec*/
	border-radius: 5px; 
	background-color: #fff; /*#2f8eec*/
	color: #1d487d;
	text-align: center; /*テキスト中央揃え*/
	vertical-align: middle;
	white-space: nowrap; /*文字を自動で折返さない*/
}

.table_08 td p {
	font-size: 16px;
	text-align: left; /*テキストを左にそろえる*/
	line-height: 1.8;
	padding: none;
	margin-bottom: 30px;
	margin-top: none;
	margin-right: 10px;
	margin-left: 20px;
	vertical-align: top;
}



#mailform table.m_form {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#mailform table.m_form th {
	text-align: right;
	border-right-width: 4px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dotted;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	font-size: 14px;
	font-weight: normal;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#cont_base #mailform table.m_form th p {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	margin: 0px;
	padding: 0px;
}
#cont_base #mailform table.m_form th span {
	color: #FF0000;
	padding-left: 5px;
	padding-right: 5px;
}
#mailform table.m_form td {
	padding: 10px;
	background-color: #FFF;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	border-bottom-width: 1px;
	font-size: 14px;
}
form input.form_btn {
	background-color: #333;
	color: #FFF;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 7px;
	padding-left: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 3px solid #EEE;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
form input.form_btn:hover {
	background-color: #FFF;
	color: #333;
	border-top-color: #333;
	border-right-color: #333;
	border-bottom-color: #333;
	border-left-color: #333;
	cursor: pointer;
}
.small {
	font-size: smaller;
	color: #666;
}
.chui {
	color: #F03600;
}
#cont_base .content .navi_sitemap li {
	padding-left: 20px;
}
.table_01 caption,
.table_03 caption,
.table_04 caption,
.table_05 caption,
.table_06 caption,
.table_07 caption,
.table_08 caption{
	font-size: 14px;
	line-height: 30px;
	background-color: #E5E5E5;
	color: #111;
	letter-spacing: 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #FFF;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px;
}
.table_01 th span,
.table_03 th span,
.table_04 th span,
.table_05 th span,
.table_06 th span,
.table_07 th span,
.table_08 th span{
	font-size: 12px;
	color: #CCC;
}


/*
FAQ
-------------------------------------------*/
.content dl.faq {
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #CCC;
}
.content dl.faq dt {
	font-size: 22px;
	line-height: 30px;
	position: relative;
	font-family: "メイリオ", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif; /*元は ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "Sawarabi Mincho", "HG明朝E",  "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-color: #F6F6F6; /*質問の帯背景色*/
	color: #111; /*質問の文字色*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
.content dl.faq dt span {
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
	background-color: #2f8eec; /*Qの吹き出し丸の背景色*/
	text-align: center;
	display: block;
	width: 50px;
	padding-top: 10px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: -20px;
	left: -10px;
	z-index: 10;
}
.content dl.faq dt span::before{
	content: "";
	position: absolute;
	bottom: -5px;
	right: -3px;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-top: 20px solid #2f8eec; /*Qの吹き出し三角の背景色*/
	border-left: 12px solid transparent;
	z-index: 0;
	transform: rotate(-40deg);
}
.content dl.faq dd {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

/*
グーグルマップ
-------------------------------------------*/
.g_map_base {
	background-color: #FFF;
	padding-right: 120px; /*google map右側余白 元は 20px*/
	padding-bottom: 20px; 
	padding-left: 120px; /*google map左側余白 元は 20px*/
}

.g_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.g_map iframe,
.g_map object,
.g_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%; /*google mapの幅 元は 100%*/
	height: 100%; /*google mapの高さ 元は 100%*/
	margin: auto;
	filter: grayscale(1); /*マップのモノクロ 後から追加*/
}

.g_map iframe:hover{
	filter: none; /*オンマウスで元のカラー 後から追加*/
	opacity: 1;
}


/*
トップ下部ピックアップ
-------------------------------------------*/
.pick_up {
	height: 30%; /*ピックアップの高さ 変更しないほうが良い 元は 30%*/
	max-height: 500px; /*ピックアップの最大高 変更しないほうが良い 元は 500px*/
	width: 100%;
	position: absolute;
	bottom: -20px; /* がんばる追加で下のマージンを変更 ピックアップの下の幅 元0px*/
	background-color: rgba(12, 5, 42, 0.8); /*ピックアップの背景色 元は : rgba(0, 0, 0, 0.7); グレーは(192, 192, 192, 0.7);*/
}

.pick_up .sc_btm a {
	line-height: 50px;
	color: #fff; /*スクロールボタンの文字色 20220315に#fffに変更 元は #333; #ff4500*/
	background-color: ; /*スクロールボタンの背景色 20220315に無しに変更 元は #fff; none*/
	height: 100px;
	width: 100px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 12px; /*スクロールボタンの文字サイズ 元は 12px;*/
	font-weight: bold; /*スクロールボタンの文字の太さ 新たに追加*/
	text-decoration: none;
	letter-spacing: 2px;
	background-image: url(../img/sc_btm_03.png); /*スクロールボタンの↓画像 20220315にsc_btm_03に変更 元はsc_btm;*/
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: -50px;
	left: 50%;
	margin-left: -50px;
	z-index: 80;
	text-align: center;
}

.pick_up .sc_btm a:hover {
	color: ; /*スクロールボタンのオンマウス時の文字色 元は #000;*/
	height: 110px; /*スクロールボタンのオンマウス時の高さ 元は 110px;*/
	width: 110px; /*スクロールボタンのオンマウス時の幅 変更しない方が良い 元は 110px;*/
	border-radius: 55px;
	-webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	margin-top: -10px;
	margin-left: -55px;
}

.pick_up ul {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px; /*ピックアップの最大幅*/
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.pick_up ul li {
	width: 30%; /*ピックアップの3つのボックスの幅 広げると間隔は狭くなる 元30*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;

}
.pick_up ul li a {
	display: block;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; /*ピックアップのボックスの影 元0px 0px 5px 0px;*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; /*ピックアップのボックスの影 元0px 0px 5px 0px;*/
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px; /*ピックアップのボックスの影 元0px 0px 5px 0px;*/
	overflow: hidden;
	border:solid 0px #c0c0c0; /*ピックアップのボックスの枠の太さと色 元々は無し*/
	border-radius: 4px; /*各ボックス枠の角の丸み 元は無し*/
}

.pick_up ul li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 1.0s ease-out;/*ピックアップのボックスのオンマウス時の画像拡大反応時間 元々1.0s ease-out;*/
	-moz-transition: 1.0s ease-out;/*ピックアップのボックスのオンマウス時の画像拡大反応時間 元々1.0s ease-out;*/
	transition: 1.0s ease-out;/*ピックアップのボックスのオンマウス時の画像拡大反応時間 元々1.0s ease-out;*/
	opacity: 1.0;/*ピックアップのボックスの透過度 元々は0.7*/
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

.pick_up ul li a:hover img {
	-webkit-transform: scale(1.1); /*ピックアップのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-moz-transform: scale(1.1); /*ピックアップのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-o-transform: scale(1.1); /*ピックアップのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-ms-transform: scale(1.1); /*ピックアップのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	transform: scale(1.1); /*ピックアップのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	opacity: 1.0; /*ピックアップのボックスのオンマウス時の透過度 元々は1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

.pick_up ul li a:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}

a .btn_check {
	color: #FFF;
	font-size: 0px; /*checkのフォントサイズ 元は14px*/
	line-height: 0px; /*checkの枠高さ 元は line-height: 50px*/
	text-decoration: none;
	text-align: center;
	display: block;
	width: 50%;
	margin-top: -15px;
	margin-left: -25%;
	border: 0px solid #FFF; /*checkの枠線のサイズと色 元は 2px solid #FFF;*/
	position: absolute;
	left: 50%;
	top: 50%;
	font-weight: bold;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover .btn_check {
	color: none;/*checkのオンマウスの文字色 元は #000*/
	background-color: none;/*checkのオンマウスの背景色 元は #FFF*/
}

a .btn_check i {
	padding-right: 10px;
	padding-left: 5px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

a:hover .btn_check i {
	padding-right: 5px;
	padding-left: 10px;
}

.balloon {
	position: absolute;
	top: -60px;
	left: 50%;
	margin-left: -50px;
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 100;
	background-color: #FF6633;
}

.balloon:before{
	content: "";
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-top: 20px solid #FF6633;
	border-left: 12px solid transparent;
	z-index: 0;
}


/*
実績一覧
-------------------------------------------*/
ul.works_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_list li {
	width: 21%; /*ここを変更すると横のリスト数が*/
	position: relative;
	text-align: center;
	margin-bottom: 30px; /*縦の画像間隔*/
}

ul.works_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px; /*画像の周りの余白*/
	border: 1px dotted #CCC;
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}
ul.works_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

ul.works_list li a:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

ul.works_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 12px;
	letter-spacing: 1px;
}

ul.works_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 1px solid #000;
	color: #000;
}

ul.works_2_list {
	display: block; /*ul.works_2_list 全部後から追加*/
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 5px; /*ボックス全体の余白 元 30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_2_list li {
	width: 33%; /*ここを変更すると横のリスト数が変動 33%に変更した */
	position: relative;
	text-align: center;
	margin-bottom: 10px; /*縦の画像間隔*/
}

ul.works_2_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px; /*画像の周りの余白*/
	border: 1px solid #c0c0c0; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #FFF;
	text-decoration: none;
	color: #333;
	border-radius: 5px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_2_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 15px; /*各ボックス内の文字サイズ 元 12px*/
	letter-spacing: 1px;
}

ul.works_2_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; /*各ボックスの画像のオンマウス影 元 (0, 0, 0, 0.3) 0px 0px 10px 0px;*/	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 1px solid #c0c0c0; /*各ボックスの画像のオンマウス枠の幅と色 元 1px  #000;*/
	color: #000;
}

ul.works_2_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	-moz-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	opacity: 1.0; /*works_2_listのボックスの透過度 元々は0.7*/
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

ul.works_2_list li a:hover img {
	-webkit-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-moz-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-o-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-ms-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	opacity: 1.0; /*works_2_listのボックスのオンマウス時の透過度 元々は1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


ul.works_3_list {
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 5px; /*ボックス全体の余白 元 30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.image_w3 {
	width: 100%; /*画像サイズ*/
}

ul.works_3_list li {
	width: 48%; /*ここを変更すると横のリスト数が変動 48%に変更した*/
	position: relative;
	text-align: center;
	margin-bottom: 10px; /*縦の画像間隔*/
}

ul.works_3_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px; /*画像の周りの余白*/
	border: 1px solid #c0c0c0; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #FFF;
	text-decoration: none;
	color: #333;
}

ul.works_3_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 15px; /*各ボックス内の文字サイズ 元 12px*/
	letter-spacing: 1px;
}

ul.works_3_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; /*各ボックスの画像のオンマウス影 元 (0, 0, 0, 0.3) 0px 0px 10px 0px;*/	-mo	z-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;	border: 1px solid #c0c0c0; /*各ボックスの画像のオンマウス枠の幅と色 元 1px  #000;*/
	color: #000;
}

ul.works_3_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-filter: none; /*各ボックスの画像のフィルター色 元 grayscale(100%);*/
	filter: none; /*各ボックスの画像のフィルター色 元 grayscale(100%);*/
	opacity: 1.0; /*各ボックスの画像のオンマウス透過度 元 1.0;*/
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

ul.works_3_list li a:hover img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 0.5;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}



ul.works_4_list {
	display: block; /*ul.works_4_list 製品情報用 全部後から追加*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 98%;
	max-width: 1400px;
	padding: 10px; /*ボックス全体の余白 元 30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: start; /* アイテムを先頭に寄せる */
	justify-content: start; /* アイテムを先頭に寄せる */
}

ul.works_4_list li {
	width: 30%; /*ここを変更すると横のリスト数が変動 33%に変更した */
	position: relative;
	text-align: center;
	margin: 0px 20px 20px 0px; /*各ボックスの周りの余白*/
}
ul.works_4_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px; /*画像の周りの余白*/
	border: 2px solid #c0c0c0; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #fff;
	text-decoration: none;
	color: #737373;
	border-radius: none; /*各ボックス枠の角の丸み 元は無し*/
}



ul.works_5_list {
	display: block; /*ul.works_2_list 全部後から追加*/
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 5px; /*ボックス全体の余白 元 30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_5_list li {
	width: 100%; /*ここを変更すると横のリスト数が変動 33%に変更した */
	position: relative;
	text-align: center;
	margin-bottom: 10px; /*縦の画像間隔*/
}

ul.works_5_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px; /*画像の周りの余白*/
	border: 0px solid #c0c0c0; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #FFF;
	text-decoration: none;
	color: ;
	border-radius: 5px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_5_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 15px; /*各ボックス内の文字サイズ 元 12px*/
	letter-spacing: 1px;
}

ul.works_5_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; /*各ボックスの画像のオンマウス影 元 (0, 0, 0, 0.3) 0px 0px 10px 0px;*/	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 1px solid #c0c0c0; /*各ボックスの画像のオンマウス枠の幅と色 元 1px  #000;*/
	color: #000;
}

ul.works_5_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	-moz-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	opacity: 1.0; /*works_2_listのボックスの透過度 元々は0.7*/
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

ul.works_5_list li a:hover img {
	-webkit-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-moz-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-o-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-ms-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	opacity: 1.0; /*works_2_listのボックスのオンマウス時の透過度 元々は1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


ul.works_6_list {
	display: block; /*20240126追加　がんばる*/
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 2px; /*ボックス全体の余白 元 30px*/
}

ul.works_6_list li {
	width: 100%; /*ここを変更すると横のリスト数が変動 */
	position: relative;
	text-align: center;
	margin-bottom: 0px; /*縦の画像間隔*/
}

ul.works_6_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0px; /*画像の周りの余白*/
	border: 0px solid #c0c0c0; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #FFF;
	text-decoration: none;
	color: ;
	border-radius: 5px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_6_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 15px; /*各ボックス内の文字サイズ 元 12px*/
	letter-spacing: 1px;
}

ul.works_6_list li a:hover {
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px 0px; /*各ボックスの画像のオンマウス影 元 (0, 0, 0, 0.3) 0px 0px 10px 0px;*/	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
	border: 0px solid #c0c0c0; /*各ボックスの画像のオンマウス枠の幅と色 元 1px  #000;*/
	color: #000;
}

ul.works_6_list li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	-moz-transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	transition: 0.8s ease-out; /*works_2_listのボックスのオンマウス時の画像拡大反応時間 元々0.3s ease-out;*/
	opacity: 1.0; /*works_2_listのボックスの透過度 元々は0.7*/
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

ul.works_6_list li a:hover img {
	-webkit-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-moz-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-o-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の画像拡大 元々scale(1.1)*/
	-ms-transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	transform: scale(1.05); /*works_2_listのボックスのオンマウス時の透過度 元々は0.7*/
	opacity: 1.0; /*works_2_listのボックスのオンマウス時の透過度 元々は1.0*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


ul.works_7_list {
	display: block; /*がんばるパチンコパーラー用*/
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	max-width: 1400px;
	padding: 5px; /*ボックス全体の余白 元 30px*/
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

ul.works_7_list li {
	width: 33%; /*ここを変更すると横のリスト数が変動 33%に変更した */
	position: relative;
	text-align: center;
	margin-bottom: 10px; /*縦の画像間隔*/
}

ul.works_7_list li a {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3px; /*画像の周りの余白*/
	border: 3px solid #00bfff; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #00bfff;
	text-decoration: none;
	color: #FFF;
	border-radius: 8px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_7_list li a span {
	display: block;
	padding-top: 10px;
	font-size: 15px; /*各ボックス内の文字サイズ 元 12px*/
	letter-spacing: 1px;
}

ul.works_7_list li a:hover {

}

ul.works_7_list li a img {

}

ul.works_7_list li a:hover img {

}

ul.works_7_list li span.gnb1 {
	display: block;
	padding: 10px 3px 10px 0px;  /*span内の周りの余白*/
	font-size: 18px; /*各ボックス内の文字サイズ 元 12px*/
	color: #fff;
	letter-spacing: 1px;

	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #4169e1; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #4169e1;
	text-decoration: none;
	border-radius: 8px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_7_list li span.gnb2 {
	display: block;
	padding: 40px 3px 30px 3px;  /*span内の周りの余白*/
	font-size: 12px; /*各ボックス内の文字サイズ 元 12px*/
	color: #666;
	letter-spacing: 1px;

	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0px solid #fff; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: unset;
	text-align: left;
	text-decoration: none;
	border-radius: 0px; /*各ボックス枠の角の丸み 元は無し*/
}

ul.works_7_list li span.gnb3 {
	display: block;
	padding: 30px 5px 32px 3px; /*span内の周りの余白*/
	font-size: 12px; /*各ボックス内の文字サイズ 元 12px*/
	color: #fff;
	letter-spacing: 1px;

	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 8px solid #00bfff; /*各ボックス枠の太さと形式と色 元 1px dotted #CCC;*/
	background-color: #00bfff;
	text-decoration: none;
	border-radius: 8px; /*各ボックス枠の角の丸み 元は無し*/
	vspace: 60px;
}

ul.works_7_list li span.gnb3 img {
	margin: 0px 0px 20px 0px; /*画像の周りの余白*/
	
}




.pick_up ul li a {
	display: block;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; /*works_3_listのボックスの影 元0px 0px 5px 0px;*/
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; /*works_3_listのボックスの影 元0px 0px 5px 0px;*/
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px; /*works_3_listのボックスの影 元0px 0px 5px 0px;*/
	overflow: hidden;
	border:solid 1px #c0c0c01; /*works_3_listのボックスの枠の太さと色 元々は無し*/
}
.pick_up ul li a img {
	width: auto;
	max-width: 100%;
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
	opacity: 0.9; /*ピックアップのボックスの透過度 元々は0.7*/
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
.pick_up ul li a:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
.pick_up ul li a:hover {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px 0px;
}


@media screen and (min-width:960px){
body {
	font-size: 16px;
}
.sm-slider, .sm-slider::after {
	top: 100px !important;
}

/*
ヘッダー
-------------------------------------------*/
header {
	height: 140px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

header h1 a img {
	top: 20px;
	left: 10px;
}
header .h_btn a {
	width: 160px;
	top: 20px;
	right: 10px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
	font-weight: bold;
}
header .h_tel a {
	width: 180px;
	top: 20px;
	right: 180px;
	line-height: 38px;
	padding-top: 2px;
	font-size: 14px;
}
header .h_tel a strong {
	font-size: 18px;
}
header.fixed {
	height: 100px;
}

header.fixed h1 a img {
	height: 40px;
	top:5px;
}
header.fixed .h_btn a,
header.fixed .h_tel a {
	top: 5px;
}

.menu_btn,
.btn_close {
	display: none;
}

/*
PCグローバルナビ
-------------------------------------------*/
#g_navi {
	width: 98%;
	padding-left: 8%; /*メインメニュー左側からの位置 元は2% */
	display: block;
	height: 50px; /*メインメニューの高さ 元は50px 下げると下が切れる*/
	position: absolute;
	z-index: 1000;
	left: 0px !important;
	bottom: 0px;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal; /*メインメニューのフォントの太さ 元はbold*/
}

#g_navi ul.navi_base {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	white-space: nowrap; /*文字を自動で折返さない*/
}

#g_navi ul li{
	display: inline;
}

#g_navi li a {
	width: 16%; /*INDEXメニュー項目の幅*/
	padding-top: 15px;
	height: 35px;
	display: block;
	color: #111;
	text-decoration: none;
	text-align: center;
	line-height: 20px;
	position: relative;
	float: left; /*メニュー項目の並び順*/
}

#g_navi li a::before {
	display: block;
	height: 2px;
	position: absolute;
	top: 2px;
	width: 90%; /*ナビ文字の上のラインの長さ元70% 長くすると文字より右側が長くなる 元 70%*/
	left: 5%; /*ナビ文字の上のラインの左側余白 元 15%*/
	background-color: #FFF;
	content: '';
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi li a:hover::before {
	background-color: #003f8e; /*メインメニューのラインの色 #ff4500 #2f8eec #a9a9a9*/
	top:0px;
}

#g_navi li a:hover,
#g_navi li a.active,
#g_navi ul li:hover > a {
	color: #999;
}

#g_navi ul li:hover > a.ac_menu,
#g_navi li a.ac_menu:hover {
	position: relative;
}

#g_navi li a.ac_menu::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -15px;
	border-right: 15px solid transparent;
	border-bottom: 20px solid #FFF; /*通常時のプルダウン▲の色 背景色と同じにすること*/
	border-left: 15px solid transparent;
	z-index: 300;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

#g_navi ul li:hover > a.ac_menu::after,
#g_navi li a.ac_menu:hover::after {
	border-bottom: 20px solid #003f8e; /*プルダウン▲の色 #c0c0c0  #ff4500 #2f8eec #a9a9a9*/
}

#g_navi ul li div {
	position: absolute;
	z-index: 2000;
	top: 50px;
	left: 0px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	height: auto;
	background-color: #003f8e; /*プルダウンメニューの色  #ff4500 #2f8eec #a9a9a9*/
	
}
#g_navi ul li ul{
	width: 96%;
	padding-left: 2%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

#g_navi li ul li a {
	width: 19%;
	padding-left: 0%;
	padding-top: 9px; /*プルダウンメニューの個々の上の余白 元 9px*/
	padding-bottom: 9px;/*プルダウンメニューの個々の下の余白 元 9px*/
	line-height: 22px;
	height: 22px;
	color: #FFF; /*元 #FFF*/
	text-align: center; /*プルダウンメニューの個々の位置 元 left*/
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 1%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#g_navi li ul li a::after {
	content: ""; /*プルダウンメニューの項目前の記号 元 +*/
	color: #FFF;
	position: absolute;
	display: block;
	left: 15px;
	top: 8px;
	font-size: 9px;
}
#g_navi li ul li a:hover::after {
	color: #333;
}
#g_navi ul li ul li a:hover{
	color: #003f8e; /*プルダウンメニューの文字色 元 #000 #ff4500 #2f8eec #a9a9a9*/
	background-color: #fff; /*プルダウンメニューの項目ごとの背景色  元 #FFF*/
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
}
#g_navi li li a::before {
	display: none;
}

#g_navi ul li:hover div{
  visibility: visible;
  opacity: 1;
}

#g_navi div.ac_list {
	display: block !important;
}

header.fixed #g_navi {
	height: 40px;
}

header.fixed #g_navi ul li div {
	top: 40px;
}

header.fixed #g_navi li a {
	padding-top: 10px;
	height: 30px;
}

header.fixed #g_navi li ul li a {
	padding-top: 9px;
	height: 22px;
}

#index_top {
	min-height: 850px;
}

/*
サブトップ
-------------------------------------------*/
#sub_top.faq {
	background-image: url(../img/sub_top_faq.jpg);
}
#sub_top.works {
	background-image: url(../img/sub_top_works.jpg);
}
#sub_top.slonavi {
	background-image: url(../img/sub_top_slonavi.jpg); /*スロナビの画像*/
}
#sub_top.pachinavi {
	background-image: url(../img/sub_top_pachinavi.jpg); /*パチナビの画像*/
}
#sub_top.dasc {
	background-image: url(../img/sub_top_dasc.jpg); /*自動集計の画像*/
}
#sub_top.pachist {
	background-image: url(../img/sub_top_pachist.jpg); /*パチストの画像*/
}
#sub_top.hqsyst {
	background-image: url(../img/sub_top_hqsyst.jpg); /*本部システムの画像*/
}
#sub_top.nice {
	background-image: url(../img/sub_top_nice.jpg); /*いいねの画像*/
}
#sub_top.contact {
	background-image: url(../img/sub_top_contact.jpg);
}
#sub_top.company {
	background-image: url(../img/sub_top_company.jpg); /*会社概要の画像*/
}
#sub_top.support {
	background-image: url(../img/sub_top_support.jpg);
}
#sub_top.support_contact {
	background-image: url(../img/sub_top_support_contact.jpg);
}
#sub_top.manual {
	background-image: url(../img/sub_top_user.jpg);
}
#sub_top.staff {
	background-image: url(../img/sub_top_staff.jpg);
}
#sub_top.sitemap {
	background-image: url(../img/sub_top_sitemap.jpg);
}

#sub_top.ganbaru {
	background-image: url(../img/sub_top_ganbaru.jpg); /*がんばる*/
}


#sub_top.sample {
	background-image: url(../img/sub_top_sample.jpg);
}


/*
フッター
-------------------------------------------*/
address {
	letter-spacing: 1px;
	text-align: center;
	display: block;
	float: none; /*元は右から横並び right;*/
	padding-top: 20px; /*上の余白 元は 30px*/
	padding-right: 10px;
}

.no_pc {
	display: none;
}

}

@media screen and (min-width:1200px){
header .h_btn a {
	right: 50%;
	margin-right: -600px;
}
header .h_tel a {
	right: 50%;
	margin-right: -400px;
}
header h1 a img {
	left:50%;
	margin-left: -600px;
}

}

@media screen and (max-width:960px){

body {
	font-size: 16px;
}

body.fixed {
	overflow: hidden;
}

img {
	max-width: 100% !important;
	height: auto;
	width /***/:auto;
	margin-left:auto;
	margin-right:auto;
}

.content h4 {
	margin-right: 10px;
	margin-left: 10px;
}

.content h4.ttl {
	font-size: 18px; /*お知らせのタイトル スマホ用*/
	color: #555;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.content h4.ppl {
	font-size: 18px; /*お知らせのタイトル スマホ用*/
	color: #555;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.content h4.gb {
	font-size: 18px; /*お知らせのタイトル スマホ用*/
	color: #00B034;
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: none;
	letter-spacing: 0.1em;
	padding: 0px;
	font-weight: bold;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}




ul.works_list li {
	width: 31%;
}

ul.works_2_list li {
	width: 31%;
}

ul.works_3_list li {
	width: 31%;
}

ul.works_4_list li {
	width: 31%;
}


ul.works_7_list li {
	width: 31%;
}

/*
メニューボタン
-------------------------------------------*/

.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
.menu_btn:hover {
	cursor: pointer;
}

.menu_btn span {
	width: 28px;
	height: 2px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
	transition: all 0.3s;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.menu_btn span.top {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
}
.menu_btn span.bottom {
    transform: translateY(8px);
	-webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
}

.menu_btn:hover span.top {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
}
.menu_btn:hover span.bottom {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
}
.menu_btn.opened  span.middle {
	background: rgba(255, 255, 255, 0);
	 transform: translateX(30px);
	 -webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
}
.menu_btn.opened  span.top {
	transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);
	-moz-transform: rotate(-45deg) translateY(0px);
}
.menu_btn.opened  span.bottom {
	transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px); 
	-moz-transform: rotate(45deg) translateY(0px);
}

/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 80%;
	height: 100%;
	top: 0px;
	left: 100%;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}

#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEE;
}

#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
}

#g_navi ul li a {
	color: #111;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	vertical-align: middle;
}
#g_navi ul li a:hover {
	color: #999;
}


/*
アコーディオン
--------------------------------------------------*/
#g_navi ul li a.ac_menu {
	position: relative;/*スマホ用*/
	background-image: none;

}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}
#g_navi ul li ul li a:hover {
	color: #999;
}

/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: block;
	position: fixed;
	z-index: 2000;
}


/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}

header {
	height: 52px;
}

header h1 a img {
	top: 5px;
	left:5px;
	height: 40px;
}

header .h_btn a {
	width: 120px;
	top: 10px;
	right: 50px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_tel a {
	width: 120px;
	top: 10px;
	right: 180px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}

header #info {
	display: none;
}

/*
サブトップ
-------------------------------------------*/

#sub_top.faq {
	background-image: url(../img/sub_top_faq_sp.jpg);
}
#sub_top.works {
	background-image: url(../img/sub_top_works_sp.jpg);
}
#sub_top.slonavi {
	background-image: url(../img/sub_top_slonavi_sp.jpg); /*スロナビの画像*/
}
#sub_top.pachinavi {
	background-image: url(../img/sub_top_pachinavi_sp.jpg); /*パチナビの画像*/
}
#sub_top.pachist {
	background-image: url(../img/sub_top_pachist_sp.jpg); /*パチストの画像*/
}
#sub_top.hqsyst {
	background-image: url(../img/sub_top_hqsyst_sp.jpg); /*本部システムの画像*/
}
#sub_top.dasc {
	background-image: url(../img/sub_top_dasc_sp.jpg); /*自動集計の画像*/
}
#sub_top.nice {
	background-image: url(../img/sub_top_nice_sp.jpg); /*いいねナビの画像*/
}
#sub_top.contact {
	background-image: url(../img/sub_top_contact_sp.jpg);
}
#sub_top.company {
	background-image: url(../img/sub_top_company_sp.jpg);
}
#sub_top.support {
	background-image: url(../img/sub_top_support_sp.jpg);
}
#sub_top.support_contact {
	background-image: url(../img/sub_top_support_contact_sp.jpg);
}
#sub_top.manual {
	background-image: url(../img/sub_top_user_sp.jpg);
}
#sub_top.staff {
	background-image: url(../img/sub_top_staff_sp.jpg);
}
#sub_top.sitemap {
	background-image: url(../img/sub_top_sitemap_sp.jpg);
}
#sub_top.ganbaru {
	background-image: url(../img/sub_top_ganbaru_sp.jpg); /*がんばる*/
}
#sub_top.sample {
	background-image: url(../img/sub_top_sample_sp.jpg);
}

/*
フッター スマホ用と思われる
-------------------------------------------*/
address {
	text-align: center;
	padding-top: 10px;
	display: block;
	clear: both;
}

footer ul.f_bn {
	float: none;
}

footer .f_bn li a {
	font-size: 11px;
	padding: 8px;
}

.no_sp {
	display: none;
}

}

@media screen and (max-width:640px){

header h1 a img {
	top:5px;
	height: 30px;
}

header .h_btn a {
	width: 50px;
	font-size: 18px;
	border-top-style: none;
	border-bottom-style: none;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 100px;
}
header .h_tel a span,
header .h_btn a span {
	display: none;
}

#mailform table.m_form th,
#mailform table.m_form td {
	width: 100% !important;
	display: block;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#mailform table.m_form th {
	border-right-style: none;
	padding-bottom: 5px;
}

#index_top #top_catch h2 {
	font-size: 40px;
}

#index_top #top_catch p {
	font-size: 12px;
}

#sub_top {
	height: 150px;
	line-height: 150px;
	padding-top: 50px;
	background-position: center 50px;
}

#sub_top_2 {
	height: 4px; /*サブページトップ画像を表示させない スマホ用*/
	line-height: 150px;
	padding-top: 50px;
	background-position: center 50px;
}


.content {
	padding-top: 20px;
	padding-bottom: 20px;
}

.content p {
	margin-bottom: 20px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}


ul.works_list li {
	width: 47%;
}

ul.works_2_list li {
	width: 47%;
}

ul.works_3_list li {
	width: 47%;
}

ul.works_4_list li {
	width: 47%;
	margin: 0px 0px 20px 0px; /*各ボックスの周りの余白 スマホ用max-width:640px*/
}

.img_left,
.img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.pick_up ul {
	padding: 15px;
}
.pick_up ul li {
	width: 31%;
}
.balloon {
	top: -35px;
	margin-left: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}

a .btn_check {
	width: 80%;
	margin-left: -40%;
}
}


.icobimage2::before {	
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_01.png); /*マニュアル スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}	
	
.icobimage3::before {	
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_02.png); /*スタッフ スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}	
	
.icobimage4::before {	
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image:url(../images/pi_03.png); /*サイトマップ スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}	
	
.icobimage5::before {	
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background-image:url(../images/pi_013.png); /*SN PN スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}	
	
.icobimage6::before {	
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_04.png); /*同一ページリンク スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}	
	
.icobimage7::before {	
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_05.png); /*他ページリンク スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}	
	
.icobimage8::before {	
	content: "更新日："; /*更新日 スマホ用 max-width:640p*/
	display: inline-block;
}	
	
.icobimage9::before {	
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image:url(../images/inf_002.png); /*INDEX コロナ禍用 スマホ用 max-width:640p*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 10px 2px 0px;
}	
	
	
.layer{	
	position:relative; /*パチナビ スマホ用 max-width:640p*/
	background:#fff;
}	
	
.layer img{	
	top:0px;
	left:0px;
	width:100%;
}	
	
.layer p{	
	position:absolute;
	top:20px;
	left:20px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:5px 10px 5px 10px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}	
	
.layer p::after {	
	content: ""; /*後ろの記号　→*/
	color: #FFF;
	font-size: 15px;
}	
	
	
.layer_2{	
	position:relative; /*本部システム スマホ用 max-width:640p*/
	background:#fff;
}	
	
.layer_2 img{	
	top:0px;
	left:0px;
	width:100%;
}	
	
.layer_2 p{	
	position:absolute;
	top:5px;
	left:10px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:5px 20px 5px 20px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}	
	
	
.row_2_i span.m  {	
	width: 100%;  /*過去のお知らせ スマホ用 max-width:640p*/
	margin: 0px 0px 0px 20px; /* テキストのマージン 上右下左 */
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
	letter-spacing: 2px; /*文字間隔*/
	white-space: nowrap;
	padding: 5px 50px 5px 0px;  /*文字の周りの余白*/
	border-bottom: 1px solid #808080; /*#1d487d #2f8eec*/
	border-radius: none; 
	background-color: #fff; /**/
	color:  #111;
	text-align: left; /*テキストを両端にそろえる*/
}	






hr {
	border-top: 1px dotted #ccc; /*スマホ用max-width:640px 仕切り線 #ccc*/
	margin: 40px 5px 0px 5px; 
}


figure {
  position: relative; /*製品情報 スマホ用max-width:640px*/
  overflow: hidden;
  width: 100%;
}

figcaption {
  position: absolute;
  top: 100%; /*元は-100 上から降りてくる スマホ用max-width:640px*/
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(9,72,125, 0.8); /*rgba(9,72,125, 0.8)*/
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0.8;
}

figure:hover figcaption {
  top: 0px; /*pの上からの位置 スマホ用 max-width:640px*/
  left: 0px;
  color: #fff;
}

figure:hover figcaption  p{
	font-size: 11px;
	font-weight: normal; /*文字の太さ スマホ用 max-width:640px*/ 
	padding: 20px 0px 0px 0px; 
	margin-bottom: -35px; /*pとpの間隔 スマホ用 max-width:640px*/

}

.cs img {
	width: 264px; /*ComingSoon スマホ用 max-width:640px*/ 
	height: 212px;
	padding-top: 20px;
	padding-left: 30%;
}




















@media screen and (max-width:460px){

input,
textarea {
	max-width: 300px !important;
}

.content table.table_01 th,
.content table.table_01 td, 
.content table.table_03 th,
.content table.table_03 td,
.content table.table_04 th,
.content table.table_04 td,
.content table.table_05 th,
.content table.table_05 td,
.content table.table_06 th,
.content table.table_06 td,
.content_2 table.table_07 th,
.content_2 table.table_07 td,
.content table.table_08 th,
.content table.table_08 td{
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.content table.table_01 th, 
.content table.table_03 th,
.content table.table_04 th, 
.content table.table_05 th,
.content table.table_06 th,
.content_2 table.table_07 th,
.content table.table_08 th{
	background-color: #F6F6F6;
}



#index_top #top_catch h2 {
	font-size: 30px;
}

#sub_top {
	font-size: 16px;
}

.content h2 {
	font-size: 24px;
}
.content h2 span {
	font-size: 12px;
}

a .btn_check {
	font-size: 12px;
	line-height: 30px;
}
a .btn_check i {
	padding-right: 5px;
	padding-left: 2px;
}
a:hover .btn_check i {
	padding-right: 2px;
	padding-left: 5px;
}

ul.works_list li {
	width: 98%;
}

ul.works_2_list li {
	width: 98%;
}

ul.works_3_list li {
	width: 98%;
}


ul.works_4_list li {
	width: 98%;
	margin: 0px 0px 20px 0px; /*各ボックスの周りの余白 スマホ用max-width:460px*/
}

ul.works_7_list li {
	width: 98%;
}


.content table.table_01 th,
.content table.table_01 td {
	border-bottom-width: 0px; /*スマホ用*/
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 15px;
}


.content table.table_03 th,
.content table.table_03 td {
	border-bottom-width: 0px; /*マニュアル スマホ用*/
	border-bottom-style: dotted; /*セルの下線 元は dotted;*/
	border-bottom-color: #02B358;
	padding: 15px; /*tdのマージン上下左右 元は 30px;*/
}

.content table.table_04 th {
	border-bottom-width: 0px; /*プライバシーポリシー スマホ用 使用止めた*/
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px 4px 10px 10px; /*上 右 下 左を指定 スマホ用*/
	font-size: 16px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	letter-spacing: 1px;
	
	text-align: left; /*表のセルth内左寄せ 後から追加;*/
	line-height: 28px; /*行間 後から追加;*/
}

.content table.table_04 td {
	border-bottom-width: 0px;/*スマホ用 使用止めた*/
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 10px 1px 10px 6px; /*上 右 下 左を指定 スマホ用*/
	font-size: 15px;
	line-height: 30px; /*行間 元は 30px;*/
	background-color: #FFF;
}


.content table.table_05 th,
.content table.table_05 td {
	border-bottom-width: 0px;/*スタッフ専用 スマホ用*/
	border-bottom-style: dotted; /*セルの下線 元は dotted;*/
	border-bottom-color: #ff4500;
	padding: 10px; /*tdのマージン上下左右 元は 30px;*/
}

.table_07 td span.i2 {
	display:inline-block; /*スマホ用*/
	width:80%; /*90%*/
	height:auto; /*高さ*/
	font-size:16px;
	line-height:18px;
	padding: 10px 20px 10px 30px; /*文字の周りの余白*/
	margin-top: 8px; /*spanの上の余白*/
	margin-bottom: 0px; /*spanの一番下の余白はbox_2で調整*/
	border: none; /*1px solid #fff*/
	border-radius: 5px; 
	background-color: #1d487d;  /*#2f8eec*/
	color: #fff;
	text-align: center; /*  */
	vertical-align: middle;
}

.table_07 td span.i2 img {
	width: 30px; /*スマホ用*/
	height: 33px;
	display: inline-block;
	vertical-align: middle; /*上下中央位置*/
	padding: 0px 5px 0px 0px; /*画像周りの余白*/
}

.table_07 td span.i3 {
	display:inline-block; /*スマホ用*/
	width:98%; 
	height:auto; /*高さ*/
	font-size:15px;
	line-height:20px;
	letter-spacing: 2px; /*文字間隔*/
	padding: 5px 5px 5px 5px; /*文字の周りの余白*/
	margin-top: 5px; /*spanの上の余白*/
	margin-bottom: 0px; /*余白はbox_2で調整*/
	border: 1px solid #fff; /*#1d487d #2f8eec*/
	border-radius: 5px; 
	background-color: #1d487d; /**/
	color: #fff;
	text-align: left; /*テキストを両端にそろえる*/
	vertical-align:  middle;
}

.table_07 td span.i3 img {
	width: 110px; /*スマホ用*/
	height: 157px;
	display: inline-block;
	float: left; /*画像の回り込み*/
	padding: 5px 10px 5px 5px; /*画像周りの余白*/
}



.g_map_base {
	background-color: #FFF;
	padding-right: 20px; /*スマホ用 google map右側余白*/
	padding-bottom: 10px; 
	padding-left: 20px; /*スマホ用 google map左側余白*/
}


.icobimage2::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_01.png); /*マニュアル スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage3::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_02.png); /*スタッフ スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage4::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image:url(../images/pi_03.png); /*サイトマップ スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage5::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background-image:url(../images/pi_013.png); /*SN PN スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage6::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_04.png); /*同一ページリンク スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}

.icobimage7::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_05.png); /*他ページリンク スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}

.icobimage8::before {
	content: "更新日："; /*更新日 スマホ用*/
	display: inline-block;
}

.icobimage9::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	background-image:url(../images/inf_002.png); /*INDEX コロナ禍用 スマホ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 10px 2px 0px;
}


.layer{
	position:relative; /*パチナビ スマホ用*/
	background:#fff;
}

.layer img{
	top:0px;
	left:0px;
	width:100%;
}

.layer p{
	position:absolute;
	top:30px;
	left:20px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:10px 20px 10px 30px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}

.layer p::after {
	content: ""; /*後ろの記号　→*/
	color: #FFF;
	font-size: 15px;
}


.layer_2{
	position:relative; /*本部システム スマホ用*/
	background:#fff;
}

.layer_2 img{
	top:0px;
	left:0px;
	width:100%;
}

.layer_2 p{
	position:absolute;
	top:5px;
	left:10px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:10px 30px 10px 30px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}


.row_2_i span.m  {
	width: 100%;  /*過去のお知らせ スマホ用*/
	margin: 0px 0px 0px 20px; /* テキストのマージン 上右下左 */
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
	letter-spacing: 2px; /*文字間隔*/
	white-space: nowrap;
	padding: 5px 50px 5px 0px;  /*文字の周りの余白*/
	border-bottom: 1px solid #808080; /*#1d487d #2f8eec*/
	border-radius: none; 
	background-color: #fff; /**/
	color:  #111;
	text-align: left; /*テキストを両端にそろえる*/
}


.content .ul_news li {
	width: 91%; /*追加 先にwidthを決めてからmarginを設定 スマホ用*/
	margin: 0px 15px 0px 15px; /*追加 先にwidthを決めてからここを設定 スマホ用*/
	line-height: 30px; /*INDEX お知らせ スマホ用*/
	padding-top: 10px; /*行の上の余白 元は 20px*/
	padding-bottom: 10px;/*行の下の余白 元は 20px*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 15px;
	padding-right: 10px; /*スマホ用*/
	padding-left: 0px; /*スマホ用*/
}
.content .ul_news li span {
	color: #111; /*お知らせ年月日の文字色 スマホ用*/
	padding-right: 15px; /*元は10px スマホ用*/
	padding-left: 5px; /*後から追加 スマホ用*/
}


.content .ul_news_2 li {
	line-height: 25px;/*サポート アップデート 幅はwidth: 92%はcont_wrap_2で幅調整 スマホ用*/
	padding-top: 10px; /*行の上の余白 元は 20px*/
	padding-bottom: 10px;/*行の下の余白 元は 20px*/
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 15px;
	padding-right: 8px; /*スマホ用*/
	padding-left: 10px;
}
.content .ul_news_2 li span {
	color: #111; /*アップデート年月日の文字色*/
	padding-right: 30px; /*スマホ用*/
	padding-left: 5px; /*スマホ用*/
}

.newsdetail {
	width: 100%; /*スマホ用 表の幅 元は 90%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 0px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.newsdetail p{
	font-size: 15px; /*スマホ用*/
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は 50px;*/
	margin-bottom: -20px; /*下のマージン 元は 30px;*/
	margin-left: 10px; /*下のマージン 元は 30px;*/	
	line-height: 1.6; /*スマホ用*/
}

.newsdetail span{
	font-size: 15px; /*スマホ用*/
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: -20px; /*下のマージン 元は;*/
	margin-left: 0px; /*左のマージン 元は 30px;*/	
	line-height: 1.6; /*スマホ用*/
}

.newsdetail p.date{
	font-size: 11px; /*スマホ用*/
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	margin: 10px 0px -12px 0px; /*上下左右のマージン スマホ用*/
	color: #111;
}


.ppcy {
	width: 100%; /*スマホ用 表の幅 元は 90%;*/
	margin-top: 0px; /*上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 50px; /*下のマージン 元は 30px;*/
	margin-left: auto;
}

.ppcy p{
	font-size: 15px; /*スマホ用*/
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は 50px;*/
	margin-bottom: -20px; /*下のマージン 元は 30px;*/
	margin-left: 10px; /*下のマージン 元は 30px;*/	
	line-height: 1.8; /*スマホ用*/
}

.ppcy span{
	font-size: 15px; /*スマホ用*/
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: -20px; /*下のマージン 元は;*/
	margin-left: 0px; /*左のマージン 元は 30px;*/	
	line-height: 1.8; /*スマホ用*/
}


hr {
	border-top: 1px dotted #ccc; /*スマホ用 仕切り線 #ccc*/
	margin: 40px 5px 0px 5px; 
}


figure {
  position: relative; /*製品情報 スマホ用*/
  overflow: hidden;
  width: 100%;
}

figcaption {
  position: absolute;
  top: 100%; /*元は-100 上から降りてくる*/
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(9,72,125, 0.8); /*rgba(9,72,125, 0.8)*/
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0.8;
}

figure:hover figcaption {
  top: 0px; /*pの上からの位置;*/
  left: 0px;
  color: #fff;
}

figure:hover figcaption  p{
	font-size: 19px;
	font-weight: bold; /*文字の太さ*/ 
	padding: 55px 0px 0px 0px; 
	margin-bottom: -75px; /*pとpの間隔;*/

}

.cs img {
	width: 264px; /*ComingSoon スマホ用*/ 
	height: 212px;
	padding-top: 20px;
	padding-left: 13%;
}
}

/*
エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);  
    -moz-transform: translateY(20px); 
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
	transition-delay:0.2s;
	-webkit-transition-delay:0.2s;
}
.effect.d_04 {
	transition-delay:0.4s;
	-webkit-transition-delay:0.4s;
}
.effect.d_06 {
	transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
}
.effect.d_08 {
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}


/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ここからCSS改造
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* 
2列の横並び サイトマップ用
-------------------------------------------*/
@media(min-width:751px){
  /*PC版のみ*/
.row_2{
	display:flex;
	width:90%;
	 margin:0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 15px;
	line-height: 45px;
	color: #2f8eec;
	background-color: #fff;    
	 white-space: nowrap; /*文字を自動で折返さない*/
}

.row_2>div{
	width:48%;
}
}
/*PC・スマホ共通*/
.row_2>div{
	margin:2%;
	border:none;
	background:#fff;
	color: #2f8eec;
	white-space: nowrap; /*文字を自動で折返さない*/
}


/* 
2列の横並び スロパチナビ同一ページリンク等
-------------------------------------------*/
@media(min-width:751px){
  /*PC版のみ*/
.row_2_2{
	display:flex;
	width:97%;
	 margin:0;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	font-size: 16px;
	line-height: 45px;
	color: #2f8eec;
	background-color: #fff;    
	 white-space: nowrap; /*文字を自動で折返さない*/
}

.row_2_2>div{
	width:48%;
}
}
/*PC・スマホ共通*/
.row_2_2>div{
	margin:2%;
	border:none;
	background:#fff;
	color: #2f8eec;
	white-space: nowrap; /*文字を自動で折返さない*/
}


/* 
2列の横並び newsお知らせ用に準備
-------------------------------------------*/
@media(min-width:751px){
  /*PC版のみ*/
.row_2_i{
	display:flex;
	width:98%;
	color: #111; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
	background-color: #fff; /*とりあえずゴールド外から3番目　row_f_3_t全体の背景色*/
	white-space: normal; /*文字を自動で折返さない nowrap*/
	-webkit-text-size-adjust: 100%;
}

.row_2_i>div.blockg {
	float: left; /*左端に配置*/
	width: 74%; /*左端ブロックの幅*/
	padding: none; /**/
	background-color: #fff;
	color: #111; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
}


.row_2_i>div.blockh {
	float: right; /* 右端に配置 */
	width: 26%; /*右端ブロックの幅*/
	padding: 21px 0px 0px 0px; /*過去のお知らせの高さ*/
	background-color: #fff;

}

.row_2_i span.m  {
	width: 100%; 
	margin: 0px 0px 0px 20px; /* テキストのマージン 上右下左 */
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
	letter-spacing: 1px; /*文字間隔*/
	white-space: nowrap;
	padding: 5px 50px 5px 0px;  /*文字の周りの余白*/
	border-bottom: 1px solid #808080; /*#1d487d #2f8eec*/
	border-radius: none; 
	background-color: #fff; /**/
	color:  #111;
	text-align: left; /*テキストを両端にそろえる*/
}

.row_2_i p {
	margin: 5px 5px 0 5px; /* テキストのマージン 上右下左 */
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
}


/*PC・スマホ共通*/

.row_2_i >div{
	margin:1%;
	border:none;
	background-color: #fff; /*意味無しスマホではcont_wrap_2が優先される color: #ccc;*/
	color: #111; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
	white-space: normal; /*文字を自動で折返さない*/
 }


/* 
3列の横並び 使用機会があれば用
-------------------------------------------*/
@media(min-width:751px){
  /*PC版のみ*/
.row_f_3_t{
	display:flex;
	width:100%;
	color: #fff; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
	background-color: #ffd700; /*とりあえずゴールド外から3番目　row_f_3_t全体の背景色*/
	white-space: normal; /*文字を自動で折返さない nowrap*/
	-webkit-text-size-adjust: 100%;
}

.row_f_3_t>div.blockd {
	float: left; /*左端に配置*/
	width: 30%; /*左端ブロックの幅*/
	padding: none; /*いらないかもpadding: 10px 10px 10px 10px;*/
	background-color: #ffa500;
	color: #fff; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
}
.row_f_3_t>div.blocke {
	float: left; /* 右端に配置(プライバシーポリシーとサイトマップ) */
	width: none; /*いらないかも中央のブロックの幅*/
	border:none;
	background: #ffa500;
	padding: none; /*いらないかもpadding: 10px 10px 10px 10px;*/
}

.row_f_3_t .image_3 {
	width: 80px; /*画像サイズ指定*/
	padding: 0;
}

.row_f_3_t .image_3 img {
	width: 100%;
	height: auto;
}

.row_f_3_t>div.blockf {
	float: right; /* 右端に配置 */
	width: 50%; /*右端ブロックの幅*/
	background: #ffa500;
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ スマホではcont_wrap_2が優先される*/
	line-height: 30px;
	text-align:left;
	padding: none; /*いらないかもpadding: 10px 10px 10px 10px;*/
	border: 1px solid #ff0000;
	border-radius: 5px;
}

.row_f_3_t .title_3 {
	margin: 45px 0 0 50px; /* テキストのマージン 上右下左 */
	font-weight: normal; /*タイトルの文字太さ*/
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
}
.row_f_3_t .text_3 {
	font-size: 16px; /*タイトルの文字サイズ*/
	line-height: none;
}

/*PC・スマホ共通*/

.row_f_3_t>div{
	margin:1%;
	border:none;
	background: none; /*意味無しスマホではcont_wrap_2が優先される color: #ccc;*/
	color: none; /*意味無しスマホではcont_wrap_2が優先される color: #fff;*/
	white-space: normal; /*文字を自動で折返さない*/
 }


/* 
リストトップ説明用 横並び いらないかも
-------------------------------------------*/
.set_5{
	position: relative;
	overflow: hidden;
}
.set_5 ul{
	position: relative;
	left: 50%;
	float: left;
}
.set_5 li{
	position: relative;
	left: -50%;
	float: left;
	list-style: none;
	background: #ddd;
	padding: 5px;
	margin-right: 5px;
	border: 1px solid #ff0000;
	border-radius: 5px;
	text-align: center;
}


/* 
3列の横並び フッター用
-------------------------------------------*/
@media(min-width:751px){
  /*PC版のみ*/
  .row_f_3{
    display:flex;
    width:100%;
	font-size: 12px;
	color: #fff;
	background-color: #808080; /*rgba(128, 128, 128, 1.0); #a9a9a9*/
	white-space: nowrap; /*文字を自動で折返さない*/
	-webkit-text-size-adjust: 100%;
}

.row_f_3>div.blocka {
	float: left; /*左端に配置(ロゴとアイキ)*/
	width: 20%; /*左端ブロックの幅*/
} 

.row_f_3>div.blocka a{
	color: #fff; /*リンクの文字色 後から全部追加*/
	text-decoration: none; /*リンクのアンダーライン無し*/
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}

.row_f_3>div.blocka a:hover {
	opacity: 0.5; /*オンマウス時のリンク文字の透過度 後から全部追加*/
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}
}
.row_f_3>div.blockc {
	float: right; /* 右端に配置(プライバシーポリシーとサイトマップ) */
	width: 67%; /*右端ブロックの幅*/
}

/*PC・スマホ共通*/
.row_f_3>div{
	margin:0.1%;
	border:none;
	background: #808080; /*rgba(128, 128, 128, 1.0) #a9a9a9*/
	color: #fff;
	white-space: nowrap; /*文字を自動で折返さない*/
}


/* 
画像とテキストを横に並べ フッター用
-------------------------------------------*/
.flex {
	display: flex; /*横並び ロゴ+アイキ*/
	line-height: 19px;  /*ロゴ+アイキ 行間 logo_s_001.pngを使ったので意味がない*/

}

.flex .image {
	width: 40px; /*画像サイズ指定*/
	margin: 0 0 0 5px;
}

.flex .image img {
	width: 100%;
	height: auto;
}

.flex .right {
	margin: 0 0 0 0; /* 画像のマージン 上右下左 */
	padding: 0;
}

.flex .title {
	margin: 0 0 0 6px; /* テキストのマージン 上右下左  logo_s_001.pngを使ったので意味がない*/
	padding: 0;
	font-weight: normal; /*タイトルの文字太さ logo_s_001.pngを使ったので意味がない*/
	font-size: 16px; /*タイトルの文字サイズ logo_s_001.pngを使ったので意味がない*/
	color: #fff;
}

.flex .text {
	margin: 0 0 0 6px; /* テキストのマージン 上右下左  logo_s_001.pngを使ったので意味がない*/
	padding: 0;
	font-size: 11px; /*タイトルの文字サイズ logo_s_001.pngを使ったので意味がない*/
}

@media screen and (max-width: 480px){
.sp_br {
	display: block; /*blockでもinlineでも可 *文字を自動で折返さない 後から追加*/
}
}


/* 
NEWSページ用
-------------------------------------------*/
.newsdetail {
	width: 90%; /*表の幅 元は 96%;*/
	margin-top: 0px; /*表の上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 0px; /*表の下のマージン 元は 30px;*/
	margin-left: auto;
}

.newsdetail p{
	font-size: 15px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: -20px; /*下のマージン 元は;*/
	margin-left: 10px; /*左のマージン 元は 30px;*/	
	line-height: 1.8;
}

.newsdetail span{
	font-size: 15px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: -20px; /*下のマージン 元は;*/
	margin-left: 0px; /*左のマージン 元は 30px;*/	
	line-height: 1.8;
}


.newsdetail p.date{
	font-size: 12px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	margin: 10px 0px -12px 2px; /*上下左右のマージン*/
	color: #111;
}


/* 
プライバシーポリシー用
-------------------------------------------*/
.ppcy {
	width: 80%; /*幅 元は 96%;*/
	margin-top: 50px; /*上のマージン 元は 50px;*/
	margin-right: auto;
	margin-bottom: 50px; /*下のマージン 元は 30px;*/
	margin-left: auto;
}

.ppcy p{
	font-size: 15px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: normal; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: -20px; /*下のマージン 元は;*/
	margin-left: 10px; /*左のマージン 元は 30px;*/	
	line-height: 2.0;
}

.ppcy span{
	font-size: 17px;
	white-space: pre-line; /*行の折り返し設定 元は nowrapx*/
	font-weight: bold; /*文字の太さ 元は  bold;*/
	color:  #555;
	margin-top: 0px; /*上のマージン 元は;*/
	margin-bottom: 0px; /*下のマージン 元は;*/
	margin-left: 0px; /*左のマージン 元は 30px;*/
	line-height: 2.0;
}


/* 
直前にアイコンを入れる
-------------------------------------------*/
.icobimage2::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_01.png); /*マニュアル用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage3::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	background-image:url(../images/pi_02.png); /*スタッフ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage4::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image:url(../images/pi_03.png); /*サイトマップ用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage5::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 9px;
	background-image:url(../images/pi_013.png); /*SN PN用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0 6px 1px 0;
}

.icobimage6::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_04.png); /*同一ページリンク用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}

.icobimage7::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/pi_05.png); /*他ページリンク用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 2px 3px 20px;
}

.icobimage8::before {
	content: "更新日："; /*更新日*/
	display: inline-block;
}

.icobimage9::before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image:url(../images/inf_002.png); /*INDEX コロナ禍用*/
	background-size: contain;
	vertical-align: middle;
	margin: 0px 10px 2px 0px;
}


/* 
画像に文字を重ねる パチナビ用 本部システム
-------------------------------------------*/
.layer{
	position:relative; /*パチナビ用*/
	background:#fff;
}

.layer img{
	top:0px;
	left:0px;
	width:100%;
}

.layer p{
	position:absolute;
	top:30px;
	left:30px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:10px 20px 10px 30px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size: 16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}

.layer p::after {
	content: ""; /*後ろの記号　→*/
	color: #FFF;
	font-size: 15px;
}


.layer_2{
	position:relative; /*本部システム用*/
	background:#fff;
}

.layer_2 img{
	top:0px;
	left:0px;
	width:100%;
}

.layer_2 p{
	position:absolute;
	top:5px;
	left:10px;
	width:220px;
	background:#1d487d;
	opacity: 0.7; /*文字の背景の透過度 元は 0.5*/
	padding:10px 30px 10px 30px; /*文字の周りの余白*/
	box-shadow:0 0 5px #999;
	font-size:16px;
	line-height:18px;
	z-index:1;
	text-align: left;
	color: #fff;
	border: 1px solid #1d487d; 
	border-radius: 5px;
	text-align: center;
}


/* free page container 未使用*/
.lp-container{
	padding: 10px; /*上下左右に10px余白をあける*/
}


/* 
インデックス説明用ボックス
-------------------------------------------*/
.box_2 {
	width: 93%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #1d487d;
	border-radius: 8px;
	color: #fff;
	font-weight: normal; /* 元は bold*/
	padding: 10px 35px 25px 35px; /* 一番下の余白を広くするtable_07spanの下の余白が0だから*/
	background-color: #1d487d; 
	margin-left: auto;
	margin-right: auto;
}

/* 
ボックス3つ横並び 機会があれば用
-------------------------------------------*/
.block_1{
	display: inline-block;
	width: 100px;
	height: 100px;
	background-color: pink;
}
.block_2{
	display: block;
	width: 100px;
	height: 100px;
	background-color: yellowgreen;
}

.block_3{
	display: inline-block;
	width: 400px;
	height: 400px;
	background-color: yellowgreen;
	border: 1px solid yellowgreen; /*#1d487d*/
	border-radius: 5px; 
	
	font-size:16px;
	line-height:28px;
	padding: 30px; 
	margin-top: 30px; 
	margin-bottom: 0px; 
}


/* 
仕切り線
-------------------------------------------*/
hr {
	border-top: 1px dotted #ccc; /*#ccc*/
	margin: 60px 0px 0px 10px; 
}


/* 
上からスライドして画像をマスク
-------------------------------------------*/
figure {
	position: relative;
	overflow: hidden;
	width: 100%;
}

figcaption {
	position: absolute;
	top: 100%; /*元は-100 上から降りてくる*/
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(9,72,125, 0.8); /*rgba(9,72,125, 0.8)*/
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0.7;
}


figure:hover figcaption {
	top: 0px; /*マスクの動く高さ;*/
	left: 0px;
	color: #fff;
	vertical-align:middle;
}

figure:hover figcaption  p{
	font-size: 19px;
	font-weight: bold; /*文字の太さ*/ 
	padding: 55px 0px 0px 0px; 
	margin-bottom: -75px; /*pとpの間隔;*/
}




/* 
Coming Soon用
-------------------------------------------*/

.balloon2{
	font-size: 50px;
	font-weight: bold;
	color: #FFF;
	background-color: #2f8eec; /*吹き出し丸の背景色*/
	text-align: center;
	display: block;
	width: 250px;
	padding-top: 0px;
	height: 200px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: absolute;
	top: 30px;
	left: 477px;
	z-index: 10;
}
.balloon2::before{
	content: "";
	position: absolute;
	top: 173px;
	left: 38px;
	margin-left: -12px;
	border-right: 12px solid transparent;
	border-top: 20px solid #2f8eec; /*Qの吹き出し三角の背景色*/
	border-left: 12px solid transparent;
	z-index: 0;
	transform: rotate(34deg);
 }

.balloon2 p{
	font-size: 25px;
	font-weight: bold;
	color: #FFF;
	padding-top: 61px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

/* 
Coming Soon用 画像にした場合
-------------------------------------------*/
.cs img {
	width: 264px;
	height: 212px;
	padding-top: 30px;
	padding-left: 39%;
}




/* 
ふきだし　いらないかも
-------------------------------------------*/
.balloon1{
  display: inline-block;
  position: relative;
  margin: 15px;
  padding: 15px;
  min-width: 120px;
  max-width: 100%;
  background:  #FFF;
  border: 1px solid #888888;
  border-radius: 10px;
}
.balloon1::before{
  content: "";
  position: absolute;
  top: 45%;
  left:-27px;
  border-right: 27px solid #888888;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
 }
.balloon1::after{
  content: "";
  position: absolute;
  top: 45%;
  left:-25px;
  border-right: 27px solid #FFF;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}