@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: #333;	/*リンクテキストの色*/
	transition: 0.5s;
	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}
a:hover {
	color: #0a6b00;		/*マウスオン時の文字色*/
	text-decoration: none;	
	/*マウスオン時に下線を消す設定。*/
}


/*サイトの最大幅の設定--------------------------------------*/
#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: 150px;	/*ヘッダーの高さ*/
	background: url(../images/header_bg.jpg) 
	no-repeat 65% center/500px;	
	/*背景画像の読み込み。左から65%、
	上下中央に配置。幅500px。*/
}

header #logo {
	width: 480px;		
	position: absolute;
	left: 2%;	/*ヘッダーブロックの左からの配置指定*/
	bottom: 40px;	/*ヘッダーブロックの下からの配置指定*/
}

header address {
	font-style: normal;
	position: absolute;
	right: 2%;	/*ヘッダーブロックの右からの配置指定*/
	bottom: 10px;	/*ヘッダーブロックの下からの配置指定*/
	text-align: center;	/*内容をセンタリング*/
	font-size: 80%;		/*文字サイズ*/
	line-height: 1.5;	/*行間を少し狭く*/
	text-shadow: 1px 1px 3px #fff, -1px -1px 3px #fff;
}

header address .tel {
	color: #0a6b00;		/*文字色*/
	font-size: 250%;	/*文字サイズ*/
	background: url(../images/icon_tel.png) 
	no-repeat left center / 26px;	
	/*電話アイコンの読み込み。
	左(left)に、上下中央(center)に配置。画像幅26px。*/
	padding-left: 35px;
	/*電話アイコン部分の余白をここで作る*/
}

/*問合せボタン--------------------------------------------*/
#fsize {
	position: absolute;
	right: 2%;		
	top: 0px;		
	width: 250px;	
	background: linear-gradient(#fff, #eee);	
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	border-radius: 0px 0px 5px 5px;	
	line-height: 50px;	
	padding: 5px 0px;	/*上下、左右の余白*/
	padding-left: 20px;
}

#fsize p {
	float: left;
	font-size: 18px;	
	padding: 0 20px;	/*上下、左右への余白*/
	padding-left: 40px;	/*メールアイコンをここで調整*/
	background: url(../images/icon_mail.png) 
	no-repeat left center / 30px;
	/*メールアイコンの読み込み*/
}
#fsize a{text-decoration: none;}

#fsize:hover{opacity:0.5; transition: 0.3s;}


/*メインメニュー--------------------------------------------*/
/*メニューブロックの設定*/
#menubar {
	position: relative;
	margin: 0 auto 0;
	/*上、左右、下へのマージン。20pxを変更する際は、
	「body.is-fixed header」の数値も変更する。*/
	height: 65px;		
	/*メニューの高さ。下の「#menubar li a」の「height」
	と「padding-top」の数字を合計した数字に合わせる。*/
}
/*メニュー１個あたりの設定*/
#menubar li {
	float: left;	/*左に回り込み*/
	width: 20%;
	/*メニュー幅（100÷6個=16.66%）
	もし４個にするなら100÷4=25%になる。*/
	line-height: 1.8;	/*行間を少しだけ狭く*/
}
#menubar li a {
	text-decoration: none;display: block;
	text-align: center;
	height: 40px;		/*高さ*/
	padding-top: 15px;	/*上に追加する余白*/
	color: #fff;		/*文字色*/
	border-left: 1px dashed #fff;
	/*メニューの左側の線の幅、線種、色（古いブラウザ用）*/
	border-left: 1px dashed rgba(255,255,255,0.4);
	background: #0a6b00;	/*背景色*/
}
/*最初のメニューへの追加設定*/
#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;
}

/*マウスオン時と、現在表示中(current)のメニューの設定*/
#menubar li a:hover, #menubar li.current a 
{background: #053900;}

/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}
/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}



/*ドロップダウンメニュー用--------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
	position:absolute;visibility: hidden;z-index: 10;
	width: 20%;	/*上の「#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);	
	color: #fff;		/*文字色*/
	padding: 10px 0;	/*上下、左右への余白*/
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {background: #000;}



/*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 ;}



/*トップページ-----------------------------------------------*/
#home {padding-bottom: 140px;}


#home h2{
	font-family:ＭＳ Ｐ明朝;
	clear: both;
	margin-bottom: 10px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 180%;	/*文字サイズ*/
	color: #000;		/*文字色*/
	text-align:center;
	line-height: 1.5;	/*行間を少しだけ狭く*/
}

#home h3{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体";
	clear: both;
	font-size: 120%;	/*文字サイズ*/
	padding: 0 180px;	/*上下、左右への余白*/
}

#home p{
	font-family:"Yu Mincho","游明朝","YuMincho","游明朝体";
	clear: both;
	padding: 0 180px;	/*上下、左右への余白*/
}

#home ul{clear: both;	margin:5px 160px 50px 160px;}
#home li {float:left;	padding:5px; width:220px;}
#home li a {
	border-radius: 5px;
	text-decoration: none;display: block;
	padding: 5px 10px 5px 30px;
	background: #98fb98 url(../images/arrow2.png) no-repeat 10px center / 10px;
}
#home li a:hover{background: #3b8a22 url(../images/arrow1.png) no-repeat 15px center / 6px;}



/*メインコンテンツ-----------------------------------------*/
#main {
	float: right;	/*右に回り込み*/
	width: 75%;		/*ボックス幅*/
	padding-bottom: 40px;
}
/*１カラム時のメインコンテンツ*/
.c1 #main {
	float: none;
	width: auto;
}


/*見出しh2--------------------*/
#main h2 {
	clear: both;
	margin-bottom: 20px;
	padding: 10px 20px;	/*上下、左右への余白*/
	font-size: 140%;	/*文字サイズ*/
	color: #fff;		/*文字色*/
	background: #0a6b00;	/*背景色*/
	border-radius: 10px;	
}
/*h2タグの１文字目への追加設定*/
#main h2::first-letter {
	border-left: 3px solid #fff;
	padding-left: 15px;		/*線とテキストとの余白*/
}

/*見出しh3--------------------*/
#main h3 {
	clear: both;
	margin-bottom: 20px;
	padding: 5px 20px;	/*上下、左右への余白*/
	font-size: 110%;	/*文字サイズ*/
	border: 1px solid #ccc;
	border-radius: 10px;	
	background: linear-gradient(#fff, #ccc); 
}
/*h3タグの１文字目への追加設定*/
#main h3::first-letter {
	border-left: 3px solid #0a6b00;	
	padding-left: 15px;	/*線とテキストとの余白*/
}

/*見出しh5--------------------*/
#main h5 {
	clear: both;
	margin-bottom: 10px;
	padding-left: 25px;
	position: relative;
}

#main h5:before {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 15px transparent;
  border-bottom: solid 15px #3cb371;
}
#main h5:after {
  position: absolute;
  content: '';
  bottom: -3px;
  left: 10px;
  width: 100%;
  border-bottom: solid 3px #3cb371;
}


/*段落タグ--------------------*/
#main p {
	padding: 0px 20px 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;
}
/*１カラム字のサブコンテンツ*/
.c1 #sub {display: none;}

#sub h2 {
	margin-bottom: 10px;
	font-size: 110%;
}
/*subコンテンツのh2タグの１文字目への設定*/
#sub h2::first-letter {
	border-left: 3px solid #0a6b00;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;
}
#sub p {line-height: 1.6;	/*行間を少し狭く*/}

#sub img.pc{display: block !important;}
#sub img.s{display:none !important;}
#sub img:hover {opacity:0.5; transition: 0.3s;}


/*サブコンテンツ内のメニュー-----------------------------*/
/*メニュー全体の設定*/
#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。*/
}

/*サブコンテンツ内の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;	/*背景色*/
}

/*フッター設定----------------------------------------------*/

footer {
	clear: both;overflow: hidden;
	border-top: 5px solid #0a6b00;	/*上の線の幅、線種、色*/
	background: #d3d3d3;	/*背景色*/
	color: #222;		/*文字色*/
	padding-top: 20px;	/*上に空けるボックス内の余白*/
}

footer .inner {
	padding: 0 50px;	/*上下、左右へのブロック内余白*/
}

footer a, footer a:hover {
	color: #0a6b00; text-decoration:none;
}

footer h2 {
	font-size: 200%;	/*文字サイズ*/
	font-weight: normal;
	text-align: center;	/*内容をセンタリング*/
	letter-spacing: 0.1em;	/*文字間隔を少し広く*/
}

footer address {
	font-style: normal;
	background: #f5f5f5;		/*背景色*/
	border-radius: 10px;	/*角丸の指定*/
	text-align: center;		/*内容をセンタリング*/
	line-height: 1.5;		/*行間*/
	padding: 5px;			/*ボックス内の余白*/
}

footer address a:hover {opacity:0.5; transition: 0.3s;}

footer address .tel {
	font-size: 40px;	
	background: url(../images/icon_tel.png) 
	no-repeat left center / 40px;	
	/*電話番号アイコンの読み込み*/
	padding-left: 45px;
	/*電話番号アイコンの幅をここで調整*/
}

footer address .mail {
	font-size: 40px;	
	background: url(../images/icon_mail.png) 
	no-repeat left center / 40px;
	/*電話番号アイコンの読み込み*/
	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;}


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

#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;	/*下線の幅、線種、色*/
}


/*listブロック(4分割)-----------------------------------------*/

.list4 {
	overflow: hidden;
	width: 18%;	/*幅*/
	float: left;	
	margin: 0 0 20px 2%;	/*上、右、下、左*/
	border: 1px solid #ccc;	
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 3px;
}
.list4 a {
	display: block;text-decoration: none;overflow: hidden;
	margin: -2%;	/*上の.listのpaddingを相殺するため。*/
	padding: 2%;
}

.list4:hover {opacity:0.5;  transition: 0.3s;}

.list4 h4 {
	color: #0a6b00;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: auto;		/*高さ*/
}


/*listブロック(3分割)----------------------------------------*/

.list3 {
	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;
}
.list3 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は画像の幅。*/
}

.list3 a:hover {
	position: relative;
	left: 1px;	/*マウスオン時に右に1px移動する*/
	top: 1px;	/*マウスオン時に下に1px移動する*/
}

.list3 h4 {
	color: #0a6b00;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: auto;		/*高さ*/
}

.list3 p {
	padding: 0 !important;
	line-height: 1.5;	
	font-size: 90%;		/*文字サイズを少し小さく*/
	color: #333;		
	height: 6em;	/*1.5emを1行分とカウント。6emなら4行*/
	overflow: hidden; /*高さを超えた場合に非表示にする*/
}

/*listブロック(2分割)-----------------------------------------*/

.list2 {
	overflow: hidden;
	width: 43%;	/*幅*/
	float: left;	
	margin: 0 0 20px 2%;	/*上、右、下、左*/
	border: 1px solid #ccc;	
	box-shadow: 3px 4px 2px rgba(0,0,0,0.1);
	padding: 2%;
	border-radius: 3px;
}
.list2 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は画像の幅。*/
}

.list2:hover {opacity:0.5;  transition: 0.3s;}

.list2 h4 {
	color: #0a6b00;		/*文字色*/
	font-size: 120%;	/*文字サイズ*/
	text-align: center;	/*文字をセンタリング*/
	height: auto;		/*高さ*/
}


/*list-------------------------------------------------------*/

.list { position: relative;overflow: hidden;
	border-top: 1px solid #ccc;
	padding: 20px;
}
.list a {text-decoration: none;display: block;overflow: hidden;
	padding: 20px;
	margin: -20px;
}
.list a:hover {	background: #eee;}

.list h4 {color: blue; font-weight: bold; margin-left: 34%;}

.list p {padding: 0px !important; margin-left: 34%;}

.list figure {float: left; width: 30%;}

.list:last-of-type {
	border-bottom: 1px solid #ccc;	
	margin-bottom: 20px;
}


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


/*box（緑の枠色がついたタイプのボックス）-----------------*/
.box {
	overflow: hidden;
	border: 3px solid #0a6b00;	
	padding: 20px;			
	border-radius: 10px;	
	margin-bottom: 20px;		
}

.box h4 {color: #0a6b00; font-size: 130%;}
.box p {padding: 0 !important;}
.box .fr,.box .fl {margin-bottom: 0;}


/*box2（オレンジの枠色がついたタイプのボックス）------------*/
.box2 {
	overflow: hidden;
	border: 3px solid #ff8c00;
	padding: 20px;
	border-radius: 10px;	
	margin-bottom: 20px;
}

.box2 h4 {color: #ff4500; font-size: 130%;}
.box2 p {padding: 0 !important;}
.box2 .fr,.box2 .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;	/*文字色*/
}


/*目次（reason.htmlで使用）--------------------------------*/
.mokuji {
	columns: 2;
	column-rule: 1px solid #cdcdcd;
	column-gap: 2em;
	background: #f2f2f2;
	overflow: hidden;
	margin: 10px;
	font-size: 100%;
	padding: 20px;	
}

.mokuji li a {padding: 10px; text-decoration: none;}


/*よく頂く質問-----------------------------------------*/
/*外側ブロック*/
.faq {padding: 0px 20px;}

/*質問*/
.faq dt {
	color: #0a6b00;		
	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）-----------------------------------------*/

.ta1 caption {
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-bottom: none;	/*下線だけ消す*/
	text-align: left;		/*文字を左寄せ*/
	background: #eee;		/*背景色*/
	color: #666;			/*文字色*/
	font-weight: bold;		/*太字に*/
	padding: 10px;			/*ボックス内の余白*/
}

.ta1 th.tamidashi {width: auto;}

.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: 140px;	text-align: center;}



/*テーブル（ta2）------------------------------------------*/

.ta2 caption {
	border: 1px solid #b7b7b7;
	border-bottom: none;	/*下線だけ消す*/
	text-align: center;
	background: #fff;		
	color: #333;
	font-weight: bold;		
	padding: 10px;		
}

.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;}



/*料金表に使用している幅指定*/

.ta2 th.midashi, td.midashi{width:15%;}

.ta2 th.price{width:15%;}
.ta2 td.price{width:15%; color:red;}



/*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: 40px;		/*下から40pxの場所に配置*/
	right: 1%;			/*右から1%の場所に配置*/
	background: #0a6b00;	/*背景色*/
	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;
}


/*その他------------------------------------------------------*/
.look {color:#fff;background: #666;padding:5px;border-radius: 4px;}
.mb15,.mb1em {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.clear {clear: both;}
.color1 {color: #0a6b00 !important;}
.red {color: red !important;}
.bgcolor1 {background: #f2f2f2 !important;}
.bgcolor2 {background: #dbebf7 !important;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.w50p {width: 50%;}
.w40p {width: 40%;}
.w30p {width: 30%;}
.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;}
.big1 {font-size: 200%;letter-spacing: 0.2em;}
.mini1 {font-size: 80%;}
.sh {display: none;}
.half {width: 48%;}
.link {display: block;margin-top: -80px;padding-top: 80px;}
.marker1{ background: linear-gradient(transparent 70%, #FFFF66 70%);}
.marker2{ background: linear-gradient(transparent 70%, #a7d6ff 70%);}



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

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


}



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

/*containerの設定---------------------------------------*/

#container {padding: 0 3%;	/*上下、左右への余白*/}

/*ヘッダー----------------------------------------------*/

header {
	position: static;
	height: auto;
	background: none;
	padding: 10px 0;
	text-align: left;
}

header #logo {position: static;	margin: 0 auto;	width: 100%;}

header address { position: static;}

#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: #0a6b00;	/*背景色*/
	font-size: 18px;		/*文字サイズ*/
	color: #fff;		/*文字色*/
}
/*英語表記（飾り文字）*/
#menubar-s li a span {
	font-size: 12px;	/*文字サイズ*/
	margin-left: 20px
}
/*PC用メニューを非表示にする*/
#menubar {display: none;}



/*３本バーアイコン設定------------------------------------*/

/*３本バーブロック*/
#menubar_hdr {
	display: block;position: fixed;z-index: 2;
	top: 8px;	
	right: 3%;	
	border: 1px solid #fff;	
}
/*アイコン共通設定*/
#menubar_hdr.close,
#menubar_hdr.open {
	width: 50px;		
	height: 50px;		
	border-radius: 50%;　/*この行削除すれば正方形になる*/
}
/*三本バーアイコン*/
#menubar_hdr.close {
	background: #0a6b00 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から折りたたみメニューになるので、ここはリセット。*/
}

/*main,sub-----------------------------------------------*/
#main, #sub {
	float: none;
	width: auto;
	overflow: hidden;
}

#sub img.pc{display:none !important;}
#sub img.s{display: block !important;}

/*トップページ---------------------------------------------*/
#home h2{font-size:150%;}
#home h3{padding: 0 20px;/*上下、左右への余白*/}
#home p{padding: 0 20px;/*上下、左右への余白*/}
#home ul{margin:0;}
#home li {float:left; width:48%; padding:4px;}

.list4{width:43%;}
.list4 h4{font-size:100%;}


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

#footermenu ul {width: 49%; margin-left: 1%;}
#footermenu .clear-s{clear: both;}


/*その他-----------------------------------------------------*/
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;}
.mokuji {columns: 1;}

}



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

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

}



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

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

/*ヘッダー（ロゴが入った最上段のブロック）----------------*/

header #logo {	width: 100%;}

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;}

#home li {width:45%;}
#home li a {
	padding: 5px 10px 5px 20px;
	background: #98fb98 url(../images/arrow2.png) 
	no-repeat 5px center / 5px;
}
#home li a:hover{
	background: #3b8a22 url(../images/arrow1.png) 
	no-repeat 10px center / 6px;
}


/*フッター設定----------------------------------------------*/
footer h2{letter-spacing: 0em;}

footer address .tel {
	font-size: 24px;
	background: url(../images/icon_tel.png) 
	no-repeat left center / 20px;
	padding-left: 30px;
}

footer address .mail {
	font-size: 24px;
	background: url(../images/icon_mail.png) 
	no-repeat left center / 20px;
	padding-left: 50px;
}


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

.list4{width:42%; float:left; margin:5px;}
.list4 figure{width:100%;}

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


/*テーブ（ta1）--------------------------------------------*/

.ta1 caption {	padding: 5px;	}

.ta1, .ta1 td, .ta1 th {padding: 5px;	}

.ta1 th {width: 100px;} /*左側ボックス*/

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

}