@charset "UTF-8";
/* CSS Document */
.companyArea .inner {
  max-width:900px;
  padding: 90px 20px;
}
.companyArea .inner h3{
  font-size: 30px;
  font-family: a-otf-ryumin-pr6n,serif;
  text-align: center;
  margin-bottom: 80px;
  font-weight:600;
}
.companyArea .inner dl {
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  padding-bottom: 4px;
}
.companyArea .inner dl dt {
  background-color: #61A4BF;
  border: 1px solid #61A4BF;
  color: #FFF;
  font-size: 18px;
  padding: 10px 10px 10px 20px;
  width: 30%;
  word-break: normal;
  display: flex;
  align-items: center;
}
.companyArea .inner dl dd {
  word-break: normal;
  font-size: 18px;
  margin-left: 14px;
  border: 1px solid #61A4BF;
  padding: 10px 10px 10px 20px;
  width: 70%;
  align-items: center;
  display: flex;
  background-color: rgba(255,255,255,.8);
  text-shadow: #fff 2px 0px 2px, #fff -2px 0px 2px, #fff 0px -2px 2px, #fff -2px 0px 2px, #fff 2px 2px 2px, #fff -2px 2px 2px, #fff 2px -2px 2px, #fff -2px -2px 2px, #fff 1px 2px 2px, #fff -1px 2px 2px, #fff 1px -2px 2px, #fff -1px -2px 2px, #fff 2px 1px 2px, #fff -2px 1px 2px, #fff 2px -1px 2px, #fff -2px -1px 2px, #fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;
}

/* // MARK : maxW 767px */
@media screen and (max-width: 767px) {
  .companyArea .inner {
   padding: 60px 5vw 30px;
 }
 .companyArea .inner h3 {
  font-size: 20px;
  margin-bottom: 30px;
}
.companyArea .inner dl {
  margin-bottom: 2px;
}
.companyArea .inner dl dt ,
.companyArea .inner dl dd{
  font-size: 13px;
}
.companyArea .inner dl dt {
  padding: 10px 10px 10px 14px;
  width:43%;
}
.companyArea .inner dl dd{
  margin-left: 6px;
  padding: 10px 10px 10px 14px;
}
}