@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/*
$serif: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
$sansSerif: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
$sansSerifBold: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
$msSerif: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
$msSansSerif: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
*/
#page-company {
  padding-bottom: 200px;
}
@media screen and (max-width: 768px) {
  #page-company {
    padding-bottom: 1.5rem;
  }
}

.ttl-dashed {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .ttl-dashed {
    margin-top: 0.6rem;
  }
}

.sec-inner {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .sec-inner {
    margin-top: 0.24rem;
  }
}

figure {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cfc7c0;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  figure {
    padding: 0.08rem;
  }
}
figure img {
  border-radius: 6px;
  width: 100%;
}

p {
  font-size: 16px;
  line-height: 2.1875;
  letter-spacing: 0.04em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  p {
    font-size: 0.14rem;
  }
}

/*/////////////////////////////////////////
//  代表者挨拶
/////////////////////////////////////////*/
#greeting .txt-area {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  #greeting .txt-area {
    margin-top: 0.16rem;
  }
}
#greeting .txt-area p:not(:first-child) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  #greeting .txt-area p:not(:first-child) {
    margin-top: 0.16rem;
  }
}
#greeting .name-ceo {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.75;
  text-align: right;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #greeting .name-ceo {
    font-size: 0.16rem;
    margin-top: 0.16rem;
  }
}

/*/////////////////////////////////////////
//  会社概要
/////////////////////////////////////////*/
#aboutus .company-info {
  margin-top: 16px;
}
#aboutus .company-info div {
  display: flex;
  padding: 24px 0;
}
@media screen and (max-width: 768px) {
  #aboutus .company-info div {
    flex-direction: column;
    padding: 0.16rem 0;
  }
}
#aboutus .company-info div:not(:last-child) {
  border-bottom: 1px dashed #d9d1c8;
}
#aboutus .company-info div dt {
  width: 135px;
  font-size: 14px;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #aboutus .company-info div dt {
    width: 100%;
    font-size: 0.14rem;
  }
}
#aboutus .company-info div dd {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.1875;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #aboutus .company-info div dd {
    font-size: 0.14rem;
  }
}

/*/////////////////////////////////////////
//  アクセス
/////////////////////////////////////////*/
#access .map {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cfc7c0;
  padding: 16px;
}
@media screen and (max-width: 768px) {
  #access .map {
    padding: 0.08rem;
    width: auto;
  }
}
#access .map iframe {
  display: block;
  border-radius: 6px;
  width: 100%;
  aspect-ratio: 888/400;
  height: auto;
}
@media screen and (max-width: 768px) {
  #access .map iframe {
    aspect-ratio: 4/5;
  }
}
@media screen and (max-width: 768px) {
  #access .sec-inner {
    padding: 0;
  }
}
#access h3.txt-orange {
  font-size: 18px;
  line-height: 1.9444444444;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #access h3.txt-orange {
    font-size: 0.16rem;
    margin-top: 0.16rem;
    margin-bottom: 0.04rem;
  }
}
#access .route-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #access .route-steps {
    gap: 0.2rem;
    margin-top: 0.24rem;
  }
}
#access .route-steps li {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 768px) {
  #access .route-steps li {
    width: 100%;
  }
}
#access .route-steps h4 {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f07800;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 768px) {
  #access .route-steps h4 {
    font-size: 0.18rem;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 0.08rem 0.16rem;
    line-height: 1.2;
  }
}
#access .route-steps h4 span {
  color: #f07800;
  display: inline-block;
  margin-right: 16px;
}
#access .route-steps h4 span em {
  font-family: "Bebas Neue", sans-serif;
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
  margin-left: 4px;
}
@media screen and (max-width: 768px) {
  #access .route-steps h4 span em {
    font-size: 0.2rem;
  }
}
#access .route-steps .step-inner {
  padding: 24px 16px 0;
}
@media screen and (max-width: 768px) {
  #access .route-steps .step-inner {
    padding: 0.16rem 0.08rem 0;
  }
}
#access .route-steps .step-inner p {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #access .route-steps .step-inner p {
    margin-top: 0.08rem;
  }
}

/*/////////////////////////////////////////
//  住宅リフォームの打合せ・ご相談
/////////////////////////////////////////*/
#consultation .sec-inner h3.txt-orange {
  font-size: 18px;
  line-height: 1.9444444444;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 8px;
}
@media screen and (max-width: 768px) {
  #consultation .sec-inner h3.txt-orange {
    font-size: 0.16rem;
    margin-top: 0.16rem;
    margin-bottom: 0.08rem;
  }
}
#consultation .sec-inner p {
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  #consultation .sec-inner p {
    margin-top: 0.08rem;
  }
}

#consultation-slider {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  #consultation-slider {
    margin-top: 0.32rem;
  }
}
@media (max-width: 1366px) {
  #consultation-slider figure {
    padding: 1.1713030747vw;
  }
}
#consultation-slider li {
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  #consultation-slider li {
    padding: 0 0.05rem;
  }
}/*# sourceMappingURL=company.css.map */