@charset "utf-8";
@import url("root.css");

/*-----*ブレイクポイントルール*-----*/
/* スマートフォン：max-width:599px */
@media ( max-width: 599px ) {
}

/* タブレット：min-width:600px */
@media ( min-width: 600px ) {
}

/* PC：min-width:1025px */
@media ( min-width: 1025px ) {
}

/***************************************
-------------- FAQ --------------
***************************************/
@media ( max-width: 767px ) {
  .scroll-margin {
    scroll-margin-top: 80px;
  }
}

.page_menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px 3%;
  margin: 0 auto;
}

@media (max-width: 599px) {
  .page_menu li {
    min-width: 0;
    width: calc((100% - 6%) / 2);
  }
}

.page_menu li a {
  display: block;
  text-align: center;
  padding: 1em 20px;
  color: var(--base-color01);
  height: 100%;
  border: 2px solid var(--base-color01);
  font-weight: bold;
  transition: 0.2s;
}

.page_menu li a:hover {
  color: #fff;
  background: var(--base-color01);
}

.sec_faq {
  background: none;
}

.txt_link {
  color: #c80000;
  text-decoration: underline;
}