@charset "UTF-8";

.slid_sec, .prod_cont, .review_box, .notice_sec_inbox { box-shadow: 1px 1px 3px #bbaf9e; }
.swiper-button-prev::after, .swiper-button-next::after { background-repeat: no-repeat; background-size: contain; content: ""!important; height: 50px; margin: auto; width: 30px; background-color: #f6f1e4; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 20px 20px; }
.swiper-button-prev, .swiper-button-next { height: 50px; width: 50px; }
.breadcrumb-content {
  padding: 5px 0;
  @media (min-width: 768px) {
    padding: 10px 0;
  }
}

.kome {
  margin-bottom: 20px; font-size: 11px; color: #333333;
}

.expired {
  color: red; text-align: center; font-weight: 500; background-color: #FAE0E0; padding: 10px;
}

.w100 {
  width: 100%;
}

.main316 {
  background-color: #976f37; padding-bottom: 100px;
  @media (min-width: 768px) {
    padding-bottom: 380px; background-image: url("../../../../../images/pages/f-static/campaign/421/421_bg_001.jpg"); background-size: 100% 741px; background-color: #976f37; background-repeat: no-repeat; background-position: center top;
  }
}

.caution_wl {
  font-size: 12px; text-align: center;
}

.mt270 {
  margin-top: 270px;
}

.specialprice_sec {
  position: relative;
  & .decotxt { position: absolute; width: 90%; top: -60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
  & .caution { position: absolute; bottom: -27px; font-size: 11px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100%; text-align: center; }
  & h2 { text-align: center; font-size: 19px; letter-spacing: 0.15em; padding-top: 40px; font-weight: 500; color: #60521a; }
  & .prod_cont { border: #ffffff 5px solid; position: relative; background-image: url("../../../../../images/pages/f-static/campaign/421/421_deco_001.png"), url("../../../../../images/pages/f-static/campaign/421/421_deco_001.png"), url("../../../../../images/pages/f-static/campaign/421/421_deco_001.png"), url("../../../../../images/pages/f-static/campaign/421/421_deco_001.png"); background-position: left top,right top,right bottom,left bottom; background-size: 12px; padding: 5px; width: 85%; margin: 20px auto; margin-bottom: -50px; background-color: #ffffff; }
  & .prod_cont__inbox { border: #c5b664 1px solid; padding: 50px 10px 10px; width: 100%; margin: auto; }
  & .prod_cont__inbox__itembox { width: 100%; margin-top: 10px; }
  & .prod_cont__inbox__itembox .imgbox { width: 90%; margin: auto; }
  & .prod_cont__inbox__itembox .imgbox img { width: 100%; }
  & .prod_cont__inbox__itembox .txtbox { width: 100%; margin-top: 25px; text-align: center; }
  & .prod_cont__inbox__itembox .txtbox .pname { font-size: 17px; font-weight: 600; letter-spacing: 0.1em; margin-top: 10px; }
  & .prod_cont__inbox__itembox .txtbox .specalprice_btn { padding: 1px 4px; border: #ec6265 1px solid; margin-right: 10px; border-radius: 3px; font-size: 12px; font-weight: 600; letter-spacing: 0.12em;color: #ec6265; }
  & .prod_cont__inbox__itembox .txtbox .specialtxt { color: #C84F51; margin-top: 0px; letter-spacing: 0.1em; font-size: 19px; font-weight: 600; }
  & .prod_cont__inbox__itembox .txtbox .price { margin-top: 10px; font-weight: 500; font-size: 15px; }
  & .prod_cont__inbox__itembox .txtbox .bigprice { font-size: 23px; font-weight: 600; color: #C84F51; }
  & .prod_cont__inbox__itembox .txtbox .zei { font-size: 13px; }
  & .prod_cont__inbox__itembox .txtbox .btn_box { position: relative; height: 70px; }
  & .prod_cont .ribbon { position: absolute; width: 90%; top: -15px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
  & .prod_cont .bubble { width: 80%; }
  @media (min-width: 768px) {
    & .decotxt { position: absolute; width: 480px; top: -45px; }
    & h2 { font-size: 26px; letter-spacing: 0.3em; padding-top: 60px; }
    & .prod_cont { padding: 5px; width: 1180px; margin: 20px auto; margin-bottom: -250px; }
    & .prod_cont__inbox { padding: 10px; width: 100%; }
    & .prod_cont__inbox__itembox { width: 900px; display: flex; margin: auto; }
    & .prod_cont__inbox__itembox .imgbox { width: 400px; margin-top: 80px; }
    & .prod_cont__inbox__itembox .txtbox { width: 500px; margin-top: 60px; text-align: left; margin-left: 60px; position: relative; }
    & .prod_cont__inbox__itembox .txtbox .pname { font-size: 20px; font-weight: 600; letter-spacing: 0.12em; margin-top: 10px; }
    & .prod_cont__inbox__itembox .txtbox .specalprice_btn { padding: 1px 4px; margin-right: 10px; font-size:13px; }
    & .prod_cont__inbox__itembox .txtbox .specialtxt { margin-top: 0px; letter-spacing: 0.1em; font-size: 25px; }
    & .prod_cont__inbox__itembox .txtbox .btxt { font-size: 21px; font-weight: 600; }
    & .prod_cont__inbox__itembox .txtbox .bbtxt { font-size: 33px; font-weight: 700; }
    & .prod_cont__inbox__itembox .txtbox .price { margin-top: 2px; font-weight: 500; display: block; width: 210px;  border-bottom: #d5d4d3 1px solid; padding-bottom: 5px; margin-bottom: 5px;}
    & .prod_cont__inbox__itembox .txtbox .bigprice { font-size: 25px; font-weight: 600; }
    & .prod_cont__inbox__itembox .txtbox .zei { font-size: 13px; }
    & .prod_cont__inbox__itembox .txtbox .btn_box { height: 30px; }
    & .prod_cont .ribbon { width: 510px; top: -20px; }
    & .prod_cont .bubble { width: 60%; }
  }
  @media (max-width: 768.98px) { 
    & .decotxt { position: absolute; width: 90%; top: -50px; }
    & .price { width: 200px; display: block; margin: auto; font-size: 15px; }
      & .prod_cont__inbox__itembox .txtbox .btxt { font-size: 18px; font-weight: 600; }
  }
}

.attbox{margin:20px;font-size: min(2.5vw, 11px);margin-top: -20px;
    @media (min-width: 768px) { text-align: center; }
 }

  
.swiper-button-prev {
  left: -45px; top: 45%;
  &::after { background-repeat: no-repeat; background-size: contain; content: "" !important; height: 50px; margin: auto; width: 30px;  background-image: url("../../../../../images/pages/f-static/campaign/421/316_arrow_001.png"); }
  @media (min-width: 768px) {
    left: -100px; top: 45%;
  }
}

.swiper-button-next {
  right: -48px; top: 45%;
  &::after { background-image: url("../../../../../images/pages/f-static/campaign/421/316_arrow_002.png"); }
  @media (min-width: 768px) {
    right: -100px; top: 45%;
  }
}

.swiper-pagination-bullets {
  &.swiper-pagination-horizontal { bottom: -70px; }
}

.swiper-pagination-bullet {
  background-color: #545454; height: 15px; width: 15px;
}

.slid_sec {
  background-color: #ffffff; width: 80%; height: 595px; margin: auto; position: relative; padding: 5px;
  @media (min-width: 768px) {
    width: 1000px; height: 430px; margin: auto; position: relative; padding: 10px;
  }
  @media (max-width: 768.98px) {
    width: 80%; height: 595px; margin: auto; position: relative; padding: 5px;
  }
}

.voice__item {
  background-color: #ffffff; position: relative; background-image: url("../../../../../images/pages/f-static/campaign/421/316_deco_002.png"), url("../../../../../images/pages/f-static/campaign/421/316_deco_003.png"); background-position: left top, right bottom; background-size: 100px;
  & .txt-area .voice__txt-name { position: absolute; bottom: 25px; right: 30px; font-weight: 500; }
  @media (min-width: 768px) {
    display: flex; width: 1000px;
    & .voice_icon { position: absolute; width: 100px; top: 10px; right: 20px; }
    & .voice__img { width: 38%; margin: 20px; }
    & .voice__img img { width: 100%; }
    & .txt-area { width: 52%; margin-left: 15px; margin-top: 30px; }
    & .txt-area .voice__hdg { font-size: 23px; font-weight: 600; color: #a89843; letter-spacing: 0.15em; }
    & .txt-area .voice__txt { font-size: 15px; line-height: 1.8; font-weight: 500; letter-spacing: 0.11em; margin-top: 20px; }
  }
  @media (max-width: 768.98px) {
    width: 80%; height: 585px;
    & .voice_icon { position: absolute; width: 30%; top: 8px; right: 2px; }
    & .voice__img { margin: 20px; }
    & .voice__img img { width: 70%; margin-left: 10%; margin-top: 10%; }
    & .txt-area { width: 90%; margin-left: 15px; margin-top: 10px; }
    & .txt-area .voice__hdg { font-size: 17px; font-weight: 600; color: #a89843; letter-spacing: 0.1em; }
    & .txt-area .voice__txt { font-size: 13px; line-height: 1.7; font-weight: 500; margin-top: 10px; }
  }
}


.line_btog {
  width: 100%;
  & img { width: 100%; }
}

.notice_icon {
  &::before { content: ""; border: 7px solid transparent; border-top: 7px solid #A53739; margin-left: -10px; top: 100%; left: 50%; position: absolute; }
}

.review_sec {
  margin-top: 10px;
  & h2::before, & h2::after { content: ""; width: 2px; height: 38px; background-color: #9a873f; }
  & h2::before { margin-right: 25px; transform: rotate(-35deg); }
  & h2::after { margin-left: 25px; transform: rotate(35deg); }
  & .review_cont .review_box_inbox p { font-size: 15px; line-height: 1.8; font-weight: 500; }
  @media (min-width: 768px) {
    & h2 { text-align: center; font-size: 25px; letter-spacing: 0.3em; padding-top: 60px; font-weight: 500; color: #9a873f; margin-bottom: 20px; display: flex; justify-content: center; }
    & .review_cont { display: flex; width: 1180px; margin: auto; justify-content: space-between; margin-top: 50px; }
    & .review_cont .review_box { background: #ffffff; padding: 10px; position: relative; width: 23%; }
    & .review_cont .review_box_inbox { border: #c5b664 1px solid; padding: 80px 20px 20px 20px; height: 100%; }
    & .review_cont .review_box .staricon { position: absolute; top: 45px; width: 55%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    & .review_cont .review_box .ribbon { position: absolute; top: -10px; width: 50%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    & .review_cont .review_box .cname { position: absolute; bottom: 15px; right: 20px; }
    & .review_cont .review_box .txt { margin-bottom: 20px; }
  }
  @media (max-width: 768.98px) {
    & h2 { text-align: center; font-size: 19px; letter-spacing: 0.1em; padding-top: 60px; font-weight: 500; color: #9a873f; margin-bottom: -30px; display: flex; justify-content: center; }
    & .review_cont { width: 92%; margin: auto; margin-top: 50px; }
    & .review_cont .review_box { background: #ffffff; padding: 10px; position: relative; width: 100%; margin-top: 30px; }
    & .review_cont .review_box_inbox { border: #c5b664 1px solid; padding: 58px 15px 8px 15px; }
    & .review_cont .review_box .staricon { position: absolute; top: 30px; width: 30%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    & .review_cont .review_box .ribbon { position: absolute; top: -10px; width: 30%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    & .review_cont .review_box .cname { position: absolute; bottom: 15px; right: 20px; font-size: 13px; }
    & .review_cont .review_box .txt { margin-bottom: 20px; font-size: 13px; }
  }
}

.btn_style {
  width: 230px; height: 40px !important; background: #444; letter-spacing: 0.15em; border: 1px solid #444; box-sizing: border-box; transition: all .3s 0s ease-in-out; text-align: center; font-size: 15px;
  &.mini { width: 100%; height: 45px; }
  &.mini > a, &.mini > span { font-size: 15px; }
  &.mini > a span, &.mini > span span { padding-left: 35px; }
  &.off { background: #ccc; border: 1px solid #ccc; }
  &:not(.off):hover { background: #fff; }
  &:not(.off):hover > a, &:not(.off):hover > span { color: #444; }
  & > a, & > span { display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 100%; color: #fff; font-weight: 600; font-size: 15px; }
  & > a span, & > span span { position: relative; padding-left: 40px; text-align: center; }
  & > a span:before, & > span span:before { display: block; content: ""; width: 23px; height: 17px; background: url("/assets/images/pages/f-static/campaign/icon_cart.png") left top no-repeat; background-size: 23px 17px; position: absolute; top: 50%; left: 0; transform: translate3d(0, -50%, 0); }
  &:not(.off):hover > a span:before, &:not(.off):hover > span span:before { background: url("/assets/images/pages/f-static/campaign/icon_cart_b.png") left top no-repeat; background-size: 23px 17px; }
  @media (max-width: 768.98px) {
    height: 13vw; width: 100%;
    & .mini { height: 12vw; }
    & .mini > a, & .mini > span { font-size: 0.9rem; }
    & .mini > a span, & .mini > span span { padding-left: 40px; }
    & > a, & > span { font-size: 0.9rem; }
    & > a span, & > span span { padding-left: 32px; }
    & > a span:before, & > span span:before { width: 20px; height: 15px; background: url("/assets/images/pages/f-static/campaign/icon_cart.png") left top no-repeat; background-size: 20px 15px; }
    &:not(.off):hover > a span:before, &:not(.off):hover > span span:before { background: url("/assets/images/pages/f-static/campaign/icon_cart_b.png") left top no-repeat; background-size: 20px 15px; }
  }
}

.mvbox {position: relative;
  & .inbox .mainimg img { width: 100%; }
  & .inbox .limit img { width: 100%; }
  & .mainbk { width: 100%; }
  & .mainbk img { width: 100%; }
  & .bigtxt { font-size: 18px; font-weight: 600; }
  @media (min-width: 768px) {
    height: 740px; max-width: 3000px; margin: auto; width: 100%; background-image: url("../../../../../images/pages/f-static/campaign/421/421_nmain_001.jpg"); background-size: 1575px; background-repeat: no-repeat; background-position: center top;
    & .inbox { position: absolute; width: 100%; max-width: 1200px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
    & .inbox .maintxt { position: absolute; width: 40%; top: 100px; line-height: 1.8; right: 120px; max-width: 600px; }
    & .inbox .maintxt img { width: 100%; height: auto; }
    & .inbox .maintxt .txt { font-size: 16px; font-weight: 500; margin: 20px 20px 5px 20px; line-height: 2; letter-spacing: 0.10em; text-align: center; }
    & .inbox .maintxt .pkome { font-size: 10px; letter-spacing: 0.03em; margin: 15px 40px 5px 60px; line-height: 1.4; }
    & .inbox .mainimg { position: absolute; width: 460px; right: 100px; top: 80px; }
    & .inbox .limit { position: absolute; top: 50px; width: 130px; right: 0px; }
  }
  @media (max-width: 768.98px) {
    & .inbox .maintxt { width: 100%; background-image: url("../../../../../images/pages/f-static/campaign/421/421_nmain_001s.jpg"); background-size: 100%; height: 150vw; padding-top: 30px; }
    & .inbox .maintxt img { width: 84%; margin-left: 8%; }
    & .inbox .maintxt p { display: none; }
    & .inbox .mainimg { width: 100%; }
    & .inbox .limit { position: absolute; top: 5px; width: 22vw; right: 0px; }
    & .splead { background-color: #976f37; background-size: 100% 100%; padding: 0px 30px 50px; line-height: 1.8; margin-bottom: 30px; font-size: 14px; font-weight: 500; color: #fff; letter-spacing: 0.12em; }
    & .splead .pkome { font-size: 11px; letter-spacing: 0.09em; line-height: 1.4; margin-top: 10px; }
  }
}

.splead {
  @media (min-width: 768px) {
    display: none;
  }
}

.voice_sec {
  @media (min-width: 768px) {
    padding-top: 140px !important;
    & h2 { text-align: center; font-size: 23px; letter-spacing: 0.3em; padding-top: 60px; font-weight: 500; color: #60521a; margin-bottom: 20px; }
    & .decotxt { width: 450px; margin: -30px auto; display: block; }
    & .voice_cont { width: 1180px; margin: 0 auto; }
  }
  @media (max-width: 768.98px) {
    padding-top: 5px;
    & h2 { text-align: center; font-size: 16px; letter-spacing: 0.09em; padding-top: 60px; font-weight: 500; color: #60521a; margin-bottom: 20px; }
    & .decotxt { width: 70%; margin: -30px auto; display: block; }
    & .voice_cont { width: 100%; margin: 0 auto; }
  }
}

.feature_sec {
  margin-top: 80px; color: #4e4e4e;
  & .rev { flex-direction: row-reverse; }
  @media (min-width: 768px) {
    & .pointicon { position: absolute; width: 120px; top: -40px; left: -30px; }
  }
  @media (max-width: 768.98px) {
    & .pointicon { position: absolute; width: 23%; top: -50px; left: -20px; }
  }
}

.feature_sec_intro {
  @media (min-width: 768px) {
    height: 537px; background-color: #f6f4ed;
  }
}

.feature_sec_intro_inbox {
  & .imgbox img { width: 100%; }
  & .deco1 img { width: 100%; }
  & .deco1 { position: absolute; width: 100%; top: -70px; }
  & .bottle img { width: 100%; }
  @media (min-width: 768px) {
    width: 1380px; margin: auto; position: relative;
    & .ttlimg { position: absolute; width: 600px; top: 100px; right: 100px; }
    & .imgbox { width: 750px; }
    & .txtbox { position: absolute; top: 300px; width: 500px; right: 180px; line-height: 2; font-weight: 500; }
    & .bottle { position: absolute; bottom: -150px; width: 180px; right: 0px; z-index: 1; }
  }
  @media (max-width: 768.98px) {
    width: 100%; margin: auto; position: relative; margin-bottom: 10px;
    & .ttlimg { width: 98%; margin-left: 1%; top: 100px; right: 100px; }
    & .imgbox { width: 100%; }
    & .txtbox { width: 90%; margin-left: 5%; margin-top: 10px; line-height: 1.8; font-weight: 500; }
    & .bottle { position: absolute; top: 16%; width: 22%; right: -5px; z-index: 1; }
  }
}

.feature_sec_point {
  & .noarrow::after { content: none !important; }
  @media (min-width: 768px) {
    width: 1180px; margin: 60px auto; border: #c5b664 1px solid; position: relative; padding: 20px;
    & .stpttl { font-size: 25px; margin-top: 50px; font-weight: 500; letter-spacing: 0.13em; text-align: center; }
    & .stptxt { font-size: 15px; line-height: 1.8; font-weight: 500; margin-top: 25px; letter-spacing: 0.11em; width: 800px; margin: 20px auto; }
  }
  @media (max-width: 768.98px) {
    width: 90%; margin: 10px auto; border: #c5b664 1px solid; position: relative; padding: 10px; margin-top: 60px;
    & .stpttl { font-size: 18px; margin-top: 50px; font-weight: 500; letter-spacing: 0.13em; width: 96%; margin: auto; }
    & .stptxt { font-size: 14px; line-height: 1.8; font-weight: 500; margin-top: 25px; letter-spacing: 0.11em; width: 96%; margin: 20px auto; }
  }
}

.feature_sec_point_inbox {
  & .stepitem .smltxt { font-size: 12px; }
  & .actv { background-color: #9A4748; color: #FFFFFF; }
  @media (min-width: 768px) {
    display: flex; justify-content: center;
    & .imgbox img { width: 480px; }
    & .ttl { font-size: 25px; margin-top: 40px; font-weight: 500; letter-spacing: 0.13em; }
    & .txt { font-size: 15px; line-height: 1.8; font-weight: 500; margin-top: 25px; letter-spacing: 0.11em; }
    & .txtbox { width: 530px; margin-left: 50px; margin-right: 40px; }
    & .stepitem { background-color: #eee2e2; width: 170px; margin-left: 50px; border-radius: 100px; text-align: center; height: 170px; position: relative; padding: 30px; }
    & .stepitem .stepttl { font-size: 13px; 　margin-top: 20px; font-weight: 600; margin-bottom: 25px; }
    & .stepitem .stepname { font-size: 15px; font-weight: 600; }
    & .stepitem .wl { position: absolute; width: 48px; right: -12px; top: 20px; }
    & .stepitem::after { content: ""; background-image: url("../../../../../images/pages/f-static/campaign/421/421_arrow_003.png"); display: inline-block; width: 25px; height: 20px; position: absolute; right: -40px; top: 45%; background-size: contain; }
  }
  @media (max-width: 768.98px) {
    & .imgbox { margin-top: 20px; width: 90%; margin-left: 5%; }
    & .imgbox img { width: 100%; }
    & .ttl { font-size: 18px; margin-top: 10px; font-weight: 500; letter-spacing: 0.13em; }
    & .txt { font-size: 14px; line-height: 1.8; font-weight: 500; margin-top: 15px; letter-spacing: 0.11em; }
    & .txtbox { width: 96%; margin-left: 2%; }
    & .stepitem { background-color: #eee2e2; width: 88%; margin-left: 6%; border-radius: 10px; text-align: center; position: relative; padding: 5px; margin-bottom: 30px; }
    & .stepitem .stepttl { font-size: 12px; 　margin-top: 5px; font-weight: 600; margin-bottom: 6px; }
    & .stepitem .stepname { font-size: 14px; font-weight: 600; }
    & .stepitem .wl { position: absolute; width: 10%; right: -12px; bottom: -20px; }
    & .stepitem::after { content: ""; background-image: url("../../../../../images/pages/f-static/campaign/421/421_arrow_003s.png"); display: inline-block; width: 17px; height: 14px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); bottom: -25px; background-size: contain; }
  }
}

.notice_sec {
  margin-top: 80px;
}

.notice_sec_inbox {
  @media (min-width: 768px) {
    display: flex; width: 1180px; background-color: #FFFFFF; padding: 50px 70px; margin: auto; justify-content: space-between; position: relative;
    & .notice_icon { position: absolute; background-color: #A53739; color: #ffffff; font-weight: 600; font-size: 15px; padding: 7px 10px; top: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 10px; width: 200px; text-align: center; letter-spacing: 0.25em; }
    & .notice_item { width: 500px; }
    & .notice_item .ttl { font-size: 19px; color: #A94A4B; font-weight: 600; letter-spacing: 0.11em; }
    & .notice_item .txt { font-size: 14px; line-height: 2; margin-top: 15px; }
  }
  @media (max-width: 768.98px) {
    width: 90%; background-color: #FFFFFF; padding: 30px; margin: auto; justify-content: space-between; position: relative;
    & .notice_icon { position: absolute; background-color: #A53739; color: #ffffff; font-weight: 600; font-size: 14px; padding: 7px 10px; top: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); border-radius: 10px; width: 50%; text-align: center; letter-spacing: 0.25em; }
    & .notice_item { width: 100%; }
    & .notice_item .ttl { font-size: 17px; color: #A94A4B; font-weight: 600; margin-top: 25px; }
    & .notice_item .txt { font-size: 13px; line-height: 1.8; margin-top: 15px; }
  }
}

.mtm100 {
  @media (min-width: 768px) {
    margin-top: -100px;
  }
  @media (max-width: 768.98px) {
    margin-top: 0px;
  }
}

.bkg_gly {
  @media (min-width: 768px) {
    background-image: url("../../../../../images/pages/f-static/campaign/421/421_bg_002.jpg"); background-size: 100% 100%; background-repeat: repeat-y;
  }
  @media (max-width: 768.98px) {
    background-image: url("../../../../../images/pages/f-static/campaign/421/421_bg_002s.jpg"); background-size: 100% 100%; background-repeat: repeat-y;
  }
}

.sponly {
  @media (min-width: 768px) {
    display: none !important;
  }
}

.pddten {
  @media (min-width: 768px) {
    padding: 18px !important;
  }
}

.btn_wrap {
  @media (min-width: 768px) {
    width: 200px; box-sizing: border-box; margin-top: 0px; position: absolute; top:-130px; right: 40px;
  }
  @media (max-width: 768.98px) {
    margin-top: 0px; width: 80%; margin-left: 10%;
  }
}

.btn_wrap3 {
  @media (min-width: 768px) {
    width: 200px; right: 70px; top: 130px; box-sizing: border-box; position: absolute;
  }
}

.btn_wrap_top {
  @media (min-width: 768px) {
    position: absolute; width: 180px; margin-top: 30px; box-sizing: border-box;
  }
}

.mtm30 {
  @media (max-width: 768.98px) {
    margin-top: -30px !important;
  }
}

.pconly {
  @media (max-width: 768.98px) {
    display: none;
  }
}
@media (min-width: 768px) {
  .swiper-button-prev, .swiper-button-next { height: 60px; width: 60px; }
}