@charset "UTF-8";
.clfl:after {
  content: ".";
  display: block;
  clear: left;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clfr:after {
  content: ".";
  display: block;
  clear: right;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf:after, section:nth-of-type(2) article#mineral ol:after, section:nth-of-type(2) article#vitamin dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf, section:nth-of-type(2) article#mineral ol, section:nth-of-type(2) article#vitamin dl {
  min-height: 1px; }

* html .clf, * html section:nth-of-type(2) article#mineral ol, section:nth-of-type(2) article#mineral * html ol, * html section:nth-of-type(2) article#vitamin dl, section:nth-of-type(2) article#vitamin * html dl {
  height: 1px;
  /*促*/
  /*/
    height: auto;
    overflow: hidden;
    /**/ }

@-webkit-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-ms-keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0; }
  1% {
    display: block;
    opacity: 0; }
  100% {
    display: block;
    opacity: 1; } }

@-webkit-keyframes blink {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-moz-keyframes blink {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-ms-keyframes blink {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@keyframes blink {
  0% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }

@-webkit-keyframes slide {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-50%, 0); } }

@-moz-keyframes slide {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-50%, 0); } }

@-ms-keyframes slide {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-50%, 0); } }

@keyframes slide {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-50%, 0); } }

section:nth-of-type(1) {
  padding-bottom: 73px; }
  section:nth-of-type(1) article {
    background-color: white;
    border-radius: 9px;
    margin: 80px auto 30px;
    width: 900px;
    padding: 57px 0 76px; }
    section:nth-of-type(1) article h2 {
      -webkit-display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center; }

section:nth-of-type(2) {
  background-color: #F2F5F9;
  position: relative;
  padding-bottom: 142px;
  margin-bottom: -17px; }
  section:nth-of-type(2):before {
    content: '';
    display: block;
    width: 100%;
    height: 17px;
    background-image: url("/aroma-spice/img/giza-transparent-f2f5f9@2x-fc764e34.png");
    background-size: contain;
    position: absolute;
    top: -17px; }
  section:nth-of-type(2) .wrap {
    width: 900px;
    margin: 0 auto; }
  section:nth-of-type(2) h3 {
    font-size: 20px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 77px; }
  section:nth-of-type(2) nav {
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-jjustify-content: space-between;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 120px;
    width: 100%;
    margin-bottom: 154px; }
    section:nth-of-type(2) nav a {
      -webkit-display: flex;
      -webkit-justify-content: center;
      -webkit-align-items: center;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      padding-bottom: 40px;
      background-image: url("/aroma-spice/img/makenai-karada/eiyoso/arrow-baa3fab3.svg");
      background-repeat: no-repeat;
      background-position: center bottom; }
  section:nth-of-type(2) article {
    border-style: solid;
    border-width: 6px;
    border-radius: 10px;
    background-color: white;
    margin-top: 90px;
    padding: 70px 81px;
    position: relative;
    font-size: 16px;
    line-height: 2em; }
    section:nth-of-type(2) article .icon {
      position: absolute;
      height: auto; }
    section:nth-of-type(2) article h3 {
      font-size: 32px;
      line-height: 52px;
      padding: 0;
      margin-bottom: 39px;
      letter-spacing: 0.2em; }
    section:nth-of-type(2) article .fig {
      margin-bottom: 38px; }
    section:nth-of-type(2) article#carbohydrate {
      border-color: #FFB057; }
      section:nth-of-type(2) article#carbohydrate .icon {
        left: calc(50% - 58px);
        top: -77px; }
      section:nth-of-type(2) article#carbohydrate h3, section:nth-of-type(2) article#carbohydrate b {
        color: #FF8700; }
    section:nth-of-type(2) article#protein {
      border-color: #FF587F; }
      section:nth-of-type(2) article#protein .icon {
        left: calc(50% - 73px);
        top: -45px; }
      section:nth-of-type(2) article#protein h3, section:nth-of-type(2) article#protein b {
        color: #F82657; }
      section:nth-of-type(2) article#protein h3 {
        padding-top: 31px;
        padding-bottom: 28px; }
    section:nth-of-type(2) article#fat {
      border-color: #3EC4FF; }
      section:nth-of-type(2) article#fat .icon {
        left: calc(50% - 67px);
        top: -66px; }
      section:nth-of-type(2) article#fat h3, section:nth-of-type(2) article#fat b {
        color: #00A4EB; }
    section:nth-of-type(2) article#vitamin {
      border-color: #89D959; }
      section:nth-of-type(2) article#vitamin .icon {
        left: calc(50% - 78px);
        top: -58px; }
      section:nth-of-type(2) article#vitamin h3, section:nth-of-type(2) article#vitamin b {
        color: #0DA805; }
      section:nth-of-type(2) article#vitamin dl {
        margin-top: 3em; }
        section:nth-of-type(2) article#vitamin dl dt {
          width: 186px;
          float: left;
          margin-bottom: 2em; }
        section:nth-of-type(2) article#vitamin dl dd {
          width: calc(100% - 186px);
          float: left;
          margin-bottom: 2em; }
    section:nth-of-type(2) article#mineral {
      border-color: #B06AC1; }
      section:nth-of-type(2) article#mineral .icon {
        left: calc(50% - 60px);
        top: -58px; }
      section:nth-of-type(2) article#mineral h3, section:nth-of-type(2) article#mineral b {
        color: #87289D; }
      section:nth-of-type(2) article#mineral ol {
        margin-top: 2em; }
        section:nth-of-type(2) article#mineral ol li {
          position: relative;
          float: left;
          list-style-position: outside;
          padding-left: 1.25em;
          display: block; }
          section:nth-of-type(2) article#mineral ol li span {
            position: absolute;
            left: 0; }
          section:nth-of-type(2) article#mineral ol li:nth-child(odd) {
            width: 206px; }
          section:nth-of-type(2) article#mineral ol li:nth-child(even) {
            width: calc(100% - 246px); }

@media (max-width: 1149px) {
  body[data-device="mobile"] section:nth-of-type(2):before, body[data-device="tablet"] section:nth-of-type(2):before {
    height: 8px;
    top: -8px; }
  body[data-device="mobile"] section:nth-of-type(1), body[data-device="tablet"] section:nth-of-type(1) {
    padding-bottom: 0; }
    body[data-device="mobile"] section:nth-of-type(1) article, body[data-device="tablet"] section:nth-of-type(1) article {
      width: auto;
      margin: 40px 20px;
      padding: 32px 0 22px; }
  body[data-device="mobile"] section:nth-of-type(2), body[data-device="tablet"] section:nth-of-type(2) {
    padding-bottom: 102px; }
    body[data-device="mobile"] section:nth-of-type(2) .wrap, body[data-device="tablet"] section:nth-of-type(2) .wrap {
      width: auto;
      margin: 0 20px; }
    body[data-device="mobile"] section:nth-of-type(2) h3, body[data-device="tablet"] section:nth-of-type(2) h3 {
      font-size: 14px;
      padding-top: 30px;
      padding-bottom: 36px; }
    body[data-device="mobile"] section:nth-of-type(2) nav, body[data-device="tablet"] section:nth-of-type(2) nav {
      height: 40px;
      max-width: 400px;
      margin: 0 auto 100px; }
      body[data-device="mobile"] section:nth-of-type(2) nav a, body[data-device="tablet"] section:nth-of-type(2) nav a {
        background-size: 7.38px auto;
        padding-bottom: 13px; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img, body[data-device="tablet"] section:nth-of-type(2) nav a img {
          height: auto; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img.carbohydrate, body[data-device="tablet"] section:nth-of-type(2) nav a img.carbohydrate {
          width: 39px; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img.protein, body[data-device="tablet"] section:nth-of-type(2) nav a img.protein {
          width: 49px; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img.fat, body[data-device="tablet"] section:nth-of-type(2) nav a img.fat {
          width: 45px; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img.vitamin, body[data-device="tablet"] section:nth-of-type(2) nav a img.vitamin {
          width: 52.7px; }
        body[data-device="mobile"] section:nth-of-type(2) nav a img.mineral, body[data-device="tablet"] section:nth-of-type(2) nav a img.mineral {
          width: 39.7px; }
    body[data-device="mobile"] section:nth-of-type(2) article, body[data-device="tablet"] section:nth-of-type(2) article {
      border-width: 3px;
      padding: 20px;
      font-size: 13px;
      line-height: 24px;
      margin-top: 63px; }
      body[data-device="mobile"] section:nth-of-type(2) article h3, body[data-device="tablet"] section:nth-of-type(2) article h3 {
        font-size: 20px;
        line-height: 33px;
        margin-top: 30px;
        margin-bottom: 35px; }
      body[data-device="mobile"] section:nth-of-type(2) article .fig, body[data-device="tablet"] section:nth-of-type(2) article .fig {
        width: 100%;
        height: auto;
        margin-bottom: 15px; }
      body[data-device="mobile"] section:nth-of-type(2) article#carbohydrate .icon, body[data-device="tablet"] section:nth-of-type(2) article#carbohydrate .icon {
        width: 80px;
        left: calc(50% - 40px);
        top: -56px; }
      body[data-device="mobile"] section:nth-of-type(2) article#protein .icon, body[data-device="tablet"] section:nth-of-type(2) article#protein .icon {
        width: 101px;
        left: calc(50% - 50px);
        top: -41px; }
      body[data-device="mobile"] section:nth-of-type(2) article#protein h3, body[data-device="tablet"] section:nth-of-type(2) article#protein h3 {
        padding-top: 0;
        padding-bottom: 0; }
      body[data-device="mobile"] section:nth-of-type(2) article#fat .icon, body[data-device="tablet"] section:nth-of-type(2) article#fat .icon {
        width: 93px;
        left: calc(50% - 46px);
        top: -42px; }
      body[data-device="mobile"] section:nth-of-type(2) article#vitamin .icon, body[data-device="tablet"] section:nth-of-type(2) article#vitamin .icon {
        width: 109px;
        left: calc(50% - 55px);
        top: -39px; }
      body[data-device="mobile"] section:nth-of-type(2) article#vitamin dl dt, body[data-device="tablet"] section:nth-of-type(2) article#vitamin dl dt {
        float: none;
        width: auto;
        margin-bottom: 0; }
      body[data-device="mobile"] section:nth-of-type(2) article#vitamin dl dd, body[data-device="tablet"] section:nth-of-type(2) article#vitamin dl dd {
        float: none;
        width: auto; }
      body[data-device="mobile"] section:nth-of-type(2) article#mineral .icon, body[data-device="tablet"] section:nth-of-type(2) article#mineral .icon {
        width: 82px;
        left: calc(50% - 41px);
        top: -42px; }
      body[data-device="mobile"] section:nth-of-type(2) article#mineral ol li, body[data-device="tablet"] section:nth-of-type(2) article#mineral ol li {
        float: none;
        margin-bottom: 0.5em; }
        body[data-device="mobile"] section:nth-of-type(2) article#mineral ol li:nth-child(odd), body[data-device="tablet"] section:nth-of-type(2) article#mineral ol li:nth-child(odd) {
          width: auto; }
        body[data-device="mobile"] section:nth-of-type(2) article#mineral ol li:nth-child(even), body[data-device="tablet"] section:nth-of-type(2) article#mineral ol li:nth-child(even) {
          width: auto; } }