@font-face { font-family: 'SoDoSans'; font-style: normal; font-weight: 400; src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff"); }

@font-face { font-family: 'SoDoSans semiBold'; font-style: normal; font-weight: 400; src: url("/common/fonts/SoDoSans/SoDoSansCondensed-SemiBold.woff") format("woff"); }

@font-face { font-family: 'SoDoSans'; font-style: normal; font-weight: 700; src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff"); }

.mod-en { font-family: 'SoDoSans'; }

/* ----------------------------------------------------------
mixin
---------------------------------------------------------- */
/* ----------------------------------------------------------
article
---------------------------------------------------------- */
body.page-rewards-tumbler_thank_you .mainContents { overflow: visible; position: relative; margin-right: 0; }

body.page-rewards-tumbler_thank_you .mainContents article { padding-bottom: 0; width: auto; }

header.global { z-index: 3000; }

@media screen and (min-width: 1280px) { body.page-rewards-tumbler_thank_you { margin-left: 0; }
  body.page-rewards-tumbler_thank_you .mainContents article { margin-left: 0; } }

@media screen and (min-width: 910px) { body.page-rewards-tumbler_thank_you { min-width: 1260px; position: relative; background-size: 100% auto; }
  body.page-rewards-tumbler_thank_you .mainContents { min-width: 1140px; }
  body.page-rewards-tumbler_thank_you aside.welcome { margin-left: 120px; }
  body.page-rewards-tumbler_thank_you footer.global { margin-left: 120px; }
  body.page-rewards-tumbler_thank_you article a.js--hover:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } }

@media screen and (min-width: 910px) and (max-width: 1279px) { body.page-rewards-tumbler_thank_you .mainContents article { margin-left: 0; } }

@media screen and (max-width: 909px) { .page-rewards-tumbler_thank_you { position: relative; } }

.mainContentsIn { position: relative; background-color: #006241; }

._layer { position: relative; }

.contArea__anchor { position: absolute; width: 0; height: 0; }

.contArea__wrap { padding: 0 39px 0 40px; }

/* ----------------------------------------------------------
.block-header
---------------------------------------------------------- */
.area-header { position: relative; width: 611px; margin: 0 auto; height: 113px; z-index: 100; background: #1a3c34; }

.area-header img { width: 100%; }

.area-header ._title { position: absolute; top: 50%; left: 50%; height: auto; width: 167px; transform: translate(-50%, -50%); }

/* ----------------------------------------------------------
.block-scene
---------------------------------------------------------- */
.block-scene { position: relative; color: #fff; width: 611px; overflow: hidden; margin: 0 auto; background-color: #fff; }

.block-scene img { width: 100%; }

.contArea__wrap { padding: 0 39px 0 40px; }

.contArea__top { background: #fff; color: #006040; }

.contArea__top .top-kv { width: 100%; height: 565px; background: url("/static/rewards/tumbler_thank_you/images/main-kv.png") no-repeat top left; background-size: 100% 100%; }

.contArea__top .top-head { position: relative; padding: 47px 40px 42px 39px; }

.contArea__top .top-head:before { content: ''; position: absolute; width: 79px; height: 79px; top: 37px; right: 33px; background: url("/static/rewards/tumbler_thank_you/images/ico-01.png") no-repeat center; background-size: 100% 100%; }

.contArea__top .top-head h2 { margin-bottom: 20px; font-size: 69.32px; color: #006040; line-height: 1.2; letter-spacing: 0.035em; font-family: 'SoDoSans semiBold'; white-space: nowrap; }

.contArea__top .top-head h2 span { display: block; color: #c59649; }

.contArea__top .top-head ._lead p { margin-bottom: 0; font-size: 26px; line-height: 1.8; }

.contArea__top .top-head ._lead p + p { margin-top: 1.7em; }

.contArea__block .is-bg-color { margin-top: 20px; padding-top: 40px; padding-bottom: 45px; background: #cde2db; color: #006241; }

.contArea__block .is-bg-color sup { font-size: 0.6em; }

.contArea__block .is-bg-color h4._ttl { position: relative; margin-top: -0.1em; margin-bottom: 30px; padding-left: 105px; font-size: 30px; font-weight: bold; line-height: 1.7; color: #006241; letter-spacing: 0.07em; }

.contArea__block .is-bg-color h4._ttl:before { content: ''; position: absolute; width: 79px; height: 79px; left: 0; top: 50%; transform: translateY(-50%); background: url("/static/rewards/tumbler_thank_you/images/ico-01.png") no-repeat top left; background-size: 100% 100%; }

.contArea__block .is-bg-color ._text { font-size: 26px; line-height: 1.8; }

.contArea__block .is-bg-color ._text + ._text { margin-top: 1em; }

.contArea__block .is-bg-color ._list-note li { font-size: 16px; line-height: 1.7; text-indent: -1.7em; padding-left: 2em; white-space: nowrap; }

.contArea__block .is-bg-color ._font-s { font-size: 16px; line-height: 1.7; }

.contArea__block .is-bg-color ._link { color: #006241; word-break: break-word; }

.contArea ._block01 .is-bg-visual { position: relative; width: 100%; height: 368px; background: url("/static/rewards/tumbler_thank_you/images/bg-01.png") no-repeat top left; background-size: 100% 100%; }

.contArea ._block01 .is-bg-visual ._lead { position: absolute; top: 38px; left: 0; width: 100%; text-align: center; font-family: 'SoDoSans'; font-size: 64px; font-weight: bold; color: #cde2db; letter-spacing: 0.05em; }

.contArea ._block01 .is-bg-visual ._lead span { font-weight: bold; color: #ebe9e4; }

.contArea ._block01 .is-bg-visual ._text { position: absolute; top: 145px; left: 0; width: 100%; font-size: 26px; line-height: 1.8; color: #fff; text-align: center; font-weight: normal; letter-spacing: 0.06em; }

.contArea ._block01 .is-bg-color ._list-note { margin-top: 35px; }

.contArea ._block01 .is-bg-color ._text._font-s { margin-top: 18px; }

.contArea ._block01 ._bnr { width: 100%; height: 567px; background: url("/static/rewards/tumbler_thank_you/images/img-01.png") no-repeat top left; background-size: 100% 100%; }

.contArea ._block02 ._bnr { width: 100%; height: 917px; background: url("/static/rewards/tumbler_thank_you/images/img-02.png") no-repeat top left; background-size: 100% 100%; }

.contArea ._block03 .is-bg-color h4._ttl { font-family: 'SoDoSans'; font-size: 38.5px; line-height: 1.5; letter-spacing: 0.03em; margin-top: 0.16em; }

.contArea ._block03 .is-bg-visual { position: relative; width: 100%; height: 567px; background: url("/static/rewards/tumbler_thank_you/images/bg-02.png") no-repeat top left; background-size: 100% 100%; }

.contArea ._block03 .is-bg-visual ._lead { position: absolute; top: 50%; left: 39px; transform: translateY(-50%); font-family: 'SoDoSans'; font-size: 61.57px; line-height: 1.54; font-weight: bold; color: #fff; letter-spacing: 0.05em; }

.contArea ._block04 ._btnWrap { width: 531px; margin: 51px auto 100px; }

.contArea ._block04 ._btnWrap ._btn { display: block; padding: 17px; border: 1px solid #006241; font-size: 24.14px; line-height: 1.7; font-weight: bold; color: #006241; text-align: center; }

.contArea ._block04 ._notes { margin-bottom: 50px; font-size: 15.08px; font-weight: bold; color: #231815; }

@media screen and (max-width: 610px) { .contArea__anchor { margin-top: -36px; padding-top: 36px; }
  .area-header-wap { height: auto; }
  .area-header { position: relative; width: 100vw; height: 18.49427vw; z-index: 100; background: #1a3c34; }
  .area-header img { width: 100%; }
  .area-header ._title { position: absolute; top: 50%; left: 50%; height: auto; width: 27.33224vw; transform: translate(-50%, -50%); }
  /* ---------------------------------------------------------- .block-scene ---------------------------------------------------------- */
  .block-scene { width: 100vw; margin: 0; }
  .contArea__wrap { padding: 0 5.89198vw 0 6.54664vw; }
  .contArea__top .top-kv { width: 100vw; height: 92.47136vw; }
  .contArea__top .top-head { position: relative; padding: 7.69231vw 6.54664vw 7.69231vw 6.38298vw; }
  .contArea__top .top-head:before { content: ''; position: absolute; width: 12.92962vw; height: 12.92962vw; top: 6.05565vw; right: 5.40098vw; }
  .contArea__top .top-head h2 { margin-bottom: 3.27332vw; font-size: 11.34534vw; }
  .contArea__top .top-head ._lead p { font-size: 4.58265vw; }
  .contArea__block .is-bg-color { margin-top: 3.27332vw; padding-top: 6.54664vw; padding-bottom: 7.36498vw; }
  .contArea__block .is-bg-color h4._ttl { margin-bottom: 4.90998vw; padding-left: 17.18494vw; font-size: 4.90998vw; }
  .contArea__block .is-bg-color h4._ttl:before { content: ''; position: absolute; width: 12.92962vw; height: 12.92962vw; }
  .contArea__block .is-bg-color ._text { font-size: 4.25532vw; }
  .contArea__block .is-bg-color ._list-note li { font-size: 2.61866vw; line-height: 1.7; text-indent: -1.6em; }
  .contArea__block .is-bg-color ._font-s { font-size: 2.61866vw; line-height: 1.7; }
  .contArea ._block01 .is-bg-visual { position: relative; width: 100vw; height: 60.22913vw; background: url("/static/rewards/tumbler_thank_you/images/bg-01.png") no-repeat top left; background-size: 100% 100%; }
  .contArea ._block01 .is-bg-visual ._lead { position: absolute; top: 6.38298vw; left: 0; width: 100vw; text-align: center; font-family: 'SoDoSans'; font-size: 10.47463vw; }
  .contArea ._block01 .is-bg-visual ._text { position: absolute; top: 23.73159vw; left: 0; width: 100vw; font-size: 4.25532vw; line-height: 1.8; }
  .contArea ._block01 .is-bg-color ._list-note { margin-top: 6.54664vw; }
  .contArea ._block01 .is-bg-color ._text._font-s { margin-top: 4.25532vw; }
  .contArea ._block01 ._bnr { width: 100%; height: 92.79869vw; }
  .contArea ._block02 ._bnr { width: 100%; height: 150.08183vw; }
  .contArea ._block03 .is-bg-color h4._ttl { font-size: 6.05565vw; }
  .contArea ._block03 .is-bg-visual { position: relative; width: 100vw; height: 92.79869vw; }
  .contArea ._block03 .is-bg-visual ._lead { position: absolute; top: 50%; left: 6.38298vw; transform: translateY(-50%); font-family: 'SoDoSans'; font-size: 10.07692vw; line-height: 1.54; font-weight: bold; color: #fff; letter-spacing: 0.05em; }
  .contArea ._block04 ._btnWrap { width: 86.90671vw; margin: 8.34697vw auto 16.36661vw; }
  .contArea ._block04 ._btnWrap ._btn { display: block; padding: 2.78232vw; border: 1px solid #006241; font-size: 3.9509vw; }
  .contArea ._block04 ._notes { margin-bottom: 8.18331vw; font-size: 2.46809vw; } }