@charset "UTF-8";
.l-contents {
  font-family: "游ゴシック", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  position: relative;
  overflow: hidden;
  min-width: 1080px;
  word-wrap: break-word;
  color: #333;
  line-break: normal;
  /*
  ----------------------------------------
  flex
  ----------------------------------------
  */
  /*
  ---------------------------------------
  link
  ---------------------------------------
  */
  /*
  ---------------------------------------
  common
  ---------------------------------------
  */
}
@media (max-width: 768px) {
  .l-contents {
    min-width: 0;
    margin-top: 0;
  }
}
.l-contents * {
  box-sizing: border-box;
}
.l-contents p {
  overflow-wrap: break-word;
}
.l-contents ol,
.l-contents ul {
  list-style: none;
}
.l-contents p,
.l-contents dt,
.l-contents dd,
.l-contents li {
  font-size: 16px;
}
@media (max-width: 768px) {
  .l-contents p,
  .l-contents dt,
  .l-contents dd,
  .l-contents li {
    font-size: 3.8vw;
  }
}
.l-contents em {
  font-style: normal;
}
.l-contents h1,
.l-contents h2,
.l-contents h3,
.l-contents h4,
.l-contents h5,
.l-contents h6 {
  font-weight: normal;
}
.l-contents .flex {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  -js-display: flex;
}
.l-contents .flex.nowrap {
  flex-wrap: nowrap;
}
.l-contents .flex.reverse {
  flex-direction: row-reverse;
}
.l-contents .flex.item-center {
  align-items: center;
}
.l-contents .flex-column {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.l-contents a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
}
.l-contents a:hover {
  text-decoration: none;
}
.l-contents .pc {
  display: block !important;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents .pc {
    display: none !important;
  }
}
.l-contents .sp {
  display: none !important;
}
@media (max-width: 768px) {
  .l-contents .sp {
    display: block !important;
  }
}
.l-contents .inline-pc {
  display: inline-block !important;
}
@media (max-width: 768px) {
  .l-contents .inline-pc {
    display: none !important;
  }
}
.l-contents .inline-sp {
  display: none !important;
}
@media (max-width: 768px) {
  .l-contents .inline-sp {
    display: inline-block !important;
  }
}
.l-contents .inner {
  max-width: 1064px;
  margin: 0 auto;
  padding: 0 20px;
  word-wrap: break-word;
  word-break: break-all;
}
@media (max-width: 768px) {
  .l-contents .inner {
    padding: 0 7%;
  }
}
.l-contents span {
  font-size: inherit;
  font-weight: inherit;
}
.l-contents .img {
  line-height: 0;
}
.l-contents img {
  max-width: 100%;
  height: auto;
}
.l-contents .en {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}
.l-contents .ofi {
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.l-contents .c-btn-01 {
  text-align: center;
}
.l-contents .c-btn-01:not(:last-child) {
  margin-right: 26px;
}
@media (max-width: 768px) {
  .l-contents .c-btn-01:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5.9vw;
  }
}
.l-contents .c-btn-01 a {
  border-bottom: 3px solid #333;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  padding: 0 31px 12px 31px;
  position: relative;
  transition: opacity 0.4s;
}
@media (max-width: 768px) {
  .l-contents .c-btn-01 a {
    font-size: 3.8vw;
    padding: 0 8vw 3vw;
  }
}
@media (hover: hover) {
  .l-contents .c-btn-01 a:hover {
    opacity: 0.7;
  }
}
.l-contents .c-btn-01 a:before {
  content: "";
  background: url(../images/real-estate/icn-link.svg) no-repeat center center/cover;
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 14px;
}
@media (max-width: 768px) {
  .l-contents .c-btn-01 a:before {
    width: 3vw;
    height: 3vw;
  }
}

.l-contents .c-btn-more a {
  display: block;
  width: 158px;
  height: 45px;
  line-height: 45px;
  border: 1px solid #929292;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-radius: 45px;
  margin: 0 auto;
  transition: all 0.4s;
}
@media (max-width: 768px) {
  .l-contents .c-btn-more a {
    width: 38vw;
    height: 11vw;
    line-height: 11vw;
    font-size: 3.8vw;
  }
}
@media (hover: hover) {
  .l-contents .c-btn-more a:hover {
    background: #333;
    color: #fff;
  }
}

.l-contents .c-lead {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.9;
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents .c-lead {
    font-size: 4.2vw;
    text-align: left;
  }
}

.l-contents .c-heading-01__en--red {
  color: #d2215e;
}
.l-contents .c-heading-01__en--red:before {
  background: #d2215e;
}
.l-contents .c-heading-01__en--blue {
  color: #27addf;
}
.l-contents .c-heading-01__en--blue:before {
  background: #27addf;
}
.l-contents .c-heading-01__en--yellow {
  color: #e8b712;
}
.l-contents .c-heading-01__en--yellow:before {
  background: #e8b712;
}
.l-contents .c-heading-01__en--green {
  color: #239f3b;
}
.l-contents .c-heading-01__en--green:before {
  background: #239f3b;
}
.l-contents .c-heading-01__en--orange {
  color: #f16f30;
}
.l-contents .c-heading-01__en--orange:before {
  background: #f16f30;
}
.l-contents .c-heading-01__en {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-top: 31px;
  margin-bottom: 58px;
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__en {
    font-size: 3.4vw;
    margin-bottom: 7vw;
  }
}
.l-contents .c-heading-01__en:before {
  content: "";
  width: 220px;
  height: 12px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__en:before {
    width: 52.5vw;
    height: 2.4vw;
  }
}
.l-contents .c-heading-01__ja {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.04em;
}
@media (max-width: 768px) {
  .l-contents .c-heading-01__ja {
    font-size: 5.8vw;
    line-height: 1.54;
  }
}

.l-contents .recruitBnr {
  padding: 115px 0;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr {
    background: url(../images/real-estate/recruit-bnr-bg_sp@2x.png) no-repeat center center/cover;
    padding: 10.8vw 2.3vw;
  }
}
.l-contents .recruitBnr__cont {
  height: 458px;
  background: url(../images/real-estate/recruit-bnr-bg@2x.png) no-repeat center center/100% 100%;
  padding: 80px 0;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr__cont {
    background: #fff;
    padding: 14vw 0 12vw;
    height: auto;
  }
}
.l-contents .recruitBnr__heading__job {
  position: relative;
  max-width: 196px;
  background: #000;
  border-radius: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  line-height: 1.4;
  padding: 9px 0 9px;
  margin: 0 auto 27px;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr__heading__job {
    font-size: 3.8vw;
    padding: 1.8vw 0;
    max-width: 47vw;
  }
}
.l-contents .recruitBnr__heading__job:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(241, 234, 244, 0);
  border-top-color: #000;
  border-width: 12px;
  margin-left: -12px;
  transform: scaleX(0.7);
}
.l-contents .recruitBnr__heading__job--blue {
  background: #27addf;
}
.l-contents .recruitBnr__heading__job--blue:after {
  border-top-color: #27addf;
}
.l-contents .recruitBnr__heading__job--green {
  background: #239f3b;
}
.l-contents .recruitBnr__heading__job--green:after {
  border-top-color: #239f3b;
}
.l-contents .recruitBnr__heading__job--yellow {
  background: #e8b712;
}
.l-contents .recruitBnr__heading__job--yellow:after {
  border-top-color: #e8b712;
}
.l-contents .recruitBnr__heading__en {
  text-align: center;
  font-size: 74px;
  margin-bottom: 6px;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr__heading__en {
    font-size: 15.2vw;
    margin-bottom: 2vw;
  }
}
.l-contents .recruitBnr__heading__ja {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 37px;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr__heading__ja {
    font-size: 4.2vw;
    margin-bottom: 7.5vw;
  }
}
.l-contents .recruitBnr__txt {
  text-align: center;
  margin-bottom: 36px;
}
@media (max-width: 768px) {
  .l-contents .recruitBnr__txt {
    line-height: 1.75;
    margin-bottom: 4.8vw;
  }
}

.l-contents .secAbout {
  position: relative;
}
.l-contents .secAbout:before {
  content: "";
  width: 825px;
  height: 922px;
  display: block;
  position: absolute;
  left: -110px;
  bottom: -311px;
}
@media (max-width: 768px) {
  .l-contents .secAbout:before {
    aspect-ratio: 825/922;
    width: 81vw;
    height: auto;
    left: -24vw;
    bottom: -38vw;
  }
}
.l-contents .secAbout__cont {
  border: 12px solid #27addf;
  background: #fff;
  padding: 0 70px 70px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents .secAbout__cont {
    border-width: 10px;
    padding: 0 7vw 10vw;
  }
}
.l-contents .secAbout__cont--blue {
  border-color: #27addf;
}
.l-contents .secAbout__cont--green {
  border-color: #1dc1ab;
}
.l-contents .secAbout__heading {
  text-align: center;
  margin-top: -40px;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .l-contents .secAbout__heading {
    margin-top: -13.7vw;
    margin-bottom: 3.5vw;
  }
}

.l-contents .secPeople {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 768px) {
  .l-contents .secPeople {
    padding: 14.5vw 0;
  }
}
.l-contents .secPeople:before {
  content: "";
  width: 561px;
  height: 351px;
  display: block;
  position: absolute;
  left: -107px;
  top: -244px;
}
@media (max-width: 768px) {
  .l-contents .secPeople:before {
    aspect-ratio: 561/361;
    width: 82vw;
    height: auto;
    left: -24.6vw;
    top: -37vw;
    background-position: right top;
  }
}
.l-contents .secPeople--blue {
  background: rgba(39, 173, 223, 0.3);
}
.l-contents .secPeople--yellow {
  background: rgba(232, 183, 18, 0.3);
}
.l-contents .secPeople--green {
  background: rgba(35, 159, 59, 0.3);
}
.l-contents .secPeople__cont {
  background: #fff;
  display: flex;
}
@media (max-width: 768px) {
  .l-contents .secPeople__cont {
    display: block;
  }
}
.l-contents .secPeople__txtbox {
  flex: 1;
  padding: 77px 66px 0;
}
@media (max-width: 768px) {
  .l-contents .secPeople__txtbox {
    padding: 8.4vw 7vw 10vw;
  }
}
.l-contents .secPeople__heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents .secPeople__heading {
    margin-bottom: 4vw;
  }
}
.l-contents .secPeople__heading__en {
  font-size: 52px;
  margin-right: 24px;
}
@media (max-width: 768px) {
  .l-contents .secPeople__heading__en {
    font-size: 12.5vw;
    margin-right: 5vw;
  }
}
.l-contents .secPeople__heading__ja {
  font-weight: bold;
  font-size: 16px;
}
@media (max-width: 768px) {
  .l-contents .secPeople__heading__ja {
    font-size: 3.8vw;
  }
}
.l-contents .secPeople__catch {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 16px;
}
@media (max-width: 768px) {
  .l-contents .secPeople__catch {
    font-size: 4vw;
    margin-bottom: 3vw;
    line-height: 1.7;
  }
}
.l-contents .secPeople__catch--blue {
  color: #27addf;
}
.l-contents .secPeople__catch--yellow {
  color: #e8b712;
}
.l-contents .secPeople__catch--green {
  color: #239f3b;
}
.l-contents .secPeople__txt {
  line-height: 1.75;
  margin-bottom: 14px;
}
@media (max-width: 768px) {
  .l-contents .secPeople__txt {
    margin-bottom: 1.5vw;
  }
}
.l-contents .secPeople__btn a {
  margin: 0 0 0 auto;
}

.l-contents .secShop {
  padding-top: 116px;
  margin-bottom: 95px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secShop {
    padding-top: 14vw;
    margin-bottom: 0;
    padding-bottom: 29vw;
    background: #eff0f2;
  }
}
.l-contents .secShop:before {
  content: "";
  background: url(../images/real-estate/shop_bg@2x.png) no-repeat center top/100% 100%;
  width: 100%;
  height: 1075px;
  display: block;
  position: absolute;
  top: 75px;
}
@media (max-width: 768px) {
  .l-contents .secShop:before {
    background: url(../images/real-estate/shop_bg_sp@2x.png) no-repeat center top/100% 100%;
    top: -22vw;
    height: 40vw;
  }
}
.l-contents .secShop:after {
  content: "";
  width: 760px;
  height: 1382px;
  display: block;
  position: absolute;
  right: -190px;
  top: 516px;
}
@media (max-width: 768px) {
  .l-contents .secShop:after {
    aspect-ratio: 760/1382;
    width: 100vw;
    height: auto;
    right: -23vw;
    top: 108vw;
  }
}
.l-contents .secShop .inner {
  position: relative;
}
@media (max-width: 768px) {
  .l-contents .secShop .inner {
    padding: 0;
  }
}
.l-contents .secShop__img {
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .l-contents .secShop__img {
    width: 93%;
    margin-left: auto;
  }
}
.l-contents .secShop__txtbox {
  background: #fff;
  padding: 135px 77px 60px;
  display: flex;
  align-items: center;
  margin-top: -57px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents .secShop__txtbox {
    width: 93%;
    padding: 16.4vw 7vw 12vw;
    margin-top: -8vw;
    display: block;
  }
}
.l-contents .secShop__txtbox:before {
  content: "";
  width: 8px;
  height: 220px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents .secShop__txtbox:before {
    width: 7px;
    height: 38.4vw;
  }
}
.l-contents .secShop__txtbox--blue:before {
  background: #27addf;
}
.l-contents .secShop__txtbox--yellow:before {
  background: #e8b712;
}
.l-contents .secShop__txtbox--green:before {
  background: #239f3b;
}
.l-contents .secShop__head {
  width: 310px;
}
@media (max-width: 768px) {
  .l-contents .secShop__head {
    width: 100%;
  }
}
.l-contents .secShop__logo {
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents .secShop__logo {
    max-width: 94%;
    margin: 0 auto 1vw;
  }
}
.l-contents .secShop__name {
  text-align: center;
  color: #004680;
  line-height: 1.5;
  font-weight: bold;
}
.l-contents .secShop__cont {
  flex: 1;
  padding-left: 35px;
}
@media (max-width: 768px) {
  .l-contents .secShop__cont {
    padding-left: 0;
  }
}
.l-contents .secShop__ttl {
  font-size: 24px;
  line-height: 1.58;
  font-weight: bold;
  margin-bottom: 19px;
}
@media (max-width: 768px) {
  .l-contents .secShop__ttl {
    font-size: 5.5vw;
    margin-bottom: 7vw;
  }
}
.l-contents .secShop__txt {
  line-height: 1.75;
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .l-contents .secShop__txt {
    margin-bottom: 7vw;
  }
}
.l-contents .secShop__btnWrap {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .l-contents .secShop__btnWrap {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents .secShop__btn {
    text-align: center;
  }
}
.l-contents .secShop__btn:not(:last-child) {
  margin-right: 26px;
}
@media (max-width: 768px) {
  .l-contents .secShop__btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 5.9vw;
  }
}
.l-contents .secShop__btn a {
  border-bottom: 3px solid #333;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  padding: 0 31px 12px 31px;
  position: relative;
  transition: opacity 0.4s;
}
@media (max-width: 768px) {
  .l-contents .secShop__btn a {
    font-size: 3.8vw;
    padding: 0 6vw 3vw;
  }
}
@media (hover: hover) {
  .l-contents .secShop__btn a:hover {
    opacity: 0.7;
  }
}
.l-contents .secShop__btn a:before {
  content: "";
  background: url(../images/real-estate/icn-link.svg) no-repeat center center/cover;
  width: 13px;
  height: 13px;
  display: block;
  position: absolute;
  right: 0;
  bottom: 14px;
}
@media (max-width: 768px) {
  .l-contents .secShop__btn a:before {
    width: 3vw;
    height: 3vw;
  }
}

.l-contents .secWork {
  position: relative;
  padding-bottom: 113px;
}
@media (max-width: 768px) {
  .l-contents .secWork {
    padding-bottom: 17vw;
  }
}
.l-contents .secWork:before {
  content: "";
  width: 746px;
  height: 405px;
  display: block;
  position: absolute;
  right: -295px;
  top: 360px;
}
@media (max-width: 768px) {
  .l-contents .secWork:before {
    content: none;
  }
}
.l-contents .secWork__cont {
  border: 12px solid #f0f0f0;
  background: #fff;
  padding: 0 70px 62px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents .secWork__cont {
    border-width: 10px;
    padding: 0 7vw 7vw;
  }
}
.l-contents .secWork__heading {
  margin-top: -12px;
}
@media (max-width: 768px) {
  .l-contents .secWork__heading {
    margin-top: -10px;
  }
}
.l-contents .secWork__suited {
  padding: 50px 40px 44px;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited {
    padding: 0;
  }
}
.l-contents .secWork__suited--purple {
  background: #f1eaf4;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--purple {
    background: none;
  }
}
.l-contents .secWork__suited--purple .suited__ttl {
  color: #9c6ab2;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--purple .suited__ttl {
    background: #9c6ab2;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--purple .suited__item {
    background: #f1eaf4;
  }
}
.l-contents .secWork__suited--blue {
  background: #e1f4fb;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--blue {
    background: none;
  }
}
.l-contents .secWork__suited--blue .suited__ttl {
  color: #27addf;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--blue .suited__ttl {
    background: #27addf;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--blue .suited__item {
    background: #e1f4fb;
  }
}
.l-contents .secWork__suited--blue .suited__item:before {
  background-image: url(../images/real-estate/icn-check-blue.svg);
}
.l-contents .secWork__suited--yellow {
  background: #fbf3d9;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--yellow {
    background: none;
  }
}
.l-contents .secWork__suited--yellow .suited__ttl {
  color: #e8b712;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--yellow .suited__ttl {
    background: #e8b712;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--yellow .suited__item {
    background: #fbf3d9;
  }
}
.l-contents .secWork__suited--yellow .suited__item:before {
  background-image: url(../images/house-renovation/icn-check-yellow.svg);
}
.l-contents .secWork__suited--green .suited__ttl {
  color: #239f3b;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--green .suited__ttl {
    background: #239f3b;
    color: #fff;
  }
}
.l-contents .secWork__suited--green .suited__item:before {
  background-image: url(../images/material-sales/icn-check-green.svg);
}
.l-contents .secWork__suited--orange .suited__ttl {
  color: #f16f30;
}
@media (max-width: 768px) {
  .l-contents .secWork__suited--orange .suited__ttl {
    background: #f16f30;
    color: #fff;
  }
}
.l-contents .secWork__suited--orange .suited__item:before {
  background-image: url(../images/material-sales/icn-check-orange.svg);
}
.l-contents .suited__ttl {
  text-align: center;
  margin-bottom: 43px;
  font-weight: bold;
  font-size: 24px;
}
@media (max-width: 768px) {
  .l-contents .suited__ttl {
    font-size: 4.2vw;
    margin-bottom: 5vw;
    padding: 3.5vw 0;
  }
}
.l-contents .suited__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 12px;
}
@media (max-width: 768px) {
  .l-contents .suited__list {
    display: block;
  }
}
.l-contents .suited__item {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4375;
  position: relative;
  background: #fff;
  padding: 14px 0 10px;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .l-contents .suited__item {
    font-size: 3.5vw;
    padding: 3.8vw 0;
  }
}
@media (max-width: 768px) {
  .l-contents .suited__item:not(:last-child) {
    margin-bottom: 5vw;
  }
}
.l-contents .suited__item:before {
  content: "";
  background: url(../images/real-estate/icn-check-purple.svg) no-repeat center center/cover;
  width: 29px;
  height: 29px;
  display: block;
  position: absolute;
  left: 10px;
  top: -13px;
}
@media (max-width: 768px) {
  .l-contents .suited__item:before {
    width: 6vw;
    height: 5.8vw;
    top: -2vw;
  }
}
.l-contents .suited__item .small {
  font-size: 14px;
}

.l-contents .works-top {
  background: #eff0f2;
  padding: 58px 0 66px;
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents .works-top {
    padding: 13.7vw 0 15.4vw;
  }
}
.l-contents .works-top__btn a {
  background: #fff;
}

.l-contents#data {
  background-color: #eff0f2;
  background-image: url(../images/data/data-bg@2x.png);
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
}
.l-contents#data .secData {
  padding: 77px 0 135px;
}
@media (max-width: 768px) {
  .l-contents#data .secData {
    padding: 8vw 0 21vw;
  }
}
.l-contents#data .secData__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px 14px;
}
@media (max-width: 768px) {
  .l-contents#data .secData__list {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents#data .secData__item {
    width: 66.5vw;
    margin: 0 auto;
  }
  .l-contents#data .secData__item:not(:last-child) {
    margin-bottom: 1vw;
  }
}
.l-contents#data .secQuestionnaire {
  padding-bottom: 120px;
}
@media (max-width: 768px) {
  .l-contents#data .secQuestionnaire {
    padding-bottom: 15vw;
  }
}
.l-contents#data .secQuestionnaire__heading {
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .l-contents#data .secQuestionnaire__heading {
    margin-bottom: 10.5vw;
  }
}
.l-contents#data .secQuestionnaire__heading .c-heading-01__en {
  color: #e42528;
}
.l-contents#data .secQuestionnaire__heading .c-heading-01__en:before {
  background: #e42528;
}
.l-contents#data .secQuestionnaire__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas: "q-01 q-01" "q-02 q-03" "q-04 q-05" "q-06 q-06" "q-07 q-07" "q-08 q-08";
  gap: 12px 14px;
}
@media (max-width: 768px) {
  .l-contents#data .secQuestionnaire__list {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents#data .secQuestionnaire__item:not(:last-child) {
    margin-bottom: 1vw;
  }
}
.l-contents#data .q-01 {
  grid-area: q-01;
}
.l-contents#data .q-02 {
  grid-area: q-02;
}
.l-contents#data .q-03 {
  grid-area: q-03;
}
@media (min-width: 960px) {
  .l-contents#data .q-03 img {
    display: block;
    width: calc(100% + 7px);
    max-width: calc(100% + 7px);
  }
}
.l-contents#data .q-04 {
  grid-area: q-04;
}
.l-contents#data .q-05 {
  grid-area: q-05;
}
.l-contents#data .q-06 {
  grid-area: q-06;
}
.l-contents#data .q-07 {
  grid-area: q-07;
}
.l-contents#data .q-08 {
  grid-area: q-08;
}

.l-contents#history .secHistory {
  margin-top: 48px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory {
    margin-top: 5vw;
  }
}
.l-contents#history .secHistory:before {
  content: "";
  background: url(../images/history/history_head@2x.jpg) no-repeat center top/cover;
  width: 100%;
  height: 374px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory:before {
    background: url(../images/history/history_head_sp@2x.jpg) no-repeat center top/cover;
    height: 40vw;
  }
}
.l-contents#history .secHistory:after {
  content: "";
  background: url(../images/history/history_bottom@2x.jpg) no-repeat center bottom/cover;
  width: 100%;
  height: 1241px;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory:after {
    background: url(../images/history/history_bottom_sp@2x.jpg) no-repeat center top/cover;
    height: 260vw;
  }
}
.l-contents#history .secHistory .inner {
  padding-top: 300px;
  padding-bottom: 423px;
  max-width: 1066px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory .inner {
    padding-top: 52.5vw;
    padding-bottom: 54vw;
  }
}
.l-contents#history .secHistory .inner:before {
  content: "";
  background: url(../images/history/tri-01@2x.png) no-repeat center center/cover;
  width: 680px;
  height: 722px;
  display: block;
  position: absolute;
  bottom: 680px;
  left: -240px;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory .inner:before {
    aspect-ratio: 680/722;
    width: 97vw;
    left: -22vw;
    bottom: 284vw;
    height: auto;
  }
}
.l-contents#history .secHistory .inner:after {
  content: "";
  background: url(../images/history/tri-02@2x.png) no-repeat center center/cover;
  width: 1020px;
  height: 920px;
  display: block;
  position: absolute;
  bottom: -13px;
  right: -460px;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory .inner:after {
    aspect-ratio: 1020/920;
    width: 108vw;
    right: -37vw;
    bottom: -9vw;
    height: auto;
  }
}
.l-contents#history .secHistory__cont {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__cont {
    display: block;
  }
}
.l-contents#history .secHistory__cont:before {
  content: "";
  background: #acacac;
  width: 1px;
  height: calc(100% - 712px);
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 226px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__cont:before {
    height: calc(100% - 85vw);
    right: auto;
    margin: 0;
    left: 2.5vw;
    top: 11vw;
  }
}
.l-contents#history .secHistory__cont:after {
  content: "";
  background: url(../images/history/line-bottom@2x.png) no-repeat center center/cover;
  width: 2px;
  height: 42px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -57px;
}
.l-contents#history .secHistory__item {
  width: 413px;
  background: #eff0f2;
  padding: 51px 37px 46px;
  position: relative;
  margin-bottom: 75px;
  z-index: 2;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item {
    width: 71.6vw;
    margin-left: auto;
    padding: 12.7vw 8.5vw 10vw;
    margin-bottom: 18vw;
  }
}
.l-contents#history .secHistory__item:before {
  content: "";
  background: #239f3b;
  width: 8px;
  height: 90px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item:before {
    width: 7px;
    height: 22vw;
  }
}
.l-contents#history .secHistory__item:after {
  width: 110px;
  height: 20px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item:after {
    width: 14vw;
    height: 18px;
    top: 9vw;
    transform: translateY(0);
  }
}
.l-contents#history .secHistory__item--right:after {
  content: "";
  background: url(../images/history/line-right@2x.png) no-repeat left center/cover;
  left: -110px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item--right:after {
    left: -14vw;
  }
}
.l-contents#history .secHistory__item--left:after {
  content: "";
  background: url(../images/history/line-left@2x.png) no-repeat center center/cover;
  right: -110px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item--left:after {
    content: "";
    background: url(../images/history/line-right@2x.png) no-repeat left center/cover;
    top: 8vw;
    left: -14vw;
  }
}
.l-contents#history .secHistory__item--last {
  margin-bottom: 0;
}
.l-contents#history .secHistory__item--last:after {
  content: "";
  background: url(../images/history/line-top-lightgreen@2x.png) no-repeat center center/cover;
  width: 20px;
  height: 222px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -272px;
  transform: translateY(0);
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item--last:after {
    background: url(../images/history/line-top-lightgreen_sp@2x.png) no-repeat left center/cover;
    left: -14vw;
    right: auto;
    width: 14vw;
    height: 113.9vw;
    top: -89.1vw;
  }
}
.l-contents#history .secHistory__item--lightGreen {
  background: #fff;
}
.l-contents#history .secHistory__item--lightGreen:before {
  background: #7cc439;
}
.l-contents#history .secHistory__item--lightGreen.secHistory__item--right:after {
  background: url(../images/history/line-right-lightgreen@2x.png) no-repeat left center/cover;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-01 .secHistory__img {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-contents#history .secHistory__item.item-02 {
  margin-top: 117px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-02 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-02 .secHistory__img {
    width: 42%;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-contents#history .secHistory__item.item-03 {
  margin-top: -16px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-03 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-04 .secHistory__img {
    width: 61%;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-contents#history .secHistory__item.item-05 {
  margin-top: -226px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-05 {
    margin-top: 0;
  }
}
.l-contents#history .secHistory__item.item-05 .secHistory__img {
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-05 .secHistory__img {
    width: 52%;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-contents#history .secHistory__item.item-07 {
  margin-top: -136px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-07 {
    margin-top: 0;
  }
}
.l-contents#history .secHistory__item.item-07 .secHistory__img {
  width: 250px;
  margin: 35px auto 0;
}
@media (max-width: 768px) {
  
.l-contents#history .secHistory__item.item-07 .secHistory__img {
    width: 67%;
    margin-top: 20px;
  }
.l-contents#history .secHistory__item.item-08 .secHistory__img {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
  }
}
.l-contents#history .secHistory__item.item-09 {
  margin-top: -238px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-09 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-10 {
    margin-bottom: 79vw;
  }
}
.l-contents#history .secHistory__item.item-11 {
  margin-top: 172px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-11 {
    margin-top: 0;
  }
}

.l-contents#history .secHistory__item.item-11 .secHistory__txt:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: -101px;
  width: 2px;
  background: #7cc439;
  pointer-events: none;
}

@media (max-width:768px) {.l-contents#history .secHistory__item.item-11 .secHistory__txt:after {
    top: calc(8vw + 9px);
    left: -11.8660421546vw;
    right: auto;
    width: 0.5334894614vw;
  }
}
.l-contents#history .secHistory__item.item-12 {
  width: 91%;
  margin: 72px auto 0;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__item.item-12 {
    width: 71.6vw;
    margin: 10vw 0 0 auto;
  }
}
.l-contents#history .secHistory__year {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: -36px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__year {
    top: -8.7vw;
  }
}
.l-contents#history .secHistory__year .num {
  font-size: 70px;
  font-weight: bold;
  color: #239f3b;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__year .num {
    font-size: 16.8vw;
  }
}
.l-contents#history .secHistory__year .num--lightGreen {
  color: #7cc439;
}
.l-contents#history .secHistory__year .year {
  font-size: 25px;
  font-weight: bold;
  display: inline-block;
  padding-bottom: 12px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__year .year {
    font-size: 6.4vw;
    padding-bottom: 2vw;
  }
}
.l-contents#history .secHistory__ttl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 13px;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__ttl {
    font-size: 5.5vw;
    margin-bottom: 3.5vw;
    line-height: 1.4;
  }
}
.l-contents#history .secHistory__ttl .small {
  font-size: 18px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__ttl .small {
    font-size: 3.8vw;
  }
}
.l-contents#history .secHistory__txt {
  line-height: 1.75;
}
.l-contents#history .secHistory__img {
  text-align: center;
  margin-top: 20px;
}
.l-contents#history .secHistory__future {
  position: absolute;
  right: -105px;
  bottom: 725px;
}
@media (max-width: 768px) {
  .l-contents#history .secHistory__future {
    right: -7vw;
    bottom: 201vw;
    width: 83vw;
  }
}

@media (max-width: 768px) {
  .l-contents#house-renovation .secShop {
    padding-bottom: 23vw;
  }
}
.l-contents#house-renovation .secShop:after {
  background: url(../images/house-renovation/tri-01@2x.png) no-repeat center center/cover;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secShop:after {
    top: 119vw;
  }
}
.l-contents#house-renovation .secShop__head {
  margin-bottom: 26px;
  width: 250px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secShop__head {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.l-contents#house-renovation .secShop__logo {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secShop__logo {
    width: 47vw;
    margin: 2vw auto 6vw;
  }
}
.l-contents#house-renovation .secShop__name {
  color: #149cb3;
}
.l-contents#house-renovation .secAbout {
  margin-bottom: 110px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout {
    margin-bottom: 12vw;
  }
}
.l-contents#house-renovation .secAbout:before {
  background: url(../images/house-renovation/tri-02@2x.png) no-repeat center center/cover;
  bottom: -261px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout:before {
    bottom: -27vw;
  }
}
.l-contents#house-renovation .secAbout__cont {
  padding-bottom: 88px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__cont {
    padding-bottom: 16vw;
  }
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__heading {
    width: 71vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -8.7vw;
    transform: translateX(-2vw);
  }
}
.l-contents#house-renovation .secAbout__lead {
  margin-bottom: 53px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__lead {
    margin-bottom: 10vw;
  }
}
.l-contents#house-renovation .secAbout__lead a {
  color: #1dc1ab;
  text-decoration: underline;
}
.l-contents#house-renovation .secAbout__lead a img {
  margin: 0 8px;
}
.l-contents#house-renovation .secAbout__ttl__en {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__ttl__en {
    font-size: 3.4vw;
    margin-bottom: 1vw;
  }
}
.l-contents#house-renovation .secAbout__ttl {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 0 20px;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__ttl {
    font-size: 6.9vw;
    gap: 0 4vw;
    line-height: 1.4;
  }
}
.l-contents#house-renovation .secAbout__ttl:before, .l-contents#house-renovation .secAbout__ttl:after {
  content: "";
  width: 100%;
  height: 12px;
  display: inline-block;
}
.l-contents#house-renovation .secAbout__new {
  margin-bottom: 82px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__new {
    margin-bottom: 15vw;
  }
}
.l-contents#house-renovation .secAbout__new .secAbout__ttlWrap {
  color: #1dc1ab;
  margin-bottom: 55px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__new .secAbout__ttlWrap {
    margin-bottom: 6vw;
  }
}
.l-contents#house-renovation .secAbout__new .secAbout__ttl:before, .l-contents#house-renovation .secAbout__new .secAbout__ttl:after {
  background: #1dc1ab;
}
.l-contents#house-renovation .new__box {
  display: flex;
  align-items: flex-end;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__box {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__img {
    margin-bottom: 16vw;
  }
}
.l-contents#house-renovation .new__txtbox {
  flex: 1;
  margin-left: 30px;
  background: rgba(29, 193, 171, 0.12);
  padding: 0 25px 22px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__txtbox {
    margin-left: 0;
    padding: 0 7vw 10vw;
  }
}
.l-contents#house-renovation .new__heading {
  text-align: center;
  transform: translateY(-11px);
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__heading {
    width: 99%;
    margin: 0 auto;
    transform: translateY(-4.6vw);
  }
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__list {
    margin-top: -3vw;
  }
}
.l-contents#house-renovation .new__item:not(:last-child) {
  border-bottom: 1px solid #1dc1ab;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__item:not(:last-child) {
    padding-bottom: 3.7vw;
    margin-bottom: 5vw;
  }
}
.l-contents#house-renovation .new__head {
  display: flex;
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__head {
    display: block;
    margin-bottom: 4vw;
  }
}
.l-contents#house-renovation .new__head .num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1dc1ab;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-left: 2px;
  margin-top: -7px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__head .num {
    width: 9.1vw;
    height: 9.1vw;
    margin: 0 auto 3.8vw;
    font-size: 4.6vw;
    padding-top: 0;
    padding-left: 0;
  }
}
.l-contents#house-renovation .new__ttl {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.37;
  text-align: left;
  color: #1dc1ab;
  padding-left: 10px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__ttl {
    font-size: 4.2vw;
    padding-left: 0;
    margin-bottom: 3vw;
  }
}
.l-contents#house-renovation .new__txt {
  padding-left: 46px;
  font-size: 14px;
  line-height: 1.7;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .new__txt {
    padding-left: 0;
    font-size: 3.4vw;
  }
}
.l-contents#house-renovation .secAbout__reform {
  margin-bottom: 63px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__reform {
    margin-bottom: 13vw;
  }
}
.l-contents#house-renovation .secAbout__reform .secAbout__ttlWrap {
  color: #e8b712;
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__reform .secAbout__ttlWrap {
    margin-bottom: 7vw;
  }
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secAbout__reform .secAbout__ttl {
    gap: 0 1.5vw;
  }
}
.l-contents#house-renovation .secAbout__reform .secAbout__ttl:before, .l-contents#house-renovation .secAbout__reform .secAbout__ttl:after {
  background: #e8b712;
}
.l-contents#house-renovation .reform__cont {
  position: relative;
  padding-bottom: 170px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .reform__cont {
    padding-bottom: 0;
  }
}
.l-contents#house-renovation .reform__img {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .reform__img {
    position: static;
    margin-bottom: 5vw;
  }
}
.l-contents#house-renovation .reform__txt {
  max-width: 305px;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .reform__txt {
    max-width: 100%;
  }
}
.l-contents#house-renovation .secWork:before {
  background: url(../images/house-renovation/tri-03@2x.png) no-repeat center center/cover;
}
@media (min-width: 960px) {
  .l-contents#house-renovation .secWork:before {
    top: 380px;
  }
}
.l-contents#house-renovation .secWork__heading {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secWork__heading {
    margin-bottom: 9.5vw;
  }
}
.l-contents#house-renovation .secWork__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 43px 35px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secWork__list {
    display: block;
    margin-bottom: 9vw;
  }
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secWork__item:not(:last-child) {
    margin-bottom: 7vw;
  }
}
.l-contents#house-renovation .secWork__img {
  margin-bottom: 26px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secWork__img {
    margin-bottom: 4.4vw;
  }
}
.l-contents#house-renovation .secWork__ttl {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 15px;
  border-bottom: 3px solid #e8b712;
  color: #e8b712;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents#house-renovation .secWork__ttl {
    font-size: 6.7vw;
    padding-bottom: 2.9vw;
    margin-bottom: 5vw;
    border-width: 2px;
    line-height: 1.4;
  }
}
.l-contents#house-renovation .secWork__txt {
  line-height: 1.75;
}
.l-contents#house-renovation .secPeople:before {
  background: url(../images/house-renovation/tri-04@2x.png) no-repeat center center/cover;
}

.l-contents#material-sales .secShop {
  margin-bottom: 188px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop {
    padding-bottom: 15vw;
    margin-bottom: 20vw;
  }
}
.l-contents#material-sales .secShop:after {
  background: url(../images/material-sales/tri-01@2x.png) no-repeat center center/cover;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop:after {
    right: -13vw;
    top: 129vw;
  }
}
@media (min-width: 960px) {
  .l-contents#material-sales .secShop__txtbox {
    padding-top: 117px;
  }
}
.l-contents#material-sales .secShop__head {
  width: 145px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__head {
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 6.7vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logoWrap {
    display: flex;
    padding-left: 2vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logoItem {
    flex: 1;
  }
}
.l-contents#material-sales .secShop__logoItem:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logoItem:not(:last-child) {
    margin-bottom: 0;
  }
}
.l-contents#material-sales .secShop__logo {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logo {
    margin: 0 auto 3.6vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logo.item-01 {
    width: 45%;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secShop__logo.item-02 {
    width: 52%;
  }
}
.l-contents#material-sales .secShop__name {
  color: #239f3b;
}
.l-contents#material-sales .secShop__name--orange {
  color: #f16f30;
}
@media (min-width: 960px) {
  .l-contents#material-sales .secShop__cont {
    margin-top: 17px;
  }
}
@media (min-width: 960px) {
  .l-contents#material-sales .secShop__txt {
    margin-bottom: 29px;
  }
}
.l-contents#material-sales .secFlow {
  margin-bottom: 168px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow {
    margin-bottom: 11vw;
  }
}
.l-contents#material-sales .secFlow .inner {
  position: relative;
  z-index: 1;
}
.l-contents#material-sales .secFlow__heading {
  margin-bottom: 100px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__heading {
    margin-bottom: 16.5vw;
  }
}
.l-contents#material-sales .secFlow__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 30px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__list {
    display: block;
  }
}
.l-contents#material-sales .secFlow__item {
  border: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  padding: 56px 30px 25px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__item {
    padding: 14.3vw 7vw 7.4vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__item:not(:last-child) {
    margin-bottom: 17.7vw;
  }
}
.l-contents#material-sales .secFlow__item:not(:last-child):before {
  content: "";
  background: url(../images/material-sales/flow-arrow@2x.png) no-repeat center center/cover;
  width: 14px;
  height: 30px;
  display: block;
  position: absolute;
  top: 100px;
  right: -24px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__item:not(:last-child):before {
    background: url(../images/material-sales/flow-arrow_sp@2x.png) no-repeat center center/cover;
    aspect-ratio: 54/25;
    width: 6.5vw;
    height: auto;
    top: auto;
    bottom: -6.8vw;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
.l-contents#material-sales .secFlow__icn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -34px;
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__icn {
    width: 22vw;
    top: -8.3vw;
  }
}
.l-contents#material-sales .secFlow__icn.item-01 {
  transform: translateX(11px);
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__icn.item-01 {
    transform: translateX(3vw);
  }
}
.l-contents#material-sales .secFlow__ttl {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  color: #239f3b;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__ttl {
    font-size: 5.3vw;
  }
}
.l-contents#material-sales .secFlow__ttl .small {
  font-size: 18px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secFlow__ttl .small {
    font-size: 4.2vw;
  }
}
.l-contents#material-sales .secFlow__txt {
  line-height: 1.75;
}
.l-contents#material-sales .secMaterial {
  position: relative;
  margin-bottom: 150px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial {
    background: #eff0f2;
    padding: 19vw 0 37vw;
    margin-bottom: 0;
  }
}
.l-contents#material-sales .secMaterial:before {
  content: "";
  background: url(../images/material-sales/material-bg@2x.png) no-repeat center top/100% 100%;
  width: 100%;
  height: 1832px;
  display: block;
  position: absolute;
  top: -132px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial:before {
    background: url(../images/material-sales/material-bg_sp@2x.png) no-repeat center top/100% 100%;
    height: 44vw;
    top: -36vw;
  }
}
.l-contents#material-sales .secMaterial:after {
  content: "";
  background: url(../images/material-sales/tri-02@2x.png) no-repeat center center/cover;
  width: 825px;
  height: 922px;
  display: block;
  position: absolute;
  left: -110px;
  bottom: -384px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial:after {
    background: url(../images/material-sales/tri-02_sp@2x.png) no-repeat center center/cover;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial:after {
    aspect-ratio: 671/1054;
    width: 90vw;
    height: auto;
    left: 0;
    bottom: 64vw;
  }
}
.l-contents#material-sales .secMaterial .inner {
  position: relative;
  z-index: 1;
}
.l-contents#material-sales .secMaterial__headingWrap {
  margin-bottom: 45px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__headingWrap {
    margin-bottom: 7.8vw;
  }
}
.l-contents#material-sales .secMaterial__heading__en {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  color: #239f3b;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__heading__en {
    font-size: 3.4vw;
    margin-bottom: 4.5vw;
  }
}
.l-contents#material-sales .secMaterial__heading {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  gap: 0 20px;
  align-items: center;
  position: relative;
  line-height: 1.45;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__heading {
    font-size: 6vw;
    gap: 0 8vw;
    line-height: 1.4;
  }
}
.l-contents#material-sales .secMaterial__heading:before, .l-contents#material-sales .secMaterial__heading:after {
  content: "";
  width: 100%;
  height: 12px;
  display: inline-block;
  background: #239f3b;
}
.l-contents#material-sales .secMaterial__all {
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__all {
    margin-bottom: 10.8vw;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .l-contents#material-sales .secMaterial__all {
    width: 100vw;
    transform: translateX(-7vw);
  }
}
.l-contents#material-sales .secMaterial__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 22px;
  margin-bottom: 87px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__list {
    grid-template-columns: 1fr 1fr;
    gap: 2vw 2vw;
    margin-bottom: 13vw;
  }
}
.l-contents#material-sales .secMaterial__item {
  background: #fff;
  padding: 28px 0 0;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__item {
    margin: 0 auto;
    padding: 7vw 0 0;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
}
.l-contents#material-sales .secMaterial__item:before {
  content: "";
  background: #239f3b;
  width: 60px;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__item:before {
    width: 14vw;
  }
}
.l-contents#material-sales .secMaterial__ttl {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #239f3b;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__ttl {
    font-size: 4.2vw;
    margin-bottom: 3vw;
  }
}
.l-contents#material-sales .secMaterial__txt {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__txt {
    font-size: 3.4vw;
    margin-bottom: 4vw;
    line-height: 1.5;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__txt--row2 {
    height: 10.2vw;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__img {
    margin-top: auto;
  }
}
.l-contents#material-sales .secMaterial__maker {
  display: flex;
  background: #fff;
  border: 1px solid #c4c4c4;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secMaterial__maker {
    display: block;
  }
}
.l-contents#material-sales .maker__ttl {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background: url(../images/material-sales/maker_bg@2x.png) no-repeat center center/cover;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 381px;
  padding-right: 12px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .maker__ttl {
    background: #eff0f2;
    padding: 8vw 0;
    font-size: 4.8vw;
    width: 100%;
  }
}
.l-contents#material-sales .maker__img {
  padding: 40px 60px 40px 0;
  text-align: center;
  flex: 1;
}
@media (max-width: 768px) {
  .l-contents#material-sales .maker__img {
    padding: 7.5vw 9vw 11vw;
  }
}
.l-contents#material-sales .secStyle {
  position: relative;
  margin-bottom: 85px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secStyle {
    margin-top: -26vw;
    margin-bottom: 17vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secStyle:before {
    content: "";
    background: url(../images/material-sales/style_bg_sp@2x.png) no-repeat center center/cover;
    aspect-ratio: 750/438;
    width: 100vw;
    height: auto;
    display: block;
    position: absolute;
    top: 17.5vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .secStyle .inner {
    position: relative;
  }
}
.l-contents#material-sales .secStyle__heading {
  text-align: right;
  padding-right: 100px;
  margin-bottom: 42px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secStyle__heading {
    padding: 0;
    margin-bottom: 8.2vw;
    text-align: center;
  }
}
.l-contents#material-sales .style__wrap {
  border: 12px solid #239f3b;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__wrap {
    border-width: 10px;
  }
}
.l-contents#material-sales .style__wrap:not(:last-child) {
  margin-bottom: 68px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__wrap:not(:last-child) {
    margin-bottom: 8.3vw;
  }
}
.l-contents#material-sales .style__wrap--green {
  border-color: #239f3b;
}
.l-contents#material-sales .style__wrap--orange {
  border-color: #f16f30;
}
.l-contents#material-sales .style__head {
  position: relative;
  display: flex;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head {
    display: block;
  }
}
.l-contents#material-sales .style__head__label {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  width: 139px;
  height: 90px;
  line-height: 90px;
  position: absolute;
  left: -12px;
  top: -12px;
  text-align: center;
  padding-top: 6px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head__label {
    left: -10px;
    top: -10px;
    font-size: 5.3vw;
    width: 34vw;
    height: 22vw;
    line-height: 22vw;
    padding-top: 1vw;
  }
}
.l-contents#material-sales .style__head__label--green {
  background: #239f3b;
}
.l-contents#material-sales .style__head__label--orange {
  background: #f16f30;
}
.l-contents#material-sales .style__head__txtbox {
  flex: 1;
  padding: 50px 37px 50px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head__txtbox {
    padding: 7vw 6vw 18vw;
  }
}
.l-contents#material-sales .style__head__ttl {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head__ttl {
    font-size: 5.5vw;
    line-height: 1.45;
  }
}
.l-contents#material-sales .style__head__txt {
  line-height: 1.75;
}
.l-contents#material-sales .style__head__button {
  appearance: none;
  border: none;
  cursor: pointer;
  box-shadow: none;
  background: none;
  padding: 0;
  line-height: 0;
  position: relative;
  display: block;
  width: 200px;
  margin-left: auto;
  top: 12px;
  right: -12px;
  margin-top: -55px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head__button {
    width: 48vw;
    top: 10px;
    right: -10px;
    position: relative;
  }
}
.l-contents#material-sales .style__head__button .more-button {
  position: relative;
  z-index: 1;
}
.l-contents#material-sales .style__head__button .more-button-on {
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__head__button .more-button-on {
    height: 100%;
    width: auto;
  }
}
.l-contents#material-sales .style__head__button.on .more-button {
  opacity: 0;
  visibility: hidden;
}
.l-contents#material-sales .style__cont {
  padding: 57px 0 70px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__cont {
    padding: 12.3vw 0 0;
  }
}
.l-contents#material-sales .style__main {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  padding: 0 60px 0 70px;
  position: relative;
  margin-bottom: 86px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main {
    display: block;
    padding: 0 7vw;
    margin-bottom: 33.5vw;
  }
}
.l-contents#material-sales .style__main:before {
  content: "";
  background: rgba(35, 159, 59, 0.12);
  width: 100%;
  height: 250px;
  display: block;
  position: absolute;
  bottom: 30px;
  left: 0;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main:before {
    height: calc(100% - 9vw);
    bottom: auto;
    top: 24vw;
  }
}
.l-contents#material-sales .style__main--orange:before {
  background: rgba(241, 111, 48, 0.12);
}
.l-contents#material-sales .style__main__img {
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__img {
    margin-bottom: 9.8vw;
  }
}
.l-contents#material-sales .style__main__txtbox {
  flex: 1;
  position: relative;
  margin-bottom: 21px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__txtbox {
    margin-bottom: 0;
  }
}
.l-contents#material-sales .style__main__logo {
  margin-bottom: 34px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__logo {
    text-align: center;
    margin: 0 auto 7vw;
  }
  .l-contents#material-sales .style__main__logo img {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__logo.item-01 {
    width: 16vw;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__logo.item-02 {
    width: 22vw;
  }
}
.l-contents#material-sales .style__main__catch {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__main__catch {
    font-size: 6.1vw;
    text-align: center;
  }
}
.l-contents#material-sales .style__point {
  background: #eff0f2;
  padding: 47px 18px 38px;
  margin: 0 70px 95px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point {
    margin: 0 7vw;
    padding: 10vw 7vw 7vw;
    margin-bottom: 16vw;
  }
}
.l-contents#material-sales .style__point.item-01 .style__point__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-01 .style__point__list {
    display: block;
  }
}
.l-contents#material-sales .style__point.item-01 .style__point__item {
  padding: 0 27px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-01 .style__point__item {
    padding: 0;
  }
}
.l-contents#material-sales .style__point.item-01 .style__point__item:not(:last-child) {
  border-right: 1px solid #239f3b;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-01 .style__point__item:not(:last-child) {
    padding-bottom: 6vw;
    margin-bottom: 6vw;
    border-right: none;
    border-bottom: 1px solid #239f3b;
  }
}
.l-contents#material-sales .style__point.item-01 .style__point__num {
  background: #239f3b;
  margin: 0 auto 13px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-01 .style__point__num {
    margin: 0 auto 3.1vw;
  }
}
.l-contents#material-sales .style__point.item-02 {
  padding: 0 65px 60px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 {
    padding: 0 7vw 7vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__num {
  background: #f16f30;
  margin: -6px 15px 0 0;
  flex: none;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__num {
    margin: 0 auto 3vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__list {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__list {
    display: block;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item {
  display: flex;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item {
    display: block;
  }
  .l-contents#material-sales .style__point.item-02 .style__point__item:not(:last-child) {
    padding-bottom: 9vw;
    margin-bottom: 6.5vw;
    border-bottom: 1px solid #f16f30;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01, .l-contents#material-sales .style__point.item-02 .style__point__item.item-04 {
  width: 100%;
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-02, .l-contents#material-sales .style__point.item-02 .style__point__item.item-03 {
  width: calc(50% - 14px);
  padding: 15px 0 6px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-02, .l-contents#material-sales .style__point.item-02 .style__point__item.item-03 {
    width: 100%;
    padding: 0 0 9vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 {
  padding-top: 65px;
  position: relative;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 {
    padding-top: 10vw;
    margin-bottom: 6.5vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .style__point__txt {
  width: 352px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .style__point__txt {
    width: 100%;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .style__point__area {
  position: absolute;
  right: -34px;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .style__point__area {
    position: static;
    width: calc(100% + 14vw);
    transform: translateX(-7vw);
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop {
    margin-top: 4.6vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__ttl {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
  background: url(../images/material-sales/icn-map.svg) no-repeat left center/17px;
  padding: 5px 0 5px 27px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__ttl {
    font-size: 3.5vw;
    padding: 1.3vw 0 1.3vw 7vw;
    margin-bottom: 0;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__list {
  padding-left: 26px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__list {
    padding-left: 0;
    margin-bottom: 5vw;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__item {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__item {
    font-size: 3.4vw;
    white-space: nowrap;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-01 .shop__item:before {
  content: "●";
  font-size: 10px;
  color: #f16f30;
  margin-right: 5px;
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-02 {
  border-right: 1px solid #f16f30;
  padding-right: 27px;
  margin-right: 27px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-02 {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-04 {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-04 {
    margin-top: 0;
  }
}
.l-contents#material-sales .style__point.item-02 .style__point__item.item-04 .style__point__txt {
  flex: 1;
  padding-right: 30px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point.item-02 .style__point__item.item-04 .style__point__txt {
    padding-right: 0;
    margin-bottom: 5vw;
  }
}
.l-contents#material-sales .style__point__ttl {
  position: absolute;
  top: -19px;
  text-align: center;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point__ttl {
    width: 87%;
    top: -5vw;
  }
}
.l-contents#material-sales .style__point__num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: #fff;
  font-size: 19px;
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  padding-left: 2px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .style__point__num {
    width: 9.1vw;
    height: 9.1vw;
    font-size: 4.6vw;
    padding-top: 0;
    padding-left: 0;
  }
}
.l-contents#material-sales .style__point__txt {
  line-height: 1.75;
}
.l-contents#material-sales .secWork {
  padding: 0 70px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork {
    padding: 0;
  }
}
.l-contents#material-sales .secWork__cont {
  border: none;
  padding: 0 65px 62px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork__cont {
    padding: 0 7vw 10vw;
  }
}
.l-contents#material-sales .secWork__cont--green {
  background: rgba(35, 159, 59, 0.12);
}
.l-contents#material-sales .secWork__cont--orange {
  background: rgba(241, 111, 48, 0.12);
}
.l-contents#material-sales .secWork__heading {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork__heading {
    margin-bottom: 10vw;
  }
}
.l-contents#material-sales .secWork__item:not(:last-child) {
  padding-bottom: 95px;
  background: url(../images/material-sales/work-arrow@2x.png) no-repeat center bottom 35px/55px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork__item:not(:last-child) {
    padding-bottom: 19vw;
    background-size: 13vw;
    background-position: center bottom 7vw;
  }
}
.l-contents#material-sales .secWork__job {
  display: flex;
  margin-bottom: 35px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork__job {
    display: block;
    margin-bottom: 8vw;
  }
}
.l-contents#material-sales .job__img {
  width: 340px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .job__img {
    width: 100%;
  }
}
.l-contents#material-sales .job__img img:not(:last-child) {
  margin-bottom: 5px;
}
.l-contents#material-sales .job__txtbox {
  flex: 1;
  padding-top: 26px;
  padding-left: 38px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .job__txtbox {
    padding-top: 5vw;
    padding-left: 0;
  }
}
.l-contents#material-sales .job__ttl {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 22px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .job__ttl {
    font-size: 6.7vw;
    padding-bottom: 3.8vw;
    margin-bottom: 4vw;
    border-width: 2px;
  }
}
.l-contents#material-sales .job__ttl--green {
  color: #239f3b;
  border-bottom: 3px solid #239f3b;
}
.l-contents#material-sales .job__ttl--orange {
  color: #f16f30;
  border-bottom: 3px solid #f16f30;
}
.l-contents#material-sales .job__txt {
  line-height: 1.75;
}
.l-contents#material-sales .secWork__suited {
  padding: 0;
  display: grid;
  grid-template-columns: 186px 1fr;
  gap: 0 13px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secWork__suited {
    display: block;
  }
}
.l-contents#material-sales .suited__ttl {
  color: #fff;
  margin-bottom: 0;
  font-size: 18px;
  height: 70px;
  line-height: 1.27;
  background: url(../images/material-sales/suited_ttl-green@2x.png) no-repeat right center/cover;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-right: 14px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .suited__ttl {
    background: #239f3b;
    padding-right: 0;
    height: auto;
    font-size: 4.2vw;
    margin-bottom: 5vw;
  }
}
.l-contents#material-sales .suited__ttl--orange {
  background-image: url(../images/material-sales/suited_ttl-orange@2x.png);
}
@media (max-width: 768px) {
  .l-contents#material-sales .suited__ttl--orange {
    background: #f16f30;
  }
}
.l-contents#material-sales .suited__list {
  display: flex;
  gap: 0 8px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .suited__list {
    display: block;
  }
}
.l-contents#material-sales .suited__item {
  flex: 1;
}
.l-contents#material-sales .secThoughts {
  position: relative;
  padding-bottom: 113px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts {
    padding-bottom: 17vw;
  }
}
.l-contents#material-sales .secThoughts:before {
  content: "";
  background: url(../images/material-sales/tri-03@2x.png) no-repeat center center/cover;
  width: 746px;
  height: 405px;
  display: block;
  position: absolute;
  right: -295px;
  top: 166px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts:before {
    background: url(../images/material-sales/tri-03_sp@2x.png) no-repeat center center/cover;
    aspect-ratio: 134/379;
    width: 18vw;
    right: 0vw;
    top: 36vw;
    height: auto;
  }
}
.l-contents#material-sales .secThoughts__cont {
  border: 12px solid #f0f0f0;
  background: #fff;
  padding: 0 70px 75px;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts__cont {
    border-width: 10px;
    padding: 0 7vw 7vw;
  }
}
.l-contents#material-sales .secThoughts__heading {
  margin-top: -12px;
  margin-bottom: 65px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts__heading {
    margin-top: -10px;
    margin-bottom: 10vw;
  }
}
.l-contents#material-sales .secThoughts__lead {
  line-height: 1.75;
  margin-bottom: 70px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts__lead {
    margin-bottom: 13vw;
  }
}
.l-contents#material-sales .secThoughts__approach {
  background: #e5f3e7;
  padding: 60px 80px 80px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .secThoughts__approach {
    padding: 18vw 7vw 10vw;
  }
}
.l-contents#material-sales .approach__heading {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #239f3b;
  position: absolute;
  top: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .l-contents#material-sales .approach__heading {
    font-size: 5.3vw;
    top: -4vw;
    line-height: 1.4;
  }
}
.l-contents#material-sales .approach__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px 40px;
}
@media (max-width: 768px) {
  .l-contents#material-sales .approach__list {
    display: block;
  }
}
@media (max-width: 768px) {
  .l-contents#material-sales .approach__item:not(:last-child) {
    margin-bottom: 7vw;
  }
}
.l-contents#material-sales .approach__ttl {
  text-align: center;
  width: 76%;
  margin: -20px auto 20px;
  background: #e5f3e7;
  padding: 23px 0 20px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#material-sales .approach__ttl {
    width: 82%;
    font-size: 3.8vw;
    margin: -4.5vw auto 4.3vw;
    padding: 5vw 0 3.5vw;
    line-height: 1.4;
  }
}
.l-contents#material-sales .approach__ttl:before {
  content: "";
  background: #239f3b;
  width: 29px;
  height: 2px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
@media (max-width: 768px) {
  .l-contents#material-sales .approach__ttl:before {
    width: 7vw;
  }
}
.l-contents#material-sales .approach__txt {
  line-height: 1.75;
}
.l-contents#material-sales .secPeople:before {
  background: url(../images/material-sales/tri-04@2x.png) no-repeat center center/cover;
}

.l-contents#real-estate .secShop:after {
  background: url(../images/real-estate/tri-01-plus@2x.webp) no-repeat center center/cover;
}

.l-contents#real-estate .secShop__img img {
  width: 900px;
  aspect-ratio: 900/446;
  object-fit: cover;
  object-position: center 80%;
}
.l-contents#real-estate .secShop__head {
  margin-bottom: 12px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secShop__head {
    margin-top: -5vw;
    margin-bottom: 12vw;
  }
}



.l-contents#real-estate .secShop__logo {
  margin-bottom: 38px;
}
.l-contents#real-estate .secAbout {
  margin-bottom: 110px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secAbout {
    margin-bottom: 22vw;
  }
}
.l-contents#real-estate .secAbout:before {
  background: url(../images/real-estate/tri-02@2x.png) no-repeat center center/cover;
}

.l-contents#real-estate .secAbout__cont {
  padding-bottom: 55px;
}
@media (max-width: 768px) {
  
.l-contents#real-estate .secAbout__cont {
    padding-bottom: 10vw;
  }
.l-contents#real-estate .secAbout__heading {
    width: 61vw;
    margin-top: -7.7vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.l-contents#real-estate .secAbout__lead {
  margin-bottom: 53px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secAbout__lead {
    margin-bottom: 10vw;
  }
}
.l-contents#real-estate .secAbout__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0 30px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secAbout__list {
    display: block;
  }
}
.l-contents#real-estate .secAbout__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media (max-width: 768px) {
  
.l-contents#real-estate .secAbout__item {
    display: block;
  }
.l-contents#real-estate .secAbout__item:not(:last-child) {
    margin-bottom: 5vw;
  }
}
.l-contents#real-estate .secAbout__ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #dceae3;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #036838;
  line-height: 1.4;
  padding: 15px 0 10px;
  margin-bottom: 22px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secAbout__ttl {
    font-size: 4vw;
  }
}
.l-contents#real-estate .secAbout__ttl:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(220, 234, 227, 0);
  border-top-color: #dceae3;
  border-width: 12px;
  margin-left: -12px;
  transform: scaleX(0.7);
}
.l-contents#real-estate .secAbout__img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 266/172;
  margin-bottom: 10px;
}


.l-contents#real-estate .secAbout__img img {
  position: absolute;
  max-width: none;
}

.l-contents#real-estate .secAbout__img.item-01 img {
  width: 126.02%;
  left: -2.94%;
  top: -14.72%;
}

.l-contents#real-estate .secAbout__img.item-02 img {
  width: 107.79%;
  left: -3.76%;
  top: -1.34%;
}

.l-contents#real-estate .secAbout__img.item-03 img {
  width: 130.44%;
  left: -11.65%;
  top: -6.77%;
}
.l-contents#real-estate .secAbout__txt {
  line-height: 1.75;
  text-align: left;
}


.l-contents#real-estate .secWork:before {
  background: url(../images/real-estate/tri-03-plus@2x.webp) no-repeat center center/cover;
}
.l-contents#real-estate .secWork__heading {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__heading {
    margin-bottom: 13vw;
  }
}
.l-contents#real-estate .secWork__jobWrap.item-01 {
  padding-bottom: 60px;
  margin-bottom: 60px;
  background: url(../images/real-estate/line-dash@2x.png) no-repeat center bottom/100%;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__jobWrap.item-01 {
    padding-bottom: 13.2vw;
    margin-bottom: 11.6vw;
    background: url(../images/real-estate/line-dash_sp@2x.png) no-repeat center bottom/100%;
  }
}
.l-contents#real-estate .secWork__jobWrap.item-02 .secWork__job {
  align-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__jobWrap.item-02 .secWork__job {
    margin-bottom: 6vw;
  }
}
.l-contents#real-estate .secWork__jobWrap.item-02 .job__txtbox {
  padding-top: 30px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__jobWrap.item-02 .job__txtbox {
    padding-top: 2vw;
  }
}
.l-contents#real-estate .secWork__job {
  display: flex;
  align-items: flex-end;
  margin-bottom: 85px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__job {
    display: block;
    margin-bottom: 10vw;
  }
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__img {
    margin-bottom: 5vw;
  }
}
.l-contents#real-estate .job__txtbox {
  flex: 1;
  padding-left: 42px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__txtbox {
    padding-left: 0;
  }
}
.l-contents#real-estate .job__comment {
  text-align: right;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__comment {
    width: 87%;
    margin-left: auto;
    margin-bottom: 3.7vw;
  }
}
.l-contents#real-estate .job__ttl {
  font-size: 28px;
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 15px;
  color: #036838;
  border-bottom: 3px solid #036838;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__ttl {
    font-size: 6.7vw;
    padding-bottom: 3.8vw;
    margin-bottom: 5vw;
    border-width: 2px;
  }
}
.l-contents#real-estate .job__ttl--blue {
  color: #27addf;
  border-bottom: 3px solid #27addf;
}
.l-contents#real-estate .job__txt {
  line-height: 1.75;
}
.l-contents#real-estate .job__list {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__list {
    margin-top: 7vw;
  }
}
.l-contents#real-estate .job__list li {
  font-size: 14px;
  padding: 8px 10px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__list li {
    font-size: 3.4vw;
    padding: 7.2px 11px;
  }
}
.l-contents#real-estate .job__list li:nth-of-type(odd) {
  background: #eff0f2;
}
.l-contents#real-estate .job__list li:before {
  content: "●";
  color: #036838;
  margin-right: 5px;
  font-size: 11px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .job__list li:before {
    font-size: 2.8vw;
  }
}

.l-contents#real-estate .secWork__suited--plus {
  background: #dceae3;
}

@media (max-width:768px) {.l-contents#real-estate .secWork__suited--plus {
    background: none;
  }
}

.l-contents#real-estate .secWork__suited--plus .suited__ttl {
  color: #036838;
}

@media (max-width:768px) {.l-contents#real-estate .secWork__suited--plus .suited__ttl {
    background: #036838;
    color: #fff;
  }
}

@media (max-width:768px) {.l-contents#real-estate .secWork__suited--plus .suited__item {
    background: #dceae3;
  }
}

.l-contents#real-estate .secWork__suited--plus .suited__item:before {
  background-image: url(../images/real-estate/icn-check-plus.svg);
}
.l-contents#real-estate .secWork__other {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .secWork__other {
    margin-bottom: 13.5vw;
  }
}
.l-contents#real-estate .other__heading {
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__heading {
    margin-bottom: 2.5vw;
  }
}
.l-contents#real-estate .other__lead {
  font-size: 16px;
  margin-bottom: 122px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__lead {
    font-size: 3.8vw;
    margin-bottom: 32.2vw;
    line-height: 1.75;
  }
}
.l-contents#real-estate .other__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 28px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__list {
    display: block;
  }
}
.l-contents#real-estate .other__item {
  text-align: center;
  border: 4px solid #27addf;
  background: #e1f4fb;
  padding: 73px 26px 29px;
  position: relative;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__item {
    padding: 18vw 7vw 8vw;
    border-width: 3px;
  }
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__item:not(:last-child) {
    margin-bottom: 28vw;
  }
}
.l-contents#real-estate .other__icn {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -98px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__icn {
    width: 34vw;
    top: -23.7vw;
  }
}
.l-contents#real-estate .other__ttl {
  font-size: 26px;
  font-weight: bold;
  color: #27addf;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .l-contents#real-estate .other__ttl {
    font-size: 6vw;
    margin-bottom: 4vw;
  }
}
.l-contents#real-estate .other__txt {
  line-height: 1.75;
}
.l-contents#real-estate .secPeople:before {
  background: url(../images/real-estate/tri-04@2x.png) no-repeat center center/cover;
}

.l-contents#works .secLife {
  padding: 25px 0 113px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife {
    padding: 5vw 0 0;
  }
}
.l-contents#works .secLife__lead {
  text-align: center;
  line-height: 1.75;
  margin: 0 0 75px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__lead {
    text-align: left;
    margin: 0 0 28.4vw;
  }
}
.l-contents#works .secLife__lead em {
  font-weight: bold;
}
.l-contents#works .secLife__cont {
  background: url(../images/works/root-bg@2x.png) no-repeat left 78px top 43px/829px;
  position: relative;
  height: 1941px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__cont {
    background: url(../images/works/root-bg_sp@2x.png) no-repeat center top 18vw/100%;
    height: auto;
    padding-bottom: 53vw;
  }
}
.l-contents#works .secLife__start {
  position: absolute;
  left: 0;
  top: 17px;
  z-index: 1;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__start {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -19vw;
    text-align: center;
  }
  .l-contents#works .secLife__start img {
    width: 30vw;
  }
}
.l-contents#works .secLife__item {
  position: absolute;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item {
    position: relative;
  }
}
.l-contents#works .secLife__item--box {
  background: #fff;
  border: 2px solid #e5e5e5;
}
.l-contents#works .secLife__item--red {
  border-left: 6px solid #d2215e;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item--red {
    border-left-color: 5px;
  }
}
.l-contents#works .secLife__item--yellow {
  border-left: 6px solid #e8b712;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item--yellow {
    border-left-color: 5px;
  }
}
.l-contents#works .secLife__item--blue {
  border-left: 6px solid #27addf;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item--blue {
    border-left-color: 5px;
  }
}
.l-contents#works .secLife__item--green {
  border-left: 6px solid #239f3b;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item--green {
    border-left-color: 5px;
  }
}
.l-contents#works .secLife__item.item-01 {
  top: 0;
  left: 68px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-01 {
    left: auto;
    margin-bottom: 3.4vw;
  }
  .l-contents#works .secLife__item.item-01 img {
    width: 100%;
  }
}
.l-contents#works .secLife__item.item-02 {
  top: 0;
  left: 322px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-02 {
    left: auto;
    margin-bottom: 3.7vw;
  }
  .l-contents#works .secLife__item.item-02 img {
    width: 100%;
  }
}
.l-contents#works .secLife__item.item-03 {
  right: 0;
  border-radius: 0 120px 0 0;
  padding: 25px 63px 21px 27px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-03 {
    border-radius: 0px;
    display: block;
    padding: 6.5vw 7vw 9vw;
    margin-bottom: 5vw;
  }
}
.l-contents#works .secLife__item.item-03 .secLife__txtbox {
  padding-left: 20px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-03 .secLife__txtbox {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-03 .secLife__img {
    display: block;
    width: 48vw;
    margin: 0 auto 7vw;
  }
}
.l-contents#works .secLife__item.item-04 {
  right: 0;
  top: 277px;
  border-radius: 0 0 120px 0;
  padding: 36px 43px 123px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-04 {
    top: auto;
    border-radius: 0px;
    display: block;
    padding: 11vw 7vw 47vw;
    margin-bottom: 16vw;
  }
}
.l-contents#works .secLife__item.item-04 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-04 .secLife__txt {
    margin-bottom: 4vw;
  }
}
.l-contents#works .secLife__item.item-04 .secLife__img {
  position: absolute;
  right: 25px;
  bottom: -144px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-04 .secLife__img {
    left: 0;
    right: 0;
    bottom: -8vw;
    margin: 0 auto;
    display: block;
    width: 48vw;
  }
}
.l-contents#works .secLife__item.item-05 {
  top: 436px;
  left: 550px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-05 {
    top: auto;
    left: auto;
    margin-bottom: 6.5vw;
  }
  .l-contents#works .secLife__item.item-05 img {
    width: 100%;
  }
}
.l-contents#works .secLife__item.item-06 {
  top: 365px;
  left: 310px;
  padding: 42px 23px 30px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-06 {
    top: auto;
    left: auto;
    padding: 11vw 7vw 10vw;
    margin-bottom: 7.5vw;
  }
}
.l-contents#works .secLife__item.item-06 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-06 .secLife__txt {
    margin-bottom: 4vw;
  }
}
.l-contents#works .secLife__item.item-06 .secLife__btn a {
  width: 166px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-06 .secLife__btn a {
    width: 176px;
  }
}
.l-contents#works .secLife__item.item-07 {
  top: 287px;
  left: 0;
  padding: 36px 20px 36px;
}
.l-contents#works .secLife__item.item-07:before {
  content: "";
  background: #e8b712;
  width: 6px;
  height: 50%;
  display: block;
  position: absolute;
  bottom: -2px;
  left: -6px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-07 {
    top: auto;
    left: auto;
    padding: 9vw 7vw 8vw;
    margin-bottom: 7.5vw;
  }
}
.l-contents#works .secLife__item.item-07 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-07 .secLife__txt {
    margin-bottom: 4vw;
  }
}
.l-contents#works .secLife__item.item-07 .secLife__btn:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-07 .secLife__btn:not(:last-child) {
    margin-bottom: 2vw;
  }
}
.l-contents#works .secLife__item.item-07 .secLife__img {
  position: absolute;
  right: -25px;
  top: -9px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-07 .secLife__img {
    right: 2.6vw;
    top: -2.7vw;
    width: 14vw;
  }
}
.l-contents#works .secLife__item.item-08 {
  top: 694px;
  left: 0;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-08 {
    top: auto;
    left: auto;
    margin-bottom: 8.5vw;
  }
}
.l-contents#works .secLife__item.item-09 {
  top: 896px;
  left: 0;
  border-radius: 0 0 0 120px;
  padding: 27px 25px 25px 61px;
  display: flex;
  align-items: center;
  border-left: 1px solid #e5e5e5;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-09 {
    top: auto;
    left: auto;
    padding: 10vw 7vw 6vw;
    border-radius: 0;
    display: block;
    margin-bottom: 8.5vw;
    border-left: 5px solid #e8b712;
  }
}
.l-contents#works .secLife__item.item-09:before {
  content: "";
  background: #e8b712;
  width: 6px;
  height: 127px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-09:before {
    content: none;
  }
}
.l-contents#works .secLife__item.item-09 .secLife__txtbox {
  padding-right: 24px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-09 .secLife__txtbox {
    padding-right: 0;
    margin-bottom: 5vw;
  }
}
.l-contents#works .secLife__item.item-09 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-09 .secLife__txt {
    margin-bottom: 4vw;
  }
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-09 .secLife__img {
    display: block;
    width: 58vw;
    margin: 0 auto;
  }
}
.l-contents#works .secLife__item.item-10 {
  top: 914px;
  right: 29px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-10 {
    top: auto;
    right: auto;
    display: block;
    width: 62vw;
    margin: 0 auto 59vw;
  }
}
.l-contents#works .secLife__item.item-11 {
  top: 1389px;
  left: 97px;
  padding: 48px 37px 45px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-11 {
    top: auto;
    left: auto;
    width: 78vw;
    margin-left: auto;
    padding: 12.3vw 7vw 8vw;
    margin-bottom: 47vw;
  }
}
.l-contents#works .secLife__item.item-11 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-11 .secLife__txt {
    margin-bottom: 4vw;
  }
}
.l-contents#works .secLife__item.item-11 .secLife__img {
  position: absolute;
  left: -105px;
  top: -124px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-11 .secLife__img {
    display: block;
    width: 48vw;
    left: auto;
    right: 2.3vw;
    top: -42vw;
  }
}
.l-contents#works .secLife__item.item-12 {
  top: 1389px;
  right: 97px;
  padding: 48px 41px 45px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-12 {
    top: auto;
    right: auto;
    width: 78vw;
    margin-left: auto;
    padding: 14vw 8vw 8vw;
  }
}
.l-contents#works .secLife__item.item-12 .secLife__txt {
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-12 .secLife__txt {
    margin-bottom: 4vw;
  }
}
.l-contents#works .secLife__item.item-12 .secLife__img {
  position: absolute;
  right: -97px;
  top: -124px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__item.item-12 .secLife__img {
    display: block;
    width: 48vw;
    right: 2.3vw;
    top: -42vw;
  }
}
.l-contents#works .secLife__txtbox {
  flex: 1;
  text-align: center;
}
.l-contents#works .secLife__ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__ttl {
    font-size: 4.8vw;
    padding-bottom: 4.4vw;
    margin-bottom: 4.2vw;
  }
}
.l-contents#works .secLife__ttl:before {
  content: "";
  background: #787878;
  width: 30px;
  height: 1px;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
.l-contents#works .secLife__txt {
  text-align: center;
  line-height: 1.75;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__txt {
    text-align: left;
  }
}
.l-contents#works .secLife__img {
  display: inline-block;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__img img {
    width: 100%;
  }
}
.l-contents#works .secLife__img.img-round {
  border-radius: 50%;
  overflow: hidden;
}
.l-contents#works .secLife__btn a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  margin: 0 auto;
  width: 196px;
  transition: opacity 0.4s;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__btn a {
    width: 47vw;
    font-size: 3.9vw;
    height: 9.6vw;
    line-height: 9.6vw;
  }
}
@media (hover: hover) {
  .l-contents#works .secLife__btn a:hover {
    opacity: 0.7;
  }
}
.l-contents#works .secLife__btn--yellow a {
  background: #e8b712;
}
@media (max-width: 768px) {
  .l-contents#works .secLife__btn--yellow a {
    width: 50vw;
  }
}
.l-contents#works .secLife__btn--blue a {
  background: #27addf;
}
.l-contents#works .secLife__btn--green a {
  background: #239f3b;
}
.l-contents#works .secJobs {
  background: #eff0f2;
  padding-bottom: 134px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs {
    padding-bottom: 20vw;
  }
}
.l-contents#works .secJobs__heading {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__heading {
    margin-bottom: 12vw;
  }
}
.l-contents#works .secJobs__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0 14px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__list {
    display: block;
    padding: 0 4%;
  }
}
.l-contents#works .secJobs__item {
  background: #fff;
  position: relative;
  padding: 47px 0 45px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__item {
    padding: 11vw 0 10vw;
  }
  .l-contents#works .secJobs__item:not(:last-child) {
    margin-bottom: 5vw;
  }
}
.l-contents#works .secJobs__item:before {
  content: "";
  width: 6px;
  height: 122px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__item:before {
    height: 28vw;
  }
}
.l-contents#works .secJobs__item--green:before {
  background: #239f3b;
}
.l-contents#works .secJobs__item--green .secJobs__ttl {
  color: #239f3b;
}
.l-contents#works .secJobs__item--yellow:before {
  background: #e8b712;
}
.l-contents#works .secJobs__item--yellow .secJobs__ttl {
  color: #e8b712;
}
.l-contents#works .secJobs__item--blue:before {
  background: #27addf;
}
.l-contents#works .secJobs__item--blue .secJobs__ttl {
  color: #27addf;
}
.l-contents#works .secJobs__ttl {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.4545454545;
  margin-bottom: 28px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__ttl {
    font-size: 5.3vw;
    margin-bottom: 7.5vw;
  }
}
.l-contents#works .secJobs__img {
  text-align: center;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__img {
    width: 67vw;
    margin: 0 auto 7vw;
  }
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__img img {
    width: 100%;
  }
}
.l-contents#works .secJobs__txt {
  text-align: center;
  line-height: 1.75;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .l-contents#works .secJobs__txt {
    margin-bottom: 5vw;
  }
}

/**
* Foundation
* ========================== */
/* Object
* ========================== */
/* Component ------------ */
/* Structures ------------ */
/* Project ------------ */