@charset "utf-8";

/* 汎用値
----------------------*/
.sp {
	display: none;
}
@media (max-width: 768px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	span.sp {
		display: inline;
	}
}

/* box format */
.inner-padding {
	padding-top: 60px;
	padding-bottom: 60px;
}

/* title */
.title-02 {
	font-family: var(--font-minion);
	font-size: 4.6rem;
	text-align: center;
	line-height: 1;
}
.title-02-jp {
	display: block;
	font-family: var(--font-maru);
	font-size: .24em;
}
.title-02-s {
	display: block;
	font-size: .45em;
}
.title-03 {
	font-family: var(--font-minion);
	font-size: 3.25rem;
	text-align: center;
	line-height: 1;
	position: relative;
	z-index: 2;
}
.title-03-s {
	display: block;
	font-size: 1.375rem;
	margin-top: 8px;
}
@media (max-width: 768px) {
	.title-02 {
		font-size: 3.375rem;
	}
	.title-03 {
		font-size: 2.5rem;
	}
}

/* text align */
.text-align-c,.text-align-c-j,.text-align-c-l {
	text-align: center;
}
@media (max-width: 500px) {
	.text-align-c-j {
		text-align: justify;
	}
	.text-align-c-l {
		text-align: left;
	}
}

/* brackets */
.brackets {
	display: inline-block;
	margin: 0 -.5em;
}

/* margin */
.mt5 {
	margin-top: 5px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}

/* Animaton
----------------------*/
.setAnime {
	transition-duration: 400ms;
}
.plx {
	position: relative;
	z-index: 0;
}
.plx img {
	will-change: transform;
}