@charset "utf-8";

/* ======================================
   IR page
====================================== */
.page-ir .l-page {
  padding-top: 56px;
  padding-bottom: 130px;
}

/* --------------------------------------
   menu
-------------------------------------- */
.ir-menu {
  margin-top: 56px;
}

.ir-menu__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.ir-menu-card .c-card__head {
  padding: 14px;
}

/* --------------------------------------
   section
-------------------------------------- */

.p-ir-message {
  margin: 4rem 0;
}

.p-ir-message__inner {
  margin: 0 auto;
  padding: 3.4rem 2.8rem;
  border: 1px solid #e6b8a8;
}

.p-ir-message__inner p {
  font-size: 1.4rem;
  line-height: 2;
  font-weight: 500;
}

.p-ir-archive {
  margin: 5rem 0;
}

.p-ir-archive__inner {
  max-width: 82rem;
  margin: 0 auto;
}

.p-ir-archive__title {
  display: flex;
  align-items: center;
  gap: 1.2rem;

  margin-bottom: 2rem;
  padding: 1.2rem 1.6rem;

  background: #f2f2f2;
  font-size: 1.6rem;
  font-weight: 700;
}

.p-ir-archive__icon {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: #eb3b2d;
}

.p-ir-archive__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem 1.5rem;
}

.p-ir-archive__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 2rem;
  border: 1px solid #e5e5e5;
  background: #fff;
  text-decoration: none;
  transition: background 0.3s;
  position: relative;
}

.p-ir-archive__item:hover {
  background: #fafafa;
}

.p-ir-archive__text {
  font-size: 1.4rem;
  font-weight: 700;
  color: #eb3b2d;
}

.p-ir-archive__arrow {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  background: #ddd;
  position: relative;
}

.p-ir-archive__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  transform: translate(-50%, -50%) rotate(45deg);
}

section.p-ir-archive .c-section-heading,
section.ir-news .c-section-heading {
  margin-bottom: 3rem;;
}

@media (max-width: 767px) {

.p-ir-message__inner {
  padding: 1.4rem 1rem;
}

.p-ir-message__inner p {
  line-height: 1.6;
}


}