@charset "UTF-8";
/* ----------------------------------------------
  PC設定
------------------------------------------------*/
@media all and (min-width: 769px) {
  #container #contents .access_area {
    background-color: #EEEEEF;
    padding: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem) 0;
  }
  #container #contents .access_area .top_area {
    margin-bottom: 3vw;
  }
  #container #contents .access_area .bottom_area {
    margin-bottom: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem);
  }
  #container #contents .access_area .link_area .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco {
    padding-bottom: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #231815, #231815 6px, transparent 6px);
    background-size: 10px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 1rem 0;
  }
  #container #contents .access_area .link_area .flex.nexco img {
    width: 20%;
  }
  #container #contents .access_area .link_area .flex.nexco .text {
    width: calc(80% - 1rem);
  }
  #container #contents .access_area .link_area .flex.nexco .text .br {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
  }
  #container #contents .access_area .link_area .flex.tokyoferry img {
    width: 40%;
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text {
    width: calc(60% - 1rem);
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text .br {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
  }
  #container #contents .map_area .txt {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
    text-align: center;
    margin-bottom: 1em;
  }
  #container #contents .map_area iframe {
    width: 100%;
    aspect-ratio: 1337/657;
  }
}
@media all and (min-width: 1185px) {
  #container .wrapper {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
/* ----------------------------------------------
  PAD設定
------------------------------------------------*/
@media all and (min-width: 621px) and (max-width: 768px) {
  #container #contents .access_area {
    background-color: #EEEEEF;
    padding: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem) 0;
  }
  #container #contents .access_area .top_area {
    margin-bottom: 3vw;
  }
  #container #contents .access_area .bottom_area {
    margin-bottom: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem);
  }
  #container #contents .access_area .bottom_area .text {
    margin-bottom: 2rem;
  }
  #container #contents .access_area .root_img {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 1rem;
  }
  #container #contents .access_area .root_img .sec {
    width: 100%;
  }
  #container #contents .access_area .root_img .sec figcaption {
    font-size: clamp(1rem, 0.476rem + 1.61vw, 1.25rem);
    display: block;
    text-align: center;
    margin-bottom: 1em;
  }
  #container #contents .access_area .root_img .sec img {
    padding: 0.5rem;
    border: #28283B 2px dashed;
  }
  #container #contents .access_area .root_img .sec.harf {
    width: calc(50% - 0.5rem);
  }
  #container #contents .access_area .link_area .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco {
    padding-bottom: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #231815, #231815 6px, transparent 6px);
    background-size: 10px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 1rem 0;
  }
  #container #contents .access_area .link_area .flex.nexco img {
    width: 20%;
  }
  #container #contents .access_area .link_area .flex.nexco .text {
    width: calc(80% - 1rem);
  }
  #container #contents .access_area .link_area .flex.nexco .text .br {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
  }
  #container #contents .access_area .link_area .flex.tokyoferry img {
    width: 40%;
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text {
    width: calc(60% - 1rem);
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text .br {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
  }
  #container #contents .map_area .txt {
    font-size: clamp(1.125rem, 0.756rem + 1.14vw, 1.75rem);
    text-align: center;
    margin-bottom: 1em;
  }
  #container #contents .map_area iframe {
    width: 100%;
    aspect-ratio: 1337/657;
  }
}
/* ----------------------------------------------
  SP設定
------------------------------------------------*/
@media all and (max-width: 620px) {
  #container .text .br {
    font-size: 14px;
  }
  #container #contents .access_area {
    background-color: #EEEEEF;
    padding: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem) 0;
  }
  #container #contents .access_area .top_area {
    margin-bottom: 3vw;
  }
  #container #contents .access_area .bottom_area {
    margin-bottom: clamp(2.5rem, 0.284rem + 6.82vw, 6.25rem);
  }
  #container #contents .access_area .bottom_area .text {
    margin-bottom: 2rem;
  }
  #container #contents .access_area .root_img {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2rem 1rem;
  }
  #container #contents .access_area .root_img .sec {
    width: 100%;
  }
  #container #contents .access_area .root_img .sec figcaption {
    font-size: clamp(1rem, 0.476rem + 1.61vw, 1.25rem);
    display: block;
    text-align: center;
    margin-bottom: 1em;
  }
  #container #contents .access_area .root_img .sec img {
    padding: 0.5rem;
    border: #28283B 2px dashed;
  }
  #container #contents .access_area .root_img .sec.harf {
    width: 70%;
    margin: 0 auto;
  }
  #container #contents .access_area .link_area .flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-gap: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco {
    padding-bottom: 1rem;
  }
  #container #contents .access_area .link_area .flex.nexco::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #231815, #231815 6px, transparent 6px);
    background-size: 10px 2px;
    background-position: left bottom;
    background-repeat: repeat-x;
    margin: 1rem 0;
  }
  #container #contents .access_area .link_area .flex.nexco img {
    width: 50%;
  }
  #container #contents .access_area .link_area .flex.nexco .text {
    width: 100%;
    text-align: center;
  }
  #container #contents .access_area .link_area .flex.nexco .text .br {
    font-size: 16px;
  }
  #container #contents .access_area .link_area .flex.tokyoferry img {
    width: 80%;
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text {
    width: 100%;
    text-align: center;
  }
  #container #contents .access_area .link_area .flex.tokyoferry .text .br {
    font-size: 16px;
  }
  #container #contents .map_area .txt {
    font-size: 16px;
    text-align: center;
    margin-bottom: 1em;
  }
  #container #contents .map_area iframe {
    width: 100%;
    aspect-ratio: 1/1;
  }
}/*# sourceMappingURL=resort_access.css.map */