@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LYX */
/* 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;
	padding: 0 2rem;
	max-width: 98rem;
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	comBtn
------------------------------------------------------------*/
.comBtn {
	margin: 0 auto;
	width: 45.4rem;
	position: relative;
}
.comBtn a {
	min-height: 7.4rem;
	font-weight: 700;
	font-size: 2.74rem;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #fff;
	border-radius: 3.7rem;
}
.comBtn span {
	padding-right: 2.5rem;
	background: url(../img/common/icon01.webp) no-repeat right center / 1.8rem;
}
.comBtn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comBtn {
		width: 22.7rem;
	}
	.comBtn a {
		min-height: 3.7rem;
		font-size: 1.36rem;
		border-radius: 1.85rem;
	}
	.comBtn span {
		padding-right: 1.5rem;
		background-size: 0.9rem auto;
	}
}
/*------------------------------------------------------------
	updown
------------------------------------------------------------*/
.updown {
		animation-name:updown1;
		animation-delay:0s;
		animation-duration: 3s;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite; 
	}
@keyframes updown1 {
	0% {
	transform: translateY(0);
	}
	50% {
	transform: translateY(-20px);
	}
	100% {
	transform: translateY(0);
	}
}
@media all and (max-width: 896px) {
	@keyframes updown1 {
		50% {
			transform: translateY(-12px);
			}
	}
}
/*------------------------------------------------------------
	comTopBtn
------------------------------------------------------------*/
.comTopBtn {
	margin: 0 auto;
	width: fit-content;
}
.comTopBtn a {
	padding: 0 0.5rem 0.2rem;
	display: inline-block;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #000;
}
.comTopBtn span {
	padding-right: 2.5rem;
	background: url(../img/common/icon02.webp) no-repeat right center / 2.3rem;
}
.comTopBtn a:hover {
	opacity: 0.7;
}
@media all and (max-width: 896px) {
	.comTopBtn a {
		padding-bottom: 0;
		font-size: 1.57rem;
	}
	.comTopBtn span {
		padding-right: 1.5rem;
		background-size: 1.5rem auto;
		background-image: url(../img/common/icon02_sp.webp);
	}
}
/*------------------------------------------------------------
	comInnerBox
------------------------------------------------------------*/
.comInnerBox {
	margin: 2rem 0 5.8rem;
}
.comInnerBox  .title {
	padding-right: 3rem;
	margin: 0 auto 0.7rem;
	width: fit-content;
	text-align: center;
	font-size: 2.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	background: url(../img/common/icon03.webp) no-repeat right top 1.3rem / 2.7rem;
}
.comInnerBox .photo {
	margin: 0 auto 4.3rem;
	position: relative;
	max-width: 64rem;
}
.comInnerBox .photo a {
	display: block;
}
.comInnerBox .photo a:hover {
	opacity: 0.7;
}
.comInnerBox .photo .pic {
	display: inline-block;
	width: 4.8rem;
	height: 10.1rem;
	position: absolute;
	top: 50%;
	left: -10rem;
	z-index: 10;
	content: "";
	transform: translateY(-53%);
	animation: flash 1s infinite;
}
@keyframes flash {
	0% {
	opacity: 1;
	}
	50% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}
.comInnerBox .photo .pic01 {
	left: auto;
	right: -10rem;
}
.comInnerBox .photo .pic img {
	width: 100%;
}
@media all and (max-width: 896px) {
	.comInnerBox {
		margin: 2rem 0 5.8rem;
	}
	.comInnerBox .title {
		padding-right: 1.3rem;
		margin-bottom: 0.3rem;
		font-size: 1.37rem;
		background-size: 1.3rem auto;
		background-position: right top 0.6rem;
	}
	.comInnerBox .photo {
		margin: 0 5.9rem 1.8rem 4.9rem;
		max-width: 100%;
	}
	.comInnerBox .photo img {
		width: 100%;
	}
	.comInnerBox .photo .pic {
		width: 2.4rem;
		height: 5.1rem;
		left: -4.9rem;
	}
	.comInnerBox .photo .pic01 {
		left: auto;
		right: -4.5rem;
	}
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@media all and (max-width: 896px) {
}