/*--- 用途ラインナップ ---*/
/*--------------------------------------------------

	Renovation │ リノベーション事例

--------------------------------------------------*/
#renovation .bg_cubeL::before {
  content: '';
  position: absolute;
  top: 5vw;
  left: calc(50% - 50vw);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: url(../img/page/common/bg_cubeL.webp) no-repeat top left / 20%;
}
#renovation .bg_cubeR::before {
  content: '';
  position: absolute;
  top: 7vw;
  right: calc(50% - 50vw);
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: url(../img/page/common/bg_cubeR02.webp) no-repeat top right / 25%;
}
#renovation .secret {margin-bottom: 45px;overflow: hidden;}
#renovation .secret:last-child {margin-bottom: 0;}
#renovation .secret .sub_title_suquare {margin-bottom: var(--size20);color: #8C959A;}
#renovation .secret .sub_title_suquare::before {background: #8C959A;}
#renovation .secret p.lead {margin-bottom: var(--size20-50);color: var(--navy);letter-spacing: .025em;}
#renovation .secret p.lead:last-child {margin-bottom: 0;}
#renovation .secret p.lead span {display: block;margin-bottom: 10px;font-weight: 600;font-size: 1.2em;line-height: 1.7;}
/* （情報力+分析力）×（提案力+技術力） */
#renovation .block1 .intro .wrap h3 {margin-bottom: 20px;color: var(--navy);font-weight: 500;font-size: var(--font29);letter-spacing: .025em;}
#renovation .block1 .intro .wrap p.closer {font-weight: 600;font-size: var(--font26);}
#renovation .block1 ol.list li.item {position: relative;margin-bottom: var(--size180);}
#renovation .block1 ol.list li.item:last-child {margin-bottom: 0;}
#renovation .block1 ol.list li.item .secret .wrap {align-items: flex-start;}
#renovation .block1 ol.list li.item .secret .wrap ol {counter-reset: my-counter;width: 39%;}
#renovation .block1 ol.list li.item .secret .wrap ol li {position: relative;margin-bottom: var(--size20);padding-left: 2em;color: var(--navy);letter-spacing: .025em;}
#renovation .block1 ol.list li.item .secret .wrap ol li:last-child {margin-bottom: 0;}
#renovation .block1 ol.list li.item .secret .wrap ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: var(--font32);
  line-height: 1.4;
  letter-spacing: 0;
}
#renovation .block1 ol.list li.item .secret ul.imgs_list {display: grid;grid-template-columns: repeat(2, 1fr);align-items: flex-end;gap: var(--size20-40);}
#renovation .block1 ol.list li.item .secret .imgs {display: flex;align-items: flex-end;gap: var(--size20-40);width: 59%;}
#renovation .block1 ol.list li.item:nth-child(1) .secret:nth-of-type(2) .imgs {align-items: flex-start;}
#renovation .block1 ol.list li.item:nth-child(3) .secret:nth-of-type(2) .imgs {align-items: flex-start;}
#renovation .block1 ol.list li.item .secret .imgs2 {display: flex;gap: var(--size20-40);margin-top: var(--size30);}
#renovation .block1 ol.list li.item:nth-child(2) .secret:nth-of-type(3) .imgs2 {width: 90%;margin-left: auto;}
#renovation .block1 ol.list li.item .secret .imgs3 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--size20-40);}
#renovation .block1 ol.list li.item .secret .imgs4 {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--size20-50);margin-bottom: var(--size20-80);width: 90%;}
#renovation .block1 ol.list li.item .secret ul.solutions_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--size30) var(--size20-60);width: 90%;}
#renovation .block1 ol.list li.item:nth-child(6) .secret:nth-of-type(3) ul.solutions_list {grid-template-columns: repeat(2, 1fr);}
#renovation .block1 ol.list li.item .secret ul.solutions_list li figure {margin-bottom: var(--size20);}
#renovation .block1 ol.list li.item .secret ul.solutions_list li h4 {margin-bottom: var(--size20);color: var(--blue);font-weight: 500;font-size: var(--font29);letter-spacing: .027em;}
#renovation .block1 ol.list li.item .secret ul.solutions_list li p {color: var(--navy);letter-spacing: .025em;}
/* 外装のリノベーション事例について */
#renovation .block2 ol li {position: relative;margin-bottom: var(--size180);}
#renovation .block2 ol li:last-child {margin-bottom: 0;}
#renovation .block2 ol li .title_wrap {margin-bottom: var(--size80);overflow: hidden;}
#renovation .block2 ol li .title_wrap p span {position: relative;color: var(--blue);font-size: clamp(16px, calc(16px + 35 * ((100vw - 375px) / 1545)), 51px);letter-spacing: 0;}
#renovation .block2 ol li .title_wrap p span::after {content: '';position: absolute;top: 50%;left: 110%;transform: translateY(-50%);width: 100vw;height: 1px;background: #707070;}
#renovation .block2 ol li .title_wrap h3 {font-weight: 700;font-size: var(--font36);letter-spacing: .027em;}
#renovation .block2 ol li figure {margin-bottom: var(--size130);}
#renovation .block2 ol li .secret dl:not(:last-child) {margin-bottom: var(--size30);}
#renovation .block2 ol li .secret dl dt {margin-bottom: 5px;color: var(--navy);font-weight: 600;font-size: var(--font18);letter-spacing: .025em;}
#renovation .block2 ol li .secret dl dd {color: var(--blue);font-weight: 600;letter-spacing: .025em;}
#renovation .block2 ol li .secret small {display: block;letter-spacing: .025em;}
#renovation .block2 ol li .youtube_wrap {max-width: 1268px;margin:0 auto;}
#renovation .block2 ol li .youtube_wrap .youtube {position: relative;width: 100%;padding-top: 56.25%;}
#renovation .block2 ol li .youtube_wrap .youtube iframe {position: absolute;top: 0;right: 0;width: 100%;height: 100%;}
@media only screen and ( max-width : 1024px ) {
  #renovation .block1 ol.list li.item .secret .wrap ol {width: 100%;margin-bottom: var(--size30);}
  #renovation .block1 ol.list li.item .secret ul.solutions_list {grid-template-columns: repeat(2, 1fr);width: 100%;}
  #renovation .block1 ol.list li.item .secret ul.imgs_list {gap: 10px;}
  #renovation .block1 ol.list li.item .secret .imgs {width: 100%;gap: 10px;}
  #renovation .block1 ol.list li.item .secret .imgs2 {gap: 10px;margin-top: 10px;}
  #renovation .block1 ol.list li.item:nth-child(2) .secret:nth-of-type(3) .imgs2 {width: 100%;}
  #renovation .block1 ol.list li.item .secret .imgs4 {width: 100%;}
}
@media only screen and ( max-width : 767px ) {
  #renovation .bg_cubeL::before {background-size: 45%;}
  #renovation .bg_cubeR::before {background-size: 50%;}
  #renovation .block1 .intro .wrap p.closer {font-size: 14px;}
  #renovation .block1 ol.list li.item:nth-child(6) .secret:nth-of-type(3) ul.solutions_list {grid-template-columns: 1fr;}
  #renovation .block1 ol.list li.item:nth-child(2) .secret:nth-of-type(2) .imgs2 {flex-direction: column;gap: 50px;}
  #renovation .block2 ol li .title_wrap {margin-bottom: 30px;}
  #renovation .block2 ol li .title_wrap h3 {font-size: 10px;}
  #renovation .block2 ol li .secret dl dt {margin-bottom: 0;}
}
@media only screen and ( max-width : 500px ) {
  #renovation .block1 ol.list li.item .secret ul.imgs_list {grid-template-columns: 1fr;}
  #renovation .block1 ol.list li.item .secret .imgs {flex-direction: column;}
  #renovation .block1 ol.list li.item:nth-child(1) .secret .imgs {gap: 30px;}
  #renovation .block1 ol.list li.item .secret .imgs4 {grid-template-columns: 1fr;gap: 10px;}
  #renovation .block1 ol.list li.item .secret ul.solutions_list {grid-template-columns: 1fr;}
}
/*--- 構造体ラインナップ ---*/
/*--------------------------------------------------

	AVENT-GS │ 構造-3 GSフレーム

--------------------------------------------------*/
#avent_gs .block1 ul.feature_list {max-width: 1138px;}
#avent_gs .block2 {padding-top: var(--size100);}
#avent_gs .block2 .title_common {padding-left: 2.5%;}
#avent_gs .block2 .step_list {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--size80) var(--size180);}
#avent_gs .block2 .step_list li {position: relative;}
#avent_gs .block2 .step_list li h3 {margin-bottom: .5em;color: var(--blue);font-weight: 500;font-size: var(--font26);letter-spacing: .027em;}
#avent_gs .block2 .step_list li figure img {width: 100%;}
#avent_gs .block2 .step_list li:not(:nth-child(3n))::after {
  content: '';
  position: absolute;
  left: 112%;
  bottom: 0;
  transform: translateX(50%);
  width: clamp(37px, calc(37px + 10 * ((100vw - 375px) / 1545)), 47px);
  height: 90%;
  background: url("../img/common/arrow/Icon_arrowR-blk.svg") no-repeat center / 100%;
}
@media only screen and ( max-width : 767px ) {
  #avent_gs .block2 .title_common {padding-left: 0;}
  #avent_gs .block2 .step_list {grid-template-columns: 1fr;gap: 30px;}
  #avent_gs .block2 .step_list li:not(:nth-child(3n))::after {display: none;}
}
/*--------------------------------------------------

	AVENT-K │ 構造-2 Kフレームの力

--------------------------------------------------*/
#avent_k .block1 ul.feature_list li {width: 70%;max-width: 1215px;}
#avent_k .block1 ul.feature_list li:nth-child(2) {margin: 0 auto var(--size180);}
#avent_k .block1 ul.feature_list li:nth-child(3) {margin-left: auto;}
@media only screen and ( max-width : 1024px ) {
  #avent_k .block1 ul.feature_list li {width: 100%;}
}
@media only screen and ( max-width : 767px ) {
}
/*--------------------------------------------------

	AVENT-J │ 構造-1 JFEフレームキット

--------------------------------------------------*/
#avent_j .block1 ul.feature_list li {width: 70%;max-width: 1215px;}
#avent_j .block1 ul.feature_list li:nth-child(2) {margin: 0 auto var(--size180);}
#avent_j .block1 ul.feature_list li:nth-child(3) {margin-left: auto;}
#avent_j .block2 {padding-top: var(--size100);}
#avent_j .block2 .intro .wrap h3 {margin-bottom: 10px;color: var(--navy);font-weight: 600;font-size: var(--font26);letter-spacing: .025em;}
#avent_j .block2 ul {margin-top: var(--size50);}
#avent_j .block2 ul li {display: flex;align-items: center;margin-bottom: var(--size20);padding: 7px;border: 1px solid #707070;background: #ECEDF0;}
#avent_j .block2 ul li:nth-child(1) {background: #f1c7ca;}
#avent_j .block2 ul li:last-child {margin-bottom: 0;}
#avent_j .block2 ul li h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  align-self: stretch;
  width: clamp(100px, calc(100px + 80 * ((100vw - 375px) / 1545)), 180px);
  min-height: clamp(56px, 3.8vw, 73px);
  padding-right: 1.1em;
  clip-path: polygon(0 0, 80% 0, 100% 50%, 80% 100%, 0 100%);
  background: #36425b;
  color: #fff;
  font-weight: 500;
  font-size: var(--font36);
  letter-spacing: .027em;
  text-align: center;
}
#avent_j .block2 ul li:nth-child(1) h4 {background: #ca3c43;}
#avent_j .block2 ul li p {flex: 1;padding-left: var(--size20-50);color: var(--navy);line-height: 1.9;}
@media only screen and ( max-width : 1024px ) {
  #avent_j .block1 ul.feature_list li {width: 100%;}
  #avent_j .block2 ul li {align-items: flex-start;}
}
@media only screen and ( max-width : 767px ) {
  #avent_j .block2 {padding-top: 0;}
  #avent_j .block2::after {display: none;}
}
/*--- 性能(標準仕様) ---*/
/*--------------------------------------------------

	Performance │ 性能について（標準仕様）

--------------------------------------------------*/
#performance .block .intro figure {filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 16%));}
#performance .block4 .intro {margin-bottom: var(--size30);}
#performance .block4 .intro .content_bg {right: initial;left: calc(50% - 50vw);}
@media only screen and ( max-width : 767px ) {
}

/*--- 付加価値ラインナップ ---*/
/*--------------------------------------------------

	Smart-Delivery │ スマート置き配

--------------------------------------------------*/
#smart_delivery .block2 {margin-bottom: 0;background: #F7F7F7;}
#smart_delivery .block2 ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--size130) var(--size20-80);max-width: 1443px;margin: 0 auto;}
#smart_delivery .block2 ul li figure {margin-bottom: var(--size20);letter-spacing: .043em;}
#smart_delivery .block2 ul li p {font-size: var(--font20);}
#smart_delivery .block3 {
  background:
    url(../img/page/smart_delivery/block3/bg_cubeT.webp) no-repeat top left / 30%,
    url(../img/page/smart_delivery/block3/bg_cubeB.webp) no-repeat right bottom / 35%;
}
#smart_delivery .block3 ul {margin-bottom: var(--size130);}
#smart_delivery .block3 ul li:not(:last-child) {margin-bottom: var(--size150);}
#smart_delivery .block3 ul li figure {width: 32%;filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 16%));}
#smart_delivery .block3 ul li .wrap {position: relative;width: 70%;margin-left: calc(52% - 50vw);padding: 0 var(--size100) var(--size60) var(--size130);}
#smart_delivery .block3 ul li .wrap::before,
#smart_delivery .block3 ul li:nth-child(even) .wrap::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 95%;
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  background: url(../img/page/common/content_bg05.webp) no-repeat bottom center / cover;
}
#smart_delivery .block3 ul li:nth-child(odd) .wrap::before {background: url(../img/page/common/content_bg05.webp) no-repeat bottom left / cover;}
#smart_delivery .block3 ul li:nth-child(even) .wrap::after {opacity: .4;background-image: linear-gradient(120deg, #1E75EB 30%, #98DDE0, #9BE9F7);}
#smart_delivery .block3 ul li .wrap dl {display: flex;align-items: center;gap: var(--size60);margin-bottom: var(--size30);}
#smart_delivery .block3 ul li .wrap dl dt {color: var(--blue);font-size: clamp(95px, calc(95px + 35 * ((100vw - 375px) / 1545)), 133px);line-height: 1;}
#smart_delivery .block3 ul li .wrap dl dd {flex: 1;font-weight: 700;font-size: var(--font32);letter-spacing: .027em;}
#smart_delivery .block3 ul li .wrap .content p {color: var(--navy);font-size: var(--font18);line-height: 2;letter-spacing: .025em;}
#smart_delivery .block3 .container {position: relative;z-index: 1;max-width: 1206px;margin: 0 auto;padding: var(--size100) 20px;border-radius: 0;background: #F2F2F2;}
#smart_delivery .block3 .container::before,
#smart_delivery .block3 .container::after {content: '';position: absolute;z-index: -1;height: 100%;width: 100%;}
#smart_delivery .block3 .container::before {top: -8%;left: 5%;background: url(../img/page/smart_delivery/block3/illust01.svg) no-repeat top left / 10%;}
#smart_delivery .block3 .container::after {right: 2%;bottom: -8%;background: url(../img/page/smart_delivery/block3/illust02.svg) no-repeat right bottom / 8%;}
#smart_delivery .block3 .container p {position: relative;z-index: 1;max-width: 678px;margin: 0 auto;color: var(--navy);font-weight: 600;font-size: var(--font29);letter-spacing: .043em;text-align: center;}
#smart_delivery .block3 .container p span {
  display: block;
  padding: .3em 0;
  background: linear-gradient(to right, var(--blue) 4px, transparent 4px) right bottom / 10px 2px repeat-x;
  line-height: 2;
  text-align: center;
}
@media only screen and ( max-width : 767px ) {
  #smart_delivery .block2 ul {grid-template-columns: repeat(2, 1fr);gap: 50px;}
  #smart_delivery .block2 ul li p {font-size: 13px;}
  #smart_delivery .block3 {background: none;}
  #smart_delivery .block3 ul li .wrap {width: 100%;margin: 0 0 -125px;padding: 40px 0 150px;}
  #smart_delivery .block3 ul li .wrap::before,
  #smart_delivery .block3 ul li:nth-child(even) .wrap::after {
    left: calc(50% - 50vw);
    width: 100vw;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  }
  #smart_delivery .block3 ul li:nth-child(odd) .wrap::before {background-position: 20% 50%;}
  #smart_delivery .block3 ul li .wrap dl {gap: 7px;}
  #smart_delivery .block3 ul li .wrap dl dd {font-size: 20px;}
  #smart_delivery .block3 ul li figure {width: 100%;}
  #smart_delivery .block3 .container {margin-bottom: 50px;}
  #smart_delivery .block3 .container::before {left: 0;background-size: 97px;}
  #smart_delivery .block3 .container::after {right: 0;bottom: -33%;background-size: 78px;}
}
@media only screen and ( max-width : 500px ) {
  #smart_delivery .block2 ul {grid-template-columns: 1fr;max-width: 273px;}
}
/*--------------------------------------------------

	IOT │ IOT・他設備について

--------------------------------------------------*/
#iot .watermark {z-index: 0;}
#iot .inner {max-width: 1470px;}
#iot .title_wrap {margin-bottom: var(--size100);padding: var(--size80) 0 var(--size60);background: url(../img/page/common/title_bg.webp) no-repeat center left / cover;}
#iot .title_wrap h2 {color: var(--blue);font-weight: 700;font-size: var(--font40);letter-spacing: .037em;}
#iot .title_wrap p {font-weight: 500;font-size: var(--font29);letter-spacing: .025em;}
#iot .title_wrap small {display: block;margin-top: var(--size20-50);color: var(--navy);line-height: 1.7;letter-spacing: .052em;}
#iot ul li:not(:last-child) {margin-bottom: var(--size20-100);}
#iot ul li figure {width: 45%;}
#iot ul li .container {flex-direction: row-reverse;}
#iot ul li .container .wrap {width: 51%;}
#iot ul li .container .wrap p {font-size: var(--font26);letter-spacing: .043em;}
@media only screen and ( max-width : 767px ) {
  #iot .title_wrap {padding: 0;background: none;}
  #iot .title_wrap h2 {position: relative;padding: 25px 0 15px;}
  #iot .title_wrap h2::before {
    content: '';
    position: absolute;
    top: 0;
    left: calc(50% - 50vw);
    z-index: -1;
    width: 100vw;
    height: 100%;
    background: url(../img/page/common/title_bg.webp) no-repeat center left / cover;
  }
  #iot .title_wrap p {margin-top: var(--size20-50);color: var(--navy);font-weight: 400;font-size: var(--font-base);}
  #iot .title_wrap small {letter-spacing: .025em;}
  #iot ul li figure {width: 100%;}
  #iot ul li .container {flex-direction: column-reverse;}
  #iot ul li .container .wrap {width: 100%;margin-bottom: 20px;}
  #iot ul li .container .wrap p {font-size: 13px;}
}
/*--------------------------------------------------

	QUIETO50 │ QUIETO50（遮音性付加価値アップ）

--------------------------------------------------*/
/* block1 │ QUIETO - Hi Grade標準仕様 - */
#quieto50 .block1 {padding-top: var(--size170);}
#quieto50 .block1 .inner {max-width: 1322px;}
#quieto50 .block1 .container {padding: var(--size130) 20px var(--size170);background: url(../img/page/quieto50/block1/bg.webp) no-repeat center / cover;}
#quieto50 .block1 .container h2 {margin-bottom: var(--size70);font-weight: 500;font-size: var(--font36);letter-spacing: .046em;text-align: center;}
#quieto50 .block1 .container h2 ruby {margin-right: 10px;font-size: 1.8em;}
#quieto50 .block1 .container h2 rt {margin-bottom: 10px;font-weight: 400;font-size: var(--font15);letter-spacing: .5em;}
#quieto50 .block1 .container .wrap h3 {margin-bottom: var(--size30);color: var(--blue);font-weight: 500;font-size: var(--font29);letter-spacing: .025em;text-align: center;}
#quieto50 .block1 .container .wrap p {color: var(--navy);letter-spacing: .025em;text-align: center;}
/* block2 │ 遮音性について（床） */
#quieto50 .block2 .intro {margin-bottom: var(--size70);}
#quieto50 .block2 .container:not(:last-child) {margin-bottom: var(--size180);}
#quieto50 .block2 .spec {max-width: 1206px;margin: 0 auto;padding: var(--size20-50) 10px;background: #EFF8FD;text-align: center;}
#quieto50 .block2 .spec .title_wrap {margin-bottom: var(--size20-70);}
#quieto50 .block2 .spec .title_wrap * {text-align: center;}
#quieto50 .block2 .spec .title_wrap h3 {display: flex;justify-content: center;gap: 10px;margin-bottom: 10px;font-size: var(--font40);letter-spacing: .027em;}
#quieto50 .block2 .spec .title_wrap h3 span {font-size: 1.6em;letter-spacing: .046em;}
#quieto50 .block2 .spec .title_wrap small {display: block;margin-bottom: var(--size30);color: var(--navy);font-weight: 500;font-size: var(--font29);letter-spacing: .025em;}
#quieto50 .block2 .spec .title_wrap p {font-weight: 700;font-size: var(--font36);letter-spacing: .046em;}
#quieto50 .block2 .spec .text_wrap * {text-align: center;}
#quieto50 .block2 .spec .text_wrap h4 {margin-bottom: var(--size30);color: var(--navy);font-weight: 500;font-size: var(--font29);letter-spacing: .025em;}
#quieto50 .block2 .spec .text_wrap ul {display: flex;justify-content: center;margin-bottom: var(--size20-70);}
#quieto50 .block2 .spec .text_wrap ul li {margin-right: var(--size20-50);padding-right: var(--size20-50);border-right: 1px solid #707070;font-size: var(--font20);letter-spacing: .046em;}
#quieto50 .block2 .spec .text_wrap ul li:last-child {margin-right: 0;padding-right: 0;border-right: 0;}
#quieto50 .block2 .spec .text_wrap ul li span {display: block;margin-bottom: 5px;font-size: 3em;}
#quieto50 .block2 .spec .text_wrap ul li:first-child span {color: #DD3E1F;}
#quieto50 .block2 .spec .text_wrap ul li:last-child span {color: var(--blue);}
#quieto50 .block2 .spec .text_wrap p {font-weight: 700;font-size: var(--font36);letter-spacing: .046em;}
#quieto50 .block2 .compare h3 {margin-bottom: var(--size80);}
#quieto50 .block2 .compare ul {display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--size20-50);max-width: 1147px;margin: 0 auto;}
#quieto50 .block2 .compare ul li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--size40) 10px var(--size70);
  background: linear-gradient(#D1D1D1, #fff 60%);
}
#quieto50 .block2 .compare ul li figure {margin-bottom: var(--size40);}
#quieto50 .block2 .compare ul li p {color: var(--navy);letter-spacing: .052em;text-align: center;}
#quieto50 .block2 .compare ul li p span {display: block;margin-bottom: 10px;font-size: 3.2em;letter-spacing: .046em;text-align: center;}
#quieto50 .block2 .compare ul li:first-child p span {color: #DD3E1F;}
#quieto50 .block2 .compare ul li:last-child p span {color: var(--blue);}
#quieto50 .block2 .chart {padding: var(--size40) var(--size20-70) var(--size50);background: #EDEDED;text-align: center;}
#quieto50 .block2 .chart p {margin-bottom: var(--size30);color: var(--navy);font-weight: 500;font-size: var(--font18);letter-spacing: .052em;text-align: center;}
#quieto50 .block2 .chart figure {margin-bottom: var(--size20-50);}
#quieto50 .block2 .chart small {display: block;color: var(--navy);line-height: 1.7;letter-spacing: .025em;text-align: center;}
/* block3 │ 遮音性について（界壁） */
#quieto50 .block3 .intro {margin-bottom: 0;}
#quieto50 .block3 .spec {max-width: 1248px;margin: 0 auto var(--size20-100);padding: var(--size100) 10px;background-color: rgba(249, 249, 249, .5);backdrop-filter: blur(4px);}
#quieto50 .block3 .spec * {text-align: center;}
#quieto50 .block3 .spec .title_wrap {margin-bottom: var(--size20-50);}
#quieto50 .block3 .spec .title_wrap h3 {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 10px;font-size: var(--font40);letter-spacing: .027em;}
#quieto50 .block3 .spec .title_wrap h3 span {font-size: 1.7em;letter-spacing: .046em;}
#quieto50 .block3 .spec .title_wrap p {margin-bottom: var(--size30);font-weight: 700;font-size: var(--font36);letter-spacing: .046em;}
#quieto50 .block3 .spec .title_wrap small {display: block;color: var(--navy);font-weight: 500;font-size: var(--font29);letter-spacing: .025em;}
#quieto50 .block3 .spec .text_wrap h4 {margin-bottom: 5px;color: #D6512A;font-weight: 600;font-size: var(--font67);letter-spacing: .046em;}
#quieto50 .block3 .spec .text_wrap small {display: block;color: var(--navy);font-weight: 500;font-size: var(--font18);line-height: 1.4;letter-spacing: .052em;}
#quieto50 .block3 .chart p {margin-bottom: var(--size20-100);color: var(--navy);font-size: var(--font20);letter-spacing: .053em;text-align: center;}
#quieto50 .block3 .chart figure:nth-of-type(1) {max-width: 978px;margin: 0 auto var(--size100);}
#quieto50 .block3 .chart figure:nth-of-type(2) {max-width: 950px;margin: 0 auto var(--size100);}
#quieto50 .block3 .chart .wrap {
  max-width: 950px;
  margin: 0 auto var(--size50);
  padding: var(--size40) var(--size20-100) var(--size50);
  background: #F2F2F2;
}
#quieto50 .block3 .chart .wrap h3 {display: flex;align-items: center;margin-bottom: var(--size30);color: var(--blue);font-weight: 600;font-size: var(--font26);letter-spacing: .025em;}
#quieto50 .block3 .chart .wrap h3 span {
  width: clamp(122px, calc(122px + 178 * ((100vw - 375px) / 1545)), 300px);
  font-weight: 700;
  font-size: clamp(24px, calc(24px + 15 * ((100vw - 375px) / 1545)), 39px);
  letter-spacing: .1em;
  text-align: center;
}
#quieto50 .block3 .chart .wrap table tr {
  display: block;
  margin-bottom: var(--size30);
  padding: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1545)), 10px);
  background: #8C959A;
}
#quieto50 .block3 .chart .wrap table tr:first-child {background: var(--blue);}
#quieto50 .block3 .chart .wrap table tr:last-child {margin-bottom: 0;}
#quieto50 .block3 .chart .wrap table tr th {
  position: relative;
  min-width: clamp(105px, calc(105px + 149 * ((100vw - 375px) / 1545)), 254px);
  padding: 5px;
  background: #fff;
  color: var(--navy);
  font-weight: 500;
  font-size: var(--font36);
  letter-spacing: .025em;
  text-align: center;
}
#quieto50 .block3 .chart .wrap table tr:first-child th::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 112%;
  transform: translate(-50%, -50%);
  width: clamp(12px, calc(12px + 16 * ((100vw - 375px) / 1545)), 28px);
  height: calc(tan(60deg) * clamp(13px, calc(13px + 19 * ((100vw - 375px) / 1545)), 32px) / 2);
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background: #fff;
}
#quieto50 .block3 .chart .wrap table tr td {
  width: 100%;
  color: #fff;
  font-weight: 500;
  font-size: clamp(12px, calc(12px + 20 * ((100vw - 375px) / 1545)), 32px);
  letter-spacing: .046em;
  text-align: center;
}
#quieto50 .block3 .chart small {display: block;color: var(--navy);line-height: 1.7;letter-spacing: .052em;text-align: center;}
/* block4 │ 界壁準耐火標準仕様 */
#quieto50 .block4 {padding: var(--size20-80) 0;background: #B7B9BB url(../img/page/quieto50/block4/bg.webp) no-repeat center / cover;}
#quieto50 .block4 p {margin-bottom: var(--size20-60);color: var(--navy);letter-spacing: .025em;text-align: center;}
@media only screen and ( max-width : 767px ) {
  #quieto50 .block1 .container {padding: 20px 10px;}
  #quieto50 .block1 .container h2 ruby {font-size: 1.5em;}
  #quieto50 .block2 .spec {padding: 30px 10px 20px;}
  #quieto50 .block2 .spec .title_wrap small {font-size: 11px;}
  #quieto50 .block2 .spec .title_wrap p {font-size: 15px;}
  #quieto50 .block2 .spec .text_wrap ul li {font-size: 10px;}
  #quieto50 .block2 .spec .text_wrap p {font-size: 15px;}
  #quieto50 .block2 .compare ul {gap: 10px;}
  #quieto50 .block2 .compare ul li {padding: 8px 4px;}
  #quieto50 .block2 .compare ul li figure {margin-bottom: 10px;}
  #quieto50 .block2 .compare ul li p {font-size: 1.8vw;}
  #quieto50 .block2 .compare ul li p span {margin-bottom: 5px;}
  #quieto50 .block2 .chart {padding: 20px 5px 15px;}
  #quieto50 .block2 .chart small {font-size: 12px;}
  #quieto50 .block3 .chart p {font-size: 12px;}
  #quieto50 .block3 .chart .wrap h3 {font-size: 12px;}
  #quieto50 .block3 .chart .wrap dl dt {flex-basis: 100%;}
  #quieto50 .block3 .chart .wrap dl dd {flex-basis: 100%;}
  #quieto50 .block3 .chart small {font-size: 12px;}
}
/*--------------------------------------------------

	AVENT-LUSSO │ 共通

--------------------------------------------------*/
.avent_lusso {background: #000;}
.avent_lusso * {color: #fff;}
/* block1 */
.avent_lusso .block1 .watermark {margin-bottom: 0;color: #404040;}
.avent_lusso .block1 .watermark_sub::before {background: #fff;}
.avent_lusso .block1 .section:not(:last-child) {margin-bottom: var(--size130);}
.avent_lusso .block1 .section .title_wrap {margin-bottom: var(--size20-100);}
.avent_lusso .block1 .section .title_wrap h2 span span {padding: 0 0 0 .5em;font-weight: 500;font-size: 1.5em;}
.avent_lusso .block1 .section .title_wrap h2 span span::before {display: none;}
.avent_lusso .block1 .section .title_wrap p {margin-bottom: var(--size20-40);font-weight: 500;font-size: var(--font26);letter-spacing: .025em;}
.avent_lusso .block1 .section .title_wrap p:last-child {margin-bottom: 0;}
.avent_lusso .block1 .section .title_wrap small {display: block;font-size: var(--font18);line-height: 1.7;letter-spacing: .014em;}
.avent_lusso .block1 .section .container figure {width: 40%;}
.avent_lusso .block1 .section .container .wrap {width: 55%;}
.avent_lusso .block1 .section .container .wrap .content p {font-size: var(--font26);letter-spacing: .014em;}
.avent_lusso .block1 .section .container .wrap figure {width: 100%;margin-top: var(--size20-100);}
/* block2 */
.avent_lusso .block2 .section .band {padding: var(--size20-60) 0;background: url(../img/page/common/title_bg.webp) no-repeat left bottom / cover;}
.avent_lusso .block2 .section:nth-of-type(1) .band {background-color: #002C50;}
.avent_lusso .block2 .section:nth-of-type(2) .band {background-color: #BA5625;}
.avent_lusso .block2 .section:nth-of-type(3) .band {background-color: #705247;}
.avent_lusso .block2 .section .band h2 {display: block;position: relative;padding-left: 1.5em;font-weight: 700;color: #fff;font-size: var(--font32);letter-spacing: .027em;}
.avent_lusso .block2 .section .band h2::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: .7em;height: .7em;background: #fff;}
.avent_lusso .block2 .section .container {position: relative;z-index: -1;padding: var(--size20-70) 0 var(--size180);background: no-repeat top center / cover;}
.avent_lusso .block2 .section .wrap p {margin-bottom: var(--size20-60);font-weight: 500;font-size: var(--font26);letter-spacing: .014em;}
.avent_lusso .block2 .section .wrap dl {margin-bottom: var(--size180);padding: var(--size30) var(--size20-80);border: 1px solid #fff;}
.avent_lusso .block2 .section .wrap dl dt {margin-bottom: var(--size20);font-size: var(--font26);}
.avent_lusso .block2 .section .wrap dl dd {margin-bottom: 20px;font-size: var(--font26);letter-spacing: .014em;}
.avent_lusso .block2 .section .wrap dl dd:last-child {margin-bottom: 0;}
.avent_lusso .block2 .section .img_wrap {position: relative;max-width: 1440px;margin: 0 auto var(--size130);padding: var(--size20-40) 0 0 var(--size20-100);}
.avent_lusso .block2 .section .img_wrap:last-child {margin-bottom: 0;}
.avent_lusso .block2 .section .img_wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 70%;
  height: 100%;
  background: url(../img/page/avent-lusso/building_bg.webp) no-repeat top center / 100%;
}
.avent_lusso .block2 .section .img_wrap figure {width: 80%;max-width: 946px;margin: 0 5% 0 auto;}
@media only screen and ( max-width : 767px ) {
  .avent_lusso .watermark {font-size: 16vw;}
  .avent_lusso .block1 .section .title_wrap p {font-size: var(--font-base);}
  .avent_lusso .block1 .section .sub_title {margin-bottom: 10px;padding-bottom: 5px;border-bottom: 1px solid rgba(255, 255, 255, .5);font-size: 25px;line-height: 1.6;}
  .avent_lusso .block1 .section .container .wrap .content p {font-size: var(--font-base);}
  .avent_lusso .block1 .section ul.list {grid-template-columns: 1fr;gap: 10px;}
  .avent_lusso .block1 .section ul.imglist li {width: 49%;}
  .avent_lusso .block2 .section .band {padding: 10px 0;}
  .avent_lusso .block2 .section .img_wrap {padding: 20px 0 0;}
  .avent_lusso .block2 .section .img_wrap figure {width: 84%;}
  .avent_lusso .block2 .section .wrap p {font-size: var(--font-base);}
  .avent_lusso .block2 .section .wrap dl {margin-bottom: 30px;}
  .avent_lusso .block2 .section .wrap dl dt {margin-bottom: 0;}
  .avent_lusso .block2 .section .wrap dl dd {font-size: var(--font-base);}
}
@media only screen and ( max-width : 500px ) {
  .avent_lusso .block1 .section .container figure {width: 100%;}
  .avent_lusso .block1 .section .container .wrap {width: 100%;margin-bottom: 30px;}
}
/*--------------------------------------------------

	AVENT-LUSSO │ 内装付加価値アップ

--------------------------------------------------*/
#avent_lusso_naisou .block1 .section .title_wrap p {font-size: calc(var(--font26) - 4px);}
#avent_lusso_naisou .block1 .section figure.point {width: 80%;margin: 0 auto;}
#avent_lusso_naisou .block1 .section figure.sdgs {width: 90%;max-width: 574px;margin: 0 auto var(--size20-100);}
#avent_lusso_naisou .block1 .section figure.photo {max-width: 1000px;margin: 0 auto;}
#avent_lusso_naisou .block1 .section ul.list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}
#avent_lusso_naisou .block1 .section ul.list li {padding: var(--size30);background: #E6E6E6;}
#avent_lusso_naisou .block1 .section ul.list li:nth-child(3),
#avent_lusso_naisou .block1 .section ul.list li:nth-child(4) {background: #EFF9FF;}
#avent_lusso_naisou .block1 .section ul.list li h3 {margin-bottom: 5px;color: var(--blue);font-weight: 700;font-size: calc(var(--font29) + 4px);letter-spacing: .027em;}
#avent_lusso_naisou .block1 .section ul.list li p {color: #000;font-size: calc(var(--font26) - 4px);letter-spacing: .027em;}
#avent_lusso_naisou .block1 .section ul.imglist li {width: 45%;}
#avent_lusso_naisou .block2 .section .container {background-image: url(../img/page/avent-lusso/naisou/block2/bg.webp);}
#avent_lusso_naisou .block1 .section .container .wrap ol {margin-bottom: var(--size20-70);}
#avent_lusso_naisou .block1 .section .container .wrap ol li {margin-bottom: var(--size20);color: var(--blue);font-weight: 700;font-size: var(--font32);letter-spacing: .027em;}
#avent_lusso_naisou .block1 .section .container .wrap ol li:last-child {margin-bottom: 0;}
@media only screen and ( max-width : 767px ) {
  #avent_lusso_naisou .block2 .section .container {background-image: url(../img/page/avent-lusso/naisou/block2/bg-sp.webp);}
}
@media only screen and ( max-width : 500px ) {
  #avent_lusso_naisou .block1 .section figure.point {width: 100%;}
  #avent_lusso_naisou .block1 .section ul.imglist li {width: 100%;margin-bottom: 30px;}
  #avent_lusso_naisou .block1 .section ul.imglist li:last-child {margin-bottom: 0;}
}
/*--------------------------------------------------

	AVENT-LUSSO │ 外装付加価値アップ

--------------------------------------------------*/
#avent_lusso_gaikan .block:nth-child(odd)::before {background-image: url(../img/page/avent-lusso/gaikan/block1/bg_cubeL.webp);}
#avent_lusso_gaikan .block2 .section .container {background-image: url(../img/page/avent-lusso/gaikan/block2/bg.webp);}
#avent_lusso_gaikan .block2 .section .img_wrap .content {margin-bottom: var(--size40);}
#avent_lusso_gaikan .block2 .section .img_wrap .content h3 {margin-bottom: 5px;font-size: calc(var(--font36) + 6px);letter-spacing: .079em;}
#avent_lusso_gaikan .block2 .section .img_wrap .content h4 {font-weight: 600;font-size: calc(var(--font29) + 4px);letter-spacing: .014em;}
#avent_lusso_gaikan .block2 .section .img_wrap .content p {font-size: calc(var(--font26) - 4px);letter-spacing: .014em;}
@media only screen and ( max-width : 767px ) {
  #avent_lusso_gaikan .block2 .section .container {background-image: url(../img/page/avent-lusso/gaikan/block2/bg-sp.webp);}
  #avent_lusso_gaikan .block2 .section .img_wrap .content {padding-left: 20px;}
  #avent_lusso_gaikan .block2 .section .img_wrap .content h3 {font-size: var(--font15);}
}