@charset "UTF-8";
/* 共通カラー */
/* テンプレート共通カラー */
/* タグ */
/* ブレイクポイント */
/* メディアクエリ */
.section--outline {
  background-color: #F2F9FD;
  padding: 80px 0;
  margin-bottom: 60px;
}

.company {
  margin-bottom: 70px;
}
.company__title {
  color: #77C4AE;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .company__title {
    margin-bottom: 40px;
  }
}
.company__title span {
  color: #77C4AE;
  margin-left: 20px;
  font-size: 1.3rem;
}
.company__catch {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .company__catch {
    margin-bottom: 40px;
  }
}
.company__texterea p {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 1.5px;
}

.outline {
  max-width: 900px;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin: auto;
}
@media screen and (min-width: 960px) {
  .outline {
    padding: 67px 105px;
  }
}
.outline__title {
  position: relative;
  color: #77C4AE;
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 40px;
}
.outline__title span {
  color: #77C4AE;
  margin-left: 20px;
  font-size: 1.3rem;
}
.outline__title::after {
  content: "";
  width: 30%;
  position: absolute;
  top: 50%;
  right: 0;
  border-bottom: dashed 1px #A9D0D8;
}
@media screen and (min-width: 520px) {
  .outline__title::after {
    width: 55%;
  }
}
@media screen and (min-width: 760px) {
  .outline__title::after {
    width: 65%;
  }
}
.outline__table {
  width: 100%;
  text-align: left;
  margin-top: 30px;
}
@media screen and (min-width: 960px) {
  .outline__table {
    margin-top: 46px;
  }
}
.outline__table tr, .outline__table th {
  display: block;
}
@media screen and (min-width: 960px) {
  .outline__table tr, .outline__table th {
    display: flex;
  }
}
.outline__table tr {
  position: relative;
  border-bottom: dashed 1px #A9D0D8;
  font-size: 1.4rem;
}
.outline__table tr::after {
  content: "";
  width: 18%;
  position: absolute;
  bottom: -1px;
  left: 0;
  border-bottom: dashed 1px #A9D0D8;
}
.outline__table tr:last-child td {
  padding: 20px 0;
}
@media screen and (min-width: 960px) {
  .outline__table tr:last-child td {
    padding: 20px 0;
  }
}
.outline__table th {
  color: #77C4AE;
  width: 100%;
  padding: 20px 0 0 0;
  letter-spacing: 2px;
}
@media screen and (min-width: 960px) {
  .outline__table th {
    width: 20%;
    padding: 20px 0;
  }
}
.outline__table td {
  display: block;
  width: 100%;
  font-weight: bold;
  padding: 20px 0;
}
@media screen and (min-width: 960px) {
  .outline__table td {
    width: 80%;
    padding: 20px 0;
  }
}
.outline__table td p {
  font-size: 1.4rem;
}
.outline__table td iframe {
  width: 100%;
  margin: 15px 0;
}
.outline__table a {
  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  color: #77C4AE;
  background: #fff;
  width: 180px;
  border-radius: 10px;
  padding: 10px 0;
  border: 1px solid #77C4AE;
}
@media screen and (min-width: 760px) {
  .outline__table a {
    width: 250px;
  }
}
.outline__table a:hover {
  background: #77C4AE;
  color: #fff;
  transition: 0.4s;
}
.outline__link {
  text-align: right;
}/*# sourceMappingURL=company.css.map */