@charset "UTF-8";
body, p, ul, ol, h1,
h2, input {
	margin: 0;
}
ul, ol {
	padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	vertical-align: middle;
}
input {
	vertical-align: middle;
}
@font-face {
	font-family: "hpg-sp-webfont";
	font-style: normal;
	font-weight: normal;
	src: url("/SYS/common/fonts/hpg-sp-webfont.eot") format("embedded-opentype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.ttf") format("truetype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.woff") format("woff"),
	     url("/SYS/common/fonts/hpg-sp-webfont.svg") format("svg");
}
*, *::before,
*::after {
	box-sizing: border-box;
}
div, li, dl, dt, dd,
table, th, td, img,
h3, h4, h5, h6, form,
select {
	margin: 0;
}
body, div, p, li, dl,
dt, dd, table, th,
td, img, h1, h2, h3,
h4, h5, h6, form,
select {
	padding: 0;
}
select {
	vertical-align: middle;
	-webkit-appearance: none;
}
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
ol {
	list-style: none;
}
img, picture {
	max-width: 100%;
	display: block;
}
address {
	font-style: normal;
}
body, p, ul, ol, h1,
h2, input {
	margin: 0;
}
ul, ol {
	padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	vertical-align: middle;
}
input {
	vertical-align: middle;
}
@font-face {
	font-family: "hpg-sp-webfont";
	font-style: normal;
	font-weight: normal;
	src: url("/SYS/common/fonts/hpg-sp-webfont.eot") format("embedded-opentype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.ttf") format("truetype"),
	     url("/SYS/common/fonts/hpg-sp-webfont.woff") format("woff"),
	     url("/SYS/common/fonts/hpg-sp-webfont.svg") format("svg");
}
*, *::before,
*::after {
	box-sizing: border-box;
}
div, li, dl, dt, dd,
table, th, td, img,
h3, h4, h5, h6, form,
select {
	margin: 0;
}
body, div, p, li, dl,
dt, dd, table, th,
td, img, h1, h2, h3,
h4, h5, h6, form,
select {
	padding: 0;
}
select {
	vertical-align: middle;
	-webkit-appearance: none;
}
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
ol {
	list-style: none;
}
img, picture {
	max-width: 100%;
	display: block;
}
address {
	font-style: normal;
}
.modal-mask {
	position: fixed;
	top: 0;
	z-index: 500;
	width: 100%;
	overflow: hidden;
}
@keyframes fadeIn {
	0% {
	 opacity: 0;
	}
	100% {
	 opacity: 1;
	}
}
@keyframes fadeOut {
	0% {
	 opacity: 1;
	}
	100% {
	 opacity: 0;
	}
}
.modal-mask.show {
	display: block;
}
.modal-mask:not(.show) {
	display: none;
}
.modal-mask.fadeIn {
	animation: fadeIn 0.15s ease-in;
}
.modal-mask.fadeOut {
	animation: fadeOut 0.15s ease-in;
}
.modal-mask .modal-overlay {
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
}
.modal-mask .modal-wrapper {
	display: flex;
	position: relative;
	height: 100vh;
}
.modal-content-wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 40px);
	max-width: 854px;
	box-sizing: border-box;
	transform: translate3d(-50%, -50%, 0);
}
.modal-out-frame-close-btn {
	position: absolute;
	top: -23px;
	right: 0;
	width: 13px;
	height: 13px;
	font-weight: bold;
}
.modal-out-frame-close-btn > a {
	display: block;
	position: relative;
	width: 13px;
	height: 13px;
}
.modal-out-frame-close-btn > a:before,
.modal-out-frame-close-btn > a:after {
	position: absolute;
	display: block;
	top: 6px;
	right: 0;
	width: 14px;
	height: 2px;
	background-color: #FFFFFF;
	content: "";
}
.modal-out-frame-close-btn > a:before {
	transform: rotate(45deg);
}
.modal-out-frame-close-btn > a:after {
	transform: rotate(135deg);
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	min-width: 1280px;
	font-size: 12px;
	color: #1E212D;
	line-height: 1.5;
}
@media (max-width: 768px) {
	body {
	 min-width: 100%;
	}
}
a, a:visited {
	color: #1470CC;
	text-decoration: none;
}
@media (max-width: 768px) {
	a, a:visited {
	 color: #3BA3CD;
	}
}
.spBr {
	display: none;
}
@media (max-width: 768px) {
	.spBr {
	 display: block;
	}
}
h2 {
	font-feature-settings: 'palt' on;
	font-size: 24px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.48px;
}
@media (max-width: 768px) {
	h2 {
	 font-size: 18px;
	 letter-spacing: 0.36px;
	}
}
h3 {
	color: #D0111B;
	font-feature-settings: 'palt' on;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.9px;
}
@media (max-width: 768px) {
	h3 {
	 font-size: 16px;
	 letter-spacing: 0.8px;
	}
}
h4 {
	font-feature-settings: 'palt' on;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.8px;
}
@media (max-width: 768px) {
	h4 {
	 font-size: 14px;
	 letter-spacing: 0.7px;
	}
}
h5 {
	font-feature-settings: 'palt' on;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.7px;
}
h6 {
	text-align: justify;
	font-feature-settings: 'palt' on;
	font-size: 14px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.7px;
}
.headerWrap {
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 0;
}
@media (max-width: 768px) {
	.headerWrap {
	 padding: 8px 0;
	}
}
.headerWrap .headerContent {
	display: flex;
	max-width: 1280px;
	margin: auto;
}
.headerWrap .headerContent img {
	max-width: 100%;
}
@media (max-width: 768px) {
	.headerWrap .headerContent {
	 max-width: 100%;
	 padding: 0 10px;
	}
	.headerWrap .headerContent img {
	 width: 94px;
	}
}
.breadcrumbs {
	display: flex;
	padding: 10px 0;
	font-size: 10px;
}
@media (max-width: 768px) {
	.breadcrumbs {
	 display: none;
	}
}
.breadcrumbs > li + li {
	margin-left: 6px;
	padding-left: 13px;
	background: url("/SYS/cmn/images/common/bg_chevron.gif") left center no-repeat;
}
.wrapperContent {
	min-width: 769px;
}
@media (max-width: 768px) {
	.wrapperContent {
	 min-width: 327px;
	}
}
.mainVisualArea {
	width: 1280px;
	margin: 64px auto 0;
}
@media (max-width: 768px) {
	.mainVisualArea {
	 width: 100%;
	 overflow: hidden;
	 margin-top: 24px;
	}
}
.mainVisualArea .mainVisualWrap {
	padding: 55px 0;
	border-radius: 50px;
	background-color: #F9F8F7;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap {
	 width: 87%;
	 margin: 0 auto;
	 padding: 11% 0 9%;
	 aspect-ratio: 434 / 327;
	}
}
.mainVisualArea .mainVisualWrap .mainVisualTitle img {
	width: 566px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .mainVisualTitle img {
	 width: 91%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 32px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep {
	 position: relative;
	 left: 50%;
	 width: 138%;
	 margin-top: 10%;
	 transform: translateX(calc(-50% + 5px));
	}
}
.mainVisualArea .mainVisualWrap .howToStep li + li {
	position: relative;
	margin-left: 62px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep li + li {
	 margin-left: -6%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep li + li::before {
	position: absolute;
	top: 130px;
	left: -45px;
	width: 28px;
	height: 31px;
	background-image: url("../images/pc/mv_step_arrow_56x62.png");
	background-size: 28px 31px;
	content: '';
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep li + li::before {
	 top: 32%;
	 left: -2%;
	 width: 15%;
	 height: 13%;
	 background-image: url("../images/sp/mv_step_arrow_48x48.png");
	 background-size: 100%;
	}
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step1 {
	 width: 34%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep .step1 img {
	width: 284px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step1 img {
	 width: 100%;
	}
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step2 {
	 width: 32%;
	 margin-top: -10%;
	}
	.mainVisualArea .mainVisualWrap .howToStep .step2::before {
	 top: 45%;
	 left: -2%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep .step2 img {
	width: 284px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step2 img {
	 width: 100%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep .step3 {
	position: relative;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step3 {
	 width: 34%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep .step3 img {
	width: 284px;
}
.mainVisualArea .mainVisualWrap .howToStep .step3 .stepSupplement {
	position: absolute;
	top: -60px;
	right: -50px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step3 .stepSupplement {
	 width: 40%;
	 top: -18%;
	 right: 20%;
	}
}
.mainVisualArea .mainVisualWrap .howToStep .step3 .stepSupplement img {
	width: 126px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .howToStep .step3 .stepSupplement img {
	 width: 100%;
	}
}
.mainVisualArea .mainVisualWrap .mainVisualNote img {
	width: 963px;
	margin: 30px auto 0;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualWrap .mainVisualNote img {
	 width: 52%;
	 margin-top: 0;
	}
}
.mainVisualArea .mainVisualWrap .step1,
.mainVisualArea .mainVisualWrap .step2,
.mainVisualArea .mainVisualWrap .step2::before,
.mainVisualArea .mainVisualWrap .step3,
.mainVisualArea .mainVisualWrap .step3::before,
.mainVisualArea .mainVisualWrap .stepSupplement,
.mainVisualArea .mainVisualWrap .mainVisualNote {
	opacity: 0;
	animation: gradualDisplay 1s linear forwards;
}
.mainVisualArea .mainVisualWrap .step1 {
	animation-delay: 0.75s;
}
.mainVisualArea .mainVisualWrap .step2::before {
	animation-delay: 1s;
}
.mainVisualArea .mainVisualWrap .step2 {
	animation-delay: 1.25s;
}
.mainVisualArea .mainVisualWrap .step3::before {
	animation-delay: 1.5s;
}
.mainVisualArea .mainVisualWrap .step3 {
	animation-delay: 1.75s;
}
.mainVisualArea .mainVisualWrap .stepSupplement {
	animation-delay: 2s;
}
.mainVisualArea .mainVisualWrap .mainVisualNote {
	animation-delay: 2.25s;
}
@keyframes gradualDisplay {
	0% {
	 opacity: 0;
	}
	100% {
	 opacity: 1;
	}
}
.mainVisualArea .mainVisualCautionNote {
	margin-top: 24px;
	font-size: 14px;
}
@media (max-width: 768px) {
	.mainVisualArea .mainVisualCautionNote {
	 padding: 0 24px;
	 font-size: 12px;
	}
}
.introMovieWrap {
	width: 100%;
	min-width: 1280px;
	margin: 128px auto 0;
}
@media (max-width: 768px) {
	.introMovieWrap {
	 min-width: 327px;
	 margin: 64px auto 40px;
	}
}
.introMovieWrap.pc {
	display: none;
}
.introMovieWrap.sp {
	display: block;
	width: 100%;
	margin-top: 30px;
}
.introMovieWrap .introMovieTitleWrap {
	width: 1280px;
	margin: 0 auto 24px;
}
@media (max-width: 768px) {
	.introMovieWrap .introMovieTitleWrap {
	 width: 100%;
	}
}
.introMovieWrap .introMovieTitle {
	display: block;
	background: url(../images/pc/img_title_movie_pc.png) no-repeat left center/499px 113px;
	min-height: 225px;
	padding: 132px 0 30px;
}
.introMovieWrap .introMovieTitle > h2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.84px;
	position: relative;
}
.introMovieWrap .introMovieTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.introMovieWrap .introMovieTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.introMovieWrap .introMovieTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
.introMovieWrap .introMovieTitle > img {
	margin: auto;
}
@media (max-width: 768px) {
	.introMovieWrap .introMovieTitle {
	 margin: 0 24px 24px;
	 background: url(../images/sp/img_title_movie_sp.png) no-repeat center left/167px 38px;
	 min-height: 75px;
	 padding: 41px 0 1px;
	}
	.introMovieWrap .introMovieTitle > h2 {
	 font-size: 22px;
	 font-weight: bold;
	 letter-spacing: 0.44px;
	 position: relative;
	}
	.introMovieWrap .introMovieTitle > h2 .fadeIn {
	 position: absolute;
	 opacity: 0;
	 transition-duration: 1000ms;
	 transition-property: opacity, transform;
	}
	.introMovieWrap .introMovieTitle > h2 .fadeInUp {
	 transform: translate(0, 10px);
	}
	.introMovieWrap .introMovieTitle > h2 .scrollIn {
	 opacity: 1;
	 transform: translate(0, 0);
	}
}
.introMovieWrap .introMovieContentWrap {
	background: url(../images/pc/img_movie_bg_pc.png) no-repeat center bottom;
	background-size: cover;
	padding: 0 80px 80px;
	background-position: top;
}
@media (max-width: 768px) {
	.introMovieWrap .introMovieContentWrap {
	 width: 100%;
	 padding: 0 24px 40px;
	 background: url(../images/sp/img_movie_bg_sp.png) no-repeat center bottom;
	 background-size: cover;
	 background-position: bottom;
	}
}
.introMovieContent {
	width: 950px;
	margin: 0 auto;
	position: relative;
	border: 3px solid #1E212D;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
}
@media (max-width: 768px) {
	.introMovieContent {
	 max-width: 720px;
	 width: 100%;
	}
}
.introMovieContent::before {
	position: absolute;
	top: calc(50% - 35px);
	left: calc(50% - 35px);
	width: 70px;
	height: 70px;
	background: url("../images/pc/icn_movie_play_140x140.png") no-repeat center center/70px;
	content: "";
}
@media (max-width: 768px) {
	.introMovieContent::before {
	 top: calc(50% - 25px);
	 left: calc(50% - 25px);
	 width: 50px;
	 height: 50px;
	 background: url("../images/sp/icn_movie_play_100x100.png") no-repeat center center/50px;
	}
}
.introMovieContent video {
	display: block;
	width: 100%;
}
.introModalMovieContent {
	aspect-ratio: 16 / 9;
}
.introModalMovieContent iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.campaignBanner {
	max-width: 950px;
	margin: 80px auto 0;
}
@media (max-width: 768px) {
	.campaignBanner {
	 margin: 32px auto 0;
	}
}
.campaignBanner > a:hover,
.campaignBanner > a:active {
	background-color: #ECECEC;
	text-decoration: none;
}
.campaignBanner > a > img {
	width: 100%;
	height: auto;
}
.indexWrap {
	min-width: 1280px;
	padding: 80px 0;
}
@media (max-width: 768px) {
	.indexWrap {
	 min-width: 327px;
	 padding: 40px 0;
	}
}
.indexInner {
	width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.indexInner {
	 flex-direction: column;
	 width: 100%;
	 max-width: 768px;
	 padding: 0 24px;
	}
}
.indexTitle.pc {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	height: 72px;
}
.indexTitle.pc > .indexTitleImg {
	display: block;
	margin: auto;
}
@media (max-width: 768px) {
	.indexTitle.pc {
	 display: none;
	}
}
.indexTitle.sp {
	display: none;
}
@media (max-width: 768px) {
	.indexTitle.sp {
	 display: block;
	 text-align: right;
	 margin-bottom: 24px;
	 min-width: 327px;
	 height: auto;
	}
}
.indexList {
	width: 459px;
}
@media (max-width: 768px) {
	.indexList {
	 width: 100%;
	}
}
.indexList li {
	position: relative;
	list-style: none;
	letter-spacing: 0.8px;
	font-size: 18px;
	font-weight: bold;
	line-height: 27px;
	text-align: left;
	color: #1E212D;
	height: 70px;
}
@media (max-width: 768px) {
	.indexList li {
	 padding: 0;
	 font-size: 16px;
	 line-height: 24px;
	 letter-spacing: 0.8px;
	 height: 48px;
	}
}
.indexList li:nth-child(1) a {
	border-radius: 10px 10px 0px 0px;
}
.indexList li:nth-child(3) a {
	border-radius: 0px 0px 10px 10px;
}
.indexList li > a {
	color: #1E212D;
	padding-right: 28px;
	padding: 10px 8px 10px 14px;
	display: flex;
	align-items: center;
	height: 100%;
}
@media (max-width: 768px) {
	.indexList li > a {
	 padding: 16px 0;
	}
}
.indexList li > a::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background: url("../images/ico_anchorlink.png") no-repeat center center;
	background-size: cover;
}
@media (max-width: 768px) {
	.indexList li > a::after {
	 right: 0;
	}
}
.indexList li > a:hover {
	text-decoration: none;
	background: #ECECEC;
}
.indexList li:nth-child(2) {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.smartPaymentFeature {
	width: 1280px;
	margin: 80px auto;
}
@media (max-width: 768px) {
	.smartPaymentFeature {
	 width: 100%;
	 padding: 40px 18px;
	 margin: 0 auto;
	}
}
.smartPaymentFeature .smartPaymentInner {
	border-radius: 50px 50px 50px 50px;
	background-color: #F9F8F7;
	padding-bottom: 80px;
	margin: 0 90px;
}
@media (max-width: 768px) {
	.smartPaymentFeature .smartPaymentInner {
	 min-width: 225px;
	 margin: 0 18px;
	 padding-top: 10px;
	 padding-bottom: 48px;
	}
}
.smartPaymentFeature .smartPaymentStepWrap {
	display: flex;
	gap: 32px;
	margin: 0 -50px;
}
@media (max-width: 768px) {
	.smartPaymentFeature .smartPaymentStepWrap {
	 display: block;
	 gap: 0;
	 margin: 0;
	}
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep {
	border-radius: 20px;
	border: 3px solid #1E212D;
	background: #FFF;
	position: relative;
	padding: 41px 24px 0;
}
@media (max-width: 768px) {
	.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep {
	 padding: 41px 24px 0;
	 margin: 61px -18px 0;
	}
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep > p {
	margin: 24px 0;
}
@media (max-width: 768px) {
	.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep > p {
	 margin: 16px 0;
	}
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepOne::before,
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepTwo::before,
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepThree::before {
	display: inline-block;
	background-size: cover;
	width: 82px;
	height: 82px;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	content: "";
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepOne::before {
	background-image: url(../images/img_payment_circle1.png);
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepTwo::before {
	background-image: url(../images/img_payment_circle2.png);
}
.smartPaymentFeature .smartPaymentStepWrap .smartPaymentStep.stepThree::before {
	background-image: url(../images/img_payment_circle3.png);
}
.smartPaymentFeature h3 {
	color: #1E212D;
	font-weight: bold;
	text-align: center;
	font-feature-settings: 'palt' on;
	font-size: 24px;
	line-height: 150%;
	letter-spacing: 0.48px;
	padding-top: 24px;
}
@media (max-width: 768px) {
	.smartPaymentFeature h3 {
	 font-size: 18px;
	 letter-spacing: 0.36px;
	 padding-top: 16px;
	}
}
.smartPaymentFeature p {
	color: #1E212D;
	font-feature-settings: 'palt' on;
	font-size: 16px;
	line-height: 180%;
	/* 28.8px */
	letter-spacing: 0.8px;
	margin-bottom: 24px;
}
@media (max-width: 768px) {
	.smartPaymentFeature p {
	 margin-bottom: 16px;
	}
}
.smartPaymentTitle {
	display: block;
	margin: 0 -90px 30px;
	background: url(../images/pc/img_title_point_pc.png) no-repeat left center/480px 113px;
	width: 100%;
	min-height: 225px;
	padding: 132px 0 30px;
}
.smartPaymentTitle > h2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.84px;
	position: relative;
}
.smartPaymentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.smartPaymentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.smartPaymentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
@media (max-width: 768px) {
	.smartPaymentTitle {
	 margin: 0 -18px 24px;
	 background: url(../images/sp/img_title_point_sp.png) no-repeat left center/160px 38px;
	 min-height: 75px;
	 padding: 41px 0 1px;
	}
	.smartPaymentTitle > h2 {
	 font-size: 22px;
	 font-weight: bold;
	 letter-spacing: 0.44px;
	 position: relative;
	}
	.smartPaymentTitle > h2 .fadeIn {
	 position: absolute;
	 opacity: 0;
	 transition-duration: 1000ms;
	 transition-property: opacity, transform;
	}
	.smartPaymentTitle > h2 .fadeInUp {
	 transform: translate(0, 10px);
	}
	.smartPaymentTitle > h2 .scrollIn {
	 opacity: 1;
	 transform: translate(0, 0);
	}
}
.sceneContent {
	background: #F9F8F7;
	padding: 80px 0;
	margin-bottom: 80px;
	min-width: 1280px;
}
@media (max-width: 768px) {
	.sceneContent {
	 padding: 24px 0;
	 margin-bottom: 40px;
	 min-width: 327px;
	}
}
.sceneContentTitleWrap {
	width: 1280px;
	margin: 0 auto 24px;
}
@media (max-width: 768px) {
	.sceneContentTitleWrap {
	 width: 100%;
	}
}
.sceneContentTitle {
	display: block;
	margin: 0 0 24px;
	background: url(../images/pc/img_title_scene_pc.png) no-repeat left center/473px 113px;
	min-height: 225px;
	padding: 132px 0 30px;
}
.sceneContentTitle > h2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.84px;
	background-size: 327px 50px;
	position: relative;
}
.sceneContentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.sceneContentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.sceneContentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
@media (max-width: 768px) {
	.sceneContentTitle {
	 margin: 0 24px 24px;
	 background: url(../images/sp/img_title_scene_sp.png) no-repeat left center/158px 38px;
	 min-height: 75px;
	 padding: 41px 0 1px;
	}
	.sceneContentTitle > h2 {
	 font-size: 22px;
	 font-weight: bold;
	 letter-spacing: 0.44px;
	 position: relative;
	}
	.sceneContentTitle > h2 .fadeIn {
	 position: absolute;
	 opacity: 0;
	 transition-duration: 1000ms;
	 transition-property: opacity, transform;
	}
	.sceneContentTitle > h2 .fadeInUp {
	 transform: translate(0, 10px);
	}
	.sceneContentTitle > h2 .scrollIn {
	 opacity: 1;
	 transform: translate(0, 0);
	}
}
/* carousel */
.sceneContentCarousel {
	overflow: hidden;
	padding: 0;
}
@media (max-width: 768px) {
	.sceneContentCarousel {
	 position: relative;
	 width: 100%;
	}
}
.sceneContentCarousel > ol {
	display: flex;
	max-width: 652px;
	gap: 24px;
	padding: 0;
	margin: 0 auto;
	transition: transform 0.5s ease;
	transform: translateX(-50%);
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol {
	 gap: 0;
	}
}
.sceneContentCarousel > ol > li {
	flex: 0 0 100%;
	min-width: 652px;
	background: url(../images/pc/img_bg_balloon_pc.png) no-repeat top center;
	background-size: 100% auto;
	position: relative;
	padding: 48px 0 47px;
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol > li {
	 flex: 0 0 100%;
	 min-height: 300px;
	 min-width: 327px;
	 background: url(../images/sp/img_bg_balloon_sp.png) no-repeat top center;
	 background-size: auto 300px;
	 padding: 32px 5px 16px 0;
	}
}
.sceneContentCarousel > ol > li .slideTitle {
	color: #1E212D;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.48px;
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol > li .slideTitle {
	 text-align: center;
	 font-size: 18px;
	 letter-spacing: 0.36px;
	}
}
.sceneContentCarousel > ol > li .slideTitle.slide1 {
	letter-spacing: 0.48px;
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol > li .slideTitle.slide1 {
	 text-align: center;
	 font-size: 18px;
	 letter-spacing: -0.54px;
	}
	.sceneContentCarousel > ol > li .slideTitle.slide1 > span {
	 letter-spacing: -1.44px;
	}
}
.sceneContentCarousel > ol > li .slideText {
	text-align: center;
	font-size: 16px;
	line-height: 180%;
	letter-spacing: 0.8px;
	margin-top: 8px;
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol > li .slideText {
	 margin-top: 16px;
	}
	.sceneContentCarousel > ol > li .slideText span {
	 display: block;
	}
}
.sceneContentCarousel > ol > li .slideImage {
	max-width: 450px;
	height: auto;
	margin: 24px auto 0;
	display: block;
}
@media (max-width: 768px) {
	.sceneContentCarousel > ol > li .slideImage {
	 display: none;
	}
}
.sceneContentCarousel > ol > li .slideImage.sp {
	width: 204px;
	height: 120px;
	margin: 11px auto 0;
	display: none;
}
@media (max-width: 768px) and (max-width: 768px) {
	.sceneContentCarousel > ol > li .slideImage.sp {
	 display: block;
	}
}
.carousel-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 24px;
	margin-top: 32px;
}
@media (max-width: 768px) {
	.carousel-controls {
	 gap: 40px;
	 margin-top: 24px;
	}
}
.carousel-controls .carousel-indicators {
	display: flex;
	gap: 16px;
}
@media (max-width: 768px) {
	.carousel-controls .carousel-indicators {
	 gap: 32px;
	}
}
.carousel-controls .carousel-indicators .indicator {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	box-sizing: border-box;
	cursor: pointer;
}
.carousel-controls .carousel-indicators .indicator.active {
	background-color: #D0111B;
}
.carousel-controls .carousel-indicators .indicator:not(.active) {
	border: 3px solid #CCCCCC;
	background-color: #FFFFFF;
}
.carousel-controls .prev-button,
.carousel-controls .next-button {
	width: 28px;
	height: 28px;
	padding: 0;
	border: none;
	background-color: transparent;
	background-position: center;
	background-size: contain;
	cursor: pointer;
}
.carousel-controls .prev-button {
	background-image: url("../images/sp/carousel_disable_arrow_left_sp.png");
}
.carousel-controls .next-button {
	background-image: url("../images/sp/carousel_disable_arrow_right_sp.png");
}
.flowContent {
	width: 1280px;
	margin: 0 auto 80px;
}
@media (max-width: 768px) {
	.flowContent {
	 width: 100%;
	 margin-bottom: 40px;
	 padding: 0 18px;
	}
}
.flowContent .flowContentInner {
	margin: 0 90px;
	padding-bottom: 60px;
	border-radius: 50px;
	background-color: #F9F8F7;
}
@media (max-width: 768px) {
	.flowContent .flowContentInner {
	 min-width: 275px;
	 margin: 0 18px;
	 padding-bottom: 24px;
	}
}
.flowContentTitle {
	display: block;
	width: 100%;
	min-height: 195px;
	margin-left: -90px;
	background: url("../images/pc/img_title_flow_pc.png") no-repeat left bottom 25px/443px 113px;
	padding-top: 132px;
}
.flowContentTitle > h2 {
	position: relative;
	font-size: 42px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.84px;
}
.flowContentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.flowContentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.flowContentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
@media (max-width: 768px) {
	.flowContentTitle {
	 margin: 0 -18px 24px;
	 background: url(../images/sp/img_title_flow_sp.png) no-repeat left center/148px 38px;
	 min-height: 75px;
	 padding: 41px 0 1px;
	}
	.flowContentTitle > h2 {
	 font-size: 22px;
	 font-weight: bold;
	 letter-spacing: 0.44px;
	 position: relative;
	}
	.flowContentTitle > h2 .fadeIn {
	 position: absolute;
	 opacity: 0;
	 transition-duration: 1000ms;
	 transition-property: opacity, transform;
	}
	.flowContentTitle > h2 .fadeInUp {
	 transform: translate(0, 10px);
	}
	.flowContentTitle > h2 .scrollIn {
	 opacity: 1;
	 transform: translate(0, 0);
	}
}
.flowList {
	display: flex;
	align-items: center;
	max-width: 950px;
	margin: 0 auto;
	padding-bottom: 20px;
	padding: 20px 0;
}
.flowList > img {
	align-items: stretch;
	margin-right: 24px;
}
@media (max-width: 768px) {
	.flowList {
	 max-width: 768px;
	 position: relative;
	 padding: 16px 0;
	 margin: 0 -18px;
	 display: flex;
	 align-items: normal;
	 justify-content: space-between;
	}
	.flowList > img {
	 margin-right: 8px;
	}
}
.flowList .flowColumn {
	display: flex;
	align-items: center;
	width: 100%;
}
@media (max-width: 768px) {
	.flowList .flowColumn {
	 align-items: normal;
	 flex-flow: column;
	 justify-content: center;
	}
}
.flowList .flowColumn > h3 {
	color: #1E212D;
	min-width: 321px;
	margin-right: 32px;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.9px;
}
@media (max-width: 768px) {
	.flowList .flowColumn > h3 {
	 min-width: 100%;
	 margin-right: 0;
	 font-size: 16px;
	 letter-spacing: 0.8px;
	}
}
.flowList .flowColumn > h3 .emphasis {
	color: #D0111B;
}
.flowList .flowColumn > p {
	max-width: 459px;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.7px;
}
@media (max-width: 768px) {
	.flowList .flowColumn > p {
	 max-width: 100%;
	 padding-top: 8px;
	 font-size: 12px;
	 letter-spacing: 0.6px;
	}
}
.flowList .flowColumn .firstFlowColumnTitle > p {
	position: relative;
	color: #D0111B;
	font-feature-settings: 'palt' on;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.8px;
	padding-right: 16px;
	cursor: pointer;
}
@media (max-width: 768px) {
	.flowList .flowColumn .firstFlowColumnTitle > p {
	 font-size: 14px;
	 letter-spacing: 0.7px;
	 margin-top: 8px;
	 display: inline-block;
	}
}
.flowList .flowColumn .firstFlowColumnTitle > p::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 16px;
	height: 16px;
	background-image: url(../images/ico_add.png);
	background-size: cover;
}
@media (max-width: 768px) {
	.flowList .flowColumn .firstFlowColumnTitle > p::after {
	 right: -6px;
	}
}
.flowList .flowColumn .firstFlowColumnTitle.open > p::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	width: 16px;
	height: 16px;
	background-image: url(../images/ico_remove.png);
	background-size: cover;
}
@media (max-width: 768px) {
	.flowList .flowColumn .firstFlowColumnTitle.open > p::after {
	 right: -6px;
	}
}
.flowList.border {
	border-top: solid 1px #CCC;
}
.flowSlideContent {
	display: none;
	padding-bottom: 20px;
	margin: 0 auto;
	max-width: 950px;
}
@media (max-width: 768px) {
	.flowSlideContent {
	 margin: 0 -18px;
	 padding-bottom: 16px;
	 max-width: 768px;
	}
}
.flowSlideContent.open {
	display: block;
}
.flowSlideContent .aboutCreditCardListWrap {
	max-width: 950px;
	margin: 0 auto;
	display: flex;
	gap: 32px;
}
@media (max-width: 768px) {
	.flowSlideContent .aboutCreditCardListWrap {
	 display: block;
	}
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardListWrapColumn {
	flex: 1;
	max-width: 459px;
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardListWrapColumn > h3 {
	font-feature-settings: 'palt' on;
	font-size: 16px;
	font-weight: bold;
	color: #1E212D;
	line-height: 150%;
	letter-spacing: 0.32px;
	margin-bottom: 16px;
}
@media (max-width: 768px) {
	.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardListWrapColumn > h3 {
	 font-size: 14px;
	 letter-spacing: 0.28px;
	}
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardList {
	flex: 1;
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardList > li {
	position: relative;
	padding-left: 16px;
	font-feature-settings: 'palt' on;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.7px;
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardList > li + li {
	margin-top: 4px;
}
.flowSlideContent .aboutCreditCardListWrap .aboutCreditCardList > li::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 5px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #666666;
}
.flowSlideContent .aboutCreditCardListWrap > .imageWrap {
	max-width: 459px;
}
.flowSlideContent .aboutCreditCardListWrap > .imageWrap > img {
	width: 100%;
	height: auto;
}
@media (max-width: 768px) {
	.flowSlideContent .aboutCreditCardListWrap > .imageWrap > img {
	 display: none;
	}
}
.searchContentWrap {
	width: 100%;
	min-width: 1280px;
	background: #F9F8F7;
}
@media (max-width: 768px) {
	.searchContentWrap {
	 min-width: 327px;
	}
}
.searchContent {
	width: 1280px;
	margin: 0 auto;
	background: url(../images/pc/img_search_bg.png) no-repeat top left;
	padding: 80px 0;
	background-position: right 40px top 80px;
}
@media (max-width: 768px) {
	.searchContent {
	 width: 100%;
	 padding: 40px 24px 0;
	 background: #F9F8F7;
	}
}
.searchContent .searchContentTitleWrap {
	width: 1280px;
	margin: 0 auto 24px;
}
@media (max-width: 768px) {
	.searchContent .searchContentTitleWrap {
	 width: 100%;
	}
}
.searchContent .searchContentTitle {
	display: block;
	background: url(../images/pc/img_title_search_pc.png) no-repeat left center/607px 113px;
	min-height: 225px;
	padding: 132px 0 0;
}
.searchContent .searchContentTitle > h2 {
	font-size: 42px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.84px;
	position: relative;
}
.searchContent .searchContentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.searchContent .searchContentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.searchContent .searchContentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
.searchContent .searchContentTitle > img {
	margin: auto;
}
@media (max-width: 768px) {
	.searchContent .searchContentTitle {
	 margin: 0 0 24px;
	 background: url(../images/sp/img_title_search_sp.png) no-repeat left center/202px 38px;
	 min-height: 75px;
	 padding: 41px 0 1px;
	}
	.searchContent .searchContentTitle > h2 {
	 font-size: 22px;
	 font-weight: bold;
	 letter-spacing: 0.44px;
	 position: relative;
	}
	.searchContent .searchContentTitle > h2 .fadeIn {
	 position: absolute;
	 opacity: 0;
	 transition-duration: 1000ms;
	 transition-property: opacity, transform;
	}
	.searchContent .searchContentTitle > h2 .fadeInUp {
	 transform: translate(0, 10px);
	}
	.searchContent .searchContentTitle > h2 .scrollIn {
	 opacity: 1;
	 transform: translate(0, 0);
	}
}
.searchContent .selectAreaWrap {
	background: #FFF;
	padding: 16px 12px;
	max-width: 950px;
	margin: 0 auto;
	padding: 32px 0 48px;
	border-radius: 20px;
}
@media (max-width: 768px) {
	.searchContent .selectAreaWrap {
	 max-width: 768px;
	 padding: 16px 12px;
	 width: 100%;
	}
}
.searchContent .selectAreaWrap > .selectAreaText {
	color: #1E212D;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.8px;
	margin-bottom: 8px;
}
@media (max-width: 768px) {
	.searchContent .selectAreaWrap > .selectAreaText {
	 font-size: 16px;
	}
}
.searchContent .selectAreaWrap > .smartPaymentLabel {
	color: #4E4E4E;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-size: 10px;
	font-weight: 600;
	line-height: 140%;
	margin-bottom: 16px;
}
.cardRegist {
	width: 100%;
	min-width: 1280px;
	padding: 80px 0;
	margin: 64px auto 0;
	background: url(../images/pc/img_bg_pc.png) no-repeat center bottom;
	background-size: cover;
	background-position: top;
	text-align: center;
}
.cardRegist .cardRegistInner {
	width: 1280px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.cardRegist .cardRegistInner {
	 width: 100%;
	}
}
@media (max-width: 768px) {
	.cardRegist {
	 min-width: 327px;
	 padding: 40px 24px;
	 margin: 32px auto 0;
	 background: url(../images/sp/img_bg_sp.png) no-repeat center bottom;
	 background-size: cover;
	 background-position: top;
	}
}
.cardRegist .cardRegistLeadTop {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.9px;
	margin-bottom: 16px;
}
@media (max-width: 768px) {
	.cardRegist .cardRegistLeadTop {
	 font-size: 16px;
	 letter-spacing: 0.8px;
	}
}
.cardRegist .cardRegistLeadMid {
	font-size: 32px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.64px;
	display: inline-block;
	position: relative;
	margin-bottom: 24px;
}
@media (max-width: 768px) {
	.cardRegist .cardRegistLeadMid {
	 font-size: 20px;
	 letter-spacing: 0.4px;
	 display: inline-block;
	 margin-bottom: 16px;
	}
}
.cardRegist .cardRegistLeadMid > span {
	background: linear-gradient(transparent 60%, #F6CFD1 60%);
	display: inline;
}
@media (max-width: 768px) {
	.cardRegist .cardRegistLeadMid > span {
	 display: block;
	}
}
.cardRegist .cardRegistLeadMid::before,
.cardRegist .cardRegistLeadMid::after {
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
}
.cardRegist .cardRegistLeadMid::before {
	top: 0;
	left: -63px;
	background: url("../images/icn_double_star_left.png") no-repeat center center/48px 48px;
	content: "";
}
@media (max-width: 768px) {
	.cardRegist .cardRegistLeadMid::before {
	 top: 7px;
	}
}
.cardRegist .cardRegistLeadMid::after {
	top: 0;
	right: -61px;
	background: url("../images/icn_double_star_right.png") no-repeat center center/48px 48px;
	content: "";
}
@media (max-width: 768px) {
	.cardRegist .cardRegistLeadMid::after {
	 top: 7px;
	}
}
.cardRegistLeadBottom {
	font-feature-settings: 'palt' on;
	text-align: center;
	font-size: 16px;
	line-height: 180%;
	letter-spacing: 0.8px;
	margin-bottom: 24px;
}
@media (max-width: 768px) {
	.cardRegistLeadBottom {
	 margin-bottom: 32px;
	 text-align: left;
	}
}
.cardRegistBtn {
	display: flex;
	justify-content: center;
}
@media (max-width: 768px) {
	.cardRegistBtn {
	 margin-bottom: 24px;
	}
}
.cardRegistBtn > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid #CCC;
	border-radius: 10px;
	color: #1E212D;
	width: 440px;
	height: 64px;
	padding: 19px 24px;
	text-decoration: none;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}
.cardRegistBtn > a:hover {
	background-color: #ECECEC;
	text-decoration: none;
}
.cardRegistBtn > a:hover,
.cardRegistBtn > a:active {
	background-color: #ECECEC;
	text-decoration: none;
}
@media (max-width: 768px) {
	.cardRegistBtn > a {
	 width: 100%;
	 min-width: 327px;
	 height: 64px;
	 padding: 18px 24px;
	}
}
.cardRegistBtn > a::after {
	top: 50%;
	right: 13px;
	transform: translate(-50%, -50%);
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url("../images/img_link.png") no-repeat center center/18px 18px;
	content: "";
}
@media (max-width: 768px) {
	.cardRegistBtn > a::after {
	 right: 15px;
	}
}
/* 対象のお店を探すフォーム箇所 */
.smartPaymentLabel {
	width: 90px;
	padding: 2px 4px;
	border: 1px solid #EE4E09;
	border-radius: 2px;
	font-size: 10px;
	font-weight: bold;
	color: #4E4E4E;
	margin: 0 auto 24px;
}
.prefSelect_disp_sp {
	display: none;
}
@media (max-width: 768px) {
	.prefSelect_disp_sp {
	 display: flex;
	 min-height: 64px;
	 align-items: center;
	 padding-left: 40px;
	 border: 3px solid #CCCCCC;
	 border-radius: 10px;
	 background-color: #FFFFFF;
	 width: 100%;
	 font-size: 18px;
	 font-weight: bold;
	 margin-bottom: 16px;
	}
}
.searchSelect {
	width: 359px;
	height: 60px;
	padding: 10px 15px;
	background-color: #FFF;
	border: 3px solid #CCCCCC;
	border-radius: 12px;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 0 16px 0 0;
}
.searchSelect:hover {
	background-color: #ECECEC;
}
@media (max-width: 768px) {
	.searchSelect {
	 display: none;
	}
}
.searchSelect:hover {
	cursor: pointer;
}
.searchSelect::before {
	content: "";
	background: url(../images/icn_selectbox_arrow.png) no-repeat top left/18px 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 24px;
	top: calc(50% - 8px);
	transition: 0.1s;
}
.searchSelect.open::before {
	transform: rotate(-180deg);
}
.searchSelectSp {
	display: none;
	position: relative;
}
@media (max-width: 768px) {
	.searchSelectSp {
	 display: block;
	}
}
.searchSelectSp::before {
	background: url(../images/icn_selectbox_arrow.png) no-repeat top left/18px 18px;
	width: 18px;
	height: 18px;
	position: absolute;
	right: 40px;
	top: calc(50% - 8px);
	content: "";
}
.searchBtn a {
	width: 84px;
	height: 60px;
	padding: 10px 15px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	background-color: #D0111B;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.searchBtn a:hover {
	background: #910C13;
}
@media (max-width: 768px) {
	.searchBtn a {
	 width: 100%;
	}
}
.searchBtn a:link,
.searchBtn a:visited,
.searchBtn a:hover,
.searchBtn a:active {
	color: #FFF;
	text-decoration: none;
}
.prefSelect_disp_sp {
	color: #000;
}
.prefSelect_disp_sp option {
	color: #000;
}
.searchContainer {
	display: flex;
	justify-content: center;
}
@media (max-width: 768px) {
	.searchContainer {
	 display: block;
	}
}
.prefSelect_disp_pc {
	visibility: hidden;
	opacity: 0;
	transition: 0.3s;
}
.prefSelect_disp_pc.show {
	visibility: visible;
	opacity: 1;
}
@media (max-width: 768px) {
	.prefSelect_disp_pc {
	 display: none;
	}
}
.prefSelect_disp_pc_label {
	align-items: center;
	width: 93px;
	min-height: 39px;
	padding: 8px;
	font-size: 14px;
	cursor: pointer;
}
.prefSelect_disp_pc_label:hover {
	background-color: #ECECEC;
	border-radius: 5px;
}
.prefSelect_disp_pc_label,
.prefSelect_disp_pc_list {
	display: flex;
	gap: 4px;
	padding-left: 8px;
}
.prefSelect_disp_pc_areaName {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 91px;
	min-height: 49px;
	margin-right: 16px;
	font-size: 14px;
	text-align: center;
}
.prefSelect_disp_pc_row {
	display: flex;
	align-items: center;
	min-height: 49px;
}
.prefSelect_disp_pc_list {
	flex-wrap: wrap;
	flex: 1;
	align-items: center;
	min-height: 49px;
	border-left: 1px solid #CCC;
}
.prefSelect_disp_pc {
	width: 879px;
	box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.25);
	border-radius: 10px;
	padding: 16px 32px;
	top: 80px;
	transition: 0.1s ease-out 0.1s;
	position: absolute;
	z-index: 999;
	background-color: #FFF;
	left: 0;
	right: 0;
	margin: auto;
}
.prefSelect_disp_pc_input {
	accent-color: #D0111B;
}
@media screen and (min-width: 768px) {
	.searchContainer {
	 position: relative;
	}
	.search.inner {
	 width: 100%;
	 margin: 0 auto;
	}
}
@media screen and (max-width: 870px) {
	.searchContainer {
	 width: 96%;
	 position: relative;
	}
	.prefSelect_disp_pc {
	 width: 98%;
	}
}
@media screen and (max-width: 769px) {
	.searchContainer {
	 width: 100%;
	}
	.prefSelect_disp_pc {
	 top: 70px;
	}
}
.questionContent {
	background: #FFFBF0;
	padding: 80px;
	min-width: 1280px;
}
@media (max-width: 768px) {
	.questionContent {
	 padding: 40px 24px;
	 min-width: 100%;
	}
}
.questionContent .questionContentWrap {
	width: 950px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.questionContent .questionContentWrap {
	 width: 100%;
	}
}
.questionContent .questionContentTitle {
	display: block;
	margin: 0 0 24px;
	background: url(../images/pc/img_title_qa_pc.png) no-repeat left center/116px 45px;
	min-height: 72px;
	padding: 42px 0 6px;
}
@media (max-width: 768px) {
	.questionContent .questionContentTitle {
	 display: block;
	 margin: 0 0 24px;
	 background: url(../images/sp/img_title_qa_sp.png) no-repeat left center/73px 28px;
	 min-height: 45px;
	 padding: 23px 0 4px;
	}
}
.questionContent .questionContentTitle > h2 {
	font-feature-settings: 'palt' on;
	font-size: 24px;
	line-height: 150%;
	/* 36px */
	font-weight: bold;
	letter-spacing: 0.48px;
	position: relative;
}
@media (max-width: 768px) {
	.questionContent .questionContentTitle > h2 {
	 font-size: 20px;
	 line-height: 130%;
	 /* 26px */
	 letter-spacing: 0.4px;
	}
}
.questionContent .questionContentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.questionContent .questionContentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.questionContent .questionContentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
.questionContent .questionListWrap {
	padding-bottom: 24px;
}
.questionContent .questionListWrap ul {
	margin: 0 auto;
}
.questionContent .questionListWrap dl {
	border-bottom: 1px solid #CCC;
}
.questionContent .questionListWrap dt {
	color: #1E212D;
	padding: 24px 0;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 0.8px;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dt {
	 padding: 16px 0;
	}
}
.questionContent .questionListWrap dt span {
	display: block;
	padding: 0 30px;
	position: relative;
}
.questionContent .questionListWrap dt span::before,
.questionContent .questionListWrap dt span::after {
	content: "";
	position: absolute;
}
.questionContent .questionListWrap dt span::before {
	background: url("../images/img_ico_question.png") no-repeat top left;
	width: 28px;
	height: 28px;
	top: -3px;
	left: 0;
	background-size: contain;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dt span::before {
	 width: 20px;
	 height: 20px;
	 top: 1px;
	}
}
.questionContent .questionListWrap dt span::after {
	top: -2px;
	right: 0;
	width: 28px;
	height: 28px;
	background: url("../images/ico_add.png") no-repeat top left/28px 28px;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dt span::after {
	 top: 2px;
	 width: 20px;
	 height: 20px;
	 background: url("../images/ico_add.png") no-repeat top left/20px 20px;
	}
}
.questionContent .questionListWrap dt.open > span::after {
	width: 28px;
	height: 28px;
	background: url("../images/ico_remove.png") no-repeat top left/28px 28px;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dt.open > span::after {
	 width: 20px;
	 height: 20px;
	 background: url("../images/ico_remove.png") no-repeat top left/20px 20px;
	}
}
.questionContent .questionListWrap dd {
	display: none;
	padding: 0 30px 24px;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dd {
	 padding: 0 0 16px;
	}
}
.questionContent .questionListWrap dd p {
	color: #1E212D;
	font-feature-settings: 'palt' on;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.7px;
}
.questionContent .questionListWrap dd span {
	color: #1E212D;
	font-feature-settings: 'palt' on;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.7px;
}
@media (max-width: 768px) {
	.questionContent .questionListWrap dd span {
	 font-size: 10px;
	 line-height: 1.8;
	}
}
.questionContent .questionListWrap dd.open {
	display: block;
}
.noticeContent {
	background: #F9F8F7;
	padding: 80px;
	min-width: 1280px;
}
@media (max-width: 768px) {
	.noticeContent {
	 padding: 40px 24px;
	 min-width: 100%;
	}
}
.noticeContent .noticeContentWrap {
	max-width: 950px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.noticeContent .noticeContentWrap {
	 max-width: 768px;
	}
}
.noticeContent .noticeContentTitle {
	display: block;
	margin: 0 0 48px;
	background: url(../images/pc/img_title_notice_pc.png) no-repeat left center/179px 36px;
	min-height: 72px;
	padding: 42px 0 6px;
}
@media (max-width: 768px) {
	.noticeContent .noticeContentTitle {
	 display: block;
	 margin: 0 0 40px;
	 background: url(../images/sp/img_title_notice_sp.png) no-repeat left center/112px 23px;
	 min-height: 45px;
	 padding: 23px 0 4px;
	}
}
.noticeContent .noticeContentTitle > h2 {
	font-feature-settings: 'palt' on;
	font-size: 24px;
	line-height: 150%;
	/* 36px */
	font-weight: bold;
	letter-spacing: 0.48px;
	position: relative;
}
@media (max-width: 768px) {
	.noticeContent .noticeContentTitle > h2 {
	 font-size: 20px;
	 line-height: 130%;
	 /* 26px */
	 letter-spacing: 0.4px;
	}
}
.noticeContent .noticeContentTitle > h2 .fadeIn {
	position: absolute;
	opacity: 0;
	transition-duration: 1000ms;
	transition-property: opacity, transform;
}
.noticeContent .noticeContentTitle > h2 .fadeInUp {
	transform: translate(0, 10px);
}
.noticeContent .noticeContentTitle > h2 .scrollIn {
	opacity: 1;
	transform: translate(0, 0);
}
.noticeContent .creditCardContentWrap {
	border-bottom: 1px solid #CCC;
}
.noticeContent .creditCardContentWrap.noBorder {
	border-bottom: none;
}
.noticeContent .creditCardContentWrap + .creditCardContentWrap {
	padding-top: 48px;
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap + .creditCardContentWrap {
	 padding-top: 24px;
	}
}
.noticeContent .creditCardContentWrap .creditCardContent {
	padding-bottom: 48px;
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap .creditCardContent {
	 padding-bottom: 24px;
	}
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardContentTitle {
	color: #D0111B;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 16px;
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap .creditCardContent .creditCardContentTitle {
	 font-size: 16px;
	}
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardContentHeading {
	margin-bottom: 8px;
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li {
	position: relative;
	font-feature-settings: 'palt' on;
	padding-left: 20px;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.7px;
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li + li {
	margin-top: 4px;
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li {
	 padding-left: 16px;
	 font-size: 12px;
	 letter-spacing: 0.6px;
	}
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li::before {
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 8px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #666666;
	content: "";
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li::before {
	 top: 8px;
	 left: 5px;
	 background-color: #1E212D;
	}
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li > ul > li {
	padding-left: 16px;
	position: relative;
	margin-top: 2px;
}
.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li > ul > li::before {
	display: inline-block;
	position: absolute;
	top: 11px;
	left: 6px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #999999;
	content: "";
}
@media (max-width: 768px) {
	.noticeContent .creditCardContentWrap .creditCardContent .creditCardAboutList > li > ul > li::before {
	 top: 8px;
	 left: 5px;
	 background-color: #1E212D;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleTitle {
	font-feature-settings: 'palt' on;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.8px;
	margin-bottom: 8px;
}
@media (max-width: 768px) {
	.noticeContent .cancelExampleContentWrap .cancelExampleTitle {
	 font-feature-settings: 'palt' on;
	 font-size: 14px;
	 letter-spacing: 0.7px;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent {
	overflow: hidden;
	border: 2px solid #666;
	border-radius: 10px;
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .exampleWrap {
	display: flex;
}
@media (max-width: 768px) {
	.noticeContent .cancelExampleContentWrap .cancelExampleContent .exampleWrap {
	 display: block;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .exampleWrap:nth-child(2) {
	border-top: 2px dotted #1E212D;
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleSubTitle {
	width: 200px;
	background: #F9F8F7;
	font-feature-settings: 'palt' on;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.6px;
	padding: 12px 24px;
}
@media (max-width: 768px) {
	.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleSubTitle {
	 width: 100%;
	 padding: 12px;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleSubTitle.cancelExampleSubTitle:nth-of-type(2) {
	border-top: 2px dotted #666;
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleSubTitle > span {
	display: block;
	font-size: 10px;
}
@media (max-width: 768px) {
	.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleSubTitle > span {
	 display: inline;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleInner {
	flex: 1;
	background: #FFF;
	padding: 12px 24px;
	width: 100%;
	font-feature-settings: 'palt' on;
	font-size: 12px;
	line-height: 180%;
	letter-spacing: 0.6px;
}
@media (max-width: 768px) {
	.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleInner {
	 padding: 16px 12px 12px;
	}
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelExampleInner .reserveTypeCancelPolicy:nth-of-type(2) {
	margin-top: 8px;
	font-weight: bold;
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelDetail {
	display: grid;
	grid-template-columns: max-content 1fr;
	column-gap: 8px;
}
.noticeContent .cancelExampleContentWrap .cancelExampleContent .cancelDetail .strong {
	font-weight: bold;
}
.noticeContent .onlinePaymentInquiryWrap {
	margin-top: 48px;
	padding: 32px 12px;
	border-radius: 10px;
	background-color: #FFF;
	text-align: center;
}
@media (max-width: 768px) {
	.noticeContent .onlinePaymentInquiryWrap {
	 padding: 16px 12px;
	 border-radius: 20px;
	 margin-top: 24px;
	}
}
.noticeContent .onlinePaymentInquiryWrap .onlinePaymentInquiryTitle {
	text-align: center;
	font-feature-settings: 'palt' on;
	font-size: 18px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.9px;
}
@media (max-width: 768px) {
	.noticeContent .onlinePaymentInquiryWrap .onlinePaymentInquiryTitle {
	 font-size: 16px;
	 letter-spacing: 0.8px;
	}
}
.noticeContent .onlinePaymentInquiryWrap .onlinePaymentInquiryText {
	margin-top: 8px;
	font-size: 14px;
}
.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap {
	margin-top: 32px;
	display: inline-block;
}
@media (max-width: 768px) {
	.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap {
	 margin-top: 16px;
	 display: block;
	}
}
.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap > a {
	width: 459px;
	color: #1E212D;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 19px 34px 18px;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 3px solid #CCCCCC;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 64px;
}
@media (max-width: 768px) {
	.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap > a {
	 margin: 16px auto 0;
	 padding: 19px 24px 18px;
	 width: 100%;
	 height: 64px;
	}
}
.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap > a:hover,
.noticeContent .onlinePaymentInquiryWrap .helpBtnWrap > a:active {
	background-color: #ECECEC;
	text-decoration: none;
}
.aboutOnlinePaymentSecurityWrap {
	margin: 0 auto;
	width: 1280px;
	padding: 80px 0;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap {
	 width: 100%;
	 min-width: 327px;
	 padding: 0 24px 80px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent {
	width: 950px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent {
	 width: 100%;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap {
	margin-top: 40px;
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap:nth-of-type(1) {
	margin-top: 0;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap:nth-of-type(1) {
	 margin-top: 24px;
	}
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap {
	 margin-top: 24px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dt {
	margin-top: 24px;
	text-align: justify;
	font-feature-settings: 'palt' on;
	font-size: 16px;
	font-weight: bold;
	line-height: 150%;
	letter-spacing: 0.8px;
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dt:first-of-type {
	margin-top: 0;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dt {
	 font-size: 14px;
	 letter-spacing: 0.7px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd {
	margin-top: 16px;
	font-feature-settings: 'palt' on;
	font-size: 14px;
	line-height: 180%;
	letter-spacing: 0.7px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd {
	 margin-top: 4px;
	 font-size: 12px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd .note {
	margin-top: 8px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd .note {
	 margin-top: 0;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd .securityDetail > dt {
	margin-top: 10px;
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityItemWrap > dd .securityDetail > dd {
	margin-top: 5px;
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail {
	margin-top: 16px;
	padding-left: 52px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail {
	 padding-left: 24px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem > dt {
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.7px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem > dt {
	 font-size: 12px;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem > dd {
	margin-top: 6px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem > dd {
	 margin-top: 0;
	}
}
.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem + .securityItem {
	margin-top: 16px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .securityContent .securityDetail .securityItem + .securityItem {
	 margin-top: 8px;
	}
}
.aboutOnlinePaymentSecurityWrap .detailTitle {
	position: relative;
	margin-top: 24px;
	padding-left: 16px;
	font-size: 14px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.7px;
}
.aboutOnlinePaymentSecurityWrap .detailTitle::before {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 2px;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #1E212D;
	content: "";
}
.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap {
	margin-top: 16px;
	line-height: 1.5;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap {
	 margin-top: 8px;
	}
}
.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a {
	position: relative;
	display: inline-block;
	padding-right: 20px;
	font-size: 14px;
	font-weight: bold;
}
.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 14px;
	height: 14px;
	background-image: url(../images/pc/icn_add_blue.png);
	background-size: contain;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a::after {
	 background-image: url(../images/sp/icn_add_blue.png);
	}
}
.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a.open::after {
	background-image: url(../images/pc/icn_remove_blue.png);
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a.open::after {
	 background-image: url(../images/sp/icn_remove_blue.png);
	}
}
.aboutOnlinePaymentSecurityWrap .detailOpenLinkWrap > a:hover {
	text-decoration: none;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent {
	display: none;
	margin-top: 48px;
	overflow: hidden;
	border: 2px solid #666;
	border-radius: 20px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .infoDetailContent {
	 margin-top: 24px;
	}
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent.open {
	display: block;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .detailWrap {
	display: flex;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .infoDetailContent .detailWrap {
	 display: block;
	}
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .detailWrap:not(:first-child) {
	border-top: 2px dotted #666;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailSubTitle {
	width: 200px;
	background: #F9F8F7;
	font-feature-settings: 'palt' on;
	font-size: 12px;
	font-weight: bold;
	line-height: 180%;
	letter-spacing: 0.6px;
	padding: 12px 24px;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailSubTitle {
	 width: 100%;
	 padding: 12px;
	}
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailSubTitle > span {
	margin-left: 5px;
	font-size: 10px;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailInner {
	display: flex;
	flex: 1;
	flex-flow: column;
	justify-content: center;
	font-feature-settings: 'palt' on;
	font-size: 12px;
	line-height: 180%;
	letter-spacing: 0.6px;
	padding: 12px 12px 12px 24px;
	background: #FFF;
	width: 100%;
}
@media (max-width: 768px) {
	.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailInner {
	 padding: 12px;
	}
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailInner .reserveTypeCancelPolicy:nth-of-type(2) {
	margin-top: 8px;
	font-weight: bold;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailInner > ul > li {
	font-feature-settings: 'palt' on;
	font-size: 12px;
	line-height: 180%;
	letter-spacing: 0.6px;
	position: relative;
	padding-left: 16px;
}
.aboutOnlinePaymentSecurityWrap .infoDetailContent .infoDetailInner > ul > li::before {
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 5px;
	width: 3px;
	height: 3px;
	border-radius: 100%;
	background-color: #1E212D;
	content: "";
}
.pageTopBtn {
	position: fixed;
	bottom: 40px;
	right: 40px;
	width: 40px;
	height: 40px;
	background: url(../images/ico_pagetop.png) no-repeat top left;
	background-size: contain;
}
.pageTopBtn:hover {
	cursor: pointer;
}
.pageTopBtn.show {
	transform: translate3d(0, 15px, 0);
	transition: 300ms;
}
.pageTopBtn:not(.show) {
	bottom: -100px;
	transform: translate3d(0, -15px, 0);
	transition: 300ms;
}
@media (max-width: 768px) {
	.pageTopBtn {
	 bottom: 30px;
	 right: 20px;
	}
}
.breadCrumbWrap {
	width: 1280px;
	margin: 0 auto 20px;
}
@media (max-width: 768px) {
	.breadCrumbWrap {
	 width: 100%;
	 padding: 0 20px;
	 box-sizing: border-box;
	}
}
.breadCrumbWrap .breadCrumbList {
	font-size: 10px;
}
@media (max-width: 768px) {
	.breadCrumbWrap .breadCrumbList {
	 font-size: 12px;
	}
}
.breadCrumbWrap .breadCrumbList > li {
	display: inline;
}
@media (max-width: 768px) {
	.breadCrumbWrap .breadCrumbList > li {
	 line-height: 1.6;
	}
}
.breadCrumbWrap .breadCrumbList > li + li::before {
	display: inline-block;
	width: 5px;
	height: 5px;
	margin: 0 5px 1px 2px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	transform: rotate(45deg);
	content: "";
}
@media (max-width: 768px) {
	.breadCrumbWrap .breadCrumbList > li + li::before {
	 width: 7px;
	 height: 7px;
	 margin: 0 10px 1px 7px;
	 border-top-width: 2px;
	 border-right-width: 2px;
	 transform: rotate(45deg);
	 content: "";
	}
}
.footerWrap {
	padding: 20px 0;
	border-top: 1px solid #CCCCCC;
}
@media (max-width: 768px) {
	.footerWrap {
	 padding: 20px;
	}
}
.footerWrap .footerContentWrap {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 1280px;
	margin: 0 auto;
	line-height: 1;
}
@media (max-width: 768px) {
	.footerWrap .footerContentWrap {
	 flex-direction: column;
	 width: 100%;
	}
}
.footerWrap .footerContentWrap .footerPageLinkWrap {
	display: flex;
}
@media (max-width: 768px) {
	.footerWrap .footerContentWrap .footerPageLinkWrap {
	 flex-wrap: wrap;
	 gap: 10px 0;
	 width: 280px;
	 margin: 0 auto;
	}
}
.footerWrap .footerContentWrap .footerPageLinkWrap > li {
	position: relative;
	font-size: 10px;
}
@media (max-width: 768px) {
	.footerWrap .footerContentWrap .footerPageLinkWrap > li {
	 font-size: 12px;
	}
}
.footerWrap .footerContentWrap .footerPageLinkWrap > li + li {
	padding-left: 11px;
}
.footerWrap .footerContentWrap .footerPageLinkWrap > li + li::before {
	position: absolute;
	top: 0;
	left: 6px;
	width: 1px;
	height: 10px;
	background-color: #CCCCCC;
	content: "";
}
@media (max-width: 768px) {
	.footerWrap .footerContentWrap .footerPageLinkWrap > li + li::before {
	 height: 12px;
	}
}
@media (max-width: 768px) {
	.footerWrap .footerContentWrap .footerPageLinkWrap > li.siteMapLink,
	.footerWrap .footerContentWrap .footerPageLinkWrap > li.privacyLink::before,
	.footerWrap .footerContentWrap .footerPageLinkWrap > li.legalLink::before {
	 display: none;
	}
}
@media (max-width: 768px) {
	.footerWrap .footerRecruitLinkWrap {
	 width: 100%;
	 margin-top: 30px;
	}
}
.footerWrap .footerRecruitLinkWrap .footerLinkWrap {
	display: flex;
	align-items: flex-end;
	gap: 10px;
}
.footerWrap .footerRecruitLinkWrap .footerLinkWrap:hover {
	text-decoration: none;
}
.footerWrap .footerRecruitLinkWrap .footerLinkWrap .copyright {
	font-family: 'メイリオ', sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #435B67;
	line-height: 1;
}