@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-------------------------
- link_sec
-------------------------*/
/*=======================================
	link_sec
=======================================*/
.link_sec ul {
  display: flex;
  gap: 40px 8%;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .link_sec ul {
    gap: 30px 8%;
  }
}
.link_sec ul li {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .link_sec ul li {
    width: 44%;
  }
}
@media screen and (max-width: 640px) {
  .link_sec ul li {
    width: 100%;
  }
}
.link_sec ul a {
  display: block;
  padding: 16px 0 23px;
  border-bottom: 1px solid #DEDEDE;
  position: relative;
  font-weight: 500;
  font-size: 16px;
  width: 100%;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .link_sec ul a {
    font-size: 14px;
    padding: 10px 0 20px;
  }
}
.link_sec ul a::after {
  content: "";
  background: url(../img/link/link_icon.svg) no-repeat;
  background-size: contain;
  position: absolute;
  width: 8px;
  height: 16px;
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media (min-width: 769px) and (hover: hover) and (pointer: fine) {
  .link_sec ul a:hover {
    color: var(--main_orange);
    opacity: 1;
  }
  .link_sec ul a:hover::after {
    content: "";
    right: 5px;
  }
}
@media (min-width: 769px) and (-ms-high-contrast: none), (min-width: 769px) and (-ms-high-contrast: active) {
  .link_sec ul a:hover {
    color: var(--main_orange);
    opacity: 1;
  }
  .link_sec ul a:hover::after {
    content: "";
    right: 5px;
  }
}/*# sourceMappingURL=link.css.map */