@charset "UTF-8";

.eng_ttl_small {
  margin-top: 20px;
}
.box-support__t,

/* 2022.07.25added */
.top-feature__link-txt-en2 .jp {
  margin-top: 15px;
  font-size: 13px;
  font-weight: normal;
  display: block;
}

/* 2022.08.09 insta */
.header_insta {
  width: 40px;
}

@media screen and (max-width: 480px) {
  .header_insta {
    width: 35px;
    top: 22px;
    right: 90px;
  }
}
@media screen and (max-width: 1250px) {
  .header_insta {
    position: absolute;
    top: 18px;
    right: 100px;
  }
}

/* 2022.11.16 メニュー表示調整 */
.sec-works .sidebar-item__content li a:before {
  content: "" !important;
}

.sec-works .sidebar-item__content li a {
  min-width: 6em;
}

.box-ctdetail .bl-ctdetail p {
  margin-bottom: 20px;
}

.box-ctdetail .bl-ctdetail > p:first-child {
  margin-bottom: 20px;
}

@media screen and (max-width: 834px) {
  .box-ctdetail .bl-ctdetail p {
    margin-bottom: 20px;
  }
}
.sec-works .sidebar-item__content li a,
.sec-detail .sidebar-item__content li a {
  min-width: 10em;
  font-weight: normal;
}
.sec-works .sidebar-item__content li a::before,
.sec-detail .sidebar-item__content li a::before {
  display: none;
}

/*お問い合わせ privacy　調整*/
.sec-contacmain .privacy-box .contact_privacy_dl {
  margin-top: 1em;
}
.sec-contacmain .privacy-box .contact_privacy_dl dd:not(:last-child) {
  margin-bottom: 0.5em;
}

.box-contacmain > p strong {
  color: #bf0000;
  font-weight: normal;
}

/* 製作事例スライダー修正 */
.swiper-button-next::after,
.swiper-rtl .swiper-button-prev::after {
  content: "";
}
.swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
  content: "";
}
.page-works_detail-modal .modal__content .thumbnail img {
  max-height: 100%;
  max-width: 100%;
}

/*デザイン事例 調整*/
.list-works__img img,
.detail-list__img img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

/* designer */
@media screen and (min-width: 835px) {
  .designer-lead .designer-lead__block-desc {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .designer-lead .designer-lead__block-desc h2 {
    width: 40%;
  }
  .designer-lead .designer-lead__block-desc p {
    width: 60%;
  }
}

.designer-lead__block-copy1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
.designer-lead__block-copy2 {
  font-size: 36px;
  font-weight: bold;
}

.service-nav__item a .txt .jp {
  font-size: 20px;
  font-weight: bold;
  margin-top: 0;
}
.service-nav__item a .txt .en {
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
  display: block;
}

.designer-intro__list-item02 {
  border: 1px solid #000;
}
.designer-intro__list-item02 a {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .designer-intro__list-item02 {
    width: 32%;
  }
  .designer-intro__list-item02:not(:nth-child(4n)) {
    margin-right: unset;
  }
  .designer-intro__list-item02:not(:nth-child(3n)) {
    margin-right: 2%;
  }
}
@media screen and (max-width: 834px) {
  .designer-intro__list-item02 a {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
  }
}

/* メンテナンスページ 2023.05.11 */
.zo {
  font-family: "Zen Old Mincho", serif;
}
.inter {
  font-family: "Inter", sans-serif;
}

#page-service-maintenance .designer-lead__title {
  margin-bottom: 0;
}

.maintenance__title-middle {
  font-size: 2rem;
  /* font-family: "Zen Old Mincho", serif; */
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 55px;
}

.maintenance__base-txt {
  font-size: 1.5rem;
  margin-bottom: 30px;
  line-height: 1.8;
}

.maintenance__base-txt:last-of-type {
  margin-bottom: 0;
}

.sec-maintenance-service {
  padding: 0 150px;
}

.maintenance-service__title {
  font-size: 2.7rem;
  margin-bottom: 50px;
  text-align: center;
  font-weight: 500;
}

.maintenance-service__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 80px;
}

.maintenance-service__flex li {
  width: 14%;
}

.maintenance-service__flex li .txt {
  text-align: center;
  margin-top: 20px;
  font-size: 1.6rem;
}

.sec-maintenance-plan {
  padding: 130px 0 90px;
  position: relative;
  overflow-x: hidden;
}

.maintenance-plan__anim-txt {
  font-size: 6.65vw;
  color: #f1f3f6;
  font-weight: bold;
  margin-bottom: 50px;
}

.maintenance-plan__bg {
  width: 585px;
  aspect-ratio: 1 / 1;
  position: absolute;
  z-index: -1;
  top: -50px;
  left: 4%;
  background-image: url(../img/service/maintenance/bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.maintenance-plan__flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}

.title-bl {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-left: 130px;
}

.title-bl .tag {
  width: 110px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 18px;
  line-height: 1.5;
  background-color: #111;
  border-radius: 50%;
  height: 110px;
  text-align: center;
  z-index: -2;
}

.maintenance-plan__title {
  font-weight: 600;
  line-height: 1.8;
}

.maintenance-plan__title .small {
  font-size: 2rem;
  display: block;
}

.maintenance-plan__title .big {
  font-size: 2.9rem;
  display: block;
}

.maintenance-plan__flex .cont {
  width: 48%;
  font-weight: 500;
}

.maintenance-plan__flex .cont .txt {
  font-size: 1.5rem;
  line-height: 1.8;
  margin-bottom: 20px;
}

.maintenance-plan__flex .cont .hosoku {
  background-color: #efefef;
  padding: 11px 13px;
  font-size: 1.5rem;
  font-weight: 500;
  width: fit-content;
}

.maintenance-plan__box {
  display: flex;
  padding: 35px 50px;
  flex-wrap: wrap;
  margin-bottom: 45px;
}

.maintenance-plan__box-green {
  background-color: #fff9f4;
}

.maintenance-plan__box .about {
  width: 40%;
  border-right: 1px solid #c8c8c8;
  padding: 20px 35px 20px 10px;
}

.maintenance-plan__title-middle {
  position: relative;
  font-weight: 500;
  margin-bottom: 50px;
}

.maintenance-plan__title-middle .big {
  position: relative;
  z-index: 1;
  text-align: center;
  display: block;
  font-size: 2.4rem;
  margin-bottom: 8px;
}

.maintenance-plan__title-middle .small {
  position: relative;
  z-index: 1;
  text-align: center;
  display: block;
  font-size: 1.6rem;
}

.maintenance-plan__title-middle .en {
  color: #fff;
  font-size: 60px;
  top: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 900;
  letter-spacing: 3px;
}

.maintenance-plan__title-middle::after {
  width: 55px;
  height: 1px;
  background-color: #111;
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
}

.maintenance-plan__price .small {
  font-size: 2rem;
}

.maintenance-plan__price .price {
  font-size: 4rem;
  display: inline-block;
  margin-left: 6px;
}

.maintenance-plan__price .tax {
  font-size: 1.3rem;
}

.maintenance-plan__price {
  margin-bottom: 20px;
  font-weight: 500;
}

.maintenance-plan__price-about {
  padding: 10px;
  background-color: #fff;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 500;
}

.maintenance-plan__box .base-txt {
  font-size: 1.5rem;
  line-height: 1.8;
}

.maintenance-plan__box .tags {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-left: 40px;
}

.designer-lead__dms {
  display: none;
}
@media screen and (max-width: 834px) {
  .designer-lead__dms {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    margin-bottom: 30px;
  }
}

.tags-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 30px;
}
@media screen and (min-width: 835px) {
  .tags-list {
    min-height: 194px;
    align-items: flex-start;
    margin-top: 20px;
  }
}

.tags-list li {
  width: calc(33.333% - 2px);
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  margin-bottom: 4px;
  margin-right: 3px;
}
.tags-list li:nth-of-type(3n) {
  margin-right: 0;
}

.tags-list li.op20 {
  opacity: 0.2;
}
.tags-list li.txt-red {
  color: #bf0000;
}

.tag-hosoku {
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}

.maintenance-plan__box .about {
  position: relative;
}
@media screen and (min-width: 835px) {
  .maintenance-plan__box .about .about_head {
    min-height: 194px;
  }
}

.maintenance-plan__box .maintenance-plan__recommend {
  display: inline-block;
  background-color: #000;
  color: #fff;
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  padding: 12px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  top: -64px;
  width: 140px;
  text-align: center;
}

@media screen and (max-width: 834px) {
  .maintenance-plan__box .maintenance-plan__recommend {
    font-size: 14px;
    padding: 10px;
    width: 120px;
    top: -50px;
  }
}

.maintenance-plan__box-blue {
  background-color: #fff4f4;
}
.maintenance-plan__box-red {
  background-color: #f9f4ff;
  margin-bottom: 100px;
}

.maintenance__contact-bl {
  margin-top: 50px;
  margin-bottom: 20px;
}
.maintenance__contact-txt {
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
}
.maintenance__contact-link {
  width: 530px;
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition-duration: 0.3s;
  background-color: #0a0a0a;
  color: #fff;
  letter-spacing: 2px;
}
.maintenance__contact-link:hover {
  background-color: #fff;
  color: #0a0a0a;
  border: 2px solid #0a0a0a;
  transition-duration: 0.3s;
}

.maintenance__contact-link-jp {
  font-size: 30px;
  font-weight: 600;
}
.maintenance__contact-link-en {
  margin-top: 10px;
  font-size: 13px;
}

@media screen and (min-width: 1400px) {
  .maintenance-plan__anim-txt {
    font-size: 5.75vw;
  }
}

@media screen and (min-width: 1600px) {
  .maintenance-plan__anim-txt {
    font-size: 5vw;
  }
}

@media screen and (max-width: 1250px) {
  .sec-maintenance-service {
    margin-top: 0;
    padding: 80px 40px 100px;
  }
  .maintenance-plan__flex {
    flex-wrap: wrap;
  }
  .title-bl {
    width: 100%;
    margin-bottom: 30px;
  }
  .maintenance-plan__flex .cont {
    width: 100%;
  }
  .maintenance-plan__box {
    padding: 40px 30px;
    flex-wrap: wrap;
    margin-bottom: 45px;
  }
  .maintenance-plan__box .about {
    width: 38%;
    border-right: 1px solid #c8c8c8;
    padding: 20px 20px 20px 0;
  }
  .maintenance-plan__title-middle .en {
    font-size: 50px;
  }
  .maintenance-plan__price .small {
    font-size: 1.4rem;
  }
  .maintenance-plan__price .price {
    font-size: 2.6rem;
    margin-left: 2px;
  }
  .maintenance-plan__price .tax {
    font-size: 1.1rem;
  }
  .maintenance-plan__box .tags {
    width: 62%;
    padding-left: 20px;
  }
  .tags-list li {
    padding: 6px;
    font-size: 1.4rem;
  }
  .maintenance-plan__anim-txt {
    font-size: 6.75vw;
  }
  .sec-maintenance-plan {
    padding: 80px 0 80px;
  }
  .maintenance-plan__flex {
    margin-bottom: 70px;
  }
  .maintenance-plan__box-red {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 834px) {
  .maintenance__title-middle {
    font-size: 1.8rem;
    margin-bottom: 35px;
  }
  .maintenance__base-txt:last-of-type {
    margin-bottom: 30px;
  }
  .sec-maintenance-service {
    margin-top: 20px;
    padding: 50px 30px 50px;
  }
  .maintenance-service__title {
    font-size: 2.2rem;
    margin-bottom: 35px;
  }
  .maintenance-service__flex {
    justify-content: center;
    margin-bottom: 10px;
    width: 450px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .maintenance-service__flex li {
    width: 28%;
    margin-bottom: 40px;
    margin-right: 8%;
  }
  .maintenance-service__flex li:nth-of-type(3),
  .maintenance-service__flex li:nth-of-type(5) {
    margin-right: 0;
  }
  .maintenance-plan__anim-txt {
    font-size: 7.4vw;
    margin-bottom: 30px;
  }
  .maintenance-service__flex li .txt {
    margin-top: 12px;
    font-size: 1.5rem;
  }
  .sec-maintenance-plan {
    padding: 60px 0 40px;
  }
  .maintenance-plan__bg {
    max-width: 100%;
    top: -30px;
    left: 3%;
  }
  .title-bl {
    padding-left: 84px;
  }
  .title-bl .tag {
    width: 76px;
    font-size: 13px;
    height: 76px;
  }
  .maintenance-plan__title .small {
    font-size: 1.6rem;
  }
  .maintenance-plan__title .big {
    font-size: 2rem;
  }
  .maintenance-plan__flex {
    margin-bottom: 40px;
  }
  .maintenance-plan__box {
    padding: 40px 20px;
    margin-bottom: 50px;
  }
  .maintenance-plan__box .about {
    width: 100%;
    border-right: none;
    padding: 0 0 25px;
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 30px;
  }
  .maintenance-plan__box .tags {
    width: 100%;
    padding-left: 0;
  }
  .tags-list li {
    width: calc(50% - 2px);
  }
  .tags-list li:nth-of-type(3n) {
    margin-right: 3px;
  }
  .tags-list li:nth-of-type(2n) {
    margin-right: 0;
  }
  .maintenance-plan__price-about {
    margin-bottom: 20px;
  }
  .tags-list {
    margin-bottom: 10px;
  }
  .maintenance-plan__title-middle .big {
    font-size: 2.1rem;
  }
  .maintenance-plan__title-middle .small {
    font-size: 1.4rem;
  }
  .maintenance-plan__box-red {
    margin-bottom: 50px;
  }
  .maintenance__contact-link {
    width: 400px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .maintenance__contact-link-jp {
    font-size: 20px;
  }
  .maintenance__contact-txt {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .maintenance__contact-bl {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 400px) {
  .title-bl {
    padding-left: 75px;
    margin-bottom: 20px;
  }
  .title-bl .tag {
    width: 70px;
    font-size: 12px;
    height: 70px;
  }
  .maintenance-plan__title .small {
    font-size: 1.4rem;
  }
  .maintenance-plan__title .big {
    font-size: 1.75rem;
  }
  .maintenance-plan__flex .cont .txt {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  .maintenance-plan__flex .cont .hosoku {
    font-size: 1.4rem;
  }
  .sec-maintenance-plan {
    padding: 50px 0 40px;
  }
  .maintenance-plan__anim-txt {
    font-size: 8.8vw;
  }
}

/* エアコンページ */
#page-service-ac .designer-lead__title .small {
  font-size: 2rem;
}

#page-service-ac .service-lead {
  position: relative;
}

#page-service-ac .designer-lead__title {
  margin-bottom: 0;
  line-height: 1.5;
}

#page-service-ac .designer-lead__block-image {
  position: relative;
}

.ac-image-float-txt {
  width: 140px;
  height: 140px;
  position: absolute;
  z-index: 8;
  background: #000;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  transform: translate(-50%, -50%);
  flex-direction: column;
}

.ac-image-float-txt .big {
  font-size: 25px;
  margin-bottom: 5px;
}

.ac-tag-blue {
  display: inline-block;
  margin-right: 8px;
  background-color: #acc1df;
  color: #fff;
  padding: 8px 17px;
  font-size: 18px;
}

.ac-tag-gray {
  display: inline-block;
  margin-right: 8px;
  background-color: #efefef;
  padding: 8px 17px;
  font-size: 18px;
}

.ac-bg {
  max-width: 50%;
  width: 700px;
  left: 50%;
  aspect-ratio: 1 / 1;
  top: 20px;
  background-size: contain;
  position: absolute;
  z-index: -1;
  background-image: url(../img/service/maintenance/ac/japan.png);
}

.ac-tag-hosoku {
  font-size: 12px;
  margin-bottom: 50px;
  margin-top: 15px;
  font-weight: 500;
}

.sec-ac-price {
  border-top: 1px solid #cccccc;
  padding-top: 80px;
}

.ac-price__title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 100px;
  font-weight: 500;
}

.ac-price__flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ac-price__flex li {
  width: 31%;
  background-color: #f1f3f6;
  margin-bottom: 30px;
}

.ac-price__flex li .img {
  margin-bottom: 20px;
}

.ac-price__title-small {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.ac-price__txt {
  padding: 0 20px 25px;
  font-size: 15px;
  line-height: 1.8;
}

.ac-price-bl {
  padding: 0 20px 35px;
}

.ac-price-bl .small {
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 8px;
}

.ac-price-bl .arrow {
  text-align: center;
  margin-bottom: 8px;
}

.txt-red-price {
  text-align: center;
}

.txt-red-price .tag {
  display: inline-block;
  padding: 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  margin-right: 3px;
  background-color: #cd0000;
  line-height: 1.2;
}

.txt-red-price .price {
  color: #cd0000;
  font-size: 30px;
  font-weight: bold;
}

.txt-red-price .yen {
  font-size: 15px;
  color: #cd0000;
  font-weight: bold;
}

.ac-price-hosoku-bl p {
  font-size: 12px;
  margin-bottom: 8px;
  line-height: 1.5;
  font-weight: 500;
}

.sec-ac-flow {
  margin-top: 100px;
  background-color: #f7f7f7;
  padding: 100px 0;
}

.ac-flow-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 80px;
  font-weight: 500;
}

.ac-flow-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ac-flow-list li {
  width: 23%;
  margin-bottom: 30px;
}

.ac-flow-list li .cont {
  position: relative;
  padding: 20px 0 20px 14px;
}

.ac-flow-num {
  position: absolute;
  font-size: 60px;
  font-weight: bold;
  opacity: 0.1;
  top: 13px;
  left: 0;
}

.ac-flow-title-small {
  font-size: 18px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 15px;
}

.ac-flow-txt {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.5;
}

.ac-price-bl-black {
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}

.ac-price-bl-black .big {
  font-size: 30px;
  display: inline-block;
  margin: 0 5px 40px;
}

.mt35 {
  margin-top: 35px;
}

.maintenance-service__bnr {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.maintenance-service__bnr a,
.maintenance-service__bnr picture {
  width: 100%;
}

.maintenance-service__bnr img {
  width: 100%;
}

.txt80p {
  font-size: 50%;
  transform: translateY(-4px);
  display: inline-block;
}

@media screen and (max-width: 1250px) {
  .ac-price-bl-black .big {
    font-size: 26px;
  }
  .txt-red-price .price {
    font-size: 26px;
  }
  .ac-image-float-txt {
    transform: translate(-10%, -20%);
  }
}

@media screen and (max-width: 834px) {
  .ac-bg {
    max-width: 57%;
    left: 41%;
  }
  .ac-image-float-txt {
    width: 90px;
    height: 90px;
    font-size: 14px;
  }
  .ac-image-float-txt .big {
    font-size: 15px;
  }
  .ac-tag-hosoku {
    margin-bottom: 30px;
  }
  .sec-ac-price {
    padding-top: 60px;
  }
  .ac-price__title {
    margin-bottom: 45px;
    font-size: 20px;
  }
  .sec-ac-flow {
    margin-top: 60px;
    padding: 60px 0;
  }
  .ac-flow-title {
    font-size: 20px;
    margin-bottom: 50px;
  }
  #page-service-ac .designer-lead__title .small {
    font-size: 2.3vw;
  }
  .ac-price__flex li {
    width: 48.5%;
  }
  .ac-flow-list li {
    width: 48.5%;
  }
  .ac-flow-title-small {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .ac-flow-num {
    font-size: 42px;
  }
}

@media screen and (max-width: 640px) {
  #page-service-ac .designer-lead__title .small {
    font-size: 1.7rem;
  }
  .ac-tag-gray {
    margin-right: 5px;
    padding: 8px 9px;
    font-size: 14px;
  }
  .ac-tag-blue {
    margin-right: 5px;
    color: #fff;
    padding: 8px 9px;
    font-size: 14px;
    margin-bottom: 6px;
  }
  .ac-price__flex li {
    width: 100%;
  }
  .sec-ac-price {
    padding-top: 50px;
  }
  .ac-price__title {
    margin-bottom: 45px;
  }
}
#page-service-maintenance .designer-lead__block-image {
  display: none;
}
@media screen and (min-width: 835px) {
  #page-service-maintenance .designer-lead__block-image {
    width: 35%;
    text-align: center;
    display: block;
  }
  #page-service-maintenance .designer-lead__block-desc {
    width: 60%;
  }
}
@media screen and (max-width: 400px) {
  #page-service-maintenance .c-ttl__10 {
    font-size: 20px;
    font-size: 2rem;
  }
}

/* Topにバナー追加 */
.top-bnr {
  padding-top: 140px;
}
.top-bnr__flex {
  display: flex;
  justify-content: space-between;
}
.top-bnr__item {
  width: 48%;
}
.top-bnr__item a {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
.top-bnr__item a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transition-duration: 0.8s;
}
.top-bnr__item a:hover img {
  transform: scale(1.1, 1.1);
  transition-duration: 0.8s;
}
.top-bnr__txt-bl {
  position: absolute;
  top: 40px;
  left: 30px;
  color: #fff;
  z-index: 2;
}
.top-bnr__en-title {
  font-size: 40px;
  font-weight: bold;
}
.top-bnr__ja-title {
  font-size: 14px;
  font-weight: 300;
  margin-top: 10px;
}
.top-bnr__item .top-bnr__absolute {
  position: absolute;
  bottom: 40px;
  left: 30px;
}
/* .top-bnr__item .top-feature__link-arrow{
  width: 18px;
} */
.top-bnr__item a:hover .top-feature__link-arrow:after {
  -webkit-animation-name: more;
  animation-name: more;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.65, 0.01, 0.3, 0.97);
  animation-timing-function: cubic-bezier(0.65, 0.01, 0.3, 0.97);
}
@media screen and (max-width: 1250px) {
  .top-bnr__item .top-bnr__absolute {
    bottom: 25px;
    left: 20px;
  }
  .top-bnr__en-title {
    font-size: 33px;
  }
  .top-bnr__txt-bl {
    top: 25px;
    left: 20px;
  }
}
@media screen and (max-width: 834px) {
  .top-bnr__item a {
    width: 100%;
    aspect-ratio: 2 / 1;
  }
  .top-bnr__item {
    width: 100%;
  }
  .top-bnr__item:first-of-type {
    margin-bottom: 15px;
  }
  .top-bnr__flex {
    flex-direction: column;
  }
  .top-bnr__txt-bl {
    top: 30px;
    left: 25px;
  }
  .top-bnr__item .top-bnr__absolute {
    bottom: 20px;
    left: auto;
    right: 20px;
  }
  .top-bnr {
    padding-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  .top-bnr__txt-bl {
    top: 22px;
    left: 20px;
  }
  .top-bnr__en-title {
    font-size: 28px;
  }
  .top-bnr__item .top-bnr__absolute {
    bottom: 12px;
    right: 15px;
  }
}

#page-designer .c-ttl__10.designer-lead__title,
.top-about__title,
.top-designer02__subttl.c-ttl__10,
.service-lead .c-ttl__10.designer-lead__title,
.about-lead__desc .c-ttl__10,
.about-lead__desc .about-lead__subtitle,
.about-brand__content-desc .about-brand__content-ttl.c-ttl__10,
.about-genre__lead-inner .about-brand__content-ttl.c-ttl__10,
.about-genre__subtitle,
.about-design__ttl.c-ttl__10,
.philosophy-block__des.c-al--c,
.philosophy-block__des.c-al--c,
#page-service-ac .c-ttl__10.designer-lead__title,
#page-service .c-ttl__10.designer-lead__title,
.service-content__lead-L .c-ttl__10,
.sec-mvdt .des-mvdt__txt,
.sec-brand .sl,
.box-brand__r .c-ttl__04,
.box-brand__r .box-brand__des,
.box-comfortable__l .c-ttl__03.c-ttl__03--other,
.box-comfortable__l .c-ttl__03.c-ttl__03--other .sl,
.box-comfortable__l .c-ttl__03.c-ttl__03--other .lg,
.sec-design .c-ttl__03.c-ttl__03--other,
.sec-design .c-ttl__03.c-ttl__03--other .sl,
.sec-design .c-ttl__03.c-ttl__03--other .lg,
.item-r .c-ttl__05,
.item-r .c-ttl__05 .sl,
.item-r .c-ttl__05 .lg,
.box-support__t .sl,
.box-support__t .ttl-support .lg-md,
.box-support__t .ttl-support .lg-bg,
.box-support__t .box-support__r span,
.ttl-sharedjp,
.about-lead__subtitle .js-txtScrollin-txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
}

.designer-lead .c-txt__01,
.designer-intro__desc.c-txt__01,
.top-about__desc.c-txt__01,
.top-designer02 .c-txt__01,
.maintenance__base-txt,
.about-lead__desc .c-txt__01,
.about-brand__content-desc .c-txt__01,
.about-genre__lead-inner .c-txt__01,
.about-genre__block01-desc .c-txt__01,
.about-genre__block02-desc .c-txt__01,
.about-genre__block03-desc .c-txt__01,
.about-design__block-desc .c-txt__01,
#page-news .detail-info,
#page-salon .c-txt__01,
#page-dental .c-txt__01,
#page-other .c-txt__01,
.philosophy-box__info.c-txt__02 p,
.vision-block .c-txt__02.c-al--c,
.ac-tag-hosoku,
#page-service-ac .maintenance__base-txt,
#page-service .designer-lead__block .c-txt__01,
.service-content__lead-R .c-txt__01,
.ac-tag-blue,
.ac-tag-gray {
  font-weight: 500;
}

/* 230606 add */
@media screen and (max-width: 640px) {
  .top-service__list {
    margin-top: 80px;
  }
}
.top-service__list-item:first-child,
.top-service__list-item:nth-child(2) {
  margin-bottom: 100px;
  margin-top: 80px;
}
@media screen and (max-width: 640px) {
  .top-service__list-item:first-child,
  .top-service__list-item:nth-child(2) {
    margin-top: 0;
  }
  .top-service__list-item,
  .top-service__list-item:first-child,
  .top-service__list-item:nth-child(2) {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 641px) {
  .top-service__list-item {
    width: 46%;
  }
  .top-service__list-item:last-child {
    margin-top: 0;
  }
}
.top-service__btn {
  margin-top: 60px;
}
@media screen and (max-width: 640px) {
  .top-service__btn {
    margin-top: 0;
  }
}

#page-about .sec-mvpage:after,
#page-service .sec-mvpage:after,
#page-service-maintenance .sec-mvpage:after,
#page-service-ac .sec-mvpage:after,
#page-news .sec-mvpage:after,
#page-designer .sec-mvpage:after,
#page-company_info .sec-mvpage:after,
#page-company .sec-mvpage:after,
#page-philosophy .sec-mvpage:after {
  display: none;
}
#page-about .sec-mvpage,
#page-service .sec-mvpage,
#page-service-maintenance .sec-mvpage,
#page-service-ac .sec-mvpage,
#page-news .sec-mvpage,
#page-designer .sec-mvpage,
#page-company_info .sec-mvpage,
#page-company .sec-mvpage,
#page-philosophy .sec-mvpage {
  margin-bottom: 30px;
}
#page-about .sec-mvpage .txt-mvpage,
#page-service .sec-mvpage .txt-mvpage,
#page-service-maintenance .sec-mvpage .txt-mvpage,
#page-service-ac .sec-mvpage .txt-mvpage,
#page-news .sec-mvpage .txt-mvpage,
#page-designer .sec-mvpage .txt-mvpage,
#page-company_info .sec-mvpage .txt-mvpage,
#page-company .sec-mvpage .txt-mvpage,
#page-philosophy .sec-mvpage .txt-mvpage {
  position: static;
  margin-top: 50px;
}
@media screen and (max-width: 640px) {
  #page-about .sec-mvpage,
  #page-service .sec-mvpage,
  #page-service-maintenance .sec-mvpage,
  #page-service-ac .sec-mvpage,
  #page-news .sec-mvpage,
  #page-designer .sec-mvpage,
  #page-company_info .sec-mvpage,
  #page-company .sec-mvpage,
  #page-philosophy .sec-mvpage {
    margin-bottom: 10px;
  }
}

#page-about .breadcrumb,
#page-service .breadcrumb,
#page-service-maintenance .breadcrumb,
#page-service-ac .breadcrumb,
#page-news .breadcrumb,
#page-designer .breadcrumb,
#page-company_info .breadcrumb,
#page-company .breadcrumb,
#page-philosophy .breadcrumb {
  margin-bottom: 0;
}

.service-content__title {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  left: 0;
  display: flex;
  align-items: center;
}
.service-content__title img {
  width: 40px;
  height: auto;
  margin-right: 10px;
}
.service-content__title.c-ttl__01 .jp {
  font-size: 28px;
  margin-top: 15px;
}
.service-content__title.c-ttl__01 .en {
  font-size: 18px;
}
@media screen and (max-width: 640px) {
  .service-content__title.c-ttl__01 .jp {
    font-size: 24px;
  }
  .service-content__title.c-ttl__01 .en {
    font-size: 16px;
  }
}
.service-content__lead {
  padding: 120px 0 60px;
}
@media screen and (max-width: 834px) {
  .service-content__lead {
    padding: 100px 0 40px;
  }
}

.service-content__subtitle {
  font-size: 30px;
  font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 834px) {
  .service-content__subtitle {
    font-size: 20px;
  }
}

.service-content__dms {
  width: 240px;
  margin-top: 10px;
}
@media screen and (max-width: 834px) {
  .service-content__dms {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: block;
  }
}

.service-content__list04 {
  width: 100%;
  margin-top: 40px;
}
.service-content__list04 li {
  margin-bottom: 0;
}
@media screen and (max-width: 640px) {
  .service-content__list04 li {
    margin-bottom: 30px;
  }
}

.service-content__seminarImg {
  margin-top: 40px;
  text-align: center;
}
.service-content__seminarImg img {
  max-width: 90%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 834px) {
  .service-content__seminarImg img {
    max-width: 100%;
  }
}

.philosophy-box {
  justify-content: center;
}
.philosophy-box__info {
  padding-left: 0;
}

.list-works__txt {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
  display: inline-block;
  font-weight: normal;
  margin-top: 10px;
  line-height: 1.5;
}
@media screen and (max-width: 834px) {
  .list-works__txt {
    margin-top: 5px;
  }
}

.sec-works .sidebar-item,
.sec-detail .sidebar-item {
  background-color: #fff;
  border: 1px solid #000;
}
.sec-works .sidebar-item__heading,
.sec-detail .sidebar-item__heading {
  background-color: #000;
  color: #fff;
  text-align: left;
  padding-left: calc(10px + 3rem);
}
.sec-works .sidebar-item__content li,
.sec-detail .sidebar-item__content li {
  text-align-last: left;
  padding-left: 3rem;
}

/* 230613 add */
.inner-960 {
  max-width: 960px;
}
.c-ttl__01 .jp {
  font-size: 4.8rem;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 700;
}
@media screen and (max-width: 640px) {
  .c-ttl__01 .jp {
    font-size: 32px;
  }
}
.company-info__list_v2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.company-info__list_v2 .company-info__list-item {
  margin-bottom: 100px;
  width: 45%;
}
@media screen and (max-width: 640px) {
  .company-info__list_v2 .company-info__list-item {
    width: 100%;
    margin-bottom: 40px;
  }
}

.company-info__link {
  border-bottom: 1px solid #000;
}

.company-info__list_v2 .company-info__txt-wrap {
  position: relative;
  bottom: 0;
  text-align: left;
  padding-right: 80px;
}
.company-info__list_v2 .company-info__txt-wrap .arrow-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 74px;
  height: 74px;
  margin-right: 0;
  background-image: url(../img/company/info/icn-arrowRT.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px auto;
}
.company-info__list_v2
  .company-info__txt-wrap
  .arrow-button
  .arrow-button__border
  svg {
  width: 74px;
  height: 74px;
}
@media screen and (max-width: 640px) {
  .company-info__list_v2 .company-info__txt-wrap .arrow-button {
    width: 50px;
    height: 50px;
    background-size: 10px auto;
  }
  .company-info__list_v2
    .company-info__txt-wrap
    .arrow-button
    .arrow-button__border
    svg {
    width: 50px;
    height: 50px;
  }
}

.company-info__list_v2 .company-info__txt-jp {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 20px;
  display: block;
}
@media screen and (max-width: 640px) {
  .company-info__list_v2 .company-info__txt-jp {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.company-info__list_v2 .company-info__txt-en {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  .company-info__list_v2 .company-info__txt-en {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 1025px) {
  .sec-lifestyle .box-lifestyle {
    writing-mode: horizontal-tb;
  }
  .sec-lifestyle .box-lifestyle__ttl {
    margin-left: 0;
    margin-bottom: 30px;
  }
  .sec-lifestyle .box-lifestyle__ttl .small {
    margin-bottom: 10px;
    padding-top: 0;
    margin-left: 0;
  }
  .sec-lifestyle .box-lifestyle__ttl .small:before {
    width: 40px;
    height: 1px;
    position: relative;
    margin-right: 8px;
    left: 0;
    top: -5px;
  }
  .sec-lifestyle .box-lifestyle__ttl .large {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

/* 230616 add */

/* header */
.main-header__inner {
  padding-left: 60px;
  padding-right: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}

@media screen and (max-width: 1250px) {
  .main-header__inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 25px;
  }
}

@media screen and (max-width: 1250px) {
  .main-header__logo {
    margin-left: 5%;
  }
}

.main-header__navList {
  display: flex;
  align-items: center;
}

.main-header__navList li {
  margin-left: 40px;
}

.main-header__navList li a:hover {
  opacity: 0.7;
}

.main-header__navList .main-header__navList-jp,
.main-header__navList .main-header__navList-en {
  text-align: center;
  display: block;
}
.main-header__navList .main-header__navList-jp {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
}
.main-header__navList .main-header__navList-en {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 1250px) {
  .main-header__navList li {
    display: none;
  }
  .main-header__navList li:last-child {
    display: block;
  }
}

.main-header__mobile-icon {
  display: none;
}
@media screen and (max-width: 1250px) {
  .main-header__mobile-icon {
    display: block;
  }
}

.main-header__menu-jp {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
.main-header__menu-en {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

@media screen and (max-width: 834px) {
  .main-header__menu-jp {
    font-size: 24px;
    margin-bottom: 10px;
  }
}

/* footer */
.main-footer {
  padding: 120px 0 120px;
}
@media screen and (max-width: 834px) {
  .main-footer {
    padding: 60px 0 60px;
  }
}
.main-footer__content {
  text-align: center;
  display: block;
  margin-bottom: 80px;
}
@media screen and (max-width: 834px) {
  .main-footer__content {
    margin-bottom: 40px;
  }
}

.main-footer__clmL {
  width: 100%;
}

.main-footer__contact {
  display: block;
  width: 320px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  color: #000;
  padding: 20px 0;
  border: 1px solid #fff;
}
.main-footer__contact:hover {
  background-color: #000;
  color: #fff;
}
@media screen and (max-width: 834px) {
  .main-footer__contact {
    width: 80%;
    padding: 16px 0;
  }
}
.main-footer__contact:hover .main-footer__ttl {
  opacity: 1;
}
.main-footer__ttl {
  text-align: center;
}
.main-footer__ttl-jp {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 16px;
}
.main-footer__contact .c-ttl__01 {
  font-size: 13px;
  font-weight: normal;
}
@media screen and (max-width: 834px) {
  .main-footer__ttl-jp {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .main-footer__contact .c-ttl__01 {
    font-size: 12px;
  }
}
.main-footer__content-btm {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-footer__menu-logo {
  margin-right: 2.5em;
}
.main-footer__menu-item {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
.main-footer__menu-item span {
  font-family: "Inter", sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
  display: block;
}
@media screen and (max-width: 1250px) {
  .main-footer__nav {
    width: 100%;
  }
  .main-footer__menu {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .main-footer__menu-logo {
    text-align: center;
    margin-right: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .main-footer__menu-item {
    margin: 0 0 25px;
    width: 50%;
  }
}
@media screen and (max-width: 834px) {
  .main-footer__menu-item {
    font-size: 13px;
  }
  .main-footer__menu-item span {
    font-size: 10px;
  }
}
.main-footer__dalia dt {
  margin-bottom: 20px;
  text-align: center;
  font-size: 13px;
}
@media screen and (max-width: 1250px) {
  .main-footer__dalia {
    margin-top: 30px;
    width: 100%;
    text-align: center;
  }
  .main-footer__dalia dt {
    font-size: 12px;
    margin-bottom: 15px;
  }
}
.main-footer__copyright {
  text-align-last: left;
  margin-top: 20px;
}

/* index */
.top-about {
  padding: 120px 0;
}
@media screen and (max-width: 834px) {
  .top-about {
    padding: 80px 0;
  }
}
@media screen and (max-width: 640px) {
  .top-about {
    padding: 40px 0;
  }
}

.top-service__list__image {
  width: 100%;
}

.top-service__list__txt-wrap {
  position: absolute;
  top: 0;
  margin-top: 0;
}
.top-service__list__txt {
  background-color: #fff;
  padding: 0 20px 20px 50px;
  position: relative;
}
@media screen and (max-width: 834px) {
  .top-service__list__txt {
    padding: 0 20px 20px 40px;
  }
}
.top-service__list__txt img {
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 834px) {
  .top-service__list__txt img {
    width: 30px;
    height: auto;
  }
}
.top-service__list__txt:before {
  display: none;
}
.top-service__list__txt-jp {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  display: inline-block;
}
@media screen and (max-width: 834px) {
  .top-service__list__txt-jp {
    font-size: 20px;
  }
}
.top-service__list__txt-en {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
@media screen and (max-width: 834px) {
  .top-service__list__txt-en {
    font-size: 12px;
  }
}

.top-works__inner {
  max-width: 960px;
}

.top-works__heading {
  margin-right: 0;
}
@media screen and (min-width: 835px) {
  .top-works__slide-buttons-wrap {
    display: none;
  }
}
.top-works__slide {
  margin-right: 0;
  overflow: hidden;
  padding-bottom: 30px;
}
.top-works__slide.swiper-grid-column > .swiper-wrapper {
  flex-direction: row;
}
.top-works__slider-item {
  padding-bottom: 40px;
}
.top-works__slider-item {
  padding-right: 60px;
}
@media screen and (max-width: 834px) {
  .top-works__slider-item {
    padding-right: 20px;
  }
}
.top-works__slider-image img {
  width: 100%;
}

.top-designer02__block {
  padding-top: 0;
}

.top-designer02__block:before {
  display: none;
}

@media screen and (min-width: 835px) {
  .top-designer02__content {
    padding-top: 0;
    padding-bottom: 0;
    width: 40%;
  }
}
@media screen and (min-width: 835px) {
  .top-designer02__image {
    margin-right: 0;
    width: 55%;
  }
}

.aircon-banner {
  position: fixed;
  right: 40px;
  bottom: 40px;
  background-color: #f1f3f6;
  width: 360px;
  z-index: 1000;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.aircon-banner a {
  display: block;
}
@media screen and (max-width: 834px) {
  .aircon-banner {
    right: 0;
    bottom: 0;
    width: 100%;
  }
}
.aircon-banner__inner {
  padding: 20px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 834px) {
  .aircon-banner__inner {
    padding: 16px;
  }
}
.aircon-banner__inner img {
  width: 100px;
  height: 100px;
  display: block;
  margin-right: 20px;
}
@media screen and (max-width: 834px) {
  .aircon-banner__inner img {
    width: 80px;
    height: 80px;
  }
}
.aircon-banner__txt {
  width: calc(100% - 20px);
}
.aircon-banner__desc {
  font-size: 15px;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .aircon-banner__desc {
    font-size: 13px;
  }
}
.aircon-banner__copy {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  text-decoration: underline;
  text-decoration-thickness: 0.5em;
  text-decoration-color: #acc1df;
  text-underline-offset: -0.2em;
  text-decoration-skip-ink: none;
}
@media screen and (max-width: 834px) {
  .aircon-banner__copy {
    font-size: 16px;
    margin-top: 5px;
  }
  .aircon-banner__copy br {
    display: none;
  }
}

.aircon-banner__btn {
  background-color: #000;
  color: #fff;
  text-align: center;
  line-height: 2.5;
  font-size: 13px;
  font-weight: bold;
}
@media screen and (max-width: 834px) {
  .aircon-banner__btn {
    font-size: 12px;
  }
}
.aircon-banner__close {
  position: absolute;
  right: 0;
  top: -30px;
  width: 30px;
  height: 30px;
}
.aircon-banner__close:before,
.aircon-banner__close:after {
  content: "";
  background-color: #000;
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.aircon-banner__close:after {
  transform: rotate(45deg);
}
.aircon-banner__close:before {
  transform: rotate(-45deg);
}
@media screen and (max-width: 834px) {
  .aircon-banner__close:before,
  .aircon-banner__close:after {
    height: 16px;
  }
}

/* about */
.about-lead__inner {
  max-width: 820px;
}
.about-lead__desc {
  width: 100%;
}
.about-brand__content-ttl {
  margin-top: 0;
}
.about-genre__lead:before {
  background-color: #f1f3f6;
  background-image: none;
}

.about-genre__title .jp {
  font-size: 28px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .about-genre__title .jp {
    font-size: 24px;
  }
}

.about-design__ttl {
  margin-top: 0;
}

/* salon */
.sec-mvsalon .box-mvsalon {
  transition: none;
  -webkit-transition: none;
  margin-bottom: 0;
}

.box-designaxis {
  position: relative;
}

.sec-creativework {
  background-color: #f1f3f6;
}

.sec-designaxis {
  margin-top: 130px;
}
@media screen and (max-width: 834px) {
  .sec-designaxis {
    margin-top: 50px;
  }
}

.box-designaxis {
  margin-top: 0;
}
.bl-creativework {
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (min-width: 835px) {
  .bl-creativework__l {
    width: 50%;
  }
}
.bl-creativework__l .c-btn__02 {
  margin-top: 40px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 834px) {
  .bl-creativework__l .c-btn__02 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 835px) {
  .bl-creativework__r {
    width: 40%;
  }
}

.list-consultingstep .item:nth-child(2n) {
  margin-top: 0;
}

@media screen and (max-width: 834px) {
  .list-consultingstep .item {
    margin-bottom: 30px;
  }
  .list-consultingstep .item:last-child,
  .list-consultingstep .item:nth-last-child(2) {
    margin-bottom: 0;
  }
}

/* other */
.bl-newinterior {
  justify-content: space-between;
}
.bl-newinterior__l {
  padding-left: 0;
}
.bl-newinterior__r {
  padding-right: 0;
}
/* history */
.table-history {
  border-collapse: collapse;
}
.table-history:before {
  display: none;
  height: 76%;
  top: 12%;
}
.table-history th:after {
  content: "";
  display: block;
  background-color: #000;
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.table-history tr:first-child th:after {
  height: calc(100% - 21px);
  top: unset;
  bottom: 0;
}
.table-history tr:last-child th:after {
  height: 21px;
}
@media screen and (max-width: 834px) {
  .table-history:before {
    height: 80%;
    top: 10%;
  }
  .table-history th:after {
    right: -4px;
  }
}
@media screen and (max-width: 640px) {
  .table-history:before {
    height: 84%;
    top: 7%;
  }
}

/* works */
.detail-block {
  background-color: #fff;
  padding-left: 0;
  padding-right: 0;
}
.detail-block__ttl {
  border-bottom: none;
  padding-bottom: 0;
}

.detail-info__ttl span {
  background-color: #000;
}

.list-works li:first-child .list-works__img .thumbnail .new {
  background-color: #000;
  color: #fff;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  line-height: 2;
  padding: 0 10px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 834px) {
  .list-works li:first-child .list-works__img .thumbnail .new {
    font-size: 12px;
    padding: 0 8px;
  }
}
.list-works__info {
  display: block;
}

/* 塗削除 */
.about-genre__lead {
  padding-top: 0;
}
.about-genre__lead:before {
  background-color: #fff;
}
.about-design {
  background-color: #fff;
  padding: 40px 0 100px;
}

.sec-comfortable {
  background-color: #fff;
}
.sec-comfortable .txt-comfortable {
  color: #f6f6f6;
}

.sec-support {
  background-image: none;
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.sec-business {
  background-color: #fff;
  padding-top: 0;
}

.sec-lifestyle {
  background-color: #fff;
}

.sec-considering {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.sec-othershared {
  background-color: #fff;
}
.sec-othershared .box-othershared__r .ttl-shared {
  color: #f7f7f7;
  padding-top: 80px;
  padding-bottom: 80px;
}

.sec-creativework {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.sec-creativework:after {
  background-color: #fff;
}

.sec-strength {
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}
.sec-consulting {
  background-color: #fff;
  padding-top: 0;
}

.top-news__list {
  font-weight: 400;
}

.top-news__list li:first-child .top-news__list-title::before {
  content: "NEW";
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

.top-news__list-label span {
  background-color: #000;
}

.box-news02 .item-desinfo--l .tag {
  background-color: #000;
  font-family: "Noto Sans JP", sans-serif;
}

.box-news02 .item-desinfo .time {
  color: #000;
}

.box-news02 .item-desinfo--l .new {
  content: "NEW";
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
}

#page-news .sidebar-cnt {
  background-color: #fff;
  border: 1px solid #000;
}

#page-news .sidebar-ttl {
  text-align-last: left;
  padding-left: 47px;
}
@media screen and (max-width: 834px) {
  #page-news .sidebar-ttl {
    padding-left: 15px;
  }
}

#page-index .top-mainvisual {
  padding-left: 60px;
}

#page-index .top-mainvisual__scrollbox {
  left: 30px;
}

@media screen and (max-width: 834px) {
  #page-index .top-mainvisual {
    padding-left: 40px;
  }
  #page-index .top-mainvisual__scrollbox {
    left: 14px;
  }
}

.fnc-slide__inner,
.fnc-slide .fnc-slide__zoom {
  background-position: center center;
}

.box-ctdetail .time,
.box-ctdetail .ct-tag {
  color: #696969;
}

/* 241226 Add */
.main-header__navGlobal {
  z-index: 2;
}
.main-header__navList {
  max-width: 1050px;
  width: 100%;
}
.main-header__navList-shop {
  max-width: 140px;
  width: 100%;
  color: #fff;
  background-color: #000;
  text-align: center;
}
.main-header__navList-shop .main-header__navList-en {
  font-size: 15px;
  line-height: 36px;
}
.main-header__menu-item.-shop {
  max-width: 240px;
  width: 100%;
  padding: 20px 10px 10px;
  font-family: "Inter", sans-serif;
  color: #000;
  background-color: #fff;
  line-height: 1;
  text-align: center;
}
.fix-link_shop {
  position: fixed;
  padding: 30px 15px 35px;
  top: 160px;
  right: 0;
  color: #fff;
  font-family: "Inter", sans-serif;
  background-color: #000;
  line-height: 1;
}
.fix-link_shop i {
  display: inline-block;
  margin-bottom: 15px;
}
.fix-link_shop_hg {
  writing-mode: vertical-rl;
  word-break: keep-all;
}
.fix-link_shop_hg p {
  font-size: 13px;
  margin-left: 5px;
}
.fix-link_shop_hg h2 {
  font-size: 20px;
}
.fix-link_shop,
.footer-link_shop {
  transition: all 0.2s;
}
.fix-link_shop:hover,
.footer-link_shop:hover {
  opacity: 0.7;
}
.footer-link_shop {
  display: block;
  width: fit-content;
  margin: 25px 0 30px 175px;
  padding: 10px 25px;
  color: #000;
  background-color: #fff;
  font-size: 15px;
  line-height: 1;
  font-family: "Inter", sans-serif;
}
@media screen and (max-width: 834px) {
  .main-header__menu-item.-shop {
    margin: 0 auto;
  }
  .aircon-banner {
    bottom: 40px;
    border-bottom: 1px solid #fff;
  }
  .fix-link_shop {
    width: 100%;
    padding: 10px;
    top: auto;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-top: 1px solid #fff;
  }
  .fix-link_shop i {
    display: none;
  }
  .fix-link_shop_hg {
    writing-mode: horizontal-tb;
  }
  .fix-link_shop_hg p {
    display: none;
  }
  .footer-link_shop {
    margin: 0 auto;
  }
}

.company-list > li > ul.company-list-simple > li {
  position: relative;
  padding-left: 20px;
}

.company-list > li > ul.company-list-simple > li::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 3px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 14px;
  left: 14px;
  border-radius: 50%;
}

.company-list > li > ul.company-list-simple > li::after {
  display: none;
}
/*-----追加250711--------------------------------*/
.top-works__slider-image-inner {
  aspect-ratio: 420 / 255;
  overflow: hidden;
}
.top-works__slider-image-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/*-----追加25mmdd--------------------------------*/
.with-mega-menu {
  position: relative;
}

.mega-menu {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  /* opacity: 1;
  visibility: visible; */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  min-width: 105px;
  padding-inline: 8px;
}
.mega-menu__item + .mega-menu__item {
  border-top: 1px solid #bbb;
}
.with-mega-menu:hover .mega-menu {
  opacity: 1;
  visibility: visible;
}
.mega-menu__item {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  padding-block: 20px;
  width: 100%;
  text-align: center;
}
.main-header__navList li.mega-menu__item {
  margin-left: 0px;
}

@media screen and (max-width: 1250px) {
  .mega-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    color: #fff;
    transform: none;
    padding: 0;
    margin-top: 16px;
  }
  .mega-menu__item + .mega-menu__item {
    border-top: none;
    margin-top: 10px;
  }
  .mega-menu__item {
    text-align: left;
    padding: 0;
    font-size: 2rem;
  }
  .mega-menu__item a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 834px) {
  .mega-menu__item {
    text-align: center;
    font-size: 1.8rem;
  }
}

/* -------------------------
 * worksタブ切り替え
 * ------------------------- */
.tab-button {
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  font-weight: 500;
  color: #000;
  margin: 0 5px;
  border-radius: 50px;
  min-width: 180px;
  border: none;
}

.tab-button.active {
  background-color: #000;
  color: #fff;
  padding: 16px 10px;
  border-radius: 50px;
}

.tab-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 60px;
  background: #efefef;
  padding: 6px;
  width: fit-content;
  border-radius: 50px;
  margin-inline: auto;
}
@media (max-width: 834px) {
  .tab-button {
    min-width: auto;
    width: 33%;
    font-size: 16px;
  }
  .tab-buttons {
    width: 100%;
  }
}

/*-----追加250818--------------------------------*/
.list-works__txt--type {
  background: #000;
  color: #fff;
}
.list-works__txt--tsubo {
  background: #efefef;
  border: none;
}