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

@font-face {
    font-family: 'webfont-m';
    src: url('webfont-m.woff') format('woff'),
		 url('webfont-m.woff2') format('woff2');
}

/*----------------- HTML 5 サポート -----------------*/
header, section, footer, aside, nav, article, figure {
	display: block;
}

html {
	height: 100%;	
}

html, body {
    margin:0;
    padding:0;
	font-style: normal;
    vertical-align:baseline;
    background:transparent;
	text-indent: 0;
	font-size: 0.96em;
}

div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align: baseline;
    background: transparent;
    font-size:100%;
	font-style: normal;
	text-indent: 0;
	list-style:none;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.94em;
   line-height:1;
	background: #ffefc6/*#fff*/;
	color: #424242;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration: none;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

th {
	font-weight: normal;	
}

td,th {
	line-height: 1.3em;	
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul, ol, dl, li {
	padding: 0;
	margin: 0;
}

#contents section p,
#contents .section p {
	line-height: 1.5em;
	margin-bottom: 1em;	
}

#contents section ul li,
#contents .section ul li {
	margin-left: 0em;
	padding-left:normal;
	line-height: 1.3em;
}

#contents section ol li,
#contents .section ol li {
	margin-left: 1.5em;
	list-style:decimal;
	padding-left:normal;
	line-height: 1.3em;
}


/* clearfix -------------*/

.cf {zoom: 1;}

header:after,
#container:after,
.subHeadMenu:after,
#contents section:after,
#contents .section:after,
footer:after,
header .inblock:after,
nav:after,
#side-menu dl:after,
#bread:after,
.sp-add:before,
.cf:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.cf,
.float_block {overflow: hidden;	}



/*//  End Reset //////////////////////////////////////////////////////////////////////*/


.wf1 { font-family: "Rounded Mplus 1c";/*font-family: "Sawarabi Gothic";*/}



/* Common Basic
--------------------------------------------------------------*/

/* Link --------------------------*/

#contents a:link,
#contents a:visited	{
	color: #41abe7;
	text-decoration: underline;
}

#contents .noline a:link,
#contents .noline a:visited {text-decoration: none;}

a:hover,
a:active,
a:focus {text-decoration: none;}

nav a:link,
nav a:visited {
	color: #ffffff;	
	text-decoration: none;
}

nav a:hover,
nav a:active,
nav a:focus {color: #FFC;}

a img {	border: none;}

header a:hover,
.home #linkBa a:hover,
a:hover img,
a:active img {
	 opacity:0.7;
	 filter:alpha(opacity=70);
	 -ms-filter: "alpha( opacity=70 )";
}

.home #container nav a:hover img,
.no-op a:hover,
#main-menu a:hover {
	 opacity:1.0;
	 filter:alpha(opacity=100);
	 -ms-filter: "alpha( opacity=100 )";
}

.page_top{position: relative;}

.page_top img {
	float: right;
	margin-right: 20px;
	max-width: 115px;
}



/*-----------------　文字スタイル　-----------------*/

strong,
.strong {font-weight: normal; color:#e50043;}

.red {color: #bb3713 !important;}
.blue {color: #1e3895;}
.bold{font-weight:bold;}
.cc1{color:#730524}/* コーポレートカラー*/
.cc2{color: #b68627}/*補色（ライトブラウン）*/
.orange {color: #f67b5d;}
.black {color: #000000;}


.size-ss{font-size:75%;}
.size-s{font-size:80%;}
.size-l{font-size:120%;}
.size-ll{font-size:150%;}

.anno-s {color:#FF0000; font-size: 80%}
.anno-m {color:#FF0000; font-size: 100%}
.anno-l {color:#FF0000; font-size: 120%; font-weight: bold;}
.anno-ll {color:#FF0000; font-size: 150%; font-weight: bold;}

.ls1 {letter-spacing: 1px;}
.ls2 {letter-spacing: 2px;}



/*-----------------　画像関連　-----------------*/

img {
	display: block;
	width: 100%;
	height: auto;	
}

.fixed img {
	width: auto;	
}

@media only screen and (max-width: 649px) {
	.fixed img {
		width: 100%;	
	}
}

.edge img {
	border: 5px solid #ffffff;
	box-shadow: 1px 1px 7px #000;	
}

.w10 {width: 10%;height: auto;}
.w15 {width: 15%;height: auto;}
.w20 {width: 20%;height: auto;}
.w25 {width: 25%;height: auto;}
.w30 {width: 30%;height: auto;}
.w35 {width: 35%;height: auto;}
.w40 {width: 40%;height: auto;}
.w45 {width: 45%;height: auto;}
.w50 {width: 50%;height: auto;}
.w55 {width: 55%;height: auto;}
.w60 {width: 60%;height: auto;}
.w65 {width: 65%;height: auto;}
.w70 {width: 70%;height: auto;}
.w80 {width: 80%;height: auto;}
.w85 {width: 85%;height: auto;}
.w90 {width: 90%;height: auto;}
.w100 {width: 100%;height: auto;}

.w81 img {max-width: 80px;}
.w101 img {max-width: 100px;}
.w160 img {max-width: 160px;}
.w180 img {max-width: 180px;}
.w190 img {max-width: 190px;}
.w200 img {max-width: 200px;}
.w220 img {max-width: 220px;}
.w230 img {max-width: 230px;}
.w250 img {max-width: 250px;}
.w260 img {max-width: 260px;}
.w280 img {max-width: 280px;}
.w300 img {max-width: 300px;}
.w310 img {max-width: 310px;}
.w320 img {max-width: 320px;}
.w360 img {max-width: 360px;}
.w380 img {max-width: 380px;}
.w400 img {max-width: 400px;}
.w410 img {max-width: 410px;}
.w430 img {max-width: 430px;}
.w450 img {max-width: 450px;}
.w470 img {max-width: 470px;}
.w480 img {max-width: 480px;}
.w530 img {max-width: 530px;}
.w550 img {max-width: 550px;}
.w560 img {max-width: 560px;}
.w580 img {max-width: 580px;}
.w600 img {max-width: 600px;}
.w630 img {max-width: 630px;}
.w650 img {max-width: 630px;}
.w680 img {max-width: 680px;}
.w700 img {max-width: 700px;}
.w900 img {max-width: 900px;}
.h250 { max-height: 250px; width: auto;}
 


/*-----------------　レイアウト　-----------------*/
.block {display: block;}
.ind1{text-indent:-1em;margin-left:1em;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.posR{float:right;}
.posL{float:left;}
.posC{ margin: 0 auto 30px auto;}
.imgR{float:right; margin: 0 0 12px 20px;}
.imgL{float:left; margin: 0 20px 12px 0;}
.imgC img{display: block; margin: 0 auto;}

.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb2e {margin-bottom: 2em !important;}
.mb1e {margin-bottom: 1em !important;}
.mb15e {margin-bottom: 1.5em !important;}
.mb2e {margin-bottom: 2em !important;}
.mb3e {margin-bottom: 3em !important;}
.ml20 {margin-left: 20px !important;}
.ml1e {margin-left: 1em !important;}
.mr20 {margin-right: 20px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt100 {margin-top: 100px !important;}
.mt1e {margin-top: 1em !important;}
.mt3e {margin-top: 3em !important;}
.pt50 {padding-top: 50px !important;}
.pt70 {padding-top: 70px !important;}
.pt90 {padding-top: 90px !important;}

/*-----------------　ブロック　-----------------*/

h2 span,
h3 span,
h4 span,
.inline span {
	display: inline-block;	
}

.block span {
	display: block;	
}

.shadow {box-shadow: 0 1px 3px #999999;}

.bottom-bn {
	padding: 1em 1em 0 1em;
	border: 3px dotted #f7a34e;
	border-radius: 12px;
	background: #f9e8d1;
	color: #000;
}

.point1 {
	display: inline-block;
	padding: 0.5em 0.6em 0.3em 0.6em;
	border: 2px solid #f67b5d;
	border-radius: 5px;
	background: #fff;
}

.point2 {
	display: inline-block;
	padding: 0.5em 0.6em 0.3em 0.6em;
	border: 1px dashed #c0c0c0;
	background: #fff;
}

.scroll {
	width: 90%;
	margin: 0 auto 40px auto;
	padding: 1em 2% 0 2%;
	border: 1px solid #c0c0c0;
}

.lr-block ul,
.lr-block dl,
.lr-block figure {
	width: 45%;
	float: left;
}

.lr-block ul:last-child,
.lr-block dl:last-child,
.lr-block figure:last-child {
	float: right;
}

.nowrap { white-space: nowrap;}

.sameHeight {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}


/*-----------------　テーブル　-----------------*/

td, th{
	vertical-align : middle;
	border: 1px solid #bfbfbf;
	font-size: 90%;
}


/*-----------------　リスト　-----------------*/

#contents ol li {
	margin-bottom: 0.7em;	
}

.list-tp1 li {
	padding: 0.5em 0 0.3em 3%;
	border-bottom: 1px dotted #3977b4;
	line-height: 1.3em;
}

.list-tp1 li:last-child {
	border-bottom: none;
}

.list-tp2 {
	margin-left: 1.5em;
}

.list-tp2 li {
	margin-left: 1em;
	margin-bottom: 0.8em;
	padding-left:normal;
	line-height: 1.3em;
}

.list-tp2 li:before {
	content: '' ;
	width: 6px;
	height: 6px;
	display: inline-block;
	border-radius: 100%;
	background: #4eb2a5;
	position: relative;
	left: -15px;
	top: -3px;
}

.list-tp3 li {
	margin-left: 1em;
	margin-bottom: 0.8em;
	padding: 0.5em 0 0.3em 3%;
	border-bottom: 1px dotted #65863e;
}

.list-tp3 li:before {
	content: '';
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #65863e;
	position: relative;
	left: -15px;
	top: -3px;
}

.list-tp3 li:last-child {
	border-bottom: none;
}


.inner-list {
	display: inline-table;
}

.dl-tp1 dt {
	margin-top: 0.8em;
	padding: 0.3em 0 0.1em 1.4%;
	line-height: 1.3em;
	font-weight: bold;
	border-left: 4px solid #4eb2a5;
}

.dl-tp1 dd {
	padding: 0.5em 0 0.3em 2%;
	border-bottom: 1px dotted #666;
	line-height: 1.3em;
}

.dl-tp1 dd:last-child {
	border-bottom: none;
}

.dl-tp2 dt {
	margin-top: 0.8em;
	line-height: 1.3em;
	font-weight: bold;
}

.dl-tp2 dd {
	padding: 0.2em 0 0.3em 1em;
	line-height: 1.3em;
}

.setsumei dt {
   float: left;
}
.setsumei dd {
   margin-left: 5em;
   margin-bottom: 3px;
}



/*----------------- パンクズリスト -----------------*/

#bread {
	position: relative;
	padding: 20px 0 15px 3%;
	font-size: 0.85em;
	color: #fff;
	line-height: 1.2em;
}

#bread li {
	float: left;
	margin: 0 0.5em 0 0;
}

#bread li a {
	margin: 0 0.5em 0 0;
	text-decoration: underline !important;
	color: #fff;
}

.contents #bread,
.contents #bread a,
.news #bread,
.news #bread a,
.recruit #bread,
.recruit #bread a,
.inquiry #bread,
.inquiry #bread a { color: #666;}



/*-----------------　ボタン　-----------------*/

.btn-this,
.btn-old,
.btn-recruit{
	display: inline-table;
	margin: 1em auto;
	border: 1px solid #c0c0c0;
	border-radius: 6px;
}

.btn-this a,
.btn-this a:link,
.btn-this a:visited {
	display: block;
	padding: 0.6em 1.2em 0.4em 1.2em;
	color: #fff !important;
	font-size: 110%;
	text-decoration: none !important;
	text-shadow: 1px 1px 1px #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #70b6f2), color-stop(0.50, #54a3ee), color-stop(0.50, #3690f0), color-stop(1.00, #1a62db));
	background: -webkit-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -moz-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -o-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: -ms-linear-gradient(top, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
	background: linear-gradient(to bottom, #70b6f2 0%, #54a3ee 50%, #3690f0 50%, #1a62db 100%);
}

@media only screen and (max-width: 649px) {/*スマホ*/
	.btn-this a,
	.btn-this a:link,
	.btn-this a:visited {
		/*padding: 0 !important;*/
		padding: 0.4em 0.6em 0.4em 0.6em !important;
		font-size: 105%;
		letter-spacing: -1px;
	}
}

.btn-old a {
	padding: 1em 1.5em 0.8em 1.5em;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 1.4em;
	text-shadow: 1px 1px 2px #000, -1px -1px 2px #4493ce;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b6e2fd), color-stop(0.20, #91bae4), color-stop(0.50, #8fbff0), color-stop(0.51, #6ba8e4), color-stop(0.75, #87c2fb), color-stop(1.00, #bcf4fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: linear-gradient(to bottom, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
}

.btn-this a:hover,
.btn-old a:hover {
	text-decoration: none !important;
	text-shadow: 1px 1px 1px #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b6e2fd), color-stop(0.20, #91bae4), color-stop(0.50, #8fbff0), color-stop(0.51, #6ba8e4), color-stop(0.75, #87c2fb), color-stop(1.00, #bcf4fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: linear-gradient(to bottom, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
}

.btn-recruit a,
.btn-recruit a:link,
.btn-recruit a:visited {
	display: block;
	padding: 0.6em 1.2em 0.4em 1.2em;
	color: #fff !important;
	font-size: 110%;
	text-decoration: none !important;
	text-shadow: 1px 1px 1px #000;
	background: #326d00;
}

.btn-recruit a:hover,
.btn-recruit a:hover {
	text-decoration: none !important;
	text-shadow: 1px 1px 1px #000;
	background: #429100;
}

/*見出し
--------------------------------------------------------------*/

h1 {padding: 20px 0 0 3%;}

h1 img {max-width: 480px;}

.subH1 {padding-bottom: 45px;}

@media only screen and (max-width: 649px) {/*スマホ*/
	.subH1 {padding-bottom: 18px;}
}

.home h1 {
	margin: 0;
	padding: 0;
	background: none;
}

.home h1 img {max-width: auto;}

h2{
	margin: 0px 0 27px 0;
	font-weight: bolder;
	font-size: 140%;
	color: #65863e;
	letter-spacing: 2px;
}

.re-ind h2 {
	margin: 18px 0 30px 0;
}

.group h2 {
	padding: 0 0 6px 32px;
	color: #4a7dde;
	background: url(../img/h2-icon-group.png) no-repeat left top;
	border-bottom: 2px dotted #edb20f;	
}

.group h2.imgH2 {
	padding: 0;
	background: none;
	border-bottom: none;
}

.gr-ind h2.imgH2 img{max-width: 920px;}

.re-tra h2 {
	color: #589396;
}

.re-ind h2 img {height: auto;}

h3{
	margin: 20px 0;
	padding: 0.2em 0 0em 0.5em; 
	border-left: 5px solid #000;
	color: #000;
	font-size: 120%;	
}

h4 {
	margin-bottom: 0.6em;	
}

.tit {
	color: #f67b5d;
	font-size: 115%;
	font-weight: bold; 
	line-height: 1.5em;	
}



/* 可変ブロック
--------------------------------------------------------------*/

#wrapper {
	position: relative;
	padding: 0 2%;
	background: #fff;
	border: 6px solid #ffefc6;
	border-left: none;
	border-right: none;	
}

header,
#container,
#contents,
footer {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

/*.home header,
.home #container,
.home #contents,
.home footer {
	max-width: 1860px;
}
*/
#contents {

}

.home #contents {
	width: 45%;
	max-width: 590px;
	margin: 0 4% 0 4%;
}

.home #mainImage {
	position: absolute;	
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1860px;
	margin: 0 auto;
}



/* Navi
--------------------------------------------------------------*/

/* グローバルナビゲーション*/

#globalNav p,
#globalNav span,
.home #globalNav {display: none;}

#globalNav li,
.home #container nav li {
    display:block;
	position: relative;
	float: left;
	width : 33.33333%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3);
}

#globalNav a,
.home #container nav a {
	display: block;
	position: relative;
	padding: 30px 0em;
	text-decoration: none !important;	
	text-align: center;
}

#globalNav .torikumi a { background: url(../img/homeCoNav-bg-torikumi.jpg) no-repeat center center; background-size: cover;}
#globalNav .recruit a { background: url(../img/homeCoNav-bg-recruit.jpg) no-repeat center center; background-size: cover;}
#globalNav .tenpo a { background: url(../img/homeCoNav-bg-tenpo.jpg) no-repeat right center; background-size: cover;}

.home #container nav .torikumi a,
.home #container nav .recruit a,
.home #container nav .tenpo a { background:none}


@media only screen and (max-width: 649px) {/*スマホ*/

	body {
		position: relative;
		right: 0;
		overflow-x: hidden;
	}
	
	#globalNav p,
	#globalNav span,
	.home #globalNav {display: block;}
	#globalNav img {display:none;}
	
	.home #container nav a {
		padding: 0em;
	}
	
	#globalNav{
		position: fixed;
		top: 0;
		right: -240px;
		width: 240px;
		height: 100%;
		z-index: 3;
		background: #21751c;
		box-shadow: -1px 0 6px #666;
	}

	#globalNav li {
		float: none;
		display: block;
		width: 100%;
		margin-top: 1px;
		background: #ffefc6;
	}
	
	#globalNav a,
	#globalNav .torikumi a,
	#globalNav .recruit a,
	#globalNav .tenpo a {
		display: block;
		padding: 1.1em 0.5em 1.1em 20px;
		width: auto;
		color: #000 !important;
		text-align: left;
		background: #fff url(../img/marker_02.png) no-repeat 8px center;
	}

	#gnButton{
		display:block;
		position:absolute;
		right:0;
		top:0;
		width:50px;
		height:50px;
		z-index: 2;
		font-size: 1.4em;
		font-weight:bold;
		background: #21751c url(../img/nav-icon.png) no-repeat center center;
		color:#fff;
		border-style:none;
	}
	
	#gnButton.on{background:#21751c url(../img/close-btn.png) no-repeat center center;}
	
	#globalNav .close {
		padding: 1.5em 0.5em 1.5em 60px;
		background: url(../img/close-btn.png) no-repeat 0 center;
		background-size: auto 60%;
		color: #fff;
		font-size: 0.9em;
		cursor: pointer;
	}
	
	#container nav a {
		padding: 0em;
	}
	.home #container nav span {
		display: none !important;
	}
	
	.home #container nav .torikumi {
		background: url(../img/homeCoNav-bg-torikumi.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	.home #container nav .recruit {
		background: url(../img/homeCoNav-bg-recruit.jpg) no-repeat center center;
		background-size: auto 100%;
	}
	.home #container nav .tenpo {
		background: url(../img/homeCoNav-bg-tenpo.jpg) no-repeat center center;
		background-size: auto 100%;
	}

}



/* 下層ページ用ナビゲーション*/

.group #subHeadMenu {background: #285493/*rgba(255,255,255,0.8)/*#4a7dde*/;}
.recruit #subHeadMenu {background: #9b7200/*#f8d16b*/;}
.store #subHeadMenu {background: #4c9f05;}

#subHeadMenu li {
	float: left;
}

.gr-ind .shm01,
.gr-cho .shm02,
.gr-sel .shm03,
.gr-zai .shm04,
.gr-soc .shm05,
.gr-ann .shm06,
.gr-ann .shm07{
	background: #ffb200;
}

#subHeadMenu li a {
	display: block;
	padding: 1em 1.5em 0.8em 2em;
	text-decoration: none !important;
	background: url(../img/marker_02.png) no-repeat 1em center;
	color: #fff !important;
	border: 1px dotted #c4c4c4;
	border-top: none;
	border-left: none;
	
}

#subHeadMenu li a:hover {background: rgba(255,255,255,0.5) url(../img/marker_02.png) no-repeat 1em center;}


@media only screen and (max-width: 649px) {/*スマホ*/

	#subHeadMenu {
		margin: 0 !important;
		border: none;	
		background: rgba(255,255,255,0.9);
	}
	
	#subHeadMenu li {
		float: left;
		width: 50%;
		margin: 0;
	}
	
	#subHeadMenu li:nth-child(even) {
		float: right;
	}
	
	#subHeadMenu li a {
		padding: 0.9em 0em 0.7em 1.1em;
		background: url(../img/marker_02.png) no-repeat 0.3em center;
		font-size: 0.9em;
		border: 1px solid #fff;
		border-top: none;
		border-left: none;
		letter-spacing: -1px;
	}
	
	#subHeadMenu li a:hover {background: rgba(255,255,255,0.5) url(../img/marker_02.png) no-repeat 0.3em center;}
	
}



/*タブメニュー*/

#inlineMenu {
	margin-bottom: 30px;
}

#inlineMenu li {
	position: relative;
	float: left;
	margin: 3px 2px 5px 0px;
	border: 1px solid #D5D5D5;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	font-size: 0.9em;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefaf0), color-stop(0.05, #d6e5fc));
	background: -webkit-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
	background: -moz-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
	background: -o-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
	background: -ms-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
	background: linear-gradient(to bottom, #d6e5fc 5%, #fefaf0 100%);
	box-shadow: 2px -2px 3px #bcbab2;

	transition: .3s ease-out;
}

#inlineMenu li a {
	display: block;
	padding: 1em 1.5em 0.6em 1.5em;
	text-decoration: none !important;
	line-height: 1;
	color: #3587ff !important;	
	border: 1px solid #fff;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	-webkit-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

#inlineMenu li a.current,
.gr-ind #inlineMenu .shm01 a,
.gr-cho #inlineMenu .shm02 a,
.gr-sel #inlineMenu .shm03 a,
.gr-soc #inlineMenu .shm04 a,
.gr-ann #inlineMenu .shm05 a
  {
	background: rgba(23,106,109,0.7);
	color: #fff !important;
}

#inlineMenu li a:hover,
#inlineMenu li a:not(.current):hover,
#inlineMenu li a:not(.current):focus {
	color: #fff !important;
	outline: none;
	background: rgba(104,186,206,0.7);
}

.nav-fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}	




@media only screen and (max-width: 649px) {/*スマホ*/

	#inlineMenu {
		margin: 0 -5% 20px -5%;
	}
	
	#inlineMenu li {
		width: 50%;
		margin: 0px;
		border: none;
		font-size: 0.9em;
		letter-spacing: -1px;
		
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fefaf0), color-stop(0.05, #d6e5fc));
		background: -webkit-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
		background: -moz-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
		background: -o-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
		background: -ms-linear-gradient(top, #d6e5fc 5%, #fefaf0 100%);
		background: linear-gradient(to bottom, #d6e5fc 5%, #fefaf0 100%);
	}
	
	#inlineMenu li:nth-child(even) {
		float: right;
	}
	
	#inlineMenu li a {
		padding: 0.7em 0.5em;
		line-height: 1.2em;
		color: #3587ff !important;	
		border: 1px solid #fff;
		border-right: none;
		border-bottom: none;
		border-radius:0;
		background: url(../img/marker_03.png) no-repeat right center;
	}

}



/* Container
--------------------------------------------------------------*/

#container {background: #fff url(../img/container-bg.png) repeat-x left top;}

.home #container {background: #fff;}
.store #container {background: url(../img/store-container-bg.png) repeat-x left top;}
.group #container {background: url(../img/group-container-bg.png) repeat-x left top;}
.recruit #container {background: url(../img/recruit-container-bg.png) repeat-x left top;}



/* Header
--------------------------------------------------------------*/

#logo {
	float: left;
	width: 50%;
	max-width: 280px;
	margin: 3px 0 3px 0;
}

#info {
	float: right;
	width: 50%;
	margin-top: 6px;
	text-align: right;
	padding: 1.5em 0 0 0;
}

#info li {
	display: inline-block;
	margin: 0;
	margin-right: 0.6em;
	padding-right: 0.6em;
	border-right: 1px solid #c0c0c0;
}

#info li:last-child{
	margin-right: 0em;
	padding-right: 0em;
	border-right: none;
}

#info li a {
	color:#474123;
	font-size: 0.85em;
	white-space: nowrap;
}

#info li a:hover {
	color: #4f4f4f;
}
		



/* Contents
--------------------------------------------------------------*/

#contents > section,
#contents > .section {
	margin: 0 3% 3em 3%;
	overflow: inherit;
}

#contents > section section,
#contents > section .section {
	margin-bottom: 2.5em;
}


#contents section > p {
	line-height: 1.5em;	
}


/* Footer
--------------------------------------------------------------*/

#pagetop {
	position: fixed;
	bottom: 20px;
	right: 5px;
	z-index: 9999;
}

#pagetop img {
	display:block;
	max-width:42px;
}

footer ul{
	float: right;
	margin: 15px 45px 12px 0;
}

footer li{
	display: inline-block;
	margin-right: 0.6em;
	padding-right: 0.6em;
	border-right: 1px solid #c0c0c0;
}

footer li:last-child{
	margin-right: 0em;
	padding-right: 0em;
	border-right: none;
}



footer a {
	color:#6d6851;
	font-size: 0.8em;
	white-space:nowrap;
}

footer a:hover {
	color:#4f4f4f;
}

footer a img {
	display: inline;
	max-width: 34px;
	vertical-align:middle;
}

#copy{
	float: left;
	width: 40%;
	margin: 15px 0 12px 0;
	font-size: 0.8em;
	letter-spacing: 1px;
}







/*/////////////////////////////////////////////////////////////////////////
　トップページ
/////////////////////////////////////////////////////////////////////////*/



/* バナー　------------------------------------*/


.home #container nav li {
    display:block;
	position: relative;
	float: left;
	width : 33.33333%; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3);
	width : calc(100% / 3);
}

.home #container nav a {
	display: block;
	position: relative;
	text-decoration: none !important;	
	text-align: center;
}

.home #container nav .title {
	display: block;
	position: absolute;
	z-index: 2;
	bottom:20px;
	background: rgba(255,255,255,0.7)
}

.home #container .bwWrapper {
	display: block;
	position: relative;
	z-index: 1;
}

.home #container nav img {
	max-width: 620px;
}



/*お知らせ ------------------------------------------------------*/

.home #news {
	max-width: 400px;
	margin: 10px auto 40px 0;
	padding: 6px;
	background: rgba(250,250,250,0.6);
}

.home #news h2 {
	margin: 0;
	padding: 0;
	text-shadow: none;
	float: left;
	width: 20%;
	border: none;
	background: none;
}

.home #news h2 img {
	width: 100%;
	max-width: 92px;
	height: auto;
}

.newMark {
	color: red;
	font-weight: bold;
}

.home #news dl {
	float: right;
	width: 75%;
	margin-bottom: 1em;
	padding: 1em 1% 1em 1%;
	height: 80px;
	overflow-y: auto;
	font-size: 0.9em;
}

.home #news dt {
	font-weight: normal;
	color: #666;
}

.home #news dd {
	margin: 0.7em 0 0.5em 0;
	padding: 0 0 0.3em 0;
	line-height: 1.3em;
	border-bottom: 2px dotted #fff;
}

.home #news dd strong {
	font-weight: bold;
	color: #3977b4;	
}

.home #news .btn a {
	display: inline-block;
	padding: 5px 1.5em 4px 1.5em;
	background: #297f00;
	border: 1px solid #297f00;
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	font-size: 0.8em;
}
.home #news .btn a:hover {
	background: #66ba3d;
}

.home #news .bn p {
	float: left;
	width: 31%;
	margin: 10px 1% 0;	
}

.home #news .bn p#left{
	clear: left;
	width: 31%;
	margin: 10px 0 0 1%;	
}

.home #news .bn2 {
	text-align: center;
}

.home #news .bn2 p {
	display: inline-block;
	width: 31%;
	margin: 0 1%;
}

.newsFile {
	position: relative;
	font-size: 0.8em;
}

.newsFile span {
	display: inline-block;
	padding: 6px 1.2em 3px 6px;
	line-height: 1; 
	border: 1px solid #EBEBEB;
	color: #fff !important;
	text-decoration: none !important;
	background: #47a0c6;
}

.newsFile:after {
	display: block;
	position: absolute;
	bottom: 4px;
	left: 8.2em;
	width: 1.15em;
	height: 1.15em;
	margin-top: 0px;
	content: " ";
	background: #47a0c6;
	border: 1px solid #47a0c6;
	border-right: 0;
	border-top: 0;
	pointer-events: none;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.newsFile .pdf-icon {
	display: inline-block;
	margin-left: 3px;
	margin-bottom: -5px;	
	width: 32px;
	height: auto;
}


/* お知らせ一覧ページ -------------------------------*/

.news-all #ichiran li {
	border-bottom: 1px dotted #d1d1d1;
	padding: 1em 0;	
} 

.news-all #ichiran p {
	margin: 0;	
} 

.news-all #ichiran .date {
	font-size: 0.8em;	
}

.pager {
	margin-top: 30px;	
}
.pager a {
	display: inline-block;
	margin-right: 1em;	
}


/* お知らせ個別ページ --------------------------------*/

.news-detail #kobetsu .date {
	font-size: 0.8em;
	color: #666;
	text-align: right;	
}

.news-detail #kobetsu .detailUpfile {
	display: inline-block;
/*	float: left;*/
	width: 30%;
	max-width: 300px;
	height: auto;
	margin-right: 2%;	
}




/*/////////////////////////////////////////////////////////////////////////
　サンプラザの取り組み
/////////////////////////////////////////////////////////////////////////*/

.group #contents section .posL {width: 70%;}
.group #contents section .posR {width: 25%;}

.group #contents section.groupPos .posL {width: 45%;}
.group #contents section.groupPos .posR {width: 50%;}

.gr-ind .intro {
	position: relative;
	max-width: 960px;
	margin: 0 auto;	
}

.gr-ind .intro .posR,
.gr-ind .intro .posL {width: 50%;}

.ta01 th,
.ta01 td {padding: 1em 1.5em;}

.ta01 th {
	width: 6em;
	background: #f4f7fd;	
}
.ta01 td {background: #fff;}


.groupImg2 figure {
	width: 48%;
	float: left;
	margin-right: 1%;	
}

.groupImg3 figure {
	width: 32%;
	float: left;
	margin-right: 1%;	
}

.groupImg2 figure,
.groupImg3 figure {
	position: relative;
	margin-bottom: 10px;
}

.groupImg2 figure span,
.groupImg3 figure span {
	display: block;
	width: 96%;
	padding: 0.5em 2% 0.2em 2%;
	background: #5585e0;
	font-size: 1em;
	line-height: 1.3em;
	color: #fff;
}

.groupImg2 figcaption,
.groupImg3 figcaption {
	display: block;
	width: 96%;
	padding: 0.3em 2%;
	font-size: 0.9em;
	line-height: 1.3em;
}

#low-zaitaku .posR1 {
	float: right;
	width: 50%;	
}

#low-zaitaku .posL1 {
	float: left;
	width: 45%;	
}

#zaitaku .posR1 {
	float: right;
	width: 49%;
}

#zaitaku .posL1 {
	float: left;
	width: 49%;
}

#zaitaku section {
	float: center;
	width: 70%;	
}

.advice {
	border: 3px dotted #75ce70;
	border-radius: 8px;
	background: #fffff7;
}

.advice h3 {
	padding: 0 0.7em;
	border: none;
	color: #1c8519;
	line-height: 1.7em;
}

.advice h3 span {
	font-size: 0.9em;
	color: #3a543a;	
}

.advice p {
	margin: 0 1em 1em 1em;
	color: #3a543a;
	text-indent: 1em;
	line-height: 1.7em !important;	
}

#contents #hikiva .posL,
#contents #hikiva .posR {
	width: 48%;	
}

.gr-soc .title {
	font-weight: bold;
	font-size: 1.15em;
	color: #68a13c;	
}

.gr-zai #low05 dt {
	margin-top: 1em 0 0 0;
	padding: 1em 0.5em 0.8em 57px;
	/*border: 2px solid #c1d8c9;*/
	border-bottom: none;
	background: #fff url(../recruit/img/marker_que.png) no-repeat 12px center;
	color: #7caa6d;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;	
}

.gr-zai #low05 dt:hover {
	background: #f7fff9 url(../recruit/img/marker_que.png) no-repeat 12px center;
}

.gr-zai #low05 dd {
	padding: 1em 1em 3em 57px;
	/*border: 2px solid #c1d8c9;*/
	/*border-top: none;*/
	background: #fff url(../recruit/img/marker_ans.png) no-repeat 12px 10px;
	color: #99826b;
	font-size: 1em;
	line-height: 1.6em;
}

.kakakuList {
   margin-top: 5px;
	background: #fff;
	width: 50%;
}

.kakakuList th {
	padding: 0.5em 0.8em;
	text-align: center;
	background: #4a7dde;	
   color: #fff;
   font-weight: bold;
}

.kakakuList td {
	padding: 1em 0;
	text-align: center;
	background: #fff;	
}

.kakakuList em {
	color: #bb3713;
   font-size: 0.8em;
   font-weight: bold;   
}

section :target:before {
      height: 200px;/* ヘッダの高さ */
      margin: -200px 0 0;/* ヘッダの高さ */
      content:"";
      display:block;
}



/*/////////////////////////////////////////////////////////////////////////
　店舗情報
/////////////////////////////////////////////////////////////////////////*/

#mapHead {
	max-width: 830px;
	margin: 0 auto 30px auto;	
}

#storeList .posL {
	width: 42%;
	max-width: 350px;	
}

#storeList .posL img {
	max-width: 350px;
	margin: 0 auto;
}
#storeList .posL .yoyaku {
	max-width: 250px;
	margin: 0 auto;
}

#storeList .posR {
	width: 57%;	
}

.storeList {
	background: #fff;
	width: 90%;
	margin: 0 auto;	
}

.storeList caption {
	padding: 0.8em;
	color: #fff;
	font-size: 100%;
	letter-spacing: 0.8em;	
	line-height: 1;
}

.osaka caption { background: #33419a;}
.kyoto caption { background: #942b9d;}

.storeList thead th {
	padding: 1em 0;
	text-align: center;
	background: #fff;	
}

.storeList td,
.storeList tbody th {
	padding: 1em 0.8em;
	text-align: left;
}

.storeList .name {width: 20%; white-space: nowrap;}
.storeList .add {width: 60%;}
.storeList .tel {width: 20%; white-space: nowrap;}

.osaka tbody th {background: #eff2f4;}
.kyoto tbody th {background: #f4eff4;}


.stLow .tac {
	width: 26%;
	max-width: 480px;
	float: left;	
}

.stLow .tac img {
	border: 9px solid #fff;
	box-shadow: 1px 1px 4px #b7b7b7;
}

.stLow table {
	width: 70%;
	float: right;
	background: #fff;
}

.stLow th,
.stLow td {
	padding: 1em 0.6em;
	border-color: #80a35e;
}

.stLow th {
	width: 20%;
	background: #e2edd1;
}

.stLow iframe {
	display: block;
	width: 96%;
	height: 350px;
	margin: 1em auto;
	border: none;	
}



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


.re-ind #contents h2 img {
	max-width: 480px;	
}

.re-ind #contents > section {
	margin: 0;
	padding: 35px 8%;
	background: #FFF4E3 url(../recruit/img/recruit-section-bg_02.png) no-repeat left top;
	background-size: 100% auto;
}

.re-ind #contents > section:nth-child(even) {
	background: #e5ffed url(../recruit/img/recruit-section-bg_01.png) no-repeat left top;
}

.re-ind #contents > section:nth-child(2) {
	background: #e5ffed url(../recruit/img/recruit-section-bg_03.png) no-repeat left top;
}

.re-ind #contents section#intro {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding: 80px 0 100px 0;	
	background: #fff;
	background: rgba(255,255,255,0.8) url(../recruit/img/re-ind-introBg.jpg) no-repeat center 70%;
	background-size: contain;
}

.recruit #contents #intro h2 img {
	display: block;
	width: 80%;
	height: auto;
	max-width: 827px;
	margin: 0 auto;
}

.re-ind #intro p {
	margin-right: auto;
	margin-left: auto;
	font-family: "a-otf-ud-shin-go-pr6n",'游ゴシック','游ゴシック体' ;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 2.4em;
	text-align: center;
	text-shadow: white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.seniorList figure {
	display: block;
	float: left;	
	width : 16%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.05, #d6e5fc));
	background: -webkit-linear-gradient(top, #d6e5fc 5%, #fff 100%);
	background: -moz-linear-gradient(top, #d6e5fc 5%, #fff 100%);
	background: -o-linear-gradient(top, #d6e5fc 5%, #fff 100%);
	background: -ms-linear-gradient(top, #d6e5fc 5%, #fff 100%);
	background: linear-gradient(to bottom, #d6e5fc 5%, #fff 100%);

	transition: .3s ease-out;
}

.seniorList figure a {
	position: relative;
	display: block;
	text-decoration: none !important;

	-webkit-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

.seniorList figure a.current {
	background: rgba(247,247,247,0.8);
}

.seniorList figurev a:hover,
.seniorList figurev a:not(.current):hover,
.seniorList figure a:not(.current):focus {
	outline: none;
	background: rgba(247,247,247,0.7);
}

.seniorList figcaption {
	display: block;
	width: 100%;
	padding: 0.5em 0.2em 0.4em 0.2em;
	text-align: center;
	line-height: 1.2em;
	background: #fff;
	font-size: 0.8em;
	color: #66726b;
}

.re-ind #low02 figure {
	display: block;
	position: relative;
	float: left;
	width: 45%;
	margin: 0 0.5% 20px 0.5%;
}

.re-ind #low02 figure img {
	display: block;
	width: 50%;
	max-width: 242px;
	float: right;
	border: 6px solid #fff;
	box-shadow: 1px 1px 6px #999;	
	transform: rotate(5deg);
}

.re-ind #low02 figcaption {
	display: block;
	position: absolute;
	left: 0%;
	top: 20px;
	width: 60%;
	padding: 1em;
	border: 1px solid #f7cc82;
	box-shadow: 2px 2px 12px #999;
	background: rgba(255,255,255,0.8);
	line-height: 1.7em;
	transform: rotate(-10deg);
}

#trainingBtn li {
	width: 30%;
	float: left;
	margin: 0 1.5% 20px 1.5%;
}

#trainingBtn li a {
	display: block;
	padding: 1.5em 0 1.3em 0px;
	text-decoration: none !important;
	background: #fff;
	box-shadow: 1px 1px 5px #666;	
	border: 1px solid #fff;
	border-radius: 8px;
}

#trainingBtn li a img {
	display: block;
	max-width: 190px;
	margin: 0;
}

#trainingBtn li a:hover {
	background: #f7fff9;	
}


.re-ind #low04 li {
/*	float: left;
	margin: 0 1.5% 1em 1.5%;	
*/}

.re-ind #low05 dt {
	margin-top: 1em 0 0 0;
	padding: 1em 0.5em 0.8em 57px;
	border: 2px solid #c1d8c9;
	border-bottom: none;
	background: #fff url(../recruit/img/marker_que.png) no-repeat 12px center;
	color: #7caa6d;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;	
}

.re-ind #low05 dt:hover {
	background: #f7fff9 url(../recruit/img/marker_que.png) no-repeat 12px center;
}

.re-ind #low05 dd {
	padding: 1em 1em 3em 57px;
	border: 2px solid #c1d8c9;
	border-top: none;
	background: #fff url(../recruit/img/marker_ans.png) no-repeat 12px 10px;
	color: #99826b;
	font-size: 1em;
	line-height: 1.6em;
}

.re-ind #low06 li {
	width: 23%;
	float: left;
	margin: 0 1%;
}

.re-ind #low08 h3{
	margin: 0px 0 30px 0;
	padding: 0.5em 1em 0.5em 1em;
	background: #ffce56;
	border: 3px double #fff;
	border-radius: 1em;
	font-family: "a-otf-ud-shin-go-pr6n",'游ゴシック','游ゴシック体' ;
	color: #000;
	font-size: 140%;
	text-shadow: white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.re-ind #low08 div {
	padding: 20px 20px 0 20px;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 10px;
}

.re-ind #low08 li {
	font-size: 1.3em;
	margin: 0 0 1.2em 20px;;
	padding: 0.2em 0 0 25px;
	background: url(../img/h2-icon-group.png) no-repeat left center;
	font-family: "a-otf-ud-shin-go-pr6n",'游ゴシック','游ゴシック体' ;	font-weight: bold;
	line-height: 1em;
	letter-spacing: 2px;
	color: #3a606e;
}
.re-sen .interview p {
	padding-left: 3em;
	line-height: 1.8em !important;
}

.re-sen .interview .posR,
.re-sen .interview .posL,
.re-sen .interview .qu {
	padding-left: 0;
	line-height: 1.2em !important;
}

.re-sen .interview .qu {
	margin-top: 2em;
	font-weight: bold;
	color: #333333;
	font-size: 1.15em;	
}

.re-sen .interview .qu:before {
	content: "── ";	
}

.re-sen .keireki h3 {
	color: #8c9e38;
	border-color: #8c9e38;
	letter-spacing: 1em;
}

.re-sen .profile {
	display: inline-block;
	margin-top: 1em;
	padding: 1em;
	border: 3px dotted #f2d280;
	border-radius: 8px;
	line-height: 1.3em;
	background: #fefbf4;	
}

.re-sen .profile dt {
	margin: 1.3em 0 0.5em 0;
	color:#8c9e38;
	font-weight: bold;	
}

.re-sen .profile dt:before {
	content: "● ";
	color: #8c9e38;	
}

.re-sen .profile dd {
	padding-left: 2.5em;	
}

.setsumeikai .posL {
	width: 60%;
}

.setsumeikai .posR {
	width: 35%
}

.setsumei th,
.setsumei td {
	padding: 1em;
	border: 1px dotted #999999;
	background: #fff;
	font-size: 1em;
}

.setsumei th {
	width: 15%;
	background: #fafafa;
}

.setsumeikai {
	padding: 1em;
	background: #d9ede0;
}
  
.recFooterNav li {
	float: left;
	width: 30%;
	margin: 0 1.5%;
}
  
.recFooterNav li a {
	display: block;
	padding: 0.6em 0;
	text-decoration: none !important;
	box-shadow: 1px 1px 5px #666;	
	border: 1px solid #CCC;
	border-radius: 8px;
}
  
.recFooterNav li a img {
	display: block;
	max-width: 300px;
	margin: 0 auto;
}

.recFooterNav .nav01 a {background: #3d7cdb;}
.recFooterNav .nav02 a {background: #ecb526;}
.recFooterNav .nav03 a {background: #326d00;}

.recFooterNav .nav01 a:hover {background: #548ee5;}
.recFooterNav .nav02 a:hover {background: #ffd356;}
.recFooterNav .nav03 a:hover {background: #479900;}



/*　福利厚生　----------------------------------*/

@media only screen and (min-width: 650px) {/*タブレット～PC*/

	.tooltip dl{
		display: inline-block;
		position: relative;
		width: 14em;
		margin: 0 1em 1.4em 0;
		padding: 0.5em 0.7em 0.3em 0.7em;
		color: #000;
		font-weight: bold;
		font-size: 110%;
		background: #ffce56;
		-moz-border-radius: 14px;
		-webkit-border-radius: 143px;
		border-radius: 14px;
		overflow: visible;
		box-shadow: 1px 1px 6px #999999;
	}
	
	.tooltip dl:hover {
		background: #ffb200;
		cursor:pointer;
	}
	
	.tooltip dd {
		display: none;
		padding: 0.3em 0.5em;
		width: 200px;
	}
	
	.tooltip dl:hover dd{
		display:block;
		position:absolute;
		background:#41abe7;
		color:#fff;
		font-weight: normal;
		font-size: 0.9em;
		line-height: 1.3em;
		bottom: 2.5em;
		left: -50px;
		-moz-animation: bubbleUp 0.2s 1;
		-webkit-animation: bubbleUp 0.2s 1;
		-o-animation: bubbleUp 0.2s 1;
		animation: bubbleUp 0.2s 1;
	}
	
	
	.tooltip dl:hover dd:after {
		display: block;
		position: absolute;
		left: 100px;
		bottom:-8px;
		width:0;
		height:0;
		content: "";
		border-top:8px solid #41abe7;
		border-left:8px solid transparent;
		border-right:8px solid transparent;
	}

}

@-moz-keyframes bubbleUp {
	0% {bottom:15px; opacity:0;}
	100% {bottom:2.5em; opacity:1;}
}

@-webkit-keyframes bubbleUp {
	0% {bottom:15px; opacity:0;}
	100% {bottom:2.5em; opacity:1;}
}

@-o-keyframes bubbleUp {
	0% {bottom:15px; opacity:0;}
	100% {bottom:2.5em; opacity:1;}
}

@keyframes bubbleUp {
	0% {bottom:15px; opacity:0;}
	100% {bottom:2.5em; opacity:1;}
}

@media only screen and (max-width: 649px) {/*スマホ*/
	.tooltip dl{
		display: block;
		position: relative;
		margin: 0 0 1em 0;
		padding: 0.5em 0.7em 0.3em 0.7em;
		color: #000;
		font-weight: normal;
		font-size: 1em;
		background: #ffce56;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		overflow: visible;
		box-shadow: 1px 1px 6px #999999;
	}
	
	.tooltip dd {
		display: block;
		margin-top: 0.5em;
		padding: 0.8em 0.5em 0.3em 0.5em;
		width: auto;
		font-weight: normal;
		font-size: 0.9em;
		line-height: 1.3em;
		background: #ffeab7;
	}
	

}

#fukuriImg p {
	float: left;
	width: 23%;
	margin: 0 1%;	
}

@media only screen and (max-width: 649px) {/*スマホ*/
	#fukuriImg p {
		width: 46%;
		margin: 0 2%;
	}
}

/*教育×研修制度-----------------------*/

.re-tra h2 img {
	max-width: 480px;
	margin: 0 auto;
}

#tab-training #pc_tip01 {
	position: absolute;
}


.traningImg2 figure {
	width: 48%;
	float: left;	
}

.traningImg2 figure:nth-child(even) {
	float: right;	
}

.traningImg3 figure {
	width: 32%;
	float: left;
	margin-right: 1%;	
}

.traningImg2 figure,
.traningImg3 figure {
	position: relative;
	margin-bottom: 10px;
}

.traningImg2 figcaption,
.traningImg3 figcaption {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 96%;
	padding: 0.3em 2%;
	background: rgba(84,145,151,0.7);
	font-size: 0.9em;
	line-height: 1.3em;
	color: #fff;
}

#tab-ayumi th {
	padding: 1em 1.5em;
	font-size: 1.15em;
	font-weight: bold;
	color: #669ea0;
}

#tab-ayumi td {
	padding: 1em 1em 1em 2em;
}

#tab-ayumi thead th {
	background: #a2d1d3;
	color: #fff;
}

#tab-ayumi td li {
	margin: 0.5em 0;
}

#tab-study .month {width: 20%;}
#tab-study .theme {width: 50%;}
#tab-study .lecturer {width: 30%;}

#tab-study .accordion dt {
	margin-bottom: 15px;	
	padding: 1.2em 1em 1em 16px;
	color: #fff;
	line-height: 1.3em;
	background: #549b9e url(../img/marker_02.png) no-repeat 5px center; 
}

.tabsbox .lowIntro {
	margin-bottom: 3.7em;
	text-align: center;
	color: #333;
	font-size: 1.2em;
	line-height: 2em !important;	
}

.tabsbox .lowAnno {
	color: #949494;
	text-align: center;
	font-size: 1em;	
	line-height: 1.5em !important;	
}

.tabsbox .lowIntro span,
.tabsbox .loaAnno span {
	display: inline-block;	
}

#tab-study .accordion dd {
	margin-bottom: 30px;	
}

#tab-study th,
#tab-study td {
	padding: 1em 1.5em;
	font-size: 1em;
	border-style: dotted;
}

#tab-study thead th {
	padding: 0.7em 1.5em;
	background: #d6efef;
	color: #4c8e91;	
}

#tab-study tbody th {
	font-weight: bold;
	text-align: left;
	background: #fafafa;
	color: #4c8e91;	
}




/* メールフォーム --------*/

.annoList {margin-bottom: 20px;}

.annoList dt,
.annoList dd {
	margin-bottom: 0.4em;	
}

.annoList dd {padding-left: 1em;}

.form {	width: 65%;	}

.form th,
.form td {
	padding: 1em; 	
}

.form th {
	width: 20%;
	white-space:nowrap;
	text-align: left;
	background: #f7edc9;
}

.form td {
	width: 80%;
	background: #fff;
}

.form .taHead {
	background: #f8d371;
	font-weight: bold; 	
}

.form .btnCell {
	padding: 20px auto 30px auto;
	border: none;
	background: none;	
}

label.error {
	display: inline-block;
	margin-left: 3px;
	color: #f00;
	font-size: 0.8em;
/*	padding: 1px;
	border: 1px solid #f00;
*/ }

/*form エレメント*/

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="email"],
textarea,
select {
	outline: none;
	border: 1px solid #c6c6c6;
	border-radius: 4px;
	padding: 4px 0 4px 4px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
	box-shadow: 0 0 7px #a0e2b5;
	border: 1px solid #c6c6c6;
}

input[type="reset"],
input[type="submit"],
input[type="button"] {
	display: block;
	margin: 20px auto 30px auto;
	padding: 0.5em 1em;
	border-radius: 1em;
	cursor:pointer;
	border: 1px solid #d3d1b7;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.83, #d1a300), color-stop(0.04, #fefac8));
	background: -webkit-linear-gradient(top, #fefac8 4%, #d1a300 83%);
	background: -moz-linear-gradient(top, #fefac8 4%, #d1a300 83%);
	background: -o-linear-gradient(top, #fefac8 4%, #d1a300 83%);
	background: -ms-linear-gradient(top, #fefac8 4%, #d1a300 83%);
	background: linear-gradient(to bottom, #fefac8 4%, #d1a300 83%);
}

input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.90, #fefac8), color-stop(0.11, #d1a300));
	background: -webkit-linear-gradient(top, #d1a300 11%, #fefac8 90%);
	background: -moz-linear-gradient(top, #d1a300 11%, #fefac8 90%);
	background: -o-linear-gradient(top, #d1a300 11%, #fefac8 90%);
	background: -ms-linear-gradient(top, #d1a300 11%, #fefac8 90%);
	background: linear-gradient(to bottom, #d1a300 11%, #fefac8 90%);
}

::-webkit-input-placeholder, 
::-moz-placeholder,
:-ms-input-placeholder {
	color: #ffffff !important;
}

.form select {cursor: pointer;}

.form select::-ms-expand {/*IE10～*/
	display: none;
}

.form .select span:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 9em;
	width: 7px;
	height: 7px;
	margin-top: -5px;
	content: " ";
	border: 1px solid #999;
	border-right: 0;
	border-top: 0;
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.sizeL {width: 95%;}
.sizeM {width: 50%;}
textarea {width: 95%;}
.postal { width: 7em;}
.size4 {width: 4em;}
.size2 {width: 2em;}

input,
textarea {ime-mode: active;}

input[type="tel"],
input[type="number"],
input[type="email"],
.imeOff {ime-mode: disabled;}

button { cursor:pointer;}

.bn-bu button {
	padding: 0;
	margin: 0 auto;
	background: none;
	border: none;	
}



/*contents 各ページ*/

.company #greetinf .logo {
	display: inline-block;
	max-width: 9em;
	height: auto;
}

.company #greetinf .name img {
	float: right;
	width: 50%;
	max-width: 316px;
	height: auto;
}

.sitemap .list li {
	margin-bottom: 0.4em;	
}
.sitemap .list2 {
	margin-bottom: 1em;	
}
.sitemap .list > li {
	margin-bottom: 1em;
}
.sitemap .list > li {
	padding-left: 1em;
	background: url(../img/marker_03.png) no-repeat left 0.2em;	
}

.sitemap .list2 > li {
	padding-left: 2em;	
	background: url(../img/marker_03.png) no-repeat 1em 0.2em;	
}

.sitemap .list3 > li {
	padding-left: 2em;
	background: url(../img/marker_04.png) no-repeat 1em 0.2em;	
}

.typeContents {
	width: 70%;
	background: #fff;
}

.typeContents th,
.typeContents td {
	padding: 1em 0.6em;
	border-color: #f7f2db;
}

.typeContents th {
	width: 20%;
	background: #f7f2db;
}


.company #principle li {
	margin-bottom: 0.7em;
	padding-left: 1.5em;
	background: url(../img/h2-icon-group.png) no-repeat left top;	
}


/*############################################################################################*/
/* スマホ～タブレット向け指定 */
/*############################################################################################*/


@media only screen and (max-width: 919px) {

	.disp-pc {
		display: none !important;
	}
	
	body {
		-webkit-text-size-adjust: 100%;
		-moz-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
		-o-text-size-adjust: 100%;
		text-size-adjust: 100%;
	}
	
}




/*############################################################################################*/
/* スマホ向けのレイアウトの指定 */

@media only screen and (max-width: 649px) {
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		font-size:100%;
	}
	
	.hidden-phone {
		display: none !important;
	}

	h1 {padding: 5px 0 0 3%;}
	
	h1 img {max-width: 350px;}

	/* 可変ブロック
	--------------------------------------------------------------*/
	
	#wrapper {
		padding: 0 !important;
		border: none;
	}
	
	#contents {
		width: auto;
		max-width: auto;
		margin: 0 2% 0 2%;	
	}
	
	.home #contents {
		width: 80%;
		max-width: auto;
		margin: 0 auto 0 auto;
	}
	
	.re-ind #container,
	.re-ind #contents {
		margin: 0 !important;
		padding: 0;
	}

	#open-btn {
		display: block;
		float: left;
		width: 13%;	
		margin: 3px 0 6px 2%;
	}
	
	header #logo {
		float: left;
		width: 70%;
		margin: 3px 0 6px 2%;
	}
	
	.home #mainImage {
		position: relative;	
		height: auto;
	}
	
	.home #mainImage img {
		width:100%;
	}
	
	tr,th,td {
		display: block;
		width: auto !important;
	}
   
	.stLow th,
	.setsumei th,
	.ta01 th,
	.ta01 td {
		text-align: left;
	 }
   
   .setsumei dt{
      float: none;
   }
   .setsumei dd{
      margin-left: 0;
   }
	
	#contents section h2 {
		font-size: 1.3em;
		line-height: 1.4em;
	}

	#copy {
		float: none;
		width: 100%;
		margin: 15px auto 30px auto !important;
		text-align: center;
		font-size: 0.7em;
		letter-spacing: 0;
	}
	
	#pagetop {
		position: fixed;
		bottom: 20px;
		right: 5px;
		z-index: 9999;
	}
	
	#pagetop img {
		display:block;
		max-width:42px;
	}

	#bread {
		padding: 17px 0 10px 3%;
		font-size: 1em;
		line-height: 1.4em;
	}
	
	/*メールフォーム*/
	.form {	width: 90%;	}

	.form th,
	.form td {
		width: 100%;
		padding: 0.7em 0.5em; 	
	}
	


	/*/////////////////////////////////////////////////////////////////////////
	　トップページ
	/////////////////////////////////////////////////////////////////////////*/

	
	/*お知らせ ------------------------------------------------------*/
	
	.home #news-sp {
		margin: 10px auto 35px auto;
		padding-bottom: 20px;
		background: #fff;
	}
	
	.home #news-sp div {
		margin: 0px 2%;
	}
	
	.home #news-sp h2 {
		margin: 0;
		padding: 0;
		float: left;
		width: 66%;
		max-width: 150px;
		border: none;
		background: none;
	}
	
	.home #news-sp .btn {
		float: right;
		width: 30%;
		margin-top: 24px;
	}
	
	.home #news-sp .btn a {
		display: block;
		padding: 5px 1em 4px 1em;
		background: #297f00;
		border: 1px solid #297f00;
		border-radius: 4px;
		color: #fff;
		text-decoration: none;
		font-size: 0.7em;
	}
	
	.home #news-sp dl {
		margin: 10px 3% 30px 3%;
		height: 160px;
		overflow-y: auto;
		font-size: 0.9em;
	}
	
	.home #news-sp dt {
		font-weight: normal;
		color: #666;
	}
	
	.home #news-sp dd {
		margin: 0.5em 0 0.8em 0;
		padding: 0 0 0.5em 1em;
		line-height: 1.3em;
		border-bottom: 2px dotted #fbe197;
	}
	
	.home #news-sp dd strong {
		font-weight: bold;
		color: #3977b4;	
	}
   
   .home #news-sp .bn p,
   .home #news-sp .bn2 p{
		max-width: 	160px;
      margin: 0 auto 15px;
	}
	
	.home #news .bn p,
	.home #news .bn p:nth-child(even) {
		width: 100%;
		float: none;	
	}
	
	
	.storeList {width: 100%; background: #fff;}
	.storeList th,
	.storeList td {
		display:block;	
	}
	
	.storeList tbody th {font-weight: bold;}
	.storeList td {
		border-top: none;
		border-bottom: none;	
	}
	
	.storeList thead {display: none;}
	.storeList .name,
	.storeList .add,
	.storeList .tel {width: auto; white-space: normal}



	/*/////////////////////////////////////////////////////////////////////////
	　サンプラザの取り組み
	/////////////////////////////////////////////////////////////////////////*/
	

	.group #contents section .posL,
	.group #contents section .posR,
	.group #contents section.groupPos .posL,
	.group #contents section.groupPos .posR,
	.groupImg2 figure,
	.groupImg3 figure,
	#low-zaitaku .posR1,
	#low-zaitaku .posL1,
   #zaitaku .posR1,
	#zaitaku .posL1,
	#contents #hikiva .posL,
	#contents #hikiva .posR {
		width: auto;
		float: none;	
	}
	
   #zaitaku .posR1,
   #zaitaku .posL1{
      width:100%;
   }
   
	.gr-ind .intro .posR,
	.gr-ind .intro .posL,
	#zouki .posL,
	#zouki .posR {
		float: none;
		width: auto;
		margin: 0 auto;
	}
	
	.gr-cho #low04 .imgR {
		float: none;
		margin-left: 0;
	}
	
	.gr-cho #low04 .w60 {width: 100%;} 
   
   .kakakuList tr {display: table-row !important}
   
   .kakakuList th,
	.kakakuList td {
      display: table-cell !important;
      width: 33% !important;
   }
   
   .kakakuList th{
      font-size: 0.75em;
      padding:0.5em 0.5em;
   }
   
   .kakakuList {
	width: 100%;
}
   
   .kakakuList span {
		display: inline;	
	}
  
	section :target:before {
      height: 700px;/* ヘッダの高さ */
      margin: -700px 0 0;/* ヘッダの高さ */
      content:"";
      display:block;
}
  

	/*/////////////////////////////////////////////////////////////////////////
	　採用情報
	/////////////////////////////////////////////////////////////////////////*/
	
	.setsumeikai .posR,
	.setsumeikai .posL {
		width: auto;
		float: none;	
	}

	.re-ind #contents > section {
		padding: 10px 3% 20px 3% !important;
	}
	
	.re-ind #contents > section#intro {
		padding: 0px 0px 20px 0px;	
	background: #fff;
	background: rgba(255,255,255,0.8) url(../recruit/img/re-ind-introBg-sp.jpg) no-repeat center center;
	background-size: contain;
}
	.re-ind #contents #intro h2 {
		padding: 0px 2% 0px 2%;
	}

	.re-ind #contents #intro h2 img {
		width: 96%;
		margin: 0 auto;
	}


	.re-ind #intro p {
		margin: 0 2%;
		font-family: 'webfont-m';
		font-size: 0.9em;
		line-height: 1.9em;
		text-align: center;
	}
	
	.seniorList figure {
		width : 50%;
	}
	.re-sen #contents h2 {
		margin-left: -5%;
		margin-right: -5%;	
	}
	
	.re-sen .seniorList figure {
		width : 33%;
	}
	
	.re-ind #low02 figure {
		float: none;
		width: 100%;
		margin: 0 0 50px 0;
	}
	
	.re-ind #low02 figure:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	
	.re-ind #low02 figure img {
		width: 60%;
		max-width: 50%;
	}
	
	.re-ind #low02 figcaption {
		top: 10px;
		width: 60%;
		border-radius: 10px;
		line-height: 1.5em;
		font-size: 0.8em;
		transform: rotate(0deg);
	}
	
	.re-ind #low05 dt {
		font-size: 100%;	
	}
	
	#trainingBtn li {
		width: 49%;
		margin: 0 0.5% 5px 0.5%;
	}
	
	#trainingBtn li a {
		padding: 1em 3px 1em 3px;
		color: #7caa6d;
		font-size: 100%;
	}
	
	.re-ind #low06 li {
		width: 45%;
		margin: 0 auto 10px auto;
	}
	
	.re-ind #low06 li.navi02,
   .re-ind #low06 li.navi04 {
		float: right;
	}
	
	.re-ind #low06 li.navi03 {
		float: left;
		
	}
	
	.re-ind #low08 li {
		font-size: 1em !important;
		line-height: 1em;
		letter-spacing: 1px;
	}

	.re-sen .interview p {
		padding-left: 1.5em;
		line-height: 1.8em !important;
	}
	
	.re-sen .interview .posR,
	.re-sen .interview .posL,
	.re-sen .interview .qu {
		padding-left: 0;
		line-height: 1.3em !important;
	}
	
	.re-sen .interview .qu:before {
		content: "─ ";	
	}
	
	.traningImg2 figure,
	.traningImg2 figure:nth-child(even),
	.traningImg3 figure {
		width: 100%;
		float: none;
		margin-right: 0;	
	}

	.tabsbox .lowIntro {
		text-align: left;
		font-size: 1em;	
		line-height: 1.7em !important;	
	}
	
	.tabsbox .lowIntro span,
	.tabsbox .loaAnno span {
		display: inline;	
	}
	
	.tabsbox .lowAnno {
		text-align: left;
		font-size: 0.9em;	
		line-height: 1.5em !important;	
	}
	

	#tab-study thead {
		display: none;	
	}

	.recFooterNav li {
		float: none;	
		width: 100%;
		margin: 0 0 8px 0;
	}



	/*/////////////////////////////////////////////////////////////////////////
	　店舗情報
	/////////////////////////////////////////////////////////////////////////*/
	
	#storeList .posL,
	#storeList .posR,
	.stLow .tac,
	.stLow table {
		float: none;
		width: 100%;
	}
	
	.stLow iframe {
		width: auto;
		height: 250px;
	}



	/*/////////////////////////////////////////////////////////////////////////
	　contents
	/////////////////////////////////////////////////////////////////////////*/

	.company #greetinf p {
		z-index: 1;
	}
	.company #greetinf .imgL {
		float: none;
		position: absolute;
		z-index: 0;
		margin: 0;
		opacity:0.2; 
	}

	.company #greetinf .w20 {
		width: 90%;
	}
	
	.company #greetinf .name img {
		width: 55%;
	}

	
}



/*############################################################################################*/
/* タブレット向けのレイアウトの指定 */
@media only screen and (min-width: 650px) and (max-width: 919px) {

	.disp-phone {
		display: none !important;
	}


}



/*############################################################################################*/
/* PC向けおよび大型タブレット向け指定：907px～ */
/*############################################################################################*/


@media only screen and (min-width: 920px) {

	.disp-phone,
	.hidden-pc {
		display: none !important;
	}

}



/*############################################################################################33*/
/* 印刷向けレイアウトの指定 */
/*############################################################################################*/


@media only print {
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {	font-size:97%;}

	.disp-phone {display: none !important;}

	#bread {
		font-size: 10px;
		margin: 15px 0;
	}
	
	header,
	#title p,
	#container,
	footer {width: 950px;}
	
	#contents {width: 930px/*630px*/;}
	
	#sidebar {width: 210px;}

	.p-break {page-break-before: always;}

	/*本サイト独自指定*/
	
	.home header { width: 100%;}
	.home #container { width: 100%; margin: 20px 0 0 0;}

	#subHeadMenu {position: relative !important;}
	
		
}