@charset "utf-8";
/* CSS Document */


body,p,h1,h2,h3,h4,h5,h6,span,small,strong,div,ul,li,figure,img{margin:0;padding:0;border:none;outline:none;font-size:1rem;}
header,footer,nav,section{display:block;}
html{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; -webkit-text-size-adjust:none;}
li{list-style:none;}

/*----------------------layout-----------------------*/
body{background:#FFF;width:100%; text-align:center;}

a{
	color:#313131;
	font-weight:bold;
}

.inner{ width:96%; margin:8px auto; text-align:left;}
.innerCenter{ width:96%; margin:8px auto; text-align:center;}
p.right { text-align:right;}


/* header --------------------*/

#head{ width:100%; background:#CCFF99; text-align:center;}
#head h1{ padding:10px 0; font-weight:normal;}
h1 span{ display:block; font-size:13px; line-height:1.2;}
h1 a{ font-size:36px; text-decoration:none;  font-weight:normal;}
h2 { position:relative; width:100%; height:58px; text-align:center; font-size:24px; line-height:62px;  color:#FF7A4D;}



/* main image --------------------*/

#mainImg { width:100%;}
#mainImg img{ width:100%; height:auto; }

#mainText { width:100%; padding:10px 0; background:#CCFF99; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
#mainText dt { margin:4px; padding:0; font-size:32px; font-weight:bold;}
#mainText dl { margin:8px; padding:0; font-size:20px;}

#recruitText { width:100%; padding:10px 0; background:#CCFF99;}

/* menu --------------------*/

ul#menu li { position:relative;}
ul#menu li a{ text-decoration:none;}
ul#menu li.page a{ display:block; font-size:18px; font-weight:bold; background:#eee; width:100%; height:58px; line-height:62px; text-align:center;
border-color:#999;
border-width:2px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border-style:solid;}
.recruitIcon:before{ position:absolute; top:14px; left:20px; content:"\f0c0"; color:#FF7A4D; font-size:36px;}
.aboutIcon:before{ position:absolute; top:10px; left:20px; content:"\f015"; color:#FF7A4D; font-size:42px;}
.nextIcon:before{ position:absolute; top:16px; right:10px; content:"\f138"; color:#FF7A4D; font-size:30px;}

ul#menu li.contact a{ display:block;color:#fff;}
ul#menu li.contact{  margin:4px 0; float:left; text-align:center; line-height:32px;
background:#FF7A4D; border:2px #fff solid;
width:48%;
height:32px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;}
.next2Icon:before{ position:absolute; top:4px; right:10px; content:"\f138"; color:#fff; font-size:24px;}

ul#menu li.pc a{  display:block; color:#FF7A4D;}
ul#menu li.pc{margin:4px 0; float:left; text-align:center; line-height:32px;
background:#fff; border:2px #FF7A4D solid;
width:100%;
height:26px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
border-radius:9px;}
.next3Icon:before{ position:absolute; top:4px; right:10px; content:"\f138"; color:#FF7A4D; font-size:20px;}

/* contents --------------------*/

#about dt{ padding:4px; width:100%; background:#CCFF99; font-size:18px; text-align:left;}
#about dl{ margin:0 auto; padding:8px 4px; width:90%; text-align:left; text-align:left;}
#about dl.phone:before{content:"\f095　"; padding-left:4px; }
#about dl.mail:before{content:"\f003　"; }
#about dl.pdf:before{content:"\f1c1　"; }







/* footer --------------------*/
.foot_link{overflow:hidden;}

address{ font-size:12px; color:#FF7A4D;
	padding:3% 0;
	text-align:center;
}

/* clearfix------------------------------------------------------------*/
  .clearfix:after {
  content: '';
  display: block;
  clear: both;
  height:0;
  }
  .clearfix { /zoom: 1; clear:both;} /* IE */