@charset "UTF-8";
/*font-family*/
/*color*/
/*font-size*/
/**transition**/
/**見出し**/
/**サブタイトル**/
/**スクロールアニメーション**/
/**hover-border-bottom**/
.concept__scroll {
  position: absolute;
  right: 30px;
  bottom: 10px;
  z-index: 5;
}
.concept__scroll img {
  width: 134px;
  height: auto;
  -webkit-animation: spin 20s linear infinite;
          animation: spin 20s linear infinite;
}

.page__concept {
  position: relative;
  height: 243vh;
  width: 100%;
}
.page__concept__convey {
	height:2120px;
}
.page__concept__performance {
	height:2000px;
}
.page__concept__flow {
	height:2200px;
}
.page__concept__fascinate {
height:2000px;
}
.page__concept__interview {
	height:1800px;
}
.page__concept__support {
	height:2100px;
}
.page__concept__staff {
	height:2000px;
}
.hybrid__concept {
	height:1800px;
}
.home__concept {
	height:1800px;
}
.page__concept__cometrue {
	height:2000px;
}
@media screen and (max-width:760px) {
  .page__concept {
    height: auto;
  }
	.page__concept__convey {
	height:1220px;
}
	.page__concept__performance .page__concept__container {
		padding-bottom:126px;
	}
	.page__concept__flow .page__concept__container {
		padding-bottom:126px;
	}
	.page__concept__fascinate .page__concept__container {
		padding-bottom:82px;
		padding-top:182px;
	}
	.page__concept__interview .page__concept__container {
		padding-bottom:102px;
		padding-top:154px;
	}
	.page__concept__support .page__concept__container {
		padding-top:136px;
		padding-bottom:112px;
	}
	.page__concept__staff .page__concept__container {
		padding-top:132px;
		padding-bottom:82px;
	}
	.page__concept__cometrue .page__concept__container {
		padding-bottom:82px;
		padding-top:182px;
	}
	.hybrid__concept .page__concept__container {
		padding-top:156px;
		padding-bottom:92px;
	}
}
.page__concept__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
  z-index: 1;
}
.page__concept__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.page__concept__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page__concept__bg__ceo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page__concept__container {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15vh 0 27vh;
}
.page__concept__container::before {
  content: "";
  background: #f1d8d9;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0.95;
}
.page__concept__container::after {
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 216, 214, 0)), to(rgb(239, 215, 218)));
  background: linear-gradient(to bottom, rgba(241, 216, 214, 0), rgb(239, 215, 218));
  width: 100%;
  height: 430px;
  position: absolute;
  left: 0;
  bottom: 100%;
  display: block;
  opacity: 0.95;
}
.page__concept__container .concept__scroll {
  top: -64px;
}
.page__concept__box {
  position: relative;
  width: 762px;
  margin: 0 auto;
}
.page__concept__staff .page__concept__box {
	width:954px;
}
@media screen and (min-width:1515px) {
	.page__concept__box {
		width:810px;
	}
}
@media screen and (max-width:1020px) {
	.page__concept__staff .page__concept__box {
	width:95%;
   }
} 
@media screen and (max-width:900px) {
  .page__concept__box {
    width: 94%;
  }
}
@media screen and (max-width:760px) {
	.concept__scroll img {
		width:112px;
	}
	.page__concept__container .concept__scroll {
		top:40px;
	}
	.page__concept__bg {
		position:inherit;
		height:70vw;
	}
	.page__concept__inner {
		position:inherit;
	}
	.page__concept__container::after {
		display:none;
	}
	.page__concept__container::before {
		display:none;
	}
  .page__concept__container {
    padding-bottom: 82px;
	  padding-top:132px;
	  position:inherit;
	  background-color:#f1d8d9;
  }
}
.page__concept__box h2 {
  font-size: clamp(1.4rem, 0.8rem + 2.61vw, 3.438rem);
  letter-spacing: 0.12em;
  line-height: 1.5em;
  margin: 32px auto 82px;
}
.page__concept__subTitle {
  font-size: clamp(1rem, 0.652rem + 1.36vw, 1.875rem);
  letter-spacing: 0.1em;
}
.page__concept__text p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  margin-bottom: 36px;
  line-height: 2em;
}

.convey__contents__inner {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-areas: "smooth performance" "smoothFlow smoothFlow" "smoothPrice smoothPrice";
  position: relative;
}
@media screen and (max-width:760px) {
	.page__concept__box h2 {
    margin: 16px auto 52px;
	 line-height:1.8em;
  }
  .convey__contents__inner {
    display: block;
  }
	.page__concept__text p {
		margin-bottom:18px;
	}
}
.convey__contents .smooth__btn {
  height: 346px;
  position: sticky;
  top: 200px;
  margin-top: 20vh;
  margin-left: 15%;
  grid-area: smooth;
  z-index: 5;
}
@media screen and (max-width:760px) {
  .convey__contents .smooth__btn {
    display: none;
  }
}
.convey__contents .smooth__btn li {
  margin-left: 20px;
}
.convey__contents .smooth__btn li:nth-child(even) {
  margin-top: 36px;
  margin-bottom: 36px;
}
.convey__contents .smooth__btn li .smooth-link {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  position: relative;
}
.convey__contents .smooth__btn li .smooth-link::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(3px);
          transform: translateY(3px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), visibility 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), visibility 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), visibility 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), transform 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), visibility 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), transform 0.3s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.convey__contents .smooth__btn li .smooth-link:hover::before {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(2px);
          transform: translateY(2px);
}
.convey__contents .smooth__btn li .smooth-link::before {
  background-color: #000;
}
.convey__contents .smooth__btn li .smooth-link.focus::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: rgba(68, 3, 10, 0.5019607843);
  position: absolute;
  top: 50%;
  left: -24px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 100px;
}
.convey__contents .contents__box {
  padding: 246px 0;
}
@media screen and (max-width:760px) {
  .convey__contents .contents__box {
    padding: 48px 3%;
  }
}
.convey__contents .contents__box__sub {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  letter-spacing: 0.1em;
}
.convey__contents .contents__box h2 {
  font-size: clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
  letter-spacing: 0.12em;
  margin: 36px auto 78px;
	line-height:1.6em;
}
@media screen and (max-width:760px) {
  .convey__contents .contents__box h2 {
    margin: 16px auto 24px;
  }
    .convey__contents #smoothPrice.contents__box h2 {
		font-size:clamp(1.3rem, 0.93rem + 1.14vw, 2.125rem);
	}
}
.convey__contents .contents__box__text {
  font-size: 14px;
  margin-bottom: 60px;
  letter-spacing: 0.1em;
  line-height: 2.4em;
}
.convey__contents .contents__box__text .contents__br {
  display: block;
}
.convey__contents .contents__box__btn {
  width: 321px;
  height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:760px) {
  .convey__contents .contents__box__btn {
    width: 94%;
  }
}
.convey__contents .contents__box__btn a {
  width: 100%;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  border: 1px solid #000;
  height: 100%;
  position: relative;
  -webkit-transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.convey__contents .contents__box__btn a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f1d8d9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.convey__contents .contents__box__btn a:hover {
  border: 1px solid transparent;
  -webkit-transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  padding-right: 12px;
}
.convey__contents .contents__box__btn a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}

#smoothPerformance {
  grid-area: performance;
}

#smoothFlow {
  grid-area: smoothFlow;
  position: relative;
  height: 1860px;
}
@media screen and (max-width:760px) {
  #smoothFlow {
    height: auto;
	  padding-left:0;
	  padding-right:0;
  }
}
#smoothFlow .smoothFlow__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
}
#smoothFlow .smoothFlow__inner .smoothFlow-bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
#smoothFlow .smoothFlow__inner .smoothFlow-bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#smoothFlow .smoothFlow__inner .smoothFlow-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 264px;
  padding-bottom: 264px;
  padding-left: 24.7%;
}
@media screen and (max-width:760px) {
	#smoothFlow .smoothFlow__inner .smoothFlow-bg {
		position:inherit;
		height:70vw;
	}
	#smoothFlow .smoothFlow__inner {
		position:inherit;
	}
  #smoothFlow .smoothFlow__inner .smoothFlow-text {
    padding: 92px 3% 72px;
	  position:inherit;
  }
}
#smoothFlow .smoothFlow__inner .smoothFlow-text::before {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0.95;
}
#smoothFlow .smoothFlow__inner .smoothFlow-text p {
  position: relative;
}
#smoothFlow .smoothFlow__inner .smoothFlow-text h2 {
  position: relative;
  line-height: 1.6em;
}

#smoothPrice {
  grid-area: smoothPrice;
  padding-left: 24.7%;
}
@media screen and (max-width:760px) {
  #smoothPrice {
    padding: 0 3% 82px;
  }
}

.convey__bottom__img {
  display: grid;
  grid-template-columns: 28% 32% 40%;
  max-height: 860px;
}
.convey__bottom__img img {
  width: 100%;
  height: 100%;
  max-height: 860px;
  -o-object-fit: cover;
     object-fit: cover;
}

.news {
  padding: 184px 0;
	position:relative;
}
@media screen and (max-width:760px) {
  .news {
    padding-top: 56px;
    padding-bottom: 112px;
  }
	.convey__bottom__img img {
		min-height:164px;
	}
}
.news__inner {
  width: 88%;
  margin: 0 auto;
  position: relative;
}
.news__title {
  text-align: center;
}
.news__title h2 {
  font-size: clamp(1.875rem, 1.534rem + 1.7vw, 2.813rem);
  -webkit-text-stroke: 1px #000;
  letter-spacing: 0.2em;
}
.news__title h3 {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  letter-spacing: 0.1em;
  margin-top: 6px;
}
.news__title__text {
  margin-top: 52px;
}
@media screen and (max-width:760px) {
  .news__title__text {
    margin-top: 22px;
  }
}
.news__title__text p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
	line-height:1.6em;
}
@media screen and (max-width:760px) {
  .news__title__text p {
    text-align: left;
  }
}
.news__box {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 72px;
  position: relative;
}
@media screen and (max-width:1200px) {
  .news__box {
    grid-template-columns: 32% 32% 32%;
  }
}
@media screen and (max-width:940px) {
  .news__box {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width:760px) {
  .news__box {
    margin-top: 38px;
  }
}
.news__posts {
  /**カテゴリー名**/
  /**記事取得内容**/
  /**お知らせ一覧へのボタン**/
}
.news__posts__category a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.news__posts__category a:hover::after {
  left: 100%;
  -webkit-transition: 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.news__posts__category a:hover p {
  opacity: 0.7;
}
.news__posts__category a::before {
  content: "";
  width: 100%;
  height: 7px;
  position: absolute;
  left: 0;
  bottom: 2.7px;
  background-color: #f1d8d9;
  z-index: -2;
}
.news__posts__category a::after {
  content: "";
  width: 100%;
  height: 7px;
  background-color: #fff;
  position: absolute;
  bottom: 2.7px;
  left: -100%;
  z-index: -1;
}
.news__posts__category a p {
  -webkit-transition: opacity 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.news__posts__category a p:nth-child(1) {
  font-size: clamp(1.35rem, 1.323rem + 1.14vw, 1.875rem);
  font-family: "Yu Gothic Pr6N B";
  -webkit-text-stroke: 1px #000;
  letter-spacing: 0.2em;
}
.news__posts__category a p:nth-child(2) {
  font-family: "Yu Gothic Pr6N B";
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  padding-right: 12px;
}
.news__posts__contents {
  margin-top: 28px;
}
@media screen and (max-width:760px) {
  .news__posts__contents {
    margin-top: 14px;
  }
}
.news__posts__contents a {
  display: block;
}
.news__posts__contents h4 {
	font-size:16px;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  margin: 22px 0 12px;
  line-height: 1.6em;
}
@media screen and (max-width:940px) {
  .news__posts__contents h4 {
    margin-bottom: 22px;
  }
}
@media screen and (max-width:760px) {
  .news__posts__contents h4 {
    margin: 12px auto 16px;
  }
}
.news__posts__contents .ctg__contact__link {
	font-size:14px;
	transition: opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
	margin-top:18px;
}
.news__posts__contents .ctg__contact__link:hover {
	opacity:.5;
}
.news__posts__contents .ctg__receipt {
	font-size:14px;
	margin-top:18px;
}
.news__posts__contents .news__textarea {
	font-size:14px;
	letter-spacing:0.07em;
	line-height:1.3em;
	margin:12px 0;
}
.news__posts__contents .ctg__details {
	font-size:14px;
	margin:16px 0;
}
.news__posts__contents  .ctg__details__link a {
	transition: opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.news__posts__contents  .ctg__details__link a:hover {
	opacity:.5;
}
.news__posts__contents .news__time {
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #898989;
	margin-top:12px;
}
.news__posts__contents .news__img {
  overflow: hidden;
}
.news__posts__contents img {
  width: 100%;
  height: 17vw;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.005);
          transform: scale(1.005);
  transition: transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
@media screen and (max-width:1024px) {
  .news__posts__contents img {
    height: 29vw;
  }
}
@media screen and (max-width:760px) {
  .news__posts__contents img {
    height: 58vw;
  }
}
.news__posts__btn {
  margin: 82px auto 0;
  width: 342px;
  height: 62px;
}
@media screen and (max-width:760px) {
  .news__posts__btn {
    margin-top: 56px;
    width: 88%;
  }
}
.news__posts__btn a {
  height: 100%;
  border: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.01em;
  position: relative;
  color: #000;
  -webkit-transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
}
.news__posts__btn a:hover {
  border: 1px solid transparent;
  -webkit-transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.news__posts__btn a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.news__posts__btn a:hover span {
  -webkit-transform: translateX(1rem);
          transform: translateX(1rem);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.news__posts__btn a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f1d8d9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.news__posts__btn a span {
  width: 80px;
  height: 1px;
  background-color: #000;
  display: block;
  margin-left: 28px;
  position: relative;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.news__posts__btn a span::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}

.news .swiper-button-prev,
.news .swiper-button-next {
  min-width: 57.5px;
  min-height: 57.5px;
  margin-top: -45px;
  position: absolute;
}
@media screen and (max-width:760px) {
  .news .swiper-button-prev,
.news .swiper-button-next {
    min-width: 42px;
    min-height: 42px;
  }
}

.news .swiper-button-prev {
  background: url(../img/prev.svg) no-repeat center center/contain;
  left: 46px;
}
@media screen and (max-width:760px) {
  .news .swiper-button-prev {
    left: 0;
	  top:49%;
  }
}

.news .swiper-button-prev::after {
  content: "";
}

.news .swiper-button-next {
  background: url(../img/next.svg) no-repeat center center/contain;
  right: 46px;
}
@media screen and (max-width:760px) {
  .news .swiper-button-next {
    right: 0;
	  top:49%;
  }
}

.news .swiper-button-next::after {
  content: "";
}

.convey__button {
  position: relative;
  padding: 400px 0;
  margin-bottom: 200px;
}
@media screen and (max-width:760px) {
  .convey__button {
    padding: 0;
    height: auto;
    margin-bottom: 72px;
  }
}
.convey__button__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  clip: rect(auto, auto, auto, auto);
}
.convey__button__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
.convey__button__bg img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
}
.convey__button__box {
  display: grid;
  grid-template-columns: 45% 45%;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 94%;
  max-width: 1600px;
  margin: 0 auto;
}
@media screen and (max-width:1200px) {
  .convey__button__box {
    grid-template-columns: 46% 46%;
    width: 100%;
  }
}
@media screen and (max-width:1000px) {
  .convey__button__box {
    grid-template-columns: 90%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width:760px) {
	.convey__button__inner {
		position:inherit;
	}
  .convey__button__box {
    grid-template-columns: 1fr;
  }
	.convey__button__bg {
		position:inherit;
		height:48vw;
	}
}
.convey__button__box__link {
  text-align: center;
}
@media screen and (max-width:760px) {
  .convey__button__box__link:nth-child(2) {
	 border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }
}
.convey__button__box__link a {
  padding: 32px 8px;
  position: relative;
  z-index: 1;
  display: block;
}
@media screen and (max-width:760px) {
  .convey__button__box__link a {
    padding: 40px 8px;
  }
}
.convey__button__box__link a:hover .hover-arrow {
  opacity: 1;
  visibility: visible;
}
.convey__button__box__link a:hover::before {
  background-color: #f1d8d9;
}
.convey__button__box__link a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: -1;
  -webkit-transition: background-color 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: background-color 0.3s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.convey__button__box__link:nth-child(1) img {
  margin-bottom: 26px;
  margin-top: 6px;
}
.convey__button__box__link h2 {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  letter-spacing: 0.2em;
}
.convey__button__box__link p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  line-height: 1.6em;
}
@media screen and (max-width:1200px) {
  .convey__button__box__link p {
    font-size: 14px;
  }
}
.convey__button__box__link img {
  display: block;
  margin: 0 auto 24px;
}
.convey__button__box__link hr {
  margin: 22px auto;
}
@media screen and (max-width:760px) {
  .convey__button__box__link hr {
    margin: 14px auto;
  }
}

.breadcrumb__bg {
  background-color: #fff;
}

#performanceFv {
  width: 100%;
  max-width: initial;
  background-color: #fff;
  margin-top: 0;
  padding: 162px 12% 68px;
}
@media screen and (max-width:760px) {
  #performanceFv {
    padding: 72px 6% 85px;
  }
}

.performance__contents {
  position: relative;
  width: 100%;
  padding-bottom: 178px;
}
.performance__contents::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #eff0ec;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.performance__contents__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.performance__contents__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.performance__contents__box {
  margin-top: -90px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:760px) {
	.performance__contents {
		padding-bottom:102px;
	}
  .performance__contents__box {
    margin-top: -46px;
  }
}

.performance__items {
  width: 92%;
  max-width: 1600px;
  margin: 0 auto 56px;
  background-color: #fff;
}
.performance__items:last-child {
  margin-bottom: 0;
}
.performance__items__box {
  display: grid;
  grid-template-columns: 59% 41%;
}
@media screen and (max-width:760px) {
  .performance__items__box {
    grid-template-columns: 1fr;
  }
}
.performance__items__box img {
  width: 100%;
  height: 294px;
  -o-object-fit: cover;
     object-fit: cover;
}
.performance__items__text {
  padding: 82px 12% 82px 8%;
}
@media screen and (max-width:760px) {
  .performance__items__text {
    padding: 24px 5% 24px 5%;
  }
	.performance__items__text h2 {
		padding-bottom:10px;
	}
	.performance__items__box img {
		height:196px;
	}
}
.performance__items__text p {
  color: #60060b;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  margin-bottom: 22px;
}
@media screen and (max-width:760px) {
  .performance__items__text p {
    margin-bottom: 12px;
  }
}
.performance__items__text h2 {
  font-size: clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
  letter-spacing: 0.2em;
  padding-bottom: 20px;
  border-bottom: 2px solid #f1d8d9;
	line-height:1.4em;
}
.performance__items .performance__detail {
  position: relative;
}
.performance__items .performance__detail__contents {
  padding: 100px 10% 192px;
  display: none;
  -webkit-animation: CloseContents 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
          animation: CloseContents 0.8s cubic-bezier(0.43, 0.05, 0.17, 1);
}
@media screen and (max-width:760px) {
  .performance__items .performance__detail__contents {
    padding: 42px 5% 32px;
  }
}
.performance__items .performance__detail__contents.IsOpen {
  display: block;
  -webkit-animation: OpenContents 1.4s cubic-bezier(0.43, 0.05, 0.17, 1);
          animation: OpenContents 1.4s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.performance__items .performance__detail__contents h3 {
  font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
  letter-spacing: 0.1em;
  margin-bottom: -28px;
	line-height:1.6em;
}
@media screen and (max-width:760px) {
  .performance__items .performance__detail__contents h3 {
    margin-bottom: -10px;
  }
}
.performance__items .performance__detail__contents p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.2em;
  line-height: 2em;
  margin: 48px 0;
}
@media screen and (max-width:760px) {
  .performance__items .performance__detail__contents p {
    margin: 24px 0;
  }
}
.performance__items .performance__detail__contents img {
  width: 60%;
  height: auto;
　margin: auto;
  display: block;
/* 　margin-bottom: 112px; */
}

@media screen and (max-width:760px) {
  .performance__items .performance__detail__contents img {
/*   margin-bottom: 32px; */
  }
}
.performance__items .performance__btn {
  position: absolute;
  bottom: 0px;
  left: 0%;
	width:100%;
	height:298px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: UpDown 0.8s infinite alternate ease-in-out;
          animation: UpDown 0.8s infinite alternate ease-in-out;
  -webkit-transition: opacity 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition: opacity 0.4s cubic-bezier(0.43, 0.05, 0.17, 1);
	cursor:pointer;
}
.performance__items .performance__btn:hover {
  opacity: 0.58;
}
.performance__items .performance__btn.IsRotate img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.performance__items .performance__btn img {
	width:45px;
	height:auto;
	display:block;
	margin:0 auto;
	position: absolute;
    left: 50%;
    bottom: -16px;
}
.space {
  padding: 140px 0;
  background-color: #fff;
}

@-webkit-keyframes OpenContents {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes OpenContents {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes CloseContents {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes CloseContents {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes UpDown {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
@keyframes UpDown {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
}
#flow h2 {
  font-size: clamp(0.925rem, 0.552rem + 1.36vw, 1.875rem);
}

#flowFvText {
  width: 100%;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}
#flowFvText .flow__concept__box {
  display: inline-block;
  text-align: left;
}

.flow__img {
  position: relative;
  z-index: 2;
}
.flow__img img {
  width: 100%;
  height: auto;
  display: block;
}
.flow__img__top {
  display: grid;
  grid-template-columns: 26% 26% 26%;
  gap: 26px;
  margin-bottom: 40px;
  margin-top: -10%;
}
@media screen and (max-width:760px) {
  .flow__img__top {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width:760px) {
  .flow__img__top picture:last-child img {
    display: none;
  }
}
.flow__img__bottom {
  display: grid;
  grid-template-columns: 26% 26% 26%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 26px;
}
@media screen and (max-width:760px) {
  .flow__img__bottom {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    direction: rtl;
    gap: 0;
  }
}
@media screen and (max-width:760px) {
  .flow__img__bottom picture:last-child img {
    display: none;
  }
}

/*家が完成するまで*/
.house__flow {
	margin-bottom:184px;
}
.house__flow__title {
	background-color: #60060b;
    padding: 128px 0 192px 7%;
    width: 100%;
    margin: 0 auto 0 0;
}
.house__flow__title__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.house__flow__title h2 {
	color: #fff;
    font-size: clamp(1.75rem, 1.409rem + 1.7vw, 2.688rem);
    letter-spacing: 0.2em;
    margin-right: 54px;
}
.house__flow__title p {
    color: #fff;
    font-size: clamp(1rem, 0.932rem + 0.34vw, 1.188rem);
    letter-spacing: 0.24em;
}
.house__flow__box {
    background-color: #f9eff0;
    margin: -154px 0 0 0;
    padding: 102px 8% 0 8%;
    position: relative;
    z-index: 2;
}
.house__flow__img {
	position:relative;
	height:64vw;
	width:86%;
	margin: 0 auto;
}
.house__flow__img img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}
.house__flow__img.inview img {
-webkit-animation: comaSlide 26s linear infinite 0s forwards;
          animation: comaSlide 26s linear infinite 0s forwards;
}
.house__flow__img picture:nth-child(1) img{
	visibility:visible;
	z-index:1;
}
.house__flow__img picture:nth-child(2) img{
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.house__flow__img picture:nth-child(3) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
.house__flow__img picture:nth-child(4) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
}
.house__flow__img picture:nth-child(5) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
.house__flow__img picture:nth-child(6) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 10s;
          animation-delay: 10s;
}
.house__flow__img picture:nth-child(7) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
.house__flow__img picture:nth-child(8) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 14s;
          animation-delay: 14s;
}
.house__flow__img picture:nth-child(9) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}
.house__flow__img picture:nth-child(10) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 18s;
          animation-delay: 18s;
}
.house__flow__img picture:nth-child(11) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 20s;
          animation-delay: 20s;
}
.house__flow__img picture:nth-child(12) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 22s;
          animation-delay: 22s;
}
.house__flow__img picture:nth-child(13) img {
	visibility:hidden;
	z-index:0;
  -webkit-animation-delay: 24s;
          animation-delay: 24s;
}
@-webkit-keyframes comaSlide {
  0% {
    visibility: visible;
    z-index: 1;
  }
  12.5% {
    visibility: visible;
    z-index: 1;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}

@keyframes comaSlide {
  0% {
    visibility: visible;
    z-index: 1;
  }
  12.5% {
    visibility: visible;
    z-index: 1;
  }
  25% {
    visibility: hidden;
    z-index: 0;
  }
  100% {
    visibility: hidden;
    z-index: 0;
  }
}
@media screen and (max-width:900px) {
	.house__flow__title__flex {
		display:block;
	}
	.house__flow__title p {
		padding-top:4px;
	}
}
@media screen and (max-width:760px) {
	.house__flow {
		margin-bottom:110px;
	}
	.house__flow__title {
		padding-top:56px;
	}
	.house__flow__box {
		padding:46px 5% 0 5%;
	}
	.house__flow__img {
		height:79vw;
		width:100%;
	}
}


.flow__main {
  background-color: #eff0ec;
  padding-top: 324px;
  margin-top: -10%;
}
@media screen and (max-width:760px) {
  .flow__main {
    padding-top: 140px;
  }
}
.flow__main__title {
  background-color: #60060b;
  padding: 128px 0 192px 7%;
  width: 95%;
  margin: 0 0 0 auto;
}
@media screen and (max-width:760px) {
  .flow__main__title {
    padding-top: 56px;
    width: 97%;
  }
}
.flow__main__title__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
@media screen and (max-width:760px) {
  .flow__main__title__box {
    display: block;
  }
}
.flow__main__title__box h2 {
  color: #fff;
  font-size: clamp(1.75rem, 1.409rem + 1.7vw, 2.688rem);
  letter-spacing: 0.2em;
  margin-right: 54px;
}
.flow__main__title__box h3 {
  color: #fff;
  font-size: clamp(1rem, 0.932rem + 0.34vw, 1.188rem);
  letter-spacing: 0.24em;
}

.flow__contents {
  background-color: #f9eff0;
  margin: -160px 0 0 12%;
  padding: 124px 8% 0 8%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:760px) {
  .flow__contents {
    margin-left: 8%;
    padding: 60px 3% 0 5%;
  }
	.flow__main__title__box h3 {
		padding-top:4px;
	}
}
.flow__contents__top {
  padding-bottom: 160px;
}
@media screen and (max-width:760px) {
  .flow__contents__top {
    padding-bottom: 92px;
  }
}
.flow__contents__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border-bottom: 5px solid rgba(96, 6, 11, 0.5294117647);
  padding-bottom: 14px;
}
@media screen and (max-width:760px) {
  .flow__contents__title {
    display: block;
  }
}
.flow__contents__title h4 {
  font-size: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
  letter-spacing: 0.2em;
}
@media screen and (max-width:760px) {
  .flow__contents__title h4 {
    line-height: 1.6em;
    letter-spacing: 0.1em;
  }
}
.flow__contents__title h4 .flow-br {
  display: none;
}
@media screen and (max-width:760px) {
  .flow__contents__title h4 .flow-br {
    display: block;
  }
}
.flow__contents__title h4 span {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.flow__contents__num {
  font-size: clamp(2.25rem, 1.795rem + 2.27vw, 3.5rem);
  letter-spacing: 0.1em;
  color: rgba(96, 6, 11, 0.5294117647);
  margin-right: 4%;
}
@media screen and (max-width:760px) {
  .flow__contents__num {
    margin-right: 0;
    margin-bottom: 6px;
  }
}
.flow__contents__text {
  display: grid;
  grid-template-columns: 46% 36%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 72px;
  gap: 40px 8%;
}
@media screen and (max-width:760px) {
  .flow__contents__text {
    grid-template-columns: 1fr;
    padding-top: 24px;
  }
}
.flow__contents__text p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  line-height: 2em;
}
.flow__contents__text p:nth-child(1) {
	margin-bottom:24px;
}
.flow__contents__text p span {
  font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
  display: block;
  margin-top: 10px;
	line-height:1.6em;
}
.flow__contents__text img {
  width: 100%;
  height: auto;
}
.flow__contents__btn {
  width: 321px;
  height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:760px) {
  .flow__contents__btn {
    width: 76%;
  }
  .space {
		padding:72px 0;
	}
}
.flow__contents__btn a {
  width: 100%;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
  border: 1px solid #000;
  height: 100%;
  position: relative;
  -webkit-transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
}
.flow__contents__btn a::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f1d8d9;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.flow__contents__btn a:hover {
  border: 1px solid transparent;
  -webkit-transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  padding-right: 12px;
}
.flow__contents__btn a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.flow__contents__btn a img {
  width: 29px;
  height: 20px;
}
.flow__contents__02 {
  margin-top: 160px;
}
@media screen and (max-width:760px) {
  .flow__contents__02 {
    margin-top: 82px;
  }
}
.flow__contents__02__title {
  display: grid;
  grid-template-columns: 45% 45%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}
@media screen and (max-width:760px) {
  .flow__contents__02__title {
    grid-template-columns: 1fr;
  }
}
.flow__contents__02__title h4 {
  background-color: #fff;
  font-size: clamp(0.9rem, 0.9rem + 0.68vw, 1.625rem);
  letter-spacing: 0.2em;
  padding: 1.1em 0.1em;
}
.flow__contents__02__title h5 {
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
  letter-spacing: 0.2em;
  margin: 82px 0 28px;
  text-align: left;
}
@media screen and (max-width:760px) {
  .flow__contents__02__title h5 {
    margin-top: 48px;
    margin-bottom: 26px;
  }
}
.flow__contents__02__title .flow__02__text {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.08em;
  line-height: 2em;
  text-align: left;
  margin-bottom: 28px;
}
@media screen and (max-width:760px) {
  .flow__contents__02__left {
    margin-bottom: 48px;
  }
}
.flow__contents__02__left h4 {
  position: relative;
}
@media screen and (max-width:760px) {
  .flow__contents__02__left h4::before {
    content: "土地をお持ちの方は2へ";
    position: absolute;
    width: 100%;
    bottom: -22px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 12px;
    letter-spacing: 0.08em;
  }
}
.flow__contents__02__left .flow__border {
  width: 8px;
  background-color: #fff;
  height: 105%;
  margin: 0 auto;
}
@media screen and (max-width:760px) {
  .flow__contents__02__left .flow__border {
    display: none;
  }
}
.flow__contents__02__right .flow__border {
  width: 8px;
  background-color: #fff;
  height: 80px;
  margin: 82px auto 0;
  position: relative;
}
@media screen and (max-width:760px) {
  .flow__contents__02__right .flow__border {
    display: none;
  }
}
.flow__contents__02__right .flow__border::before {
  content: "";
  height: 8px;
  background-color: #fff;
  width: 40vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width:760px) {
  .flow__contents__02__right .flow__border::before {
    display: none;
  }
}
@media screen and (max-width:760px) {
  .flow__contents__03 h4 {
    line-height: 1em;
    padding-top: 4px;
  }
}
@media screen and (max-width:760px) {
  .flow__contents__03 h4 span {
    display: block;
    line-height: 0.8em;
    margin-left: -8px;
  }
}
.flow__contents__05 .flow__contents__text img {
  display: block;
  margin-top: -160px;
}
@media screen and (max-width:760px) {
  .flow__contents__05 .flow__contents__text img {
    margin-top: 0;
  }
}
.flow__contents__08 .flow__contents__detail__img img {
	height:21vw;
	object-fit:cover;
}
.flow__contents__10 .flow__contents__btn {
  margin-left: 7.9vw;
  margin-top: 68px;
}
@media screen and (max-width:760px) {
	.flow__contents__08 .flow__contents__detail__img img {
		height:60vw;
	}
  .flow__contents__10 .flow__contents__btn {
    margin-left: 0;
    width: 88%;
    margin-top: 36px;
  }
}
.flow__contents__detail {
  padding-top: 72px;
  padding-left: 7.9vw;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  letter-spacing: 0.1em;
  line-height: 2em;
}
@media screen and (max-width:760px) {
  .flow__contents__detail {
    padding-left: 0;
    padding-top: 24px;
  }
}
.flow__contents__detail__img {
  margin-top: 60px;
  display: grid;
  grid-template-columns: 45% 45%;
	gap:6%;
  padding-left: 7.9vw;
  justify-content:center;
}
@media screen and (max-width:760px) {
  .flow__contents__detail__img {
    grid-template-columns: 1fr;
    padding-left: 0;
    margin-top: 24px;
    gap: 16px;
  }
}
.flow__contents__detail__img img {
  width: 100%;
  height: 21vw;
	object-fit:cover;
}
.flow__contents__bottom {
  background-color: #fff;
  margin: 0 0 0 12%;
  padding: 124px 8% 100px 8%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width:760px) {
  .flow__contents__bottom {
    padding-top: 82px;
    padding-bottom: 40px;
  }
	.flow__contents__detail__img img {
		height:60vw;
	}
}

.flow__img__02 {
  width: 272px;
  height: auto;
  display: block;
  margin: 52px 0 -42px auto;
}
@media screen and (max-width:1200px) {
  .flow__img__02 {
    margin-bottom: -23px;
    width: 253px;
  }	
}
@media screen and (max-width:760px) {
  .flow__img__02 {
    margin-bottom: -36px;
    width: 210px;
  }
}

.mb-120 {
  margin-bottom: 120px;
}
@media screen and (max-width:760px) {
  .mb-120 {
    margin-bottom: 56px;
  }
}

.onerous {
  background-color: #60060b;
  width: 95%;
  margin: -46px 0 -46px auto;
  position: relative;
  z-index: 1;
}
.onerous p {
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  color: #fff;
  padding: 68px 0 68px 16%;
  letter-spacing: 0.1em;
}

.flow__bottom__bg {
  background-color: #60060b;
  width: 95%;
  margin: -194px 0 0 auto;
  padding: 234px 8% 124px 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:760px) {
  .flow__bottom__bg {
    margin: -126px 0 0 auto;
    padding: 151px 2% 68px 0;
  }
}
.flow__bottom__bg p {
  font-size: clamp(1rem, 0.932rem + 0.34vw, 1.188rem);
  letter-spacing: 0.24em;
  color: #fff;
  text-align: right;
}
.flow__bottom__bg__img {
  width: 100%;
  height: 624px;
}
@media screen and (max-width:760px) {
  .flow__bottom__bg__img {
    height: 200px;
  }
}
.flow__bottom__bg__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.space-box-02 {
  background-color: #fff;
  height: 242px;
}
@media screen and (max-width:760px) {
  .space-box-02 {
    height: 98px;
  }
}

#moneyFv {
  width: 100%;
  max-width: initial;
  background-color: #fff;
  margin-top: 0;
  padding: 22vh 12% 68px;
}
@media screen and (max-width:760px) {
  #moneyFv {
    padding: 72px 6% 85px;
  }
}
@media screen and (max-width:760px) {
  #moneyFv .page__fv__inner h2 {
    font-size: 16px;
    letter-spacing: 0.2em;
  }
}

#moneyConcept {
  height: 1800px;
}

#moneyCts01 {
  margin-top: -96px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width:760px) {
	#moneyConcept {
		height:auto;
	}
	#moneyConcept .page__concept__container {
		padding-bottom:126px;
	}
  #moneyCts01 {
    margin-top: -46px;
  }
}

#moneyCts03 .money__cts__img {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

#moneyCts04 {
  grid-template-columns: 1fr;
}
#moneyCts04 .money__cts__p {
  margin-right: 0;
}

.money__cts {
  width: 95%;
  background-color: #fff;
  margin: 0 auto 120px;
  display: grid;
  grid-template-columns: 70% 30%;
  padding: 60px;
  max-width: 1620px;
}
@media screen and (max-width:1200px) {
  .money__cts {
    grid-template-columns: 65% 35%;
  }
}
@media screen and (max-width:940px) {
  .money__cts {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width:760px) {
  .money__cts {
    padding: 40px 5%;
    margin-bottom: 72px;
  }
}
.money__cts__text {
  padding-top: 24px;
}
@media screen and (max-width:940px) {
  .money__cts__text {
    padding-top: 0;
  }
}
.money__cts__text .performance__items__text {
  padding: 0;
  margin-bottom: 56px;
}
@media screen and (max-width:940px) {
  .money__cts__text .performance__items__text {
    margin-bottom: 40px;
  }
}
@media screen and (max-width:760px) {
  .money__cts__text .performance__items__text {
    margin-bottom: 32px;
  }
}
.money__cts__p {
  margin-right: 5%;
}
@media screen and (max-width:940px) {
  .money__cts__p {
    margin-right: 0;
  }
}
.money__cts__p p {
  letter-spacing: 0.2em;
  font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
  line-height: 2em;
  margin-bottom: 28px;
}
.money__cts__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width:940px) {
  .money__cts__img img {
    height: 462px;
  }
}
@media screen and (max-width:760px) {
  .money__cts__img img {
    height: auto;
  }
}

#simulation-scroll {
  bottom: 0;
  top: 459px;
  z-index: 2;
}

#simulation {
  height: 826px;
  margin-bottom: 162px;
}

#simulationContainer {
  height: 100%;
}
#simulationContainer::before {
  background-color: rgba(255, 255, 255, 0.51);
}
#simulationContainer::after {
  display: none;
}

.test-text {
  font-size: clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
  text-align: center;
  letter-spacing: 0.2em;
  margin-top: 56px;
}

/*******魅せますページ********/
/**魅せますココンセプト**/
#smoothGallery {
	padding-bottom:482px;
}
.gallery__posts {
	position:absolute;
	right:0;
	width:100%;
	display: grid;
   grid-template-columns: 20% 20% 20% 20%;
	justify-content: flex-end;
	gap:0 24px;
	z-index:4;
}
.gallery__posts::after {
	content:"";
	 background-color:#f9eff0;
    width: 96%;
    height: 66%;
    position: absolute;
    z-index: -8;
    bottom: -20px;
	right:0;
}
.gallery__posts__item a:hover .gallery__posts__img {
	background-color:#d88d94;	
}
.gallery__posts__item a:hover .gallery__posts__img::before {
	opacity:1;
	visibility:visible;
}
.gallery__posts__item img {
	width:100%;
	height:14vw;
	object-fit:cover;
}
.gallery__posts__img {
	position:relative;
	padding: 42px 6px 6px;
	transition: background-color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1);
}

.gallery__posts__img::before {
	content:"ORDER HOUSING";
	font-family:"Yu Gothic Pr6N B";
	color:#fff;
	position:absolute;
	top:13px;
	left:14px;
	letter-spacing:0.1em;
	opacity:0;
	visibility:hidden;
}
.gallery__posts__item h4 {
	letter-spacing:0.01em;
	margin:24px 0;
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
}
.gallery__posts__ctg {
	font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	margin-bottom:16px;
	color:#898989;
}
.gallery__posts__tag p {
	display:flex;
	flex-wrap:wrap;
}
.gallery__posts__tag p a[rel] {
   color:#898989;
	 font-size:clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
	border:1px solid #898989;
	display:block;
	padding:4px 6px;
	margin:0 8px 8px 0;
		transition: background-color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1), color 0.2s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.gallery__posts__tag p a[rel]:hover {
	background-color:#898989;
	color:#fff;
}
#smoothGallery .contents__box__btn {
	position:absolute;
   bottom: -124px;
   right: 42px;
}
/**魅せますのスライド**/
.fascinate-swiper {
	width:100%;
	position:absolute;
	bottom:-800px;
}
.fascinate-swiper .swiper-slide img {
	width:100%;
	height:450px;
	object-fit:cover;
}
.fascinate-swiper .swiper-wrapper {
  transition-timing-function: linear;
}
/**魅せますのお客様の声**/
#smoothInterview {
	grid-area: smoothFlow;
    position: relative;
    height: 2875px
}
#smoothInterview .smoothFlow__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    clip: rect(auto, auto, auto, auto);
	margin-top:684px;
}
#smoothInterview .smoothFlow-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
}
#smoothInterview .smoothFlow-bg img {
	width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}
#smoothInterview .smoothFlow-text {
	position: absolute;
    bottom: 0;
    left: 0;
	top:0;
    width: 100%;
    padding-top: 30vh;
    padding-bottom: 30vh;
    padding-left: 24.7%;
}
#smoothInterview .smoothFlow-text::before {
	    content: "";
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0.95;
}
#smoothInterview .contents___box__sub {
	position:relative;
}
#smoothInterview .smoothFlow__inner .smoothFlow-text h2 {
    position: relative;
    line-height: 1.6em;
}
#smoothInterview .smoothFlow__inner .smoothFlow-text p {
    position: relative;
}
.interview__posts {
	display:grid;
	grid-template-columns:46% 46%;
	gap:0 40px;
	position:relative;
	margin-bottom:82px;
}
.interview__posts__item a {
  transition: opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.interview__posts__item a:hover {
	opacity:.7;
}
.interview__posts__item a:hover  .interview__posts__img img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.interview__posts__item h4 {
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	letter-spacing:0.1em;
	margin:32px 0 14px;
}
.interview__posts__img {
	overflow:hidden;
}
.interview__posts__img img{
	width:100%;
	height:24vw;
	max-height:560px;
	object-fit:cover;
	transition: transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.interview__posts__tag p {
	color:#898989;
	font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}
/*魅せますアフターサポート***/
#smoothSupport {
	position:relative;
	margin-top:196px;
}
.support-house {
	width:365px;
	height:auto;
	position:absolute;
    top: -40px;
    right: 5%;
}
#smoothSupport::before {
	  content: "";
    background: #f9eff08f;
    width: 200%;
    height: 100%;
    position: absolute;
    right:0;
    top: 0;
    display: block;
    opacity: 0.95;
}
#smoothSupport h2 {
	margin-bottom:56px;
}
#smoothSupport h3 {
	position:relative;
	font-size:clamp(1.125rem, 0.966rem + 0.8vw, 1.563rem);
	margin-bottom:24px;
}
.support__cts {
	grid-template-columns:1fr;
}
.support__cts .money__cts__p {
	margin-right:0;
}
.money__cts__p .line-btn {
	margin-bottom:0;
	margin-top:42px;
}
.line-btn {
	text-align:center;
	width:284px;
}
.line-btn a {
	color:#fff;
	line-height:56px;
	background-color:#d88d94;
	display:block;
	border:2px solid transparent;
	transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}
.line-btn a:hover {
	background-color:#fff;
	color:#d88d94;
	border-color:#d88d94;
}
.support__btn__box {
	display:grid;
	grid-template-columns:321px 321px 321px;
	justify-content:space-between;
	margin-top:42px;
}
.support__btn__box__link {
	height:52px;
	margin:0;
}
.support__btn__box__link__02 a {
	line-height:18px;
}
.support__btn__box__link span {
	font-size:12px;
	display:block;
}
.support__others__cts {
	background-color:#fff;
	padding:142px 0 182px;
}
.support__others__cts__inner {
	width:95%;
	max-width:1620px;
	margin:0 auto;
	display:grid;
	grid-template-columns: 31% 31% 31%;
	justify-content:space-between;
}
.support__others__cts__inner article img {
	width:100%;
	height:auto;
}
.support__others__cts__text {
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	color:#60060b;
	letter-spacing:0.1em;
	margin:24px 0 18px;
}
.support__others__cts__inner article {
	margin-bottom:72px;
}
.support__others__cts__inner article h4 {
	font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	letter-spacing:0.1em;
	border-bottom:2px solid #f1d8d9;
	padding-bottom:8px;
}
/**魅せますスタッフブログスライド**/
.blog-slide {
	background-color:#fff;
	position:relative;
	padding:200px 0 240px;
}
.blog-slide__title {
	width:75%;
	margin:0 0 0 auto;
}
.blog-slide__title p {
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	letter-spacing:0.1em;
}
.blog-slide__title h2 {
	font-size:clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
	letter-spacing:0.12em;
	margin:24px 0 40px;
}
#swiperBlog {
	width:90%;
	margin:0 0 0 auto;
	position:relative;
}
#swiperBlog .swiper-wrapper img {
	width:100%;
	height:21.38vw;
	max-height: 524px;
	object-fit:cover;
	transition: transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.blog__post__img {
	overflow:hidden;
}
.blog__post a {
	display:block;
	transition: opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.blog__post a:hover .blog__post__img img {
	  -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.blog__post a:hover {
	opacity:.6;
}
.blog__post__time {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	color:#898989;
	margin:24px 0 18px;
}
.blog__post h4 {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	letter-spacing:0.01em;
	padding-bottom:40px;
}
#swiperBlog .swiper-pagination-progressbar {
	position:absolute;
	top:auto;
	bottom:0;
	height:5px;
}
.swiper-pagination-progressbar {
	background-color:#f1d8d9;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color:#d88d94;
}
.blog-slide .contents__btn {
	margin: 92px 3% 0 auto;
}
.contents__btn {
     width: 321px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.contents__btn a {
	    width: 100%;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    border: 1px solid #000;
    height: 100%;
    position: relative;
    -webkit-transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
}
.contents__btn a:before {
	content: "";
    width: 100%;
    height: 100%;
    background-color: #f1d8d9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.contents__btn a:hover {
  border: 1px solid transparent;
  -webkit-transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
  padding-right: 12px;
}
.contents__btn a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
  transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
/**魅せますスタッフ紹介**/
.staff {
	background-color:#fff;
	padding-bottom:300px;
}
.staff__inner {
	background-color:#eff0ec;
	width:82%;
	margin:0 0 0 auto;
	padding:5.7em 3.7em 5.7em 5.7em ;
}
.staff__title p{
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
   letter-spacing: 0.1em;
}
.staff__title h2 {
    font-size: clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
    letter-spacing: 0.12em;
    margin: 24px 0 40px;
}
.staff__box {
	display:flex;
}
.staff__box .staff-img {
	max-width:644px;
	height:auto;
	margin-bottom: -142px;
    margin-left: -222px;
}
.staff__box__text__p {
	font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	letter-spacing:0.1em;
	line-height:1.8em;
	margin-bottom:68px;
}
.support__concept {
	width:830px;
}

/**魅せますレスポンシブ**/
/**min-1460px**/
@media screen and (min-width:1460px) {
	.support-house {
		width:462px;
	}
} 
/**max-1260px**/
@media screen and (max-width:1260px) {
	.staff__inner {
		padding-right:0.7em;
	}
	.staff__box .staff-img {
		width:50vw;
	}
	.support__btn__box {
		grid-template-columns:321px;
	}
} 
/**max-1024px**/
@media screen and (max-width:1024px) {
	.gallery__posts {
		gap: 24px 12px;
		grid-template-columns:37% 37%;
	}
	.gallery__posts__item img {
		height:24vw;
	}
	.gallery__posts__img {
		padding-top:26px;
	}
	.gallery__posts__img::before {
		font-size:12px;
		top:7px;
	}
	.gallery__posts::after {
		height:80%;
	}
	.fascinate-swiper .swiper-slide img {
		height:326px;
	}
	.fascinate-swiper {
		bottom:-578px;
	}
	#smoothInterview .smoothFlow__inner {
		margin-top:812px;
	}
	.staff__inner {
		width:80%;
	}
}
/**max-940px**/
@media screen and (max-width:940px) {
	.support__others__cts__inner {
		grid-template-columns:48% 48%;
	}
}
/**max-840px**/
@media screen and (max-width:840px) {
	.support__concept {
	width:94%;
}
}
/**max-760px**/
@media screen and (max-width:760px) {
	#simulation {
		height:auto;
		margin-bottom:82px;
	}
	#smoothGallery {
		padding-top:102px;
	}
	.convey__contents .contents__box__text {
		margin-bottom:18px;
		line-height:2em;
	}
	.gallery__posts {
		grid-template-columns:48% 48%;
	}
	.gallery__posts::after {
		height:90%;
		width:94%;
	}
	.gallery__posts__item h4 {
		margin:12px 0;
	}
	#smoothGallery .contents__box__btn {
		right:initial;
		left:3%;
	}
	.gallery__posts__item img {
		height:30vw;
	}
	.fascinate-swiper .swiper-slide img {
		height:156px;
	}
	.fascinate-swiper {
		bottom:-364px;
	}
	#smoothInterview {
		height:1858px;
	}
	#smoothInterview .smoothFlow__inner {
		margin-top:514px;
	}
	#smoothInterview .smoothFlow-text {
		padding:148px 0;
	}
	.interview__posts {
		grid-template-columns:1fr 1fr;
		gap:12px;
		margin-bottom:52px;
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}
	#smoothInterview .smoothFlow__inner .smoothFlow-text p {
		margin-left:3%;
	}
	#smoothInterview .smoothFlow__inner .smoothFlow-text h2 {
		margin-left:3%;
	}
	.support-house {
		width:200px;
	}
	.convey__contents #smoothSupport.contents__box {
		padding-left:0%;
		margin-top:86px;
		padding-top:102px;
		padding-bottom:82px;
	}
	#smoothSupport h3 {
		margin-left:3%;
	}
	#smoothSupport h2 {
		margin-bottom:32px;
	}
	#smoothSupport h3 {
		margin-bottom:16px;
	}
	.blog-slide {
		padding-top:34px;
		padding-bottom:96px;
	}
	.blog-slide__title {
		width:98%;
	}
	#swiperBlog {
		width:98%;
	}
	#swiperBlog .swiper-wrapper img {
		height:38.38vw;
	}
	.blog__post__time {
		margin:14px 0 8px;
	}
	.blog__post h4 {
		padding-bottom:18px;
	}
	.blog-slide .contents__btn {
		 width:94%;
		margin-top:62px;
	}
	.staff__inner {
		width:95%;
		padding-left:1.2em;
		padding-top:4.7em;
		padding-bottom:4.7em;
	}
	.staff__box {
		flex-direction:column-reverse;
	}
	.contents__btn {
		width:94%;
	}
	.staff__title h2 {
		margin:16px 0 24px;
		line-height:1.4em;
	}
	.staff__box__text__p {
		margin-bottom:46px;
	}
	.staff__box .staff-img {
		margin-left:initial;
		width:100%;
	}
	.staff {
		padding-bottom:162px;
	}
	.support__btn__box__link {
		width:100%;
	}
	.support__btn__box {
		grid-template-columns:1fr;
	}
	.support__others__cts__inner {
		grid-template-columns:1fr;
	}
	.support__others__cts {
		padding:72px 0 56px;
	}
	.support__others__cts__inner article {
		margin-bottom:52px;
	}
} 
/**アフターサポート**/
.support-contents {
	padding-top:180px;
	padding-bottom:120px;
}
/**max-760px**/
@media screen and (max-width:760px) {
	.support-contents {
		padding-top:82px;
		padding-bottom:16px;
	}
}
/**スタッフ紹介ブログ**/
.page__staff__cts {
	padding:160px 0;
}
.page__staff__cts__inner {
	width:84%;
	margin:0 auto;
}
.page__staff__cts__sub {
	font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	letter-spacing:0.1em;
}
.page__staff__cts__title {
	font-size:clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
	letter-spacing:0.12em;
	margin:24px 0 62px;
}
.page__staff__cts__items {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	gap:0 3%;
}
.page__staff__cts__items article {
	margin-bottom:146px;
}
.page__staff__cts__items article img {
	width:100%;
	height:auto;
}
.staff__position {
	font-size:14px;
	color:#60060b;
	letter-spacing:0.01em;
	margin-top:26px;
}
.staff__name {
	font-size:22px;
	letter-spacing:0.1em;
	margin:16px 0 8px;
}
.staff__sub__name {
	font-size:12px;
	letter-spacing:0.1em;
}
.page__staff__cts__items article table {
	margin-top:32px;
}
.page__staff__cts__items article table th {
	font-size:14px;
	white-space:nowrap;
	color:#60060b;
	text-align-last: justify;
	width:42px;
	padding-bottom:12px;
}
.page__staff__cts__items article table td {
	font-size:14px;
	letter-spacing:0.01em;
	padding-left:8px;
}
.staff__page__blog .blog-slide__title {
	width:84%;
	margin:0 auto 52px;
}
.staff__page__blog #swiperBlog {
	width:92%;
}
/**max-1100px**/
@media screen and (max-width:1100px) {
	.page__staff__cts__items {
		grid-template-columns:1fr 1fr 1fr 1fr;
	}
}
/**max-760px**/
@media screen and (max-width:760px) {
	.staff__page__blog .blog-slide{
		 padding-top:0;
	}
	.staff__page h1 {
		font-size:clamp(1.2rem, 0.977rem + 2.61vw, 3.438rem);
	}
	.staff__page h2 {
		font-size:clamp(0.825rem, 0.452rem + 1.36vw, 1.875rem);
	}
	.real__fv h1 {
		font-size:clamp(1.2rem, 1.377rem + 2.61vw, 3.438rem);
	}
	.page__staff__cts__items {
		grid-template-columns:1fr 1fr;
	}
	.page__staff__cts__inner {
		width:94%;
	}
	.page__staff__cts {
		padding:92px 0 40px;
	}
	.page__staff__cts__title {
		margin:16px 0 32px;
	}
	.page__staff__cts__items article {
		margin-bottom:42px;
	}
	.staff__position {
		margin-top:18px;
	}
	.staff__name {
		margin:14px 0 6px;
		font-size:18px;
	}
	.page__staff__cts__items article table {
		margin-top:22px;
	}
	.page__staff__cts__items article table th,
	.page__staff__cts__items article table td {
		display:block;
	}
	.page__staff__cts__items article table th {
		padding-bottom:4px;
	}
	.page__staff__cts__items article table td {
		padding-left:0px;
		padding-bottom:12px;
	}
	.staff__page__blog .blog-slide__title {
		width:92%;
	}
	.staff__page__blog #swiperBlog {
		width:95%;
	}
}
/**会社概要**/
.company__cts {
	width: 78%;
    background-color: #fff;
    margin: -120px auto 0;
    padding:  110px 96px;
    max-width: 1620px;
	position:relative;
	z-index:1;
}
.company__cts .company__title {
	font-size:clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
	letter-spacing:0.12em;
	margin-bottom:124px;
}
.company__table {
	width:100%;
}
.company__table tr:last-child th,
.company__table tr:last-child td {
	border-bottom:1px solid #f1d8d9;
}
.company__table th,
.company__table td {
	font-size:15px;
	border-top:1px solid #f1d8d9;
	line-height:2em;
}
.company__table th {
	text-align-last:justify;
	width:100px;
	padding:32px 26px;
}
.company__table td {
	padding:36px 0 32px 12%;
}
.map {
	width:90%;
	margin:0 auto;
}
.map iframe {
	width:100%;
}
.company__cts__02 {
	margin-top:0;
	padding-top:182px;
	padding-bottom:232px;
}
.company__cts__02 .company__table th {
	width:118px;
}
/**max-1000px**/
@media screen and (max-width:1000px) {
	.company__cts {
		padding:110px 56px;
	}
}
/**max-760px**/
@media screen and (max-width:760px) {
	#Company .page__concept__container {
		padding-top:132px;
		padding-bottom:112px;
	}
	.company__cts {
		padding:64px 24px;
	}
	.company__cts .company__title {
		margin-bottom:46px;
	}
	.company__cts {
		margin-top:-32px;
		width:88%;
	}
	.company__table th, 
	.company__table td {
		display:block;
		width:100%;
	}
	.company__table th {
		text-align-last:initial;
		padding:18px 12px 4px;
	}
	.company__table td {
		padding:0px 12px 18px;
		border-top:none;
	}
	.company__table tr:last-child th, .company__table tr:last-child td {
		border-bottom:none;
	}
	.map {
		width:100%;
	}
	.company__cts__02 {
		margin-top:0;
	}
	.company__cts__02 .company__table th {
		width:100%;
	}
} 
/**オーナーズページ**/
#ownersFv .concept__scroll {
	bottom:initial;
}
#owners {
	height:72vh;
}
.owners__cts {
	width:90%;
	margin: 0 auto;
	padding:246px 0;
	text-align:center;
}
.pass-text {
	font-size:20px;
	letter-spacing:0.1em;
	margin-bottom:40px;
}
.post_password {
	margin:16px 0;
	font-size:12px;
}
.post_password input {
border:1px solid #000;
text-align:left;
	padding:8px;
	font-size:16px;
}
/**実現します**/
.cometrue__nav {
	padding:146px 0 246px;
}
.cometrue__nav__inner {
	width:90%;
	max-width:1620px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:0 auto;
}
.cometrue__nav__item {
	position:relative;
	overflow:hidden;
	width:33%;
	cursor:pointer;
}
.cometrue__nav__item::before {
	  content:"";
	  position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    z-index: 7;
    border: 2px solid #fff;
	opacity:0;
	transition: top .6s cubic-bezier(0.43, 0.05, 0.17, 1), bottom .6s cubic-bezier(0.43, 0.05, 0.17, 1), left .6s cubic-bezier(0.43, 0.05, 0.17, 1), right .6s cubic-bezier(0.43, 0.05, 0.17, 1),opacity .6s cubic-bezier(0.43, 0.05, 0.17, 1);
	pointer-events:none;
}
.cometrue__nav__item a {
	outline-width:0;
	display:block;
	position:relative;
	z-index:6;
}
.cometrue__nav__item:hover::before{
	 top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    opacity: 1;
}
.cometrue__nav__item:hover .cometrue__nav__img {
	opacity:0;
		  -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.cometrue__nav__item:hover .cometrue__nav__img__hover {
	  -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.cometrue__nav__img {
	  position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
	transition:transform .6s cubic-bezier(0.43, 0.05, 0.17, 1),opacity .6s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.cometrue__nav__img__hover {
	 position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: auto;
	transition:transform .6s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.cometrue__nav__text__box {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	z-index:4;
}
.cometrue__nav__text__box::after {
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#824a5182;
	z-index:3;
}
.cometrue__nav__text__box p {
	position:relative;
	z-index:5;
	color:#fff;
	letter-spacing:0.1em;
	text-align:center;
}
.cometrue__nav__text__menu {
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	margin-bottom:10px;
}
.cometrue__nav__text__sub {
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	line-height:1.4em;
}
.cometrue__cts {
	padding-bottom:320px;
}
.cometrue__cts__item {
	display:flex;
}
.cometrue__cts__item:nth-child(even) {
	flex-direction:row-reverse;
	margin:120px 0;
}
.cometrue__cts__text__box {
	width:60%;
	display:flex;
	justify-content:center;
	flex-direction:column;
	padding:0 7%;
}
.cometrue__cts__text__box h2 {
	font-size:clamp(1.5rem, 1.273rem + 1.14vw, 2.125rem);
	letter-spacing:0.12em;
}
.cometrue__cts__text {
	font-size:14px;
	letter-spacing:0.1em;
	line-height:2em;
	margin:4em 0;
}
.cometrue__btn {
	width: 321px;
    height: 41px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.cometrue__btn a {
	width: 100%;
    font-size: clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    border: 1px solid #000;
    height: 100%;
    position: relative;
    -webkit-transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: border 0.6s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    z-index: 1;
}
.cometrue__btn a:before {
	content: "";
    width: 100%;
    height: 100%;
    background-color: #f1d8d9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.3s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.cometrue__btn a:hover {
	border: 1px solid transparent;
    -webkit-transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: border 0.3s cubic-bezier(0.16, 0.5, 0.43, 1), padding 0.6s cubic-bezier(0.16, 0.5, 0.43, 1);
    padding-right: 12px;
}
.cometrue__btn a:hover::before {
	-webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
    transition: transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1), -webkit-transform 0.4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.cometrue__cts__img {
	width:100%;
	max-width:841px;
	height:auto;
}
/**max-1240px**/
@media screen and (max-width:1240px) {
	.cometrue__nav__inner {
		width:95%;
	}
}
/**max-760px**/
@media screen and (max-width:760px) {
	.owners__cts {
		padding:132px 0;
		width:96%;
	}
	.pass-text {
		font-size:16px;
	}
	.post_password input[name="post_password"] {
		width:50%;
	}
	.cometrue__nav {
		padding:62px 0 72px;
	}
	.cometrue__nav__item {
		width:100%;
	}
	.cometrue__cts__item {
		display:block;
	}
	.cometrue__cts__text__box {
		width:100%;
		padding:0 3%;
		margin-bottom:56px;
	}
	.cometrue__cts__text {
		margin:1.4em 0 2em;
	}
	.cometrue__cts__item:nth-child(even) {
		margin:82px 0;
	}
	.cometrue__btn {
		width:100%;
	}
	.cometrue__cts {
		padding-bottom:142px;
	}
}
/**新築・建替え**/
.new__concept {
	height:1000px;
}
.new__concept__text__box {
	position:absolute;
	top:0;
	left:50%;
	transform:translatex(-50%);
	width:80%;
	height:100%;
	background-color:#ffffffc2;
	display:flex;
	justify-content:center;
	align-items:center;
}
.new__concept__text {
	font-size:16px;
	letter-spacing:0.1em;
	line-height:2.2em;
	padding:0 14%;
}
.new__contents {
	padding-top:120px;
}
.new-sub-text {
	color:#60060b;
	font-size:16px;
	letter-spacing:0.1em;
	padding-left:7%;
}
.new__contents .performance__contents__box {
	margin-top:0px;
}
.new__contents .performance__items .performance__detail__contents {
	padding-bottom:124px;
}
.new__contents .performance__items .performance__detail__contents img {
	margin-bottom:0;
}
/**リフォームリノベーション**/
.before__after__hover {
	position:relative;
	margin-top:72px;
	padding-bottom:62px;
}
.before__after__img__box {
	width:70%;
	margin: 0 auto;
	position:relative;
	cursor:pointer;
	transition: opacity .4s ease;
}
.before__after__img__box p {
	margin:0;
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	letter-spacing:0.2em;
	width:290px;
	line-height:67px;
	position:absolute;
	top:50%;
	transform:translatey(-50%);
	padding:0 16px;
}
.before__img__box {
	z-index: 3;
}
.before__img__box:hover {
	opacity:0;
}
.before__img__box:hover ~ .after__img__box {
	opacity:1;
}
.after__img__box {
	position:absolute;
	top:0;
	left:50%;
	transform:translatex(-50%);
	z-index:2;
	opacity:0;
}
.before__text {
	background-color:#d88d94cf;
	left:-160px;
}
.after__text {
	background-color:#f1d8d9d6;
	text-align:right;
	right:-160px;
}
.before__after__img__box img {
	width:100%;
	height:auto;
}
.before__after__hover__05 {
	display:grid;
	grid-template-columns:48% 48%;
	justify-content:space-between;
}
.before__after__hover__05 .before__img__box {
	pointer-events:none;
	width:100%;
	position:relative;
}
.before__after__hover__05 .before__img__box .before__text {
	left:0;
	top:33px;
}
.before__after__hover__05 .after__img__box {
	position:initial;
	opacity:1;
	pointer-events:none;
	width:100%;
	transform:initial;
}
.before__after__hover__05 .after__img__box .after__text {
	top:33px;
	right:initial;
	left:initial;
	text-align:left;
}
.reform__cts__04 .money__cts__p {
   width:70%;
	max-width:698px;
	margin: 0 auto;
}
.before__after__hover__04 {
	padding:0;
	margin:0;
}
.before__after__hover__04 .before__after__img__box {
	width:100%;
}
.before__after__hover__04 .before__text {
	top:-35px;
	left:50%;
	transform:translatex(-50%);
	text-align:center;
}
.before__after__hover__04 .after__text {
	top:initial;
	bottom:-35px;
	left:50%;
	transform:translatex(-50%);
	text-align:center;
}
/**外構**/
.style__img__box {
   display:grid;
	grid-template-columns:48% 48%;
	justify-content:space-between;
}
.style__img__box img{
   display:block;
	width:100%;
	height:auto;
}

/**max-1024px**/
@media screen and (max-width:1024px) {
	.before__after__img__box {
		pointer-events:none;
		width:85%;
	}
	.before__img__box {
		margin-bottom:32px;
	}
	.after__img__box {
		position:relative;
		opacity:1;
		transform:initial;
		left:0;
	}
	.before__after__img__box p {
		top:33px;
	}
	.before__text {
		left:0;
		transform:initial;
	}
	.after__text {
		right:0;
		transform:initial;
	}
	.reform__cts__04 .money__cts__p {
		width:100%;
	}
	.before__after__hover__04 {
		margin-top:72px;
	}
	.before__after__hover__04 .after__text {
		top:0;
		bottom:initial;
		width:70%;
	}
	.before__after__hover__04 .before__text {
		top:0;
		width:70%;
	}
}
/**不動産情報**/
.real__contents {
	padding:152px 0 0;
}
.real__contents__inner {
	width:90%;
	max-width:1680px;
	margin:0 auto;
}
.real__category__title {
	font-size:clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
	color:#fff;
	background-color:#898989;
	width:294px;
	text-align:center;
	padding:.4em 1em;
	margin-bottom:72px;
}
.real__category__grid {
   display:grid;
	grid-template-columns:31% 31% 31%;
	justify-content:space-between;
}
.real__item {
	margin-bottom:42px;
}
.real__item a {
	display:block;
	transition:opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-opacity 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.real__item a:hover .real__item__img img {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.real__item a:hover {
	opacity:.6;
}
.real__item__img {
	overflow:hidden;
}
.real__item img{
	width:100%;
	height:auto;
	transition:transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1), -webkit-transform 0.5s cubic-bezier(0.43, 0.05, 0.17, 1);
}
.real__item h2 {
font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	letter-spacing:0.1em;
	margin:32px 0 18px;
	border-bottom:2px solid #f1d8d9;
	padding-bottom:18px;
}
.real__item__field p {
	font-size:14px;
	letter-spacing:0.1em;
	margin-bottom:6px;
}
.real__contents_category__02 {
	margin-top:182px;
}
.real__category__container {
	width:80%;
	margin:0 auto;
}
/**プライバシーポリシー**/
.privacy__fv {
	text-align:center;
}
.privacy__contents {
	margin:52px 0 300px;
}
.privacy__contents__inner {
	width:70%;
	margin:0 auto;
}
.privacy__contents__inner p {
	font-size:16px;
	letter-spacing:0.1em;
	line-height:2em;
	word-wrap: break-word;
}
.privacy__contents__inner p a {
	transition:opacity .3s ease;
}
.privacy__contents__inner p a:hover {
	opacity:0.6;
}
.privacy__top__bottom {
	margin-bottom:82px;
}
.privacy__text__box {
	margin-bottom:82px;
}
.privacy__text__box p {
	margin-bottom:24px;
}
.privacy__text__box h3{
	font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	letter-spacing:0.24em;
	margin-bottom:24px;
	line-height:1.6em;
}
/**家は住みごこち**/
.home__concept__message {
	height:1056px;
}
.home__ceo__message {
	display:block;
	left:0;
	transform:initial;
	width:60%;
	padding:142px 6% 92px;
}
.home__ceo__message h3 {
	font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	letter-spacing:0.01em;
	line-height:1.6em;
	margin:32px 0;
}
.home__ceo__message h4 span {
	font-size:16px;
	letter-spacing:0.1em;
	padding-right:24px;
}
.home__ceo__message h4 {
	font-size:18px;
	letter-spacing:0.1em;
	margin-bottom:62px;
}
.home__ceo__text {
	letter-spacing:0.01em;
	line-height:2em;
	margin-bottom:46px;
}
.home__cts {
	padding:320px 0 182px;
}
.home__cts__inner h2 {
	font-size:clamp(2rem, 1.477rem + 2.61vw, 3.438rem);
	text-align:center;
}
.home__cts__conteiner {
	background-color:#f1d8d9;
	position:relative;
	margin-top:312px;
}
.home__cts__conteiner::before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(241 216 217 / 0%)), to(rgb(243 214 215)));
    background: linear-gradient(to bottom, rgb(241 216 217 / 0%), rgb(243 214 215));
    width: 100%;
    height: 430px;
    position: absolute;
    left: 0;
    bottom: 100%;
    display: block;
    opacity: 0.95;
}
.home__cts__conteiner::after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(241 216 217 / 0%)), to(rgb(243 214 215)));
    background: linear-gradient(to bottom, rgb(241 216 217 / 0%), rgb(243 214 215));
    width: 100%;
    height: 430px;
    position: absolute;
    left: 0;
    top:100%;
    display: block;
    opacity: 0.95;
	 transform:rotate(180deg);
}
.home__cts__item {
	position:relative;
	display:grid;
	grid-template-columns:50% 45%;
	justify-content:space-between;
	align-items:center;
	width:82%;
	margin-left:auto;
	margin-right:auto;
}
.home__cts__item:nth-child(even) {
	margin:400px auto;
}
.home__num {
	position:absolute;
	left:-26px;
	top:0;
	z-index:1;
}
.home__num img {
   height:auto;
}
.home__num__01 img {
	width:137px;
}
.home__num__02 img {
	width:195px;
}
.home__num__03 img {
	width:173px;
}
.home__num__04 img {
	width:210px;
}
.home__cts__item__text {
	position:relative;
	z-index:3;
}
.home__cts__item__text h3 {
	font-size:clamp(1.25rem, 1.023rem + 1.14vw, 1.875rem);
	line-height:1.6em;
	letter-spacing:0.2em;
	margin-bottom:42px;
}
.home__cts__item__text p {
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	letter-spacing:0.1em;
	line-height:2em;
}
.home__cts__item__img img {
	width:100%;
	height:auto;
}
/**ハイブリッドソーラー**/
.hybrid__concept__box {
	height:2000px;
}
.hybrid__concept__box .new__concept__text__box {
	flex-direction:column;
}
.hybrid__concept__box .new__concept__text {
	margin-bottom:56px;
}
.hybrid__cts__inner {
	padding:102px 0 360px;
}
.hybrid__cts__item__01{
	display:grid;
	grid-template-columns:50% 45%;
	justify-content:flex-end;
}
.hybrid__cts__item__text {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding-right:10%;
}
.hybrid__cts__item__text h2 {
	font-size:clamp(1.125rem, 0.989rem + 0.68vw, 1.5rem);
	letter-spacing:0.2em;
	line-height:1.6em;
	margin-bottom:42px;
}
.hybrid__cts__item__text p {
	font-size:14px;
	letter-spacing:0.1em;
	line-height:2.2em;
}
.js-parallax {
	overflow:hidden;
}
.js-parallax img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.hybrid__cts__item__img {
	height:600px;
}
.hybrid__cts__item__img img {
	height:660px;
}
.hybrid__cts__item__02 {
	margin-top:246px;
	padding:0 8%;
	position:relative;
	z-index:2;
}
.hybrid__cts__item__02 .hybrid__cts__item__text {
	display:block;
	padding-right:0;
}
.hybrid__cts__item__img__02 {
		width:86%;
	margin:72px auto 0;
	height:574px;
}
.hybrid__cts__item__img__02 img {
	height:600px;
}
.bg-pink {
	padding:368px 0 0;
	background-color:#f1d8d9;
	position:relative;
}
.bg-pink::before {
	content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(241 216 217 / 0%)), to(rgb(243 214 215)));
    background: linear-gradient(to bottom, rgb(241 216 217 / 0%), rgb(243 214 215));
    width: 100%;
    height: 430px;
    position: absolute;
    left: 0;
    bottom: 100%;
    display: block;
    opacity: 0.95;
}
.bg-pink::after {
	content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(241 216 217 / 0%)), to(rgb(243 214 215)));
    background: linear-gradient(to bottom, rgb(241 216 217 / 0%), rgb(243 214 215));
    width: 100%;
    height: 430px;
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    opacity: 0.95;
    transform: rotate(180deg);
}
.hybrid__cts__item__03 {
	display:grid;
	grid-template-columns:65% 30%;
	margin-bottom:92px;
}
.hybrid__cts__item__img__03 {
	height:940px;
}
.hybrid__cts__item__img__03 img {
	width:100%;
	height:1100px;
}
.hybrid__cts__item__03 .hybrid__cts__item__text {
	padding:0 0 0 15%;
}
.hybrid__cts__item__05 {
	width:100%;
}
.hybrid__cts__item__07 {
	display:grid;
	grid-template-columns:47% 53%;
	margin:400px 0 0;
}
.hybrid__cts__item__img__07 {
	height:671px;
}
.hybrid__cts__item__img__07 img {
	height:712px;
	object-position:right;
}
.hybrid__cts__item__07 .hybrid__cts__item__text {
	padding:0 10%;
}

/**Q&A**/
.q-a-cts {
	margin-top:124px;
}
.q-a-cts__inner {
	width:88%;
	max-width:1680px;
	margin:0 auto;
}
.q-a-cts__title {
	border-top:1px solid #d88d94;
	border-bottom:1px solid #d88d94;
	display:flex;
	align-items:center;
	padding:18px 30px;
}
.q-a-cts__box {
	width:30px;
	height:30px;
	background-color:#d88d94;
	margin-right:14px;
}
.q-a-cts__title h2 {
	font-size:26px;
	letter-spacing:0.12em;
}
.q-a-accordion__cts {
	background-color:#fcf0f1;
}
.q-a__accordion__box {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background-color:#fcf0f1;
	padding: 0.9em 2em;
	cursor:pointer;
	transition:background-color .4s ease;
}
.q-a__accordion__box.IsActive {
	background-color:#f1d8d9;
}
.q-a__accordion__box.IsActive:hover .accordion-icon {
	transform:rotate(180deg) translatey(4px);
}
.q-a__accordion__box.IsActive .accordion-icon {
	transform:rotate(180deg);
}
.q-a__accordion__box:hover {
	background-color:#f1d8d9;
}
.accordion-icon {
	display:block;
	transition:transform .4s ease;
}
.q-a__accordion__box:hover .accordion-icon {
	transform:translatey(6px);
}
.q-a__accordion__title span {
	font-size:clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
}
.q-a__accordion__title {
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	letter-spacing:0.12em;
	line-height:1.6em;
}
.q-a__accordion__text {
	background-color:#ffff;
	font-size:clamp(0.875rem, 0.83rem + 0.23vw, 1rem);
	line-height:1.8em;
	letter-spacing:0.01em;
	opacity:0;
	visibility:hidden;
	height:0;
	padding:0;
	transition-duration: .4s;
	transition-property:opacity,visible,height,padding-top,padding-bottom;
	transition-timing-function:ease;
	border-left: 2px solid #f1d8d9;
	border-right: 2px solid #f1d8d9;
}
.q-a__accordion__text.IsOpen {
	padding:0.9em 2.4em 2em;
	height:auto;
	opacity:1;
	visibility:visible;
	border-bottom:1px solid #fceeee;
}
.q-a__accordion__text a {
	padding:0 4px;
	border-bottom:1px solid #000
}
.q-a__accordion__text span {
	display:block;
	border:1px solid #000;
	width:224px;
	text-align:center;
	padding:2px;
	margin:24px 0 18px;
}

/**アンケート**/
.survey__fv .page__fv__inner {
	position:relative;
}
.survey__fv h1 {
	display:inline-block;
	position:relative;
}
.survey__fv h1::before {
	content:url(/wp-content/themes/mimasu/img/line-friend.svg);
	display:block;
	width:180px;
	height:180px;
	position:absolute;
	bottom:-50px;
	right:-68%;
}
.survey__top {
	padding:216px 0 196px;
}
.survey__top__inner {
	width:90%;
	margin:0 auto;
}
.survey__present {
	text-align:center;
}
.survey__present__title {
	font-size:clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
	letter-spacing:0.1em;
	line-height:1.8em;
	display:none;
}
.survey__present__sub {
	font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	letter-spacing:0.1em;
	margin:9px 0 52px;
	display:block;
	display:none;
}
.survey__present__img {
   display:grid;
	grid-template-columns:47% 47%;
	justify-content:space-between;
	width:70%;
	margin:0 auto;
	background-color:#FCF0F1;
	padding:2.9em;
	display:none;
}
.survey__present__img img {
	width:100%;
	height:auto;
	display:block;
}
.survey__present__text {
   font-size:clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
	letter-spacing:0.1em;
	line-height:2em;
	margin:126px 0 62px;
}
.line__friend__btn {
	width:62%;
	text-align:center;
	margin: 0 auto 54px;
}
.line__friend__btn a {
	display:block;
   background-color:#D88D94;
	line-height:147px;
	letter-spacing:0.24em;
	font-size:clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
	color:#fff;
	border:4px solid transparent;
	transition: background .4s cubic-bezier(0.16, 0.5, 0.43, 1), color .4s cubic-bezier(0.16, 0.5, 0.43, 1), border-color .4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.line__friend__btn a:hover {
  background-color:#fff;
	color:#D88D94;
	border-color:#D88D94;
}
.line-qr {
	display:block;
	margin: 0 auto;
	width:203px;
	height:203px;
}
.line__form {
	padding-bottom:200px;
}
.line__form__inner {
	width:872px;
	margin:0 auto;
}
.form__box {
	background-color:#FCF0F1;
	padding:110px 66px;
}
.form {
	width:100%;
	border-bottom:3px solid #fff;
}
.form th {
	font-size:18px;
	line-height:1.2em;
	white-space:nowrap;
	width:220px;
	padding-bottom:42px;
	vertical-align:inherit;
}
.form th label {
	display:flex;
	align-items:center;
	justify-content:space-between;
   font-family: source-han-sans-japanese, sans-serif;
   font-weight: 500;
}
.hissu {
	font-size:14px;
	letter-spacing:0.1em;
	color:#fff;
	background-color:#D88D94;
	padding:1px 8px;
	display:block;
	white-space:nowrap;
}
.form td {
	padding-left:62px;
	padding-bottom:42px;
}
.form td input {
  background-color:#fff;
	font-size:16px;
	width:100%;
	padding:16px;
}
.form td input::placeholder {
	font-size:14px;
	color:#999;
    font-family: source-han-sans-japanese, sans-serif!important;
   font-weight: 400;		
}
.form td input,
.form td span,
.form td textarea,
.form__bottom__box input,
.form__bottom__box span,
.form__bottom__box textarea{
		font-family: source-han-sans-japanese, sans-serif!important;
		font-weight: 400;		
	}

.form tr:last-child th,
.form tr:last-child td{
	padding-bottom:100px;
}
.form__bottom__box {
	padding-top:118px;
}
.form__bottom__list {
	margin-bottom:76px;
}
.form__text {
	display:flex;
	align-items:center;
	font-size:18px;
	letter-spacing:0.1em;
	margin-bottom:36px;
} 
.form__text .hissu {
	padding-top:4px;
	padding-bottom:4px;
}
.form__text span {
	margin-left:24px;
}
.check-box {
	font-size:18px;
}
.check-box input {
	border:none;
	border-radius:0px;
	width:17px!important;
	height:17px!important;
	vertical-align:bottom;
}
.check-box .wpcf7-list-item {
	margin:0 1em 24px;
}
.form__bottom__list textarea {
	width:100%;
	background-color:#fff;
	font-size:18px;
	padding:1em;
}
.form__bottom__list textarea::placeholder {
	color:#999;
	font-size:14px;
}
.check-box-text {
	font-size:12px;
	letter-spacing:0.1em;
	text-align:right;
	margin-top:12px;
}
.white-border {
	height:3px;
	background-color:#fff;
	border:none;
	margin-bottom:132px;
}
.check__text {
	font-size:18px;
	width:90%;
	margin:0 auto;
	line-height:1.4em;
}
.form__privacy__btn {
	width:90%;
	text-align:center;
	margin:24px auto 14px;
}
.form__privacy__btn a{
	display:block;
	font-size:16px;
	color:#D88D94;
	letter-spacing:0.06em;
	border:2px solid #D88D94;
	padding:6px;
	transition: background .4s ease, color .4s ease;
}
.form__privacy__btn a:hover {
	background-color:#D88D94;
	color:#fff;
}
.acceptance-check {
	background-color:#D88D94;
	text-align:center;
	padding:14px 6px;
	width:90%;
	margin:0 auto;
}
.acceptance-check input {
	width:18px;
	height:18px;
	vertical-align:bottom;
}
.acceptance-check span {
	color:#fff;
	font-size:16px;
}
.submit__btn {
	width:90%;
	margin:132px auto 0;
}
.submit__btn p {
	background-color:#D88D94;
	text-align:center;
}
.submit__btn p input {
   color:#fff;
	font-size:clamp(1.125rem, 0.852rem + 1.36vw, 1.875rem);
	letter-spacing:0.24em;
	padding:2em 0.2em;
	width:100%;
	border:2px solid transparent;
	transition: background .4s cubic-bezier(0.16, 0.5, 0.43, 1), color .4s cubic-bezier(0.16, 0.5, 0.43, 1), border-color .4s cubic-bezier(0.16, 0.5, 0.43, 1);
}
.submit__btn p input:hover {
	background-color:#fff;
	color:#D88D94;
	border-color:#D88D94;
}
.wpcf7-not-valid-tip {
	padding:12px 0;
}
.wpcf7-response-output {
	width:90%;
	margin:0 auto 72px!important;
	padding:.8em!important;
}

/**資料請求・お問い合わせ**/
.contact__fv__bottom__text {
	text-align:center;
	font-size:clamp(1rem, 0.955rem + 0.23vw, 1.125rem);
	letter-spacing:0.1em;
	line-height:1.6em;
	padding:0 3%;
}
.contact__info {
	background-color:#FCF0F1;
	width:462px;
	margin:86px auto 182px;
	text-align:center;
	padding:48px 12px;
}
.contact__info__tel {
	font-size:24px;
	color:#60060B;
	letter-spacing:0.12em;
}
.contact__info__tel__btn {
	margin:14px 0 10px;
}
.contact__info__tel__btn a {
	font-size:40px;
	letter-spacing:0.12em;
	-webkit-text-stroke: 3px;
}
.contact__info__time {
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:80%;
	margin:0 auto;
}
.contact__info__time__title {
   font-size:14px;
	letter-spacing:0.1em;
	width:95px;
	border:1px solid #000;
	padding:6px 0;
}
.contact__info__time__title__sub {
	font-size:14px;
	letter-spacing:0.1em;
}
.contact__info__mail {
	font-size:20px;
	color:#60060B;
	letter-spacing:0.12em;
	margin:34px 0 14px;
}
.contact__info__mail__text {
	font-size:14px;
	letter-spacing:0.1em;
}
.contact__num {
	margin-bottom:124px;
}
.contact__num__inner {
	width:734px;
	margin:0 auto;
}
.contact__num__box {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.contact__num__box__text {
	font-size:26px;
	width:180px;
	height:180px;
	border:5px solid #D88D94;
	border-radius:100px;
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.contact__num__box__text span {
	display:block;
	position:absolute;
	top:-14px;
	left:0;
	background-color:#D88D94;
	color:#fff;
	font-size:40px;
	width:68px;
	height:68px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:100px;
}
.contact__num__bottom__text {
	font-size:18px;
	letter-spacing:0.1em;
	line-height:1.8em;
	margin-top:68px;
}
.opacity {
	opacity:0.3;
}
.content-tr th {
	vertical-align:baseline;
	border-bottom:3px solid #fff;
}
.content-tr th p {
     display: flex;
    align-items: center;
    justify-content: space-between;
	font-family: source-han-sans-japanese, sans-serif;
    font-weight: 500;
}
.content-tr td {
	border-bottom:3px solid #fff;	
}
.content-tr td input{
     border: none;
	font-size:inherit;
	padding:0;
    border-radius: 0px;
    width: 17px!important;
    height: 17px!important;
    vertical-align: bottom;
}
.content-tr td .wpcf7-list-item-label {
   font-size:18px;
}
.content-tr td .wpcf7-list-item {
    margin:0 1em 24px 0;
}
.content-tr td textarea {
	width: 100%;
    background-color: #fff;
    font-size: 18px;
    padding: 1em;
	height:106px;
}
.content-tr td textarea::placeholder {
	font-size:14px;
	color:#999;	
}
.content-td-span {
	display:block;
	font-size: 12px;
    letter-spacing: 0.1em;
    margin-top: 12px;
}
.name-tr th {
	padding-top:100px;
}
.name-tr td {
	padding-top:100px;
}
.contact__form .form {
	border-bottom:none;
}
.kenchiku-tr th {
	border-bottom:none;
	border-top:3px solid #fff;
	padding-bottom:0!important;
	padding-top:124px;
}
.kenchiku-tr td {
	border-bottom:none;
	border-top:3px solid #fff;
	padding-bottom:0!important;
	padding-top:124px;
}
.kenchiku-tr td .wpcf7-list-item {
	margin-bottom:14px;
}
.email-tr th {
	padding-bottom:102px;
}
.email-tr td {
	padding-bottom:102px;
}
.contact-privacy {
	text-align:center;
	margin-top:34px;
}
.contact-privacy p {
   display:inline-block;
	text-align:left;
	font-size:14px;
	line-height:1.6em;
	letter-spacing:0.1em;
}
.wpcf7-spinner {
	display:none;
}
/**確認画面**/
.confirm__num .contact__num__bottom__text {
	text-align:center;
}
.confirm__form .content-tr td {
	line-height:1.6em;
}
.confirm__form .submit__prev__btn {
	margin-top:64px;
}
.confirm__form .submit__prev__btn p {
	display:flex;
	justify-content:center;
}
.confirm__form .submit__prev__btn input{
	padding:1em;
	width:184px;
	text-align:center;
	margin:0 24px;
	transition: opacity .4s ease;
}
.confirm__form .submit__prev__btn input:hover {
	opacity:.5;
}
.confirm__form .submit__prev__btn input.prev {
	border:2px solid #d38289;
	background-color:#fff;
	color:#d38289;
}
.confirm__form .submit__prev__btn input.submit {
	border:2px solid transparent;
	background-color:#d38289;
	color:#fff;
}


/**max-1200px**/
@media screen and (max-width:1200px) {
	.hybrid__cts__item__01 {
		grid-template-columns:57% 43%;
	}
	.hybrid__cts__item__text {
		padding-right:5%;
		padding-left:5%;
	}
	.hybrid__cts__item__02 {
		padding:0 4%;
	}
	.hybrid__cts__item__02 .hybrid__cts__item__text {
		padding-left:0;
	}
	.hybrid__cts__item__img__02 {
		width:90%;
	}
	.hybrid__cts__item__03 {
		grid-template-columns:55% 45%;
	}
	.hybrid__cts__item__03 .hybrid__cts__item__text {
		padding:0 8%;
	}
}
/**max-1145px**/
@media screen and (max-width:1145px) {
	.home__concept__message {
	   height:1200px;
   }
	.home__ceo__message {
		width:70%;
	}
}
/**max-1024px**/
@media screen and (max-width:1024px) {
	.home__cts__item {
		width:90%;
	}
	.line__form__inner {
		width:90%;
	}
}
/**max-760px**/
@media screen and (max-width:760px) {
	.new__concept__text {
		padding:0 5%;
	}
	.new-sub-text {
		display:block;
		padding-left:0;
		padding-top:12px;
		font-size:14px;
	}
	.new__concept {
		height:auto;
	}
	.new__concept__text__box {
		position:inherit;
		width:100%;
		top:inherit;
		left:inherit;
		transform:inherit;
		margin:0 auto;
		padding:120px 0;
	}
	.new__contents .performance__items .performance__detail__contents {
		padding-bottom:40px;
	}
	.home__ceo__message h3 {
		line-height:1.8em;
	}
	.before__after__img__box {
		width:100%;
	}
	.before__after__img__box p {
		width:70%;
		line-height:32px;
		font-size:14px;
		top:16px;
	}
	.before__after__hover__04 {
		margin-top:24px;
	}
	.before__after__hover__05 {
		grid-template-columns:1fr;
		margin-top:24px;
	}
	.before__after__hover__05 .before__img__box .before__text {
		top:15px;
	}
	.before__after__hover__05 .after__img__box {
		position:relative;
	}
	.before__after__hover__05 .after__img__box .after__text {
		top:15px;
		right:0;
		text-align: right;
	}
	.before__after__hover {
		margin-top:40px;
	}
	.real__contents {
		padding-top:102px;
	}
	.real__category__title {
		margin-left:auto;
		margin-right:auto;
		width:80%;
		padding:1em;
		margin-bottom:56px;
	}
	.real__category__grid {
		grid-template-columns:1fr;
	}
	.real__item h2 {
		margin:24px 0 14px;
		padding-bottom:14px;
	}
	.real__contents_category__02 {
		margin-top:86px;
	}
	.real__category__container {
		width:100%;
	}
	.privacy__contents {
		margin:0 0 162px;
	}
	.privacy__contents__inner {
		width:92%;
	}
	.privacy__top__bottom {
		margin-bottom:52px;
	}
	.privacy__text__box h3 {
		margin-bottom:18px;
	}
	.privacy__text__box {
		margin-bottom:52px;
	}
	.home__cts {
		padding:142px 0 40px;
	}
	.home__cts__inner h2 {
		font-size:clamp(1.6rem, 0.9rem + 2.61vw, 3.438rem);
		position: relative;
      z-index: 2;
	}
	.home__cts__item:nth-child(even) {
		margin:246px auto;
	}
	.home__cts__conteiner {
		margin-top:180px;
	}
	.home__cts__conteiner::before {
		height:282px;
	}
	.home__cts__conteiner::after {
		height:282px;
	}
	.home__concept__message {
		height:auto;
	}
	.home__concept .page__concept__container {
		padding-top:132px;
	}
	.home__ceo__message {
		width:100%;
		padding:102px 6% 0px;
	}
	.home__cts__item {
		grid-template-columns:1fr;
		width:92%;
	}
	.home__cts__item__img {
		position:relative;
		z-index:2;
	}
	.home__num {
		top:-86px;
	}
	.home__cts__item__text h3 {
		margin-bottom:24px;
	}
	.home__cts__item__text p {
		margin-bottom:42px;
	}
	.hybrid__concept__box {
		height:auto;
	}
	.hybrid__fv h1 {
		font-size:clamp(0.9rem, 0.877rem + 2.61vw, 3.438rem);
		letter-spacing:0em;
	}
	.hybrid__fv h2 {
		font-size:clamp(0.825rem, 0.652rem + 1.36vw, 1.875rem);
	}
	.hybrid__concept__box .new__concept__text__box {
		padding:102px 0 0;
	}
	.hybrid__concept__box .page__concept__inner {
		display:flex;
		flex-direction:column-reverse;
	}
	.hybrid__cts__item__text {
		align-items:baseline;
	}
	.hybrid__cts__item__01{
		grid-template-columns:1fr;
	}
	.hybrid__cts__item__img {
		margin-top:62px;
	}
	.hybrid__cts__item__img {
		height:342px;
	}
		.hybrid__cts__item__img img {
		height:382px;
	}
	.hybrid__cts__item__02 {
		margin-top:128px;
		padding:0;
	}
	.hybrid__cts__item__02 .hybrid__cts__item__text {
		padding:0 4%;
	}
	.hybrid__cts__item__img__02 {
		width:100%;
		height:300px;
	}
	.hybrid__cts__item__img__02 img {
		height:340px;
	}
	.bg-pink {
		padding-top:128px;
	}
	.hybrid__cts__item__03 {
		display:flex;
		flex-direction:column-reverse;
	}
	.hybrid__cts__item__03 .hybrid__cts__item__text {
		padding:0 4%;
	}
	.hybrid__cts__item__img__03 {
		margin-top:62px; 
		height:460px;
	}
	.hybrid__cts__item__img__03 img {
		height:560px;
	}
	.bg-pink::after {
		height:274px;
	}
	.hybrid__cts__item__07 {
		margin-top:214px;
		display:flex;
		flex-direction:column-reverse;
	}
	.hybrid__cts__item__07 .hybrid__cts__item__text {
		padding:0 4%;
	}
	.hybrid__cts__item__img__07 {
		margin-top:62px;
		height:342px;
	}
	.hybrid__cts__item__img__07 img {
		height:372px;
	}
	.hybrid__cts__inner {
		padding-bottom:142px;
	}
	.faq__fv h1 {
		font-size:clamp(1.8rem, 2.077rem + 2.61vw, 3.438rem);
	}
	.faq__fv h2 {
		font-size:clamp(0.925rem, 0.452rem + 1.36vw, 1.875rem);
	}
	.q-a-cts__inner {
		width:94%;
	}
	.q-a-cts {
		margin-top:98px;
	}
	.q-a-cts__title h2 {
		font-size:22px;
	}
	.q-a-cts__box {
		width:24px;
		height:24px;
	}
	.q-a-cts__title {
		padding-left:0;
		padding-right:0;
	}
	.q-a__accordion__box {
		padding-left:1em;
		padding-right:1em;
	}
	.q-a__accordion__text.IsOpen {
		padding-left:1em;
		padding-right:1em;
	}
	.survey__fv h1::before {
		width:62px;
		height:62px;
	  right: inherit;
    left: 98%;
		bottom:-64px;
    transform: translateX(-50%);
	}
	.survey__top {
		padding:24px 0 92px;
	}
	.survey__present__title {
		text-align: left;
      display: inline-block;
	}
	.survey__present__sub {
		text-align: left;
      display: inline-block;		
	}
	.survey__present__img {
		width:100%;
		padding:16px;
	}
	.survey__present__sub {
      margin-bottom:40px;
	}
	.survey__present__text {
		font-size:14px;
     text-align:left;
		display:inline-block;
		margin:56px 0 24px;
	}
	.line__friend__btn {
		width:100%;
	}
	.line__friend__btn a {
		font-size:16px;
		line-height:92px;
	}
	.line-qr {
		width:50%;
		height:auto;
	}
	.form__box {
		padding:62px 18px 32px;
	}
	.form th,
	.form td {
		display:block;
		font-size:16px;
	}
	.form th {
		width:100%;
		padding-bottom:22px;
	}
	.form td {
		width:100%;
		padding-left:0;
		font-family: source-han-sans-japanese, sans-serif;
　　　　　　 font-weight: 500;
	}
	.form tr:last-child th {
		padding-bottom:22px;
	}
	.form tr:last-child td {
		padding-bottom:72px;
	}
	.form__text {
		font-size:16px;
		flex-direction:column-reverse;
		align-items:flex-start;
		margin-bottom:22px;
		line-height:1.4em;
	}
	.form__text .hissu {
		margin-left:0;
		margin-bottom:12px;
	}
	.check-box .wpcf7-list-item {
		margin-left:0.5em;
		margin-right:0.5em;
		font-size:16px;
	}
	.form__bottom__box {
		padding-top:92px;
	}
	.form__bottom__list {
		margin-bottom:42px;
	}
	.white-border {
		margin-bottom:96px;
	}
	.check__text {
		font-size:14px;
		width:100%;
	}
	.form__privacy__btn {
		width:100%;
	}
	.acceptance-check {
		width:100%;
	}
	.submit__btn {
		margin-top:72px;
	}
	.submit__btn p input {
		padding-top:1em;
		padding-bottom:1em;
		font-size:16px;
	}
	.contact__fv {
		padding-left:2%;
		padding-right:2%;
	}
	.contact__info {
		width:92%;
		padding-top:40px;
		padding-bottom:40px;
		margin-bottom:124px;
	}
	.contact__info__tel {
		font-size:18px;
	}
	.contact__info__tel__btn a {
		font-size:32px;
	}
	.contact__info__time {
      width:312px;
	}
	.contact__info__time__title {
		font-size:12px;
		width:68px;
	}
	.contact__info__mail {
      font-size:16px;
		margin-top:24px;
	}
	.contact__info__mail__text {
		font-size:12px;
		line-height:1.4em;
	}
	.contact__num__inner {
		width:92%;
		max-width:400px;
	}
	.contact__num__box__text {
      font-size:16px;
		width:82px;
		height:82px;
	}
	.contact__num__box__text span {
     font-size: 16px;
    width: 32px;
    height: 32px;
	}
	.contact__num__box img {
		width:24px;
	}
	.contact__num__bottom__text {
		font-size:16px;
		margin-top:36px;
	}
	.content-tr th {
		border:none;
	}
	.content-tr td .wpcf7-list-item-label {
		font-size:16px;
	}
	.content-tr td input {
		vertical-align:bottom;
	}
	.name-tr td {
		padding-top:0;
	}
	.name-tr th {
		padding-top:64px;
	}
	.email-tr td {
		padding-bottom:52px;
	}
	.kenchiku-tr th {
		padding-top:62px;
		border-top:3px solid #fff;
	}
	.kenchiku-tr td {
		padding-top:22px;
	}
	.line__form {
		padding-bottom:92px;
	}
	.contact__num {
		margin-bottom:62px;
	}
	.confirm__form .submit__prev__btn {
		margin-top:32px;
	}
	.confirm__form .submit__prev__btn p {
		display:block;
	}
	.confirm__form .submit__prev__btn input {
		width:100%;
	}
	.confirm__form .submit__prev__btn input {
		margin:16px 0;
	}
	#owners {
		height:auto;
	}
	.kenchiku-tr td {
		border-top:none;
	}
	#simulation-scroll {
		top:370px;
	}
	.style__img__box {
		grid-template-columns:1fr;
	}
	.style__img__box img {
		margin-bottom:24px;
	}
}
/**max-400px**/
@media screen and (max-width:400px) {
	.contact__info__time {
      width:100%;
	}	
}
/*# sourceMappingURL=page.css.map */