@charset "utf-8";
/*///////////////////////////////////////////////////////////////////////////

	決済方法について
	static/data/payment.html

///////////////////////////////////////////////////////////////////////////*/
.payment .intro {
	margin: 30px 0 34px;
	font-size: 16px;
	line-height: 1.7;
}
/* ====================================================
  ページ内ナビ
====================================================*/
.payment-nav {
  margin: 0 20px 40px;
}
.payment-nav--col2 {
	margin: 0 84px 40px;
}
.payment-nav-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  padding: 0 46px;
  border: 1px solid #11962d;
  border-radius: 10px;
}
.payment-nav-list a {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
}
.payment-nav-list .nav-cash a {
  padding-left: 75px;
  background: url(/public/img/static/payment/icon_cash.png) left center no-repeat;
}
.payment-nav-list .nav-loan a {
  padding-left: 60px;
  background: url(/public/img/static/payment/icon_card.png) left center no-repeat;
}
.payment-nav-list .nav-qr a {
  min-height: 42px;
  padding-left: 52px;
  background: url(/public/img/static/payment/icon_qr-code.png) left center no-repeat;
}
.payment-nav-list_txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.payment-nav-list_sub {
  font-size: 14px;
  font-weight: bold;
}
p.lead {
    font-size: 16px;
}
.payment .ttl {
	height: 47px;
	margin-bottom: 24px;
	padding-left: 20px;
	background-color: #f2f2f2;
	color: #008e1e;
	font-size: 20px;
	line-height: 47px;
}
.payment .hd {
	margin: 0 0 15px 20px;
	color: #008e1e;
}
.payment .hd_cash,
.payment .hd_loan,
.payment .hd_qr {
	margin-bottom: 20px;
	border-bottom: 1px solid #d6d6d6;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
.payment .hd_cash {
	padding: 9px 0 20px 82px;
	background: url("/public/img/static/payment/icon_cash.png") 10px top no-repeat;
}
.payment .hd_loan {
	padding: 9px 0 19px 72px;
	background: url("/public/img/static/payment/icon_card.png") 10px top no-repeat;
}
.payment .hd_qr {
	padding: 13px 0 22px 72px;;
	background: url("/public/img/static/payment/icon_qr-code.png") 10px top no-repeat;
}
.payment .hd_cash .sub,
.payment .hd_loan .sub {
	font-size: 14px;
	font-weight: bold;
	line-height: inherit;
}
.payment .txt {
	margin: 0 0 40px 40px;
}
.payment .txt.lift {
	margin-bottom: 20px;
}
.payment .lead {
	margin-bottom: 40px;
}
.payment .list {
	margin: 0 0 40px 40px;
	padding-left: 1em;
}
.payment .list_num {
	margin: 0 0 40px 40px;
	padding-left: 1em;
}
.payment .list_num li {
	list-style-type: decimal;
}
/*-----------------------------------
	ご利用にあたっての注意点
-----------------------------------*/
.payment .points {
	width: 501px;
	margin: 0 auto 40px;
	padding: 15px 22px;
	border: 1px solid #ddd;
}
.payment .points .hd_points {
	margin-bottom: 20px;
	font-size: 15px;
	text-align: center;
}
.payment .points .list {
	margin: 0;
	padding-left: 0;
}
.payment .points li {
	padding-left: 1em;
	text-indent: -1em;
	list-style-type: none;
	font-size: 14px;
	line-height: 1.7;
}
.payment .points li::before {
	content: "※";
}
/* 分割手数料
---------------------------------*/
.payment .fee .rate {
	margin-left: 40px;
	margin-bottom: 25px;
}
.payment .fee .extra {
	margin: 0 0 20px 40px;
	padding-left: 1em;
	text-indent: -1em;
}
.payment .fee .extra::before {
	content: "※";
}
/*-----------------------------------
	契約の取り消し、変更について
-----------------------------------*/
.payment .cancel_change .wrap_list {
	text-align: center;
}
.payment .cancel_change .wrap_list .list {
	display: inline-block;
	margin: 0;
	margin-bottom: 20px;
	padding-left: 0;
	text-align: left;
}
.payment .cancel_change .wrap_list .list li {
	margin-bottom: 20px;
	list-style-type: disc;
}
/* リンク
---------------------------------*/
.payment .link {
	margin-bottom: 15px;
	text-align: right;
}
.payment .link-last {
	margin-bottom: 40px;
}
.payment .link a {
	padding-left: 14px;
	background: url("/public/img/common/ico_link_blue.png") left center no-repeat;
	color: #0060ff;
	font-size: 15px;
	text-decoration: underline;
}
.payment .link a:hover {
	text-decoration: none;
}
.payment .bnr_link {
	margin-bottom: 45px;
	text-align: center;
}

/* QRコード決済
---------------------------------*/
.payment .qr {
	margin-bottom: 40px;
}
.payment .qr_list {
	margin: 0 0 40px 40px;
    padding-left: 1em;
}
.payment .qr_list-note {
	margin: 0 0 40px 40px;
}
.payment .qr_list-note li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
.payment .qr_list-note a {
    color: #0060ff;
    text-decoration: underline;
}
.payment .qr_list-note .qr_txt {
	padding-left: 33px;
	padding-bottom: 4px;
}
/* ====================================================
  流れ（Swiper）
====================================================*/
.payment-flow_ttl {
	margin: 0 20px 16px;
	color: #008e1e;
	font-size: 16px;
}
.payment-flow {
  position: relative;
	padding: 0 20px;
}
.payment-flow-container {
	margin: 0 0 25px;
}
.payment-flow-wrapper li {
	margin-right: 11px;
}
.payment-flow-pagination {
  position: static;
  margin-top: 6px;
}
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
}
.swiper-pagination-bullet-active {
  background-color: #f9595a;
}
.payment-flow-prev,
.payment-flow-next {
  position: absolute;
  top: 90px;
  width: 30px;
  height: 30px;
	border-radius: 50%;
  background: url(/sp/img/common/icon_next-white.svg) center center no-repeat #aaa;
  background-size: 10px auto;
	cursor: pointer;
	z-index: 1;
}
.payment-flow-prev {
  left: 0px;
  transform: rotate(180deg);
}
.payment-flow-next {
  right: 0px;
}
.swiper-button-disabled {
	display: none;
}