@charset "UTF-8";
/*
---------------------------------------------------------------------------------------------------------------------
ページヘッダー
---------------------------------------------------------------------------------------------------------------------
*/
.PageHead {
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  height: 340px;
  position: relative; }
  @media (min-width: 1024px) {
    .PageHead {
      height: 100vh;
      max-height: 850px; } }
  .PageHead#Food {
    background-image: url("../img/PageHead-Food.webp"); }
  .PageHead#guide {
    background-image: url("../img/PageHead-guide.webp"); }
  .PageHead#activity {
    background-image: url("../img/PageHead-activity.webp"); }
  .PageHead#Concept {
    background-image: url("../img/PageHead-Concept.webp"); }
  .PageHead#FAQ {
    background-image: url("../img/PageHead-faq.webp"); }
  .PageHead .PageTitle {
    position: absolute;
    right: 0;
    bottom: -2px; }
    .PageHead .PageTitle img {
      width: auto;
      height: 50px; }
      @media (min-width: 1024px) {
        .PageHead .PageTitle img {
          height: 70px; } }

/*
---------------------------------------------------------------------------------------------------------------------
ページタイトル
---------------------------------------------------------------------------------------------------------------------
*/
.PageTitle {
  text-align: center;
  margin: 60px auto 0;
  font-size: 2em; }
  @media (min-width: 1024px) {
    .PageTitle {
      margin: 100px auto 0; } }
  .PageTitle.Guide {
    margin: 100px auto 0; }
    @media (min-width: 1024px) {
      .PageTitle.Guide {
        margin: 180px auto 0; } }

.PageIntroduction {
  padding: 100px 0;
  max-width: 800px;
  width: 90%;
  margin: auto;
  text-align: center; }
  .PageIntroduction.guide {
    padding: 50px 0 100px; }
  .PageIntroduction .Title {
    display: inline-block;
    text-align: right;
    margin-bottom: 80px;
    color: #333333;
    position: relative;
    min-width: 312px; }
    .PageIntroduction .Title h1 {
      margin-bottom: 10px;
      line-height: 1.6em;
      text-align: center;
      font-size: 1.7em;
      font-family: "FOT-筑紫ゴシック Pro E"; }
      @media (min-width: 1024px) {
        .PageIntroduction .Title h1 {
          font-size: 2.2em; } }
    .PageIntroduction .Title h2 {
      margin-bottom: 10px;
      line-height: 1.6em;
      text-align: left;
      font-size: 1.6em;
      font-family: "FOT-筑紫ゴシック Pro B"; }
      @media (min-width: 1024px) {
        .PageIntroduction .Title h2 {
          font-size: 2.0em; } }
    .PageIntroduction .Title h6 {
      font-size: 0.9em;
      position: absolute;
      right: 0; }
    .PageIntroduction .Title .catch {
      display: flex;
      align-items: center;
      justify-content: right; }
      .PageIntroduction .Title .catch:before {
        border-top: 1px solid #333;
        content: "";
        width: 48px;
        margin-right: 1em; }
  .PageIntroduction h3 {
    margin-bottom: 30px;
    font-size: 1.2em;
    font-family: "FOT-筑紫ゴシック Pro B"; }
    @media (min-width: 1024px) {
      .PageIntroduction h3 {
        font-size: 1.4em; } }
  .PageIntroduction p {
    font-size: 0.9em;
    line-height: 2em;
    text-align: justify; }
  .PageIntroduction .ActivityMenu {
    margin-top: 20px; }
    .PageIntroduction .ActivityMenu ul {
      text-align: left; }
      .PageIntroduction .ActivityMenu ul li {
        font-size: 0.9em;
        line-height: 1.6em;
        margin-bottom: 14px;
        padding-left: 1em;
        text-indent: -1em; }

/*
---------------------------------------------------------------------------------------------------------------------
スライドショー
---------------------------------------------------------------------------------------------------------------------
*/
.SlideRoom {
  max-width: 1200px;
  width: 100%;
  margin: auto;
  position: relative; }
  .SlideRoom.SlideFood {
    max-width: 900px; }
  .SlideRoom img {
    width: 100%;
    height: auto; }
  .SlideRoom .swiper-slide-content {
    font-size: 0.8em;
    line-height: 1.4em;
    background-color: rgba(51, 51, 51, 0.8);
    padding: 5px 10px;
    height: 65px;
    text-align: justify;
    width: 100%;
    color: #fff;
    letter-spacing: 0.065em; }
    @media (min-width: 768px) {
      .SlideRoom .swiper-slide-content {
        font-size: 0.95em;
        position: absolute;
        bottom: 0;
        height: 60px; } }
    @media (min-width: 1250px) {
      .SlideRoom .swiper-slide-content {
        height: 32px; } }
  .SlideRoom .swiper-pagination-bullet {
    margin: 5px; }
  @media (min-width: 1200px) {
    .SlideRoom .swiper-container {
      border-radius: 5px; } }
  @media (min-width: 1024px) {
    .SlideRoom .swiper-container.SlideFood {
      border-radius: 5px; } }
  .SlideRoom .swiper-button-prev,
  .SlideRoom .swiper-button-next {
    position: absolute;
    z-index: 10;
    height: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto; }
  .SlideRoom .swiper-button-prev,
  .SlideRoom .swiper-container-rtl .swiper-button-next {
    left: 10px; }
  .SlideRoom .swiper-button-next,
  .SlideRoom .swiper-container-rtl .swiper-button-prev {
    right: 10px; }
  .SlideRoom .swiper-button-prev:after,
  .SlideRoom .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: 1em;
    color: #fff; }
    @media (min-width: 768px) {
      .SlideRoom .swiper-button-prev:after,
      .SlideRoom .swiper-button-next:after {
        font-size: 1.5em; } }

/*
---------------------------------------------------------------------------------------------------------------------
シェフ・施設見学
---------------------------------------------------------------------------------------------------------------------
*/
.Title {
  display: flex;
  margin-bottom: 20px; }
  .Title img {
    width: auto;
    height: 35px; }
  .Title h4 {
    font-size: 2em;
    font-family: "FOT-筑紫ゴシック Pro B"; }
  .Title h5 {
    font-size: 0.8em;
    margin-top: 7px;
    margin-left: 20px; }
  .Title h6 {
    font-size: 0.8em;
    margin-top: 7px; }

.document2 {
  max-width: 900px;
  width: 90%;
  margin: auto;
  padding: 50px 0 200px; }
  @media (min-width: 1024px) {
    .document2 {
      padding: 150px 0 250px; } }
  .document2.FieldTrip {
    max-width: 1000px;
    padding: 50px 0 150px; }
    @media (min-width: 1024px) {
      .document2.FieldTrip {
        padding: 150px 0 250px; } }
  .document2 .document2Box {
    margin: 0px auto 0; }
    .document2 .document2Box h2 {
      font-size: 1.2em;
      margin-bottom: 20px; }
    .document2 .document2Box .Name {
      display: flex; }
      .document2 .document2Box .Name h3 {
        font-size: 1.3em;
        letter-spacing: 0.1em; }
      .document2 .document2Box .Name h4 {
        font-size: 0.8em;
        margin-left: 10px;
        margin-top: 1px; }
    .document2 .document2Box p {
      font-size: 0.8em;
      line-height: 1.8em;
      margin-top: 30px;
      text-align: justify; }
      @media (min-width: 1024px) {
        .document2 .document2Box p {
          width: 90%; } }
  .document2 .Photo {
    margin-bottom: 20px;
    text-align: center; }
    .document2 .Photo img {
      width: 80%;
      height: auto;
      border-radius: 5px; }
      @media (min-width: 1024px) {
        .document2 .Photo img {
          width: 100%; } }
  .document2 .Photo2 {
    margin-bottom: 20px;
    text-align: center; }
    .document2 .Photo2 img {
      width: 100%;
      height: auto;
      border-radius: 5px; }
      @media (min-width: 1024px) {
        .document2 .Photo2 img {
          width: 100%; } }

.o12-column {
  margin: 0 -10px; }

/*==================================================
アクティビティ・コンセプト、複数画像を流して見せる
===================================*/
.img-gallery {
  padding-bottom: 150px; }
  .img-gallery.Concept {
    padding-bottom: 200px; }
    @media (min-width: 1024px) {
      .img-gallery.Concept {
        padding-bottom: 250px; } }

.img-gallery img {
  border-radius: 5px; }

.slider2 img {
  width: 100%;
  height: auto; }

.slider2 .slick-slide {
  margin: 0 10px; }