/* -----------------------------------------------------------
CSS Information

File name:      company.css
Created:        2021-1
Style Info:     カンパニーCSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* intro */
/* ------------------------------------ */
#intro .inner {
  position : relative;
  background : url(../img/company/company.jpg)no-repeat top center/cover;
  padding-top : 9.1%;
}
.heading_wrapper {
  top : 48.57%;
  left : 8.3%;
}
#intro .heading {
  font-size : 2.1rem;
  font-family : 'hiramaru_r', sans-serif;
}
/* ------------------------------------ */
/* article */
/* ------------------------------------ */
main {
  width : 63.4%;
  margin-left : 5.8%;
  color : #4d4d4d;
}
.sub_heading {
  font-size : 1.6rem;
  font-weight : bold;
}
.sub_heading::before {
  content : '';
  margin-right : .5%;
  display : inline-block;
  width : 1.4em;
  height : 1.4em;
  background : no-repeat;
  background-image : url(../img/company/paragraph_mark.png);
  background-size : contain;
  vertical-align : sub;
}
.txt {
  font-size : 1.4rem;
  padding : 3.9% 0 9.44%;
}
table {
  width : 96%;
  font-size : 1.4rem;
}
tr {
  border-bottom : solid 1px #a2a2a2;
}
tr:nth-child(n+4) {
  border-bottom : none;
}
th {
  width : 13.11%;
  text-align : center;
  border-right : solid 1px #a2a2a2;
  padding : .3%;
}
td {
  padding-left : 1.5%;
}
.date {
  width : 17.8%;
}
@media (max-width: 1024px) {
  td {
    padding-left : 1%;
  }
  .date {
    width : 21%;
  }
}
@media (max-width: 599px) {
  table {
    width : 100%;
  }
  th,td {
    width : 100%;
    display : block;
  }
  th {
    border-right : none;
    text-align : left;
  }
  td {
    padding-left : 0;
  }
  .date {
    width : 100%;
  }
  .heading_wrapper {
    top : 18%;
    left : 4%;
  }
  main {
    width : 100%;
    margin : 0;
  }
}