@charset "UTF-8";

#past #mv_un{
  background: url(../images/unmv/img_mv_past.png);
  background-size: cover;
}
#past #mv_un .list_gray{
  justify-content: flex-start;
}
@media screen and (max-width: 1024px) {
  #past #mv_un{
  background: url(../images/unmv/img_mv_past_sp.png);
    background-size: cover;
    line-height: 1.4;
  }
  #past #mv_un .list_gray{
      margin-top:10px;
  }
}


/* m_past */
.txt_into{
  padding:80px 0 0;
  line-height: 1.8;
}
.txt_into span{
  color: var(--c-blue01);
  font-weight: bold;
}

#m_past {
  padding:60px 0 0;
}
.past_wrap{
  margin-bottom:100px;
}

.past_fl{
  display: flex;
  flex-wrap: wrap;
  gap:60px 40px;
  justify-content: center;
}
.past_table{
  width: 100%;

}
#m_past .inner_nar{
  margin-bottom:100px;
}
.past_table th,
.past_table td{
  padding:5px 15px;
  vertical-align: middle;
  border:solid 1px #d9d9d9;
}
.past_table th{
  width: 30%;
  background: #f0f0f0;
  text-align:center;
  color:#464646;
  font-size: 14px;
  line-height: 1.4;
}
a.ico_dl{
  font-weight: bold;
    width:100%;
    width: fit-content;
    position: relative;
    border-bottom:solid 1px #000;
    padding-left:20px;
    &:after{
      position:absolute;
      content:"";
      right:auto;
      top:0;
      bottom:0;
      left: 0;
      margin: auto;
      width:14px;
      height:14px;
      background: url(../images/past/ico_dl.svg);
    }
}
.cap_pdf{
  font-size: 14px;
  padding-top:50px;
}
.cap_pdf a{
  text-decoration: underline;
}

@media screen and (max-width: 1024px) {
  .past_table th,
  .past_table td{
    padding:8px 5px;
    font-size: 12px;
  }
  .past_table th{
    width:56%;
  }
  .past_table td{
    padding-left:20px;
  }
}
/*  m_past end*/

/* relation */
#relation.rel_one{
 background: #F1F8FE;
}
#relation.rel_one .rel_wrap{
 max-width: 800px;
 justify-content: center;
 margin: auto;
 gap:40px;
}
#relation.rel_one .rel_wrap img{
 max-width: 380px;
 height: fit-content;

}
#relation.rel_one .rel_wrap h3{
 color:#000;
 font-size: 24px;
 text-align: left;
 margin-bottom:15px;
}
#relation.rel_one .rel_wrap p{
  line-height: 1.8;
  margin-bottom:20px;
}
@media screen and (max-width: 1024px) {
  .txt_into{
    padding:40px 40px;
  }
  #relation img{
    width: 100%;
    height: auto;
  }
}
/* rel */


/**/
.bread_wrap{
  background: #FFF8DB;
}