@charset "UTF-8";
/* CSS Document */
body{
	font-size:14px;
	line-height: 1.8em;
	letter-spacing: 1.2pt;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	margin:0;
	padding:0;
	color:#070606;
	word-break: break-all;	
}
#loader_wap {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background:#fff;
  z-index: 9999;
}
#load_inner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #222;
	font-size:12px;
	letter-spacing: 0pt;
  z-index: 9999;
}
html{-webkit-text-size-adjust:100%;}
li{list-style:none;}

#wrapper{
	width:100%;
	margin:0 auto;
	padding:0;
}

header{
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	padding:15px 0;
	z-index:999;
	background:#fff;
}
header.shadow{
	box-shadow:4px 0 12px rgba(0,0,0,0.2);
}

#header{
	width:100%;
	max-width:1000px;
	display:table;
	margin:0 auto;
	padding:0;
}
#header #logo{
	display:table-cell;
	width:40%;
	margin:0;
	padding:0;
}
#header #logo a{
	display:block;
	width:100%;
	max-width:240px;
	margin:0;
	padding:0;
}
#header #logo a img{
	display:block;
	width:100%;
}

.sec{
	position:relative;
	width:100%;
	margin:0 auto;
	padding:0;
	}
.sec.bk01{background:url("../img/bk01.png") repeat;}
.sec.bk02{background:url("../img/bk02.png") repeat;}
.contents {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 0;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer{
	width:100%;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	background:#203f82;
	}

footer .footer_info{
	display:table;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:40px 0 20px;
}
footer .footer_info .left,
footer .footer_info .center,
footer .footer_info .right{
	display:table-cell;
	vertical-align: middle;
	color:#fff;
	letter-spacing: 0.4pt;
	width:32%;
	margin:0;
	padding:0 2% 0 0;
}

footer .footer_info .right{padding-right:0;}


#copy{
    font-size: 13px;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0 0 40px;
	}

a#pagetop {
	position:fixed;
	right:5%;
	bottom:60px;
	text-indent:-9999px;
	display: block;
	width: 74px;
	height:89px;
	background:url(../img/pagetop.png) center/100% no-repeat;
	z-index:3000;
}

br.br{display:inline-block;}
br.sp_br{display:none;}
br.tab_br{display:none;}

.clearfix{overflow: visible !important;}
.clearfix:after{
    content: "";
    clear: both;
    display: block;
}

/*スクロールアニメ*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 0.5s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
.f18{font-size:18px !important;}
.ptb_0{padding:0 !important;}
.pc_only{display:inline-block;}
.sp_only{display:none;}
br.br{display:inline;}
br.sp_br{display:none;}

/* 画面サイズが1024px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:1024px) {
#header{
	width:92%;
	max-width:100%;
	}
#header #logo a{
	width:200px;
	margin:5px 0 0 0;
	padding:0;
}
.contents {width:92%;}

/*----------------------------------------------------
	footer
----------------------------------------------------*/
footer .footer_info{
	width:92%;
	padding:20px 0;
}
footer .footer_info .left,
footer .footer_info .center,
footer .footer_info .right{
	color:#fff;
	font-size:12px;
	line-height:1.8em;
	letter-spacing: 0.2pt;
}

#copy{
    font-size: 12px;
	padding:0 0 20px;
	}
.f18{font-size:16px !important;}		
}

/* 画面サイズが768px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:768px) {
header{padding:0;}	
#header{width:100%;}
.contents{padding:40px 0;}
#header #logo{display:none;}
.pc_only{display:none;}		
.sp_only{display:inline-block;}	
br.br{display:none;}
br.sp_br{display:inline;}	
	
footer .footer_info{
	display:block;
	width:100%;
	max-width:100%;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
}
footer .footer_info .left,
footer .footer_info .center,
footer .footer_info .right{
	display:table;
	vertical-align: top;
	text-align:left;
	width:80%;
	padding:0;
	margin:10px auto 0;
}
footer .footer_info .left a{
	display:block;
	width:66%;
	margin:0 auto;
	}	
footer .footer_info .left a img{width:100%;}	
footer .footer_info .center p,
footer .footer_info .right p{margin:0;}	
	
}

/* 画面サイズが480px以下の場合に適用 */
@media screen and (min-width:1px) and (max-width:480px) {
#header a#logo{
	width:120px;
	margin:12px 0 6px 8px;
	padding:0;
}
#copy{
	font-size:12px;
	letter-spacing: 0.6pt;
	}
	

a#pagetop {
	position:fixed;
	right:15px;
	bottom:80px;
	text-indent:-9999px;
	display: block;
	width: 50px;
	height:60px;
	background:url(../img/pagetop.png) center/100% no-repeat;
	z-index:3000;
}
	
}