.asw-header-bottom {
display: none;
}

@media (max-width: 767px) {
.hd-banner_cpn--pc {
display: bolck!important;
}
}
/*230628*/
@media (max-width: 767px){
.disF{
display: flex;
flex-direction: row;
width:200px;
}
.disF .ml10{
margin-left:10px;
}
}
.hd-main-visual__version-imfo_B{
font-weight: bold;
font-size: 1.4rem;
}
.disF_C{
align-items: center;
}
.googleplay_btn_ml15{
margin-left:15px;
width: 197px;
}
.android_tittle{
width: 100%;
max-width: 1200px;
margin: 0 auto;
color: #333;
font-size: 30px;
font-weight: bold;
padding-top: 30px;
padding-bottom: 10px;
}
.android_tittle p{
background-color: #fff;
display: inline-block;
padding: 10px;
border-left: solid 15px #ffdd01;
border-right: solid 15px #ffdd01;
}
@media (max-width: 767px){
.android_tittle_sp{
width: 85%;
margin: 0 auto;
color: #333;
font-size: 20px;
font-weight: bold;
padding-top: 20px;
text-align: center;
}
.android_tittle_sp p{
background-color: #fff;
padding: 5px;
border-left: solid 15px #ffdd01;
border-right: solid 15px #ffdd01;
}
}
.hd-main-visual__below{
height: 155%;
}
@media (max-width: 767px){
.hd-main-visual__below{
height: 175%;
}
}
.hd-banner_cpn--pc{
margin-top:90px;
}

@media (min-width: 768px) and (max-width: 1024px){
.hd-banner_cpn--tab{
margin-top: 190px;
}
}

@media (max-width: 767px){
.hd-banner_cpn--sp{
margin-top: 50px;
}
}
@media (min-width: 520px) and (max-width: 767px){
.hd-main-visual__pic-pay{
width: 16%;
top: 270px;
right: 100px;
}
}
@media (max-width: 519px){
.hd-main-visual__pic-pay{
top: 190px;
}
}
/* /230628*/


/*230714*/
.hd-inner-contents__caution {
display: block;
}

.hd-inner-contents__item {
display: flex;
}

@media (max-width: 767px){
.hd-banner_riku-no-ana {
   margin-top: 20px;
}
}
/* /230714*/


.hd-main-visual__download--btn{
width:177px;
}

.hd-main-visual__below .ttl01{
font-size: 1.8rem;
color: #fff;
font-weight: bold;
}
.hd-main-visual__below-contents02{
display: flex;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
padding-top:0px;
}

@media (max-width: 767px){
.hd-main-visual__below-contents02{
padding-bottom: 0px;
}
}

.hd-main-visual__below-contents02 .left{
width: 60%;
}
.hd-main-visual__below-contents02 .left p{
font-weight: bold;
}

.hd-main-visual__below-contents02 .right{
width: 40%;
}

.hd-main-visual__below-contents02 .right .hd-shops__item-container{
padding: 0px;
}
@media (max-width: 767px){
.hd-main-visual__below-contents02{
display: block;
}
.hd-main-visual__below-contents02 .left{
width: 100%;
}
.hd-main-visual__below-contents02 .right{
width: 100%;
}
.hd-main-visual__below--inner{
height: 255px;
}
}

.ttl01_sp p{
padding: 0 2rem;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
}


.hd-steps__object-container_btn{
display: flex;
padding: 5px;
}
.hd-steps__object-container_btn a:first-child{
width: 69%;
margin-right: 10px;
}

/*230828*/
.top-nav_bg-gray {
background-color: #F6F5F3;
border-radius: 25px;
padding-left: 30px;
padding-right: 30px;
}
/* /230828*/

/*231002*/
.hd-introduction-way__subject--sub {
margin-bottom: 16px;
font-size: 2rem;
}

@media (max-width: 767px) {
.hd-introduction-way__subject--sub {
font-size: 1.6rem;
  font-weight: 600;    
}
}

.hd-introduction-way__content {
justify-content: center;
padding: 75px 30px;
border-radius: 32px;
box-shadow: 0 6px 15px rgba(30, 37, 60, 0.2);
}

@media (max-width: 767px){
.hd-introduction-way__content {
padding: 75px 30px;    
}    
}

.hd-introduction__nav {
margin-top: 80px;
}

@media (max-width: 767px){
.hd-introduction__nav {
  margin-top: 30px;
}    
}
/* /231002*/
</style>


<!-- fade-btn -->
<style>
.hd-return-btn-container{
bottom: 100px;
}
.fade-btn {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: #F9F8F7;
box-shadow: 0 0 10px 0;
display: none;
}
@media screen and (max-width: 767px){
.fade-btn{
padding-top:30px;
}
}

.fade-btn > .res-contents {
width: 100%;
max-width: 950px;
margin: 0 auto;
}
.global-pagetop-box .pagetop{
bottom: 110px;
}
@media screen and (max-width: 1024px) {
.hd-return-btn-container{
bottom: 100px;
}
}
@media screen and (max-width: 767px) {
.global-pagetop-box .pagetop{
bottom: 165px;
}
.fade-btn .cp-box-container.cp-box-sm-2.cp-box-xs-1 .cp-box:nth-child(n+2) {
margin-top: 20px;
}
.hd-return-btn-container{
bottom: 200px;
}
}

.fade-btn_wrap{
width:50%;
margin:0 auto;
display: flex;
justify-content: center;
padding: 5px 0;
}
.fade-btn_wrap .left{
width: 50%;
}
.fade-btn_wrap .left p{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px){
.fade-btn_wrap .left p{
font-size: 1.5rem;
}
}
.fade-btn_wrap .left p span{
color: #004898;
}
.fade-btn_wrap .right{
width: 50%;
padding-top: 2px;
}
.fade-btn_wrap .right .right_con{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.fade-btn_wrap .right .right_con img{
width: 100%;
}
.fade-btn_wrap .right .right_con .app{
width: 137px;
margin-right: 5px;
}
.fade-btn_wrap .right .right_con .google{
width: 167px;
margin-left: 5px;
}
@media (min-width: 768px) and (max-width: 1024px){
.fade-btn_wrap{
width: 70%;
}
}

@media (max-width: 767px){
.fade-btn_wrap{
width: 100%;
padding: 0 5px;
}
.fade-btn_wrap .left{
padding: 10px;
}
}

.fade-btn .sp_app .sp_app_con{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.fade-btn .sp_app{
display: none;
height: 100%;
}
.fade-btn .sp_google{
display: none;
height: 100%;
}
.fade-btn .sp_app a{
width: 137px;
}
.fade-btn .sp_app a img{
width: 100%;
}
.fade-btn .sp_google a{
width: 167px;
}
.fade-btn .sp_google a img{
width: 100%;
}
.fade-btn .sp_google .sp_google_con{
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

.fade_close{
position: absolute;
top: 0px;
right: 10px;
width: 50px;
height: 50px;
}
@media (max-width: 767px){
.fade_close{
top: 0px;
right: 0px;
}
}
.fade_close:before{
content: "";
display: block;
position: absolute;
top: 24px;
right: 16px;
width: 18px;
height: 2px;
background-color: #909090;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.fade_close:after{
content: "";
display: block;
position: absolute;
top: 24px;
right: 16px;
width: 18px;
height: 2px;
background-color: #909090;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.fade_close{
cursor: pointer;
}
.bnr_cpn{
margin-top: 90px;
width: 100%;
max-width: 1280px;
margin: 40px auto 0px;
}
/*201107*/
.hd_mv_below{
width: 100%;
height: fit-content;
padding: 0 20px;
margin-top: 20px;
background-image: url(/amc/ana-pay/img/image_top/bg/illust_bg_pc.png);
background-size: contain;
}
.hd_mv_below .hd_mv_below_wrap{
max-width: 1200px;
margin: 0 auto;
padding: 60px 0;
}
@media (max-width: 767px){
.hd_mv_below .hd_mv_below_wrap{
padding: 30px 0;
}
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents{
display: flex;
flex-wrap: nowrap;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left,.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_right{
width: 50%;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left .hd_mv_below_contents_left_text01{
margin-top: 15px;
text-align: center;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left .hd_mv_below_contents_left_text01 p{
font-size: 2.5rem;
font-weight: bold;
background: linear-gradient(transparent 70%, #efb921 70%);
display: inline;
}

.hd_mv_below_app{
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.hd_mv_below_app .app_img{
width: 20%;
text-align: center;
}
.hd_mv_below_app .app_img.ana_icon{
width: 15%;
text-align: center;
}
.hd_mv_below_app .app_img.ana_icon img{
width: 78%;
}
.hd_mv_below_app .app_img.apple{
width: 40%;
text-align: center;
}
.hd_mv_below_app .app_img.apple img{
width: 80%;
}
.hd_mv_below_app .app_img.google{
width: 40%;
text-align: center;
}
.hd_mv_below_app .app_img.google img{
width: 98%;
}

.hd_mv_below_contents_text02{
margin-top: 20px;
font-size: 1.8rem;
font-weight: bold;
}

.hd_mv_below_contents_right .hd_mv_below_illust{
display: flex;
justify-content: center;
padding: 0 40px;
align-items: center;
height: 100%;
}
.hd_mv_below_contents_right .hd_mv_below_illust .illust01, .hd_mv_below_contents_right .hd_mv_below_illust .illust02{
width: 50%;
padding: 20px;
}
.hd_mv_below_contents_right .hd_mv_below_illust .illust01{
position: relative;
}
.hd_mv_below_contents_right .hd_mv_below_illust .illust01:after{
/*content: "";
position: absolute;
background-image: url(/amc/ana-pay/img/image_top/mv/ana_pay_illust_new.png);
top: 0;
left: 0;
background-size: ;
width: 50%;
height: 50%;
background-size: contain;
background-repeat: no-repeat;*/
}


@media (max-width: 767px){
.hd-main-visual__inner{
display: block;
}
.hd-main-visual__pic-pay{
display: none;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents{
display: block;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left,.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_right{
width: 100%;
}
.hd_mv_below_illust_sp{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.hd_mv_below_illust_sp .illust_sp_img{
width: 30%;
text-align: center;
position: relative;
}
.hd_mv_below_illust_sp .illust_sp_img:nth-child(3){
width: 40%;
}
.hd_mv_below_illust_sp .illust_sp_img:first-child:after{
/*content: "";
position: absolute;
background-image: url(/amc/ana-pay/img/image_top/mv/ana_pay_illust_new.png);
top: 0;
left: 0;
width: 50%;
height: 50%;
background-size: contain;
background-repeat: no-repeat;*/
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left .hd_mv_below_contents_left_text01{
text-align: center;
}
.hd_mv_below .hd_mv_below_wrap .hd_mv_below_contents .hd_mv_below_contents_left .hd_mv_below_contents_left_text01 p{
font-size: 2rem;
}
.hd_mv_below_contents_text02{
font-size: 1.6rem;
}
}
.anchor_arrow .hd-all__anchor-arrow--white::before{
transform: rotate(135deg);
margin-top: -5px;
margin-left: -2px;
}
.hd-dawnload-induction__catch h1{
color:#333;
}
.hd-dawnload-induction__pic-app-screen-inner{
width: 100%;
}
.hd-dawnload-induction__pic-app-screen-inner img{
width: auto;
}
.hd-dawnload-induction__note{
color:#333;
}
.hd-introduction__nav{
width: 100%;
justify-content: space-around;
}
@media (max-width: 767px){
.hd-dawnload-induction__pic-app-screen-container{
max-width:100%;
}
.hd-dawnload-induction__pic-app-screen-inner img{
width: 40%;
}
.hd-dawnload-induction__note{
color:#333;
}
.hd-whats-anapay__object-inner{
flex-direction: inherit;
justify-content: space-between;
}
.hd-whats-anapay__object-child{
width: 20%;
margin: 10px;
}
}

.anapay_step_anchor_area h2{
font-size: 2.4rem;
text-align: center;
margin-bottom: 60px;
}
.anapay_step_anchor_wrap{
display: flex;
justify-content: space-around;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item{
width: 40%;
margin: 0 15px;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor{
width: 100%;
display: flex;
align-items: center;
background-color: #fff;
border-radius: 50px;
font-size: 1.2rem;
font-weight: 700;
height: auto;
position: relative;
box-shadow: 2px 2px 6px rgba(46, 46, 46, 0.25);
white-space: nowrap;
padding: 10px;
}
@media (max-width: 767px){
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor{
padding:20px;
}
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor img{
width: 15%;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor .anapay_step_title{
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
font-size: 2rem;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor .anapay_step_arrow{
padding: 0 0 0 8px;
position: absolute;
right: 20px;
z-index: 0;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor .anapay_step_arrow:after{
position: absolute;
top: 0;
bottom: 0;
left: -8px;
margin: auto;
content: "";
width: 20px;
height: 20px;
border-radius: 10px;
background: #1177c9;
z-index: 1;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor .anapay_step_arrow:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
margin-top: auto;
margin-left: auto;
margin-top: auto;
margin-left: auto;
z-index: 2;
content: '';
width: 8px;
height: 8px;
border-right: solid 3px #fff;
border-top: solid 3px #fff;
transform: rotate(135deg);
margin-top: -5px;
margin-left: -2px;
}

.point1_area,.point2_area,.point3_area,.point4_area{
margin-top: 100px;
}
.point1_area_wrap,.point2_area_wrap,.point3_area_wrap,.point4_area_wrap{
padding: 20px;
}
.point1_title_wrap,.point2_title_wrap,.point3_title_wrap,.point4_title_wrap{
display: flex;
align-items: center;
width: max-content;
margin: 0 auto;
}
@media (max-width: 767px){
.point1_title_wrap,.point2_title_wrap,.point3_title_wrap,.point4_title_wrap{
max-width: 100%;
}
}
.point1_title_wrap .point1_title_icon,.point2_title_wrap .point2_title_icon,.point3_title_wrap .point3_title_icon,.point4_title_wrap .point4_title_icon{
text-align: center;
}
.point1_title_wrap .point1_title_icon img,.point2_title_wrap .point2_title_icon img,.point3_title_wrap .point3_title_icon img,.point4_title_wrap .point4_title_icon img{
width: 60%;
}
.point1_title_h3,.point2_title_h3,.point3_title_h3,.point4_title_h3{
font-size: 2.5rem;
color: #1177c9;
}
.point1_text_area{
margin-top: 40px;
}

.point1_text_area .point1_text p{
font-size: 2rem;
text-align: center;
}
.point2_text_area .point2_text p{
font-size: 2rem;
text-align: center;
}

.point2_text_area{
margin-top: 30px;
}
@media (max-width: 767px){
.anapay_step_anchor_wrap{
display: block;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item{
width: 100%;
margin: 30px auto;
}
.point1_title_wrap,.point2_title_wrap,.point3_title_wrap,.point4_title_wrap{
display: block;
}
.point1_title_h3,.point2_title_h3,.point3_title_h3,.point4_title_h3{
font-size: 2rem;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.point1_text_area{
display: block;
}
.point1_text_area .point1_text{
width: 100%;
}
.point1_text p{
font-size: 1.6rem;
}
.point1_text_area .point1_text_icon{
width: 100%;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor img{
width: 10%;
}
.point1_text_area .point1_text_icon .hd-whats-anapay-summary-credit-card__container{
padding: 30px;
}
.point1_title_wrap .point1_title_icon img,.point2_title_wrap .point2_title_icon img,.point3_title_wrap .point3_title_icon img,.point4_title_wrap .point4_title_icon img{
width: 80px;
}
.anapay_step_anchor_wrap .anapay_step_anchor_item .anapay_step_anchor .anapay_step_title{
font-size: 1.8rem;
}
.point1_area,.point2_area,.point3_area,.point4_area{
margin-top: 50px;
}
}

.hd-use-promotion__container{
background-color: #fff;
}
.new_function{
background-color: #FBFAF8;
}
.new_function_wrap{
width: 55%;
margin: 0 auto;
text-align: center;
padding: 90px 20px;
}
.new_function_wrap h3{
font-size: 3rem;
color: #1177c9;
}
.new_function_wrap p{
font-size: 2rem;
margin-top: 20px;
}


.tab-area {
display: flex;
width: 70%;
margin: 0 auto;
justify-content: space-between;
}
.tab-area_wrap{
margin-top: 70px;
}
.tab-area_title{
text-align: center;
padding: 0 20px;
font-size: 2.4rem;
}
.tab {
width: 30%;
padding: 15px;
text-align: center;
margin: 0px 20px;
background-color: #b7b7b7;
cursor: pointer;
font-size: 2rem;
border-radius: 20px 20px 0 0;
}

.tab.active {
background-color: #ececec;
}
.panel-area{
background-color: #ececec;
}
.panel {
display: none;
text-align: center;
width: 70%;
margin: 0 auto;
padding: 50px 20px;
}
.panel.active {
display: block;
}
.panel .hd-use-promotion__content-wrap{
width: 100%;
max-width: none;
margin: 0;
}
@media (min-width: 768px) and (max-width: 1300px){
.panel .hd-use-promotion__content-top {
grid-template-columns: initial;
}
.tab-area{
width: 100%;
}
.panel{
width: 100%;
padding: 20px;
}
}
@media (max-width: 767px){
.tab-area_title{
font-size: 2rem;
padding: 0;
}
.tab-area_title_wrap{
margin-bottom: 50px;
}
.new_function_wrap{
width: 100%;
padding: 50px 20px;
}
}
.toggle_contents{
display: none;
padding: 20px;
border: solid 1px #d9d9d9;
border-top:none;
}
.toggle_open{
color: #333;
font-size: 1.8rem;
position: relative;
padding: 20px 50px 20px 20px;
background-color: #FBFAF8;
border: solid 1px #d9d9d9;
margin-top: 20px;
text-align: center;
}
.toggle_open::before{
content: "＋";
position: absolute;
right: 20px;
top: 50%;
transform: translate(-50%, -50%);
}
.toggle_open.active::before{
content: "－";
}



@media (max-width: 767px){
.hd-other-apps__inner{
display: flex;
}
.hd-other-apps__bg{
display: flex;
}
.hd-other-apps__bg--left{
width: 50%;
height: 100%;
}
.hd-other-apps__bg--right{
width: 50%;
height: 100%;
}
.hd-other-apps__bg{
display: flex;
}
.hd-app-ana__container,.hd-app-ana-pocket__container{
width: 50%;
}
.hd-other-apps__screen{
width: 100%;
text-align: center;
}
.hd-other-apps__screen img{
width: 80%;
}

.hd-cards__container{
display: flex;
justify-content: space-between;
}
.hd-cards__content:first-child{
margin: 30px auto 30px;
}
.hd-cards__content{
width: 30%;
}
.hd-cards__content-subject{
width: 100%;
height: 100%;
padding: 10px;
}
.hd-cards__content-pic{
width: 100%;
max-width: none;
}
.hd-other-apps__anchor-lead{
margin: auto 40px auto 10px;
}
.hd-other-apps__anchor{
white-space: normal;
height: auto;
padding: 10px;
}
.hd-other-apps__name{
padding: 0 10px;
}
.hd-other-apps__catch{
padding: 0 10px;
}
}
.hd-payment__use-way-logo-smart-code{
width: 100px;
margin-left: 30px;
}
@media (max-width: 767px){
.hd-payment__use-way-logo-smart-code{
margin-left: 0;
width: 64px;
}
}
.hd-shops__item{
width: 30%;
}
.hd-shops__anchor-logo-id{
right: 50px;
}
.hd-shops__anchor-logo-smart-code{
width: 32px;
position: absolute;
top: 50%;
right: 65px;
transform: translate(0, -50%);
}
.hd-shops__anchor-logo-ripple{
right: 57px
}
@media (max-width: 1000px){
.hd-shops__item-container {
display: block;
width: 100%;
padding: 0;
}
.hd-shops__item {
width: 100%;
max-width: 400px;
margin: 20px auto;
}
.hd-shops__anchor-sign-window {
width: 1.6rem;
left: 20px;
}
.hd-shops__anchor-title {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-60%, -50%);
}
.hd-shops__anchor-logo-id {
right: 53px;
}
.hd-all__anchor-arrow--blue::after, .hd-all__anchor-arrow--white::after {
width: 16px;
height: 16px;
border-radius: 8px;
}
.hd-all__anchor-arrow--white::before {
width: 6px;
height: 6px;
margin-top: -3px;
margin-left: -3.5px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
}
.hd-all__anchor-arrow--blue::after, .hd-all__anchor-arrow--white::after {
width: 16px;
height: 16px;
border-radius: 8px;
}
.hd-shops__anchor-logo-ripple {
width: 32px;
right: 60px;
}
}
@media (max-width: 767px){
.asw-hidden-lg .hd-faq__question-container{
padding-left: 40px;
}
.asw-hidden-lg .hd-faq__question-title{
color: #1177c9;
}
}

.hd-main-visual__inner{
display: block;
height: auto;
}
.hd-main-visual__above--inner{
display: flex;
flex-direction: row;
}
.hd-main-visual__hero{
margin-top: 20px;
}
@media (max-width: 519px){
.hd-main-visual__hero{
margin-top: 20px;
}
}
@media (max-width: 767px){
.hd-payment__use-way-content-subject{
height: 70px;
}
.asw-hidden-lg .hd-faq__container .hd-faq__item{
width: 100%;
}
}
@media (max-width: 389px) {
.hd-shops__anchor-title {
text-align: center;
position: absolute;
top: 50%;
left: 45%;
transform: translate(-60%, -50%);
}
}
.pl7{
padding-left: 7px;
}
@media (max-width: 767px){
.pl7{
padding-left: 0px;
}
.hd-dawnload-induction__logo-ana{
margin:0 auto;
}
.hd-dawnload-induction__note {
padding: 0;
}
}
.hd-ana-pay-cash__content-note .Yline{
background: linear-gradient(transparent 60%, #efb921 60%);
}
/*/201107*/

/*240201*/
.hd-charge-way__icon-anacard{
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.hd-charge-way__icon-applepay{
grid-column: 2 / 2;
grid-row: 1 / 2;
}
.hd-charge-way__icon-bankpay{
width: 80px;
grid-column: 1 / 2;
grid-row: 2 / 3;
margin: auto;
margin-top: 15px;
}
.hd-charge-way__icon-seven{
margin-top: 15px;
}
@media (max-width: 767px) {
.hd-charge-way__icon-bankpay {
width: 50px;
margin-top: 10px;
}
}
.hd-charge-way__icon-seven{
grid-column: 2 / 2;
grid-row: 2 / 3;
margin-top: 10px;
}
@media (max-width: 767px) {
.hd-charge-way__lead {
top: -80px;
}
}
/*/240201*/

/*240130*/
.hd-credit-card__inner{
display: flex;
flex-wrap: wrap;
}
.hd-whats-anapay-summary__logomark{
width: 20% !important;
}
/*/240130*/

/*240301*/
.hd-usage-container__limit-table-conatiner {
width: 100%;
margin: 20px 0 0;
margin: auto;
padding: 20px 0 0;
}
.hd-usage-container__limit-table {
width: 100%;
text-align: center;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #d9d9d9;
font-size: 1.6rem;
font-weight: 500;
white-space: nowrap;
}
.hd-usage-container__limit-table th {
padding: 10px;
height: 70px;
}
.hd-usage-container__limit-table--blank {
background: #fff;
border-left: solid 1px #d9d9d9;
border-top: solid 1px #d9d9d9;
}
.hd-usage-container__limit-table-top--left {
border-right: solid 1px #fff;
}
.hd-usage-container__limit-table-top {
background: #EEEEEE;
color: #004482;
}
.hd-usage-container__limit-table td {
padding: 10px;
border: solid 1px #d9d9d9;
text-align: left;
padding: 10px 30px;
font-weight: initial;
}
.hd-usage-container__limit-table-left {
background: #004482;
color: #fff;
text-align: center;
font-weight: 500;
width: 350px;
}
@media (max-width: 767px) {
.hd-usage-container__limit-table-conatiner {
width: 100%;
overflow: hidden;
overflow-x: scroll;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
flex-wrap: nowrap;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
.hd-usage-container__limit-table {
text-align: center;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #d9d9d9;
font-size: 1.2rem;
}
.hd-usage-container__limit-table th {
height: 50px;
}
.hd-usage-container__limit-table-left {
width: 300px;
}
}

#header__container{
z-index: 999;
}
/*/240301*/

/*240315*/
.hd-main-visual__pic-pay img {
max-width: 200px;
}

.hd-main-visual__above--inner {
align-items: flex-end;
}
/*/240315*/

/*250528*/
.hd-caution__item{
display: flex;
align-items: flex-start;
margin-top: 20px;
}
.hd-caution__sign{
width: 1.5rem;
margin-right: 5px;
flex-shrink: 0;
margin-top: -2px;
}
.hd-caution__item .hd-caution__text{
display: block;
margin-left: 0px;
}
@media (max-width: 767px){
.hd-caution__item .hd-caution__text{
  font-size: 1.2rem;
}
.hd-inner-contents__subtitle{
  padding-top: 75px;
}
}
/*/250528*/

/*240701*/
.hd-banner_riku-no-ana {
position: relative;
}
/*/240701*/

/*241101*/
  .announce .announce__inner {
    max-width: 1128px;
    margin: 0 auto;
    padding: 20px 2%;
    display: flex;
    align-items: center;
  }

  .announce__img {
    width: 43%;
    padding: 10px;
  }

  .announce__text {
    width: 57%;
    padding: 10px;
  }

  .announce__title {
    font-weight: 700;
    font-size: 2.5rem;
    color: #1177c9;
    margin-bottom: 20px;
  }

  @media screen and (max-width: 767px) {

    .announce .announce__inner {
      flex-direction: column-reverse;
    }

    .announce__img {
      width: 100%;
    }

    .announce__text {
      width: 100%;
    }

    .announce__title {
    font-size: 2rem;
    }

    .announce .hd-inner-contents--bg-milk {
    padding: 10px 20px 20px 20px;
    }
  }
/*/241101*/

/*241111*/
.hd_mv_below .hd_mv_below_wrap{
  padding: 30px 0;
}
.hd_mv_below{
  background-image: url(/amc/ana-pay/img/image_top/bg/illust_bg_pc_241111.png);
  position: relative;
  padding: 0 18%;
}
.hd_mv_below:before{
  content: '';
  position: absolute;
  background-image: url(/amc/ana-pay/img/image_top/bg/right_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 20%;
  height: 100%;
  right: 0;
  bottom: 0;
}
.hd_mv_below:after{
  content: '';
  position: absolute;
  background-image: url(/amc/ana-pay/img/image_top/bg/left_pc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left bottom;
  width: 18%;
  height: 100%;
  left: 0;
  bottom: 0;
}
.mv_title{
  text-align: center;
}
.mv_title img{
  width: 60%;
}
@media screen and (max-width: 767px){
  .hd_mv_below{
    background-image: url(/amc/ana-pay/img/image_top/bg/illust_bg_sp_241111.png);
    padding: 0;
  }
  .hd_mv_below_contents{
    padding: 0 20px;
  }
  .hd_mv_below_contents_text02{
    padding: 0 20px;
  }
  .hd_mv_below:before,.hd_mv_below:after{
    display: none;
  }
  .mv_title {
    margin-bottom: 20px;
  }
  .mv_title img{
    width: 100%;
  }
}
/*241111*/

/*241115*/
.anapay_point_anchor_wrap{
  display: flex;
}

.point2_text_area_2{
margin-top: 40px;
display: flex;
}
.point2_text_area_2 .point2_text_2{
width: 100%;
}
.point2_text_area_2 .point2_text_2 p{
font-size: 2rem;
}
.point2_text_area_2 .point2_text_icon_2{
width: 100%;
}
.point2_text_area_2 .point2_text_icon_2 .hd-whats-anapay-summary-credit-card__container{
margin-left: 30px;
}

.ana-pay_blue-btn{
    max-width: 400px;
    margin: auto;
    padding: 20px;
}
.ana-pay_blue-btn__anchor{
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #1177c9;
    border-radius: 36px;
    font-size: 1.2rem;
    font-weight: 700;
    height: 70px;
    position: relative;
    box-shadow: 2px 2px 6px rgba(46, 46, 46, 0.25);
    white-space: nowrap;
}
.ana-pay_blue-btn__anchor--title{
text-align: center;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
    color: #fff;
}
/*/241115*/

/*241210*/
.hd-ana-pay-cash__container {
    padding: 20px 5%;
  }

.hd-ana-pay-cash__container img {
  width: 100%;
}

.hd-ana-pay-cash__content-pic {
  width: 80%;
}

.anapay_header {
  position: fixed;
  top: 60px;
  z-index: 100;
  display: none;
  width: 100%;
  display:block;
}

.hd-main-visual__container {
 margin-top: 58px;
}

@media (max-width: 767px) {
  .hd-ana-pay-cash__content-pic {
    width: 50vw;
    max-width: 250px;
  }
  .anapay_header{
    top:60px;
  }
  
  .hd-main-visual__container {
    margin-top: 50px;
  }
}
/*/241210*/

.hd_mv_below::after,.hd_mv_below::before{
    display: none;
}
.hd_mv_below{
    background-image: url(/amc/ana-pay/img/image_top/bg/illust_bg_pc.png);
    padding: 0 20px;
}
.hd-shops__illust{
    padding-bottom: 100px;
}
#notice_anchor_01 .hd-ana-pay-cash__item{
    margin-top: 20px;
}
.faq_table_LB{
    background-color: #CCD4EA;
}

.mv_title img {
  width: 75%;
}
.hd-shops__item-container{
  padding: 40px 0 50px;
}
.hd-shops__illust {
  padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .mv_title img {
    width: 100%;
  }
}


.notice_font li{
  font-size: 1.8rem;
}
@media screen and (max-width: 767px){
  .notice_font{
    font-size: 1.6rem;
  }
  .notice_font li{
    font-size: 1.6rem;
  }
}


.hd_mv_below_contents_text02-wrapper {
  display: flex;
  align-items: center;
}

.hd_mv_below .ana-pay_blue-btn {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
}

.hd_mv_below .ana-pay_blue-btn__anchor {
  width: 400px;
}

@media (max-width: 767px) {
  .hd_mv_below_contents_text02-wrapper {
    display: block;
  }

  .hd_mv_below .ana-pay_blue-btn__anchor {
    width: 100%;
  }

  .hd_mv_below .ana-pay_blue-btn__anchor--title {
    font-size: 1.4rem;
  }
}
.dl_below_link{
  margin-top: 5px;
  text-align: center;
}
.hd_mv_below_app .app_img.apple .dl_below_link img , .hd_mv_below_app .app_img.google .dl_below_link img , .hd-steps__object-container .dl_below_link img , .fade-btn_wrap .right .right_con .dl_below_link img , .fade-btn .sp_app .dl_below_link img , .fade-btn .sp_google .dl_below_link img{
  width: 17px;
  transform: translateY(-2px);
  margin-left: 7px;
}
.hd-steps__object-container .dl_below_link{
  color: #fff;
}
.hd-steps__object-container_btn a:first-child{
width: auto;
}
@media (max-width: 767px){
.fade-btn_wrap{
padding-bottom: 10px;
}
}




/*ヘッダー・パンくず調整*/
.ANA-3025.breadcrumb{
  margin-top: 65px;
}
@media screen and (max-width: 767px){
  .ANA-3025.breadcrumb{
    margin-top: 55px;
  }
}
@media (max-width: 1025px){
  .anapay_header{
    position: absolute;
  }
}


@font-face {font-family: icoset;font-weight: 400;font-style: normal;src: url(/common-layout/css/fonts/icoset.ttf) format("truetype"), url(/common-layout/css/fonts/icoset.woff) format("woff")}
.amc-breadcrumbs-wrapper {
  border-bottom: solid 1px #E5E5E5;
  margin-top: 65px;
}
.rcrumbs:not(.is-touchdevice) {
  margin-right: calc(((100vw - 100%) / 2) * -1);
  margin-left: calc(((100vw - 100%) / 2) * -1);
  padding: 0 calc((100vw - 100%) / 2);
}
.rcrumbs {
  overflow: hidden;
  height: 30px;
}
.amc-breadcrumbs-wrapper .rcrumbs .rcrumbs-list {
  max-width: 1240px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: calc((30px - 1.56rem) / 2);
  font-size: 1.2rem;
  list-style: none;
  white-space: nowrap;
}
.rcrumbs-list li {
  line-height: 1.3;
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 1px 20px 1px 1px;
  vertical-align: top;
}
.rcrumbs-list a {
  position: relative;
  z-index: 1;
  display: inline-block;
  text-decoration: underline;
  color: #00146e;
}
.rcrumbs-list a:hover {
  text-decoration: none;
}
.rcrumbs-list .divider {
  display: none;
}
.rcrumbs-list li::after {
  font-family: icoset;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 1px;
  height: 1rem;
  margin: auto;
  content: "\e906";
  text-transform: none;
}
.rcrumbs-list li:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .amc-breadcrumbs-wrapper {
    overflow-x: auto;
    margin: 0 auto;
    padding: 5px 0px;
    margin-top: 50px;
  }
  .rcrumbs{
    overflow: unset;
  }
}
/*/ヘッダー・パンくず調整*/












.anapay__contents button{
  background: no-repeat;
  border: none;
}

.paynone_pc{
  display: block;
}
.paynone_sp{
  display: none;
}
.paynone_inline_pc{
  display: inline-block;
}
.paynone_inline_sp{
  display: none;
}
@media screen and (max-width: 767px){
  .paynone_pc{
    display: none;
  }
  .paynone_sp{
    display: block;
  }
  .paynone_inline_pc{
    display: none;
  }
  .paynone_inline_sp{
    display: inline-block;
  }
}


.anapay__contents{
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .anapay__contents {
    padding-left: 4%;
    padding-right: 4%;
  }
  .anapay__contents img{
    width: 100%;
  }
}
.anapay__contents-inner{
  max-width: 1200px;
  margin: 0 auto;
}


.anapay__mv-wrap{
  margin-top: 20px;
}
.anapay__mv-wrap img{
  width: 100%;
}
.anapay__app-wrap{
  border: solid 16px #E9F5FF;
  padding: 50px;
}
.anapay__app-inner{
  max-width: 610px;
  margin: 0 auto;
}
@media screen and (max-width: 767px){
  .anapay__mv-wrap{
    margin-top: 0px;
  }
  .anapay__contents.anapay-mv{
    padding: 0px;
  }
}



.anapay__mv-wrap h1 {
  position: relative;
}
.anapay__mv-text-wrap {
  position: absolute;
  top: 30px;
  left: 65px;
}
.anapay__mv-text-wrap .anapay__mv-text01{
  display: block;
  font-weight: bold;
  font-size: 2.4rem;
  color: #205fce;
}
.anapay__mv-text-wrap .anapay__mv-text02{
  display: block;
  font-weight: bold;
  font-size: 4rem;
  color: #022875;
}
.anapay__mv-text-wrap .anapay__mv-text03{
  display: block;
  font-weight: bold;
  font-size: 2.6rem;
  color: #214acc;
  padding: 5px;
  text-align: center;
}
@media screen and (max-width: 767px){
  .anapay__mv-text-wrap{
    left: 20px;
    top: 10px;
  }
  .anapay__mv-text-wrap .anapay__mv-text01{
    font-size: 2rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text02{
    font-size: 3.5rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text03{
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 600px){
  .anapay__mv-text-wrap .anapay__mv-text01{
    font-size: 1.2rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text02{
    font-size: 2rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text03{
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 375px){
  .anapay__mv-text-wrap .anapay__mv-text01{
    font-size: 1.2rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text02{
    font-size: 1.6rem;
  }
  .anapay__mv-text-wrap .anapay__mv-text03{
    font-size: 1.2rem;
  }
}


/* ANAマイレージクラブ アプリ */
.anapay__app-inner .anaapp__top {
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.anaapp__top .anaapp__top-img{
  width: 17%;
}
.anaapp__top .anaapp__top-img img{
  width: 100%;
}
.anaapp__top .anaapp__top-text{
  width: 83%;
  padding-left: 10px;
  text-align: center;
  font-size: 1.6rem;
}
.anaapp__top .anaapp__top-text .t01{
  color: #1177C9;
  font-weight: bold;
}
.anaapp__top .anaapp__top-text .t02{
  color: #0B308E;
  font-weight: bold;
}
.anapay__app-inner .anaapp__bottom {
  display: flex;
  justify-content: center;
  gap: 67px;
  margin-top: 23px;
}
.anaapp__bottom .anaapp__bottom-android{
  display: flex;
  gap: 20px;
  justify-content: center;
}
.anaapp__bottom .anaapp__bottom-ios{
  display: flex;
  gap: 20px;
  justify-content: center;
}
.anaapp__bottom-android .anaapp__btn p, .anaapp__bottom-ios .anaapp__btn p{
  text-align: center;
  margin-top: 10px;
}
.anaapp__bottom-android .anaapp__btn a, .anaapp__bottom-ios .anaapp__btn a{
  display: block;
}
.anaapp__bottom-android .anaapp__btn a:hover, .anaapp__bottom-ios .anaapp__btn a:hover{
  text-decoration: underline;
}
.anapay__app-inner .bl_icon{
  width: 17px;
  transform: translateY(-2px);
  margin-left: 7px;
}
@media screen and (max-width: 767px){
  .anapay__contents.anapay-app{
    padding: 0;
  }
  .anapay__app-wrap{
    border: solid 6px #E9F5FF;
    padding: 20px;
  }
  .anapay__app-inner .anaapp__top{
    padding: 0;
    display: block;
  }
  .anaapp__top .anaapp__top-text{
    width: 100%;
    padding: 0;
    font-size: 1.4rem;
  }
  .anapay__app-inner .anaapp__bottom{
    display: block;
    margin-top: 0px;
    max-width: 255px;
    margin: 0 auto;
  }
  .anaapp__qr{
    width: 30%;
  }
  .anaapp__btn{
    width: 70%;
  }
  .anaapp__bottom-android, .anaapp__bottom-ios{
    margin-top: 20px;
  }
}
/* /ANAマイレージクラブ アプリ */


/* アンカー */
.anapay__anc-wrap{
  margin-top: 56px;
  padding: 0 60px;
}
.anapay__anc-wrap .anapay__anchor{
  display: flex;
  justify-content: center;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item{
  width: 19%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  padding-bottom: 13px;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(odd)::after{
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% + 6px);
  transform: translate(0, -50%);
  width: 1px;
  height: 40px;
  background-color: #00146E;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item:last-child::after{
  content: '';
  position: absolute;
  right: 0;
  top: calc(50% + 6px);
  transform: translate(0, -50%);
  width: 1px;
  height: 40px;
  background-color: #00146E;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(odd)::before{
  content: '';
  position: absolute;
  left: 0;
  top: calc(50% + 6px);
  transform: translate(0, -50%);
  width: 1px;
  height: 40px;
  background-color: #00146E;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(4){
  width: 24%;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item a{
  display: block;
  font-size: 2.4rem;
  color: #1872E9;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  width: 100%;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item a:hover{
  text-decoration: underline;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item a::before{
  content: '';
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: -11px;
  width: 20px;
  height: 10px;
  background-image: url(/amc/ana-pay/img/image_top/anc_arrow_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.anapay__anc-wrap .anapay__anchor .anapay__anchor-item a span{
  font-size: 1.6rem;
  color: #333;
  font-weight: normal;
}
@media screen and (max-width: 767px){
  .anapay__anc-wrap{
    margin-top: 40px;
    padding: 0px;
  }
  .anapay__anc-wrap .anapay__anchor{
    flex-wrap: wrap;
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item{
    width: calc(100% / 3);
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(4){
    width: 66%;
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(5){
    width: 34%;
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item:nth-child(4)::before{
    content: '';
  position: absolute;
  left: 0;
  top: calc(50% + 6px);
  transform: translate(0, -50%);
  width: 1px;
  height: 40px;
  background-color: #00146E;
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item a{
    font-size: 1.4rem;
  }
  .anapay__anc-wrap .anapay__anchor .anapay__anchor-item a span{
    font-size: 1.2rem;
  }
}
/* /アンカー */


/* 使えるお店・サービス */
.anapay__service-wrap{
  margin-top: 80px;
  text-align: center;
}
.anapay__con-title{
  text-align: center;
}
.anapay__con-title h2{
  font-size: 2.8rem;
  font-weight: bold;
  color: #00146E;
  text-align: center;
  display: inline-block;
}
.anapay__con-title h2 .con-title__bubble{
  font-size: 1.8rem;
  font-weight: normal;
  padding: 5px 30px;
  background-color: #1872E9;
  border-radius: 50px;
  color: #fff;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}
.anapay__con-title h2 .anapay__con-title{
  margin-top: 5px;
}
.anapay__con-title h2 .con-title__bubble::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  background: #1872E9;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translate(-50%, 0);
}
.anapay__service-wrap .anapay__service-text01{
  max-width: 660px;
  margin: 0 auto;
  margin-top: 25px;
  text-align: center;
}
.anapay__service-wrap .anapay__service-text01 p{
  font-size: 1.6rem;
}
.anapay__service-shop{
  margin: 0 auto;
  margin-top: 30px;
  max-width: 660px;
}
.anapay__service-shop .anapay__shop-logo{
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  align-items: center;
}
.anapay__shop-logo-item {
  width: calc((100% / 4) - 30px);
}
.anapay__service-shop .anapay__shop-logo .anapay__shop-logo-item img{
  max-width: 100px;
}
.anapay__service-shop .anapay__shop-logo .anapay__shop-logo-item.svg_img img{
  width: 100px;
}
.anapay__shop-note{
  text-align: right;
  margin-top: 5px;
}
.anapay__shop-note p{
  font-size: 1.2rem;
}
.anapay__btn{
  margin-top: 30px;
}
.anapay__btn a{
  display: block;
  margin: 0 auto;
  max-width: 315px;
  padding: 15px 30px;
  font-size: 1.6rem;
  border: 1px solid #00146E;
  border-radius: 50px;
  position: relative;
  font-weight: bold;
  color: #00146E;
  text-align: center;
}
.anapay__btn a:hover{
  text-decoration: underline;
}
.anapay__btn a:has(> .anapay__btn-toptext):focus-visible{
  outline-offset: 20px;
}
.anapay__btn a .anapay__btn-toptext{
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 1.5rem;
  color: #1177C9;
  width: 150%;
}
.anapay__btn a .anapay__btn-toptext span{
  background-color: #fff;
  padding: 0 5px;
}
.anapay__btn a::before{
  content: '';
  width: 8px;
  height: 13px;
  background-image: url(/amc/ana-pay/img/image_top/btn_arrow_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 20px;
}
.anapay__btn a[target="_blank"]{
  padding: 15px 35px;
}
.anapay__btn a[target="_blank"]::before{
  background-image: url(/amc/ana-pay/img/image_top/sign/sign_window--black.png);
  width: 15px;
  height: 15px;
  right: 15px;
}
.anapay__service-shop.ana-group{
  max-width: 828px;
}
.anapay__service-shop.ana-group .anapay__shop-logo{
  gap: 60px;
}
.anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item{
  width: calc((100% / 3) - (120px / 3));
}
.anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item:nth-child(4){
  width: 30%;
}
.anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item:nth-child(5){
  width: 40%;
}
.anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item img{
  max-width: unset;
  width: 100%;
}
.anapay__service-text02{
  max-width: 660px;
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  padding: 0 14px;
}
.anapay__service-text02::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(-25deg);
  width: 2px;
  height: 17px;
  background-color: #00146E;
}
.anapay__service-text02::after{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(25deg);
  width: 2px;
  height: 17px;
  background-color: #00146E;
}
.anapay__service-text02 .bl01{
  font-size: 1.8rem;
  font-weight: bold;
  color: #1177C9;
}
.anapay__service-text02 .bl02{
  font-size: 1.8rem;
  font-weight: bold;
  color: #0B308E;
}
@media screen and (max-width: 767px){
  .anapay__service-wrap{
    margin-top: 60px;
  }
  .anapay__con-title h2{
    font-size: 2rem;
  }
  .anapay__con-title h2 .con-title__bubble{
    font-size: 1.6rem;
  }
  .anapay__service-wrap .anapay__service-text01{
    margin-top: 15px;
  }
  .anapay__service-wrap .anapay__service-text01 p{
    font-size: 1.4rem;
  }
  .anapay__service-shop .anapay__shop-logo{
    gap: 30px;
  }
  .anapay__shop-logo-item:nth-child(1),.anapay__shop-logo-item:nth-child(3){
    text-align: right;
  }
  .anapay__shop-logo-item:nth-child(2),.anapay__shop-logo-item:nth-child(4){
    text-align: left;
  }
  .anapay__shop-logo-item{
    width: calc((100% / 3) - 30px);
  }
  .anapay__shop-logo-item:nth-child(n+1):nth-child(-n+4){
    width: calc(50% - 15px);
  }
  .anapay__service-shop.ana-group .anapay__shop-logo{
    gap: 30px;
  }
  .anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item, .anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item:nth-child(4){
     width: calc(50% - 15px);
  }
  .anapay__service-shop.ana-group .anapay__shop-logo .anapay__shop-logo-item:last-child{
     width: calc(100% - 30px);
  }
  .anapay__service-text02 .bl01, .anapay__service-text02 .bl02{
     font-size: 1.6rem;
  }
  .anapay__service-text02::before{
    transform: translate(0, -50%) rotate(-20deg);
    height: 45px;
  }
  .anapay__service-text02::after{
    transform: translate(0, -50%) rotate(20deg);
    height: 45px;
  }
  .anapay__btn a .anapay__btn-toptext{
    width: 100%;
  }
}
/* /使えるお店・サービス */


/* お支払い時の使い方 */
.anapay__how-to-use-wrap{
  margin-top: 80px;
}
.anapay__how-to-use-wrap .anapay__how-to-use-text01 {
  max-width: 660px;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 25px;
  text-align: center;
}
.anapay__how-to-use-tab-wrap{
  margin-top: 36px;
}
.anapay__how-to-use-tab{
  margin: 0 auto;
  display: flex;
  gap: 30px;
  max-width: 800px;
}
.anapay__how-to-use-tab .anapay__how-to-use-tab-item{
  border-radius: 10px 10px 0px 0px;
  background-color: #F5FDFF;
  border: 1px solid #1872E9;
  overflow: hidden;
  width: 50%;
}
.anapay__how-to-use-tab.tab-bottom .anapay__how-to-use-tab-item{
  border-radius: 0px 0px 10px 10px;
}
.anapay__how-to-use-tab-item .tab-item__top{
  background-color: #1872E9;
  text-align: center;
  font-weight: bold;
  padding: 15px;
  color: #fff;
  height: 100%;
}
.anapay__how-to-use-tab-item .tab-item__contents .tab-item__img img{
  width: 100%;
}
.anapay__how-to-use-tab-item .tab-item__contents .tab-item__text {
  background-color: #00146E;
  color: #fff;
  padding: 13px 27px 13px 65px;
  position: relative;
}
.anapay__how-to-use-tab-item .tab-item__contents .tab-item__text::before{
  content: '';
  width: 30px;
  height: 64px;
  background-image: url(/amc/ana-pay/img/image_top/light_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 28px;
}
.anapay__how-to-use-tab-item .tab-item__contents .tab-item__text p span{
  color: #FFDA6F;
}
.anapay__btn.tab-item__btn{
  margin-top: 0px;
  padding: 0 13px 13px 13px;
}
.anapay__btn.tab-item__btn a{
  background-color: #fff;
}
.anapay__con-title02{
  margin-top: 40px;
  text-align: center;
}
.anapay__con-title02 h3{
  font-size: 2rem;
  font-weight: bold;
}
.anapay__con-title02 h3 span{
  font-size: 2.8rem;
  color: #0B308E;
}
.anapay__abroad-img-wrap{
  text-align: center;
  margin-top: 20px;
}
.anapay__abroad-img-wrap img{
  max-width: 735px;
}
.anapay__note-list{
  text-align: center;
  margin-top: 15px;
}
.anapay__note-list .anapay__note-list-item{
  font-size: 1.2rem;
}
@media screen and (max-width: 767px){
  .anapay__how-to-use-tab{
    gap: 0px;
  }
  .anapay__how-to-use-tab.tab-top .anapay__how-to-use-tab-item{
    border: 1px solid #E9E9E9;
  }
  .anapay__how-to-use-tab.tab-top .anapay__how-to-use-tab-item .tab-item__top{
    cursor: pointer;
    background-color: #E9E9E9;
    color: #333;
  }
  .anapay__how-to-use-tab.tab-top .anapay__how-to-use-tab-item.active .tab-item__top{
    background-color: #1872E9;
    border: 1px solid #1872E9;
    color: #fff;
  }
  .anapay__how-to-use-tab .anapay__how-to-use-tab-item{
    width: 100%;
  }
  .anapay__how-to-use-tab.tab-bottom .anapay__how-to-use-tab-item.tab-online{
    display: none;
  }
  .anapay__how-to-use-tab-item .tab-item__contents .tab-item__text{
    padding: 13px 13px 13px 50px;
  }
  .anapay__how-to-use-tab-item .tab-item__contents .tab-item__text::before{
    left: 11px;
  }
  .anapay__con-title02 h3{
    font-size: 1.6rem;
  }
  .anapay__con-title02 h3 span{
    font-size: 1.8rem;
  }
}
/* /お支払い時の使い方 */



/* マイルをもっと使う・貯める */
.anapay__contents.bg-BLU{
  background-color: #DDF0FF;
  margin-top: 63px;
  padding: 57px 4%;
}
.anapay__tukau-tameru-wrap{
  max-width: 800px;
  margin: 0 auto;
}
.anapay__tukau-tameru-contents{
  margin-top: 38px;
}
.anapay__tukau-tameru-contents .anapay__tukau-tameru-item{
  background-color: #fff;
  padding: 40px 58px;
  border-radius: 16px;
}
.anapay__tukau-tameru-title h3{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  gap: 13px;
}
.anapay__tukau-tameru-title h3 .anapay__tukau-tameru-title-num{
  font-size: 7rem;
  color: #1177C9;
  letter-spacing: -0.1em; 
}
.anapay__tukau-tameru-title-txt01{
  font-size: 2.4rem;
  text-align: center;
}
.anapay__tukau-tameru-title-txt02{
  color: #00146E;
}
.anapay__tukau-con01{
  margin-top: 38px;
  display: flex;
  gap: 37px;
  align-items: flex-end;
}
.anapay__tukau-con01 .anapay__tukau-con01-txt01{
  font-size: 1.6rem;
  text-align: center;
  display: inline-block;
}
.anapay__tukau-con01 .anapay__tukau-con01-txt02{
  font-size: 2.3rem;
  font-weight: bold;
  text-align: center;
  background-color: #00146E;
  display: inline-block;
  width: 100%;
  color:#fff ;
  padding: 10px;
  margin-top: 20px;
}
.anapay__tukau-con01 .anapay__tukau-con01-txt02 span{
  color: #FFDA6F;
}
.anapay__tukau-con02{
  max-width: 480px;
  margin: 0 auto;
  margin-top: 40px;
}
.anapay__tukau-con02 .anapay__tukau-con02-txt{
  display: flex;
  overflow: hidden;
}
.anapay__tukau-con02-txt .anapay__tukau-con02-txt01{
  display: inline-block;
  width: 50%;
  font-size: 1.6rem;
  padding: 10px;
  background-color: #DDF0FF;
  color: #00146E;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.anapay__tukau-con02-txt .anapay__tukau-con02-txt02{
  display: inline-block;
  width: 50%;
  font-size: 1.6rem;
  padding: 10px;
  background-color: #00146E;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-left: 20px;
}
.anapay__tukau-con02-txt .anapay__tukau-con02-txt02 span{
  color: #FFDA6F;
}
.anapay__tukau-con02-txt .anapay__tukau-con02-txt01::after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 155%;
  background: #DDF0FF;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  right: -20px;
  transform: translate(0, -50%);
}
.anapay__tukau-tameru-note{
  font-size: 1.2rem;
  text-align: center;
  margin-top: 25px;
}
.anapay__tukau-tameru-contents .anapay__tukau-tameru-item:nth-child(2){
  margin-top: 30px;
}
.anapay__tukau-tameru-contents .anapay__tukau-tameru-item:nth-child(2) .anapay__tukau-tameru-title h3 .anapay__tukau-tameru-title-num{
  letter-spacing: normal;
}
.anapay__tukau-tameru-contents .anapay__tukau-tameru-item:nth-child(2) .anapay__tukau-tameru-title-txt01 span{
  font-size: 3rem;
  color: #00146E;
}
.anapay__tukau-tameru-item .anapay__tameru-con01{
  margin-top: 38px;
  display: flex;
  gap: 20px;
  align-items: flex-end;
}
.anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con02-img{
  width: 50%;
}
.anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-img{
  width: 50%;
}
.anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt{
  width: 50%;
}
.anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt01{
  display: inline-block;
  padding: 20px 10px;
  font-size: 1.8rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #00146E;
  width: 100%;
}
.anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt01 span{
  color: #FFDA6F;
  font-size: 2rem;
}
.anapay__tukau-tameru-item .anapay__tameru-con02{
  margin-top: 36px;
  text-align: center;
}
.anapay__tameru-modal{
  margin-top: 33px;
  text-align: center;
}
.anapay__tameru-modal .anapay__tameru-modal-txt {
  cursor: pointer;
  text-decoration: underline;
  color: #00146E;
  display: inline-block;
  padding-left: 27px;
  position: relative;
}
.anapay__tameru-modal .anapay__tameru-modal-txt button{
  text-decoration: underline;
  cursor: pointer;
}
.anapay__tameru-modal .anapay__tameru-modal-txt button:hover{
  text-decoration: none;
}
.anapay__tameru-modal .anapay__tameru-modal-txt::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 22px;
  height: 22px;
  background-image: url(/amc/ana-pay/img/image_top/modal_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px){
  .anapay__tukau-tameru-contents .anapay__tukau-tameru-item{
    padding: 25px 30px;
  }
  .anapay__tukau-tameru-title h3{
    gap: 5px;
  }
  .anapay__tukau-tameru-title h3 .anapay__tukau-tameru-title-num{
    font-size: 5rem;
  }
  .anapay__tukau-tameru-title-txt01{
    font-size: 1.4rem;
  }
  .anapay__tukau-con01{
    margin-top: 20px;
    display: block;
  }
  .anapay__tukau-con01 .anapay__tukau-con01-txt01{
    margin-top: 17px;
    font-size: 1.4rem;
  }
  .anapay__tukau-con01 .anapay__tukau-con01-txt02{
    font-size: 1.8rem;
  }
  .anapay__tukau-con02{
    margin-top: 23px;
  }
  .anapay__tukau-tameru-note{
    margin-top: 15px;
  }
  .anapay__tukau-con02-txt .anapay__tukau-con02-txt01{
    font-size: 1.2rem;
    padding: 10px 5px;
  }
  .anapay__tukau-con02-txt .anapay__tukau-con02-txt02{
    font-size: 1.2rem;
    padding: 10px 5px;
    padding-left: 10px;
    align-self: center;
  }
  .anapay__tukau-con02-txt .anapay__tukau-con02-txt01::after{
    width: 15px;
    right: -10px;
  }
  .anapay__tukau-tameru-contents .anapay__tukau-tameru-item:nth-child(2) .anapay__tukau-tameru-title-txt01 span{
    font-size: 1.8rem;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01{
    display: block;
    margin-top: 7px;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-img{
    width: 100%;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt{
    width: 100%;
    margin-top: 25px;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt01{
    font-size: 1.4rem;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt01 span{
    font-size: 1.8rem;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con01 .anapay__tameru-con01-txt01{
    padding: 10px;
  }
  .anapay__tukau-tameru-item .anapay__tameru-con02{
    margin-top: 28px;
  }
  .anapay__tameru-modal{
    margin-top: 20px;
  }
  .anapay__tukau-tameru-contents .anapay__btn{
    margin-top: 19px;
  }
  .anapay__tukau-tameru-contents .anapay__btn a{
    padding: 15px 20px;
    font-size: 1.5rem;
  }
  .anapay__tukau-tameru-contents .anapay__btn a::before{
    right: 10px;
  }
  .anapay__tukau-tameru-contents  .anapay__btn a .anapay__btn-toptext{
    font-size: 1.2rem;
    top: -10px;
    width: 100%;
  }
  .anapay__tukau-con02 .anapay__tukau-con02-txt{
    background-color: #00146E;
  }
}
/* /マイルをもっと使う・貯める */



/* かんたん登録4ステップ */
.anapay__step-wrap{
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 38px;
}
.anapay__step-list {
  display: flex;
  gap: 20px;
  margin-top: 38px;
}
.anapay__step-list .anapay__step-item{
  width: 25%;
  background-color: #E6F4FF;
  padding: 0 28px;
  border-radius: 16px;
}
.anapay__step-list .anapay__step-item .anapay__step-item-title{
  text-align: center;
  margin-top: 15px;
  color: #1177C9;
  font-size: 1.8rem;
  font-weight: bold;
}
.anapay__step-list .anapay__step-item .anapay__step-item-txt{
  margin-top: 5px;
  font-size: 1.6rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}
.anapay__step-list .anapay__step-item .anapay__step-item-img{
  text-align: center;
  margin-top: 5px;
}
.anapay__step-list .anapay__step-item .anapay__step-item-img img{
  width: 100%;
}
.anapay__contents.step-area .anapay__contents-inner{
  padding: 0 15px;
}
@media screen and (max-width: 767px){
  .anapay__step-list{
    gap: 10px;
    flex-wrap: wrap;
  }
  .anapay__step-list .anapay__step-item{
    width: calc(50% - 5px);
    padding: 0 18px;
  }
  .anapay__step-list .anapay__step-item .anapay__step-item-title{
    font-size: 1.2rem;
  }
  .anapay__step-list .anapay__step-item .anapay__step-item-txt{
    font-size: 1.4rem;
  }
  .anapay__contents.step-area .anapay__contents-inner{
    padding: 0;
  }
}
/* /かんたん登録4ステップ */


/* さあ、ANA Payをはじめよう */
.anapay__app02-wrap{
  margin-top: 126px;
}
.anapay__app02-wrap .anapay__app-inner .anaapp__top{
  padding: 0 10px;
}
.anapay__app02-wrap .anaapp__top-text .t01{
  font-size: 2.8rem;
  color: #00146E;
}
.anapay__app02-wrap .anaapp__top-text .t02{
  color: #1177C9;
}
.anapay__app02-wrap .anaapp__top-text .t03{
  color: #0B308E;
  font-weight: bold;
}
@media screen and (max-width: 767px){
  .anapay__app02-wrap{
    margin-top: 40px;
  }
  .anapay__app02-wrap .anaapp__top-text .t01{
    font-size: 2rem;
  }
  .anapay__app02-wrap .anaapp__top .anaapp__top-text{
    font-size: 1.6rem;
  }
}
/* /さあ、ANA Payをはじめよう */




.anapay__faq-wrap{
  margin-top: 111px;
}
.anapay__faq-wrap .anapay__faq-list{
  margin-top: 50px;
  max-width: 640px;
  margin: 0 auto;
  margin-top: 40px;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item{
  padding-bottom: 25px;
  border-bottom: 1px solid #F1F1F1;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item:nth-child(n+2){
  margin-top: 27px;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a{
  font-weight: bold;
  display: block;
  position: relative;
  padding-right: 25px;
  padding-left: 55px;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a::before{
  content: '';
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate(0, -50%);
  width: 10px;
  height: 18px;
  background-image: url(/amc/ana-pay/img/image_top/faq_arrow_icon.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a[target="_blank"]{
  padding-right: 33px;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a[target="_blank"]::before{
  background-image: url(/amc/ana-pay/img/image_top/sign/sign_window--black.png);
  width: 17px;
  height: 17px;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a:hover{
  text-decoration: underline;
}
.anapay__faq-wrap .anapay__faq-list .anapay__faq-item a .anapay__faq-item-Q{
  border-radius: 50%;
  background-color: #1177C9;
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  width: 40px;
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}






.hd-usage-copyright__background {
  width: 100%;
  display: block;
}
.hd-usage-copyright__container {
  background-color: #FBFAF8;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  border-radius: 16px;
}
.hd-usage-copyright__subject-container {
  width: 100%;
  padding: 0 5px;
}
.hd-usage-copyright__subject {
  width: 100%;
  text-align: center;
  border-bottom: 2px solid #d9d9d9;
  padding: 0 0 20px 0;
  font-size: 2rem;
  font-weight: 600;
}
.hd-usage-copyright__content-inner {
  padding: 20px 20px 0;
  width: fit-content;
  margin: auto;
}
.hd-usage-copyright__text-container {
  gap: 10px;
  width: fit-content;
}
.hd-usage-copyright__text-container .hd-usage-copyright__text{
  position: relative;
  padding: 10px;
  padding-left: 30px;
  display: flex;
  gap: 10px;
  width: 100%;
  font-size: 1.4rem;
}
.hd-usage-copyright__text-container .hd-usage-copyright__text::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #d9d9d9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0,-50%);
}
@media (max-width: 767px) {
  .hd-usage-copyright__background {
    padding: 10px 0px 10px;
  }
  .hd-usage-copyright__container {
    width: 100%;
    border-radius: 16px;
    padding: 5px 5px;
  }
   .hd-usage-copyright__subject {
    padding: 5px;
    font-size: 1.6rem;
  }
  .hd-usage-copyright__content-inner {
    padding: 10px 20px 0;
  }
  .hd-usage-copyright__text-container .hd-usage-copyright__text::before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    left: 0;
    top: 18px;
    transform: translate(50%,-50%);
  }
  .hd-usage-copyright__text {
    width: 100%;
    font-size: 1.2rem;
  }
}






/*モーダル*/
.anapay__tameru-modal-conwrap {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
  justify-content: center;
  flex-flow: column;
  display: none;
}
.anapay__tameru-modal-contents{
  max-height: calc(100% - 48px);
  width: 100%;
  padding: 50px 30px;
  background-color: #fff;
  max-width: 1104px;
  overflow-y: auto;
  margin: 0 auto;
  border-radius: 10px;
  position: relative;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-close{
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-title01{
  font-size: 2.8rem;
  font-weight: bold;
  color: #00146E;
  text-align: center;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-txt{
  margin-top: 18px;
  text-align: center;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-txt p{
  font-size: 1.6rem;

}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-txt p .txt01{
  color: #0D78CD;
  font-weight: bold;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-txt p .txt02{
  color: #00146E;
  font-weight: bold;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-title02{
  margin-top: 25px;
  text-align: center;
}
.anapay__tameru-modal-contents .anapay__tameru-modal-contents-title02 h5{
  font-size: 1.6rem;
  padding: 10px;
  border-top: 2px solid #0B308E;
  border-bottom: 2px solid #0B308E;
  color: #00146E;
  font-weight: bold;
  display: inline-block;
}
.anapay__tameru-modal-contents-card{
  margin: 0 auto;
  margin-top: 32px;
  display: flex;
  gap: 76px;
  max-width: 722px;
}
.anapay__tameru-modal-contents-card-item{
  width: calc(100% / 3);
}
.anapay__tameru-modal-contents-card-item img{
  width: 100%;
}
.anapay__tameru-modal-contents-card-item .item-label{
  display: inline-block;
  text-align: center;
  padding: 5px 10px;
  color: #fff;
  margin-top: 20px;
  border-radius: 4px;
}
.anapay__tameru-modal-contents-card-item .item-label.general{
  background-color: #0D78CD;
}
.anapay__tameru-modal-contents-card-item .item-label.gold{
  background-color: #9E670E;
}
.anapay__tameru-modal-contents-card-item .item-label.black{
  background-color: #00146E;
}
.anapay__tameru-modal-contents-card-item .item-txt{
  margin-top: 10px;
  text-align: center;
}
.anapay__tameru-modal-contents-card-item .item-txt .txt01{
  font-weight: bold;
}
.anapay__tameru-modal-contents-card-item .item-txt.general .txt02{
  font-weight: bold;
  color: #0D78CD;
}
.anapay__tameru-modal-contents-card-item .item-txt.gold .txt02{
  font-weight: bold;
  color: #9E670E;
}
.anapay__tameru-modal-contents-card-item .item-txt.black .txt02{
  font-weight: bold;
  color: #00146E;
}
.anapay__tameru-modal-conwrap.is-open {
  display: flex;
}
.anapay__tameru-modal-conwrap {
  display: none;
}
@media screen and (max-width: 767px){
  .anapay__tameru-modal-contents .anapay__tameru-modal-contents-title01{
    font-size: 2rem;
  }
  .anapay__tameru-modal-contents .anapay__tameru-modal-contents-txt p{
    font-size: 1.4rem;
  }
  .anapay__tameru-modal-contents-card{
    display: block;
    margin-top: 30px;
  }
  .anapay__tameru-modal-contents-card-item {
  width: 100%;
  display: flex;
  gap: 20px;
  }
  .anapay__tameru-modal-contents-card-item:nth-child(n+2){
    margin-top: 10px;
  }
  .anapay__tameru-modal-contents-card-item .item-img{
    width: 30%;
  }
  .anapay__tameru-modal-contents-card-item .item-con{
    width: 70%;
    text-align: left;
  }
  .anapay__tameru-modal-contents-card-item .item-label{
    margin-top: 0px;
  }
  .anapay__tameru-modal-contents-card-item .item-txt{
    text-align: left;
  }
}







/*追従*/
.anapay__fixed-wrap{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: #CCE8FF;
  border: 1px solid #00146E;
  padding: 5px;
  display: none;
}
.anapay__fixed-wrap .anapay__fixed-inner{
  max-width: 1064px;
  margin: 0 auto;
  position: relative;
}
.anapay__fixed-inner .anapay__fixed-close-btn{
  position: absolute;
  top:5px;
  right: 0px;
  cursor: pointer;
  background: none;
  border: none;
}
.anapay__fixed-inner .anapay__fixed-con{
  display: flex;
  gap: 20px;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
}
.anapay__fixed-inner .anapay__fixed-con img{
  width: 100%;
}
.anapay__fixed-inner .itemR-btn .bl_icon{
  width: 17px;
  transform: translateY(-2px);
  margin-left: 7px;
}
.anapay__fixed-con .anapay__fixed-con-item.L{
  display: flex;
  align-items: center;
  gap:10px;
  width: 50%;
}
.anapay__fixed-con .anapay__fixed-con-item.L .itemL-img{
  width:17%;
}
.anapay__fixed-con .anapay__fixed-con-item.L .itemL-txt{
  width: 83%;
  font-size: 2rem;
  color: #00146E;
  text-align: center;
  font-weight: bold;
}
.anapay__fixed-con .anapay__fixed-con-item.L .itemL-txt span{
  font-size: 1.6rem;
}
.anapay__fixed-con .anapay__fixed-con-item.R{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:20px;
  width: 50%;
}
.anapay__fixed-con .anapay__fixed-con-item.R .itemR-btn a{
  display: block;
}
.anapay__fixed-con .anapay__fixed-con-item.R .itemR-btn p{
  text-align: center;
  margin-top: 5px;
}
.anapay__fixed-con-item .itemR-btn-sptxt{
  display: none;
}
.anapay__fixed-con-item .itemR-btn-img .itemR-btn-img-spbtn{
  display: none;
}
@media screen and (max-width: 767px){
  .anapay__fixed-con .anapay__fixed-con-item.L{
    display: block;
    width: auto;
  }
  .anapay__fixed-con .anapay__fixed-con-item.R{
    display: block;
    width: auto;
  }
  .anapay__fixed-con .anapay__fixed-con-item.L .itemL-img{
    width: 100%;
    max-width: 50px;
  }
  .anapay__fixed-con .anapay__fixed-con-item.L .itemL-txt{
    /*font-size: 1.4rem;*/
    display: none;
  }
  .anapay__fixed-con .anapay__fixed-con-item.L .itemL-txt span{
    font-size: 1.2rem;
  }
  .anapay__fixed-inner .anapay__fixed-close-btn{
    top: 5px;
    right: -15px;
  }
  .anapay__fixed-wrap{
    padding: 5px 20px;
  }
  .anapay__fixed-inner .anapay__fixed-con{
    gap: 10px;
    justify-content: center;
  }
  .anapay__fixed-con .anapay__fixed-con-item.L{
    gap: 5px;
  }
  .anapay__fixed-con .anapay__fixed-con-item.R .itemR-btn a{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .anapay__fixed-con-item .itemR-btn-img img{
    display: none;
  }
  .anapay__fixed-con-item .itemR-btn-sptxt{
    display: block;
    font-size: 1.6rem;
    color: #00146E;
    font-weight: bold;
  }
  .anapay__fixed-con-item .itemR-btn-img .itemR-btn-img-spbtn{
    display: block;
    color: #fff;
    background-color: #00146E;
    text-align: center;
    padding: 5px 20px;
    position: relative;
    border-radius: 50px;
  }
  .anapay__fixed-con-item .itemR-btn-img .itemR-btn-img-spbtn::after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 8px;
    width: 6px;
    height: 9px;
    background-image: url(/amc/ana-pay/img/image_top/fixed_arrow_icon.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 515px){
  .anapay__fixed-wrap .anapay__fixed-inner{
    max-width: 300px;
  }
  .anapay__fixed-con .anapay__fixed-con-item.L{
    display: block;
    width: 17%;
  }
  .anapay__fixed-con .anapay__fixed-con-item.R{
    display: block;
    width: 83%;
  }
}

.hd-return-btn-inner{
  margin: 0 auto;
}