@charset "UTF-8";
/*
    signup.css
    申し込み
*/
/*------------------------------------------------
	signup
------------------------------------------------*/
.signup {
  max-width: 1200px;
  margin: auto;
  padding: 1px 10px;
}

@media screen and ( min-width: 768px ){ /* PC */
  .signup_hl {
    margin: 90px 0 80px;
  }
}

/* signup_lead */
.signup_lead__hl {
  text-align: center;
}
.signup_lead__hl img {
  display: inline-block;
}
.signup_lead__txt {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  font-weight: bold;
}
.signup_lead__txt > :last-child {
  margin-bottom: 0;
}
.signup_lead__txt p {
  margin-bottom: 1em;
}
@media screen and ( max-width: 767px ){ /* SP */
  .signup_lead {
    margin-top: 30px;
    margin-bottom: 50px;
  }
  .signup_lead__hl {
    margin-bottom: -40px;
  }
  .signup_lead__txt {
    padding-top: 60px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .signup_lead {
    margin-bottom: 90px;
  }
  .signup_lead__hl {
    margin-bottom: -15px;
  }
  .signup_lead__txt {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

/* signup_cta */
@media screen and ( max-width: 767px ){ /* SP */
  .signup_cta__cate {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
  }
  .signup_cta__cate_item {
    padding: 40px 10px;
  }
  .signup_cta__cate > :last-child {
    margin-bottom: 0;
  }
  .signup_cta__cate > div {
    margin-bottom: 40px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .signup_cta__cate {
    display: flex;
    margin-bottom: 90px;
  }
  .signup_cta__cate > :last-child {
    margin-right: 0;
  }
  .signup_cta__cate > div {
    width: 100%;
    margin-right: 6.6666%;
  }
  .signup_cta__cate_item {
    padding: 11% 12%;
  }
}

/* signup_cta__cate_logo */
.signup_cta__cate_logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup_cta__cate_logo img {
  display: inline-block;
}
@media screen and ( max-width: 767px ){ /* SP */
  .signup_cta__cate_logo {
    height: 50px;
    margin-bottom: 40px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .signup_cta__cate_logo {
    height: 70px;
    margin-bottom: 70px;
  }
}

/* signup_cta__btnlist */
.signup_cta__btnlist li {
  margin-left: auto;
  margin-right: auto;
}
.signup_cta__btnlist .btn {
  justify-content: center;
}
.signup_cta__btnlist > :last-child {
  margin-bottom: 0;
}
@media screen and ( max-width: 767px ){ /* SP */
  .signup_cta__btnlist li {
    margin-bottom: 30px;
    text-align: center;
  }
  .signup_cta__btnlist .btn {
    width: 240px; height: 69px;
    border-width: 3px;
    font-size: 2.4rem;
  }
  .signup_cta__btnlist .btn::before {
    width: 30px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .signup_cta__btnlist li {
    margin-bottom: 50px;
  }
  .signup_cta__btnlist .btn {
    width: 100%; height: 114px;
    padding-left: 62px;
    border-width: 3px;
    font-size: 3.8rem;
  }
  .signup_cta__btnlist .btn::before {
    width: 50px;
  }
  .signup_cta__btnlist .btn.arw::before {
    background-size: 18px 26px;
  }
}

/* signup_cta__note */
.signup_cta__note .bulletList_diamond {
  font-weight: bold;
}

@media screen and (max-width: 767px) { /* SP */
  .signup_cta__note {
    margin-bottom: 100px;
  }
}
@media screen and ( min-width: 768px ){ /* PC */
  .signup_cta__note {
    margin-bottom: 90px;
  }
  .signup_cta__note .bulletList_diamond {
    font-size: 2rem;
  }
}

/* signup_howto */
@media screen and (max-width: 767px) { /* SP */
  .signup_howto {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
  .signup_howto__hl {
    margin-bottom: 40px;
    text-align: center;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_howto__hl {
    margin-bottom: 60px;
  }
}

/* signup_howto__subscription */
@media screen and (max-width: 767px) { /* SP */
  .signup_howto__subscription {
    margin-bottom: 60px;
  }
  .signup_howto__subscription_hl {
    margin-bottom: -30px;
    text-align: center;
  }
  .signup_howto__subscription .box_style-gray {
    padding: 80px 20px 50px;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_howto__subscription {
    margin-bottom: 90px;
  }
  .signup_howto__subscription .box_style-gray {
    padding: 70px 3.4% 3.4%;
  }
  .signup_howto__subscription_hl {
    margin-left: 20px;
    margin-bottom: -10px;
  }
}

/* signup_howto__sample */
@media screen and (max-width: 767px) { /* SP */
  .signup_howto__sample {
    margin-bottom: 60px;
  }
  .signup_howto__sample_hl {
    margin-bottom: -30px;
    text-align: center;
  }
  .signup_howto__sample .box_style-gray {
    padding: 80px 20px 50px;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_howto__sample {
    margin-bottom: 90px;
  }
  .signup_howto__sample .box_style-gray {
    padding: 70px 3.4% 3.4%;
  }
  .signup_howto__sample_hl {
    margin-left: 20px;
    margin-bottom: -10px;
  }
}

/* signup_howto__steplist */
.signup_howto__steplist_item {
  width: 100%;
  position: relative;
}
.signup_howto__steplist_item::after {
  display: inline-block; content: '';
  background: url(/img_2021/signup_howto_step_arw.png) no-repeat center;
  background-size: contain;
  position: absolute;
}
.signup_howto__steplist_item:last-child::after {
  display: none;
}
.signup_howto__steplist_header {
  display: flex;
  margin-top: -15px;
  margin-left: -15px;
}
.signup_howto__steplist_hl {
  margin-top: 30px;
  margin-left: 10px;
  font-size: 1.8rem;
  font-weight: bold;
}
.signup_howto__steplist_body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 10px;
}
.signup_howto__steplist_body > :last-child {
  margin-bottom: 0;
}
.signup_howto__steplist_body img {
  flex-shrink: 0; flex-grow: 0;
  display: block;
  margin-bottom: 15px;
}
.signup_howto__steplist_txt {
  max-width: 100%;
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) { /* SP */
  .signup_howto__steplist_item {
    margin-bottom: 90px;
  }
  .signup_howto__steplist_item:last-child {
    margin-bottom: 0;
  }
  .signup_howto__steplist_item::after {
    width: 40px; height: 40px;
    left: 50%;
    bottom: -70px;
    transform: translateX(-50%) rotate(90deg);
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_howto__steplist {
    display: flex;
  }
  .signup_howto__steplist_item {
    display: flex;
    flex-direction: column;
    margin-right: 8.9928%;
  }
  .signup_howto__steplist_item:last-child {
    margin-right: 0;
  }
  .signup_howto__steplist_item::after {
    width: 12%;
    padding-top: 12%;
    right: -25%;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* signup_product */
@media screen and (max-width: 767px) { /* SP */
  .signup_product {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_product {
    display: flex;
    margin-bottom: 200px;
  }
}

/* signup_product__item */
.signup_product__item {
  background: url(/img_2021/border_wave.svg) repeat-x bottom center;
  text-align: center;
}
@media screen and (max-width: 767px) { /* SP */
  .signup_product__item {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }
  .signup_product__item.shogaku {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_product__item {
    width: 100%;
    padding-bottom: 50px;
  }
  .signup_product__item.shogaku {
    margin-right: 7.6271%;
  }
}

/* signup_product__logo */
.signup_product__logo {
  margin-bottom: 30px;
}

/* signup_product__paper */
@media screen and (max-width: 767px) { /* SP */
  .signup_product__paper {
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 768px) { /* PC */
  .signup_product__paper {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}

/* signup_product__summary */
@media screen and (max-width: 767px) { /* SP */
  .signup_product__summary {
    margin-bottom: 15px;
    font-size: 1.4rem;
    font-weight: bold;
  }
}