@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;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.comBox {
	margin: 0 auto;
	max-width: 1008px;
	box-sizing: border-box;
}
@media all and (max-width: 896px) {
	.comBox {
		margin: 0 15px;
		padding-top: 20px;
	}
}
.headLine01 {
	margin-bottom: 49px;
	padding-left: 15px;
	font-weight: normal;
	position: relative;
	letter-spacing: 1px;
}
.headLine01::before {
	width: 13px;
	height: 15px;
	position: absolute;
	top: 4px;
	left: 1px;
	background: url(../../img/common/icon01.png) no-repeat left top;
	background-size: 13px auto;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine01::before {
		width: 10px;
		height: 12px;
		top: 3px;
		background-size: 10px auto;
	}
	.headLine01 {
		margin-bottom: 25px;
	}
}
.headLine02 {
	margin-bottom: 15px;
	font-weight: 300;
	font-size: 3.2rem;
	letter-spacing: -0.3px;
}
@media all and (max-width: 896px) {
	.headLine02 {
		font-size: 2.5rem;
	}
}
/* comTextBox */
.comTextBox p {
	line-height: 1.65;
}
/* headLine03 */
.headLine03 {
	margin-bottom: 7px;
	padding-left: 26px;
	color: #676767;
	font-weight: normal;
	position: relative;
}
.headLine03::after {
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: 0;
	background: url(../../img/common/icon04.png) no-repeat left top;
	background-size: 20px auto;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine03::after {
		width: 16px;
		height: 16px;
		top: 1px;
		left: 0;
		background-size: 16px auto;
	}
}
.headLine04 {
	color: #917B7B;
}
.headLine04::after {
	width: 23px;
	background-image: url(../../img/common/icon05.png);
	background-size: 23px auto;
}
/* comList */
.comList {
	margin-bottom: 27px;
}
.comList li {
	text-indent: -1.05em;
	padding-left: 1.05em;
	line-height: 1.75;
}
.comList li:last-child {
	margin-bottom: 0;
}

.animation{
	opacity : 0;
	visibility: hidden;
	transition: 1s;
	transform: translateY(30px);
}
.animation.active{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/*------------------------------------------------------------
	loadBox
------------------------------------------------------------*/
.loadBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: #fff;
}
.loadBox .loadInner {
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0;
	top: 130%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.loadBox .loadInner img {
	width: 100%;
}
.loadBox .logoBar {
	opacity: 0;
	width: 100%;
	padding-bottom: 11.1%;
	position: absolute;
	left: 0;
	top: 130%;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	background-color: #fff;
}
.loadBox .logo {
	padding: 30px;
	opacity: 0;
	width: 24.8%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	box-sizing: border-box;
}
.loadBox.up .loadInner {
	top: -35% !important;
	transition: all 1.5s ease;
}
.loadBox.up .logoBar {
	opacity: 0 !important;
	top: -10% !important;
	transition: top 1.5s ease,opacity 2.5s ease;
}
.loadBox.up {
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
	transition-delay: 2.5s;
}
@media all and (max-width: 896px) {
	.loadBox .logo {
		padding: 0;
	}
}