@charset "UTF-8";
/* 基本スタイル
---------------------------------------------*/

/* ------------------------------
   Browser Reset
------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, slideShow {margin: 0;padding: 0;border: 0;vertical-align: baseline;font-family: inherit;font-style: inherit;font-weight: inherit;}

html {-webkit-text-size-adjust: none;}
img {vertical-align: bottom;}
a {-webkit-tap-highlight-color: transparent;}
strong {font-weight: bold;}
ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a:focus {/**/overflow: hidden;/**/}
option {padding-right: 10px;}
/*---------------------------------------------------*/

body {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";margin: -50px auto 0 auto;}
a {color: #FFFFFF;text-decoration: none;}
a:hover {color: #333333;text-decoration: none;}
img {border: none;vertical-align: top;}


/* pc
-------------------------------------------------------- */
@media screen and ( min-width:641px ){
.pcHidden { display: block; }
.spHidden { display: none; }

/*ここから
-----------------------------*/
	
/* 共通
-------------------- */
#wrapper {width: 100%;margin: 0 auto;}
#pageTop, #pageBottom {width: 100%;margin: 0 auto;}
#pageBottom { border-top: 6px solid #2467ec;}
#pageContent {width: 100%;margin: 0 auto;}

	
/* フッター*/	
.footer{ background: url("../images/index/footerBg.png"); background-repeat: no-repeat;}
.footerInner{ width: 1080px; margin: 50px auto 30px auto; display: inline-block;}
/*.footerLogo{ float: left; position: relative; left: 250px; top:10px;}*/
.addressArea{ float: right; }
.address{ padding: 10px 0;}
.name{ font-size:20px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}	
.copyright {background-color: #2467ec;padding: 50px 0; }
.copyright p {margin: 0 auto;color: #fff;font-size: 14px;text-align: center;letter-spacing: 0.1em;}
	
	
/* ページトップへ
-------------------- */
#page_top {width: 90px;height: 90px;position: fixed;right: 0;bottom: 0;opacity: 0.6;}
#page_top a {position: relative;display: block;width: 90px;height: 90px;text-decoration: none;}
#page_top a:before {font-family: FontAwesome;content: '\f102';font-size: 25px;color: #FFFFFF;position: absolute;width: 25px;height: 25px;top: -40px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;}
#page_top a:after {content: 'PAGE TOP';font-size: 13px;color: #fff;position: absolute;top: 45px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;color: #FFFFFF;}

	
/* フェードイン指示
-------------------- */
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}	
}

/* ipad(1024px)
---------------------------------------------------------*/	
@media screen and ( max-width:1024px ){
.pcHidden { display: none; }
.spHidden { display: block; }

#pageBottom { border-top: 6px solid #2467ec;}	
/* フッター*/
.footer.footer{ max-width: 100%; margin: 20px auto 0 auto; padding: 10px 0 0 0; background-image:none;}
.footerInner{ max-width: 80%; margin: 0 auto 20px auto;}
.footerLogo{ display:  none;}
.addressArea{ max-width: 100%; margin: 0px auto; }
.address{ font-size:14px; padding: 0 0;}
.name{ font-size:20px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}	
.copyright {background-color: #2467ec;padding: 20px 0; }
.copyright p {margin: 0 auto;color: #fff;font-size: 10px;text-align: center;letter-spacing: 0.1em;}
}

/* ipad(768px)
---------------------------------------------------------*/	
@media screen and ( max-width:768px ){
.pcHidden { display: none; }
.spHidden { display: block; }

#pageBottom { border-top: 6px solid #2467ec;}	
/* フッター*/
.footer.footer{ max-width: 100%; margin: 0px auto 0 auto; padding: 10px 0 0 0; background-image:none;}
.footerInner{ max-width: 80%; margin: 0 auto 20px auto;}
.footerLogo{ float: left; }
.addressArea{ max-width: 80%; margin: 0px auto; }
.address{ font-size:14px; padding: 0 0;}
.name{ font-size:20px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; padding: 10px 0 0 0;}	
.copyright { background-color: #2467ec; padding: 20px 0; }
.copyright p { margin: 0 auto;color: #fff; font-size: 10px; text-align: center;letter-spacing: 0.1em;}

}


/* sp(640px)
-------------------------------------------------------- */
@media screen and ( max-width:640px ){
.pcHidden { display: none; }
.spHidden { display: block; }
#pageBottom { border-top: 6px solid #2467ec;}	
/* フッター*/
.footer{ max-width: 100%; margin: 20px auto 0 auto; padding: 10px 0 0 0; background-image:none;}
.footerInner{ max-width: 90%; margin: 0 auto; }
.footerLogo{ display: none;}
.addressArea{ max-width: 100%; margin: 10px auto 0 auto;}
.address{　font-size:10px; padding: 0 0;}
.name{ font-size:16px; font-weight: bold; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}	
.copyright {background-color: #2467ec;padding: 20px 0; }
.copyright p {margin: 0 auto;color: #fff;font-size: 10px;text-align: center;letter-spacing: 0.1em;}

}

/* sp(480px)
-------------------------------------------------------- */
@media screen and ( max-width:480px ){
.pcHidden { display: none; }
.spHidden { display: block; }
	
.footer{ max-width: 100%; margin: 10px auto 0 auto;}
.footerLogo img{ width: 10%; }
.name{ font-size:14px;}
.address{ font-size:8px; padding: 0 0;}
		

}