@charset "UTF-8";
.card {
  border: none;
  border-radius: 0; }

.card-header:first-child {
  border-radius: 0; }

html, body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto; }

body {
  color: #333;
  /*font-size: 1em; */
  font-family: 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400; }

a {
  color: #333; }
  a:hover {
    color: #333;
    text-decoration: none !important; }

.twitter-timeline {
  width: 740px !important; }

.green {
  color: #1b3c29; }

.bggreen {
  background-color: #1b3c29; }

.beige {
  color: #9d916e; }

.bgbeige {
  background-color: #9d916e; }

.lbeige {
  color: #f8f5ed; }

.bglbeige {
  background-color: #f8f5ed; }

.gold {
  color: #c2b48a; }

.bggold {
  background-color: #c2b48a; }

.red {
  color: #b81919; }

.bgred {
  background-color: #b81919; }

.pink {
  color: #fde9f1; }

.bgpink {
  background-color: #fde9f1; }

.blue {
  color: #306eca; }

.bgblue {
  background-color: #306eca; }

.brown {
  color: #50312f; }

.bgbrown {
  background-color: #50312f; }

.white {
  color: #fff; }

.bgwhite {
  background-color: #fff; }

.dark {
  color: #333; }

.bgdark {
  background-color: #333; }

.bgnone {
  background: none; }

.line-tit {
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ ,Meiryo, serif;
  font-weight: 600; }
  .line-tit span {
    z-index: 2; }
  .line-tit:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #333;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

@media (min-width: 576px) {
  .btn {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }
    .btn:hover {
      opacity: 0.7; }
    .btn.green:hover {
      color: #1b3c29; }
    .btn.beige:hover {
      color: #9d916e; }
    .btn.gold:hover {
      color: #c2b48a; }
    .btn.red:hover {
      color: #b81919; }
    .btn.brown:hover {
      color: #50312f; }
    .btn.white:hover {
      color: #fff; }
    .btn.dark:hover {
      color: #333; } }

.bdr.bdrgreen {
  border: 1px solid #1b3c29; }

.bdr.bdrBgreen {
  border-bottom: 1px solid #1b3c29; }

.bdr.bdrbeige {
  border: 1px solid #9d916e; }

.bdr.bdrBbeige {
  border-bottom: 1px solid #9d916e; }

.bdr.bdrgold {
  border: 1px solid #c2b48a; }

.bdr.bdrBgold {
  border-bottom: 1px solid #c2b48a; }

.bdr.bdrred {
  border: 1px solid #b81919; }

.bdr.bdrBred {
  border-bottom: 1px solid #b81919; }

.bdr.bdrbrown {
  border: 1px solid #50312f; }

.bdr.bdrBbrown {
  border-bottom: 1px solid #50312f; }

.bdr.bdrwhite {
  border: 1px solid #fff; }

.bdr.bdrBwhite {
  border-bottom: 1px solid #fff; }

.bdr.bdrdark {
  border: 1px solid #333; }

.bdr.bdrBdark {
  border-bottom: 1px solid #333; }

.txt-def {
  font-size: 1rem; }

.txt-big {
  font-size: 1.5rem; }

.txt-md {
  font-size: 1.875rem; }

.txt-lg {
  font-size: 2.125rem; }

@media (min-width: 576px) {
  .txt-big {
    font-size: 1.5rem; }
    .txt-big.pc-txt-def {
      font-size: 1rem; }
    .txt-big.pc-txt-md {
      font-size: 1.875rem; }
    .txt-big.pc-txt-lg {
      font-size: 2.875rem; }
  .txt-md {
    font-size: 1.875rem; }
    .txt-md.pc-txt-def {
      font-size: 1rem; }
    .txt-md.pc-txt-big {
      font-size: 1.5rem; }
    .txt-md.pc-txt-lg {
      font-size: 2.875rem; }
  .txt-lg {
    font-size: 2.875rem; }
    .txt-lg.pc-txt-def {
      font-size: 1rem; }
    .txt-lg.pc-txt-big {
      font-size: 1.5rem; }
    .txt-lg.pc-txt-md {
      font-size: 1.875rem; } }

.bold {
  font-weight: 700; }

.serif {
  font-family: 'Noto Serif JP', 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, Georgia, メイリオ ,Meiryo, serif; }

.serif-bold {
  font-weight: 600; }

.ta-left {
  text-align: left; }

.ta-center {
  text-align: center; }

.ta-right {
  text-align: right; }

@media (min-width: 576px) {
  .ta-left.pc-center {
    text-align: center; }
  .ta-left.pc-right {
    text-align: right; }
  .ta-center.pc-left {
    text-align: left; }
  .ta-center.pc-right {
    text-align: right; }
  .ta-right.pc-left {
    text-align: left; }
  .ta-right.pc-center {
    text-align: center; } }

.lh1 {
  line-height: 1; }

.lh1-2 {
  line-height: 1.2; }

.lh1-3 {
  line-height: 1.3; }

.lh1-4 {
  line-height: 1.4; }

.lh1-5 {
  line-height: 1.5; }

.lh1-6 {
  line-height: 1.6; }

.lh1-7 {
  line-height: 1.7; }

.lh1-8 {
  line-height: 1.8; }

.lh1-9 {
  line-height: 1.9; }

.lh2 {
  line-height: 2; }

#header h1 {
  font-size: 0;
  line-height: 0; }

#header .hbtn {
  width: 100%; }
  #header .hbtn p {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    height: 100%; }
    #header .hbtn p a {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: st;
              justify-content: st;
      -webkit-box-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column; }
      @media (max-width: 575px) {
        #header .hbtn p a span {
          font-size: 3.47826vw;
          line-height: 1; } }
      @media (min-width: 576px) {
        #header .hbtn p a span {
          font-size: 2rem;
          line-height: 1; } }
  #header .hbtn .btn-menu .fa-times {
    display: none; }
  #header .hbtn .btn-menu.on .fa-bars {
    display: none; }
  #header .hbtn .btn-menu.on .fa-times {
    display: block; }

#header .btn-lang ul {
  display: none;
  left: 0;
  top: 100%;
  z-index: 502;
  width: 200%;
  background-color: #fff; }
  #header .btn-lang ul li {
    border-bottom: 1px solid #333; }
    #header .btn-lang ul li:last-child {
      border-bottom: none; }
    #header .btn-lang ul li a {
      display: block;
      padding: .5em 1em;
      color: #1b3c29; }

#header .btn-map p {
  border-right: 1px #fff solid;
  border-left: 1px #fff solid; }

@media (min-width: 576px) {
  #header .hinner {
    max-width: 1200px;
    margin: 0 auto; }
  #header .hbtn {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center; }
    #header .hbtn p {
      display: -webkit-box;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
      height: 100%; }
      #header .hbtn p a {
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
                justify-content: center;
        -webkit-box-align: center;
                align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
        border-radius: .2rem;
        -webkit-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease; } }
      @media (min-width: 576px) and (max-width: 575px) {
        #header .hbtn p a span {
          font-size: 1.73913vw;
          line-height: 1; } }
      @media (min-width: 576px) and (min-width: 576px) {
        #header .hbtn p a span {
          font-size: 1rem;
          line-height: 1; } }

@media (min-width: 576px) {
        #header .hbtn p a:hover {
          color: #fff;
          opacity: 0.7; }
  #header .btn-lang ul {
    width: 120%; } }
  @media (min-width: 576px) and (max-width: 575px) {
    #header .btn-lang ul li {
      font-size: 1.73913vw;
      line-height: 1; } }
  @media (min-width: 576px) and (min-width: 576px) {
    #header .btn-lang ul li {
      font-size: 1rem;
      line-height: 1; } }

@media (min-width: 576px) {
  #header .btn-map {
    margin-left: 1em; }
    #header .btn-map p {
      border-right: none;
      border-left: none; }
  #header .btn-timetable {
    margin-left: 1em; } }

#gnavi {
  display: none;
  position: absolute;
  left: 0;
  z-index: 501;
  width: 100%;
  background-color: #1b3c29; }
  #gnavi ul {
    flex-wrap: wrap;
    -webkit-box-pack: justify !important;
            justify-content: space-between !important;
    -webkit-box-align: start !important;
            align-items: flex-start !important; }
    #gnavi ul li {
      width: 100%;
      border-bottom: 1px #fff solid; }
      #gnavi ul li a {
        display: block;
        padding: .5em 1em;
        color: #fff; }

@media (min-width: 576px) {
  #gnavi {
    display: block;
    position: static; }
    #gnavi ul {
      max-width: 1200px;
      margin: 0 auto; }
      #gnavi ul li {
        position: relative;
        width: 18%;
        border-bottom: none; }
        #gnavi ul li:after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          width: 1px;
          height: 60%;
          background-color: #fff;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
        #gnavi ul li:first-child {
          width: 10%; }
          #gnavi ul li:first-child:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            width: 1px;
            height: 60%;
            background-color: #fff;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%); }
        #gnavi ul li a {
          padding: .8em .5em;
          text-align: center;
          -webkit-transition: opacity 0.4s ease;
          transition: opacity 0.4s ease; }
          #gnavi ul li a:hover {
            opacity: 0.7; } }

.breadcrumb {
  display: none; }

@media (min-width: 576px) {
  .breadcrumb {
    display: block; }
    .breadcrumb ul {
      max-width: 1200px; }
      .breadcrumb ul li:not(:last-child):after {
        content: "＞";
        padding: 0 .5em; }
      .breadcrumb ul li a:hover {
        text-decoration: underline !important; } }

#lower-visual {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 40%; }
  #lower-visual .lower-visual-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    #lower-visual .lower-visual-inner h1 {
      letter-spacing: .1em; }
    #lower-visual .lower-visual-inner p {
      font-size: 1.25rem;
      letter-spacing: .1em; }

@media (min-width: 576px) {
  #lower-visual {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: 20.63492%; } }

.side-navi ul li:last-child {
  border-bottom: none; }
  .side-navi ul li:last-child a {
    padding-bottom: 0 !important; }

.side-navi ul li:first-child a {
  padding-top: 0 !important; }

@media (min-width: 576px) {
  .side-navi ul li a {
    -webkit-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease; }
    .side-navi ul li a:hover {
      opacity: 0.7; }
  .side-navi.common ul li a:hover {
    color: #fff; } }

.time-table-list > li:nth-child(odd) {
  background-color: #f8f5ed; }

#footer {
  border-top: 2px #eee solid; }
  #footer .fnavi .main-navi li {
    border-bottom: 1px solid #1b3c29; }
    #footer .fnavi .main-navi li:last-child {
      border-bottom: none; }
    #footer .fnavi .main-navi li a {
      display: block;
      padding: 1em;
      color: #1b3c29;
      text-align: center; }
  #footer .fnavi .sub-navi li {
    border-bottom: 1px solid #333; }
    #footer .fnavi .sub-navi li a {
      display: block;
      padding: .5em;
      color: #333; }
  #footer .fnavi .sub-navi.lang li {
    border-bottom: none; }
    #footer .fnavi .sub-navi.lang li a:before {
      content: "-"; }

#btn-gotop {
  opacity: 0;
  position: fixed;
  bottom: 2em;
  right: .5em;
  z-index: 9999;
  color: #1b3c29; }
  @media (max-width: 575px) {
    #btn-gotop {
      font-size: 8.69565vw;
      line-height: 1; } }
  @media (min-width: 576px) {
    #btn-gotop {
      font-size: 5rem;
      line-height: 1; } }
  #btn-gotop.on {
    opacity: 1; }

#btn-etc {
  opacity: 0;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999; }
  #btn-etc.on {
    opacity: 1; }

.flang #btn-gotop {
  bottom: 1em; }

@media (min-width: 576px) {
  #footer .address .txt a.green:hover {
    text-decoration: underline !important; }
  #footer .address .tel {
    line-height: 1; }
  #footer .address ul {
    width: 75%; }
    #footer .address ul li a {
      -webkit-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
      #footer .address ul li a:hover {
        color: #fff;
        opacity: 0.7; }
  #footer .fnavi .main-navi li {
    padding-bottom: 1.5em;
    border-bottom: none; }
    #footer .fnavi .main-navi li a {
      padding: 0;
      text-align: left; }
      #footer .fnavi .main-navi li a:hover {
        text-decoration: underline !important; }
  #footer .fnavi .sub-navi li {
    border-bottom: none;
    padding-bottom: 1em;
    font-size: 0.875em; }
    #footer .fnavi .sub-navi li a {
      display: block;
      padding: 0; }
      #footer .fnavi .sub-navi li a:hover {
        text-decoration: underline !important; }
  #footer .fnavi .sub-navi.lang li {
    padding-left: 2em; }
    #footer .fnavi .sub-navi.lang li a:before {
      margin-right: .5em; }
  #btn-gotop {
    bottom: 2.5em;
    color: #50312f; } }
  @media (min-width: 576px) and (max-width: 575px) {
    #btn-gotop {
      font-size: 4.17391vw;
      line-height: 1; } }
  @media (min-width: 576px) and (min-width: 576px) {
    #btn-gotop {
      font-size: 2.4rem;
      line-height: 1; } }

@media (min-width: 576px) {
    #btn-gotop a {
      -webkit-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
      #btn-gotop a:hover {
        color: #50312f;
        opacity: 0.7; }
  #btn-etc {
    bottom: 1em;
    right: .5em; }
    #btn-etc a {
      -webkit-transition: opacity 0.4s ease;
      transition: opacity 0.4s ease; }
      #btn-etc a:hover {
        color: #fff;
        opacity: 0.7; } }

.flang #footer > .container > .row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: start;
          align-items: flex-start; }
  .flang #footer > .container > .row .fnavi {
    -webkit-box-flex: 0;
            flex: 0 0 16.666667%;
    max-width: 16.667%; }
    .flang #footer > .container > .row .fnavi .col-md-4 {
      -webkit-box-flex: 0;
              flex: 0 0 100%;
      max-width: 100%; }

#lower-visual {
  background: url(/images/advertisement/visual_bg_sp.jpg) no-repeat center center;
  background-size: cover; }

@media (min-width: 576px) {
  #lower-visual {
    background: url(/images/advertisement/visual_bg.jpg) no-repeat center center;
    background-size: cover; } }

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