*{
  margin: 0;
  padding: 0;
}
.hd-subpage-mv__container img{
  width:100%;
}
a{
  cursor: pointer;
}
/*--------↓↓↓↓ media-query__font-size ↓↓↓↓--------*/
@media (max-width: 767px) {
  body{
    font-size:100%;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  body{
    font-size:100%;
  }
}

@media (min-width: 1025px) {
  body{
    font-size:100%;
  };
}
/*--------↑↑↑↑ media-query__font-size ↑↑↑↑-------*/




/*--------↓↓↓↓ hd-subpage-mv__container ↓↓↓↓--------*/
.hd-subpage-mv__container{
  width: 100vw;
  background-image: url("/amc/ana-pay/img/image_subpage/subpage_bg--small.jpg");
  background-size: contain;
  height: 360px;
  position: relative;
  display: flex;
  justify-content: center;
  max-width:100%;
}

.hd-subpage-mv__title-container{
  width: fit-content;
  margin: auto;
  padding: 0 16px;
  height: auto;
  color: #333;
  font-size: 3.8rem;
  font-weight: 700;
  text-align: center;
  word-break: break-all;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
}

.hd-subpage-mv__title{
  font-size: 4.0rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.hd-subpage-mv__illust-container{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:"area1 area2 area3";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hd-subpage-mv__illust--left{
  background-image: url("../img/image_subpage/subpage_cloud_2.png");
  background-repeat: repeat-x;
  height: 140px;
  grid-column: 1 / 2;
  background-size:cover;
  background-position: right bottom;
  background-size:1200px;
  padding-top: 50px;
}

.hd-subpage-mv__illust--center{
  background-image: url("../img/image_subpage/subpage_illust_mv.png");
  width: 100vw;
  max-width:1200px;
  height: 140px;
  grid-column: 2 / 3;
  background-repeat: repeat-x;
  background-size:contain;
  background-position: center bottom;
  padding-top: 50px;
}

.hd-subpage-mv__illust--right{
  background-image: url("../img/image_subpage/subpage_cloud_2.png");
  height: 140px;
  grid-column: 3 / 4;
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size:cover;
  background-size:1200px;
  padding-top: 50px;
}

@media (max-width: 767px) {
  .hd-subpage-mv__container{
    height: 170px;
  }
  .hd-subpage-mv__title-container{
    top:40%;
  }
  .hd-subpage-mv__title{
    font-size: 2.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .hd-subpage-mv__title-container{
    top: 38%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
  }
  .hd-subpage-mv__container{
    height:300px;
  }
}

@media (min-width: 1025px) {
  .hd-subpage-mv__container{
    height:320px;
  }
  
}

/*--------↑↑↑↑ hd-subpage-mv__container ↑↑↑↑-------*/

/*--------↓↓↓↓ return-btn- ↓↓↓↓-------*/
.hd-return-btn-container{
  position: fixed;
  bottom: 32px;
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 2;
}

.hd-return-btn-inner{
  width: 100%;
  margin: 0 3.7037037037%;
  max-width: 1200px;
  display: flex;
  justify-content: right;
}

.hd-return-btn{
  z-index: 10;
  opacity: 0;
  transition: 0.5s;
  pointer-events: none;
  margin-left: auto;
}

.hd-return-anchor{
  height: 45px;
  width: 45px;
  background: #00146E;
  border-radius: 50%;
  display: block;
  font-size: 0;
  pointer-events: auto;
}

.hd-return-anchor::after{
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #fff;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "asw-icon";
  font-size: 24px;
  height: 100%;
  justify-content: center;
  width: 100%;
}

@media (max-width: 767px) {
  .hd-return-btn-container{
    bottom: 32px;
  }
  .hd-return-btn-inner{
    margin: 0 4%;
  }
  .hd-return-btn{
    margin-right: 4vw;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
  .hd-return-btn-inner{
    margin: 0 4%;
  }
  .hd-return-btn{
    margin-right: 4vw;
  }
}

@media (min-width: 1025px) and (max-width: 1199px){
}

@media (min-width: 1200px) {
}
/*--------↑↑↑↑ return-btn- ↑↑↑↑-------*/

.hd-subpage-all__flex-container{
  display: flex;
}
.hd-subpage-all__item{
  width: 100%;
  max-width: 380px;
  margin: auto;
}

.hd-subpage-all__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;
}

.hd-subpage-all__anchor--title{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  font-size: 1.6rem;
  color: #fff;
  display: flex;
  align-items: center;
}

.hd-subpage-all__anchor--title-visatouch-shops{
  left:58%
}

.hd-subpage-all__anchor-arrow--blue,
.hd-subpage-all__anchor-arrow--white {
  padding: 0 0 0 16px;
  position: absolute;
  right: 20px;
  z-index: 0;
}
.hd-subpage-all__anchor-arrow--blue::before,
.hd-subpage-all__anchor-arrow--white::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -3px;
  transform: rotate(45deg);
}

.hd-subpage-all__anchor-arrow--blue::before {
  border-top: solid 3px #1177c9;
  border-right: solid 3px #1177c9;
}

.hd-subpage-all__anchor-arrow--white::before{
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
}
.hd-subpage-all__anchor-arrow--blue::after,
.hd-subpage-all__anchor-arrow--white::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -8px;
  margin: auto;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 10px;
  z-index: 1;
}

.hd-subpage-all__anchor-arrow--blue::after {
  background: #fff;
}
.hd-subpage-all__anchor-arrow--white::after {
  background: #1177c9;
}
.hd-subpage-all__anchor-sign-window--white{
  width: 20px;
  margin: 10px;
}
@media (max-width: 767px) {
  .hd-subpage-all__flex-container{
    display: block;
  }
  .hd-subpage-all__anchor--title{
    font-size: 1.4rem;
  }
  .hd-subpage-all__anchor--title-visatouch-shops{
    left:58%
  }
  .hd-subpage-all__item{
    width: 100%;
    margin: 20px auto;
  }
  .hd-subpage-all__anchor-sign-window--white{
    width: 10px;
    margin: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
}

@media (min-width: 1025px) {
}



.hd-all__illust-window--intext{
  width: 1.4rem;
  padding: 0 3px;
}
@media (max-width: 767px) {
  .hd-all__illust-window--intext{
    width: 1.2rem;
  }
}

@media (min-width: 768px) and (max-width: 1024px){
}

@media (min-width: 1025px) {
}