@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
.pg_commons_container {
  margin-bottom: 38px;
}
.pg_commons_pageHead {
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-bottom: 15.7333333333%;
}
.pg_commons_pageTitle {
  position: relative;
  z-index: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.3;
  padding: 37.4666666667% 24px 0;
}
.pg_commons_pageTitle_en {
  display: block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
}
.pg_commons_welcome {
  position: relative;
  padding-block: 42.6666666667% 40%;
  margin-block: -34.4% 10px;
}
.pg_commons_welcome_bg {
  position: relative;
  padding-bottom: 16px;
}
.pg_commons_welcome_bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 16.24px;
  left: 0;
  width: 22px;
  height: 68px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
}
.pg_commons_welcome_inner {
  padding: 24px;
  background: #FFFFFF;
  border-radius: 24px;
  margin-inline: 16px;
}
.pg_commons_welcome_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 24px;
}
.pg_commons_welcome_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.8;
}
.pg_commons_guideTour_title {
  color: #0068B7;
  margin-bottom: 32px;
}
.pg_commons_guideTour_section_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.3;
  text-align: center;
}
.pg_commons_guideTour_section_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
}
.pg_commons_guideTour_description {
  margin-bottom: 24px;
}
.pg_commons_guideTour_description_title {
  margin-bottom: 16px;
}
.pg_commons_guideTour_description_text {
  margin-bottom: 32px;
}
.pg_commons_guideTour_description_flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 6.4%;
  row-gap: 22px;
}
.pg_commons_guideTour_description_flow_item {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  width: 28.07017544%;
}
.pg_commons_guideTour_description_flow_item_num {
  position: relative;
  color: #0068B7;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  border: solid #0068B7 3px;
  border-radius: 100vmax;
}
.pg_commons_guideTour_description_flow_item_num::before, .pg_commons_guideTour_description_flow_item_num::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -9px;
  width: 20px;
  aspect-ratio: 1/1;
  translate: -50% 0;
}
.pg_commons_guideTour_description_flow_item_num::before {
  background: #0068B7;
  clip-path: polygon(0px 5px, calc(100% - 0px) 5px, 50% 100%);
}
.pg_commons_guideTour_description_flow_item_num::after {
  background: #FFFFFF;
  clip-path: polygon(4px 5px, calc(100% - 4px) 5px, 50% calc(100% - 4px));
}
.pg_commons_guideTour_description_flow_item_num_inner {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 4px;
  column-gap: 4px;
  position: relative;
  z-index: 1;
  width: 100%;
  background: #FFFFFF;
  border-radius: inherit;
}
.pg_commons_guideTour_description_flow_item_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  text-align: center;
  margin-top: 6px;

  flex-grow: 1;
}
.pg_commons_guideTour_description_flow_item_img {
  width: 95.375%;
  margin: 8px auto 0;
}
.pg_commons_guideTour_btn {
  margin-top: 24px;
}
.pg_commons_guideTour_btn_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  color: #FFFFFF;
  background: #E60012;
  border: solid 3px #E60012;
  border-radius: 100vmax;
}
.pg_commons_guideTour_btn_link::before,
.pg_commons_guideTour_btn_link::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
}
.pg_commons_guideTour_btn_link::before {
  width: 54px;
  background: url(../../img/ico_ear.svg) no-repeat 0 0/contain;
}
.pg_commons_guideTour_description_btn_link::after {
  width: 24px;
  background: url(../../img/ico_btn_arrow.svg) no-repeat 0 0/contain;
}
.pg_commons_guideTour_hint_title {
  margin-bottom: 16px;
}
.pg_commons_guideTour_hint_title::after {
  content: "";
  display: block;
  width: 34px;
  height: 6px;
  background-repeat: repeat-x;
  background-position: center center;
  background-size: 14px;
  margin: 16px auto 0;
}
.pg_commons_guideTour_hint_text {
  position: relative;
  z-index: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 81px;
}
.pg_commons_guideTour_hint_contents {
  position: relative;
  padding-bottom: 38.9333333333%;
  background-repeat: no-repeat;
  background-position: left 0 bottom 1px;
  background-size: 100% auto;
}
.pg_commons_guideTour_hint_contents::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  aspect-ratio: 375/175;
  background-repeat: no-repeat;
  background-position: left 0 bottom -1px;
  background-size: cover;
}
.pg_commons_guideTour_hint_contents_prompt {
  position: relative;
  margin-bottom: 29px;
}
.pg_commons_guideTour_hint_contents_prompt::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -13px;
  width: 43px;
  aspect-ratio: 1/1;
  translate: -50% 0;
}
.pg_commons_guideTour_hint_contents_prompt::before {
  background: #FFFFFF;
  clip-path: polygon(0px 3px, 100% 3px, 50% 100%);
}
.pg_commons_guideTour_hint_contents_prompt_inner {
  position: relative;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
  padding: 21px;
  background: #FFFFFF;
  border-radius: 100vmax;
}
.pg_commons_guideTour_hint_contents_tabList {
  display: flex;
  -moz-column-gap: 2.332361516%;
  column-gap: 2.332361516%;
  width: 100%;
}
.pg_commons_guideTour_hint_contents_tabList_item {
  width: 100%;
}
.pg_commons_guideTour_hint_contents_tabList_item button {
  width: 100%;
  color: #FFFFFF;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  padding-block: 11.5px 13.5px;
  background: #0068B7;
  border: none;
  border-radius: 8px 8px 0 0;
}
.pg_commons_guideTour_hint_contents_tabList_item button.is_show {
  color: #0068B7;
  background: #FFFFFF;
}
.pg_commons_guideTour_hint_contents_tabWrap {
  padding: 24px 16px;
  background: #FFFFFF;
  border-radius: 0 0 10px 10px;
}
.pg_commons_guideTour_hint_contents_tab {
  display: none;
}
.pg_commons_guideTour_hint_contents_tab.is_show {
  display: block;
}
.pg_commons_guideTour_hint_contents_tab_map {
  width: 100%;
  margin-bottom: 16px;
}
.pg_commons_guideTour_hint_contents_tab_operation {
  position: relative;
  padding: 16px;
  background: #f2f3f4;
  border-radius: 10px;
  margin-block: 16px 26px;
}
.pg_commons_guideTour_hint_contents_tab_operation::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 43px;
  aspect-ratio: 1/1;
  translate: -50% 0;
}
.pg_commons_guideTour_hint_contents_tab_operation::after {
  background: #f2f3f4;
  clip-path: polygon(0px 3px, 100% 3px, 50% 100%);
}
.pg_commons_guideTour_hint_contents_tab_operation_inner {
  display: flex;
  -moz-column-gap: 16px;
  column-gap: 16px;
  align-items: center;
  position: relative;
  z-index: 1;
}
.pg_commons_guideTour_hint_contents_tab_operation_icon {
  width: 32px;
}
.pg_commons_guideTour_hint_contents_tab_operation_text {
  flex: 1;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.3;
}
.pg_commons_guideTour_hint_contents_tab_audio {
  margin: 18px auto 0 auto;
  text-align: center;
}
.pg_commons_guideTour_hint_contents_tab_selectors {
  display: grid;
  grid-template: 1fr/repeat(2, 1fr);
  gap: 4.1800643087%;
  text-align: center;
  margin-bottom: 32px;
}
.pg_commons_guideTour_hint_contents_tab_selectors:has( > :only-child) {
  grid-template-columns: 1fr;
}
.pg_commons_guideTour_hint_contents_tab_selectors_item {
  display: grid;
  grid-template-rows: subgrid;
}
.pg_commons_guideTour_hint_contents_tab_selectors_item button {
  width: 100%;
  min-height: 64px;
  color: #0068B7;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  padding: 2px;
  background: #FFFFFF;
  border: solid 2px #0068B7;
  border-radius: 8px;
}
.pg_commons_guideTour_hint_contents_tab_selectors_item button.is_selected {
  color: #FFFFFF;
  background: #0068B7;
}
.pg_commons_guideTour_hint_contents_tab_audio {
  margin-bottom: 24px;
}
.pg_commons_guideTour_hint_contents_tab_audio audio {
  width: 100%;
}
.pg_commons_guideTour_hint_contents_tab_link_btn {
  display: block;
  position: relative;
  color: #FFFFFF;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  padding: 9px 42px;
  background: #0068B7;
  border-radius: 100vmax;
}
.pg_commons_guideTour_hint_contents_tab_link_btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../../img/b/ico_circleArrow.svg) no-repeat 0 0/contain;
  translate: 0 -50%;
}
.pg_commons_guideTour_hint_contents_toCommonsPavilions {
  position: absolute;
  left: 0;
  bottom: 8px;
  width: 100%;
  padding-inline: 16px;
}
.pg_commons_guideTour_hint_contents_toCommonsPavilions_btn {
  display: block;
  position: relative;
  color: #0068B7;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.3;
  text-align: center;
  padding: 19.5px 42px;
  background: #FFFFFF;
  border: solid 3px #0068B7;
  border-radius: 100vmax;
}
.pg_commons_guideTour_hint_contents_toCommonsPavilions_btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 18px;
  width: 24px;
  aspect-ratio: 1/1;
  background: url(../../img/ico_circleArrow_bgBlue.svg) no-repeat 0 0/contain;
  translate: 0 -50%;
}
.pg_commons_considerations {
  padding-block: 32px 40px;
}
.pg_commons_considerations_list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  font-size: 12px;
  line-height: 1.3;
}
.pg_commons_considerations_list .pg_commons_considerations_list {
  row-gap: 4px;
  margin-top: 8px;
}
.pg_commons_considerations_list_item {
  position: relative;
  padding-left: 16px;
}
.pg_commons_considerations_list_item::before {
  content: "・";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 1lh;
}
.pg_commons_considerations_list_item.pg_commons_considerations_list_item__note::before {
  content: "※";
}
.pg_commons_locatone_inner {
  padding-top: 40px;
  margin-inline: 16px;
}
.pg_commons_locatone_title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  margin-bottom: 16px;
}
.pg_commons_locatone_text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
.pg_commons_locatone_text:nth-of-type(n + 2) {
  margin-top: 1lh;
}
.pg_commons_locatone_img {
  width: 240px;
  margin: 24px auto;
}
.un_commonsA {
  background-image: url(../../img/a/bg_b.png);
}
.un_commonsA_pageHead {
  background-image: url(../../img/a/bg_pageTitle_b.png);
}
.un_commonsA_welcome {
  background: url(../../img/a/bg_welcome_bottom_b.svg) no-repeat 0 bottom/contain, url(../../img/a/bg_welcome_top_b.svg) no-repeat left 0 top 1px/100% auto;
}
.un_commonsA_welcome::before {
  background-image: url(../../img/a/bg_welcome_top_b.svg);
}
.un_commonsA_welcome_bg {
  background: #00A59E;
}
.un_commonsA_welcome_bg::before {
  background-image: url(../../img/a/img_welcome_accent_b.svg);
}
.un_commonsA_guideTour_hint_title::after {
  background-image: radial-gradient(circle, #00A59E 3px, transparent 3px);
}
.un_commonsA_guideTour_hint_contents {
  background-image: url(../../img/a/bg_hint_bottom_b.svg);
}
.un_commonsA_guideTour_hint_contents::before {
  background-image: url(../../img/a/bg_hint_top_b.svg);
}
.un_commonsA_guideTour_hint_contents_bg {
  background: #00A59E;
}
.un_commonsA_footer {
  background: url(../../img/a/bg_footer_b.svg) no-repeat left 0 top 1px/100% auto;
}
.un_commonsA_footer_toTop {
  background: url(../../img/a/img_toTop_b.png) no-repeat 0 0/contain;
}





.un_commonsB {
  background-image: url(../../img/b/bg_b.png);
}
.un_commonsB_pageHead {
  background-image: url(../../img/b/bg_pageTitle_b.png);
}
.un_commonsB_welcome {
  background: url(../../img/b/bg_welcome_bottom_b.svg) no-repeat 0 bottom/contain, url(../../img/b/bg_welcome_top_b.svg) no-repeat left 0 top 1px/contain;
}
.un_commonsB_welcome::before {
  background-image: url(../../img/b/bg_welcome_top_b.svg);
}
.un_commonsB_welcome_bg {
  background: #A78EC3;
}
.un_commonsB_welcome_bg::before {
  background-image: url(../../img/b/img_welcome_accent_b.svg);
}
.un_commonsB_guideTour_hint_title::after {
  background-image: radial-gradient(circle, #A78EC3 3px, transparent 3px);
}
.un_commonsB_guideTour_hint_contents {
  background-image: url(../../img/b/bg_hint_bottom_b.svg);
}
.un_commonsB_guideTour_hint_contents::before {
  background-image: url(../../img/b/bg_hint_top_b.svg);
}
.un_commonsB_guideTour_hint_contents_bg {
  background: #A78EC3;
}
.un_commonsB_footer {
  background: url(../../img/b/bg_footer_b.svg) no-repeat left 0 top 1px/100% auto;
}
.un_commonsB_footer_toTop {
  background: url(../../img/b/img_toTop_b.png) no-repeat 0 0/contain;
}

.un_commonsD {
  background-image: url(../../img/d/bg_b.png);
}
.un_commonsD_pageHead {
  background-image: url(../../img/d/bg_pageTitle_b.png);
}
.un_commonsD_welcome {
  background: url(../../img/d/bg_welcome_bottom_b.svg) no-repeat 0 bottom/contain, url(../../img/d/bg_welcome_top_b.svg) no-repeat left 0 top 1px/contain;
}
.un_commonsD_welcome::before {
  background-image: url(../../img/d/bg_welcome_top_b.svg);
}
.un_commonsD_welcome_bg {
  background: #F2A800;
}
.un_commonsD_welcome_bg::before {
  background-image: url(../../img/d/img_welcome_accent_b.svg);
}
.un_commonsD_guideTour_hint_title::after {
  background-image: radial-gradient(circle, #F2A800 3px, transparent 3px);
}
.un_commonsD_guideTour_hint_contents {
  background-image: url(../../img/d/bg_hint_bottom_b.svg);
}
.un_commonsD_guideTour_hint_contents::before {
  background-image: url(../../img/d/bg_hint_top_b.svg);
}
.un_commonsD_guideTour_hint_contents_bg {
  background: #F2A800;
}
.un_commonsD_footer {
  background: url(../../img/d/bg_footer_b.svg) no-repeat left 0 top 1px/100% auto;
}
.un_commonsD_footer_toTop {
  background: url(../../img/d/img_toTop_b.png) no-repeat 0 0/contain;
}