@charset "shift_jis";
/* 
Template004 White のスタイル
----------------------------------------------------------------------------------------------------------*/
@font-face {
  font-family: 'FontAwesome';
  src: url('./fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*----------------------------------------------------------------------------------------------------------
初期設定
----------------------------------------------------------------------------------------------------------*/
.margin_bottom10{margin-bottom: 10px;}

* {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
html {
	overflow-y: scroll;
}
table, div {
	margin: auto;
}
/*フォント設定*/
body {
	color: #333333;
	font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
	font-size: 80%;
}
th, td {
	_font-size: 80%;
}
a {
	color: #990000;
	text-decoration: underline;
}
a:hover {
	color: #CC3300;
	text-decoration: underline;
}
#Header #Logo p {
	margin: 10px;
	font-size: 20px;
	font-weight: normal;
	_font-weight: bold;
	font-family: "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family: "Century Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*clearfix共通*/
.cf:after {
    content:" ";
    display:block;
    clear:both;
}
/*clearfix共通おわり*/


/*----------------------------------------------------------------------------------------------------------



　　ベースレイアウト



  ----------------------------------------------------------------------------------------------------------*/



body {
	text-align: center;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
}
#Bg {
	/* background:url(bg_header_top.jpg) repeat-x top; */

	padding: 12px 0 0 0;
}
#Container {
	max-width: 920px;
	text-align: left;
}
#Container:after {
	content: "";
	display: block;
	clear: both;
}
/*ヘッダー

-----------------------------------------------------------------------*/

#Header {
}
#Header:after {
	content: "";
	display: block;
}
#Header h1 {
	color: #666;
	font-weight: normal;
	font-size: 11px;
	padding: 10px 0 0 0px;
	height: 20px;
	_height: 30px;
}
#Header #Logo {
	width: 500px;
	float: left;
}
#Header #Logo p {
	font-size: 20px;
	font-weight: normal;
	_font-weight: bold;
	font-family: "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	_font-family: "Century Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
#Header #Logo p a {
	text-decoration: none;
	color: #000;
	display: block;
	line-height: 90px;
}
#Header #Logo p a:hover {
}
#Header #LogoRight {
	float: right;
	width: 300px;
	_width: 320px;
	height: 65px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
}
#Header #LogoRight .infoBox {
	font-size: 18px;
	font-family: "Century Gothic";
	text-align: right;
	margin: 0 0 10px 0;
	color: #000;
}
#Header #LogoRight .infoBox span {
	font-size: 12px;
}
#Header #LogoRight #upMenu {
	clear: both;
	height: 26px;
}
#Header #LogoRight #upMenu ul {
	float: right;
	list-style-type: none;
}
#Header #LogoRight #upMenu ul li {
	float: left;
	margin: 0 5px 0 0;
}
#Header #LogoRight #upMenu ul li a {
	display: block;
	padding: 4px 10px 2px 10px;
	text-decoration: none;
	background-color: #DDD;
	color: #000;
	font-size: 11px;
}
#Header #LogoRight #upMenu ul li a:hover {
	background-color: #666;
	color: #FFF;
}
#Header #LogoRight p#TEL {
	font-size: 18px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	text-align: right;
	line-height: 30px;
	vertical-align: top;
	display: block;
	clear: both;
	padding: 0px 10px 0 0;
}
#Header #LogoRight p#TEL .telmark {
	font-size: 10px;
	line-height: 30px;
}
/*メニュー

-----------------------------------------------------------------------*/

#Menu {
	clear: both;
	height: 56px;
	margin: 0;
	width: 918px;
	border: 1px solid #CCC;
}
#Menu:after {
	content: "";
	display: block;
	clear: both;
}
#Menu ul {
	list-style-type: none;
	height: 56px;
	background-image: url(../images/bg_menu2.jpg);
	background-repeat: no-repeat;
}
#Menu ul li {
	position: relative;
	float: left;
	text-align: center;
	height: 56px;
	vertical-align: bottom;
	background-image: url(../images/bg_menu_li.jpg);
	background-repeat: repeat-x;
}
#Menu ul li.on {
	background-image: url(../images/bg_menu_li_on.jpg);
	background-repeat: repeat-x;
}
#Menu ul li a {
	display: block;
	color: #000;
	font-size: 14px;
	margin: 0 0 0 0px;
	text-decoration: none;
	height: 56px;
	line-height: 56px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/bg_menu_li_a.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#Menu ul li.last {
}
#Menu ul li.last a {
	margin-right: 0px;
	background: none !important;
}
#Menu ul li a:hover {
}
#Menu ol {
	width: 100%;
	list-style-type: none;
	position: absolute;
	display: none;
	top: 56px;
	left: 0px;
	z-index: 3;
	background-color: #EEE;
}
#Menu ol li {
	background: none !important;
	float: none;
	border-width: 0;
	height: auto;
}
#Menu ol li a {
	background: none !important;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace, "ＭＳ Ｐゴシック";
	text-align: left;
	margin: 0;
	display: block;
	padding: 10px 0px 10px 0px;
	text-align: center;
	font-size: 11px;
	line-height: 1.1em;
	height: auto;
	border-bottom: 1px solid #DDD;
}
#Menu ol li a:hover {
	background: #333 !important;
	color: #FFF;
}
#Menu ol li.last a {
}
#Menu ol li.last a:hover {
	background: #333 !important;
}
/*フッター

-----------------------------------------------------------------------*/

#Footer {
	height: 100px;
	position: relative;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	clear: both;
}
#Footer #footMenu {
	position: absolute;
	top: 30px;
	left: 25px;
	/*width: 880px;*/
	font-size: 11px;
}
#Footer #footMenu:after {
	content: "";
	display: block;
	clear: both;
}
#Footer #footMenu ul {
	list-style-type: none;
}
#Footer #footMenu ul li {
	float: left;
}
#Footer #footMenu ul li a {
	color: #fff;
	width: auto;
	font-size: 11px;
	text-decoration: none;
	padding: 0 4px 0 4px;
}
span.style1{
	color: #fff;
}
#Footer #footMenu a:hover {
	text-decoration: underline;
}
#Footer #Copyright {
	font-family: "Century Gothic";
	position: absolute;
	font-size: 11px;
	top: 50px;
	left: 25px;
}
#Footer #Copyright a {
	color: #666;
	text-decoration: none;
}
#Footer #Copyright a:hover {
	color: #333333;
}
#Footer #copyRight {
	font-family: "Century Gothic";
	position: absolute;
	font-size: 10px;
	top: 50px;
	left: 25px;
}
#Footer #copyRight a {
	color: #666;
	text-decoration: none;
}
#Footer #copyRight a:hover {
	color: #333333;
}
#Footer #tplCopy {
	position: absolute;
	top: 70px;
	right: 20px;
}
#Footer #tplCopy p {
	float: left;
}
#Footer #tplCopy p a {
	display: block;
	text-indent: -9999px;
}
#Footer #tplCopy #design a {
	width: 79px;
	height: 27px;
	background-image: url(../images/bn_decoboko.gif);
	background-repeat: no-repeat;
}
#Footer #tplCopy #sp a {
	width: 26px;
	height: 27px;
	background-image: url(../images/bn_sp.gif);
	background-repeat: no-repeat;
}

/*----------------------------------------------------------------------------------------------------------



　　コンテンツ



----------------------------------------------------------------------------------------------------------*/

#ContentBox {
	clear: both;
	padding: 0;
	zoom: 100%;
	background-image: url(../images/bg.jpg);
}
#ContentBox:after {
	content: "";
	display: block;
	clear: both;
}
#Main {
	
}
/*２カラム

-----------------------------------------------------------------------*/

.col2 #Sidebar {
	float: left;
}
.col2 #Sidebar .subMenu {
	padding-bottom: 3px;
	border: 1px solid #DDD;
	margin: 0 0 20px 0;
	background-image: url(../images/bg_side_menu_btm.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
.col2 #Sidebar .subMenu h3 {
	height: 40px;
	line-height: 40px;
	margin: 0;
	text-align: center;
	background-image: url(../images/bg_side_menu_top.jpg);
	background-repeat: no-repeat;
}
.col2 #Sidebar .subMenu ul {
	list-style-type: none;
	display: block;
	background-image: url(../images/bg_side_menu.jpg);
	background-repeat: repeat-y;
}
.col2 #Sidebar .subMenu ul li {
	margin: 0 0 1px 0;
	background-image: url(../images/bg_side_menu_li.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.col2 #Sidebar .subMenu ul li a {
	color: #000;
	display: block;
	padding: 8px 5px 8px 5px;
	text-decoration: none;
}
.col2 #Sidebar .subMenu ul li a:hover {
	color: #09F;
}
.col2 #Sidebar .bnr {
	margin: 0 0 5px 0;
}
/*----------------------------------------------------------------------------------------------------------



見出し



----------------------------------------------------------------------------------------------------------*/

h2, h3, h4, h5, h6 {
	clear: both;
	font-family: "Century Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
h2 {
	height: 90px;
	line-height: 90px;
	font-weight: normal;
	_font-weight: bold;
	font-size: 20px;
	color: #000;
	padding: 2px 0 0 15px;
	margin: 0px 0px 10px 0px;
	letter-spacing: 1px;
	font-family: "Century Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background-image: url(../images/bg_h2.jpg);
	background-repeat: no-repeat;
}
#Main h3 {
	font-size: 15px;
	color: #333;
	padding: 18px 10px 18px 10px;
	margin: 2px 0 8px 0;
	background-image: url(../images/bg_h3.jpg);
	background-repeat: no-repeat;
}
.col2 #Main h3 {
	background-image: url(../images/bg_h3.jpg);
	background-repeat: no-repeat;
}
#Main h4 {
	font-size: 19px;
	line-height: 30px;
	padding-left: 5px;
	margin: 7px 0 5px 0;
	border: dotted #666;
	border-width: 0 0 1px 0;
}
#Main h5 {
	background-color: #333;
	font-size: 13px;
	padding: 3px;
	margin: 6px 0 5px 0;
	color: #FFF;
}
#Main h6 {
	color: #666;
	font-size: 12px;
	margin: 5px 0 4px 0;
}
/*箇条書き（リスト）*/



#Main ul{list-style: none;}
#Main ol { list-style-type: decimal;}

#Main blockquote {
	padding: 20px;
	margin: 5px 0 10px 0px;
	background-image: url(../images/bg2.jpg);
}
/*----------------------------------------------------------------------------------------------------------



　　その他汎用セレクタ



----------------------------------------------------------------------------------------------------------*/



/*フォント*/

.txt {
}
.txt p {
	line-height: 1.6em;
	margin: 0 0 15px 0;
}
.B {
	font-weight: bold;
}
.noB {
	font-weight: normal;
}
.tBK {
	color: #000;
}
.tBW {
	color: #630;
}
.tRD {
	color: #F00;
}
.tBL {
	color: #06C;
}
.tGR {
	color: #393;
}
.tYW {
	color: #FC0;
}
.tOR {
	color: #F60;
}
.tPK {
	color: #F39;
}
.SS {
	font-size: 10px;
}
.S {
	font-size: 110%;
}
.L {
	font-size: x-large;
}
.LL {
	font-size: xx-large;
}
/*配置・レイアウト*/

  

.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;

}
/*テーブルセット*/

/**/

.tableA, .tableB {
	width: 100%;
	height: auto;
	border-collapse: collapse;
	padding: 0 0 8px 0; 
	margin: 0 auto;
	
}
.tableA th, .tableB th {
	padding: 5px;
}
.tableA td, .tableB td {
	padding: 5px;
}

.tableA th {
	border: 1px solid #fff;
	color: #000;
	text-align: center;
	line-height: 1.8em;
	font-weight: normal;
	background-image: url(../images/bg3.gif);
}
.tableA td {
	border: 1px solid #eee;
}
.tableA ul.blanch li strong{
		font-size: 0.7em;
	}
.tableA dl strong{
		font-size: 0.7em;
	}
/**/

.tableB {
}
.tableB th {
	border: dotted #666;
	border-width: 0 1px 0 0;
	text-align: right;
	vertical-align: top;
	line-height: 1.6em;
	font-weight: normal;
	font-family: "Century Gothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: italic;
}
.tableB td {
	border: dotted #666;
	border-width: 0 0 0 1px;
	line-height: 1.6em;
	padding: 5px 5px 20px 5px;
}


.tableC {}


/*--------画像の枠のありなし--------------------------------------------*/



#Main img {
	border: 5px solid #ddd;
}
#Main a img {
	border: 5px solid #CCC;
}
#Main a:hover img {
	border: 5px solid #CC99CC;
}
#MainZ img {
	border: 5px solid #ddd;
}
#MainZ a img {
	border: 5px solid #ddd;
}
#MainZ a:hover img {
	border: 5px solid#ddd;
}
#MainY img {
	border: 5px solid #fff;
}
#MainY a img {
	border: 5px solid #fff;
}
#MainY a:hover img {
	border: 5px solid #fff;
}
/*----------------------------------------------------------------*/

/*マウスオーバー画像*/

.hvimg a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
.bnrSps_line {
	margin: 0 0 10px 0;
}
.bnrSps_line ul {
	list-style-type: none;
}
.bnrSps_line ul li {
	float: left;
	margin: 0 10px 0 0;
}
.bnrSps_line ul li a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
/**/



#Main ul.photo_list {
	display: block;
	list-style-type: none;
	clear: both;
	zoom: 100%;
	max-width: 920px;
	margin: 0 0 14px 0;
}
#Main ul.photo_list:after {
	content: "";
	display: block;
	clear: both;
}
#Main ul.photo_list li {
	float: left;
	margin: 0 14px 0 0;
	background: none;
	padding: 0;
}
#Main ul.photo_list li.last {
	margin-right: 0;
}
/**/



.linkList {
	margin: 10px;
}
.linkList dl {
}
.linkList dt {
	font-size: 13px;
	color: #F90;
	font-family: "Century Gothic", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.linkList dt a {
	display: block;
	color: #999;
}
.linkList dt a:hover {
	background-color: #FC0;
	color: #000;
}
.linkList dd {
	font-size: 11px;
	background: url(bg_line.gif) repeat-x bottom;
	padding: 2px 0 5px 0px;
	margin: 0px 0 20px 0;
}
.pagetop {
	clear: both;
	margin: 0 auto 0 auto;
	height: 24px;
}
.pagetop a {
	display: block;
	text-indent: -9999px;
	width: 84px;
	height: 24px;
	float: right;
	background-image: url(../images/btn_page_top.jpg);
	background-repeat: no-repeat;
}
.pagetop a:hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
.col2 .pagetop {
	/*width: 910px;*/
}
/*----------------------------------------------------------------------------------------------------------
ページ独自
----------------------------------------------------------------------------------------------------------*/

/*トップページ

-----------------------------------------------------------------------*/

#HOME {
}
#mainImage img {
}
#mainImage:not(:target) {
/*   width: 920px\9; /* IE9 */

}
#mainImage p {
}
#mainImage p img {
}
.swiper-container{
	text-align: center;
}
.swiper-container .swiper-slide img{
	max-width: 100%;
	height: auto;
}
/*メインイメージ下の各部署ボタン*/

#mainImage2 {
	width: 910px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}
#mainImage2:not(:target) {
/*   width: 920px\9; /* IE9 */

}
#mainImage2 p {
}
#mainImage2 p img {
}
#HOME h2 {
	font-size: 23px;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 5px;
	font-family: "Century Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-family: "Century Gothic", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background: none;
	color: #963;
}
.col2 #Main {
	float: right;
	width: 75%;
}
#Info {
	float: right;
	width: 350px;
	margin: 0 0 30px 0;
}
#Info #scroll {
	margin: 0 0 6px 0;
}
#Info #scroll span {
	display: block;
	background-image: url(../images/bg2_1.jpg);
	font-family: "Century Gothic";
	background-color: #FFFFFF;
}
#Info #scroll p {
	display: block;
	font-size: 90%;
	line-height: 1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: url(../images/bg2.jpg);
}
/*contents部分

-----------------------------------------------------------------------*/

#Info #scroll2 {
	margin: 0 0 6px 0;
}
#Info #scroll2 span {
	font-family: "Century Gothic";
	background-color: #FFFFFF;
}
#Info #scroll2 li {
	font-size: 120%;
	list-style: none;
	line-height: 1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	height: 30px;
	background-color: #ffc0c1;
}
#Info #scroll2 li a{
	text-decoration: none;
	display: block;
}
#Info #scroll3 {
	margin: 0 0 6px 0;
}
#Info #scroll3 span {
	font-family: "Century Gothic";
	background-color: #FFFFFF;
}
#Info #scroll3 li {
	font-size: 120%;
	list-style: none;
	line-height: 1.7em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 0;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	height: 30px;
	background-color: rgba(255,224,0,0.80);
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
#Info #scroll3 li a{
	text-decoration: none;
	display: block;
}
#Pickup {
	float: left;
	width: 530px;
}
#Pickup .clrFix {
	margin: 0 0 6px 0;
	padding: 5px;
	background-image: url(../images/bg2.jpg);
}
#Pickup .pic {
	float: left;
	width: 150px;
}
#Pickup .txt {
	margin: 0 0 0 160px;
	line-height: 1.7em;
	font-size: 0.9em;
}
/*お問合せ

-----------------------------------------------------------------------*/

#contact {
	width: 100%;
	margin: 0 auto;
}
#contact span {
	color: #F00;
}
#contact table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
#contact table th {
	color: #000;
	vertical-align: top;
	padding: 14px;
	text-align: right;
	border: 1px solid #EEE;
	background-image: url(../images/bg3.gif);
}
#contact table th span {
	font-size: 12px;
	color: #003366;
	font-weight: normal;
}
#contact table td {
	padding: 10px;
	border: 1px solid #EEE;
	background-image: url(../images/bg4.gif);
}
#contact input {
	line-height: 20px;
}
#contact input.txtbox {
	margin: 2px;
	border: 2px solid #DDD;
}
#contact .sSize {
	width: 30%;
	height: 2em;
}
#contact .mSize {
	width: 50%;
	height: 2em;
}
#contact .wSize {
	width: 70%;
	height: 2em;
}
#contact .radio {
}
#contact .txtarea {
	width: 70%;
	min-height: 180px;
	border: 2px solid #DDD;
}
#contact .formBtn {
	text-align: center;
}
#contact .formBtn input {
	padding: 5px 20px 5px 20px;
	margin: 20px 0;
	font-size: 14px;
	cursor: pointer;
}
#contact input.focus, #contact textarea.focus {
	border: 2px solid #9CC;
	background-color: #EEE;
}

/*

------------------------------------------------------------------------*/

#clrFix {
	zoom: 100%;
	clear: both;
}
#clrFix:after {
	content: "";
	display: block;
	clear: both;
}
/*画像・写真等の枠

------------------------------------------------------------------------*/

/**/

#pic_txt, #pic_txt2 {
	zoom: 100%;
	clear: both;
	margin: 0 0 10px 0;
	padding: 5px;
}
#pic_txt:after, #pic_txt2:after {
	content: "";
	display: block;
	clear: both;
}
#pic_txt {
	padding: 5px;
	background-image: url(../images/bg2.jpg);
}
#pic_txt #pic {
	float: left;
	width: 200px;
}
#pic_txt #txt {
	float: right;
	width: 680px;
	text-align: left;
}
#col2 #pic_txt #pic {
	float: left;
	width: 200px;
}
#col2 #pic_txt #txt {
	float: right;
	width: 460px;
}
/*アクセスマップ

----------------------------------------------------------------------*/

/**/

#Acc {
	width: 310px;
}
#Acc #school {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11pt;
	color: #333333;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin: 4px;
}
#Acc #infoma {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	color: #333333;
	margin: 4px;
	padding-top: 5px;
}
.accessArea{
	width: 90%;
	margin: 0 auto;
}
#Main .accessArea img{
	border: none;
	margin-bottom: 8px;
}
.accessArea ul.accessL li a{
	color: #000;
	line-height: 2em;
	font-size: 1em;
}
.flexcontainer{
	display: flex;
	flex-wrap: wrap;
}
dl .flexcontainer dt{
	margin: 10px 0;
	padding: 10px;
	color: #fff;
	background: #ec6b6b;
}
dl .flexcontainer dd{
	line-height: 1.2em;
	margin-bottom: 5px; 
}
#Main dl .flexcontainer dd img{
	border: none;
}
/*トップページのスライド

----------------------------------------------------------------------*/

/**/

#viewer {
	margin: 0 auto;
	width: 350px;
	height: 95px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}
#menuSp {
	display: none;
}
.btn_mailSp {
	display: none;
}
.fb{
	display: none;
}
#textH p{
		padding-top: 15px;
		text-align: justify;
	}
.greetingName{
	text-align: right;
	margin: 20px 0;
}
.FontMincyo p{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.FontMincyo ul li{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
p.kectheme{
		text-align: center;
		line-height: 1.5em;
		margin: 16px 0;
	}
p span.Bigtheme{
		font-size: 1.5em;
		line-height: 3em;
	}
#Main .rinenImage img{
	margin-top: 16px;
	border: none;
}

/*----------------------------------------------------------------------------------------------------------
印刷用
----------------------------------------------------------------------------------------------------------*/

@media print {
.display_print {
	display: none;
}
}

/*----------------------------------------------------------------------------------------------------------
レスポンシブデザイン
----------------------------------------------------------------------------------------------------------*/
@media (max-width: 899px) {
#Bg {
	padding: 0;
}
#SpBg {
	width: 100%;
	height: 110px;
	background-color: white;
	position: fixed;
	z-index: 9999;
}
#ContentBox{
	position: absolute;
	top: 110px;
	width: 100%;
	}
#Container {
	max-width: 100%;
	height: auto;
}
	
	#mainImage2{
		display: none;
	}
	#Pickup{
		float: none;
		width: 100%;
		height: auto;
	}
	.SpPickupInner{
		width: 98%;
		height: auto;
		margin: 0 auto;
		clear: both;
	}
	.clrFix{
		margin: 0;
		padding: 0;
		min-height: 100px;
	}
	.txt p{
		margin: 0;
	}
	#Info{
		width: 100%;
		float: none;
		margin: 0 auto;
		padding: 0;
	}
h1 {
	display: none;
}
#Header #Logo img {
	width: 240px;
	height: auto;
	position: fixed;
	float: none;
	z-index: 9999;
}
/*ハンバーガーボタンはじまり*/
	
nav.menu {
	width: 30px;
	height: 25px;
	top: 13px;
	right: 10px;
	position: fixed;
	cursor: pointer;
	overflow: hidden;
	z-index: 9999;
	border: 1px solid #afafaf;
	padding: 3px;
}
nav .menu1 {
	width: 30px;
	height: 3px;
	background-color: #000;
	top: 7px;
	position: absolute;
}
nav .menu2 {
	width: 30px;
	height: 3px;
	background-color: #000;
	top: 14px;
	position: absolute;
}
nav .menu3 {
	width: 30px;
	height: 3px;
	background-color: #000;
	top: 21px;
	position: absolute;
}
nav .menu1, nav .menu2, nav .menu3 {
	transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out; /* Opera */
	-moz-transition: all 0.5s ease-out; /* Firefox */
	-webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */
	-ms-transition: all 0.5s ease-out; /* IE */
}
nav .menuclick1 {
	top: 14px;
	-o-transform: rotate(405deg);
	-moz-transform: rotate(405deg);
	-webkit-transform: rotate(405deg);
	-ms-transform: rotate(405deg);
	transform: rotate(405deg);
}
nav .menuclick2 {
	background-color: rgba(255,255,255,0);
}
nav .menuclick3 {
	top: 14px;
	-o-transform: rotate(-405deg);
	-moz-transform: rotate(-405deg);
	-webkit-transform: rotate(-405deg);
	-ms-transform: rotate(-405deg);
	transform: rotate(-405deg);
}
/*ハンバーガーボタンおわり*/
	
#menuSp {
	position: fixed;
	top: 60px;
	width: 100%;
	height: auto;
	font-size: 1.2em;
	margin: 0 auto;
	background-color: #fafafa;
	z-index: 9999;
}
	#menuSp a{
		display: block;
	}
/*メニューアコーディオン*/
label {
	color: #fff;
	padding: 10px;
	display: block;
	margin: 0;
	border: 1px solid #fafafa;
	background-color: #ffc0c1;
}
label a {
	text-decoration: none;
	color: #fff;
}
input[type="checkbox"].on-off {
	display: none;
}
.menuL ul {
	overflow: auto;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	/*margin-left: 22px;*/
	padding: 0;
	list-style: none;
	-webkit-overflow-scrolling: touch;
}
.menuL li {
	margin-bottom: 10px;
	line-height: 1.3em;
	text-align: center;
	border: 1px solid #fafafa;
	
}
.menuL li:first-child {
	margin-top: 15px;
}
.menuL li a {
	text-decoration: none;
	border-bottom: 1px #000 dotted;
}
input[type="checkbox"].on-off + ul {
	height: 0;
	overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul {
	height: auto;
}

/*メニューアコーディオンおわり*/

#LogoRight {
	display: none;
}
#Menu {
	display: none;
	clear: both;
}
.btn_mailSp {
	display: inherit;
	background-color: #ffc0c1;
	position: fixed;
	top: 60px;
	width: 100%;
	height: 50px;
}
.btn_mailSp_Inner {
	text-align: center;
	background-color: #ec6b6b;
	top: 0px;
	margin-top: 5px;
	width: 80%;
	height: 40px;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.btn_mailSp_Inner p{
	font-size: 1.5em;
	text-decoration: none;
	padding-top: 8px;
	font-weight: bold;
}
	
.btn_mailSp_Inner p a{
	text-decoration: none;
	color: white;
}
	i.fa fa-envelope{
		width: 50px;
		height: auto;
		color: white;
	}
	
	
/*ここから下層ページのスタイル*/
	.col2 #Sidebar {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	.col2 #Sidebar .subMenu{
		border: none;
	}
	.col2 #Sidebar .subMenu ul li{
		padding: 0 0 0 25px;
		line-height: 1.5em;
		font-size: 1.3em;
		color: #950000;
		border-bottom: 1px solid rgba(59,59,59,1.00) ;
		background-image: none;
		position: relative;
	}
	.col2 #Sidebar .subMenu ul li a{
		color: #950000;
		display: block;
	}
	.subMenu li:first-child{
		border-top: 1px solid rgba(59,59,59,1.00) ;
	}
	
	.col2 #Sidebar .subMenu ul li:after {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -12px;
}
	.col2 #Sidebar h3{
		display: none;
	}
	.col2 #Sidebar h3.infoTem{
		display: inherit;
		background-image: none;
	}
	.col2 #Main {
	float: none;
	width: 100%;
	margin: 0 auto;
}
	.h2Bg h2{
		display: none;
	}
	#textH{
		margin: 0 25px;
	}
	#textH p{
		margin: 15px 0;
	}
	.sidebarBnr{
		display: none;
	}
	.fb{
	display: inherit;
	text-align: center;
	border-top: 5px solid #3B5998;
	border-bottom: 5px solid #3B5998;
	margin-bottom: 10px;
}
	.tableA th{
		font-size: 0.6em;
	}
	.txtPrivacy p{
		margin: 0 25px;
	}
	p.kectheme{
		margin: 0 25px;
	}
	#Main .rinenImage img{
		width: 100%;
		height: auto;
		margin: 0 0 40px 0;
}
	.fbIframe{
		display: none;
	}
	#footMenu{
		display: none;
	}
	
	/*お問合せ

-----------------------------------------------------------------------*/

#contact {
	width: 100%;
	margin: 0 auto;
}
#contact span {
	color: #F00;
}
#contact table {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
#contact table th {
	color: #000;
	vertical-align: top;
	padding: 14px;
	text-align: right;
	border: 1px solid #EEE;
	background-image: url(../images/bg3.gif);
}
#contact table th span {
	font-size: 12px;
	color: #003366;
	font-weight: normal;
}
#contact table td {
	padding: 10px;
	border: 1px solid #EEE;
	background-image: url(../images/bg4.gif);
}
#contact input {
	line-height: 20px;
}
#contact input.txtbox {
	margin: 2px;
	border: 2px solid #DDD;
}
#contact .sSize {
	width: 60%;
	height: 2em;
}
#contact .mSize {
	width: 100%;
	height: 2em;
}
#contact .wSize {
	width: 100%;
	height: 2em;
}
#contact .radio {
}
#contact .txtarea {
	width: 100%;
	min-height: 180px;
	border: 2px solid #DDD;
}
#contact .formBtn {
	text-align: center;
}
#contact .formBtn input {
	padding: 5px 20px 5px 20px;
	margin: 20px 0;
	font-size: 14px;
	cursor: pointer;
}
#contact input.focus, #contact textarea.focus {
	border: 2px solid #9CC;
	background-color: #EEE;
}
/*

------------------------------------------------------------------------*/	
}



/*----------------------------------------------------------------------------------------------------------
会長・社長就任　ページ（一時的）
----------------------------------------------------------------------------------------------------------*/
.textInfo {
	width: 90%;
	margin: 0 auto;
	margin-top: 50px;
	padding: 30px;
	text-align: justify;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	color: #000;
}
#ContentBox .textInfo:before {
  content: '';
  position: absolute;
  top: 660px;
  right: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: rgba(255,224,0,0.80);
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
#ContentBox .textInfo .syuninh2{
	height: 10px;
	line-height: 0;
	font-weight: normal;
	_font-weight: bold;
	color: #000;
	padding: 0;
	font-weight: normal;
	margin: 0px;
	letter-spacing: 1px;
	font-family: none;
	background-image: none;
	font-size: 2em;
	text-align: center;
}
#ContentBox .textInfo .syuninh2-2{
	height: 0;
	line-height: 0;
	font-weight: normal;
	_font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	font-family: none;
	background-image: none;
	font-size: 2em;
	text-align: center;
	margin:0 auto;
	background-color: #FFE000;
	padding: 30px;
	width: 40%;
}
.hr{
	width: 50px;
	height: 5px;
	background-color: #FFE000;
	margin-top: 20px;
}
.textInfoInner{
	margin-top: 50px;
	font-size: 1.2em;
}
#Container #ContentBox .textInfoInner div.syuninR{
	text-align: right;
	margin: 30px 0; 
}

@media (max-width: 899px) {
.textInfo {
	margin-top: 0;
	padding: 0;
}
#ContentBox .textInfo .syuninh2{
	margin-top: 50px;
}
#ContentBox .textInfo .syuninh2-2{
	padding: 30px 0;
	width: 100%;
}
.hr{
	margin-top: 10px;
}
.textInfoInner{
	margin-top: 15px;
}
#ContentBox .textInfo:before {
  display: none;
}
}

/*----------------------------------------------------------------------------------------------------------
採用情報
----------------------------------------------------------------------------------------------------------*/


@media (min-width: 768px){
.table_recruit{
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	margin:0 auto 50px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	 border-collapse:  collapse;
	}

.table_recruit th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align: center;
	background: #e4f9f7;
	}
	
.table_recruit td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
}/*1200px*/ 

@media (max-width: 767px) {
.table_recruit{
	border-style:solid;
	border-width: 1px 0px 0px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	margin:0 auto 50px auto;
	word-break: break-all;
	-webkit-text-size-adjust:none; /*safari font size auto Adjustment NG*/
	text-align:left;
	border-collapse:  collapse;
	}

.table_recruit th{
	border-style: solid;
	border-width: 0px 1px 1px 0px;;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	font-weight: bold;
	text-align: center;
	background: #e4f9f7;
	}
	
.table_recruit td{
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	}
.table_recruit, .table_recruit tr, .table_recruit th, .table_recruit td {display: block;}

}/*768px-991px*/ 

@media (min-width: 1200px) {.table_recruit{width:99%;}}
@media (min-width: 992px) and (max-width: 1199px){.table_recruit{width:99%;}}
@media (min-width: 768px) and (max-width: 991px) {.table_recruit{width:99%;}}
@media (max-width: 767px) {.table_recruit{width:95%;}}
	
@media (min-width: 1200px) {.table_recruit th{width:20%;font-size: 1.2em;padding:5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table_recruit th{width:28%;font-size:1.2em;padding:5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table_recruit th{width:28%;font-size: 1.2em;padding:5px;}}
@media (max-width: 767px) {.table_recruit th{font-size: 1.4em;padding:2px;}}
	
@media (min-width: 1200px) {.table_recruit td{line-height: 1.6;font-size: 1.2em;padding:5px;}}
@media (min-width: 992px) and (max-width: 1199px){.table_recruit td{line-height: 1.6;font-size: 1.2em;padding:5px;}}
@media (min-width: 768px) and (max-width: 991px) {.table_recruit td{line-height: 1.6;font-size: 1.2em;padding:5px;}}
@media (max-width: 767px) {.table_recruit td{line-height: 1.6;font-size: 1.2em;padding:5px;}}


.table_recruit a:link    { text-decoration: underline; color:#e60012;}
.table_recruit a:visited { text-decoration: underline; color:#e60012;}
.table_recruit a:active  { text-decoration: underline; color:#e60012;}
.table_recruit a:hover   { text-decoration: underline; color:#e60012;}


/*----------------------------------------------------------------------------------------------------------
テキスト
----------------------------------------------------------------------------------------------------------*/
.t-bold{ font-weight: bold;}

/*フォントスタイル*/
.t-left{text-align:left;}
.t-right{text-align:right;}
.t-center{text-align:center;}


/*----------------------------------------------------------------------------------------------------------
リスト
----------------------------------------------------------------------------------------------------------*/
.list01{
	margin:0;
	padding:0 0 0 25px;;
	}
	
.list01 li{
	margin:0;
	padding:0;
	list-style:outside;
	list-style-type: square;
	}
@media (min-width: 1200px) {.list01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.list01{font-size:1.0em;line-height:1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.list01{font-size:1.0em;line-height:1.4;}}
@media (max-width: 767px) {.list01{font-size:1.0em;line-height:1.4;}}

/*----------------------------------------------------------------------------------------------------------
キャッチテキスト
----------------------------------------------------------------------------------------------------------*/

/*デフォルト*/
@media (min-width: 1200px) {
.catch_txt01{text-align:left;margin:10px 0 10px 10px;padding:0;font-size: 1.6em;line-height: 1;color: #3b54bf; font-weight: bold;}}

@media (min-width: 992px) and (max-width: 1199px){
.catch_txt01{text-align:left;margin:10px 0 10px 10px;padding:0;font-size: 1.6em;line-height: 1;color: #3b54bf; font-weight: bold;}}

@media (min-width: 768px) and (max-width: 991px) {
.catch_txt01{text-align:left;margin:10px 0 10px 10px;padding:0;font-size: 1.6em;line-height: 1;color: #3b54bf; font-weight: bold;}}

@media (max-width: 767px) {
.catch_txt01{text-align:left;margin:10px 0 10px 10px;padding:0;font-size: 1.6em;line-height: 1;color: #3b54bf; font-weight: bold;}}


@media (min-width: 1200px) {
.catch_txt02{text-align:center;margin:10px 0;padding:0;font-size: 1.4em;line-height: 1;color: #e0558d; font-weight: bold;}}

@media (min-width: 992px) and (max-width: 1199px){
.catch_txt02{text-align:center;margin:10px 0;padding:0;font-size: 1.4em;line-height: 1;color: #e0558d; font-weight: bold;}}

@media (min-width: 768px) and (max-width: 991px) {
.catch_txt02{text-align:center;margin:10px 0;padding:0;font-size: 1.2em;line-height: 1;color: #e0558d; font-weight: bold;}}

@media (max-width: 767px) {
.catch_txt02{text-align:center;margin:10px 0;padding:0;font-size: 1.2em;line-height: 1;color: #e0558d; font-weight: bold;}}


/*----------------------------------------------------------------------------------------------------------
強調テキスト
----------------------------------------------------------------------------------------------------------*/

/*デフォルト*/
@media (min-width: 1200px) {
.strong_txt01{text-align:left;margin:10px 0 5px 0;padding:5px 0;font-size: 1.0em;font-weight: bold; border-top: 1px dotted #999999;color: #44aa47;border-bottom: 1px dotted #999999;}}

@media (min-width: 992px) and (max-width: 1199px){
.strong_txt01{text-align:left;margin:10px 0 5px 0;padding:5px 0;font-size: 1.0em;font-weight: bold; border-top: 1px dotted #999999;color: #44aa47;border-bottom: 1px dotted #999999;}}

@media (min-width: 768px) and (max-width: 991px) {
.strong_txt01{text-align:left;margin:10px 0 5px 0;padding:5px 0;font-size: 1.0em;font-weight: bold; border-top: 1px dotted #999999;color: #44aa47;border-bottom: 1px dotted #999999;}}

@media (max-width: 767px) {
.strong_txt01{text-align:left;margin:10px 0 5px 0;padding:5px 0;font-size: 1.0em;font-weight: bold; border-top: 1px dotted #999999;color: #44aa47;border-bottom: 1px dotted #999999;}}


/* -------------------------------------------------------------------------- */
/*フォーム*/
/* -------------------------------------------------------------------------- */
/*テーブル*/

.formTable{
	border-style: solid;
	border-width: 1px 0px 0px 1px;
	border-color: #cccccc;
	box-sizing: border-box;
	margin:10px auto 20px auto;
	clear:both;
	text-align:left;
	border-collapse:  collapse;
	}
	
@media (min-width: 1200px) {.formTable{width:99%; font-size: 110%;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable{width:90%;font-size: 110%;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable{width:90%;font-size: 110%;}}
@media (max-width: 767px) {.formTable{width:95%;font-size: 85%;}}

.formTable th{
	padding:10px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	background:#e3fffc;
	}

@media (min-width: 1200px) {.formTable th{width:30%;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable th{width:30%;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable th{width:30%;}}
@media (max-width: 767px) {.formTable th{width:100%; display: block;}}

.formTable td{
	padding:10px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	background:#ffffff;
	}
@media (max-width: 767px) {.formTable td{width:100%; display: block; text-align: center;}.formTable td span{ float: left;}}

/*入力ボックス*/
@media (min-width: 1200px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}#mailformpro .inputBox04{width: 100%; height: 200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px;}}
@media (min-width: 992px) and (max-width: 1199px){#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}.inputBox04{width: 100%; height: 160px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px;}}
@media (min-width: 768px) and (max-width: 991px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}.inputBox04{width: 100%; height: 160px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px;}}
@media (max-width: 767px) {#mailformpro .inputBox01{width: 80%; height: 50px;}#mailformpro .inputBox02{width: 80%; height: 50px;}#mailformpro .inputBox03{width: 80%; height: 100px;}.inputBox04{width: 95%; height: 200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;padding: 10px;}}

#mailformpro input::-webkit-input-placeholder{color: #aaaaaa;}
#mailformpro input:-ms-input-placeholder{color: #aaaaaa;}
#mailformpro input::-moz-placeholder{color: #aaaaaa;}
#mailformpro input:-moz-placeholder{color: #aaaaaa;}

.formTable  .scroll{
	height: 180px;
	width: 100%;
	overflow-y: scroll;
	text-align: left;
	background: #eeeeee;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	margin: 20px 0;
}

.formTable  .scroll .title01{ font-size: 1.0em; background: #555555; color: #ffffff; padding: 5px;}
.formTable  .scroll .title02{ font-size: 0.95em; font-weight: bold;line-height: 1;padding-top: 10px;border-top: 1px solid #cccccc;}
.formTable  .scroll .txt01{ font-size: 0.85em; line-height:1.2; }
.formTable  .scroll ul{ font-size: 0.85em; line-height: 1.2; list-style: decimal; margin-left: -20px;}


.infoBox{ width: 100%; padding: 20px; background: #eeeeee; margin: 20px auto 10px auto; clear: both;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}


/* -------------------------------------------------------------------------- */
/*リンクButton*/
/* -------------------------------------------------------------------------- */
.linkBtn01 {text-align: center; color: #ffffff; margin: 30px auto; display: block; clear: both; width: 80%;}
@media (min-width: 1200px) {.linkBtn01{font-size: 1.4em; line-height: 1.4;}}
@media (min-width: 992px) and (max-width: 1199px){.linkBtn01{font-size:1.4em; line-height: 1.4;}}
@media (min-width: 768px) and (max-width: 991px) {.linkBtn01{font-size:1.4em; line-height: 1.4;}}
@media (max-width: 767px) {.linkBtn01{font-size:1.4em;line-height: 1.4;}}

.linkBtn01 a:link    { color: #ffffff; text-decoration:none; background-color: #056975;display: block;padding: 20px 0; border-radius: 5px;}
.linkBtn01 a:visited { color: #ffffff; text-decoration:none; background-color: #056975;display: block;padding: 20px 0; border-radius: 5px;}
.linkBtn01 a:active  { color: #ffffff; text-decoration:none; background-color: #056975;display: block;padding: 20px 0; border-radius: 5px;}
.linkBtn01 a:hover   { color: #ffffff; text-decoration:none; background-color: #409ca7;display: block;padding: 20px 0; border-radius: 5px;}

/* -------------------------------------------------------------------------- */
/*画像比率*/
/* -------------------------------------------------------------------------- */
.image_percent01 img{width: 100%; margin: 0 auto 20px auto; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}