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


/* IR TOP
------------------------------------------------------------- */
#irtop1 .inner{
  display: flex;
  justify-content: space-between;
}


#irtopslide{
	position:relative;
  height:260px;
  width: 610px;
}
/* slideshow area */
#slideshow{
	width:100%;
	height:260px;
}
#slideshow .slideimg div {
  background-position: center 0;
  background-repeat:no-repeat;
	width:100%;
  height:260px;
  float: left;
 }
#slideshow .slideimg div a{
  display: block;
  width: 100%;
  height: 100%;
  transition:opacity 0.3s;
}
#slideshow .slideimg div a:hover{
  opacity: 0.7;
}
#slideshow .slideimg div#img1 a{ background-image:url("../../ir/img/img_irtop01.jpg"); }
#slideshow .slideimg div#img2 a{ background-image:url("../../ir/img/img_irtop02.jpg"); }
#slideshow .slideimg div#img3 a{ background-image:url("../../ir/img/img_irtop07.png"); }

#slidebtns{
	position:absolute;
	top:119px;
	left:0;
	right:0;
	z-index:10;
	
}
#inslidebtns{
	max-width:610px;
	position:relative;
	margin:0 auto;
}
#slidebtns ul{
}
#slidebtns ul li#btnprev{
	position:absolute;
	top:0;
	left:-16px;
}
#slidebtns ul li#btnnext{
	position:absolute;
	top:0;
	right:-16px;
}
#slidebtns ul li a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	width:30px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
  opacity: 0.7;
  transition: opacity .3s;
}
#slidebtns ul li a:hover{
  opacity: 1.0;
}
#slidebtns ul li#btnprev a{
	background-image:url(../../img/btn_prev_s.png);
}
#slidebtns ul li#btnnext a{
	background-image:url(../../img/btn_next_s.png);
}

#irtop1 .irtopbtns{
  width: 540px;
}
#irtop1 .irtopbtns ul{
  display: flex;
  justify-content: space-between;
}
#irtop1 .irtopbtns ul li a{
  width: 260px;
  background-position: 0 0;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: opacity 0.3s;
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#irtop1 .irtopbtns ul li:nth-of-type(1) a{
  color: #FFFFFF;
  background-image: url("../../ir/img/img_irtop03.jpg");
  height: 260px;
}
#irtop1 .irtopbtns ul li:nth-of-type(2){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#irtop1 .irtopbtns ul li:nth-of-type(2) a{
  height:120px;
}
#irtop1 .irtopbtns ul li:nth-of-type(2) div:first-child a{
  background-image:url("../../ir/img/img_irtop04.jpg");
  color: #FFFFFF;
}
#irtop1 .irtopbtns ul li:nth-of-type(2) div:last-child a{
  background-image:url("../../ir/img/img_irtop05.jpg");
}
#irtop1 .irtopbtns ul li a:hover{
  opacity: 0.8;
}
.commitment .txt{
  width: 300px;
}
.commitment .detailbox{
  background-color: #f2f4f8;
  padding: 16px;
}
.commitment .detailbox .commitment_txt{
  display: none;
}
.commitment .detailbox.show .commitment_txt{
  display: block;
  
}
.commitment .detailbox .ttl{
  position: relative;
  font-weight: bold;
  margin: 0;
}
.commitment .detailbox .ttl .btndetail{
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  padding: 0 0 0 20px;
}
.commitment .detailbox .ttl .btndetail::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url("../img/icon_plusminus.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.commitment .detailbox.show .ttl .btndetail::before{
  background-position: 0 bottom;
}



/* chart */
#chart{
  
  margin: 50px 0 0 0;
}
#chart .inner{
  background: #4869b3; /* Old browsers */
  background: -moz-linear-gradient(left,  #4869b3 0%, #84a2d6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #4869b3 0%,#84a2d6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #4869b3 0%,#84a2d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4869b3', endColorstr='#84a2d6',GradientType=1 ); /* IE6-9 */
  
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}
#chart .inner p{
  margin: 0;
  color: #FFFFFF;
  line-height: 24px;
}
#chart .inner p span{
  color: #FFFFFF;
}
#chart1{
  width: 193px;
  position: relative;
}
#chart1::after{
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #97afd3;
}

#chart2{
  width: 285px;
}
#chart3{
  width: 113px;
}
.chartwrap{
  display: flex;
  justify-content: space-between;
}
#chart4{
  width: 302px;
}
#chart5{
  width: 250px;
}
#chart5 a{
  display: block;
  background-color: #4869b3;
  color: #FFFFFF;
  text-align: center;
  border-radius:25px;
  line-height: 38px;
  text-decoration: none;
  transition:opacity 0.3s;
}
#chart5 a:hover{
  opacity: 0.7;
}

/* iconup */
#iconratio{
  position: relative;
  padding: 0 40px 0 0;
}
#iconratio::after{
 content: "";
 position: absolute;
  width: 15px;
  height: 16px;
  background-image:url("../../ir/img/icon_ratio.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%; 
  right: 0;
  top: 3px;
  
}

.iconup::after{
}
.icondown::after{
  transform:rotate(180deg);
}
.iconsame::after{
  top: 5px;
  transform:rotate(90deg);
}

/* event */
#event{
  margin: 30px 0 0 0;
}
#event .inner{
  background: #4869b3; /* Old browsers */
  background: -moz-linear-gradient(left,  #4869b3 0%, #84a2d6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #4869b3 0%,#84a2d6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #4869b3 0%,#84a2d6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4869b3', endColorstr='#84a2d6',GradientType=1 ); /* IE6-9 */
  
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
}
#event .inner p{
  margin: 0;
  line-height: 24px;
  color: #FFFFFF;
}
#event1{
  width: 193px;
  position: relative;
  display: flex;
  align-items: center;
}
#event1::after{
  content: "";
  position: absolute;
  right: 30px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: #97afd3;
}
#event2{
  width: 700px;
}
#event2 ul li{
  padding-left: 10em;
  color: #FFFFFF;
}
#event2 ul li .date{
  display: inline-block;
  margin-left: -11.4em;
  width: 11.4em;
  text-align: left;
  color: #FFFFFF;
}
#event2 ul li div,
#event2 ul li span{
  display: inline-block;
  color: #FFFFFF;
}
#event3{
  width: 250px;
}
#event3 a{
  display: block;
  background-color: #4869b3;
  color: #FFFFFF;
  text-align: center;
  border-radius:25px;
  line-height: 38px;
  text-decoration: none;
  transition:opacity 0.3s;
}
#event3 a:hover{
  opacity: 0.7;
}


/* irtop2 */
#irtop2 .inner{
  display: flex;
  justify-content: space-between;
}
#irtop2 .inner > div{
  width: 560px;
}
#irtop2 .ttl{
  color:#426bb9;
  margin: 0 0 12px 0;
}
#irtop2 .lead3{
  margin: 0;
  padding: 0 0 18px 0;
}
#btngroup{
  width: 560px;  
}
#btngroup a{
  display: flex;
  align-items: center;
  background-image: url("../../ir/img/bg_group.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 560px;
  height: 260px;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  position: relative;
  transition:opacity 0.3s;
}
#btngroup a:hover{
  opacity: 0.7;
}

#btngroup p{  
  color: #426bb9; 
  line-height: 1;
  margin: 0;
}
#btngroup span{
  color: #426bb9;
  line-height: 1.8;
}
#btngroup a::after{
  content: "";
  position: absolute;
  right: 20px;
  top: calc(50% - 7px);
  width: 8px;
  height: 14px;
  background-image:url("../img/icon_yaji01.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}


/* irtop3 */
#irtop3 .inner{
  display: flex;
  justify-content: space-between;
}
#irtop3 .irreport{
  width: 765px;
}
#irtop3 .aside{
  width: 353px;
}
#irtop3 .ttl{
  border-bottom: 3px solid #426bb9;
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0 0 15px 0;
}
.btnlist ul{
  display: flex;
  justify-content: center;
}
.btnlist li{
  margin: 0 8px;
}

.recommend ul li{
  margin: 0 0 12px 0;
  padding: 0 0 0 2.2em;
  position: relative;
  line-height: 1.8;
}
.recommend ul li::before{
  content: attr(data-num);
  position: absolute;
  left: 0;
  top: -3px;
  padding: 2px 0;
  width: 1.8em;
  background-color: #f2f4f8;
  color:#426bb9; 
  display: flex;
  align-items: center;
  justify-content: center;
}

/* irtop4 */
#irtop4{
  background-color: #e9f1fb;
  margin: 75px 0 0 0;
  padding: 80px 0 40px 0;
}
.irlinkswrap{
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px 0;
}
.irlinkswrap > div{
  width: 352px;
}
.irlinkswrap .categoryttl2{
  border-bottom: 1px solid #91aad8;
  margin: 0 0 25px 0;
  padding: 0 0 10px 0;
}
.irlinkswrap .categoryttl2 a{
  text-decoration: none;
  color: #000000;
}
.irlinkswrap .links{
  width: 355px;
}
.irlinkswrap .links li{
  margin: 0 0 12px 0;
}
.col2list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.col2list li{
  width: 50%;
}


/* irtop5 */
#irtop5{
  padding: 40px 0;
}
#irtop5 .ttl,
#ircontact .ttl{
  border-bottom: 1px solid #426bb9;
  margin: 0 0 25px 0;
  padding: 0 0 10px 0;
}
#irtop5 .txtlogo{
  width: 390px;
}
.ircontactbox{
  display: flex;
  justify-content: space-between;
}
.contactlinks{
  width: 90%;
  text-align: right;
  margin: 0 auto;
}
.contactlinks ul{
  display: flex;
  justify-content: center;
  flex-wrap:wrap;
}

.contactlinks ul li{
  margin: 0 0 16px 16px;
}
.contactlinks ul li:first-child{
  margin: 0 0 16px 0;
}
.contactlinks a{
  position: relative;
  display: inline-block;
  padding: 0 20px 0 40px;
  border: 1px solid #004e8a;
  border-radius: 20px;
  box-sizing: border-box;
  line-height: 36px;
  text-decoration: none;
}
.contactlinks a::before{
  content: "";
  position: absolute;
  left: 20px;
  top: calc(50% - 8px);
  width: 12px;
  height: 16px;
  background-image:url("../img/icon_page.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}
.contactlinks a.mail::before{
content: "";
position: absolute;
left: 20px;
top: calc(50% - 6px);
width: 15px;
height: 11px;
background-image: url(../img/icon_mail.svg);
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
}
.contactlinks a{
  transition: all .3s;
  transition:opacity 0.3s;
}
.contactlinks a:hover{
  opacity: 0.7;
}

.w780{
  width: 780px;
  text-align: left;
  display: block;
  margin: 0 auto;
}

#ircontact .ircontactbox{
  display: block;
}
#ircontact .contactlinks ul{
}

/* bgindividual */
#bgindividual{
  background-image: url("../../ir/individual/img/bg_individual.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  min-height: 370px;
  box-sizing: border-box;
}
#bgindividual .ttl{
  color: #426bb9;
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  margin: 0 0 12px 0;
}

/* price */
#price iframe{
  margin: 0;
  padding: 0;
  border: none;
}


/* ataglance */
.ataglance > ul{
  display: flex;
  justify-content: space-between;
  width: 780px;
  margin: 0 auto;
}
.ataglance > ul > li{
  width: 175px;
  background-color: #e0ecf6;
  border-radius: 10px;
  text-align: center;
  padding: 0 0 20px 0;
}
.ataglance > ul > li .img{
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ataglance > ul > li p{
  margin: 0;
}
.ataglance > ul > li .cntname{
  color: #466ebb;
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ataglance > ul > li .cnt,
.ataglance > ul > li .cnt span{
  color: #466ebb;
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.ataglance > ul > li .detailtxt{
  display: inline-block;
  color: #000000;
  background-image: url("../../ir/individual/img/line_dashed.png");
  background-position: center bottom;
  background-repeat: repeat-x;
}

/* riekibox */
.riekibox{
  background-color: #e0ecf6;
  border-radius: 10px;
  text-align: center;
  padding: 15px;
}
.riekibox ul{
  display: inline-block;
  min-width: 365px;
}
.riekibox ul li{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.riekibox ul li p,
.riekibox ul li p span,
.riekibox ul li p sup{
  margin: 0;
  color: #5177bf;
}
.riekibox ul li p:nth-child(2n){
  font-family: "I-OTF-UDゴ表示Pro M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  margin: 0 0 0 5px;
}

/* pie_chart */
.pie_chart{
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0 auto;
  width: 780px;
}
.pie_chart > div{
  width: 366px;
  text-align: center;
}
.pie_chart .ttl{
  text-align: left;
}
.pie_chart ul{
  margin: 22px 0 0 0;
}
.pie_chart ul li{
  width: 100%;
  display: flex;
  justify-content: space-between;
  background-image: url("../../ir/individual/img/line_dashed.png");
  background-position: 0 bottom;
  background-repeat: repeat-x;
}
.pie_chart ul li p{
  margin: 0;
  padding:4px 0;
  line-height: 1.2;
  text-align: left;
}
.pie_chart ul li p span{
  line-height: 1.2;
}
.pie_chart ul li:nth-of-type(1) .color{
  color: #37a392;
}
.pie_chart ul li:nth-of-type(2) .color{
  color: #426bb9;
}
.pie_chart ul li:nth-of-type(3) .color{
  color: #54baea;
}
.pie_chart ul li:nth-of-type(4) .color{
  color: #999999;
}

.ceomessage-topfont{
	font-family: serif;
    font-weight: bold;
}

.ir_new::after {
  content: 'New!';           /* 最後に入れたい任意の文字を入力 */
  font-size: 9px;           /* 文字サイズを11pxに指定 */
  font-weight: bold;         /* 太文字に指定 */
  line-height: 1.3;          /* 行間を指定 */
  display: inline-block;     /* line-heightの背景にも色を入れるため */
  color: #fff;               /* 文字色を白に指定 */
  background: #426bb9;          /* 背景色を赤に指定 */
  border-radius: 15px;       /* 楕円形にするため角丸 */
  padding: 0 5px;            /* 上下左右に少し余白 */
  margin-left: 1px;         /* これを指定すれば上寄せや下寄せが可能 */
  vertical-align: baseline;  /* これを指定すれば上寄せや下寄せが可能 */
}
	
.contribution_activity .txt{
  width: 340px;
}
.contribution_activity .detailbox{
  background-color: #f2f4f8;
  padding: 16px;
}
.contribution_activity .detailbox .activity_txt{
  display: none;
}
.contribution_activity .detailbox.show .activity_txt{
  display: block;
  
}
.contribution_activity .detailbox .ttl{
  position: relative;
  font-weight: bold;
  margin: 0;
}
.contribution_activity .detailbox .ttl .btndetail{
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  padding: 0 0 0 20px;
}
.contribution_activity .detailbox .ttl .btndetail::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
  width: 14px;
  height: 14px;
  background-image:url("../img/icon_plusminus.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.contribution_activity .detailbox.show .ttl .btndetail::before{
  background-position: 0 bottom;
}
.products{
  background-color: #f2f4f8;
  padding:20px 15px;
}
.products h6{
  margin: 0;
  padding: 0;
  border-left:none;
  position: relative;
}
.products h6 .btn{
  position: absolute;
  right: 0;
  top: 0;
}

.products h6 .btn a{
  position: relative;
  display: inline-block;
  padding: 0 0 0 23px;
  text-decoration: none;
}
.products h6 .btn a::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  width: 14px;
  height: 14px;
  background-image:url("../../company/corebusiness/img/icon_open.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
	  border: none;
	

}
.products h5{
  margin: 30px 0 15px 0;
  position: relative;
}
.products h5 span{
  color: #295eb2;
  display: inline-block;
  z-index: 2;
  background-color: #f2f4f8;
  position: relative;
  padding: 0 12px 0 0;
}
.products h5::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
  width: 100%;
  height: 1px;
  background-color: #94abd6;
  z-index: 0;
}
.products h6{
  margin: 20px 0 15px 0;  
}
.products .list1 li{
  margin: 0 0 10px 0;
  line-height: 1.6;
}

.products .detailbox .btn{
  text-align: right;
  margin: 20px 0 0 0;
}
.products .detailbox .btn a{
  position: relative;
  display: inline-block;
  padding: 0 0 0 23px;
  font-weight: bold;
  text-decoration: none;
}
.products .detailbox .btn a::before{
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  width: 14px;
  height: 14px;
  background-image:url("../../company/corebusiness/img/icon_close.png");
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.products .detailbox{
  display: none;
}
.active h6 .btn{
  display: none;
}
.active .detailbox .btn{
  display: block;
}