@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: "URW DIN";
  src: local("URW DIN Regular"), local("URW-DIN-Regular"), url("../fonts/URWDIN-Regular.woff2") format("woff2"), url("../fonts/URWDIN-Regular.woff") format("woff"), url("../fonts/URWDIN-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@media (min-width: 768px) {
  .mw_600 {
    width: 100%;
    max-width: 600px;
  }
}

body {
  min-width: 320px;
  font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.urw {
  font-family: "URW DIN";
}

.img-fw {
  width: 100%;
}

.capt {
  line-height: 1;
  position: absolute;
  font-size: 1rem;
  color: #ffffff;
  bottom: 0;
  right: 0;
  padding: 5px;
  z-index: 2;
}

.posrel {
  position: relative;
}

.fc_brown {
  color: #857b38;
}

.fb_brown {
  background: #79713D;
}

.fc_wine {
  color: #7e001e;
}

.fc_black {
  color: #000000;
}

@media screen and (max-width: 992px) {
  .mw_690 {
    width: 100%;
    max-width: 690px;
  }
}

main {
  width: 100%;
  overflow: hidden;
}

h3 {
  font-size: 2.5rem;
  color: #857b38;
  text-align: center;
}
@media screen and (max-width: 992px) {
  h3 {
    font-size: 3.5rem;
  }
}
h3 span {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
@media screen and (max-width: 992px) {
  h3 span {
    padding-bottom: 25px;
  }
}
h3 span:before {
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #6a5d28;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

#sec01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  #sec01 {
    margin-bottom: 30px;
  }
}

.item-detail {
  padding: 0 5px 0 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .item-detail {
    padding: 0 15px 0 20px;
  }
}
.item-detail figure {
  margin-bottom: 15px;
}
.item-detail .name .upright {
  font-size: 1.3rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .item-detail .name .upright {
    font-size: 1.1rem;
  }
}
.item-detail .name .upright span {
  text-orientation: upright;
}
.item-detail .name .sideways {
  text-orientation: sideways;
}
.item-detail .info {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .item-detail .info {
    font-size: 1.1rem;
  }
}
.item-detail .info .ttl {
  margin: 5px 0 7px;
}
.item-detail .info .txt {
  border-left: 1px solid #000;
  max-width: 365px;
  padding-left: 3%;
}
@media screen and (max-width: 767px) {
  .item-detail .info .txt {
    font-size: 1rem;
  }
}
.item-detail .time img {
  position: absolute;
  bottom: 100%;
  left: -80px;
  max-width: 130px;
}
@media screen and (max-width: 767px) {
  .item-detail .time img {
    bottom: 0;
    left: -75px;
    max-width: 95px;
  }
}

.store-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 95px;
  max-width: calc(100% - (100% - 1000px) / 2);
}
@media screen and (max-width: 767px) {
  .store-item {
    margin-bottom: 35px;
  }
}
.store-item .data_image {
  width: 78%;
}
@media screen and (max-width: 767px) {
  .store-item .data_image {
    width: calc(100% - 15px);
  }
}
.store-item .data_text {
  width: 22%;
}
@media screen and (max-width: 767px) {
  .store-item .data_text {
    margin-left: auto;
    width: 77%;
  }
}
.store-item .data_text .time {
  margin-bottom: 10px;
}
.store-item.reverse {
  flex-direction: row-reverse;
  margin-left: auto;
}
.store-item.reverse .item-detail {
  padding: 0 15px 0 5px;
}
@media screen and (max-width: 767px) {
  .store-item.reverse .item-detail {
    padding: 0 15px 0 20px;
  }
}
.store-item.reverse .item-detail .time img {
  left: auto;
  right: -80px;
}
@media screen and (max-width: 767px) {
  .store-item.reverse .item-detail .time img {
    left: -75px;
    right: auto;
    bottom: 0;
  }
}

#sec02 .list-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #sec02 .list-item {
    padding: 0;
  }
}
#sec02 .list-item .item {
  width: 47%;
}
@media screen and (max-width: 767px) {
  #sec02 .list-item .item {
    margin-bottom: 20px;
    display: flex;
    width: 100%;
  }
  #sec02 .list-item .item:nth-child(2) {
    flex-direction: row-reverse;
  }
  #sec02 .list-item .item:nth-child(2) .txt {
    margin-left: 0;
    padding-right: 45px;
  }
  #sec02 .list-item .item:nth-child(2) img {
    left: auto;
    right: -20px;
  }
}
#sec02 .list-item .item-detail {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #sec02 .list-item .item-detail {
    padding-left: 15px;
    width: 60%;
  }
}
@media screen and (max-width: 767px) {
  #sec02 .list-item .item-detail .txt {
    margin-left: 35px;
  }
}
#sec02 .list-item figure {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #sec02 .list-item figure {
    width: 40%;
  }
}
#sec02 .list-item .time img {
  max-width: 100px;
  bottom: 50px;
  left: auto;
  right: 15px;
}
@media screen and (max-width: 767px) {
  #sec02 .list-item .time img {
    bottom: 9px;
    left: -30px;
    right: auto;
    width: 70px;
  }
}

.sec-gourmet {
  margin: 115px 0 150px;
}
@media screen and (max-width: 992px) {
  .sec-gourmet {
    margin: 70px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-gourmet {
    margin: 35px 0;
    padding: 0 15px;
  }
  .sec-gourmet .left-sp-nega {
    margin-left: -7vw;
  }
}
.sec-gourmet .container {
  padding: 80px 15px;
  max-width: 1000px;
}
@media screen and (max-width: 992px) {
  .sec-gourmet .container {
    padding: 60px 15px 30px;
  }
}
@media screen and (max-width: 767px) {
  .sec-gourmet .container {
    padding: 30px 0;
  }
}
.sec-gourmet .head {
  margin-bottom: 50px;
  padding: 0 15px;
  text-align: center;
}
.sec-gourmet .head .in h4 {
  margin-bottom: 30px;
}
.sec-gourmet .head .in h4 img {
  height: 80px;
  margin: 0 auto;
}
.sec-gourmet .head .in .ja {
  color: #CAC28E;
  font-size: 2rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .sec-gourmet .head .in .ja {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
.sec-gourmet .item-detail {
  margin-bottom: 85px;
  padding-left: 4vw;
}
@media screen and (max-width: 767px) {
  .sec-gourmet .item-detail {
    margin-bottom: 40px;
    padding-left: 12vw;
  }
  .sec-gourmet .item-detail.flex-sp {
    display: flex;
  }
  .sec-gourmet .item-detail.flex-sp .info {
    padding: 0 10px;
    width: 55%;
  }
  .sec-gourmet .item-detail.flex-sp figure {
    width: 45%;
  }
  .sec-gourmet .item-detail.flex-sp-reverse {
    flex-direction: row-reverse;
  }
  .sec-gourmet .item-detail.flex-sp-reverse .info {
    width: 55%;
  }
  .sec-gourmet .item-detail.ct-item {
    padding-left: 0;
  }
  .sec-gourmet .item-detail.ct-item .name {
    right: 46%;
  }
  .sec-gourmet .item-detail.ct-item .info {
    padding-right: 40px;
  }
}
.sec-gourmet .item-detail .name {
  display: flex;
  flex-direction: row-reverse;
  line-height: 1.25;
  letter-spacing: 0;
  position: absolute;
  right: calc(100% - 3.6vw);
  top: 0;
}
@media screen and (max-width: 767px) {
  .sec-gourmet .item-detail .name {
    right: calc(100% - 11vw);
  }
}
.sec-gourmet .item-detail .name .sideways {
  font-size: 0.6vw;
  font-size: 1.1rem;
  font-weight: 500;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  margin-left: 3px;
}
.sec-gourmet .item-detail .name .upright {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.sec-gourmet .item-detail p {
  color: #ffffff !important;
}
.sec-gourmet .item-detail .txt {
  border-left: 1px solid #ffffff;
}
.sec-gourmet .img-effect01 figure {
  margin-left: calc(-1 * (100vw - 1000px) / 2 - 8px);
  max-width: 700px;
}
@media screen and (max-width: 992px) {
  .sec-gourmet .img-effect01 figure {
    margin-left: -15px;
  }
}
@media screen and (max-width: 767px) {
  .sec-gourmet .img-effect01 figure {
    margin-bottom: 20px;
    width: 85%;
  }
}
.sec-gourmet .img-effect01 figure .capt {
  right: auto;
  left: 5px;
}
@media screen and (max-width: 767px) {
  .sec-gourmet .img-effect01 figure .capt {
    right: 20px;
    left: auto;
  }
}
.sec-gourmet .img-effect02 figure {
  margin-right: calc(-1 * (100vw - 1000px) / 2 - 22px);
  margin-left: auto;
  max-width: 580px;
}
@media screen and (max-width: 992px) {
  .sec-gourmet .img-effect02 figure {
    margin: 0 -15px 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .sec-gourmet .img-effect02 figure {
    margin: -70px -15px 40px auto;
    width: 60%;
  }
  .sec-gourmet .img-effect02 figure .capt {
    right: auto;
    left: 0;
  }
}
.sec-gourmet .img-effect03 figure {
  margin-left: calc(-1 * (100vw - 1000px) / 2 - 8px);
  max-width: 600px;
}
@media screen and (max-width: 992px) {
  .sec-gourmet .img-effect03 figure {
    margin: 0 0 0 -15px;
  }
}
@media screen and (max-width: 767px) {
  .sec-gourmet .img-effect03 figure {
    margin: -80px 0 35px -15px;
    width: 56%;
  }
  .sec-gourmet .img-effect03 figure .capt {
    right: 0 !important;
    left: auto !important;
  }
}
.sec-gourmet .img-effect03 figure .capt {
  right: auto;
  left: 5px;
}

.sec-morefun .morefun-main {
  background: #5A9B9F;
}
.sec-morefun .wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100vw - (100vw - 1030px) / 2);
  margin-right: auto;
}
.sec-morefun .wrapper .data-left {
  width: 35%;
}
.sec-morefun .wrapper .data-left figure {
  height: 100%;
  width: 100%;
}
.sec-morefun .wrapper .data-left figure img {
  object-fit: cover;
  max-width: 500px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .sec-morefun .wrapper .data-left figure img {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .sec-morefun .wrapper .data-left {
    width: 100%;
  }
}
.sec-morefun .wrapper .data-right {
  color: #ffffff;
  padding: 40px;
  width: 65%;
}
.sec-morefun .wrapper .data-right .head {
  margin-bottom: 40px;
}
.sec-morefun .wrapper .data-right .head h4 {
  position: relative;
  z-index: 1;
}
.sec-morefun .wrapper .data-right .head h4 img {
  height: 110px;
  margin: -65px 0 0 -60px;
  width: auto;
}
.sec-morefun .wrapper .data-right .head .ja {
  font-size: 2rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 992px) {
  .sec-morefun .wrapper .data-right .head .ja {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
}
.sec-morefun .wrapper .data-right ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0 -40px 0 -20px;
}
@media screen and (max-width: 992px) {
  .sec-morefun .wrapper .data-right ul {
    margin: 0;
  }
}
.sec-morefun .wrapper .data-right ul li {
  padding: 0 20px;
  width: 33.333%;
}
.sec-morefun .wrapper .data-right ul li figure {
  margin-bottom: 10px;
}
.sec-morefun .wrapper .data-right ul li .ttl {
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 5px;
}
.sec-morefun .wrapper .data-right ul li .txt {
  font-size: 1.1rem;
}
@media screen and (max-width: 992px) {
  .sec-morefun .wrapper .data-right {
    padding: 20px;
  }
  .sec-morefun .wrapper .data-right ul li {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .sec-morefun .wrapper .data-right {
    padding: 20px 0;
    width: 100%;
  }
  .sec-morefun .wrapper .data-right .head {
    text-align: center;
  }
  .sec-morefun .wrapper .data-right .head h4 img {
    height: 66px;
    margin: -35px auto 10px;
  }
  .sec-morefun .wrapper .data-right .head .ja {
    font-size: 1.4rem;
  }
  .sec-morefun .wrapper .data-right ul li {
    padding: 0;
    text-align: center;
  }
}
.sec-morefun .map {
  margin: 150px 0 50px;
}
@media screen and (max-width: 992px) {
  .sec-morefun .map {
    margin: 50px 0;
  }
}
@media screen and (max-width: 767px) {
  .sec-morefun .map {
    margin: 20px 0 40px;
  }
}

.switch-wrap .btn-switch {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 80px;
  list-style-type: none;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .switch-wrap .btn-switch {
    margin: 0 0 40px;
  }
}
.switch-wrap .btn-switch .shopping {
  border: 1px solid #BFA777;
  border-right: none;
  color: #BFA777;
}
@media screen and (max-width: 767px) {
  .switch-wrap .btn-switch .shopping {
    border-bottom: none;
  }
}
.switch-wrap .btn-switch .shopping:hover {
  background: #BFA777;
  color: #ffffff;
}
.switch-wrap .btn-switch .public {
  border: 1px solid #7790A2;
  border-right: none;
  color: #7790A2;
}
@media screen and (max-width: 767px) {
  .switch-wrap .btn-switch .public {
    border-right: 1px solid #7790A2;
    border-bottom: none;
  }
}
.switch-wrap .btn-switch .public:hover {
  background: #7790A2;
  color: #ffffff;
}
.switch-wrap .btn-switch .medical {
  border: 1px solid #BD939A;
  border-right: none;
  color: #BD939A;
}
.switch-wrap .btn-switch .medical:hover {
  background: #BD939A;
  color: #ffffff;
}
.switch-wrap .btn-switch .park {
  border: 1px solid #719288;
  color: #719288;
}
.switch-wrap .btn-switch .park:hover {
  background: #719288;
  color: #ffffff;
}
.switch-wrap .btn-switch li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 5px;
  text-align: center;
  transition: all 0.3s ease;
  width: 25%;
}
@media screen and (max-width: 767px) {
  .switch-wrap .btn-switch li {
    width: 50%;
  }
}
.switch-wrap .btn-switch li:hover {
  cursor: pointer;
}
.switch-wrap .btn-switch li .ttl {
  font-size: 2.2rem;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 992px) {
  .switch-wrap .btn-switch li .ttl {
    font-size: 1.8rem;
    letter-spacing: 0.1em;
  }
}
.switch-wrap .btn-switch li .ttl .jp {
  display: block;
  font-size: 52%;
  margin-top: 5px;
}
.switch-wrap .btn-switch .shopping.active {
  background: #BFA777;
  color: #ffffff;
}
.switch-wrap .btn-switch .public.active {
  background: #7790A2;
  color: #ffffff;
}
.switch-wrap .btn-switch .medical.active {
  background: #BD939A;
  color: #ffffff;
}
.switch-wrap .btn-switch .park.active {
  background: #719288;
  color: #ffffff;
}
.switch-wrap .switch-box {
  display: none;
}
.switch-wrap .switch-box:first-child {
  display: block;
}
.switch-wrap .switch-box .box-ttl {
  margin: 0 0 40px;
  height: 125px;
}
@media screen and (max-width: 767px) {
  .switch-wrap .switch-box .box-ttl {
    height: 95px;
    margin-bottom: 25px;
  }
}
.switch-wrap .switch-box .box-ttl h3 img {
  height: 80px;
}
@media screen and (max-width: 767px) {
  .switch-wrap .switch-box .box-ttl h3 img {
    height: 50px;
  }
}
.switch-wrap .switch-box#swicth_box02 h3 img {
  height: 125px;
  margin-top: -20px;
}
@media screen and (max-width: 992px) {
  .switch-wrap .switch-box#swicth_box02 h3 img {
    height: 100px;
  }
}
.switch-wrap .switch-box#swicth_box04 h3 img {
  height: 125px;
  margin-top: -20px;
}
@media screen and (max-width: 992px) {
  .switch-wrap .switch-box#swicth_box04 h3 img {
    height: 100px;
  }
}
.switch-wrap .list-item {
  padding: 0;
  margin: 0 -15px 100px;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .switch-wrap .list-item {
    justify-content: flex-start;
  }
}
.switch-wrap .list-item li {
  margin-bottom: 45px;
  padding: 0 15px;
  width: 33.333%;
}
@media screen and (max-width: 767px) {
  .switch-wrap .list-item li {
    padding: 0;
    text-align: center;
    width: 50%;
  }
}
.switch-wrap .list-item figure {
  margin-bottom: 5px;
}
.switch-wrap .list-item .ttl {
  color: #78703D;
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
  .switch-wrap .list-item .ttl {
    font-size: 1.1rem;
    letter-spacing: 0.1em;
  }
}
.switch-wrap .belx-list-wrap {
  margin: 0 -30px 50px;
}
@media screen and (max-width: 767px) {
  .switch-wrap .belx-list-wrap .mb-25 {
    margin-bottom: 0;
  }
  .switch-wrap .belx-list-wrap .mb-sp-20 {
    margin-bottom: 20px;
  }
}
.switch-wrap .belx-list-wrap .belx-item {
  padding: 0 30px;
}
.switch-wrap .belx-list-wrap .belx-list {
  margin: 0;
  padding: 0;
}
.switch-wrap .belx-list-wrap .belx-list li {
  color: #78703D;
  font-size: 1.2rem;
  overflow: hidden;
  list-style-type: none;
  position: relative;
}
.switch-wrap .belx-list-wrap .belx-list li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 45%;
  left: 0;
  border-bottom: 1px dotted #2E2C27;
  z-index: -1;
}
.switch-wrap .belx-list-wrap .belx-list li dt {
  background: #ffffff;
  float: left;
  padding-right: 5px;
}
.switch-wrap .belx-list-wrap .belx-list li dd {
  background: #ffffff;
  color: #2E2C27;
  float: right;
  padding-left: 5px;
}
.switch-wrap .belx-list-wrap .belx-list li .num {
  color: #78703D;
  font-size: 120%;
  font-family: "URW DIN";
  font-weight: 600;
  margin: 0 2px 0 7px;
}

@media screen and (max-width: 767px) {
  .order-sp-0 {
    order: 0;
  }
  .order-sp-1 {
    order: 1;
  }
  .order-sp-2 {
    order: 2;
  }
}/*# sourceMappingURL=lifeinfo.css.map */