/*! ========================================================================
===========================================================================

	roomplan.css
	---------------------------
	// Last modified: 2024/12/05 15:20:30

===========================================================================
======================================================================== */
.p_pageMain {
  background-color: #fff;
}

figcaption {
  text-align: right;
  padding: 9px 6px 0 0;
  color: #333;
}
figcaption.inimg {
  position: absolute;
  bottom: 4px;
  right: 4px;
  color: #fff;
}

.bg_bk {
  background-color: #000;
  color: #fff;
}
.bg_bk figcaption {
  color: #fff;
}

#section01 .maintext {
  text-align: center;
  padding: 166px 0 205px;
}
@media screen and (max-width:800px) {
  #section01 .maintext {
    padding: 16vw 0 14vw;
  }
  #section01 .maintext .subtext {
    font-size: 5vw;
  }
}
#section01 .maintext h2 {
  margin-top: 44px;
  letter-spacing: 0.28em;
}
@media screen and (max-width:800px) {
  #section01 .maintext .sp_text {
    margin: 7vw auto 0;
    width: 6%;
  }
}

#section02 {
  padding: 170px 0 234px;
}
@media screen and (max-width:800px) {
  #section02 {
    padding: 20vw 0 13vw;
  }
}
#section02 .intro_block .main_img {
  margin: 0 auto;
  max-width: 1050px;
  width: 73%;
}
#section02 .intro_block .intro_access {
  margin: 100px auto 0;
  max-width: 1058px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section02 .intro_block .intro_access {
    margin: 4vw auto 0;
    width: 74%;
  }
}
#section02 .intro_block .intro_access2 {
  margin: 0px auto 100px;
  max-width: 1058px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section02 .intro_block .intro_access2 {
    margin: 0vw auto 4vw;
    width: 74%;
  }
}
#section02 .station_block {
  margin-top: 146px;
}
@media screen and (max-width:800px) {
  #section02 .station_block {
    margin-top: 10vw;
  }
}
#section02 .station_block .main_img {
  overflow: hidden;
}
#section02 .station_block .station_text_area {
  text-align: center;
  margin: 0 auto;
  padding: 148px 0 80px;
  width: 84%;
}
@media screen and (max-width:800px) {
  #section02 .station_block .station_text_area {
    padding: 10vw 0 6vw;
  }
}
#section02 .station_block .station_text_area .station_text_title {
  letter-spacing: 0.4em;
}
@media screen and (max-width:800px) {
  #section02 .station_block .station_text_area .station_text_title {
    font-size: 5.7vw;
    line-height: 1.6em;
  }
}
#section02 .station_block .station_text_area p {
  margin: 0 auto;
  margin-top: 34px;
  line-height: 2.8em;
  letter-spacing: 0.06em;
}
@media screen and (max-width:800px) {
  #section02 .station_block .station_text_area p {
    line-height: 2.4em;
    margin-top: 3vw;
    text-align: left;
  }
}
#section02 .station_block .station_area {
  margin: 0 auto;
  max-width: 850px;
  width: 73%;
}
#section02 .station_block .access_list {
  display: flex;
  justify-content: space-between;
  margin: 127px auto 0;
  max-width: 960px;
  width: 75%;
}
@media screen and (max-width:800px) {
  #section02 .station_block .access_list {
    display: block;
    margin: 3vw auto 0;
  }
}
#section02 .station_block .access_list li {
  width: 29%;
  line-height: 1.6em;
}
@media screen and (max-width:800px) {
  #section02 .station_block .access_list li {
    width: 100%;
    font-size: 4.5vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #fff;
    margin-bottom: 2vw;
  }
  #section02 .station_block .access_list li .access_top {
    font-size: 2.8vw;
  }
}
#section02 .station_block .access_list li .intext {
  width: 120%;
  margin-left: 0;
  margin-right: -20%;
}
@media screen and (max-width:800px) {
  #section02 .station_block .access_list li .intext {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
#section02 .station_block .station_map {
  margin: 94px auto 0;
  max-width: 710px;
}
@media screen and (max-width:800px) {
  #section02 .station_block .station_map {
    margin: 13vw auto 0;
    max-width: 710px;
    width: 91%;
  }
}

#section03 {
  overflow: hidden;
}
#section03 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section03 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:800px) {
  #section03 .biganime .sec_title {
    font-size: 6vw;
  }
}
#section03 .text_block {
  text-align: center;
  padding: 146px 0 180px;
}
@media screen and (max-width:800px) {
  #section03 .text_block {
    padding: 9vw 0 10vw;
  }
}
#section03 .text_block h3 {
  letter-spacing: 0.33em;
  font-family: "Noto Serif JP", serif;
}
#section03 .text_block h3 span {
  font-family: "Noto Serif JP", serif;
}
#section03 .text_block .bus_item_list {
  display: flex;
  justify-content: space-between;
  margin: 75px auto 0;
  max-width: 1050px;
  width: 82%;
}
@media screen and (max-width:800px) {
  #section03 .text_block .bus_item_list {
    margin: 9vw auto 0;
    display: block;
  }
}
#section03 .text_block .bus_item_list .list_item {
  width: 46%;
}
@media screen and (max-width:800px) {
  #section03 .text_block .bus_item_list .list_item {
    width: 100%;
  }
  #section03 .text_block .bus_item_list .list_item:last-child {
    margin-top: 5vw;
  }
}
#section03 .text_block .bus_item_list .list_item .item_access {
  line-height: 1em;
  margin-top: 8px;
}
#section03 .text_block .bus_item_list .list_item .item_list {
  margin-top: 20px;
}
@media screen and (max-width:800px) {
  #section03 .text_block .bus_item_list .list_item .item_list {
    margin-top: 2vw;
  }
}
#section03 .text_block .bus_item_list .list_item .item_list li {
  background-color: #000;
  color: #fff;
  padding: 11px 0;
  margin-top: 5px;
}
@media screen and (max-width:800px) {
  #section03 .text_block .bus_item_list .list_item .item_list li {
    font-size: 3.5vw;
    padding: 1.5vw 0;
  }
}
#section03 .text_block .bus_item_list .list_item .item_list li:first-child {
  margin-top: 0;
}

#section04 {
  overflow: hidden;
}
#section04 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section04 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section04 .text_block {
  text-align: center;
  padding: 162px 0 20px;
}
@media screen and (max-width:800px) {
  #section04 .text_block {
    padding: 8vw 0 10vw;
  }
}
#section04 .text_block h3 {
  letter-spacing: 0.33em;
  font-family: "Noto Serif JP", serif;
}
#section04 .text_block h3 span {
  font-family: "Noto Serif JP", serif;
}
#section04 .text_block .taxi_text {
  margin: 89px auto 0;
  max-width: 960px;
  display: flex;
  justify-content: space-between;
  width: 80%;
}
@media screen and (max-width:800px) {
  #section04 .text_block .taxi_text {
    margin: 11vw auto 0;
    display: block;
  }
}
#section04 .text_block .taxi_text li {
  width: 46%;
}
@media screen and (max-width:800px) {
  #section04 .text_block .taxi_text li {
    width: 100%;
  }
  #section04 .text_block .taxi_text li:last-child {
    margin-top: 8vw;
  }
}
#section04 .text_block .taxi_bottom_note {
  margin-top: 45px;
}
@media screen and (max-width:800px) {
  #section04 .text_block .taxi_bottom_note {
    margin-top: 6vw;
    font-size: 2.4vw;
  }
}

#section05 {
  overflow: hidden;
}
#section05 .biganime {
  position: relative;
  top: 0;
  left: 0;
}
#section05 .biganime .sec_title {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#section05 .text_block {
  text-align: center;
  padding: 212px 0 210px;
}
@media screen and (max-width:800px) {
  #section05 .text_block {
    padding: 9vw 0 8vw;
  }
}
#section05 .text_block h3 {
  letter-spacing: 0.33em;
  font-family: "Noto Serif JP", serif;
}
#section05 .text_block h3 span {
  font-family: "Noto Serif JP", serif;
}
#section05 .text_block .carlife_text {
  margin: 84px auto 0;
  max-width: 900px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width:800px) {
  #section05 .text_block .carlife_text {
    margin: 13vw auto 0;
    display: block;
  }
}
#section05 .text_block .carlife_text li {
  width: 46%;
}
@media screen and (max-width:800px) {
  #section05 .text_block .carlife_text li {
    width: 100%;
  }
  #section05 .text_block .carlife_text li:last-child {
    margin-top: 5vw;
  }
  #section05 .text_block .carlife_text li .item_km {
    font-size: 2.5vw;
  }
}

#section06 {
  padding-bottom: 197px;
}
@media screen and (max-width:800px) {
  #section06 {
    padding-bottom: 10vw;
  }
}
#section06 .text_block {
  text-align: center;
  padding: 155px 0 0;
}
@media screen and (max-width:800px) {
  #section06 .text_block {
    padding: 9vw 0 0;
  }
}
#section06 .text_block h2 {
  line-height: 1em;
  font-family: "Noto Serif JP", serif;
}
#section06 .text_block h2 span {
  font-family: "Noto Serif JP", serif;
}
#section06 .text_block .text_area_text {
  line-height: 2.9em;
  margin-top: 68px;
}
@media screen and (max-width:800px) {
  #section06 .text_block .text_area_text {
    margin: 3vw auto 0;
    width: 78%;
    text-align: left;
    line-height: 2.4em;
  }
}
#section06 .carlife_img {
  margin: 86px auto 0;
  max-width: 620px;
}
@media screen and (max-width:800px) {
  #section06 .carlife_img {
    margin: 8vw auto 0;
    max-width: 620px;
    width: 86%;
  }
}

.p_notesBlock {
  margin: 0 auto;
  max-width: 1200px;
  width: 90%;
  padding: 210px 0 50px;
}
@media screen and (max-width:800px) {
  .p_notesBlock {
    padding: 10vw 0 12vw;
  }
}

.biganime {
  opacity: 0;
  transform: scale(1.1);
  transition: 3s ease 0.2s;
}
.biganime.active {
  opacity: 1;
  transform: scale(1);
  transition: 3s ease 0.2s;
}

.biganime1 {
  opacity: 0;
  transform: scale(1.1);
  transition: 3s ease 0.2s;
}
.biganime1.active {
  opacity: 1;
  transform: scale(1);
  transition: 3s ease 0.2s;
}/*# sourceMappingURL=access.css.map */