/*----------------------------------------------*/
/* color
/*----------------------------------------------*/
.sc-panel__body > *:first-child, .sc-challenge .sc-step-3__hash > *:first-child, .sc-terms .sc-section__header > *:first-child { margin-top: 0; }
.sc-panel__body > *:last-child, .sc-challenge .sc-step-3__hash > *:last-child, .sc-terms .sc-section__header > *:last-child { margin-bottom: 0; }

/*----------------------------------------------*/
/* scroll area
/*----------------------------------------------*/
/*
section bg #f0e9d8

acc btn #d8c8a1
acc btn arrow #4e4338
acc body #f0e9d8
*/
/*----------------------------------------------*
	common
/*----------------------------------------------*/
.pj-contents { margin: 0; }

.sc-lead > *:before, .sc-lead > *:after, .sc-section:before, .sc-section:after, .sc-section__footer:before, .sc-section__footer:after { content: ""; display: table; }

.sc-section > *:first-child, .sc-section__body > *:first-child { margin-top: 0; }
.sc-section > *:last-child, .sc-section__body > *:last-child { margin-bottom: 0; }

/* js
/* ------------------------------------ */
.js-svg_hover { width: 200px; height: auto; }

/*----------------------------------------------*
	contents
/*----------------------------------------------*/
.sc-contents { box-sizing: border-box; }
.sc-contents *, .sc-contents *:before, .sc-contents *:after { box-sizing: inherit; }
.sc-contents h1, .sc-contents h2, .sc-contents h3, .sc-contents h4, .sc-contents h5 { margin: 0; }
.sc-contents__inner { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 1.75em; padding-right: 1.75em; }
@media (max-width: 667px) { .sc-contents__inner { padding-left: 0.75em; padding-right: 0.75em; } }
.sc-contents__footer { padding: 2.75em 0; background-color: #000; }

/* section
/* ------------------------------------ */
.sc-section { padding: 4.75em 0; }
.sc-section--bg_yellow { background-color: #f0e9d8; }
.sc-section + .sc-section--join { padding-top: 0; }
.sc-section__header { text-align: center; font-family: "Noto Serif JP", serif; }
.sc-section__header h2 { position: relative; font-size: 4.8rem; margin-top: -.2rem; margin-bottom: -.2rem; color: inherit; }
.sc-section__header h2:before, .sc-section__header h2:after { content: ""; }
.sc-section__header .h-img:before, .sc-section__header .h-img:after { content: ''; display: block; position: relative; }
.sc-section__header .h-img:before { margin-top: -0.75em; }
.sc-section__header .h-img:after { margin-top: -0.25em; }
.sc-section__header + .sc-section__body { padding-top: 4.75em; }
.sc-section__footer { padding-top: 4.75em; }
@media (max-width: 800px) { .sc-section { padding: 2.75em 0; }
  .sc-section__header h2 { font-size: 2.8rem; }
  .sc-section__header + .sc-section__body { padding-top: 2.75em; }
  .sc-section__footer { padding-top: 2.75em; } }

/* step
/* ------------------------------------ */
.sc-step__list { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; margin: 0; }
.sc-step .sc-panel { border: 1px solid #333; }

/* panel
/* ------------------------------------ */
.sc-panel { padding: 2.75em; }
.sc-panel__header { font-family: "Noto Serif JP", serif; }
.sc-panel__body { padding-top: 1.75em; }
.sc-panel__footer { padding-top: 1.75em; }
@media (max-width: 667px) { .sc-panel { padding: 1.75em; } }

/* button
/* ------------------------------------ */
/*----------------------------------------------*/
/* keyVisual
/*----------------------------------------------*/
.sc-keyVisual { overflow: hidden; text-align: center; }

/*----------------------------------------------*/
/* introduction
/*----------------------------------------------*/
.sc-introduction { font-family: "Noto Serif JP", serif; font-weight: bold; text-align: center; }
.sc-introduction p { font-size: 150%; }
@media (max-width: 667px) { .sc-introduction { text-align: left; }
  .sc-introduction p { font-size: 120%; padding: 0 0.75em; }
  .sc-introduction br { display: none; } }

/*----------------------------------------------*/
/* prize
/*----------------------------------------------*/
.sc-prize h2 img { width: 37.5%; max-width: 183px; }
.sc-prize h2 + P img { width: 80%; max-width: 324px; }
.sc-prize .sc-section__header p { margin: 2.75em 0 0; }
.sc-prize__inner { max-width: 960px; margin: 0 auto; background-color: #fff; padding: 2.75em; }
.sc-prize__img { position: relative; margin-top: -1.75em !important; background: url("../img/img-prize.png") no-repeat 0 0/contain; padding-top: calc(405 / 1045 * 100%); }
.sc-prize__img img { opacity: 0; display: none; }
.sc-prize__gochipo { display: flex; align-items: flex-start; justify-items: center; justify-content: center; padding-top: 1.75em; }
.sc-prize__gochipo_img { width: 30%; }
.sc-prize__gochipo_bubble { width: 60%; background: url("../img/img-gochipo_bubble.png") no-repeat 0 0/contain; }
.sc-prize__gochipo_bubble img { opacity: 0; }
@media (max-width: 667px) { .sc-prize__inner { padding: 2.75em 1.75em; }
  .sc-prize__img, .sc-prize__gochipo_bubble { background: none; }
  .sc-prize__img img, .sc-prize__gochipo_bubble img { opacity: 1; }
  .sc-prize__img { padding-top: 0; }
  .sc-prize__img img { display: block; }
  .sc-prize__description { align-items: flex-start; justify-content: left; }
  .sc-prize__description > * { padding-top: 0; width: 50%; }
  .sc-prize__gochipo { position: relative; flex-direction: column-reverse; padding-top: 0; margin-top: -100% !important; width: 65%; }
  .sc-prize__gochipo > *:first-child, .sc-prize__gochipo > *:last-child { width: 100%; } }

/*----------------------------------------------*/
/* application
/*----------------------------------------------*/
.sc-application strong { color: #e60012; }
.sc-application .sc-section__header:before, .sc-application .sc-section__header:after { content: ''; display: block; position: relative; }
.sc-application .sc-section__header:before { margin-top: -0.25em; }
.sc-application .sc-section__header:after { margin-top: 0; }
.sc-application .sc-section__header p { margin: 0 0 .75em; font-size: 200%; font-weight: bold; }
.sc-application .sc-step h3 { font-weight: bold; vertical-align: middle; }
.sc-application .sc-step h3, .sc-application .sc-step h3 span:first-child { display: inline-flex; align-items: center; }
.sc-application .sc-step h3 span:first-child { font-size: 80%; white-space: nowrap; }
.sc-application .sc-step h3 span:last-child { padding-left: .75em; text-align: left; }
.sc-application .sc-step h3 b { font-size: 200%; padding-left: .25em; }
.sc-application .sc-step p { font-size: 120%; }
.sc-application .sc-step__list > * { width: 100%; }
.sc-application .sc-step__list > *:nth-child(n+2) { margin-top: 2.75em; }
.sc-application .sc-step__list a { display: inline-block; }
.sc-application .sc-step__list a img { vertical-align: top; }
.sc-application .sc-step .sc-panel__header { text-align: center; }
.sc-application .sc-step .sc-panel__body--compacted { max-width: 800px; margin-left: auto; margin-right: auto; }
.sc-application .sc-panel__footer > * + * { margin-top: 1.75em; }
.sc-application .sc-termBtn { font-size: 200%; font-weight: bold; display: inline-block; text-decoration: none; position: relative; outline: none; }
.sc-application .sc-termBtn, .sc-application .sc-termBtn:hover, .sc-application .sc-termBtn:visited { color: inherit; }
.sc-application .sc-termBtn:before { content: ""; position: absolute; left: 0; bottom: 2px; height: 2px; width: 100%; z-index: -1; background-color: #000; }
.sc-application .sc-termBtn:after { content: ''; display: inline-block; vertical-align: middle; width: 1.25em; height: 1.25em; margin-left: .25em; background-color: #000; background: url("../img/ico-arrow_down.svg") no-repeat 0 0/cover; }
@media (max-width: 800px) { .sc-application .sc-step__list a img { width: 90%; max-width: 460px; } }
@media (max-width: 667px) { .sc-application .sc-formBtn { transform: scale(1.2); }
  .sc-application .sc-termBtn { font-size: 150%; } }

/*----------------------------------------------*/
/* challenge
/*----------------------------------------------*/
.sc-challenge .sc-section__header p { margin: 0; }
.sc-challenge .sc-step h3 { display: flex; align-items: flex-start; }
.sc-challenge .sc-step h3 span:first-child { font-size: 300%; line-height: .75; }
.sc-challenge .sc-step h3 span:last-child { padding-left: 0.75em; }
.sc-challenge .sc-step h3 strong { font-size: 80%; font-weight: normal; color: #e60012; }
.sc-challenge .sc-step__list { display: flex; justify-content: space-between; }
.sc-challenge .sc-step__list > * { width: 100%; }
.sc-challenge .sc-step__list > *:nth-child(-n+2) { width: 48%; }
.sc-challenge .sc-step__list > *:nth-child(n+3) { margin-top: 2.75em; }
.sc-challenge .sc-step-1 img { width: 80%; }
.sc-challenge .sc-step-2 img { padding: 2.75em 0 0; }
.sc-challenge .sc-step-3__hash { background-color: #f0e9d8; padding: 1.75em; text-align: center; }
.sc-challenge .sc-step-3__hash b + p { margin-top: 0; }
.sc-challenge .sc-step-3__hash p { font-size: 120%; max-width: 360px; text-align: left; margin: 0 auto; }
.sc-challenge .sc-panel { height: 100%; }
.sc-challenge .sc-panel__header { min-height: 6em; }
@media (max-width: 667px) { .sc-challenge .sc-panel__header { min-height: 0; }
  .sc-challenge .sc-step__list { display: flex; justify-content: space-between; }
  .sc-challenge .sc-step__list > * { width: 100%; }
  .sc-challenge .sc-step__list > *:nth-child(-n+2) { width: 100%; }
  .sc-challenge .sc-step__list > *:nth-child(n+2), .sc-challenge .sc-step__list > *:nth-child(n+3) { margin-top: 1.75em; }
  .sc-challenge .sc-step-2 img { padding: 0; } }

.sc-slider { position: relative; text-align: center; overflow: hidden; max-width: 460px; height: 100%; margin: 0 0 0 auto; padding: 1em 0 0; background-color: #f0e9d8; }
.sc-slider a { overflow: hidden; display: block; text-indent: -777px; }
.sc-slider img { margin: auto; }
.sc-slider__header { font-weight: bold; font-size: 2.4rem; }
.sc-slider__body { margin-top: 1em; }
.sc-slider .bx-wrapper { border: none; box-shadow: none; background: none; }
.sc-slider .bx-wrapper .bx-controls-direction > * { position: absolute; z-index: 100; top: 0; bottom: 0; margin: auto; width: 48px; height: 48px; background-position: 0 0; background-size: 100%; background-color: #111; border-radius: 24px; }
.sc-slider .bx-wrapper .bx-controls-direction > *:hover { opacity: .8; }
.sc-slider .bx-wrapper .bx-prev { background-image: url("../img/btn-arrow_prev.svg"); left: 3.2751%; }
.sc-slider .bx-wrapper .bx-next { background-image: url("../img/btn-arrow_next.svg"); right: 3.2751%; }
.sc-slider .bx-wrapper .bx-pager { bottom: -40px; display: inline-flex; margin: 1.75em 0; }
.sc-slider .bx-wrapper .bx-pager-item { margin: 0 .5em; }
.sc-slider .bx-wrapper .bx-pager-item a { width: 20px; height: 20px; border-radius: 10px; background-color: #fff; }
.sc-slider .bx-wrapper .bx-pager-item a.active, .sc-slider .bx-wrapper .bx-pager-item a:hover { background-color: #111; }
@media (max-width: 800px) { .sc-slider { margin: auto; }
  .sc-slider__body img { width: 75%; }
  .sc-slider .bx-wrapper .bx-controls-direction > * { width: 24px; height: 24px; }
  .sc-slider .bx-wrapper .bx-prev { left: 8px; }
  .sc-slider .bx-wrapper .bx-next { right: 8px; } }

/*----------------------------------------------*/
/* pickup
/*----------------------------------------------*/
.sc-pickup ul li, .sc-pickup ol li { font-size: 120%; }
.sc-pickup .bs-list--custom li > *:first-child { padding-right: 1.75em; }
.sc-pickup__inner { background-color: #fff; padding: 2.75em; margin: 0 auto; }
.sc-pickup__block + * { margin-top: 1.75em; }
.sc-pickup__make .bs-grid > * { padding-top: 0; }
.sc-pickup__gochipo { position: relative; }
.sc-pickup__gochipo img { position: absolute; right: 0; bottom: 0; }
@media (max-width: 1150px) { .sc-pickup__gochipo img { left: 0; margin: auto; width: 60%; max-width: 120px; } }
@media (max-width: 800px) { .sc-pickup a img { width: 90%; max-width: 460px; } }
@media (max-width: 667px) { .sc-pickup ul li, .sc-pickup ol li { font-size: 100%; }
  .sc-pickup__inner { padding: 1.75em; }
  .sc-pickup__food { margin-top: 0.75em; }
  .sc-pickup__make .bs-grid { flex-direction: column-reverse; }
  .sc-pickup__gochipo img { width: 28%; left: auto; right: 5%; max-width: none; } }
@media (max-width: 380px) { .sc-pickup__gochipo img { right: -5%; } }
@media (max-width: 319px) { .sc-pickup__gochipo img { display: none; } }

/*----------------------------------------------*/
/* recipe
/*----------------------------------------------*/
.sc-carousel__list a { position: relative; height: 100%; padding: 1em 1em 4em; background-color: #FFF; display: block; }
.sc-carousel__list a:link, .sc-carousel__list a:visited { color: inherit; }
.sc-carousel__list a:hover { opacity: .8; }
.sc-carousel__list a img { display: block; }
.sc-carousel__list a p { position: absolute; bottom: 0; left: 0; line-height: 1.5; font-size: 1.4rem; font-weight: bold; letter-spacing: -.01em; width: 100%; min-height: 3em; margin: .75em 0; padding: 0 1.25em; }
.sc-carousel .bx-wrapper { position: relative; margin: 0 auto; border: none; box-shadow: none; background: none; }
.sc-carousel .bx-viewport { overflow: visible !important; }
.sc-carousel .bx-controls-direction > * { z-index: 100; position: absolute; top: 0; bottom: 0; margin: auto; overflow: hidden; text-indent: -777px; display: block; width: 64px; height: 64px; border-radius: 32px; background-position: 0 0; background-size: 100%; background-color: #f6d7d7; }
.sc-carousel .bx-controls-direction > *:hover { opacity: .8; }
.sc-carousel .bx-controls-direction .bx-prev { background-image: url("../img/btn-arrow_prev-black.svg"); left: .25em; }
.sc-carousel .bx-controls-direction .bx-next { background-image: url("../img/btn-arrow_next-black.svg"); right: .25em; }
@media (max-width: 800px) { .sc-carousel .bx-viewport { width: 300px !important; margin-left: auto; margin-right: auto; } }

/*----------------------------------------------*/
/* terms
/*----------------------------------------------*/
.sc-terms .sc-section__header:before, .sc-terms .sc-section__header:after { content: ''; display: block; position: relative; }
.sc-terms .sc-section__header:before { margin-top: -0.25em; }
.sc-terms .sc-section__header:after { margin-top: -0.8em; }
.sc-terms .sc-section__header p { font-size: 200%; margin-top: .25em; }
.sc-terms .sc-panel { border: 1px solid #333; }
.sc-terms .sc-panel__body { overflow-y: auto; max-height: 20em; margin-top: 1.75em; padding: 0 1em 0 0; }
.sc-terms .sc-panel__body::-webkit-scrollbar { width: .25em; height: 2em; }
.sc-terms .sc-panel__body::-webkit-scrollbar-corner { background-color: rgba(0, 0, 0, 0.2); }
.sc-terms .sc-panel__body::-webkit-scrollbar-track { background-color: #EEE; }
.sc-terms .sc-panel__body::-webkit-scrollbar-thumb { background-color: #323232; }
@media (max-width: 667px) { .sc-terms .sc-section__header p { font-size: 150%; }
  .sc-terms .sc-panel__header { font-weight: bold; }
  .sc-terms .sc-panel__body { overflow-y: auto; max-height: none; padding: 0 1em; } }
@media (max-width: 667px) { .sc-terms { /* js-open
/* ------------------------------------ */ }
  .sc-terms .sc-acc\@Sp { padding: 0; border: none; background-color: #f0e9d7; }
  .sc-terms .sc-acc\@Sp__body { margin-top: 0; }
  .sc-terms .sc-acc\@Sp__body > *:first-child { padding-top: 1em; }
  .sc-terms .sc-acc\@Sp__body > *:last-child { padding-bottom: 1em; }
  .sc-terms .sc-acc\@Sp__btn { position: relative; cursor: pointer; padding: 1em; background-color: #d7c8a1; }
  .sc-terms .sc-acc\@Sp__btn:before { position: absolute; top: 0; bottom: 0; right: 1em; content: ''; display: block; width: 32px; height: 32px; margin: auto; background: url("../img/ico-arrow_down.svg") no-repeat 0 0/cover; transition: transform .5s ease; }
  .sc-terms .sc-acc\@Sp__btn + * { overflow-y: hidden; max-height: 0 !important; transition: max-height 1s ease; }
  .sc-terms .sc-acc\@Sp.js-open .sc-acc\@Sp__btn { color: #4c686e; background-color: #d7c8a1; }
  .sc-terms .sc-acc\@Sp.js-open .sc-acc\@Sp__btn:before { opacity: .5; transform: rotate(180deg); }
  .sc-terms .sc-acc\@Sp.js-open .sc-acc\@Sp__btn + * { height: auto; max-height: 1000px !important; } }

/*----------------------------------------------*/
/* contact
/*----------------------------------------------*/
.sc-contact .sc-panel { border: 1px solid #111; }
.sc-contact .sc-panel__header { font-weight: bold; font-size: 150%; font-family: inherit; }
@media (max-width: 667px) { .sc-contact .sc-panel .ad_americanmeat { max-width: 180px; }
  .sc-contact .sc-panel__header { font-size: 120%; } }

/*----------------------------------------------*/
/* logos
/*----------------------------------------------*/

/*# sourceMappingURL=style.css.map */