@charset "utf-8";

.pankuzu {
  width: 1020px;
  padding: 0 10px;
}

main.inner-page section.shinshun_step-up {
  max-width: 1000px;
  width: 100%;
  padding: 0;
  background-color: #fff;
}

.shinshun_step-up_inner {
  /* background: url(../img/bg01.png) no-repeat center top/cover; */
  padding: 0 0 10%;
}

section.shinshun_step-up .mainVisual {
  width: 100%;
  position: relative;
}

section.shinshun_step-up .mainVisual .chuki {
  margin: 1% auto 0;
  width: 95%;
}

section.shinshun_step-up img {
  width: 100%;
  height: auto;
}

section.shinshun_step-up .pc {
  display: block;
}

section.shinshun_step-up .tablet {
  display: none;
}

section.shinshun_step-up .sp {
  display: none;
}

section.shinshun_step-up h1 {
  position: static;
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  /* width: 73%; */
  margin: 0 auto;
}

section.shinshun_step-up h1::before,
section.shinshun_step-up h1::after {
  display: none;
}

.chuki {
  font-size: 11px;
}

.bg01 {
    background: url(../img/bg01.png) no-repeat center top/cover;
  }

  .bg02 {
    background: url(../img/bg02.png) no-repeat center top/cover;
  }
  

.tokuten {
  padding: 1% 4.65% 2%;
}

.tokuten_txt01 {
  position: absolute;
  top: 12%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52.4%;
  max-width: 475px;
}

.tokuten_img01 {
  position: relative;
}

.waribiki {
  padding: 2% 4.65% 2%;
}

.waribiki_txt01 {
}

.waribiki_txt02 {
  margin: 1.5% auto 0;
}

.waribiki_txt02 + .chuki {
  margin-top: 10px;
  font-size: 11px;
}

.waribiki_txt03 {
  margin: 2.5% auto 0;
}

.waribiki_txt04 {
  margin: 1.5% auto 0;
}

.goodsInfo {
  margin: 5% auto 0;
}

.goodsInfo h4 {
  text-align: center;
}

main.inner-page .goodsInfo h4 {
  position: static;
  padding: 0;
  margin-bottom: auto;
  font-size: 25px;
  font-weight: bold;
}

main.inner-page .goodsInfo h4::before {
  display: none;
}

.goodsInfo .flyer {
  width: 52.5%;
  margin: 1.8% auto 0;
  border: 1px #000 solid;
}

.goodsInfo .flyer a {
}

.goodsInfo .flyer a:hover {
  opacity: 0.6;
}

.goodsInfo .flyer img {
}

.caution {
  margin: 5% auto 0;
  width: 90.7%;
  box-sizing: border-box;
}

.caution_txt {
  /* text-align: center; */
  font-size: 16px;
  line-height: 1.7;
  font-weight: bold;
  background-color: #fff;
  padding: 1%;
  border: 5px solid #231f20;
}

.ouenContact {
  margin: 5% auto 0;
}

.btn_wrap {
  width: 70.3%;
  margin: 2.5% auto 0;
  display: flex;
  justify-content: space-between;
}

.btn_wrap a:hover {
  opacity: 0.6;
}

.btn_wrap .btn01,
.btn_wrap .btn02 {
  width: 46.7%;
  box-sizing: border-box;
  padding: 2.75% 0 2.75% 4%;
  border-radius: 10px;
  border: 4px solid #fff;
  box-shadow: 5px 5px 5px #ccc;
  position: relative;
  background-color: #ea5e00;
  display: block;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.btn_wrap .btn01::after,
.btn_wrap .btn02::after {
  content: "";
  display: block;
  width: 6.9%;
  height: 33%;
  background: url(../img/btn_triangle.png) no-repeat center/100% auto;
  position: absolute;
  right: 3%;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media only screen and (max-width: 1000px) {
  section.shinshun_step-up .tablet {
    /* display: block; */
  }
}

@media only screen and (max-width: 812px) {
}

@media only screen and (max-width: 768px) {
  main.inner-page {
    margin-top: 79px !important;
  }
  .shinshun_step-up_inner {
    /* background: url(../img/bg01_sp.png) no-repeat center 0 /contain, url(../img/bg02_sp.png) no-repeat center bottom/contain; */
    /* padding: 3% 0 25%; */
  }
  section.shinshun_step-up h1 {
    /* width: 91%; */
  }
  main.inner-page section.shinshun_step-up {
    width: 100%;
    margin: 0;
    padding: 0;
    background: inherit;
    background-color: #fff;
  }
  section.shinshun_step-up .sp {
    display: block;
  }
  section.shinshun_step-up .tablet {
    /* display: block; */
  }
  section.shinshun_step-up .pc {
    display: none;
  }
  .tokuten {
    padding: 1% 4.65% 4.65%;
}
  .tokuten_txt01 {
    top: 13%;
    width: 84.4%;
  }
  .waribiki {
    padding: 3% 4.65% 4.65%;
  }
  .waribiki_txt02 {
    margin: 2.5% auto 0;
  }
  .waribiki_txt03 {
    margin: 5% auto 0;
  }
  .waribiki_txt04 {
    margin: 2.5% auto 0;
  }

  .goodsInfo {
    margin: 10.5% auto 0;
  }
  .goodsInfo h4 {
    font-size: 18px;
  }
  .goodsInfo h4 span.sp {
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
  }
  .goodsInfo .flyer {
    width: 90.7%;
    margin: 4.2% auto 0;
  }

  .caution {
    margin: 5% auto 0;
  }
  .caution_txt {
    /* text-align: left; */
    padding: 3%;
    font-size: 3.5vw;
  }
  .btn_wrap {
    width: auto;
    margin: 4.5% auto 0;
    display: block;
  }
  .btn_wrap .btn01,
  .btn_wrap .btn02 {
    margin: 0 auto;
    width: 67.9%;
    padding: 2.75% 0 2.75% 7%;
    border: 3px solid #fff;
    font-size: 5vw;
  }
  .btn_wrap .btn02 {
    margin-top: 5%;
  }
  .btn_wrap .btn01::after,
  .btn_wrap .btn02::after {
    width: 6.5%;
    height: 50%;
    right: 3%;
  }
}

@media only screen and (max-width: 640px) {
}

@media only screen and (max-width: 560px) {
}

@media only screen and (max-width: 480px) {
}

@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 360px) {
}

@media only screen and (min-width: 769px) {
}