@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
========================================================================== */
/**
 * Remove the margin in all browsers.
 */
 body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
 main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
 h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
 hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
 a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
 abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
 b,
 strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
 code,
 kbd,
 samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
 small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
 sub,
 sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
 img {
  border-style: none;
}

/* Forms
========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
 button,
 input,
 optgroup,
 select,
 textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
 button,
 input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
 button,
 select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
 fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
 legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
 progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
 textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
 [type="checkbox"],
 [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
 [type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
 [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
 ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
 details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
 summary {
  display: list-item;
}

/* Misc
========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
 template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
 [hidden] {
  display: none;
}

html {
  font-size: 10px;
}

body {
  line-height: 1.7em;
  font-family: "游ゴシック", YuGothic, "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
  transition: z-index 0ms 5.28455ms;
  background: #FFFFFF;
  color: #000000;
  padding-top: 55px;
  margin: 0;
  letter-spacing: 0;
}
@media screen and (min-width: 600px) {
  body {
    font-size: 2rem;
  }
}
@media screen and (max-width: 599px) {
  body {
    font-size: 3.5vw;
  }
}

/* Flocss Foundation */
a {
  text-decoration: none;
}
a:link, a:visited {
  opacity: 1.0;
  transition: all .3s;
}
a:active, a:hover {
  opacity: 0.7;
}

pre {
  background-color: transparent;
  border: none;
  padding: 16px 0;
}

h1{
  margin: 0;
}

p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-top: 0;
  margin-bottom: 1.7rem;
}

ul, ol {
  margin-top: 0;
  padding-left: 2em;
  margin-bottom: 1.7rem;
}

img {
  max-width: 100%;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/* Flocss Utility */
@media screen and (max-width: 599px) {
  .u-brDisplay--pc {
    display: none;
  }
}

@media screen and (min-width: 600px) {
  .u-brDisplay--pc {
    display: block;
  }
}

@media screen and (max-width: 599px) {
  .u-brDisplay--sp {
    display: block;
  }
}

@media screen and (min-width: 600px) {
  .u-brDisplay--sp {
    display: none;
  }
}

.u-effectFade.js-init {
  opacity: 0;
  transform: translate(0, 45px);
  transition: all 600ms;
}

.u-effectFade.js-show {
  opacity: 1;
  transform: translate(0, 0);
}

.u-mbZero {
  margin-bottom: 0 !important;
}

/* Flocss Component */
/* Gutenbergブロックに組み込むものは読み込まない */
.c-outsideLink_icon {
  text-decoration: underline;
  color: #000000;
}
.c-outsideLink_icon:after {
  content: "";
  display: inline-block;
  width: 3%;
  height: 0;
  padding-top: 3%;
  margin-left: .2em;
  background-image: url(../img/c-outsideLink_icon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.c-topVisual {
  margin-bottom: 7.4%;
}

/* GutenbergブロックにCSSを持たせず、テーマ依存にする場合は以下をコメントアウト */
/* Flocss Project */
.p-aboutGraph {
  margin-bottom: 2.7%;
}

.p-recipeNankyoku {
  position: relative;
}
.p-recipeNankyoku::before {
  content: '';
  display: block;
  margin-top: -55px;
  padding-top: 55px;
}
.p-recipeNankyoku__bgColor {
  padding: 4% 0;
  background: #1c2078;
}
.p-recipeNankyoku__bgImg {
  position: relative;
  padding: 6.6% 0 14.6%;
  background: url(../img/page/disaster-prevetion/nankyoku_bg.jpg);
}
.p-recipeNankyoku__title {
  margin-bottom: 6.6%;
  padding: 0 7.3%;
}
.p-recipeNankyoku__badge {
  position: absolute;
  right: 1%;
  top: 0;
  margin-top: 2.6%;
  width: 14.9%;
}
.p-recipeNankyoku__nishimura {
  margin-bottom: 6.6%;
  padding: 0 5.3%;
}
.p-recipeNankyoku__img1,
.p-recipeNankyoku__img2,
.p-recipeNankyoku__img3,
.p-recipeNankyoku__img4 {
  margin-bottom: 1.3%;
  padding-left: 4%;
}
.p-recipeNankyoku__txt1,
.p-recipeNankyoku__txt2,
.p-recipeNankyoku__txt3,
.p-recipeNankyoku__txt4 {
  padding: 0 3.3% 0 4%;
}
.p-recipeNankyoku__txt1,
.p-recipeNankyoku__txt2,
.p-recipeNankyoku__txt3 {
  margin-bottom: 8%;
}

.p-aboutKokutai {
  padding: 8% 0 12%;
}
.p-aboutKokutai__title {
  margin-bottom: 2.6%;
}
.p-aboutKokutai__text {
  padding: 0 5.3%;
  margin-bottom: 6%;
}
.p-aboutKokutai__text__nowrap {
  white-space: nowrap;
}
.p-aboutKokutai__img {
  margin-bottom: 6%;
}
.p-aboutKokutai__outline {
  padding: 5.3%;
  margin: 0 5.3%;
  background-color: #fef5d9;
}
.p-aboutKokutai__outline__title {
  position: relative;
  padding-bottom: .8em;
  margin-bottom: .8em;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
}
.p-aboutKokutai__outline__title:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  display: block;
  content: "";
  width: 3.6%;
  height: 2px;
  margin-left: -1.8%;
  background-color: #000000;
}

.p-aboutText {
  margin-bottom: 10%;
}

.p-contentsBnr {
  margin-bottom: 10%;
}

.p-aboutVisual {
  margin-bottom: 10%;
}

.p-arrangeImg {
  margin-bottom: 11%;
}

.p-arrangeButton {
  padding: 0 10% 0;
}
.p-arrangeButton a {
  display: block;
}

.p-cartCta {
  margin-bottom: 16%;
}
.p-cartCta__buttons {
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  margin-top: -9.3%;
}
.p-cartCta__buttons__btn {
  display: flex;
  max-width: 48%;
  min-width: 48%;
  background-color: #FFFFFF;
}
.p-cartCta__buttons__btn a {
  display: block;
  width: 100%;
}

.p-choiceItem {
  padding-bottom: 1px;
  margin-bottom: 13%;
}
.p-choiceItem__title {
  margin-bottom: 3%;
}
.p-choiceItem__img {
  margin-bottom: 3%;
}
.p-choiceItem__text {
  margin-bottom: 6%;
}
.p-choiceItem__arrange {
  margin-bottom: 9%;
}
.p-choiceItem__links {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 3%;
  margin: 0;
}
.p-choiceItem__links li {
  display: block;
  min-width: 45%;
  max-width: 45%;
  margin-bottom: 4%;
}

.p-contentsList {
  padding-bottom: 1px;
  margin-bottom: 8%;
}
.p-contentsList__unit {
  margin-bottom: 13%;
}

.p-contentsWrap {
  padding: 3% 5.3%;
}

.p-healthHeroVisualWrap {
  padding-top: 0;
  padding-bottom: 0;
}

.p-imgSlider {
  padding-bottom: 50px;
  margin: 0 5.3%;
}
.p-imgSlider .swiper-pagination-bullets .swiper-pagination-bullet-active {
  background: none;
  background-color: #000000;
}

.p-lineupList {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 10.7% 20px 0;
}
.p-lineupList__unit {
  max-width: 38.4%;
  min-width: 38.4%;
  margin: 0 5.8% 7%;
}
.p-lineupList__unit__img {
  margin-bottom: 2%;
}
.p-lineupList__unit__name {
  margin-bottom: 10%;
}

.p-newBox {
  padding: 1% 0 1% 0;
  margin: 0 5.3%;
  margin-bottom: 10%;
  border: 1px solid #000000;
}
.p-newBox__link {
  line-height: 1.4;
  font-size: 1em;
  text-decoration: underline;
}
.p-newBox__ancher {
  position: relative;
  display: block;
  padding: 1% 25px 1% 4.7em;
  color: #000000;
}
.p-newBox__ancher .p-newBox__icon {
  position: absolute;
  left: 1em;
  top: 50%;
  margin-top: -0.8em;
  font-weight: bold;
  color: #f62636;
  animation: zoom-in-anim 2s infinite;
}
.p-newBox__ancher .p-newBox__date {
  display: inline-block;
}
.p-newBox__ancher:after {
  position: absolute;
  right: 14px;
  top: 50%;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid black;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  margin-top: -4px;
}

@keyframes zoom-in-anim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

.p-otherIntro {
  padding: 13.3% 0 9.3%;
  background-image: url(../img/p-ohterIntro__bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.p-otherIntro__title {
  margin-bottom: 4%;
}
.p-otherIntro__link {
  margin-bottom: 1.4em;
}
.p-otherIntro__link a {
  color: #000000;
  font-size: .92em;
  text-decoration: underline;
}
.p-otherIntro__link a:after {
  content: "";
  display: inline-block;
  width: 13px;
  height: 12px;
  margin-left: .5em;
  background-image: url(../img/p-ohterIntro__linkIcon.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.p-otherIntro__nolink {
  margin-bottom: 1.4em;
  text-decoration: underline;
  color: #000000;
  font-size: .92em;
}
.p-otherIntro__list {
  padding: 0 5.3%;
}

.p-yamatoSylphidMessage{
  margin-bottom: 0;
}
.p-playerBox {
  position: relative;
  margin-bottom: 6.7%;
}
.p-playerBox__visual {
  width: 89.3%;
  margin: 0 auto -10.7%;
}
.p-playerBox__copy {
  line-height: 1.4;
  margin-bottom: 4.5%;
  font-weight: bold;
  font-size: 1.38em;
}
.p-playerBox__prof {
  margin-bottom: 4.5%;
}
.p-playerBox__prof strong {
  font-size: 1.38em;
  font-weight: bold;
  font-style: normal;
}
.p-playerBox__prof em {
  font-weight: bold;
  font-style: normal;
}
.p-playerBox__comment {
  margin-bottom: 0;
}
.p-playerBox__contents {
  padding: 17.3% 5.3% 6.7%;
  background-color: #FFFFFF;
}

.p-nutritionistBnr{
  margin-bottom: 16%;
  padding: 0 5.3%;
}

.p-playerSection {
  padding-top: 16%;
  padding-bottom: 1px;
  background-color: #f0f0f0;
}
.p-playerSection__title {
  width: 68%;
  margin: 0 auto 8%;
}
.p-playerSection__visual {
  margin-bottom: 6%;
}
.p-playerSection__text {
  margin-bottom: 6%;
}
.p-playerSection__inner {
  padding: 0 5.3% 1px;
}

.p-recipe {
  margin-bottom: 15%;
  background-color: #FFFFFF;
}
.p-recipe__title {
  line-height: 1.4;
  margin-bottom: 3%;
  text-align: center;
  font-weight: bold;
  font-size: 1.6em;
}
.p-recipe__comment {
  margin-bottom: 3%;
  text-align: center;
}
.p-recipe__link {
  margin-bottom: 3%;
}
.p-recipe__supporter {
  text-align: right;
}
.p-recipe__contents {
  padding: 6%;
}

.p-recipeList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.p-recipeList__item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 47.8%;
  min-width: 47.8%;
}
.p-recipeList__item__visual {
  margin-bottom: 8%;
}
.p-recipeList__item__name {
  line-height: 1.4;
  margin-bottom: 8%;
  text-align: center;
}

.p-taho {
  padding: 3% 0;
}
.p-recipeTahoWrap {
  position: relative;
  margin-bottom: 12%;
  padding: 0 5.3% 4.5%;
  background: linear-gradient(180deg, #fff 0%, #fff 33%, #fef5d9 33%, #fef5d9 100%);
}
.p-recipeTahoWrap::before {
  content: '';
  display: block;
  margin-top: -55px;
  padding-top: 55px;
}
.p-recipeTahoWrap__title {
  margin-bottom: 6%;
}
.p-recipeTaho__text {
  margin-top: 15px;
  font-size: 0.85em;
  line-height: 1.6;
}
.p-recipeTaho__recipe {
  position: absolute;
  right: 1.3%;
  bottom: 4%;
  width: 36.13%;
}
.p-recipeTahoTofuWrap {
  padding: 0 5.3%;
}
.p-recipeTahoTofuWrap__title {
  margin-bottom: 6%;
  padding: 0 2%;
}
.p-recipeTahoTofu__text {
  margin-bottom: 6%;
}
.p-recipeTahoTofuAbout {
  margin-bottom: 4%;
  padding: 5.3% 4% 5%;
  background-color: #fef5d9;
}
.p-recipeTahoTofuAbout__title {
  position: relative;
  margin: 0 0 15px;
  padding: 0 0 4%;
  text-align: center;
  font-size: 1.38em;
}
.p-recipeTahoTofuAbout__title::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 26px;
  height: 2px;
  background-color: #000;
}
.p-recipeTahoTofuWriterComment {
  margin: 6% auto 12%;
  max-width: 64%;
}
.p-recipeTahoTofuWriter {
  display: flex;
  align-items: flex-start;
  padding: 5.3% 4% 5%;
  background-color: #f0f0f0;
}
.p-recipeTahoTofuWriter__icon {
  margin-right: 19px;
}
.p-recipeTahoTofuWriter__title {
  margin: 0 0 1rem;
}
.p-recipeTahoTofuWriter__text {
  font-size: 0.85em;
}
.p-recipeTahoTofuWriter__text img {
  width: 6.7%;
  vertical-align: baseline;
}
.p-recipeTahoTofuWriter__text a {
  font-weight: bold;
  color: #000;
}
.p-recipeTahoTofuWriter__text span {
  font-size: 0.85em;
}

.p-recipeListWrap {
  margin-bottom: 15%;
}
.p-recipeListWrap__title {
  margin-bottom: 3%;
}

.p-sectionWrap {
  padding-top: 40px;
  padding-bottom: 40px;
}
.p-sectionWrap.p-sectionWrap--pickup {
  padding-top: 3.3%;
}
.p-sectionWrap__title {
  margin: 0 0 9.3%;
  font-size: 2.77em;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-align: center;
}
.p-sectionWrap--lineup {
  background-image: url(../img/p-sectionWrap--lineup__bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100%;
}
.p-sectionWrap--arrange {
  margin-bottom: 16%;
  background-color: #f0f0f0;
}

.p-tanpaku {
  padding-top: 10%;
  padding-bottom: 10%;
  margin-bottom: 10%;
  background-color: #f0f0f0;
}
.p-tanpaku__title {
  margin-bottom: 7.5%;
}
.p-tanpaku__box {
  margin-bottom: 9%;
  background-color: #FFFFFF;
}
.p-tanpaku__box__text {
  margin-bottom: .4em;
}
.p-tanpaku__box__text em {
  font-style: normal;
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffdb5c 60%);
}
.p-tanpaku__box__bq {
  line-height: 1.7em;
  margin-bottom: 0;
  font-size: 0.8em;
}
.p-tanpaku__box__contents {
  padding: 5% 4.5%;
}
.p-tanpaku__comment {
  margin-bottom: 4.5%;
  text-align: center;
}

.p-tweetSection {
  padding: 10.64% 5.32%;
  background-color: #fef5d9;
}
.p-tweetSection__title {
  width: 79.1%;
  margin: 0 auto 7.46%;
}
.p-tweetSection__lead {
  margin-bottom: 5.97%;
  text-align: center;
  line-height: 1.846;
}
.p-tweetSection__boldText {
  font-size: 1.384em;
  font-weight: bold;
}
.p-tweetSection__inner {
  height: 105em;
  overflow: hidden;
  margin: -5px;
  padding: 5px;
  transition: height .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.p-tweetSection__btn {
  position: relative;
  margin: 0 -5.32%;
  text-align: center;
}
.p-tweetSection__opened + .p-tweetSection__btn {
  display: none;
}
.p-tweetSection__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,245,217,1) 40%,rgba(254,245,217,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(254,245,217,1) 40%,rgba(254,245,217,1) 100%);
}
.p-tweetSection__btn img {
  position: relative;
  z-index: 1;
  width: 80%;
  opacity: 1.0;
  cursor: pointer;
  transition: opacity .3s;
}
.p-tweetSection__btn img:hover {
  opacity: 0.7;
}


.p-tweetBox {
  padding: 5.22%;
  font-size: 0.99em;
  background-color: #fff;
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07);
}
.p-tweetBox + .p-tweetBox {
  margin-top: 4.48%;
}
.p-tweetBox a {
  color: #d6604f;
}
.p-tweetBox__head {
  position: relative;
  margin-bottom: 5%;
  padding: 0.83% 0 0.83% 22%;
}
.p-tweetBox__profImg {
  position: absolute;
  left: 0;
  top: 0;
  width: 17.33%;
}
.p-tweetBox__name {
  margin-bottom: 1.33%;
  font-size: 1.384em;
  font-weight: bold;
}
.p-tweetBox__honorific {
  font-size: 0.8em;
}
.p-tweetBox__account a {
  display: inline-block;
  padding-left: 8.58%;
  font-weight: bold;
  line-height: 1.31;
  color: #1da1f2;
  background: url(../img/p-tweetBox__icon.png) 0 50% no-repeat transparent;
  background-size: auto 100%;
}
.p-tweetBox__thumb {
  margin-bottom: 5%;
}
.p-tweetBox__text {
  margin-bottom: 4%;
}
.p-tweetBox__hashList {
  margin: 4% 0;
  padding: 0;
  list-style: none;
}
.p-tweetBox__date a {
  font-size: 0.85em;
  color: #999;
}

.p-reportSection {
  padding: 10% 0 8%;
  background-color: #fff;
  background-size: 1.33em 1.33em;
}
.p-reportSection-headtitle {
  width: 33.3%;
  margin: 0 auto;
}
.p-reportSection-date {
  display: inline-block;
  margin: 8% 0 5%;
  padding: 0.5% 4% 0.5% 3%;
  color: #fff;
  background-color: #ff6600;
  border-left: 0.3em solid #000;
  border-radius: 0 1em 1em 0;
}
.p-reportSection__title {
  margin: 0 auto 6%;
  width: 94%;
}
.p-reportSection__title--archive {
  opacity: 1.0;
  cursor: pointer;
  transition: opacity .3s;
}
.p-reportSection__title--archive:hover {
  opacity: 0.7;
}
.p-reportSection__inner {
  padding: 0 6.77%;
}
.p-reportSection__inner:not(.p-reportSection__inner--latest) {
  height: 0;
  overflow: hidden;
  transition: height .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.p-reportSection__lead {
  margin-bottom: 5.33%;
}
.p-reportSection__visual {
  margin-bottom: 3.33%;
}
.p-reportSection__sceneVisual {
  margin: 0 -1.33% 1.33%;
}
.p-reportSection__text {
  margin-bottom: 3.33%;
}
.p-reportSection__visualCaption {
  margin: -1.5% 0 3.33%;
  font-size: 0.8em;
}


/* /yamato-sylphid/nutritionist-interview/ */
.p-squareBg{
  background: url(../img/page/yamato-sylphid/nutritionist-interview/square_bg.png);
  background-size: 2.6% auto;
}
.p-mainQ1__title{
  width: 61.3%;
  margin: 0 0 2.6%;
}
.p-mainQ1__media{
  position: relative;
  padding-top: 6.6%;
  padding-right: 20.3%;
}
.p-mainQ1__text{
  position: absolute;
  right: 5.3%;
  top: 0;
  width: 30%;
}
.p-mainFAQ{
  padding: 8% 5.3% 6.6%;
}
.p-mainFAQ__q{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.p-mainFAQ__q + .p-mainFAQ__a{
  margin-top: 6.6%;
}
.p-mainFAQ__a + .p-mainFAQ__q{
  margin-top: 6.6%;
}
.p-mainFAQ__qIcon{
  width: 16%;
}
.p-mainFAQ__qText{
  flex: 1;
  position: relative;
  margin-left: 27px;
  padding: 1em 0.85em 1em 1em;
  border-radius: 15px;
  background-color: #d9eef9;
}
.p-mainFAQ__qText::before{
  content: '';
  position: absolute;
  left: -20px;
  top: 1.8em;
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #d9eef9 transparent;
  transform: rotate(45deg);
}
.p-mainFAQ__qText p{
  margin-bottom: 2rem;
  line-height: 1.66;
  letter-spacing: 0.15em;
}
.p-mainFAQ__qText p:last-child{
  margin-bottom: 0;
}
.p-mainFAQ__a{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row-reverse;
}
.p-mainFAQ__aIcon{
  width: 16%;
}
.p-mainFAQ__aText{
  flex: 1;
  position: relative;
  margin-right: 27px;
  padding: 1em 0.85em 1em 1em;
  border-radius: 15px;
  background-color: #e4f7c6;
}
.p-mainFAQ__aText::after{
  content: '';
  position: absolute;
  right: -20px;
  top: 1.8em;
  width:0;
  height:0;
  border-style:solid;
  border-width: 0 15px 15px 15px;
  border-color: transparent transparent #e4f7c6 transparent;
  transform: rotate(-45deg);
}
.p-mainFAQ__aText p{
  margin-bottom: 2rem;
  line-height: 1.66;
  letter-spacing: 0.15em;
}
.p-mainFAQ__aText p:last-child{
  margin-bottom: 0;
}

.p-mainQ2__title{
  margin: 0;
  width: 77.3%;
}
.p-mainQ2__media{
  position: relative;
  margin-top: -33.6%;
  padding-top: 42.6%;
  padding-bottom: 9.3%;
  padding-right: 20%;
}
.p-mainQ2__text{
  position: absolute;
  right: 5.3%;
  top: 0;
  width: 29.7%;
}

.p-mainQ3__title{
  margin: 0;
  width: 84%;
}
.p-mainQ3__media{
  position: relative;
  padding-top: 17.3%;
  padding-bottom: 6.6%;
  padding-right: 20%;
}
.p-mainQ3__text{
  position: absolute;
  right: 5.3%;
  top: 0;
  width: 31.3%;
}

.p-mainQ4__title{
  margin: 0;
  width: 96%;
}
.p-mainQ4 .p-mainFAQ{
  padding-bottom: 4%;
}
.p-mainQ4__inner{
  padding: 0 5.3% 14.6%;
}
.p-mainQ4__subTitle01{
  margin: 0 0 6.6%;
}
.p-mainQ4__note01{
  margin-left: -1.3%;
  margin-bottom: 3.3%;
  padding-right: 9.3%;
}
.p-mainQ4__subTitle02{
  margin: 13.3% 0 6.6%;
}
.p-mainQ4__note02{
  margin: 0 0 3.3% -1.3%;
  padding-right: 9.3%;
}
.p-mainQ4__link02{
  position: relative;
  margin-top: -13%;
  padding-top: 13%;
}
.p-mainQ4__balloon{
  position: absolute;
  right: -4%;
  top: 0;
  width: 22.1%;
}
.p-mainQ4__note03{
  margin: 6.6% 0 3.3% -1.3%;
  padding-right: 3%;
}

.p-yakuju{
  padding: 9.3% 4% 11.3%;
  background-color: #eaeaea;
}
.p-yakuju__title{
  margin: 8% auto 0;
  width: 77.8%;
}


/* Flocss Layout 読み込み順が重要 */
#l-headerWrap {
  z-index: 2;
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 55px;
  background-color: #FFFFFF;
}
#l-headerWrap__logo {
  position: absolute;
  left: 20px;
  top: 9px;
  width: 130px;
  height: 35px;
  margin: 0;
}
#l-headerWrap__cart {
  position: absolute;
  right: 60px;
  top: 7px;
  width: 35px;
  height: 35px;
}

.is-noGlobalNavi #l-headerWrap__cart {
  right: 15px;
}

#l-globalNavi__title {
  display: none;
  z-index: 3;
  position: fixed;
  right: 15px;
  top: 9px;
  width: 35px;
  height: 35px;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  text-indent: 100%;
  text-align: left;
  background-image: url(../img/l-headerWrap__navi.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#l-globalNavi__navi li {
  padding: 1em;
  border-bottom: 1px solid #CCCCCC;
  text-align: center;
}
#l-globalNavi__navi li a {
  color: #000000;
}

#l-globalNavi.js-init #l-globalNavi__title {
  display: block;
  cursor: pointer;
  transition: all 1s;
}

#l-globalNavi.js-init #l-globalNavi__navi {
  z-index: 1;
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 0;
  padding: 0;
  padding-top: 55px;
  overflow: hidden;
  margin: 0;
  background-color: #f0f0f0;
  list-style: none;
  transition: all 1s;
}

#l-globalNavi.js-init.is-opened #l-globalNavi__title {
  transform: rotateZ(90deg);
}

#l-globalNavi.js-init.is-opened #l-globalNavi__navi {
  height: 100%;
}

.is-noGlobalNavi #l-globalNavi {
  display: none;
}

.footerNavi {
  margin: 0;
  margin-top: 40px;
  padding: 0;
  list-style: none;
  background-color: #f0f0f0;
  list-style: none;
}
.footerNavi li {
  padding: 1em;
  text-align: center;
}
.footerNavi li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
.footerNavi li a {
  color: #000;
}

#l-footerWrap {
  padding: 20px;
  background-color: #000000;
  color: #FFFFFF;
}
#l-footerWrap a {
  color: #FFFFFF;
}
#l-footerWrap__navi {
  display: flex;
  justify-content: center;
  line-height: 1.7em;
  padding: 10px 0;
  margin-bottom: 15px;
  font-size: .77em;
}
#l-footerWrap__navi li {
  display: block;
  padding: 0 1rem;
}
#l-footerWrap__logo {
  width: 145px;
  margin: 0 auto 15px;
  text-align: center;
}
#l-footerWrap__copyright {
  line-height: 1.7em;
  text-align: center;
  font-size: 1rem;
}

#l-pageContents {
  width: 100%;
  max-width: 599px;
  padding: 0;
  margin: 0 auto;
}


/* Flocss Project */
/* recipe-idea */
.p-contentsWrap.p-monitorWrap{
  padding: 0 5.3% 8%;
}
.p-monitor__text{
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 2;
  white-space: nowrap;
  margin-bottom: 10%;
}
.p-monitor__text__pink {
  color: #dc5c81;
}


.p-contentsWrap.p-challengeListWrap {
  padding: 8% 5.3% 10%;
  background: #eee;
}
.p-challengeList--yuka,
.p-challengeList--gohan {
  margin-bottom: 6%;
}
.p-challengeList--hea {
  position: relative;
}
.p-challengeList--hea .badge {
  position: absolute;
  width: 16.6%;
  top: -3%;
  right: -4%;
}

.p-everyone {
  margin-top: 12%;
}
.p-everyone__title {
  position: relative;
  margin-bottom: 9%;
  padding: 0 6%;
}
.p-everyone__title .badge {
  position: absolute;
  width: 16.6%;
  top: -5%;
  right: 0;
  background-color: #eee;
  padding-left: 1.5%;
}
.p-everyone__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-everyone__list li {
  width: 31.3%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-everyone__list li:nth-child(n+4) {
  margin-top: 3%;
}
.p-everyone__list::after {
  content: "";
  width: 31.3%;
}


.p-contentsWrap.p-challengeDetail--1 {
  padding: 4% 5.3% 10%;
  border-top: 3px solid #dc5c81;
  background: url(../img/page/recipe-idea/p-challengeDetail--1.jpg);
}
.p-contentsWrap.p-challengeDetail--2 {
  padding: 4% 5.3% 10%;
  border-top: 3px solid #5cbfdc;
  background: url(../img/page/recipe-idea/p-challengeDetail--2.jpg);
}
.p-contentsWrap.p-challengeDetail--3 {
  padding: 4% 5.3% 10%;
  border-top: 3px solid #fffdec;
  background: url(../img/page/recipe-idea/p-challengeDetail--3.jpg);
}
.p-challengeDetail__img {
  position: relative;
  margin-bottom: 6%;
}
.p-challengeDetail__img .badge {
  position: absolute;
  width: 16.6%;
  top: -5%;
  right: -2%;
}
.p-challengeDetail__start {
  width: 63%;
}
.p-challengeDetail__orderWrap {
  display: flex;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row1 {
  justify-content: flex-end;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row1::after {
  content: '';
  position: absolute;
  right: 16.5%;
  bottom: -22%;
  width: 0.6%;
  height: 60%;  
  background: #dc5c81;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--1 {
  width: 22%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--2 {
  padding-top: 6%;
  margin-left: 6%;
  width: 34%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--2::before {
  content: '';
  position: absolute;
  left: -25%;
  top: 40%;
  width: 30%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--2::after {
  content: '';
  position: absolute;
  right: -8%;
  top: 45%;
  width: 10%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(-37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--3 {
  position: relative;
  margin-top: -12%;
  width: 34%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row2 {
  justify-content: space-between;
  margin-left: -1.6%;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row2::after {
  content: '';
  position: absolute;
  left: 16%;
  bottom: -5%;
  width: 0.6%;
  height: 26%;
  background: #dc5c81;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--4 {
  order: 3;
  width: 34%;
  padding-top: 10%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--5 {
  order: 2;
  width: 22%;
  padding-top: 28%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--5::before {
  content: '';
  position: absolute;
  left: -40%;
  top: 60%;
  width: 50%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--5::after {
  content: '';
  position: absolute;
  right: -30%;
  top: 65%;
  width: 37%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(-37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--6 {
  order: 1;
  width: 34%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row3 {
  justify-content: space-between;
  padding-bottom: 4%;
  margin-left: -1.6%;
  margin-right: -1.6%;  
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row3::after {
  content: '';
  position: absolute;
  right: 15.8%;
  bottom: -3%;
  width: 0.6%;
  height: 44%;
  background: #dc5c81;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--7 {
  width: 34%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--8 {
  width: 22%;
  padding-top: 28%;
  padding-right: 7%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--8::before {
  content: '';
  position: absolute;
  left: -24%;
  top: 68%;
  width: 28%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--8::after {
  content: '';
  position: absolute;
  right: -30%;
  top: 64%;
  width: 61%;
  height: 1.2%;
  background: #dc5c81;
  transform: rotate(-37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--9 {
  width: 22%;
  padding-top: 10%;
  padding-right: 4.8%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap--row4 {
  justify-content: center;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--10 {
  order: 3;
  width: 22%;
  padding-top: 1.5%;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--11 {
  order: 2;
  width: 34%;
  margin: 0 7%;
  position: relative;
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--11::before {
  content: '';
  position: absolute;
  left: -30%;
  top: 50%;
  width: 36%;
  height: 1.4%;
  background: #dc5c81;
  transform: rotate(37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--11::after {
  content: '';
  position: absolute;
  right: -30%;
  top: 50%;
  width: 36%;
  height: 1.4%;
  background: #dc5c81;
  transform: rotate(-37deg);
}
.p-challengeDetail--1 .p-challengeDetail__orderWrap__item--12 {
  order: 1;
  width: 22%;
  padding-top: 1.5%;
}
.p-challengeDetail--1 .p-challengeDetail__goal {
  width: 18%;
  position: absolute;
  left: 10%;
  bottom: 20%;
}

.p-challengeDetail--1 .p-challengeDetail__staff {
  margin-top: 6%;
}
.p-challengeDetail__orderWrap__item img {
  position: relative;
  z-index: 1;
}

.p-challengeDetail--2 .p-challengeDetail__orderWrap--row1 {
  position: relative;
  margin-left: -1.6%;
  margin-right: -1.6%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row1::after {
  content: '';
  position: absolute;
  right: 17%;
  bottom: -8%;
  width: 0.6%;
  height: 50%;
  background: #5cbfdc;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--1 {
  width: 34%;
  padding-top: 3%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--2 {
  padding-top: 25%;
  width: 36%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--2::before {
  content: '';
  position: absolute;
  left: -10%;
  top: 50%;
  width: 14%;
  height: 0.9%;
  background: #5cbfdc;
  transform: rotate(37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--2::after {
  content: '';
  position: absolute;
  right: 0%;
  top: 49%;
  width: 10%;
  height: 0.9%;
  background: #5cbfdc;
  transform: rotate(-37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--3 {
  position: relative;
  margin-top: -10%;
  margin-left: -3%;
  width: 36%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row2 {
  padding-top: 6%;
  padding-bottom: 6%;
  margin-left: -1.6%;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row2::after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: -0.5%;
  width: 0.6%;
  height: 14%;
  background: #5cbfdc;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--4 {
  order: 3;
  width: 34%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--5 {
  order: 2;
  width: 34%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--5::before {
  content: '';
  position: absolute;
  left: -7%;
  top: 50%;
  width: 11%;
  height: 1.2%;
  background: #5cbfdc;
  transform: rotate(37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--5::after {
  content: '';
  position: absolute;
  right: -6%;
  top: 50%;
  width: 12%;
  height: 1.2%;
  background: #5cbfdc;
  transform: rotate(-37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--6 {
  order: 1;
  width: 34%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row3 {
  justify-content: center;
  padding-bottom: 4%;
  margin-left: -1.6%;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row3::after {
  content: '';
  position: absolute;
  right: 14%;
  bottom: -6%;
  width: 0.6%;
  height: 29%;
  background: #5cbfdc;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--7 {
  width: 34%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--8 {
  width: 34%;
  padding-top: 6%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--8::before {
  content: '';
  position: absolute;
  left: -5%;
  top: 48%;
  width: 11%;
  height: 1.2%;
  background: #5cbfdc;
  transform: rotate(37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--8::after {
  content: '';
  position: absolute;
  right: -10%;
  top: 50%;
  width: 15%;
  height: 1.2%;
  background: #5cbfdc;
  transform: rotate(-37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--9 {
  width: 34%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap--row4 {
  margin-left: -1.6%;
  margin-right: 1.6%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--10 {
  order: 3;
  width: 22%;
  padding-top: 3%;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--11 {
  order: 2;
  width: 22%;
  padding-top: 18%;
  margin: 0 17% 0 5%;
  position: relative;
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--11::before {
  content: '';
  position: absolute;
  left: -35%;
  top: 63%;
  width: 40%;
  height: 1.4%;
  background: #5cbfdc;
  transform: rotate(37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--11::after {
  content: '';
  position: absolute;
  right: -89%;
  top: 55%;
  width: 100%;
  height: 1.4%;
  background: #5cbfdc;
  transform: rotate(-37deg);
}
.p-challengeDetail--2 .p-challengeDetail__orderWrap__item--12 {
  order: 1;
  width: 34%;
  padding-top: 1.5%;
}
.p-challengeDetail--2 .p-challengeDetail__goal {
  width: 18%;
  margin-left: 11%;
  margin-top: 1.6%;
}
.p-challengeDetail--2 .p-challengeDetail__staff {
  margin-top: 6%;
}


.p-challengeDetail--3 .p-challengeDetail__orderWrap--row1 {
  position: relative;
  margin-left: -1.6%;
  margin-right: -1.6%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row1::after {
  content: '';
  position: absolute;
  right: 17%;
  bottom: -18%;
  width: 0.6%;
  height: 49%;
  background: #dc9b5c;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--1 {
  width: 36%;
  padding-top: 3%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--2 {
  padding-top: 31%;
  margin-left: -2%;
  width: 36%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--2::before {
  content: '';
  position: absolute;
  left: -5%;
  top: 55%;
  width: 12%;
  height: 0.9%;
  background: #dc9b5c;
  transform: rotate(37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--2::after {
  content: '';
  position: absolute;
  right: 2%;
  top: 55%;
  width: 11%;
  height: 0.9%;
  background: #dc9b5c;
  transform: rotate(-37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--3 {
  position: relative;
  padding-top: 3%;
  margin-left: -2%;
  width: 36%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row2 {
  padding-top: 6%;
  padding-bottom: 6%;
  margin-left: -1.6%;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row2::after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: -0.5%;
  width: 0.6%;
  height: 10%;
  background: #dc9b5c;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--4 {
  order: 3;
  width: 36%;
  margin-top: 7%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--5 {
  order: 2;
  width: 36%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--5::before {
  content: '';
  position: absolute;
  left: -6%;
  top: 54%;
  width: 10%;
  height: 1.2%;
  background: #dc9b5c;
  transform: rotate(37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--5::after {
  content: '';
  position: absolute;
  right: -4%;
  top: 50%;
  width: 10%;
  height: 1.2%;
  background: #dc9b5c;
  transform: rotate(-37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--6 {
  order: 1;
  width: 36%;
  margin-top: 7%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row3 {
  justify-content: center;
  padding-bottom: 6%;
  margin-left: -1.6%;
  margin-right: -1.6%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row3::after {
  content: '';
  position: absolute;
  right: 16%;
  bottom: 0%;
  width: 0.6%;
  height: 11%;
  background: #dc9b5c;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--7 {
  width: 34%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--8 {
  width: 34%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--8::before {
  content: '';
  position: absolute;
  left: -5%;
  top: 46%;
  width: 9%;
  height: 1.2%;
  background: #dc9b5c;
  transform: rotate(37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--8::after {
  content: '';
  position: absolute;
  right: -6%;
  top: 46%;
  width: 10%;
  height: 1.2%;
  background: #dc9b5c;
  transform: rotate(-37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--9 {
  width: 34%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap--row4 {
  margin-left: -1.6%;
  margin-right: -1.6%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--10 {
  order: 3;
  width: 34%;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--11 {
  order: 2;
  width: 34%;
  position: relative;
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--11::before {
  content: '';
  position: absolute;
  left: -3%;
  top: 40%;
  width: 9%;
  height: 1.4%;
  background: #dc9b5c;
  transform: rotate(37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--11::after {
  content: '';
  position: absolute;
  right: -3%;
  top: 40%;
  width: 13%;
  height: 1.4%;
  background: #dc9b5c;
  transform: rotate(-37deg);
}
.p-challengeDetail--3 .p-challengeDetail__orderWrap__item--12 {
  order: 1;
  width: 34%;
}
.p-challengeDetail--3 .p-challengeDetail__goal {
  width: 18%;
  margin-left: 11%;
  margin-top: 1.6%;
}
.p-challengeDetail--3 .p-challengeDetail__staff {
  margin-top: 6%;
}

.p-contentsWrap.p-voiceWrap {
  padding: 10% 5.3%;
  background: #eee;
}
.p-voice__title {
  margin-top: 0;
  margin-bottom: 13%;
}
.p-voice__img__gohan,
.p-voice__img__yuka {
  margin-bottom: 8%;
}


.p-contentsWrap.p-keepWrap {
  padding: 10% 5.3%;
}
.p-keep__title {
  margin-top: 0;
  padding: 0 6%;
}
.p-keep__text {
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.06em;
  line-height: 1.8;
  margin-bottom: 8%;
}
.p-keep__img {
  margin: 0 16% 8%;
}
.p-keep__img2 {
  margin: 0 4% 8%;
}
.p-keep__btns {
  padding: 0 3%;
}
.p-keep__btns__btn:first-child {
  margin-bottom: 2.6%;
}

.p-contentsWrap.p-interviewWrap {
  padding: 4% 5.3% 10%;
}
.p-interview__title {
  margin: 0 0 8%;
  padding: 0 2.7%;
}
.p-interview__bnr--interview {
  margin-bottom: 4%;
}

.p-contentsWrap.p-sns {
  padding: 4% 8% 10%;
}
.p-sns__title {
  margin-top: 0;
}
.p-sns__text {
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.06em;
  margin-bottom: 6%;
}
.p-sns__tag {
  padding: 6%;
  margin-bottom: 5%;
  background: #fef5d9;
}
.p-sns__tag__text {
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.384em;
  line-height: 1.7em;
  letter-spacing: 0.2em;
}

.p-contentsWrap.p-arrangeMenuWrap {
  padding: 0;
  background-color: #f1f1f1;
}
.p-arrangeMenu__title {
  margin: 0;
  padding: 10% 10.66% 21.2%;
}
.p-arrangeMenuList {
  padding: 10.6% 5.3% 21.2%;
}
.p-arrangeMenuList:last-of-type {
  padding-bottom: 10.6%;
}
#p-arrangeMenuList--1 {
  background-color: #e3f9f4;
  border-top: 1px solid #80d2c4;
}
#p-arrangeMenuList--2 {
  background-color: #fff6d8;
  border-top: 1px solid #d2b080;
}
#p-arrangeMenuList--3 {
  background-color: #e7f5dc;
  border-top: 1px solid #add280;
}
#p-arrangeMenuList--4 {
  background-color: #f5ecdc;
  border-top: 1px solid #d29080;
}
#p-arrangeMenuList--5 {
  background-color: #ffe3db;
  border-top: 1px solid #e19681;
}
#p-arrangeMenuList--6 {
  background-color: #ffeff7;
  border-top: 1px solid #d2809f;
}
.p-arrangeMenuList__text {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  margin-bottom: 5%;
}
.p-arrangeMenuList__title {
  position: relative;
  margin: -44% 0 5%;
  padding-top: 20%;
}
.p-arrangeMenuBox__title--small {
  font-size: 0.8em;
}
.p-arrangeMenuList__title img:first-child {
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
}
.p-arrangeMenuList__title .badge {
  position: absolute;
  top: 35%;
  right: -3%;
  width: 16.6%;
}
.p-arrangeMenuBox {
  padding: 5.22%;
  font-size: 0.99em;
  background-color: #fff;
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
}
.p-arrangeMenuBox:not(:first-child) {
  margin-top: 4%;
}
.p-arrangeMenuBox__img {
  margin-bottom: 5%;
}
.p-arrangeMenuBox__title {
  margin-bottom: 3%;
  font-size: 1.15em;
  font-weight: bold;
}
.p-arrangeMenuBox__text {
  margin-bottom: 0;
}
.p-arrangeMenuBox__keyword {
  margin: 0;
  padding: 0;
  list-style: none;
}
.p-arrangeMenuBox__keyword li {
  display: inline-block;
  margin-top: 5%;
  margin-right: 0.4%;
  padding: 0 2%;
  font-size: 0.92em;
  color: #d6604f;
  border: 1px solid #d6604f;
  border-radius: 0.5em;
}
.p-arrangeMenuBox__keyword--highlight {
  background-color: #fff5eb;
}
.p-arrangeMenuBox__btn {
  position: relative;
  margin: 0 -5.32%;
  text-align: center;
}
#p-arrangeMenuList--1 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(227,249,244,1) 40%,rgba(227,249,244,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(227,249,244,1) 40%,rgba(227,249,244,1) 100%);
}
#p-arrangeMenuList--2 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,246,216,1) 40%,rgba(255,246,216,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,246,216,1) 40%,rgba(255,246,216,1) 100%);
}
#p-arrangeMenuList--3 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(231,245,220,1) 40%,rgba(231,245,220,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(231,245,220,1) 40%,rgba(231,245,220,1) 100%);
}
#p-arrangeMenuList--4 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(245,236,220,1) 40%,rgba(245,236,220,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(245,236,220,1) 40%,rgba(245,236,220,1) 100%);
}
#p-arrangeMenuList--5 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,227,219,1) 40%,rgba(255,227,219,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,227,219,1) 40%,rgba(255,227,219,1) 100%);
}
#p-arrangeMenuList--6 .p-arrangeMenuBox__btn::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 270%;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,239,247,1) 40%,rgba(255,239,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,239,247,1) 40%,rgba(255,239,247,1) 100%);
}
.p-arrangeMenuBox__btn img {
  position: relative;
  z-index: 1;
  width: 80%;
  opacity: 1.0;
  cursor: pointer;
  transition: opacity .3s;
}
.p-arrangeMenuBox__bnr {
  margin-top: 8%;
  border-radius: 0.6em;
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
  -webkit-box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 7%);
}
.p-arrangeMenuBox__inner {
  height: 110vh;
  overflow: hidden;
  margin: -5px;
  padding: 5px;
  transition: height .5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.p-arrangeMenuBox__opened + .p-arrangeMenuBox__btn {
  display: none;
}

.p-pageBtmBnrWrap {
  margin-bottom: 15%;
}
.p-pageBtmBnr:not(:last-child) {
  margin-bottom: 8%;
}

.p-topVisual--developInterview {
  position: relative;
  margin-bottom: 0;
}
.p-topVisual--developInterview a {
  color: #da6633;
  text-decoration: underline;
}
.p-topVisual--developInterview__wrap {
  position: absolute;
  left: 0;
  top: 0;
  padding: 86% 0 0;
  color: #fff;
}
.p-topVisual--developInterview__text {
  margin-bottom: 6%;
  padding-bottom: 6%;
  text-align: center;
  line-height: 2;
  background: url(../img/page/recipe-idea/develop-interview/dot_line.png) 50% 100% no-repeat;
  background-size: 60% auto;
}
.p-topVisual--developInterview__caption {
  padding: 0 8%;
}
.p-topVisual--developInterview__btn {
  margin-top: -2%;
  padding: 0 6%;
}

.p-developInterviewWrap {
  background: url(../img/page/recipe-idea/develop-interview/bg_paper_texture.jpg) 0 0 repeat;
}
.p-developInterview__title {
  margin: 8% 0;
}
.p-developInterview__sub-title {
  margin: -14% 0 8%;
  padding-top: 16%;
}
.p-developInterview__img {
  margin: 8% 0;
}
.p-developInterview__name {
  display: inline-block;
  margin-bottom: 2.8%;
  padding: 0 4%;
  font-size: 0.914em;
  font-weight: bold;
  color: #fff;
  background-color: #445ca6;
  border-radius: 1em;
}
.p-developInterview__name {
  display: inline-block;
  margin-bottom: 2.8%;
  padding: 0 4%;
  font-size: 0.914em;
  font-weight: bold;
  color: #fff;
  background-color: #445ca6;
  border-radius: 1em;
}
.p-developInterview__name--1 {
  background-color: #445ca6;
}
.p-developInterview__name--2 {
  background-color: #d93d04;
}
.p-developInterview__name--3 {
  background-color: #a65d03;
}
.p-developInterview__name--4 {
  background-color: #618c03;
}
.p-developInterview__name--5 {
  background-color: #584f40;
}
.p-developInterview__name--6 {
  background-color: #bbbe93;
}
.p-developInterview__text {
  margin-bottom: 4.8%;
  font-size: 0.914em;
}
.p-developInterview__text a {
  color: #da6633;
  text-decoration: underline;
}
.p-developInterview__text--small {
  font-size: 0.8em;
}