@charset "utf-8";


/*slide.cssの読み込み*/
@import url(slide.css);


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
body {
	margin: 0px;
	padding: 0px;
	color: #333;	/*全体の文字色*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 2;		/*行間*/
	background: #fff;	/*背景色*/
	-webkit-text-size-adjust: none;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form,select,input,textarea {margin: 0px;padding: 0px;font-size: 100%;}
ul {list-style-type: none;}
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}
table {border-collapse:collapse;font-size: 100%;border-spacing: 0;}
iframe {width: 100%;}
video,audio {max-width: 100%;}

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #1199c2;		/*リンクテキストの色*/
	transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	text-decoration: none;
}
a:hover {
	color: #1199c2;			/*マウスオン時の文字色*/
	text-decoration: none;	/*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
	opacity: 0.8;
}

/*サイトの最大幅の設定
---------------------------------------------------------------------------*/
#container,#menubar,footer .inner {
	max-width: 1400px;	/*サイトの最大幅。これ以上大きくならない。*/
	margin: 0 auto;
}

/*containerの設定（footer以外の、ホームページを囲むブロック）
下の「1450px以下の設定」にあるbody.is-fixed #menubarのmarginの数字と合わせておく。
---------------------------------------------------------------------------*/
#container {
	padding: 0 50px;	/*上下、左右へのブロック内余白*/
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: relative;
	margin: 0 auto;
	height: 100px;	/*ヘッダーの高さ*/
	
}

header #tit01 a{ font-size:12px; text-decoration:none; color: #2c8650; float:right;}

/*ロゴ画像*/
header #logo {
	width: 300px;		/*ロゴ画像の幅*/
	position: absolute;
	left: 2%;		/*ヘッダーブロックの左からの配置指定*/
	bottom: 10px;	/*ヘッダーブロックの下からの配置指定*/
}
/*TELブロック*/
header address {
	font-style: normal;
	position: absolute;
	right: 2%;		/*ヘッダーブロックの右からの配置指定*/
	bottom: 5px;	/*ヘッダーブロックの下からの配置指定*/
	text-align: center;	/*内容をセンタリング*/
	font-size: 80%;		/*文字サイズ*/
	line-height: 1.5;	/*行間を少し狭く*/
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
	
}
/*TELブロックの電話番号部分*/
header address .tel {
	color: #2c8650;		/*文字色*/
	font-size: 250%;	/*文字サイズ*/
	background: url(../images/icon_tel.png) no-repeat left center / 35px;	/*電話アイコンの読み込み。左(left)に、上下中央(center)に配置。画像幅26px。*/
	padding-left: 35px;	/*電話アイコン部分の余白をここで作る*/
}
/*時間ブロックの電話番号部分*/
header address .eitime {
	color: #000;		/*文字色*/
	font-size: 150%;	/*文字サイズ*/
	
}




/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	position: relative;
	margin: 0 auto 20px;	/*上、左右、下へのマージン。20pxを変更する際は、「body.is-fixed header」の数値も変更する。*/
	height: 75px;			/*メニューの高さ。下の「#menubar li a」の「height」と「padding-top」の数字を合計した数字に合わせる。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 16.66%;	/*メニュー幅（100÷6個=16.66%）　もし４個にするなら100÷4=25%になる。*/
	line-height: 1.8;	/*行間を少しだけ狭く*/
}
#menubar li a {
	text-decoration: none;display: block;
	text-align: center;
	height: 50px;		/*高さ*/
	padding-top: 18px;	/*上に追加する余白*/
	color: #fff;		/*文字色*/
	border-left: 1px dashed #fff;	/*メニューの左側の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px dashed rgba(255,255,255,0.4);	/*左の線の幅、線種、255,255,255は白の事で0.4は40%色がついた状態の事。*/
	background: #2c8650;	/*背景色*/
}
/*最初のメニューへの追加設定*/
#menubar li:first-child a {
	border-left: none;
	border-radius: 10px 0px 0px 10px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
}
/*最後のメニューへの追加設定*/
#menubar li:last-child a {
	border-radius: 0px 10px 10px 0px;	/*角丸の指定。左上、右上、右下、左下への順番。*/
}
/*飾り文字*/
#menubar li span {
	display: block;
	font-size: 10px;		/*文字サイズ*/
	font-weight: normal;	/*文字を太字でなく標準に戻す設定*/
	letter-spacing: 0.2em;	/*文字間隔を少しあける設定*/
	opacity: 0.5;			/*透明度50％*/
}
/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a {
	background: #519e70;	/*背景色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*ドロップダウンメニュー用
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
	position:absolute;visibility: hidden;z-index: 10;
	width: 16.66%;		/*幅。上の「#menubar li」と合わせる。*/
	border-top: 1px solid #fff;	/*上の線の幅、線種、色*/
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
	float: none;
	width: 100%;
	line-height: 1.5;
}
#menubar ul.ddmenu li a {
	width: 100%;height: auto;font-weight: normal;border-radius: 0 !important;
	border: none;	/*線を一旦リセット*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	background: #000;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.7);	/*背景色。0,0,0は黒の事で0.7は70%色がついた状態の事。*/
	color: #fff;		/*文字色*/
	padding: 10px 0;	/*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
	background: #000;	/*背景色*/
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
/*fixmenuブロック*/
body.is-fixed .nav-fix-pos {
	width: 100%;z-index: 100;position: fixed;top: 0;left: 0;
}
/*headerブロック*/
body.is-fixed header {
	margin-bottom: 95px;	/*メインメニューのheight(75)とmargin-bottom(20)を足した数字にする*/
}
/*最初のメニューへの追加設定*/
body.is-fixed #menubar li:first-child a {
	border-left: none;
	border-radius: 0px 0px 0px 10px;
}
/*最後のメニューへの追加設定*/
body.is-fixed #menubar li:last-child a {
	border-radius: 0px 0px 10px 0px;
}

/*コンテンツ（mainとsubブロックを囲むボックス）
---------------------------------------------------------------------------*/
#contents {
	clear: both;
	padding: 40px 0;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*メインコンテンツブロック*/
#main {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ボックス幅*/
	padding-bottom: 40px;
	padding-top: 20px;
}
/*１カラム時のメインコンテンツ*/
.c1 #main {
	float: none;
	width: auto;
}
/*mainコンテンツのh2タグ設定*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 120%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #2c8650;	/*背景色*/
	border-radius: 10px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}
/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
}
/*mainコンテンツのh3タグ設定*/
#main h3 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	font-size: 110%;	/*文字サイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 10px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}
/*h3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 3px solid #2d8651;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
}
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 0px 10px 20px;	/*上、左右、下への余白*/
}
/*他。微調整。*/
#main p + p {
	margin-top: -5px;
}
#main h2 + p,
#main h3 + p {
	margin-top: -10px;
}
#main section + section {
	padding-top: 30px;
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub {
	float: left;	/*左に回り込み*/
	width: 22%;		/*ブロックの幅*/
	padding-bottom: 40px;
	padding-top: 20px;
}
/*１カラム字のサブコンテンツ*/
.c1 #sub {display: none;}
/*h2見出しタグ設定*/
#sub h2 {
	margin-bottom: 10px;
	font-size: 110%;	/*文字サイズ*/
}
/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 3px solid #2d8651;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}
/*段落タグ（p）設定*/
#sub p {
	line-height: 1.6;	/*行間を少し狭く*/
}

/*サブコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub .submenu {
	margin-bottom: 20px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub .submenu li {
	border-bottom: solid 1px #e4e4e4;	/*下の線の線種、幅、色*/
}
#sub .submenu li a {
	text-decoration: none;display: block;
	padding: 10px 10px 10px 30px;	/*上、右、下、左へのメニュー内の余白*/
	background: #fff url(../images/arrow2.png) no-repeat 10px center / 10px;	/*矢印アイコンの読み込み。左から10px、上下中央に配置。幅10px。*/
	color:#333;
}

/*サブコンテンツ02内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
#sub .submenu02 {
	margin-bottom: 20px;	/*メニューブロックの下に空けるスペース*/
	border-top: solid 1px #e4e4e4;	/*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
#sub .submenu02 li {
	border-bottom: solid 1px #e4e4e4;	/*下の線の線種、幅、色*/
}
#sub .submenu02 li a {
	text-decoration: none;display: block;
	padding: 10px 10px 10px 30px;	/*上、右、下、左へのメニュー内の余白*/
	background: #fff url(../images/arrow2.png) no-repeat 10px center / 10px;	/*矢印アイコンの読み込み。左から10px、上下中央に配置。幅10px。*/
	color:#333;
	text-align:center;
}

/*サブコンテンツ内のbox1
---------------------------------------------------------------------------*/
#sub .box1 {
	padding: 15px;			/*ボックス内の余白*/
	margin-bottom: 20px;	/*ボックスの下に空けるスペース*/
	background: #f5f5f5;	/*背景色*/
	border: solid 1px #dbdbdb;	/*線の線種、幅、色*/
	box-shadow: 0px 0px 1px 1px #fff inset;	/*ボックスの影。右へ、下へ、ぼかし幅、距離。#fffは白のことでinsetは内側へ向けての影の指定。*/
	border-radius: 10px;	/*角丸のサイズ*/
}
/*box1内のメニューの設定*/
#sub .box1 .submenu {
	margin-bottom: 0px;
}
#sub .box1 .submenu li a {
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	background: #fff;	/*背景色*/
}
#sub .box1 .submenu li a:hover {
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	background: #dbebfb;	/*背景色*/
}

/*box1内のメニューの設定*/
#sub .box1 .submenu02 {
	margin-bottom: 0px;
}
#sub .box1 .submenu02 li a {
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	background: #fff;	/*背景色*/
}
#sub .box1 .submenu02 li a:hover {
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	background: #dbebfb;	/*背景色*/
}
.submenu02 table { width:100%}



/*フッター設定
---------------------------------------------------------------------------*/
/*footerボックス*/
footer {
	clear: both;overflow: hidden;
	border-top: 5px solid #2d8651;	/*上の線の幅、線種、色*/
	background: #444;	/*背景色*/
	color: #fff;		/*文字色*/
	padding-top: 20px;	/*上に空けるボックス内の余白*/
}
/*footer内のinner*/
footer .inner {
	padding: 0 50px;	/*上下、左右へのブロック内余白*/
}
/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover {
	color: #fff;
}
/*フッター内のh2タグ*/
footer h2 {
	font-size: 200%;	/*文字サイズ*/
	font-weight: normal;
	text-align: center;	/*内容をセンタリング*/
	letter-spacing: 0.1em;	/*文字間隔を少し広く*/
}
/*フッター内のaddress（電話番号ブロック）タグ*/
footer address {
	font-style: normal;
	background: #333;		/*背景色*/
	border-radius: 10px;	/*角丸の指定*/
	text-align: center;		/*内容をセンタリング*/
	line-height: 1.5;		/*行間*/
	padding: 5px;			/*ボックス内の余白*/
}
/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel {
	font-size: 40px;	/*文字サイズ*/
	background: url(../images/icon_tel.png) no-repeat left center / 30px;	/*電話番号アイコンの読み込み*/
	padding-left: 45px;	/*電話番号アイコンの幅をここで調整する*/
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	clear: both;overflow: hidden;
	font-size: 80%;	/*文字サイズを少し小さく*/
	margin-left: -1%;
	padding: 20px 0;
}
/*１列分の設定*/
#footermenu ul {
	float: left;	/*左に回り込み*/
	width: 24%;		/*今回は４列作ったので、下のmarginを含めて25%になるよう指定。５列にするならこの行は19%にする。*/
	margin-left: 1%;
}
/*メニュー１個あたりの設定*/
#footermenu ul li {
	padding: 0 10px;	/*上下、左右への余白*/
}
/*見出し*/
#footermenu li.title {
	font-weight: bold;	/*太字にする*/
	background: rgba(0,0,0,0.3);	/*背景色*/
	border-radius: 2px;	/*角丸のサイズ*/
}
/*リンクテキスト*/
#footermenu a {
	text-decoration: none;
	opacity: 0.6;	/*透明度。70%色がでた状態の事。*/
}
/*マウスオン時*/
#footermenu a:hover {
	opacity: 1;	/*透明度。100%色がでた状態の事。*/
}

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	clear: both;
	text-align: center;
	background: #333;	/*背景色*/
	color: #fff;		/*文字色*/
	padding: 20px;		/*ボックス内の余白*/
}
#copyright a {text-decoration: none;color: #fff;}
#copyright .pr {display: block;}



/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list {
	overflow: hidden;
	width: 28.4%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 1%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
}
.list a {
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;	/*ボックスのマージン。リンク設定する場合に、上の.listのpaddingを相殺するため。*/
	padding: 2%;	/*ボックス内の余白*/
	background: url(../images/arrow1.png) no-repeat right bottom / 40px;	/*リンク設定した際の右下の矢印マークの読み込み。right（右）、bottom（下）、40pxは画像の幅。*/
}
/*マウスオン時の設定*/
.list a:hover {
	position: relative;
	left: 1px;	/*マウスオン時に右に1px移動する*/
	top: 1px;	/*マウスオン時に下に1px移動する*/
}
/*h4（見出し）タグの設定*/
.list h4 {
	color: #1199c2;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}
/*p（段落）タグの設定*/
.list p {
	padding: 0 !important;
	line-height: 1.5;	/*行間を少し狭くする。デフォルトは最上部のbodyにあります。*/
	font-size: 90%;		/*文字サイズを少し小さく*/
	color: #333;		/*文字色*/
	height: 6em;		/*高さ。1.5emを１行分とカウントして下さい。6emなら４行です。*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}

/*list01ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list01 {
	overflow: hidden;
	width: 28.4%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 1%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
}


/*h4（見出し）タグの設定*/
.list01 h4 {
	color: #1199c2;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}
/*p（段落）タグの設定*/
.list01 p {
	padding: 0 !important;
	line-height: 1.5;	/*行間を少し狭くする。デフォルトは最上部のbodyにあります。*/
	font-size: 90%;		/*文字サイズを少し小さく*/
	color: #333;		/*文字色*/
	height: 6em;		/*高さ。1.5emを１行分とカウントして下さい。6emなら４行です。*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}

/*サムネイル画像の設定
---------------------------------------------------------------------------*/
.thumbnail {
	width: 70px;	/*サムネイル画像の幅*/
	margin: 5px;	/*画像同士に空けるスペース*/
	opacity: 0.7;	/*透明度。色が70%出た状態。*/
}
/*マウスオン時*/
.thumbnail:hover {
	opacity: 1;	/*透明度。色が100%出た状態。*/
}

/*box（info1.htmlやstaff.htmlで使っている枠色がついたタイプのボックス）
---------------------------------------------------------------------------*/
/*box*/
.box {
	overflow: hidden;
	border: 3px solid #1199c2;	/*枠線の幅、線種、色*/
	padding: 20px;				/*ボックス内の余白*/
	border-radius: 10px;		/*角丸のサイズ。この１行を削除すれば角のとれた長方形になります。*/
	margin-bottom: 20px;		/*ボックスの下に空けるスペース*/
}
/*box内のh4タグ*/
.box h4 {
	color: #1199c2;		/*文字色*/
	font-size: 130%;	/*文字サイズ*/
}
/*box内のpタグ*/
.box p {
	padding: 0 !important;
}
/*box内のfrとflスタイルのリセット*/
.box .fr,.box .fl {margin-bottom: 0;}

/*ページナビ（メインメニューの下にある、現在の階層を示すナビメニュー）
---------------------------------------------------------------------------*/
/*ナビブロック全体*/
.nav {
	background: #eee;		/*背景色*/
	padding: 10px 20px;		/*上下、左右へのボックス内の余白*/
	margin-bottom: 30px;	/*ボックスの下（外側）に空けるスペース*/
	margin-top: -30px;		/*メニューとの余白が空きすぎるので少し上につめる*/
	border-radius: 10px;	/*角丸の指定*/
}
/*メニュー１個あたりの指定*/
.nav li {
	display: inline;	/*横並びになる指定*/
	padding: 0 5px;		/*上下、左右への余白*/
}
/*メニューの冒頭に入れる「>」のマーク*/
.nav li::before{
	content: ">";			/*このテキストを出力します。変更してもかまいませんが機種依存文字は化ける場合があるので使わない。*/
	padding-right: 12px;	/*文字サイズ*/
	color: #999;			/*文字色*/
}
/*最初のメニューには「>」は入れない*/
.nav li:first-child::before {
	content: none;
}

/*ページ内メニュー（info.htmlで使用）
---------------------------------------------------------------------------*/
/*ブロック全体*/
.menu {
	overflow: hidden;
	margin-bottom: 20px;	/*下に空けるスペース*/
	text-align: center;		/*内容をセンタリング*/
	font-size: 120%;		/*文字サイズ*/
}
/*メニュー１個あたりの指定*/
.menu li {
	display: inline;	/*横並びになる指定*/
	border-right: 1px solid #999;	/*右側の線の幅、線種、色*/
}
.menu li a {
	padding: 10px;	/*メニュー内余白*/
	color: #999;	/*リンクテキストの文字色*/
}
/*最初のメニューへの追加指定*/
.menu li:first-child {
	border-left: 1px solid #999;	/*左側の線の幅、線種、色*/
}
/*現在表示中(current)と、マウスオン(hover)時の指定*/
.menu li.current a, .menu li a:hover {
	text-decoration: none;	/*リンクの下線を非表示にする*/
	color: #333;	/*文字色*/
}

/*よく頂く質問
---------------------------------------------------------------------------*/
/*外側ブロック*/
.faq {
	padding: 0px 20px;	/*上下、左右への余白*/
}
/*質問*/
.faq dt {
	color: #1199c2;		/*文字色*/
	font-weight: bold;	/*太字にする設定*/
	padding-left: 30px;	/*背景アイコンに重ならないよう左に余白を作る*/
	background: url(../images/faq_q.png) no-repeat left top / 30px;	/*「Q」アイコン*/
}
/*回答*/
.faq dd {
	padding-left: 30px;		/*背景アイコンに重ならないよう左に余白を作る*/
	margin-bottom: 20px;	/*ボックスの下側（外側）に空けるスペース*/
	padding-bottom: 20px;	/*ボックス内の下側に空けるスペース*/
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
	background: url(../images/faq_a.png) no-repeat left top / 30px;	/*「A」アイコン*/
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*テーブル１行目に入った見出し部分（※tamidashi）*/
.ta1 th.tamidashi {
	width: auto;
}
/*ta1設定*/
.ta1 {
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 20px;
}
.ta1, .ta1 td, .ta1 th {
	word-break: break-all;
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 10px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 200px;		/*幅*/
	text-align: center;	/*センタリング*/
}

/*テーブル（ta2）サブブロックの受付テーブルに使用。
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta2 caption {
	border: 1px solid #b7b7b7;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: center;
	background: #fff;		/*背景色*/
	color: #333;
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}
/*ta2設定*/
.ta2 {
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;	/*センタリング*/
	background: #fff;	/*背景色*/
	color: #333;
}
.ta2, .ta2 td, .ta2 th {
	word-break: break-all;
	border: 1px solid #b7b7b7;	/*テーブルの枠線の幅、線種、色*/
}
/*曜日*/
.ta2 th {
	background: #fffbe3;
}

/*btn（inputタグ用）
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

/*checkブロック。赤い注意書きブロックです。
---------------------------------------------------------------------------*/
p.check {
	background: #ff0000;
	color:#fff;
	padding: 10px 25px !important;
	margin-bottom: 20px;
	border-radius: 3px;
}
#sub p.check {padding: 5px 10px !important;}
p.check a {color: #fff;}

/*PAGE TOP（↑）設定
---------------------------------------------------------------------------*/
/*アニメーションのキーフレーム設定（変更不要）*/
@keyframes scroll {
0% {opacity: 0;}
100% {opacity: 1;}
}
/*デフォルトでは非表示に*/
body .nav-fix-pos-pagetop a {display: none;}
/*ボタンの設定*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
	display: block;text-decoration: none;text-align: center;z-index: 100;position: fixed;
	width: 60px;		/*幅*/
	line-height: 60px;	/*高さ*/
	bottom: 80px;		/*下から40pxの場所に配置*/
	right: 1%;			/*右から1%の場所に配置*/
	background: #2c8650;	/*背景色*/
	color: #fff;		/*文字色*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
	border-radius: 50%;		/*円形にする*/
	animation-name: scroll;	/*上のアニメーションで指定しているkeyframesの名前（scroll）*/
	animation-duration: 1S;	/*アニメーションの実行時間*/
	animation-fill-mode: forwards;	/*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
	background: #999;	/*背景色*/
}

/*ul.disc,olタグ
---------------------------------------------------------------------------*/
ul.disc {list-style: disc;padding: 0 20px 20px 45px;}
ol {padding: 0 20px 20px 45px;}
#sub ul.disc, #sub ol {padding: 0 0 0 20px;}

/*pdfアイコン
---------------------------------------------------------------------------*/
a[href$=".pdf"]{
	display: inline-block;
	background: url(../images/PDF_32.png) no-repeat right center;
	padding: 5px 40px 5px 0px;
}

/*「NEW」アイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 70%;		/*文字サイズ*/
	line-height: 1.5;
	padding: 2px 5px;
	border-radius: 2px;
	margin: 0px 5px;
	vertical-align: text-top;
}
/*24時間レンタルタイトル
---------------------------------------------------------------------------*/

.title_erabareru{ height:78px; padding:20px 0px 0px 160px; background-image:url(../images/title01_07.jpg); font-size:28px; font-weight:bold; color:#00299d;}
.title_erabareru02{ height:78px; padding:20px 0px 0px 160px; background-image:url(../images/title02_11.jpg); font-size:28px; font-weight:bold; color:#00299d;}
.title_erabareru03{ height:78px; padding:20px 0px 0px 160px; background-image:url(../images/title03_11.jpg); font-size:28px; font-weight:bold; color:#00299d;}
.title_erabareru04{ height:78px; padding:20px 0px 0px 160px; background-image:url(../images/title04_11.jpg); font-size:28px; font-weight:bold; color:#00299d;}
.title_erabareru05{ height:78px; padding:20px 0px 0px 160px; background-image:url(../images/title05_11.jpg); font-size:28px; font-weight:bold; color:#00299d;}
.box_erabareru{ width:100%;}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding-left: 20px;
	margin-bottom: 20px;
	height: 300px;	/*高さ*/
	overflow: auto;	/*上で設定した高さを超えた場合にスクロールを出す設定。全部表示させていたいなら、この行と上の高さの行を削除する。*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;		/*幅*/
	color: #353baf;	/*文字色*/
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 7em;
	border-bottom: 1px solid #eee;	/*下線の幅、線種、色*/
}
#new p{ font-weight:900;
}

/*貸切バス　様々な用途
---------------------------------------------------------------------------*/
/* ボックスの左右 */
.box6	{padding-top: 20px; padding-bottom:20px; padding-left: 15px;
	padding-right: 15px}



.box6-1, .box6-2
	{padding-bottom: 5px;
	height:380px;
	}
.box9-1, .box9-2
	{padding-bottom: 5px;
	height:400px;
	
	}
.box10-1, .box10-2
	{padding-bottom: 5px;
	height:200px;
	}
	
.box11-1, .box11-2
	{padding-bottom: 5px;
	height:600px;
	}


.qa_box {	
    padding: 0.5em 1.5em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #1199c2;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}


.qa_box_in{ width:100%; font-size:14px; line-height:22px; padding:10px 0px 0px 0px;}

.qa_box_img{ width:48%; float:left; padding:10px 10px 0px 0px;}
.qa_box_text{ width:45%; float:left; padding:10px 10px 0px 0px;}
 
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.qa_title001 {padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #1199c2 ; font-size:20px;}

.qa_title001 a {color:#0066CC; font-weight:900; text-decoration:none;}
.osusume_txt_s{ font-size:12px;}



/*エリアタイトルの設定
---------------------------------------------------------------------------*/
.title03 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 120%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #2c8650;	/*背景色*/
	border-radius: 20px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}


.area { font-size:1.2em; line-height: 1.5;	/*行間を少し狭く*/
}

/*QAタイトル
---------------------------------------------------------------------------*/
#faq_service h4{ padding:13px 0px 13px 80px; background-image:url(../images/title03_18.jpg); background-repeat: no-repeat; font-size:20px; font-weight:bold; color:#000;}

#faq_service p{ padding:13px 0px 10px 80px; background-image:url(../images/title04_18.jpg); background-repeat: no-repeat; font-size:16px; font-weight:100; color:#000;}

/*お部屋の片付け
---------------------------------------------------------------------------*/
#kataduke li{ list-style-type: square; }
#kataduke ul{ padding: 0px 20px 20px 40px;}

/*お部屋の片付け listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list_k {
	overflow: hidden;
	width: 26.4%;	/*幅*/
	float: left;	/*左に回り込み*/
	margin: 0 0 20px 2%;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 2%;	/*ボックス内の余白*/
	border-radius: 3px;	/*角丸のサイズ。ほんの少し角が丸くなってます。*/
}
.list_k a {
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;	/*ボックスのマージン。リンク設定する場合に、上の.listのpaddingを相殺するため。*/
	padding: 2%;	/*ボックス内の余白*/
	background: url(../images/arrow1.png) no-repeat right bottom / 40px;	/*リンク設定した際の右下の矢印マークの読み込み。right（右）、bottom（下）、40pxは画像の幅。*/
}
/*マウスオン時の設定*/
.list_k a:hover {
	position: relative;
	left: 1px;	/*マウスオン時に右に1px移動する*/
	top: 1px;	/*マウスオン時に下に1px移動する*/
}
/*h4（見出し）タグの設定*/
.list_k h4 {
	color: #1199c2;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: 2em;		/*高さ*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
}
/*p（段落）タグの設定*/
.list_k p {
	padding: 0 !important;
	line-height: 1.5;	/*行間を少し狭くする。デフォルトは最上部のbodyにあります。*/
	font-size: 90%;		/*文字サイズを少し小さく*/
	color: #333;		/*文字色*/
	height: 2em;		/*高さ。1.5emを１行分とカウントして下さい。6emなら４行です。*/
	overflow: hidden;	/*高さを超えた場合に非表示にする*/
	text-align:center;
}

/*不用品回収　
---------------------------------------------------------------------------*/
.back_huyouhinn { background-color:#d6e3fd; padding:10px;}
.title04 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 130%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #427aea;	/*背景色*/
	line-height:3em;
	
}
/*サービス一覧
---------------------------------------------------------------------------*/
.btn_syousai{background-color:#437aec; color:#FFFFFF; font-size:18px; font-weight:500; border-radius:8px; padding:5px 15px 5px 15px;}

.btn_syousai a { color:#FFF;}
	
.btn_syousai a:hover {  opacity: 0.7;}

/*会社概要
---------------------------------------------------------------------------*/
.text_photo_box	{padding-top: 20px;
	padding-bottom: 20px}

.text_photo_box	h2	{padding-left: 10px; margine-top: 40px; border-left:solid 10px #ff6f5c; border-bottom:solid #CCC 1px;}
.text_photo_box img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
/*** 　テーブル ***/
.shokai{
  width:100%;
  border: 2px solid #d6ceb4;
  padding:0px 0px 10px 0px;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.shokai th{
  padding:  6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}

/*** フォーム ***/
input[type="text"] {
 line-height: 1;
 padding: 0.4em 0.6em;
 border: 1px solid #999;
 border-radius: 0.5em;
 letter-spacing: 1px;
 box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;
 font-size: inherit;
 width:80%;
}

input[type="text"]:disabled {
 background-color: #eee;
 box-shadow: none;
}

input[type="number"] {
 line-height: 1;
 padding: 0.4em 0.6em;
 border: 1px solid #999;
 border-radius: 0.5em;
 letter-spacing: 1px;
 box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;
 font-size: inherit;
 width:10%;
}

input[type="number"]:disabled {
 background-color: #eee;
 box-shadow: none;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
select {
 line-height: 1;
 padding: 0.4em 0.6em;
 border: 1px solid #999;
 border-radius: 0.5em;
 letter-spacing: 1px;
 box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;
 font-size: inherit;
}

select:disabled {
 background-color: #eee;
 box-shadow: none;
}

textarea {
 line-height: 1;
 padding: 0.4em 0.6em;
 border: 1px solid #999;
 border-radius: 0.5em;
 letter-spacing: 1px;
 box-shadow: inset 0.2em 0.2em 0.2em #ccc;
 background-color: #fff;
 font-size: inherit;
 width:80%;
}

textarea:disabled {
 background-color: #eee;
 box-shadow: none;
}

/*粗大ごみ　時間　テーブル
---------------------------------------------------------------------------*/

.stime{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

.stime th:first-child{
  border-radius: 5px 0 0 0;
}

.stime th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.stime th{
  text-align: center;
  color:white;
  background: linear-gradient(#5da31a,#366b03);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px 0;
}

.stime td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px 0;
}

.stime td:last-child{
  border-right: 1px solid #a8b7c5;
}

.stime tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.stime tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/*ごみ目次　テーブル
---------------------------------------------------------------------------*/

.word{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-weight:bold;
}

.word th:first-child{
  border-radius: 5px 0 0 0;
}

.word th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.word th{
  text-align: center;
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
 
  width: 20%;
  padding: 0px 0;
}

.word td{
  text-align: center;
  border-left: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  width: 20%;
  padding: 0px 0;
}

.word td:last-child{
  border-right: 1px solid #3c6690;
}

.word tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.word tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}



.word th a{
	display:block;
	width:100%;
	color:#000000;
	border-bottom:none;
	text-decoration:none;
}
.word th a:hover{
	display:block;
	background:#1d5c36;
	color:#FFFFFF;
}
.word th.selectOn{ background:#1d5c36; color:#FFFFFF; }

.word td a{
	display:block;
	width:100%;
	color:#000000;
	border-bottom:none;
	text-decoration:none;
}
.word td a:hover{
	display:block;
	background:#1d5c36;
	color:#FFFFFF;
}
.word td.selectOn{ background:#1d5c36; color:#FFFFFF; }



/* JNグループの紹介 */
.box6 {padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom:20px}
.box6 h2 {padding-left: 10px; margine-top: 40px; border-left:solid 10px #26478c; border-bottom:solid #CCC 1px;}

.box6-1, .box6-2　{padding-bottom: 5px; }
.box10-1, .box10-2　{padding-bottom: 5px; }
.box11-1, .box11-2　{padding-bottom: 5px; }

.osusume_box {	
    padding: 0.5em 1.5em;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 1px #dfdfdf;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	height:130px;
	}

.osusume_title001 {padding-left:0px; margine-top: 40px;  border-bottom:dotted #70a803 1px; font-size:18px; font-weight:700; margin-bottom:10px; text-decoration:none;}
.osusume_title001 a{text-decoration:none; color:#039;}

.osusume_txt{ color:#26478c; font-size:28px; font-weight:bold;}

.osusume_box_in{ width:100%; line-height:22px; }

.osusume_box_img{ width:20%; float:left; padding:0px 10px 0px 0px;}

.osusume_box img {max-width: 100%;
 height: auto;
 vertical-align: bottom}
 
 /*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/
#new dl {
	padding: 0px 20px;	/*上下、左右へのブロック内の余白*/
	margin-bottom: 20px;	/*ブロックの下(外側)に空ける余白*/
}
/*日付設定*/
#new dt {
	float: left;
	width: 9em;
	letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
	padding-left: 9em;
	border-bottom: 1px solid #ccc;	/*下線の幅、線種、色*/
}

/*記事タイトル*/
#new p {
	
	margin-left:0px;
	padding-left:0px;	
	
}

 
 /*btn（inputタグ用）
---------------------------------------------------------------------------*/
input[type="submit"].btn,
input[type="button"].btn,
input[type="reset"].btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
	
}
/*マウスオン時の設定*/
input[type="submit"].btn:hover,
input[type="button"].btn:hover,
input[type="reset"].btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}

.btn_submit{background-color:#000; color:#FFFFFF; font-size:24px; font-weight:500; border-radius:3px; padding:8px 15px 8px 15px; border-radius: 0.5em;}

.form_box{
	width:100%; text-align:center}
	
/*サイドバナーブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.sidebn {
	overflow: hidden;
	width: 96%;	/*幅*/
	margin: 10px 0px 15px 0px;	/*上、右、下、左へのボックスの外側に空けるスペース*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);	/*ボックスの影。右へ、下へ、ぼかし幅、色。0,0,0は黒の事で、0.1は色が10%出た状態。*/
	padding: 2%;	/*ボックス内の余白*/
	
}
.sidebn a {
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;	/*ボックスのマージン。リンク設定する場合に、上の.sidebnのpaddingを相殺するため。*/
	padding: 2%;	/*ボックス内の余白*/
}
/*マウスオン時の設定*/
.sidebn a:hover {
	position: relative;
	left: 1px;	/*マウスオン時に右に1px移動する*/
	top: 1px;	/*マウスオン時に下に1px移動する*/
}
/*貸切バス　お問い合わせ
---------------------------------------------------------------------------*/

.contact-list {
	width:80%;
	height:100%;
	*text-align: center;
	padding:0px 0px 20px 120px;
	position: relative;

}

.contact-list dl { 
  float: right;
  width: 100%;
  height: auto;
  padding: 1%;
  margin: 0px 10px 10px 10px;  
  background-color: #1540b3;
  border: 2px solid #1540b3;
  border-radius: 3px;
  color:#FFFFFF;
  text-align:center;}
  
.contact-list dt { margin:0px 0px 0px 0px; padding:11px 0px 30px 0px;font-size: 16px; background-color:#FFFFFF; float:left; width:54%; height:100%;}
.contact-list dd { margin:0px 0px 0px 0px; padding:2px 0px 4px 0px;font-size: 16px; background-color:#FFFFFF; float:right; width:46%; height:100%; color:#000; font-weight:900; line-height:30px}
.contact-txt{ color:#fff; font-size:24px; font-weight:900; text-align:center;}
.contact-txtred{ color:#FF0000; font-size:24px; font-weight:900; text-align:center;}
.contact-img01{ padding:0px 0px 16px 0px;  float:left;}
.contact-img02{ padding:0px 0px 11px 0px;  float:left; }
.contact-img02 img{ width:100%;}
/*吹き出し*/
.fukidashi01 {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 5px;
  left: 100px;
}
/*貸切バス
---------------------------------------------------------------------------*/
/*吹き出し*/
.hukidashi02 {
  position: relative;
  display: inline-block;
  margin: 0.5em 20px;
  padding: 0px;
  min-width: 95%;
  max-width: 95%;
  color: #fff;
  font-size: 30px;
  background: #a40000;
  font-weight:bold;
  text-align:center;
  border-radius: 10px;
}

.hukidashi02:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid  #a40000;
}

.hukidashi02 p {
  margin: 0;
  padding: 0;
}
/*吹き出し（青）*/
.hukidashi03 {
  position: relative;
  display: inline-block;
  margin: 0.5em 20px;
  padding: 0px;
  min-width: 95%;
  max-width: 95%;
  color: #fff;
  font-size: 30px;
  background: #0039bb;
  font-weight:bold;
  text-align:center;
  border-radius: 10px;
}

.hukidashi03:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid  #0039bb;
}

.hukidashi03 p {
  margin: 0;
  padding: 0;
}
/*ボックス*/
.box100 {
    padding: 0.5em 1em;
    margin: 0em 25px;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align:center;
	width:88%;
	font-size:30px;
	
　　
}
.box100 p {
    margin: 0; 
    padding: 0;
}
/*ボックス(左寄せ)*/
.box200 {
    padding: 0.5em 1em;
    margin: 0em 25px;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align:left;
	width:88%;
	font-size:30px;
	
　　
}
.box200 p {
    margin: 0; 
    padding: 0;
	font-size:14px;
	line-height:20px;
	 font-weight: 300;
}





/*貸切バス　女子会
---------------------------------------------------------------------------*/
/* ボックスの左右 */
.box7	{padding-top: 0px; padding-bottom:20px; padding-left: 3px;
	padding-right: 3px}



.box7-1, .box7-2
	{padding-bottom: 5px;
	height:180px;
	
	}


.kashi_box {	
    padding: 0.5em 0.5em;
    margin: 2em 0;
    color: #5d627b;
    background: #fdf5f3;
    border: solid 5px #efaeb6;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}


.kashi_box_in{ width:100%; font-size:14px; line-height:22px; padding:10px 0px 0px 0px; }

.kashi_box_img{ width:50%; float:left; padding:3px 10px 0px 0px;}


 
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.kashi_title002 { color:#ef374e; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #efaeb6 ; font-size:20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
/* 詳細 */
.btn_syousai02{background-color:#fa7182; color:#FFFFFF; font-size:16px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai02 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai02 a:hover {  text-decoration: none;  opacity: 0.7;}
/* 安全マネージメント */
.btn_anzen{background-color:#0039bb; color:#FFFFFF; font-size:20px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px; }

/*貸切バス 体験レポート
---------------------------------------------------------------------------*/
.kashi_box02 {	
    padding: 0.5em 0.5em;
    margin: 2em 0;
    color: #5d627b;
    background: #fafdf4;
    border: solid 5px #9ec64b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}

.kashi_title003 { color:#81ae25; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #9ec64b ; font-size:20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
/* 詳細 */
.btn_syousai03{background-color:#9ec64b; color:#FFFFFF; font-size:16px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai03 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai03 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 貸切バス種類　 */
/* ボックスの左右 */
.photo_text_box2
       {padding-left: 15px;
	padding-right: 15px}
/* ボックスの上下 */
.photo_text_box2{padding-top: 20px;
	padding-bottom: 20px}

.photo_leftbox {padding-bottom: 20px}

.photo_text_box2 img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
	
.text_photo_box2 {padding-top: 20px;
	padding-bottom: 20px}

.photo_rightbox	{padding-bottom: 20px; padding-top:5px; }

.order_box_img {
    width:100%;
    }

.order_box_bigimg {
    width: 100%;
}

.order_box_bigimg ul {
    width: 100%;
    float: left;
	margin-left: 0px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
	list-style: none;
}

.order_box_bigimg li{float:left; margin-right:2px; margin-bottom:5px; width:19%; }

.ninzuu { width: 20%; }
.naiyou { width: 75%; }

table.syousai { width: 100%; border-collapse: collapse;}

.syousai th, .syousai td {
  border: solid 1px #888888;
 }
 
.txt_s{ font-size:12px;}
/* 座席表をダウンロードする */
.btn_syousai03{background-color:#0039bb; color:#FFFFFF; font-size:16px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai03 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai03 a:hover {  text-decoration: none;  opacity: 0.7;}

/*貸切バス　使えるお出かけスポット
---------------------------------------------------------------------------*/
/* ボックスの左右 */
.box8	{padding-top: 0px; padding-bottom:20px; padding-left: 3px;
	padding-right: 3px}
	
.box8:after	{content: "";
	display: block;
	clear: both}

/* テーマパーク */
.box8-1	{padding-bottom: 5px; width: 48%; float: left; margin-right: 2%}


.odekake_box {	
    padding: 0.5em 0.5em;
    margin: 1em 0;
    color: #5d627b;
    background: #fdf5f3;
    border: solid 5px #efaeb6;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
		
	}


.odekake_box_in{ width:100%; font-size:14px; line-height:22px; padding:10px 0px 0px 0px; }

.odekake_box_img{ width:100%; float:left; padding:3px 10px 0px 0px;}

.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.odekake_title001 { color:#ef374e; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #efaeb6 ; font-size:12px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height:17px;
}

.btn_syousai04{background-color:#fa7182; color:#FFFFFF; font-size:10px; font-weight:500; border-radius:5px; padding:3px 8px 3px 8px;}

.btn_syousai04 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai04 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 遊ぶ */
.box8-2	{padding-bottom: 5px; width: 48%; float: left; margin-right: 2%}

.odekake2_box {	
    padding: 0.5em 0.5em;
    margin: 1em 0;
    color: #5d627b;
    background: #fafdf4;
    border: solid 5px #9ec64b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}

.odekake_title002 { color:#81ae25; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #9ec64b ; font-size:12px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height:17px;
}

.btn_syousai05{background-color:#9ec64b; color:#FFFFFF; font-size:10px; font-weight:500; border-radius:5px; padding:3px 8px 3px 8px;}

.btn_syousai05 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai05 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 体験する */
.box8-3	{padding-bottom: 5px; width: 48%; float: left; margin-right: 2%}

.odekake3_box {	
    padding: 0.5em 0.5em;
    margin: 1em 0;
    color: #5d627b;
    background: #ebf0fa;
    border: solid 5px #164dca;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}

.odekake_title003 { color:#164dca; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #164dca ; font-size:12px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height:17px;
}

.btn_syousai06{background-color:#164dca; color:#FFFFFF; font-size:10px; font-weight:500; border-radius:5px; padding:3px 8px 3px 8px;}

.btn_syousai06 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai06 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 温泉・宿泊施設 */
.box8-4	{padding-bottom: 5px; width: 48%; float: left; margin-right: 2%}

.odekake4_box {	
    padding: 0.5em 0.5em;
    margin: 1em 0;
    color: #5d627b;
    background: #fff3ea;
    border: solid 5px #ff790c;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}

.odekake_title004 { color:#ff790c; padding-left: 5px;  margine-top: 40px;  border-bottom:dotted #ff790c ; font-size:12px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); line-height:17px;
}

.btn_syousai07{background-color:#ff790c; color:#FFFFFF; font-size:10px; font-weight:500; border-radius:5px; padding:3px 8px 3px 8px;}

.btn_syousai07 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai07 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 子供会おすすめスポット */
.osusume02_box {	
    padding: 0.5em 1.5em;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 1px #dfdfdf;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	height:130px;
	}

.osusume02_title001 {padding-left:0px; margine-top: 40px;  border-bottom:dotted #70a803 1px; font-size:18px; font-weight:700; margin-bottom:10px; color:#03C;}
.osusume02_title001 a{ color:#03C; font-weight:900; text-decoration:none;}

.osusume02_txt{ color:#26478c; font-size:28px; font-weight:bold;}

.osusume02_box_in{ width:100%; line-height:22px; }

.osusume02_box_img{ width:40%; float:left; padding:0px 10px 0px 0px;}

.osusume02_box img {max-width: 100%;
 height: auto;
 vertical-align: bottom}
.osusume02_box { height:auto; }
.osusume02_txt_s{ font-size:12px;}

/* 企業研修旅行 おすすめ */
.osusume03_box {	
    padding: 0.5em 1.5em;
    margin: 1em 0;
    color: #5d627b;
    background: white;
    border-top: solid 1px #dfdfdf;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	
	}
.osusume03_box img {max-width: 100%;
 height: auto;
 vertical-align: bottom}
.osusume03_box { height:auto; }

/* 結婚式送迎 */

.title_w001{
	font-size:24px;
	font-weight:800;
	color:#666;
	border-bottom: solid thin #CCC;
	}
.txt_color_g{ color:#81d8d0}

.txt_color_p{ color:#f76080; }

.txt_color_fg{ color:#70a803; }

.title_w002{
	font-size:20px;
	font-weight:800;
	color:#666666;
	line-height:20px;
	padding:20px 0px 0px 5px;
}
.title_w002_s {
	font-size:12px;
	line-height:20px
	color:#888;
	font-weight:300;
	
	
    }

dl.wedding_001{  
  font-weight : bold;
}

.wedding_001 dt{
  padding-top : 10px;    
  padding-bottom : 10px;
  padding-left : 10px;
  padding-right : 10px;
  float : left;/* 左に寄せる */
  *clear : both;/* フロートの解除 */
  font-size:20px;
  font-weight:800;
  color:#81d8d0;
  line-height:20px;
}

.wedding_001 dd{
  padding-top : 10px;
  padding-left : 28px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-size:20px;
  font-weight:800;
  color:#666666;
  line-height:20px;
 
}

.section_w {
	
    border: solid #eee 1px;
    border-top: 3px solid #81D8D0;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
	}

.section_w_in{
	width:100%;
	height:auto;
	padding:20px 0px 10px 10px;
	margine:0px 0px 0px 0px;
	
	}
.title007 { border-bottom: #81d8d0 solid 2px; 
    border-top: #81d8d0 solid 2px;	
	width:95%;	
	padding:12px 0px 10px 10px;
	font-size:18px;
	font-weight:500;
	color:#666666;
}
.course-list {
	width:100%;
	height:100%;
	padding:10px 0px 0px 0px;
	
}

dl.arrow { float: left; width: 3%; vertical-align: central; padding-top:40px; height:auto;}

dl.course001  { 
  float: left;
  width: 30%;
  height: auto;
  padding: 1%;
  margin: .8em 5% 5% 5%;
  text-align: center;
  line-height:15px;
  background-color: #81d8d0;
  border: 2px solid #81d8d0;
  border-radius: 3px;}
.course001 dt { *border-bottom: 1px dotted #069; color:#FFF; font-weight:900; margin:0px 0px 5px 0px;}
.course001 dd { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;font-size: .8em; background-color:#FFFFFF;}
table.w_price {
  width: 97%;
  margin-bottom: 20px;
  border: solid #eee;
  border-width: 1px;
  border-collapse: collapse;
  border-spacing: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.w_price th, .w_price td {
    padding: 10px;
    vertical-align: top; }
.w_price th {
    text-align: left;
    background: #f5f5f5;
    border: #eee solid;
    border-width: 0 1px 1px 1px;
    font-weight: bold;
    vertical-align: top; }
.w_price td {
    background: #fff;
    border: 1px #eee solid;
    border-width: 0 1px 1px 0;
    text-align: left; width:25%;}
.w_price a {
    text-decoration: underline; }
.big {
    font-size: 18px;
    font-weight: bold; }
.price{
    font-size: 25px;
    font-weight: bold;
    color: #EA5F99; }

.section_c {
	
    border: solid #eee 1px;
    border-top: 3px solid #1540b3;
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
	}

.title_cen { border-bottom: #1540b3 solid 2px; 
    border-top: #1540b3 solid 2px;	
	width:95%;	
	padding:12px 0px 10px 10px;
	font-size:18px;
	font-weight:500;
	color:#666666;
}

.title006 {	
	padding:0px 0px 0px 10px;
	font-size:24px;
	font-weight:500;
	color:#666;
	border-bottom:#CCCCCC thin solid;
}

dl.course_cen  { 
  float: left;
  width: 30%;
  height: auto;
  padding: 1%;
  margin: .8em 5% 5% 5%;
  text-align: center;
  line-height:15px;
  background-color: #1540b3;
  border: 2px solid #1540b3;
  border-radius: 3px;}
.course_cen dt { *border-bottom: 1px dotted #069; color:#FFF; font-weight:900; margin:0px 0px 5px 0px;}
.course_cen dd { margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;font-size: .8em; background-color:#FFFFFF;}


/*レンタルバス
---------------------------------------------------------------------------*/
.photo_text_box2{padding-top: 20px;
	padding-bottom: 20px}
	
.photo_text_box	h2	{padding-left: 10px; margine-top: 40px; border-left:solid 10px #ff6f5c; border-bottom:solid #CCC 1px;}

.photo_leftbox {padding-bottom: 20px}

.photo_text_box img .photo_text_box2 img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
	
.text_photo_box	{padding-top: 20px;
	padding-bottom: 20px}

.text_photo_box	h2	{padding-left: 10px; margine-top: 40px; border-left:solid 10px #ff6f5c; border-bottom:solid #CCC 1px;}

.text_leftbox	{padding-bottom: 20px; padding-top:5px; }

.photo_rightbox	{padding-bottom: 20px; padding-top:5px; }

.text_photo_box img	{max-width: 100%;
	height: auto;
	vertical-align: bottom}
.can_rental{ text-align:center; background-color:#fdf4b9; color:#000; font-size:24px; font-weight:bold; padding:8px; margin-bottom:20px; line-height:28px}
 
.can_rental_right{ background-color:#fff; color:#FF0000; padding:5px; font-size:28px;}

.can_rental_right_txt{ color:#000000; font-size:18px; }	
.can_rental_right_txt_line{ color:#000000; font-size:18px; text-decoration: line-through; }	
table.seatcover_price{ text-align:center; width:100%; line-height:20px;}

.seatcover_price01 td{ width:40%; text-align:left; }
.seatcover_price02 td{ width:10%; text-align:left;}
.seatcover_price03 td{ width:50%; text-align:left;}
.seatcover_txt12{ color:#000000; font-size:12px; text-align:left; }	
.seatcover_txt15_n{ color:#000000; font-size:20px; text-align:left; text-decoration: line-through;}	
.seatcover_txt15{ color:#000000; font-size:20px; text-align:left; }	
.text_15{ font-size:18px;}





/* レンタルバス 価格表　 */

table.rentalbus_price { width: 100%; border-collapse: collapse; margin-top:20px;}
.rentalbus_price th, .rentalbus_price td {
  border: solid 1px #888888; }

.rentalbus_price td {
	text-align:right; }

.rentalbus_price thead { background-color:#f19b5b;}
table.syousai { width: 100%; border-collapse: collapse;}

.syousai th, .syousai td {
  border: solid 1px #888888;
 }
/* レンタルバスご利用の流れ */


.box_kbtn	{padding-top: 20px; }
.box_kbtn1, .box_kbtn2
	{background: #e24912;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e24912, #ff6f40);	/*グラデーション*/
	color: #fff;	/*文字色*/
	font-size:18px; font-weight:500; border-radius:8px; padding:10px 0px 10px 0px; text-align:center; margin-bottom:10px;}

.box_kbtn1 a, .box_kbtn2 a	{
 color:#FFFFFF; font-size:18px; font-weight:800; border-radius:8px; 	
	text-decoration: none;}
.box_kbtn1 a:hover, .box_kbtn2 a:hover	{
 color:#FC9; font-size:18px; font-weight:800; border-radius:8px;
	text-decoration: none;}

.box_kbtn3
	{background: #e24912;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e24912, #ff6f40);	/*グラデーション*/
	color: #fff;	/*文字色*/
	font-size:18px; font-weight:500; border-radius:8px; padding:5px 0px 5px 0px; text-align:center; margin-bottom:10px;}

.box_kbtn3 a	{
 color:#FFFFFF; font-size:18px; font-weight:800; border-radius:8px; 	
	text-decoration: none;}
.box_kbtn3 a:hover	{
 color:#FC9; font-size:18px; font-weight:800; border-radius:8px;
	text-decoration: none;}

/*アイコン　共通*/
.icon {
	display: inline-block;
	margin: 70px 0px 0px 0px;
	font-size: 20px;	/*文字サイズ*/
	padding: 10px 15px 10px 15px;		/*ボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	color:#fff;
	width:40%;
	text-align:center;
}
.icon2 {
	display: inline-block;
	margin: 30px 0px 0px 0px;
	font-size: 20px;	/*文字サイズ*/
	padding: 10px 15px 10px 15px;		/*ボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
	color:#fff;
	width:95%;
	text-align:center;
}
.icon2 a:hover {
	opacity: 0.7;
	
}
/*アイコン色付き（赤）*/
.color1 {
	border: 1px solid #067733;	/*枠線の幅、線種、色*/
	background: #2c8650;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#2c8650, #3fa869);	/*グラデーション*/
	color: #fff;	/*文字色*/
}

.color1 a {
	text-decoration: none;
	color:#fff;
}

/* レンタルツール */
.l_ninzuu { width: 30%; background-color:#ccd6ec; text-align:center; }
.l_price { width: 65%; background-color:#ccd6ec; text-align:center; }
.l_kikan{ text-align:center; }
.l_kakaku{ text-align:right; font-size:24px; font-weight:900; color:#F00;}
.l_kakaku_n{ text-align:right; font-size:24px; font-weight:900; color:#F00; text-decoration: line-through;}
.l_come{ width: 20%; background-color:#ccd6ec; text-align:center; }
.l_comment{ font-size:12px;}
.l_left{ text-align:left;}
table.l_syousai { width: 100%; border-collapse: collapse; margin-bottom:20px;}
.l_syousai th, .l_syousai td {
  border: solid 1px #888888;
 }
table.l_hoken { width: 100%; border-collapse: collapse; margin-bottom:20px;}
.l_hoken th, .l_hoken td {
  border: solid 1px #888888;
 }
 
 /* レンタルトラック 価格表　 */

table.tru_r_price { width: 100%; border-collapse: collapse; margin-top:0px; margin-bottom:15px;}
.tru_r_price th, .tru_r_price td {  border: solid 1px #888888; }
.tru_r_price thead { background-color:#add0f3;}
.tru_r03{ background-color:#0154a8; color:#FFFFFF; font-weight:bold; text-align:center;}
.tru_r04{ background-color:#0154a8; color:#FFFFFF; font-weight:bold; text-align:center;}
.tru_r05{ color:#000; font-weight:100; text-align:right;}
.tru_r06{ font-size:18px; font-weight:900}

/* box_ bbtn1、box_bbtn2　画像バナー*/
.box_bbtn,{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom:20px}
.box_bbtn1, .box_bbtn2	{color:#FFFFFF; font-size:18px; font-weight:500;  padding:20px 0px 20px 0px; text-align:center; margin-bottom:10px;}

.box_bbtn1 a, .box_bbtn2 a	{ color:#FFFFFF; font-size:18px; font-weight:800; text-decoration: none;}
.box_bbtn1 a:hover, .box_bbtn2 a:hover	{ color:#FC9; font-size:18px; font-weight:800; text-decoration: none;}

/* シートカバー　box_ scbtn1、box_sctn2を横に並べる設定 */
.box_scbtn	{padding-top: 10px; padding-bottom:5px;}
.box_scbtn1, .box_scbtn2
	{color:#000; font-size:12px; font-weight:500; border-radius:8px; padding:10px 0px 10px 0px; text-align:center; background-color:#c5c5c5; margin-bottom:10px; line-height:20px;  text-decoration: none; width:auto;	}

.box_scbtn1 a, .box_scbtn2 a	{
 color:#000; font-size:12px; font-weight:800; border-radius:8px; text-decoration: none; width:auto;}
.box_scbtn1 a:hover, .box_scbtn2 a:hover	{
 color:#e3e3e3; font-size:12px; font-weight:800; border-radius:8px;
	text-decoration: none;	width:auto;	}

table.syousai { width: 100%; border-collapse: collapse;}

.syousai th, .syousai td { border: solid 1px #888888; text-align:left; }
.ninzuu { width: 20%;}

/* シート生地　詳細*/
.sheet202 li{ float:left; margin-bottom:10px;}
#colorSample01 li{ padding:2px; border:solid 1px #474747; margin-right:3px; list-style: none;  }
#colorSample01 p{ padding:0px; margin:0px;}

/* シート生地　詳細 追加*/
.sheetacpb li{ float:left; margin-bottom:10px; width:18%;}
#colorSampleacpb li{ padding:2px; border:solid 1px #474747; margin-right:3px; list-style: none; font-size:12px; line-height:15px; }
#colorSampleacpb p{ padding:5px; margin:0px; background-color:#000099; color:#FFFFFF; font-size:17px;}

/* カーペット */ 
#price1{ margin-bottom:30px;}
#price1 table{ width:100%; border:#C1BBBB 1px solid; border-collapse:collapse;}
#price1 table th{ border:#D1D0D0 1px solid; border-collapse:collapse; background-color:#4A4848; color:#FFFFFF; font-size:14px;}
#price1 table td{ border:#747171 1px solid; border-collapse:collapse; padding:10px;}


/*ウイルス対策
---------------------------------------------------------------------------*/

.v_title01{ background-color:#CC0000; font-size:28px; color:#FFF; text-align:center; padding:5px 0px 5px 0px;}
.title_koukin02{
	
	line-height:2em;
	font-size:31px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color:#000;
	border-bottom:solid thin ;
	font-weight:900;
}
.p_carmane_v {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	clip: rect(auto,auto,20px,auto);
	font-size: large;
	line-height: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_koukin03{
	
	line-height:2em;
	font-size:28px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color:#000;
	font-weight:900;
	
}
.orderTxtunder01{
	line-height:1.6em;
	font-size:16px;
	text-align:left;
	
}
.title_koukin04{
	
	line-height:2em;
	font-size:24px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color: #F00;
	font-weight:900;
	
}

/*ボックス.list_kaigo）設定
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#main .list_kaigo {
	position: relative;overflow: hidden;
	margin-bottom: 20px;	/*ボックス同士の上下間の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 20px;	/*ボックス内の余白。変更する際は、下の「#main .list_kaigo a」のmarginとpaddingの数字も変更する。*/
	background: linear-gradient(#FFF, #eee);	/*グラデーション*/
	box-shadow: 0px 2px 5px #ccc;	/*影の設定。右・下・ぼかし幅・色の設定*/
}

/*ボックス内の画像設定*/
#main .list_kaigo .img {
	width: 20%;	/*画像の幅*/
	float: left;
	margin-right: 10px;
}
/*ボックス内のh4（見出し）タグ設定*/
#main .list_kaigo h4 {
	font-size: 18px;	/*文字サイズ*/
	color: #8f4099;		/*文字色*/
	line-height:20px;
	padding-bottom:15px;
}
/*ボックス内のp（段落）タグ設定*/
#main .list_kaigo p {
	padding: 0; line-height:18px;
}
/*ボックス内の写真設定*/
#main .list_kaigo figure img {
	float: left;			/*画像を左へ回り込み*/
	width: 30%;	/*画像の幅*/
	background: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-right: 1%;		/*写真の右側に空ける余白*/
}
/*ボックス内のh4タグ設定*/
#main .list_kaigo h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #8962ad;	/*左側の線の幅、線種、色*/
	margin-bottom: 15px;
	color: #8962ad;	/*文字色*/
}

/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list_kaigo table {
	font-size: 12px;	/*文字サイズ*/
	background: #FFF;	/*背景色*/
	width: 66%;			/*テーブル幅*/
	margin-bottom: 5px;
}
#main .list_kaigo table,
#main .list_kaigo table td,
#main .list_kaigo table th {
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
}
#main .list_kaigo table td,
#main .list_kaigo table th {
	padding: 1%;	/*テーブル内の余白*/
}
/*色のついた見出しブロック*/
#main .list_kaigo table th {
	width: 20%;
	text-align: center;		/*文字をセンタリング*/
	font-weight: normal;	/*デフォルトの太字を標準にする設定*/
	background: #edf0f5;	/*背景色*/
}
/*白い説明用ブロック*/
#main .list_kaigo table td {
	width: 30%;
}

/*ボックス.list02）設定
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
#main .list02 {
	position: relative;overflow: hidden;
	margin-bottom: 20px;	/*ボックス同士の上下間の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	padding: 20px;	/*ボックス内の余白。変更する際は、下の「#main .list02 a」のmarginとpaddingの数字も変更する。*/
	background: linear-gradient(#FFF, #eee);	/*グラデーション*/
	box-shadow: 0px 2px 5px #ccc;	/*影の設定。右・下・ぼかし幅・色の設定*/
}

/*ボックス内の画像設定*/
#main .list02 .img {
	width: 20%;	/*画像の幅*/
	float: left;
	margin-right: 10px;
}
/*ボックス内のh4（見出し）タグ設定*/
#main .list02 h4 {
	font-size: 18px;	/*文字サイズ*/
	color: #206ce0;		/*文字色*/
	line-height:20px;
	padding-bottom:15px;
}
/*ボックス内のp（段落）タグ設定*/
#main .list02 p {
	padding: 0; line-height:18px;
}
/*ボックス内の写真設定*/
#main .list02 figure img {
	float: left;			/*画像を左へ回り込み*/
	width: 30%;	/*画像の幅*/
	background: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-right: 1%;		/*写真の右側に空ける余白*/
}
/*ボックス内のh4タグ設定*/
#main .list02 h4 {
	padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
	border-bottom: 1px solid #CCC;	/*下側の線の幅、線種、色*/
	border-left: 3px solid #0a7595;	/*左側の線の幅、線種、色*/
	margin-bottom: 15px;
	color: #0a7595;	/*文字色*/
}

/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list02 table {
	font-size: 12px;	/*文字サイズ*/
	background: #FFF;	/*背景色*/
	width: 66%;			/*テーブル幅*/
	margin-bottom: 5px;
}
#main .list02 table,
#main .list02 table td,
#main .list02 table th {
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
}
#main .list02 table td,
#main .list02 table th {
	padding: 1%;	/*テーブル内の余白*/
}
/*色のついた見出しブロック*/
#main .list02 table th {
	width: 20%;
	text-align: center;		/*文字をセンタリング*/
	font-weight: normal;	/*デフォルトの太字を標準にする設定*/
	background: #edf0f5;	/*背景色*/
}
/*白い説明用ブロック*/
#main .list02 table td {
	width: 30%;
}


/*介護ベッド　詳細
---------------------------------------------------------------------------*/

.txtArea{ margin-bottom:10px; margin-top:20px; width:100%; float:left; }
.Ssize{padding:0px 0px 0px 13px}

.Ssize li{ float:left; margin-right:5px; margin-bottom:5px; width:10%;}
.Ssize p{ clear:both; font-size:10px;}

#come{ width:100%; float:left; line-height:22px;}

#come table{ width:100%; border:#D1CBCB 1px solid;
border-collapse:collapse;
margin-bottom:15px;}

#come table th{ width:30%; padding:10px; border:#D1CBCB  1px solid; color:#2f5725; background-color:#cdf1c4;
border-collapse:collapse;}
#come table td{ border:#D1CBCB 1px solid; padding:10px; 
border-collapse:collapse;}
.price_box{ width:100%; }
.title_cp{background-color:#de3d3d; font-size:100%; color:#FFFFFF; font-weight:900; padding:5px 0px 5px 0px; text-align:center; line-height:25px;}

.z_txt_s{font-size:14px; font-weight:700; color:#FFF;}
.z_txt_s_no{font-size:14px; font-weight:700; color:#FFF; text-decoration: line-through;}
.price_box table{ width:95%; border:#999; border-style:solid; border-width:thin; margin:20px 0px 40px 15px; padding:5px 5px 5px 5px;}



td.tokuten  {padding:10px 0px 5px 0px;}

td.z_set { width:220px; padding:10px 0px 5px 10px; font-size:18px; font-weight:700;}

td.z_naiyou{ width:220px; padding:10px 0px 10px 30px; font-size:16px; font-weight:400; line-height:24px;}

.z_tokka{background-color:#F00; color:#FFFFFF; font-size:14px; font-weight:500; border-radius:5px; padding:0px 3px 0px 3px;}

.z_souryou{background-color:#000099; color:#FFFFFF; font-size:14px; font-weight:500; border-radius:5px; padding:0px 3px 0px 3px;}

.z_kumitate{background-color:#008121; color:#FFFFFF; font-size:14px; font-weight:500; border-radius:5px; padding:0px 3px 0px 3px;}

td.z_price { width:auto; font-size:40px; font-weight:bold; color:#F00; vertical-align:bottom; padding:0px 0px 10px 30px; line-height:20px;}

td.z_price02 { width:auto; font-size:32px; font-weight:bold; color:#F00; vertical-align:bottom; padding:10px 0px 7px 30px; line-height:32px; text-align:center;}

.z_tax{font-size:18px; font-weight:bold; color:#F00;}
.z_tax02{font-size:15px; font-weight:bold; color:#000; text-decoration:line-through;}

.z_new{ background-color:#FF00FF; color:#FFFFFF; font-size:14px; font-weight:500; border-radius:5px; padding:0px 3px 0px 3px;}


/*その他
---------------------------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb50 {margin-bottom: 50px !important;}
.clear {clear: both;}
.bgcolor1 {background: #f2f2f2 !important;}
.bgcolor2 {background: #dbebf7 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.w40p {width: 40%;}
.w20p { width:20%;}

.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.fr {float: right;margin-left: 2%;margin-bottom: 20px;}
.fl {float: left;margin-right: 2%;margin-bottom: 20px;}
.txt18{ font-size:18px;}
.big1 {font-size: 200%;letter-spacing: 0.2em;}
.mini1 {font-size: 80%;}
.mini2 {font-size: 50%;}
.big120 {font-size: 120%;}
.sh {display: none;}
.half {width: 48%;}
.link {display: block;margin-top: -80px;padding-top: 80px;}
.red { color:#FF0033;}
.blue{ color:#0066CC;}
.pink{ color:#fb4171;}
.green{ color:#78ac0d;}
.orange{ color:#ff790c;}
.bold{ font-weight:bold}
.torikeshi{ text-decoration:line-through;}
.marker_yellow_hoso { background: linear-gradient(transparent 60%, #ffff66 60%); font-weight:700;
}
.bg1 {background: #f6f5f2;}
.txt_20b{ font-size:18px; font-weight:800;}
.bgcolor1 { color:#000; background: #e1e2ff !important;}
.bgcolor2 { color:#FFF; background: #ff0000 !important; }
.bgcolor3 { color:#000; background: #ecffe1 !important; }
.bgcolor4 { color:#000; background: #fff1e1 !important; }
.q_txt{ color:#FF3300; font-size:28px; font-weight:bold;}
.txt28{ font-size:28px;}
.center{ text-align:center;}

/*立体的ボタン
---------------------------------------------------------------------------*/
.btn-square-pop {
  position: relative;
  display: inline-block;
  padding: 0.05em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*背景色*/
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
  font-size:25px;
}

.btn-square-pop:active {
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ゴミ一覧テーブル
---------------------------------------------------------------------------*/
.gomi_type{
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;	/*センタリング*/
	background: #fff;	/*背景色*/
	
	
}
.gomi_type, .gomi_type td, .gomi_type th {
	word-break: break-all;
	border: 1px solid #b7b7b7;	/*テーブルの枠線の幅、線種、色*/
}

/*語順
---------------------------------------------------------------------------*/

/*語順コンテンツのh4タグ設定*/
.photo_text_box2 h3 {
	clear: both;
	height: auto;
	margin-bottom: 5px;
	margin-top: 15px;
	padding: 5px 20px;	/*上下、左右への余白*/
	font-size: 110%;	/*文字サイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 10px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}
/*h4タグの１文字目への追加設定*/
.photo_text_box2 h3::first-letter {
	border-left: 3px solid #2d8651;	/*左の線の幅、線種、色*/
	padding-left: 15px;				/*線とテキストとの余白*/
	
}
.keikoukan_box{ border: 2px solid #0094D6;}
.keikoukan_box_in{ padding:13px; line-height:28px;}
.keikoukan_title{ color: #000; text-align: center; margin: .2em auto;
  border-bottom: 2px solid #0094D6; background: #0168b7; margin:0; padding: .4em 0;}
.keikoukan_under_title{ color: #000; text-align: center; margin: .2em auto;
  border-bottom: 2px solid #0094D6; background: #e1f2ff; margin:0; padding: .2em 0;}
.fuchidori {
  color: #000;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.bold{ font-weight:bold;}
.txt22{ font-size:22px;}
.txt28{ font-size:28px;}
.red{ color:#F00;}

.figure {
	float: left;	/*左に回り込み*/
	width: 30%;		/*画像幅*/
	background: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	margin-right: 10px;		/*画像右側に空ける余白*/
}



/*画面幅1450px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1450px){

/*上の#containerのpaddingの数字部分と合わせておく*/
body.is-fixed #menubar {
	margin: 0 50px;
}

}

/*画面幅1082px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1082px){


/*貸切バスのお問い合わせバナー*/
.contact-list dd { margin:0px 0px 0px 0px; padding:2px 0px 10px 0px;font-size: 12px; background-color:#FFFFFF; float:right; width:46%; height:100%; color:#000; font-weight:900; line-height:18px}
.contact-txtred{ color:#FF0000; font-size:15px; font-weight:900; text-align:center;}

/*box1内のメニューの設定*/
#sub .box1 .submenu02 {
	margin-bottom: 0px;
}
#sub .box1 .submenu02 li a {
	padding: 2px 5px;	/*上下、左右へのメニュー内の余白*/
	background: #fff;	/*背景色*/
}
#sub .box1 .submenu02 li a:hover {
	padding: 2px 5px;	/*上下、左右へのメニュー内の余白*/
	background: #dbebfb;	/*背景色*/
}
}




/*画面幅769px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*スマホ等でフッターを常に表示させる
---------------------------------------------------------------------------*/
@media screen and (min-width:769px){



/*トップページ内「ビフォーアフター」
---------------------------------------------------------------------------*/


/* BOX6-1、BOX6-2を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}
.footer-inner:after	{content: "";
	display: block;
	clear: both}


.box6-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box6-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}
	
.box10-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box10-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}
	
.box11-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box11-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}
	

.qa_box_in{ width:100%; font-size:15px; line-height:24px; }

.mbfooter_area{ display: none;}

/* 貸切バス
---------------------------------------------------------------------------*/
/*貸切バス　女子会・体験レポート BOX7-1、BOX7-2を横に並べる設定 */
.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box7-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}
.kashi_box_in{ width:100%; font-size:15px; line-height:24px; }


/*安全性ポイント1-4*/
.title_point01{ height:78px; padding:20px 0px 0px 290px; background-image:url(../charter/images/title01_11.jpg); font-size:28px; font-weight:bold; color:#000;}
.title_point02{ height:78px; padding:20px 0px 0px 290px; background-image:url(../charter/images/title02_11.jpg); font-size:28px; font-weight:bold; color:#000;}
.title_point03{ height:78px; padding:20px 0px 0px 290px; background-image:url(../charter/images/title03_11.jpg); font-size:28px; font-weight:bold; color:#000;}
/*安全取り組み*/
.title_point04{ height:78px; padding:20px 0px 0px 290px; background-image:url(../charter/images/title04_11.jpg); font-size:28px; font-weight:bold; color:#000;}
/*セントレア*/
.title_point05{ height:78px; padding:20px 0px 0px 80px; background-image:url(../charter/images/title05_11.jpg); font-size:28px; font-weight:bold; color:#000;}

/* 貸切バス種類　 */
/* photo_leftboxとtext_rightboxを横に並べる設定 */
.photo_text_box2:after	{content: "";
	display: block;
	clear: both}

.photo_leftbox	{float: left;
	width: 50%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
.text_rightbox	{float: left;
text-align:left;
	width: 50%}

/* 貸切バス
---------------------------------------------------------------------------*/
/*貸切バス　使えるお出かけスポット BOX7-1、BOX7-2を横に並べる設定 */
.box8:after	{content: "";
	display: block;
	clear: both}

.box8-1,.box8-2,.box8-3,.box8-4{float: left;
	width: 23%;
	margin-right: 2%}


.odekake_box_in{ width:100%; font-size:15px; line-height:24px; }
/* テーマパーク */
.btn_syousai04{background-color:#fa7182; color:#FFFFFF; font-size:12px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai04 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai04 a:hover {  text-decoration: none;  opacity: 0.7;}
/* 遊ぶ */
.btn_syousai05{background-color:#9ec64b; color:#FFFFFF; font-size:12px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai05 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai05 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 体験する */
.btn_syousai06{background-color:#164dca; color:#FFFFFF; font-size:12px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai06 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai06 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 温泉・宿泊施設 */
.btn_syousai07{background-color:#ff790c; color:#FFFFFF; font-size:12px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px;}

.btn_syousai07 a	{text-decoration: none; color:#FFF;}
	
.btn_syousai07 a:hover {  text-decoration: none;  opacity: 0.7;}

/* 貸切バス
---------------------------------------------------------------------------*/
/*貸切バス　会社・研修 BOX9-1、BOX9-2を横に並べる設定 */
.box9-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box9-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}



/*モバイルのみイメージを表示
---------------------------------------------------------------------------*/

.imgs {
	display: none;
}

/*会社概要
---------------------------------------------------------------------------*/
/* JNグループの紹介 */
/* BOX6-1、BOX6-2を横に並べる設定 */
.box6:after	{content: "";
	display: block;
	clear: both}

.box6-1, .fi-01	{float: left;
	width: 48%;
	margin-right: 2%}

.box6-2, .fi-02	{float: left;
	width: 48%;
	margin-right: 2%}

.osusume_box { height:150px; }


/*レンタルバス
---------------------------------------------------------------------------*/

/* photo_leftboxとtext_rightboxを横に並べる設定 */
.photo_text_box:after	{content: "";
	display: block;
	clear: both}
	
.photo_text_box2:after	{content: "";
	display: block;
	clear: both}

.photo_leftbox	{float: left;
	width: 50%;
	padding-right: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box}
	

/* box_ kbtn1、box_kbtn2を横に並べる設定 */
.box_kbtn:after	{content: "";
	display: block;
	clear: both}

.box_kbtn1, .box_kbtn2, .box_kbtn3{float: left;
    text-align:center;
	width: 45%;
	margin-right: 2%;
	margin-left: 2%;
	border: 1px solid #e24912;	/*枠線の幅、線種、色*/
	background: #e24912;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e24912, #ff6f40);	/*グラデーション*/
	color: #fff;	/*文字色*/
	 }
.box_kbtn1 a, .box_kbtn2 a, .box_kbtn3 a{text-decoration: none;
	color:#fff;	 }
.box_kbtn1 a:hover, .box_kbtn2 a:hover, .box_kbtn3 a:hover{color:#CCC; }

/* box_ bbtn1、box_bbtn2 画像バナー */
.box_bbtn:after	{content: "";
	display: block;
	clear: both}

.box_bbtn1, .box_bbtn2{float: left;
	width: 48%;
	margin-right: 2%;}
	

/* シートカバー　 box_ scbtn1、box_sctn2を横に並べる設定 */
.box_scbtn:after	{content: "";
	display: block;
	clear: both}

.box_scbtn1, .box_scbtn2 {
	float: left;
	width: 48%;
	margin-right: 2%;
	background-color:#b8b8b8;  }

/*介護ベッド　詳細
---------------------------------------------------------------------------*/
.Lsize{ width:70%; padding-left:120px; padding-right:120px; float:left; margin-right:10px; margin-bottom:10px; text-align:center;}

.bed_price_s{ display: none;}


/* サイドのお問合せボタン
---------------------------------------------------------------------------*/
#side_otoiawase { position: fixed; bottom: 200px; right: 20px;}
#side_otoiawase a img {
  border: none;}

	
}



/*画面幅768px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){

/* PCのみイメージを表示
---------------------------------------------------------------------------*/

.imgb {
	display: none;
}

/*containerの設定（footer以外の、ホームページを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	padding: 0 3%;	/*上下、左右へのブロック内余白*/
}

	
/*mainコンテンツの段落タグ設定*/
#main p {
	padding: 10px 5px 20px;	/*上、左右、下への余白*/
	font-size:14px;
}

/*main,sub
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	font-size:150%;
	line-height:150%
}


/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	position: static;
	height: auto;
	background: none;
	padding: 10px 0;
	text-align: left;
	
	

}
/*ロゴ画像*/
header #logo {
	position: static;
	margin: 0 auto;
		}



/*TELブロック*/
header address {
	position: static;
}

/*文字サイズ変更ボタン（※文字サイズを「大」にした時の設定はchange.cssで行う）
---------------------------------------------------------------------------*/
/*ボタンブロック全体*/
#fsize {
	display: none;	/*非表示にする*/
}

/*メインメニュー
---------------------------------------------------------------------------*/
/*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明(0%)から色を100%出すアニメーション指定。*/
@keyframes menu1 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*スマホ用メニューブロック*/
#menubar-s {
	display: block;overflow: hidden;z-index: 1;
	position: fixed;
	top: 0px;			/*上からの配置場所指定*/
	left: 0px;			/*左からの配置場所指定*/
	width: 100%;		/*幅*/
	animation-name: menu1;		/*上のkeyframesの名前*/
	animation-duration: 0.5S;	/*アニメーションの実行時間。0.5秒。*/
	animation-fill-mode: both;	/*アニメーションの待機中は最初のキーフレームを維持、終了後は最後のキーフレームを維持。*/
}
/*メニュー１個あたりの設定*/
#menubar-s li a{
	display: block;text-decoration: none;
	padding: 5px 10px;	/*上下、左右へのメニュー内の余白*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	background: #2c8650;	/*背景色*/
	font-size: 18px;		/*文字サイズ*/
	color: #fff;		/*文字色*/
}
/*英語表記（飾り文字）*/
#menubar-s li a span {
	font-size: 12px;	/*文字サイズ*/
	margin-left: 20px
}
#menubar-s ul {
  list-style: none;
}

#menubar-s a {
  text-decoration: none;
}



/*PC用メニューを非表示にする*/
#menubar {display: none;}

/*３本バーアイコン設定
---------------------------------------------------------------------------*/
/*３本バーブロック*/
#menubar_hdr {
	display: block;position: fixed;z-index: 2;
	top: 25px;	/*上からの配置場所指定*/
	right: 3%;	/*右からの配置場所指定*/
	border: 1px solid #fff;	/*枠線の幅、線種、色*/
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;		/*幅*/
	height: 50px;		/*高さ*/
	border-radius: 50%;	/*円形にする。この行削除すれば正方形になります。*/
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #2c8650 url(../images/icon_menu.png) no-repeat center top/50px;	/*背景色、アイコンの読み込み、上半分(top)を表示、幅50px*/
}
/*閉じるアイコン*/
#menubar_hdr.open {
	background: #333 url(../images/icon_menu.png) no-repeat center bottom/50px;	/*背景色、アイコンの読み込み、上半分(bottom)を表示、幅50px*/
}

/*fixmenu。メインメニューが画面上部に到達した際の設定
---------------------------------------------------------------------------*/
body.is-fixed header {
	margin-bottom: 0px;	/*fixmenuから折りたたみメニューになるので、ここはリセット。*/
}


/*フッター設定
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	display: none;
}


/*footer内のinner*/
footer .inner {
	padding: 0 3%;	/*上下、左右へのブロック内余白*/
}
/*footer内の２カラムブロックを１カラムにする*/
footer .half.fr,footer .half.fl {
	float: none;
	margin: 0 0 20px;
	width: 100%;
}

#copyright {
	padding: 20px 20px 50px 20px;		/*ボックス内の余白*/
}
/*スマホ等でフッターを常に表示させる
---------------------------------------------------------------------------*/
.mbfooter_area {
	clear: both;
    position: fixed;
	width: 100%;
    bottom: 0;
	padding:0;
	margin:0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}

.fade-btn-sp { position: fixed; bottom: 0; width: 100%; display: none;  display: block;   }
.fade-btn-sp ul { display: flex; justify-content: center;;  margin:0px 0px 0px 0px;}
.fade-btn-sp ul li a img { vertical-align: bottom; }
.fade-btn-sp ul li  { list-style-type: none; }
.fade-btn-sp ul li a  { list-style-type: none;  }

.fade-btn-sp img { max-width: 100%;
	height: auto;
	vertical-align: bottom;
	left:0; }

/*トップページ内「ビフォーアフター」
---------------------------------------------------------------------------*/
/* ボックスの左右 */
.box6	{padding-top: 20px; padding-bottom:20px; padding-left: 5px;
	padding-right: 5px}
.box6-1, .box6-2
	{
	height:auto;
	
	}
.box10-1, .box10-2
	{
	height:auto;
	
	}

.qa_box {	
    padding: 0.5em 0.5em;
	

	}
.qa_title001 {padding-left: 5px; padding-top: 5px; margine-top: 40px;  border-bottom:dotted #1199c2 ; font-size:17px; }

/*会社概要
---------------------------------------------------------------------------*/
/*** お問合せ　テーブル ***/
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
  
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
  
}



/*貸切バス
---------------------------------------------------------------------------*/
/*吹き出し*/
.hukidashi02 {

  margin: 0.5em 0px;

  min-width: 100%;
  max-width: 100%;

}

/*ボックス*/
.box100 {
    padding:0px;
    margin:0px;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align:center;
	width:98%;
	
	
　　
}
.box100 p {
    margin: 0; 
    padding: 0;
	
}

/*ボックス(文字左よせ)*/
.box200 {
    padding:0px;
    margin:0px;
    font-weight: bold;
    color: #000;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
	text-align:left;
	width:98%;
	
	
　　
}
.box200 p {
    margin: 0; 
    padding: 0;
	
}


/*安全性ポイント1-4*/
.title_point01{ height:35px; padding:13px 0px 0px 130px; background-image:url(../charter/images/title01s_13.jpg); background-repeat: no-repeat; font-size:12px; font-weight:bold; color:#000;}
.title_point02{ height:35px; padding:13px 0px 0px 130px; background-image:url(../charter/images/title02s_13.jpg); background-repeat: no-repeat; font-size:12px; font-weight:bold; color:#000;}
.title_point03{ height:35px; padding:13px 0px 0px 130px; background-image:url(../charter/images/title03s_13.jpg) ; background-repeat: no-repeat; font-size:12px; font-weight:bold; color:#000;}
/*安全取り組み*/
.title_point04{ height:35px; padding:12px 0px 0px 130px; background-image:url(../charter/images/title04s_11.jpg); font-size:13px; font-weight:bold; color:#000; }
/*セントレア*/
.title_point05{ height:35px; padding:12px 0px 0px 50px; background-image:url(../charter/images/title05s_11.jpg); font-size:13px; font-weight:bold; color:#000; }
/* 安全マネージメント */
.btn_anzen{background-color:#0039bb; color:#FFFFFF; font-size:18px; font-weight:500; border-radius:5px; padding:3px 15px 3px 15px; margin:3px 0px 10px 5px;}
/*セントレア*/
.title_cen { 
	font-size:14px;

}


/*貸切バス　使えるお出かけスポット
---------------------------------------------------------------------------*/
.odekake_box,.odekake2_box,.odekake3_box,.odekake4_box { height:260px; }

/*** お問合せ　テーブル ***/
.contact-list { display:none;}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #side {display: none;}
.big1 {font-size: 150%;letter-spacing: normal;}
.sh {display:block;}
.pc {display:none;}
.link {display: block;margin-top: 0px;padding-top: 0px;}
.w20p {width: 30%;}
.w40p {width: 100%;}
.mbs30 {margin-bottom: 30px !important;}
.big120 {font-size: 170%;}
.txt28{ font-size:18px;}



/* PCのみイメージを表示
---------------------------------------------------------------------------*/

.imgb {
	display: none;
}

/*24時間レンタルタイトル
---------------------------------------------------------------------------*/

.title_erabareru{ height:78px; padding:5px 0px 0px 160px; background-image:url(../images/title01_07.jpg); font-size:12px; font-weight:bold; color:#00299d; line-height:18px;}
.title_erabareru02{ height:78px; padding:5px 0px 0px 160px; background-image:url(../images/title02_11.jpg); font-size:12px; font-weight:bold; color:#00299d; line-height:18px;}
.title_erabareru03{ height:78px; padding:5px 0px 0px 160px; background-image:url(../images/title03_11.jpg); font-size:12px; font-weight:bold; color:#00299d; line-height:18px;}
.title_erabareru04{ height:78px; padding:5px 0px 0px 160px; background-image:url(../images/title04_11.jpg); font-size:12px; font-weight:bold; color:#00299d; line-height:18px;}
.title_erabareru05{ height:78px; padding:5px 0px 0px 160px; background-image:url(../images/title05_11.jpg); font-size:12px; font-weight:bold; color:#00299d; line-height:18px;}


/*エリアタイトルの設定
---------------------------------------------------------------------------*/

.area { font-size:1em; line-height: 1.2;	/*行間を少し狭く*/}

/*お部屋の片づけ　listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list_k {
	width: auto;
	float: none;
	margin-left : 0;
}
.list_k figure {
	float: left;
	width: 100%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list_k h4, .list_k p {
	height: auto;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*ブロック全体の設定*/

/*日付設定*/
#new dt {
	font-size:14px;
	width:100%;
}
/*記事設定*/
#new dd {
	font-size:14px;
	margin-left:0px;
	padding-left:0px;
	
}
/*記事タイトル*/
#new p {
	font-size:14px;
	margin-left:0px;
	padding-left:0px;	
	
}
/*　貸切バス　結婚式送迎
---------------------------------------------------------------------------*/
.title007 {
	font-size:14px;
}
.title_w001{
	font-size:18px;
	}
.wedding_001 dd{
  font-size:15px;
}

/*　レンタルバス 価格表
---------------------------------------------------------------------------*/
table.rentalbus_price {
	margin-top:20px;
    width: 100%;
	
  }
.rentalbus_price tr {
  display: block;
  float: left;
  
  
  }
.rentalbus_price tr td, .rentalbus_price tr th {
  display: block;
  padding:5px;    
  }
  
.rentalbus_price thead {
  text-align:center; 
  display: block;
  float: left;
  width: 50%;
  
	
  }
.rentalbus_price thead tr {
  width: 100%;
  }
.rentalbus_price tbody {
  text-align:right; 
  display: block;
  float: left;
  width: 50%;
	
  }
.rentalbus_price tbody tr {
  width: 100%;  
  }

.rentalbus_price td {
	text-align:right; }
	
.osusume_title001 { font-size:12px;}

/* レンタルトラック 価格表　 */
table.tru_r_price {
	margin-top:5px;
    width: 100%;
	
  }
.tru_r_price tr {
  display: block;
  float: left;
  
  
  }
.tru_r_price tr td, .tru_r_price tr th {
  display: block;
  padding:5px;    
  }
  
.tru_r_price thead{
  text-align:center; 
  display: block;
  float: left;
  width: 50%;
  
	
  }
.tru_r_price thead tr {
  width: 100%;
  }
.tru_r_price tbody {
  text-align:right; 
  display: block;
  float: left;
  width: 50%;
	
  }
.tru_r_price tbody tr {
  width: 100%;  
  }

.tru_r_price td {
	text-align:right; }
	
.box11-1, .box11-2
	{padding-bottom: 5px;
	height:460px;
	}
/*カーテン　生地追加
---------------------------------------------------------------------------*/
.sheetacpb li{ float:left; margin-bottom:10px; width:45%;}
#colorSampleacpb li{ padding:2px; border:solid 1px #474747; margin-right:3px; list-style: none; font-size:10px; line-height:13px; }
#colorSampleacpb p{ padding:5px; margin:0px; background-color:#000099; color:#FFFFFF; font-size:12px;}	
	
.v_title01{ background-color:#CC0000; font-size:18px; color:#FFF; text-align:center; padding:5px 0px 5px 0px;}
.title_koukin02{
	
	line-height:2em;
	font-size:18px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color:#000;
	border-bottom:solid thin ;
	font-weight:900;
}

.title_koukin03{
	
	line-height:2em;
	font-size:18px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color:#000;
	font-weight:900;
	
}
.title_koukin04{
	
	line-height:2em;
	font-size:18px;
	text-align:left;	
	background-repeat:no-repeat;
	background-position:10px 6px;
	padding-left:5px;
	color: #F00;
	font-weight:900;
	
}
.orderTxtunder01{
	line-height:1.6em;
	font-size:12px;
	text-align:left;
	
}

/*一覧ページ
---------------------------------------------------------------------------*/
/*ボックス内の段落タグ設定*/
#main .list02 p {
	margin-left: 0;
}
/*ボックス内の写真設定*/
#main .list02 figure img {
	float: none;
	margin: 0px;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*一覧ページの各ボックス内のテーブル
---------------------------------------------------------------------------*/
#main .list02 table {
	width: 100%;	/*テーブル幅*/
}

/*介護ベッド　詳細
---------------------------------------------------------------------------*/
.Lsize{ width:100%; float:left; margin-bottom:10px; text-align:center;}
.bed_price_b{ display: none;}
.bed_price_s{ width:100%; margin:0px; padding:0px;}
.z_set_s{ background-color:#F00; color:#FFFFFF; font-size:14px; font-weight:900; text-align:center;}
.z_naiyou_s{ text-align:center; font-size:12px; padding-top:7px; padding-bottom:10px;}
.z_price_s{ font-weight:bold; color:#F00; font-size:25px; line-height:30px; text-align:center;}
.z_price_s02{ font-weight:bold; color:#000; font-size:18px; line-height:25px; text-align:center; text-decoration:line-through;}
.z_tax_s{ font-size:14px; color:#000;}
.center_s{ text-align:center;}


/* サイドのお問合せボタン
---------------------------------------------------------------------------*/
#side_otoiawase { 	display: inline-block;
	text-indent: -9999px;}		

	 

}



/*画面を横向きにした場合の高さが500px以下の場合の設定。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px){

/*メインメニュー。小さな端末用メニューを２列に。
---------------------------------------------------------------------------*/
/*メニュー１個あたりの設定*/
#menubar-s li {
	float: left;		/*左に回り込み*/
	width: 50%;			/*幅*/
}


}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	
/*main,sub
---------------------------------------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	font-size:150%;
	line-height:150%
}



/*containerとfooterの文字サイズ指定
---------------------------------------------------------------------------*/
#container, footer {
	font-size: 12px;
	font-size: 2.93vw;
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ロゴ画像*/
header #logo {
	width: 70%;	/*ロゴ画像の幅*/
}
/*TELブロックの電話番号部分*/
header address .tel {
	font-size: 20px;
	background: url(../images/icon_tel.png) no-repeat left center / 18px;
	padding-left: 25px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*他。微調整。*/
#main section + section {
	padding-top: 20px;
}

/*フッター設定
---------------------------------------------------------------------------*/
/*フッター内のaddress（電話番号の行）タグ*/
footer address .tel {
	font-size: 24px;
	background: url(../images/icon_tel.png) no-repeat left center / 20px;
	padding-left: 30px;
}

/*listブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list {
	width: auto;
	float: none;
	margin-left : 0;
}
.list figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list h4, .list p {
	height: auto;
}

/*list01ブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.list01 {
	width: auto;
	float: none;
	margin-left : 0;
}
.list01 figure {
	float: left;
	width: 40%;
	margin-right: 2%;
}
/*h4（見出し）とp(段落)タグの設定*/
.list01 h4, .list p {
	height: auto;
}

/*ボックス.list02）設定
---------------------------------------------------------------------------*/
/*ボックス内のh4（見出し）タグ設定*/
#main .list02 h4 {
	font-size: 14px; line-height:16px;	/*文字サイズ*/
}

/*よく頂く質問
---------------------------------------------------------------------------*/
.faq dt,.faq dd {
	background-size: 25px;
}

/*テーブル（ta1）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta1 caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta1, .ta1 td, .ta1 th {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1の左側ボックス*/
.ta1 th {
	width: 100px;
}
/*エリアタイトルの設定
---------------------------------------------------------------------------*/
.title03 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 10px;	/*上下、左右への余白*/
	font-size: 100%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #2c8650;	/*背景色*/
	border-radius: 20px;	/*角丸のサイズ。この行を削除すれば角が尖った長方形になります。*/
}

/*不用品回収　
---------------------------------------------------------------------------*/
.title04 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 10px;	/*上下、左右への余白*/
	font-size: 100%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #427aea;	/*背景色*/
	line-height:3em;
	
}
/*sidebnブロック
---------------------------------------------------------------------------*/
/*ブロック１個あたりの設定*/
.sidebn {
	width: 95%;
	float: none;
	margin-left : 0;
}


/*その他
---------------------------------------------------------------------------*/
.ws,.wl {width: 94%;}


}