@charset "UTF-8";
/* =========================================================
2024.07

paidy
========================================================= */
#paidy {
  background-color: #fff;
  color: #484848;
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 auto 40px;
}
#paidy .container {
  margin: 0 auto 10%;
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 960px) {
  #paidy .container {
    margin: 0 auto 10%;
    max-width: 750px;
  }
}
/* =========================================================
ベース部分
========================================================= */
#paidy a {
  text-decoration: none;
}
#paidy main {
  display: block;
  max-width: 100%;
  width: auto;
}
#paidy main img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;
}
#paidy #paidy p,
#paidy #paidy a,
#paidy #paidy span,
#paidy #paidy div,
#paidy #paidy ul,
#paidy #paidy li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* =========================================================
ボタン
========================================================= */
#paidy .btn_buy {
  background: linear-gradient(100deg, rgb(218, 40, 149) 0%, rgb(146, 56, 203) 100%);
  border-radius: 4.5em;
  color: #fff;
  display: block;
  font-size: min(4.5vw, 30px);
  font-weight: 500;
  letter-spacing: 0.15em;
  margin: 10% auto 0;
  padding: 2.45% 0;
  text-align: center;
  width: 90%;
}
#paidy .btn_buy:hover {
  background: linear-gradient(-100deg, rgb(218, 40, 149) 0%, rgb(146, 56, 203) 100%);
  opacity: 0.8;
}

/* =========================================================
コンテンツ部分主要
========================================================= */
#paidy .sec_wrap {
  margin: 15% auto 0;
  width: 90%;
}
#paidy .sec_wrap + .sec_wrap {
  margin: 8% auto 0;
}
#paidy .sec_title {
  font-size: min(4.8vw, 40px);
  font-weight: 900;
  letter-spacing: 0.05em;
}
#paidy .sec_text {
  font-size: min(3.7vw, 30px);
  line-height: 1.8;
  margin-top: 3%;
}
#paidy .sec_text.bold {
  font-weight: 700 !important;
}
#paidy .sec_text_list {
  font-size: min(3.7vw, 25px);
  font-weight: 700;
  line-height: 1.8;
  margin-top: 3%;
}
#paidy .sec_note {
  display: block;
  font-size: min(3vw, 25px);
  margin-top: 5%;
}
#paidy .link {
  color: #ff009c;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* =========================================================
paidy 説明部分
========================================================= */
#paidy .paidy_wrap {
  margin: 8% auto 0;
  width: 90%;
}
#paidy .paidy_wrap + .paidy_wrap {
  margin: 15% auto 0;
}
#paidy .sec_pay_title {
  font-size: min(6vw, 45px);
  font-weight: 900;
  letter-spacing: 0.05em;
  text-align: center;
}
#paidy .paidy_title {
  font-size: min(4.8vw, 40px);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 8% auto 0;
}
#paidy .paidy_text {
  font-size: min(3.7vw, 30px);
  letter-spacing: 0.05em;
  line-height: 1.8;
  margin: 3% auto 0;
  padding: 0 3%;
}
#paidy .paidy_img {
  margin: 8% auto 0;
  width: 65%;
}
#paidy .paidy_cap {
  display: block;
  margin: 8% auto 0;
  width: 100%;
}

/* =========================================================
paidy フッター
========================================================= */
#paidy .paidy_footer {
  background: url(/special/paidy/img/footer_bg.png) no-repeat center top;
  background-size: cover;
  color: #fff;
  padding: 13% 0 30%;
}
#paidy .paidy_footer_text {
  font-size: min(3.7vw, 30px);
  text-align: center;
}
#paidy .paidy_link {
  color: #fff;
  display: block;
  font-size: min(3.7vw, 30px);
  margin: 7% 0 0;
  text-align: center;
  text-decoration: underline;
}
#paidy .paidy_copy {
  color: #fff;
  display: block;
  font-size: min(3.7vw, 30px);
  margin: 12% 0 0;
  text-align: center;
}
#paidy .paidy_x {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%221200%22%20height%3D%221227%22%20viewBox%3D%220%200%201200%201227%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20d%3D%22M714.163%20519.284L1160.89%200H1055.03L667.137%20450.887L357.328%200H0L468.492%20681.821L0%201226.37H105.866L515.491%20750.218L842.672%201226.37H1200L714.137%20519.284H714.163ZM569.165%20687.828L521.697%20619.934L144.011%2079.6944H306.615L611.412%20515.685L658.88%20583.579L1055.08%201150.3H892.476L569.165%20687.854V687.828Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  display: block;
  height: 2.7em;
  margin: 10% auto 0;
  width: 15%;
}

@media screen and (min-width: 960px) {
  #paidy .btn_buy {
    background: linear-gradient(100deg, rgb(218, 40, 149) 0%, rgb(146, 56, 203) 100%);
    border-radius: 4.5em;
    color: #fff;
    display: block;
    font-size: min(2vw, 30px);
    font-weight: 500;
    letter-spacing: 0.15em;
    margin: 8% auto 0;
    padding: 1.5% 0;
    text-align: center;
    width: 90%;
  }
  #paidy .btn_buy:hover {
    background: linear-gradient(-100deg, rgb(218, 40, 149) 0%, rgb(146, 56, 203) 100%);
    opacity: 0.8;
  }
}

/* =========================================================
 調整
========================================================= */
#paidy .paidy_title-center {
  text-align: center;
}

#paidy .sec_mg {
  margin: 15% auto 0;
}

@media screen and (min-width: 960px) {
  #paidy .sec_mg {
    margin: 15% auto 0;
  }
}