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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0; padding:0; border:0; font-style:normal; font-weight:normal; font-size:100%; vertical-align:baseline;}
 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
html{ overflow-y:scroll;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content:none;}
input, textarea,{ margin:0; padding:0;}
ol, ul{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
caption, th{ text-align:left;}
a:focus { outline:none;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}  
.clearfix { display:inline-table; }  
/* Hides from IE-mac \*/  
* html .clearfix { height:1%; }  
.clearfix { display:block; }  
/* End hide from IE-mac */  
 
* { box-sizing:border-box;}

a { color:#094; text-decoration:none;}
a:hover { color:#094; text-decoration:underline;}

a:hover img { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)";}
a, a:hover { -webkit-transition:0.1s; -moz-transition:0.1s; -o-transition:0.1s; transition:0.1s;}

img { max-width:100%; height:auto; vertical-align: bottom;}

.pagetop { display:none; position:fixed; bottom:20px; right:20px;}
.pagetop a { display: block; width:50px; height:50px; text-align:center; line-height:50px; color: #fff; font-size:18px;
	 background: #094; border:1px #fff solid; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}


/*---- body, wrap, inner ----*/

body { text-align:center; font-size:16px; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; }

#wrap { width:1000px; margin:0 auto; background:#eee;}
.inner { width:1000px; margin:0 auto;}

.pc { display:block;}
.mb { display:none;}
 
@media screen and (max-width: 480px){
	#wrap { width:100%; margin:0;}
	.inner { width:96%; margin:0 2%;}
	.pc { display:none;}
	.mb { display:block;}

	.opBtn {}
	.opBox { display:none;}
}


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

header > .inner{ position:relative; height:115px;}
header .hLogo { position:absolute; top:31px;}
header .hTel { position:absolute; top:37px; left:381px;}
header .hContact { position:absolute; top:32px; right:0;}
header .hContact a { display:block; width:220px; height:50px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; background:#FFAF52;
 color:#fff; font-size:18px; font-weight:bold; line-height:50px;}
 header .hContact a:after { position:absolute; right:10px; content:">";}
 header .hContact a:hover { opacity:0.75; filter:alpha(opacity=75); -ms-filter:"alpha(opacity=75)"; text-decoration:none;}

@media screen and (max-width: 480px){
	header > .inner { height:auto;}
	header .hLogo, header .hTel, header .hContact { position:static; margin:5px auto;}
	header .hContact a{ position:relative; height:40px; margin:0 auto; line-height:40px;}
}


/* bread */

#bread { width:100%; height:50px; background:#f9f9f9; border-top:1px #eee solid; border-bottom:1px #eee solid; line-height:50px;}
#bread .inner { position:relative; overflow: hidden;}
#bread .inner ul { position:relative; left:50%; float:left;}
#bread .inner li { position:relative; left:-50%; float:left; padding:0 50px 0 10px;}
#bread .inner li:before { position:absolute; left:-16px; top:16px; display:block; width:16px; height:16px; content:"v"; line-height:16px; background:#094; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff;}
#bread .inner a { color:#333;}
#bread .inner li.ret { display:none;}
#bread .inner .return { position:absolute; right:0; padding-right:16px;}
#bread .inner .return:after { position:absolute; right:0px; top:17px; display:block; content:">"; line-height:16px; color:#094;}

@media screen and (max-width: 480px){
	#bread { height:auto; line-height:40px; text-align:left;}
	#bread .inner { position:static;}
	#bread .inner ul { position:static; float:none;}
	#bread .inner li { position:relative; left:20px; width:50%; padding:0;}
	#bread .inner li:before { left:-20px; top:10px; text-align:center;}
	#bread .inner li.ret { display:block;}
	#bread .inner li.ret:before { top:13px; display:block; content:">"; line-height:16px; color:#094; background:none;}
	#bread .inner .return { display:none;}
}


/*---- common ----*/

article { padding:60px 0 0 0;}
article h2 { font-size:36px;}
article .h2eng { position:relative; margin-bottom:70px; color:#094; font-size:12px;}
article .h2eng:after { position:absolute; bottom:-30px; left:50%; margin-left:-40px; width:80px; content:""; border-bottom:3px #094 solid;}

section { text-align:left; margin-bottom:40px;}
section h4 { height:40px; padding-left:10px; color:#fff; font-size:18px; line-height:40px;}


@media screen and (max-width: 480px){
	article { padding:10px 0 0 0;}
	article h2 { font-size:24px;}
	article .h2eng { font-size:10px; margin-bottom:30px;}
	article .h2eng:after { bottom:-10px;}
}


/* fukidashi */
.arrow_box { position: relative; height:70px; line-height:70px; margin-top:30px; font-size:28px;background: #f9f9f9;border: 1px solid #eeeeee;}
.arrow_box:after, .arrow_box:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.arrow_box:after {border-color: rgba(249, 249, 249, 0); border-top-color: #f9f9f9; border-width: 30px 60px;margin-left: -60px;}
.arrow_box:before {border-color: rgba(238, 238, 238, 0);border-top-color: #eeeeee;border-width: 31px 61px;margin-left: -61px;}

.arrow_box > h3 { position:relative; margin-left:-90px;}
.arrow_box > h3:after { position:absolute; margin:20px 0 0 10px; width:80px; height:24px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; font-size:12px; line-height:24px; text-align:center;}
.arrow_box .regular:after { content:"正社員"; background:#FFAF52;}
.arrow_box .part:after    { content:"パート"; background:#FF7652;}


/* about */

#about { margin:60px 0 0 0;}
.aboutLR { margin-bottom:30px;}
.aboutL { width:485px; float:left;}
.aboutR { width:485px; float:right;}

.aboutCatch { margin-bottom:10px; font-size:24px;}
#about h4 { margin-bottom:10px; background:#094; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}

.aboutTable { width:100%;}
.aboutTable th, .aboutTable td { padding:15px 10px; border:1px #fff solid;}
.aboutTable th { background:#f0f0f0; white-space:nowrap;}
.aboutTable td { background:#f9f9f9;}

@media screen and (max-width: 480px){
	#about { margin-top:0;}
	.aboutL { float:none; width:100%; margin:10px 20%; width:60%;}
	.aboutR { float:none; width:100%;}
	.aboutCatch { margin-bottom:10px; font-size:18px;}
	.aboutTable { font-size:15px;}
	.aboutTable th, .aboutTable td { padding:10px;}
}

.information { margin-bottom:30px;}
.information p { margin-bottom:10px;}
.infoImg { margin-bottom:30px;}
.infoImg li{ float:left; margin-right:32px;}
.infoImg li:last-child { margin:0;}

@media screen and (max-width: 480px){
	.infoImg li{ width:33%; margin:0;}
}

.infoTable { width:100%; border:1px #dedede solid;}
.infoTable th, .infoTable td { padding:15px 20px;}
.infoTable th { background:#f0f0f0; width:220px; border-bottom:1px #fff solid; font-weight:bold;}
.infoTable tr:last-child th, .infoTable tr:last-child td { border:none;}
.infoTable td { border-bottom:1px #dedede solid;}
.infoTable td.dashed { border-bottom:1px #dedede dashed;}
.infoTable td > dl dt { width:120px; float:left;}
.infoTable td > dl dd { margin-left:120px;}

@media screen and (max-width: 480px){
	.infoTable th, .infoTable td { display:block; width:100%; padding:10px; font-size:15px;}
	.infoTable td > dl dt { width:100px; float:left;}
	.infoTable td > dl dd { margin-left:100px;}

}


/* place */

#place h4 { background:#094;}



/* charge */

#charge h4 { background:#FF7652;}


/* contact */

.contactBtn a{ position:relative; display:block; width:760px; height:70px; margin:60px auto; background:#FFAF52; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; font-size:28px; font-weight:bold; line-height:70px;}
.contactBtn a:after { position:absolute; right:10px; content:"＞";}

@media screen and (max-width: 480px){
	.contactBtn a { width:90%; margin:10px 5%; font-size:18px;}
}



/*--- footer ---*/

footer { width:100%; height:220px; padding-top:20px; background:#094;}
address { color:#fff; font-size:14px; text-align:right;}

@media screen and (max-width: 480px){
	footer { height:auto; padding:5px;}
	address { text-align:center;}
}












/* CSS memo
 
角丸 {
    border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; 
}

テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000; -webkit-box-shadow: 1px 1px 3px #000; box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000; -webkit-box-shadow: inset 1px 1px 3px #000; box-shadow: inset 1px 1px 3px #000;
}
 
トランジション {
    -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; transition: 1.5s;
}
 
要素全部を透明 {
    filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 

:first-child　（最初に現れる要素にだけ適用）
:last-child
:nth-child(n)　･･･　n番目の要素に適用
:nth-child(odd)　･･･　奇数番目の要素に適用
:nth-child(2n+1)　･･･　奇数番目の要素に適用
:nth-child(even)　･･･　偶数番目の要素に適用
:nth-child(2n)　･･･　偶数番目の要素に適用
:nth-child(3n)　･･･　3,6,9,12…番目の要素に適用
:nth-child(3n+1)　･･･　1,4,7,10…番目の要素に適用 



CSS memo */