@import url(reset.css);
/**@mixin en1{
	font-family: 'Source Serif 4', serif;
	font-weight: 700;
}**/
@import url("https://use.typekit.net/ozm3jsg.css");
sup { vertical-align: super; }

.localNav-space ul { flex-wrap: wrap; justify-content: center; column-gap: 2%; }
@media screen and (max-width: 1024px) { .localNav-space ul li a .txt .en { font-size: 2vw; } }
@media screen and (max-width: 834px) { .localNav-space ul li a .txt .en { font-size: 2.24vw; } }
@media screen and (max-width: 600px) { .localNav-space ul li a .txt .en { font-size: 6vw; } }

.midashi-en { line-height: 1.2; }
@media screen and (max-width: 600px) { .midashi-en .en { font-size: 6.4vw; } }

.section-body { padding-top: 6.4rem; }
.section-body .cate-name { margin-bottom: 3.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.section-body .cate-name div, .section-body .cate-name li { min-height: 0%; }
.section-body .cate-name .en { width: 20.36363636%; font-family: "eb-garamond", serif; font-weight: 400; font-style: normal; font-size: 2rem; letter-spacing: 0.1em; color: #fff; padding: 6px 8px; background-color: #002e5a; line-height: 1; text-align: center; }
.section-body .cate-name .lead { width: 77.63636364%; font-size: 2rem; letter-spacing: 0.15em; margin-top: 0; line-height: 1.44; }
.section-body .item-list-wrap .item-list { display: grid; gap: 2rem 3.27272727%; align-items: flex-start; }
.section-body .item-list-wrap .item-list.grid4 { grid-template-columns: repeat(4, 1fr); }
.section-body .item-list-wrap .item-list.grid3 { grid-template-columns: repeat(3, 1fr); }
.section-body .item-list-wrap .item-list.grid2 { grid-template-columns: repeat(2, 1fr); }
.section-body .item-list-wrap .item-list .item-box { display: grid; grid-template-rows: subgrid; grid-row: span 4; grid-row-gap: 12px; }
.section-body .item-list-wrap .item-list .item-box.item-list .item-box, .section-body .item-list-wrap .item-list .item-box .item-list .item-box { margin-bottom: 0; }
.section-body .item-list-wrap .item-list .span2 { grid-column: span 2; }
.section-body .item-list-wrap .item-list .span3 { grid-column: span 3; }
.section-body .item-list-wrap .item-list .span4 { grid-column: span 4; }
.section-body .item-list-wrap .item-list .item-name { font-size: 1.5rem; text-align: left; line-height: 1.28; }
.section-body .item-list-wrap .item-list .text .lead { font-size: 1.3rem; margin-top: 0; }
.section-body .item-list-wrap .item-list .text .note { margin-top: 8px; }
@media screen and (max-width: 864px) { .section-body .cate-name .en { width: 24%; }
  .section-body .cate-name .lead { width: 72%; } }
@media screen and (max-width: 600px) { .section-body { padding-top: 4rem; }
  .section-body .cate-name { margin-bottom: 2rem; }
  .section-body .cate-name .en { width: 100%; font-size: 16px; }
  .section-body .cate-name .lead { width: 100%; font-size: 16px; padding-top: 1em; }
  .section-body .item-list-wrap .item-list { grid-column-gap: 6%; }
  .section-body .item-list-wrap .item-list.grid4 { grid-template-columns: repeat(2, 1fr); }
  .section-body .item-list-wrap .item-list.grid3, .section-body .item-list-wrap .item-list.grid2 { grid-template-columns: 1fr; }
  .section-body .item-list-wrap .item-list .item-box { margin-bottom: 2.4rem; grid-row-gap: 8px; grid-row: span 3; }
  .section-body .item-list-wrap .item-list .span2, .section-body .item-list-wrap .item-list .span3, .section-body .item-list-wrap .item-list .span4 { grid-column: span 2; }
  .section-body .item-list-wrap .item-list .item-name { font-size: 15px; }
  .section-body .item-list-wrap .item-list .text .lead { font-size: 13px; line-height: 1.6; } }

#Kitchen .kitchen-merit { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem 2%; }
#Kitchen .kitchen-merit li { padding: 12px 8px; background-color: #81819c; display: flex; justify-content: center; align-items: center; }
#Kitchen .kitchen-merit li p { font-size: 1.4rem; color: #fff; line-height: 1.2; text-align: center; }
#Kitchen .kitchen-merit .ttl { grid-column: span 2; padding: 8px 6px; background-color: #002e5a; }
#Kitchen .kitchen-merit .ttl p { font-size: 1.6rem; }
#Kitchen #dishwasher { background-color: #f4f4f0; padding: 2.4rem 2.4% 1rem; grid-row: span 2; margin-bottom: 2rem; }
#Kitchen #dishwasher .block1.grid2 { grid-row-gap: 12px; }
#Kitchen #dishwasher .block1 .image { grid-row: span 4; }
#Kitchen #dishwasher .block2 { padding: 2.4rem; }
#Kitchen #dishwasher .block3 .features-ttl { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: 1.6rem; color: #fff; line-height: 1.2; text-align: center; padding: 8px 6px; background-color: #002e5a; }
#Kitchen #dishwasher .block3 .features-body { background-color: #fff; padding: 2.4rem; }
#Kitchen #dishwasher .block3 .features-body .item-list { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; grid-row-gap: 2.4rem; }
#Kitchen #dishwasher .block3 .features-body .item-list .item-box { grid-row: span 3; }
#Kitchen #dishwasher .block3 .features-body .item-list .item-name { text-align: center; }
#Kitchen #dishwasher .block3 .features-body .note { margin-top: 1rem; }
#Kitchen #si-stove, #Kitchen #sink { border: thin solid #002e5a; padding: 2.4rem 4.4% 2rem; grid-row: span 2; margin-bottom: 2rem; }
#Kitchen #si-stove .block1.grid2, #Kitchen #sink .block1.grid2 { grid-row-gap: 12px; }
#Kitchen #si-stove .block1 .image, #Kitchen #sink .block1 .image { grid-row: span 4; }
#Kitchen #si-stove .block2, #Kitchen #sink .block2 { padding-top: 0.4rem; }
#Kitchen #tsuritodana { display: block; margin-bottom: 2rem; }
#Kitchen #tsuritodana .grid2 { grid-template-columns: auto 46.61654135%; }
#Kitchen #tsuritodana .grid2 > .image { display: block; grid-row: span 4; }
@media screen and (max-width: 864px) { #Kitchen #dishwasher { padding: 2rem 2.4% 0.4rem; }
  #Kitchen #dishwasher .block1 { grid-column: span 2; }
  #Kitchen #dishwasher .block2 { grid-column: span 2; padding: 0; }
  #Kitchen #dishwasher .block3 { margin-top: 0; }
  #Kitchen #si-stove, #Kitchen #sink { padding: 1.6rem 4.4% 1.6rem; }
  #Kitchen #si-stove .block1.grid2, #Kitchen #sink .block1.grid2 { grid-template-columns: 1fr; }
  #Kitchen #si-stove .block1 .image, #Kitchen #sink .block1 .image { grid-row: span 1; }
  #Kitchen #si-stove .block2 .kitchen-merit, #Kitchen #sink .block2 .kitchen-merit { grid-template-columns: 1fr; }
  #Kitchen #si-stove .block2 .kitchen-merit .ttl, #Kitchen #sink .block2 .kitchen-merit .ttl { grid-column: span 1; } }
@media screen and (max-width: 600px) { #Kitchen .kitchen-merit { grid-template-columns: 1fr; }
  #Kitchen .kitchen-merit .ttl { grid-column: span 1; }
  #Kitchen #dishwasher { padding: 2rem 4.4% 0.4rem; }
  #Kitchen #si-stove, #Kitchen #sink { padding-bottom: 1.8rem; }
  #Kitchen #tsuritodana { margin-bottom: 1rem; } }

#Comfort #trash24 { grid-column-start: 1; }
#Comfort #multimedia { display: block; background-color: #f4f4f0; grid-row: span 8; }
#Comfort #multimedia .multimedia-ttl { padding: 4px 8px; background-color: #686c68; color: #fff; font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#Comfort #multimedia .multimedia-ttl div, #Comfort #multimedia .multimedia-ttl li { min-height: 0%; }
#Comfort #multimedia .multimedia-ttl .en { font-size: 1.6rem; width: 20%; max-width: 120px; }
#Comfort #multimedia .multimedia-ttl .en img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
#Comfort #multimedia .multimedia-ttl .ja { font-size: 1.5rem; font-weight: 300; }
#Comfort #multimedia .multimedia-ttl + .item-list { padding: 1.6rem 2rem; }
#Comfort #multimedia .multimedia-ttl + .item-list .image { order: 2; }
#Comfort #multimedia .multimedia-ttl + .item-list .image .img .cap.in { right: 56%; }
#Comfort #multimedia .multimedia-ttl + .item-list .text { grid-row: span 2; order: 1; }
#Comfort #multimedia .multimedia-ttl + .item-list .text .item-name { padding-bottom: 12px; }
#Comfort #multimedia .multimedia-ttl + .item-list .fig { order: 3; grid-column-start: 3; grid-column-end: 5; }
@media screen and (max-width: 864px) { #Comfort #multimedia .multimedia-ttl + .item-list .image, #Comfort #multimedia .multimedia-ttl + .item-list .text, #Comfort #multimedia .multimedia-ttl + .item-list .fig { grid-column: span 4; }
  #Comfort #multimedia .multimedia-ttl + .item-list .image { order: 1; }
  #Comfort #multimedia .multimedia-ttl + .item-list .text { order: 2; } }
@media screen and (max-width: 600px) { #Comfort #trash24 { grid-column-start: 2; }
  #Comfort #multimedia { order: 19; }
  #Comfort #multimedia .multimedia-ttl .ja { font-size: 1.4rem; } }

#Storage #w-closet { grid-template-columns: 46.61654135% 46.61654135%; grid-row-gap: 12px; }
#Storage #w-closet .item-name, #Storage #w-closet .text { grid-column: span 2; }

#Eco .item-list .lead { font-size: 1.3rem; margin-top: 0; }
#Eco .item-name { padding-left: 1.8rem; position: relative; }
#Eco .item-name::before { content: ""; display: inline-block; width: 1.4rem; aspect-ratio: 1/1; background-color: #000; margin-right: 6px; vertical-align: text-top; line-height: 1.28; position: absolute; top: 0.05em; left: 0; }
#Eco img { width: 100%; height: auto; line-height: 1; vertical-align: middle; }
#Eco #ecojozu { background-color: #f4f4f0; padding: 2.4rem; }
#Eco #ecojozu .ecojozu-head, #Eco #ecojozu .ecojozu-body { display: grid; }
#Eco #ecojozu .ecojozu-head { grid-template-columns: repeat(5, 1fr); gap: 2.4rem; margin-bottom: 2.4rem; }
#Eco #ecojozu .ecojozu-head .logo { grid-column: span 2; padding: 8px; align-self: center; }
#Eco #ecojozu .ecojozu-head .copy { grid-column: span 3; background-color: #fff; border: thin solid #b8a996; padding: 0.8rem 1.2rem; display: flex; justify-content: center; align-items: center; }
#Eco #ecojozu .ecojozu-head .copy p { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: 1.8rem; text-align: center; line-height: 1.44; }
#Eco #ecojozu .ecojozu-body { grid-template-columns: repeat(7, 1fr); gap: 1.6rem 4rem; }
#Eco #ecojozu .ecojozu-body .item-name { grid-column: span 3; margin-top: 2rem; }
#Eco #ecojozu .ecojozu-body .text { grid-column: span 3; grid-column-start: 1; grid-column-end: 4; }
#Eco #ecojozu .ecojozu-body .fig { grid-column-start: 1; grid-column-end: 4; }
#Eco #ecojozu .ecojozu-body .image { grid-column-start: 4; grid-column-end: 8; grid-row-start: 1; grid-row-end: 5; }
#Eco #ecojozu .ecojozu-body .note { grid-column: span 7; }
#Eco #autobath { background-color: #f4f4f0; padding: 2.4rem; }
#Eco #autobath .fig { margin-top: 2rem; padding: 0 1rem; }
#Eco #floorheating { background-color: #f4f4f0; display: grid; grid-template-columns: repeat(5, 1fr); }
#Eco #floorheating .floorheating-head { background-color: #b8a996; padding: 4px 8px; display: flex; justify-content: center; align-items: center; }
#Eco #floorheating .floorheating-head p { color: #fff; font-size: 1.5rem; text-align: center; line-height: 1.2; }
#Eco #floorheating .floorheating-body { padding: 2rem; grid-column: span 4; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4rem; align-items: center; }
#Eco #floorheating .floorheating-body .block { grid-column: span 2; }
#Eco #floorheating .floorheating-body .image { width: 56%; float: right; vertical-align: bottom; margin-left: 1.6rem; }
#Eco #floorheating .floorheating-body .fig-table .head { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; font-size: 12px; text-align: left; line-height: 1.2; margin-bottom: 2px; }
#Eco #floorheating .floorheating-body .fig-table .note { margin-top: 1rem; }
#Eco #gas { margin-top: 2rem; }
#Eco #gas .item-name { margin-bottom: 12px; }
#Eco #gas .gas-about { margin-top: 1.6rem; font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; position: relative; }
#Eco #gas .gas-about div, #Eco #gas .gas-about li { min-height: 0%; }
#Eco #gas .gas-about .box { border-radius: 8px; border: thin solid #5bc2d9; }
#Eco #gas .gas-about .box .head { background-color: #e6f4f9; padding: 1.6rem 1.2rem 0.8rem; border-top-left-radius: 8px; border-top-right-radius: 8px; }
#Eco #gas .gas-about .box .body { padding: 1.6rem 1.2rem; }
#Eco #gas .gas-about .box .body .fig { margin: auto auto 1.6rem; }
#Eco #gas .gas-about .box .body .lead { font-weight: 300px; }
#Eco #gas .gas-about .box .body .note { margin-top: 0.8rem; }
#Eco #gas .gas-about .box1 { width: calc((190/504)*100%); }
#Eco #gas .gas-about .box1 .body .fig { width: calc((136/190)*100%); }
#Eco #gas .gas-about .box2 { width: calc((296/504)*100%); }
#Eco #gas .gas-about .box2 .body .fig { width: calc((240/296)*100%); }
#Eco #gas .gas-about .andmore { width: calc((62/504)*100%); position: absolute; top: 32%; left: calc((168/504)*100%); }
#Eco #gas .gas-result { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; background-color: #e6f4f9; padding: 1.6rem; margin-top: 1.6rem; }
#Eco #gas .gas-result .fig { margin-top: -5%; margin-bottom: 1.6rem; }
#Eco #water-saving { margin-top: 2rem; }
#Eco #water-saving .about-saving { border: 2px solid #002e5a; }
#Eco #water-saving .about-saving .head { background-color: #002e5a; padding: 6px; font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; color: #fff; font-size: 1.8rem; font-weight: bold; text-align: center; line-height: 1.44; }
#Eco #water-saving .about-saving .body { background-color: #fff; padding: 1.6rem; display: grid; grid-template-columns: 2fr 0.72fr; gap: 1.6rem; }
#Eco #water-saving .about-saving .body .lead { grid-column: span 2; }
#Eco #water-saving .about-saving .body .note { margin-top: 1rem; }
@media screen and (max-width: 834px) { #Eco .item-name { padding-left: 1.6rem; }
  #Eco .item-name::before { width: 1.3rem; }
  #Eco #ecojozu .ecojozu-head { margin-bottom: 2rem; }
  #Eco #ecojozu .ecojozu-head .copy p { font-size: 1.5rem; }
  #Eco #ecojozu .ecojozu-body { grid-column-gap: 2.4rem; }
  #Eco #ecojozu .ecojozu-body .item-name { grid-column: span 7; padding-top: 0; }
  #Eco #ecojozu .ecojozu-body .image { grid-row-start: 2; }
  #Eco #floorheating .floorheating-body { grid-template-columns: repeat(2, 1fr); }
  #Eco #floorheating .floorheating-body .block { grid-column: span 1; }
  #Eco #gas { grid-column: span 4; }
  #Eco #gas .gas-result { margin-top: 2rem; }
  #Eco #water-saving { grid-column: span 4; }
  #Eco #water-saving .about-saving .body { grid-template-columns: 1fr 1.8fr 0.64fr; }
  #Eco #water-saving .about-saving .body .lead { grid-column: span 1; } }
@media screen and (max-width: 600px) { #Eco .item-list .lead { font-size: 13px; line-height: 1.6; }
  #Eco .item-name { padding-left: 16px; }
  #Eco .item-name::before { width: 14px; }
  #Eco #ecojozu .ecojozu-head, #Eco #ecojozu .ecojozu-body { grid-template-columns: 1fr; grid-row-gap: 1.6rem; }
  #Eco #ecojozu .ecojozu-head *, #Eco #ecojozu .ecojozu-body * { grid-column: span 1 !important; }
  #Eco #ecojozu .ecojozu-head .logo { width: 80%; padding: 0; margin: auto; }
  #Eco #ecojozu .ecojozu-body * { grid-column-start: initial; grid-column-end: initial; grid-row-start: initial; grid-row-end: initial; }
  #Eco #ecojozu .ecojozu-body .item-name { margin-top: 0; }
  #Eco #ecojozu .ecojozu-body .image .img .cap.in { bottom: -4px; text-align: right; }
  #Eco #floorheating { grid-template-columns: 1fr; }
  #Eco #floorheating .floorheating-body { grid-template-columns: 1fr; }
  #Eco #floorheating .floorheating-body .block, #Eco #floorheating .floorheating-body .fig-table { grid-column: span 1; }
  #Eco #floorheating .floorheating-body .image { width: 44%; }
  #Eco #floorheating .floorheating-body .fig-table { padding: 0 8px; }
  #Eco #gas { margin-top: 1rem; grid-column: span 2; }
  #Eco #gas .gas-about .box .head { padding-top: 8px; }
  #Eco #gas .gas-about .andmore { top: 24%; }
  #Eco #gas .gas-result { margin-top: 1rem; }
  #Eco #water-saving { margin-top: 1rem; grid-column: span 2; }
  #Eco #water-saving .about-saving .body { grid-template-columns: 1fr; padding: 1.6rem 2rem; } }

#Security #intercom-sensor { display: block; grid-row: span 6; }
#Security #intercom-sensor .grid3 { grid-row-gap: 12px; }
#Security #intercom .image { grid-row: span 3; grid-column-start: 3; }
#Security #intercom .item-name { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; }
#Security #intercom .text { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; }
#Security #security-sensor { margin-top: 2.4rem; }
#Security #security-sensor .text { margin-top: 12px; }
#Security #door-security { display: block; background-color: #f4f4f0; padding: 1.6rem 2rem; margin-top: 2rem; }
#Security #door-security .grid3 { grid-row-gap: 1.6rem; }
#Security #door-security .grid3 > li { grid-row: span 2; }
#Security #door-security .grid3 > li:first-of-type .image { grid-row: span 2; }
#Security #door-security .grid2 { grid-template-columns: 1fr 0.8fr; gap: 12px; }
#Security #door-security .grid2 .item-name { grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; justify-content: flex-start; background-color: #caa08c; color: #fff; }
#Security #door-security .grid2 .item-name div, #Security #door-security .grid2 .item-name li { min-height: 0%; }
#Security #door-security .grid2 .item-name .num { width: 2.4rem; height: 100%; background-color: #740003; vertical-align: middle; padding: 0; margin-right: 8px; }
#Security #door-security .grid2 .item-name .txt { align-self: center; }
@media screen and (max-width: 834px) { #Security #intercom.grid3 { grid-template-columns: repeat(2, 1fr); }
  #Security #intercom .text.span2 { grid-column: span 1; }
  #Security #intercom .image { grid-column-start: 2; }
  #Security #door-security .grid3 { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 600px) { #Security #intercom-sensor .grid3 { grid-template-columns: repeat(2, 1fr); }
  #Security #intercom .item-name.span2 { grid-column: span 1; }
  #Security #door-security { margin-top: 0.8rem; }
  #Security #door-security .grid3 { grid-template-columns: 1fr; }
  #Security #door-security .grid2 { grid-template-columns: 0.8fr 1fr; } }

#Structure #kiso { grid-row: span 2; }
#Structure #kiso .grid4 { grid-row-gap: 12px; }
#Structure #kiso .image { grid-row: span 4; grid-column-start: 1; }
#Structure #gaiheki { grid-row: span 2; }
#Structure #gaiheki .grid2 { grid-row-gap: 12px; }
#Structure #gaiheki .image { grid-row: span 4; }
#Structure #gaiheki .image .img .cap.in:nth-of-type(1) { right: 52%; }
#Structure #door-taishin .image, #Structure #bousai-storage .image { grid-row: span 3; }
#Structure #door-taishin .text, #Structure #bousai-storage .text { grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; }
#Structure #third-party { background-color: #f4f4f0; }
#Structure #third-party .third-head { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; padding: 8px; text-align: center; line-height: 1.2; font-size: 1.8rem; font-weight: bold; color: #fff; background-color: #caa08c; text-align: center; }
#Structure #third-party > .item-list { padding: 3.2rem 3.2rem 1.6rem; }
#Structure #third-party > .item-list > .item-box { padding-bottom: 2.4rem; border-bottom: 2px dotted #333; grid-row: span 2; }
#Structure #third-party > .item-list > .item-box:last-of-type { padding-bottom: 0; border: none; }
#Structure #third-party > .item-list > .item-box .item-name { font-family: "Helvetica Neue", "Helvetica","Yu Gothic",  'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif; font-weight: normal; padding-top: 1rem; }
#Structure #third-party #evaluation .image, #Structure #third-party #flat35 .image { grid-row: span 4; }
#Structure #third-party #evaluation .text, #Structure #third-party #flat35 .text { grid-column-start: 2; grid-column-end: 4; }
#Structure #third-party #casbee .grid3 { grid-row-gap: 12px; align-items: flex-start; }
#Structure #third-party #casbee .image { grid-row: span 4; }
#Structure #third-party #casbee .text { grid-column-start: 2; grid-column-end: 4; }
@media screen and (max-width: 834px) { #Structure #third-party #evaluation.grid3, #Structure #third-party #flat35.grid3 { grid-template-columns: repeat(2, 1fr); }
  #Structure #third-party #evaluation .span2, #Structure #third-party #flat35 .span2 { grid-column: span 1; } }
@media screen and (max-width: 864px) { #Structure #kiso .image, #Structure #kiso .item-name, #Structure #kiso .text { grid-column: span 2; } }
@media screen and (max-width: 600px) { #Structure #kiso .grid4 { grid-template-columns: 1fr; }
  #Structure #kiso .image { grid-row: span 1; grid-column-start: 1; }
  #Structure #kiso .item-name.span3, #Structure #kiso .text.span3 { grid-column: span 1; }
  #Structure #door-taishin, #Structure #bousai-storage { grid-column: span 1; }
  #Structure #door-taishin .image, #Structure #bousai-storage .image { grid-row: span 1; }
  #Structure #door-taishin .text, #Structure #bousai-storage .text { grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; }
  #Structure #door-taishin .image { height: 100%; display: flex; align-items: center; }
  #Structure #third-party > .item-list { padding-bottom: 0; }
  #Structure #third-party > .item-list > .item-box { margin-bottom: 0; }
  #Structure #third-party > .item-list > .item-box .item-name { padding-top: 0; }
  #Structure #third-party #evaluation, #Structure #third-party #flat35 { grid-row: span 3; }
  #Structure #third-party #evaluation.grid3, #Structure #third-party #flat35.grid3 { grid-template-columns: 1fr; }
  #Structure #third-party #evaluation .image, #Structure #third-party #flat35 .image { grid-row: span 1; margin-bottom: 4px; }
  #Structure #third-party #evaluation .text, #Structure #third-party #flat35 .text { grid-column: span 2; grid-column-start: 1; grid-column-end: 2; }
  #Structure #third-party #evaluation .image { text-align: center; }
  #Structure #third-party #evaluation .image .img { width: 80%; margin: auto; }
  #Structure #third-party #flat35 .image { text-align: center; }
  #Structure #third-party #flat35 .image .img { width: 56%; margin: auto; }
  #Structure #third-party #casbee { grid-row: span 3; }
  #Structure #third-party #casbee .image { grid-row: span 1; }
  #Structure #third-party #casbee .text { grid-column-start: 1; grid-column-end: 2; } }