@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- page_ttl
- anchor_nav_sec
- useful_sec
- life_btn_sec
- history_parallax_sec
- history_cont_sec
- yanesen_ueno_sec
-------------------------*/
.catch02 {
  margin: 0 0 30px 0;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  .catch02 {
    margin: 0 0 20px 0;
  }
}
.catch02.wh {
  color: #FFF;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}

/*============================
#page_ttl
============================*/
#page_ttl {
  background: url(../location/img/kv.jpg) no-repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #page_ttl {
    background: url(../location/img/kv_sp.jpg) no-repeat;
    background-size: cover;
  }
}

/*============================
#anchor_nav_sec
============================*/
#anchor_nav_sec {
  background: rgba(0, 0, 0, 0.04);
  padding: 80px 2%;
  margin: 0 0 208px 0;
}
@media screen and (max-width: 768px) {
  #anchor_nav_sec {
    padding: 40px 5% 50px;
    margin: 0 0 64px 0;
  }
}
#anchor_nav_sec li {
  margin: 0 0 30px 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  #anchor_nav_sec li {
    margin: 0 0 15px 0;
  }
}
#anchor_nav_sec li:last-child {
  margin: 0;
}
#anchor_nav_sec li a {
  display: block;
  border-bottom: 1px solid #707070;
  text-align: center;
  font-size: 1.6rem;
  color: #484646;
  padding-bottom: 10px;
  position: relative;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #anchor_nav_sec li a {
    font-size: 1.2rem;
  }
}
#anchor_nav_sec li a:hover {
  opacity: 1;
}
#anchor_nav_sec li a span {
  font-size: 3.1rem;
  display: block;
  font-family: "Libre Baskerville", serif;
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  #anchor_nav_sec li a span {
    font-size: 1.8rem;
    padding-bottom: 5px;
  }
}
#anchor_nav_sec li a::after {
  content: "";
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background: rgb(227, 227, 213);
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(227, 227, 213)), to(rgb(170, 170, 136)));
  background: linear-gradient(180deg, rgb(227, 227, 213) 0%, rgb(170, 170, 136) 100%);
  z-index: 1;
}
#anchor_nav_sec li a:hover::after {
  opacity: 0.5;
}
#anchor_nav_sec li a p {
  z-index: 2;
  position: relative;
}

#anc01, #anc02, #anc03 {
  padding-top: 120px;
  margin-top: -120px;
}

/*============================
#useful_sec
============================*/
#useful_sec {
  margin: 0 0 20px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec {
    margin: 0px 0 20px 0;
  }
}
#useful_sec .text01 {
  font-size: 1.6rem;
  line-height: 2.2;
  margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec .text01 {
    font-size: 1.2rem;
    margin: 0 0 20px 0;
  }
}
#useful_sec .img {
  position: relative;
  margin: 0 0 40px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec .img {
    margin: 0 0 20px 0;
  }
}
#useful_sec .img .caption {
  font-size: 1.2rem;
  position: absolute;
  bottom: 10px;
  right: 5px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #useful_sec .img .caption {
    font-size: 1.1rem;
    bottom: 5px;
    color: #000;
  }
}
#useful_sec .img2 {
  position: relative;
  margin: 0 0 120px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec .img2 {
    margin: 0 0 30px 0;
  }
}
#useful_sec .img2 .caption {
  font-size: 1.2rem;
  position: absolute;
  bottom: 16px;
  right: 20px;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #useful_sec .img2 .caption {
    font-size: 1.1rem;
    bottom: 5px;
    right: 5px;
  }
}
#useful_sec .useful_place {
  position: relative;
  margin: 0 calc(50% - 50vw) 160px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec .useful_place {
    margin: 0 0 50px 0;
  }
}
#useful_sec .useful_place2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 125px 0;
  margin: 0 calc(50% - 50vw) 160px 0;
}
@media screen and (max-width: 768px) {
  #useful_sec .useful_place2 {
    margin: 0 0 50px 0;
  }
}
#useful_sec .slide_item {
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  #useful_sec .slide_item {
    max-width: 55%;
  }
}
#useful_sec .slide_item .img {
  margin: 0 0 19px 0;
}
#useful_sec .slide_item .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
#useful_sec .slide_item .num {
  font-size: 2.5rem;
  border: 1px solid #707070;
  width: 41px;
  height: 41px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #707070;
}
@media screen and (max-width: 768px) {
  #useful_sec .slide_item .num {
    font-size: 2rem;
    width: 26px;
    height: 26px;
  }
}
#useful_sec .slide_item .name {
  font-size: 2.2rem;
}
@media screen and (max-width: 768px) {
  #useful_sec .slide_item .name {
    font-size: 1.6rem;
  }
}
#useful_sec .slide_item .name span {
  display: block;
  font-size: 1.5rem;
  margin: 7px 0 0 -5px;
}
@media screen and (max-width: 768px) {
  #useful_sec .slide_item .name span {
    font-size: 1.3rem;
  }
}
#useful_sec .swiper-scrollbar {
  background: #999;
  height: 1px;
  max-width: 1080px;
  top: auto;
  bottom: 0;
  position: static;
  left: 50%;
  width: calc(100% - 20px);
  border-radius: 0;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #useful_sec .swiper-scrollbar {
    margin-top: 30px;
  }
}
#useful_sec .swiper-scrollbar-drag {
  background: #707070;
  border-radius: 0;
  cursor: pointer;
  height: 15px;
}
@media screen and (max-width: 768px) {
  #useful_sec .swiper-scrollbar-drag {
    height: 7px;
  }
}
#useful_sec .swiper-container {
  position: relative;
  padding-bottom: 101px;
}
@media screen and (max-width: 768px) {
  #useful_sec .swiper-container {
    padding-bottom: 50px;
  }
}

/*============================
#life_btn_sec
============================*/
#life_btn_sec {
  max-width: 588px;
  margin: 0 auto 178px;
}
@media screen and (max-width: 768px) {
  #life_btn_sec {
    max-width: 588px;
    margin: 0 5% 90px;
  }
}
#life_btn_sec h3 {
  font-family: "Baskervville", serif;
  font-size: 6rem;
  color: #AAAA88;
  opacity: 0.28;
  padding: 0 0 10px 10px;
}
@media screen and (max-width: 768px) {
  #life_btn_sec h3 {
    font-size: 3.6rem;
    padding: 0 0 10px 0px;
  }
}
#life_btn_sec .btn {
  height: 520px;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn {
    height: 320px;
  }
}
#life_btn_sec .btn a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 520px;
  outline: 1px solid #E6E4E4;
  outline-offset: -28px;
  color: #FFF;
  position: relative;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a {
    height: 320px;
    outline-offset: -18px;
  }
}
#life_btn_sec .btn a::after {
  content: "";
  background: url(../location/img/lifeinfo_bg.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: -1;
}
#life_btn_sec .btn a:hover:after {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
#life_btn_sec .btn a .in {
  margin: 10%;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a .in {
    margin: 12%;
  }
}
#life_btn_sec .btn a .t1 {
  font-size: 2.5rem;
  padding: 2% 0 0 0;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a .t1 {
    font-size: 2rem;
  }
}
#life_btn_sec .btn a .t2 {
  font-size: 3.5rem;
  line-height: 1.8;
  position: absolute;
  bottom: 10%;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a .t2 {
    font-size: 2.5rem;
  }
}
#life_btn_sec .btn a .t3 {
  font-family: "Baskervville", serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  position: absolute;
  bottom: 20%;
  right: 10%;
  font-size: 2.8rem;
  opacity: 0.75;
  letter-spacing: 0.2rem;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a .t3 {
    font-size: 1.8rem;
  }
}
#life_btn_sec .btn a .arrow {
  position: absolute;
  top: 5%;
  right: 5%;
}
@media screen and (max-width: 768px) {
  #life_btn_sec .btn a .arrow {
    width: 20%;
    top: 8%;
  }
}

/*============================
#history_parallax_sec
============================*/
#history_parallax_sec {
  background: #000000;
}

.parallax_st {
  font-size: 2.8rem;
  color: rgba(255, 255, 255, 0.75);
  font-family: "Baskervville", serif;
  padding: 16vw 0 50px 0;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 768px) {
  .parallax_st {
    font-size: 1.4rem;
    padding: 7vw 0 0px 0;
  }
}

.fadein .parallax_st {
  opacity: 0.75;
}

.parallax_catch {
  font-size: 4.2rem;
  color: #FFF;
  line-height: 1.78;
  opacity: 0;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  letter-spacing: 0.5rem;
}
@media screen and (max-width: 768px) {
  .parallax_catch {
    font-size: 2.1rem;
  }
}

.fadein .parallax_catch {
  opacity: 1;
}

.parallax_wrap {
  background-image: url(../location/img/history_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .parallax_wrap {
    height: 150vw;
    background-image: url(../location/img/history_bg_sp.png);
  }
}

.copy {
  color: #fff;
}

/*============================
#history_cont_sec
============================*/
.bg_black {
  background: #000;
}

#history_cont_sec {
  padding: 174px 0 140px 0;
  color: #FFF;
}
@media screen and (max-width: 768px) {
  #history_cont_sec {
    padding: 10px 0 40px 0;
  }
}
#history_cont_sec .area01 {
  max-width: 884px;
  margin: 0 auto 163px;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area01 {
    margin: 0 auto 60px;
  }
}
#history_cont_sec .area01 p {
  font-size: 1.5rem;
  padding: 20px 0 0 0;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area01 p {
    font-size: 1rem;
  }
}
#history_cont_sec .area02 .text {
  font-size: 1.6rem;
  line-height: 2.2;
  margin: 0 0 88px 0;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 .text {
    font-size: 1.2rem;
    margin: 0 0 30px 0;
  }
}
#history_cont_sec .area02 .swiper-scrollbar {
  background: #999;
  height: 1px;
  max-width: 1080px;
  top: auto;
  bottom: 0;
  position: static;
  left: 50%;
  width: calc(100% - 20px);
  border-radius: 0;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 .swiper-scrollbar {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}
#history_cont_sec .area02 .swiper-scrollbar-drag {
  background: #707070;
  border-radius: 0;
  cursor: pointer;
  height: 15px;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 .swiper-scrollbar-drag {
    height: 7px;
  }
}
#history_cont_sec .area02 .swiper-container {
  position: relative;
  padding-bottom: 51px;
}
#history_cont_sec .area02 ul {
  max-width: 820px;
  margin: 0 auto 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 ul {
    gap: 2%;
    margin: 0 auto 10px;
  }
}
#history_cont_sec .area02 ul li {
  width: 47%;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 ul li {
    width: 58%;
  }
}
#history_cont_sec .area02 ul li p {
  margin: 15px 0 0 0;
  font-size: 1.8rem;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 ul li p {
    font-size: 1rem;
  }
}
#history_cont_sec .area02 ul li p span {
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #FFF;
  font-size: 1.2rem;
}
#history_cont_sec .area02 ul li .img {
  margin-top: 0;
}
#history_cont_sec .area02 .cap {
  max-width: 820px;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  #history_cont_sec .area02 .cap {
    font-size: 1rem;
  }
}

.slide_hint {
  display: none;
  position: relative;
  font-size: 1.2rem;
  text-align: center;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .slide_hint {
    display: inline-block;
    margin: 20px 0 20px 0;
  }
}
.slide_hint::before {
  content: "";
  position: absolute;
  left: -22px;
  width: 18px;
  height: 23px;
  background: url(../img/common/swipe.svg) no-repeat;
  background-size: cover;
}
.slide_hint.w::before {
  content: "";
  position: absolute;
  left: -22px;
  width: 18px;
  height: 23px;
  background: url(../img/common/swipe2.svg) no-repeat;
  background-size: cover;
}

/*============================
#yanesen_ueno_sec
============================*/
#yanesen_ueno_sec {
  color: #FFF;
  background: #707070;
  padding-top: 140px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec {
    padding-top: 40px;
  }
}
#yanesen_ueno_sec .read_block {
  margin: 0 0 200px 0;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .read_block {
    margin: 0 0 60px 0;
  }
}
#yanesen_ueno_sec .read_block p {
  line-height: 2.25;
}
#yanesen_ueno_sec .st_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
  margin: 0 0 120px 0;
}
@media screen and (max-width: 1024px) {
  #yanesen_ueno_sec .st_block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 0 60px 0;
  }
}
#yanesen_ueno_sec .st_block .st {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  color: #AAAA88;
  font-family: "Baskervville", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 20px;
  line-height: 1;
}
#yanesen_ueno_sec .st_block .st.fadeIn {
  opacity: 1;
}
@media screen and (max-width: 1024px) {
  #yanesen_ueno_sec .st_block .st {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    gap: 10px;
    line-height: 1.2;
  }
}
#yanesen_ueno_sec .st_block .st h3 {
  font-size: 6rem;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .st h3 {
    font-size: 3rem;
  }
}
#yanesen_ueno_sec .st_block .st .eng {
  font-family: "Baskervville", serif;
  font-size: 3rem;
  display: block;
  position: relative;
  left: 0px;
  top: 5px;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .st .eng {
    font-size: 1.5rem;
    text-align: left;
    top: 0px;
  }
}
#yanesen_ueno_sec .st_block .st .jp {
  font-size: 1.8rem;
  display: block;
  position: relative;
  left: 0px;
  top: 5px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .st .jp {
    font-size: 1.2rem;
  }
}
#yanesen_ueno_sec .st_block .catch {
  font-size: 2.8rem;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  #yanesen_ueno_sec .st_block .catch {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .catch {
    font-size: 1.8rem;
  }
}
#yanesen_ueno_sec .st_block .img {
  max-width: 628px;
}
@media screen and (max-width: 1024px) {
  #yanesen_ueno_sec .st_block .img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 80%;
  }
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .img {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: 80%;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: calc(50% - 50vw);
  }
}
#yanesen_ueno_sec .st_block .img p {
  position: relative;
}
#yanesen_ueno_sec .st_block .img p span {
  position: absolute;
  left: 10px;
  bottom: 10px;
  font-size: 1.2rem;
  text-shadow: 0px 3px 6px rgb(0, 0, 0);
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .st_block .img p span {
    font-size: 1.2rem;
    position: static;
    margin: 5px 0 0 0;
    display: block;
    text-shadow: none;
  }
}
#yanesen_ueno_sec .st_block .img p span > span {
  font-size: 1rem;
  display: inline-block;
}
#yanesen_ueno_sec .spot {
  max-width: 880px;
  margin: 0 auto;
}
#yanesen_ueno_sec .spot .spot_st {
  font-size: 2.5rem;
  margin: 0 0 80px 23px;
  position: relative;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .spot_st {
    font-size: 1.3rem;
    margin: 0 0 40px 16px;
  }
}
#yanesen_ueno_sec .spot .spot_st::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: #969378;
  border-radius: 30px;
  bottom: -15px;
  left: -30px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .spot_st::before {
    width: 12px;
    height: 12px;
    bottom: -10px;
    left: -20px;
  }
}
#yanesen_ueno_sec .spot .spot_st span {
  position: relative;
}
#yanesen_ueno_sec .spot .spot_st span::before {
  content: "";
  position: absolute;
  width: 400px;
  height: 1px;
  bottom: -5px;
  left: -70px;
  background: #969378;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .spot_st span::before {
    width: 200px;
  }
}
#yanesen_ueno_sec .spot .spot_st span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 83px;
  bottom: -45px;
  left: -20px;
  background: #969378;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .spot_st span::after {
    bottom: -25px;
    height: 50px;
    left: -15px;
  }
}
#yanesen_ueno_sec .spot .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 100px 0;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    margin: 0 0 40px 0;
  }
}
#yanesen_ueno_sec .spot .block.r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block.r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#yanesen_ueno_sec .spot .block .pic {
  width: 51%;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .pic {
    width: 100%;
  }
}
#yanesen_ueno_sec .spot .block .detail {
  width: 46%;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail {
    width: 100%;
  }
}
#yanesen_ueno_sec .spot .block .detail ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin: 0 0 33px 0;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail ul {
    margin: 0 0 20px 0;
  }
}
#yanesen_ueno_sec .spot .block .detail ul li {
  position: relative;
}
#yanesen_ueno_sec .spot .block .detail ul li span {
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail ul li span {
    display: none;
  }
}
#yanesen_ueno_sec .spot .block .detail .name {
  font-size: 2.2rem;
  margin: 0 0 24px 0;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail .name {
    font-size: 1.6rem;
    margin: 0 0 10px 0;
  }
}
#yanesen_ueno_sec .spot .block .detail .name span {
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail .name span {
    font-size: 1.2rem;
  }
}
#yanesen_ueno_sec .spot .block .detail .text {
  font-size: 1.6rem;
  line-height: 1.75;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .block .detail .text {
    font-size: 1.3rem;
  }
}
#yanesen_ueno_sec .spot .more_area .block:last-child {
  margin: 0 0 50px 0;
}
#yanesen_ueno_sec .spot .more_btn {
  border: 1px solid #A6A9AA;
  text-align: center;
  padding: 20px 0 30px;
  position: relative;
  margin: 0 0 210px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn {
    padding: 15px 0 20px;
    margin: 0 0 90px 0;
  }
}
#yanesen_ueno_sec .spot .more_btn p {
  font-family: "Baskervville", serif;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn p {
    font-size: 1.4rem;
  }
}
#yanesen_ueno_sec .spot .more_btn span {
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
  z-index: 1;
  width: 33px;
  height: 33px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn span {
    width: 17px;
    height: 17px;
  }
}
#yanesen_ueno_sec .spot .more_btn span::before {
  content: "";
  background: #AAAA88;
  position: absolute;
  bottom: -12px;
  width: 5px;
  height: 33px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn span::before {
    width: 3px;
    height: 20px;
    bottom: -4px;
    height: 17px;
  }
}
#yanesen_ueno_sec .spot .more_btn span::after {
  content: "";
  background: #AAAA88;
  position: absolute;
  bottom: 2px;
  width: 33px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn span::after {
    width: 17px;
    height: 3px;
    bottom: 3px;
  }
}
#yanesen_ueno_sec .spot .more_btn span.close::before {
  rotate: 45deg;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#yanesen_ueno_sec .spot .more_btn span.close::after {
  rotate: 45deg;
  bottom: -8px;
  left: 38%;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .spot .more_btn span.close::after {
    bottom: -3px;
  }
}
#yanesen_ueno_sec .spot .more_btn:hover {
  opacity: 0.5;
}
#yanesen_ueno_sec .facility {
  max-width: 970px;
  margin: 0 auto;
  padding: 0 0 200px 0;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility {
    padding: 0 0 80px 0;
    margin-top: -30px;
    margin-right: calc(50% - 50vw);
  }
}
#yanesen_ueno_sec .facility ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 75px 3.38%;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility ul {
    gap: 75px 0;
  }
}
#yanesen_ueno_sec .facility ul li {
  width: 31%;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility ul li {
    width: 50%;
  }
}
#yanesen_ueno_sec .facility .name02 {
  margin: 15px 0 0 0;
  font-size: 2.1rem;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility .name02 {
    margin: 10px 0 0 0;
    font-size: 1.3rem;
  }
}
#yanesen_ueno_sec .facility .name02 span {
  margin: 10px 0 0 0;
  display: block;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility .name02 span {
    margin: 5px 0 0 0;
    font-size: 1rem;
  }
}
#yanesen_ueno_sec .facility .swiper-scrollbar {
  background: #999;
  height: 1px;
  max-width: 1080px;
  top: auto;
  bottom: 0;
  position: static;
  left: 50%;
  width: calc(100% - 20px);
  border-radius: 0;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility .swiper-scrollbar {
    margin-top: 30px;
  }
}
#yanesen_ueno_sec .facility .swiper-scrollbar-drag {
  background: #000;
  border-radius: 0;
  cursor: pointer;
  height: 15px;
}
@media screen and (max-width: 768px) {
  #yanesen_ueno_sec .facility .swiper-scrollbar-drag {
    height: 7px;
  }
}
#yanesen_ueno_sec .facility .swiper-container {
  position: relative;
  padding-bottom: 51px;
}/*# sourceMappingURL=location.css.map */