@charset "utf-8";

html{
	width: 100%;
	height: 100%;
	font-size: 62.5%;
    position: relative;
	overflow-x: hidden;
}

@media (max-width: 375px) {
  html {
    font-size: 2.66vw;/* 10/375*100 */
  }
}

body{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    line-height: 1.6;
    font-family: 'Poppins', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: normal;
    letter-spacing: 0.01rem;
    color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-all
}

::selection {
    background: #ddd;
}

::-moz-selection {
    background: #ddd;
}

svg {
    width: 100%;
    height: auto
}

.inner{
	width: 1024px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 1024px){
	.inner{
		width: 90%;
		margin-left:auto;
		margin-right:auto;
	}
}

#pagetop {
    position: fixed;
    bottom: 0;
    right: 0;
}

.btn a{
	display: block;
	color: #000;
	background: #fff;
	text-align: center;
	padding: 15px;
  	position: relative;
  	border: 2px solid #000;
  	font-weight: 500;
}

.btn a:hover{
	color: #FFF;
	background: #000;
  	border: 2px solid #000;
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-ms-transition: all .1s linear;
	transition: all .1s linear;
}

.date{
	color: #9A9A9A;
}

table.basic{
	width: 100%;
}

table.basic tr{
	border-bottom: 1px solid #ddd;
}

table.basic tr:last-child{
	border-bottom: none;
}

table.basic tr th{
	text-align: left!important;
	width: 200px;
	font-weight: normal;
}

table.basic tr td{
	padding: 20px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	line-height: 1.4;
}

/*	SP */
@media (max-width: 896px){
	table.basic tr th,
	table.basic tr td{
		display: block;
		width: 100%;
	}

	table.basic tr th{
		text-align: left!important;
		padding-top: 10px;
		border: none;
	}

	table.basic tr td{
		text-align: left!important;
		padding: 0;
		padding-bottom: 10px;
	}
}



/*その他系モジュール*/
.hov {
	-webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	-webkit-transition: .2s ease-in;
	-moz-transition: .2s ease-in;
	-ms-transition: .2s ease-in;
	transition: .2s ease-in;
	opacity: 1;
	filter: alpha(opacity=100);
}

.hov:hover {
	filter: alpha(opacity=70);
	opacity: .7;
	text-decoration: none;
	cursor: pointer!important;
}

.hov:hover a{
	text-decoration: none;
}

a.unline {
	position: relative;
	display: inline-block;
	text-decoration: none;
	color: #000;
}

a.unline::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #000;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: transform .3s;
}

a.unline:hover::after {
	transform: scale(1, 1);
}

.grecaptcha-badge { visibility: hidden; }

/*フェード*/

.fadein{
	opacity:0;
}
.fadein.on {
	animation:fadein .8s ease 0s 1 normal both;
	-webkit-animation:fadein .8s ease 0s 1 normal both;
}
@keyframes fadein {
	0% {opacity:0; transform:translateY(100px);}
	100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadein {
	0% {opacity:0;transform:translateY(100px);}
	100%{opacity:1;transform:translateY(0px);}
}

/*フェード2*/

.fadein2{
	opacity:0;
}
.fadein2.on {
	animation:fade .8s ease 0s 1 normal both;
	-webkit-animation:fade .8s ease 0s 1 normal both;
}
@keyframes fade {
	0% {opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes fade {
	0% {opacity:0;}
	100%{opacity:1;}
}