@charset "utf-8";

.sectionInner01 {
	padding: 0;
	background: url(/landing/mucard/twcp23/img/bg.png) 0 0;
	background-size: 70px;
}

.title01 {
	margin-bottom: 9px;
	padding: 0 2.6666vw;
	color: #FFA700;
	text-align: center;
}

.title02 {
	padding: 27px 0;
	color: #FF9100;
	background-color: #fff;
	background-image: url(/landing/mucard/twcp23/img/border.png), url(/landing/mucard/twcp23/img/border.png);
	background-position: 0 0, 0 bottom;
	background-repeat: repeat-x, repeat-x;
	background-size: 24px 6px;
	text-align: center;
}

.stepBlock {
	position: relative;
	padding: 51px 8vw 39px;
	border-radius: 25px;
	background-color: #fff;
	font-size: 1.1429rem/*16px*/;
	font-weight: bold;
}

.stepBlock.st1 {
	padding: 50px 8vw 16px;
}

.stepBlock dt {
	font-size: 0;
	line-height: 0;
	color: #FF9100;
	text-align: center;
}

.stepBlock + .stepBlock::before {
	content: '';
	position: absolute;
	top: -63px;
	left: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 30px 0 30px;
	border-color: #FF9100 transparent transparent transparent;
	transform: translateX(-50%);
}

.kiyaku {
	height: 80vh;
	padding: 15px 25px 15px 10px;
	border: 1px solid #E6E6E6;
	border-radius: 10px;
	background-color: #fff;
	font-size: 1.1429rem/*16px*/;
}

.kiyaku h4 {
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 8px solid #FF9100;
	line-height: 1.2;
}

.kiyaku * + h4 {
	margin-top: 20px;
}

.scroll_inner {
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.simplebar-scrollbar::before {
	background: #ccc;
}
.simplebar-scrollbar.simplebar-visible::before {
	opacity: 1;
}
.scroll_inner::-webkit-scrollbar {
	display: none;
}
.simplebar-track {
	background: #EBEBEB;
	width: 17px !important;
}

#footerArea {
	margin-top: 0 !important;
}

@media all and (max-width: 640px) {
	section .inner {
		padding-left: 5.8667vw;
		padding-right: 5.8667vw;
	}

	.bt01 {
		margin-bottom: 11px;
	}

	.bt02 {
		margin-bottom: 38px;
	}

	.bt02 img {
		width: 82.6667vw;
	}

	.stepBlock + .stepBlock {
		margin-top: 82px;
	}

	.block02 {
		padding-top: 74px;
		padding-bottom: 60px;
	}

	.bt03 {
		margin-top: 15px;
	}

	.block03 {
		padding-top: 40px;
		padding-bottom: 60px;
	}

	.stepBlock dt img {
		margin-top: -68px;
		width: 126px;
	}

	.title02 img {
		width: 127px;
	}
}