@charset "UTF-8";
/* Scss Document */
@import url("reset.css");
* { margin: 0; padding: 0; box-sizing: border-box; }

html, body { font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif; width: 100%; height: auto; margin: 0; padding: 0; font-size: 18px; text-align: justify; }

body { line-height: 1.8; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: rgba(0, 0, 0, 0.8); }

.wrapper { width: 100%; height: auto; margin: 0; padding: 0; }

p { margin-bottom: 0; font-size: 1.0rem; line-height: 1.8; }

a { text-decoration: none; color: inherit; }
a:hover { opacity: 0.8; }

a:hover img { opacity: 0.9; }

figure { max-width: 100%; margin: 0; padding: 0; }

img { max-width: 100%; height: auto; margin: 0 auto; padding: 0; border: none; vertical-align: bottom; line-height: 100%; }

li { list-style-type: none; }

.ta-c { text-align: center; }

.ta-l { text-align: left; }

.ta-r { text-align: right; }

.pc { display: block; }

.sp { display: none !important; }

@media screen and (max-width: 768px) { .pc { display: none !important; }
  .sp { display: block !important; } }
#back-to-top { position: fixed; bottom: 0; right: 10px; width: 100px; height: 100px; }

.wrapper { width: 100%; height: auto; margin: 0; padding: 0; }

.inner-cont { width: 1000px; height: auto; margin: 0 auto; }

/* header cont01 */
.hero-cont { position: relative; width: 100%; height: 42vw; background-image: url("../images/main_img.jpg"); background-position: center center; background-size: cover; }
.hero-cont h1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.hero-cont h1 img { height: 38vw; }
.hero-cont .order-btn-cont { position: absolute; right: 20%; bottom: 20px; width: 20%; height: auto; text-align: center; transition: 0.5s; opacity: 1 !important; }
.hero-cont .order-btn-cont:hover { opacity: 1 !important; transform: translateY(-10px); }
.hero-cont .order-btn-cont img { margin-bottom: 20px; }

/* cont01 */
.cont01 { height: 715px; padding: 150px 0; background-image: url("../images/red_soy.png"); background-position: right center; background-repeat: no-repeat; }
.cont01 h2 { margin-bottom: 60px; font-size: 52px; line-height: 1.2; font-weight: normal; }
.cont01 h2 span { font-size: 40px; }
.cont01 h2 span .red { color: #ce3324; }
.cont01 p { width: 800px; height: auto; font-size: 28px; }

/* cont02 */
.cont02 { padding: 145px 0; }
.cont02 h2 { margin-bottom: 60px; text-align: center; }
.cont02 .flex-cont { display: flex; justify-content: space-between; }
.cont02 .flex-cont div { width: calc(100%/3); text-align: center; }
.cont02 .flex-cont div figure { margin-bottom: 40px; }
.cont02 .flex-cont div h3 { margin-bottom: 50px; font-size: 28px; font-weight: normal; line-height: 1.4; }
.cont02 .flex-cont div p { padding: 0 36px; text-align: left; }

/* cont03 */
.cont03 { padding: 145px 0 0; }
.cont03 h2 { margin-bottom: 60px; }
.cont03 .txt-cont { margin-bottom: 90px; font-size: 20px; line-height: 1.8; background-image: url("../images/mark_img.png"); background-position: right bottom; background-repeat: no-repeat; }
.cont03 figure { margin-bottom: 40px; }
.cont03 h3 { margin-bottom: 80px; }

/* cont04 */
.cont04 { padding: 80px 0; }
.cont04 h2 { margin-bottom: 60px; }
.cont04 .img-cont01 { margin-bottom: 115px; }
.cont04 .flex-cont { display: flex; justify-content: space-between; }
.cont04 .flex-cont .txt-cont { width: 500px; margin-right: 40px; }
.cont04 .flex-cont .txt-cont h3 { margin-bottom: 40px; font-size: 30px; font-weight: 600; }
.cont04 .flex-cont .txt-cont p { margin-bottom: 20px; font-size: 18px; }

/* cont05 */
.cont05 h2 { margin-bottom: 30px; }
.cont05 .cont-area { padding: 70px 0; background-color: #f8f8f2; }
.cont05 .cont-area .img-cont01 { width: 860px; margin: 0 auto 50px; }
.cont05 .cont-area .prof-title { display: table; width: auto; margin: 0 auto 40px; text-align: center; }
.cont05 .cont-area ul { margin-left: 70px; margin-bottom: 50px; }
.cont05 .cont-area ul li { margin: 10px 0; list-style: disc !important; font-size: 18px; }
.cont05 .cont-area .prof-txt { padding: 0 40px; font-size: 18px; }

/* Conversion-Cont */
.conver-cont { height: 650px; background-image: url("../images/cv_bk_fude.png"); background-repeat: no-repeat; background-position: center 0; }
.conver-cont .inner-cont { position: relative; height: 660px; }
.conver-cont .inner-cont figure { position: absolute; bottom: 0; left: 0; }
.conver-cont .inner-cont .conversion-cont { position: absolute; bottom: 0; right: 0; width: 375px; text-align: center; }
.conver-cont .inner-cont .conversion-cont > img { margin-bottom: 20px; }
.conver-cont .inner-cont .conversion-cont a img { margin-bottom: 20px; transition: 0.5s; }
.conver-cont .inner-cont .conversion-cont a img:hover { opacity: 1 !important; transform: translateY(-10px); }

/* Recioe Area */
.recipe-area h2 { padding: 100px 0; text-align: center; line-height: 1; }
.recipe-area h2 img { display: block; margin: 0 auto; }
.recipe-area .recipe-cont { margin-bottom: 70px; padding: 80px 70px; background-color: #fdfdf4; }
.recipe-area .recipe-cont h3 { margin-bottom: 60px; padding: 20px; text-align: center; color: #fff; font-size: 31px; font-weight: 600; line-height: 1; background-color: #7ab52e; border-radius: 100px; }
.recipe-area .recipe-cont h3 span { font-size: 25px; }
.recipe-area .recipe-cont .flex-cont { display: flex; justify-content: space-between; margin-bottom: 70px; }
.recipe-area .recipe-cont .flex-cont figure { width: 50%; font-size: 18px; text-align: center; }
.recipe-area .recipe-cont .flex-cont div { width: 50%; margin-left: 20px; }
.recipe-area .recipe-cont ol { margin-bottom: 70px; margin-left: 20px; }
.recipe-area .recipe-cont ol li { margin: 15px 0; font-size: 18px; list-style: decimal !important; }
.recipe-area .recipe-cont h4 { margin-bottom: 20px; font-size: 31px; color: #7ab52e; }

/* cont06 */
.cont06 { padding: 80px 0; }
.cont06 h2 { margin-bottom: 90px; }
.cont06 h3 { margin-bottom: 56px; }
.cont06 .flex-cont { display: flex; justify-content: space-between; margin-bottom: 70px; }
.cont06 .flex-cont figure { width: 45%; }
.cont06 .flex-cont .text-cont { width: 55%; font-size: 22px; background-image: url("../images/aka_logo.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.cont06 .img-cont01 { margin-bottom: 90px; }
.cont06 .flex-cont02 { display: flex; justify-content: space-between; margin-bottom: 70px; }
.cont06 .flex-cont02 .text-cont { width: 50%; padding-right: 40px; }
.cont06 .flex-cont02 .text-cont p { margin-bottom: 40px; }
.cont06 .flex-cont02 figure { width: 50%; }

/* bnr-cont */
.bnr-cont { padding: 180px 0; }
.bnr-cont figure:first-child { margin-bottom: 110px; }

/* FAQ */
.faq-cont { padding: 340px 0 180px; background-image: url("../images/wagara_bk.jpg"); background-repeat: no-repeat; background-position: center top; }
.faq-cont h2 { margin-bottom: 160px; text-align: center; }
.faq-cont .faq-cont02 { display: flex; flex-wrap: wrap; padding: 60px 0; }
.faq-cont .faq-cont02 .question-title { width: 100px; padding-right: 20px; font-size: 62px; line-height: 1; color: #0e3f82; }
.faq-cont .faq-cont02 .question-txt { width: 900px; font-size: 40px; }
.faq-cont .faq-cont02 .answer-title { width: 100px; padding-right: 20px; font-size: 62px; color: #ab3420; }
.faq-cont .faq-cont02 .answer-txt { width: 900px; padding: 30px 0 0; font-size: 28px; line-height: 1.6; }
.faq-cont .faq-line { width: 100%; text-align: center; }

/* footer */
footer { padding: 90px 0 30px; background-image: url("../images/foot_bk.jpg"); background-position: center center; background-size: cover; }
footer .flex-cont { display: flex; width: 700px; margin: 0 auto 90px; }
footer .flex-cont figure { padding-right: 60px; }
footer .flex-cont p { font-size: 22px; }
footer .flex-cont p .fz01 { font-size: 27px; }
footer .flex-cont p .fz02 { font-size: 29px; }
footer .copy { display: block; width: 100%; text-align: center; line-height: 1; }

.thanks-cont { padding: 100px 0; }
.thanks-cont h2 { margin-bottom: 80px; font-size: 30px; text-align: center; }
.thanks-cont p { font-size: 24px; text-align: center; }

/* MAIL FORM */
.contact-cont { padding: 180px 0; }
.contact-cont h2 { margin-bottom: 80px; }
.contact-cont dt { float: none; width: 100%; margin-bottom: 10px; padding: 0 40px; font-size: 20px; text-align: left; float: none; border: none; line-height: 1; }
.contact-cont dt .must { display: inline-block; padding: 5px 15px 4px; margin-left: 10px; color: #fff; font-size: 14px; background-color: #a90d40; }
.contact-cont dt .any { display: inline-block; padding: 5px 15px 4px; margin-left: 10px; color: black; font-size: 14px; background-color: white; border: 1px solid black; }
.contact-cont dd { float: none; width: 100%; margin-bottom: 35px; padding: 0 40px; border: none; }
.contact-cont dd input { width: 100% !important; padding: 15px 10px; font-size: 18px; border: 1px solid black; }
.contact-cont dd input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); }
.contact-cont dd textarea { width: 100% !important; height: 200px !important; padding: 15px 10px; font-size: 18px; }
.contact-cont .info-text-cont { margin-bottom: 70px; padding: 0 40px; }
.contact-cont .privacy-info-cont { width: auto; height: 300px; overflow: auto; margin: 0 40px 90px; padding: 40px 45px; border: 1px solid black; }
.contact-cont .privacy-info-cont .title { font-size: 24px; margin-bottom: 40px; border-bottom: 1px solid black; }
.contact-cont .privacy-info-cont p { margin-bottom: 20px; }
.contact-cont .privacy-info-cont ul { margin-bottom: 20px; }
.contact-cont .privacy-info-cont h4 { margin: 40px 0 20px; font-size: 20px; }
.contact-cont .check-box { margin-bottom: 60px; }
.contact-cont .check-box dt { width: 0; }
.contact-cont .check-box dd { width: 600px; margin: 0 auto; text-align: center; }
.contact-cont .check-box dd label { font-size: 24px; }
.contact-cont .check-box dd input { width: 15px !important; }
.contact-cont .mfp_element_submit { width: 360px; height: auto; padding: 15px 100px; font-size: 30px; cursor: pointer; color: white; background-color: black; }
.contact-cont .mfp_element_submit:hover { color: black; background-color: white; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
/* -- MOBILE -- */
/* ---------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 768px) { .wrapper { width: 100%; height: auto; margin: 0; padding: 0; }
  .inner-cont { width: 100%; height: auto; margin: 0 auto; }
  /* header cont01 */
  .hero-cont { position: static; width: 100%; height: 170vw; background-image: none; background-position: center center; background-size: cover; margin-bottom: 80px; }
  .hero-cont h1 { position: static; width: 100%; height: auto; -webkit-transform: translateY(0) translateX(0); }
  .hero-cont h1 img { height: auto; }
  .hero-cont .order-btn-cont { position: static; display: block; width: 100%; height: auto; margin: 20px auto; padding: 0 20px; text-align: center; transition: 0.5s; opacity: 1 !important; }
  .hero-cont .order-btn-cont:hover { opacity: 1 !important; transform: translateY(-10px); }
  .hero-cont .order-btn-cont img { margin-bottom: 20px; }
  /* cont01 */
  .cont01 { width: 94%; height: auto; margin: 0 auto 40px; padding: 20px 0; background-image: url("../images/sp/red_soy_sp.png"); background-position: right top; background-repeat: no-repeat; background-size: contain; }
  .cont01 h2 { margin-bottom: 20px; font-size: 7.4vw; font-weight: bold; line-height: 1.2; }
  .cont01 h2 span { font-size: 4.8vw; font-weight: bold; }
  .cont01 h2 span .red { color: #ce3324; }
  .cont01 p { width: 100%; height: auto; font-size: 4.4vw; }
  /* cont02 */
  .cont02 { width: 90%; margin: 0 auto; padding: 80px 0; }
  .cont02 h2 { margin-bottom: 60px; text-align: center; }
  .cont02 .flex-cont { display: block; justify-content: center; }
  .cont02 .flex-cont div { width: 94%; margin: 0 auto; text-align: center; }
  .cont02 .flex-cont div figure { margin-bottom: 40px; }
  .cont02 .flex-cont div h3 { margin-bottom: 20px; font-size: 6.4vw; line-height: 1.4; }
  .cont02 .flex-cont div p { margin-bottom: 40px; padding: 0 20px; text-align: left; }
  /* cont03 */
  .cont03 { width: 94%; margin: 0 auto; padding: 80px 0 0; }
  .cont03 h2 { margin-bottom: 40px; }
  .cont03 .txt-cont { margin-bottom: 90px; padding: 0 10px; font-size: 4vw; line-height: 1.8; background-image: url("../images/mark_img.png"); background-size: 75% auto; background-position: right bottom; background-repeat: no-repeat; }
  .cont03 figure { margin-bottom: 40px; }
  .cont03 h3 { margin-bottom: 80px; }
  /* cont04 */
  .cont04 { width: 94%; margin: 80px auto; padding: 0; }
  .cont04 h2 { margin-bottom: 20px; }
  .cont04 .img-cont01 { margin-bottom: 80px; }
  .cont04 .flex-cont { display: block; justify-content: space-between; }
  .cont04 .flex-cont .txt-cont { width: 100%; margin: 0 0 40px; }
  .cont04 .flex-cont .txt-cont h3 { margin-bottom: 20px; font-size: 6.4vw; line-height: 1.4; }
  .cont04 .flex-cont .txt-cont p { padding: 0 10px; }
  /* cont05 */
  .cont05 h2 { margin-bottom: 30px; }
  .cont05 .cont-area { padding: 40px 40px; background-color: #f8f8f2; }
  .cont05 .cont-area .img-cont01 { width: 860px; margin: 0 auto 50px; }
  .cont05 .cont-area .prof-title { margin-bottom: 40px; text-align: center; }
  .cont05 .cont-area ul { margin-left: 20px; margin-bottom: 40px; }
  .cont05 .cont-area ul li { margin: 10px 0; list-style: disc !important; }
  .cont05 .cont-area .prof-txt { padding: 0; }
  /* Conversion-Cont */
  .sp-conver-cont figure { margin-bottom: 20px; }
  .sp-conver-cont .conversion-cont { width: 80%; margin: 0 auto; }
  .sp-conver-cont .conversion-cont a { display: block; margin-bottom: 10px; }
  /* Recioe Area */
  .recipe-area h2 { width: 90%; margin: 0 auto; padding: 40px 0; text-align: center; line-height: 1; }
  .recipe-area .recipe-cont { margin-bottom: 40px; padding: 40px 20px; background-color: #fdfdf4; }
  .recipe-area .recipe-cont h3 { margin-bottom: 40px; padding: 10px; text-align: center; color: #fff; font-size: 6vw; line-height: 1.4; background-color: #7ab52e; border-radius: 100px; }
  .recipe-area .recipe-cont h3 span { display: block; font-size: 4vw; }
  .recipe-area .recipe-cont .flex-cont { display: block; justify-content: space-between; margin-bottom: 40px; }
  .recipe-area .recipe-cont .flex-cont figure { width: 90%; margin: 0 auto 40px; text-align: center; }
  .recipe-area .recipe-cont .flex-cont div { width: 100%; margin-left: 0; }
  .recipe-area .recipe-cont ol { margin-bottom: 40px; margin-left: 20px; }
  .recipe-area .recipe-cont ol li { margin: 10px 0; list-style: decimal !important; }
  .recipe-area .recipe-cont h4 { margin-bottom: 20px; font-size: 6vw; color: #7ab52e; }
  /* cont06 */
  .cont06 { width: 94%; margin: 0 auto; padding: 40px 0; }
  .cont06 h2 { margin-bottom: 40px; }
  .cont06 h3 { margin-bottom: 30px; font-size: 5vw; border-bottom: 1px solid black; }
  .cont06 .flex-cont { display: block; justify-content: space-between; margin-bottom: 40px; }
  .cont06 .flex-cont figure { width: 94%; margin: 0 auto 40px; }
  .cont06 .flex-cont .text-cont { width: 94%; margin: 0 auto 20px; font-size: 4vw; background-image: url("../images/aka_logo.png"); background-repeat: no-repeat; background-position: center center; background-size: 90%; }
  .cont06 .img-cont01 { margin-bottom: 40px; }
  .cont06 .flex-cont02 { display: flex; flex-flow: column-reverse; margin-bottom: 0; }
  .cont06 .flex-cont02 .text-cont { width: 94%; margin: 0 auto; padding-right: 0; }
  .cont06 .flex-cont02 .text-cont p { margin-bottom: 0; }
  .cont06 .flex-cont02 figure { width: 100%; margin-bottom: 20px; }
  /* bnr-cont */
  .bnr-cont { margin: 40px 0; padding: 0; }
  .bnr-cont figure:first-of-type { margin-bottom: 40px; }
  /* FAQ */
  .faq-cont { padding: 80px 0 80px; background-image: url("../images/wagara_bk.jpg"); background-repeat: no-repeat; background-position: center top; }
  .faq-cont h2 { width: 80%; margin: 0 auto 80px; text-align: center; }
  .faq-cont .faq-cont02 { display: flex; flex-wrap: wrap; width: 90%; margin: 0 auto; padding: 20px 0 0; }
  .faq-cont .faq-cont02 .question-title { width: 15%; padding: 0 10px; font-size: 8vw; line-height: 1; color: #0e3f82; }
  .faq-cont .faq-cont02 .question-txt { width: 85%; font-size: 5vw; font-weight: bold; line-height: 1.2; }
  .faq-cont .faq-cont02 .answer-title { width: 15%; padding: 0 10px; font-size: 8vw; color: #ab3420; }
  .faq-cont .faq-cont02 .answer-txt { width: 85%; padding: 20px 0 0; font-size: 4.5vw; line-height: 1.6; }
  .faq-cont .faq-line { display: contents; width: 90%; height: 2px !important; margin: 0 auto; padding: 0; text-align: center; }
  /* footer */
  footer { width: 100%; padding: 40px 0 10px; background-image: url("../images/sp/foot_bk_sp.jpg"); background-position: center center; background-size: cover; }
  footer .flex-cont { display: block; width: 90%; margin: 0 auto 20px; }
  footer .flex-cont figure { width: 100%; padding: 0 0 20px; }
  footer .flex-cont p { font-size: 4vw; }
  footer .flex-cont p .fz01 { font-size: 4.4vw; }
  footer .flex-cont p .fz02 { font-size: 4vw; }
  footer .copy { display: block; width: 100%; text-align: center; line-height: 1; }
  .thanks-cont { padding: 0 20px 40px; }
  .thanks-cont h2 { margin-bottom: 40px; font-size: 5vw; text-align: center; }
  .thanks-cont p { font-size: 4vw; text-align: left; }
  /* MAIL FORM */
  .contact-cont { width: 94%; margin: 0 auto; padding: 80px 0; }
  .contact-cont h2 { margin-bottom: 40px; }
  .contact-cont dt { float: none; width: 100%; margin-bottom: 10px; padding: 0 30px; font-size: 20px; text-align: left; float: none; border: none; line-height: 1; }
  .contact-cont dt .must { display: inline-block; padding: 8px 15px 4px; margin-left: 10px; color: #fff; font-size: 14px; background-color: #a90d40; }
  .contact-cont dt .any { display: inline-block; padding: 8px 15px 4px; margin-left: 10px; color: black; font-size: 14px; background-color: white; border: 1px solid black; }
  .contact-cont dd { float: none; width: 100%; margin-bottom: 35px; padding: 0 30px; border: none; }
  .contact-cont dd input { width: 100% !important; padding: 15px 10px; font-size: 18px; border: 1px solid black; }
  .contact-cont dd input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.2); }
  .contact-cont dd textarea { width: 100% !important; height: 200px !important; padding: 15px 10px; font-size: 18px; }
  .contact-cont .info-text-cont { margin-bottom: 40px; padding: 0 40px; }
  .contact-cont .privacy-info-cont { width: auto; height: 300px; overflow: auto; margin: 0 20px 40px; padding: 20px 25px; border: 1px solid black; }
  .contact-cont .privacy-info-cont .title { font-size: 24px; margin-bottom: 40px; border-bottom: 1px solid black; }
  .contact-cont .privacy-info-cont p { margin-bottom: 20px; }
  .contact-cont .privacy-info-cont ul { margin-bottom: 20px; }
  .contact-cont .privacy-info-cont h4 { margin: 40px 0 20px; font-size: 20px; }
  .contact-cont .check-box { margin-bottom: 40px; }
  .contact-cont .check-box dt { width: 0; }
  .contact-cont .check-box dd { width: 90%; margin: 0 auto; text-align: center; }
  .contact-cont .check-box dd input { width: 10px !important; }
  .contact-cont .check-box dd label { border-radius: 3px; margin: 3px; display: inline-block; white-space: nowrap; font-size: 4vw !important; }
  .contact-cont .mfp_element_submit { width: 80%; height: auto; padding: 10px 0; font-size: 4pvw; cursor: pointer; text-align: center; color: white; background-color: black; }
  .contact-cont .mfp_element_submit:hover { color: black; background-color: white; } }

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