@charset "UTF-8";

html,body{height:100%;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Noto Serif JP', serif;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
	letter-spacing:0;
	background: #fff;
	line-height: 1;
}

/* IE11にのみ適用 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .class{
    padding: ;
  }
}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
img{vertical-align: bottom;line-height: 1;max-width:100%;}
a{text-decoration: none;color:#000;transition: all .25s ease;}
a:hover{}
*{box-sizing:border-box;}


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

/*.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}*/

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .foo { color: red } /* IE11 */
}

@media all and (-ms-high-contrast:none){
	.foo { color: green } /* IE10〜Edge */
}

.animation{
  transition: all 1700ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
  opacity: 0;
  transform: translate(0px,50px);
}

.animation.on{
  opacity: 1;
  transform: translate(0px,0);
}

.pc{display: block;}
.sp{display: none;}
.pcbr{display: block;}
.spbr{display: none;}


/* layout ---------------------------------------*/

.wrapper{
	width: 100%;
	position:relative;
	background: url(../img/index/bg_asa.jpg) repeat-y top center;
	background-size: 100%;
	color: #333333;
}

.ov-h{overflow: hidden;}

.inner{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}


header{position: relative;}
footer{padding-bottom: 50px;}

p.copyright{
	text-align: center;
	font-size: 10px;
	line-height: 1em;
	padding: 5px 0;
	letter-spacing: 0.03em;
}

.gotop{
	width:22px;
	position:fixed;
	right:10px;
	bottom:15px;
	z-index:100;
	opacity:0;
}

.gotop a img{width:100%;}



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

	.pc{display: none;}
	.sp{display: block;}
	.pcbr{display: none;}
	.spbr{display: block;}

	.inner{
		width: 100%;
	}
	footer {padding-bottom: 140px;}
	p.copyright {
		text-align: center;
		font-size: 9px;
		line-height: 1em;
		padding: 0px 0;
		letter-spacing: 0;
	}

}



/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}