.location .hdg_section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  margin-bottom: 40px;
  font-family: "Cormorant Garamond", serif;
  font-size: 6.4rem;
  position: relative;
}
@media (max-width: 767px) {
  .location .hdg_section {
    font-size: 4.8rem;
  }
}
@media (max-width: 619px) {
  .location .hdg_section {
    font-size: 8.333vw;
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .location .hdg_section {
    font-size: 10vw;
  }
}
.location .hdg_section span {
  font-size: 37.5%;
}
.location .hdg_section::after {
  background: rgb(1, 46, 88);
  background: linear-gradient(90deg, rgb(1, 46, 88) 0%, rgb(196, 178, 128) 50%, rgb(31, 120, 76) 100%);
  content: "";
  display: block;
  height: 8px;
  width: 240px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .location .hdg_section::after {
    width: 4em;
  }
}
.location .intro {
  background: #fff;
  padding-bottom: 120px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .location .intro {
    padding-bottom: 88px;
  }
}
@media (max-width: 619px) {
  .location .intro {
    padding-bottom: 48px;
  }
}
.location .intro_inner {
  line-height: 1.8;
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
.location .intro .txt_lead {
  font-size: 1.6rem;
  line-height: 2.2;
  text-align: center;
}
@media (max-width: 619px) {
  .location .intro .txt_lead {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .intro .txt_lead {
    font-size: 1.2rem;
  }
}
.location .intro .txt_authority {
  font-size: 1.2rem;
  margin-top: 24px;
}
@media (max-width: 619px) {
  .location .intro .txt_authority {
    font-size: 1rem;
  }
}
.location .skyphoto {
  margin-bottom: 3.5em;
}
.location .skyphoto figure {
  line-height: 0;
  position: relative;
}
.location .skyphoto figure figcaption {
  color: #fff;
  font-size: 1rem;
  line-height: 0;
  text-shadow: 1px 1px 4px #000, -1px -1px 4px #000, 0 0 8px #000;
  position: absolute;
  left: 1em;
  bottom: 1em;
}
.location .areareview .area_select {
  margin-bottom: 80px;
}
.location .areareview .area_select ul {
  display: flex;
  justify-content: space-between;
  flex-flow: row nowrap;
}
@media (max-width: 767px) {
  .location .areareview .area_select ul {
    flex-flow: column wrap;
  }
}
.location .areareview .area_select li {
  position: relative;
}
.location .areareview .area_select li figure {
  line-height: 0;
}
.location .areareview .area_select li dl {
  color: #fff;
  text-align: center;
  width: 94%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.location .areareview .area_select li dt {
  font-family: "Cormorant Garamond", serif;
  font-size: 6.4rem;
  line-height: 1;
  margin-bottom: 0.5em;
}
@media (max-width: 1024px) {
  .location .areareview .area_select li dt {
    font-size: 4.6875vw;
  }
}
@media (max-width: 767px) {
  .location .areareview .area_select li dt {
    font-size: 6.25vw;
  }
}
.location .areareview .area_select li dt span {
  display: block;
  font-size: 37.5%;
}
.location .areareview .area_select li dd {
  display: inline-flex;
  flex-flow: column wrap;
  align-items: center;
  gap: 16px;
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .location .areareview .area_select li dd {
    font-size: 1.8rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .area_select li dd {
    font-size: 1.5rem;
  }
}
.location .areareview .area_select li dd img {
  height: 32px;
}
@media (max-width: 619px) {
  .location .areareview .area_select li dd img {
    height: 8px;
  }
}
.location .areareview .areadetail {
  margin-bottom: 120px;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .location .areareview .areadetail {
    margin-bottom: 80px;
    padding-top: 80px;
  }
}
@media (max-width: 619px) {
  .location .areareview .areadetail {
    margin-bottom: 64px;
    padding-top: 64px;
  }
}
.location .areareview .areadetail .spc {
  margin: 0 20px;
}
.location .areareview .areadetail.cityarea .hdg_section {
  color: #002662;
}
.location .areareview .areadetail.leisurearea .hdg_section {
  color: #20784c;
}
.location .areareview .areadetail h3 {
  font-size: 3.2rem;
  margin-bottom: 1em;
  text-align: center;
}
@media (max-width: 767px) {
  .location .areareview .areadetail h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .areadetail h3 {
    font-size: 5.169vw;
  }
}
.location .areareview .areadetail h3 + p {
  font-size: 1.6rem;
  text-align: center;
}
@media (max-width: 619px) {
  .location .areareview .areadetail h3 + p {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .areareview .areadetail h3 + p {
    font-size: 1.2rem;
  }
}
.location .areareview .cityarea_inner {
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
.location .areareview .cityarea_cat {
  margin: 6.4em auto 0;
}
.location .areareview .cityarea_cat h4 {
  color: #978949;
  font-family: "Cormorant Garamond", serif;
  font-size: 9.6rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat h4 {
    font-size: 6.4rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat h4 {
    font-size: 12.5vw;
  }
}
.location .areareview .cityarea_cat h4::after {
  background: #978949;
  content: "";
  display: block;
  height: 1px;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.location .areareview .cityarea_cat .txt_ttl {
  font-size: 2.4rem;
  margin: 2em 0 1em;
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat .txt_ttl {
    font-size: 2rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .txt_ttl {
    font-size: 1.6rem;
  }
}
.location .areareview .cityarea_cat .txt_lead {
  font-size: 1.6rem;
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .txt_lead {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .areareview .cityarea_cat .txt_lead {
    font-size: 1.2rem;
  }
}
.location .areareview .cityarea_cat_inner {
  margin-top: 4em;
}
.location .areareview .cityarea_cat .cat_item.full {
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 4em;
  padding: 6.4em;
  width: 100%;
}
@media (max-width: 1024px) {
  .location .areareview .cityarea_cat .cat_item.full {
    padding: 4.8em;
  }
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat .cat_item.full {
    padding: 3.2em;
  }
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .cat_item.full {
    padding: 1.6em;
  }
}
.location .areareview .cityarea_cat .cat_item dl {
  margin-top: 1.6em;
}
.location .areareview .cityarea_cat .cat_item dt {
  font-size: 2.4rem;
  line-height: 1.2;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat .cat_item dt {
    font-size: 2rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .cat_item dt {
    font-size: 1.8rem;
  }
}
.location .areareview .cityarea_cat .cat_item dt span {
  display: block;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat .cat_item dt span {
    font-size: 1rem;
  }
}
.location .areareview .cityarea_cat .cat_item dd {
  font-size: 1.6rem;
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .cat_item dd {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .areareview .cityarea_cat .cat_item dd {
    font-size: 1.2rem;
  }
}
.location .areareview .cityarea_cat .cat_item figure {
  line-height: 0;
  position: relative;
}
.location .areareview .cityarea_cat .cat_item figcaption {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%);
  color: #fff;
  line-height: 1.8;
  position: absolute;
  right: 0;
  bottom: 0;
}
.location .areareview .cityarea_cat .cat_item .item p {
  font-size: 1.6rem;
  margin-top: 0.5em;
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat .cat_item .item p {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .areareview .cityarea_cat .cat_item .item p {
    font-size: 1.2rem;
  }
}
.location .areareview .cityarea_cat .slider {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.location .areareview .cityarea_cat .slider .slider_img {
  margin: 0 8px;
}
.location .areareview .cityarea_cat.groumet .cat_item {
  margin-top: 4em;
}
.location .areareview .cityarea_cat.chikaho .cityarea_cat_inner {
  background: #fff;
  display: grid;
  grid-template-columns: 43.33% 48.33%;
  grid-template-rows: repeat(3, auto);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 6.4em;
}
@media (max-width: 1024px) {
  .location .areareview .cityarea_cat.chikaho .cityarea_cat_inner {
    padding: 4.8em;
  }
}
@media (max-width: 919px) {
  .location .areareview .cityarea_cat.chikaho .cityarea_cat_inner {
    display: block;
  }
}
@media (max-width: 767px) {
  .location .areareview .cityarea_cat.chikaho .cityarea_cat_inner {
    padding: 3.2em;
  }
}
@media (max-width: 619px) {
  .location .areareview .cityarea_cat.chikaho .cityarea_cat_inner {
    padding: 1.6em;
  }
}
.location .areareview .cityarea_cat.chikaho .chikaho_slider {
  grid-area: 1/1/2/2;
}
.location .areareview .cityarea_cat.chikaho .chikaho_txt {
  grid-area: 2/1/3/2;
}
@media (max-width: 919px) {
  .location .areareview .cityarea_cat.chikaho .chikaho_txt {
    margin: 6em auto;
  }
}
.location .areareview .cityarea_cat.chikaho .chikaho_map {
  grid-area: 1/2/3/3;
}
@media (max-width: 919px) {
  .location .areareview .cityarea_cat.chikaho .chikaho_map {
    margin-bottom: 2em;
  }
}
.location .areareview .cityarea_cat.chikaho .chikaho_diagram {
  grid-area: 3/1/4/3;
}
.location .areareview .cityarea_cat.chikaho .fc_diagram {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.5em;
}
.location .areareview .cityarea_cat.chikaho .fc_diagram p {
  display: inline-block;
  width: auto;
  border: 1px solid #222;
  padding: 0.25em 1em;
  font-size: 1.4em;
}
.location .areareview .cityarea_cat.chikaho .txt_ttl span {
  font-size: 1.5em;
  line-height: 0.5;
}
.location .areareview .cityarea_cat.chikaho .txt_ttl span em {
  position: relative;
  top: 0.1em;
  color: #f00;
  font-size: 2em;
}
.location .areareview .cityarea_cat.chikaho .chikaho_slider .slider2 figure {
  line-height: 0;
  position: relative;
}
.location .areareview .cityarea_cat.chikaho .chikaho_slider .slider2 figcaption {
  background: rgb(0, 0, 0);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 100%);
  color: #fff;
  line-height: 1.8;
  position: absolute;
  right: 0;
  bottom: 0;
}
.location .areareview .cityarea_cat.chikaho .chikaho_slider .slider2 p {
  margin-top: 0.25em;
  font-size: 1.6em;
}
.location .areareview .cityarea_cat.chikaho .chikaho_slider .slider2 p span {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  margin-right: 0.25em;
  background-color: #002662;
  color: #fff;
  line-height: 1.25em;
  text-align: center;
}
.location .areareview .cityarea_cat.chikaho .chikaho_txt p {
  position: relative;
  width: 16.5em;
  color: #f00;
  font-size: 2.7rem;
  font-weight: 700;
  text-align: center;
}
@media (max-width: 1279px) {
  .location .areareview .cityarea_cat.chikaho .chikaho_txt p {
    font-size: 2.25vw;
  }
}
@media (max-width: 919px) {
  .location .areareview .cityarea_cat.chikaho .chikaho_txt p {
    margin: auto;
    font-size: 3.47vw;
  }
}
.location .areareview .cityarea_cat.chikaho .chikaho_txt p em {
  font-size: 1.37em;
}
.location .areareview .cityarea_cat.chikaho .chikaho_txt p::after {
  background: #f00;
  display: block;
  content: "";
  height: 2px;
}
@media (max-width: 1024px) {
  .location .areareview .cityarea_cat.chikaho .chikaho_diagram {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .location .areareview .cityarea_cat.chikaho .chikaho_diagram figure {
    display: inline-block;
    width: 1200px;
    vertical-align: top;
  }
}
.location .areareview .slide {
  margin: 64px auto 88px;
}
@media (max-width: 767px) {
  .location .areareview .slide {
    margin: 48px auto 72px;
  }
}
@media (max-width: 619px) {
  .location .areareview .slide {
    margin: 40px auto 56px;
  }
}
.location .areareview .slide .slick-slider li {
  margin: 0 1em;
}
@media (max-width: 767px) {
  .location .areareview .slide .slick-slider li {
    margin: 0 0.5em;
  }
}
.location .areareview .slide .slick-slider li figure {
  position: relative;
}
.location .areareview .slide .slick-slider li figcaption {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  z-index: 2;
}
.location .areareview .slide .slick-slider li figcaption.fcwht {
  color: #fff;
}
.location .areareview .slide .slick-dots li {
  margin: 0;
}
.location .areareview .leisurearea_list {
  margin: 4em auto;
}
.location .areareview .leisurearea_list h4 {
  font-size: 2.4rem;
  margin-bottom: 1em;
  text-align: center;
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list h4 {
    font-size: 2rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .leisurearea_list h4 {
    font-size: 1.8rem;
  }
}
.location .areareview .leisurearea_list .txt_lead {
  font-size: 1.6rem;
  text-align: center;
}
@media (max-width: 619px) {
  .location .areareview .leisurearea_list .txt_lead {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .location .areareview .leisurearea_list .txt_lead {
    font-size: 1.2rem;
  }
}
.location .areareview .leisurearea_list_inner {
  margin: 48px auto;
}
.location .areareview .leisurearea_list_inner ul {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  gap: 4px;
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list_inner ul {
    flex-flow: column wrap;
  }
}
.location .areareview .leisurearea_list_inner li {
  height: 100%;
  width: calc(56.25% - 2px);
  position: relative;
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list_inner li {
    width: 100%;
  }
}
.location .areareview .leisurearea_list_inner li figure {
  line-height: 0;
  position: relative;
}
.location .areareview .leisurearea_list_inner li figure figcaption {
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 0 1px #000, 1px 1px 2px #000, -1px -1px 2px #000;
  position: absolute;
  left: 0.5em;
  bottom: 1em;
  z-index: 2;
}
.location .areareview .leisurearea_list_inner li figure figcaption.fcblk {
  color: #000;
}
.location .areareview .leisurearea_list_inner li.type_thin {
  width: calc(43.75% - 2px);
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list_inner li.type_thin {
    width: 100%;
  }
}
.location .areareview .leisurearea_list_inner p {
  background-color: #002662;
  color: #fff;
  display: inline;
  font-size: 2.4rem;
  line-height: 1.2;
  padding: 0.25em 1em;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list_inner p {
    font-size: 2rem;
  }
}
@media (max-width: 619px) {
  .location .areareview .leisurearea_list_inner p {
    font-size: 1.6rem;
  }
}
.location .areareview .leisurearea_list_inner p span {
  display: block;
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .location .areareview .leisurearea_list_inner p span {
    font-size: 1rem;
  }
}
.location .lifeinfo {
  background: #fff;
  padding: 120px 0 80px;
  margin-bottom: -80px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .location .lifeinfo {
    padding: 88px 0 64px;
  }
}
@media (max-width: 619px) {
  .location .lifeinfo {
    padding: 48px 0 32px;
  }
}
.location .lifeinfo_inner {
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 480px) {
  .location .lifeinfo .hdg_section {
    font-size: 8.333vw;
  }
}
.location .lifeinfo .tabArea {
  margin-top: 80px;
}
.location .lifeinfo .tabArea .tabBtn {
  display: flex;
  justify-content: space-between;
  gap: 2px;
}
@media (max-width: 619px) {
  .location .lifeinfo .tabArea .tabBtn {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.location .lifeinfo .tabArea .tabBtn button {
  background-color: #efefe7;
  border: none;
  cursor: pointer;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  outline: none;
  padding: 14px 0;
  text-align: center;
  width: calc((100% - 8px) / 5);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .location .lifeinfo .tabArea .tabBtn button {
    font-size: 1.6rem;
  }
}
@media (max-width: 619px) {
  .location .lifeinfo .tabArea .tabBtn button {
    font-size: 1.4rem;
    width: calc((100% - 4px) / 3);
  }
}
.location .lifeinfo .tabArea .tabBtn button:hover {
  background-color: #ddd;
}
.location .lifeinfo .tabArea .tabBtn button.active {
  background-color: #978949;
  color: #fff;
}
.location .lifeinfo .tabArea .tabBtn button.active::after {
  display: none;
}
.location .lifeinfo .tabArea .tabContent {
  display: none;
  padding: 2px 0 20px;
}
.location .lifeinfo .gmap_wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.location .lifeinfo .gmap_wrap .g_map01 {
  z-index: 1;
}
.location .lifeinfo .iframe-content {
  padding-top: 55%;
  width: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  .location .lifeinfo .iframe-content {
    padding: 80% 0 0;
    overflow-y: hidden;
  }
}
@media (max-width: 767px) {
  .location .lifeinfo .iframe-content {
    padding: 50% 0;
  }
}
@media (max-width: 480px) {
  .location .lifeinfo .iframe-content {
    padding: 72% 0;
  }
}
.location .lifeinfo .iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=location.css.map */