@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:700&display=swap");
html {
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", univia-pro, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
  color: #181d20;
  scroll-behavior: smooth;
}

/*----------------------------------------
general
----------------------------------------*/
body {
  background: #fff;
}

.wrapper {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
.wrapper img {
  width: 100%;
  margin: 0;
  padding: 0;
  height: auto;
  display: block;
  font-size: 0;
  line-height: 0;
  vertical-align: bottom;
}
.wrapper a {
  display: block;
}
.wrapper ul, .wrapper dl, .wrapper ol {
  list-style: none;
}
.wrapper ul li {
  line-height: 0;
  font-size: 0;
}
.wrapper dl dt, .wrapper dl dd {
  line-height: 0;
  font-size: 0;
}
.wrapper ol li {
  line-height: 0;
  font-size: 0;
}
.wrapper * {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*----------------------------------------
contents
----------------------------------------*/

.wrapper {
}
.wrapper  .header-date {
  position: absolute;
  font-size: min(calc(33/750*100vw),33px);
  left:40%;
  top:5%;
  line-height: 1;
  z-index:2;
  display: flex;
  align-content:center;
  align-items: center;
}
.wrapper  .header-date .date {
  font-size: min(calc(40/750*100vw),40px);
  color: #243534;
  display: inline-block;
}
.wrapper  .header-date .day {
  font-size: min(calc(22/750*100vw),22px);
  color: #e1dccd;
  background-color: #243534;
  border-radius: 50%;
  line-height: 1;
  padding:0.3em 0.3em 0.4em;
  display: inline-block;
  margin:0.2em 0.2em 0;
}

/*----------------------------------------
cv
----------------------------------------*/

.wrapper .cv {
  background-image: url(../img/cv_bg.jpg);
  background-size: contain;
  background-repeat: repeat-y;
  text-align: left;
}
.wrapper .cv .cv01 h2{
  background-color: #243534;
  color: #FFF;
  font-size: min(calc(54/750*100vw),54px);
  font-weight: 400;
  text-align: center;
  padding: 0.6em 0;
  line-height: 1;
}
.wrapper .cv .cv01 h2 span{
  font-size: min(calc(47/750*100vw),47px);
}

.wrapper .cv .cv01 .rel_box {
  position: relative;
}
.wrapper .cv .cv01 .rel_box .cv_percent {
  position: absolute;
  top:10%;
  left:40%;
  font-size: min(calc(77/750*100vw),77px);
}
.wrapper .cv .cv01 .rel_box .cv_percent span {
  font-size: min(calc(107/750*100vw),107px);
  font-weight: 500;
}
.wrapper .cv .cv_pricewrap {
  display: flex;
}


.wrapper .cv .cv01 .cv_pricewrap {
  padding-bottom: 3%;
}
.wrapper .cv .cv02 .cv_pricewrap {
  padding-bottom: 4%;
}
.wrapper .cv .cv_tagbox {
  width: calc(161/750*100%);
  margin-left: calc(70/750*100%);
}
.wrapper .cv .cv_tag {
  position: relative;
}
.wrapper .cv .cv_tag .cv_tagprice {
  position: absolute;
  top:6%;
  left:7%;
  font-size: min(calc(45/750*100vw),45px);
  line-height: 1;
  text-align: center;
  font-weight: 400;
}
.wrapper .cv .cv_tag .cv_tagprice span {
  font-size: min(calc(60/750*100vw),60px);
  font-weight: 500;
}

.wrapper .cv .cv_pricebox {
  display: flex;
  align-items: baseline;
}
.wrapper .cv .cv_pricebox .cv_price {
  font-size: min(calc(145/750*100vw),145px);
  font-weight: 500;
  line-height: 0;
  margin-right: 0.5%;
}
.wrapper .cv .cv_pricebox .cv_yen {
  width: min(calc(77/750*100vw),77px);
}
.wrapper .cv .btn_cv {
  width: calc(613/750*100%);
  margin: 0 auto;
}

.wrapper .cv .cv02 {
  text-align: center;
  
}
.wrapper .cv .cv02 .cv_head {
  color: #b19d61;
  font-size: min(calc(62.25/750*100vw),62.25px);
  font-weight: 500;
}

.wrapper .cv .cv02 .cv_head .small {
  font-size: min(calc(43/750*100vw),43px);
  background: linear-gradient(90deg, #b19d61 0%, #baa468 90% 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 -0.3em;
}
.wrapper .cv .cv02 .cv_head .middle {
  font-size: min(calc(54/750*100vw),54px);
  color: #9e8439;
}


.wrapper .cv .cv02 .cv_tagbox {
}
.wrapper .cv .cv02 .cv_tagbox .cv_tag {
}
.wrapper .cv .cv02 .cv_tagbox .cv_tag .cv_tagprice {
}
.wrapper .cv .cv02 .cv_pricebox {
}
.wrapper .cv .cv02 .cv_pricebox .cv_price {
}
.wrapper .cv .cv02 .cv_pricebox .cv_yen {
}
.wrapper .cv .cv02 .btn_cv {
}
.wrapper .sec04 {
}
.wrapper .sec05 {
}