.wrapper {
  background: #f0ede6;
}

.effect-brightness {
  filter: brightness(100%);
  opacity: 1;
  transition: 0.5s;
}

.effect-brightness:hover {
  filter: brightness(115%);
  opacity: 0.6;
}

.sectionBG {
  margin: auto;
  padding-top: 95px;
  padding-bottom: 95px;
  max-width: 1200px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .sectionBG {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10%;
    padding-bottom: 10%;
  }
}

.inbl {
  font-weight: inherit;
  display: inline-block;
}

.sectionTitle {
  padding: 1.5em 0;
  text-align: center;
  color: #fff;
  background: #b9b5ae;
}
@media screen and (max-width: 768px) {
  .sectionTitle {
    padding: 1em 0;
  }
}
.sectionTitle .sectionTitle__title {
  font-size: 2.6rem;
}
@media screen and (max-width: 768px) {
  .sectionTitle .sectionTitle__title {
    font-size: 1.8rem;
  }
}
.sectionTitle .sectionTitle__read {
  font-size: 3.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .sectionTitle .sectionTitle__read {
    font-size: 2.4rem;
  }
}

.sectionTitle__h3 {
  text-align: center;
  font-size: 2.9rem;
}
@media screen and (max-width: 768px) {
  .sectionTitle__h3 {
    font-size: 2rem;
  }
}

.note {
  text-align: left;
  font-size: 1.1rem;
  color: #898a89;
  line-height: 1.4;
}
.note.right {
  text-align: right;
}

.mt1 {
  margin-top: 1em;
}

figure {
  position: relative;
}
figure figcaption.cap {
  position: absolute;
  bottom: 1%;
  right: 1%;
  padding: 0;
  font-size: 1.1rem;
  line-height: 1.2em;
  color: #fff;
  text-shadow: 1px 1px 4px #000, -1px 1px 4px #000;
}
figure figcaption.BGblack {
  padding: 0 0.5em;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
figure figcaption.outside {
  position: relative;
  bottom: auto;
  right: auto;
  text-align: right;
  padding: 0.5em;
  background: none;
  font-size: 1.1rem;
  line-height: 1.2em;
  color: #898a89;
}
figure figcaption.left {
  right: auto;
  left: 0;
  text-align: left;
}

.section__tumari {
  margin: auto;
  text-align: center;
  max-width: 1008px;
}
.section__tumari .section__tumari__tumari {
  margin: auto;
  margin-top: 2em;
  width: 15%;
  max-width: 96px;
}
@media screen and (max-width: 768px) {
  .section__tumari .section__tumari__tumari {
    margin-top: 1em;
  }
}
.section__tumari .section__tumari__bg {
  margin-top: 1em;
  padding: 1em;
  color: #fff;
  background: #b28247;
  font-size: 3.2rem;
}
@media screen and (max-width: 768px) {
  .section__tumari .section__tumari__bg {
    font-size: 1.9rem;
  }
}

.mv_page__dinks {
  position: relative;
}
.mv_page__dinks .mv_page__dinks__text {
  position: absolute;
  top: 30%;
  right: 5%;
  width: 50%;
  max-width: 700px;
}

.intro__title {
  margin: auto;
  width: 80%;
}

.intro__navList {
  margin: auto;
  margin-top: 2em;
  gap: 40px 40px;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .intro__navList {
    gap: 20px 10px;
  }
}
.intro__navList .intro__navList__item {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .intro__navList .intro__navList__item {
    width: 46%;
  }
}

.sectionPoint01__riyuList {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint01__riyuList {
    grid-template-columns: 1fr;
  }
}

.sectionPoint01__hirosaBlock {
  margin-top: 6em;
}
@media screen and (max-width: 768px) {
  .sectionPoint01__hirosaBlock {
    margin-top: 3em;
  }
}

.sectionPoint01__hirosa__listWrap {
  margin-top: 2em;
  position: relative;
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint01__hirosa__listWrap {
    margin-top: 1em;
    margin-left: 0;
  }
}

.sectionPoint01__hirosa__list {
  display: grid;
  grid-template-columns: 60fr 40fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint01__hirosa__list {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px) {
  .sectionPoint01__hirosa_img01 img {
    width: 100%;
    height: 170px;
    object-fit: cover;
  }
}

.sectionPoint01__madoriBlock {
  margin-top: 6em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sectionPoint01__madoriBlock {
    margin-top: 3em;
  }
}

.sectionPoint01__photoBlock {
  margin-top: 3em;
  position: relative;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint01__photoBlock {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}
.sectionPoint01__photoBlock .sectionPoint01__photoList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sectionPoint01__photoBlock .sectionPoint01__photoList .sectionPoint01__photoList__item {
  width: 33.33%;
}
@media screen and (max-width: 768px) {
  .sectionPoint01__photoBlock .sectionPoint01__photoList .sectionPoint01__photoList__item {
    width: 50%;
    flex-grow: 1;
  }
}
@media screen and (max-width: 768px) {
  .sectionPoint01__photoBlock .sectionPoint01__photoList .item03 img {
    width: 100%;
    height: 140px;
    object-fit: cover;
  }
}

.sectionPoint02__verite {
  text-align: center;
  color: #8b212d;
  font-size: 5rem;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__verite {
    font-size: 2.9rem;
  }
}

.sectionPoint02__quality__listWrap {
  margin-top: 3em;
  position: relative;
  margin-right: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__listWrap {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint02__quality__list {
  display: grid;
  grid-template-columns: 39fr 61fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list .sectionPoint02__quality__list__item01 {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list .sectionPoint02__quality__list__item02 {
    order: 1;
  }
}

.sectionPoint02__quality__listWrap02 {
  margin-top: 3em;
  position: relative;
  margin-left: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__listWrap02 {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint02__quality__list02 {
  display: grid;
  grid-template-columns: 61fr 39fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list02 {
    grid-template-columns: 1fr;
  }
}
.sectionPoint02__quality__list02 .sectionPoint02__quality__list02__item01 {
  order: 2;
  margin-top: -150px;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list02 .sectionPoint02__quality__list02__item01 {
    order: 1;
    margin-top: 0;
  }
}
.sectionPoint02__quality__list02 .sectionPoint02__quality__list02__item02 {
  order: 1;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__quality__list02 .sectionPoint02__quality__list02__item02 {
    order: 2;
  }
}

.sectionPoint02__securityBlock {
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__securityBlock {
    margin-top: 2em;
  }
}
.sectionPoint02__securityBlock .sectionPoint02__security__list01 {
  margin-top: 1em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint02__securityBlock .sectionPoint02__security__list01 {
    grid-template-columns: 1fr;
  }
}

.sectionPoint03__shop__listWrap {
  margin-top: 3em;
  position: relative;
  margin-left: calc(50% - 48vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__listWrap {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint03__shop__list {
  display: grid;
  grid-template-columns: 66fr 33fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__list .sectionPoint03__shop__list__item01 img {
    width: 100%;
    height: 157px;
    object-fit: cover;
  }
}
.sectionPoint03__shop__listWrap02 {
  margin-top: 3em;
  position: relative;
  margin-right: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__listWrap02 {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint03__shop__list02 {
  display: grid;
  grid-template-columns: 56fr 44fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__list02 {
    grid-template-columns: 1fr;
  }
}
.sectionPoint03__shop__list02 .sectionPoint03__shop__list02__item01 {
  order: 2;
}
.sectionPoint03__shop__list02 .sectionPoint03__shop__list02__item02 {
  order: 1;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__shop__list02 .sectionPoint03__shop__list02__item02 {
    width: 90%;
  }
}

.sectionPoint03__gourmetBlock {
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__gourmetBlock {
    margin-top: 2em;
  }
}
.sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 66fr 30fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list {
    grid-template-columns: 1fr;
  }
}
.sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list02Wrap {
  margin-top: 3em;
  position: relative;
  margin-right: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list02Wrap {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}
.sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list02 {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 27fr 22fr 48fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__gourmetBlock .sectionPoint03__gourmet__list02 {
    grid-template-columns: 1fr;
  }
}
.sectionPoint03__bana {
  margin: auto;
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .sectionPoint03__bana {
    margin-top: 2em;
  }
}

.sectionPoint04__access__listWrap {
  margin-top: 3em;
  position: relative;
  margin-right: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__listWrap {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint04__access__list {
  display: grid;
  grid-template-columns: 33fr 58fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__list .sectionPoint04__access__list__item01 {
    width: 68%;
  }
}
.sectionPoint04__access__listWrap02 {
  margin-top: 3em;
  position: relative;
  margin-left: calc(50% - 45vw);
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__listWrap02 {
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
  }
}

.sectionPoint04__access__list02 {
  display: grid;
  grid-template-columns: 56fr 43fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__list02 {
    grid-template-columns: 1fr;
  }
}
.sectionPoint04__access__list02 .sectionPoint04__access__list02__item01 {
  order: 2;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__list02 .sectionPoint04__access__list02__item01 {
    order: 1;
  }
}
.sectionPoint04__access__list02 .sectionPoint04__access__list02__item02 {
  margin-top: -150px;
  order: 1;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__access__list02 .sectionPoint04__access__list02__item02 {
    margin-top: 0;
    order: 2;
  }
}

.sectionPoint04__accessmapBlock {
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__accessmapBlock {
    margin-top: 1em;
  }
}
.sectionPoint04__accessmapBlock .sectionPoint04__accessmap__mapBlock {
  margin: auto;
  margin-top: 2em;
  width: 90vw;
  max-width: 980px;
}
.sectionPoint04__accessmapBlock .js-scrollable .scrollImg {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__accessmapBlock .js-scrollable .scrollImg {
    width: 550px;
  }
}
.sectionPoint04__accessmapBlock .sectionPoint04__accessmap__photoBlock01__list {
  margin-top: 3em;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__accessmapBlock .sectionPoint04__accessmap__photoBlock01__list {
    grid-template-columns: 1fr 1fr;
  }
}

.sectionPoint04__accessnetworkBlock {
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__accessnetworkBlock {
    margin-top: 2em;
  }
}
.sectionPoint04__accessnetworkBlock .sectionPoint04__accessnetwork__ListBlock {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint04__accessnetworkBlock .sectionPoint04__accessnetwork__ListBlock {
    grid-template-columns: 1fr;
  }
}
.sectionPoint05 h4.sectionPoint05__title {
  margin-top: 1em;
  padding: 0.5em 1em;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 2.3rem;
}
@media screen and (max-width: 768px) {
  .sectionPoint05 h4.sectionPoint05__title {
    font-size: 1.3rem;
  }
}
.sectionPoint05 .sectionPoint05__block01 {
  margin-top: 2em;
}
.sectionPoint05 .sectionPoint05__block01 .js-scrollable .scrollImg {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sectionPoint05 .sectionPoint05__block01 .js-scrollable .scrollImg {
    width: 700px;
  }
}
.sectionPoint05 .sectionPoint05__block01 .sectionPoint05__block01__read {
  margin-top: 2em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sectionPoint05 .sectionPoint05__block01 .sectionPoint05__block01__read {
    margin-top: 1em;
  }
}
.sectionPoint05 .sectionPoint05__block02 {
  margin-top: 2em;
}
.sectionPoint05 .sectionPoint05__block02__list {
  margin-top: 2em;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media screen and (max-width: 768px) {
  .sectionPoint05 .sectionPoint05__block02__list {
    grid-template-columns: 1fr;
  }
}
.sectionPoint05 .sectionPoint05__block02__map {
  margin: auto;
  margin-top: 2em;
  width: 70%;
  max-width: 628px;
}
.sectionPoint05 .sectionPoint05__block02__read {
  margin-top: 2em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .sectionPoint05 .sectionPoint05__block02__read {
    margin-top: 1em;
  }
}

.lastBlock {
  padding: 2em 0;
  text-align: center;
  color: #fff;
  background: #b9b5ae;
  font-size: 4.8rem;
}
@media screen and (max-width: 768px) {
  .lastBlock {
    padding: 1em 0;
    font-size: 2.4rem;
  }
}/*# sourceMappingURL=dinks.css.map */