@charset "UTF-8";

.freepage footer {
  margin-top: 0;
}

body.re26 #main {
    overflow: hidden !important;
}
div.ms-site-container > .container .main {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
div.ms-site-container > .container {
  margin-bottom: 0 !important;
}
.main > .row {
  margin-right: 0;
  margin-left: 0;
}
.main > .row > .col {
  padding-right: 0;
  padding-left: 0;
}
.page-search__wrap * {
  color: #000;
}
.weight500 {
    font-weight: 500 !important;
}
.en {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 300;
}
.br_sp {
  display: none !important;
}
.sp_only {
  display: none;
}
sub {
  vertical-align: middle;
  font-size: .9em;
}

@media screen and (max-width: 767px) {
    body.re26 #main {
        margin-bottom: 0;
    }
    .br_pc {
        display: none !important;
    }
    .br_sp {
        display: block !important;
    }
    .sp_only {
      display: block;
    }
    .pc_only {
      display: none;
    }
}

.page-bsfinetoha__wrap section {
    margin: 0 0 10px;
}
.page-bsfinetoha__inner {
    max-width: 1264px;
    margin: 0 auto;
    padding: 0 12px;
}
.page-bsfinetoha__ttl {
  font-size: max(32px, clamp(0px, calc(100vw / 1264 * 40), 40px));
  font-weight: 600;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__inner {
    padding: 0;
    width: 86.67%;
  }
  .page-bsfinetoha__ttl {
    font-size: 6.26cqw;
  }
}





/* *************************
    fv
************************* */
.page-bsfinetoha__fv {
  position: relative;
}
.page-bsfinetoha__fv img {
  width: 100%;
}
.page-bsfinetoha__fvttl {
  position: absolute;
  bottom: 10%;
  right: 10%;
  z-index: 3;
}
.page-bsfinetoha__fvttl * {
  color: #fff;
}
.page-bsfinetoha__fvttl h1 {
  font-size: max(50px, clamp(0px, calc(100vw / 1264 * 72), 72px));
  font-weight: 600;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}
.page-bsfinetoha__fvttl p {
  font-weight: 500;
  margin-top: 1em;
  text-shadow: 0 0 5px rgba(0, 0, 0, .8), 0 2px 5px rgba(0, 0, 0, .8);
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__fvttl {
    bottom: 5%;
    right: 6%;
    width: 88%;
  }
  .page-bsfinetoha__fvttl h1 {
    font-size: 9.39cqw;
  }
}


/* *************************
    bsfinetoha__trouble
************************* */
.page-bsfinetoha__trouble .fl {
  gap: clamp(0px, calc(100vw / 1264 * 50), 50px);
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__trouble .fl {
    flex-wrap: wrap;
    justify-content: left;
  }
}


/* *************************
    bsfinetoha__concept
************************* */
.page-bsfinetoha__concept {
  background-image: url(/user_data/img/free_page/bsfinetoha/concept01.jpg);
  background-position: 70% 70%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #ebebe9;
  padding: clamp(0px, calc(100vw / 1264 * 150), 150px) 0 clamp(0px, calc(100vw / 1264 * 250), 250px);
}
.page-bsfinetoha__concept .page-bsfinetoha__ttl {
  margin-bottom: .8em;
}
.page-bsfinetoha__concepttxt {
  max-width: 1140px;
  margin: auto;
}
.page-bsfinetoha__concepttxt p {
  width: 50%;
}
.page-bsfinetoha__concepttxt p + p {
  margin-top: 1em;
}
@media screen and (max-width: 1264px) {
  .page-bsfinetoha__concept {
    background-position: 60% 70%;
  }
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__concept {
    background-image: none;
    padding: 0 0 16.95cqw;
  }
  .page-bsfinetoha__concept::before {
    content: "";
    width: 100cqw;
    height: 90cqw;
    display: block;
    background-image: url(/user_data/img/free_page/bsfinetoha/concept01.jpg);
    background-size: auto 100%;
    background-position: 90% top;
    margin-bottom: 9.13cqw;
  }
  .page-bsfinetoha__concepttxt p {
    width: 100%;
  }
}

/* *************************
    bsfinetoha__ore
************************* */
.page-bsfinetoha__ore {
  background-color: #4a4442;
}
.page-bsfinetoha__ore .image img {
  margin-left: -30px;
}
.page-bsfinetoha__ore .fl {
  max-width: 1140px;
  margin: 40px auto 0;
}
.page-bsfinetoha__ore .fl * {
  width: 50%;
  color: #fff;
  display: flex;
}
.page-bsfinetoha__ore .fl h2 {
  justify-content: center;
}
.page-bsfinetoha__ore .fl p {
  padding-left:  clamp(0px, calc(100vw / 1000 * 80), 80px);
}
@media screen and (max-width: 1010px) {
  .page-bsfinetoha__ore .image img {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__ore .page-bsfinetoha__inner {
    display: flex;
    flex-wrap: wrap;
  }
  .page-bsfinetoha__ore .page-bsfinetoha__inner .fl {
    order: 1;
    display: block;
    margin: 0 0 10.43cqw;
  }
  .page-bsfinetoha__ore .fl h2 {
    justify-content: left;
  }
  .page-bsfinetoha__ore .fl p {
    padding: 1em 0 0;
  }
  .page-bsfinetoha__ore .fl * {
    width: 100%;
  }
  .page-bsfinetoha__ore .page-bsfinetoha__inner .image {
    order: 2;
  }
}


/* *************************
    bsfinetoha__material
************************* */
.page-bsfinetoha__material {
  background-image: url(/user_data/img/free_page/bsfinetoha/material01.jpg);
  background-position: 30% top;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #ececec;
  padding: clamp(0px, calc(100vw / 1264 * 200), 200px) 0 clamp(0px, calc(100vw / 1264 * 130), 130px);
}
.page-bsfinetoha__materialtxt {
  width: 50%;
  padding-left: clamp(0px, calc(100vw / 1264 * 80), 80px);
}
.page-bsfinetoha__materialtxt p {
  margin: 1.5em 0 1.2em;
}
@media screen and (max-width: 1264px) {
  .page-bsfinetoha__material {
    background-position: 40% top;
  }
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__material {
    background-image: none;
    background-color: #fff;
    padding: 16.95cqw 0;
  }
  .page-bsfinetoha__material::after {
    content: "";
    width: 100cqw;
    height: 90cqw;
    display: block;
    background-image: url(/user_data/img/free_page/bsfinetoha/material01_sp.jpg);
    background-size: auto 100%;
    background-position: center;
    margin-top: 9.13cqw;
  }
  .page-bsfinetoha__materialtxt {
    width: 100%;
    padding: 0;
  }
  .page-bsfinetoha__materialtxt p {
    margin-bottom: 7.82cqw;
  }
}



/* *************************
    bsfinetoha__feature
************************* */
.page-bsfinetoha__feature .fl p {
  margin: clamp(0px, calc(100vw / 1264 * 110), 110px) 0 0;
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__feature .fl {
    flex-wrap: wrap;
  }
  .page-bsfinetoha__feature .fl p {
    order: 2;
    width: 100%;
    margin-top: 9.13cqw;
  }
  .page-bsfinetoha__feature .fl picture {
    order: 1;
    width: 100%;
  }
}


/* *************************
    bsfinetoha__story
************************* */
.page-bsfinetoha__story {
  background-color: #4a4442;
}
.page-bsfinetoha__story .fl {
  max-width: 1140px;
  gap: clamp(0px, calc(100vw / 1264 * 40), 40px);
}
.page-bsfinetoha__story .fl *,
.page-bsfinetoha__story .sp_only
 {
  color: #fff;
}
.page-bsfinetoha__storytxt {
  width: 35%;
  min-width: 300px;
}
.page-bsfinetoha__storytxt h2 {
  margin-bottom: .8em;
}
.page-bsfinetoha__storytxt p + p {
  margin-top: 1em;
}
.page-bsfinetoha__story .fl .image {
  width: 65%;
}
@media screen and (max-width: 767px) {
  .page-bsfinetoha__story .fl {
    flex-wrap: wrap;
    gap: 10.43cqw;
  }
  .page-bsfinetoha__storytxt {
    width: 100%;
    min-width: 100%;
    order: 2;
  }
  .page-bsfinetoha__story .fl .image {
    width: 100%;
    order: 1;
  }

}