/* margin */
.mb-xlarge {
	margin-bottom: 40px;
}
.mb-large {
	margin-bottom: 32px;
}
.mb-medium {
	margin-bottom: 24px;
}
.mb-small {
	margin-bottom: 16px;
}
.mb-8 {
	margin-bottom: 8px;
}
.mb-16 {
	margin-bottom: 16px;
}
/* lists */
.cmn_anchor_list._mod {
	margin-top: 160px;
}
.cmn_anchor_list._mod .anchor{
	display: inline-flex;
	border-bottom: 0;
}
.cmn_annotation_list._mod {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
/* text/font */
.text_link_wrap {
	margin: 24px 0 40px 0;
}
.table_text {
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 400;
	margin-bottom: 8px;
}
.cmn_table .cmn_normal_list._mod li {
	font-size: 1.6rem;
	margin-bottom: 8px;
}
.cmn_normal_list._mod span {
	display: block;
	margin-top: 8px;
}
.title_text {
	margin: 20px 0 8px 0;
	font-weight: 700;
}
.cmn_normal_text.small_sp {
	font-size: 1.6rem;
}
.superscript {
	font-size: 1rem;
	vertical-align: 0.2em;
}
.superscript._mod {
	font-size: 1rem;
	vertical-align: 0.3em;
}
.cmn_annotation_text._mod {
	padding-left: 1.4rem;
}
.red {
	color: #FF0000;
}
/* acd */
.acd_list_wrap._mod {
	margin-bottom: 32px;
}
/* points: container */
.points-container {
	display: flex;
	gap: 16px;
	max-width: 614px;
	margin: 0 auto;
}
/* points: speech buble */
.speech-bubble {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 16px 8px;
	background-color: #EDE2CB;
	border-radius: 10px;
	position: relative;
}
.speech-bubble::after {
	content: "";
	position: absolute;
	right: -18px;
	top: 50%;
	transform: translateY(-50%);
	border-width: 10px 0 10px 18px;
	border-style: solid;
	border-color: transparent transparent transparent #EDE2CB;
	width: 0;
	height: 0;
}
.bubble-title {
	font-size: 1.4rem;
	font-weight: 700;
}
.bubble-content {
	display: flex;
	align-items: end;
	justify-content: center;
}
.bubble-sub {
	display: flex;
	flex-direction: column;
	padding-bottom:10px;
}
.bubble-sub span,
.bubble-desc {
	font-size: 1.4rem;
	font-weight: 700;
	color: #656565;
	line-height: 1.2;
}
.bubble-percent-value {
	font-size: 6rem;
	font-weight: 700;
	color: #A66423;
	line-height: 1;
}
.bubble-percent-sign {
	font-size: 2.6rem;
	font-weight: 700;
	color: #A66423;
}
/* points: cards */
.cards-row {
	flex: 1;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 10px 10px 10px auto;
}
.card:first-child {
	grid-column: 1 / 2;
	grid-row: 1 / span 2;
}
.card:last-child {
	grid-column: 1 / 2;
	grid-row: 4 / span 2;
}
.card {
	padding: 16px;
	background-color: #FFFFFF;
	border: 1px solid #A66423;
	border-radius: 10px;
}
.card-content {
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 5px;
}
.card-title {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1;
}
.card-percent {
	font-size: 3.2rem;
	font-weight: 700;
	color: #D23A00;
	line-height: 1;
}
.card-percent .card-percent-sign {
	font-size: 2.6rem;
	font-weight: 700;
}
.card-desc {
	font-size: 1.4rem;
	font-weight: 700;
	color: #656565;
}
.card-desc span {
	font-size: 1.2rem;
	font-weight: 500;
}
/* points: plus divider */
.plus-divider {
	grid-column: 1 / 2;
	grid-row: 2 / 5;
	align-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 32px;
  height: 32px;
	margin: 0 auto;
}
.plus-sign {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #EDE2CB;
  border-radius: 50%;
  font-size: 2.8rem;
  color: #A66423;
  font-weight: bold;
  z-index: 1;
  box-shadow: 0 0 0 1px #EDE2CB;
}

.separator {
  height: 1px;
  border: none;
  background-color: #B0B0B0;
  margin: 20px 0;
}
.cmn_round_box._mod {
	padding-top: 32px;
	padding-bottom: 32px;
}
.cmn_text_link.--icon_blank {
	display: flex;
	align-items: center;
}
.inner_block {
	margin-top: 120px;
}
.banner_img img.sp {
	display: none;
}
.banner_img img.pc {
	display: inline-block;
}
.cmn_faq_list._mod .cmn_card_link[target="_blank"]::after {
	width: 24px;
  height: 24px;
	background: url(/shared/img/arw_orange_r_circle.svg) center / contain no-repeat;
}
.cmn_btn_secondary._mod::after {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 18px;
	top: calc(50% - 8px);
	background: url(/shared/img/arw_orange_r.svg) center / 100% no-repeat;
}

@media screen and (max-width:640px){
	/* margin */
	.mb-large,
	.mb-xlarge {
		margin-bottom: 24px;
	}
	.mb-medium {
		margin-bottom: 16px;
	}
	.mb-small {
		margin-bottom: 8px;
	}
	/* lists */
	.cmn_anchor_list._mod {
		margin-top: 48px;
	}
	.cmn_annotation_list._mod {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
	/* text/font */
	.text_link_wrap {
		margin: 32px 0;
	}
	.table_text {
		font-size: 1.2rem;
	}
	.cmn_table .cmn_normal_list._mod li,
	.cmn_normal_list._mod li {
		font-size: 1.2rem;
	}
	.cmn_table .cmn_normal_list._mod li::before,
	.cmn_normal_list._mod li::before {
		top: 4px;
	}
	.cmn_normal_text.small_sp {
		font-size: 1.2rem;
	}
	.superscript {
		font-size: .8rem;
		vertical-align: 0.1em;
	}
	.superscript._mod {
		font-size: 1rem;
		vertical-align: 0.2em;
	}
	.cmn_normal_list._mod span {
		margin-top: 6px;
	}
	/* acd */
	.acd_list_wrap._mod {
		margin-bottom: 40px;
	}
	/* points: container */
	.points-container {
		flex-direction: column;
		max-width: 100%;
	}
	/* points: speech buble */
	.speech-bubble {
		flex-direction: row;
		gap: 8px;
	}
	.bubble-percent-value {
		font-size: 4.2rem;
	}
	.speech-bubble::after {
		right: 50%;
		top: auto;
		bottom: -12px;
		left: 50%;
		transform: translateX(-50%);
		border-width: 12px 8px 0 8px;
		border-style: solid;
		border-color: #EDE2CB transparent transparent transparent;
	}
	/* points: cards */
	.card-content {
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.cards-row {
		flex: 1;
		display: grid;
		grid-template-columns: auto 10px 10px 10px auto;;
		grid-template-rows: 1fr;
	}
	.card {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.card:first-child {
		grid-column: 1 / span 2;
		grid-row: 1 / 2;
	}
	.card:last-child {
		grid-column: 4 / span 2;
		grid-row: 1 / 2;
	}
	.card-title {
		margin-bottom: 24px;
	}
	/* points: plus divider */
	.plus-divider {
		grid-column: 2 / 5;
		grid-row: 1 / 2;
	}

	.cmn_w100p_wrap > .inner {
		padding: 40px 6.4%;
	}
	.inner_block {
		margin-top: 104px;
	}
	.inner_block .cmn_normal_text._mod {
		text-align: center;
		max-width: 278px;
		margin-left: auto;
		margin-right: auto;
	}
	.banner_img img.sp {
		display: block;
		width: 100%;
		height: auto;
		object-fit: cover;
		object-position: center;
	}
	.banner_img img.pc {
		display: none;
	}
	.cmn_faq_list._mod .cmn_card_link[target="_blank"]::after {
		width: 20px;
		height: 20px;
	}
}