@charset "UTF-8";
/*------------------------------------------------------------------------------
    config
------------------------------------------------------------------------------*/
/***  media ***/
/***  color ***/
/*** font ***/
#page {
  background-size: 100% auto;
  background-position-y: bottom;
}
.page_h2::after {
  background: url(../img/company/page_h2_after.png) no-repeat top;
  background-size: 100% auto;
}
.page_content .inner {
  max-width: 840px;
  padding-bottom: 30px;
}
@media screen and (max-width: 818px) {
  .page_content .inner {
    padding-bottom: 20px;
  }
}
.c_list dl {
  display: flex;
  line-height: 1.65;
}
@media screen and (max-width: 818px) {
  .c_list dl {
    display: block;
  }
}
.c_list dl dt {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.32px;
  color: #ffffff;
  background: #898989;
  border-top: 1px solid #898989;
}
@media screen and (max-width: 818px) {
  .c_list dl dt {
    padding: 8px 15px;
    width: 100%;
    border-top: none;
  }
}
.c_list dl dd {
  width: calc(100% - 160px);
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.32px;
  padding: 14px 20px;
  border-top: 1px solid #898989;
  background: #ffffff;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 818px) {
  .c_list dl dd {
    padding: 8px 15px;
    width: 100%;
    text-align: center;
    border-top: none;
    justify-content: center;
  }
}
.c_list dl dd ul {
  width: 100%;
}
.c_list dl dd ul li {
  width: 100%;
}
@media screen and (max-width: 818px) {
  .c_list dl dd ul li {
    text-align: left;
  }
}
.c_list dl dd ul li + li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #D9D9D9;
}
.c_list dl dd span {
  display: block;
  font-size: 12px;
  letter-spacing: 0.24px;
}
@media screen and (max-width: 818px) {
  .c_list dl dd span {
    text-align: left;
  }
}
.c_list dl dd .btn {
  position: relative;
  line-height: 1.01;
  padding-bottom: 4px;
  border-bottom: 1px solid #090405;
  width: fit-content;
  padding-right: 25px;
}
@media screen and (max-width: 818px) {
  .c_list dl dd .btn {
    line-height: 1.65;
    padding-bottom: 0;
  }
}
.c_list dl dd .btn::after {
  width: 20px;
  height: 20px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  content: "";
  transition: 0.3s ease-in-out;
  background: url(../img/company/btn.png) no-repeat bottom;
  background-size: 100% 100%;
}
.c_list dl + dl dt {
  border-top: 1px solid #fff;
}
@media screen and (max-width: 818px) {
  .c_list dl + dl dt {
    border-top: none;
  }
}
.c_list dl:last-child dd {
  border-bottom: 1px solid #898989;
}