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

info CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

SVG CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/* Variables
-------------------------------------------- */
@media (max-width: 480px) {
  .contHeading {
    background-image: url(/recruit/shr/img/guidetour/main_img_sp.jpg) !important; } }

#container .guidetour-title {
  margin: 0 auto; }
  #container .guidetour-title .ttlWrap {
    margin: 0 auto 50px;
    text-align: center; }
    #container .guidetour-title .ttlWrap h2 {
      font-size: 4rem;
      line-height: 1.5;
      font-family: "EB Garamond", serif;
      color: #000; }
    #container .guidetour-title .ttlWrap p {
      font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-size: 1.8rem; }
    @media screen and (max-width: 640px) {
      #container .guidetour-title .ttlWrap {
        margin: 0 auto 10vw; }
        #container .guidetour-title .ttlWrap h2 {
          font-size: 7.5vw; }
        #container .guidetour-title .ttlWrap p {
          font-size: 4vw; } }
#container .slider-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 600px;
  margin: 0 auto;
  background: no-repeat 50% 50% / cover; }
  #container .slider-title .ttlWrap {
    box-sizing: border-box;
    padding: 0;
    text-align: center; }
    #container .slider-title .ttlWrap h2 {
      font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-size: 4rem;
      line-height: 1;
      color: #000;
      text-shadow: #FFF 1px 1px 10px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 10px; }
    #container .slider-title .ttlWrap p {
      display: block;
      font-size: 2rem;
      text-shadow: #FFF 1px 1px 10px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 10px; }
  @media screen and (max-width: 1000px) {
    #container .slider-title .ttlWrap h2 {
      font-size: 4vw; } }
  @media (max-width: 768px) {
    #container .slider-title {
      height: 450px; } }
  @media (max-width: 480px) {
    #container .slider-title {
      height: 50vh; }
      #container .slider-title .ttlWrap h2 {
        font-size: 2.2rem; }
      #container .slider-title .ttlWrap p {
        margin: 6px 0 0;
        font-size: 1.4rem; } }
#container .cont1 {
  padding: 50px 20px 0;
  background: #FFF; }
  #container .cont1 .ttlWrap {
    margin: 0 auto 80px;
    text-align: center; }
    #container .cont1 .ttlWrap h1 {
      font-size: 4rem;
      line-height: 1.2;
      font-family: "EB Garamond", serif;
      color: #000; }
    #container .cont1 .ttlWrap p {
      font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
      font-size: 2rem; }
    @media screen and (max-width: 640px) {
      #container .cont1 .ttlWrap {
        margin: 0 auto 10vw; }
        #container .cont1 .ttlWrap h1 {
          font-size: 8vw; }
        #container .cont1 .ttlWrap p {
          font-size: 4vw; } }
  #container .cont1 .inner {
    max-width: 1240px;
    box-sizing: border-box;
    margin: 0 auto;
    border: solid 1px #EEE; }
#container .cont2 .ttlWrap {
  margin: 0 auto 80px;
  padding: 20px 0;
  text-align: center; }
  #container .cont2 .ttlWrap h2 {
    font-size: 4rem;
    line-height: 1.5;
    font-family: "EB Garamond", serif;
    color: #000; }
  #container .cont2 .ttlWrap p {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 1.8rem; }
  @media screen and (max-width: 640px) {
    #container .cont2 .ttlWrap {
      margin: 0 auto 10vw; }
      #container .cont2 .ttlWrap h2 {
        font-size: 7.5vw; }
      #container .cont2 .ttlWrap p {
        font-size: 4vw; } }
#container .cont2 .othertxt {
  margin: 30px 0 0;
  padding: 0 20px;
  font-size: 1.4rem; }
  @media screen and (max-width: 640px) {
    #container .cont2 .othertxt {
      margin: 50px 0 20px;
      padding: 0 10px; } }
#container .cont2 .movieWrap {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  background: #EEE; }
  #container .cont2 .movieWrap.right {
    margin: 100px 0;
    flex-direction: row; }
  #container .cont2 .movieWrap .ttlBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    padding: 20px 0; }
    #container .cont2 .movieWrap .ttlBox h3 {
      font-size: 2rem;
      text-align: center;
      line-height: 1.5;
      color: #000; }
      #container .cont2 .movieWrap .ttlBox h3 .gramondTxt {
        font-size: 3rem;
        font-family: "EB Garamond", serif; }
      @media screen and (max-width: 1000px) {
        #container .cont2 .movieWrap .ttlBox h3 {
          font-size: 2vw; }
          #container .cont2 .movieWrap .ttlBox h3 .gramondTxt {
            font-size: 3vw; } }
      @media screen and (max-width: 768px) {
        #container .cont2 .movieWrap .ttlBox h3 {
          font-size: 2rem; }
          #container .cont2 .movieWrap .ttlBox h3 .gramondTxt {
            font-size: 3rem; } }
      @media screen and (max-width: 640px) {
        #container .cont2 .movieWrap .ttlBox h3 {
          font-size: 1.6rem; }
          #container .cont2 .movieWrap .ttlBox h3 .gramondTxt {
            font-size: 2.5rem; } }
  #container .cont2 .movieWrap .movieBox {
    display: block;
    align-items: center;
    width: 60%; }
    #container .cont2 .movieWrap .movieBox__iframebox {
      height: 0;
      overflow: hidden;
      padding: 56.25% 0 0 0;
      position: relative; }
      #container .cont2 .movieWrap .movieBox__iframebox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  @media screen and (max-width: 900px) {
    #container .cont2 .movieWrap {
      display: block;
      padding: 50px 0 0; }
      #container .cont2 .movieWrap.first {
        padding: 0; }
      #container .cont2 .movieWrap.right {
        margin: 0; }
      #container .cont2 .movieWrap .ttlBox {
        display: block;
        width: 100%;
        padding: 50px 0;
        text-align: center; }
      #container .cont2 .movieWrap .movieBox {
        width: 100%; } }
  @media screen and (max-width: 640px) {
    #container .cont2 .movieWrap .ttlBox h3 {
      font-size: 4vw;
      line-height: 1.5; }
      #container .cont2 .movieWrap .ttlBox h3 .gramondTxt {
        font-size: 7vw; } }
#container .cont3 {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 120px; }
  #container .cont3 .backImg {
    height: 810px;
    position: relative;
    background: url(../img/home/cont3_bg.jpg) left center no-repeat;
    background-size: cover; }
    #container .cont3 .backImg .txtWrap {
      width: 51.7%;
      max-width: 650px;
      height: 100%;
      box-sizing: border-box;
      padding: 50px 20px 0 50px;
      position: absolute;
      right: 0;
      top: 0;
      background-color: rgba(0, 0, 0, 0.7); }
      #container .cont3 .backImg .txtWrap p {
        font-size: 1.4rem;
        line-height: 2;
        color: #FFF;
        font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif; }
        #container .cont3 .backImg .txtWrap p.concept {
          margin: 0 0 40px;
          font-size: 2.8rem;
          line-height: 1.6;
          font-family: ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HGS明朝E,ＭＳ Ｐ明朝,MS PMincho,serif; }
      #container .cont3 .backImg .txtWrap h3 {
        font-size: 2.4rem;
        color: #FFF;
        margin: 0 0 15px; }
  @media screen and (max-width: 1200px) {
    #container .cont3 .backImg .txtWrap {
      width: 48%;
      min-width: 520px;
      padding: 50px 20px 0; }
      #container .cont3 .backImg .txtWrap p.concept {
        font-size: 2.5rem; }
      #container .cont3 .backImg .txtWrap h3 {
        font-size: 2.2rem; } }
  @media screen and (max-width: 768px) {
    #container .cont3 .backImg {
      height: auto;
      padding: 56vw 0 0;
      position: relative;
      background: url(../img/home/cont3_bg.jpg) left top no-repeat;
      background-size: auto 56.2vw; }
      #container .cont3 .backImg .txtWrap {
        width: 100%;
        min-width: initial;
        height: auto;
        padding: 50px 20px 50px;
        position: static;
        background-color: #333; } }
  @media screen and (max-width: 640px) {
    #container .cont3 {
      padding: 50px 0 100px; }
      #container .cont3 .backImg .txtWrap p.concept {
        margin: 0 0 40px;
        font-size: 2rem;
        line-height: 1.6;
        font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif; }
      #container .cont3 .backImg .txtWrap h3 {
        margin: 0 0 15px;
        font-size: 1.8rem;
        color: #FFF;
        font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif; } }
#container .cont4 {
  background: #EEE;
  margin: 0 auto; }
  #container .cont4__inner {
    box-sizing: border-box;
    max-width: 1210px;
    margin: 0 auto;
    padding: 100px 105px; }
    @media screen and (max-width: 1000px) {
      #container .cont4__inner {
        padding: 100px 50px; } }
    @media screen and (max-width: 640px) {
      #container .cont4__inner {
        padding: 50px 0 50px; } }
  #container .cont4 .contents_slider {
    display: block;
    width: 100%;
    height: 54.1666vw;
    max-height: 650px; }
    @media screen and (max-width: 640px) {
      #container .cont4 .contents_slider {
        height: auto;
        max-height: none; } }
    #container .cont4 .contents_slider-item {
      display: block;
      width: 100%;
      height: 54.1666vw;
      max-height: 650px;
      box-sizing: border-box;
      padding: 0;
      background: #FFF;
      position: relative; }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider-item {
          height: auto;
          max-height: none;
          margin: 0 auto 50px; } }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider-item.slider1_block {
          height: 65vw;
          max-height: 650px; } }
    #container .cont4 .contents_slider-txtwrap {
      width: 100%;
      padding: 40px 0;
      text-align: center;
      position: relative;
      z-index: 1; }
      #container .cont4 .contents_slider-txtwrap h3 {
        font-size: 3.5rem;
        font-weight: bold; }
      #container .cont4 .contents_slider-txtwrap p {
        font-size: 1.8rem; }
      @media screen and (max-width: 768px) {
        #container .cont4 .contents_slider-txtwrap h3 {
          font-size: 2.8rem; }
        #container .cont4 .contents_slider-txtwrap p {
          font-size: 1.6rem; } }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider-txtwrap {
          padding: 20px 0 20px; }
          #container .cont4 .contents_slider-txtwrap h3 {
            font-size: 1.8rem; }
          #container .cont4 .contents_slider-txtwrap p {
            font-size: 1.2rem; } }
    #container .cont4 .contents_slider-imgwrap {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 0; }
      #container .cont4 .contents_slider-imgwrap.ab-top {
        bottom: auto;
        top: 0; }
      #container .cont4 .contents_slider-imgwrap-defsize {
        width: 100%; }
        #container .cont4 .contents_slider-imgwrap-defsize img {
          width: auto;
          max-width: 100%;
          margin: 0 auto; }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider-imgwrap {
          position: static; }
          #container .cont4 .contents_slider-imgwrap.ab-top {
            position: absolute; } }
    #container .cont4 .contents_slider .attention {
      margin: 20px 0 0;
      font-size: 1.2rem;
      text-align: right; }
    #container .cont4 .contents_slider .dataList {
      display: flex;
      box-sizing: border-box;
      width: 87%;
      flex-wrap: wrap;
      margin: 0 auto;
      padding: 0 0 10px; }
      #container .cont4 .contents_slider .dataList li {
        width: 33.3%;
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 0 10px;
        position: relative; }
        #container .cont4 .contents_slider .dataList li:nth-child(3n) {
          border-right: none; }
        #container .cont4 .contents_slider .dataList li:nth-child(n+4):nth-child(-n+6) {
          margin: 20px 0 0; }
          #container .cont4 .contents_slider .dataList li:nth-child(n+4):nth-child(-n+6)::before {
            display: none; }
        #container .cont4 .contents_slider .dataList li .inner .datatxt {
          height: 60px;
          text-align: center;
          font-size: 1.6rem;
          line-height: 1.5; }
          #container .cont4 .contents_slider .dataList li .inner .datatxt .numtxt {
            font-size: 2.4rem;
            font-weight: bold;
            font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
          #container .cont4 .contents_slider .dataList li .inner .datatxt .unittxt {
            font-size: 1.6rem; }
        #container .cont4 .contents_slider .dataList li .inner .linkarrow {
          display: inline-block;
          margin: 20px 0 0;
          padding: 0 0 0 15px;
          position: relative; }
          #container .cont4 .contents_slider .dataList li .inner .linkarrow::before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            position: absolute;
            margin: auto 0;
            border-right: #81202D 2px solid;
            border-top: #81202D 2px solid;
            top: 0;
            left: 0;
            bottom: 0;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
        #container .cont4 .contents_slider .dataList li .inner img {
          width: 80%;
          margin: 0 auto; }
    @media (max-width: 480px) {
      #container .cont4 .contents_slider .dataList {
        width: 100%; }
        #container .cont4 .contents_slider .dataList li {
          width: 50%;
          box-sizing: border-box;
          padding: 0 10px; }
          #container .cont4 .contents_slider .dataList li:nth-child(n+4) {
            margin: 0 0 20px !important; }
            #container .cont4 .contents_slider .dataList li:nth-child(n+4)::before {
              display: none; }
          #container .cont4 .contents_slider .dataList li .inner .datatxt {
            font-size: 1.2rem; }
            #container .cont4 .contents_slider .dataList li .inner .datatxt .numtxt {
              font-size: 1.8rem; }
            #container .cont4 .contents_slider .dataList li .inner .datatxt .unittxt {
              font-size: 1.2rem; } }
    #container .cont4 .contents_slider .shopinfo {
      width: 87%;
      height: 100%;
      margin: 0 auto;
      padding: 0 0 10px;
      position: relative; }
      #container .cont4 .contents_slider .shopinfo .mapWrap {
        width: 55.1%;
        max-width: 567px;
        padding: 40px 0 0;
        position: absolute;
        top: 0;
        right: 20px; }
      #container .cont4 .contents_slider .shopinfo .imgWrap {
        width: 50.3%;
        max-width: 854px;
        padding: 224px 0 0; }
        #container .cont4 .contents_slider .shopinfo .imgWrap .sp {
          display: none; }
          @media screen and (max-width: 640px) {
            #container .cont4 .contents_slider .shopinfo .imgWrap .sp {
              display: block; } }
      #container .cont4 .contents_slider .shopinfo .txtWrap {
        position: absolute;
        top: 0px;
        left: 20px; }
        #container .cont4 .contents_slider .shopinfo .txtWrap p {
          font-size: 1.6rem; }
          #container .cont4 .contents_slider .shopinfo .txtWrap p.datatxt {
            font-size: 2.2rem;
            margin: 50px 0 25px; }
            #container .cont4 .contents_slider .shopinfo .txtWrap p.datatxt .numtxt {
              font-size: 3rem;
              font-weight: bold;
              font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
      #container .cont4 .contents_slider .shopinfo .attention {
        position: absolute;
        bottom: 10px;
        right: -5%; }
      @media screen and (max-width: 790px) {
        #container .cont4 .contents_slider .shopinfo .mapWrap {
          width: 50vw;
          padding: 93px 0 0;
          position: absolute;
          top: 0;
          right: 20px; }
        #container .cont4 .contents_slider .shopinfo .imgWrap {
          width: 80vw;
          padding: 240px 0 0; } }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider .shopinfo {
          box-sizing: border-box;
          width: 100%;
          padding: 20px; }
          #container .cont4 .contents_slider .shopinfo .mapWrap {
            display: none; }
          #container .cont4 .contents_slider .shopinfo .imgWrap {
            width: 100%;
            padding: 20px 0 0; }
          #container .cont4 .contents_slider .shopinfo .txtWrap {
            position: static;
            padding: 0; }
            #container .cont4 .contents_slider .shopinfo .txtWrap p {
              font-size: 1.4rem; }
              #container .cont4 .contents_slider .shopinfo .txtWrap p.datatxt {
                font-size: 2rem;
                margin: 0 0 20px; }
                #container .cont4 .contents_slider .shopinfo .txtWrap p.datatxt .numtxt {
                  font-size: 2.5rem; }
          #container .cont4 .contents_slider .shopinfo .attention {
            position: static; } }
    #container .cont4 .contents_slider .data_graf {
      width: 87%;
      height: 100%;
      margin: 0 auto;
      padding: 9% 0 0;
      position: relative; }
      #container .cont4 .contents_slider .data_graf .imgWrap {
        width: 81.3%;
        max-width: 902px;
        padding: 0;
        margin: 0 auto; }
      #container .cont4 .contents_slider .data_graf .txtWrap {
        position: absolute;
        top: 9%;
        left: 20px;
        z-index: 1; }
        #container .cont4 .contents_slider .data_graf .txtWrap p {
          font-size: 1.6rem; }
          #container .cont4 .contents_slider .data_graf .txtWrap p .small_txt {
            font-size: 1.2rem; }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider .data_graf {
          box-sizing: border-box;
          width: 100%;
          padding: 20px; }
          #container .cont4 .contents_slider .data_graf .imgWrap {
            width: 100%; }
          #container .cont4 .contents_slider .data_graf .txtWrap {
            position: static;
            margin: 0 0 20px; }
            #container .cont4 .contents_slider .data_graf .txtWrap p {
              font-size: 1.4rem; } }
    #container .cont4 .contents_slider .system_txt {
      margin: 0 auto 64px;
      padding: 0 20px;
      font-size: 1.4rem;
      text-align: center; }
      @media screen and (max-width: 640px) {
        #container .cont4 .contents_slider .system_txt {
          margin: 0 auto 40px;
          text-align: left; } }
    #container .cont4 .contents_slider .system_wrap {
      padding: 0 10px 20px; }
    #container .cont4 .contents_slider .system_case {
      width: 100%;
      max-width: 740px;
      box-sizing: border-box;
      border: solid 1px #DDD;
      margin: 0 auto; }
      #container .cont4 .contents_slider .system_case .ttltxt {
        width: 100%;
        box-sizing: border-box;
        font-size: 1.8rem;
        line-height: 1;
        color: #FFF;
        margin: 0 0 10px;
        padding: 14px 11px 10px;
        background: #80212e; }
      #container .cont4 .contents_slider .system_case .inner {
        display: flex;
        padding: 10px 20px; }
        @media screen and (max-width: 640px) {
          #container .cont4 .contents_slider .system_case .inner {
            display: block; } }
        #container .cont4 .contents_slider .system_case .inner .system_img {
          width: 49.562%; }
          @media screen and (max-width: 640px) {
            #container .cont4 .contents_slider .system_case .inner .system_img {
              width: 100%;
              margin: 0 0 25px; } }
        #container .cont4 .contents_slider .system_case .inner .system_cont {
          display: flex;
          align-items: center;
          box-sizing: border-box;
          width: 50.438%;
          padding: 0 0 0 20px; }
          @media screen and (max-width: 640px) {
            #container .cont4 .contents_slider .system_case .inner .system_cont {
              display: block;
              width: 100%;
              padding: 0; } }
        #container .cont4 .contents_slider .system_case .inner p {
          font-size: 1.4rem; }
        #container .cont4 .contents_slider .system_case .inner .date {
          font-size: 1.6rem;
          line-height: 2.2;
          margin: 0 0 26px; }
          @media screen and (max-width: 640px) {
            #container .cont4 .contents_slider .system_case .inner .date {
              line-height: 1.8; } }
  #container .cont4 .slick-prev, #container .cont4 .slick-next {
    width: 50px;
    height: 50px;
    background: #80212e; }
    #container .cont4 .slick-prev::before, #container .cont4 .slick-next::before {
      content: "";
      display: block;
      width: 14px;
      height: 14px;
      opacity: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }
    #container .cont4 .slick-prev.slick-disabled, #container .cont4 .slick-next.slick-disabled {
      opacity: 0;
      visibility: hidden; }
    @media screen and (max-width: 768px) {
      #container .cont4 .slick-prev, #container .cont4 .slick-next {
        width: 30px;
        height: 30px; }
        #container .cont4 .slick-prev::before, #container .cont4 .slick-next::before {
          width: 10px;
          height: 10px; } }
  #container .cont4 .slick-prev {
    left: -85px; }
    #container .cont4 .slick-prev::before {
      margin-right: -10%;
      border-left: #FFF 1px solid;
      border-bottom: #FFF 1px solid; }
    @media screen and (max-width: 1000px) {
      #container .cont4 .slick-prev {
        left: -50px; } }
    @media screen and (max-width: 768px) {
      #container .cont4 .slick-prev {
        left: -40px; } }
  #container .cont4 .slick-next {
    right: -85px; }
    #container .cont4 .slick-next::before {
      margin-left: -10%;
      border-right: #FFF 1px solid;
      border-top: #FFF 1px solid; }
    @media screen and (max-width: 1000px) {
      #container .cont4 .slick-next {
        right: -50px; } }
    @media screen and (max-width: 768px) {
      #container .cont4 .slick-next {
        right: -40px; } }
#container .cont5 .recruit-message__inner {
  width: 100%;
  max-width: 1200px;
  padding: 100px 20px 0;
  margin: 0 auto;
  background: url("../img/guidetour/catchcopy_bg.jpg") no-repeat center top;
  background-size: 100% auto; }
#container .cont5 .recruit-message__ttl {
  font-size: 3.5rem;
  margin: 0 0 45px;
  text-align: center; }
#container .cont5 .recruit-message__middle {
  font-size: 2rem;
  margin: 0 0 50px;
  text-align: center; }
#container .cont5 .recruit-message__large {
  font-size: 2.4rem;
  margin: 0 0 50px;
  text-align: center; }
#container .cont5 .recruit-message__txt {
  font-size: 1.6rem;
  margin: 0 0 95px;
  text-align: center; }
@media screen and (max-width: 768px) {
  #container .cont5 .recruit-message__ttl {
    font-size: 2.8rem;
    margin: 0 0 45px; }
  #container .cont5 .recruit-message__middle {
    font-size: 1.8rem;
    margin: 0 0 50px; }
  #container .cont5 .recruit-message__large {
    font-size: 2.2rem;
    margin: 0 0 50px; } }
@media screen and (max-width: 640px) {
  #container .cont5 .recruit-message__inner {
    background-size: 150% auto; }
  #container .cont5 .recruit-message__ttl {
    font-size: 6vw;
    margin: 0 0 30px; }
  #container .cont5 .recruit-message__middle {
    font-size: 4.5vw;
    margin: 0 0 30px;
    text-align: left; }
  #container .cont5 .recruit-message__large {
    font-size: 6vw;
    margin: 0 0 30px; }
  #container .cont5 .recruit-message__txt {
    font-size: 1.4rem;
    text-align: left;
    margin: 0 0 60px; } }
#container .cont5 .bannerList {
  margin: 0 auto 50px; }
  #container .cont5 .bannerList li {
    width: 48.91666%;
    float: left; }
    #container .cont5 .bannerList li:last-child {
      float: right; }
    #container .cont5 .bannerList li a {
      display: block;
      position: relative; }
      #container .cont5 .bannerList li a img {
        position: relative;
        z-index: 0; }
      #container .cont5 .bannerList li a p {
        display: block;
        width: 100%;
        padding: 13px 0;
        text-align: center;
        line-height: 1;
        color: #FFF;
        font-family: 'EB Garamond', serif;
        font-size: 3rem;
        background-color: rgba(68, 26, 9, 0.6);
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1; }
        #container .cont5 .bannerList li a p::before {
          content: "";
          position: absolute;
          display: block;
          width: 12px;
          height: 12px;
          margin: 10px auto;
          top: 28px;
          right: 21px;
          border-right: #FFF 2px solid;
          border-top: #FFF 2px solid;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        #container .cont5 .bannerList li a p span {
          font-size: 1.6rem;
          font-family: ヒラギノ明朝 Pro W3,Hiragino Mincho Pro,HGS明朝E,ＭＳ Ｐ明朝,MS PMincho,serif; }
  @media screen and (max-width: 640px) {
    #container .cont5 .bannerList li {
      width: 100%;
      float: none; }
      #container .cont5 .bannerList li:last-child {
        float: none;
        margin: 20px 0 0; }
      #container .cont5 .bannerList li a p {
        font-size: 2rem; }
        #container .cont5 .bannerList li a p::before {
          width: 11px;
          height: 11px;
          top: 15px; }
        #container .cont5 .bannerList li a p span {
          font-size: 1.4rem;
          font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS P Gothic,Osaka,sans-serif; } }