@charset "UTF-8";
/* CSS Document */

/*------------------------------
  共通
-------------------------------*/
.mainWrap #titleSec { background: url("/ir/images/pages_title_bg.png") no-repeat center top / cover; }

ul.categoryTopList { margin-top: 28px; border-bottom: solid 1px #e3e8ea; }
ul.categoryTopList li { padding: 25px 0 28px; border-top: solid 1px #e3e8ea; font-size: 106%; }
ul.categoryTopList li a[target="_blank"] { background: none; }
ul.categoryTopList li a .iconPos { margin-left: 15px; width: 13px; }
ul.categoryTopList li a .newIcon { margin-left: 10px; color: #fff; font-weight: bold; font-size: 65%; padding: 2px 8px 5px; line-height: 1; border-radius: 30px; background-color: #ff0000; }

#noTitle { margin-top: 55px; text-align: center; }

.borderTopTitle span span { font-size: 50%; font-weight: normal; margin-left: 20px; }

ul.categoryTopList + .borderTopTitle,
.txtBtnL + .borderTopTitle { margin-top: 85px; }

.txtBtnL { width: auto; text-align: center; }
.txtBtnL a { padding: 18px 27px; display: inline-block; border-radius: 40px; min-width: 350px; }
.txtBtnL a span { display: block; padding: 0 40px; }

.scrollTable table th,
.scrollTable table td { border: solid 1px #e5e5e5; }
.scrollTable table th:last-child,
.scrollTable table td:last-child { border-right: none; }
.scrollTable table th { background-color: #f6f6f6; font-weight: bold; text-align: center; }
.scrollTable table th:first-child,
.scrollTable table td:first-child { border-left: none; }

/*------------------------------
  index
-------------------------------*/
.mainWrap #titleSec.indexMv { position: relative; }
.mainWrap #titleSec.indexMv #titleArea { transform: translateY(-10px); }
.mainWrap #titleSec.indexMv #latestArea { position: absolute; bottom: -120px; left: 0; right: 0; margin: 0 auto; background-color: rgba(255, 255, 255, 0.95); border-radius: 15px; width: 1240px; padding: 25px 50px; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); }
.mainWrap #titleSec.indexMv #latestArea #latestTitleInner { display: flex; align-items: center; }
.mainWrap #titleSec.indexMv #latestArea #latestTitleInner h4 { font-size: 131%; color: #0a273f; }
.mainWrap #titleSec.indexMv #latestArea #latestTitleInner h4 + div { margin-left: 25px; font-size: 88%; }
.mainWrap #titleSec.indexMv #latestArea #latestTitleInner h4 + div .iconZip { background-color: #008ed8; color: #fff; padding: 2px 5px; line-height: 1; font-size: 85%; margin: 0 1em; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner { display: flex; justify-content: space-between; text-align: left; margin-top: 20px; } 
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl { width: 360px; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl:nth-of-type(2) { width: 420px; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl + dl { border-left: solid 1px #a9abac; padding-left: 40px; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl dt { font-size: 106%; color: #008ed8; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl dd { margin-top: 5px; font-size: 88%; line-height: 1.8; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl dd .iconPos { width: 13px; padding-bottom: 3px; margin-left: 19px; }
.mainWrap #titleSec.indexMv #latestArea #latestDlInner dl dd a[target="_blank"] { padding: 0; background: none; }
.mainWrap #titleSec.indexMv + .singleColumn { margin-top: 160px; }

#irContentsArea .borderTopTitle:first-of-type { margin-top: 0; }
#irContentsArea .borderTopTitle { margin-top: 80px; }
#irContentsArea ul.indexList { margin-top: 38px; display: flex; flex-wrap: wrap; }
#irContentsArea ul.indexList li { width: 400px; margin-left: 20px; }
#irContentsArea ul.indexList li:nth-child(3n+1) { margin-left: 0; }
#irContentsArea ul.indexList li:nth-child(n+4) { margin-top: 20px; }
#irContentsArea ul.indexList li a { display: block; height: 100%; padding: 18px 18px 30px; }
#irContentsArea ul.indexList li a[target="_blank"] { background: none; }
#irContentsArea ul.indexList li div { display: flex; justify-content: space-between; align-items: center; font-size: 140%; }
#irContentsArea ul.indexList li div img { width: 38px; }
#irContentsArea ul.indexList li p { margin-top: 5px; padding-right: 10px; line-height: 1.8; }
#irContentsArea ul.indexList li p .atComment { display: block; font-size: 86%; }

#irContentsArea ul.newsList { margin-top: 30px; }
#irContentsArea ul.newsList li a { padding: 30px 0 25px; font-size: 113%; display: flex; }
#irContentsArea ul.newsList li a .newsDate { color: #008ed8; font-size: 71%; line-height: 2; }
#irContentsArea ul.newsList li a .newsTitle { margin-left: 50px; flex: 1; }

/*------------------------------
  NEWS
-------------------------------*/
#newsContentsArea ul.newsList + h3.borderTopTitle { margin-top: 100px; }
#newsContentsArea .contentsInner > div { margin: 0; }
#newsContentsArea .contentsInner > div ul.newsList { margin-top: 27px; }

/*------------------------------
  highlights
-------------------------------*/
#highlightsContentsArea ul#highlightsList { margin-top: 25px; display: flex; justify-content: space-between; flex-wrap: wrap; }
#highlightsContentsArea ul#highlightsList li { width: 460px; }
#highlightsContentsArea ul#highlightsList li:nth-child(n+3) { margin-top: 85px; }
#highlightsContentsArea ul#highlightsList li h4 { color: #008ed8; font-size: 140%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#highlightsContentsArea ul#highlightsList li h4 span { font-size: 70%; color: #000; flex: 1; text-align: right; }
#highlightsContentsArea ul#highlightsList li div { margin-top: 12px; }

#highlightsContentsArea .scrollTable { margin-top: 80px; }
#highlightsContentsArea .scrollTable table#highlightsTable tr.talbeBg01 { background-color: #fafafa; }
#highlightsContentsArea .scrollTable table#highlightsTable th { padding: 25px 15px; }
#highlightsContentsArea .scrollTable table#highlightsTable th:first-child { width: 125px; }
#highlightsContentsArea .scrollTable table#highlightsTable th:nth-child(n+3) { width: 160px; }
#highlightsContentsArea .scrollTable table#highlightsTable td { text-align: right; padding: 25px; }
#highlightsContentsArea .scrollTable table#highlightsTable td:first-child,
#highlightsContentsArea .scrollTable table#highlightsTable td[rowspan] + td { font-weight: bold; text-align: center; padding: 25px 15px; }
#highlightsContentsArea .scrollTable table#highlightsTable td[rowspan] { font-weight: bold; text-align: left; padding: 25px 15px; border-left: none; }

#highlightsContentsArea #attentionBox { background: #eef5f8; padding: 30px; margin-top: 100px; }
#highlightsContentsArea #attentionBox h4 { font-size: 140%; }
#highlightsContentsArea #attentionBox ul { margin-top: 10px; }
#highlightsContentsArea #attentionBox ul li { padding: 10px 0 10px 14px; font-size: 107%; position: relative; }
#highlightsContentsArea #attentionBox ul li::before { position: absolute; content: "●"; font-size: 40%; color: #008ed8; left: 0; top: 2.8em; }

/*------------------------------
  disclosurepolicy
-------------------------------*/
#disclosurepolicyContentsArea h3 + div { margin-top: 37px; line-height: 1.8; }
#disclosurepolicyContentsArea div + h3 { margin-top: 75px; }
#disclosurepolicyContentsArea .policyName { margin-top: 63px; }

/*------------------------------
  tangen
-------------------------------*/
#tangenContentsArea h3 + p { margin-top: 40px; line-height: 1.8; }
#tangenContentsArea h4 { margin-top: 60px; }
#tangenContentsArea h4 + p { margin-top: 35px; line-height: 1.8; }
#tangenContentsArea .scrollTable { margin-top: 45px; }
#tangenContentsArea .scrollTable table#tangenTable { font-size: 93%; }
#tangenContentsArea .scrollTable table#tangenTable tr th { border-bottom: none; }
#tangenContentsArea .scrollTable table#tangenTable tr:nth-child(2) td { border-top: none; }
#tangenContentsArea .scrollTable table#tangenTable th { padding: 18px 15px; }
#tangenContentsArea .scrollTable table#tangenTable th:first-child { width: 265px; }
#tangenContentsArea .scrollTable table#tangenTable td { padding: 30px 35px; }
#tangenContentsArea .scrollTable table#tangenTable td:first-child { text-align: center; vertical-align: middle; }
#tangenContentsArea .scrollTable table#tangenTable td div { margin-top: 5px; }
#tangenContentsArea .scrollTable table#tangenTable td dl { display: flex; flex-wrap: wrap; line-height: 1.7; }
#tangenContentsArea .scrollTable table#tangenTable td dl dt { width: 200px; }
#tangenContentsArea .scrollTable table#tangenTable td dl dd { width: calc(100% - 200px); }