@charset "utf-8";

/* WSYS-12462 【フロント】支払方法ページのタブ分け依頼 20250821 M.Shimizu */
.custhelp_payment .module-top_border_title {
	margin-inline: 2%;
	padding: 20px 2%;
}

.custhelp_payment ._inner {
	width: 100%;
	max-width: 980px;
	margin-inline: auto;
	padding: 40px 4%;
	background: #fff;
}

.credit_receipt ._inner,
.np_receipt ._inner,
.invoice_receipt ._inner {
	padding-top: 0;
}

.mv_area .mv_image ._inner {
	position: relative;
	height: 310px;
	background: url(../../images/contents/custhelp/before/payment/mv_bg_pc.png) no-repeat top center / contain;
}

.mv_area .-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 90px;
	transform: translateY(-50%);
}

.mv_area .gw_logo {
	width: 22rem;
	margin-bottom: 10px;
	border-radius: 8px;
	background: #fff;
}

.mv_area h1 {
	margin-bottom: 20px;
	color: #07308c;
	font-size: 3.0rem;
	font-weight: 600;
}

.mv_area h1 span {
	font-size: 80%;
}

.mv_area ul {
	display: flex;
	gap: 20px;
}

.mv_text p {
	font-size: 1.6rem;
}

.custhelp_payment .layout-tab_content .-ico_credit {
	background-image: url(../../images/contents/custhelp/before/payment/ico_credit.png);
}

.custhelp_payment .layout-tab_content .active .-ico_credit {
	background-image: url(../../images/contents/custhelp/before/payment/ico_credit_active.png);
}

.custhelp_payment .layout-tab_content .-ico_np {
	background-image: url(../../images/contents/custhelp/before/payment/ico_np.png);
}

.custhelp_payment .layout-tab_content .active .-ico_np {
	background-image: url(../../images/contents/custhelp/before/payment/ico_np_active.png);
}

.custhelp_payment .layout-tab_content .-ico_invoice {
	background-image: url(../../images/contents/custhelp/before/payment/ico_invoice.png);
}

.custhelp_payment .layout-tab_content .active .-ico_invoice {
	background-image: url(../../images/contents/custhelp/before/payment/ico_invoice_active.png);
}

.layout-tab_content .-tab_switch .-item .-medium {
	font-size: 1.6rem;
}

.layout-tab_content .-tab_content {
	padding: 0;
}

.description_main_text {
	margin-bottom: 36px;
	font-size: 1.6rem;
}

.custhelp_payment h3 {
	margin-bottom: 16px;
	padding: 2px 0 2px 10px;
	border-left: 3px solid #00a0e9;
	color: #008ae1;
	font-size: 1.6rem;
}

.credit_description .useable_card {
	width: 40%;
	margin-bottom: 20px;
	padding-left: 28px;
}

.ana_wrapper {
	padding: 24px;
	background: #e0f2fe;
	font-size: 1.3rem;
}

.ana_card_content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	margin-bottom: 24px;
}

.ana_card_content img {
	width: 24%;
	object-fit: contain;
}

.ana_card_content_item {
	width: 70%;
}

.ana_card_content_item h4 {
	padding-bottom: 10px;
	color: #008ae1;
	font-size: 1.6rem;
}

.description_normal_text {
	margin-bottom: 16px;
	font-size: 1.5rem;
}

.description_normal_text span {
	color: #e30000;
}

.custhelp_payment .module-base_btn_area {
	margin: 40px 0 56px;
	text-align: center;
}

.description_normal_text span.blue {
	color: #008ae1;
}

.credit_receipt .flow_content {
	padding: 40px;
	border: solid 3px #008ae1;
	border-radius: 10px;
}

.credit_receipt .flow_content:not(:last-child) {
	margin-bottom: 40px;
}

.np_description .np_banner {
	display: flex;
	flex-direction: column-reverse;
}

.np_description .np_img {
	width: 60%;
	margin-bottom: 60px;
}

.np_description .module-np_column {
	margin-bottom: 16px;
}

.np_description .np_flow_wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 50px;
}

.np_description .np_flow_item {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 24%;
	font-size: 1.4rem;
}

.np_description .np_flow_item p {
	padding-top: 20px;
	text-align: center;
}

.np_description .np_flow_item p span {
	color: #008ae1;
}

.description_main_text_np span {
	color: #e30000;
}

.np_description .module-circle_list {
	line-height: 1.6;
}

.np_description .module-circle_list li:nth-child(2),
.np_description .module-circle_list li:nth-child(3) {
	color: #e30000;
}

.module-circle_list li a {
	text-decoration: underline;
}

.np_receipt .receipt_image {
	width: 60%;
	margin-inline: auto;
}

.invoice_description img.forbiz {
	margin-bottom: 10px;
}

._applay {
	margin: 0 auto;
	padding-bottom: 50px;
}

._applay ._applay_btn {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.5;
	position: relative;
	padding: 20px;
	cursor: pointer;
	user-select: none;
	transition: ease 0.3s;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.1em;
	color: #fff;
	border-radius: 10px;
	background: #ff205a;
	box-shadow: rgba(0, 0, 0, .2) 3px 5px 6px 3px;
	display: flex;
	justify-content: center;
	width: 400px;
	margin: 60px auto 50px;
}

._applay ._applay_btn::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 10px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	right: 6%;
	margin-top: -7px;
}