@charset "UTF-8";
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Stay CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables
-------------------------------------------- */
/* Content
-------------------------------------------- */
#container section#main {
  padding: 39.53% 0 0;
  position: relative;
  width: 100%;
  max-width: inherit;
  overflow: hidden;
  background: url(../img/banquet/plan/main.jpg) center center no-repeat;
  background-size: cover; }
  #container section#main div {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
    color: #FFF;
    font-size: 3.5rem;
    text-align: center; }
    @media (max-width: 768px) {
      #container section#main div {
        font-size: 6vw; } }
    @media (max-width: 1220px) {
      #container section#main div {
        text-align: center;
        text-shadow: 0 0 12px rgba(0, 0, 0, 0.8); } }
  #container section#main + .lead {
    margin: 100px 20px 80px;
    font-size: 1.6rem;
    line-height: 2.4;
    text-align: center; }
#container section h2 {
  font-size: 3.2rem;
  font-family: "Frank Ruhl Libre", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
  letter-spacing: 0.15em;
  line-height: 1.2;
  color: #374252; }
  #container section h2 span {
    display: block;
    padding: 10px 0 20px;
    font-size: 1.4rem;
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
    letter-spacing: 0;
    color: #AC8C5B;
    border-bottom: 2px solid #E5E5E5;
    /*opacity: 0.7;*/ }
    #container section h2 span::before {
      content: none; }
  @media (max-width: 480px) {
    #container section h2 {
      font-size: 2.8rem;
      letter-spacing: 0.05em; } }
#container section.planList {
  padding: 80px 0; }
  @media (max-width: 1240px) {
    #container section.planList {
      padding: 80px 20px 0; } }
  @media (max-width: 480px) {
    #container section.planList {
      padding: 40px 10px 0; } }
  #container section.planList ul li {
    margin-bottom: 50px; }
    #container section.planList ul li:last-child {
      margin-bottom: 0; }
    @media (max-width: 480px) {
      #container section.planList ul li {
        margin-bottom: 25px; } }
    #container section.planList ul li a {
      display: flex;
      flex-wrap: wrap;
      background: #EBE6D6;
      min-height: 225px; }
      #container section.planList ul li a:last-child {
        margin-bottom: 0; }
      #container section.planList ul li a .imgBox {
        width: 31.66%;
        position: relative;
        overflow: hidden; }
        @media (max-width: 768px) {
          #container section.planList ul li a .imgBox {
            width: 100%;
            height: auto; } }
        #container section.planList ul li a .imgBox img {
          position: absolute;
          width: auto;
          height: auto;
          top: 50%;
          left: 50%;
          min-height: 100%;
          min-width: 100%;
          -ms-transform: translateX(-50%) translateY(-50%);
          -moz-transform: translateX(-50%) translateY(-50%);
          -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%); }
          @media (max-width: 768px) {
            #container section.planList ul li a .imgBox img {
              position: relative;
              width: 100%;
              height: auto; } }
        @supports (object-fit: cover) {
          #container section.planList ul li a .imgBox img {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            -ms-transform: none;
            -moz-transform: none;
            -webkit-transform: none;
            transform: none;
            object-fit: cover; } }
      #container section.planList ul li a .txtBox {
        position: relative;
        width: 68.34%;
        padding: 30px 30px 60px; }
        @media (max-width: 768px) {
          #container section.planList ul li a .txtBox {
            width: 100%; } }
        @media (max-width: 640px) {
          #container section.planList ul li a .txtBox {
            padding: 20px 20px 60px; } }
        #container section.planList ul li a .txtBox h2 {
          position: relative;
          font-size: 2.2rem;
          color: #333;
          font-weight: bold; }
          @media (max-width: 640px) {
            #container section.planList ul li a .txtBox h2 {
              font-size: 1.8rem; } }
          #container section.planList ul li a .txtBox h2 span {
            display: block;
            position: relative;
            margin-top: 20px;
            padding-top: 20px;
            padding-bottom: 20px;
            font-size: 1.4rem;
            line-height: 1.8;
            color: #777; }
            #container section.planList ul li a .txtBox h2 span::before {
              position: absolute;
              content: "";
              left: 0;
              top: 0;
              width: 70px;
              height: 2px;
              background: #FFF; }
          #container section.planList ul li a .txtBox h2.noSub {
            margin-bottom: 20px;
            padding-bottom: 20px; }
            #container section.planList ul li a .txtBox h2.noSub span {
              margin-top: 0;
              padding-top: 0; }
            #container section.planList ul li a .txtBox h2.noSub::before {
              position: absolute;
              content: "";
              left: 0;
              bottom: 0;
              width: 70px;
              height: 2px;
              background: #FFF; }
        #container section.planList ul li a .txtBox dl {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start; }
          #container section.planList ul li a .txtBox dl dt {
            width: 75px;
            margin-bottom: 10px;
            padding: 4px 0;
            background: #F5F3EB;
            text-align: center; }
          #container section.planList ul li a .txtBox dl dd {
            width: calc(100% - 75px);
            padding: 0 10px;
            line-height: 2.0; }
        #container section.planList ul li a .txtBox .view-more {
          position: absolute;
          right: 30px;
          bottom: 20px; }