@charset "utf-8";

#main {
	position: relative;
}

h3 {
	font-size: 40px;
	line-height: 1.75;
	letter-spacing: .1em;
}
h3.border {
	position: relative;
	display: block;
}
	h3.border:before,
	h3.border:after {
		content: '';
		position: absolute;
		top: 50%;
		display: block;
		width: 160px;
		height: 1px;
	}
	h3.border:before {
		left: 0;
		background: linear-gradient(-90deg, #e5cc80, transparent);
	}
	h3.border:after {
		right: 0;
		background: linear-gradient(90deg, #e5cc80, transparent);
	}

p.caption {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 12px;
	color: #bfbfbf;
	line-height: 1.5em;
}

.scroll-hint-icon-wrap {
	display: none;
}

@media screen and (max-width:1060px) {
	h3 {
		font-size: 32px;
	}
		h3.border:before,
		h3.border:after {
			width: 80px;
		}
}

@media screen and (max-width:768px) {

	.headInner {
		width: 100%;
	}
	h3 {
		font-size: 29px;
		line-height: 1.2;
	}
	h3.border {
		position: relative;
		display: block;
	}
		h3.border:before,
		h3.border:after {
			width: 13.157894736%;
			height: 1px;
		}

	p.caption {
		font-size: 10px;
	}

	/* scrollHint ----------------------*/
	.scroll-hint-icon-wrap {
		display: block;
	}
	.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
		opacity: 1;
	}
	.scroll-hint-icon {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100px;
		height: 100px;
		border-radius: 50px;
		background: rgba(255, 255, 255, .5);
	}
	.scroll-hint-icon:before {
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	}
	.scroll-hint-icon:after {
		top: 20px;
		transform: translateX(-50%);
		 margin-left: auto;
	}
	.scroll-hint-text {
		display: none;
	}
}


/* mv ----------------------*/
#mv {
	position: relative;
	padding-top: calc(40% + 330px);
	background: url(../img/pc/bg_mv.jpg) no-repeat center center / cover;
}
	#mv .mvWrap h1,
	#mv .mvWrap h2 {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
		#mv .mvWrap h1 {
			max-width: 943px;
			width: 62.866666666%;
			top:5%;
		}
		#mv .mvWrap h2 {
			max-width: 664px;
			width: 44.2666666663%;
			top: 26%;
		}
	#mv .cvBox1 {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		margin: 0 auto;
		padding: 2.666666666% 0;
		background-color: rgb(0,0,0,.7);
	}
		#mv .cvBox1 .cvBtn {
			width: 70%;
			max-width: 800px;
			margin: 0 auto;
			background-color: #fff;
		}
		#mv .cvBox1 h3 {
			background : linear-gradient(90deg, rgba(190, 165, 107, 1) 0%, rgba(255, 244, 190, 1) 50%, rgba(190, 165, 107, 1) 100%);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			font-size: 45px;
			line-height: 1.4;
			margin-top: 10px;
		}
		#mv .cvBox1 h3 strong {
			font-size: 60px;
			letter-spacing: 0;
		}
		#mv .cvBox1 .caption {
			color: #fff;
		}

@media screen and (max-width:768px) {
	#mv {
		padding-top: calc(100% + 280px);
		background: url(../img/sp/bg_mv.jpg) no-repeat center center / cover;
	}
		#mv .mvWrap h1 {
			width: 84.210526315%;
			top: 5%;
		} 
		#mv .mvWrap h2 {
			width: 88.421052631%;
			top: 18.5%;
		}
		#mv .cvBox1 {
			padding: 30px 0;
		}
			#mv .cvBox1 .cvBtn {
				width: 85%;
				max-width: 560px;
			}
			#mv .cvBox1 h3 {
				font-size: 32px;
				line-height: 1;
				margin-top: 20px;
				margin-bottom: 10px;
			}
			#mv .cvBox1 h3 strong {
				font-size: 40px;
			}
			#mv .cvBox1 .caption {
				color: #fff;
			}
}


/* timing ----------------------*/
#timing {
	padding: 120px 0 50px;
	background-color: #000;
}
	#timing h3 {
		margin-bottom: 20px;
		line-height: 1.2;
	}
		#timing h3 strong {
			font-size: 60px;
		}
	#timing h3 + p {
		font-size: 20px;
		color: #bfbfbf;
		margin-bottom: 40px;
	}
		#timing h3 + p strong {
			font-size: 24px;
		} 
	#timing .graphWrap {
		padding: 60px;
		background-color: rgba(31,50,70,.6);
	}
		#timing .graphWrap h4 {
			font-size: 34px;
			color: #fff;
			line-height: 1.75;
			letter-spacing: .08em;
		}
			#timing .graphWrap h4 sup {
				font-size: 20px;
			}
		#timing .graphWrap h4 + p {
			font-size: 22px;
			color: #fff;
			line-height: 1.75;
			margin-bottom: 40px;
		}
		#timing .graphWrap .graphBox {
			max-width:1080px;
			width: 100%;
			margin-bottom: 20px;
		}
			#timing .graphWrap .graphBox p.caption {
				margin-top: 40px;
			}
		#timing .graphWrap > p.caption {
			letter-spacing: .1em;
		}

@media screen and (max-width:1060px) {
	#timing h3 strong {
		font-size: 48px;
	}
	#timing .graphWrap h4 {
		font-size: 30px;
		margin-bottom: 10px;
	}
}

@media screen and (max-width:768px) {
#timing {
	padding: 80px 0 30px;
}
		#timing h3 strong {
			font-size: 38px;
		}
	#timing h3 + p {
		font-size: 15px;
		color: #bfbfbf;
		margin-bottom: 40px;
	} 
		#timing h3 + p strong {
			font-size: 18px;
		} 
	#timing .graphWrap {
		padding: 30px  6.191950464%;
		background-color: rgba(31,50,70,.6);
	}
		#timing .graphWrap h4 {
			font-size: 22px;
			margin-bottom: 10px;
		}
			#timing .graphWrap h4 sup {
				font-size: 10px;
			}
		#timing .graphWrap h4 + p {
			font-size: 15px;
			margin-bottom: 20px;
		}
		#timing .graphWrap .graphBoxWrap {
				width: 100%;
				margin-bottom: 10px;
		}
		#timing .graphWrap .graphBox {
			max-width: none;
			width: 280px;
			flex: 0 0 auto;
		}
		#timing .graphWrap .graphBox:first-child {
			margin-right: 0;
			margin-bottom: 10px;
		}
			#timing .graphWrap .graphBox h5 {
				font-size: 18px;
				margin-bottom: 15px;
			}
			#timing .graphWrap .graphBox p.caption {
				margin-top: 10px;
				text-align: left !important;
			}
}


/* cvBox2 ----------------------*/
#cvBox2 {
	background: #000;
	padding: 0 0 120px;
}
	#cvBox2 h3 {
		font-size: 45px;
		color: #fff;
		line-height: 1.38;
		letter-spacing: .1em;
		width: 100%;
		height: 311px;
		padding-top: 60px;
		margin: 0 auto 40px;
		background: url(../img/pc/bg_cvBox2Ttl.png) no-repeat center center / cover;
	}
		#cvBox2 h3 strong {
			font-size: 60px;
		}

@media screen and (max-width:1060px) {
	#cvBox2 h3 {
		font-size: 32px;
	}
		#cvBox2 h3 strong {
			font-size: 48px;
		}
}

@media screen and (max-width:768px) {
	#cvBox2 {
		padding: 0 0 80px;
	}
		#cvBox2 h3 {
			font-size: 22px;
			width: 85%;
			height: 200px;
			padding-top: 30px;
			margin: 0 auto 20px;
			background: url(../img/sp/bg_cvBox2Ttl.png) no-repeat center center / contain;
		}
			#cvBox2 h3 strong {
				font-size: 32px;
			}
}


/* central ----------------------*/
#central {
	background-color: #000;
}
	#central .centralWrap {
		padding: 80px 0 150px;
		background: url(../img/pc/bg_central.png) no-repeat center bottom / contain;
	}
		#central .centralWrap h3 strong {
			font-size: 60px;
		}
		#central .centralWrap .inner figure {
			width: 94.166666666%;
			margin: -30px auto 0;
		}
		#central .centralWrap .inner p {
			color: #fff;
			font-size: 20px;
		}
			#central .centralWrap .inner p strong {
				font-size: 28px;
			}

@media screen and (max-width:1060px) {
	#central .centralWrap h3 strong {
		font-size: 48px;
	}
}

@media screen and (max-width:768px) {
	#central .centralWrap {
		padding: 80px 0;
	}
		#central .centralWrap h3 {
			margin-bottom: 20px;
		}
			#central .centralWrap h3 strong {
				font-size: 38px;
			}
			#central .centralWrap .inner figure {
				width: 100%;
				margin: 0 auto 30px;
			}
			#central .centralWrap .inner p {
				color: #fff;
				font-size:15px;
			}
				#central .centralWrap .inner p strong {
					font-size: 18px;
				}
}


/* purchase ----------------------*/
#purchase {
	background: #000;
	padding: 120px 0;
}
	#purchase h3 {
		margin-bottom: 50px;
	}
		#purchase h3 strong {
			font-size: 55px;
		}
	#purchase .inner figure{
		max-width: 980px;
		width: 81.666666666%;
		margin: 0 auto 50px;
	}
	#purchase .inner figure + figure {
		max-width: 500px;
		width: 41.666666666%;
	}
	#purchase .inner p {
		font-size: 40px;
		margin-bottom: 60px;
	}
		#purchase .inner p strong {
			font-size: 50px;
		}
	#purchase .inner figure.txtImg {
		max-width: 700px;
		width: 58.333333333%;
		margin: 0 auto;
	}
	#purchase .inner .caption {
		text-align: center;
		margin-top: 10px;
		margin-bottom: 60px;
		color: #bfbfbf;
		line-height: 1.5em;
		font-size: 12px;
	}
	#purchase .inner .flex li {
		width: 30.833333333%;
	}

@media screen and (max-width:1060px) {
	#purchase h3 strong {
		font-size: 44px;
	}
	#purchase h3.border:before,
	#purchase h3.border:after {
		width: 60px;
	}
	#purchase .inner p {
		font-size: 32px;
	}
	#purchase .inner p strong {
		font-size: 42px;
	}
}

@media screen and (max-width:768px) {
	#purchase {
		padding: 70px 0 80px;
	}
		#purchase h3 {
			margin-bottom: 30px;
			line-height: 1.5;
		}
		#purchase h3.border:before,
		#purchase h3.border:after {
			width: 13.157894736%;
		}
			#purchase h3 strong {
				font-size: 38px;
			}
		#purchase .inner figure{
			max-width: 560px;
			width: 100%;
			margin: 0 auto 30px;
		}
		#purchase .inner figure + figure {
			max-width: 485px;
			width: 86.87306501%;
			margin-bottom: 20px;
		}
		#purchase .inner p {
			font-size: 22px;
			line-height: 1.75;
			margin-bottom: 30px;
		}
			#purchase .inner p strong {
				font-size: 30px;
			}
		#purchase .inner figure.txtImg {
			max-width: 560px;
			width: 100%;
		}
	#purchase .inner .caption {
		font-size: 10px;
		margin-bottom: 30px;
	}
	#purchase .inner .flex li {
		width: 100%;
	}
	#purchase .inner .flex li + li {
		margin-top: 20px;
	}
}


/* purchaseReason ----------------------*/
#purchaseReason {
	background-color: #061b31;
}
	#purchaseReason .purchaseReasonWrap {
		padding: 120px 0 120px;
		background: url(../img/pc/bg_purchaseReason.png) no-repeat center top / contain;
	}
	#purchaseReason h3 {
		letter-spacing: .07em;
		margin-bottom: 30px;
	}
	#purchaseReason .inner h3.border:before,
	#purchaseReason .inner h3.border:after {
		width: 110px;
	}
	#purchaseReason h3 strong {
		font-size: 60px;
	}
	#purchaseReason ul.btn {
		margin-bottom: 80px;
	}
		#purchaseReason ul.btn li {
			max-width: 370px;
			width: 30.833333333%;
		}
	#purchaseReason ul.reasonWrap {

	}
			#purchaseReason ul.reasonWrap li .reasonInner {
				position: relative;
				padding: 60px 8.333333333%;
				background: rgba(0,14,32,.6);
				margin-bottom: 50px;
				color: #fff;
				box-shadow: 5px 5px 20px 5px rgba(0,0,0,.3);
				}
					#purchaseReason ul.reasonWrap li .reasonInner:before {
						content: '';
						position: absolute;
						left: 27px;
						top: -15px;
						width: 160px;
						height: 160px;
					}
					#purchaseReason ul.reasonWrap li#reason1 .reasonInner:before {
						background: url(../img/pc/reason_wappen01.png) no-repeat center center / contain;
					}
					#purchaseReason ul.reasonWrap li#reason2  .reasonInner:before {
						background: url(../img/pc/reason_wappen02.png) no-repeat center center / contain;
					}
					#purchaseReason ul.reasonWrap li#reason3  .reasonInner:before {
						background: url(../img/pc/reason_wappen03.png) no-repeat center center / contain;
					}
					#purchaseReason ul.reasonWrap li .reasonInner h4 {
						position: relative;
						font-size: 40px;
						line-height: 1.5;
						letter-spacing: .1em;
						margin-bottom: 60px;
					}
						#purchaseReason ul.reasonWrap li .reasonInner h4:after {
							content: '';
							position: absolute;
							left: 50%;
							bottom: -20px;
							transform: translateX(-50%);
							display: block;
							width: 120%;
							height: 1px;
							background: linear-gradient(to right, transparent 0%,#e5cc80 50%, transparent 100%);
						}
						#purchaseReason ul.reasonWrap li .reasonInner h4 small {
							font-size: 75%;
							display: inline-block;
							line-height: 1.6;
						}
					#purchaseReason ul.reasonWrap li .reasonInner p {
						font-size: 20px;
						margin-bottom: 50px;
					}
					#purchaseReason ul.reasonWrap li .reasonInner .wrap:not(:last-child) {
						margin-bottom: 50px;
					}
						#purchaseReason ul.reasonWrap li .reasonInner .wrap p {
							font-size: 30px;
							padding: 10px 0;
							margin-bottom: 40px;
							background-color: rgba(191,191,191,.19);
						}

@media screen and (max-width:1060px) {
	#purchaseReason h3 {
		line-height: 1.5;
	}
		#purchaseReason .inner h3.border:before,
		#purchaseReason .inner h3.border:after {
			width: 110px;
		}
		#purchaseReason h3 strong {
			font-size: 48px;
		}
	#purchaseReason ul.reasonWrap li .reasonInner:before {
		left: 20px;
		top: -40px;
		width: 120px;
		height: 120px;
	}
	#purchaseReason ul.reasonWrap li .reasonInner h4 {
		font-size: 32px;
	}
	#purchaseReason ul.reasonWrap li .reasonInner p {
		font-size: 17px;
	}
}

@media screen and (max-width:768px) {
	#purchaseReason .purchaseReasonWrap {
		padding: 70px 0 80px;
	}
	#purchaseReason h3 {
		letter-spacing: .07em;
		margin-bottom: 30px;
	}
	#purchaseReason .inner h3.border:before,
	#purchaseReason .inner h3.border:after {
		width: 10.526315789%;
	}
	#purchaseReason h3 strong {
		font-size: 38px;
	}
	#purchaseReason ul.btn {
		margin-bottom: 60px;
	}
		#purchaseReason ul.btn li {
			max-width: 560px;
			width: 100%;
		}
		#purchaseReason ul.btn li:not(:last-child) {
			margin-bottom: 20px;
		}
	#purchaseReason ul.reasonWrap {

	}
			#purchaseReason ul.reasonWrap li .reasonInner {
				padding: 40px 6.191950464%;
				margin-bottom: 20px;
				}
					#purchaseReason ul.reasonWrap li .reasonInner:before {
						left: -10px;
						top: -40px;
						width: 80px;
						height: 80px;
					}
					#purchaseReason ul.reasonWrap li .reasonInner h4 {
						position: relative;
						font-size: 22px;
						margin-bottom: 60px;
					}
						#purchaseReason ul.reasonWrap li .reasonInner h4:after {
							bottom: -30px;
							width: 100%;
						}
					#purchaseReason ul.reasonWrap li .reasonInner p {
						font-size: 15px;
						margin-bottom: 10px;
					}
					#purchaseReason ul.reasonWrap li#reason1 .reasonInner > p {
						margin-bottom: 30px;
					}
					#purchaseReason ul.reasonWrap li .reasonInner > p {
						text-align: left !important;
					}
					#purchaseReason ul.reasonWrap li .reasonInner .wrap:not(:last-child) {
						margin-bottom: 40px;
					}
						#purchaseReason ul.reasonWrap li .reasonInner .wrap p {
							font-size: 15px;
							padding: 5px 0;
							margin-bottom: 10px;
						}
}


/* service ----------------------*/
#service {
	background-color: #000;
}
	#service .serviceWrapTop {
		padding: 100px 0 0;
		background: url(../img/pc/bg_serviceTop.png) no-repeat center top / contain;
	}
	#service .serviceWrapBtm {
		padding: 0 0 120px;
		background: url(../img/pc/bg_serviceBtm.png) no-repeat center bottom / contain;
	}
		#service h3 {
			position: static;
			color: #fff;
			letter-spacing: .1em;
			margin-bottom: 20px;
		}
		#service h3 strong {
			font-size: 62px;
		}
	#service ul.btn {
		margin-bottom: 80px;
	}
		#service ul.btn li {
			max-width: 370px;
			width: 30.833333333%;
		}
	#service ul.serviceWrap {
		margin-bottom: 50px;
	}
			#service ul.serviceWrap li h4 {
				position: relative;
				z-index: 1;
				font-size: 40px;
				line-height: 1;
				letter-spacing: .1em;
				max-width: 1200px;
				width: 100%;
				height: 103px;
				padding-top: 40px;
				margin: 0 auto;
				background: url(../img/pc/bg_serviceTtl.png) no-repeat center center / cover;
			}
			#service ul.serviceWrap li .serviceInner {
				margin-top: -23px;
				padding: 60px 8.333333333% 90px;
				background: rgba(31,50,70,.6);
				color: #fff;
			}
			#service ul.serviceWrap li .serviceInner > .txt {
				font-size: 34px;
				line-height: 1.7;
				letter-spacing: .1em;
				margin-bottom: 50px;
			}
				#service ul.serviceWrap li .serviceInner > .txt sup {
					font-size: 20px;
				}
			#service ul.serviceWrap li .serviceInner .checkList {
				position: relative;
				margin-bottom: 50px;
			}
				#service ul.serviceWrap li .serviceInner .checkList:before {
					content: '';
					position: absolute;
					right: -20px;
					top: -80px;
					width: 170px;
					height: 170px;
					background: url(../img/pc/service_wappen.png) no-repeat center center / contain;
				}
			#service ul.serviceWrap li .serviceInner h5 {
				font-size: 27px;
				letter-spacing: .05em;
				margin-bottom: 40px;
			}
			#service ul.serviceWrap li .serviceInner ol {
				overflow-y: hidden !important;
			}
				#service ul.serviceWrap li .serviceInner ol li {
					position: relative;
					max-width: 184px;
					width: 18.4%;
				}
				#service ul.serviceWrap li .serviceInner ol li:not(.end):after {
					content: '';
					position: absolute;
					right: calc(-8.695652173% - 1px);
					top: 50%;
					transform: translateY(-50%);
					width: 8.695652173%;
					height: 35px;
					background: url(../img/pc/arrow_flow.png) no-repeat center center / contain;
				}
				#service ul.serviceWrap li#service2 .serviceInner ol li:not(.end):after {
					right: calc(-11.267605633% - 1px);
					transform: translateY(-50%);
					width: 11.267605633%;
				}
			#service ul.serviceWrap li#service2 .serviceInner ol li {
				max-width: 142px;
				width: 14.2%;
			}
				#service ul.serviceWrap li#service2 .serviceInner ol li.end {
					position: relative;
					max-width: 348px;
					width: 34.8%;
				}
	#service p.caption {
		margin-top: 20px;
	}

@media screen and (max-width:1060px) {
	#service h3 {
		line-height: 1.5;
	}
	#service h3 span {
		line-height: 1;
	}
	#service h3 strong {
		font-size: 50px;
	}
	#service ul.serviceWrap li h4 {
		font-size: 32px;
	}
	#service ul.serviceWrap li .serviceInner > .txt {
		font-size: 28px;
	}
		#service ul.serviceWrap li .serviceInner > .txt sup {
			font-size: 16px;
		}
}

@media screen and (max-width:900px) {
		#service p.caption {
			text-align: left !important;
		}
}

@media screen and (max-width:768px) {
	#service .serviceWrapTop {
		padding: 70px 0 0;
	}
	#service .serviceWrapBtm {
		padding: 0 0 120px;
	}
		#service h3 {
			font-size: 26px;
			margin-bottom: 20px;
		}
		#service h3 strong {
			font-size: 38px;
		}
	#service ul.btn {
		margin-bottom: 30px;
	}
		#service ul.btn li {
			max-width: 560px;
			width: 100%;
			margin-bottom: 20px;
		}
	#service ul.serviceWrap {
		margin-bottom: 30px;
	}
			#service ul.serviceWrap li h4 {
				font-size: 24px;
				line-height: 1.1;
				letter-spacing: .1em;
				max-width: 320px;
				width: 100%;
				height: 63px;
				padding-top: 25px;
				background: url(../img/sp/bg_serviceTtl.png) no-repeat center center / cover;
			}
			#service ul.serviceWrap li + li h4 {
				height: 73px;
				padding-top: 15px;
			}
			#service ul.serviceWrap li .serviceInner {
				margin-top: -8px;
				padding: 36px 6.191950464% 60px;
			}
			#service ul.serviceWrap li .serviceInner > .txt {
				font-size: 20px;
				margin-bottom: 20px;
			}
				#service ul.serviceWrap li .serviceInner > .txt sup {
					font-size: 12px;
				}
			#service ul.serviceWrap li .serviceInner .checkList {
				margin-bottom: 30px;
			}
				#service ul.serviceWrap li .serviceInner .checkList:before {
					right: -30px;
					top: -20px;
					width: 84px;
					height: 84px;
				}
			#service ul.serviceWrap li .serviceInner h5 {
				font-size: 20px;
				margin-bottom: 20px;
			}
			#service ul.serviceWrap li .serviceInner ol {
				width: 100%;
				overflow-x: auto;
				flex-wrap: nowrap;
				justify-content: flex-start;
			}
			#service ul.serviceWrap li .serviceInner ol li {
				margin-right: 20px;
				width: 147.2px;
				flex: 0 0 auto;
				max-width: none;
			}
			#service ul.serviceWrap li .serviceInner ol li:not(.end):after {
				right: -18px;
				width: 16px;
			}
			#service ul.serviceWrap li#service2 .serviceInner ol li {
				width: 113.6px;
			}
			#service ul.serviceWrap li#service2 .serviceInner ol li.end {
				width: 278.4px;
			}
}


/* purchaseRecord ----------------------*/
	#purchaseRecord .purchaseRecordInner {
		background-color: #271e17;
		padding: 0 0 120px;
	}
		#purchaseRecord .purchaseRecordInner .headWrap {
			position: relative;
			max-width: 1500px;
			width: 100%;
			height: 140px;
			padding-top: 60px;
			margin: 0 auto 60px;
			background: url(../img/pc/bg_purchaseRecordTtl.png) no-repeat center center / cover;
		}
			#purchaseRecord .purchaseRecordInner .headWrap .headerInner {
				display: inline-block;
				margin: 0 auto;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
			}
				#purchaseRecord .purchaseRecordInner .headWrap h3 {
					line-height: 1;
					letter-spacing: .1em;
					display: block;
					white-space: nowrap;
				}
				#purchaseRecord .purchaseRecordInner .headWrap p.caption {
					margin-top: 5px;
					margin-right: .2em;
					display: block;
					color: #000;
				}
		#purchaseRecord .inner {
			max-width: 1000px;
		}
			#purchaseRecord .inner ul li {
				max-width: 460px;
				width: 46%;
				margin-bottom: 100px;
				letter-spacing: .05em;
				line-height: 1;
			}
				#purchaseRecord .inner ul li > *:not(:last-child) {
					margin-bottom: 20px;
				}
				#purchaseRecord .inner ul li .tag {
					justify-content: flex-start;
				}
					#purchaseRecord .inner ul li .tag p {
						font-size: 22px;
						color: #bfbfbf;
						padding: 5px 10px;
						background-color: #332c24;
					}
					#purchaseRecord .inner ul li .tag p:not(:last-child) {
						margin-right: 5px;
					}
				#purchaseRecord .inner ul li h4 {
					font-size: 32px;
					color: #fff;
				}
					#purchaseRecord .inner ul li h4 small {
						font-size: 60%;
					}
				#purchaseRecord .inner ul li > p {
					font-size: 20px;
					color: #bfbfbf;
				}

	#purchaseRecord .cvBtn+.inner {
		max-width: 800px;
		width: 70%;
	}
		#purchaseRecord p.caption {
			margin-top: 10px;
			font-size: 14px;
		}

@media screen and (max-width:1060px) {
	#purchaseRecord .inner ul li .tag p {
		font-size: 20px;
	}
	#purchaseRecord .inner ul li h4 {
		font-size: 28px;
	}
	#purchaseRecord .inner ul li > p {
		font-size: 18px;
	}
}

@media screen and (max-width:768px) {
	#purchaseRecord .purchaseRecordInner {
		padding: 0 0 80px;
	}
		#purchaseRecord .purchaseRecordInner .headWrap {
			max-width: 380px;
			height: 85px;
			padding-top: 15px;
			margin: 0 auto 30px;
			background: url(../img/sp/bg_purchaseRecordTtl.png) no-repeat center center / cover;
		}
				#purchaseRecord .purchaseRecordInner .headWrap h3 {
					font-size: 23px;
					line-height: 1.2;
				}
				#purchaseRecord .purchaseRecordInner .headWrap p.caption {
					margin-top: 0;
					text-align: right !important;
				}
			#purchaseRecord .inner ul li {
				max-width: 560px;
				width: 100%;
				margin: 0 auto 50px;
			}
				#purchaseRecord .inner ul li > *:not(:last-child) {
					margin-bottom: 10px;
				}
					#purchaseRecord .inner ul li .tag p {
						font-size: 18px;
						padding: 5px 10px;
					}
					#purchaseRecord .inner ul li .tag p:not(:last-child) {
						margin-right: 5px;
					}
				#purchaseRecord .inner ul li h4 {
					font-size: 24px;
				}
				#purchaseRecord .inner ul li > p {
					font-size: 15px;
				}
	#purchaseRecord .cvBtn+.inner {
		max-width: 560px;
		width: 85%;
	}
		#purchaseRecord p.caption {
			font-size: 12px;
			text-align: left !important;
		}
}


/* cvBtn ----------------------*/
.cvBtn {
	max-width: 800px;
	width: 70%;
	margin: 0 auto;
	background-color: #fff;
}

@media screen and (max-width:768px) {
	.cvBtn {
		max-width: 560px;
		width: 85%;
		background-color: inherit;
	}
}


/* sideBnr ----------------------*/
.sideBnr {
	position: fixed;
	right: 0;
	top: 25%;
	width: 60px;
	background-color: #fff;
	z-index: 999;
}

@media screen and (max-width:768px) {
	.sideBnr {
		top: 15%;
		width: 40px;
	}
}

/* fixedBnr ----------------------*/
@media screen and (max-width:768px) {
	.fixedBnr {
		display: flex;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		background-color: #fff;
		z-index: 999;
	}
	.fixedBnr a {
		display: block;
		width: 50%;
	}
}