@charset "UTF-8";
.ringabt-footnavi--title, .ringabt-footnavi__list li a {
  font-family: "Cochin W01 Roman", "Noto Serif JP"; }

.ringabt-footnavi--title .text__jpn, .ringabt-footnavi__list li a .text__jpn {
  font-family: "Noto Serif JP"; }

.ringabt-footnavi--title, .ringabt-footnavi__list li a {
  font-family: "Cochin W01 Roman", "Noto Serif JP"; }

.ringabt-footnavi--title .text__jpn, .ringabt-footnavi__list li a .text__jpn {
  font-family: "Noto Serif JP"; }

.ringabt-footnavi {
  border-top: 1px solid #e6d3d3;
  margin: 0 -50px 0;
  padding: 60px 0 60px;
  background-image: url(../img/about-footnavi/bg.jpg);
  background-size: 1903px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #f1e1e2; }

.ringabt-footnavi--inner {
  width: 1200px;
  margin: 0 auto; }

.ringabt-footnavi--title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  color: #47322a;
  letter-spacing: 0.22em;
  text-align: center;
  margin-bottom: 40px;
  font-weight: normal; }
  .ringabt-footnavi--title .text__jpn {
    margin-top: 0.4em;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.4;
    color: #343030;
    display: block;
    text-align: center;
    letter-spacing: 0.12em;
    font-weight: normal; }

.ringabt-footnavi__list {
  width: 100%;
  margin: 0 auto 20px;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify; }
  .ringabt-footnavi__list li {
    float: none;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    width: 50%;
    background: #fff;
    text-align: center;
    padding: 0;
    margin-right: 20px; }
    .ringabt-footnavi__list li a {
      position: relative;
      display: block;
      height: 260px;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      align-content: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      align-items: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      text-align: center;
      font-size: 30px;
      font-size: 3.0rem;
      line-height: 1;
      color: #fff;
      letter-spacing: 0.05em;
      font-weight: normal;
      transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
      .ringabt-footnavi__list li a .text-inner {
        position: relative;
        z-index: 20; }
      .ringabt-footnavi__list li a .text__jpn {
        margin-top: 0.4em;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.4;
        color: #fff;
        display: block;
        text-align: center;
        letter-spacing: 0.27em;
        font-weight: normal; }
      .ringabt-footnavi__list li a:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: 100% auto;
        background-position: 0% 0%;
        background-repeat: no-repeat;
        z-index: 10;
        transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
      .ringabt-footnavi__list li a:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 11;
        top: 5px;
        left: 5px;
        border: 1px solid #98999b;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        box-sizing: border-box; }
      .ringabt-footnavi__list li a:hover, .ringabt-footnavi__list li a:active, .ringabt-footnavi__list li a:focus {
        text-decoration: none; }
        .ringabt-footnavi__list li a:hover:before, .ringabt-footnavi__list li a:active:before, .ringabt-footnavi__list li a:focus:before {
          opacity: 0.6; }
  .ringabt-footnavi__list li:last-child {
    margin-right: 0; }
  .ringabt-footnavi__list .li-01 a:before {
    background-image: url(../img/about-footnavi/nav-bg-1.jpg); }
  .ringabt-footnavi__list .li-02 a:before {
    background-image: url(../img/about-footnavi/nav-bg-2.jpg); }
  .ringabt-footnavi__list .li-03 a:before {
    background-image: url(../img/about-footnavi/nav-bg-3.jpg); }
  .ringabt-footnavi__list .li-04 a:before {
    background-image: url(../img/about-footnavi/nav-bg-4.jpg); }
  .ringabt-footnavi__list .li-05 a:before {
    background-image: url(../img/about-footnavi/nav-bg-5.jpg); }

.ringabt-footnavi__list.col___3 li a {
  height: 173px; }