@charset "utf-8";

/* ----------------------------------------

INVESTOR RELATIONS TOP & IR Library

---------------------------------------- */

/* sec_head
------------------------------- */
.title_ir span {
  position: relative;
  top: -2px;
  font-size: 120% !important;
}

.title_ir span.calender {
  top: 1px;
  font-size: 117% !important;
}

span.ir_small {
  display: inline;
  font-size: 114%;
}

.title_ir_sub span {
  font-size: 117% !important;
}

@media screen and (width <=767px) {
  .title_ir span {
    position: relative;
    top: -1px;
    font-size: 129% !important;
  }

  .title_ir_sub span {
    position: relative;
    top: 0;
    font-size: 118% !important;
  }

  span.ir_small {
    font-size: 114% !important;
  }

  .title_ir span.calender {
    top: -1px;
  }
}

@media all and (-ms-high-contrast: none) {
  h1.title_ir span {
    top: -6px;
  }

  .title_ir span.calender {
    top: -3px;
  }

  .title_ir_sub span {
    position: relative;
    top: -4px;
  }
}

/* sec_ir_head
------------------------------- */
#ir_head.sec_ir_head {
  position: relative;
  z-index: 1;
}

#ir_head.sec_ir_head .inner {
  position: relative;
  z-index: 2;
  margin-top: 230px;
}

@media screen and (width <=767px) {
  #ir_head.sec_ir_head .inner {
    margin-top: 60px;
  }
}

#ir_head.sec_ir_head .move.inner::before {
  position: absolute;
  top: -130px;
  left: 0;
  z-index: 1;
  width: 50%;
  min-width: 640px;
  height: 300px;
  min-height: 300px;
  content: '';
  background: #80004d;
}

@media screen and (width <=767px) {
  #ir_head.sec_ir_head .move.inner::before {
    top: -30px;
    width: 90%;
    min-width: inherit;
    height: 8em;
    min-height: inherit;
  }
}

#ir_head.sec_ir_head .move::before {
  opacity: 0;
  transform: translate(-500px, 0);
  transition: all 1s;
}

.tab #ir_head.sec_ir_head .move::before {
  opacity: 1;
  transform: translate(0, 0);
}

#ir_head.sec_ir_head .move.active::before {
  opacity: 1;
  transform: translate(0, 0);
}

.sec_ir_head .ir_head_box {
  position: relative;
  top: -90px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  padding-right: 20px;
  margin-bottom: -30px;
}

@media screen and (width <=767px) {
  .sec_ir_head .ir_head_box {
    top: -15px;
    left: 0;
    width: 90%;
    margin-bottom: 0;
  }
}

.sec_ir_head .ir_head_box .title02 {
  font-size: 275%;
  color: #fff;
}

@media screen and (width <=767px) {
  .sec_ir_head .ir_head_box .title02 {
    font-size: 200%;
  }
}

.sec_ir_head .ir_head_box .btn_01 a {
  color: #fff;
  border-color: #fff;
}

.sec_ir_head .ir_head_box .btn_01 a::after {
  background-color: #fff;
}

.sec_ir_head .ir_head_box .btn_01 a:link span,
.sec_ir_head .ir_head_box .btn_01 a:visited span {
  color: #fff;
}

.sec_ir_head .ir_head_box .btn_01 a:hover span,
.sec_ir_head .ir_head_box .btn_01 a:active span {
  color: #262626;
}

.sec_ir_head .yearSelect {
  position: relative;
  display: inline-block;
  width: auto;
  margin-bottom: 30px;
}

.sec_ir_head .yearSelect::before {
  position: absolute;
  top: 50%;
  right: 15px;
  padding: 0;
  font-size: 10px;
  color: #666;
  pointer-events: none;
  content: '▼';
  transform: translateY(-50%);
}

.sec_ir_head .yearSelect #xj-select-year_s {
  display: inline-block;
  width: auto;
  padding: 10px 30px 10px 20px;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc7c4;
  border-radius: 0;
}

.sec_ir_head .yearSelect #xj-select-year_s::-ms-expand {
  display: none;
}

@media screen and (width <=767px) {
  .sec_ir_head .yearSelect {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 0;
  }
}

.sec_ir_head #type {
  display: flex;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
}

@media screen and (width <=767px) {
  .sec_ir_head #type {
    flex-wrap: wrap;
  }
}

.sec_ir_head #type li {
  border: 1px solid #e6e6e6;
  border-bottom: none;
  border-left: none;
}

@media screen and (width <=767px) {
  .sec_ir_head #type li {
    flex-basis: 33.3%;
    white-space: nowrap;
  }
}

.sec_ir_head #type li a {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  text-align: center;
  text-transform: uppercase;
}

@media screen and (width <=767px) {
  .sec_ir_head #type li a {
    justify-content: center;
    padding: 5px 10px;
    font-size: 87.5%;
  }
}

.sec_ir_head #type li.active a {
  background: #f2f2f2;
}

/* news_list
------------------------------- */
.sec_ir_head .news_list {
  padding: 10px 0;
  margin-bottom: 20px;
}

.sec_ir_head .news_list .title03 {
  position: relative;
  margin-bottom: 20px;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list {
    margin-bottom: 30px;
  }

  .sec_ir_head .news_list .title03 {
    margin-bottom: 10px;
  }

  .sec_ir_head .news_list.news_list_index .title03 {
    padding-right: 4em;
  }
}

.sec_ir_head .news_list .title03 .btn_01 {
  position: absolute;
  top: -4px;
  right: 0;
  display: block;
}

.sec_ir_head .news_list .title03 .btn_01 a {
  padding: 5px 15px;
  font-size: 65%;
}

.sec_ir_head .news_list .title03:not(:first-child) {
  margin-top: 60px;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list .title03:not(:first-child) {
    margin-top: 30px;
  }
}

.sec_ir_head .news_list a {
  display: block;
  width: 100%;
  height: 100%;
}

.sec_ir_head .news_list dl {
  display: flex;
  padding: 2.3% 0;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list dl {
    flex-wrap: wrap;
    margin-top: 10px;
  }
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list dl dt {
    flex-basis: 100%;
  }
}

.sec_ir_head .news_list dl dt .date {
  margin-right: 30px;
  font-size: 93.75%;
  color: gray;
}

.sec_ir_head .news_list dl dt .tag {
  padding-top: 2px;
  margin-right: 30px;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 900;
  line-height: 1.4;
  color: #000798;
  text-transform: uppercase;
  white-space: nowrap;
}

.sec_ir_head .news_list dl .icon_pdf {
  display: inline-block;
  padding: 0 7px;
  margin-left: 15px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 87.5%;
  font-weight: 900;
  border: 1px solid #262626;
}

.sec_ir_head .news_list .xj-mainlist_style p {
  display: flex;
  padding: 2.3% 0;
  border-bottom: 1px solid #e6e6e6;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list .xj-mainlist_style p {
    flex-wrap: wrap;
    margin-top: 10px;
  }
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list dl dt {
  }
}

.sec_ir_head .news_list .xj-mainlist_style p .date {
  flex-basis: 12em;
  margin-right: 30px;
  margin-left: 10px;
  font-size: 93.75%;
  color: gray;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list .xj-mainlist_style p .date {
    flex-basis: auto;
  }
}

.sec_ir_head .news_list .xj-mainlist_style p .tag {
  min-width: 4em;
  padding-top: 2px;
  margin-right: 30px;
  font-family: urw-din-condensed, sans-serif;
  font-weight: 900;
  line-height: 1.4;
  color: #000798;
  text-transform: uppercase;
  white-space: nowrap;
}

.sec_ir_head .news_list .xj-mainlist_style p .disclo {
  color: #000798;
}

.sec_ir_head .news_list .xj-mainlist_style p .info {
  color: #430a79;
}

.sec_ir_head .news_list .xj-mainlist_style p .results {
  color: #246841;
}

.sec_ir_head .news_list .xj-mainlist_style p .irlib {
  color: #b80271;
}

.sec_ir_head .news_list .xj-mainlist_style p .secrit {
  color: #994f00;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list .xj-mainlist_style a {
    display: block;
    margin-top: 7.5px;
    margin-left: 10px;
  }
}

.sec_ir_head .news_list .xj-mainlist_style a .icon_pdf {
  display: inline-block;
  padding: 0 7px;
  margin-right: 10px;
  margin-left: 15px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 87.5%;
  font-weight: 900;
  border: 1px solid #262626;
}

.sec_ir_head .calendar_fig01 {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (width <=767px) {
  .sec_ir_head .calendar_fig01 {
    margin-bottom: 20px;
  }
}

.sec_ir_head .news_list #XJTxtDPDataTbl {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (width <=767px) {
  .sec_ir_head .news_list #XJTxtDPDataTbl {
    margin-bottom: 15px;
  }
}

.sec_ir_head .news_list #XJTxtDPDataTbl .XJTxtDPDataTblTdDate {
  width: 9.5rem;
  padding: 2.3% 0;
  border-bottom: 1px solid #e6e6e6;
}

.sec_ir_head .news_list #XJTxtDPDataTbl .XJTxtDPDataTblTdValue {
  padding: 2.3% 0;
  border-bottom: 1px solid #e6e6e6;
}

/* Stock_info
------------------------------- */
#Stock_info .inner,
#Stock_memo .inner,
#Stock_price .inner {
  margin-bottom: 110px;
}

@media screen and (width <=767px) {
  #Stock_info .inner,
  #Stock_memo .inner,
  #Stock_price .inner {
    margin-bottom: 7.5vw;
  }
}

/* sec_ir_panel
------------------------------- */
.sec_ir_panel .upper_panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
  margin-bottom: 100px;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels {
    flex-direction: column;
    margin-top: 40px;
    margin-bottom: -20px;
  }
}

.sec_ir_panel .upper_panels > li {
  position: relative;
  flex-basis: 45%;
  margin-bottom: 40px;
}

.sec_ir_panel .upper_panels .link_financial_info {
  margin-bottom: 110px;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels > li,
  .sec_ir_panel .upper_panels .link_financial_info {
    flex-basis: 100%;
    margin-bottom: 20px;
  }

  .sec_ir_panel .upper_panels > li.link_stock_info {
    margin-bottom: 60px;
  }

  .sec_ir_panel .upper_panels > li.link_ir_library {
    margin-bottom: -20px;
  }
}

/* .sec_ir_panel .upper_panels > li:nth-child(even) {
  top:40px;
} */

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels > li:nth-child(even) {
    top: inherit;
  }
}

.sec_ir_panel .upper_panels > li > a {
  display: block;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels > li > a {
    height: 36.5vw;
  }
}

.sec_ir_panel .upper_panels > li a > span,
.sec_ir_panel .upper_panels > li > span {
  display: inline-flex;
  width: 100%;
  height: 200px;
  padding: 45px 0 0 40px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 150%;
  font-weight: 900;
  transform-origin: center center;
  transition: transform 0.5s ease;
}

.upper_panels li span.ir_small {
  position: relative;
  top: -2px;
  font-size: 110%;
}

@media all and (-ms-high-contrast: none) {
  .upper_panels li span.ir_small {
    top: -5px;
  }
}

/* .sec_ir_panel .upper_panels > li span > span {
  display:initial;
  padding:45px 0 0 40px;
  width:initial;
  height:initial;
  font-weight:900;
  font-size:148%;
  font-family:urw-din-condensed,sans-serif;
  transition:transform .5s ease;
  transform-origin:center center;
  position: relative;
  top: -48px;
}
*/

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels > li a > span,
  .sec_ir_panel .upper_panels > li > span {
    justify-content: center;
    height: 36.5vw;
    padding: 25px 0 0;
    font-size: 125%;
  }
}

.sec_ir_panel .upper_panels .link_governance a:hover span,
.sec_ir_panel .upper_panels .link_individual a:hover span,
.sec_ir_panel .upper_panels .link_stock_info a:hover span {
  transform: scale(1.1);
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_governance a:hover span,
  .sec_ir_panel .upper_panels .link_individual a:hover span,
  .sec_ir_panel .upper_panels .link_stock_info a:hover span {
    transform: scale(1);
  }
}

.sec_ir_panel .upper_panels .link_governance a::after,
.sec_ir_panel .upper_panels .link_individual a::after,
.sec_ir_panel .upper_panels .link_stock_info a::after {
  position: absolute;
  top: 94px;
  right: 25px;
  display: block;
  width: 37px;
  height: 12px;
  content: '';
  background: url('../img/common/arw_01.png') no-repeat;
  transition: all 0.3s;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_governance a::after,
  .sec_ir_panel .upper_panels .link_individual a::after,
  .sec_ir_panel .upper_panels .link_stock_info a::after {
    top: 26vw;
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
  }
}

.sec_ir_panel .upper_panels .link_governance a:hover::after,
.sec_ir_panel .upper_panels .link_individual a:hover::after,
.sec_ir_panel .upper_panels .link_stock_info a:hover::after {
  right: 15px;
}

.sec_ir_panel .upper_panels .link_governance span {
  position: relative;
  align-items: center;
  padding: 0 0 0 110px;
  background: url('../img/ir/ir_bg01.jpg') no-repeat left top;
  background-size: contain;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_governance span {
    padding: 0;
  }
}

.sec_ir_panel .upper_panels .link_individual span {
  position: relative;
  align-items: center;
  padding: 0 0 0 120px;
  background: url('../img/ir/ir_bg02.jpg') no-repeat left top;
  background-size: contain;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_individual span {
    padding: 0;
  }
}

.sec_ir_panel .upper_panels .link_financial_info span {
  background: url('../img/ir/ir_bg03.jpg') no-repeat left top;
  background-size: contain;
}

.sec_ir_panel .upper_panels .link_ir_library span {
  background: url('../img/ir/ir_bg04.jpg') no-repeat left top;
  background-size: contain;
}

.sec_ir_panel .upper_panels .link_ir_library span > span {
  background: none;
}

.sec_ir_panel .upper_panels .link_stock_info span {
  background: url('../img/ir/ir_bg05.jpg') no-repeat left top;
  background-size: contain;
}

.sec_ir_panel .upper_panels .link_governance strong,
.sec_ir_panel .upper_panels .link_individual strong,
.sec_ir_panel .upper_panels .link_stock_info strong {
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  height: 100px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 150%;
  font-weight: 900;
  text-align: center;
  transform: translate(0, -30%);
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_governance strong,
  .sec_ir_panel .upper_panels .link_individual strong,
  .sec_ir_panel .upper_panels .link_stock_info strong {
    top: 20%;
    left: 0%;
    display: inline-flex;
    justify-content: center;
    height: 28vw;
    padding: 25px 0 0;
    font-size: 125%;
    transform: translate(0, 0);
  }
}

.sec_ir_panel .upper_panels ul {
  position: absolute;
  top: 120px;
  left: 60px;
  width: calc(100% - 60px);
  padding: 25px 35px;
  background: #fff;
  box-shadow: 2px 4px 12px 2px rgb(0 0 0 / 10%);
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels ul {
    position: relative;
    top: -14vw;
    left: 20px;
    width: calc(100% - 20px);
    padding: 10px 15px;
    margin-bottom: -14vw;
  }
}

.sec_ir_panel .upper_panels ul li:not(:last-child) {
  margin-bottom: 10px;
}

.sec_ir_panel .upper_panels ul li a {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}

.sec_ir_panel .upper_panels ul li a:hover {
  opacity: 0.7;
}

.sec_ir_panel .upper_panels ul li a::before {
  position: absolute;
  top: -1px;
  bottom: 0;
  left: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  vertical-align: middle;
  content: '';
  border-top: 3px solid #262626;
  border-right: 3px solid #262626;
  transform: rotate(45deg);
}

.sec_ir_panel .upper_panels .link_ir_library ul {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0;
}

@media screen and (width <=767px) {
  .sec_ir_panel .upper_panels .link_ir_library ul {
    display: block;
  }
}

.sec_ir_panel .upper_panels .link_ir_library ul li {
  flex-basis: 47.5%;
}

.sec_ir_panel .lower_panels {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 100px;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels {
    display: flex;
    flex-direction: column;
    padding: 0;
  }
}

.sec_ir_panel .lower_panels li {
  flex-basis: 47.5%;
  margin-bottom: 40px;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}

.sec_ir_panel .lower_panels li:last-child,
.sec_ir_panel .lower_panels:nth-last-child(2) {
  margin-bottom: 0;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li:last-child,
  .sec_ir_panel .lower_panels:nth-last-child(2) {
    margin-bottom: 20px;
  }
}

.sec_ir_panel .lower_panels li a {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 100px;
  overflow: hidden;
  font-family: urw-din-condensed, sans-serif;
  font-size: 137.5%;
  font-weight: 900;
  border: 1px solid #262626;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li a {
    width: 100%;
    height: 80px;
    font-size: 125%;
  }
}

.sec_ir_panel .lower_panels li a:hover {
  opacity: 0.7;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li a:hover {
    opacity: 1;
  }
}

.sec_ir_panel .lower_panels li a::after {
  position: absolute;
  top: 50%;
  right: 30px;
  display: block;
  width: 37px;
  height: 12px;
  content: '';
  background: url('../img/common/arw_01.png') no-repeat;
  transform: translate(0, -50%);
  transform-origin: right center;
  transition: all 0.3s;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li a::after {
    right: 15px;
  }
}

.sec_ir_panel .lower_panels li a:hover::after {
  right: 20px;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li a:hover::after {
    right: 15px;
    transition: none;
  }
}

.sec_ir_panel .lower_panels li > a > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.sec_ir_panel .lower_panels li > a > span span {
  position: relative;
  top: -1.2px;
  font-size: 112%;
}

@media screen and (width <=767px) {
  .sec_ir_panel .lower_panels li > a > span span {
    top: 0;
    font-size: 112%;
  }
}

@media all and (-ms-high-contrast: none) {
  .sec_ir_panel .lower_panels li > a > span span {
    top: -2px;
  }
}

/* ----------------------------------------

CORPORATE GOVERNANCE

---------------------------------------- */

/* sec_governance
------------------------------- */
.sec_governance .inner {
  margin-bottom: 80px;
}

@media screen and (width <=767px) {
  .sec_governance .inner {
    margin-bottom: 40px;
  }
}

.sec_governance + .sec_ir_head .inner {
  margin-bottom: 0;
}

.sec_governance + .sec_ir_head .inner .title03 {
  margin-bottom: 20px;
}

.sec_governance + .sec_ir_head .news_list {
  padding-right: 0;
  padding-left: 0;
}

.sec_governance + .sec_ir_head .news_list p {
  margin-bottom: 15px;
}

/* ----------------------------------------

FINANCIAL INFORMATION

---------------------------------------- */

/* sec_xjs_info
------------------------------- */

.sec_xjs_info {
  margin-bottom: 120px;

  @media (width <=767px) {
    margin-bottom: 60px;
  }
}

.sec_xjs_info .xjs_info_panel {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media screen and (width <=767px) {
  .sec_xjs_info .xjs_info_panel {
    flex-direction: column;
    margin-bottom: 15px;
  }
}

.sec_xjs_info .xjs_info_panel .xjs_info_box {
  flex-basis: 47.5%;
  margin-bottom: 40px;
}

@media screen and (width <=767px) {
  .sec_xjs_info .xjs_info_panel .xjs_info_box {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}

.sec_xjs_info .xjs_info_panel .xjs_info_box:nth-last-child(2) {
  margin-bottom: 0;
}

@media screen and (width <=767px) {
  .sec_xjs_info .xjs_info_panel .xjs_info_box:nth-last-child(2) {
    margin-bottom: 20px;
  }
}

.sec_xjs_info .xjs_info_panel .XJSImage_Table {
  width: 100%;
  table-layout: fixed;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
}

.sec_xjs_info .xjs_info_panel .XJSImage_Table .XJSImage_Title {
  font-size: 125%;
  font-style: normal;
  font-weight: 900;
  line-height: 1.3;
  text-align: left;
  background: none;
  border-bottom: 1px solid #262626;
}

@media screen and (width <=767px) {
  .sec_xjs_info .xjs_info_panel .XJSImage_Table .XJSImage_Title {
    font-size: 112.5%;
  }
}

.sec_xjs_info .xjs_info_panel .XJSImage_Table .XJSImage_UnitL {
  padding: 10px 0;
}

.sec_xjs_info .xjs_info_panel .XJSImage_Table .XJSImage_Main {
  padding: 0 0 10px;
  text-align: center;
}

.sec_xjs_info .xjs_info_panel .xj_chart_table {
  width: 100%;
  table-layout: fixed;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
}

.sec_xjs_info .xjs_info_panel .xj_chart_table .xj_chart_header_first {
  padding: 2px;
  font-size: 87.5%;
  background: rgb(230 227 225 / 40%);
}

.sec_xjs_info .xjs_info_panel .xj_chart_table .xj_chart_header {
  padding: 2px;
  font-size: 87.5%;
  background: rgb(230 227 225 / 40%);
}

.sec_xjs_info .xjs_info_panel .xj_chart_table .xj_chart_value {
  padding: 2px;
  font-size: 87.5%;
}

.sec_xjs_info .xjs_info_note .cap {
  padding-left: 1em;
  margin-bottom: 20px;
  font-size: 93.8%;
  text-indent: -1em;
}

@media screen and (width <=767px) {
  .sec_xjs_info .xjs_info_note .cap {
    margin-bottom: 10px;
  }
}

.sec_xjs_info .xjs_info_note .note {
  font-size: 87.5%;
}

.xjs_info_note.xjs_info_notice {
  margin-top: 30px;
}

@media screen and (width <=767px) {
  .xjs_info_note.xjs_info_notice {
    margin-top: 15px;
  }
}

.xjs_info_note.xjs_info_notice a {
  text-decoration: underline;
}

.xjs_info_note.xjs_info_notice a:hover {
  opacity: 0.7;
}

/* ----------------------------------------

STOCK INFORMATION

---------------------------------------- */

/* sec_xjs_info
------------------------------- */

.sec_stock_info .lowTbl {
  box-sizing: border-box;
  width: 100%;
  font-size: 100%;
  table-layout: fixed;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e6e3e1;
}

.sec_stock_info .lowTbl td {
  padding: 15px;
  font-size: 100%;
  border: 1px solid #e6e3e1;
}

@media screen and (width <=767px) {
  .sec_stock_info .lowTbl td {
    padding: 10px;
  }
}

.sec_stock_info .lowTbl td.t-01 {
  background: rgb(230 227 225 / 40%);
}

.sec_stock_info .lowTbl td a {
  text-decoration: none;
  opacity: 0.7;
}

.sec_stock_info .lowTbl td a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

/* ----------------------------------------

FAQ

---------------------------------------- */

/* sec_faq
------------------------------- */

.sec_faq .def_faq {
  padding-top: 25px;
  border-top: 1px solid #e6e3e1;
}

.sec_faq .def_faq:not(:last-child) {
  margin-bottom: 10px;
}

@media screen and (width <=767px) {
  .sec_faq .def_faq:not(:last-child) {
    margin-bottom: 5px;
  }
}

.sec_faq .def_faq dt {
  position: relative;
  padding: 0 40px 10px 60px;
  font-size: 125%;
  font-weight: 900;
  cursor: pointer;
}

@media screen and (width <=767px) {
  .sec_faq .def_faq dt {
    font-size: 112.5%;
  }
}

.sec_faq .def_faq dt:hover {
  opacity: 0.7;
}

.sec_faq .def_faq dt em {
  position: absolute;
  top: -13px;
  left: 15px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 157.9%;
  font-style: normal;
  font-weight: 900;
  color: #80004d;
}

@media screen and (width <=767px) {
  .sec_faq .def_faq dt em {
    top: -2px;
    left: 16px;
    font-size: 157.9%;
  }
}

.sec_faq .def_faq dt::before {
  position: absolute;
  top: 30%;
  right: 20px;
  display: block;
  width: 24px;
  height: 2px;
  content: '';
  background: #2f2f2f;
  transform: translateY(-50%);
}

@media screen and (width <=767px) {
  .sec_faq .def_faq dt::before {
    right: 10px;
    width: 16px;
  }
}

.sec_faq .def_faq dt::after {
  position: absolute;
  top: 30%;
  right: 31px;
  display: block;
  width: 2px;
  height: 24px;
  content: '';
  background: #2f2f2f;
  transform: translateY(-50%);
}

@media screen and (width <=767px) {
  .sec_faq .def_faq dt::after {
    right: 17px;
    height: 16px;
  }
}

.sec_faq .def_faq dt.is_active::after {
  display: none;
}

.sec_faq .def_faq dd {
  position: relative;
  padding: 24px 10px 20px 60px;
  margin-bottom: 30px;
  background: #f5f3f2;
}

@media screen and (width <=767px) {
  .sec_faq .def_faq dd {
    padding: 18px 10px 14px 60px;
    margin-bottom: 20px;
  }
}

.sec_faq .def_faq dd em {
  position: absolute;
  top: 8px;
  left: 16px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 187.5%;
  font-style: normal;
  font-weight: 900;
  color: #a09a96;
}

.sec_faq .def_faq dd a {
  text-decoration: none;
}

.sec_faq .def_faq dd a:hover {
  text-decoration: underline;
  opacity: 0.7;
}

/* ----------------------------------------

DISCLOSURE POLICY

---------------------------------------- */

/* sec_policy
------------------------------- */

.sec_policy:not(:nth-child(2)) .title03 {
  margin-top: 80px;
}

@media screen and (width <=767px) {
  .sec_policy:not(:nth-child(2)) .title03 {
    margin-top: 40px;
  }
}

/* ----------------------------------------

DISCLAIMER

---------------------------------------- */

/* sec_policy
------------------------------- */

.sec_disclaimer:not(:nth-child(2)) .title03 {
  margin-top: 80px;
}

@media screen and (width <=767px) {
  .sec_disclaimer:not(:nth-child(2)) .title03 {
    margin-top: 40px;
  }
}

/* ----------------------------------------

INDIVIDUAL

---------------------------------------- */

/* sec_individual
------------------------------- */

.sec_individual ~ .sec_ir_panel .title03 {
  margin-right: 100px;
  margin-left: 100px;
}

@media screen and (width <=767px) {
  .sec_individual ~ .sec_ir_panel .title03 {
    margin-right: 0;
    margin-left: 0;
  }
}

.sec_individual .individual_panel {
  display: flex;
  justify-content: space-between;
}

@media screen and (width <=767px) {
  .sec_individual .individual_panel {
    flex-direction: column;
  }
}

.sec_individual .img_individual {
  flex-basis: 30%;
  margin-left: 30px;
}

@media screen and (width <=767px) {
  .sec_individual .img_individual {
    flex-basis: 100%;
    margin-top: 30px;
    margin-left: 0;
  }
}

.sec_individual .img_individual img {
  width: 100%;
}

.sec_individual .lowTbl {
  flex-basis: 65%;
  font-size: 100%;
  table-layout: fixed;
  empty-cells: show;
  border-spacing: 0;
  border-collapse: collapse;
  border: 1px solid #e6e3e1;
}

.sec_individual .lowTbl td {
  padding: 15px;
  font-size: 100%;
  border: 1px solid #e6e3e1;
}

@media screen and (width <=767px) {
  .sec_individual .lowTbl td {
    padding: 10px;
  }
}

.sec_individual .lowTbl td.t-01 {
  width: 10em;
  background: rgb(230 227 225 / 40%);
}

.sec_individual .icon_pdf {
  display: inline-block;
  padding: 0 7px;
  margin-left: 15px;
  font-family: urw-din-condensed, sans-serif;
  font-size: 87.5%;
  font-weight: 900;
  border: 1px solid #262626;
}

.news-list-title-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sec_ir_head .news_list .link-button {
  display: grid !important;
  flex: none !important;
  width: auto !important;
  height: auto !important;
}

h2 {
  margin-bottom: 0.5em;
  font-size: clamp(1.875rem, 1.554rem + 1.61vw, 3rem);
  font-weight: 700;
  line-height: 1.2;

  :is(html[lang='ja'], html[lang='jp']) :is(&:not(.en-label)) {
    font-size: clamp(1.75rem, 1.536rem + 1.07vw, 2.5rem);
  }
}

h3 {
  margin-bottom: 0.5em;
  font-size: clamp(1.5rem, 1.286rem + 1.07vw, 2.25rem);
  font-weight: 700;
  line-height: 1.2;

  :is(html[lang='ja'], html[lang='jp']) :is(&:not(.en-label)) {
    font-size: clamp(1.25rem, 1.036rem + 1.07vw, 2rem);
  }
}

img {
  display: block;
  margin: auto;
}

/* 個人投資家の皆様へ INDIVIDUAL  */

.individual-wrapper {
  display: flex;
  gap: 1rem;
  justify-content: stretch;

  @media screen and (width <= 767px) {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.individual-section-title {
  margin-bottom: 5rem;
  font-size: clamp(24px, 3.5vw, 48px);

  @media screen and (width <=767px) {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
  }
}

.individual-table-container {
  width: 60%;
  height: 100%;
  margin-bottom: 8rem;
  overflow: hidden;
  font-size: 1.125rem;
  color: var(--color-black);
  border: 1px solid #e0e0e0;
  border-radius: 8px;

  @media screen and (width <=767px) {
    width: 100%;
    margin-bottom: 0;
    font-size: 0.8rem;
  }
}

.individual-styled-table {
  width: 100%;
  border-spacing: 0;
  border-collapse: separate;
}

.individual-styled-table th {
  width: 25%;
  padding: 16px 28px;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  background-color: rgb(230 227 225 / 40%);
  border-right: 1px solid var(--color-light-gray);
  border-bottom: 1px solid var(--color-light-gray);

  @media screen and (width <=767px) {
    padding: 16px;
  }
}

.individual-styled-table td {
  padding: 16px 28px;
  line-height: 1.8;
  vertical-align: middle;
  text-align: left;
  background-color: var(--color-white);
  border-bottom: 1px solid var(--color-light-gray);

  @media screen and (width <=767px) {
    padding: 16px;
  }
}

.individual-styled-table tr:last-child th,
.individual-styled-table tr:last-child td {
  border-bottom: none;
}

.individual-pdf-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.individual-pdf-link {
  display: inline-flex;
  gap: 1rem;
  align-items: center;
  color: var(--color-black);
  text-decoration: none;
}

.individual-pdf-icon-pdf {
  display: inline-block;
  width: 16px;
  height: 20px;
  background-color: var(--color-white);
  border: 1px solid var(--color-light-gray);
  border-radius: 2px;
}

.individual-file-size {
  font-size: 0.75rem;
  color: var(--color-black);

  @media screen and (width <=767px) {
    font-size: 0.5rem;
  }
}

.individual-seminar-img {
  flex: 1 1 auto;
  object-fit: contain;
}

/* grid section */
.individual-grid-nav-section {
  margin-bottom: 7.5rem;

  @media screen and (width <=767px) {
    margin-bottom: 2.5rem;
  }
}

.individual-grid-nav-container {
  display: grid;
  grid-template-columns: repeat(2, 50.5%); /* 1fr creates white space in some width */
  gap: 0;
  width: 100%;
  margin: 0 auto;

  @media screen and (width <=767px) {
    grid-template-columns: repeat(1, 100%);
  }
}

.individual-grid-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 350px;
  container-type: inline-size;
  overflow: hidden;
  text-decoration: none;
  background-color: var(--color-gray);
  transform: translateZ(0);

  @media screen and (width <=767px) {
    height: 100px;
  }
}

.individual-grid-nav-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
  transform: scale(1) translateZ(0);
  backface-visibility: hidden;
  transition: transform 0.3s ease;
  will-change: transform;
}

.individual-grid-nav-text {
  position: relative;
  z-index: 3;
  width: 80%;
  font-family: 'Roboto Condensed';
  font-size: clamp(11px, 6cqw, 40px);
  color: var(--color-white);
  text-align: center;
  letter-spacing: -0.05em;
  white-space: nowrap;
  text-shadow: 0 2px 4px rgb(0 0 0 / 50%);
}

.individual-grid-nav-item:hover .individual-grid-nav-bg {
  transform: scale(1.03);
}