@charset "UTF-8";
/*================================================
このCSSファイルはSassから生成されています。
編集しないようにご注意ください。
================================================*/
html {
  font-size: 62.5%;
  /* 10px */
  height: 100%;
}

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

.lead {
  margin: 0 5%;
}

.cont_wrap.cuisie_wrap {
  margin: 0 5%;
  padding-top: 4rem;
}

.cuisine_box1 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.cuisine_box1 .box_left {
  width: 57.239819%;
}

.cuisine_box1 .box_right {
  width: 39.819004%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.box02 {
  padding-top: 0.7rem;
}

.cuisine_box2 {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.cuisine_box2 .box_left2 {
  width: 42.873303%;
}

.cuisine_box2 {
  padding-top: 0.7rem;
}

.cuisine_box2 .box_right2 {
  width: 54.411764%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.menu_box {
  box-sizing: border-box;
  border-left: double 3px #333;
  border-right: double 3px #333;
  padding: 0 2rem;
  margin-top: 3.8rem;
}

.menu_box dt {
  letter-spacing: .1em;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.8rem;
  text-align: center;
}

.menu_box dd {
  color: #5a623d;
  font-size: 5.07vw;
  text-align: center;
  letter-spacing: .4em;
}

.menu_box dd:first-of-type {
  padding-top: 2.8rem;
}

.menu_box dd:not(:first-of-type) {
  padding-top: 3.6rem;
}

.menu_box dd:last-of-type {
  padding-bottom: 2rem;
}

.jp_en {
  letter-spacing: .05em;
}

.tax {
  letter-spacing: .05em;
}

.menu_contents {
  display: inline-block;
  font-size: 4vw;
  line-height: 2.47;
  padding-top: 2rem;
  font-weight: normal;
  letter-spacing: .1em;
  color: #666;
}

.menu_coution {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.1rem;
  padding-top: 4rem;
}

.chef01 {
  display: grid;
  grid-template-columns: 39.349112% auto;
  grid-template-rows: auto 1fr;
  padding-top: 3.8rem;
}

.chef_img01 {
  grid-column: 1;
  grid-row: 1;
}

.name01 {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.3rem;
}

.name01 dt {
  line-height: 1.5;
}

.name01 dd {
  line-height: 1.5;
}

.chef_txt {
  grid-column: 1 / 3;
  grid-row: 2;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.1rem;
  line-height: 1.6;
}

.chef02 {
  display: grid;
  grid-template-columns: auto 39.349112%;
  grid-template-rows: auto 1fr;
  padding-top: 4.2rem;
}

.chef_img02 {
  grid-column: 2 / 3;
  grid-row: 1;
}

.name02 {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  letter-spacing: .05em;
  font-size: 1.3rem;
}

.name02 dt {
  line-height: 1.5;
}

.name02 dd {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .lead {
    width: 90%;
    max-width: 884px;
    margin: 0 auto;
  }
  .menu_coution {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
  .chef01 {
    grid-template-columns: 27.714932% auto;
    grid-template-rows: auto;
  }
  .chef_img01 {
    grid-column: 1;
    grid-row: 2;
  }
  .name01 {
    grid-column: 1 / 3;
    grid-row: auto;
  }
  .chef_txt {
    grid-column: 2;
    grid-row: 2;
  }
  .chef02 {
    grid-template-columns: auto 27.714932%;
    grid-template-rows: auto;
  }
  .chef02 .chef_txt {
    grid-column: 1;
    grid-row: 2;
  }
  .chef_img02 {
    grid-row: 2;
  }
  .name02 {
    grid-column: 2;
    grid-row: 1;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .cont_wrap.cuisie_wrap {
    width: 70%;
    max-width: 884px;
    margin: 0 auto;
  }
  .cont_wrap.menu_wrap {
    width: 70%;
    max-width: 884px;
    margin: 0 auto;
  }
  .menu_box dt {
    font-size: 1.7rem;
  }
  .menu_box dd {
    font-size: 1.9rem;
  }
  .menu_box dd:not(:first-of-type) {
    padding-top: 3.6rem;
  }
  .jp_en {
    font-size: 1.6rem;
  }
  .menu_contents {
    font-size: 1.5rem;
  }
  .menu_coution {
    padding-top: 3rem;
    font-size: 1.3rem;
  }
  .cont_wrap.chef_wrap {
    width: 70%;
    max-width: 884px;
    margin: 0 auto;
  }
  .chef01 .chef_txt {
    padding-left: 2rem;
  }
  .name01 {
    padding-bottom: 1.6rem;
  }
  .chef_txt {
    font-size: 1rem;
  }
  .chef02 .chef_txt {
    padding-right: 2rem;
  }
  .name02 {
    padding-bottom: 1.6rem;
  }
}

@media screen and (min-width: 1024px) {
  .cont_wrap.cuisie_wrap {
    width: 90%;
    max-width: 884px;
    margin: 0 auto;
  }
  .cont_wrap.cuisie_wrap {
    padding-top: 65px;
  }
  .box02 {
    padding-top: 17px;
  }
  .cuisine_box2 {
    padding-top: 17px;
  }
  .cont_wrap.menu_wrap {
    width: 70%;
    max-width: 884px;
    margin: 0 auto;
  }
  .menu_box dt {
    font-size: 23px;
    letter-spacing: .2em;
  }
  .menu_box dd {
    font-size: 22px;
  }
  .menu_box dd:first-of-type {
    padding-top: 46px;
  }
  .menu_box dd:not(:first-of-type) {
    padding-top: 50px;
  }
  .jp_en {
    font-size: 21px;
  }
  .tax {
    font-size: 15px;
  }
  .menu_contents {
    font-size: 17px;
  }
  .menu_coution {
    font-size: 14px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .cont_wrap.chef_wrap {
    width: 70%;
    max-width: 884px;
    margin: 0 auto;
  }
  .chef01 .chef_txt {
    padding-left: 23px;
  }
  .name01 {
    font-size: 14px;
    padding-bottom: 26px;
  }
  .chef_txt {
    font-size: 13px;
    line-height: 1.8;
  }
  .chef02 {
    padding-top: 96px;
  }
  .chef02 .chef_txt {
    padding-right: 2rem;
  }
  .name02 {
    font-size: 14px;
    padding-bottom: 26px;
  }
}

@media screen and (max-width: 767px) {
  .menu_coution {
    text-align: center;
  }
  .name01 {
    padding-left: 2.2rem;
    padding-top: 2.1rem;
  }
  .chef_txt {
    padding-top: 1.8rem;
  }
  .name02 {
    padding-left: 3.2rem;
    padding-top: 2.1rem;
  }
}

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