/* ===================================
	File Name   : ir.css
	Description : IR Layout CSS
	Editor      : Bface Otake
	Last Editor : Bface Otake
	
	Update Description :
	[2024/09/03] 新規作成
====================================== */

/*========== Style Contents ==========

	1. Individual Redefinition
	2. Share Elements
	3. Page [index] Setting
  4. Page [stockholder] Setting
  5. Page [message] Setting
	
====================================== */

/*===== ■1. Individual Redefinition =====*/



/*===== ■2. Share Elements =====*/
.linkGroupType01 > ul > li {
  width: 30rem;
}
@media (max-width: 768px) {
  .linkGroupType01 > ul > li {
    width: 50%;
  }
}

#ir_news > section > .inner > .inner.type01,
#ir_press > section > .inner > .inner.type01 {
  padding: 40px;
  background: #fff;
}

#ir_press > .breadcrumb + section {
  margin-top: -20px;
}


/*===== ■3. Page [index] Setting =====*/
ul[class*="panelType"] ul.detailLink { width: 300px;}



/*===== ■4. Page [stockholder] Setting =====*/
#stockholder  .tableType01.inTable .tableType01 td {
  border: 0;
  border-bottom: 1px solid #ababab;
  height: 9rem;
}


/*===== ■5. Page [stockholder] Setting =====*/
#message_contents .inner > div:first-of-type {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
#message_contents .inner > div:first-of-type figure img {
  max-width: 28rem;
}
#message_contents .inner > div:first-of-type figure img:nth-child(2) {
  margin-top: 1rem;
}
#message_contents .inner > h2:nth-child(2) {
  margin-top: 2rem;
}


@media (max-width: 768px) {
  #message_contents .inner > div:first-of-type {
    display: flex;
    flex-direction: column-reverse;
  }
  #message_contents .inner > div:first-of-type figure {
    width: 25rem;
    margin: 3rem auto;
  }
  #message_contents .inner > div:first-of-type figure img {
    max-width: 100%;
  }
  #message_contents .inner > div:first-of-type figure img:nth-child(2) {
    max-width: 80%;
  }
  #message_contents .inner > h2:nth-child(2) {
    margin-top: 4rem;
  }
}