@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.forpc { display: block!important; }
.forsp { display: none!important; }
.forpcinline { display: inline!important; }
.forspinline { display: none!important; }

body {
	font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



footer {
	color: #FFF;
	font-size: 14px;
	text-align: center;
	background: #A8A9A9;
	padding: 40px 0;
}
#totop {
	position: fixed;
	right: 2%;
	bottom: 80px;
	cursor: pointer;
}







/* ----------- jq効果 --------- */
.fadeIn {
	transition: .8s;
	opacity: 0;
	transform: translate(0, 60px); 
	-webkit-transform: translate(0, 60px); 
}
.fadeIn.active {
	opacity: 1.0;
	transform: translate(0, 0); 
	-webkit-transform: translate(0, 0);
}
.enlarge {
	transition: .6s;
	opacity: 0;
	transform: scale(0); 
	-webkit-transform:  scale(0); 
}
.enlarge.active {
	opacity: 1;
	transform: scale(1); 
	-webkit-transform:  scale(1); 
}
.delay1 { transition-delay: .2s; }
.delay2 { transition-delay: .4s; }
.delay3 { transition-delay: .6s; }






/* ----------- パーツ --------- */

p.indent-1 {
	text-indent: -1em;
	padding-left: 1em;
}



/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	.forpc { display: none!important; }
	.forsp { display: block!important; }
	.forpcinline { display: none!important; }
	.forspinline { display: inline!important; }
	img { width: 100%; }



	footer {
		font-size: 13px;
		padding: 20px 0;
	}
	#totop {
		width: 30px;
		right: 2%;
		bottom: 50px;
	}



	/* ----------- jq効果 --------- */
	.fadeIn {
		transition: .8s;
		opacity: 0;
		transform: translate(0, 30px); 
		-webkit-transform: translate(0, 30px); 
	}
	.fadeIn.active {
		opacity: 1.0;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0);
	}





	/* ----------- jq効果 --------- */
	.fadeIn.spnoeffect {
		transition: none;
		opacity: 1;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0); 
	}
	.fadeIn.spnoeffect.active {
		opacity: 1.0;
		transform: translate(0, 0); 
		-webkit-transform: translate(0, 0);
	}
	.enlarge.spnoeffect {
		transition: none;
		opacity: 1;
		transform: scale(1); 
		-webkit-transform:  scale(1); 
	}
	.enlarge.spnoeffect.active {
		opacity: 1;
		transform: scale(1); 
		-webkit-transform:  scale(1); 
	}
	.delay1 { transition-delay: 0; }
	.delay2 { transition-delay: 0; }
	.delay3 { transition-delay: 0; }





}