/*
@function calculateRem($size) {
    $remSize: $size / 16px;
    @return $remSize * 1rem;
}

@mixin font-size($size) {
    font-size: $size;
    font-size: calculateRem($size);
}
*/
.sec_1 {
  padding-bottom: 100px;
}

.tit {
  font-weight: 700;
  font-size: 16px;
  padding: 20px 0 12px;
}

.links {
  padding-bottom: 40px;
}
.links a {
  padding: 16px 0;
  background: #fff;
  border: 1px solid #eee;
  font-size: 15px;
  border-radius: 4px;
  transition: 0.3s;
}
.links a:not(:last-child) {
  margin-bottom: 18px;
}
.links a:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.06);
  border-color: #c72a1c;
  color: #c72a1c;
}
.links a:hover i {
  background-image: url(../img/link_ico_red.png);
}

.faq_list .list_item {
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1.6;
  transition: ease-in-out 0.3s;
}
.faq_list .list_item:not(:last-child) {
  border-bottom: none;
}
.faq_list .list_item .top {
  padding: 13px 60px 13px 13px;
  position: relative;
  cursor: pointer;
  transition: 0.5s;
}
.faq_list .list_item .top::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 7px;
  background: url(../img/black_arrow.png) center/cover no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 24px;
  transition: 0.3s;
}
.faq_list .list_item .toggle {
  display: none;
  padding: 0 60px 14px 14px;
}
.faq_list .list_item.on .top {
  font-weight: 700;
}
.faq_list .list_item.on .top::after {
  transform: rotate(180deg);
}

/* --------------------- RWD --------------------- */
@media (max-width: 750px) {
  .sec_1 {
    padding-bottom: clamp(100px, 26.67vw, 200px);
  }
  .tit {
    padding: clamp(40px, 10.67vw, 80px) 0 clamp(15px, 3.47vw, 26px);
    font-size: clamp(18px, 4.27vw, 32px);
  }
  .links {
    padding-bottom: clamp(20px, 5.33vw, 40px);
  }
  .links a {
    border-width: 2px;
    font-size: clamp(15px, 3.73vw, 28px);
    padding: clamp(15px, 4.53vw, 34px) 0;
  }
  .faq_list .list_item .top {
    padding: clamp(15px, 5.33vw, 40px);
    padding-right: clamp(40px, 13.33vw, 100px);
    font-size: clamp(15px, 3.73vw, 28px);
    line-height: 1.57; /* 44px */
    font-weight: 700;
  }
  .faq_list .list_item .top::after {
    width: clamp(12px, 3.2vw, 24px);
    height: clamp(7px, 1.73vw, 13px);
    right: clamp(15px, 5.33vw, 40px);
  }
  .faq_list .list_item .toggle {
    padding: clamp(15px, 5.33vw, 40px);
    padding-top: 0;
    padding-right: clamp(40px, 13.33vw, 100px);
    font-size: clamp(13px, 3.47vw, 26px);
    line-height: 1.54; /* 40px */
  }
}