:root{--color_neutral_default: 68, 68, 68;--color_neutral_white: 255, 255, 255;--color_primary_default: 7, 163, 43;--color_primary_dark: 0, 153, 67;--color_primary_pale: 237, 255, 242;--color_secondary_default: 255, 97, 26;--color_secondary_dark: 224, 224, 224;--color_bg_default: 255, 255, 255;--color_bg_green: 227, 247, 232}/*! personal/atm/cashless-charge/css/style */.Breadcrumb__list{margin-top:20px}[data-pagetype=personal-atm-service]{font-weight:500;font-size:1.6rem}[data-pagetype=personal-atm-service] *{letter-spacing:var(--ls, 0)}[data-pagetype=personal-atm-service] a{text-decoration:none;color:inherit}[data-pagetype=personal-atm-service] em{font-style:normal}[data-pagetype=personal-atm-service] summary{cursor:pointer}[data-pagetype=personal-atm-service] summary::-webkit-details-marker{display:none}[data-pagetype=personal-atm-service] summary+*{overflow:hidden}[data-pagetype=personal-atm-service] .container{margin-inline:auto;width:min(100%,1040px);padding:0 var(--container_px, 16px)}@keyframes fv_services_marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}[data-pagetype=personal-atm-service] .l-fv{background:no-repeat center/cover linear-gradient(180deg,#FFFAB4 80px,transparent 80px),repeating-linear-gradient(0deg,rgba(var(--color_primary_dark),.2) 0,rgba(var(--color_primary_dark),.2) 0 1px,rgba(var(--color_primary_dark),0) 1px 10px),repeating-linear-gradient(90deg,rgba(var(--color_primary_dark),.2) 0,rgba(var(--color_primary_dark),.2) 0 1px,rgba(var(--color_primary_dark),0) 1px 10px);font-weight:900;--ls: .02em;line-height:1.5;box-shadow:0 -4px 10px #0000001a;position:relative;overflow:hidden}[data-pagetype=personal-atm-service] .l-fv:before{content:"";position:absolute;top:-77px;left:-100%;right:-100%;margin-inline:auto;background-color:#fffab4;width:max(120%,531px);height:278px;clip-path:ellipse(50% 50%)}[data-pagetype=personal-atm-service] .l-fv__inner{margin:0 auto;width:min(100%,384px);height:435px;padding:27px 0 20px;position:relative;z-index:1}[data-pagetype=personal-atm-service] .l-fv__title{display:grid;align-items:start;text-align:center}[data-pagetype=personal-atm-service] .l-fv__title>span{font-size:1.6rem}[data-pagetype=personal-atm-service] .l-fv__title>em{margin-top:7px;height:40px;padding-top:.4em;background:no-repeat center top/contain url(/personal/atm/cashless-charge/image/fv_ttl_balloon_sp.svg);text-align:center;color:rgba(var(--color_secondary_default),1);font-size:1.4rem}[data-pagetype=personal-atm-service] .l-fv__title>strong{margin-top:-3px;color:rgba(var(--color_primary_dark),1);font-size:min(14.3589744vw,5.6rem);line-height:1.1}[data-pagetype=personal-atm-service] .l-fv__title>strong small{margin-left:-.08em;font-size:min(13.0769231vw,5.1rem);--ls: -.02em}[data-pagetype=personal-atm-service] .l-fv__point{position:absolute;bottom:130px;left:-6px;width:min(50.8379889%,182px);height:113px;padding-top:1.6em;padding-left:.2em;background:no-repeat center top/contain url(/personal/atm/cashless-charge/image/fv_point_balloon_sp.svg);text-align:center;color:rgba(var(--color_primary_dark),1);font-size:min(4.6153847vw,1.8rem);line-height:1.2}[data-pagetype=personal-atm-service] .l-fv__customers{position:absolute;bottom:-25px;left:-4px;width:min(55.8659218%,200px)}[data-pagetype=personal-atm-service] .l-fv__atm{position:absolute;bottom:51px;right:-1px;width:min(47.4860336%,170px)}[data-pagetype=personal-atm-service] .l-fv__services{display:grid;align-content:center;min-height:45px;padding-block:1px;background-color:#fff;position:relative;z-index:1}[data-pagetype=personal-atm-service] .l-fv__services:focus-within .l-fv__marquee{animation-play-state:paused}[data-pagetype=personal-atm-service] .l-fv__marquee{display:flex;width:max-content;animation:fv_services_marquee 24s linear infinite;animation-delay:1.2s}[data-pagetype=personal-atm-service] .l-fv__logos{flex:0 0 auto;width:max(100vw - 16px,772px);padding-left:16px}[data-pagetype=personal-atm-service] .l-fv__logos img{height:100%}[data-pagetype=personal-atm-service] .l-page-nav{background:rgba(var(--color_neutral_white),1);padding-block:3.2rem}[data-pagetype=personal-atm-service] .l-page-nav .c-btn{width:100%;height:100%}[data-pagetype=personal-atm-service] .l-page-nav__list{display:grid;grid-template-columns:minmax(0,440px);gap:1.6rem;justify-content:center}[data-pagetype=personal-atm-service] .l-page-nav__list li{list-style:none}[data-pagetype=personal-atm-service] .l-service{background-color:rgba(var(--color_primary_pale),1);padding-top:4rem}[data-pagetype=personal-atm-service] .l-service .c-section-title{font-size:min(7.4666667vw,2.8rem)}[data-pagetype=personal-atm-service] .l-service__lead{text-align:center;font-size:1.4rem;margin-top:3.2rem}[data-pagetype=personal-atm-service] .l-service__cards{display:grid;grid-template-columns:minmax(0,400px);gap:2.4rem;justify-content:center;margin-top:1.6rem}[data-pagetype=personal-atm-service] .p-service-card{display:flex;flex-direction:column;align-items:center;gap:3.2rem;border-radius:40px;padding:4rem 1.6rem;background-color:rgba(var(--color_neutral_white),1);box-shadow:0 0 16px #0000001a;width:100%}[data-pagetype=personal-atm-service] .p-service-card__title{font-size:min(6.4vw,2.4rem)}[data-pagetype=personal-atm-service] .p-service-card__list{gap:1rem}[data-pagetype=personal-atm-service] .p-service-card__list--smartphone{align-self:stretch;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,102px));gap:1rem;justify-content:center}[data-pagetype=personal-atm-service] .p-service-card__list--e-money{display:flex;flex-wrap:wrap;justify-content:center;gap:1.6rem 1rem}[data-pagetype=personal-atm-service] .p-service-card__payment--trafic{width:100%!important}[data-pagetype=personal-atm-service] .p-service-card__payment--trafic img{width:100%}[data-pagetype=personal-atm-service] .p-service-card__payment--paypay{--service-payment-image-height: 2rem}[data-pagetype=personal-atm-service] .p-service-card__payment--aupay{--service-payment-image-height: 1.3rem}[data-pagetype=personal-atm-service] .p-service-card__payment--docomo{--service-payment-image-height: 2rem}[data-pagetype=personal-atm-service] .p-service-card__payment--merpay{--service-payment-image-height: 2.3rem}[data-pagetype=personal-atm-service] .p-service-card__payment--rakuten{--service-payment-image-height: 2rem}[data-pagetype=personal-atm-service] .p-service-card__payment--edy{--service-payment-image-height: 4rem}[data-pagetype=personal-atm-service] .p-service-card__payment--nanaco{--service-payment-image-height: 4.2rem}[data-pagetype=personal-atm-service] .p-service-card__payment>a img{transition:scale .15s ease-out,opacity .15s ease-out}[data-pagetype=personal-atm-service] .p-service-card__payment-image{display:grid;place-items:center;border-radius:4px;border:1px solid #E3E0E0;padding:.4rem;width:100%;height:5.2rem}[data-pagetype=personal-atm-service] .p-service-card__payment-image img{height:var(--service-payment-image-height, 2.4rem);width:auto}[data-pagetype=personal-atm-service] .p-service-card__payment-text{text-align:center;font-size:1.2rem}[data-pagetype=personal-atm-service] .p-service-card__payment-notes{margin-top:5px;width:100%;text-align:right;font-size:1rem}[data-pagetype=personal-atm-service] .p-service-card__btn,[data-pagetype=personal-atm-service] .p-service-card__btn .c-btn{width:100%}[data-pagetype=personal-atm-service] .p-service-card__payment-subtitle{margin-bottom:8px;text-align:center;font-weight:700;font-size:1.6rem}[data-pagetype=personal-atm-service] .l-charge{background-color:rgba(var(--color_primary_pale),1);padding-block:5.6rem 4rem}[data-pagetype=personal-atm-service] .l-charge .c-section-title{font-size:min(7.4666667vw,2.8rem)}[data-pagetype=personal-atm-service] .l-charge__nav{display:flex;justify-content:center;gap:1.6rem;margin-top:4rem}[data-pagetype=personal-atm-service] .l-charge__nav li{list-style:none;width:50%}[data-pagetype=personal-atm-service] .l-charge__nav .c-btn{width:100%}[data-pagetype=personal-atm-service] .l-charge__contents{display:flex;flex-direction:column;margin-top:2.4rem;margin-inline:-16px;gap:2.4rem}[data-pagetype=personal-atm-service] .l-charge__card--smartphone{--sec_ttl_theme_odd: #48C07D;--slider-color: #009943}[data-pagetype=personal-atm-service] .l-charge__card--e-money{--sec_ttl_theme_odd: #F99427;--sec_ttl_theme_even: #FF611A;--slider-color: #FF611A}[data-pagetype=personal-atm-service] .l-charge__card{padding:5.6rem 1.6rem;background-color:rgba(var(--color_neutral_white),1);box-shadow:0 0 16px #0000001a;overflow:hidden;border-radius:4rem}[data-pagetype=personal-atm-service] .l-charge__card .c-section-title{font-size:min(6.4vw,2.4rem)}[data-pagetype=personal-atm-service] .l-charge__video{display:flex;flex-direction:column;gap:2.4rem;padding-top:2.4rem;margin-top:2.4rem;border-top:1px dashed var(--slider-color)}[data-pagetype=personal-atm-service] .l-charge__subtitle{font-size:2rem;text-align:center}[data-pagetype=personal-atm-service] .l-charge__video-frame{position:relative;padding-top:56.25%;overflow:hidden;border:1px solid var(--slider-color)}[data-pagetype=personal-atm-service] .l-charge__video-frame iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 16px);height:calc(100% - 16px);border:none}[data-pagetype=personal-atm-service] .l-convenient{background-color:#fff9d9;padding-block:4rem;--container_px: 20px}[data-pagetype=personal-atm-service] .l-convenient .c-section-title{color:rgba(var(--color_primary_dark),1);text-align:center;font-size:min(6.1538462vw,2.4rem)}[data-pagetype=personal-atm-service] .l-convenient__voices{display:grid;grid-template-columns:minmax(0,440px);row-gap:2.4rem;justify-content:center;margin-top:3.2rem}[data-pagetype=personal-atm-service] .p-convenient-item{display:flex;flex-direction:column}[data-pagetype=personal-atm-service] .p-convenient-item:not(:last-child){padding-bottom:2.4rem;border-bottom:1px dashed rgba(var(--color_primary_default),1)}[data-pagetype=personal-atm-service] .p-convenient-item__title{position:relative;background-color:rgba(var(--color_neutral_white),1);border:.2rem solid rgba(var(--color_primary_default),1);text-align:center;border-radius:999px;font-size:1.8rem;padding:1.7rem 1.3rem}[data-pagetype=personal-atm-service] .p-convenient-item__title:after{content:"";position:absolute;width:1.6rem;height:2.2rem;top:calc(100% - 6px);left:50%;transform:translate(-50%);background:url(/personal/atm/cashless-charge/image/convenient_balloon.png) no-repeat center center/contain;background:image-set(url(/personal/atm/cashless-charge/image/convenient_balloon.webp) type("image/webp"),url(/personal/atm/cashless-charge/image/convenient_balloon.png) type("image/png")) no-repeat center center/contain}[data-pagetype=personal-atm-service] .p-convenient-item__image{display:grid;place-items:center;margin-top:1.4rem}[data-pagetype=personal-atm-service] .p-convenient-item__text{margin-top:1.6rem;font-size:1.5rem;line-height:1.75}[data-pagetype=personal-atm-service] .p-convenient-item__text strong{color:#000}[data-pagetype=personal-atm-service] .l-faq{padding-block:4rem}[data-pagetype=personal-atm-service] .l-faq .c-section-title{font-size:min(6.4vw,2.4rem)}[data-pagetype=personal-atm-service] .l-faq__contents{margin-top:2.4rem}[data-pagetype=personal-atm-service] .l-faq__details+.l-faq__details{margin-top:2px}[data-pagetype=personal-atm-service] .l-faq__question,[data-pagetype=personal-atm-service] .l-faq__answer{display:grid;grid-template-columns:auto 1fr 16px;column-gap:15px;padding:16px 20px;position:relative}[data-pagetype=personal-atm-service] .l-faq__question>span:first-of-type,[data-pagetype=personal-atm-service] .l-faq__answer>span:first-of-type{display:grid;place-items:center;width:24px;height:24px;padding-bottom:3px;border:1px solid #009943;border-radius:50%;text-align:center;color:#fff;font-weight:700;font-size:1.5rem;--ls: -.06em;line-height:1}[data-pagetype=personal-atm-service] .l-faq__question h3,[data-pagetype=personal-atm-service] .l-faq__question p,[data-pagetype=personal-atm-service] .l-faq__answer h3,[data-pagetype=personal-atm-service] .l-faq__answer p{font-weight:500;font-size:1.5rem;line-height:1.75}[data-pagetype=personal-atm-service] .l-faq__question p small,[data-pagetype=personal-atm-service] .l-faq__answer p small{display:inline-block;font-size:1.2rem}[data-pagetype=personal-atm-service] .l-faq__question string,[data-pagetype=personal-atm-service] .l-faq__answer string{color:rgba(var(--color_primary_dark),1)}[data-pagetype=personal-atm-service] .l-faq__question a[href],[data-pagetype=personal-atm-service] .l-faq__answer a[href]{color:#009943;transition:opacity .15s ease-out;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:3px}[data-pagetype=personal-atm-service] .l-faq__question{background-color:#edfff2}[data-pagetype=personal-atm-service] .l-faq__question:before,[data-pagetype=personal-atm-service] .l-faq__question:after{content:"";position:absolute;top:29px;right:18px;width:16px;height:2px;background-color:#009943}[data-pagetype=personal-atm-service] .l-faq__question:after{transform:rotate(90deg);transition:transform .15s ease-out}[data-pagetype=personal-atm-service] .l-faq__question>span:first-of-type{background-color:#009943}[data-pagetype=personal-atm-service] .l-faq__details[data-expanded] .l-faq__question:after{transform:rotate(0)}[data-pagetype=personal-atm-service] .l-faq__answer>span:first-of-type{color:#009943}[data-pagetype=personal-atm-service] .l-faq__link{display:grid;grid-template-columns:auto auto;column-gap:.5em;align-items:center;justify-content:center;margin:2.4rem auto 0;padding:8px;color:currentColor;transition:opacity .15s ease-out}[data-pagetype=personal-atm-service] .l-faq__link:after{content:"";width:.5em;height:.5em;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}[data-pagetype=personal-atm-service] .l-faq__info{margin:40px auto 0;width:min(92%,400px)}[data-pagetype=personal-atm-service] .l-faq__info .c-btn.c-btn--rounded{--ls: .02em;--c_btn_h: 64px;width:min(100%,318px)}[data-pagetype=personal-atm-service] .l-faq__notes{margin-top:8px;text-align:center;font-size:1.2rem}[data-pagetype=personal-atm-service] .l-sns{padding-block:4rem;background-color:#fff9d9}[data-pagetype=personal-atm-service] .l-sns .c-section-title{font-size:min(6.4vw,2.4rem)}[data-pagetype=personal-atm-service] .l-sns__list{display:grid;grid-template-columns:repeat(3,1fr);gap:3.2rem;margin-top:4rem;margin-inline:auto;max-width:23.7rem}[data-pagetype=personal-atm-service] :root{--color_neutral_default: 68, 68, 68;--color_neutral_white: 255, 255, 255;--color_primary_default: 7, 163, 43;--color_primary_dark: 0, 153, 67;--color_primary_pale: 237, 255, 242;--color_secondary_default: 255, 97, 26;--color_secondary_dark: 224, 224, 224;--color_bg_default: 255, 255, 255;--color_bg_green: 227, 247, 232}[data-pagetype=personal-atm-service] .c-btn{display:grid;align-items:center;margin-inline:auto;max-width:440px;min-height:var(--c_btn_h, 64px);position:relative;text-align:center;font-weight:700;font-size:1.6rem;line-height:1.5;border:1px solid var(--c_btn_border, rgba(var(--color_primary_dark), 1));background-color:var(--c_btn_bg, rgba(var(--color_primary_dark), 1));color:var(--c_btn_color, rgba(var(--color_neutral_white), 1));transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out}[data-pagetype=personal-atm-service] .c-btn[href^="#"]{grid-template-columns:16px 1fr 16px;column-gap:4px;justify-content:center;padding:.8rem 2.4rem}[data-pagetype=personal-atm-service] .c-btn[href^="#"]:after{content:"";height:1.6rem;background-color:currentColor;-webkit-mask:url(/personal/atm/cashless-charge/image/btn_arrow.svg) no-repeat center/contain;mask:url(/personal/atm/cashless-charge/image/btn_arrow.svg) no-repeat center/contain;transition:translate .15s ease-out}[data-pagetype=personal-atm-service] .c-btn[href^="#"]>span{grid-column-start:2}[data-pagetype=personal-atm-service] .c-btn--secondary{--c_btn_border: rgba(var(--color_secondary_default), 1);--c_btn_bg: rgba(var(--color_secondary_default), 1);--c_btn_bg_hover: rgba(var(--color_neutral_white), 1);--c_btn_color_hover: rgba(var(--color_secondary_default), 1)}[data-pagetype=personal-atm-service] .c-btn--pale{--c_btn_bg: rgba(var(--color_primary_pale), 1);--c_btn_color: rgba(var(--color_primary_dark), 1)}[data-pagetype=personal-atm-service] .c-btn--rounded{justify-content:center;border-radius:56px}[data-pagetype=personal-atm-service] .c-btn--square-l{--c_btn_h: 80px;border-radius:8px}[data-pagetype=personal-atm-service] .c-btn--square-s{border-radius:8px}[data-pagetype=personal-atm-service] .c-section-title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.6rem;margin:0}[data-pagetype=personal-atm-service] .c-section-title:after{content:"";width:4.8rem;height:.6rem;background-image:repeating-linear-gradient(90deg,var(--sec_ttl_theme_odd, #F99427) 0 6px,transparent 6px 14px,var(--sec_ttl_theme_even, #009943) 14px 20px,transparent 20px 28px)}[data-pagetype=personal-atm-service] .c-section-title--no-dots:after{content:none}[data-pagetype=personal-atm-service] .p-slider{position:relative;overflow:hidden;margin-inline:-1.6rem}[data-pagetype=personal-atm-service] .p-slider.is-navigating .splide__pagination__page{pointer-events:none}[data-pagetype=personal-atm-service] .p-slider .splide__track{overflow:visible;padding-top:4.8rem}[data-pagetype=personal-atm-service] .p-slider .splide__list{align-items:center}[data-pagetype=personal-atm-service] .p-slider .splide__slide{margin-right:16px;width:clamp(75.89744%,296px,100% - 64px);opacity:.5;transition:all .3s ease}[data-pagetype=personal-atm-service] .p-slider .splide__slide.is-active{opacity:1;transform:translateY(-2.4rem)}[data-pagetype=personal-atm-service] .p-slider__scroll-hint{position:absolute;inset:0;z-index:1;margin:auto;width:clamp(40%,213px,100% - 96px);height:max-content;opacity:.88;transform:translateY(-1.2rem);transition:opacity .4s ease;pointer-events:none}[data-pagetype=personal-atm-service] .p-slider__scroll-hint img{width:100%}[data-pagetype=personal-atm-service] .p-slider__scroll-hint.is-hidden{opacity:0}[data-pagetype=personal-atm-service] .p-slider__image{margin:0;border-radius:.4rem;overflow:hidden;border:2px solid #cccccc}[data-pagetype=personal-atm-service] .p-slider__image img{display:block;width:100%;height:auto}[data-pagetype=personal-atm-service] .p-slider .splide__pagination{gap:1.8rem;padding:0;margin:0;list-style:none;z-index:5;margin-top:.8rem}[data-pagetype=personal-atm-service] .p-slider .splide__pagination li{position:relative}[data-pagetype=personal-atm-service] .p-slider .splide__pagination li:not(:last-child):after{content:"";display:block;width:1.2rem;height:.2rem;-webkit-mask:url(/personal/atm/cashless-charge/image/slider_dot.svg) repeat center left/contain;mask:url(/personal/atm/cashless-charge/image/slider_dot.svg) repeat center left/contain;background-color:var(--slider-color);position:absolute;left:calc(100% + .4rem);bottom:.5rem}[data-pagetype=personal-atm-service] .p-slider .splide__pagination__page{width:1rem;height:1rem;border-radius:50%;background-color:#ccc;border:none;padding:0;margin:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease}[data-pagetype=personal-atm-service] .p-slider .splide__pagination__page.is-active{background-color:var(--slider-color);animation:slider-dot-pop .5s ease}[data-pagetype=personal-atm-service] .p-slider .splide__pagination__page:hover{background-color:var(--slider-color)}@keyframes slider-dot-pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}[data-pagetype=personal-atm-service] .p-slider-text{padding-bottom:7.2rem}[data-pagetype=personal-atm-service] .p-slider-text.is-navigating .splide__arrow{pointer-events:none}[data-pagetype=personal-atm-service] .p-slider-text .splide__track{overflow:hidden;padding-top:2.4rem}[data-pagetype=personal-atm-service] .p-slider-text .splide__list{align-items:flex-start}[data-pagetype=personal-atm-service] .p-slider-text .splide__slide{opacity:0;transition:opacity .4s ease}[data-pagetype=personal-atm-service] .p-slider-text .splide__slide.is-active{opacity:1}[data-pagetype=personal-atm-service] .p-slider-text__content{display:flex;flex-direction:column;justify-content:start;height:100%;gap:1.6rem;align-items:center;text-align:center;padding-inline:1.6rem}[data-pagetype=personal-atm-service] .p-slider-text__step{margin:0;font-family:Noto Sans JP,sans-serif;font-size:2.4rem;font-weight:700;line-height:1.5;letter-spacing:.05em;color:var(--slider-color)}[data-pagetype=personal-atm-service] .p-slider-text__title{font-weight:700;font-size:1.6rem}@supports (overflow-wrap: anywhere){[data-pagetype=personal-atm-service] .p-slider-text__title{word-break:keep-all;overflow-wrap:anywhere}}[data-pagetype=personal-atm-service] .p-slider-text__title small{display:grid;grid-template-columns:auto 1fr;align-items:start;margin-top:10px;text-align:left;font-weight:500;font-size:.75em;line-height:1.75;word-break:initial;overflow-wrap:initial}@supports (overflow-wrap: anywhere){[data-pagetype=personal-atm-service] .p-slider-text__title small{overflow-wrap:initial}}[data-pagetype=personal-atm-service] .p-slider-text__text{font-size:1.6rem;font-weight:700;line-height:1.7;letter-spacing:.05em;color:rgba(var(--color_neutral_default),1)}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrows{position:absolute;bottom:0;left:0;display:flex;gap:1.6rem;z-index:10}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow{position:relative;width:4.8rem;height:4.8rem;border-radius:50%;background-color:var(--slider-color);border:1px solid rgba(var(--color_neutral_white),1);cursor:pointer;transform:translateY(0);transition:transform .2s ease;display:flex;align-items:center;justify-content:center;opacity:1}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow--next,[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow--prev{left:unset;right:unset}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow:before{content:"";display:block;width:2rem;height:2rem;background-image:url(/personal/atm/cashless-charge/image/slider_arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow--next:before{transform:rotate(180deg)}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow:disabled{opacity:.5;cursor:not-allowed}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow svg{display:none}@media(min-width:768px){.u-hidden-pc{display:none!important}.Breadcrumb__list{margin-top:31px}[data-pagetype=personal-atm-service] .container{--container_px: 20px}[data-pagetype=personal-atm-service] .l-fv:before{top:-60px;width:116.1676647%;height:304px}[data-pagetype=personal-atm-service] .l-fv__inner{width:min(100%,664px);padding-top:36px}[data-pagetype=personal-atm-service] .l-fv__title{grid-template-columns:auto 1fr;text-align:left}[data-pagetype=personal-atm-service] .l-fv__title>span{margin-top:6px}[data-pagetype=personal-atm-service] .l-fv__title>em{justify-self:left;margin-top:0;margin-left:7px;height:51px;padding-inline:1.2em;background-image:url(/personal/atm/cashless-charge/image/fv_ttl_balloon_pc.svg);font-size:1.8rem}[data-pagetype=personal-atm-service] .l-fv__title>strong{grid-column:1/3;margin-top:-.05em;font-size:7.2rem}[data-pagetype=personal-atm-service] .l-fv__title>strong small{margin-left:0;font-size:inherit;--ls: inherit}[data-pagetype=personal-atm-service] .l-fv__point{bottom:152px;left:184px}[data-pagetype=personal-atm-service] .l-fv__customers{bottom:-70px;left:45px;width:min(44.9209933%,398px)}[data-pagetype=personal-atm-service] .l-fv__atm{bottom:19px;right:-16px;width:34%}[data-pagetype=personal-atm-service] .l-fv__services{grid-template-columns:minmax(0,1000px);justify-content:center;padding:8px 20px}[data-pagetype=personal-atm-service] .l-fv__marquee{display:block;width:auto;animation:none}[data-pagetype=personal-atm-service] .l-fv__logos{width:auto;padding-left:0}[data-pagetype=personal-atm-service] .l-fv__logos[aria-hidden=true]{display:none}[data-pagetype=personal-atm-service] .l-fv__logos img{height:auto}[data-pagetype=personal-atm-service] .l-page-nav{padding-block:7.2rem}[data-pagetype=personal-atm-service] .l-page-nav__list{grid-template-columns:repeat(2,minmax(0,230px));gap:2.6rem}[data-pagetype=personal-atm-service] .l-service{padding-top:9.6rem}[data-pagetype=personal-atm-service] .l-service .c-section-title{font-size:4.8rem}[data-pagetype=personal-atm-service] .l-service__lead{font-size:1.5rem;margin-top:5.6rem}[data-pagetype=personal-atm-service] .l-service__cards{grid-template-columns:minmax(0,488px);margin-top:2.4rem}[data-pagetype=personal-atm-service] .p-service-card{gap:4rem}[data-pagetype=personal-atm-service] .p-service-card__title{font-size:3.2rem}[data-pagetype=personal-atm-service] .p-service-card__list--smartphone{grid-template-columns:repeat(auto-fit,minmax(120px,136px));gap:2.4rem 1rem}[data-pagetype=personal-atm-service] .p-service-card__list--e-money{gap:2.4rem 1rem}[data-pagetype=personal-atm-service] .p-service-card__payment{width:min(100%,136px)}[data-pagetype=personal-atm-service] .p-service-card__payment--paypay{--service-payment-image-height: 2.4rem}[data-pagetype=personal-atm-service] .p-service-card__payment--aupay{--service-payment-image-height: 1.6rem}[data-pagetype=personal-atm-service] .p-service-card__payment--docomo{--service-payment-image-height: 2.3rem}[data-pagetype=personal-atm-service] .p-service-card__payment--merpay{--service-payment-image-height: 3rem}[data-pagetype=personal-atm-service] .p-service-card__payment--rakuten{--service-payment-image-height: 2.5rem}[data-pagetype=personal-atm-service] .p-service-card__payment--edy{--service-payment-image-height: 3.9rem}[data-pagetype=personal-atm-service] .p-service-card__payment--nanaco{--service-payment-image-height: 4.2rem}[data-pagetype=personal-atm-service] .p-service-card__payment-image{height:7.2rem}[data-pagetype=personal-atm-service] .p-service-card__payment-text{margin-top:4px;font-size:1.5rem}[data-pagetype=personal-atm-service] .p-service-card__btn{max-width:32.6rem;margin-top:auto}[data-pagetype=personal-atm-service] .p-service-card__payment-subtitle{font-size:2rem}[data-pagetype=personal-atm-service] .l-charge{padding-block:9.6rem}[data-pagetype=personal-atm-service] .l-charge .c-section-title{font-size:4.8rem}[data-pagetype=personal-atm-service] .l-charge__nav{flex-direction:row;gap:2.4rem;margin-top:5.6rem}[data-pagetype=personal-atm-service] .l-charge__nav li{width:31.8rem}[data-pagetype=personal-atm-service] .l-charge__contents{margin-top:7.2rem;margin-inline:0}[data-pagetype=personal-atm-service] .l-charge__card{padding:8rem 1.6rem}[data-pagetype=personal-atm-service] .l-charge__card .c-section-title{font-size:4rem}[data-pagetype=personal-atm-service] .l-charge__video{gap:3.2rem;padding-top:4rem;margin-top:0;max-width:65.6rem;margin-inline:auto;border-top:none}[data-pagetype=personal-atm-service] .l-charge__subtitle{font-size:2.8rem}[data-pagetype=personal-atm-service] .l-convenient{padding-block:9.6rem 12.6rem}[data-pagetype=personal-atm-service] .l-convenient .c-section-title{font-size:4rem}[data-pagetype=personal-atm-service] .l-convenient__voices{gap:3.2rem 2.5rem;margin-top:7.2rem}[data-pagetype=personal-atm-service] .p-convenient-item:not(:last-child){padding-bottom:3.2rem}[data-pagetype=personal-atm-service] .p-convenient-item__text{font-size:1.6rem}[data-pagetype=personal-atm-service] .l-faq{padding-block:9.6rem 8rem}[data-pagetype=personal-atm-service] .l-faq .c-section-title{font-size:4rem}[data-pagetype=personal-atm-service] .l-faq__question>span:first-of-type,[data-pagetype=personal-atm-service] .l-faq__answer>span:first-of-type{width:28px;height:28px;font-size:1.6rem}[data-pagetype=personal-atm-service] .l-faq__question p,[data-pagetype=personal-atm-service] .l-faq__answer p{font-size:1.6rem}[data-pagetype=personal-atm-service] .l-faq__question p small,[data-pagetype=personal-atm-service] .l-faq__answer p small{font-size:1.5rem}[data-pagetype=personal-atm-service] .l-faq__info{margin-top:56px;width:min(100%,560px)}[data-pagetype=personal-atm-service] .l-faq__info .c-btn.c-btn--rounded{font-size:1.8rem}[data-pagetype=personal-atm-service] .l-faq__notes{margin-top:20px;font-size:1.3rem}@supports (overflow-wrap: anywhere){[data-pagetype=personal-atm-service] .l-faq__notes{word-break:keep-all;overflow-wrap:anywhere}}[data-pagetype=personal-atm-service] .l-sns .c-section-title{font-size:4rem}[data-pagetype=personal-atm-service] .l-sns{padding-block:9.6rem}[data-pagetype=personal-atm-service] .l-sns__list{grid-template-columns:repeat(6,1fr);max-width:50.6rem}[data-pagetype=personal-atm-service] .u-hidden-pc{display:none!important}[data-pagetype=personal-atm-service] .c-btn--rounded{--c_btn_h: 72px}[data-pagetype=personal-atm-service] .c-btn--square-l{--c_btn_h: 88px;font-size:2rem}[data-pagetype=personal-atm-service] .c-section-title{gap:3.2rem}[data-pagetype=personal-atm-service] .c-section-title:after{width:7.6rem;height:1rem;background-image:repeating-linear-gradient(90deg,var(--sec_ttl_theme_odd, #F99427) 0 10px,transparent 10px 22px,var(--sec_ttl_theme_even, #009943) 22px 32px,transparent 32px 44px)}[data-pagetype=personal-atm-service] .p-slider .splide__track{padding-top:8.8rem}[data-pagetype=personal-atm-service] .p-slider .splide__slide{width:min(68%,488px)}[data-pagetype=personal-atm-service] .p-slider .splide__slide.is-active{transform:translateY(-4.8rem)}[data-pagetype=personal-atm-service] .p-slider__scroll-hint{width:291px;transform:translateY(-2.4rem)}[data-pagetype=personal-atm-service] .p-slider .splide__pagination{gap:2.2rem;margin-top:2rem}[data-pagetype=personal-atm-service] .p-slider .splide__pagination li:not(:last-child):after{width:1.4rem;bottom:.7rem}[data-pagetype=personal-atm-service] .p-slider .splide__pagination__page{width:1.4rem;height:1.4rem}[data-pagetype=personal-atm-service] .p-slider-text{max-width:83.2rem;margin-inline:auto;padding-bottom:4rem;border-bottom:1px dashed var(--slider-color)}[data-pagetype=personal-atm-service] .p-slider-text .splide__track{padding-top:4rem}[data-pagetype=personal-atm-service] .p-slider-text__content{gap:2.4rem;text-align:left;align-items:flex-start;padding-inline:clamp(0px,512px - 50vw,32px)}[data-pagetype=personal-atm-service] .p-slider-text__step{font-size:3.2rem}[data-pagetype=personal-atm-service] .p-slider-text__title{font-size:2.4rem}[data-pagetype=personal-atm-service] .p-slider-text__title small{margin-top:16px;font-size:.625em}[data-pagetype=personal-atm-service] .p-slider-text__text{font-size:2rem}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrows{bottom:unset;left:unset;top:0;right:0}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow{width:5.6rem;height:5.6rem}[data-pagetype=personal-atm-service] .p-slider-text .splide__arrow:before{width:2rem;height:2rem}}@media(min-width:1024px){[data-pagetype=personal-atm-service] .l-fv:before{height:362px}[data-pagetype=personal-atm-service] .l-fv__inner{width:min(100%,886px);height:528px;padding-top:65px}[data-pagetype=personal-atm-service] .l-fv__title>span{font-size:2rem}[data-pagetype=personal-atm-service] .l-fv__title>strong{margin-top:-.1em;font-size:8.5rem}[data-pagetype=personal-atm-service] .l-fv__point{bottom:204px;left:218px;width:255px;height:122px;background-image:url(/personal/atm/cashless-charge/image/fv_point_balloon_pc.svg);font-size:2.15rem}[data-pagetype=personal-atm-service] .l-fv__atm{right:-1px;width:min(40.0677201%,355px)}[data-pagetype=personal-atm-service] .l-page-nav__list{grid-template-columns:repeat(4,1fr)}[data-pagetype=personal-atm-service] .l-service__cards{grid-template-columns:repeat(2,minmax(0,488px))}[data-pagetype=personal-atm-service] .l-convenient__voices{grid-template-columns:repeat(3,1fr)}[data-pagetype=personal-atm-service] .p-convenient-item:not(:last-child){padding-bottom:0;border-bottom:none}}@media(max-width:767.98px){.u-hidden-sp,[data-pagetype=personal-atm-service] .u-hidden-sp{display:none!important}[data-pagetype=personal-atm-service] .p-service-card__payment{width:min(100%,102px)}[data-pagetype=personal-atm-service] .l-faq__contents{margin-inline:-16px}[data-pagetype=personal-atm-service] .l-faq__question>span:first-of-type,[data-pagetype=personal-atm-service] .l-faq__answer>span:first-of-type{margin-top:1px}[data-pagetype=personal-atm-service] .u-hidden-sp{display:none!important}[data-pagetype=personal-atm-service] .c-btn--square-l[href^="#"]{grid-template-columns:auto 16px;column-gap:24px;padding:1.6rem}[data-pagetype=personal-atm-service] .c-btn--square-l[href^="#"]>span{grid-column-start:auto}}@media(max-width:767.98px)and (prefers-reduced-motion:reduce){[data-pagetype=personal-atm-service] .l-fv__services{overflow-x:auto}[data-pagetype=personal-atm-service] .l-fv__marquee{animation:none}[data-pagetype=personal-atm-service] .l-fv__logos[aria-hidden=true]{display:none}}@media(any-hover:hover){[data-pagetype=personal-atm-service] .l-fv__services:hover .l-fv__marquee{animation-play-state:paused}[data-pagetype=personal-atm-service] .p-service-card__payment>a:hover img{opacity:.8}[data-pagetype=personal-atm-service] .p-service-card__payment>a:hover .p-service-card__payment-image>img{scale:1.1}[data-pagetype=personal-atm-service] .p-service-card__payment>a:hover :not(.p-service-card__payment-image)>img{scale:.99}[data-pagetype=personal-atm-service] .l-faq__question a[href]:hover,[data-pagetype=personal-atm-service] .l-faq__answer a[href]:hover,[data-pagetype=personal-atm-service] .l-faq__link:hover{opacity:.7}[data-pagetype=personal-atm-service] .c-btn:hover{border-color:var(--c_btn_border_hover, var(--c_btn_border, rgba(var(--color_primary_dark), 1)));background-color:var(--c_btn_bg_hover, rgba(var(--color_neutral_white), 1));color:var(--c_btn_color_hover, rgba(var(--color_primary_dark), 1))}[data-pagetype=personal-atm-service] .c-btn:hover[href^="#"]:after{translate:0 2px}}