@charset "UTF-8";

html { font-size:16px; overflow:auto; -webkit-text-size-adjust: 100%; }
body {
	line-height:1.7; color:#333; overflow:hidden;
	background:url(../img/bg.png) repeat;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", sans-serif;
	}
* { box-sizing:border-box;}
body, h1, h2, h3, h4, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; }

img, input[type="image"] { font-size:0; line-height:0; vertical-align:bottom; }
ul { list-style-type:none; }
p { margin:1em auto;}
fieldset { border:none; }
strong { font-size:1.2em; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; }
input { -webkit-appearance: none; }
table { border-collapse:collapse; border-spacing:0; }
a { color:#333; text-decoration:none; }
a:active, a:hover { color:#338877;}
a.deco { color:#333; text-decoration:underline; }
a img { border-width:0px; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* 共通 ------------------------ */
.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.big    { font-size:1.2em; }
.bold { font-weight:bold; }
.clear { clear:both; }
.red { color:#c33; }
.green { color:#338877; }
.blue { color:#0077bb; }
.iblock { display:inline-block; }
.wide { width:100%; }
.inner { display:block; width:980px; margin:0 auto; }
.pc_none { display:none;}

.disc li { padding-left:1em; position:relative; }
.disc li:before { content:"・"; position:absolute; left:0;}
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

img.middle { vertical-align:middle; }

.fleft { float:left; }
.fright { float:right; }

a,.anime {	-webkit-transition: all .4s; transition: all .4s;}

.inner{ width:980px; margin:0 auto; position:relative; }

.flex {
	display:flex; display:-webkit-flex; display:-webkit-box;
	justify-content:space-between; -webkit-justify-content:space-between; -webkit-box-pack:justify;
	width:980px; margin:0 auto 0;}

/* -- タイトル・ボタン類 ------------------------ */
.secTtl { font-size:16px; background:url(../img/line.png) repeat-x bottom; padding-bottom:8px; margin-bottom:20px; font-size:27px; font-weight:normal;}
.btnCheck { text-align:center;}
.btnCheck a {
	display:inline-block; padding:8px 22px 5px 41px; color:#fff;
	background:url(../img/icon_check.png) no-repeat 14px 13px #338877; border-left:solid 5px #1a7361;}
.btnCheck a:hover { background-color:#1a7361;}

/* -- header ------------------------ */
header { margin:25px auto 0!important;}
header h1 { float:left;}
header .tel { float:right; margin-top:17px;}
header .tel li+li { margin-top:12px;}
header .contact { float:right; margin:48px 19px 0 0;}
header .contact a {
	display:block; padding:6px 14px 4px 38px; color:#fff; font-size:14px;
	background:url(../img/icon_mail.png) no-repeat 8px 9px #bda47b; border-left:solid 5px #ad9473;}
header .contact a:hover { background-color:#ad9473;}

/* -- gNav ------------------------ */
#gNav > ul { height:23px; margin:22px auto 15px!important;}
#gNav > ul > li { float:left; position:absolute; }
#gNav > ul > li > a { display:block;  position:relative; height:23px; overflow: hidden; z-index:10; }
#gNav > ul > li img { display: block; position: absolute; top:0;  }

#gNav > ul > li.about      { left:0; }      #gNav > ul > li.about a      { width:235px; }
#gNav > ul > li.feature    { left:235px; }  #gNav > ul > li.feature a    { width:155px; }
#gNav > ul > li.merit      { left:390px; }  #gNav > ul > li.merit a      { width:255px; }
#gNav > ul > li.difference { left:645px; }  #gNav > ul > li.difference a { width:245px; }
#gNav > ul > li.company    { left:890px; }  #gNav > ul > li.company a    { width:90px; }

#gNav > ul > li.about a img      { left:0; }
#gNav > ul > li.feature a img    { left:-235px; }
#gNav > ul > li.merit a img      { left:-390px; }
#gNav > ul > li.difference a img { left:-645px; }
#gNav > ul > li.company a img    { left:-890px; }

#gNav > ul > li a:hover img,#gNav li.current img { top:-23px; }

/* -- footer ------------------------ */
footer { margin-top:55px; padding-top:35px; border-top:solid 2px #338877;}
.copy { margin:25px auto 0; font-size:13px; padding:4px 0 2px; text-align:center; color:#fff; background:#338877;}
footer #pagetop { position:fixed; right:20px; bottom:10px; z-index:100;}

footer .lBox { float:left;}
footer .lBox .fNav { margin-bottom:15px;}
footer .lBox .fNav li { float:left; margin-right:25px;}
footer .lBox .fNav li:nth-child(4) { clear:both; margin-right:40px;}
footer .lBox .fNav li a { position:relative; padding-left:10px;}
footer .lBox .fNav li a:before {
	content:""; position:absolute; left:0; bottom:36%; border-style:solid; border-width:3px 0px 3px 7px;
	border-color:transparent transparent transparent #338877; }
footer .lBox h1 { float:left;}
footer .lBox h1 img { width:200px;}
footer .lBox .address { float:left; margin:16px 0 0 17px; font-size:15px; line-height:1.5;}

footer .rBox { float:right;}
footer .rBox .tel li+li { margin-top:10px;}
footer .rBox .contact { float:right; display:inline-block; margin-top:19px;}
footer .rBox .contact a {
	display:block; padding:6px 14px 4px 38px; color:#fff; font-size:14px;
	background:url(../img/icon_mail.png) no-repeat 8px 9px #bda47b; border-left:solid 5px #ad9473;}
footer .contact a:hover { background-color:#ad9473;}