@charset "UTF-8";
/* MEDIA QUERIES
 * * -----------------------------------------------*/
.section-heading-common {
  position: relative;
}
.section-heading-common:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background: #fff no-repeat 0 0/cover;
}
.section-heading-common .heading-title {
  position: absolute;
  z-index: 2;
  font-weight: bold;
}
.section-heading-common .heading-title > span {
  display: block;
  line-height: 1;
}
.section-heading-common .text-english {
  color: #00a0e9;
}
.section-heading-common .text-japan {
  letter-spacing: 0.06em;
  color: #262626;
}

@media print, (min-width: 768px) {
  .section-heading-common {
    height: 402px !important;
  }
  .section-heading-common:after {
    left: 50%;
    margin-left: -257px;
    border-top-left-radius: 80px;
  }
  .section-heading-common .heading-title {
    bottom: 50px;
    left: 50%;
    margin-left: -540px;
    width: 800px;
  }
  .section-heading-common .text-english {
    font-size: 70px;
    letter-spacing: 0.05em;
    margin: 0 0 30px -4px;
  }
  .section-heading-common .text-japan {
    font-size: 20px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-heading-common {
    height: calc(100vh - 0.8rem);
    min-height: 3rem;
  }
  .section-heading-common:after {
    left: 0.72rem;
    border-top-left-radius: 0.8rem;
  }
  .section-heading-common .heading-title {
    bottom: 0.6rem;
    left: 0;
    padding: 0 0.2rem;
    width: 100%;
  }
  .section-heading-common .text-english {
    font-size: 0.38rem;
    letter-spacing: 0.12em;
    margin-bottom: 0.05rem;
  }
  .section-heading-common .text-japan {
    font-size: 0.2rem;
  }
}
@media print, (min-width: 768px) {
  main {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767.98px) {
  main {
    margin-top: 0.8rem;
  }
}
@media print, (min-width: 768px) {
  .section-heading-common:after {
    background-image: url(../img/recruit/aboutus/bg_about.jpg);
  }
}
@media only screen and (max-width: 767.98px) {
  .section-heading-common:after {
    background-image: url(../img/recruit/aboutus/sp/bg_about.jpg);
  }
}

.section-about-us {
  font-weight: 500;
  line-height: 1.62;
  letter-spacing: 0.07em;
}
.section-about-us .about-item .about-info {
  text-align: justify;
}
.section-about-us .about-title {
  font-weight: bold;
  text-align: center;
  color: #00125e;
}
.section-about-us .list-dots > li {
  position: relative;
}
.section-about-us .list-dots > li:before {
  content: "●";
  color: #00a0e9;
  border-radius: 100%;
  font-size: 0.9em;
}
.section-about-us .list-service .about-title {
  color: #333;
  text-align: left;
}
.section-about-us .intro-title img {
  margin: 0 auto;
  display: block;
}
.section-about-us .intro-caption {
  text-align: center;
  color: #262626;
}
.section-about-us .intro-item {
  color: #262626;
}
.section-about-us .intro-item .intro-photo {
  position: relative;
  margin-left: -0.01rem;
}
.section-about-us .intro-item .intro-text {
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #00a0e9;
  border-bottom: 2px solid #c4c4c4;
  font-family: YakuHanJP_Noto, "Noto Sans JP", Verdana, "游ゴシック", YuGothic, sans-serif;
}
.section-about-us .intro-item .intro-name-01,
.section-about-us .intro-item .intro-name-02,
.section-about-us .intro-item .intro-name-03,
.section-about-us .intro-item .intro-name-04,
.section-about-us .intro-item .intro-name-05,
.section-about-us .intro-item .intro-name-06,
.section-about-us .intro-item .intro-name-07,
.section-about-us .intro-item .intro-name-08 {
  letter-spacing: 0.06em;
  line-height: 1.42;
  font-weight: bold;
  color: #262626;
  position: relative;
}
.section-about-us .intro-item .intro-name-01:before,
.section-about-us .intro-item .intro-name-02:before,
.section-about-us .intro-item .intro-name-03:before,
.section-about-us .intro-item .intro-name-04:before,
.section-about-us .intro-item .intro-name-05:before,
.section-about-us .intro-item .intro-name-06:before,
.section-about-us .intro-item .intro-name-07:before,
.section-about-us .intro-item .intro-name-08:before {
  content: "";
  position: absolute;
  left: 0;
  background: no-repeat center center/100% auto;
}
.section-about-us .intro-item .intro-name-01:before {
  background-image: url(../img/recruit/aboutus/key_icon01.svg);
}
.section-about-us .intro-item .intro-name-02:before {
  background-image: url(../img/recruit/aboutus/key_icon02.svg);
}
.section-about-us .intro-item .intro-name-03:before {
  background-image: url(../img/recruit/aboutus/key_icon03.svg);
}
.section-about-us .intro-item .intro-name-04:before {
  background-image: url(../img/recruit/aboutus/key_icon04.svg);
}
.section-about-us .intro-item .intro-name-05:before {
  background-image: url(../img/recruit/aboutus/key_icon05.svg);
}
.section-about-us .intro-item .intro-name-06:before {
  background-image: url(../img/recruit/aboutus/key_icon06.svg);
}
.section-about-us .intro-item .intro-name-07:before {
  background-image: url(../img/recruit/aboutus/key_icon07.svg);
}
.section-about-us .intro-item .intro-name-08:before {
  background-image: url(../img/recruit/aboutus/key_icon08.svg);
}
.section-about-us .intro-item .intro-description {
  line-height: 1.778;
  font-family: YakuHanJP_Noto, "Noto Sans JP", Verdana, "游ゴシック", YuGothic, sans-serif;
  border-top: 2px solid #c4c4c4;
  padding-top: 20px;
  text-align: justify;
  font-feature-settings: "palt";
}
.section-about-us .intro-item .intro-description span.important-text {
  font-weight: 600;
  font-size: 110%;
  line-height: 2.5;
  color: #00a0e9;
}
@media only screen and (max-width: 767.98px) {
  .section-about-us .intro-item .intro-description span.important-text {
    font-size: 100%;
    line-height: 1.5;
  }
}
.section-about-us .button-base {
  min-height: 40px;
  border-radius: 50px;
  margin-top: 12px;
  padding-top: 6px;
}
.is-mac .section-about-us .button-base, .is-ipad .section-about-us .button-base {
  padding-top: 5px;
}
.section-about-us .button-base.client-List {
  border-radius: 5px;
}
.section-about-us .page-menu {
  margin-top: 50px;
}

@media print, (min-width: 768px) {
  .section-about-us {
    padding: 100px 0;
    font-size: 18px;
  }
  .section-about-us .title-primary {
    line-height: 1.3125;
    margin-bottom: 40px;
  }
  .section-about-us .about-item {
    display: flex;
    margin-bottom: 100px;
  }
  .section-about-us .about-item .about-photo {
    width: 528px;
    padding: 28px;
  }
  .section-about-us .about-item .about-info {
    flex: 1;
    padding-left: 24px;
    margin-top: -3px;
  }
  .section-about-us .about-item p:not(:last-child) {
    margin-bottom: 29px;
  }
  .section-about-us .about-group {
    width: 892px;
    margin: 0 auto;
  }
  .section-about-us .about-title {
    font-size: 28px;
    margin-bottom: 21px;
  }
  .section-about-us .about-row {
    margin-bottom: 100px;
  }
  .section-about-us .list-dots > li {
    padding-left: 18px;
  }
  .section-about-us .list-dots > li:not(:last-child) {
    margin-bottom: 29px;
  }
  .section-about-us .list-dots > li:before {
    top: 2px;
    position: absolute;
    left: 0;
  }
  .section-about-us .list-service > li:not(:last-child) {
    margin-bottom: 33px;
  }
  .section-about-us .list-service .about-title {
    margin-bottom: 5px;
  }
  .section-about-us .intro-title {
    margin-bottom: 12px;
  }
  .section-about-us .intro-title img {
    width: 100%;
  }
  .section-about-us .intro-caption {
    margin-bottom: 56px;
  }
  .section-about-us .intro-item {
    display: flex;
    justify-content: space-between;
  }
  .section-about-us .intro-item .intro-photo {
    width: 432px;
  }
  .section-about-us .intro-item .intro-text {
    font-size: 36px;
    line-height: 1.2;
    padding: 0 0 8px 18px;
    margin: 0 -26px 31px -18px;
  }
  .section-about-us .intro-item .intro-name-01,
  .section-about-us .intro-item .intro-name-02,
  .section-about-us .intro-item .intro-name-03,
  .section-about-us .intro-item .intro-name-04,
  .section-about-us .intro-item .intro-name-05,
  .section-about-us .intro-item .intro-name-06,
  .section-about-us .intro-item .intro-name-07,
  .section-about-us .intro-item .intro-name-08 {
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 75px;
  }
  .section-about-us .intro-item .intro-name-01:before,
  .section-about-us .intro-item .intro-name-02:before,
  .section-about-us .intro-item .intro-name-03:before,
  .section-about-us .intro-item .intro-name-04:before,
  .section-about-us .intro-item .intro-name-05:before,
  .section-about-us .intro-item .intro-name-06:before,
  .section-about-us .intro-item .intro-name-07:before,
  .section-about-us .intro-item .intro-name-08:before {
    width: 60px;
    height: 60px;
  }
  .section-about-us .intro-item .intro-name-01:before,
  .section-about-us .intro-item .intro-name-02:before,
  .section-about-us .intro-item .intro-name-03:before,
  .section-about-us .intro-item .intro-name-04:before,
  .section-about-us .intro-item .intro-name-05:before,
  .section-about-us .intro-item .intro-name-06:before,
  .section-about-us .intro-item .intro-name-07:before,
  .section-about-us .intro-item .intro-name-08:before {
    top: 6px;
  }
  .section-about-us .intro-share .intro-photo {
    padding-top: 0px;
  }
  .section-about-us .intro-prime .intro-photo {
    padding-top: 0px;
  }
  .section-about-us .intro-ratio .intro-photo {
    left: 13px;
    padding-top: 0px;
  }
  .section-about-us .intro-record .intro-photo {
    padding-top: 0px;
  }
  .section-about-us .intro-average .intro-photo {
    padding-top: 0px;
    left: 9px;
  }
  .section-about-us .intro-employee .intro-photo {
    padding-top: 0px;
  }
  .section-about-us .intro-supper .intro-photo {
    padding-top: 0px;
    left: 5px;
  }
  .section-about-us .intro-world .intro-photo {
    padding-top: 0px;
  }
  .list-intro > li:not(:last-child) {
    margin-bottom: 100px;
  }
  .list-intro > li:nth-child(even) .intro-info {
    width: 616px;
    padding: 0 26px 0 18px;
  }
  .list-intro > li:nth-child(odd) .intro-photo {
    order: 2;
  }
  .list-intro > li:nth-child(odd) .intro-info {
    order: 1;
    width: 618px;
    padding: 0 18px 0 26px;
    position: relative;
    left: -9px;
  }
}
@media only screen and (max-width: 767.98px) {
  .section-about-us {
    padding: 1rem 0.12rem 0.78rem;
    font-size: 0.18rem;
  }
  .section-about-us .title-primary {
    line-height: 1.5;
    font-size: 0.28rem;
    margin-bottom: 0.38rem;
  }
  .section-about-us .about-item {
    margin-bottom: 0.7rem;
  }
  .section-about-us .about-item .about-photo {
    margin: 0 -0.18rem 0.24rem;
  }
  .section-about-us .about-item .about-info {
    margin-bottom: 0.1rem;
  }
  .section-about-us .about-item p:not(:last-child) {
    margin-bottom: 0.29rem;
  }
  .section-about-us .about-title {
    font-size: 0.28rem;
    margin-bottom: 0.18rem;
  }
  .section-about-us .about-row {
    margin-bottom: 0.9rem;
  }
  .section-about-us .about-row + .about-row {
    margin-top: 1.09rem;
  }
  .section-about-us .list-dots {
    padding-top: 0.07rem;
  }
  .section-about-us .list-dots > li:not(:last-child) {
    margin-bottom: 0.29rem;
  }
  .section-about-us .list-dots > li:before {
    top: 0.03rem;
    display: inline;
  }
  .section-about-us .list-service > li:not(:last-child) {
    margin-bottom: 0.24rem;
  }
  .section-about-us .list-service .about-title {
    margin-bottom: 0.06rem;
  }
  .section-about-us .intro-title {
    margin-bottom: 0.17rem;
    margin: 0 -0.38rem 0.15rem;
  }
  .section-about-us .intro-title img {
    width: 100%;
  }
  .section-about-us .intro-caption {
    margin-bottom: 0.44rem;
    line-height: 1.334;
  }
  .section-about-us .intro-item .intro-photo {
    margin-top: -0.13rem;
  }
  .section-about-us .intro-item .intro-text {
    font-size: 0.36rem;
    padding-bottom: 0.04rem;
    margin-bottom: 0.32rem;
  }
  .section-about-us .intro-item .intro-name-01,
  .section-about-us .intro-item .intro-name-02,
  .section-about-us .intro-item .intro-name-03,
  .section-about-us .intro-item .intro-name-04,
  .section-about-us .intro-item .intro-name-05,
  .section-about-us .intro-item .intro-name-06,
  .section-about-us .intro-item .intro-name-07,
  .section-about-us .intro-item .intro-name-08 {
    font-size: 0.24rem;
    margin-bottom: 0.2rem;
    padding-left: 0.44rem;
  }
  .section-about-us .intro-item .intro-name-01:before,
  .section-about-us .intro-item .intro-name-02:before,
  .section-about-us .intro-item .intro-name-03:before,
  .section-about-us .intro-item .intro-name-04:before,
  .section-about-us .intro-item .intro-name-05:before,
  .section-about-us .intro-item .intro-name-06:before,
  .section-about-us .intro-item .intro-name-07:before,
  .section-about-us .intro-item .intro-name-08:before {
    width: 0.34rem;
    height: 0.34rem;
    background-size: 100% auto;
  }
  .section-about-us .intro-item .intro-name-01:before,
  .section-about-us .intro-item .intro-name-02:before,
  .section-about-us .intro-item .intro-name-03:before,
  .section-about-us .intro-item .intro-name-04:before,
  .section-about-us .intro-item .intro-name-05:before,
  .section-about-us .intro-item .intro-name-06:before,
  .section-about-us .intro-item .intro-name-07:before,
  .section-about-us .intro-item .intro-name-08:before {
    top: 0.01rem;
  }
  .section-about-us .intro-item .intro-info {
    margin-bottom: 0.32rem;
  }
  .list-intro > li:not(:last-child) {
    margin-bottom: 0.78rem;
  }
  .list-intro > li:nth-child(odd) .intro-photo {
    margin-bottom: 0.3rem;
  }
  .list-intro > li:nth-child(even) .intro-photo {
    margin-bottom: 0.3rem;
  }
  .button-base {
    min-height: 40px;
    border-radius: 50px;
  }
}/*# sourceMappingURL=aboutus.css.map */