@charset "UTF-8";
/* メイン */
/* コンテンツ */

.pre-inc .main_img {
  display: grid;
  grid-template-columns: 25% 46.875% 14.0625% 14.0625%;
}
.pre-inc .main_img figure {
  opacity: 0;
  animation: 2s fadeIn 0s forwards;
}
.pre-inc .main_img figure:nth-of-type(1) {
  grid-row: 1/3;
  animation-delay: 1.2s;
}
.pre-inc .main_img figure:nth-of-type(2) {
  grid-row: 1/3;
}
.pre-inc .main_img figure:nth-of-type(3) {
  grid-column: 3/5;
  animation-delay: 0.9s;
}
.pre-inc .main_img figure:nth-of-type(4) {
  animation-delay: 0.6s;
}
.pre-inc .main_img figure:nth-of-type(5) {
  animation-delay: 0.3s;
}
.pre-inc .main_img img {
  width: 100%;
}
.pre-inc .text_main {
  padding: 2em 0 2.5em;background: url("../common/img/sliver_bk.webp") no-repeat center top/cover;
}
.pre-inc .text_main .main_tit {
  position: relative;
  transform: translateY(0);
}
.pre-inc .text_main .main_tit i {
  font-size: 2.8em;
  color: #34549a;
  line-height: 1.4;
}
.pre-inc .text_main .main_tit br:last-of-type ~ i {
  color: #8c7961;margin-top: 0.6em;
}
.pre-inc #contents {
  padding: 0;
}
.pre-inc #contents img {
  width: 100%;
}
.pre-inc .map_plot {
  animation-name: bokashi;
  animation-delay: 0.5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.pre-inc .location_img_wrap01 {
  margin-top: 2.5em;
}
.pre-inc .location_img_wrap01 figure {
  animation-name: fadeIn;
}
.pre-inc .location_img_wrap01 img {
  height: 15.2em;
}
.pre-inc .location_img_wrap02 figure {
  animation-name: fadeIn;
}
.pre-inc .location_img_wrap02 img {
  height: 15.2em;
}
.pre-inc .noteArea{
  width:100%;
  padding: 0 2vw;
  margin:0 auto;
}
.pre-inc .noteArea .note{
  font-size: 0.6em;
  margin-top: 0.8em;
}
.pre-inc .terminal{
  max-width:1024px;
  margin:2em auto;
  padding:1.5em;
  border: 2px solid #a98e28;
  background: #fff;
}
.pre-inc .terminal::before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../img/location/bicycle_bk.jpg) no-repeat center bottom / cover;
    opacity: 0.35;
    position: absolute;
    left: 0;
    top: 0;background-color:rgba(255,255,255,0.6);
background-blend-mode:lighten;
}
.pre-inc .terminal .terminal_tit{
  font-size:1.5em;
  color:#34549a;
}
.pre-inc .terminal dl{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.pre-inc .terminal dt{
  width:35%;
  font-size:0.8em;
  line-height: 2;
}
.pre-inc .terminal dd{
  width:60%;
}
.pre-inc .terminal dd img{
  width:5em;
}
.pre-inc .terminal dd ul{
  display:flex;
  align-items: flex-end;
  justify-content: space-between;
}
.pre-inc .terminal dd li:nth-child(1){
  width:40%;
}
.pre-inc .terminal dd li:nth-child(2){
  width:55%;
}

@media screen and (max-width: 1300px) {
  .pre-inc .text_main {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  .pre-inc .main_img {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .pre-inc .main_img figure {
    opacity: 0;
    animation: 2s fadeIn 0s forwards;
  }
  .pre-inc .main_img figure:nth-of-type(1) {
    width: 34.8%;
  }
  .pre-inc .main_img figure:nth-of-type(2) {
    width: 65.2%;
  }
  .pre-inc .main_img figure:nth-of-type(3) {
    width: 72.3%;
  }
  .pre-inc .main_img figure:nth-of-type(4) {
    width: 27.7%;
  }
  .pre-inc .main_img figure:nth-of-type(5) {
    width: 27.7%;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .pre-inc .main_img figure figcaption {
    font-size: 0.57em;
  }
  .pre-inc .text_main {
    height: auto;padding: 4em 0 4.5em;
  }
  .pre-inc .text_main .main_tit {
    font-size: 1.65em;
    letter-spacing: 0.1em;
    line-height: 1.4;
  }
  .pre-inc .text_main .main_tit br:last-of-type ~ i {
    font-size: 1.9em;
    margin-top: 0.7em;
  }
  .pre-inc .text_main .main_tit i:last-of-type {
    margin-right: 1em;
  }
  .pre-inc #contents {
    padding: 0;
  }
  .pre-inc #contents img {
    width: 100%;
  }
  .pre-inc .map {
    height: 150vw;
    overflow: auto;
    scroll-behavior: auto;
  }
  .pre-inc .map figure {
    height: 100%;
  }
  .pre-inc .map img {
    width: auto !important;
    height: 100%;
    max-width: none;
  }
  .pre-inc .location_img_wrap01 {
    margin-top: 2.5em;
  }
  .pre-inc .location_img_wrap01 img {
    height: 10em;
  }
  .pre-inc .location_img_wrap02 img {
    height: 10em;
  }
  .pre-inc .noteArea{
    padding: 0 4vw;
  }
  .pre-inc .terminal{
    padding:1em;
    width:96%
  }
  .pre-inc .terminal .terminal_tit{
    font-size:1.1em;
  }
  .pre-inc .terminal dl{
    display:unset;
  }
  .pre-inc .terminal dt{
    width:100%;
    font-size:0.8em;
    line-height: 1.6;
    margin-top:0.5em;
  }
  .pre-inc .terminal dd{
    width:100%;
  }
}


/*# sourceMappingURL=location.css.map */