@charset "UTF-8";

/* Category Header */

.category-header{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.category-header.ir{
  background-image: url("../img/bg-header-ir.jpg");
}
.category-header.investor{
  background-image: url("../img/bg-header-investor.jpg");
}
.category-header-stock iframe{
  width: 100%;
  height: 100%;
}
@media (max-width: 767px){
  .category-header > .container{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .category-header-stock{
    margin-top: 30px;
    height: 230px;
  }
}
@media (min-width: 768px){
  .category-header > .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 320px;
  }
  .category-header-stock{
    display: flex;
    background: #fff;
    width: 400px;
    height: 240px;
  }
}



/* News */
.newslist li,
.list-item{
  margin-bottom: 0;
  border-bottom: 1px solid #dde4e4;
}
.newslist li:first-child,
.list-item:first-child{
  border-top: 1px solid #dde4e4;
}
.newslist a,
.newslist .inner{
  display: flex;
  transition: opacity .5s;
}
.newslist a:hover{
  text-decoration: none;
  opacity: .5;
}
.newslist .date{
  font-weight: 700;
  color: #98a0a0;
  font-size: 1.4rem;
}
.news-cat{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 24px;
  line-height: 1;
  font-weight: 700;
  font-size: 1.2rem;
  color: #fff;
}
.news-cat.cat01{
  background-color: #f95332;
}
.news-cat.cat02{
  background-color: #1bb4b4;
}
@media (max-width: 767px){
  .newslist a,
  .newslist .inner,
  .list-item{
    flex-wrap: wrap;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .newslist .date{
    margin-right: 10px;
  }
  .newslist .title{
    margin-top: 8px;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px){
  .newslist a,
  .newslist .inner,
  .list-item{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .newslist .date{
    margin-right: 10px;
    flex: 0 0 90px;
    width: 90px;
    max-width: 90px;
  }
  .newslist .category{
    margin-right: 20px;
    flex: 0 0 100px;
    width: 100px;
    max-width: 100px;
  }
  .newslist .title{
    position: relative;
    top: -2px;
  }
}

/* ranking */
.rankinglist-number{
  position: relative;
  padding-right: 40px;
}
.rankinglist-number::after{
  content: "";
  position: absolute;
  top: 1.3em;
  right: 0;
  display: block;
  background: #3f4444;
  width: 30px;
  height: 1px;
}
.rankinglist > li{
  display: flex;
}
.rankinglist > li a{
  padding-left: 10px;
}
.rankinglist-number{
  flex: 0 0 66px;
  width: 66px;
  max-width: 66px;
}



/* HOME */
.bg-left,
.bg-right{
  overflow: hidden;
  position: relative;
}
.bg-left > .container,
.bg-right > .container{
  position: relative;
}
.bg-left::before,
.bg-right::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.home-bg-section.bg-01::before{
  background: url("../img/bg-ir-index-recent.jpg") 0 0 no-repeat;
  background-size: cover;
}
.home-bg-section.bg-02::before{
  background: url("../img/bg-ir-index-individual.jpg") 0 0 no-repeat;
  background-size: cover;
}
.bg-gray::before{
  background: #f2f4f4;
}
@media (max-width: 767px){
  .home-bg-section{
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px){
  .home-bg-section{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1280px){
  .bg-left::before{
    left: 0;
    width: calc(1280px + ((100vw - 1280px) / 2) + 40px);
  }
  .bg-right::before{
    right: 0;
    left: auto;
    width: calc(1280px + ((100vw - 1280px) / 2) + 40px);
  }
}

@media (max-width: 767px){
  .home-individual-icon{
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px){
  .home-individual-icon{
    display: flex;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
    height: 60px;
  }
}

.ir-home-sitemap li{
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 767px){
  .ir-home-sitemap{
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 768px){
  .ir-home-sitemap{
    padding-top: 60px;
    padding-bottom: 60px;
  }
}



/* Timeline */
.history-timeline-item{
  margin-bottom: 0;
}
.history-timeline-item:nth-child(odd){
  background: #f1f4f6;
}
.history-timeline-item .date{
  position: relative;
  line-height: 1;
  font-style: italic;
  font-weight: 700;
}
.history-timeline-item:nth-child(odd) .date{
  background: #e2e8ec;
}
.history-timeline-item:nth-child(even) .date{
  background: #f8f8f8;
}
.history-timeline-item .date::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px;
  border-style: solid;
  border-width: 16px 20px 0 20px;
  width: 0;
  height: 0;
}
.history-timeline-item:first-child .date::before{
  display: none;
}
.history-timeline-item .photo{
  display: flex;
}
@media (max-width: 767px){
  .history-timeline-item{
    padding: 0 10px 10px 10px;
  }
  .history-timeline-item:nth-child(odd){
    background: #e2e8ec;
  }
  .history-timeline-item:nth-child(even){
    background: #f8f8f8;
  }
  .history-timeline-item .date{
    border-bottom: 2px solid rgba(255,255,255,.5);
    padding-top: 25px;
    padding-bottom: 10px;
    text-align: center;
  }
  .history-timeline-item:first-child .date{
    padding-top: 15px;
  }
  .history-timeline-item:nth-child(odd) .date::before{
    border-color: #f8f8f8 transparent transparent transparent;
  }
  .history-timeline-item:nth-child(even) .date::before{
    border-color: #e2e8ec transparent transparent transparent;
  }
  .history-timeline-item .content .text{
    padding: 10px;
    text-align: center;
  }
  .history-timeline-item .content .photo{
    justify-content: center;
  }
}
@media (min-width: 768px){
  .history-timeline-item{
    display: flex;
    /*min-height: 180px;*/
    height: 180px;
  }
  .history-timeline-item .date{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 100px;
    width: 100px;
    max-width: 100px;
    height: 100%;
  }
  .history-timeline-item:nth-child(odd) .date::before{
    border-color: #f8f8f8 transparent transparent transparent;
  }
  .history-timeline-item:nth-child(even) .date::before{
    border-color: #e2e8ec transparent transparent transparent;
  }
  .history-timeline-item .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 50px;
    flex: 1 1 auto;
  }
  .history-timeline-item .content .text{
    flex: 1 1 auto;
    margin-right: 80px;
  }
  .history-timeline-item .content .photo{
    flex: 0 0 auto;
  }
}



/* IRP */
#irp-press-topCal ul.calendar > li,
#irp-calendar-list ul.calendar > li {
  display: flex !important;
}
#irp-press-topCal ul.calendar > li span.icon-dot,
#irp-calendar-list ul.calendar > li span.icon-dot{
  padding-left: 1em;
}
#irp-press-topCal ul.calendar > li span.icon-dot::before,
#irp-calendar-list ul.calendar > li span.icon-dot::before{
  position: absolute;
  top: auto;
  margin-top: .7em;
  margin-left: -1em;
}