﻿@charset "utf-8";

/* -----------------------------------------------------------
  IR common
----------------------------------------------------------- */
:root {
  --main_color: #5b5b5b;
}

body {
}
body.fontM {
  font-size: 14px;
}
#wrapper {width: 100%;}
header nav.hidden {
  display: block;
}
a:hover {
  color: #939090;
}
.ir_box div.clear {
	clear: both;
	height: auto;
	width: auto;
	font-size: inherit;
	line-height: inherit;
}
.ir:not(.ir_top) .ir_box > a {text-decoration: underline;}

h1 {
  background: none;
  height: auto;
  padding: 0;
}
.page_title2 {
  line-height: normal;
  padding: 32px 0 0;
}
.page_title2 span {
  line-height: inherit;
}
h2 {
  background: none;
  padding: 0;
  margin-bottom: 0;
  font-weight: inherit;
}
img {
  width: auto;
  max-width: 100%;
}
i {font-style: italic;}
font[size="1"] {
  display: block;
  font-size:10px;
  line-height: 1.4;
}
font[size="2"] {
  display: block;
  font-size:12px;
  line-height: 1.4;
}
font[size="3"] {
  display: block;
  font-size:14px;
  line-height: 1.4;
}
font[size="4"] {font-size:18px;}
font[size="5"] {font-size:24px;}
font[size="6"] {font-size:32px;}
.ir_contents .irc_clear {}
.ir_box {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  padding: 0 25px;
  margin: auto;
}
.ir_box * {
  box-sizing: border-box;
  letter-spacing: normal;
}


/* -----------------------------------------------------------
  H1~H6
----------------------------------------------------------- */
/* H1 */
.ir_page_title {
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: 0.2em;
  margin: 100px 0;
}
.ir_top .ir_page_title {
  display: none;
}
/* H2 */
.page_title02 {
  margin: 100px auto 0;
}
.page_title02 > span {
  display: inline-block;
  font-size: 20px;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  line-height: 1.7;
  border-bottom: solid 1px #5b5b5b;
  padding-bottom: 15px;
}
.page_title02 + .irc_clear {
  margin-top: 40px;
  height: 0;
}

/* H3 */
.page_title03 {
  font-size: 20px;
  color: #539286;
  letter-spacing: 0.2em;
  line-height: 1;
  margin: 60px auto 0;
}
.page_title03 + .irc_clear {
  margin-top: 40px;
  height: 0;
}
/* H4 */
.page_title04 {
  font-size: 18px;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  margin: 40px auto 0;
}
.page_title04 + .irc_clear {
  margin-top: 20px;
  height: 0;
}
/* H5 */
.page_title05 {
  font-size: 20px;
  color: #4c4848;
  letter-spacing: 0.2em;
  line-height: 1.5;
  font-weight: 700;
  margin: 30px auto 0;
}
.page_title05 + .irc_clear {
  margin-top: 18px;
  height: 0;
}

/* -----------------------------------------------------------
  TOP (.ir_top)
----------------------------------------------------------- */
.jp{color:#333;}
.en{color:#333;}
#titleHeader {
    background: url(../img/kv_sus.png) no-repeat center bottom / cover;
    
}
@media only screen and (max-width:800px){
#titleHeader {
    background: url(../img/kv_sus_sp.png) no-repeat center bottom / cover;
}
}
#titleHeader {
  width: 100%;
  height: 323px;
}
#titleHeader h1,
#titleHeader .h1_style {
  text-align: center;
  padding: 170px 25px 0;
  color: #fff;
}
#titleHeader h1 .jp,
#titleHeader .h1_style .jp {
  margin: 0 auto 14px;
  font-size: 35px;
  font-feature-settings: "palt";
  letter-spacing: 0.3em;
  line-height: 1;
  display: block;
}
#titleHeader h1 .en,
#titleHeader .h1_style .en {
  font-size: 14px;
  font-feature-settings: "palt";
  letter-spacing: 0.2em;
  line-height: 1;
  display: block;
}
.breadcrumbs_cont {  
  background: url(../.././assets/img/bg_topicpath.png) repeat center center / auto auto;
}
.breadcrumbs_cont .breadcrumbs {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 30px;
}
.breadcrumbs_cont .breadcrumbs .breadcrumb__item {
  display: inline-block;
  font-size: 11px;
  color: #595757;
}
.breadcrumbs_cont .breadcrumbs .breadcrumb__item:not(:last-of-type)::after {
  content: ">";
  padding: 0 1em;
  color: #8a8a8a;
}
.main_nav {
  text-align: center;
  background: #f8f7f7;
  padding: 10px 25px;
}
.ir_top .main_nav {
  /*display: none;*/
}
.main_nav li {
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  padding: 0 0.7em;
  border-right: 1px solid #5b5b5b;
}
.main_nav li:last-of-type {
  border-right: none;
}
.main_nav li a {
}
.main_nav li a:hover,
.main_nav li.current a {
  text-decoration: underline;
  color: #5b5b5b;
}

.sub_nav {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 70px 0 60px;
}
.ir_top .sub_nav {
  /*display: none;*/
}
.sub_nav li {
  box-sizing: border-box;
  float: none;
  display: table;
  width: 24%;
  height:auto;
  border-right: none;
  margin: 0 1.3% 1.3% 0;
  border-radius: 6px;
  overflow: hidden;
}
.sub_nav li:nth-of-type(4n) {
  margin-right: 0;
}
.sub_nav li a {
  /*display: block;*/
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  color: #221815;
  background: #eee;
  padding: 18px 12px;
  position: relative;
  text-decoration: none;
}
.sub_nav li a:hover,
.sub_nav li a.current {
  background: #898989;
  color: #fff;
}

.ir_top h2 {
  font-size: 28px;
  line-height: 1;
  margin: 60px 0 30px;
}
.ir_top h2 span {
  font-size: 14px;
  margin: 0 0 0 2em;
}
.ir_info {
  margin: 0 0 60px;
}
.ir_info .news_more {
  position: absolute;
  bottom: -5em;
  right: 0;
}
.ir_info .news_more > li {
  display: inline-block;
  font-size: 15px;
  padding-left: 23px;
}
div.ir_info ul li.rss,
div.ir_info ul li.index {
  position: static;
}
.ir_info .news_more > li a {
  font-size: 17px;
}
.ir_info .news_more > li a img {
  vertical-align: baseline;
  margin-right: 3px;
}
.ir .irc_release,
.ir .irc_calendar_L,
#library_index li {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #9e9e9f;
  margin: 0;
  padding: 22px 0;
  vertical-align: bottom;
}
.news_more + .irc_release,
.news_more + .irc_calendar_L {
  border-top: 1px solid #9e9e9f;
}
.irc_release_iconnull {display: none;}
.ir .irc_release .irc_release_yyyymmdd,
.ir .irc_calendar_L .irc_calendar_Lyymmdd,
#library_index li .irc_library_yymmdd {
  width: 150px;
  font-size: 14px;
  font-weight: 400 !important;
  line-height: 1.5;
  float: left;
  letter-spacing: 1px;
  margin: 0;
}
.ir .irc_release .irc_release_title,
.ir .irc_calendar_L .irc_calendar_Ltext,
#library_index li .irc_library_txt {
  width: calc(100% - 160px);
  font-size: 14px;
  line-height: 1.5;
  float: left;
  margin: 0;
}
.ir .irc_release .irc_release_icon + .irc_release_title {
  width: calc(100% - 240px);
}
.irc_release_icon {
  line-height: 1.4;
  width: 70px;
}
.irc_release_yyyyselect li {
  margin-top: 10px;
}

.bottom_nav {
  display: flex;
  flex-wrap: wrap;
  margin: 160px 0 80px;
}
.bottom_nav dl {
  box-sizing: border-box;
  width: 24%;
  border-right: none;
  margin: 0 1.3% 20px 0;
  background: #f8f7f7;
  border-radius: 6px;
  overflow: hidden;
}
.bottom_nav dl:nth-of-type(4n),
.bottom_nav dl:last-of-type {
  margin-right: 0;
}
.bottom_nav dl dt {
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}
.bottom_nav dl dt a {
  display: block;
  width: 100%;
  line-height: 1;
  font-size: 16px;
  color: #221815;
  background: #dfe1e2;
  text-decoration: none;
  padding: 18px 10px;
}
.irc_titleline2 a{
  padding: 10px 10px !important;

}

.bottom_nav dl dd {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.9;
  padding: 15px 20px;
}
.bottom_nav dl dd ul li {
  text-indent: -1.1em;
  padding-left: 1.1em;
}
.bottom_nav dl dd ul li::before {
  content: ">";
  margin-right: 0.5em;
}
.bottom_sub_nav {
  position: relative;
  text-align: center;
  background: #f8f7f7;
  padding: 8px 20px;
  margin: 40px 0 80px;
}
.bottom_sub_nav::after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100vw - 50px);
  max-width: 1200px;
  height: 100%;
  transform: translateX(-50%);
  z-index: -1;
  background: #f8f7f7;
}
.bottom_sub_nav li {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
}
.bottom_sub_nav li a {
  text-decoration: none;
}




/*freetable background*/
.irc_freetable .FT_ffffff {background-color: #ffffff;}
.irc_freetable .FT_eeeeef {background-color: #eeeeef;}
.irc_freetable .FT_e5ecf4 {background-color: #e5ecf4;}
.irc_freetable .FT_EDE8D8 {background-color: #EDE8D8;}
.irc_freetable .FT_898989 {background-color: #898989;color: #fff;}
/*irc_jpglink*/
.irc_jpglink {float: none;}
.irc_graphcircle_notetable {
  color: #555555;
  max-width: 400px;
}
.irc_graphcircle_note1 {max-width: 380px;}
.irc_graphcircle_notetable tr {
  border-bottom: 1px dashed #c2c2c2;
}
.irc_graphcircle_notetable tr td,
.irc_graphcircle_notetable tr th {
  vertical-align: inherit;
}


/* -----------------------------------------------------------
  IR-cms
----------------------------------------------------------- */
.irc_jpg {margin: 0px auto 0px;}

/* -----------------------------------------------------------
 irc_event
----------------------------------------------------------- */
.accbtn_open,
.accbtn_close {
  margin-top: 10px;
}
.accbtn_open {
  background-color: var(--main_color);
}
.accbtn_close {
  background-color: #3e3e3e;
}
.irc_event {}
.irc_event .irc_event_title {
  padding: 0 0 3px 10px;
  border-left: solid 5px var(--main_color);
  border-bottom: 1px solid #e0e0e0;
  font-size: 18px;
}
.irc_event .irc_event_table {
  width: 100%;
  border: solid 1px #ccc;
}
.irc_event .irc_event_table th,
.irc_event .irc_event_table td {
  padding: 14px 20px;
}
.irc_event .irc_event_table th {
  border: solid 1px #ccc;
  background: #eee;
}
.irc_event .irc_event_table td {
  border: solid 1px #ccc;
}

/* -----------------------------------------------------------
 irc_financeboxmenu
----------------------------------------------------------- */
.irc_financeboxmenu {}
.irc_financeboxmenu .irc_financeboxmenu_each {
  width: 33%;
  height: auto;
  background: #eee;
  color: #221815;
  text-align: center;
  border: none;
  font-weight: bold;
  font-size: 12px;
  margin: 0 0.5% 0.5% 0;
  float: left;
}
.irc_financeboxmenu .irc_financeboxmenu_eachOn {
  background: #898989;
  width: 33%;
  height: auto;
  text-align: center;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  border: none;
  margin: 0 0.5% 0.5% 0;
  float: left;
}
.irc_financeboxmenu .irc_financeboxmenu_each:nth-of-type(3n),
.irc_financeboxmenu .irc_financeboxmenu_eachOn:nth-of-type(3n) {
  margin: 0 0 0.5%;
}
.ir:not(.ir_top) .irc_financeboxmenu .irc_financeboxmenu_each a,
.ir:not(.ir_top) .irc_financeboxmenu .irc_financeboxmenu_eachOn a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 0;
  position: relative;
  left: 0;
  right: 0;
  line-height: 16px;
  text-decoration: none;
  transition: 0.3s;
}
.ir:not(.ir_top) .irc_financeboxmenu .irc_financeboxmenu_each a {
  color: #3e3a39;
}
.ir:not(.ir_top) .irc_financeboxmenu .irc_financeboxmenu_eachOn a {
  color: #fff !important;
}
.irc_financeboxmenu a:hover {
  background: #898989;
  color: #fff !important;
}
/* -----------------------------------------------------------
 irc_financetable
----------------------------------------------------------- */
.irc_financetable th {background: #e0e0e0;}
.irc_financetable .irc_financetable_title {
  text-align: left !important;
  background: #eee;
}


/* -----------------------------------------------------------
  irc_graphbar
----------------------------------------------------------- */
.irc_graphbar_img1 {background: none;}

.irc_graphbar_img {
  margin: 0 10px;
}

/* -----------------------------------------------------------
 irc_sitemap
----------------------------------------------------------- */
.ir:not(.ir_top) .irc_sitemap {
  border-bottom: 1px dashed #8a8a8a;
  margin: 0 0 120px;
}
.ir:not(.ir_top) .irc_sitemap li {
  padding: 15px 20px;
  border-bottom: 1px dashed #8a8a8a;
  text-indent: 0;
}
.ir:not(.ir_top) .irc_sitemap li::before {content: none;}
.irc_sitemap li:last-child {
  border-bottom: none;
}
.ir:not(.ir_top) .irc_sitemap li a {
  display: block;
  font-size: 14px;
  color: inherit;
  text-decoration: none;
}
.ir:not(.ir_top) .irc_sitemap li a:hover {
  color: var(--main_color);
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv1 {
  border-top: 2px solid var(--main_color);
  padding: 15px 20px;
  border-bottom: 1px dashed #8a8a8a;
  background: none;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv1 a {
  display: block;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv1 a {
  font-weight: 500;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv2,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv2last,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lvsub,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lvsublast {
  margin: 0 0 0 12%;
  background: none;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv3 {
  margin: 0 0 0 24%;
  padding: 5px 20px;
  background: none;
  border-bottom: none;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv3 + li.irc_sitemap_lv2,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv3 + li.irc_sitemap_lv2last,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv3 + li.irc_sitemap_lvsub {
  border-top: 1px dashed #8a8a8a;
  margin-top: 15px;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv2 + li.irc_sitemap_lv3,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lv2last + li.irc_sitemap_lv3,
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lvsub + li.irc_sitemap_lv3 {
  margin-top: 15px;
}
.ir:not(.ir_top) .irc_sitemap li.irc_sitemap_lvsub + li.irc_sitemap_lvsublast {
  border-bottom: none;
}

/* -----------------------------------------------------------
 irc_faq_tabbox / よくあるご質問
----------------------------------------------------------- */
.irc_faq_tabbox .irc_faq_tab,
.irc_faq_tabbox .irc_faq_tab0 {
  padding: 0;
}
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab a,
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab0 a {
  display: block;
  font-weight: 700;
  background: #eee;
  color: #3e3a39;
  text-decoration: none;
  padding: 10px 0;
  transition: 0.3s;
}
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab a:hover,
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab0 a:hover {
  background: var(--main_color);
  color: #fff;
}
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab[style$="rgb(228, 228, 228);"] a,
.ir:not(.ir_top) .irc_faq_tabbox .irc_faq_tab0[style$="rgb(228, 228, 228);"] a {
  background: var(--main_color);
  color: #fff;
}
.irc_question,
.irc_answer {
  position: relative;
  background: none;
}
.irc_question::before,
.irc_answer::before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}
.irc_qa {padding: 0 0 0 10px;}
.irc_qa .irc_question::before,
.irc_qa .irc_answer::before {
  /*left: 10px;*/
}
.irc_question::before {
  content: "Q";
  color: #000;
}
.irc_answer::before {
  content: "A";
  color: var(--main_color);
}
.irc_question a,
.irc_answer a {
  text-decoration: underline;
}

/* -----------------------------------------------------------
 library_index / IR資料室
----------------------------------------------------------- */
#library_index li:first-of-type {
  padding-top: 0;
}
.ir:not(.ir_top) #library_index a {
  text-decoration: none;
  color: inherit;
}
.ir:not(.ir_top) #library_index a:hover {
  color: var(--main_color);
}


/*.irc_library_title*/
.irc_library_title {
  margin: 0;
  padding: 8px 0 8px 15px;
  border-bottom: 1px solid #363636;
  background: none;
}
.irc_library_each {
  padding: 17px 15px;
  margin: 0;
  border-bottom: 1px dashed #c2c2c2;
}
.irc_library_each:last-of-type {
  margin: 0 0 15px;
}
.irc_library_each .irc_library_txt0 {
  margin: 0;
}
.irc_library_each .irc_library_txt0 > span::before {
  content: "NEW";
  color: var(--main_color);
  padding: 0 0 0 10px;
}
.irc_library_each .irc_library_txt0 > span img {
  display: none;
}
.ir:not(.ir_top) .irc_library_each a {
  color: inherit;
}

/* -----------------------------------------------------------
 irc_StatementsTable / 貸借対照表
----------------------------------------------------------- */
.irc_StatementsTable .irc_StatementsTableT1,
.irc_StatementsTable .irc_StatementsTable1 {
  background-color: #e5effa;
}


/*ボックスメニュー*/
.irc_boxmenu{
  display: flex;
  flex-wrap: wrap;
	margin:0;
	padding:0;
}
.irc_boxmenu li{
	margin:0 2% 40px 0;
	float:none;
	width:32%;
}

.irc_boxmenu li:nth-child(3n) {margin:0 0 40px;}
.irc_boxmenu_eachbox{
	margin:0 8px 0 8px;
	padding:0;
	/*border:1px solid #ddd;*/
  background: #F2F2F2;
}

.irc_boxmenu_eachboxR{
	/*margin:0 0 0 20px;*/
}
.irc_boxmenu_eachboxL{
}
/*背景画像があるとき*/
.irc_boxmenu_eachboxIMG a:hover {
	background-color:#ffffff;
	opacity:0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}
.irc_boxmenu li a{
  height: 100%;
  background: #f7f7f7;
	text-decoration:none;
	display:block;
}
.irc_boxmenu li a:hover{
}
.irc_boxmenu li a span.irc_boxmenu_title{
	font-weight: bold;
  background:#eeeeef;
  color: #004896;
	display:block;
  text-align:center;
  line-height: 1.5;
  padding: 0.5em 1em;
  font-size:1.2em;
}
.irc_boxmenu li a span.irc_boxmenu_caption{
	padding:1em;
	display:block;
  line-height:1.7;
}
.irc_boxmenu li a:hover span.irc_boxmenu_title{
  background:#e5ecf4;
}
.irc_boxmenu li:hover {
  background:#004896;
}
.irc_boxmenu li a:hover span.irc_boxmenu_caption{
  color: #004896;
}

/*IRカレンダー*/
.irc_calendar_table{
	margin:0;
	border-collapse: collapse;
	width:100%;
	border: 1px solid #d8d8d8;
}
.irc_calendar_table td,
.irc_calendar_table th {
  padding: 6px 10px;
}
.irc_calendar_table td{
	border: 1px solid #d8d8d8;
}
.irc_calendar_yyyy{
	width:20%;
	background:#e4e4e4 !important;
	font-weight: bold;
}
.irc_calendar_mm{
	width:20%;
	background:#eeeeee !important;
}
.irc_calendar_text{
	text-align:left;
}
.irc_calendar_L{
	margin:0 0 10px -3px;
	clear:both;
}
.irc_calendar_Lyymmdd{
	float:left;
	margin:0 15px 0 0;
	font-size:0.9em;
}
.irc_calendar_Ltext{
	float:left;
	margin:0 0 10px 0;
	font-size:0.9em;
}





/*sus top*/
.width100{
	background-color:#f9f8f8;
	margin:0 calc(50% - 50vw);
	width:100vw;
	padding:50px 0;
}
.width100_block{
	width:1000px;
	margin:0 auto;
	display:flex;
}
.width100_blockL{
	float:left;
	width:50%;
}
.width100_blockR{
	float:left;
	width:50%;
}
.sus_top h2 {
    font-size: 28px;
    line-height: 1;
    margin: 0px 0 20px;
}
.float_R{
	float:right;
}


