@charset "utf-8";


/* IR情報　TOP*/

.card-list.columns-3 .card-item-wrapper {
  width: calc((100% - 4rem) / 3);
}

@media (max-width: 991px) {
  .card-list.columns-2 .card-item-wrapper, .card-list.columns-3 .card-item-wrapper, .card-list.columns-4 .card-item-wrapper, .card-list.columns-5 .card-item-wrapper, .card-list.columns-6 .card-item-wrapper {
      width: 100%;
  }
}

.titlePage {
  position: relative;
  padding-left: 1.5rem;
  margin-left: 0.9rem;
}

.titlePage::before {
  content: url(../img/icon-arrow-green.svg);
  transform: scale(0.5);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--bs-primary);
}

.titlePage a {
  color: var(--bs-black);
}

.iconMovie::before {
  font-family: "FontAwesome";
  content: "\f03d"; /* fa-video-camera */
  color: var(--bs-primary);
  margin-right: 6px;
}

.contentListFoot ul {
  list-style-type: none;
}

.contentListFoot li {
  position: relative;
  padding-left: 1.5rem;
}

.contentListFoot li::before {
  content: url(../img/icon-arrow-green.svg);
  transform: scale(0.5);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--bs-primary);  
}

.contentListFoot li a {
  color: var(--bs-black)!important;
}
.contentList a {
  text-decoration: none!important;
  color: var(--bs-black)!important;
}

.contentList .titleCate {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--bs-primary);
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background: var(--bs-secondary);
  border-bottom: 1px solid var(--bs-primary);
}

.contentList .titleCate:not(:first-child) {
  margin-top: 2rem!important;
}

.contentList .titleCateLink {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--bs-primary);
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  background: var(--bs-secondary);
  border-bottom: 1px solid var(--bs-primary);
  position: relative;
  transition: opacity 0.3s ease;
}

.contentList a:has(> .titleCateLink):not(:first-child) {
  display: block;
  margin-top: 2rem!important;
}

.contentList .titleCateLink::after {
  content: url(../img/icon-arrow-green.svg);
  transform: scale(0.5);
  position: absolute;
  right: 2rem;
}

.contentList .titleCateLink:hover {
  opacity: 0.7;
}
.box-border {
  border: 2px solid var(--bs-gray);
  padding: 1.5rem 1rem;
  margin-bottom: 2rem;
}



.box-border h3{
  font-size: 1.4rem;
  font-weight: 500;
  text-align:center;
  margin-bottom:1.5rem;
}

.box-border h3 span{
  display:inline-flex;
  align-items:center;
  gap:15px;
  font-size:1.4rem;
  font-weight:500;
}

.box-border h3 span::before,
.box-border h3 span::after{
  content:"";
  width:30px;
  height:2px;
  background:var(--bs-primary);
}

.box-border .btn {
  padding: 1.0rem 1.5rem 1.0rem !important;
  width: 90%!important;
  min-width: 230px;
}
.box-border .btn::after {
  top: 18px!important;
}

.box-border .btn.btn-primary::after {
  top: 16px!important;
}

#irIndex .btn-dl br {
  display: none;
}

@media (max-width: 1199px) {
  #irIndex .btn-dl br {
    display: block;
  }
}

.box-border .event-title {
  text-align: center;
  font-size: 1.1rem;
  color: var(--bs-primary);
  font-weight: 500;
  margin-top: 2rem;
}

.box-border .note {
  border: none!important;
  font-size: 0.875rem;
}
.btn-gradient::after {
  content: url(../img/icon-arrow-white.svg)!important;
  transform: scale(0.5) translateX(0)!important;
  transition: transform 0.3s ease!important;
}

#irIndex ul.list-materials {
  list-style-type: none;
  width: 90%;
  margin-left: 0;
}
#irIndex ul.list-materials li {
  padding: 0.5rem;
  border-bottom: 1px solid var(--bs-gray);
}

#irIndex ul.list-materials li a {
  position: relative;
  color: var(--bs-black);
  transition: opacity 0.3s ease;
  width: 100%;
  height: 100%;
}

#irIndex ul.list-materials li:hover {
  opacity: 0.7;
}

#irIndex ul.list-materials li a[target="_blank"]::after {
  content: url(../img/icon-pdf.png);
  position: absolute;
  right: 1rem;
}

.box-green {
  background: var(--bs-secondary);
  padding: 1.5rem 0.5rem 0.5rem;
}

.box-green h3 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

/*  IRニュース　旧ircssからの抽出分　ここから  */
.newsIRProducts dl.dlNewsList{
  border-bottom: 1px dotted #666;
}


.newsIRProducts dl.dlNewsList:nth-child(1){
  border-top: 1px dotted #666;
}

#irIndex dl.dlNewsList dt{
    padding: 1.3em 0 1em 0.8em;
    width: 245px;
    flex-shrink: 0;
    margin-right: 10px;    
    /* float: left;
    clear: left;
    width: 22%; */
/*    border-bottom: 1px dotted #ccc; */
}

#irnews dl.dlNewsList dt{
    padding: 1.3em 0 1em 0.8em;
    float: left;
    clear: left;
    width: 28%;
/*    border-bottom: 1px dotted #ccc; */
}

#irnews dl.dlNewsList dt:nth-child(1), #irIndex dl.dlNewsList dt:nth-child(1){
/*     border-top: 1px dotted #ccc;*/
/*     border-top: 1px solid #ccc; */
}


#irIndex dl.dlNewsList dd{
    /* width: 78%; */
    position: relative;
    padding: 1.3em 0 1em 2em;
    flex-grow: 1;
}

#irnews dl.dlNewsList dd{
    width: 72%;
    position: relative;
    padding: 1.3em 0 1em 2.5em;
}


#irnews dl.dlNewsList dd:nth-child(2), #irIndex dl.dlNewsList dd:nth-child(2){
/*     border-top: 1px dotted #ccc;*/
/*     border-top: 1px solid #ccc; */
}


#irIndex dl.dlNewsList dd.withpdf:before{
    content: url(../img/icon_pdf.png);
    position: absolute;
    top: 30%;
    left: 16%;
}

#irnews dl.dlNewsList dd.withpdf:before{
    content: url(../img/icon_pdf.png);
    position: absolute;
    top: 30%;
    left: 23%;
}

#irnews dl.dlNewsList dt, #irnews dl.dlNewsList dd, #irIndex dl.dlNewsList dt, #irIndex dl.dlNewsList dd{
     margin-bottom: 5px; 
}

#irnews .listYear{
  padding: 5px 20px;
  background: #EEEEEE;
  margin-bottom: 20px;
}
@media screen and (min-width:315px) and ( max-width:479px) { 
  #irIndex dl.dlNewsList dt, #irnews dl.dlNewsList dt {
      width: 132px;
  }

  #irIndex dl.dlNewsList dt span.date, #irnews dl.dlNewsList dt span.date{
    padding-right: 0;
    font-size: 0.70rem;
  }

  #irIndex dl.dlNewsList dd.withpdf:before, #irnews dl.dlNewsList dd.withpdf:before {
      left: 25px;
  }

  #irIndex dl.dlNewsList dd, #irnews dl.dlNewsList dd {
      width: auto;
  }
}
@media screen and (min-width:480px) and ( max-width:600px) { 
  /*　画面サイズが480pxからはここを読み込む　*/
  #irIndex dl.dlNewsList dt, #irnews dl.dlNewsList dt {
    width: 253px;
  }

  #irIndex dl.dlNewsList dt span.date, #irnews dl.dlNewsList dt span.date{
    padding-right: 0;
  }

  #irIndex dl.dlNewsList dd.withpdf:before, #irnews dl.dlNewsList dd.withpdf:before {
    left: 147px;
  }

  #irIndex dl.dlNewsList dd, #irnews dl.dlNewsList dd {
    width: auto;
  }
}

@media screen and (min-width:600px) and ( max-width:960px) {
  /*　画面サイズが600pxから960pxまではここを読み込む　*/
#irIndex dl.dlNewsList dt, #irnews dl.dlNewsList dt {
  width: 163px;
}

#irIndex dl.dlNewsList dt span.date, #irnews dl.dlNewsList dt span.date{
  padding-right: 2px
  font-size: 0.8rem;
}

#irIndex dl.dlNewsList dt span.newsLabel, #irnews dl.dlNewsList dt span.newsLabel{
      width: 112px;
}

#irIndex dl.dlNewsList dd.withpdf:before, #irnews dl.dlNewsList dd.withpdf:before {
  left: 50px;
}

#irIndex dl.dlNewsList dd, #irnews dl.dlNewsList dd {
  width: auto;
}

}


@media screen and (min-width:960px) and ( max-width:1279px) {
  /*　画面サイズが960pxから1280pxまではここを読み込む　*/
#irIndex dl.dlNewsList dt, #irnews dl.dlNewsList dt {
    width: 164px;
}

#irIndex dl.dlNewsList dt span.date, #irnews dl.dlNewsList dt span.date{
  padding-right: 2px
}

#irIndex dl.dlNewsList dt span.newsLabel, #irnews dl.dlNewsList dt span.newsLabel{
      width: 110px;
}

#irIndex dl.dlNewsList dd.withpdf:before, #irnews dl.dlNewsList dd.withpdf:before {
    left: 50px;
}

#irIndex dl.dlNewsList dd, #irnews dl.dlNewsList dd {
    width: auto;
}

}


@media screen and (min-width:1280px) {
  /*　画面サイズが1280pxからはここを読み込む　*/

/* #irIndex dl.dlNewsList dt, #irnews dl.dlNewsList dt {
  width: 278px;
} */

#irIndex dl.dlNewsList dt span.date, #irnews dl.dlNewsList dt span.date{
  padding-right: 8px
}

#irIndex dl.dlNewsList dd.withpdf:before, #irnews dl.dlNewsList dd.withpdf:before {
    left: 157px;
}

#irIndex dl.dlNewsList dd, #irnews dl.dlNewsList dd {
    width: auto;
}

}


.dlNewsList a[target="_blank"]:after {
  content: none!important;
}

.dlNewsList dt {
  font-weight: 100!important;
}

dl.dlNewsList dt span.newsLabel {
  font-size: 11px;
  font-size: 0.7rem;
  display: inline-block;
  letter-spacing: 1.4;
  background: #ccc;
  color: #fff;
  width: 8em;
  margin-right: 1em;
  padding: .2em .3em;
  text-align: center;
}

dl.dlNewsList dt span.label_01 {
  background: #3381b1;
}

dl.dlNewsList dt span.label_02 {
  background: #b16333;
}

dl.dlNewsList dt span.label_03 {
  background: #33b163;
}

.rankingNum{
  font-size: 1rem;
  color: #65CC33;
}

.rankingList a {
  font-size: 0.975rem !important;
  color: #333 !important;
}

/* IRニュース　旧ircssからの抽出分　ここまで */

#ir-news .my-h2-block {
  margin-top: 0!important;
  padding-top: 0!important;
}

#ir-news h2 .link-title a {
  font-size: 1rem;
  position: relative;
  padding-right: 1rem;
}
#ir-news h2 .link-title a:hover {
  opacity: 0.7;
}

#ir-news h2 .link-title a:after {
  content: url(../img/icon-arrow-green.svg);
  transform: scale(0.5);
  position: absolute;
  top: 0;
  right: 0;
  color: var(--bs-primary);
}

#ir-news h2 .link-title a[target="_blank"]:after {
  content: url(../img/icon-arrow-green.svg);
  transform: scale(0.5);
  position: absolute;
  top: 0;
  right: 30px;
  color: var(--bs-primary);
}

#irIndex dl.dlNewsList {
  margin-bottom: 0;
  display: flex;
  align-items: flex-start;
}
#irIndex dl.dlNewsList:nth-child(1) {
  border-top: none!important;
}
#irIndex dl.dlNewsList dd a {
  color: var(--bs-black);
}

#irIndex dl.dlNewsList dd a:hover {
  text-decoration: underline;
}

#irIndex dl.dlNewsList dd.withpdf:before {
  content: url(../img/icon-pdf.png);
  position: absolute;
  top: 36%!important;
  left: 0px!important;
}

@media screen and (min-width: 575.98px) and (max-width: 1279px) {
  #irIndex dl.dlNewsList dt span {
    display: block;
  }
  #irIndex dl.dlNewsList dd.withpdf:before {
    /* left: 140px !important; */
    left: -17px !important;
  }
  #irIndex dl.dlNewsList dt {
    padding: 0.5rem 0;
  }
}

.rankingList {
  list-style-type: none;
  padding-left: 1rem;
}

#irIndex .rankingList {
  padding-left: 2rem;
}

#irIndex .rankingList li {
  margin-bottom: 0.3rem;
  padding-left: 0.8rem;
}
@media (max-width: 575.98px) {
  #irIndex dl.dlNewsList dt {
    padding: 0.2rem!important;
    width: 127px!important;
  }
  #irIndex dl.dlNewsList dd.withpdf:before {
    left: 11px !important;
  }
  #irIndex dl.dlNewsList dd {
    width: auto!important;
    /* margin-left: 6rem; */
    margin-left: -3rem;
  }
  .box-border .note {
    font-size: 0.8rem;
  }
  .box-border .btn {
    width: auto!important;
  }
}


/* 中長期経営方針*/
#plan-business h3 {
  font-size: 1.3rem !important;
  font-weight: 500 !important;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  color: var(--title-color);
}

#plan-business h3::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 22px;
  margin-right: 8px;
  flex-shrink: 0;
  background-color: var(--title-color);
  clip-path: polygon(0% 0, 100% 0, -13% 100%, 0 100%);
}

#plan-business h3.tool {
  --title-color: var(--bs-primary);
}

#plan-business h3.injection {
  --title-color: #4494d0;
}

#plan-business h3.food {
  --title-color: var(--bs-orange);
}

#plan-business h3.etc {
  --title-color: var(--bs-gray-dark);
}
@media (max-width: 575.98px) {
  #plan .img-fluid.w90, #plan .img-fluid.w80 {
    width: 100%!important;
  }
}


/* IRライブラリ TOP */
#library-index .card-list {
  margin-top: 0!important;
}

#library-index .card-list .card-item-wrapper {
  margin-bottom: 0!important;
}

/* 事業報告書 */
#ir_report .flexBox .imgBox {
  margin-bottom: 1rem;
  text-align: center;
}
@media (max-width: 575.98px) {
  #dividend table.typeA col.w20, #dividend table.typeA col.w30, #dividend table.typeA col.w35 {
    width: 100%!important;
  }
}


/* 個人投資家　TOP*/
#private-index .image-main {
  text-align: center;
  margin-bottom: 0;
}

#private-index .image-main img {
  /* width: 90%; */
  transition: filter 0.2s ease;
}

#private-index .image-main:hover img {
  filter: brightness(1.08);
}

#private-index .bg-secondary {
  background-color: var(--bs-secondary)!important;
}

#private-index .bg-secondary .card-list {
  margin: 0.5rem;
}

#private-index .card-item-wrapper {
  margin-bottom: 0;
}

#private-index .card-item-wrapper .card-image img {
  width: 80%;
  padding-top: 1rem;
  display: inline;
}