@charset "utf-8";
/* ===================================================================
     BASE CSS
=================================================================== */
html {
	font-size: 62.5%;
}
body {
	/*-webkit-text-size-adjust: 100%;*/
}
body {
	color: #001133;
	font-size: 180%;
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
	line-height: 2;
	position: relative;
	letter-spacing: 0;
}
a {
	color: #007DC5;
	text-decoration: none;
	transition: opacity .1s ease-in-out;
}
a:hover {
	opacity: 0.8;
}
@media screen and (max-width: 767px) {
body {
	font-size: 140%;
}
}


/* -----------------------------------------------------------
	汎用
----------------------------------------------------------- */
.scroll-fade{
	opacity: 0;
	transition: all 1s/*処理にかかる時間*/;
}
.scroll-up{
	opacity: 0;
	transform: translateY(100px)/*スクロールアップする距離*/;
	transition: all 1s/*処理にかかる時間*/;
}

.scroll-up.done,
.scroll-fade.done{
	opacity : 1;
	transform : translate(0, 0);
}
.load-fade {
	opacity : 0;
	transition : all 1s/*処理にかかる時間*/;}
.load-up{
	opacity: 0;
	transform: translateY(100px)/*スクロールアップする距離*/;
	transition: all 2s/*処理にかかる時間*/;
}
.load-up2{
	opacity: 0;
	transform: translateY(0px)/*スクロールアップする距離*/;
	transition: all 0s/*処理にかかる時間*/;
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
}

.load-up.done,
.load-up2.done,
.load-fade.done{
	opacity : 1;
	transform : translate(0, 0);
}
.fadein {
  opacity : 0;
  transition : all 1s;
}
  
.fadein.active{
  opacity : 1;
}




/* ---------------------
	general_table
---------------------- */
.general_table {
	width: 100%;
	text-align:left;
}
.general_table th,
.general_table td {
	border: 12px solid #fff;
	padding: 18px;
}
.general_table th {
	background: #D9D9D9;
	font-weight: normal;
}
.general_table td {
	background: #f2f2f2;
}
@media screen and (max-width: 767px) {
.general_table th,
.general_table td {
	border: 4px solid #fff;
	padding: 4px 10px;
}
}