@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;}
#bread .inner a { color:#333;}
#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:40px; line-height:40px;}
	#bread .inner .return:after { top:12px;}
}


/*---- 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 { 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;}
}

.formNoticeM, .formNotice { display:none; color:#f00;}
form input[type="text"] { width:100%; height:40px; padding:10px; border:1px #dedede solid;}

.contactTable { width:90%; margin:0 5%; border:1px #dedede solid; text-align:left;}
.contactTable th, .contactTable td { padding:15px;}
.contactTable th { background:#f0f0f0; width:240px; border-bottom:1px #fff solid; font-weight:bold;}
.contactTable th.chk:after { position:absolute; margin:0px 0 0 10px; width:60px; height:24px;content:"必須"; background:#FF7652; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; color:#fff; font-weight:normal; font-size:12px; line-height:24px; text-align:center;}
.contactTable tr:last-child th, .contactTable tr:last-child td { border:none;}
.contactTable td { border-bottom:1px #dedede solid; font-size:12px;}

.sendTable { width:90%; margin:0 5%; border:1px #dedede solid;}
.sendTable th { border-bottom:1px #dedede solid; font-size:24px;}
.sendTable th, .sendTable td { padding:20px; text-align:center;}

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

	.sendTable th, .sendTable td { display:block; width:100%; padding:10px; font-size:15px;}
}

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

.btnBox { width:760px; height:70px; margin:40px auto;}

.backBtn { position:relative; display:block; width:340px; height:70px; background:#FFAF52; border:none; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;
color:#fff; font-size:28px; font-weight:bold; line-height:60px; float:left;}
.backBtn:before { position:absolute; left:10px; content:"＜";}

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

@media screen and (max-width: 480px){
	.sendBtn { width:90%; height:40px; margin:20px 5%; line-height:40px; font-size:20px;}
	.btnBox  { width:100%; height:40px; margin:0;}
	.backBtn, .submitBtn { width:40%; height:40px; margin:20px 5%; line-height:40px; font-size:20px;}
}

/*--- 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 */