@charset "utf-8";
/* CSS Document */
/*  FAQ  */
body.on .abox {
  display: none;
}
.faq_list .box {
  position: relative;
}
.faq_list .box:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background-image: repeating-linear-gradient(to right, #000 0, #000 3px, transparent 2px, transparent 5px);
}
.faq_list .box::after, .faq_list .box .qbox::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-image: repeating-linear-gradient(to right, #000 0, #000 3px, /* 点の太さ */ transparent 2px, /* 空白開始 */ transparent 5px);
}
.qbox {
  cursor: pointer;
  position: relative;
  padding: 20px 25px;
  padding-right: 50px;
  gap: 15px;
}

.qbox .icon {
  position: absolute;
  width: 20px;
  height: 20px;
  right: clamp(10px, 5vw, 25px);
  top: 50%;
  transform: translateY(-50%);
}
.qbox .icon::before,.qbox .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #555555;
  transition: ease 0.3s;
}
.qbox .icon::before {
  width: 100%;
  height: 2px;
}
.qbox .icon::after {
  height: 100%;
  width: 2px;
}
.qbox.active .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.faq_list .box .abox {
  padding: 20px;
}
.qbox img{
  width: 20px;
  height: auto;
}

.link_wrap2{
  flex-wrap:wrap;
  gap: clamp(10px, 2vw, 24px);

}

/* クリック領域を丸ごとに */
.link_wrap2 .link-item a{
  display:block;
  text-decoration:none;
}

/* ピル本体 */
.link_wrap2 .link-item a p{
  display:block;
  padding: 10px 22px;
  border: 1.5px solid #263654;         /* 細いネイビー枠 */
  color:#263654;                        /* 文字もネイビー */
  background:#fff;                      /* 白 */
  border-radius: 9999px;                /* カプセル */
  letter-spacing:.03em;
  line-height:1;
  transition: background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 0 0 0 rgba(0,0,0,0);
  white-space: nowrap;                  /* 1行で */
}

/* ホバー/フォーカス：黒反転 */
.link_wrap2 .link-item a:hover p,
.link_wrap2 .link-item a:focus-visible p{
  background:#000;
  color:#fff;
  border-color:#000;
  box-shadow: 0 2px 10px rgba(0,0,0,.15);
  outline:none;
}
.main-wrap .contents{
margin-top:  80px;
}
.faq-title {
  gap: 8px;
    justify-content: flex-start;
}

.faq-title h2{
  font-weight: bold;
  color: #000;
  margin: 0;
}

.faq-title img {
  width: clamp(24px, 5vw, 40px);
  height: auto;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
      .link_wrap2{
    gap:12px;
  }
  .link_wrap2 .link-item a p{
    padding: 10px 16px;
    font-size: 14px;
  }
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
        .faq_list .box .qbox .icon {
    width: 15px;
    height: 15px;
  }
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}