@charset "UTF-8";

:where(.jtoab2025q4 h1, .jtoab2025q4 h2, .jtoab2025q4 h3, .jtoab2025q4 h4, .jtoab2025q4 h5, .jtoab2025q4 h6, .jtoab2025q4 p, .jtoab2025q4 dl, .jtoab2025q4 dt, .jtoab2025q4 dd){
  margin:0;
  padding:0;
}

:where(.jtoab2025q4 figure){
  margin:0;
  text-align:center;
}

:where(.jtoab2025q4 img){
  vertical-align:bottom;
  max-width:100%;
  height:auto;
}

:where(.jtoab2025q4 th){
  font-weight:normal;
}

:is(.sc-logos){
  background-color:#ddd;
  padding-top:1em;
  padding-bottom:1em;
}


[data-view=">2xl"],
[data-view=">lg"],
[data-view=">md"],
[data-view=">sm"],
[data-view=">xl"],
[data-view="<2xl"],
[data-view="<lg"],
[data-view="<md"],
[data-view="<sm"],
[data-view="&lt;xl"],[data-view="2xl"],[data-view="<2xl"],[data-view="<lg"],[data-view="<md"],[data-view="<sm"],[data-view="<xl"],[data-view=">2xl"],[data-view=">lg"],[data-view=">md"],[data-view=">sm"],[data-view=">xl"],[data-view=lg],[data-view=md],[data-view=sm],[data-view=xl]{
  display:none;
}

:root{
  --fgcolor:#4a1f00;
  --bgcolor:#eddabc;
  --bgcolor-light:#fcf3e5;
  --theme-brown-light:#b94d00;
}

:is(.jtoab2025q4 *){
  box-sizing:border-box;
}

.pj-contents{
  margin-top:0;
  background-color:var(--bgcolor);
  color:var(--fgcolor);
  font-family:"Noto Sans JP", sans-serif;
}
.pj-contents :is(a:hover){
  color:inherit;
}

:is(:link){
  transition:filter .36s ease;
}

:where(.mail-link){
  word-break:break-all;
}

:where(.font-bold){
  font-weight:700;
}

:where(.font-normal){
  font-weight:400;
}

:where(.text-brown-700){
  color:var(--theme-brown-light);
}

:where(.text-brown-500){
  color:var(--fgcolor);
}

:where(.text-shadow-white){
  text-shadow:2px 2px 2px #fff;
}

:where(.text-xs){
  font-size:2.9333vw;
}

:where(.text-sm){
  font-size:3.2vw;
}

:where(.text-md){
  font-size:3.4667vw;
}

:where(.text-lg){
  font-size:3.7333vw;
}

:where(.text-xl){
  font-size:4.2667vw;
}

:where(.text-2xl){
  font-size:4.8vw;
}

:where(.text-3xl){
  font-size:5.0667vw;
}

:where(.text-4xl){
  font-size:5.6vw;
}

:where(.text-5xl){
  font-size:6.9333vw;
}

:where(.text-center){
  text-align:center;
}

:where(.text-right){
  text-align:right;
}

.hero :is(img){
  width:100%;
  height:auto;
}

.menu{
  display:grid;
  place-items:center;
  background-image:url("../images/menu-bg_mo.jpg");
  background-size:auto 100%;
  height:32.2667vw;
}

.menu-list{
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:1fr 1fr;
  justify-content:center;
  align-items:center;
  gap:2.4vw 4.2667vw;
  margin:0;
  padding:0;
}
.menu-list > .menu-list_item{
  display:grid;
  place-items:center;
  margin:0;
  padding:0;
  height:min-content;
}

.menu-link{
  display:grid;
  place-items:center;
  background-image:url("../images/menu-link-bg_mo.png");
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat;
  width:42.1333vw;
  height:10.9333vw;
  color:var(--fgcolor);
  font-size:3.4667vw;
  text-align:center;
  text-decoration:none;
}

.intro{
  padding:9.3333vw 0 3.4667vw;
}
.intro .section-container,.intro .text-box{
  display:grid;
  place-items:center;
}
.intro .text-box{
  background-image:url("../images/intro-bg_mo.jpg");
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat;
  padding:5.6vw;
  width:92vw;
  height:59.3333vw;
}
.intro .text-container{
  font-size:3.4667vw;
  line-height:1.8;
  text-align:center;
}

.campaign-entry{
  padding:3.4667vw 0 2.1333vw;
}
.campaign-entry .section-title{
  display:grid;
  place-items:center;
  margin-top:0;
  margin-bottom:0;
}
.campaign-entry .step-list{
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  gap:2.1333vw;
  margin:0;
  padding:4.2667vw 0;
}
.campaign-entry .step-list_item{
  display:block;
  position:relative;
  z-index:1;
  padding:0 0 9.8667vw;
  width:92vw;
}
.campaign-entry .step-list_item::after{
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  clip-path:polygon(0 6.4vw, 100% 6.4vw, 100% 100%, 0 100%);
  filter:drop-shadow(0 3px 6px #000000);
  background-image:linear-gradient(#fff, #fff);
  width:100%;
  height:100%;
  content:"";
}
.campaign-entry .step-list_item:nth-of-type(1){
  padding-bottom:17.8667vw;
}
.campaign-entry .step-list_item:nth-of-type(1)::after{
  clip-path:polygon(0 6.4vw, 100% 6.4vw, 100% 90%, 60% 90%, 50% 100%, 40% 90%, 0 90%);
}
.campaign-entry .step-badge{
  margin:0 auto;
  width:25.3333vw;
}
.campaign-entry .step-heading{
  margin-block-start:.64em;
}
.campaign-entry .step-body{
  padding:4.2667vw 6.9333vw;
}

.apply{
  padding:2.1333vw 0 12.8vw;
}
.apply .apply-link{
  display:grid;
  place-items:center;
  margin:0 auto;
  width:66.6667vw;
}
.apply .apply-caption{
  margin-block-start:1.25em;
  padding:0 4.2667vw;
}

:is(.plain-list){
  margin:0;
  padding:0;
}

:is(.plain-list > .plain-list_item){
  padding-left:0;
  list-style:none;
}

.prize{
  mask-mode:initial;
  mask-repeat:repeat;
  mask-origin:initial;
  mask-clip:initial;
  mask-composite:add;
  background-color:#5d2d10;
  padding:16vw 0;
  color:#fff;
  mask-position-x:2.6667vw;
  mask-position-y:-5.3333vw;
  mask-image:repeating-conic-gradient(from 135deg at 50% 5.3333vw, #0000 0deg, #000 1deg, #000 89deg, #0000 90deg, #0000 180deg);
  mask-size:10.6667vw;
}
.prize > .section-container{
  padding:9.8667vw 0;
}
.prize .section-title{
  display:grid;
  place-items:center;
  margin-top:0;
  margin-bottom:0;
}
.prize .prize-list{
  display:grid;
  grid-template-columns:1fr;
  justify-content:center;
  align-items:center;
  gap:8vw;
  margin-right:auto;
  margin-left:auto;
  margin-block-start:9.8667vw;
  width:92vw;
}
.prize .prize-list > .prize-list_item{
  position:relative;
  margin-right:auto;
  margin-left:auto;
  background-color:#000;
  width:80vw;
  color:#fde9a6;
}
.prize .prize-list > .prize-list_item::after{
  display:block;
  position:absolute;
  right:.13em;
  bottom:-1.75em;
  content:"※画像はイメージです。";
  font-size:2.9333vw;
}
.prize .prize-photo{
  position:relative;
  color:#fde9a6;
}
.prize .prize-photo::after{
  display:block;
  position:absolute;
  right:.13em;
  bottom:-1.75em;
  content:"※画像はイメージです。";
  font-size:2.9333vw;
}
.prize .prize-info{
  display:grid;
  grid-template-rows:auto auto;
  grid-template-columns:60% 40%;
  gap:2.1333vw;
  background-color:#000;
  padding:3.2vw 4.2667vw;
}
.prize .prize-info .title{
  grid-column:1 /  3;
  text-align:center;
}
.prize .prize-info .title > .text-4xl{
  line-height:1.33;
}
.prize .prize-info .cut{
  grid-column:1 /  2;
  justify-self:end;
  border:1px solid #707070;
  background-color:#fde9a6;
  padding:.12em 1.25em .12em .64em;
  color:#000;
}
.prize .prize-info .cut > .text-lg{
  line-height:1;
}
.prize .prize-info .weight{
  grid-column:2 /  3;
  justify-self:start;
}
.prize .prize-info .weight > .text-2xl{
  line-height:1.5;
}

.detail{
  padding:3.2vw 0 6.4vw;
}
.detail .section-title{
  display:grid;
  place-items:center;
  margin-top:0;
  margin-bottom:0;
}
.detail .heading{
  margin-top:0;
  margin-bottom:0;
  margin-block:.34em;
}
.detail .track{
  display:grid;
  grid-template-columns:1fr;
  gap:4.8vw;
  margin-right:auto;
  margin-left:auto;
  margin-block-start:8.5333vw;
  background-image:url("../images/detail-bg_mo.jpg");
  background-position:0 0;
  background-repeat:repeat;
  padding:4.8vw 3.2vw;
  width:92vw;
}
.detail .track > .track-content{
  box-shadow:0 3px 6px #00000029;
  background-color:var(--bgcolor-light);
  padding:3.2vw 2.4vw;
  width:100%;
}
.detail .table-component{
  width:100%;
}
.detail .table-component.border-dashed :is(tr + tr > th, tr + tr > td){
  border-top:1px dashed #4a1f00;
}
.detail .table-component :where(td, th){
  padding:.23em .48em;
}
.detail .table-component :is(th){
  vertical-align:top;
  padding-right:0;
  width:36%;
  text-align:left;
}
.detail .table-component :is(td){
  padding-left:0;
  width:64%;
}
.detail .text-box{
  margin-right:auto;
  margin-left:auto;
  max-width:78.6667vw;
}
.detail .text-box.bg-white{
  background-color:#fff;
}
.detail .text-box.scrollable-y{
  padding:.34em .5em;
  max-height:58dvh;
  overflow-y:scroll;
}

.terms .text-box{
  padding:3.2vw 4.2667vw;
}

.contact{
  padding:3.2vw 0;
}
.contact .section-title{
  display:grid;
  place-items:center;
}
.contact .table-component{
  margin-right:auto;
  margin-left:auto;
  max-width:88vw;
}
.contact .table-component :where(td, th){
  padding:.23em .48em;
}
.contact .table-component :is(th){
  vertical-align:top;
  padding-right:0;
  width:38%;
  text-align:right;
}
.contact .table-component :is(td){
  padding-left:0;
  width:62%;
}
.contact .notice{
  margin-right:auto;
  margin-left:auto;
  max-width:88vw;
}
.contact .notice .plain-list_item{
  padding-left:1em;
  text-indent:-1em;
}

.usmef-brand{
  padding:9.8667vw 0 3.2vw;
}
.usmef-brand .usmef-brand_logo{
  display:grid;
  place-items:center;
}
.usmef-brand .usmef-brand_logo :is(img){
  max-width:34.6667vw;
}

.campaign-title{
  padding:3.2vw;
}
.campaign-title > .section-container{
  display:grid;
  place-items:center;
}

:is(.raffle-title){
  padding-top:9.8667vw;
}
:is(.raffle-title) .section-title{
  display:grid;
  place-items:center;
  margin-top:0;
  margin-bottom:0;
}

:is(.campaign-title + .raffle-title){
  margin-block-start:0;
}

:is(.raffle-movie) :where(video){
  vertical-align:bottom;
}
:is(.raffle-movie) .video-container{
  position:relative;
  margin:9.8667vw auto;
  background-color:#000000e0;
  width:80vw;
}
:is(.raffle-movie) .video-container #mute-button{
  position:absolute;
  right:1.5vw;
  bottom:2.5vw;
  opacity:.5;
  transition:opacity .18s;
  cursor:pointer;
  background-size:100% auto;
  width:10vw;
  height:10vw;
}
:is(.raffle-movie) .video-container #mute-button.-muted{
  background-image:url("../images/button_mute_01.png");
}
:is(.raffle-movie) .video-container #mute-button.-unmute{
  background-image:url("../images/button_mute_02.png");
}
:is(.raffle-movie) .video-container #mute-button:hover{
  opacity:1;
}
:is(.raffle-movie) #play-button{
  position:absolute;
  right:1.5vw;
  bottom:13.5vw;
  opacity:.5;
  transition:.18s;
  cursor:pointer;
  background-size:100% auto;
  width:10vw;
  height:10vw;
}
:is(.raffle-movie) #play-button.-play{
  background-image:url("../images/button_play_01.png");
}
:is(.raffle-movie) #play-button.-stop{
  background-image:url("../images/button_play_02.png");
}
:is(.raffle-movie) #play-button.-playback{
  opacity:1;
  background-image:url("../images/button_play_03.png");
}
:is(.raffle-movie) #play-button.-start{
  right:50%;
  bottom:50%;
  transform:translate(50%, 50%);
  width:20vw;
  height:20vw;
}
:is(.raffle-movie) #play-button:hover{
  opacity:1;
}

:is(.raffle-result){
  margin-right:auto;
  margin-left:auto;
  width:92vw;
}
:is(.raffle-result) .raffle-result_heading{
  display:grid;
  place-items:center;
  margin-top:0;
  margin-bottom:0;
}
:is(.raffle-result) .raffle-result_prize{
  display:flex;
  flex-flow:column nowrap;
  justify-content:start;
  align-items:center;
}
:is(.raffle-result) .raffle-result_prize + *{
  margin-block-start:2.34em;
}
:is(.raffle-result) .raffle-result_prize .prize-figure{
  width:92vw;
}
:is(.raffle-result) .raffle-resuilt_link{
  display:grid;
  place-items:center;
}
:is(.raffle-result) .raffle-resuilt_link + *{
  margin-block-start:2.34em;
}
:is(.raffle-result) .raffle-resuilt_link .button-link{
  display:block;
}

:is(.privacy-policy) .heading{
  margin-top:0;
  margin-bottom:0;
}
:is(.privacy-policy) .heading + *{
  margin-block-start:1.75em;
}
:is(.privacy-policy) .track{
  display:grid;
  grid-template-columns:1fr;
  gap:4.8vw;
  margin-right:auto;
  margin-left:auto;
  margin-block-start:8.5333vw;
  background-image:url("../images/detail-bg_mo.jpg");
  background-position:0 0;
  background-repeat:repeat;
  padding:4.8vw 3.2vw;
  width:92vw;
}
:is(.privacy-policy) .track > .track-content{
  box-shadow:0 3px 6px #00000029;
  background-color:var(--bgcolor-light);
  padding:3.2vw 2.4vw;
  width:100%;
}

:is(.navigation) .link-list{
  display:flex;
  flex-flow:column nowrap;
  justify-content:center;
  align-items:center;
  gap:6.4vw;
  margin-block-start:9.8667vw;
}
:is(.navigation) .button-link{
  display:block;
}

:is(#f-form) .message{
  margin-right:auto;
  margin-left:auto;
  box-shadow:0 3px 6px #00000029;
  background-color:var(--bgcolor-light);
  padding:5.6vw;
  width:92vw;
}
:is(#f-form) :is(.c-forms .block-heading){
  margin-right:auto;
  margin-left:auto;
  border-radius:9999px;
  background-color:#77421b;
  padding:1.6vw 0;
  max-width:92vw;
  color:#fff;
}
:is(#f-form) .section-input .u-field{
  box-sizing:border-box;
  margin:0 auto;
  border-bottom:1px solid #ecd67c;
  padding:4.2667vw 0;
  width:92vw;
}
:is(#f-form) .section-input .u-field + .u-field{
  border-top:1px solid #8b6a52;
}
:is(#f-form) .section-input .u-field.-cancel{
  border-bottom:none;
}
:is(#f-form) .section-input .u-field.-hidden{
  display:none;
}
:is(#f-form) .section-input .u-field .u-head{
  padding:0 3.6vw 3.0667vw;
  font-size:4vw;
}
:is(#f-form) .section-input .u-field .u-head .c-label + p{
  margin-top:1em;
}
:is(#f-form) .section-input .u-field .u-body{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  align-items:start;
  gap:0 2.4vw;
  margin:0 auto;
  width:85.3333vw;
}
:is(#f-form) .section-input .u-field .u-body > label, :is(#f-form) .section-input .u-field .u-body input[type=text], :is(#f-form) .section-input .u-field .u-body textarea{
  transition:border .36s ease-out,background-color .36s ease-out;
  box-sizing:border-box;
  border:none;
  border-radius:4px;
  background-color:#fff;
  font-size:3.7333vw;
}
:is(#f-form) .section-input .u-field .u-body > label:active, :is(#f-form) .section-input .u-field .u-body > label:focus, :is(#f-form) .section-input .u-field .u-body input[type=text]:active, :is(#f-form) .section-input .u-field .u-body input[type=text]:focus, :is(#f-form) .section-input .u-field .u-body textarea:active, :is(#f-form) .section-input .u-field .u-body textarea:focus{
  border-color:#666;
  background-color:#fff;
}
 :is(#f-form) .section-input .u-field .u-body.-thin > input[type=text],:is(#f-form) .section-input .u-field .u-body.-thin > label, :is(#f-form) .section-input .u-field .u-body.-thin > textarea, :is(#f-form) .section-input .u-field .u-body.-zipcode > input[type=text]{
  width:37.3333vw;
}
 :is(#f-form) .section-input .u-field .u-body.-fill > input[type=text],:is(#f-form) .section-input .u-field .u-body.-fill > label, :is(#f-form) .section-input .u-field .u-body.-fill > textarea{
  width:100%;
}
:is(#f-form) .section-input .u-field .u-body.-thin.-deli{
  --gap:2.4vw;
  justify-content:start;
  gap:var(--gap);
}
:is(#f-form) .section-input .u-field .u-body.-thin.-deli > label{
  margin-top:0;
  width:calc(50% - var(--gap)/2);
}
:is(#f-form) .section-input .u-field .u-body.-zipcode > button{
  appearance:none;
  transition:background-color .18s;
  margin:.5333vw auto 0 4vw;
  border:0;
  border-radius:4px;
  background-color:#aaa;
  padding:1.6vw 0;
  width:24.8vw;
  color:#fff;
  font-size:4vw;
  font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
:is(#f-form) .section-input .u-field .u-body.-zipcode > button:active{
  box-shadow:none;
  background-color:#b5b5b5;
}
:is(#f-form) .section-input .u-field .u-body.-trichotomy{
  justify-content:center;
}
:is(#f-form) .section-input .u-field .u-body.-trichotomy > label{
  width:27.5%;
  font-size:4vw;
}
:is(#f-form) .section-input .u-field .u-body.-trichotomy > label:nth-child(1),:is(#f-form) .section-input .u-field .u-body.-trichotomy > label:nth-child(2),:is(#f-form) .section-input .u-field .u-body.-trichotomy > label:nth-child(4){
  margin-right:8.75%;
}
:is(#f-form) .section-input .u-field .u-body:is(.grid-container){
  display:grid;
  justify-content:start;
  align-items:start;
}
:is(#f-form) .section-input .u-field .u-body:is(#f-delivery.grid-container){
  grid-template-columns:1fr 1fr;
  align-items:center;
}
:is(#f-form) .section-input .u-field .u-body:is(#f-delivery.grid-container) .-error{
  grid-column:span 3;
}
:is(#f-form) .section-input .u-field .u-body > label{
  display:flex;
  flex-flow:row nowrap;
  justify-content:start;
  align-items:center;
  cursor:pointer;
  padding:0 .6em;
  height:10.6667vw;
  color:#000;
}
:is(#f-form) .section-input .u-field .u-body > input[type=text]{
  padding:0 .6em;
  height:10.6667vw;
}
:is(#f-form) .section-input .u-field .u-body > textarea{
  padding:.6em;
  height:42.6667vw;
}
:is(#f-form) .section-input .u-field .u-body .f-confirm{
  margin-right:auto;
  font-size:4vw;
  word-break:break-all;
}
:is(#f-form) .section-input .u-field .u-body span.-note{
  display:block;
  margin-top:.5em;
  width:100%;
  color:#fff;
}
:is(#f-form) .section-input .u-field .u-body span.-error{
  display:block;
  margin-top:.5em;
  width:100%;
  color:#c00;
  font-size:2.6667vw;
}
:is(#f-form) .section-input .u-field.-enquete .u-body{
  box-sizing:border-box;
  margin-block-start:.75em;
  width:92vw;
}
:is(#f-form) .section-input .u-field.-enquete .u-body span.-error{
  display:block;
  margin-top:.5em;
  width:100%;
  color:#c00;
}
:is(#f-form) .section-input .u-field.-enquete .u-body .f-confirm{
  display:block;
  margin-top:.5em;
  background-color:#fff;
  padding:.8em 1em;
  width:100%;
  color:#563f35;
  text-align:center;
}
:is(#f-form) .section-input .u-field.-enquete .u-body .f-confirm.-text{
  text-align:left;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-between;
  align-items:start;
  margin:0 auto;
  padding:0;
  width:100%;
  list-style-type:none;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item{
  box-sizing:border-box;
  margin-top:.5em;
  border-radius:1.0667vw;
  background-color:#fff;
  padding:.5em;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-fill,:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-moderate,:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-narrow,:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-normal,:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-wide{
  width:100%;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-fill textarea{
  margin:1em 5%;
  width:74.6667vw;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-nest{
  width:100%;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-empty{
  display:none;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > label{
  display:block;
  position:relative;
  color:#563f35;
  font-size:3.7333vw;
  line-height:1.8;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > label > span{
  vertical-align:top;
  line-height:1.8;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > label .-thin{
  letter-spacing:-.05em;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > textarea{
  margin:1.3333vw 0 4vw 10.6667vw;
  border:1px solid #dcdcdc;
  border-radius:0;
  width:69.3333vw;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > textarea.-free{
  margin:0;
  border:none;
  width:100%;
  height:44.4vw;
}
:is(#f-form) .section-input .u-field.-enquete .u-body > .list .c-radio{
  display:inline-grid;
}
:is(#f-form) .section-input .u-field.-enquete .c-label{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  font-size:4vw;
  line-height:1.33;
}
:is(#f-form) .section-input .u-field.-enquete .c-label::before{
  display:block;
  margin-right:2.6667vw;
  background-image:url("../images/num01.svg"), url("../images/form_listnum-bg.png");
  background-position:50%, 50%;
  background-size:auto 3.3333vw, contain;
  background-repeat:no-repeat, no-repeat;
  width:10.9333vw;
  height:12.2667vw;
  content:"";
  font-size:6.4vw;
  line-height:1;
}
:is(#f-form) .section-input .u-field.-submit{
  display:block;
}
:is(#f-form) .section-input .u-field.-submit .c-button{
  display:block;
  margin:0 auto;
  border:none;
  background:none;
  width:77.6vw;
}
:is(#f-form) .section-input .u-field.-submit .c-button.-small{
  margin:5.3333vw auto 0;
  width:60.2667vw;
}
:is(#f-form) .section-input .c-radio{
  --mark-size:1.5em;
  --checked-color:#343434;
  --unchecked-color:#dcdcdc;
  --dot-scale:0.58;
  display:grid;
  position:relative;
  place-items:center;
  vertical-align:middle;
  appearance:none;
  transition:background-color .2s ease;
  cursor:pointer;
  margin-right:.5em;
  outline:none;
}
:is(#f-form) .section-input .c-radio,:is(#f-form) .section-input .c-radio::before{
  border-radius:9999px;
  background-color:var(--unchecked-color);
  width:var(--mark-size);
  height:var(--mark-size);
}
:is(#f-form) .section-input .c-radio::before{
  position:absolute;
  content:"";
}
:is(#f-form) .section-input .c-radio::after{
  position:absolute;
  transform:scale(0);
  transition:transform .2s ease;
  border-radius:50%;
  background-color:var(--checked-color);
  width:calc(var(--mark-size)*var(--dot-scale));
  height:calc(var(--mark-size)*var(--dot-scale));
  content:"";
}
:is(#f-form) .section-input .c-radio:checked{
  background-color:var(--unchecked-color);
}
:is(#f-form) .section-input .c-radio:checked::after{
  transform:scale(1);
}
:is(#f-form) .section-input .c-radio:hover:not(:disabled){
  opacity:.8;
}
:is(#f-form) .section-input .c-radio:focus-visible{
  box-shadow:0 0 0 2px #0003;
}
:is(#f-form) .section-input .c-checkbox{
  position:relative;
  vertical-align:middle;
  appearance:none;
  margin-right:.5em;
  outline:none;
  width:5.3333vw;
  height:5.3333vw;
}
:is(#f-form) .section-input .c-checkbox::before{
  display:block;
  position:absolute;
  top:0;
  left:0;
  background-color:#dcdcdc;
  width:5.3333vw;
  height:5.3333vw;
  content:"";
}
:is(#f-form) .section-input .c-checkbox:checked::before{
  display:block;
  background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABgCAYAAADVenpJAAAFL0lEQVR4nO2d3YtVZRTGf9PUWEdlmMZC+yAqrCi6j7qJCJKg76IIK0bNxERrUNT0Yrqrq/6EICi666qSIPu2pMymEisaNb0YG4ZkjCIinC72bM5iPGdmn733ete7914/eO7Xs573XXufc969DzhVZDXwKjAOnAUOA68A11oW5YRhFDgHzHbQf8Bmu9IcbcboHPx87TWqz1HkZbKFn2q3TZmOBmP0Fn6qXQa1OiUzRr7w/XJQA/ZQLPxUO0IX7hRnL+WEn2o0bPlOEcoOP9XOkCacfOxCJ3yfBBVAa+f7IqgAuwkTfqr1YWw5WRglbPipVoYw5yzMTmzCnwVeC+DPWYAd2IU/CxzTt+h0w2rsS51Td+l0ZDv24c8C09pGnfN5EfvgU72j7NWZxwvYhy51u65dR7IV+8Cl3tC160i2YR+41Lu6dh2Jh99gnsc+cKl9unYdyRbsA5d6T9euI4kt/Pd17TqSZ7EPXGq/rl1Hshn7wKX8mh+QTdgHLvWBrl1HEtvY/0jXriPZgH3gvvONWI994L7zjViHfeBSn+jabbMU2Ai8TvLlwlskv3JdEaqACBjBPnCpz3XttlkDTHYp4m+Sm6G609jwn8xY0J5QBRnQ2PAf7rGwOj6W/AT2gUsd0LXb5tGcBb4UqsAAZJ1+ofSVrt02jxcstA6TYC32gc/f+f2qjud4oKSCq/wc2mPYBy51SNdumwdLLryKjyXHOPYvVHU8x0NKBqo0CYpe+srWQQKFX9bYr/Ii0NoAefWtrt029wcytD2UoRzk/cSjpW+AAVXHc9wZ2Ni2EKZ65BHsA5c6RKDwLyb5Gje0wZgWQWxjf5xAH/XA9lm1LQH8LUZs4R8Glqg6nsfXCiZ6keXLjbVvenvVdwQOH7q/ebruiyC2nT9OoGv+fKZyFKuhTdpGBfcq+sijIxjs/JQ3MxRYp0Vwn6G/TvoBuETV8SLc1qEoS21U9BrbNX+c5ISVOW9j3wypdQoe10TgS+onDMd+Jz7EvilSz5XoLbZr/o/AshL9lcbH2DdHqoxJEFv4R4DlJfhS41PsmyQ1UsDL3RHUL/Ur0CrgJxj7sW9W0UVwTwR1Sx0FBnP4MOMz7Jsm9UwPtccW/s9ULPyUL7BvntTTGWqObexPEOkNXxb6SM6eWzcx6yK4K4L6pH4BhhbpcSU4gH0zpdZ2qDG28Ceo6NjvRmyXg6dEbTGO/VrsfEkf8CX2zZW6A7gxgjqkTlDD8CUHsW+yVAw/Z6c6Blyav7XV4ALiWwQxaAJYUaCvlaKP5MSqddNj0SlqPvY7cRE+CWaBk8BlBXtZWfpp9iQ4Aawq2sSq00fy9Ip1GKE1CQyX0L9asIRmTYKT+H/unccAyZl263C0dQoPvyv9wPfYh6Sl0zT4hi8rLeo5CSaBK0vsU60ZoF6TwMPPQV0WwSTNeglmqbRIDkFah5hXU/jOL0xVF8HvwFUK/WgkS6nWIjgNXK3SiQbTIjkZax3uYjqDh6/GcuKeBNPANWruHSA5IRvjJJgCrlf07QhaJAcorENPNYOP/eAMEcckmMZ3vhmDJGfnrcL/Aw/fnGXYXA5mgOsC+HMyMEzYSTADrA7izMnMIMmxag+/wQwBx/HwG80wyWHLssP/E7ghnA2nCMOUOwn+InmEzKkQZU2CGeCWsKU7ZTFMcgI3b/j/ADcFr9oplcuB38g39m82qNdRYCW9TYKzwK0mlTpqrKD7/xZL/YuP/dqyioXfXnYUv+FrBCPAPpJf8s6QvOF0K8lzik4P/A8IABg7TaO+ggAAAABJRU5ErkJggg==");
  background-position:50%;
  background-size:contain;
  background-repeat:no-repeat;
  width:6vw;
  height:6vw;
  content:"";
}
:is(#f-form) .section-input .c-select{
  position:relative;
  appearance:none;
  cursor:pointer;
  box-sizing:border-box;
  border:.1333vw solid #b5b5b5;
  border-radius:4px;
  background-image:linear-gradient(45deg, transparentq 50%, gray 0), linear-gradient(135deg, gray 50%, #0000 0);
  background-position:calc(100% - 25px) calc(.8em + 2px), calc(100% - 15px) calc(.8em + 2px);
  background-size:.7em .7em, .7em .7em;
  background-repeat:no-repeat;
  background-color:#b5b5b5;
  padding:0 .6em;
  width:100%;
  height:10.6667vw;
  font-size:4vw;
}
:is(.form-notice),:is(.form-notice) + *{
  margin-block-start:2.25em;
}

:is(.error-list) .error-list_item{
  padding:.34em 0;
  color:#c00;
}
:is(.error-list) .error-list_item + .error-list_item{
  border-top:1px dashed var(--fgcolor);
}

:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="01"]::before{
  background-image:url("../images/num01.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="02"]::before{
  background-image:url("../images/num02.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="03"]::before{
  background-image:url("../images/num03.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="04"]::before{
  background-image:url("../images/num04.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="05"]::before{
  background-image:url("../images/num05.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="06"]::before{
  background-image:url("../images/num06.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="07"]::before{
  background-image:url("../images/num07.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="08"]::before{
  background-image:url("../images/num08.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="09"]::before{
  background-image:url("../images/num09.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="10"]::before{
  background-image:url("../images/num10.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="11"]::before{
  background-image:url("../images/num11.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="12"]::before{
  background-image:url("../images/num12.svg"), url("../images/form_listnum-bg.png");
}
:is(#f-form) .section-input .u-field.-enquete .c-label[data-enq-num="13"]::before{
  background-image:url("../images/num13.svg"), url("../images/form_listnum-bg.png");
}
@media (min-width:668px){
  [data-view=sm]{
    display:revert;
  }}
@media not all and (min-width:668px){
  
  [data-view="&gt;sm"],
  [data-view="&lt;sm"],[data-view="<sm"],[data-view=">sm"]{
    display:revert;
  }}
@media (min-width:800px){
  [data-view=md]{
    display:revert;
  }
  :is(.tel-link){
    cursor:auto;
    pointer-events:none;
    color:var(--fgcolor);
    text-decoration:none;
  }
  :where(.text-xs){
    font-size:12px;
  }
  :where(.text-sm){
    font-size:14px;
  }
  :where(.text-md){
    font-size:16px;
  }
  :where(.text-lg){
    font-size:18px;
  }
  :where(.text-xl){
    font-size:24px;
  }
  :where(.text-2xl){
    font-size:26px;
  }
  :where(.text-3xl){
    font-size:28px;
  }
  :where(.text-4xl){
    font-size:34px;
  }
  :where(.text-5xl){
    font-size:60px;
  }
  .menu{
    background-image:url("../images/menu-bg.jpg");
    background-position:50%;
    background-size:auto 100%;
    background-repeat:repeat-x;
    height:148px;
  }
  .menu-list{
    grid-template-rows:auto;
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:5px;
    margin-right:auto;
    margin-left:auto;
    width:100%;
    max-width:1100px;
  }
  .menu-link{
    background-image:url("../images/menu-link-bg.png");
    background-size:100% auto;
    width:270px;
    height:70px;
    font-size:22px;
  }
  .intro{
    padding:64px 32px 56px;
  }
  .intro .text-box{
    background-image:url("../images/intro-bg.jpg");
    padding:0;
    width:723px;
    height:248px;
  }
  .intro .text-container{
    font-size:20px;
    line-height:1.67;
  }
  .campaign-entry{
    padding:56px 32px 24px;
  }
  .campaign-entry .step-list{
    display:grid;
    grid-template-rows:auto;
    grid-template-columns:auto auto;
    align-items:stretch;
    gap:0;
    margin-right:auto;
    margin-left:auto;
    padding:26px 0;
    max-width:1100px;
  }
  .campaign-entry .step-list_item{
    display:grid;
    grid-template-rows:auto fit-content 1fr;
    grid-template-columns:1fr;
    gap:12px;
    padding:0;
    width:100%;
  }
  .campaign-entry .step-list_item::after{
    clip-path:polygon(0 40px, 100% 40px, 100% 100%, 0 100%);
  }
  .campaign-entry .step-list_item:nth-of-type(1){
    padding-right:66px;
    padding-bottom:0;
  }
  .campaign-entry .step-list_item:nth-of-type(1)::after{
    clip-path:polygon(0 40px, calc(100% - 66px) 40px, calc(100% - 66px) 44%, 100% 56%, calc(100% - 66px) 68%, calc(100% - 66px) 100%, 0 100%);
  }
  .campaign-entry .step-badge{
    width:164px;
  }
  .campaign-entry .step-body{
    padding:0 54px 64px;
  }
  .apply{
    padding:0 0 96px;
  }
  .apply .apply-link{
    width:359px;
  }
  .prize{
    padding:100px 0;
    mask-position-x:10px;
    mask-position-y:-20px;
    mask-image:repeating-conic-gradient(from 135deg at 50% 20px, #0000 0deg, #000 1deg, #000 89deg, #0000 90deg, #0000 180deg);
    mask-size:40px;
  }
  .prize > .section-container{
    padding:0;
  }
  .prize .prize-list{
    grid-template-rows:auto 1fr;
    grid-template-columns:1fr 1fr 1fr;
    gap:15px;
    margin-block-start:48px;
    max-width:1100px;
  }
  .prize .prize-list.prize-b{
    grid-template-rows:auto 1fr;
    grid-template-columns:1fr 1fr;
    align-items:start;
    gap:15px;
  }
  .prize .prize-list .prize-list_title{
    grid-column:1 /  5;
  }
  .prize .prize-list > .prize-list_item{
    width:100%;
  }
  .prize .prize-list > .prize-list_item::after,.prize .prize-photo::after{
    font-size:12px;
  }
  .prize .prize-info{
    gap:12px;
    padding:12px 32px;
  }
  .prize .prize-info .title > .text-4xl{
    font-size:26px;
  }
  .detail{
    padding:96px 0 48px;
  }
  .detail :is(.text-sm){
    font-size:18px;
  }
  .detail .track{
    gap:48px;
    margin-block-start:64px;
    background-image:url("../images/detail-bg.jpg");
    padding:48px;
    max-width:1100px;
  }
  .detail .table-component :is(th){
    width:12em;
  }
  .detail .table-component :is(td){
    width:auto;
  }
  .detail .text-box.scrollable-y{
    max-height:420px;
  }
  .terms .text-box{
    padding:24px 32px;
  }
  .contact .table-component :is(td){
    padding-left:1.25em;
  }
  .contact .notice{
    margin-block-start:1.5em;
    width:fit-content;
    max-width:unset;
  }
  .usmef-brand{
    padding:48px 0 18px;
  }
  .campaign-title{
    padding:48px 32px 32px;
  }
  :is(.raffle-title){
    padding-top:5.25rem;
  }
  :is(.raffle-movie) .video-container{
    margin:45px auto;
    width:100%;
    max-width:800px;
  }
  :is(.raffle-movie) .video-container #mute-button{
    right:15px;
    bottom:18px;
    width:40px;
    height:40px;
  }
  :is(.raffle-movie) #play-button{
    right:15px;
    bottom:70px;
    width:40px;
    height:40px;
  }
  :is(.raffle-movie) #play-button.-start{
    width:150px;
    height:150px;
  }
  :is(.raffle-result){
    margin-block-start:64px;
    width:auto;
  }
  :is(.raffle-result) .raffle-result_prize .prize-figure{
    margin-block-start:1.25em;
    width:690px;
  }
  :is(.privacy-policy) .track{
    gap:48px;
    margin-block-start:64px;
    background-image:url("../images/detail-bg.jpg");
    padding:32px;
    max-width:1100px;
  }
  :is(.privacy-policy) .track > .track-content{
    padding:24px 32px 32px;
  }
  :is(.error),:is(.navigation) .link-list{
    margin-block-start:74px;
  }
  :is(.navigation) .link-list{
    gap:54px;
  }
  :is(#f-form) .message{
    padding:32px 42px;
    max-width:1100px;
  }
  :is(#f-form) .c-forms{
    padding:0 32px;
  }
  :is(#f-form) :is(.c-forms .block-heading){
    padding:8.2px 32px;
    max-width:1100px;
  }
  :is(#f-form) .section-input .u-field{
    display:grid;
    grid-template-columns:40% 60%;
    justify-content:start;
    align-items:start;
    margin:0 auto;
    padding:32px 0;
    width:100%;
    max-width:1100px;
  }
  :is(#f-form) .section-input .u-field .u-head{
    padding:.9rem 0 0;
    width:100%;
    font-size:18px;
  }
  :is(#f-form) .section-input .u-field .u-body{
    gap:.25em;
    width:100%;
    min-width:480px;
  }
  :is(#f-form) .section-input .u-field .u-body > label, :is(#f-form) .section-input .u-field .u-body input[type=text], :is(#f-form) .section-input .u-field .u-body textarea{
    font-size:18px;
  }
   :is(#f-form) .section-input .u-field .u-body.-thin > input[type=text],:is(#f-form) .section-input .u-field .u-body.-thin > label, :is(#f-form) .section-input .u-field .u-body.-thin > textarea, :is(#f-form) .section-input .u-field .u-body.-zipcode > input[type=text]{
    width:48%;
  }
  :is(#f-form) .section-input .u-field .u-body.-thin.-deli{
    gap:18px;
  }
  :is(#f-form) .section-input .u-field .u-body.-thin.-deli > label{
    max-width:calc(33% - 10px);
  }
  :is(#f-form) .section-input .u-field .u-body.-nos{
    justify-content:start;
  }
  :is(#f-form) .section-input .u-field .u-body.-nos > label{
    margin:0 30px 0 0;
    padding-right:1.8em;
    width:auto;
  }
  :is(#f-form) .section-input .u-field .u-body.-zipcode > button{
    margin:3px auto 0 30px;
    padding:0;
    width:110px;
    height:44px;
    font-size:18px;
  }
  :is(#f-form) .section-input .u-field .u-body.-trichotomy > label{
    font-size:18px;
  }
  :is(#f-form) .section-input .u-field .u-body:is(#f-delivery.grid-container){
    grid-template-columns:5.5em auto auto;
    gap:12px 18px;
  }
  :is(#f-form) .section-input .u-field .u-body > input[type=text],:is(#f-form) .section-input .u-field .u-body > label{
    height:50px;
  }
  :is(#f-form) .section-input .u-field .u-body > textarea{
    height:180px;
  }
  :is(#f-form) .section-input .u-field .u-body .f-confirm{
    padding-top:.9em;
    font-size:18px;
  }
  :is(#f-form) .section-input .u-field .u-body span.-error,:is(#f-form) .section-input .u-field .u-body span.-note{
    font-size:92%;
  }
  :is(#f-form) .section-input .u-field.-enquete{
    display:block;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-head{
    width:auto;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body{
    width:100%;
    max-width:1100px;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body span.-error{
    font-size:92%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list{
    margin:0 0 0 auto;
    width:100%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item{
    border-radius:8px;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-moderate,:is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-narrow{
    width:32.6%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-normal{
    width:49.5%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-wide{
    width:66.3%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-fill textarea{
    width:89%;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-nest{
    display:flex;
    flex-flow:row nowrap;
    justify-content:space-between;
    align-items:start;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item.-empty{
    display:initial;
    visibility:hidden;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > label{
    font-size:16px;
    line-height:1.5;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > textarea{
    margin:15px 20px 25px auto;
    width:620px;
    height:117px;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-body > .list > .item > textarea.-free{
    margin:0;
    height:117px;
  }
  :is(#f-form) .section-input .u-field.-enquete .c-label{
    font-size:16px;
  }
  :is(#f-form) .section-input .u-field.-enquete .c-label::before{
    margin-right:22px;
    background-position:center 45%, 50%;
    background-size:auto 32px, contain;
    width:82px;
    height:92px;
    font-size:30px;
  }
  :is(#f-form) .section-input .u-field.-submit .c-button{
    max-width:465px;
  }
  :is(#f-form) .section-input .u-field.-submit .c-button.-small{
    margin-top:40px;
    max-width:322px;
  }
  :is(#f-form) .section-input .c-checkbox,:is(#f-form) .section-input .c-checkbox::before{
    width:19px;
    height:19px;
  }
  :is(#f-form) .section-input .c-checkbox:checked::before{
    border-width:2px;
    width:1.1em;
    height:1.1em;
  }
  :is(#f-form) .section-input .c-select{
    height:50px;
    font-size:18px;
  }}
@media not all and (min-width:800px){
  
  [data-view="&gt;md"],
  [data-view="&lt;md"],[data-view="<md"],[data-view=">md"]{
    display:revert;
  }
  .campaign-entry :where(.section-title img){
    width:72.8vw;
  }
  .prize :where(.section-title img){
    width:72.8vw;
  }
  .detail :where(.section-title img){
    width:72.8vw;
  }
  .contact :where(.section-title img){
    width:72.8vw;
  }
  .campaign-title > .section-container{
    margin-right:auto;
    margin-left:auto;
    width:53.6vw;
  }
  :is(.raffle-title) :where(.section-title img){
    width:72.8vw;
  }
  :is(.navigation) .button-link,:is(.raffle-result) .raffle-resuilt_link .button-link{
    width:77.3333vw;
  }
  :is(#f-form) .section-input .u-field .u-body:is(#f-delivery.grid-container) .heading{
    grid-column:1 /  4;
    padding:1.6vw 0;
    text-align:left;
  }
  :is(#f-form) .section-input .u-field.-enquete .u-head{
    padding-right:0;
    padding-left:0;
  }}
@media (min-width:1030px){
  [data-view=lg]{
    display:revert;
  }}
@media not all and (min-width:1030px){
  
  [data-view="&gt;lg"],
  [data-view="&lt;lg"],[data-view="<lg"],[data-view=">lg"]{
    display:revert;
  }}
@media (min-width:1380px){
  [data-view=xl]{
    display:revert;
  }}
@media not all and (min-width:1380px){
  
  [data-view="&gt;xl"],
  [data-view="&lt;xl"],[data-view="<xl"],[data-view=">xl"]{
    display:revert;
  }}
@media (min-width:1920px){
  [data-view="2xl"]{
    display:revert;
  }}
@media not all and (min-width:1920px){
  
  [data-view="&gt;2xl"],
  [data-view="&lt;2xl"],[data-view="<2xl"],[data-view=">2xl"]{
    display:revert;
  }}
@media (hover:hover) and (pointer:fine){
  :is(:link):hover{
    filter:brightness(1.12);
  }}