@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */	
.clearfix:after {content: "";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	width: 1000px;
}
@media all and (max-width: 896px) {
	.content {
		padding: 0 15px;
		width: auto;
	}
}
/*------------------------------------------------------------
	fiexdBox
------------------------------------------------------------*/
#site {
	position: relative;
	padding-top: 180px;
	margin-top: -180px;
}
.fiexdBox {
	position: absolute;
	width: 1050px;
	top: -490px;
	right: calc(50vw - 1190px);
}
.fiexdBox.isfixed {
	position: fixed;
	top: calc(100% - 490px);
}
#main_content50th {
	overflow: hidden;
}
.fiexdBox.nofixed {
	position: absolute;
	top: auto;
	bottom: 0;
}
@media all and (max-width: 896px) {
	.fiexdBox.isfixed {
		width: 200px;
		top: calc(100% - 320px);
		right: 0;
	}
	.fiexdBox.nofixed {
		top: auto;
	}
}
/*------------------------------------------------------------
	fadeInUp
------------------------------------------------------------*/
.fadeInUp {
    opacity: 0;
    transform: translateY(20px);
    transition: 1s;
}
.fadeInUp.on {
    opacity: 1;
    transform: none;
}