@charset "UTF-8";
/* アフィリエイト
================================================== */
/*  .affiliate-intro
-------------------------------------------------- */
.affiliate-intro { padding: 45px 0; }

.affiliate-intro__txt + .affiliate-intro__txt { margin-top: 25px; }

.affiliate-intro__anchor { margin-top: 25px; }

@media all and (min-width: 768px) { .affiliate-intro { padding: 50px 0 100px; }
  .affiliate-intro__txt { text-align: center; }
  .affiliate-intro__txt + .affiliate-intro__txt { margin-top: 30px; }
  .affiliate-intro__anchor { margin-top: 35px; } }

/*  .affiliate-sec
-------------------------------------------------- */
.affiliate-sec { padding: 60px 0; }

.affiliate-sec__table { margin-top: 20px; }

.affiliate-sec__table-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.affiliate-sec__table-img { margin-right: 20px; }

.affiliate-sec__table-lead { display: block; }

.affiliate-sec__table-link { margin-top: 10px; }

.affiliate-sec__table-bnr { margin-top: 20px; }

.affiliate-sec__box { margin-top: 15px; }

.affiliate-sec__box-link { margin-top: 10px; }

.affiliate-sec:last-child { padding-bottom: 0; }

@media all and (min-width: 768px) { .affiliate-sec { padding: 120px 0; }
  .affiliate-sec__txt { text-align: center; }
  .affiliate-sec__table { margin-top: 40px; }
  .affiliate-sec__table th { vertical-align: middle; }
  .affiliate-sec__table-img { width: 10%; margin-right: 20px; }
  .affiliate-sec__table-link { margin-top: 10px; }
  .affiliate-sec__table-link.has-no-mt { margin-top: 0; }
  .affiliate-sec__table-bnr { margin: 25px 15px; }
  .affiliate-sec__box { margin-top: 30px; } }

/*  .affiliate-sec-step
-------------------------------------------------- */
.affiliate-sec-step { margin-top: 40px; }

.affiliate-sec-step__list { margin-top: 15px; }

.affiliate-sec-step__item + .affiliate-sec-step__item { position: relative; margin-top: 50px; }

.affiliate-sec-step__item + .affiliate-sec-step__item:before { position: absolute; content: ""; top: -40px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 23px 21px 0 21px; border-color: #65bbb1 transparent transparent transparent; }

.affiliate-sec-step__item-lead { margin: 15px 0 5px; font-size: 1.5rem; }

.affiliate-sec-step__item-box { margin-top: 20px; background-color: #fff; }

@media all and (min-width: 768px) { .affiliate-sec-step { margin-top: 70px; }
  .affiliate-sec-step__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -25px 0; }
  .affiliate-sec-step__item { width: calc(33.3% - 50px); margin: 0 25px; }
  .affiliate-sec-step__item + .affiliate-sec-step__item { margin-top: 0; }
  .affiliate-sec-step__item + .affiliate-sec-step__item:before { top: 20%; left: -25px; -webkit-transform: translate(-50%, 0) rotate(-90deg); transform: translate(-50%, 0) rotate(-90deg); }
  .affiliate-sec-step__item:last-child { margin-top: -22px; }
  .affiliate-sec-step__item:last-child:before { top: 25%; }
  .affiliate-sec-step__item-lead { margin: 15px 0 0; font-size: 1.8rem; } }