@charset "UTF-8";
.content-wrap {
  width:100%;
  height:auto;
  position:relative;
}
/*----------------------------------------------------
  #access
----------------------------------------------------*/
.access {
  width:100%;
  height:auto;
  padding:150px 0 0 0;
  font-size:1.4rem;
  position:relative;
  z-index:1;
}
.access-sep {
  width:100%;
  height:11.5%;
  position:absolute;
  bottom:-9.5%;
  left:0;
}
.access-bg {
  width:100%;
  height:auto;
  position:absolute;
  top:0;
  left:0;
}
.access-bg::after {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:11.5%;
}
.access-bg > img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:bottom center;
}
.access-body {
  width:90%;
  max-width:1440px;
  margin:0 auto;
  position:relative;
  z-index:2;
}
.access-lead {
  width:90%;
  margin:0 auto 80px auto;
}
.access-lead > p br:nth-of-type(1) {
  display:none;
}
.access-lead > p {
  text-align:center;
  font-size:2.4rem;
  font-family:"Shippori Mincho B1", serif;
  font-weight:500;
  letter-spacing:-.075em;
  font-style:normal;
  color:#1a1a1a;
  background:linear-gradient(to right, #1a1a1a 0%, #545454 25%, #adadad 50%, #1a1a1a 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.access-col {
  width:100%;
  display:flex;
  justify-content:space-between;
  margin-bottom:80px;
}
.access-inner {
  width:47.5%;
  padding:50px 0;
}
.access-inner > dl {
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
.access-inner > dl > dt:not(:last-of-type),
.access-inner > dl > dd:not(:last-of-type) {
  border-bottom:1px solid #ccc;
}
.access-inner > dl > dt {
  width:20%;
  height:auto;
  display:flex;
  flex-direction:column;
  line-height:1.4;
  padding:15px 10px;
  box-sizing:border-box;
}
.access-inner > dl > dt > span {
  font-size:1.2rem;
  color:#B7822E;
  background:linear-gradient(to right, #9C6926 0%, #B7822E 25%, #CA8540 50%, #E0AF3E 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.access-inner > dl > dd {
  width:70%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.4;
  padding:15px 10px;
  box-sizing:border-box;
}
.access-book {
  width:100%;
  height:auto;
  display:flex;
  justify-content:space-between;
  list-style:none;
}
.access-book > li {
  width:33%;
  height:auto;
}
.access-book > li:not(:last-child) {
  margin-right:5px;
}
.access-book > li > a {
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:48px;
  color:#fff;
  font-size:1.2rem;
  border-radius:50vh 50vh 50vh 0;
}
.access-book > li > a > i {
  font-size:1.6rem;
  margin-right:5px;
}
.access-book > li:nth-of-type(1) > a {
  background:#1a1a1a;
}
.access-book > li:nth-of-type(2) > a {
  background:linear-gradient(115deg, #49c8ad, #89d1e7);
}
.access-book > li:nth-of-type(3) > a {
  background:linear-gradient(115deg, #C222B6, #ffff00);
}
.access-img {
  width:50%;
  position:relative;
}
.swiper1 {
  width:100%;
  height:100%;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.slide-img {
  height:100%;
}
.slide-img picture,
.slide-img img {
  height:100%;
  object-fit:cover;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
    animation: blur1 .5s linear 0s;
    animation-fill-mode: both;
}
@keyframes blur1 {
  0%   {filter: blur(20px);}
  100% {filter: blur(0);}
}
.swiper1 .swiper-pagination {
  display:flex;
  flex-direction:column;
  align-items:center;
  width:48px;
  height:auto;
  position:absolute;
  top:50%;
  left:2.5%;
  bottom:initial;
  transform:translate(0,-50%);
  mix-blend-mode:difference;
  font-family:'felix';
}
.swiper1 .swiper-pagination-bullet {
  box-sizing:border-box;
  display:block;
  opacity:1;
  position:relative;
  transform:scale(.9);
  transition: transform .3s ease;
  width:48px;height:48px;
  border-radius:0;
  margin:10px 4px!important;
  padding:13px 0;
  background-color:transparent;
  font-weight:700;
  text-align:center;
  font-size:1.2rem;
  color:#A7A7A7;
}
.swiper1 .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-top:20px;
}
.swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active {
  transform:scale(1);
}
.swiper1 .swiper-pagination-bullet .circle {
  display:block;
  position:absolute;
  top:0;
  left:0;
}
.circle1 {
  stroke-dasharray:152px;
  stroke-dashoffset:152px;
  stroke:#A7A7A7;
}
.swiper-pagination-bullet-active .circle {
  transform: scale(1) rotate(-90deg);
}
.swiper-pagination-bullet-active .circle1 {
  animation: sliderPagination 4s linear forwards;
}
#map {
  width:100%;
  height:auto;
  position:relative;
  z-index:1;
}
#map::before {
  display:block;
  content:'';
  width:100%;
  height:0;
  padding-top:56.25%;
}
#map iframe {
  width: 100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  filter: grayscale(1);
}
@keyframes sliderPagination {
 	100% {stroke-dashoffset: 0;}
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1024px) {
  /*---access---*/
  .access-body {
    width:65%;
  }
  .access-col {
    flex-direction:column;
  }
  .access-lead > p br:nth-of-type(1) {
    display:block;
  }
  .access-img {
    width:100%;
    position:relative;
  }
  .access-img::after {
    display:block;
    content:'';
    width:100%;
    height:0;
    padding-top:81%;
  }
  .swiper1 {
    width:100%;
    height:100%;
    position:absolute;
    top:50%;
    left:50%;
  }
  .access-inner {
    width:100%;
  }
}
@media screen and (max-width:896px) {
  /*---access---*/
   .access-body {
    width:70%;
  }
}
@media screen and (max-width:786px) {
  /*---access---*/
   .access-body {
    width:80%;
  }
}
@media screen and (max-width:680px) {
  /*---access---*/
   .access-body {
    width:85%;
  }
}
@media screen and (max-width:480px) {
  /*---access---*/
  .access {
    padding:100px 0 80px 0;
  }
  .access-body {
    width:90%;
  }
  .access-lead {
    width:100%;
    margin-bottom:40px;
  }
  .access-lead > p {
    font-size:1.6rem;
    white-space:nowrap;
  }
  .swiper1 .swiper-pagination {
    display:none;
  }
  .access-img {
    margin-bottom:40px;
  }
  .access-inner {
    padding:0;
  }
  .access-inner > dl > dt {
    width:100%;
    flex-direction:row;
    align-items:baseline;
  }
  .access-inner > dl > dd:not(:last-of-type) {
    border-bottom:none;
  }
  .access-inner > dl > dt::before {
    display: block;
    content: '';
    width: calc(25px* .5);
    height: calc(25px* .5);
    background: url(../img/common/icon-dia.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position:bottom center;
    margin-right: 5px;
  }
  .access-inner > dl > dt > span {
    margin-left:5px;
  }
  .access-inner > dl > dd {
    width:100%;
    padding-bottom:20px;
  }
  .access-inner > dl > dt:last-of-type {
    border-bottom:1px solid #ccc;
  }
  .access-sep {
    width:110%;
    left:50%;
    bottom:-11%;
    transform:translateX(-50%);
  }
  .access-col {
    margin-bottom:30px;
  }
  #map::before {
    padding-top:100%;
  }
  
}