@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : regularly.css                                  */
/* update : 2021                                      */
/* -------------------------------------------------- */
/* -------------------------------------------------- */
/* 全デバイス共通(PC向け) */
/* --------------------------------------------------- */
.h1_wrap {
  background: url(/regularly/img/bg_h1.jpg) no-repeat center center/cover;
}
.h1_wrap h1::before {
  content: "";
  display: block;
  width: 237px;
  height: 76px;
  position: absolute;
  top: -76px;
  left: -150px;
  background: url(/regularly/img/img_h1.png) no-repeat center center/237px auto;
}

.content h2 {
  width: 50.5%;
  margin: 0 auto;
}
.content .benefits {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.content .benefits li {
  width: 29.2%;
  margin-right: 3.9%;
}
.content .benefits li:last-child {
  margin-right: 0;
}
.content .benefits_txt {
  color: #877826;
  font-size: 18px;
  text-align: center;
  margin-bottom: 70px;
}
.content .value_box {
  background: #FFF;
  border-radius: 60px;
  padding: 30px 60px 40px;
  margin-bottom: 80px;
}
.content .value_box .tit {
  text-align: center;
  margin-bottom: 20px;
}
.content .value_box .tit span {
  display: inline-block;
  width: 58.5%;
  color: #877826;
  border-top: solid 1px #877826;
  border-bottom: solid 1px #877826;
  font-size: 24px;
  line-height: 1.7;
  text-align: center;
}
.content .value_box .img01 {
  width: 90.7%;
  padding-left: 10%;
}
.content .value_box.box02 {
  margin-bottom: 100px;
}
.content .value_box.box02 .tit {
  text-align: left;
}
.content .value_box.box02 .tit span {
  width: 37.1%;
}
.content .value_box.box02 .tit.tit02 span {
  width: 20.7%;
}
.content .value_box.box02 .img02 {
  width: 100%;
  margin-bottom: 45px;
  position: relative;
}
.content .value_box.box02 .img02::before {
  content: "";
  display: block;
  background: url(/regularly/img/img_value04.png) no-repeat center center/100% auto;
  width: 28.5%;
  height: 164px;
  position: absolute;
  right: 40px;
  bottom: -135px;
}
.content .value_box.box02 .txt {
  text-align: right;
  margin-top: 30px;
}
.content h3 {
  background: #877826;
  font-size: 24px;
  color: #FFF;
  padding: 0 0 0 15px;
  margin-top: 45px;
  position: relative;
  margin-bottom: 30px;
}
.content h3::before {
  content: "";
  display: block;
  width: 179px;
  height: 121px;
  background: url(/regularly/img/h3_img01.png) no-repeat center center/179px;
  position: absolute;
  right: 40px;
  bottom: -5px;
}
.content h3.h3_02 {
  margin-top: 0;
}
.content h3.h3_02::before {
  content: "";
  display: block;
  width: 130px;
  height: 67px;
  background: url(/regularly/img/h3_img02.png) no-repeat center center/130px;
  position: absolute;
  right: 60px;
  bottom: 10px;
}

.btn_box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.btn_box .price_box {
  margin-right: 15px;
  width: 190px;
  text-align: center;
  line-height: 1.5;
}
.btn_box .price_box .price {
  font-size: 30px;
  line-height: 1;
}
.btn_box .price_box .price span {
  font-size: 14px;
}
.btn_box.teiki {
  margin-top: 15px;
}
.btn_box.teiki .price_box .sub01 {
  color: #CC7078;
  font-size: 19px;
}
.btn_box.teiki .price_box .price {
  font-size: 33px;
  color: #CC7078;
  line-height: 1;
}
.btn_box.teiki .price_box .price span {
  font-size: 15px;
}
.btn_box .sub02_sp {
  display: none;
}

.item_box .text_wrap .cart_btn {
  width: 65%;
  min-width: 240px;
}
.item_box .text_wrap .cart_btn a {
  padding: 15px 0 15px 16%;
}

/* ---------------全デバイス共通(pc)-end--------------------- */
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 1300px) {
  /* tablet */
  .btn_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .btn_box .price_box {
    margin-right: 15px;
    width: 200px;
    text-align: center;
    line-height: 1.5;
  }
  .btn_box .price_box .price {
    font-size: 22px;
    line-height: 1;
  }
  .btn_box .price_box .price span {
    font-size: 11px;
  }
  .btn_box.teiki {
    margin-top: 15px;
  }
  .btn_box.teiki .price_box .sub01 {
    color: #CC7078;
    font-size: 16px;
  }
  .btn_box.teiki .price_box .price {
    font-size: 26px;
    color: #CC7078;
    line-height: 1;
  }
  .btn_box.teiki .price_box .price span {
    font-size: 12px;
  }
  .btn_box .sub02_sp {
    display: none;
  }
  .item_box .text_wrap .cart_btn a {
    padding: 15px 0 15px 25px;
  }
  /* -------------------tablet END------------------------- */
}
/*----------------------------------------------------------*/
/* sp用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 750px) {
  /* sp */
  .h1_wrap {
    background: url(/regularly/img/bg_h1_sp.jpg) no-repeat center center/cover;
  }
  .h1_wrap h1::before {
    content: "";
    display: block;
    width: 119px;
    height: 38px;
    position: absolute;
    top: -38px;
    left: -60px;
    background: url(/regularly/img/img_h1.png) no-repeat center center/119px auto;
  }
  .content h2 {
    width: 100%;
    margin: 0;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .content .benefits {
    display: block;
    margin-bottom: 15px;
    padding: 0 15px;
  }
  .content .benefits li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .content .benefits li:last-child {
    margin-right: 0;
    margin-bottom: 0;
  }
  .content .benefits_txt {
    color: #877826;
    font-size: 15px;
    text-align: left;
    margin-bottom: 35px;
    display: flex;
    justify-content: center;
  }
  .content .value_box {
    background: transparent;
    border-radius: inherit;
    padding: 0;
    margin-bottom: 40px;
  }
  .content .value_box .tit {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
  }
  .content .value_box .tit span {
    display: inline-block;
    width: 100%;
    border-top: none;
    border-bottom: none;
    font-size: 16px;
    line-height: 1.7;
    text-align: center;
  }
  .content .value_box .img01 {
    width: 100%;
    padding-left: 0;
  }
  .content .value_box.box02 {
    margin-bottom: 30px;
  }
  .content .value_box.box02 .tit {
    text-align: center;
  }
  .content .value_box.box02 .tit span {
    width: 100%;
  }
  .content .value_box.box02 .tit.tit02 {
    display: none;
  }
  .content .value_box.box02 .img02 {
    width: 100%;
    margin-bottom: 0;
    position: relative;
  }
  .content .value_box.box02 .img02::before {
    display: none;
  }
  .content .value_box.box02 .img03 {
    display: none;
  }
  .content .value_box.box02 .txt {
    text-align: right;
    margin-top: 10px;
  }
  .content h3 {
    background: #877826;
    font-size: 18px;
    color: #FFF;
    padding: 10px 0;
    margin-top: 45px;
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .content h3::before {
    content: "";
    display: block;
    width: 135px;
    height: 92px;
    background: url(/regularly/img/h3_img01.png) no-repeat center center/135px;
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: 50%;
    margin-left: -67px;
    top: -70px;
  }
  .content h3.h3_02 {
    margin-top: 0;
  }
  .content h3.h3_02::before {
    content: "";
    display: block;
    width: 110px;
    height: 60px;
    background: url(/regularly/img/h3_img02.png) no-repeat center center/110px;
    position: absolute;
    right: inherit;
    bottom: inherit;
    left: 50%;
    margin-left: -55px;
    top: -45px;
  }
  .btn_wrap {
    display: flex;
    justify-content: flex-start;
  }
  .btn_box {
    display: block;
    width: 49%;
  }
  .btn_box .price_box {
    margin-right: 0;
    width: auto;
    text-align: center;
    line-height: 1.5;
    margin-bottom: 5px;
    padding-top: 9px;
  }
  .btn_box .price_box .price {
    font-size: 28px;
    line-height: 1;
  }
  .btn_box .price_box .price span {
    font-size: 14px;
  }
  .btn_box .cart_btn span {
    line-height: 1.2;
    display: inline-block;
  }
  .btn_box.teiki {
    margin-top: 0;
    margin-left: 2%;
  }
  .btn_box.teiki .price_box {
    padding-top: 0;
  }
  .btn_box.teiki .price_box .sub01 {
    color: #CC7078;
    font-size: 19px;
  }
  .btn_box.teiki .price_box .price {
    font-size: 32px;
    color: #CC7078;
    line-height: 1;
  }
  .btn_box.teiki .price_box .price span {
    font-size: 15px;
  }
  .btn_box.teiki .price_box .sub02 {
    display: none;
  }
  .btn_box .sub02_sp {
    display: block;
    text-align: center;
  }
  .item_box .text_wrap .cart_btn {
    min-width: inherit;
    width: 100%;
  }
  .item_box .text_wrap .cart_btn a {
    padding: 10px 0 10px 20px;
  }
  /* ---------------------SP END----------------------------- */
}/*# sourceMappingURL=regularly.css.map */