@charset "UTF-8";

.comAccordion__wrap {
	color: #fff;
	text-align: left;
}

*[class*="comBGWrap"] {
	background-color: #33353b;
	border-radius: 6px;
	margin: 0 auto 0px;
	width: 100%;
}
*[class*="comBGWrap"] > dd {
	margin: 0;
	padding: 0 20px 20px;
}

.comAccordion__wrap .reg_wrapper {
	margin: 0px 0 0;
	padding: 0px 0px;
}

.comAccordion__wrap dt.js-payment-accordion-toggle,
.comAccordion__wrap dt.js-comAccordionToggle {
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding-top: 25px;
	padding-bottom: 25px;
	position: relative;
	text-align: center;
	width: 100%;
}

.comAccordion__wrap dt.js-payment-accordion-toggle span,
.comAccordion__wrap dt.js-comAccordionToggle span {
	position: relative;
}

.comAccordion__wrap dt.js-payment-accordion-toggle span::before,
.comAccordion__wrap dt.js-payment-accordion-toggle span::after,
.comAccordion__wrap dt.js-comAccordionToggle span::before,
.comAccordion__wrap dt.js-comAccordionToggle span::after {
	content: "";
	position: absolute;
	top: 50%;
	background: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.comAccordion__wrap dt.js-payment-accordion-toggle span::before,
.comAccordion__wrap dt.js-comAccordionToggle span::before {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.comAccordion__wrap dt.js-payment-accordion-toggle span::after,
.comAccordion__wrap dt.js-comAccordionToggle span::after {
	-webkit-transform: translateY(-50%) rotate(-90deg);
	transform: translateY(-50%) rotate(-90deg);
}

.comAccordion__wrap dt.js-payment-accordion-toggle.active span::before,
.comAccordion__wrap dt.js-comAccordionToggle.active span::before {
	opacity: 0;
}

.comAccordion__wrap dt.js-payment-accordion-toggle.active span::after,
.comAccordion__wrap dt.js-comAccordionToggle.active span::after {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.comAccordion__wrap .js-payment-accordion-body,
.comAccordion__wrap .js-comAccordionBody {
	display: none;
}

@media screen and (min-width: 768px) {
	.comAccordion__wrap {
		padding: 0px 0;
	}

	.comAccordion__wrap dt.js-payment-accordion-toggle span::before,
	.comAccordion__wrap dt.js-payment-accordion-toggle span::after,
	.comAccordion__wrap dt.js-comAccordionToggle span::before,
	.comAccordion__wrap dt.js-comAccordionToggle span::after {
		left: -40px;
		width: 24px;
		height: 2px;
	}
}

@media screen and (max-width: 768px) {
	.comAccordion__wrap dt.js-payment-accordion-toggle,
	.comAccordion__wrap dt.js-comAccordionToggle {
		text-align: center;
	}

	.comAccordion__wrap dt.js-payment-accordion-toggle span,
	.comAccordion__wrap dt.js-comAccordionToggle span {
		padding: 0 0 0 18px;
		margin: 0 0 0 3px;
	}

	.comAccordion__wrap dt.js-payment-accordion-toggle span::before,
	.comAccordion__wrap dt.js-payment-accordion-toggle span::after,
	.comAccordion__wrap dt.js-comAccordionToggle span::before,
	.comAccordion__wrap dt.js-comAccordionToggle span::after {
		left: 0px;
		width: 10px;
		height: 2px;
	}
	
}

@media screen and (max-width: 374px) and (min-width: 320px) {
	.comAccordion__wrap dt.js-payment-accordion-toggle,
	.comAccordion__wrap dt.js-comAccordionToggle {
		font-size: 4.8vw;
		padding-top: 6.667vw;
		padding-bottom: 6.667vw;
	}
}