@charset "UTF-8";


.c-link__box {
display: flex;justify-content: center;}
.c-link{

min-height: 78px;
    width: 380px;
    padding: 10px;
    max-width: 100%;
    color: #fff;
    background-color: #B5998E;
    border: 1px solid #B5998E;
    font-size: 22px;
    cursor: pointer;
    font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho";
    transition: 0.3s;}

.c-link:hover{opacity:0.5;}

@media (min-width: 1001px) {
  #mainvisual {
    width: 100%;
    height: 593px;
    position: relative;
  }
  #mainvisual .mv {
    width: 100%;
    height: 593px;
  }
  #mainvisual .mv picture {
    width: 100%;
    height: 593px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #mainvisual .mv picture img {
    min-width: 100%;
    height: 593px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mainvisual .mv .catch {
    width: 100%;
    height: 593px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #mainvisual .mv .catch img {
    width: 440px;
  }
  #mainvisual .scroll {
    width: 85px;
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: 10;
  }
  .fair-flow .w1300 #pre_txt {
    display: block;
    width: 85%;
    height: auto;
    margin: 8vw auto;
  }
  .fair-flow .w1300 #pre_txt p {
    font-size: 1.1rem;
    line-height: 2;
    letter-spacing: 0.5;
  }
}

@media screen and (max-width: 1000px) {
  #mainvisual {
    width: 100%;
    height: calc(1061 / 750 * 100vw);
    position: relative;
    overflow: hidden;
    z-index: 0;
  }
  #mainvisual .mv picture {
    width: 100%;
    height: calc(1061 / 750 * 100vw);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #mainvisual .mv picture img {
    min-width: 100%;
    height: calc(1061 / 750 * 100vw);
    -o-object-fit: cover;
       object-fit: cover;
  }
  #mainvisual .mv .catch {
    width: 100%;
    height: calc(1061 / 750 * 100vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #mainvisual .mv .catch img{
    width: 72vw;
  }
  .fair-flow .w1300 #pre_txt {
    display: block;
    width: 85%;
    height: auto;
    margin: 8vw auto;
  }
  /* .fair-flow .w1300 #pre_txt p {
    font-size: 1.2rem;
    line-height: 2;
    letter-spacing: 0.5;
  } */
}