@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;600&display=swap');

/*================================================
Overwrite existing CSS
================================================*/
#contents-area.ir-site {
  background: #fff;
}
.contents-wrap.ir-site * {
  color: #1C2952;
}
.contents-wrap.ir-site {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  padding-bottom: 12rem;
}
.contents-wrap.ir-site * h1,
.contents-wrap.ir-site * h2,
.contents-wrap.ir-site * h3,
.contents-wrap.ir-site * h4,
.contents-wrap.ir-site * h5,
.contents-wrap.ir-site * a {
  color: #1C2952;
}
/* -- breadcrumbs -- */
#breadcrumbs {
  margin-top: 0;
}
#breadcrumbs > div > span > a:first-child {
  padding-left: 0;
}
#breadcrumbs.ir-breadcrumbs > div > span > a:first-child:before {
  display: none;
}
#breadcrumbs.ir-breadcrumbs > div > span > a:after, .ir-breadcrumbs * {
  color: rgba(28, 41, 82, 0.6)!important;
}
.section-top #breadcrumbs,
.section-under-ir-top.en-ir #breadcrumbs,
.section-top.en-under-ir #breadcrumbs {
  margin-bottom: 6.4rem;
}
.section-top.en-under-ir #breadcrumbs {
  margin-left: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select:focus {
    padding: 2.4rem 12rem 2.4rem 3.2rem;
  }
  select:focus-visible {
    outline: 0;
  }
}
@media screen and (max-width: 800px) {
  .contents-wrap.ir-site {
    padding-bottom: 5.6rem;
  }
}
@media screen and (max-width: 480px) {
  /* -- breadcrumbs -- */
  .section-top #breadcrumbs,
  .section-under-ir-top.en-ir #breadcrumbs,
  .section-top.en-under-ir #breadcrumbs {
    margin: 0 0 3.2rem;
  }
  .contents-wrap.ir-site {
    padding-bottom: 4rem;
  }
}

/*================================================
Common / component
================================================*/
.font-lora {
  font-family: 'Lora', serif;
}
a:hover {
  opacity: 0.4;
  transition: 0.2s;
}
/* -- button -- */
.btn-white {
  display: block;
  color: #1C2952;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 50px;
  background: #fff;
  border: 1px solid #1C2952;
  padding: 0.8rem 4.8rem;
  margin: 0 auto;
  max-width: 20rem;
}
.btn-beige {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  width: 20%;
  background: #F6F3E9;
  padding: 1.6rem 0.8rem;
  border-radius: 0;
  border: 1px solid #F6F3E9;
}
/* -- button : hover -- */
.btn-white:hover {
  color: #fff!important;
  background: #1C2952;
  opacity: 1;
}
.btn-beige.link-arrow:hover {
  color: #F6F3E9;
  background: #1C2952;
  opacity: 1;
}
/* -- title -- */
.ir-top-title {
  font-size: clamp(20px, 19.429px + 0.238vw, 24px);
  font-weight: 600;
  margin-bottom: 3.2rem;
}
.ir-top-title span {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  padding-bottom: 0.8rem;
}
.title-mark {
  line-height: 1;
  margin-left: 1.2rem;
  position: relative;
}
.title-mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.2rem;
  width: 0.4rem;
  height: 1.6rem;
  background: #1C2952;
}
/* -- title : for under ir site -- */
.section-under-ir-top {
  padding-top: 13.6rem;
  margin-bottom: 2.4rem;
}
.section-under-ir-top h1 {
  font-weight: 400;
  text-align: center;
  margin-bottom: 13.6rem;
}
.under-ir-lead {
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 8rem;
}
.under-ir-title {
  display: inline-block;
  font-family: 'Lora', serif;
  font-size: clamp(24px, 19.429px + 1.905vw, 56px);
  line-height: 1.2;
  border-bottom: 1px solid #1C2952;
  margin-bottom: 1.2rem;
}
.under-ir-sub-title {
  display: block;
  font-size: clamp(14px, 12.571px + 0.595vw, 24px);
}
/* -- pseudo element -- */
.link-chevron, .link-arrow, .link-tab {
  position: relative;
}
.link-chevron::before, .link-arrow::before, .link-arrow::after, .link-tab::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.link-chevron::before {
  right: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #1C2952;
  border-right: 1px solid #1C2952;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.link-arrow::before {
  right: 8px;
	width: 2.4rem;
	height: 1px;
	background: #1C2952;
}
.link-arrow::after {
  right: 2px;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  border: 4px solid transparent;
  border-left: 8px solid #1C2952;
}
.btn-beige.link-arrow:hover::before {
  background: #F6F3E9;
}
.btn-beige.link-arrow:hover::after {
  border-left: 8px solid #F6F3E9;
}
.link-tab::before {
  right: 0;
  background-image: url(/Portals/0/images/ir/ir-site/link-tab.svg);
  background-repeat: no-repeat;
  width: 2.4rem;
  height: 2.4rem;
}
/* -- select button -- */
.select-trigger {
  margin-bottom: 5.6rem;
}
.select-btn-wrap {
  position: relative;
  display: inline-block;
}
.select-btn-wrap::before {
  content: "";
  position: absolute;
  top: 35%;
  right: 1.6rem;
  z-index: 1;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 1px solid #1C2952;
  border-left: 1px solid #1C2952;
  transform: rotate(45deg);
  pointer-events: none;
}
.select-btn-wrap::after {
  content: "";
  position: absolute;
  top: 55%;
  right: 1.6rem;
  z-index: 1;
  width: 0.6rem;
  height: 0.6rem;
  border-bottom: 1px solid #1C2952;
	border-right: 1px solid #1C2952;
  transform: rotate(45deg);
  pointer-events: none;
}
.select-btn {
  appearance: none;
  border-radius: 0;
  font: inherit;
  color: #1C2952;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid rgba(28, 41, 82, 0.2);
  background: #fff;
  padding: 2.4rem 12rem 2.4rem 3.2rem;
  position: relative;
  cursor: pointer;
}
/* -- radio button -- */
input[name="category"] {
	display: none;
}
.category-list {
	display: grid;
	column-gap: 2%;
}
.category-list li {
	text-align: center;
}
.category-list label {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
  color: #1C2952;
  line-height: 1.4;
	background: #fff;
	width: 100%;
  height: 5.6rem;
	padding: 2rem 0;
	cursor: pointer;
	transition: all 0.2s;
  border: 1px solid rgba(28, 41, 82, 0.2);
}
/* -- for pdf file -- */
.icon-pdf {
  display: inline-block;
  width: 1%;
  min-width: 1.6rem;
  margin-bottom: -0.4rem;
}
.pdf-size {
  font-size: 1.4rem;
}
/* -- table -- */
.table-ir, .table-ir td, .table-ir th {
	border: 1px solid #fff;
	border-collapse: collapse;
  padding: 0.6rem;
}
.table-ir {
  width: 100%;
  text-align: center;
}
.table-ir tr {
  padding: 0.6rem;
}
.table-ir th {
  font-weight: 400;
  background: rgba(68, 92, 158, 0.2);
}
.table-ir td {
  background: rgba(68, 92, 158, 0.1);
}
@media screen and (max-width: 800px) {
  .title-mark::before {
    height: 1.2rem;
  }
  .ir-top-title {
    margin-bottom: 2.4rem;
  }
  .ir-top-title span {
    font-size: 1.2rem;
  }
  .underlined-title {
    font-size: 2rem!important;
  }
  .btn-beige {
    width: 40%;
  }
  .section-under-ir-top {
    padding-top: 7.2rem;
  }
  .section-under-ir-top h1 {
    margin-bottom: 7.2rem;
  }
}
@media screen and (max-width: 480px) {
  /* -- radio button -- */
  .category-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.2rem 2%;
  }
  .category-list label {
    height: 7.8rem;
  }
  .ir-top-title span {
    padding-bottom: 0;
  }
  .underlined-title {
    font-size: 1.8rem!important;
    line-height: 1.5!important;
    padding-bottom: 0.8rem;
  }
}

#site-header .nav-block .sub-menu-area {
  padding: 23px 15px 23px 0;
}
#site-header .Head04Pane {
  display: none;
}
#site-header .smp-block .smp-menu-block .search-button {
  display: none;
}

/*================================================
/ir/index.html > .section-top
================================================*/
.section-top {
  padding-top: 1.6rem;
}
.section-top h1 {
  font-family: 'Lora', serif;
  font-size: clamp(40px, 29.714px + 4.286vw, 112px);
  font-weight: 400;
  text-align: center;
  line-height: 1.1;
  margin-bottom: 16rem;
  position: relative;
}
.section-top h1::after {
  content: "";
  position: absolute;
  top: 108%;
  left: 50%;
  display: block;
  background: #1C2952;
  width: 1px;
  height: 13.6rem;
}
.section-top h1 p {
  font-size: 1.8rem;
}
@media screen and (max-width: 480px) {
  .section-top h1 {
    margin-bottom: 12rem;
  }
  .section-top h1::after {
    height: 4.8rem;
  }
}

/*================================================
/ir/index.html > .section-news
================================================*/
.section-news {
  width: calc(880 / 1100 * 100%);
  margin: 0 auto 12.8rem;
}
.section-news h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.news-list {
  margin-bottom: 32px;
}
.news-list li {
  display: flex;
  padding: 12px 0 12px 8%;
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
}
.news-list li * {
  line-height: 1.6;
}
.btn-news-list {
  width: 30%;
}
.news-info {
  white-space: nowrap;
}
.news-date {
  font-size: 14px;
  margin-right: 24px;
}
.news-category {
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  background: #F6F3E9;
  width: 8rem;
  line-height: 2;
}
.notice, .document, .legal, .quarterly-report, .timely {
  color: #fff!important;
}
.notice {
  background: #6185D6;
}
.document {
  background: #70AFDD;
}
.legal {
  background: #9E98CC;
}
.quarterly-report {
  background: #6ABBC3;
}
.timely {
  background: #85AA93;
}
.news-title .news-update {
  display: inline-block;
  width: 5.6rem;
  color: #4C9FDD;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1;
  border: 1px solid #4C9FDD;
  padding: 0.4rem;
}
@media screen and (max-width: 800px) {
  .section-news {
    width: 100%;
    padding: 0 2.4rem;
  }
  .news-list li {
    display: grid;
    row-gap: 0.8rem;
    padding: 1.2rem 0;
  }
  .btn-news-list {
    width: 50%;
    min-width: 20rem;
  }
}
@media screen and (max-width: 480px) {
  .section-news {
    padding: 0;
    margin-bottom: 8rem;
  }
}

/*================================================
/ir/index.html > .section-banner
================================================*/
.section-banner {
  width: 100%;
  height: 16rem;
  margin-bottom: 5.4rem;
  position: relative;
  overflow: hidden;
}
.section-banner a {
  display: flex;
}
.banner-img-left, .banner-img-right {
  width: 50%;
}
.banner-img-left img, .banner-img-right img {
  height: 16rem;
  object-fit: cover;
}
.banner-img-left img {
  object-position: center 40%;
}
.banner-img-right img {
  object-position: right 25%;
}
.banner-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.87);
  width: 30%;
  text-align: left;
  line-height: 1.4;
  height: 50%;
  display: grid;
  place-content: center;
}
.banner-title h2 {
  font-size: 2.6rem;
}
.banner-title h3 {
  font-size: 2rem;
  font-weight: 400;
}
@media screen and (max-width: 800px) {
  .section-banner {
    height: 12rem;
  }
  .banner-title {
    width: auto;
    padding: 0 2rem;
  }
  .banner-title h2 {
    font-size: 1.8rem;
  }
  .banner-title h3 {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
}

/*================================================
/ir/index.html > .section-panel
================================================*/
.section-panel {
  margin-bottom: 11.2rem;
}
.panel-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.2rem 4%;
}
.panel-list li a {
  display: block;
  background: #F6F3E9;
  padding: 2.4rem;
  height: 20rem;
  font-size: 2rem;
  text-align: center;
  line-height: 1.5;
  display: grid;
  place-content: center;
}
.panel-list li a:hover {
  color: #fff;
  background: #445C9E;
  opacity: 1;
}
.panel-img {
  margin-bottom: 1.2rem;
}
.panel-img img {
  width: 30%;
  margin: 0 auto;
}
.panel-qa-title {
  margin-bottom: 0.8rem;
}
.qa-update {
  font-size: 12px;
  text-align: center;
  width: calc(160 / 330 * 100%);
  min-width: 16rem;
  background: #fff;
  border-radius: 50px;
  border: 1px solid #1C2952;
  padding: 0.2rem 1.6rem;
  margin: 0.8rem auto 0;
  pointer-events: none;
}
@media screen and (max-width: 800px) {
  .panel-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .qa-update {
    width: 80%;
  }
}
@media screen and (max-width: 480px) {
  .section-panel {
    margin-bottom: 8rem;
  }
  .panel-list {
    gap: 1.6rem 4%;
  }
  .panel-list li a {
    font-size: 1.6rem;
    padding: 1.6rem;
    height: 16rem;
  }
  .panel-img img {
    width: 40%;
    min-width: 6.4rem;
  }
  .qa-update {
    line-height: 1.2;
    width: 100%;
    min-width: auto;
    padding: 0.4rem 0.8rem;
  }
}
@media screen and (max-width: 320px) {
  .panel-list li a {
    font-size: 1.4rem;
    padding: 1.6rem 0.8rem;
  }
  .panel-img img {
    width: 50%;
    min-width: auto;
  }
}

/*================================================
/ir/index.html > .ir-content-wrap
================================================*/
.ir-content-wrap {
  display: flex;
  margin-bottom: 7.2rem;
}
.section-main-link {
  width: calc((100% - 4%) / 3 * 2);
  margin-right: 4%;
}
.ir-content-right-wrap {
  width: calc((100% - 4%) / 3 * 1);
}
@media screen and (max-width: 800px) {
  .ir-content-wrap {
    display: block;
  }
  .ir-content-right-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    column-gap: 5%;
  }
}
@media screen and (max-width: 480px) {
  .ir-content-right-wrap {
    display: block;
  }
}

/*================================================
/ir/index.html > .main-link-list
================================================*/
.main-link-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem 8%;
}
.link-library-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.link-library-wrap a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  height: 3.2rem;
  padding: 0.4rem 1.2rem;
  border: 1px solid rgba(28, 41, 82, 0.2);
  border-radius: 0;
}
.main-link-list-item {
  display: grid;
  row-gap: 4rem;
}
.main-link-list-item li {
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
}
.main-link-list-item li a {
  display: block;
  padding: 0 1.2rem 0.8rem 0;
}
.main-link-list-item li a::before, .section-faq-link a::before {
  top: 0.9rem;
}
.main-link-list-item li .link-tab::before,
.sub-link-line li .link-tab::before,
.page-link .link-tab::before {
  top: 1.5rem;
  right: -3.2rem;
  transition: 0.2s;
}
.sub-link-line li .link-tab::before {
  top: 1.7rem;
}
.page-link .link-tab::before {
  top: -1.2rem;
}
/* -- for /ir/faq/ -- */
label.page-link:hover {
  opacity: 0.4;
  transition: 0.2s;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .section-main-link {
    width: 100%;
    margin-bottom: 8rem;
  }
  .main-link-list {
    gap: 6.4rem 5%;
  }
  .main-link-list-item {
    row-gap: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .main-link-list {
    grid-template-columns: none;
  }
  .main-link-list-item {
    row-gap: 1.6rem;
  }
}

/*================================================
/ir/index.html > .section-sub-link
================================================*/
.section-sub-link {
  margin-bottom: 8rem;
}
.sub-link-frame {
  margin-bottom: 4.8rem;
}
.sub-link-frame li {
  border: 1px solid rgba(28, 41, 82, 0.2);
  -moz-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  -webkit-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  -ms-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
}
.sub-link-frame li a {
  display: block;
  background: #fff;
  padding: 1.6rem;
  position: relative;
}
.sub-link-line {
  width: 80%;
  margin: 0 auto;
}
.sub-link-line {
  display: grid;
  row-gap: 2.4rem;
}
.sub-link-line li a {
  display: inline-block;
  border-bottom: 1px solid #1C2952;
  padding-bottom: 0.4rem;
}
.sub-link-list {
  display: grid;
  row-gap: 1.6rem;
}
.sub-link-list li a h2 {
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
}
.sub-link-list li a h2 span {
  display: block;
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 800px) {
  .sub-link-list li a h2 {
    padding-right: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .sub-link-frame {
    margin-bottom: 3.2rem;
  }
  .sub-link-line {
    row-gap: 1.6rem;
  }
}

/*================================================
/ir/index.html > .section-ranking
================================================*/
.section-ranking {
  background: #F3F4F6;
  padding: 2.4rem 3.2rem 4.8rem;
}
.section-ranking h2 {
  font-size: 2.2rem;
  font-weight: 500;
  text-align: center;
  padding-bottom: 1.6rem;
  margin-bottom: 3.2rem;
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
}
.ranking-list {
  display: grid;
  row-gap: 4rem;
}
.ranking-list li {
  width: 90%;
  margin: 0 auto;
}
.rank {
  display: block;
  font-size: 2rem;
  margin-left: 3.2rem;
  position: relative;
}
.rank::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3.2rem;
  width: 2.4rem;
  height: 2.4rem;
  color: #fff;
  background: #1C2952;
  display: grid;
  place-content: center;
}
.rank-1::before {
  content: "1";
}
.rank-2::before {
  content: "2";
}
.rank-3::before {
  content: "3";
}
.rank-4::before {
  content: "4";
}
.rank-5::before {
  content: "5";
}
@media screen and (max-width: 800px) {
  .section-sub-link, .section-ranking {
    width: 50%;
  }
  .section-ranking {
    padding: 2.4rem 2.4rem 3.2rem;
  }
  .ranking-list {
    row-gap: 2.4rem;
  }
  .ranking-list li {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .section-sub-link, .section-ranking {
    width: 100%;
  }
  .banner-title {
    padding: 0 1.2rem;
  }
  .section-ranking {
    padding: 1.6rem 1.6rem 3.2rem;
  }
}

/*================================================
/ir/index.html > .section-calendar
================================================*/
.section-calendar {
  margin-bottom: 8rem;
}
.section-calendar h2 {
  font-size: 3.8rem;
}
.section-calendar picture {
  display: block;
  margin-bottom: 4rem;
}
.section-calendar .btn-beige {
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  .section-calendar picture {
    width: 90%;
    margin: 0 auto 5.6rem;
  }
}
@media screen and (max-width: 480px) {
  .section-calendar h2 {
    font-size: 2.4rem;
    margin-bottom: 4.8rem;
  }
  .section-calendar .btn-beige {
    width: 80%;
    margin: 0 auto;
  }
}

/*================================================
/ir/index.html > .section-btn-area
================================================*/
.section-btn-area {
  display: flex;
  column-gap: 5%;
  justify-content: center;
  padding-bottom: 8rem;
}
.section-btn-area .btn-beige {
  width: 20%;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .section-btn-area .btn-beige {
    width: 40%;
  }
}
@media screen and (max-width: 480px) {
  .section-btn-area {
    display: block;
  }
  .section-btn-area .btn-beige {
    width: 100%;
  }
  .section-btn-area .btn-beige:first-of-type {
    margin-bottom: 2.4rem;
  }
}

/*================================================
Lower level page of IR site
================================================*/
.section-beige-bg {
  background: #F6F3E9;
  padding: 6.4rem 0;
  margin-bottom: 8rem;
}
.page-link-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem 2%;
}
.page-link {
  display: grid;
  place-content: center;
  color: #1C2952;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.4;
  height: 7.2rem;
  background: #fff;
  padding: 0 1.6rem;
  border: 1px solid rgba(28, 41, 82, 0.2);
}
.page-link:hover {
  color: #fff!important;
  background: #1C2952;
}
.page-link .link-tab::before {
  content: "";
  position: absolute;
  background-image: none;
  width: 1.8rem;
  height: 1.8rem;
  -webkit-mask-image: url(/Portals/0/images/ir/ir-site/link-tab.svg);
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-image: url(/Portals/0/images/ir/ir-site/link-tab.svg);
  mask-size: contain;
  mask-repeat: no-repeat;
  background: #1C2952;
}
.page-link:hover .link-tab::before {
  background: #fff;
}
.link-active {
  color: #fff!important;
  background: #1C2952;
}
/* -- underlined-title -- */
.underlined-title {
  display: inline-block;
  color: #1C2952;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.8;
  border-bottom: 1px solid #1C2952;
  margin-bottom: 3.2rem;
}
.info-list {
  display: grid;
  row-gap: 2.4rem;
  margin-bottom: 3.2rem;
}
.info-list li {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
}
.info-link {
  display: flex;
  align-items: baseline;
  column-gap: 4%;
}
.info-link date {
  color: #1C2952;
  font-size: 1.6rem;
}
.info-title {
  display: inline;
  color: #1C2952;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-right: 0.8rem;
}
/* -- for acrobat -- */
.section-acrobat {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 6%;
  background: rgba(28, 41, 82, 0.05);
  padding: 4% 8%;
}
.section-acrobat div p {
  font-size: 1.4rem;
  line-height: 1.6;
}
/* -- for txt -- */
.txt-underline {
  display: block;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
  margin-bottom: 5.6rem;
}
.txt-inline {
  display: inline;
}
.txt-link-underline {
  border-bottom: 1px solid #1C2952;
}
.txt-link {
  color: #1C2952;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .info-list {
    margin-bottom: 2.4rem;
  }
  .info-link {
    display: grid;
    row-gap: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .section-beige-bg {
    padding: 2.4rem 0;
    margin-bottom: 5.6rem;
  }
  .page-link-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem 2%;
  }
  .page-link {
    height: 5.6rem;
    padding: 1.2rem;
  }
  .section-acrobat {
    display: grid;
    row-gap: 1.6rem;
    padding: 8%;
  }
  .acrobat-img {
    width: 50%;
  }
  /* -- for txt -- */
  .txt-underline {
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 280px) {
  .section-beige-bg {
    margin-bottom: 4rem;
  }
  .page-link-list {
    grid-template-columns: none;
  }
}

/*================================================
/ir/library/
================================================*/
.library-wrap {
  display: grid;
  row-gap: 8rem;
}
@media screen and (max-width: 480px) {
  .library-wrap {
    display: grid;
    row-gap: 5.4rem;
  }
}

/*================================================
/ir/results/, /ir/presentations/, /ir/securities/, /ir/disclosure/, /ir/quarterly_results/
================================================*/
.section-library-individual {
  margin-bottom: 8rem;
}
@media screen and (max-width: 480px) {
  .section-library-individual {
    margin-bottom: 5.4rem;
  }
  .br::before {
    content: "\A";
    white-space: pre;
  }
}

/*================================================
/ir/performance/, /ir/finance/, /ir/cashflow/
================================================*/
.underlined-title.finance {
  margin-bottom: 6.4rem;
}
.graph-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10.4rem 10%;
  margin-bottom: 8rem;
}
.graph-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2.4rem;
}
.graph-unit {
  font-size: 1.4rem;
  text-align: right;
}
.graph-img {
  width: 100%;
  margin-bottom: 3.2rem;
}
.table-finance {
  width: 100%;
}
.table-finance, .table-finance th, .table-finance td {
	border: 1px solid #DADADA;
	border-collapse: collapse;
}
.table-finance th, .table-finance td {
  font-size: 1.2rem;
  padding: 1.2rem 0.4rem;
}
.table-finance th {
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  background: rgba(246, 243, 233, 0.6);
}
.table-finance td {
  background: #fff;
  text-align: right;
}
.attention * {
  font-size: 1.4rem;
}
.attention p {
  margin-bottom: 3.2rem;
}
.attention-list * {
  line-height: 1.8;
}
@media screen and (max-width: 480px) {
  .graph-list {
    grid-template-columns: none;
    gap: 8rem 0;
  }
  .graph-title {
    margin-bottom: 1.6rem;
  }
}

/*================================================
/ir/meeting/
================================================*/
.section-shareholder .info-list {
  margin-bottom: 7.2rem;
}

/*================================================
/ir/news/
================================================*/
.section-news .info-list {
  margin-bottom: 3.2rem;
}
.select-trigger.news {
  margin-bottom: 2.4rem;
}
.category-list.category-news {
	grid-template-columns: repeat(6, 1fr);
}
[value="news-all"]:checked ~ .category-list [for="news-all"],
[value="news-timely"]:checked ~ .category-list [for="news-timely"],
[value="news-quarterly-report"]:checked ~ .category-list [for="news-quarterly-report"],
[value="news-legal"]:checked ~ .category-list [for="news-legal"],
[value="news-material"]:checked ~ .category-list [for="news-material"],
[value="news-notice"]:checked ~ .category-list [for="news-notice"] {
	color: #fff;
	background: #1C2952;
}
.section-news-page {
  width: 100%;
}
@media screen and (max-width: 480px) {
  .section-news .info-list {
    margin-bottom: 4rem;
  }
  .category-list.category-news {
    grid-template-columns: repeat(3, 1fr);
  }
  .category-list.category-news label {
    height: auto;
  }
}

/*================================================
/ir/quickanswer/
================================================*/
.category-list.category-qa {
  grid-template-columns: repeat(5, 1fr);
}
[value="qa-all"]:checked ~ .category-list [for="qa-all"],
[value="qa-settlement"]:checked ~ .category-list [for="qa-settlement"],
[value="qa-shareholder"]:checked ~ .category-list [for="qa-shareholder"],
[value="qa-management"]:checked ~ .category-list [for="qa-management"],
[value="qa-other"]:checked ~ .category-list [for="qa-other"] {
  color: #fff;
  background: #1C2952;
}
.qa-list {
  display: grid;
  row-gap: 12rem;
}
.qa-txt {
  width: 90%;
  text-align: justify;
  padding: 2.4rem 5.6rem;
  margin: 0 0 0 auto;
  position: relative;
}
.txt-question {
  background: #F9F8F2;
  margin-bottom: 4rem;
}
.txt-question p {
  font-weight: 500;
}
.txt-answer {
  background: #ECEEF5;
}
/* -- alphabet -- */
.qa-txt::after {
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: -10%;
  width: 5.6rem;
  height: 5.6rem;
  display: grid;
  place-content: center;
  font-family: 'Lora', serif;
  font-size: 3.2rem;
  font-weight: 600;
}
.txt-question::after {
  content: "Q";
  background: #F9F8F2;
}
.txt-answer::after {
  content: "A";
  color: #fff;
  background: #1C2952;
}
/* -- speech bubble -- */
.qa-txt::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: -1em;
  transform: rotate(-20deg);
}
.txt-question::before {
  border-top: 40px solid #F9F8F2;
  border-left: 40px solid transparent;
}
.txt-answer::before {
  border-top: 40px solid #ECEEF5;
  border-left: 40px solid transparent;
}
/* -- for img -- */
.qa-img {
  padding: 1.6rem 0 0.8rem;
}
@media screen and (max-width: 800px) {
  .qa-txt {
    width: 85%;
    padding: 2.4rem 3.2rem;
  }
  /* -- alphabet -- */
  .qa-txt::after {
    left: -15%;
    width: 4.8rem;
    height: 4.8rem;
    font-size: 2.8rem;
  }
  /* -- speech bubble -- */
  .txt-question::before {
    border-top: 32px solid #F9F8F2;
    border-left: 32px solid transparent;
  }
  .txt-answer::before {
    border-top: 32px solid #ECEEF5;
    border-left: 32px solid transparent;
  }
}
@media screen and (max-width: 480px) {
  .qa-list {
    display: grid;
    row-gap: 7.2rem;
  }
  .qa-txt {
    width: 80%;
    padding: 2.4rem;
  }
  .txt-question {
    margin-bottom: 2.4rem;
  }
  /* -- alphabet -- */
  .qa-txt::after {
    left: -20%;
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  /* -- speech bubble -- */
  .qa-txt::before {
    top: 1.6rem;
  }
  .txt-question::before {
    border-top: 2.4rem solid #F9F8F2;
    border-left: 2.4rem solid transparent;
  }
  .txt-answer::before {
    border-top: 2.4rem solid #ECEEF5;
    border-left: 2.4rem solid transparent;
  }
}

/*================================================
/ir/calendar/
================================================*/
.calendar-img {
  background: #fff;
  padding: 3.2rem;
}
.calendar-info li {
  display: flex;
  align-items: baseline;
  column-gap: 4%;
}
.calendar-info * h3 {
  font-size: 1.6rem;
  font-weight: 400;
}
.calendar-link {
  display: inline;
}
.section-calendar-page .txt-attention {
  margin-bottom: 14.4rem;
}
@media screen and (max-width: 480px) {
  .calendar-info li {
    display: grid;
    gap: 1.6rem 0;
  }
  .section-calendar-page .txt-attention {
    margin-bottom: 8rem;
  }
}

/*================================================
/ir/governance/
================================================*/
.page-link-list.page-governance {
  grid-template-columns: repeat(4, 1fr);
}
.governance-wrap {
  display: grid;
  row-gap: 9.6rem;
}
.governance-img {
  background: #ECEEF5;
  padding: 3.2rem 1.6rem;
  margin: 0;
}
.section-governance-report p {
  margin-bottom: 4rem;
}
@media screen and (max-width: 480px) {
  .page-link-list.page-governance {
    grid-template-columns: repeat(2, 1fr);
  }
  .governance-wrap {
    display: grid;
    row-gap: 5.4rem;
  }
}

/*================================================
/ir/policy/
================================================*/
.page-link-list.page-policy {
  grid-template-columns: repeat(4, 1fr);
}
.policy-wrap {
  display: grid;
  row-gap: 8rem;
}
.section-policy-report {
	margin-bottom: 11rem;
}
.section-policy-report p {
  margin-bottom: 9rem;
	color: #1C2952;
}
@media screen and (max-width: 480px) {
  .page-link-list.page-policy {
    grid-template-columns: repeat(2, 1fr);
  }
  .policy-wrap {
    display: grid;
    row-gap: 5.4rem;
  }
}

/*================================================
/ir/public_notice/
================================================*/
.public-notice-wrap {
  display: grid;
  row-gap: 8rem;
}
.notice-txt {
  margin: 11rem 0 26rem 0;
	font-size: 2.4rem;
	font-weight: 500;
}
.edinet-txt {
  margin-bottom: 2.4rem;
}
.link-edinet.link-arrow::before {
  top: 13px;
  right: -36px;
}
.link-edinet.link-arrow::after {
  top: 13px;
  right: -48px;
}
@media screen and (max-width: 480px) {
  .notice-txt {
    font-size: 2rem;
    margin-bottom: 12rem;
  }
  .public-notice-wrap {
    display: grid;
    row-gap: 5.4rem;
  }
}

/*================================================
/ir/disclaimer/
================================================*/
.disclaimer-wrap {
  display: grid;
  row-gap: 8rem;
}
.section-disclaimer {
  display: grid;
  row-gap: 4rem;
  padding-top: 11rem;
}
@media screen and (max-width: 480px) {
  .disclaimer-wrap {
    display: grid;
    row-gap: 5.4rem;
  }
}

/*================================================
/ir/stock/
================================================*/
.stock-wrap {
  display: grid;
  row-gap: 8rem;
}
.section-list {
  display: grid;
  row-gap: 1.6rem;
}
.stock-list * {
  font-size: 1.6rem;
}
.stock-list-li {
  display: flex;
  padding: 1.6rem 0;
  border-bottom: 1px solid rgba(28, 41, 82, 0.2);
}
.stock-list-li:first-of-type {
  padding-top: 0;
}
.stock-list-li h3 {
  font-weight: 500;
  width: 20%;
  min-width: 24rem;
}
.stock-list-item-wrap h4 {
  font-weight: 400;
}
.stock-list-item {
  display: grid;
  row-gap: 1.4rem;
  margin-bottom: 1.2rem;

}
.stock-list-item h5 {
  font-weight: 500;
  margin-bottom: 1.2rem;
}
.stock-list-benefit {
  display: grid;
  row-gap: 0.8rem;
}
.stock-list-benefit h6 {
  font-weight: 400;
}
@media screen and (max-width: 480px) {
  .section-stock-status h2, .section-stock-memo h2 {
    margin-bottom: 5.6rem;
  }
  .stock-list-li {
    display: grid;
    padding: 2.4rem 0;
  }
  .stock-list-li h3 {
    margin-bottom: 1.6rem;
    font-weight: 600;
  }
  .stock-list-item-wrap h4 {
    margin-bottom: 1.6rem;
  }
  .stock-list-item {
    row-gap: 1.2rem;
  }
}

/*================================================
/ir/benefit/
================================================*/
.benefit-txt {
  margin-bottom: 4rem;
}
.benefit-txt .s-txt{
  font-size: 1.4rem;
	text-align: right
}
.benefit-txt span {
  font-weight: 500;
  border-bottom: 1px solid #1C2952;
  padding-bottom: 0.2rem;
}
.table-dividend-policy tr:nth-of-type(3) td {
  padding: 2rem 0;
}
.benefit-policy-list-wrap * {
  font-size: 1.6rem;
  font-weight: 400
}
.benefit-policy-list-wrap {
  margin-bottom: 2rem
}
.benefit-policy-list-wrap h3 {
  margin-bottom: 1.2rem;
}
.benefit-policy-list {
  display: grid;
  row-gap: 0.8rem;
}
.table-dividend-policy2 th {
text-align: center
}
.table-dividend-policy2 td {
text-align: left
}

/*================================================
/ir/analyst/
================================================*/
.analyst-txt {
  margin-bottom: 4rem;
}
.table-analyst {
  margin-bottom: 6.4rem;
}
.table-analyst th, .table-analyst td {
  width: 50%;
}

/*================================================
/ir/overview/
================================================*/
.table-overview, .table-overview th, .table-overview td {
  border: none;
  text-align: left;
  padding: 2.4rem 3.2rem;
}
.table-overview td {
  background: transparent;
}
.table-overview tr {
  border-bottom: 1px solid rgba(28, 41, 82, 0.1);
  padding: 2.4rem;
}
.table-overview th {
  background: rgba(68, 92, 158, 0.1);
}
.overview-list {
  margin-bottom: 3.2rem;
}
.overview-list * h2, .overview-list * h3 {
  font-size: 1.6rem;
  font-weight: 400;
}
.overview-list li {
  display: flex;
}
.overview-list li p:first-of-type {
  width: 35%;
  min-width: 25.6rem;
}
@media screen and (max-width: 800px) {
  .table-overview, .table-overview th, .table-overview td {
    padding: 2rem 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .table-overview, .table-overview th, .table-overview td {
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 1.6rem 0.8rem;
  }
  .table-overview th {
    text-align: center;
  }
  .overview-list {
    display: grid;
    row-gap: 0.4rem;
  }
  .overview-list li {
    column-gap: 1.2rem;
  }
  .overview-list li p:first-of-type {
    width: 50%;
    min-width: auto;
  }
}

/*================================================
/ir/executive/
================================================*/
.executive-list {
  display: grid;
  row-gap: 8rem;
  margin-bottom: 9.6rem;
}
.executive-list-li {
  display: flex;
}
.executive-list-li h2 {
  font-size: 2.4rem;
  font-weight: 500;
  width: 30%;
  min-width: 25.6rem;
}
.executive-list-li h2 span {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
}
.executive-list-item {
  width: 100%;
  position: relative;
}
.executive-list-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2%;
  width: 1px;
  height: 100%;
  background: #1C2952;
}
.executive-list-item {
  display: grid;
  row-gap: 0.8rem;
}
.executive-list-item li {
  display: flex;
  align-items: baseline;
}
.executive-list-item li time {
  width: 10%;
  min-width: 11.2rem;
}
.executive-list-item li p {
  line-height: 1.5;
}
@media screen and (max-width: 800px) {
  .executive-list-li {
    display: grid;
  }
  .executive-list-li h2 {
    margin-bottom: 3.2rem;
    width: 100%;
    position: relative;
  }
  .executive-list-li h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.8rem;
    width: 100%;
    height: 1px;
    background: #1C2952;
  }
  .executive-list-item li {
    display: block;
  }
  .executive-list-item::before {
    display: none;
  }
  .executive-list-item li p {
    padding-left: 1.6rem;
  }
}
@media screen and (max-width: 480px) {
  .executive-list-item {
    row-gap: 1.2rem;
  }
}

/*================================================
/ir/inquiry/
================================================*/
.inquiry-txt {
  margin-bottom: 10.4rem;
}
/* -- Overwrite existing css -- */
.fpp-label {
  padding: 0.2rem 0;
  text-align: center;
}
.fpp-label.is-alert {
  color: #fff;
  background: #445C9E;
  border-radius: 0;
  width: 4rem;
  white-space: nowrap;
}
.questionnaire-form .submitWrap input[type="submit"] {
  width: 14.4rem!important;
  margin: 0!important;
  padding: 0.8rem 1.2rem!important;
}
.questionnaire-form .submitWrap {
  display: flex;
  justify-content: center;
  column-gap: 5%;
}
.contact-input-block .input-title {
  align-items: flex-start;
}
.contact-input-block input[type=submit],
.submitWrap input[type=submit] {
  border: 1px solid #1C2952;
  border-radius: 0;
}
.contact-input-block input[type=submit]:hover,
.submitWrap input[type=submit]:hover {
  cursor: pointer;
  opacity: 0.5;
}
@media screen and (max-width: 800px) {
  .questionnaire-form .submitWrap input[type="submit"] {
    width: 100%!important;
    max-width: 14.4rem;
  }
  .contact-input-block input[type=submit][id$=btnSearchZipCode] {
    margin-left:0!important;
    margin-top: 0.8rem!important;
  }
}

/*================================================
/ir/faq/
================================================*/
/* -- Background color set by pseudo-class: for both design and tab switching functionality -- */
.section-beige-bg.tabs {
  position: relative;
}
.section-beige-bg.tabs::before,
.section-beige-bg.tabs::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #F6F3E9;
}
.section-beige-bg.tabs::before {
  left: -100%;
}
.section-beige-bg.tabs::after {
  left: 100%;
}
.tab-contents {
  width: 100%;
}
.tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.4rem 2%;
}
input[name="check"] {
	display: none;
}
#tab-1:checked~.tabs .tab-label-1,
#tab-2:checked~.tabs .tab-label-2,
#tab-3:checked~.tabs .tab-label-3,
#tab-4:checked~.tabs .tab-label-4,
#tab-5:checked~.tabs .tab-label-5,
#tab-6:checked~.tabs .tab-label-6 {
  color: #fff;
  background: #1C2952;
}
.panels {
  color: #000;
  background: #fff;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.panel {
	display: none;
}
#tab-1:checked~.panels #panel-1,
#tab-2:checked~.panels #panel-2,
#tab-3:checked~.panels #panel-3,
#tab-4:checked~.panels #panel-4,
#tab-5:checked~.panels #panel-5,
#tab-6:checked~.panels #panel-6 {
	display: block;
}
/* -- accordion panel -- */
.accordion-item {
  cursor: pointer;
}
.accordion-item:not(:last-of-type) {
  margin-bottom: 8rem;
}
.accordion-title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}
.accordion-title span {
  content: "";
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  background: #1C2952;
  right: 0;
  bottom: 0.5em;
}
.accordion-title span:before,
.accordion-title span:after {
  content: "";
  position: absolute;
  top: 25%;
  left: 46%;
  width: 2px;
  height: 0.5em;
  background-color: #fff;
  transition: all 0.3s;
}
.accordion-title span:after {
  transform: rotate(90deg);
}
.accordion-title.is-active span::before {
  transform: rotate(90deg)!important;
}
.accordion-item.is-active .accordion-title span {
  background: rgba(28, 41, 82, 0.2);
}
.accordion-item.is-active .accordion-title span::before {
  transform: rotate(90deg)!important;
}
.accordion-content {
  display: none;
  cursor: pointer;
  margin: 1.6rem 0 0 4.8rem;
}
.accordion-content * {
  font-size: 1.6rem;
  line-height: 2;
}
.accordion-content.is-open {
  display: block;
}

/*================================================
Common : /ir/en/
================================================*/
.section-library.en-ir,
.section-finance.en-ir {
  margin-bottom: 12rem;
}
.section-under-ir-top.en-ir {
  padding-top: 1.6rem;
}
/* -- en-btn-list -- */
.en-btn-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem 2%;
}
.en-btn-list li {
  border: 1px solid rgba(28, 41, 82, 0.2);
  -moz-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  -webkit-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  -ms-box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
  box-shadow: 0px 2px 8px 2px rgba(28, 41, 82, 0.1);
}
.en-btn-list li a {
  display: block;
  text-align: center;
  padding: 1.2rem 0.8rem;
}
@media screen and (max-width: 480px) {
  .section-library.en-ir,
  .section-finance.en-ir {
    margin-bottom: 6.4rem;
  }
  .en-btn-list {
    grid-template-columns: none;
    gap: 1.2rem;
  }
}

/*================================================
/ir/en/
================================================*/
.section-top.en-ir h1 {
  margin-bottom: 24rem;
}
.en-ir-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8rem 6%;
}
.en-ir-title-wrap {
  display: flex;
  column-gap: 4%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.4rem;
}
.en-ir-top-title {
  font-family: 'Lora', serif;
  font-size: clamp(20px, 17.887px + 0.563vw, 26px);
  line-height: 1.2;
}
.en-ir-top-title.title-mark::before {
  height: 3.2rem
}
.en-ir-title-wrap .btn-white {
  padding: 0.4rem 0;
  min-width: 12rem;
  margin: 0;
}
.en-info-list {
  display: grid;
  row-gap: 1.2rem;
}
.en-list-item {
  display: block;
  background: #f6f3e9;
  padding: 3.2rem;
}
.en-list-item-wrap {
  display: flex;
  justify-content: center;
  column-gap: 6%;
}
.en-ir-list-left time {
  display: block;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.en-ir-list-left div p {
  line-height: 1.4;
}
.en-ir-list-right {
  min-width: 1.6rem;
  max-width: 3.2rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 800px) {
  .section-top.en-ir h1 {
    margin-bottom: 16rem;
  }
  .en-list-item {
    padding: 2.4rem;
  }
  .en-ir-top-title.title-mark::before {
    height: 2.4rem;
  }
}
@media screen and (max-width: 480px) {
  .en-ir-list {
    grid-template-columns: none;
    gap: 5.6rem 0;
  }
  .section-top.en-ir h1 {
    margin-bottom: 9.6rem;
  }
}

/*================================================
/ir/en/financial_results/, /ir/presentation_materials/, ,/ir/business_plan/, /ir/meeting/
================================================*/
.section-top.en-under-ir .en-under-top {
  font-family: "Lora", serif;
  text-align: left;
  font-size: clamp(24px, 17.662px + 1.69vw, 42px);
  margin: 0 0 8rem 2rem;
}
.section-top.en-under-ir .title-mark::before {
  left: -2rem;
  height: 4.4rem;
}
.section-top.en-under-ir h1::after {
  display: none;
}
.back-number-list {
  display: grid;
  row-gap: 9.6rem;
}
.back-number-list .txt-underline {
  font-family: "Lora", serif;
  font-size: clamp(20px, 17.887px + 0.563vw, 26px);
  margin-bottom: 2.4rem;
}
.en-list-item-wrap.en-under-ir {
  column-gap: 4%;
  justify-content: space-between;
  align-items: center;
}
.en-list-item-wrap.en-under-ir time {
  width: 10.4rem;
  flex-shrink: 0;
  font-weight: 600;
}
.en-ir-test {
  display: flex;
  column-gap: 3%;
  width: 100%;
}
.en-ir-test .en-ir-list-left {
  width: calc(100% - 4rem);
}
@media screen and (max-width: 800px) {
  .section-top.en-under-ir .en-under-top {
    margin-bottom: 8rem;
  }
  .section-top.en-ir .title-mark::before {
    height: 3.2rem;
  }
}
@media screen and (max-width: 480px) {
  .section-top.en-under-ir .en-under-top {
    margin: 3.2rem 0 6.4rem 1.6rem;
  }
  .section-top.en-under-ir .title-mark::before {
    left: -1.6rem;
    height: 2.4rem;
  }
  .en-list-item-wrap.en-under-ir {
    display: grid;
    column-gap: 4%;
  }
}

/*================================================
/ir/en/library/
================================================*/
.section-top.en-ir-library h1 {
  font-size: 4.8rem;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .section-top.en-ir-library h1 {
    font-size: 3.2rem;
  }
}

/*================================================
/ir/en/news/
================================================*/
.select-trigger.en-news {
  margin-bottom: 0;
}
.section-en-news {
  margin-bottom: 8rem;
}
.section-en-news h2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 3.2rem;
}