@charset "UTF-8";
/*===========================
法人ご担当者様へ */
/*guidemap*/
.guidemap_map_wrap {
  background: rgba(var(--bg_white), 1);
  padding-block: 24px;
  padding-inline: clamp(16px, 1.756954612vw, 24px);
  -webkit-margin-before: 24px;
          margin-block-start: 24px;
}
.guidemap_map_wrap .guidemap {
  gap: clamp(16px, 2.9282576867vw, 40px);
  display: none;
}
.guidemap_map_wrap .guidemap img {
  max-inline-size: 100%;
  block-size: auto;
  max-block-size: 365px;
}
.guidemap_map_wrap .guidemap.active {
  display: flex;
  inline-size: min(100%, 720px);
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.guidemap_map_wrap .guidemap.active li {
  inline-size: -webkit-max-content;
  inline-size: max-content;
}

.guidemap_nav_wrap {
  -webkit-margin-before: 24px;
          margin-block-start: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  counter-reset: number 0;
}
.guidemap_nav_wrap .guidemap_btn button {
  border: none;
  padding-block: 1em;
  padding-inline: 1.5em;
  cursor: pointer;
  transition: 0.2s;
  font-family: "BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: clamp(1.4rem, 1.1713030747vw, 1.6rem);
  background: rgba(var(--bg_white), 1);
  color: rgba(var(--maincolor), 1);
  border: 1px solid rgba(var(--maincolor), 1);
  white-space: nowrap;
}
.guidemap_nav_wrap .guidemap_btn button::before {
  counter-increment: number 1;
  content: counter(number) ".";
  display: inline-block;
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
  font-family: "Cinzel", serif;
  font-weight: 500;
}
.guidemap_nav_wrap .guidemap_btn button:hover {
  background: rgba(var(--maincolor), 0.5);
  color: rgba(var(--light_tx_color), 1);
}
.guidemap_nav_wrap .guidemap_btn.active button {
  pointer-events: none;
  background: rgba(var(--maincolor), 1);
  color: rgba(var(--light_tx_color), 1);
}
.tx_l{
	font-size: 150%;
}
.flex_box{
	display: flex;
}
.flex_box a{
	margin-right: 30px;
}
.material-icons{
display: inline-flex;
vertical-align: middle;
}

.xlsx_link > li {
  line-height: 1.4;
  position: relative;
  -webkit-padding-start: 1.4em;
          padding-inline-start: 1.4em;
  text-align: start;
}
.xlsx_link > li + li {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
}
.xlsx_link > li::before {
  font-family: "Material Symbols Sharp";
  content: "\e873";
  display: block;
  position: absolute;
  inset: 0 auto auto 0;
  color: #39aa2b;
  font-size: 1.2em;
}