@charset "UTF-8";
/* 共通 */
.pre-inc .content{font-size: 20px;color: #333;}
.pre-inc .content .wow{animation-name: fadeInUp;}
.pre-inc .content section{padding-top: 3.5em;}
.pre-inc .content section:last-of-type{padding-bottom: 3.5em;}
.pre-inc .content .wrap1024{max-width: none;width: 51.2em;}
.pre-inc .content .e_tit{font-size: 1.2em;text-align: center;letter-spacing: 0.1em;margin-bottom: 1.8em;}
.pre-inc .content .e_tit span{font-size: 1.17em;text-align: center;letter-spacing: 0.1em;color: #bb8a12;display: block;}
.pre-inc .content .note{font-size: 0.6em;line-height: 1.15;}
.pre-inc .content * + .note{margin-top: 0.7em;}
.pre-inc .content .lead{font-size: 0.7em;line-height: 1.25;}
.pre-inc .content .goth{font-family: YakuHanJP, "Public Sans", "Noto Sans JP", sans-serif;}
.pre-inc .st_tit{font-size: 0.9em;background: #008e8b;color: #fff;padding: 0.45em 0.5em;line-height: 1.2;width: 100%;margin-bottom: 0.7em;text-align: center;}
.pre-inc .content .cap_ol{font-size: 0.58em;line-height: 1.2;}
.pre-inc .content .cap_o{font-size: 0.58em;line-height: 1.2;}
.pre-inc .content .cap_b{font-size: 0.58em;line-height: 1.2;}
.pre-inc .tabs .tab.building01{pointer-events: none;}

@media screen and (min-width: 769px) and (max-width: 1100px) {
.pre-inc .content{font-size: 1.8vw;}
.pre-inc .content .wrap1024{padding: 0;}
}

@media screen and (max-width: 768px) {
.pre-inc .content{font-size: 4vw;}
.pre-inc .content section{padding-top: 2.5em;}
.pre-inc .content section:last-of-type{padding-bottom: 2.5em;}
.pre-inc .content .wrap1024{width: 100%;}
.pre-inc .content .e_tit{font-size: 1.2em;margin-bottom: 1.1em;}
.pre-inc .content .lead{font-size: 0.8em;line-height: 1.4;}
.pre-inc .content .note{font-size: 0.68em;line-height: 1.2;}
.pre-inc .content .cap_ol{font-size: 0.68em;line-height: 1.2;}
}

/* メイン */
.pre-inc main.pagehead{background: url("../img/evaluation/main_image.webp") no-repeat;background-size: cover;height: 600px;width: 100%;}

/* 相互リンク */
.pre-inc .mutual_link{background: #224142;padding: 2.5em 0;display: flex;justify-content: center;gap: 0 1.5em;}
.pre-inc .mutual_link a{font-size: 0.9em;padding: 0.7em;color: #224142;background: #fff;width: 13.3em;text-align: center;letter-spacing: 0.05em;transition: 0.3s all;border: 1px solid #fff;}
.pre-inc#evaluation .mutual_link a[href="/pl-kgy684/evaluation"],
.pre-inc#structure .mutual_link a[href="/pl-kgy684/structure"],
.pre-inc#security .mutual_link a[href="/pl-kgy684/security"]{color: #fff;background: #2e7f0a;pointer-events: none;border-color: #2e7f0a;}

@media screen and (min-width: 769px){
.pre-inc .mutual_link a:hover{color: #fff;background: #224142;}
}

@media screen and (max-width: 768px) {
.pre-inc .mutual_link{padding: 2.5em 0;gap: 0 1em;}
.pre-inc .mutual_link a{width: 8em;}
}


/* 住宅性能 */
/* 省エネ基準適合住宅 */
.pre-inc #eco_house{}
.pre-inc .eco_house_tit{height: 4.55em;background: url("../img/evaluation/eco_house_tit_bk.webp") no-repeat center center/cover;display: flex;align-items: center;padding-left: 1em;}
.pre-inc .eco_house_tit span{color: #00633d;font-size: 1.2em;}
.pre-inc .eco_house_tit span small{font-size: 0.83em;}
.pre-inc .eco_house_tit figure{width: 5.9em;margin-left: 3em;}
.pre-inc .eco_house_wrap{padding: 1em;background: #ebf6f5;}
.pre-inc .eco_house_wrap h4{color: #00633d;font-weight: 500;font-size: 0.9em;}
.pre-inc .eco_house_item{display: flex;justify-content: space-between;margin-top: 1em;}
.pre-inc .eco_house_item > li{width: 15em;}
.pre-inc .eco_house_item > li h5{font-size: 0.9em;background: linear-gradient(to right,#6db944,#038849);color: #fff;padding: 0.4em 0.5em;line-height: 1.3;}
.pre-inc .eco_house_item > li h5 small{font-size: 0.7em;}
.pre-inc .eco_house_item > li h5 + .lead{margin-top: 0.7em;}
.pre-inc .eco_house_item > li .item + .item{margin-top: 1.5em;}
.pre-inc .eco_house_item > li:nth-of-type(2){width: 16em;}
.pre-inc .eco_house_item > li:nth-of-type(3){width: 16.85em;}
.pre-inc .eco_house_item > li .casbee_fig{width: 14.7em;margin: 0.5em auto 0;}
.pre-inc #flat35s{margin-top: 1.5em;}
.pre-inc .flat35s_tit{font-size: 0.9em;background: linear-gradient(to right,#000,#142d71,#000);color: #fff;padding: 0.4em 0.5em;line-height: 1.3;}
.pre-inc .flat35s_tit + .lead{margin: 1em 0 0 21.143em;}
.pre-inc .flat35s_item{display: flex;justify-content: space-between;align-items: flex-end; margin-top: -1.8em;}
.pre-inc .flat35s_item > dt{width: 25em;}
.pre-inc .flat35s_item > dt p{font-size: 0.65em;line-height: 1.2;}
.pre-inc .flat35s_item > dt .flat35szeh_logo{width: 10em;margin: 0.1em 0 0.2em;}
.pre-inc .flat35s_item > dt big{font-size: 1em;line-height: 1.2;letter-spacing: 0.1em;}
.pre-inc .flat35s_item > dt .flat35s_fig01{margin-top: 0.5em;}
.pre-inc .flat35s_item > dd{width: 25em;}

@media screen and (min-width: 769px){
.pre-inc .eco_house_item > li:nth-of-type(2) figure{animation-delay: 0.2s;}
.pre-inc .eco_house_item > li:nth-of-type(3) .item{animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
.pre-inc .eco_house_tit{height: 6em;background: url("../img/evaluation/eco_house_tit_bk.webp") no-repeat 85% center/cover;padding-left: 1em;}
.pre-inc .eco_house_tit span small{font-size: 0.7em;}
.pre-inc .eco_house_wrap h4{color: #00633d;font-weight: 500;font-size: 0.9em;}
.pre-inc .eco_house_item{flex-wrap: wrap;margin-top: 1em;}
.pre-inc .eco_house_item > li{width: 100%;}
.pre-inc .eco_house_item > li h5{font-size: 0.9em;background: linear-gradient(to right,#6db944,#038849);color: #fff;padding: 0.4em 0.5em;line-height: 1.3;}
.pre-inc .eco_house_item > li h5 small{font-size: 0.7em;}
.pre-inc .eco_house_item > li:nth-of-type(2){width: 100%;margin-top: 1em;}
.pre-inc .eco_house_item > li:nth-of-type(3){width: 100%;margin-top: 1.5em;}
.pre-inc .eco_house_item > li .casbee_fig{width: 16em;}
.pre-inc .flat35s_tit + .lead{margin: 1em 0 0 0;}
.pre-inc .flat35s_item{flex-wrap: wrap; margin-top: 1em;}
.pre-inc .flat35s_item > dt{width: 100%;}
.pre-inc .flat35s_item > dt p{font-size: 0.7em;}
.pre-inc .flat35s_item > dd{width: 100%;margin-top: 1em;padding-top: 1em;border-top: 1px solid #aaa;}
}

/* 快適さの未来形、ZEH-M */
.pre-inc .zeh-m_tit{color: #006934;font-size: 0.9em;}
.pre-inc .zeh-m_tit big{display: block;font-size: 1.333em;}
.pre-inc .zeh-m_tit + .lead{margin-top: 0.5em;}
/* .pre-inc .zeh-m_item01{display: grid;justify-content: space-between;grid-template-columns: 44.2em 5.7em;} */
.pre-inc .zeh-m_item01 > figure{grid-row: 1/3;grid-column: 2/3;}
.pre-inc .zeh-m_item02{display: flex;justify-content: space-between;margin-top: 1em;}
.pre-inc .zeh-m_item02 > dd{width: 14.8em;}
.pre-inc .zeh-m_item02 > dt{width: 35.6em;}
.pre-inc #house_gmen{margin-top: 1.5em;border: 1px solid #006934;padding: 1em;}
.pre-inc .house_gmen_item{display: flex;justify-content: space-between;align-items: flex-end;}
.pre-inc .house_gmen_item > dt{width: 24em;}
.pre-inc .house_gmen_tit{width: 13.6em;}
.pre-inc #house_gmen h5{color: #006934;font-size: 0.9em;margin-top: 1em;letter-spacing: 0.05em;}
.pre-inc #house_gmen h5 + .lead{margin-top: 0.3em;}
.pre-inc .house_gmen_item > dd{width: 24em;background: #f1ecdd;padding: 1em;}
.pre-inc #house_gmen .house_gmen_item > dd h5{color: #000;margin-top: 0;}
.pre-inc #house_gmen .house_gmen_item > dd .lead{text-indent: -1em;padding-left: 1em;}
.pre-inc #multimedia{margin-top: 1.5em;}
.pre-inc .multimedia_tit{font-size: 0.9em;background: #006934;color: #fff;padding: 0.4em 1em;}
.pre-inc .multimedia_wrap{border: 1px solid #231815;padding: 1em;margin-top: 1em;display: flex;justify-content: space-between;}
.pre-inc .multimedia_wrap > dt{width: 24em;padding-top: 2em;}
.pre-inc .multimedia_wrap > dt h5{position: absolute;left: -1em;top: -1em;color: #fff;padding: 0.5em 1em;background: #6e1419;letter-spacing: 0.05em;}
.pre-inc .multimedia_item01{display: flex;justify-content: space-between;margin-top: 0.5em;}
.pre-inc .multimedia_item01 > li{padding: 0.2em;text-align: center;color: #fff;background: #80a17c;width: 11.5em;line-height: 1.1;font-size: 0.9em;}
.pre-inc .multimedia_item02_wrap{border: 1px solid #006934;margin-top: 0.7em;padding: 0.9em 0 0.5em;}
.pre-inc .multimedia_item02{display: flex;justify-content: space-between;}
.pre-inc .multimedia_item02 > li{width: 33.3%;}
.pre-inc .multimedia_item02 > li:nth-of-type(n+2){border-left: 1px solid #006934;}
.pre-inc .multimedia_item02 > li .jcom_tit{text-align: center;}
.pre-inc .multimedia_item02 > li .jcom_tit img{height: 1em;}
.pre-inc .multimedia_item02 > li .jcom_tit + .lead{margin-top: 0.5em;padding: 0 1em;}
.pre-inc .multimedia_item02_wrap .note{padding: 0 1.3em;}
.pre-inc .multimedia_wrap > dd{width: 24em;}
.pre-inc .club_jcom_item01{display: grid;justify-content: space-between;grid-template-columns: 17em 6.5em;}
.pre-inc .club_jcom_item01 > .club_jcom_tit{font-size: 0.9em;text-align: center;padding: 0.3em;color: #fff;background: #006934;line-height: 1.3;}
.pre-inc .club_jcom_item01 > .lead{margin-top: 0.5em;}
.pre-inc .club_jcom_item01 > figure{grid-row: 1/3;grid-column: 2/3;}
.pre-inc .club_jcom_item02{display: flex;justify-content: center;gap: 0 1em;border-top: 1px solid #006934;margin-top: 0.5em;padding-top: 0.5em;}
.pre-inc .club_jcom_item02 > li{width: 7em;}
.pre-inc .club_jcom_item02 > li .lead{text-align: center;margin-bottom: 0.5em;font-weight: 500;color: #000;}
.pre-inc .club_jcom_item02 > li .lead small{font-size: 0.9em;font-weight: 500;}
.pre-inc .club_jcom_item02 > li .lead span{font-size: 1.2em;}
.pre-inc .club_jcom_item02 > li .lead strong{color: #a88a20;}
.pre-inc .club_jcom_item02 > li .lead strong big{font-size: 1.8em;line-height: 0.8;}
.pre-inc .multimedia_wrap > dd > .note{border-top: 1px solid #006934;padding-top: 0.7em;margin-top: 0.7em;}

@media screen and (min-width: 769px){
.pre-inc .zeh-m_item01 > dd{animation-delay: 0.2s;}
.pre-inc .zeh-m_item02 > dt{animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .zeh-m_tit{font-size: 0.95em;}
.pre-inc .zeh-m_item01{grid-template-columns: 18em 4em;}
.pre-inc .zeh-m_item01 > figure{grid-row: 1/2;}
.pre-inc .zeh-m_item01 > .lead{grid-column: 1/3;}
.pre-inc .zeh-m_item02{flex-wrap: wrap;justify-content: center; margin-top: 1em;}
.pre-inc .zeh-m_item02 > dd{width: 17em;order: 2;margin-top: 0.5em;}
.pre-inc .zeh-m_item02 > dt{width: 100%;}
.pre-inc .house_gmen_item{flex-wrap: wrap;}
.pre-inc .house_gmen_item > dt{width: 100%;}
.pre-inc .house_gmen_tit{width: 15em;}
.pre-inc .house_gmen_item > dd{width: 100%;margin-top: 1em;}
.pre-inc .multimedia_wrap{flex-wrap: wrap;}
.pre-inc .multimedia_wrap > dt{width: 100%;padding-top: 2em;}
.pre-inc .multimedia_item01{display: flex;justify-content: space-between;margin-top: 0.5em;}
.pre-inc .multimedia_item01 > li{width: 49%;padding: 0.4em 0;}
.pre-inc .multimedia_item02_wrap{padding: 0.7em;}
.pre-inc .multimedia_item02{flex-wrap: wrap;}
.pre-inc .multimedia_item02 > li{width: 100%;}
.pre-inc .multimedia_item02 > li:nth-of-type(n+2){border-left: none;border-top: 1px solid #006934;padding-top: 0.7em;margin-top: 0.7em;}
.pre-inc .multimedia_item02 > li .jcom_tit img{height: 1em;}
.pre-inc .multimedia_item02 > li .jcom_tit + .lead{padding: 0;}
.pre-inc .multimedia_item02_wrap .note{padding: 1em 0 0 0;border-top: 1px solid #006934;margin-top: 1em}
.pre-inc .multimedia_wrap > dd{width: 100%;}
.pre-inc .club_jcom_item01{grid-template-columns: 15em 5em;margin-top: 1.5em;}
.pre-inc .club_jcom_item01 > .lead{grid-column: 1/3;}
.pre-inc .club_jcom_item01 > figure{grid-row: 1/2;}
.pre-inc .club_jcom_item02{flex-wrap: wrap;gap: 0;}
.pre-inc .club_jcom_item02 > li{width: 100%;display: grid;grid-template-columns: 45% 53%;justify-content: space-between;}
.pre-inc .club_jcom_item02 > li:nth-of-type(n+2){margin-top: 0.7em;padding-top: 0.7em;border-top: 1px solid #aaa;}
.pre-inc .club_jcom_item02 > li .lead{margin-bottom: 0;}
.pre-inc .club_jcom_item02 > li > div{grid-row: 1/3;grid-column: 2/3;display: flex;justify-content: center;align-items: center;}
}


/* 構造 */
.pre-inc#structure .content .lead{line-height: 1.6;}
.pre-inc#structure .content .note{line-height: 1.4;}
.pre-inc .structure_list{display: flex;flex-wrap: wrap;gap: 1.6em 1.6em;}
.pre-inc .structure_list > dt{width: 33.6em;}
.pre-inc .structure_list > dd{width: 16em;}
.pre-inc .structure_list > * figure{margin: 0.7em auto 0;}
.pre-inc .structure_list > #kuikiso{display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
.pre-inc .structure_list > #kuikiso .copy{width: 8.75em;}
.pre-inc .structure_list > #kuikiso figure{width: 6.7em;margin-top: 0;}
.pre-inc .structure_list > #concrete{display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;align-items: flex-end;}
.pre-inc .structure_list > #concrete figure{width: 22.4em;}
.pre-inc .structure_list > #concrete .note{width: 17em;}
.pre-inc .structure_list > #yosetsu{display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;gap: 0 1em;}
.pre-inc .structure_list > #yosetsu figure{display: flex;justify-content: center;flex-direction: column; height: 9.5em;padding-bottom: 1.5em;margin-top: 0.7em;}
.pre-inc .structure_list > #yosetsu figure:nth-of-type(1){width: 13.5em;}
.pre-inc .structure_list > #yosetsu figure:nth-of-type(2){width: 13.2em;}
.pre-inc .structure_list > #opening figure{width: 12.85em;}
.pre-inc .structure_list > #slit figure{width: 12.2em;}
.pre-inc .structure_list > #voidslab figure{width: 15.2em;}
.pre-inc .structure_list > #flooring figure{width: 15.8em;}
.pre-inc .structure_list > #low-e figure{width: 10.6em;}
.pre-inc .structure_list > #double figure{width: 14.3em;}
.pre-inc .structure_list > #sash figure{width: 11.8em;}
.pre-inc .structure_list > #dannetsu figure{width: 11.2em;}
.pre-inc .structure_list > #ketsuro figure{width: 9.4em;}
.pre-inc .structure_list > #door{display: flex;flex-wrap: wrap;justify-content: space-between;align-content: flex-start;}
.pre-inc .structure_list > #door .copy{width: 13.5em;}
.pre-inc .structure_list > #door figure{width: 19.35em;margin-top: 0;}
.pre-inc .structure_list > #taishin figure{width: 12em;margin-bottom: 0.7em;}
.pre-inc .structure_list > #fullflat figure{width: 24.7em;margin-bottom: 0.7em;}
.pre-inc .structure_list > #yubitsume figure{width: 12em;margin-bottom: 0.7em;}

@media screen and (min-width: 769px){
.pre-inc .structure_list > #concrete{animation-delay: 0.2s;}
.pre-inc .structure_list > #yosetsu{animation-delay: 0.2s;}
.pre-inc .structure_list > #slit{animation-delay: 0.2s;}
.pre-inc .structure_list > #voidslab{animation-delay: 0.4s;}
.pre-inc .structure_list > #low-e{animation-delay: 0.2s;}
.pre-inc .structure_list > #double{animation-delay: 0.4s;}
.pre-inc .structure_list > #dannetsu{animation-delay: 0.2s;}
.pre-inc .structure_list > #ketsuro{animation-delay: 0.4s;}
.pre-inc .structure_list > #taishin{animation-delay: 0.2s;}
.pre-inc .structure_list > #yubitsume{animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
.pre-inc .structure_list{display: flex;flex-wrap: wrap;gap: 1.6em 2%;}
.pre-inc .structure_list > dt{width: 100%;}
.pre-inc .structure_list > dd{width: 49%;}
.pre-inc .structure_list > *{order: 5;}
.pre-inc .structure_list > #kuikiso{order: 1;}
.pre-inc .structure_list > #kuikiso .copy{width: 100%;}
.pre-inc .structure_list > #kuikiso figure{width: 8em;margin: 0.7em auto 0;}
.pre-inc .structure_list > #cement{order: 2;}
.pre-inc .structure_list > #concrete figure{width: 100%;}
.pre-inc .structure_list > #concrete .note{width: 100%;}
.pre-inc .structure_list > #yosetsu{display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;gap: 0 0.5em;}
.pre-inc .structure_list > #yosetsu figure{height: 8em;}
.pre-inc .structure_list > #yosetsu figure:nth-of-type(1){width: 11em;}
.pre-inc .structure_list > #yosetsu figure:nth-of-type(2){width: 11em;}
.pre-inc .structure_list > #opening figure{width: 100%;}
.pre-inc .structure_list > #slit figure{width: 100%;}
.pre-inc .structure_list > #voidslab{width: 100%;}
.pre-inc .structure_list > #voidslab figure{width: 100%;}
.pre-inc .structure_list > #flooring figure{width: 100%;}
.pre-inc .structure_list > #low-e figure{width: 100%;}
.pre-inc .structure_list > #double figure{width: 100%;}
.pre-inc .structure_list > #sash figure{width: 100%;}
.pre-inc .structure_list > #dannetsu figure{width: 100%;}
.pre-inc .structure_list > #ketsuro figure{width: 100%;}
.pre-inc .structure_list > #door .copy{width: 100%;}
.pre-inc .structure_list > #door figure{width: 100%;}
.pre-inc .structure_list > #taishin{order: 6;}
.pre-inc .structure_list > #taishin figure{width: 100%;}
.pre-inc .structure_list > #fullflat figure{width: 100%;}
.pre-inc .structure_list > #yubitsume{order: 7;}
.pre-inc .structure_list > #yubitsume figure{width: 100%;height: 25.8vw;}
.pre-inc .structure_list > #yubitsume figure img{object-fit: cover;width: 100%;height: 100%;}
}



/* セキュリティ */
.pre-inc#security .content .note{line-height: 1.4;}
.pre-inc .security_list > dd .lead{line-height: 1.6;}
.pre-inc .security_list{display: flex;flex-wrap: wrap;justify-content: space-between; gap: 1.6em 0;}
.pre-inc .security_list > #osakagas{width: 25em;}
.pre-inc .security_list > #osakagas figure{margin: 0.7em auto 0;}
.pre-inc .security_list > #emergency{width: 25em;}
.pre-inc .security_list > #emergency figure{width: 20.9em;margin: 0.7em auto 0;}
.pre-inc .security_list > #goal{border: 1px solid #000;padding: 1em;width: 100%;}
.pre-inc .security_list > #goal .goal_tit{font-size: 1em;}
.pre-inc .security_list > #goal .goal_tit_s{font-size: 0.8em;margin-bottom: 0.3em;line-height: 1.2;font-weight: 600;text-indent: -1em;padding-left: 1em;}
.pre-inc .security_list > #goal .goal_tit_s:nth-of-type(n+2){margin-top: 0.7em;}
.pre-inc .security_list > #goal .goal_tit_s::first-letter{color: #008e8b;}
.pre-inc .security_list > #goal .goal_item{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 0.5em;}
.pre-inc .security_list > #goal .goal_item > dt{width: 24em;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pre-inc .security_list > #goal .goal_item > dt > .copy{width: 14.5em;}
.pre-inc .security_list > #goal .goal_item > dt > .copy .goal_logo{width: 11.85em;}
.pre-inc .security_list > #goal .goal_item > dt > .copy .goal_logo + .lead{margin-top: 1em;line-height: 1.5;}
.pre-inc .security_list > #goal .goal_item > dt > figure{width: 7.3em;}
.pre-inc .security_list > #goal .goal_item > dt > figure .cap_b{bottom: 0;white-space: nowrap;right: calc(100% + 1em);}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey{border: 1px solid #000;margin-top: 1em;padding: 1em;display: grid;justify-content: space-between;align-items: flex-end;grid-template-columns: 15em 6.2em; width: 100%;gap: 0.7em 0;}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey figure{grid-row: 1/3;grid-column: 2/3;}
.pre-inc .security_list > #goal .goal_item > dd{width: 24em;border: 1px solid #000;padding: 1em;display: flex;justify-content: space-between;}
.pre-inc .security_list > #goal .goal_item > dd .left{width: 11.05em;}
.pre-inc .security_list > #goal .goal_item > dd .left h5{font-size: 0.9em;line-height: 1.2;margin-bottom: 0.7em;}
.pre-inc .security_list > #goal .goal_item > dd .right{width: 10em;}
.pre-inc .security_list > #goal .goal_item > dd .right .item + .item{margin-top: 0.7em;}
.pre-inc .security_list > #goal .goal_item > dd .right .note{letter-spacing: -0.1em;}
.pre-inc .security_list > #goal .goal_item > dd .right figure{width: 7em;margin: 0.7em auto 0;}
.pre-inc .security_list > #goal .handsfree_contactless{margin-top: 1.5em;}
.pre-inc .security_list > #goal .handsfree_contactless h5{font-size: 1em;line-height: 1.5;}
.pre-inc .security_list > #goal .handsfree_item{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 0.5em 0;}
.pre-inc .security_list > #goal .handsfree_item > .copy{width: 37.25em;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_img{width: 10em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu{width: 10em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu h6{font-size: 0.8em;padding: 0.1em;border: 1px solid #333;text-align: center;background: #f6fbff;margin-bottom: 0.5em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu figure{width: 7.7em;margin: 0.2em auto 0;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01{margin-right: 1em;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01 img{height: 10em;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01::after{content: "";display: block;width: 1em;height: 2.1em;background: #231816;clip-path: polygon(0 0, 0 100%, 100% 50%);position: absolute;right: -2.5em;top: 0;bottom: 0;margin: auto 0;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig02 img{height: 10em;}
.pre-inc .security_list > #goal .contactless_item{display: flex;justify-content: space-between;align-items: center;margin-top: 1em;}
.pre-inc .security_list > #goal .contactless_item > .copy{width: 37.5em;}
.pre-inc .security_list > #goal .contactless_item > .contactless_img{width: 7.65em;margin-right: 2em;}
.pre-inc .security_list > #monitor{width: 16em;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #monitor .copy{width: 9.25em;}
.pre-inc .security_list > #monitor .copy .note{white-space: nowrap;}
.pre-inc .security_list > #monitor figure{width: 6em;}
.pre-inc .security_list > #interphone{width: 16em;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #interphone .copy{width: 9.25em;}
.pre-inc .security_list > #interphone figure{width: 6em;}
.pre-inc .security_list > #mengoshi{width: 16em;}
.pre-inc .security_list > #mengoshi figure{width: 9em;margin: 0.7em auto 0;}
.pre-inc .security_list > #sensor{width: 16em;}
.pre-inc .security_list > #sensor figure{width: 9.05em;margin: 0.7em auto 0;}
.pre-inc .security_list > #camera{width: 16em;}
.pre-inc .security_list > #camera figure{width: 8.9em;margin: 0.7em auto 0;}
.pre-inc .security_list > #soko{width: 16em;}
.pre-inc .security_list > #soko figure{width: 13em;margin: 0.7em auto 0;}
.pre-inc .security_list > #eletomo{width: 100%;display: flex;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #eletomo .copy{width: 33.5em;flex: 1;padding-right: 1em;}
.pre-inc .security_list > #eletomo .copy h5{font-size: 0.8em;font-weight: 600;margin-bottom: 0.3em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(1){width: 6.2em;margin-right: 0.5em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(2){width: 3.8em;margin-right: 0.75em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(3){width: 5.8em;}

@media screen and (min-width: 769px){
.pre-inc .security_list > #emergency{animation-delay: 0.2s;}
.pre-inc .security_list > #interphone{animation-delay: 0.2s;}
.pre-inc .security_list > #mengoshi{animation-delay: 0.4s;}
.pre-inc .security_list > #camera{animation-delay: 0.2s;}
.pre-inc .security_list > #soko{animation-delay: 0.4s;}
}

@media screen and (max-width: 768px) {
.pre-inc .security_list > dd .lead{line-height: 1.5;}
.pre-inc .security_list > #osakagas{width: 100%;}
.pre-inc .security_list > #emergency{width: 100%;}
.pre-inc .security_list > #emergency figure{width: 100%;}
.pre-inc .security_list > #goal .goal_tit_s{font-size: 0.85em;}
.pre-inc .security_list > #goal .goal_item{flex-wrap: wrap;}
.pre-inc .security_list > #goal .goal_item > dt{width: 100%;}
.pre-inc .security_list > #goal .goal_item > dt > .copy{width: 13em;}
.pre-inc .security_list > #goal .goal_item > dt > .copy .goal_logo{width: 9em;}
.pre-inc .security_list > #goal .goal_item > dt > figure{width: 7.3em;align-self: flex-end;}
.pre-inc .security_list > #goal .goal_item > dt > figure .cap_b{position: static;padding: 0.5em 0.3em 0 0;}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey{align-items: flex-start;grid-template-columns: 13em 5em;}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey figure{grid-row: 1/2;grid-column: 2/3;}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey figure .cap_o{white-space: nowrap;}
.pre-inc .security_list > #goal .goal_item > dt > .dimplekey figure + .copy{grid-row: 2/3;grid-column: 1/3;}
.pre-inc .security_list > #goal .goal_item > dd{width: 100%;margin-top: 1em;flex-wrap: wrap;}
.pre-inc .security_list > #goal .goal_item > dd .left{width: 100%;}
.pre-inc .security_list > #goal .goal_item > dd .left h5{font-size: 0.9em;line-height: 1.2;margin-bottom: 0.7em;}
.pre-inc .security_list > #goal .goal_item > dd .left figure{width: 12em;margin-left: auto;}
.pre-inc .security_list > #goal .goal_item > dd .right{width: 100%;margin-top: 1em;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pre-inc .security_list > #goal .goal_item > dd .right .item:nth-child(1){position: absolute;top: -15em;left: 0;width: 6em;}
.pre-inc .security_list > #goal .goal_item > dd .right .item:nth-child(2){width: 11em;}
.pre-inc .security_list > #goal .goal_item > dd .right figure{width: 7em;margin: 0;align-self: flex-end;}
.pre-inc .security_list > #goal .handsfree_item{margin-top: 1em;gap: 0.5em 0;}
.pre-inc .security_list > #goal .handsfree_item > .copy{width: 13em;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_img{width: 7em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu{width: 100%;margin-top: 0.5em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu h6{font-size: 0.9em;}
.pre-inc .security_list > #goal .handsfree_item > .senyu figure{display: none;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01{margin: 0 auto 1em;width: 95%;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01 img{height: auto;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig01::after{width: 2.1em;height: 1em;clip-path: polygon(0 0, 100% 0%, 50% 100%);right: 0;left: 0;top: auto;bottom: -1.5em;margin: 0 auto;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig02{width: 95%;margin-inline: auto;}
.pre-inc .security_list > #goal .handsfree_item > .handsfree_fig02 img{height: auto;}
.pre-inc .security_list > #goal .contactless_item{}
.pre-inc .security_list > #goal .contactless_item > .copy{width: 14em;}
.pre-inc .security_list > #goal .contactless_item > .contactless_img{width: 5.5em;margin-right: 0;}
.pre-inc .security_list > #monitor{width: 100%;}
.pre-inc .security_list > #monitor .copy{width: 14em;}
.pre-inc .security_list > #monitor .copy .note{white-space: normal;}
.pre-inc .security_list > #monitor figure{width: 8em;}
.pre-inc .security_list > #interphone{width: 100%;}
.pre-inc .security_list > #interphone .copy{width: 14em;}
.pre-inc .security_list > #interphone figure{width: 8em;}
.pre-inc .security_list > #interphone figure .cap_o{letter-spacing: -0.05em;}
.pre-inc .security_list > #mengoshi{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #mengoshi .copy{width: 12em;}
.pre-inc .security_list > #mengoshi figure{width: 10em;margin: 0;}
.pre-inc .security_list > #sensor{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #sensor .copy{width: 12em;}
.pre-inc .security_list > #sensor figure{width: 10em;margin: 0;}
.pre-inc .security_list > #camera{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-content: flex-start;}
.pre-inc .security_list > #camera .copy{width: 12em;}
.pre-inc .security_list > #camera figure{width: 10em;margin: 0;}
.pre-inc .security_list > #soko{width: 100%;}
.pre-inc .security_list > #soko figure{width: 16em;margin: 0.7em auto 0;}
.pre-inc .security_list > #eletomo{width: 100%;}
.pre-inc .security_list > #eletomo .copy{width: 100%;flex: 0 auto;padding-right: 0;}
.pre-inc .security_list > #eletomo figure{margin-top: 0.7em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(1){width: 8.06em;margin-right: 0.65em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(2){width: 4.94em;margin-right: 0.975em;}
.pre-inc .security_list > #eletomo figure:nth-of-type(3){width: 7.54em;}
}