@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LSM */
/* 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;}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.archivo {
	font-family: "Archivo", sans-serif;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	fade
------------------------------------------------------------*/
.fadeIn {
    opacity: 0;
	transform: translate(0,90px);
	-webkit-transition: ease-out 0.6s 0.1s;
	transition: ease-out 0.6s 0.1s;
}
.fadeIn.in {
    opacity: 1;
	transform: translate(0, 0);
}
.fadeInLeft {
	opacity: 0;
    transform: translate(-600px, 0);
    -webkit-transform: translate(-600px, 0);
    transition: .5s;
}
.fadeInLeft.in {
    opacity: 1;
	transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
.fadeInRight {
	opacity: 0;
    transform: translate(600px, 0);
    -webkit-transform: translate(600px, 0);
    transition: .5s;
}
.fadeInRight.in {
    opacity: 1;
	transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	mainBox
------------------------------------------------------------*/
.mainBox {
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 5;
}
@media all and (max-width: 896px) {
	.mainBox {
		margin: 0;
		padding: 0;
		max-width: inherit !important;
	}
}
/*------------------------------------------------------------
	content
------------------------------------------------------------*/
.content {
	margin: 0 auto;
	position: relative;
}
.content.style01 {
	margin-left: 20rem;
}
@media all and (min-width: 897px) and (max-width: 1320px) {
	.content.style01 {
		margin: 0 auto;
	}
}
@media all and (max-width: 896px) {
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@media all and (max-width: 896px) {
}