@charset "UTF-8";
/* リセットcss */
@import url(https://unpkg.com/ress/dist/ress.min.css);
/* Google Fonts */
@import url(https://fonts.googleapis.com);
@import url(https://fonts.gstatic.com);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
/*
color-swatch ========================================*/
/*
breakpoint ==========================================================================*/
/*
font ========================================*/
/* Noto Sans JP */
/* font size */
/*
all ==========================================================================*/
/*
会社概要 3月リリース用 ==========================================================================*/
.companyHeader {
  padding-block: 73px;
  background-color: #004097;
}
@media screen and (max-width: 550px) {
  .companyHeader {
    padding-block: 6.4vw;
  }
}
.companyHeader h1 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1024px) {
  .companyHeader h1 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 550px) {
  .companyHeader h1 {
    font-size: 7.4666666667vw;
  }
}

.sampleCompany {
  padding-block: 120px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany {
    padding-block: 11.71875vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany {
    padding-block: 17.0666666667vw;
  }
}
.sampleCompany__desc {
  display: flex;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__desc {
    margin-bottom: 11.71875vw;
    gap: 7.8125vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc {
    flex-direction: column;
    gap: 10.6666666667vw;
  }
}
.sampleCompany__desc h2 {
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  width: calc(100% - 80px - 55.5%);
}
@media screen and (max-width: 1024px) {
  .sampleCompany__desc h2 {
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc h2 {
    width: 100%;
    font-size: 6.4vw;
  }
}
.sampleCompany__desc--table {
  width: 55.5%;
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc--table {
    width: 100%;
  }
}
.sampleCompany__desc--table dl {
  padding-block: 40px;
  display: flex;
  gap: 1rem;
  font-size: 16px;
  border-bottom: solid 1px #E5E5E5;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__desc--table dl {
    padding-block: 3.90625vw;
    font-size: 1.5625vw;
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc--table dl {
    flex-direction: column;
    font-size: 4.2666666667vw;
    padding-inline: 5.3333333333vw;
    padding-block: 6.4vw;
    gap: 4.2666666667vw;
  }
}
.sampleCompany__desc--table dl:first-of-type {
  border-top: solid 1px #E5E5E5;
}
.sampleCompany__desc--table dl dt {
  width: 42%;
  padding-left: 33px;
  color: #696969;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__desc--table dl dt {
    padding-left: 3.22265625vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc--table dl dt {
    padding-left: 0;
    width: 100%;
  }
}
.sampleCompany__desc--table dl dd {
  width: calc(58% - 1rem);
}
@media screen and (max-width: 550px) {
  .sampleCompany__desc--table dl dd {
    width: 100%;
  }
}
.sampleCompany__access {
  padding-top: 120px;
  display: flex;
  justify-content: space-between;
  gap: 80px;
  margin-bottom: 120px;
  border-top: solid 1px #E5E5E5;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__access {
    padding-top: 11.71875vw;
    gap: 7.8125vw;
    margin-bottom: 11.71875vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__access {
    padding-top: 5.8666666667vw;
    flex-direction: column;
    border-top: none;
    margin-bottom: 17.0666666667vw;
  }
}
.sampleCompany__access--left {
  width: calc(100% - 80px - 55.5%);
}
@media screen and (max-width: 550px) {
  .sampleCompany__access--left {
    width: 100%;
  }
}
.sampleCompany__access--left h2 {
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__access--left h2 {
    font-size: 3.125vw;
    margin-bottom: 2.9296875vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__access--left h2 {
    font-size: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
.sampleCompany__access--left p {
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__access--left p {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__access--left p {
    font-size: 4.2666666667vw;
  }
}
.sampleCompany__access--right {
  width: 55.5%;
  height: 400px;
  border-radius: 12px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__access--right {
    height: 39.0625vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__access--right {
    width: 100%;
    height: 60.5333333333vw;
  }
}
.sampleCompany__contact--content {
  background-color: #F8F8F8;
  padding-block: 87px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__contact--content {
    padding-block: 8.49609375vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__contact--content {
    padding-block: 12.8vw;
  }
}
.sampleCompany__contact--content h2 {
  text-align: center;
  font-size: 32px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-bottom: 29px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__contact--content h2 {
    font-size: 3.125vw;
    margin-bottom: 2.83203125vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__contact--content h2 {
    font-size: 6.4vw;
    margin-bottom: 5.8666666667vw;
  }
}
.sampleCompany__contact--content p {
  text-align: center;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-bottom: 45px;
}
@media screen and (max-width: 1024px) {
  .sampleCompany__contact--content p {
    font-size: 1.5625vw;
    margin-bottom: 4.39453125vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__contact--content p {
    font-size: 3.7333333333vw;
    margin-bottom: 6.4vw;
  }
}
.sampleCompany__contact--content a {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-inline: auto;
  font-size: 18px;
  padding-block: 20px;
  padding-inline: 86px;
  color: #fff;
  background-color: #272727;
  border-radius: 999px;
}
.sampleCompany__contact--content a::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: contain;
  background-image: url(../img/under/company/arrow_r_w.png);
}
@media screen and (max-width: 1024px) {
  .sampleCompany__contact--content a {
    gap: 1.46484375vw;
    font-size: 1.7578125vw;
    padding-block: 1.953125vw;
    padding-inline: 8.3984375vw;
  }
}
@media screen and (max-width: 550px) {
  .sampleCompany__contact--content a {
    font-size: 4.2666666667vw;
    padding-block: 4.2666666667vw;
    padding-inline: 12.8vw;
  }
}

.companyFooter {
  background-color: #004097;
  padding-block: 116px 60px;
  color: #fff;
}
@media screen and (max-width: 550px) {
  .companyFooter {
    padding-block: 16vw 6.4vw;
  }
}
.companyFooter .footerWrapper {
  width: min(1240px, 100%);
  margin-inline: auto;
  padding-inline: 20px;
}
.companyFooter__comp {
  font-size: 32px;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .companyFooter__comp {
    font-size: 3.125vw;
    margin-bottom: 3.90625vw;
  }
}
@media screen and (max-width: 550px) {
  .companyFooter__comp {
    font-size: 8vw;
    margin-bottom: 12.5333333333vw;
  }
}
.companyFooter__add {
  font-size: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .companyFooter__add {
    font-size: 1.5625vw;
    margin-bottom: 2.34375vw;
  }
}
@media screen and (max-width: 550px) {
  .companyFooter__add {
    font-size: 3.7333333333vw;
    margin-bottom: 6.1333333333vw;
  }
}
.companyFooter__tel {
  font-size: 16px;
  margin-bottom: 132px;
}
@media screen and (max-width: 1024px) {
  .companyFooter__tel {
    font-size: 1.5625vw;
    margin-bottom: 12.890625vw;
  }
}
@media screen and (max-width: 550px) {
  .companyFooter__tel {
    font-size: 3.7333333333vw;
    margin-bottom: 14.9333333333vw;
  }
}
.companyFooter__copy {
  font-size: 12px;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 550px) {
  .companyFooter__copy {
    font-size: 3.2vw;
    border-top: 1px solid #44505C;
    padding-top: 6.4vw;
  }
}/*# sourceMappingURL=top.css.map */