@charset "utf-8";

/* RESET */
html { color: #121212; background: #fff; -webkit-font-smoothing: antialiased; font-weight: normal; letter-spacing: 0em; font-size: 14px; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, select, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img { border: 0 }
address, button, caption, cite, code, dfn, em, input, optgroup, option, select, strong, textarea, th, var { font: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #117eb9 }
a { text-decoration: none; color: #d39e20; -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
::-moz-selection { background: #117eb9; color:#fff;}
::selection { background: #117eb9; color:#fff;}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);}
	
a:hover{ color: #ad8018;}

/* //////////////////////////////////////////////

COMMON

////////////////////////////////////////////// */

body, html { width: 100%; overflow-x: hidden; font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 1.8; box-sizing: border-box; -webkit-text-size-adjust: 100%; max-height: 999999px;}

@font-face {
	font-family: 'NatureSpiritRegular';
	src: url(../fonts/NatureSpiritRegular.otf);
}

.clear{
	clear:both;
}
.sp{
	display:none;
}
/*table*/
.table-box{
	overflow:auto;
	margin:0;
    padding:0;
}
.table-box table{
	width:100%;
	margin:0;
	table-layout:auto;
    border-spacing:0;
    empty-cells:show;
    border-right:1px solid #cad6ea;
	font-family: 'SourceHanCode-N' ,sans-serif;
	border-bottom:1px solid #cad6ea;
}
.table-box table th{
	font-size:100%;
	text-align:left;
	border-top:1px solid #cad6ea;
    border-left:1px solid #cad6ea;
    line-height:1.5em;
	background:#fff;
	color:#157EB9;
	vertical-align:middle;
}
.table-box table th span{
    display: block;
    text-align: center;
	font-weight:700;
	letter-spacing:0.3em;
	font-size:0.9em;
	padding: 20px;
}
.table-box table td{
	text-align:left;
	border-top:1px solid #cad6ea;
    border-left:1px solid #cad6ea;
    font-weight:normal;
    line-height:1.5em;
	font-size:0.9em;
}
.table-box table th.left{
	padding:10px 0 5px 10px;
}
.table-box table td.left{
	padding:5px 0 5px 10px;
}
.table-box table th.right{
	padding:10px 10px 5px 0;
}
.table-box table td.right{
	padding:5px 10px 5px 0;
}
.table-box table td span{
    display: block;
    padding: 20px;
}
.table-box table td{
	vertical-align:middle;
}
.table-box table th.center,
.table-box table td.center{
	text-align:center;
}

/* SCROLL-FADE */
.js-scroll{
	opacity:0;
	transition: all 1s;
}
.js-scroll-in{
	opacity:1;
}
.js-scroll-y{
	opacity:0;
	transition: all 1s;
	transform:translate(0px,120px) scale(1);
}
.js-scroll-y-in{
	opacity:1;
	transform:translate(0px,0px) scale(1);
}
.js-scroll-left{
	opacity:0;
	transition: all 1s;
	transform:translate(-60px,0) scale(1);
}
.js-scroll-left-in{
	opacity:1;
	transform:translate(0px,0px) scale(1);
}
.js-scroll-right{
	opacity:0;
	transition: all 1s;
	transform:translate(60px,0) scale(1);
}
.js-scroll-right-in{
	opacity:1;
	transform:translate(0px,0px) scale(1);
}
.js-scroll-blur{
	opacity:0;
	transition: all 1s;
	-webkit-filter: blur(5px);
	filter: blur(5px);
}
.js-scroll-blur-in{
	-webkit-filter: blur(0);
	filter: blur(0);
	opacity:1;
}
.effect-y{
	transition: all 1s;
	transform:translate(0px,120px);
}
.effect-y-in{
	transform:translate(0px,0px);
}
.effect-y-top{
	transition: all 0.1s;
}

/* //////////////////////////////////////////////

LOADER

////////////////////////////////////////////// */

#preloader__wrapper {
	width:100vw;
	height:100%;
	position:fixed;
	z-index:50000;
	background: #ededed;
}
#preloader-bg {
	width:100vw;
	height:100vh;
  background: #ededed;
  background-size: 200% 200%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	position: absolute;
	bottom:0;
	left:0;
}
#preloader-progress{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	z-index:10000;
	font-family:'NatureSpiritRegular', sans-serif;
}
#preloader-progress .icon{
	position:relative;
	width:130px;
	height:160px;
}
#preloader-progress .icon img{
	position:absolute;
	left:0;
	top:0;
}
#preloader-progress .icon img.finish{
	opacity:0;
}
#preloader-progress p{
	position: absolute;
    left: calc(50% + .1em);
    bottom: 0;
    font-size: 2em;
    text-align: center;
    letter-spacing: .2em;
    transform: translate(-50%,0);
}
@media screen and (max-width: 630px) , (max-device-width : 630px) {
	.sp{
		display:block;
	}
}

/* //////////////////////////////////////////////

IE

////////////////////////////////////////////// */

.is_ie { letter-spacing: 0; }