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


.comText p {
	margin-bottom: 3.5rem;
	line-height: 2.18;
}
.comText p:last-child {
	margin-bottom: 0;
}

.fixBtn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.fixBtn a {
	color: #fff;
	display: block;
	font-weight: 900;
	font-size: 1.9rem;
	background-color: #ed1e79;
	text-align: center;
	padding: 1.6rem 0;
}
.fixBtn img {
	width: 2.2rem;
	display: inline-block;
	vertical-align: middle;
	margin: -0.6rem 1.5rem 0 -3.5rem;
}


/* headLine01 */
.headLine01 {
	font-size: 2.3rem;
	margin-bottom: 5.3rem;
	font-weight: 700;
}
.headLine01 span {
	display: block;
	margin-top: 2rem;
	letter-spacing: 0.6em;
}
.headLine01 img {
	width: 38rem;
}
.headLine01.center {
	text-align: center;
}
@media all and (max-width: 768px) {
	.headLine01 {
		font-size: 2.3rem;
		margin-bottom: 5.3rem;
		margin: 0 1.7rem 2.4rem;
	}
	.headLine01 img {
		width: 26.2rem;
	}
	.headLine01 span {
		margin-top: 2.1rem;
	}
}


/* comTxtUl */
.comTxtUl {
	line-height: 1.78;
}
.comTxtUl > li {
	margin-bottom: 0.1rem;
	padding-left: 1.5rem;
	position: relative;
}
.comTxtUl > li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "・";
}
.comTxtUl > li:last-child {
	margin-bottom: 0;
}


/* comNotesUl */
.comNotesUl {
	font-size: 1.3rem;
	line-height: 1.528 !important;
}
.comNotesUl li {
	padding-left: 1em;
	text-indent: -1em;
}

/* comLink */
.comLink {
	color: #0071bc !important;
	position: relative;
	text-decoration: underline !important;
}
.comLink::after {
	margin-left: 0.3rem;
	width: 1.2rem;
	height: 0.9rem;
	display: inline-block;
	vertical-align: middle;
	background: url("../img/common/icon02.png") no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 768px) {
	.comLink:hover {
		opacity: 0.7 !important;
	}
}


/*------------------------------------------------------------
	cover
------------------------------------------------------------*/
.cover,
.leftCover {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #f6c9de;
	transition: .6s;
	z-index: 999;
}
.cover.hide {
	transform: translate(100%);
}
.cover.rightShow {
	transform: none;
}
.cover.rightHide {
	transform: translate(-100%);
}
.leftCover {
	transform: translate(-100%);
}
.leftCover.show {
	transform: none;
}







.fadeUp {
	opacity: 0;
	transform: translateY(40px);
	transition: .5s;
}
.isShow .fadeUp,
.isShow.fadeUp {
	opacity: 1;
	transform: translateY(0);
}

.fadeIn {
	opacity: 0;
	transition: .5s;
}
.isShow .fadeIn,
.isShow.fadeIn {
	opacity: 1;
}

.fadeRight {
	opacity: 0;
	translate: 20px 0;
	transition: all 0.5s ease;
}
.isShow.fadeRight,
.isShow .fadeRight {
	opacity: 1;
  	translate: 0 0;
}

.fadeLeft {
	opacity: 0;
	translate: -20px 0;
	transition: all 0.5s ease;
}
.isShow.fadeLeft,
.isShow .fadeLeft {
	opacity: 1;
  	translate: 0 0;
}
.delay01 {
	transition-delay: .15s;
}
.delay02 {
	transition-delay: .3s;
}
.delay03 {
	transition-delay: .45s;
}
.delay04 {
	transition-delay: .6s;
}
.delay05 {
	transition-delay: .75s;
}
.delay06 {
	transition-delay: .9s;
}
@media all and (max-width: 960px) {
	.sp-delay01 {
		transition-delay: .15s;
	}
	.sp-delay02 {
		transition-delay: .3s;
	}
}