@charset "utf-8";

.page-content__head1-under--txt {
  margin: 0 0 24px;
}
.page-content__head2-icon{
  position: relative;
  padding-left: 40px;
}
.page-content__head2-icon::before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-image: url(/service/images/index/icon-paypay-phone.png);
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: center;
}
.page-card__lists > li{
  border-radius: 8px;
  box-shadow: 0px 6px 15px rgba(0, 0, 0, .15);
  overflow: hidden;
}
.page-card__lists > li + li{
  margin: 16px 0 0;
}
.page-card__lists > li > a{
  display: block;
  min-height: 106px;
  padding: 16px;
  text-decoration: none;
}
.page-card__head-arrow{
  position: relative;
  padding: 0 0 0 27px;
}
.page-card__head-arrow::before{
  content: '';
  position: absolute;
  top: 4px;
  left: 3px;
  width: 16px;
  height: 16px;
  background-image: url(/shared/images/common/textlink_arrow-circle.png);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
}
.page-card__head-arrow p{
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #242323;
  letter-spacing: 0;
}
.page-card__head-arrow p .card-head__size-small{
  font-size: 1.6rem;
  font-feature-settings: "palt";
}
.page-card__describe{
  margin: 8px 0 0;
}
.page-card__describe p{
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #909090;
}

@media screen and (min-width:768px) {
  .page-content__head1-under--txt {
    margin: -24px 0 48px;
  }
  .page-content__head2-icon{
    padding-left: 60px;
  }
  .page-content__head2-icon::before{
    width: 44px;
    height: 44px;
    background-size: 44px 44px;
  }
  .page-card__lists{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px 32px;
  }
  .page-card__lists > li + li{
    margin: 0;
  }
  .page-card__lists > li > a{
    min-height: 131px;
    height: 100%;
    padding: 24px;
    opacity: 1;
    transition: .3s;
  }
  .page-card__lists > li > a:hover{
    opacity: .7;
  }
  .page-card__head-arrow{
    padding: 0 0 0 29px;
  }
  .page-card__head-arrow::before{
    content: '';
    position: absolute;
    top: .45rem;
    left: 3px;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
  }
  .page-card__head-arrow p{
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: .05em;
  }
  .page-card__describe p{
    font-size: 1.6rem;
    line-height: 1.5;
  }

}