@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Prompt:500,700,900");
/* CSS Document */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {
	margin: 0;
	padding: 0;
}
body, td, th, h1, h2, h3, h4, h5, h6 {
	font-size:12px;
	font-weight: normal;
	line-height: 1.6;
}
ol, ul {
	list-style-type: none;
}
img {
	border: 0;
}
button:focus {
	outline: 0;
	border: 0;
}

.hideElm {
	display: none;
}

.centerWrap {
	position: relative;
	z-index: 1;
}

.centerWrap > * {
	position: absolute;
	z-index: 1;
	bottom: 50%;
	right: 50%;
	-webkit-transform: translate3d(50%, 50%, 1px);
	transform: translate3d(50%, 50%, 1px);
}

/* クリアフィックス */
.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility:hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix { 
	height: 1%; 
}
.clearfix { 
	display: block; 
}
/* End hide from IE-mac */

main {
	display: block;
}
article, aside, hgroup, header, footer, figure,  figcaption, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}

a {
	text-decoration: none;
	color: inherit;
}

a:not(.noop):hover,
a:not(.noop):hover * {
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	filter: alpha(opacity=80);
}

a:not(.nop):hover,
a:not(.nop):hover * {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover > img {
	-ms-filter: "alpha(opacity=80)";
	opacity:0.8;
	filter: alpha(opacity=80);
}

a:not(.nop):hover > img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover > img.nop {
	opacity:1.0;
	filter: alpha(opacity=100);
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.w0 {
    width: 0%!important;
}
.w5 {
    width: 5%!important;
}
.w10 {
    width: 10%!important;
}
.w12 {
    width: 12%!important;
}
.w15 {
    width: 15%!important;
}
.w20 {
    width: 20%!important;
}
.w25 {
    width: 25%!important;
}
.w30 {
    width: 30%!important;
}
.w35 {
    width: 35%!important;
}
.w40 {
    width: 40%!important;
}
.w45 {
    width: 45%!important;
}
.w50 {
    width: 50%!important;
}
.w55 {
    width: 55%!important;
}
.w60 {
    width: 60%!important;
}
.w65 {
    width: 65%!important;
}
.w70 {
    width: 70%!important;
}
.w75 {
    width: 75%!important;
}
.w80 {
    width: 80%!important;
}
.w85 {
    width: 85%!important;
}
.w90 {
    width: 90%!important;
}
.w95 {
    width: 95%!important;
}
.w100 {
    width: 100%!important;
}


.outer01 {
	display: table;
	width: 100%;
}
.inner01 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


.effect-fade {
	opacity: 0;
	/*transform: translate( 0, 45px );*/
	transition: opacity 2000ms!important;
}

.effect-fade.effect-scroll {
	opacity: 1;
	/*transform: translate( 0, 0 );*/
}