@charset "UTF-8";
.document1 {
  position: relative;
  padding-bottom: 100px; }
  @media (min-width: 1024px) {
    .document1 {
      display: flex;
      padding-bottom: 300px; } }
  .document1 .Photo {
    width: 90%;
    position: relative;
    z-index: 100; }
    @media (min-width: 1024px) {
      .document1 .Photo {
        width: 60%; } }
    .document1 .Photo.right {
      margin-left: 10%; }
      @media (min-width: 1024px) {
        .document1 .Photo.right {
          margin-left: 40%; } }
      .document1 .Photo.right img {
        width: 100%;
        height: auto;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
    .document1 .Photo.left img {
      width: 100%;
      height: auto;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
  .document1 .Contents {
    background-color: #fff;
    padding: 70px 6% 20px 6%;
    width: 90%;
    margin-top: -40px; }
    .document1 .Contents.right {
      border-bottom-right-radius: 5px; }
    .document1 .Contents.left {
      border-bottom-left-radius: 5px;
      margin-left: 10%; }
    @media (min-width: 1024px) {
      .document1 .Contents {
        position: absolute;
        top: -40px;
        width: 60%;
        border-bottom-left-radius: 0px;
        margin-top: inherit;
        margin-left: inherit; }
        .document1 .Contents.right {
          border-top-right-radius: 5px;
          left: 0;
          padding: 45px 23% 2% 3%; } }
    @media (min-width: 1024px) and (min-width: 1480px) {
      .document1 .Contents.right {
        top: -80px;
        padding: 85px 26% 2% 6%; } }
    @media (min-width: 1024px) and (min-width: 1480px) {
      .document1 .Contents.right {
        padding: 120px 26% 80px 6%; } }
    @media (min-width: 1024px) {
        .document1 .Contents.left {
          border-top-left-radius: 5px;
          right: 0;
          padding: 45px 2% 2% 24%; } }
    @media (min-width: 1024px) and (min-width: 1250px) {
      .document1 .Contents.left {
        top: -80px;
        padding: 85px 6% 2% 26%; } }
    @media (min-width: 1024px) and (min-width: 1480px) {
      .document1 .Contents.left {
        padding: 100px 6% 2% 26%; } }

    .document1 .Contents .Title {
      display: flex;
      margin-bottom: 20px; }
      @media (min-width: 1250px) {
        .document1 .Contents .Title {
          margin-bottom: 30px; } }
      .document1 .Contents .Title h2 {
        font-size: 1.2em; }
        @media (min-width: 1024px) {
          .document1 .Contents .Title h2 {
            font-size: 1.5em; } }
      .document1 .Contents .Title h3 {
        font-size: 0.9em;
        margin-top: 2px;
        margin-left: 10px; }
    .document1 .Contents h4 {
      font-size: 1.25em;
      margin-bottom: 20px;
      line-height: 1.4em;
      font-family: "FOT-筑紫ゴシック Pro B"; }
      @media (min-width: 1024px) {
        .document1 .Contents h4 {
          margin-bottom: 20px; } }
      @media (min-width: 1250px) {
        .document1 .Contents h4 {
          font-size: 1.3em;
          margin-bottom: 5%; } }
      @media (min-width: 1480px) {
        .document1 .Contents h4 {
          font-size: 1.4em; } }
    .document1 .Contents p {
      font-size: 0.9em;
      line-height: 2em;
      margin-bottom: 30px; }
      @media (min-width: 1250px) {
        .document1 .Contents p {
          margin-bottom: 10px; } }
    .document1 .Contents ul {
      margin-bottom: 14%;
      margin-left: -6px; }
      .document1 .Contents ul li {
        font-size: 0.8em;
        line-height: 1.6em; }
    .document1 .Contents .supplement {
      margin-bottom: 0px; }
      .document1 .Contents .supplement h5 {
        font-size: 0.9em;
        margin-bottom: 5px; }
      .document1 .Contents .supplement img {
        width: 18px;
        height: auto;
        margin-top: -5px; }
        .document1 .Contents .supplement img:first-child {
          margin-left: 5px; }

.CHEF1 {
  margin-bottom: 100px; }

#FoodService {
  margin-bottom: 200px;
  padding-top: 100px; }
  #FoodService .FoodMenu {
    text-align: justify;
    line-height: 1.6em; }
    #FoodService .FoodMenu.Morning {
      margin-top: 60px; }
    #FoodService .FoodMenu h4 {
      font-size: 1.2em;
      font-family: "FOT-筑紫ゴシック Pro B";
      margin: 20px auto 10px;
      border-bottom: 1px solid #333;
      padding-bottom: 5px; }
      @media (min-width: 768px) {
        #FoodService .FoodMenu h4 {
          border-bottom: none;
          padding-bottom: 0px; } }
    #FoodService .FoodMenu h5 {
      font-size: 0.9em;
      font-family: "FOT-筑紫ゴシック Pro B"; }
    #FoodService .FoodMenu h6 {
      font-size: 0.7em; }
    #FoodService .FoodMenu p {
      font-size: 0.8em;
      margin: 0 0 14px;
      line-height: 1.6em; }
  #FoodService .FoodPhoto {
    text-align: center; }
    @media (min-width: 768px) {
      #FoodService .FoodPhoto.Morning {
        margin-top: 40px; } }
    #FoodService .FoodPhoto img {
      width: 100%;
      height: auto;
      border-radius: 5px;
      margin-top: 20px; }