:root {
  --color-white: #E8E9DB;
  --color-gray: #EBEBEB;
  --color-green: #2B312D;
  --font-serif: "EB Garamond", serif;
}

.low__wrapper-title {
  position: relative;
  padding: 30rem 6rem 21rem;
  height: 125.5rem;
  margin-bottom: 21.4rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper-title {
    padding: 15rem 2rem;
    height: 48rem;
    margin-bottom: 10rem;
  }
}
.low__wrapper-title h2 {
  position: relative;
  color: var(--color-white);
  font-family: var(--font-serif);
  font-size: 15rem;
  line-height: 1;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper-title h2 {
    font-size: 7rem;
    padding-bottom: 1rem;
  }
}
.low__wrapper-title h2::after {
  position: absolute;
  content: "";
  width: calc(50% - 10rem);
  border-bottom: 1px solid var(--color-white);
  left: 10rem;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .low__wrapper-title h2::after {
    width: calc(100% - 6.5rem);
    left: 6.5rem;
  }
}
.low__wrapper-title .low_wrapper-visual {
  width: calc(100% - 40rem);
  min-width: 167rem;
  height: 60rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 768px) {
  .low__wrapper-title .low_wrapper-visual {
    width: calc(100% - 10rem);
    min-width: 35rem;
    height: 17rem;
    background-position: left center;
  }
}
@media screen and (min-width: 769px) {
  .low__wrapper-title .low_wrapper-visual {
    animation: parallax linear both;
    animation-timeline: view();
  }
}
.low__wrapper-title .low_wrapper-visual.teamduration {
  background: url(../img/data/web/work-teamduration-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.dental {
  background: url(../img/data/web/work-dental-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.clinic {
  background: url(../img/data/web/work-clinic-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.recruit {
  background: url(../img/data/web/work-recruit-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.dentalsalon {
  background: url(../img/data/web/work-dentalsalon-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.school {
  background: url(../img/data/web/work-school-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.company {
  background: url(../img/data/web/work-company-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.portal {
  background: url(../img/data/web/work-portal-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.realestate {
  background: url(../img/data/web/work-realestate-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.others01 {
  background: url(../img/data/others/others01-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.others02 {
  background: url(../img/data/others/others02-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.others03 {
  background: url(../img/data/others/others03-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
.low__wrapper-title .low_wrapper-visual.others04 {
  background: url(../img/data/others/others04-visual.jpg) center left/cover no-repeat;
  object-fit: cover;
}
@keyframes parallax {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -25rem;
  }
}

.low__wrapper {
  padding: 0 0 20rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper {
    padding: 0 0 12rem;
  }
}
.low__wrapper p {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper p {
    font-size: 1.4rem;
  }
}
.low__wrapper p a {
  color: #9fb927;
  border-bottom: 1px solid rgba(159, 185, 39, 0.5);
  transition: all 0.3s;
}
.low__wrapper p a:hover {
  opacity: 0.7;
}
.low__wrapper p .small {
  font-size: 0.8em;
  opacity: 0.8;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-text {
  width: 90%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0rem 0 16.5rem;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-text {
    flex-direction: column;
    padding: 0 0 8rem;
  }
}
@media screen and (min-width: 769px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table {
    margin-bottom: 2rem;
  }
}
.low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table table {
  width: 100%;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table table tr th,
.low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table table tr td {
  padding-bottom: 1.7rem;
  font-size: 1.8rem;
  font-weight: 100;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table table tr th {
  width: 28%;
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-table table tr th {
    width: 25%;
  }
}
@media screen and (min-width: 769px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-word {
    width: 50%;
  }
}
.low__wrapper .low__wrapper-works .low__wrapper-works-text .low__wrapper-works-text-word p {
  margin-bottom: 2rem;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-design {
  padding: 23rem 0;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-works .low__wrapper-works-design {
    padding: 10rem 0;
  }
}
.low__wrapper .low__wrapper-works .low__wrapper-works-design.blk {
  background-color: #222222;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-design.wht {
  background-color: #e6e6e6;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-design .works__wrapper-img {
  width: 90%;
  max-width: 128rem;
  margin: 0 auto;
}
.low__wrapper .low__wrapper-works .low__wrapper-works-design .works__wrapper-img img {
  width: 100%;
}
.low__wrapper .low__wrapper-others {
  width: 90%;
  max-width: 128rem;
  margin: 0 auto;
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-others .low__wrapper-others-inner {
    flex-direction: column;
  }
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-img {
  width: 64rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-img {
    width: 100%;
    margin-bottom: 5rem;
  }
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-img img {
  width: 100%;
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text {
  width: 55.6rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text {
    width: 100%;
  }
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text h3 {
  font-size: 3rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text h3 {
    font-size: 2.3rem;
    margin-bottom: 2rem;
  }
}
.low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text p {
  margin-bottom: 3rem;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .low__wrapper .low__wrapper-others .low__wrapper-others-inner .other__wrapper-text p {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
}