@charset "UTF-8";

/***********
    PC
***********/
html[data-browse-mode="P"] .is-fix-header #header.pane-header {
  /* margin-top: 75px; */
  margin-top: 56px;
}
html[data-browse-mode="P"] #sec_container {
  background: #fdfaee url(../../../../../img/page/campaign/202305/campaign_stmt202305/bg.png) no-repeat center top;
  background-size: contain;
}
html[data-browse-mode="P"] #sec_container.fixed {
  background-attachment: fixed;
  background-position: center top 56px;
}
html[data-browse-mode="P"] #sec_container img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}
html[data-browse-mode="P"] #sec_container .cnt_wrap {
  width: 560px;
  margin: 0 auto;
}
html[data-browse-mode="P"] #sec_container .poRe {
  position: relative;
}
html[data-browse-mode="P"] #sec_container .btn_coupon {
  max-width: 485px;
  width: 86.607vw;
  margin: 0 auto 5.357%;
  cursor: pointer;
}
html[data-browse-mode="P"] #sec_container .btn_coupon:hover {
  opacity: 0.7;
}
html[data-browse-mode="P"] #sec_container .btn_cv {
  max-width: 515px;
  width: 91.964vw;
  margin: 0 auto 0;
}
html[data-browse-mode="P"] #sec_container .btn_cv a:hover {
  opacity: 0.7;
}
html[data-browse-mode="P"] #sec_container .btn_detail {
  max-width: 228px;
  width: 40.714vw;
}
html[data-browse-mode="P"] #sec_container .btn_detail a:hover {
  opacity: 0.7;
}
html[data-browse-mode="P"] #sec_container #sec_coupon .btn_howToUse {
  cursor: pointer;
  position: relative;
}
html[data-browse-mode="P"] #sec_container #sec_coupon .btn_howToUse::before, html[data-browse-mode="P"] #sec_container #sec_coupon .btn_howToUse::after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #000;
  top: 50%;
  right: 11%;
  width: 1.6em;
  height: 2px;
  transform: translateY(-50%);
}
html[data-browse-mode="P"] #sec_container #sec_coupon .btn_howToUse::before {
  transform: translateY(-50%) rotate(90deg);
}
html[data-browse-mode="P"] #sec_container #sec_coupon .btn_howToUse.is_open::before {
  transform: translateY(-50%) rotate(0deg);
}
html[data-browse-mode="P"] #sec_container #sec_coupon .cnt_block {
  display: none;
}
html[data-browse-mode="P"] #sec_container #sec_coupon .btn_close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 180px;
  width: 32vw;
  cursor: pointer;
}
html[data-browse-mode="P"] #sec_container .cv_area {
  background-color: #fff;
  position: relative;
}
html[data-browse-mode="P"] #sec_container #cv01 {
  padding-bottom: 8.929%;
}
html[data-browse-mode="P"] #sec_container #sec_anchor {
  background-color: #fffee6;
  padding-bottom: 8.929%;
}
html[data-browse-mode="P"] #sec_container #sec_anchor .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  justify-content: center;
}
html[data-browse-mode="P"] #sec_container #sec_anchor .flex .btn_anchor {
  max-width: 258px;
  width: 46.071vw;
}
html[data-browse-mode="P"] #sec_container #sec01 {
  padding-bottom: 12.5%;
}
html[data-browse-mode="P"] #sec_container #sec01 .btn_cv {
  margin-bottom: 3.571%;
}
html[data-browse-mode="P"] #sec_container #sec01 .btn_detail {
  position: absolute;
  right: 5.357%;
}
html[data-browse-mode="P"] #sec_container #sec02 {
  padding-bottom: 16.071%;
}
html[data-browse-mode="P"] #sec_container #sec02 .btn_cv {
  margin-bottom: 3.571%;
}
html[data-browse-mode="P"] #sec_container #sec02 .btn_detail {
  position: absolute;
  right: 5.357%;
}




/***********
    SP
***********/
html[data-browse-mode="S"] #sec_container {
  background-color: #f1eedd;
}
html[data-browse-mode="S"] #sec_container img {
  display: block;
  width: 100%;
  vertical-align: bottom;
}
html[data-browse-mode="S"] #sec_container .cnt_wrap {
  width: 100%;
}
html[data-browse-mode="S"] #sec_container .poRe {
  position: relative;
}
html[data-browse-mode="S"] #sec_container .btn_coupon {
  max-width: 485px;
  width: 86.607vw;
  margin: 0 auto 5.357%;
  cursor: pointer;
}
html[data-browse-mode="S"] #sec_container .btn_coupon:hover {
  opacity: 0.7;
}
html[data-browse-mode="S"] #sec_container .btn_cv {
  max-width: 515px;
  width: 91.964vw;
  margin: 0 auto 0;
}
html[data-browse-mode="S"] #sec_container .btn_cv a:hover {
  opacity: 0.7;
}
html[data-browse-mode="S"] #sec_container .btn_detail {
  max-width: 228px;
  width: 40.714vw;
}
html[data-browse-mode="S"] #sec_container .btn_detail a:hover {
  opacity: 0.7;
}
html[data-browse-mode="S"] #sec_container #sec_coupon .btn_howToUse {
  cursor: pointer;
  position: relative;
}
html[data-browse-mode="S"] #sec_container #sec_coupon .btn_howToUse::before, html[data-browse-mode="S"] #sec_container #sec_coupon .btn_howToUse::after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.4s;
  background: #000;
  top: 50%;
  right: 11%;
  width: 1.6em;
  height: 2px;
  transform: translateY(-50%);
}
html[data-browse-mode="S"] #sec_container #sec_coupon .btn_howToUse::before {
  transform: translateY(-50%) rotate(90deg);
}
html[data-browse-mode="S"] #sec_container #sec_coupon .btn_howToUse.is_open::before {
  transform: translateY(-50%) rotate(0deg);
}
html[data-browse-mode="S"] #sec_container #sec_coupon .cnt_block {
  display: none;
}
html[data-browse-mode="S"] #sec_container #sec_coupon .btn_close {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 180px;
  width: 32vw;
  cursor: pointer;
}
html[data-browse-mode="S"] #sec_container .cv_area {
  background-color: #fff;
  position: relative;
}
html[data-browse-mode="S"] #sec_container #cv01 {
  padding-bottom: 8.929%;
}
html[data-browse-mode="S"] #sec_container #sec_anchor {
  background-color: #fffee6;
  padding-bottom: 8.929%;
}
html[data-browse-mode="S"] #sec_container #sec_anchor .flex {
  display: flex;
  flex-wrap: wrap;
  gap: 4%;
  justify-content: center;
}
html[data-browse-mode="S"] #sec_container #sec_anchor .flex .btn_anchor {
  max-width: 258px;
  width: 46.071vw;
}
html[data-browse-mode="S"] #sec_container #sec01 {
  padding-bottom: 12.5%;
}
html[data-browse-mode="S"] #sec_container #sec01 .btn_cv {
  margin-bottom: 3.571%;
}
html[data-browse-mode="S"] #sec_container #sec01 .btn_detail {
  position: absolute;
  right: 5.357%;
}
html[data-browse-mode="S"] #sec_container #sec02 {
  padding-bottom: 16.071%;
}
html[data-browse-mode="S"] #sec_container #sec02 .btn_cv {
  margin-bottom: 3.571%;
}
html[data-browse-mode="S"] #sec_container #sec02 .btn_detail {
  position: absolute;
  right: 5.357%;
}