@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-PSP */
/* 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 {
	position: relative;
	z-index: 5;
	margin: 0 auto;
	padding: 0 2rem;
	max-width: 120rem;
}
@media all and (max-width: 767px) {
	.content {
		padding: 0 1.5rem;
	}
}

/*------------------------------------------------------------
headLine01
------------------------------------------------------------*/
.headLine01 {
	margin-bottom: 4.5rem;
	text-align: center;
	color: #aa9066;
	font-weight: 400;
}
.headLine01 .en {
	margin: 0 auto -0.3rem;
	width: fit-content;
	padding: 0 1rem;
	min-width: 31rem;
	display: block;
	font-size: 6.5rem;
	line-height: 1.2;
	background: url(../img/index/img10.png) no-repeat left center,url(../img/index/img11.png) no-repeat right center;
	background-size: 1.7rem auto;
}
@media all and (max-width: 767px) {
}

/*------------------------------------------------------------
comSnsList
------------------------------------------------------------*/
.comSnsList {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 8rem;
}
.comSnsList li {
	border-radius: 0.5rem;
	overflow: hidden;
	width: calc((100% - 8rem) / 2);
}
.comSnsList a:hover {
	opacity: 0.7;
}
@media all and (max-width: 767px) {
	.comSnsList {
		margin: 0 3.7rem 0 4.5rem;
		text-align: center;
		gap: 2.0rem 2rem;
		flex-direction: column;
	}
	.comSnsList li {
		width: 100% !important;
	} 
}

/*------------------------------------------------------------
loading
------------------------------------------------------------*/
.loading {
	position: absolute;
	inset: 0;
	z-index: 1001;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	opacity: 1;
	visibility: visible;
	transition: all ease 1s;
}
.loading.hide {
	opacity: 0;
	visibility: hidden;
}
.loading h1 {
	width: 20.1rem;
	transform: none;
	transition: none;
	opacity: 0;
	transform: translate(0,calc(var(--after_top) - var(--before_top)));
}
.loading h1.show {
	opacity: 1;
	transition: transform 1100ms, opacity 600ms;
	transition-timing-function: 
	cubic-bezier(0.77, 0, 0.175, 1), 
	cubic-bezier(0.165, 0.84, 0.44, 1);
}
.loading h1.move {
	transform: translate(calc(var(--after_left) - var(--before_left)),calc(var(--after_top) - var(--before_top)));
}
@media all and (max-width: 767px) {
	.loading h1 {
		transform: none;
	}
}

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

.fadeUp {
	opacity: 0;
	transform: translateY(50px);
}
.isShow .fadeUp {
	opacity: 1;
	transform: translateY(0);
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
.fadeDown {
	opacity: 0;
	transform: translateY(-50px);
}
.isShow .fadeDown {
	opacity: 1;
	transform: translateY(0);
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
.fadeRight {
	transform: translateX(30px);
	opacity: 0;
}
.fadeLeft {
	transform: translateX(-10px);
	opacity: 0;
}
.isShow .fadeRight,
.isShow .fadeLeft {
	transition: opacity .32s cubic-bezier(0.165, 0.84, 0.44, 1),transform .32s cubic-bezier(0.165, 0.84, 0.44, 1);
	transform: translateX(0);
	opacity: 1;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
.dely01 {
	transition-delay: .1s !important;
}
.dely02 {
	transition-delay: .2s !important;
}
.dely03 {
	transition-delay: .3s !important;
}
.dely04 {
	transition-delay: .4s !important;
}
.dely05 {
	transition-delay: .5s !important;
}
.dely06 {
	transition-delay: .6s !important;
}
.speed02 {
	transition: .7s ease .2s !important;
	transition-duration: 1s !important;
	transition-timing-function: ease-in-out !important;
}

@media all and (max-width: 767px) {
	.fadeUpSp {
		opacity: 0 !important;
		transform: translateY(100%) !important;
	}
	.isShow .fadeUpSp {
		opacity: 1 !important;
		transform: translateY(0) !important;
		transition: 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
	}

}