@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC:400&display=swap");

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure {
  margin: 0;
  padding: 0;
  list-style: none;
}

.g-wrap table {
  border-collapse: collapse;
  border-spacing: 0;
}

.g-wrap img {
  border: 0;
  display: block;
}

.g-wrap legend, .g-wrap hr {
  display: none;
}

.g-wrap th {
  font-style: inherit;
  font-weight: inherit;
}

.g-wrap li {
  list-style: none;
}

.g-wrap caption, .g-wrap th {
  text-align: left;
}

.g-wrap h1, .g-wrap h2, .g-wrap h3, .g-wrap h4, .g-wrap h5, .g-wrap h6 {
  font-size: 100%;
  font-weight: normal;
}

.g-wrap a {
  outline: none;
  hlbr: expression(this.onFocus=this.blur());
  text-decoration: none;
  cursor: pointer;
}

.g-wrap article, .g-wrap aside, .g-wrap details, .g-wrap figcaption, .g-wrap figure, .g-wrap footer, .g-wrap header, .g-wrap hgroup, .g-wrap menu, .g-wrap nav, .g-wrap section, .g-wrap summary {
  display: block;
}

.g-wrap * {
  box-sizing: border-box;
}

.g-wrap sup {
  position: static;
  vertical-align: super;
}

/* main.css ==============================================*/
@font-face {
  font-family: "shiseido_ginza";
  src: url("../font/shiseidoginza-regular-webfont.woff2") format("woff2"), url("../font/shiseidoginza-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "shiseido_ginza";
  src: url("../font/shiseidoginza-medium-webfont.woff2") format("woff2"), url("../font/shiseidoginza-medium-webfont.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

/*Variable*/
/*Mixin*/
/*Body*/
.color-blue {
  color: #1166f5;
}

.color-red {
  color: #c30328;
}

.color-pink {
  color: #c30328;
}

.color-green {
  color: #8bc34a;
}

.color-yellow {
  color: #fffccc;
}

.g-wrap {
  /*Reset*/
  background-color: transparent;
}

.g-wrap .clearfix:before, .g-wrap .clearfix:after {
  content: "";
  display: table;
}

.g-wrap .clearfix:after {
  clear: both;
}

.g-wrap .clearfix {
  zoom: 1;
  display: block;
}

.g-wrap .hide {
  display: none;
}

.g-wrap ::selection {
  background: #000;
  color: #fff;
  text-decoration: none;
}

.g-wrap ::-webkit-input-placeholder {
  color: #999;
}

.g-wrap ::-moz-placeholder {
  color: #999;
}

.g-wrap *:focus {
  outline: none;
}

.g-wrap a {
  color: #444;
  text-decoration: none;
  transition: color 0.4s;
}

.g-wrap a:hover {
  color: #b5071f;
}

.g-wrap *::-webkit-media-controls-overlay-play-button {
  display: none !important;
  -webkit-appearance: none;
}

.g-wrap a[class*=g-bt-] {
  width: 12.7vw;
  display: inline-block;
  position: relative;
  text-align: center;
  color: #fff;
  transition: 0.5s;
  border: 1px solid #fff;
  border-radius: 0.5vw;
  padding: 2px;
  font-size: 1.6vw;
  line-height: 2.6;
  cursor: pointer;
  margin: 0 0.7vw;
}

.g-wrap a[class*=g-bt-] p {
  box-shadow: inset 0 0 1vw #fff;
  width: 100%;
  height: 100%;
  border-radius: 0.4vw;
  position: relative;
  overflow: hidden;
}

.g-wrap a[class*=g-bt-] p:after {
  content: "";
  width: 20vw;
  height: 20vw;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.g-wrap a[class*=g-bt-]:before, .g-wrap a[class*=g-bt-]:after {
  content: "";
  width: 0.12vw;
  height: 80%;
  background: linear-gradient(to bottom, rgba(143, 143, 143, 0), #666, rgba(143, 143, 143, 0));
  position: absolute;
  top: 10%;
}

.g-wrap a[class*=g-bt-]:before {
  left: -0.06vw;
}

.g-wrap a[class*=g-bt-]:after {
  right: -0.06vw;
}

.g-wrap a[class*=g-bt-]:hover {
  color: #fff;
}

.g-wrap a[class*=g-bt-]:hover p:after {
  animation: bt_hover_pie_fff 0.5s forwards;
}

@keyframes bt_hover_pie_fff {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}

.g-wrap a[class*=g-bt-] i {
  width: 6%;
  height: 0;
  padding-bottom: 10%;
  background: url(../img/icon-next.svg) no-repeat center;
  background-size: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -0.1vw;
  margin-left: 0.5vw;
}

.g-wrap a[class*=g-bt-] i:after {
  animation-delay: -0.1s;
}

.g-wrap a[class*=g-bt-].g-bt-2 {
  border: 2px solid #f5536d;
}

.g-wrap a[class*=g-bt-].g-bt-2 p {
  box-shadow: inset 0 0 1vw #f5536d;
  color: #b5071f;
}

.g-wrap a[class*=g-bt-].g-bt-2:before, .g-wrap a[class*=g-bt-].g-bt-2:after {
  width: 60%;
  height: 0.12vw;
  background: linear-gradient(to right, rgba(103, 49, 49, 0), rgba(103, 49, 49, 0.5), rgba(103, 49, 49, 0));
}

.g-wrap a[class*=g-bt-].g-bt-2:before {
  top: -0.06vw;
  left: 0;
}

.g-wrap a[class*=g-bt-].g-bt-2:after {
  top: auto;
  bottom: -0.06vw;
  left: 30%;
}

.g-wrap a[class*=g-bt-].g-bt-2 i {
  background: url(../img/icon-next-red.svg) no-repeat center;
}

.g-wrap a[class*=g-bt-].g-bt-3 {
  background: #b31a31;
  overflow: hidden;
}

.g-wrap a[class*=g-bt-].g-bt-3:after {
  content: "";
  width: 20vw;
  height: 20vw;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.g-wrap a[class*=g-bt-].g-bt-3:hover:after {
  animation: bt_hover_pie_fff 0.5s forwards;
}

.g-wrap .bt-shine {
  position: relative;
  overflow: hidden;
  transition: 0.5s;
}

.g-wrap .bt-shine:before {
  content: "";
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8%, white 49%, rgba(255, 255, 255, 0) 93%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#00ffffff", GradientType=1);
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  transition: 1s;
  animation: bt_shine 2s ease infinite;
}

@keyframes bt_shine {
  0% {
    left: -100%;
  }

  50%, 100% {
    left: 100%;
  }
}

.g-wrap .btn {
  min-width: auto;
}

.counter {
  position: relative;
  height: 2vw;
  height: 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.counter * {
  margin: 0;
  padding: 0;
}

.counter>div {
  position: relative;
  transform: translateY(-1000%);
  transition-timing-function: cubic-bezier(0, 0.575, 0.565, 1.05);
}

.counter>div:nth-child(1) {
  transition-duration: 1s;
}

.counter>div:nth-child(2) {
  transition-duration: 1.2s;
}

.counter>div:nth-child(3) {
  transition-duration: 1.4s;
}

.counter>div:nth-child(4) {
  transition-duration: 1.6s;
}

.counter>div:nth-child(5) {
  transition-duration: 1.8s;
}

.counter>div:nth-child(6) {
  transition-duration: 2s;
}

.counter>div:nth-child(7) {
  transition-duration: 2.2s;
}

.counter>div:nth-child(8) {
  transition-duration: 2.4s;
}

.counter>div:nth-child(9) {
  transition-duration: 2.6s;
}

.counter>div:nth-child(10) {
  transition-duration: 2.8s;
}

.counter>div>span {
  display: block;
  font-size: 40px;
  color: #fff;
  font-weight: normal;
  line-height: 1;
}

.counter>span {
  display: block;
  font-size: 40px;
  color: #fff;
  font-weight: normal;
  line-height: 1;
}

.counter.is-animate>div, .counter.is-static>div {
  transform: translateY(0);
}

.counter.delay200>div:nth-child(1) {
  transition-duration: 1.4s;
}

.counter.delay200>div:nth-child(2) {
  transition-duration: 1.6s;
}

.counter.delay200>div:nth-child(3) {
  transition-duration: 1.8s;
}

.counter.delay400>div:nth-child(1) {
  transition-duration: 1.8s;
}

.counter.delay400>div:nth-child(2) {
  transition-duration: 2s;
}

.counter.delay400>div:nth-child(3) {
  transition-duration: 2.2s;
}

.counter.delay600>div:nth-child(1) {
  transition-duration: 2.2s;
}

.counter.delay600>div:nth-child(2) {
  transition-duration: 2.4s;
}

.counter.delay600>div:nth-child(3) {
  transition-duration: 2.6s;
}

.counter.delay800>div:nth-child(1) {
  transition-duration: 2.6s;
}

.counter.delay800>div:nth-child(2) {
  transition-duration: 2.8s;
}

.counter.delay800>div:nth-child(3) {
  transition-duration: 3s;
}

.g-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.g-form li {
  width: 49%;
  position: relative;
  padding: 0.7vw 2.5vw 0.7vw 17%;
  border: 0.3vw solid #424DC4;
  font-size: 2.5vw;
  margin-bottom: 1vw;
}

.g-form li label {
  width: 14.5vw;
  position: absolute;
  top: 0vw;
  left: 0.5vw;
  padding: 1.2vw 0;
}

.g-form li label:after {
  content: "";
  width: 1px;
  height: 80%;
  background: #424DC4;
  position: absolute;
  top: 10%;
  right: 0;
}

.g-form li input {
  padding: 0.8vw;
  border: 0;
  width: 100%;
  background: transparent;
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  transition: 0.2s;
  font-size: 3vw;
}

/* .g-form li input:focus, .g-form li input:hover {
  background-color: #fff;
} */

.g-form li select {
  padding: 1vw;
  border: 0;
  width: 100%;
  background: url(../img/icon-down-blue.svg) no-repeat 100% 50% transparent;
  background-size: 2vw;
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  -webkit-appearance: none;
  appearance: none;
  font-size: 2.5vw;
}

/* .g-form li select:focus, .g-form li select:hover {
  background-color: #fff;
} */

.g-form li textarea {
  padding: 15px 15px;
  border-radius: 3px;
  border: 1px solid #bfbfbf;
  background: #f2f2f2;
  width: 100%;
  height: 150px;
  font-size: 20px;
  font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  transition: 0.2s;
}

.g-form li textarea:focus, .g-form li textarea:hover {
  background-color: #fff;
}

.g-form li input[type=checkbox], .g-form li input[type=radio] {
  display: none;
}

.g-form li input[type=checkbox]+label, .g-form li input[type=radio]+label {
  padding-left: 4.5vw;
  width: 100%;
  color: #000;
  position: relative;
  display: inline-block;
  line-height: 1;
  text-align: left;
  cursor: pointer;
}

.g-form li input[type=checkbox]+label:before, .g-form li input[type=radio]+label:before,
.g-form li input[type=checkbox]+label:after, .g-form li input[type=radio]+label:after {
  content: "✔";
  color: #000;
  width: 3vw;
  height: 3vw;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0.7vw;
  transition: 0.2s;
  font-size: 4vw;
  line-height: 0.8;
}

.g-form li input[type=checkbox]+label:before, .g-form li input[type=radio]+label:before {
  content: "";
  border: 0.3vw solid #424DC4;
}

.g-form li input[type=checkbox]+label:after, .g-form li input[type=radio]+label:after {
  opacity: 0;
  visibility: hidden;
  top: 0.7vw;
  left: 0.3vw;
  transform-origin: 50% 80%;
  transform: scale(1.5);
  background-color: transparent;
}

.g-form li input[type=checkbox]+label:active:after, .g-form li input[type=checkbox]:checked+label:after,
.g-form li input[type=radio]+label:active:after, .g-form li input[type=radio]:checked+label:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}

.g-form li .g-bt-1 {
  margin: 0 auto;
}

.g-form li a {
  font-size: 2.5vw;
  text-decoration: underline;
}

.g-form li.w100 {
  width: 100%;
}

.g-form li.is-rule {
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
}

.g-form li.is-rule label {
  top: 0;
  left: 0;
}

.g-form li.is-select {
  padding-left: 0.5vw;
}

.g-form li.is-select label {
  display: none;
}

.g-form li.no-border {
  border: 0;
}

.g-form li.no-padding {
  padding: 0;
}

.g-form .try-submit {
  margin: 1vw auto;
  width: 35%;
  line-height: 8vw;
  background: #0D46F1;
  background-size: 100%;
  border: 0;
  cursor: pointer;
  color: #fff;
  font-size: 3.5vw;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #FFF;
  box-shadow: inset 0 0 20px #fff,
    /* inner white */
    0 0 20px #fff;
}

.try-submit img {
  width: 9%;
  margin-left: 5%;
  transform: translateX(0);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.try-submit:hover * {
  opacity: 0.7;
}

.try-submit:hover>img {
  transform: translateX(10px);
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

.g-form .try-submit:after {
  content: "";
  width: 97vw;
  height: 40vw;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

.g-form .try-submit [class^=deco-corner-] {
  position: absolute;
}

.g-form .try-submit [class^=deco-corner-]:before, .g-form .try-submit [class^=deco-corner-]:after {
  content: "";
  background: #fff;
  display: block;
  height: 0.5vw;
}

/* .g-form .try-submit:hover {
  background: #b5071f;
} */

/* .g-form .try-submit:hover:after {
  animation: bt_hover_pie_fff 0.5s forwards;
} */

.g-form .try-submit .deco-corner-1 {
  left: -1px;
}

.g-form .try-submit .deco-corner-2 {
  right: -1px;
}

.g-form .try-submit .deco-corner-2:after {
  margin-left: 50%;
}

.g-form .try-submit .deco-corner-3 {
  left: -1px;
}

.g-form .try-submit .deco-corner-4 {
  right: -1px;
}

.g-form .try-submit .deco-corner-4:before {
  margin-left: 50%;
}

.g-form .try-submit .deco-corner-1, .g-form .try-submit .deco-corner-2 {
  top: -1px;
}

.g-form .try-submit .deco-corner-1:before, .g-form .try-submit .deco-corner-2:before {
  width: 1vw;
}

.g-form .try-submit .deco-corner-1:after, .g-form .try-submit .deco-corner-2:after {
  width: 0.5vw;
}

.g-form .try-submit .deco-corner-3, .g-form .try-submit .deco-corner-4 {
  bottom: -1px;
}

.g-form .try-submit .deco-corner-3:before, .g-form .try-submit .deco-corner-4:before {
  width: 0.5vw;
}

.g-form .try-submit .deco-corner-3:after, .g-form .try-submit .deco-corner-4:after {
  width: 1vw;
}

.g-form.hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 1s;
  display: block;
}

.video-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
}

.video-wrap iframe, .video-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.video-wrap video {
  object-fit: cover;
  object-position: 50% 50%;
}

.video-wrap .img {
  position: absolute;
  overflow: hidden;
  float: left;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.2s;
}

.video-wrap .img img {
  width: 100%;
  height: 100%;
  transition: 0.5s;
}

.video-wrap .img:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: 0.5s;
}

.video-wrap .img .video-btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.video-wrap p {
  font-size: 15px;
}

.video-wrap.is-active .img {
  opacity: 0;
  visibility: hidden;
}

.video-wrap:hover .img img {
  transform: scale(1.3);
}

.video-wrap:hover .img:before {
  opacity: 0;
}

.video-btn-play {
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  text-indent: -9999px;
  width: 15%;
  height: 0;
  padding-bottom: 10%;
}

.video-btn-play:before {
  content: "";
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 10px solid #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  transition: 0.2s;
}

.video-btn-play:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 30px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-50%, -50%);
  transition: 0.1s;
}

.video-btn-play:hover:before {
  border: 3px solid white;
  transform: translate(-50%, -50%) scale(1.5);
}

.video-btn-play:hover:after {
  transform: translate(-50%, -50%) scale(1.2);
}

.splitEffect {
  overflow: hidden;
  white-space: nowrap;
}

.splitEffect span {
  display: inline-block;
  transform: translateY(100%);
}

.splitEffect span:nth-of-type(1) {
  animation-delay: 0.03s !important;
}

.splitEffect span:nth-of-type(2) {
  animation-delay: 0.06s !important;
}

.splitEffect span:nth-of-type(3) {
  animation-delay: 0.09s !important;
}

.splitEffect span:nth-of-type(4) {
  animation-delay: 0.12s !important;
}

.splitEffect span:nth-of-type(5) {
  animation-delay: 0.15s !important;
}

.splitEffect span:nth-of-type(6) {
  animation-delay: 0.18s !important;
}

.splitEffect span:nth-of-type(7) {
  animation-delay: 0.21s !important;
}

.splitEffect span:nth-of-type(8) {
  animation-delay: 0.24s !important;
}

.splitEffect span:nth-of-type(9) {
  animation-delay: 0.27s !important;
}

.splitEffect span:nth-of-type(10) {
  animation-delay: 0.3s !important;
}

.splitEffect span:nth-of-type(11) {
  animation-delay: 0.33s !important;
}

.splitEffect span:nth-of-type(12) {
  animation-delay: 0.36s !important;
}

.splitEffect span:nth-of-type(13) {
  animation-delay: 0.39s !important;
}

.splitEffect span:nth-of-type(14) {
  animation-delay: 0.42s !important;
}

.splitEffect span:nth-of-type(15) {
  animation-delay: 0.45s !important;
}

.splitEffect span:nth-of-type(16) {
  animation-delay: 0.48s !important;
}

.splitEffect span:nth-of-type(17) {
  animation-delay: 0.51s !important;
}

.splitEffect span:nth-of-type(18) {
  animation-delay: 0.54s !important;
}

.splitEffect span:nth-of-type(19) {
  animation-delay: 0.57s !important;
}

.splitEffect span:nth-of-type(20) {
  animation-delay: 0.6s !important;
}

.splitEffect span:nth-of-type(21) {
  animation-delay: 0.63s !important;
}

.splitEffect span:nth-of-type(22) {
  animation-delay: 0.66s !important;
}

.splitEffect span:nth-of-type(23) {
  animation-delay: 0.69s !important;
}

.splitEffect span:nth-of-type(24) {
  animation-delay: 0.72s !important;
}

.splitEffect span:nth-of-type(25) {
  animation-delay: 0.75s !important;
}

.splitEffect span:nth-of-type(26) {
  animation-delay: 0.78s !important;
}

.splitEffect span:nth-of-type(27) {
  animation-delay: 0.81s !important;
}

.splitEffect span:nth-of-type(28) {
  animation-delay: 0.84s !important;
}

.splitEffect span:nth-of-type(29) {
  animation-delay: 0.87s !important;
}

.splitEffect span:nth-of-type(30) {
  animation-delay: 0.9s !important;
}

.splitEffect.is-animate span {
  animation: se1 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards;
}

@keyframes se1 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0%);
  }
}

.splitEffect.is-animate.delay200 span:nth-of-type(1) {
  animation-delay: 0.23s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(2) {
  animation-delay: 0.26s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(3) {
  animation-delay: 0.29s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(4) {
  animation-delay: 0.32s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(5) {
  animation-delay: 0.35s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(6) {
  animation-delay: 0.38s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(7) {
  animation-delay: 0.41s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(8) {
  animation-delay: 0.44s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(9) {
  animation-delay: 0.47s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(10) {
  animation-delay: 0.5s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(11) {
  animation-delay: 0.53s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(12) {
  animation-delay: 0.56s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(13) {
  animation-delay: 0.59s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(14) {
  animation-delay: 0.62s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(15) {
  animation-delay: 0.65s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(16) {
  animation-delay: 0.68s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(17) {
  animation-delay: 0.71s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(18) {
  animation-delay: 0.74s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(19) {
  animation-delay: 0.77s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(20) {
  animation-delay: 0.8s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(21) {
  animation-delay: 0.83s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(22) {
  animation-delay: 0.86s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(23) {
  animation-delay: 0.89s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(24) {
  animation-delay: 0.92s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(25) {
  animation-delay: 0.95s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(26) {
  animation-delay: 0.98s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(27) {
  animation-delay: 1.01s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(28) {
  animation-delay: 1.04s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(29) {
  animation-delay: 1.07s !important;
}

.splitEffect.is-animate.delay200 span:nth-of-type(30) {
  animation-delay: 1.1s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(1) {
  animation-delay: 0.43s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(2) {
  animation-delay: 0.46s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(3) {
  animation-delay: 0.49s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(4) {
  animation-delay: 0.52s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(5) {
  animation-delay: 0.55s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(6) {
  animation-delay: 0.58s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(7) {
  animation-delay: 0.61s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(8) {
  animation-delay: 0.64s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(9) {
  animation-delay: 0.67s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(10) {
  animation-delay: 0.7s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(11) {
  animation-delay: 0.73s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(12) {
  animation-delay: 0.76s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(13) {
  animation-delay: 0.79s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(14) {
  animation-delay: 0.82s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(15) {
  animation-delay: 0.85s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(16) {
  animation-delay: 0.88s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(17) {
  animation-delay: 0.91s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(18) {
  animation-delay: 0.94s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(19) {
  animation-delay: 0.97s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(20) {
  animation-delay: 1s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(21) {
  animation-delay: 1.03s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(22) {
  animation-delay: 1.06s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(23) {
  animation-delay: 1.09s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(24) {
  animation-delay: 1.12s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(25) {
  animation-delay: 1.15s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(26) {
  animation-delay: 1.18s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(27) {
  animation-delay: 1.21s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(28) {
  animation-delay: 1.24s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(29) {
  animation-delay: 1.27s !important;
}

.splitEffect.is-animate.delay400 span:nth-of-type(30) {
  animation-delay: 1.3s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(1) {
  animation-delay: 0.63s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(2) {
  animation-delay: 0.66s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(3) {
  animation-delay: 0.69s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(4) {
  animation-delay: 0.72s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(5) {
  animation-delay: 0.75s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(6) {
  animation-delay: 0.78s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(7) {
  animation-delay: 0.81s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(8) {
  animation-delay: 0.84s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(9) {
  animation-delay: 0.87s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(10) {
  animation-delay: 0.9s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(11) {
  animation-delay: 0.93s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(12) {
  animation-delay: 0.96s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(13) {
  animation-delay: 0.99s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(14) {
  animation-delay: 1.02s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(15) {
  animation-delay: 1.05s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(16) {
  animation-delay: 1.08s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(17) {
  animation-delay: 1.11s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(18) {
  animation-delay: 1.14s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(19) {
  animation-delay: 1.17s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(20) {
  animation-delay: 1.2s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(21) {
  animation-delay: 1.23s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(22) {
  animation-delay: 1.26s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(23) {
  animation-delay: 1.29s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(24) {
  animation-delay: 1.32s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(25) {
  animation-delay: 1.35s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(26) {
  animation-delay: 1.38s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(27) {
  animation-delay: 1.41s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(28) {
  animation-delay: 1.44s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(29) {
  animation-delay: 1.47s !important;
}

.splitEffect.is-animate.delay600 span:nth-of-type(30) {
  animation-delay: 1.5s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(1) {
  animation-delay: 0.83s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(2) {
  animation-delay: 0.86s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(3) {
  animation-delay: 0.89s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(4) {
  animation-delay: 0.92s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(5) {
  animation-delay: 0.95s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(6) {
  animation-delay: 0.98s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(7) {
  animation-delay: 1.01s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(8) {
  animation-delay: 1.04s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(9) {
  animation-delay: 1.07s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(10) {
  animation-delay: 1.1s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(11) {
  animation-delay: 1.13s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(12) {
  animation-delay: 1.16s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(13) {
  animation-delay: 1.19s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(14) {
  animation-delay: 1.22s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(15) {
  animation-delay: 1.25s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(16) {
  animation-delay: 1.28s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(17) {
  animation-delay: 1.31s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(18) {
  animation-delay: 1.34s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(19) {
  animation-delay: 1.37s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(20) {
  animation-delay: 1.4s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(21) {
  animation-delay: 1.43s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(22) {
  animation-delay: 1.46s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(23) {
  animation-delay: 1.49s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(24) {
  animation-delay: 1.52s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(25) {
  animation-delay: 1.55s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(26) {
  animation-delay: 1.58s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(27) {
  animation-delay: 1.61s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(28) {
  animation-delay: 1.64s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(29) {
  animation-delay: 1.67s !important;
}

.splitEffect.is-animate.delay800 span:nth-of-type(30) {
  animation-delay: 1.7s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(1) {
  animation-delay: 1.03s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(2) {
  animation-delay: 1.06s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(3) {
  animation-delay: 1.09s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(4) {
  animation-delay: 1.12s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(5) {
  animation-delay: 1.15s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(6) {
  animation-delay: 1.18s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(7) {
  animation-delay: 1.21s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(8) {
  animation-delay: 1.24s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(9) {
  animation-delay: 1.27s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(10) {
  animation-delay: 1.3s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(11) {
  animation-delay: 1.33s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(12) {
  animation-delay: 1.36s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(13) {
  animation-delay: 1.39s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(14) {
  animation-delay: 1.42s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(15) {
  animation-delay: 1.45s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(16) {
  animation-delay: 1.48s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(17) {
  animation-delay: 1.51s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(18) {
  animation-delay: 1.54s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(19) {
  animation-delay: 1.57s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(20) {
  animation-delay: 1.6s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(21) {
  animation-delay: 1.63s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(22) {
  animation-delay: 1.66s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(23) {
  animation-delay: 1.69s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(24) {
  animation-delay: 1.72s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(25) {
  animation-delay: 1.75s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(26) {
  animation-delay: 1.78s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(27) {
  animation-delay: 1.81s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(28) {
  animation-delay: 1.84s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(29) {
  animation-delay: 1.87s !important;
}

.splitEffect.is-animate.delay1000 span:nth-of-type(30) {
  animation-delay: 1.9s !important;
}

.tns-outer {
  position: relative;
}

.tns-controls button, .tns-controls div, .tns-cus-controls button, .tns-cus-controls div {
  position: absolute;
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 30%;
  background-color: transparent;
  z-index: 3;
  text-indent: -9999px;
  border: 0;
  transform: translateY(-50%);
  background-color: #1166f5;
  cursor: pointer;
}

.tns-controls button:hover, .tns-controls div:hover, .tns-cus-controls button:hover, .tns-cus-controls div:hover {
  background-color: #1166f5;
}

.tns-controls button:active, .tns-controls div:active, .tns-cus-controls button:active, .tns-cus-controls div:active {
  background-color: #b5071f;
}

.tns-controls button:nth-of-type(1), .tns-controls div:nth-of-type(1), .tns-cus-controls button:nth-of-type(1), .tns-cus-controls div:nth-of-type(1) {
  left: 0;
  background-image: url(../img/icon-left-fff.svg);
}

.tns-controls button:nth-of-type(2), .tns-controls div:nth-of-type(2), .tns-cus-controls button:nth-of-type(2), .tns-cus-controls div:nth-of-type(2) {
  right: 0;
  background-image: url(../img/icon-right-fff.svg);
}

.tns-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  text-align: center;
}

.tns-nav button {
  width: 25px;
  height: 25px;
  border: 0;
  margin: 2px;
  position: relative;
  background-color: transparent;
}

.tns-nav button:before, .tns-nav button:after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #ddd;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}

.tns-nav button:after {
  transform: translate(-50%, -50%) scale(0);
}

.tns-nav button:hover:before, .tns-nav button:hover:after {
  background-color: #1166f5;
}

.tns-nav button.tns-nav-active:after {
  background-color: #b5071f;
  transform: translate(-50%, -50%) scale(1);
  z-index: 2;
}

.tns-controls {
  text-align: center;
}

html.is-lock, body.is-lock {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.g-wrap {
  font-size: 1.1vw;
  line-height: 1.7;
  letter-spacing: 0.1vw;
  color: #fff;
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  overflow: hidden;
  width: 100%;
  position: relative;
  text-align: center;
  background: url(../img/temp.jpg) no-repeat center 0;
  background-size: 100%;
}

.g-wrap.lock {
  overflow: hidden;
}

.g-wrap * {
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.g-wrap a {
  font-size: 1.1vw;
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.g-wrap h1, .g-wrap h2, .g-wrap h3, .g-wrap h4, .g-wrap h5 {
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  line-height: 1.7;
  text-transform: inherit;
}

.g-wrap h1 span, .g-wrap h2 span, .g-wrap h3 span, .g-wrap h4 span, .g-wrap h5 span {
  font-family: "shiseido_ginza", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.text-gradient-1 {
  color: #1b1b1b;
  background: linear-gradient(125deg, #333435 0%, #7d808e 30%, #333435 60%, #7d808e 70%, #333435 80%, #7d808e 90%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-2 {
  color: #b5071f;
  background: linear-gradient(153deg, #b5071f 20%, #f5536d, #b5071f 80%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-3 {
  color: #b5071f;
  background: linear-gradient(160deg, #b5071f 0%, #f5536d, #b5071f 100%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-4 {
  color: #b5071f;
  background: linear-gradient(160deg, #f5536d 20%, #b5071f 50%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-5 {
  position: relative;
}

.text-gradient-5:before, .text-gradient-5:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  text-indent: 0;
  width: 100%;
  padding: 0 1vw;
  letter-spacing: 0.2vw;
}

.text-gradient-5:before {
  color: #fff;
  background: #fff;
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.15vw transparent;
  filter: drop-shadow(0 0 1vw rgba(245, 83, 109, 0.5));
}

.text-gradient-5:after {
  color: #b5071f;
  background: linear-gradient(153deg, #b5071f 20%, #f5536d, #b5071f 80%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-6 {
  color: #e4cea3;
  background: linear-gradient(153deg, #fff4dc, #e4cea3, #fff3dc, #e4cea3, #fff4dc);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-7 {
  color: #b5071f;
  background: linear-gradient(30deg, #f5536d 30%, #b5071f 50%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient-8 {
  color: #b5071f;
  background: linear-gradient(126deg, #b5071f 50%, #f5536d 60%, #b5071f 90%);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.g-section {
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
}

#g-kv {
  position: relative;
  height: 56.4vw;
  background-image: url(../img/bg-kv.jpg);
  background-position: 50% 100%;
}

#g-kv .icon-badge-flower-white {
  background: url(../img/icon-badge-flower-white.svg) no-repeat center top;
  background-size: 100%;
  position: absolute;
  text-indent: -9999px;
  width: 5.6vw;
  height: 6vw;
  top: 9.9%;
  left: 92.7%;
  z-index: 1;
}

#g-kv .bg .circle:before, #g-kv .bg .circle:after {
  content: "";
  width: 80vw;
  height: 80vw;
  border-radius: 50%;
  border: 0.5vw solid #fff;
  filter: blur(1vw);
  position: absolute;
  top: 0%;
  left: 33%;
  display: block;
  animation: UTM_triangle_move 5s ease-out infinite;
}

#g-kv .bg .circle:after {
  animation-delay: -2.5s;
}

#g-kv .bg .pd {
  position: absolute;
  width: 13.1vw;
  height: 28.3vw;
  top: 50.2%;
  left: 45.3%;
}

#g-kv .bg .pd ol {
  display: flex;
}

#g-kv .bg .pd li {
  width: 50%;
  opacity: 0;
}

#g-kv .bg .pd li p {
  margin-top: -2.1vw;
  font-size: 1.3vw;
  color: #000;
}

#g-kv .bg .pd li:before {
  content: "";
  width: 100%;
  height: 26.8vw;
  display: block;
  background: url(../img/kv-pd.png) no-repeat;
  background-size: 200%;
}

#g-kv .bg .pd li:nth-of-type(2):before {
  background-position: 100% 0;
}

#g-kv .bg .pd img {
  display: none;
}

#g-kv .bg .kol {
  text-align: left;
  position: absolute;
  top: 31.2%;
  left: 50.5%;
}

#g-kv .bg .kol p {
  font-size: 1.3vw;
  line-height: 1.2;
}

#g-kv .bg .kol .icon-signature {
  background: url(../img/kol-tw-signature.png);
  background-size: 100%;
  width: 13vw;
  height: 7.2vw;
  text-indent: -9999px;
  display: block;
  margin: 0.5vw 0 0 -0.5vw;
}

#g-kv .txt {
  width: 41%;
  margin: 12.5vw 0 0 5.8vw;
  position: relative;
}

#g-kv header .sub {
  filter: drop-shadow(0 0 0.3vw #f5536d) drop-shadow(0 0 0.1vw #f5536d);
}

#g-kv header .sub u {
  font-size: 2.6vw;
  border-top: 0.15vw solid #fff;
  border-bottom: 0.15vw solid #fff;
  letter-spacing: 0.3vw;
  margin-right: 2vw;
  padding: 0 0.7vw;
  text-decoration: none;
}

#g-kv header .sub u span {
  font-size: 2.2vw;
  position: relative;
  top: -0.2vw;
}

#g-kv header .sub b {
  font-size: 6vw;
  transform: skew(-10deg);
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0.5vw;
}

#g-kv header h1 {
  filter: drop-shadow(0 0 0.3vw #f5536d) drop-shadow(0 0 0.1vw #f5536d);
  margin-top: 0.8vw;
}

#g-kv header h1 p {
  font-size: 4.7vw;
  line-height: 1.3;
  letter-spacing: 0.3vw;
}

#g-kv header h1 p span {
  transform: skew(-10deg);
  display: inline-block;
  font-size: 7vw;
  line-height: 1;
  position: relative;
  top: 0.6vw;
  margin: 0 0.4vw;
}

#g-kv header h1 p sup {
  font-size: 1vw;
  position: relative;
  top: -2vw;
  left: -0.5vw;
}

#g-kv .btns {
  margin-top: 10%;
}

#g-kv .note {
  display: block;
  margin-top: 4.5vw;
  font-size: 0.5vw;
  line-height: 1.3;
}

#g-kv.is-animate .bg .pd li {
  animation: kv_pd_1_show 1s forwards;
}

@keyframes kv_pd_1_show {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

#g-kv.is-animate .bg .pd li:nth-of-type(2) {
  animation-delay: 0.5s;
}

.hr-flare {
  width: 30vw;
  height: 2.5vw;
  background: url(../img/icon-flare-w.png) no-repeat center;
  background-size: 100%;
  margin: 0 auto;
}

#g-EUD {
  height: 56.5vw;
  color: #000;
  background-image: url(../img/bg-EUD.jpg);
}

#g-EUD .txt {
  width: 34%;
  margin: 10.7% auto 0 17.8%;
}

#g-EUD .title {
  display: flex;
  justify-content: center;
  align-items: center;
}

#g-EUD .title u {
  border-top: 1px solid #b5071f;
  border-bottom: 1px solid #b5071f;
  font-size: 1.5vw;
  color: #b5071f;
  text-decoration: none;
  margin-right: 0.5vw;
}

#g-EUD .title p {
  font-size: 3.8vw;
  filter: drop-shadow(0 0 1vw rgba(245, 83, 109, 0.5));
}

#g-EUD h2 p {
  font-size: 3.8vw;
  line-height: 1.4;
}

#g-EUD h2 p:nth-of-type(2) {
  letter-spacing: 0.3vw;
}

#g-EUD h2 b {
  font-size: 6.8vw;
  transform: skew(-10deg);
  display: inline-block;
  line-height: 1.2;
  position: relative;
  top: 0.8vw;
}

#g-EUD h2 sup {
  font-size: 1vw;
  color: #b5071f;
  position: relative;
  top: -1.2vw;
}

#g-EUD h2 u {
  color: #b5071f;
  text-decoration: none;
}

#g-EUD .sub {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.6vw;
}

#g-EUD .sub u {
  font-size: 2vw;
  text-decoration: none;
  color: #b5071f;
  position: relative;
  top: -0.5vw;
  margin-left: 1vw;
}

#g-EUD .sub u span {
  font-size: 4.2vw;
  transform: skew(-10deg);
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0.6vw;
}

#g-EUD .sub p {
  font-size: 2vw;
  margin: 0 0 0 0.8vw;
  letter-spacing: 0.4vw;
}

#g-EUD .sub div {
  position: relative;
}

#g-EUD .sub div:before, #g-EUD .sub div:after {
  content: "";
  width: 0.3vw;
  height: 0.3vw;
  border-radius: 50%;
  background: #f5536d;
  position: absolute;
  top: 45%;
}

#g-EUD .sub div:before {
  left: 33%;
}

#g-EUD .sub div:after {
  left: 67%;
}

#g-EUD .sub b {
  width: 13vw;
  height: 5vw;
  font-size: 0;
  display: block;
  transform: skew(-10deg);
}

#g-EUD .sub b:before, #g-EUD .sub b:after {
  font-size: 2.8vw;
  letter-spacing: 1.5vw;
}

#g-EUD .btns {
  margin-top: 4vw;
}

#g-EUD .btns a {
  width: 14.7vw;
}

#g-EUD .img {
  position: absolute;
  top: 13.7%;
  left: 66.1%;
  width: 15.9vw;
  transform: translateY(50%) scale(1.2);
  transition: 1s;
}

#g-EUD .img img {
  width: 100%;
}

#g-EUD .img .deco-flare-1 {
  top: 10%;
  left: -2%;
}

#g-EUD .note {
  font-size: 0.7vw;
  position: absolute;
  bottom: 3.6%;
  left: 7%;
  transform-origin: 0 100%;
  transform: scale(0.63);
}

#g-EUD.is-animate .img {
  transform: translateY(0);
}

[class^=deco-flare-] {
  width: 3vw;
  height: 30vw;
  position: absolute;
}

[class^=deco-flare-]:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: radial-gradient(ellipse, #fff, rgba(255, 255, 255, 0) 70%);
  animation: deco_flare_shine 0.5s infinite alternate;
}

@keyframes deco_flare_shine {
  0% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

[class^=deco-cross-] {
  background: url(../img/icon-light-1.png);
  background-size: 100%;
  position: absolute;
  width: 5vw;
  height: 5vw;
}

@keyframes deco_star {
  0% {
    transform: rotate(0deg) scale(0);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }

  100% {
    transform: rotate(360deg) scale(0);
  }
}

[class^=deco-cross-]:nth-of-type(1) {
  animation-delay: -8s;
}

[class^=deco-cross-]:nth-of-type(2) {
  animation-delay: -8s;
}

[class^=deco-cross-]:nth-of-type(3) {
  animation-delay: -4s;
}

[class^=deco-cross-]:nth-of-type(4) {
  animation-delay: -7s;
}

[class^=deco-cross-]:nth-of-type(5) {
  animation-delay: -9s;
}

[class^=deco-cross-]:nth-of-type(6) {
  animation-delay: -3s;
}

[class^=deco-star-] {
  width: 5vw;
  height: 5vw;
  position: absolute;
}

[class^=deco-star-]:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: radial-gradient(ellipse, #fff, rgba(255, 255, 255, 0) 60%);
  animation: deco_star_shine 1s linear infinite alternate;
}

@keyframes deco_star_shine {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

[class^=deco-star-]:nth-of-type(1):before {
  animation-delay: -1s;
}

[class^=deco-star-]:nth-of-type(2):before {
  animation-delay: -2s;
}

[class^=deco-star-]:nth-of-type(3):before {
  animation-delay: -3s;
}

[class^=deco-star-]:nth-of-type(4):before {
  animation-delay: -4s;
}

[class^=deco-star-]:nth-of-type(5):before {
  animation-delay: -5s;
}

[class^=deco-star-]:nth-of-type(6):before {
  animation-delay: -6s;
}

[class^=deco-light-] {
  position: absolute;
  width: 5vw;
  height: 5vw;
}

[class^=deco-light-]:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../img/icon-light-1.png);
  background-size: 100%;
  animation: deco_light 2s linear infinite;
}

@keyframes deco_light {
  0% {
    transform: rotate(0deg) scale(0);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }

  100% {
    transform: rotate(360deg) scale(0);
  }
}

[class^=deco-light-]:nth-of-type(1) {
  animation-delay: -7s;
}

[class^=deco-light-]:nth-of-type(2) {
  animation-delay: -4s;
}

[class^=deco-light-]:nth-of-type(3) {
  animation-delay: -7s;
}

[class^=deco-light-]:nth-of-type(4) {
  animation-delay: -6s;
}

[class^=deco-light-]:nth-of-type(5) {
  animation-delay: -4s;
}

[class^=deco-light-]:nth-of-type(6) {
  animation-delay: -9s;
}

#g-UTM {
  height: 56.4vw;
  background-image: url(../img/bg-UTM.jpg);
  z-index: 1;
}

#g-UTM .bg {
  pointer-events: none;
}

#g-UTM .bg:before, #g-UTM .bg:after {
  content: "";
  background: url(../img/icon-big-triangle.svg);
  background-size: 100%;
  width: 44vw;
  height: 46vw;
  position: absolute;
  top: 8.4%;
  left: 15%;
  filter: blur(1vw);
  animation: UTM_triangle_move 5s ease-out infinite;
}

@keyframes UTM_triangle_move {
  0% {
    transform: scale(0.5);
  }

  100% {
    transform: scale(2.5);
  }

  30%, 50%, 60% {
    opacity: 1;
  }

  0%, 80%, 100% {
    opacity: 0;
  }
}

#g-UTM .bg:after {
  animation-delay: -2.5s;
}

#g-UTM .txt {
  width: 40%;
  margin: 5.8% 0 0 49.6%;
}

#g-UTM .title {
  display: flex;
  justify-content: center;
  align-items: center;
}

#g-UTM .title u {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 1.5vw;
  line-height: 2.4;
  padding: 0 1.3vw;
  margin-right: 0.5vw;
  text-decoration: none;
}

#g-UTM .title p {
  font-size: 4.4vw;
  line-height: 1;
  filter: drop-shadow(0 0 0.3vw #f5536d);
}

#g-UTM .sub {
  background: linear-gradient(to right, rgba(87, 0, 0, 0), #570000 15%, #570000 85%, rgba(87, 0, 0, 0));
  margin-top: 1.4vw;
}

#g-UTM .sub p {
  font-size: 1.4vw;
  letter-spacing: 0.5vw;
  line-height: 2.3;
}

#g-UTM h2 {
  margin-top: 0.8vw;
  transform: scale(1.1);
}

#g-UTM h2 p {
  font-size: 3.7vw;
  line-height: 1.6;
}

#g-UTM h2 p:nth-of-type(1) {
  letter-spacing: -0.1vw;
  margin-left: -2vw;
}

#g-UTM h2 p:nth-of-type(2) {
  letter-spacing: 0.5vw;
}

#g-UTM h2 b {
  font-size: 6.8vw;
  line-height: 1;
  display: inline-block;
  transform: skew(-10deg);
  position: relative;
  top: 1.2vw;
  margin-left: 0.5vw;
}

#g-UTM h2 sup {
  font-size: 1vw;
  position: relative;
  top: -1vw;
}

#g-UTM .report {
  position: relative;
  transform: scale(0.9);
}

#g-UTM .report ol {
  display: flex;
  justify-content: space-between;
  width: 94%;
  margin: 2vw auto 0;
}

#g-UTM .report li {
  width: 12vw;
  height: 12vw;
  background: url(../img/icon-utm-circle.png) center;
  background-size: 100%;
  position: relative;
}

#g-UTM .report li .deco-flare-1 {
  width: 1.5vw;
  height: 6vw;
  transform: rotate(30deg);
  filter: blur(0.2vw);
  top: 0.5vw;
  left: 0.5vw;
}

#g-UTM .report li:nth-of-type(3) .deco-flare-1 {
  top: 55%;
  left: 82%;
  transform: rotate(35deg);
}

#g-UTM .report .counter {
  height: 4vw;
  margin-top: 2.7vw;
  margin-left: 1vw;
  filter: drop-shadow(0 0 0.2vw #f5536d);
}

#g-UTM .report .counter div span {
  font-size: 4vw;
  margin-left: -0.3vw;
  transform: skew(-10deg);
}

#g-UTM .report .counter>span {
  font-size: 2vw;
  position: relative;
  top: 1.5vw;
}

#g-UTM .report .counter>span small {
  font-size: 1.2vw;
}

#g-UTM .report p {
  font-size: 1.1vw;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  line-height: 1;
  width: 53%;
  margin: 0.5vw auto 0;
}

#g-UTM .report [class^=deco-star-] {
  width: 1vw;
  height: 1vw;
}

#g-UTM .report .deco-star-1 {
  top: 1%;
  left: 3%;
}

#g-UTM .report .deco-star-1:before {
  animation-duration: 0.8s;
}

#g-UTM .report .deco-star-2 {
  top: -3%;
  left: 10%;
}

#g-UTM .report .deco-star-2:before {
  animation-delay: -1s;
}

#g-UTM .report .deco-star-3 {
  top: 21%;
  left: 97%;
}

#g-UTM .report .deco-star-3:before {
  animation-duration: 0.8s;
}

#g-UTM .report .deco-star-4 {
  top: 38%;
  left: 95%;
}

#g-UTM .report .deco-star-4:before {
  animation-delay: -1s;
}

#g-UTM .report .deco-star-5 {
  top: 16%;
  left: 92%;
}

#g-UTM .report .deco-star-5:before {
  animation-delay: -0.5s;
}

#g-UTM .btns {
  margin-top: 3.2vw;
}

#g-UTM .note {
  font-size: 0.7vw;
  position: absolute;
  bottom: 6%;
  right: 7%;
  transform-origin: 100% 100%;
  transform: scale(0.63);
}

#g-UTM .img [class^=deco-star-] {
  filter: blur(0.5vw);
}

#g-UTM .img .deco-star-1 {
  top: 15%;
  left: 23.4%;
}

#g-UTM .img .deco-star-2 {
  top: 51%;
  left: 32.8%;
}

#g-UTM .img .deco-star-3 {
  top: 57.7%;
  left: 18.3%;
  width: 10vw;
  height: 10vw;
}

#g-ingredient {
  height: 56.5vw;
  background-image: url(../img/bg-ingredient.jpg);
}

#g-ingredient header {
  padding-top: 2vw;
}

#g-ingredient header h2 p {
  font-size: 4vw;
  letter-spacing: 0.4vw;
  filter: drop-shadow(0 0 0.3vw #f5536d);
}

#g-ingredient ol {
  width: 72%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

#g-ingredient li {
  text-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.5);
}

#g-ingredient li u {
  background: linear-gradient(to right, rgba(87, 0, 0, 0), #570000 15%, #570000 85%, rgba(87, 0, 0, 0));
  text-decoration: none;
  font-size: 1.8vw;
  text-shadow: 0 0 0.5vw #f5536d, 0 0 1vw #f5536d;
  line-height: 1.8;
  display: inline-block;
  padding: 0 4vw;
}

#g-ingredient li b {
  display: block;
  font-size: 1.9vw;
  font-weight: normal;
  margin-top: 0.3vw;
}

#g-ingredient li h3 {
  font-size: 2.5vw;
  line-height: 1;
}

#g-ingredient li p {
  font-size: 1vw;
  margin-top: 1.5vw;
  line-height: 2;
}

#g-ingredient li:first-child {
  margin-top: 26vw;
  text-align: right;
  width: 33.5%;
}

#g-ingredient li:last-child {
  margin-top: 7vw;
  text-align: left;
  width: 28%;
}

#g-ingredient .deco-light-1 {
  top: 38%;
  left: 21.6%;
}

#g-ingredient .deco-light-2 {
  top: 38%;
  left: 59%;
  width: 10vw;
  height: 10vw;
}

#g-ingredient .deco-light-3 {
  top: 76%;
  left: 51%;
}

#g-ingredient .deco-light-4 {
  top: 81.1%;
  left: 73%;
}

#g-benefit {
  background-image: url(../img/bg-benefit.jpg);
  height: 82.5vw;
  color: #000;
}

#g-benefit header {
  padding-top: 0.8vw;
}

#g-benefit .sub {
  display: flex;
  justify-content: center;
  align-items: center;
}

#g-benefit .sub p {
  font-size: 3.4vw;
}

#g-benefit .sub b {
  font-size: 6vw;
  transform: skew(-10deg);
  display: block;
  margin-left: 1vw;
  position: relative;
  top: -0.3vw;
}

#g-benefit h2 {
  margin-top: -4.5vw;
  font-size: 3.5vw;
}

#g-benefit h2 b {
  font-size: 6vw;
  transform: skew(-10deg);
  display: inline-block;
}

#g-benefit h2 sup {
  font-size: 1vw;
  position: relative;
  top: -2.5vw;
  left: 0.5vw;
}

#g-benefit h2 i {
  text-indent: -9999px;
  width: 0.2rem;
  height: 3.5vw;
  display: inline-block;
  background-color: #000;
  position: relative;
  top: 1vw;
  margin: 0 2vw;
}

#g-benefit li {
  width: 19vw;
  height: 19vw;
  position: absolute;
  animation: benefit_li_float 1.5s ease-in-out infinite alternate;
}

@keyframes benefit_li_float {
  0% {
    transform: translateY(-5%);
  }

  100% {
    transform: translateY(5%);
  }
}

#g-benefit li:nth-child(odd) {
  animation-delay: -1.5s;
}

#g-benefit li>div {
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, #fff, rgba(255, 255, 255, 0) 70%), url(../img/icon-benefit-ball.png);
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 3vw rgba(255, 255, 255, 0.5);
  position: absolute;
}

#g-benefit li .counter {
  height: 6.5vw;
  margin-top: 5.8vw;
}

#g-benefit li .counter>span {
  color: #b5071f;
  font-size: 3vw;
  position: relative;
  top: 3vw;
}

#g-benefit li .counter>span:first-child {
  font-size: 6vw;
  top: 0.5vw;
  margin-right: -1vw;
}

#g-benefit li .counter div {
  color: #b5071f;
  margin-left: -0.4vw;
}

#g-benefit li .counter div span {
  font-size: 6.5vw;
  font-weight: bold;
  letter-spacing: 0;
  background: linear-gradient(160deg, #b5071f, #f5536d, #b5071f);
  background-size: 100% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transform: skew(-10deg);
}

#g-benefit li p {
  font-size: 1.3vw;
  letter-spacing: 0.5vw;
}

#g-benefit li p:before, #g-benefit li p:after {
  content: "";
  width: 0.1vw;
  height: 1.5vw;
  background: #000;
  display: inline-block;
  margin: 0 0.8vw;
  position: relative;
  top: 0.2vw;
}

#g-benefit li.b-1 {
  top: 23.4%;
  left: 28.3%;
}

#g-benefit li.b-2 {
  top: 24.9%;
  left: 56.1%;
}

#g-benefit li.b-2>div {
  transform: scale(1.2);
}

#g-benefit li.b-2>div:before {
  content: "";
  width: 140%;
  height: 100%;
  background: url(../img/icon-benefit-ball-light.png) no-repeat;
  background-size: 100%;
  position: absolute;
  top: -3.5%;
  left: -20%;
}

#g-benefit li.b-3 {
  top: 48.8%;
  left: 69.6%;
}

#g-benefit li.b-4 {
  top: 73.4%;
  left: 62.7%;
  transform: scale(0.96);
}

#g-benefit li.b-5 {
  top: 67.5%;
  left: 17.8%;
}

#g-benefit li.b-6 {
  top: 41.8%;
  left: 11.8%;
}

#g-benefit .note {
  font-size: 0.7vw;
  position: absolute;
  bottom: 2.5%;
  left: 8%;
  transform-origin: 0 100%;
  transform: scale(0.63);
  color: #fff;
}

#g-benefit i.bg-benefit-pd-piece {
  background: url(../img/bg-benefit-pd-piece.png);
  background-size: 100%;
  width: 12.2vw;
  height: 10vw;
  top: 43.2%;
  left: 51.1%;
  position: absolute;
  z-index: 1;
}

#g-DCE {
  height: 57vw;
  background-image: url(../img/bg-DCE.jpg);
  padding: 6.2% 15% 0 52%;
}

#g-DCE header h2 {
  display: flex;
  align-items: center;
}

#g-DCE header h2 u {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 2vw;
  letter-spacing: 0.7vw;
  text-decoration: none;
  line-height: 1.8;
  padding: 0 1vw;
  margin-right: 0.5vw;
}

#g-DCE header h2 p {
  font-size: 4.2vw;
  filter: drop-shadow(0 0 0.3vw #f5536d);
}

#g-DCE .txt {
  margin-top: 2.5vw;
  text-align: left;
}

#g-DCE .txt .label {
  font-size: 2vw;
  letter-spacing: 0.7vw;
  margin-left: -7.7vw;
  text-align: left;
}

#g-DCE .txt .label i {
  margin-right: 0.5vw;
}

#g-DCE .txt h3 {
  font-size: 2.8vw;
  letter-spacing: 0.2vw;
}

#g-DCE .txt p b {
  font-size: 6.7vw;
  transform: skew(-10deg);
  display: inline-block;
  line-height: 1;
}

#g-DCE .txt p u {
  font-size: 4vw;
  transform: skew(-10deg);
  display: inline-block;
  line-height: 1;
  position: relative;
  top: -0.3vw;
}

#g-DCE .txt p sup {
  color: #fff;
  position: relative;
  left: 1vw;
  top: -2vw;
}

#g-DCE .txt p small {
  font-size: 1.9vw;
  letter-spacing: 0.3vw;
  position: relative;
  top: -0.7vw;
  left: 1vw;
}

#g-DCE .txt>small {
  font-size: 1.5vw;
  letter-spacing: 0.3vw;
  background: linear-gradient(to right, rgba(59, 0, 0, 0), #3b0000 15%, #3b0000 85%, rgba(59, 0, 0, 0));
  line-height: 2.5;
  display: block;
  text-align: center;
  margin-top: 1vw;
}

#g-DCE .btns {
  margin-top: 4vw;
  text-align: center;
}

#g-DCE .note {
  font-size: 0.7vw;
  position: absolute;
  bottom: 3.5%;
  left: 7%;
  transform-origin: 0 100%;
  transform: scale(0.63);
  color: #000;
}

#g-DCE .deco-light-1 {
  top: 11.5%;
  left: 30.5%;
  width: 10vw;
  height: 10vw;
}

#g-redeem {
  /* background-color: #fff; */
}

#g-redeem .flex {
  display: flex;
  margin-left: 8.6%;
  padding: 5.9vw 0;
}

#g-redeem .left {
  width: 39.2vw;
  margin-top: 2vw;
  border-radius: 2vw;
  padding-bottom: 2.5vw;
  background: linear-gradient(to bottom, #f9ebec, #eec8cf);
  box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);
}

#g-redeem .left h3 {
  border-top: 1px solid #f5536d;
  border-bottom: 1px solid #f5536d;
  color: #b5071f;
  font-size: 3.5vw;
  display: inline-block;
  margin-top: 3.3vw;
  line-height: 1.4;
  padding: 0 1.5vw;
}

#g-redeem .left ol {
  width: 82%;
  margin: 0 auto;
}

#g-redeem .left li {
  display: flex;
  justify-content: center;
  align-items: center;
}

#g-redeem .left li .txt {
  width: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0) 80%);
  color: #000;
}

#g-redeem .left li .txt h4 {
  background: #f8aab8;
  color: #fff;
  font-size: 1.5vw;
  border-radius: 0.3vw;
}

#g-redeem .left li .txt b {
  font-size: 2vw;
  line-height: 1.2;
  margin: 1vw 0 0;
  display: block;
}

#g-redeem .left li .txt b small {
  font-size: 1.6vw;
}

#g-redeem .left li .txt p {
  font-size: 1.1vw;
}

#g-redeem .left li .txt a {
  margin: 0;
  width: 100%;
}

#g-redeem .left li .img {
  width: 50%;
  position: relative;
}

#g-redeem .left li.s-1 .txt {
  margin-top: 2vw;
}

#g-redeem .left li.s-1 .img:before {
  content: "";
  width: 17vw;
  height: 40vw;
  background: url(../img/icon-redeem-gift-1-circle.png) no-repeat 100% 10%;
  background-size: 90%;
  position: absolute;
  top: -1%;
  left: 9%;
  pointer-events: none;
}

#g-redeem .left li.s-1 .img img {
  width: 11vw;
  margin: 1vw 0 0.4vw -1vw;
}

#g-redeem .left li.s-1 .img i {
  color: #f5536d;
  font-style: normal;
  font-size: 1.5vw;
  line-height: 1;
  display: block;
  position: absolute;
}

#g-redeem .left li.s-1 .img i:nth-of-type(1) {
  top: 26%;
  left: 54%;
}

#g-redeem .left li.s-1 .img i:nth-of-type(2) {
  top: 60%;
  left: 45%;
}

#g-redeem .left li.s-2 .txt h4 {
  margin-bottom: 1.9vw;
}

#g-redeem .left li.s-2 .txt a {
  margin-top: 1.9vw;
}

#g-redeem .left li.s-2 .img {
  order: -1;
}

#g-redeem .left li.s-2 .img img {
  width: 93%;
  position: relative;
  z-index: 1;
  margin-top: 3.5vw;
}

#g-redeem .left li.s-2 .img i {
  width: 8.7vw;
  height: 8.7vw;
  background: linear-gradient(to bottom, #ecabb4, #df7d84);
  border: 0.15rem solid #fff;
  border-radius: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 10%;
  left: 45%;
}

#g-redeem .left li.s-2 .img i b {
  font-size: 3vw;
  opacity: 0.8;
}

#g-redeem .left li.s-2 .img i span {
  position: relative;
  top: 0.6vw;
  font-style: normal;
}

#g-redeem .right {
  width: 100vw;
  margin-left: 0;
  color: #000;
}

#g-redeem .right header h2 {
  background: #c30328;
  color: #fff;
  font-size: 3vw;
  line-height: 1.2;
  padding: 1vw 0;
  border-radius: 5vw;
}

#g-redeem .right header p {
  font-size: 2vw;
  letter-spacing: 0.5vw;
}

#g-redeem .intro {
  margin: 1vw 0;
}

#g-redeem .intro p {
  color: #c30328;
  font-size: 1vw;
  line-height: 1.5;
}

#g-redeem .g-form {
  width: 97%;
  margin: 0 auto;
}

#g-redeem .note {
  font-size: 1.7vw;
  text-align: left;
  width: 97%;
  margin: 0 auto;
  opacity: 0.5;
}

#giftbox {
  height: 47vw;
  background: linear-gradient(125deg, #f5536d 0%, #c30328 25%);
}

#giftbox .flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 6%;
}

#giftbox .img {
  width: 47%;
}

#giftbox .img img {
  width: 100%;
}

#giftbox .txt {
  width: 49%;
  padding-top: 1%;
}

#giftbox .txt header {
  text-align: left;
  filter: drop-shadow(0 0 0.5vw #f5536d) drop-shadow(0 0 0.5vw #f5536d);
}

#giftbox .txt header h2 {
  font-size: 4vw;
  font-weight: bold;
  transform: skew(-10deg);
  letter-spacing: 0.2vw;
  line-height: 1.2;
}

#giftbox .txt header p {
  font-size: 3.3vw;
  font-weight: bold;
  transform: skew(-10deg);
  letter-spacing: 0.45vw;
  line-height: 1;
  position: relative;
  display: inline-block;
}

#giftbox .txt header b {
  font-size: 4.5vw;
  line-height: 1;
}

#giftbox .txt header .triple-lines {
  position: absolute;
  top: 30%;
  left: 97%;
  filter: drop-shadow(0 0 0.5vw rgba(255, 255, 255, 0.2));
}

#giftbox .txt header .triple-lines i {
  width: 3vw;
  height: 0.4vw;
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 0.25vw;
  display: block;
}

#giftbox .txt header .triple-lines i:nth-of-type(2) {
  margin-left: -0.5vw;
}

#giftbox .txt header .triple-lines i:nth-of-type(3) {
  margin-left: -1vw;
}

#giftbox .txt .hr-flare {
  margin: 2.2vw auto;
}

#giftbox .txt .desc {
  text-align: left;
}

#giftbox .txt .desc p {
  font-size: 1.9vw;
  line-height: 1.4;
}

#giftbox .txt .desc small {
  font-size: 0.8vw;
}

#giftbox .txt .price {
  display: block;
  font-size: 1.3vw;
  font-style: normal;
  text-shadow: 0 0 1vw #fff, 0 0 0.5vw #fff;
  text-align: center;
}

#giftbox .txt .btns {
  margin: 3vw 0;
}

#sales {
  color: #000;
  background-image: url(../img/bg-sales.jpg);
  background-color: #f4d1d7;
}

#sales .group {
  width: 80%;
  margin: 3.2vw auto;
  background: linear-gradient(to right, #faa8b1, #b31a31);
  border: 1px solid #fff;
  padding: 0.5vw;
}

#sales .paper {
  background-color: #fff;
}

#sales .paper header {
  position: relative;
  overflow: hidden;
}

#sales .paper header:before {
  content: "";
  width: 64%;
  height: 20vw;
  background: linear-gradient(to right, #d9205b, #910814 30%);
  border-radius: 10vw;
  position: absolute;
  top: -14vw;
  left: 18%;
  border: 0.4vw solid #f97f76;
}

#sales .paper header h2 {
  font-size: 4vw;
  letter-spacing: 0.5vw;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 1;
  line-height: 1.6;
  padding-bottom: 1vw;
}

#sales-store .paper header:before {
  background: linear-gradient(13deg, #c10b1a, #ff5d5d 30%);
}

.sale-list-ec {
  margin-top: 4%;
}

.sale-list-ec li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5% 0;
}

.sale-list-ec li:nth-of-type(1) .txt {
  text-align: right;
  order: -1;
  padding-left: 15%;
}

.sale-list-ec li:nth-of-type(2) {
  background: linear-gradient(to right, #faedef, #f3d2d7, #faedef);
  padding-left: 4%;
}

.sale-list-ec li:nth-of-type(2) .txt {
  text-align: left;
  padding-left: 3%;
}

.sale-list-ec li:nth-of-type(2) .gift dd {
  padding-right: 7.5vw;
}

.sale-list-ec li:nth-of-type(2) .gift span {
  float: right;
}

.sale-list-ec .img {
  width: 50%;
}

.sale-list-ec .img img {
  width: 78%;
  margin: 0 auto;
}

.sale-list-ec .txt {
  width: 50%;
}

.sale-list-ec h3 {
  font-size: 2.4vw;
  color: #b5071f;
  font-weight: bold;
}

.sale-list-ec .gift {
  font-size: 1.7vw;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}

.sale-list-ec .gift dt {
  width: 3vw;
  color: #b5071f;
}

.sale-list-ec .gift dt:after {
  content: "/";
  font-size: 1.2vw;
}

.sale-list-ec .gift dd {
  width: calc(100% - 3vw);
}

.sale-list-ec .price {
  margin-top: 2vw;
}

.sale-list-ec .price p {
  font-size: 2.5vw;
}

.sale-list-ec .price i {
  color: #b5071f;
  font-style: normal;
}

.sale-list-ec .price b {
  font-size: 3.3vw;
  color: #b5071f;
  line-height: 1;
}

.sale-list-ec .price del {
  font-size: 1.2vw;
}

.sale-list-ec .btns {
  margin-top: 1vw;
}

.sale-list-ec .btns a {
  width: 24vw;
  margin: 0;
}

.sale-list-store {
  width: 86%;
  margin: 2vw auto 0;
  display: flex;
  flex-wrap: wrap;
}

.sale-list-store li {
  width: 50%;
  padding-bottom: 3%;
}

.sale-list-store li:nth-of-type(4n-2), .sale-list-store li:nth-of-type(4n-3) {
  border-bottom: 1px solid #b5071f;
}

.sale-list-store img {
  width: 50%;
  margin: 0 auto -1.5vw;
}

.sale-list-store h3 {
  font-size: 2.4vw;
  color: #b5071f;
  font-weight: bold;
}

.sale-list-store .gift {
  font-size: 1.7vw;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  margin-left: 10%;
}

.sale-list-store .gift dt {
  width: 3vw;
  color: #b5071f;
}

.sale-list-store .gift dt:after {
  content: "/";
  font-size: 1.2vw;
}

.sale-list-store .gift dd {
  width: calc(100% - 3vw);
}

.sale-list-store .price {
  margin-top: 1vw;
}

.sale-list-store .price p {
  font-size: 2.5vw;
}

.sale-list-store .price i {
  color: #b5071f;
  font-style: normal;
}

.sale-list-store .price b {
  font-size: 3.3vw;
  color: #b5071f;
  line-height: 1;
}

.sale-list-store .price del {
  font-size: 1.2vw;
}

.sale-list-store .btns {
  margin-top: 1vw;
}

.sale-list-store .btns a {
  width: 24vw;
  margin: 0;
}

#g-quick {
  position: fixed;
  top: 46%;
  right: 2%;
  z-index: 20;
  width: 4.7vw;
  border-radius: 50vw;
  background: linear-gradient(to bottom, #fff 30%, #8f8f8f, #fff 80%);
  transition: 0.2s;
  box-shadow: 0 0 1.5vw rgba(0, 0, 0, 0.6);
  padding: 2px;
}

#g-quick>div {
  padding-top: 4.4vw;
  padding-bottom: 1vw;
  border-radius: 50vw;
  background: linear-gradient(to bottom, #c21832, #d43c59, #cb1d3c);
  box-shadow: inset 0 0 1px #a0020b;
  position: relative;
  overflow: hidden;
}

#g-quick>div:before {
  content: "";
  width: 20vw;
  height: 20vw;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}

#g-quick .icon-pd {
  width: 4.1vw;
  height: 8vw;
  top: -5.2vw;
  left: 0.3vw;
  background: url(../img/quick-pd.png) no-repeat;
  background-size: 100%;
  position: absolute;
  z-index: 1;
}

#g-quick p {
  writing-mode: vertical-lr;
  text-shadow: 0 0 0.5vw rgba(255, 255, 255, 0.5);
  color: #fff;
  line-height: 1;
  letter-spacing: 0.4vw;
  font-size: 1.4vw;
  margin: 0 auto;
  position: relative;
  left: -0.2vw;
}

#g-quick .icon-arrow {
  background: url(../img/icon-down-fff.svg) no-repeat center #84041c;
  background-size: 60%;
  width: 1.8vw;
  height: 1.8vw;
  display: inline-block;
  border-radius: 50vw;
  margin-top: 0.3vw;
}

#g-quick:hover>div:before {
  animation: bt_hover_pie_fff 0.5s forwards;
}

.is-mb {
  display: none !important;
}

@media (max-width: 768.98px) {
  .g-wrap select {
    position: static;
    display: block !important;
    opacity: 1;
  }
}

@media screen and (min-width: 901px) {
  .is-m {
    display: none !important;
  }
}

@media screen and (max-width: 600px) {
  .is-pc {
    display: none !important;
  }

  .is-mb {
    display: block !important;
  }

  .g-wrap {
    font-size: 3vw;
  }

  .g-wrap a {
    font-size: 3vw;
  }

  .g-wrap a[class*=g-bt-] {
    width: 31vw;
    font-size: 3.4vw;
    border-radius: 1vw;
  }

  .g-wrap a[class*=g-bt-] p {
    border-radius: 0.6vw;
  }

  .g-wrap a[class*=g-bt-] p:after {
    width: 40vw;
    height: 40vw;
  }

  .g-wrap a[class*=g-bt-].g-bt-3:after {
    width: 40vw;
    height: 40vw;
  }

  .g-section {
    background-size: 100%;
  }

  #g-kv {
    height: 180vw;
    background-size: 200%;
    background-position: 80% 100%;
    background-color: #b10207;
  }

  #g-kv .icon-badge-flower-white {
    top: 2.7%;
    left: 80.5%;
    width: 11.6vw;
    height: 11.6vw;
  }

  #g-kv .bg .circle:before, #g-kv .bg .circle:after {
    width: 140vw;
    height: 140vw;
    top: 38%;
    left: -7%;
  }

  #g-kv .bg .kol {
    top: 54.2%;
    left: 10.5%;
  }

  #g-kv .bg .kol p {
    font-size: 3.3vw;
  }

  #g-kv .bg .kol .icon-signature {
    width: 30vw;
    height: 16.6vw;
  }

  #g-kv .bg .pd {
    width: 27vw;
    top: 68.2%;
    left: 9.3%;
  }

  #g-kv .bg .pd li:before {
    height: 54vw;
  }

  #g-kv .bg .pd li p {
    font-size: 2.5vw;
    margin-top: -4vw;
  }

  #g-kv .txt {
    width: 100%;
    margin: 4.2vw 0 0 0;
  }

  #g-kv .txt h1 {
    filter: drop-shadow(0 0 1vw #f5536d) drop-shadow(0 0 0.1vw #f5536d);
  }

  #g-kv .txt h1 p {
    font-size: 10.5vw;
    line-height: 1.2;
  }

  #g-kv .txt h1 p span {
    font-size: 15vw;
  }

  #g-kv .txt h1 p sup {
    font-size: 3vw;
  }

  #g-kv header .sub {
    margin-top: 20vw;
    filter: drop-shadow(0 0 1vw #f5536d) drop-shadow(0 0 0.1vw #f5536d);
  }

  #g-kv header .sub u {
    font-size: 5.6vw;
    padding: 0 2.5vw;
    letter-spacing: 0.7vw;
  }

  #g-kv header .sub u span {
    font-size: 5.2vw;
  }

  #g-kv header .sub b {
    font-size: 13vw;
    top: 1.5vw;
  }

  #g-kv header b {
    font-size: 6.2vw;
  }

  #g-kv header b span {
    font-size: 5.2vw;
  }

  #g-kv .btns {
    margin-top: 5%;
  }

  #g-EUD {
    height: 120vw;
    background-size: cover;
    background-position: 80% 0;
  }

  #g-EUD .txt {
    width: 70%;
    margin: 32.7% auto 0 0%;
  }

  #g-EUD .img {
    width: 34.9vw;
    left: 68.1%;
  }

  #g-EUD .img .deco-flare-1 {
    top: 20%;
    left: 4%;
  }

  #g-EUD .title u {
    font-size: 3.5vw;
  }

  #g-EUD .title p {
    font-size: 5.8vw;
  }

  #g-EUD h2 p {
    font-size: 6.8vw;
  }

  #g-EUD h2 b {
    font-size: 11.8vw;
    letter-spacing: 0;
  }

  #g-EUD h2 sup {
    font-size: 3vw;
  }

  #g-EUD .sub u {
    font-size: 5vw;
  }

  #g-EUD .sub u span {
    font-size: 7.2vw;
  }

  #g-EUD .sub p {
    font-size: 4vw;
  }

  #g-EUD .sub b {
    width: 19vw;
    height: 9vw;
  }

  #g-EUD .sub b:before, #g-EUD .sub b:after {
    font-size: 4.8vw;
  }

  #g-EUD .sub div:before, #g-EUD .sub div:after {
    width: 0.6vw;
    height: 0.6vw;
  }

  #g-EUD .btns a {
    width: 31vw;
  }

  #g-EUD .note {
    font-size: 2vw;
    transform: scale(1);
    left: 5%;
    width: 90%;
  }

  [class^=deco-flare-] {
    width: 6vw;
    height: 60vw;
  }

  [class^=deco-star-] {
    width: 10vw;
    height: 10vw;
  }

  [class^=deco-light-] {
    width: 10vw;
    height: 10vw;
  }

  #g-UTM {
    height: 130vw;
    background-image: linear-gradient(to right, rgba(181, 7, 31, 0) 30%, rgba(181, 7, 31, 0.8) 50%), url(../img/bg-UTM.jpg);
    background-size: 100% 100%, auto 100%;
    background-repeat: no-repeat;
    background-position: 0 0, 35% 0;
  }

  #g-UTM .bg:before, #g-UTM .bg:after {
    width: 84vw;
    height: 86vw;
    top: 14.4%;
    left: -15%;
  }

  #g-UTM .txt {
    width: 64%;
    margin: 15% 0 0 35.6%;
  }

  #g-UTM .title u {
    font-size: 3.5vw;
  }

  #g-UTM .title p {
    font-size: 6.4vw;
  }

  #g-UTM .sub {
    margin-top: 3.4vw;
  }

  #g-UTM .sub p {
    font-size: 3vw;
  }

  #g-UTM h2 p {
    font-size: 6.7vw;
  }

  #g-UTM h2 p:nth-of-type(1) {
    font-size: 5.5vw;
  }

  #g-UTM h2 p:nth-of-type(2) {
    text-shadow: 0 0 1vw #f5536d;
  }

  #g-UTM h2 b {
    font-size: 11.8vw;
  }

  #g-UTM h2 sup {
    font-size: 3vw;
  }

  #g-UTM .report {
    width: 85%;
    margin: 0 auto;
  }

  #g-UTM .report ol {
    width: 90%;
    flex-wrap: wrap;
  }

  #g-UTM .report li {
    width: 23vw;
    height: 23vw;
  }

  #g-UTM .report li:last-child {
    margin-left: 25%;
  }

  #g-UTM .report li .deco-flare-1 {
    width: 5vw;
    height: 14vw;
    top: -0.5vw;
  }

  #g-UTM .report li:nth-of-type(3) {
    margin-top: -2vw;
  }

  #g-UTM .report li:nth-of-type(3) .deco-flare-1 {
    top: 46%;
    left: 79%;
  }

  #g-UTM .report .counter {
    margin-top: 5vw;
    height: 8vw;
    margin-left: 3vw;
  }

  #g-UTM .report .counter div span {
    font-size: 8vw;
  }

  #g-UTM .report .counter>span {
    font-size: 4vw;
    top: 3.2vw;
  }

  #g-UTM .report .counter>span small {
    font-size: 2.5vw;
  }

  #g-UTM .report p {
    font-size: 3vw;
    width: 60%;
  }

  #g-UTM .report [class^=deco-star-] {
    width: 3vw;
    height: 3vw;
  }

  #g-UTM .report .deco-star-5 {
    top: 7%;
    left: 87%;
  }

  #g-UTM .btns {
    margin-top: 2vw;
  }

  #g-UTM .note {
    font-size: 2vw;
    right: auto;
    left: 5%;
    width: 90%;
    text-align: left;
    transform: scale(1);
  }

  #g-UTM .img .deco-star-1 {
    top: 16%;
    left: 7.4%;
  }

  #g-UTM .img .deco-star-2 {
    top: 52%;
    left: 30.8%;
  }

  #g-UTM .img .deco-star-3 {
    top: 58.7%;
    left: -1.7%;
    width: 20vw;
    height: 20vw;
  }

  #g-ingredient {
    height: 140vw;
    background: linear-gradient(to bottom, #991319 50%, rgba(153, 19, 25, 0)), url(../img/bg-ingredient.jpg);
    background-size: 100% 30vw, 150%;
    background-position: 0 0, 58% 25%;
    background-color: #bc1334;
    background-repeat: no-repeat;
  }

  #g-ingredient header {
    padding-top: 7vw;
  }

  #g-ingredient header h2 p {
    font-size: 8vw;
  }

  #g-ingredient ol {
    width: 95%;
    margin-top: 77%;
  }

  #g-ingredient li:first-child {
    width: 48%;
    margin-top: 0;
  }

  #g-ingredient li:last-child {
    width: 48%;
    margin-top: 0;
  }

  #g-ingredient li u {
    font-size: 3.8vw;
  }

  #g-ingredient li b {
    font-size: 3.8vw;
    margin-top: 2vw;
  }

  #g-ingredient li h3 {
    font-size: 4.5vw;
    margin-bottom: 3vw;
  }

  #g-ingredient li p {
    font-size: 2.5vw;
    line-height: 1.5;
  }

  #g-ingredient .deco-light-1 {
    top: 29%;
    left: 2.6%;
  }

  #g-ingredient .deco-light-2 {
    top: 25%;
    left: 53%;
    width: 20vw;
    height: 20vw;
  }

  #g-ingredient .deco-light-3 {
    top: 51.3%;
    left: 46.7%;
  }

  #g-ingredient .deco-light-4 {
    top: 54.1%;
    left: 79%;
  }

  #g-benefit {
    height: 160vw;
    background-size: 180%;
    background-position: 50% 100%;
    background-color: #fdf4f7;
  }

  #g-benefit header {
    padding-top: 5vw;
  }

  #g-benefit .sub p {
    font-size: 5.4vw;
    letter-spacing: 1vw;
  }

  #g-benefit .sub b {
    font-size: 8vw;
  }

  #g-benefit h2 {
    font-size: 6.7vw;
    line-height: 1;
    margin-top: 0vw;
  }

  #g-benefit h2 b {
    font-size: 11vw;
  }

  #g-benefit h2 sup {
    font-size: 3vw;
  }

  #g-benefit i.bg-benefit-pd-piece {
    width: 21.8vw;
    height: 19vw;
    top: 41.9%;
    left: 52.3%;
  }

  #g-benefit li {
    width: 27vw;
    height: 27vw;
  }

  #g-benefit li .counter {
    height: 8.5vw;
    margin-top: 6.8vw;
  }

  #g-benefit li .counter div span {
    font-size: 8.5vw;
  }

  #g-benefit li .counter>span {
    font-size: 5vw;
  }

  #g-benefit li .counter>span:first-child {
    font-size: 8vw;
  }

  #g-benefit li p {
    font-size: 2.7vw;
  }

  #g-benefit li.b-1 {
    top: 31.4%;
    left: 19.3%;
  }

  #g-benefit li.b-2 {
    top: 28.9%;
    left: 56.1%;
  }

  #g-benefit li.b-3 {
    top: 52.8%;
    left: 68.6%;
  }

  #g-benefit li.b-5 {
    top: 72.5%;
    left: 4.8%;
  }

  #g-benefit li.b-6 {
    top: 49.8%;
    left: 1.8%;
  }

  #g-benefit .note {
    font-size: 2vw;
    transform: scale(1);
    width: 90%;
    right: 5%;
  }

  #g-DCE {
    height: 120vw;
    background-size: auto 100%;
    background-position: 38% 100%;
    background-color: #600200;
    padding: 25vw 0% 0 31%;
  }

  #g-DCE header h2 {
    justify-content: center;
  }

  #g-DCE header h2 u {
    font-size: 4vw;
  }

  #g-DCE header h2 p {
    font-size: 6.2vw;
  }

  #g-DCE .txt {
    margin: 1vw 0 0 21%;
  }

  #g-DCE .txt .label {
    font-size: 4vw;
  }

  #g-DCE .txt .label i {
    margin-right: 1vw;
  }

  #g-DCE .txt h3 {
    font-size: 4.8vw;
    letter-spacing: 0.4vw;
  }

  #g-DCE .txt p b {
    font-size: 8.7vw;
  }

  #g-DCE .txt p u {
    font-size: 6vw;
  }

  #g-DCE .txt p small {
    font-size: 3.9vw;
  }

  #g-DCE .txt>small {
    font-size: 2.5vw;
    width: 115%;
    margin-left: -20%;
  }

  #g-DCE .deco-light-1 {
    top: 11.5%;
    left: 23.1%;
    width: 20vw;
    height: 20vw;
  }

  #g-DCE .note {
    font-size: 2vw;
    transform: scale(1);
    text-align: center;
    width: 90%;
    left: 5%;
  }

  #g-redeem {
    height: auto;
    /* padding: 10% 0; */
  }

  #g-redeem .flex {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  #g-redeem .left {
    width: 100%;
    margin: 0 auto 12vw;
    padding-bottom: 6.5vw;
  }

  #g-redeem .left h3 {
    font-size: 5.5vw;
  }

  #g-redeem .left li .txt h4 {
    font-size: 3.5vw;
  }

  #g-redeem .left li .txt b {
    font-size: 4vw;
  }

  #g-redeem .left li .txt b small {
    font-size: 3.6vw;
  }

  #g-redeem .left li .txt p {
    font-size: 3.1vw;
  }

  #g-redeem .left li.s-1 .img img {
    width: 21vw;
  }

  #g-redeem .left li.s-1 .img:before {
    top: 5%;
    left: 22%;
    width: 33vw;
  }

  #g-redeem .left li.s-1 .img i {
    font-size: 3.5vw;
  }

  #g-redeem .left li.s-1 .img i:nth-of-type(1) {
    top: 23%;
    left: 58%;
  }

  #g-redeem .left li.s-1 .img i:nth-of-type(2) {
    top: 58%;
    left: 50%;
  }

  #g-redeem .left li.s-2 .img i {
    width: 12.7vw;
    height: 12.7vw;
    left: 55%;
  }

  #g-redeem .left li.s-2 .img i b {
    font-size: 5vw;
  }

  #g-redeem .right {
    width: 100%;
    margin-left: 0;
    /* margin-top: 5vw; */
  }

  #g-redeem .right header h2 {
    font-size: 8vw;
    padding: 2vw 0;
  }

  #g-redeem .right header p {
    font-size: 5vw;
  }

  #g-redeem .intro {
    margin: 5vw 0;
  }

  #g-redeem .intro p {
    font-size: 3.3vw;
  }

  #g-redeem .g-form {
    width: 100%;
  }

  #g-redeem .note {
    width: 100%;
    font-size: 2vw;
  }

  .g-form li {
    width: 100%;
    font-size: 3.5vw;
    padding: 1vw 1vw 1vw 20%;
    margin-bottom: 2vw;
  }

  .g-form li label {
    width: 18vw;
    top: 1vw;
    left: 0.5vw;
  }

  .g-form li label:after {
    top: 9%;
  }

  .g-form li input, .g-form li select {
    font-size: 3.5vw;
    padding: 2vw;
  }

  .g-form li select {
    background-size: 3vw;
  }

  .g-form li.is-select {
    padding-left: 1.5vw;
  }

  .g-form li.is-rule {
    margin-top: 0;
    padding-top: 0%;
    padding-bottom: 1.5%;
  }

  .g-form li input[type=checkbox]+label, .g-form li input[type=radio]+label {
    padding-left: 7vw;
    line-height: 2.5;
  }

  .g-form li input[type=checkbox]+label:before, .g-form li input[type=radio]+label:before,
  .g-form li input[type=checkbox]+label:after, .g-form li input[type=radio]+label:after {
    width: 5vw;
    height: 5vw;
    font-size: 6vw;
    line-height: 0.8;
    top: 3.2vw;
  }

  .g-form li input[type=checkbox]+label:after, .g-form li input[type=radio]+label:after {
    top: 2.3vw;
    left: 0.6vw;
  }

  .g-form li a {
    font-size: 3.5vw;
  }

  .g-form li .try-submit {
    font-size: 5vw;
    height: 12vw;
  }

  .g-form li .try-submit .deco-corner-1:before, .g-form li .try-submit .deco-corner-2:before {
    width: 3vw;
  }

  .g-form li .try-submit .deco-corner-1:after, .g-form li .try-submit .deco-corner-2:after {
    width: 1.5vw;
  }

  .g-form li .try-submit .deco-corner-3:before, .g-form li .try-submit .deco-corner-4:before {
    width: 1.5vw;
  }

  .g-form li .try-submit .deco-corner-3:after, .g-form li .try-submit .deco-corner-4:after {
    width: 3vw;
  }

  .g-form li .try-submit [class^=deco-corner-]:before, .g-form li .try-submit [class^=deco-corner-]:after {
    height: 1.5vw;
  }

  #sales .group {
    width: 90%;
    margin: 10vw auto;
  }

  #sales .paper header:before {
    width: 74%;
    height: 24vw;
    top: -14vw;
    left: 13%;
  }

  #sales .paper header h2 {
    font-size: 6vw;
  }

  .sale-list-ec h3 {
    font-size: 4.4vw;
  }

  .sale-list-ec .gift {
    font-size: 3vw;
  }

  .sale-list-ec .gift dt {
    width: 7vw;
  }

  .sale-list-ec .gift dt:after {
    font-size: 2.2vw;
  }

  .sale-list-ec .gift dd {
    width: calc(100% - 7vw);
    white-space: nowrap;
  }

  .sale-list-ec .price p {
    font-size: 4.5vw;
  }

  .sale-list-ec .price b {
    font-size: 6.3vw;
  }

  .sale-list-ec .price del {
    font-size: 3.2vw;
  }

  .sale-list-ec li {
    flex-wrap: wrap;
  }

  .sale-list-ec li:nth-of-type(1) {
    padding-left: 0;
    padding-top: 0;
  }

  .sale-list-ec li:nth-of-type(1) .txt {
    padding-left: 0;
    text-align: center;
  }

  .sale-list-ec li:nth-of-type(1) .gift {
    margin-left: 22%;
  }

  .sale-list-ec li:nth-of-type(1) .img {
    margin: -5vw 0;
  }

  .sale-list-ec li:nth-of-type(2) {
    padding-left: 0;
  }

  .sale-list-ec li:nth-of-type(2) .txt {
    text-align: center;
  }

  .sale-list-ec li:nth-of-type(2) .gift {
    margin-left: 17.5%;
    margin-right: 16%;
  }

  .sale-list-ec li:nth-of-type(2) .img {
    margin: 1vw 0 -4vw;
  }

  .sale-list-ec .img {
    width: 100%;
    order: -1;
  }

  .sale-list-ec .img img {
    width: 60%;
  }

  .sale-list-ec .txt {
    width: 100%;
  }

  .sale-list-store {
    width: 95%;
  }

  .sale-list-store img {
    width: 80%;
  }

  .sale-list-store h3 {
    font-size: 3.8vw;
  }

  .sale-list-store li {
    padding-bottom: 5%;
  }

  .sale-list-store .gift {
    font-size: 2.4vw;
  }

  .sale-list-store .gift dt {
    width: 5vw;
  }

  .sale-list-store .gift dt:after {
    font-size: 2.2vw;
  }

  .sale-list-store .gift dd {
    width: calc(100% - 5vw);
  }

  .sale-list-store .price p {
    font-size: 3vw;
  }

  .sale-list-store .price b {
    font-size: 5.3vw;
  }

  .sale-list-store .price del {
    font-size: 2.2vw;
  }

  #g-quick {
    width: 6.7vw;
    padding: 1px;
  }

  #g-quick p {
    font-size: 3vw;
  }

  #g-quick .icon-pd {
    width: 5.1vw;
    height: 10vw;
    top: -6.2vw;
    left: 0.9vw;
  }

  #g-quick .icon-arrow {
    width: 2.5vw;
    height: 2.5vw;
  }

  .video-btn-play:before {
    width: 15vw;
    height: 15vw;
    border-width: 1vw;
  }

  .video-btn-play:after {
    border-width: 4vw 0 4vw 6vw;
  }
}

/*if is IE*/

.thank_container {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 999;
  display: none;
  top: -1px;
}

.thank_container .thank {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 28.1%;
  padding-top: 42.5%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url(../images/thanks_page.jpg);
  z-index: 999;
}

.thank_container .thank .close_btn {
  position: absolute;
  top: 2%;
  right: 4%;
  width: 28px;
  height: 28px;
  cursor: pointer;
}

.thank_container .thank .close_btn::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background-color: black;
  border-radius: 3px;
  transform: rotate(45deg);
}

.thank_container .thank .close_btn::after {
  content: '';
  position: absolute;
  width: 30px;
  height: 2px;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);
  background-color: black;
  border-radius: 3px;
  transform: rotate(-45deg);
}

@media screen and (max-width:767px) {
  .thank_container .thank {
    width: 90%;
    padding-top: 136%;
    top: 15%;
    transform: translate(-50%, 0);
  }

  .try-submit:hover>img {
    transform: translateX(5px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
  }
}