@charset "UTF-8";
/* 免税 (id="taxfree") 
  旧制度と新制度の比較（リーフレット横並び＋注意事項縦並び）のレイアウト専用
  2026.10.20
 */
.taxfree-guide-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 10%;
}
.contents ul.taxfree-guide-list {
  margin-bottom: 30px;
}

.taxfree-guide-list__item {
  position: relative;
  width: 45%;
  text-align: center;
}
.taxfree-guide-list__item + .taxfree-guide-list__item::before {
  --arrow-width: 20%;

  content: "";
  position: absolute;
  top: 50%;
  left: calc(-10% - var(--arrow-width) / 2);
  transform: translateY(-50%);

  width: var(--arrow-width);
  height: calc(var(--arrow-width) * 0.6);

  background: #7ec1f3;

  clip-path: polygon(
    0 30%,
    58% 30%,
    58% 5%,
    100% 50%,
    58% 95%,
    58% 70%,
    0 70%
  );
}
.taxfree-guide-list__title {
  margin-bottom: 20px;
  font-weight: bold;
}

.taxfree-guide-list__item .button {
  margin: 30px auto 0;
}

/* スマホ */
@media screen and (max-width: 750px) {
  .taxfree-guide-list {
    /* flex-direction: column; */
    gap: 40px;
    /* align-items: center; */
  }

  /* .taxfree-guide-list__item {
    width: 100%;
    max-width: 320px;
  } */

/*  .taxfree-guide-list__item + .taxfree-guide-list__item::before {
     left: calc(-10% - var(--arrow-width) / 2);
    left: -43px;
    width: 12vw;
    max-width: 45px;
    min-width: 21px;

    height: 6vw;
    max-height: 25px;
    min-height: 15px;
  } */
  .contents .button {
    min-width: auto;
  }
  .contents .image--small {
    max-width: 140px;
  }
}
@media screen and (max-width: 380px) {
  .taxfree-guide-list__item + .taxfree-guide-list__item::before {
    left: calc(-12% - var(--arrow-width) / 2);
  }
}