@charset "utf-8";

/**************************************************/
/*                                                */
/*                   パソコン用                   */
/*                                                */
/**************************************************/

/* ================================================
 * 共通
 * ================================================*/

#wrapper {
  min-width: 1120px;
}

#page #wrapper {
  padding-bottom: 953px;
}

.inner {
  width: 1440px;
  margin: auto;
}

.sp-only {
  display: none;
}

.flex {
  display: flex;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

/* ================================================
 * ヘッダー
 * ================================================*/
.header-inner {
  max-width: 1440px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}

.header-inner .logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 280px;
  height: 50px;
}

.logo a {
  width: 240px;
  height: 50px;
  white-space: nowrap;
  margin: 0 auto;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  padding: 10px;
  text-align: center;
  font-size: 2.4rem;
  transition: none;
  line-height: 36px;
}

.l-header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 999;
  background: #f5f5f5;
}

/* ================================================
 * フッター
 * ================================================*/

.l-footer {
  position: absolute;
  bottom: 0;
  width: 100vw;
}

/*-- コピーライト --*/
.l-footer small {
  font-size: 1.3rem;
  height: 54px;
  line-height: 54px;
}

/*-- ページトップ --*/
#page-top {
  bottom: 3%;
  right: 2%;
  width: 60px;
  height: 60px;
}

/* ================================================
 *　./lp/cn.php 中国向け
 * ================================================*/
#page.cn #wrapper {
  padding-bottom: 54px;
}
#page.cn .mv-wrap {
  height: 600px;
  margin-top: 50px;
  background: linear-gradient(to bottom, transparent 0%, transparent 12%, #f5f5f5 12%, #f5f5f5 88%, transparent 88%);
  align-items: center;
  min-width: 1120px;
}

.cn .mv-txt-wrap {
  width: 30%;
  min-width: 400px;
  height: 100%;
  flex: 0 0 auto;
  padding-left: 5%;
}

.cn .mv-icon {
  background-color: #261901;
  color: #fff;
}

#page.cn .mv-ttl {
  font-size: 5rem;
  margin-top: 20px;
}

#page.cn .mv-txt {
  font-size: 1.8rem;
  margin-top: 20px;
}

.cn .mv-contact-btn {
  font-size: 2.5rem;
  width: 300px;
  height: 58px;
  margin-top: 20px;
}

.cn .mv-img-wrap {
  position: absolute;
  top: 0;
  left: 35%;
  width: 65%;
  height: 100%;
  flex: 1 1 auto;
}

.cn .mv-img-wrap img {
  object-position: left;
}

.cn .mv-person.person-01 {
  top: 30px;
  left: 38%;
}

.cn .mv-person.person-02 {
  bottom: -30px;
  right: 30px;
}

.cn .feature-wrap {
  margin-top: 50px;
  padding-top: 160px;
  padding-bottom: 100px;
}

.cn .quality-list,
.cn .feature-list {
  justify-content: space-between;
  max-width: 940px;
  margin: 0 auto;
}

.cn .feature-item {
  width: 30%;
  padding: 30px 20px;
}

.cn .feature-item .feature-count {
  font-size: 10.5rem;
}

.cn .section-ttl {
  font-size: 2.8rem;
}

.cn .quality-contents {
  padding: 150px 0 100px;
}

.cn .quality-person {
  position: absolute;
}

.cn .quality-person.person-01 {
  top: 65px;
  left: 15%;
  width: 215px;
  height: 228px;
}

.cn .quality-person.person-02 {
  bottom: 50px;
  right: 15%;
  width: 227px;
  height: 240px;
}

@media screen and (max-width: 1200px) {
  .cn .quality-person.person-01 {
    left: 10%;
  }

  .cn .quality-person.person-02 {
    right: 10%;
  }
}

.cn .quality-ttl {
  font-size: 2.8rem;
  max-width: 680px;
  margin: 0 auto 100px;
}

.cn .quality-ttl span {
  font-size: 1.6rem;
}

.cn .quality-ttl::after,
.cn .quality-ttl::before {
  width: 55px;
  height: 132px;
}

.cn .quality-ttl::before {
  left: 0;
}

.cn .quality-ttl::after {
  right: 0;
}

.cn .quality-item {
  width: 30%;
}

.cn .quality-item .flag {
  width: 57px;
  height: 77px;
  top: -13px;
  left: 10px;
  font-size: 3rem;
  padding-top: 15px;
}

.cn .quality-item .item-ttl {
  font-size: 2.4rem;
  margin-top: 27px;
}

.cn .contact-wrap-lp {
  margin-top: 68px;
  padding-top: 207px;
  padding-bottom: 68px;
}

.cn .contact-txt {
  font-size: 2.4rem;
  margin-bottom: 40px;
}

.cn .contact-top {
  margin-top: 100px;
}

.cn .contact-txt span {
  font-size: 10.5rem;
  padding: 0 40px;
}

.cn .contact-ttl {
  font-size: 2.8rem;
  margin-bottom: 48px;
}

.cn .contact-btn {
  font-size: 2.4rem;
  width: 300px;
  height: 90px;
}

#page.cn .property-wrap {
  padding: 100px 0 115px;
}

.cn .property-flex {
  padding: 0 20px;
}

.cn .property-flex .txt-wrap {
  width: 30%;
}

.cn .property-flex .list-wrap {
  width: 70%;
}

.cn .property-ttl {
  font-size: 4.8rem;
}

.cn .property-ttl {
  padding-left: 66px;
}

.cn .property-ttl::before {
  width: 53px;
  height: 29px;
}

.cn .property-txt {
  margin-top: 22px;
  padding-left: 66px;
}

.cn .property-person {
  margin: 40px auto 0;
  width: 237px;
}

.cn .property-list {
  width: 100%;
}

#page.cn .property-item {
  width: 30%;
  padding: 0;
}

.cn .property-item:not(:nth-of-type(3n)) {
  margin-right: 5%;
}

.cn .property-item .item-feature {
  font-size: 1.8rem;
}

.cn .staff-wrap {
  padding-top: 90px;
  padding-bottom: 60px;
  margin-bottom: 160px;
  margin-top: 110px;
  background: unset;
}

.cn .staff-ttl {
  font-size: 2.8rem;
  margin-bottom: 56px;
}

.cn .staff-list {
  max-width: 1200px;
  gap: 36px;
  justify-content: center;
}

.staff-item {
  display: flex;
  gap: 50px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.cn .staff-name {
  margin-top: 20px;
  text-align: left;
}

.staff-description {
  display: grid;
  grid-template-columns: 100px 1fr;
  align-items: center;
  gap: 10px;
  margin-top: 25px;
}
.staff-comment {
  margin-top: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}

.staff-description-term {
  background-color: #f5f5f5;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.cn .sns-flex .img-wrap {
  width: 40%;
  max-height: 400px;
}

.cn .sns-flex .txt-wrap {
  width: 60%;
  padding: 40px 10% 44px;
  max-height: 400px;
}

.cn .sns-flex .sns-ttl {
  font-size: 2.8rem;
}

.cn .qr-flex {
  margin-top: 43px;
}

.cn .qr-flex .txt-wrap {
  width: 70%;
}

.cn .qr-flex .qr-wrap {
  width: 30%;
}

.cn .sns-txt {
  margin-bottom: 18px;
  font-size: 1.4rem;
}

.cn .sns-flex .tel-link {
  margin-top: 40px;
}

.cn .sns-wrap {
  margin-top: 64px;
}

.cn .flow {
  position: relative;
  max-width: 1440px;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
  margin-inline: auto;
}
.cn .flow:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 91.6%;
  height: 100%;
  background-color: #f5f5f5;
}

.cn .flow-inner {
  max-width: 940px;
  margin-inline: auto;
}

.cn .flow-title {
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 80px;
}
.cn .flow-step-item {
  list-style: none;
}

.cn .flow-step {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 50px;
  column-gap: 100px;
}

.cn .flow-step-item {
  position: relative;
  border: 3px solid #ec6940;
  padding-top: 59px;
  background-color: #fff;
  padding-bottom: 30px;
}
.cn .flow-step-item-tag {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ec6940;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 10px;
  line-height: 1;
}

.cn .flow-step-item-text {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-top: 25px;
}

.cn .flow-step-item-icon {
  margin-inline: auto;
  display: block;
}

.cn .flow-step-item:nth-of-type(1):before,
.cn .flow-step-item:nth-of-type(2):before,
.cn .flow-step-item:nth-of-type(4):before,
.cn .flow-step-item:nth-of-type(5):before {
  content: "";
  width: 17px;
  height: 54px;
  position: absolute;
  top: 50%;
  right: -69px;
  translate: -8.5px -50%;
  background-image: url("../img/flow-arrow.svg");
}

.cn .sell__slide-list-item-tag {
  color: unset;
  font-weight: unset;
  background-color: unset;
  display: unset;
  align-items: unset;
  z-index: unset;
  position: unset;
  left: unset;
  bottom: unset;
  position: absolute;
  top: 13px;
  right: 0;
  width: 90%;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-weight: 700;
  color: #02a087;
  line-height: 1.6;
  z-index: 2;
}

.cn .sell__slide-list-item a {
  position: relative;
  width: 100%;
  aspect-ratio: 207 / 363;
}

.cn .sell__slide-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cn .sell__slide-list-img {
  height: 100% !important;
}

.cn .list-icon {
  display: none;
}

.cn .sell__slide-list-item-comment {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #041543;
  z-index: 1;
  width: 100%;
  position: absolute;
  left: unset;
  padding: 15px;
  line-height: 1.4;
  position: absolute;
  bottom: 20px;
  right: 0;
  padding: 10px 20px;
  width: fit-content;
  background-color: #261901;
  color: #fff;
}