@charset "UTF-8";

/*||||| 共通 |||||*/
sup{font-size: 60%;vertical-align: 0.5em;}
sub{font-size: 60%;vertical-align: baseline;}
#equipment section *{animation-name: fadeInUp;}
#evaluation section *{animation-name: fadeInUp;}

.contents_tit{padding: 0 30px;}
.item_tit{letter-spacing: 0.1em;}
.item_tit + *{margin-top: 50px;}
.item_tit span{display: inline-block;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px solid #000;line-height: 1;}
.item_tit small{font-size: 20px;display: block;}

figure + .e_tit{margin-top: 10px;}
.e_tit{color: #967f4a;font-size: 18px;text-align: left;}
.e_tit small{color: #000;font-size: 13px;}
.e_tit + figure{margin-top: 7px;text-align: center;}
.e_tit + figure + p{margin-top: 10px;text-align: left;}
.e_tit + p{margin-top: 5px;text-align: left;}
.e_tit + p + .note{margin-top: 5px!important;text-align: left;}
.e_tit + p + figure{margin-top: 15px;}
p + .e_tit{margin-top: 15px;}
.e_tit_img + p{margin-top: 20px;}

.e_link{display: flex;justify-content: space-between;max-width: 540px;margin: 50px auto 0;}
.e_link a{font-size: 18.5px;color: #fff;width: 240px;text-align: center;padding: 15px;background-color: #664c00;}
.e_link a::before{content: "";display: block; width: calc(100% - 12px);height: calc(100% - 12px);border: 1px solid #fff;position: absolute;top:0;bottom:0;left:0;right: 0;margin: auto;}
.e_link a[href^="./"]{background-color: #bbb;transition: 0.3s all;}
.e_link a[href^="./"] span::before{content: "≫ "}
.e_link a[href^="./"]:hover{background-color: #664c00;}

#evaluation .e_link{max-width: 800px;}

/* 2列 */
.col2{display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 25px;}
.col2 > *{width: 49%;}
.col2 > *:nth-of-type(n+3){margin-top: 25px;}

/* 3列 */
.col3{display: flex;flex-wrap: wrap;margin-top: 25px;}
.col3 > li{width: 31.25%;margin-right: 3.125%;}
.col3 > li:nth-of-type(n+4){margin-top: 25px;}

/* 変則3列 */
.grid3{display: grid;grid-column-gap: 3.125%;grid-row-gap: 25px;grid-template-columns: 31.25% 31.25% 31.25%;grid-template-rows: auto;display: -ms-grid;-ms-grid-columns: 33.3333% 33.3333% 33.3333%;-ms-grid-rows: auto;}

/* 罫囲い */
.waku_area{margin-top: 25px;}
.waku_tit{color: #fff;font-size: 18px;padding: 7px 20px 5px;margin-top: 25px;}
.waku_tit + *{padding: 20px 20px;border-style: solid;border-width: 2px;}

@media all and (-ms-high-contrast:none){
*::-ms-backdrop, .grid3 li {width: 90%;}
*::-ms-backdrop, .grid3 li:nth-of-type(n+4) {margin-top: 25px;}
}

@media only screen and (min-width: 769px) {
.col2 > *:nth-of-type(even){animation-delay: 0.2s;}
.col3 > li:nth-of-type(3n){margin-right: 0;}
.col3 > li:nth-of-type(3n-1){animation-delay: 0.2s;}
.col3 > li:nth-of-type(3n){animation-delay: 0.4s;}
.e_link a[href^="./"]:hover{background-color: #664c00;}
}

@media only screen and (max-width: 768px) {
.contents_tit{padding: 0 20px;}
.item_tit{margin-top: 55px!important;}
.item_tit + *{margin-top: 20px;}
.item_tit span{padding-bottom: 3px;margin-bottom: 3px;}
.item_tit small{font-size: 14px;}

figure + .e_tit{margin-top: 7px;}
.e_tit{font-size: 15px;}
.e_tit small{font-size: 11px;}
.e_tit + p{margin-top: 5px;}
.e_tit + p + .note{margin-top: 3px;}
.e_tit + p + figure{margin-top: 10px;}
p + .e_tit{margin-top: 10px;}
.e_tit_img + p{margin-top: 10px;}

.e_link{width: 90%;margin: 30px auto 0;}
.e_link a{font-size: 14px;width: 45%;padding: 10px 0;}
.e_link a::before{ width: calc(100% - 8px);height: calc(100% - 8px);}
.e_link a[href^="./"] span::before{content: "≫"}
#evaluation .e_link a{width: 32%;}

/* 2列 */
.col2{margin-top: 20px;}
.col2 > *{width: 100%;}
.col2 > *:nth-of-type(n+2){margin-top: 20px;}

/* 3列 */
.col3{margin-top: 20px;}
.col3 > li{width: 48%;margin-right: 4%;}
.col3 > li:nth-of-type(even){margin-right: 0;}
.col3 > li:nth-of-type(n+3){margin-top: 20px;}

/* 変則3列 */
.grid3{grid-column-gap: 4%;grid-row-gap: 20px;grid-template-columns: 48% 48%;grid-template-rows: auto;}

/* 罫囲い */
.waku_area{margin-top: 15px;}
.waku_area .waku_tit{font-size: 15px;padding: 5px 15px 4px;margin-top: 15px;}
.waku_area .waku_tit + *{padding: 10px 15px;}

}

/*||||| 設備・仕様 |||||*/
#entrance .item_tit{margin-top: 40px!important;}
@media only screen and (max-width: 768px) {
#entrance .item_tit{margin-top: 30px!important;}
}
/* 可動間仕切壁 */
.kadou_area .waku_tit{background-color: #967f4a;}
.kadou_area .waku_tit small{font-size: 13px;}
.kadou_area > dl{border-color: #967f4a;display: flex;justify-content: space-between;}
.kadou_area > dl > dt{width: 37%;text-align: center;}
.kadou_area > dl > dt p{text-align: left;}
.kadou_area > dl > dt .kadou_map{margin-top: 15px;display: inline-block;}
.kadou_area > dl > dt .kadou_map .note{margin-top: 10px;text-align: right;}
.kadou_area > dl > dd{width: 58%;}
.kadou_area > dl > dd h6{font-size: 18px;}
.kadou_area > dl > dd dl{display: flex;justify-content: space-between;margin-top: 20px;}
.kadou_area > dl > dd dl > *{width: 48%;}
.kadou_area_tit{padding: 8px 0 6px;text-align: center;}
.kadou_area > dl > dd dl dt .kadou_area_tit{background-color: #b0dcd5;}
.kadou_area > dl > dd dl dd .kadou_area_tit{background-color: #fbd08a;}
.kadou_area > dl > dd dl p{margin-top: 10px;}

@media only screen and (max-width: 768px) {
.kadou_area .waku_tit small{font-size: 11px;}
.kadou_area > dl{flex-wrap: wrap;}
.kadou_area > dl > dt{width: 100%;}
.kadou_area > dl > dt figure{margin-top: 10px;}
.kadou_area > dl > dt .note{margin-top: 7px;}
.kadou_area > dl > dd{width: 100%;margin-top: 15px;}
.kadou_area > dl > dd h6{font-size: 13.5px;text-align: center;}
.kadou_area > dl > dd dl{margin-top: 10px;}
.kadou_area > dl > dd dl > *{width: 48%;}
.kadou_area > dl > dd dl > * figure img{width: 100%;}
.kadou_area_tit{padding: 6px 0 5px;}
.kadou_area > dl > dd dl p{margin-top: 7px;}
}


/* キッチン3列 */
#kitchen .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 4;-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-row-span: 3;}
#kitchen .grid3 li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(3){grid-column: 3 / 4;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(4){grid-column: 2 / 3;grid-row: 2 / 3;-ms-grid-row: 2;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(5){grid-column: 3 / 4;grid-row: 2 / 3;-ms-grid-row: 2;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(6){grid-column: 2 / 3;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(7){grid-column: 3 / 4;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(8){grid-column: 1 / 2;grid-row: 4 / 5;-ms-grid-row: 4;-ms-grid-column: 1;}
#kitchen .grid3 li:nth-of-type(9){grid-column: 2 / 3;grid-row: 4 / 5;-ms-grid-row: 4;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(10){grid-column: 3 / 4;grid-row: 4 / 5;-ms-grid-row: 4;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(11){grid-column: 1 / 2;grid-row: 5 / 6;-ms-grid-row: 5;-ms-grid-column: 1;}
#kitchen .grid3 li:nth-of-type(12){grid-column: 2 / 3;grid-row: 5 / 6;-ms-grid-row: 5;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(13){grid-column: 3 / 4;grid-row: 5 / 6;-ms-grid-row: 5;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(14){grid-column: 1 / 2;grid-row: 6 / 7;-ms-grid-row: 6;-ms-grid-column: 1;}

@media only screen and (max-width: 768px) {
#kitchen .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 4;-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-row-span: 3;}
#kitchen .grid3 li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(3){grid-column: 2 / 3;grid-row: 2 / 3;-ms-grid-row: 1;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(4){grid-column: 2 / 3;grid-row: 3 / 4;-ms-grid-row: 2;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(5){grid-column: 1 / 2;grid-row: 4 / 5;-ms-grid-row: 2;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(6){grid-column: 2 / 3;grid-row: 4 / 5;-ms-grid-row: 3;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(7){grid-column: 1 / 2;grid-row: 5 / 6;-ms-grid-row: 3;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(8){grid-column: 2 / 3;grid-row: 5 / 6;-ms-grid-row: 4;-ms-grid-column: 1;}
#kitchen .grid3 li:nth-of-type(9){grid-column: 1 / 2;grid-row: 6 / 7;-ms-grid-row: 4;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(10){grid-column: 2 / 3;grid-row: 6 / 7;-ms-grid-row: 4;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(11){grid-column: 1 / 2;grid-row: 7 / 8;-ms-grid-row: 5;-ms-grid-column: 1;}
#kitchen .grid3 li:nth-of-type(12){grid-column: 2 / 3;grid-row: 7 / 8;-ms-grid-row: 5;-ms-grid-column: 2;animation-delay: 0.2s;}
#kitchen .grid3 li:nth-of-type(13){grid-column: 1 / 2;grid-row: 8 / 9;-ms-grid-row: 5;-ms-grid-column: 3;animation-delay: 0.4s;}
#kitchen .grid3 li:nth-of-type(14){grid-column: 2 / 3;grid-row: 8 / 9;-ms-grid-row: 6;-ms-grid-column: 1;}
}

/* ウルトラファインバブルアダプター */
.ultrafine_item{display: flex;justify-content: space-between;}
.ultrafine_item dt{width: 37.11%;}
.ultrafine_item dd{width: 60%;}
.ultrafine_item dd figure{text-align: center;margin-top: 30px;}

@media only screen and (max-width: 768px) {
.ultrafine_item{flex-wrap: wrap;}
.ultrafine_item dt{width: 100%;background-color: #ddd;text-align: center;}
.ultrafine_item dt img{width: 65%;}
.ultrafine_item dd{width: 100%;margin-top: 15px;}
.ultrafine_item dd figure{margin-top: 10px;}
}

.bathroom_img07 .cap_b{position: static;text-align: right;}


/* ミストサウナ */
.mist_item{display: flex;justify-content: space-between;align-items: center; border: 1px solid #000;padding: 20px 25px;margin-top: 25px;}
.mist_item dt{width: 57.5%;}
.mist_item dt figure{margin-top: 20px;}
.mist_item dt h6{text-align: center;font-size: 18px;margin-top: 12px;}
.mist6{display: flex;justify-content: space-between;flex-wrap:wrap; margin-top: 7px}
.mist6 li{text-align: center;color: #fff;background-color: #709bb0;padding: 7px 0 5px;width: 33%;}
.mist6 li:nth-of-type(n+4){margin-top: 7px;}
.mist6 + .note{text-align: right;margin-top: 5px;}
.mist_item dd{width: 37%;}

@media only screen and (max-width: 768px) {
.mist_item{flex-wrap: wrap;justify-content: center; padding: 10px 15px;margin-top: 15px;}
.mist_item dt{width: 100%;}
.mist_item dt figure{margin-top: 10px;}
.mist_item dt h6{text-align: center;font-size: 16px;margin-top: 10px;}
.mist6{margin-top: 5px}
.mist6 li:nth-of-type(n+4){margin-top: 2px;}
.mist6 + .note{margin-top: 3px;}
.mist_item dd{width: 65%;margin-top: 10px;}
}


/* パウダールーム3列 */
#powderroom .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 3;-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-row-span: 2;}
#powderroom .grid3 li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 2;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(3){grid-column: 3 / 4;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 3;animation-delay: 0.4s;}
#powderroom .grid3 li:nth-of-type(4){grid-column: 2 / 3;grid-row: 2 / 3;-ms-grid-row: 2;-ms-grid-column: 2;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(5){grid-column: 3 / 4;grid-row: 2 / 3;-ms-grid-row: 2;-ms-grid-column: 3;animation-delay: 0.4s;}
#powderroom .grid3 li:nth-of-type(6){grid-column: 1 / 2;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 1;}
#powderroom .grid3 li:nth-of-type(7){grid-column: 2 / 3;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 2;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(8){grid-column: 3 / 4;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 3;animation-delay: 0.4s;}
#powderroom .grid3 li:nth-of-type(9){grid-column: 1 / 2;grid-row: 4 / 5;-ms-grid-row: 4;-ms-grid-column: 1;}

@media only screen and (max-width: 768px) {
#powderroom .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 3;}
#powderroom .grid3 li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 2;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(3){grid-column: 2 / 3;grid-row: 2 / 3;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(4){grid-column: 1 / 2;grid-row: 3 / 4;}
#powderroom .grid3 li:nth-of-type(5){grid-column: 2 / 3;grid-row: 3 / 4;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(6){grid-column: 1 / 2;grid-row: 4 / 5;}
#powderroom .grid3 li:nth-of-type(7){grid-column: 2 / 3;grid-row: 4 / 5;animation-delay: 0.2s;}
#powderroom .grid3 li:nth-of-type(8){grid-column: 1 / 2;grid-row: 5 / 6;}
#powderroom .grid3 li:nth-of-type(9){grid-column: 2 / 3;grid-row: 5 / 6;animation-delay: 0.2s;}
}

/* キレイスト */
.kireist_item{margin-top: 45px;}
.kireist_item h5{color: #026db8;font-size: 24px;}
.kireist_item h5 > span{display: block;font-size: 18px;margin-top: 7px;}
.kireist_item h5 big{display: block;font-size: 46px;line-height: 1.2;}
.kireist_item h5 big span{font-size: 36px;}
.kireist_item h5 big small{font-size: 12px;color: #000;}
.kireist_item h5 + p{margin-top: 10px;}
.kireist_main{margin-top: 20px;text-align: center;}
.kireist_main + .note{margin-top: 15px;}
.kireist_item .e_tit{color: #026db8;}

.kireist_logo{display: flex;justify-content: space-between;align-items: center; margin-top: 25px;}
.kireist_logo > dt{width: 80%;}
.kireist_logo > dt dd{display: none;}
.kireist_logo > dt p{margin-top: 5px;}
.kireist_logo > dd{width: 15.8%;}

.kireist_hikaku{display: flex;justify-content: space-between;align-items: center; margin-top: 15px;}
.kireist_hikaku li{width: 49%;text-align: center;}
.kireist_hikaku li p{font-size: 18px;line-height: 1.4}
.kireist_hikaku li p small{font-size: 14px;}
.kireist_hikaku li p + figure{margin-top: 10px;}
.kireist_hikaku + .note{margin-top: 15px;}

.senjoryoku{display: flex;justify-content: space-between;margin-top: 25px;}
.senjoryoku dt{width: 49%;}
.senjoryoku dd{width: 48.83%;}

@media only screen and (max-width: 768px) {
.kireist_item{margin-top: 25px;}
.kireist_item h5{font-size: 18px;}
.kireist_item h5 > span{font-size: 15px;margin-top: 5px;}
.kireist_item h5 big{font-size: 28px;}
.kireist_item h5 big span{font-size: 20px;}
.kireist_item h5 big small{font-size: 10px;}
.kireist_item h5 + p{margin-top: 10px;}
.kireist_main{margin-top: 15px;}
.kireist_main + .note{margin-top: 10px;}

.kireist_logo{margin-top: 15px;}
.kireist_logo > dt{width: 100%;}
.kireist_logo > dt dl{display: flex;justify-content: space-between;align-items: center;}
.kireist_logo > dt dt{width: 70%;}
.kireist_logo > dt dd{width: 27%;display: block;}
.kireist_logo > dd{display: none;}

.kireist_hikaku{flex-wrap: wrap; margin-top: 10px;}
.kireist_hikaku li{width: 100%;text-align: center;}
.kireist_hikaku li:nth-of-type(1) img{width: 80%;}
.kireist_hikaku li:nth-of-type(n+2){margin-top: 15px;}
.kireist_hikaku li p{font-size: 15px}
.kireist_hikaku li p small{font-size: 11px;}
.kireist_hikaku li p + figure{margin-top: 7px;}
.kireist_hikaku + .note{margin-top: 10px;}

.senjoryoku{flex-wrap: wrap;margin-top: 15px;}
.senjoryoku dt{width: 100%;}
.senjoryoku dd{width: 100%;margin-top: 10px;}
}


/* トイレ3列 */
#toilet .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 3;-ms-grid-row: 1;-ms-grid-column: 1;-ms-grid-row-span: 2;}
#toilet .grid3 li:nth-of-type(2){grid-column: 2 / 4;grid-row: 1 / 2;-ms-grid-row: 1;-ms-grid-column: 2;animation-delay: 0.2s;}
#toilet .grid3 li:nth-of-type(3){grid-column: 2 / 3;grid-row: 2 / 3;-ms-grid-row: 1;-ms-grid-column: 3;animation-delay: 0.2s;}
#toilet .grid3 li:nth-of-type(4){grid-column: 3 / 4;grid-row: 2 / 3;-ms-grid-row: 2;-ms-grid-column: 2;animation-delay: 0.4s;}
#toilet .grid3 li:nth-of-type(5){grid-column: 1 / 2;grid-row: 3 / 4;-ms-grid-row: 2;-ms-grid-column: 3;}
#toilet .grid3 li:nth-of-type(6){grid-column: 2 / 3;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 1;animation-delay: 0.2s;}
#toilet .grid3 li:nth-of-type(7){grid-column: 3 / 4;grid-row: 3 / 4;-ms-grid-row: 3;-ms-grid-column: 2;animation-delay: 0.4s;}

@media only screen and (max-width: 768px) {
#toilet .grid3 li:nth-of-type(1){grid-column: 1 / 2;grid-row: 1 / 2;}
#toilet .grid3 li:nth-of-type(2){grid-column: 2 / 3;grid-row: 1 / 2;}
#toilet .grid3 li:nth-of-type(3){grid-column: 1 / 2;grid-row: 2 / 3;}
#toilet .grid3 li:nth-of-type(4){grid-column: 2 / 3;grid-row: 2 / 3;animation-delay: 0.2s;}
#toilet .grid3 li:nth-of-type(5){grid-column: 1 / 2;grid-row: 3 / 4;}
#toilet .grid3 li:nth-of-type(6){grid-column: 2 / 3;grid-row: 3 / 4;animation-delay: 0.2s;}
#toilet .grid3 li:nth-of-type(7){grid-column: 1 / 2;grid-row: 4 / 5;}
}



/*||||| 快適エコ |||||*/
/* 共通 */
#eco .note{margin-top: 15px;}

.eco_waku{width: 100px;height: 100px;background: url("../img/equipment/eco_waku_bk.png") no-repeat top/cover;display: flex;justify-content: center;align-items: center;text-align: center;}
.eco_waku p{font-size: 18px;color: #fff;}
.eco_waku p small{font-size: 14px;display: block;}
.eco_waku + *{width: calc(100% - 115px);}

@media only screen and (max-width: 768px) {
#eco .note{margin-top: 10px;}

.eco_waku{width: 70px;height: 70px;}
.eco_waku p{font-size: 14px;}
.eco_waku p small{font-size: 11px;}
.eco_waku + *{width: calc(100% - 80px);}
}

/* ランニングコスト */
.enefarm_item01{display: flex;justify-content: space-between;align-items: center;}
.enefarm_item01 > dt{width: 73%;}
.enefarm_item01 > dd{width: 23.44%;}

.enefarm_item02{display: flex;justify-content: space-between;margin-top: 25px;}
.enefarm_item02 > dt{width: 48%;}
.enefarm_item02 > dt figure .fig_cap{margin: -7px 25px 0 0;}
.enefarm_item02 > dd{width: 48%;display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;animation-delay: 0.2s;}
.ecology_item > p{float: left;width: calc(100% - 130px);}
.ecology_logo{float: right;width: 120px;}
.ecology_logo img:nth-of-type(n+2){margin-top: 25px;}

.economy_tit{display: flex;justify-content: space-between;margin-top: 25px;}
.economy_tit i{font-size: 24px;color: #fff;display: inline-block;padding: 3px 10px 1px;margin-right: 5px;background-color: #d80c18;letter-spacing: 0.1em;}
.economy_tit span{font-size: 24px;color: #d80c18;}
.economy_tit big{font-size: 32px;}

.economy_img{margin-top: 15px;}

.eco_item{display: flex;justify-content: space-between;margin-top: 25px;}
.eco_item > li{width: 48%;display: flex;justify-content: space-between;align-items: flex-start; flex-wrap: wrap;}
.eco_item > li:nth-of-type(2){animation-delay: 0.2s;}

.eco_item > li h4:nth-of-type(n+2),
.eco_item > li .support_item{margin-top: 25px;}
.eco_item > li dl{display: flex;justify-content: space-between;flex-wrap: wrap;}
.eco_item > li dt{width: 72%;}
.eco_item > li dd{width: 22%;}
.eco_item > li dd:nth-of-type(n+2){width: 100%;}

.mente_img{margin-top: 10px;}

.gasconsent{text-align: center;}
.gasconsent figure{display: inline-block;}

.lan_area .waku_tit{background-color: #6e1419;text-align: center;}
.lan_area > *{border-color: #6e1419;margin-top: 0!important;}
.lan_area .col2 li:nth-of-type(3){width: 100%;margin-top: 0;}
.lan_area dl{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 25px;}
.lan_area dl > figure{width: 100%;margin-bottom: 25px;}
.lan_area dt{width: 54%;}
.lan_area dd{width: 42%;}
.lan_area li:nth-of-type(2) dl{margin-top: 0;}


@media only screen and (max-width: 768px) {
.enefarm_item01 h5{display: flex;justify-content: space-between;align-items: center;}
.enefarm_item01 h5 img{width: 30vw;}
.enefarm_item01 > dt{width: 100%;}
.enefarm_item01 > dd{display: none;}

.enefarm_item02{flex-wrap: wrap;margin-top: 10px;}
.enefarm_item02 > dt{width: 100%;}
.enefarm_item02 > dt figure .fig_cap{margin: -7px 4vw 0 0;}
.enefarm_item02 > dd{width: 100%;margin-top: 20px; display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;animation-delay: 0s;}
.ecology_item > p{float: none;width: 100%;}
.ecology_logo{float: none;width: 100%;margin-top: 10px;text-align: center;}
.ecology_logo img{width: 40%;}
.ecology_logo img:nth-of-type(n+2){margin-top: 0;margin-left: 10%;}

.economy_tit{margin-top: 20px;}
.economy_tit i{font-size: 17px;padding: 2px 5px 0px;margin-right: 5px;}
.economy_tit span{font-size: 15px;}
.economy_tit big{font-size: 22px;}

.economy_img{margin-top: 10px;}

.eco_item{flex-wrap: wrap;margin-top: 20px;}
.eco_item > li{width: 100%;}
.eco_item > li:nth-of-type(2){animation-delay: 0s;margin-top: 20px;}

.eco_item > li h4:nth-of-type(n+2),
.eco_item > li .support_item{margin-top: 20px;}

.mente_img{margin-top: 10px;}

.img_s{width: 85%;margin-left: auto;margin-right: auto;}

.lan_area .col2 li:nth-of-type(3){width: 100%;margin-top: 0;}
.lan_area dl{display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 25px;}
.lan_area dl > figure{width: 100%;margin-bottom: 20px;}
.lan_area dt{width: 100%;}
.lan_area dt figure{text-align: center;}
.lan_area dd{display: none;}
}





/* 省エネや環境へのやさしさ */
#environment{margin-top: 80px;}
.environment_img01{max-width: 820px;margin-left: auto;margin-right: auto;}
.environment_img01 .note{margin-top: 5px!important;}
#environment .col2 .col2{margin-top: 0;}

@media only screen and (max-width: 768px) {
#environment{margin-top: 60px;}
}



/* マルチメディアライフ */
.multimedia_area{border: 2px solid #6e1419;margin-top: 50px;}
.multimedia_area .waku_tit{display: inline-block;background-color: #6e1419;margin-top: 0;}
.multimedia_area .waku_tit + *{border: none;}
.tsunagu_logo{margin-left: 0.5em;vertical-align: 0em;display: inline-block;}
.ucom_copy{width: calc(100% - 215px);float: left;}
.ucom_logo{width: 200px;float: right;}
.multimedia_item01{display: flex;width: 100%;}
.multimedia_item01 li{font-size: 18px;color: #fff;background-color: #6e1419;padding: 7px 20px 5px;margin-right: 20px;text-align: center;}
.multimedia_item02{display: flex;justify-content: space-between;margin: 20px 0 20px;padding-bottom: 20px;border-bottom: 1px solid #000;}
.multimedia_item02 li{width: 19%;}
.multimedia_item02 li div{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.multimedia_item02 li figure{width: 33%;}
.multimedia_item02 li span{width: 60%;font-weight: bold;}
.multimedia_item02 li .note{width: 100%;align-self: flex-start;margin-bottom: auto}

.ucom_img{display: flex;justify-content: space-between;margin-top: 20px;}

.skynet{align-items: flex-start;}
.skynet dt{border: 1px solid #000;padding: 20px 20px;}
.skynet dt .note{margin-top: 5px!important;}
.skyper_logo{margin: 15px 0;text-align: center;}
.skynet dd{border: 2px solid #183258;}
.skynet dd .waku_tit{margin-top: 0;background-color: #183258;display: inline-block;}
.skynet dd .waku_tit + *{border: none!important;}
.skynet dd .e_tit{display: flex;justify-content: space-between;}
.skynet dd h6:nth-of-type(2){padding-top: 20px;border-top: 1px solid #000;}

.spev .waku_tit{background-color: #967f4a;}
.spev .waku_tit span{font-size: 21px;}
.spev .waku_tit strong{font-size: 24px;}
.spev .waku_tit + *{border-color: #967f4a;}
.spev_area h6{font-size: 18px;}
.spev_area ul{margin-top: 10px;display: flex;justify-content: space-between;}
.spev_area li:nth-of-type(1){width: 36%;}
.spev_area li:nth-of-type(2){width: 27.91%;}
.spev_area li:nth-of-type(3){width: 28.62%;}


@media only screen and (max-width: 768px) {
#multimedia{margin-top: 60px;}
.multimedia_area{margin-top: 20px;}
.tsunagu_logo{margin-left: 0;display: block;margin-top: -5px;}
.ucom_copy{width: 100%;float: none;margin-top: 10px!important;}
.ucom_logo{width: 150px;margin-top: 0!important;margin-bottom: 10px;}
.multimedia_item01{flex-wrap: wrap;}
.multimedia_item01 li{font-size: 15px;padding: 3px 10px 2px;margin-right: 0;}
.multimedia_item01 li:last-of-type{margin-top: 5px;}
.multimedia_item02{flex-wrap: wrap;margin: 15px 0 15px;padding-bottom: 15px;}
.multimedia_item02 li{width: 47%;}
.multimedia_item02 li:nth-of-type(n+3){margin-top: 10px;}

.ucom_img{margin-top: 15px;flex-wrap: wrap;}
.ucom_img li{width: 48%;}
.ucom_img li:nth-of-type(n+3){margin-top: 10px;}

.skynet{align-items: flex-start;}
.skynet dt{border: 1px solid #000;padding: 20px 20px;}
.skynet dt .note{margin-top: 5px!important;}
.skyper_logo{margin: 3px 0 10px 0;}
.skyper_logo img{width: 150px;}
.skynet dd{margin-top: 20px;}
.skynet dd .e_tit p{width: calc(100% - 150px);}
.skynet dd .e_tit figure{width: 130px;}
.skynet dd h6:nth-of-type(2){padding-top: 15px;}
.skynet dd .waku_tit{font-size: 15px;}

.spev .waku_tit span{font-size: 15px;}
.spev .waku_tit strong{font-size: 19px;}
.spev_area h6{font-size: 14px;}
.spev_area ul{margin-top: 10px;flex-wrap: wrap;}
.spev_area li:nth-of-type(1){width: 100%;}
.spev_area li:nth-of-type(2){width: 48%;margin-top: 10px;}
.spev_area li:nth-of-type(3){width: 48%;margin-top: 10px;}
}


/*||||| 住宅性能 |||||*/
#evaluation .cap_w,
#evaluation .cap_b{bottom: 4px;right: 7px;text-align: right;}
#evaluation .note{margin-top: 5px;}

.eva_report{display: flex;justify-content: space-between;align-items: flex-end;}
.eva_report dt{width: 66%;}
.eva_report dt h5{font-size: 16px;margin: 7px 0 3px;}
.eva_report dd{width: 29.3%;}
.eva_report_item{display: flex;justify-content: space-between;margin-top: 20px;}
.eva_report_item li{border: 1px solid #000;padding: 20px;width: 32%;}
.eva_report_item li:nth-of-type(2){animation-delay: 0.2s;}
.eva_report_item li:nth-of-type(3){animation-delay: 0.4s;}
.eva_report_item li h5{font-size: 16px;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #000;font-weight: bold;text-align: center;}
.eva_report_logo{margin-top: 25px;display: flex;justify-content: center;}
.eva_report_logo figure{margin: 0 10px;}
.casbee_logo{text-align: center;margin-bottom: 15px;}
.flat35_circle{display: flex;margin-top: 5px;}
.flat35_circle p{width: 70%;}
.flat35_circle figure{width: 30%;text-align: right;}
.flat35_circle + .note{margin-top: 15px!important;}
.flat35_logo{margin: 7px 0;}

.flat35_item{display: flex;justify-content: space-between;margin-top: 20px;}
.flat35_item li{border: 1px solid #000;width: 48%;padding: 10px;text-align: center;color: #967f4a;font-size: 16px;}
.flat35_item + .note{margin-top: 15px!important;}
.flat35_item li:nth-of-type(2){animation-delay: 0.2s;}

@media only screen and (max-width: 768px) {
.eva_report{flex-wrap: wrap;}
.eva_report dt{width: 100%;}
.eva_report dt h5{font-size: 14px;}
.eva_report dd{width: 100%;text-align: center;margin-top: 15px;}
.eva_report dd img{width: 250px;}
.eva_report_item{flex-wrap: wrap;margin-top: 15px;}
.eva_report_item li{padding: 10px;width: 100%;}
.eva_report_item li:nth-of-type(2){animation-delay: 0s;margin-top: 10px;}
.eva_report_item li:nth-of-type(3){animation-delay: 0s;margin-top: 10px;}
.eva_report_item li h5{font-size: 14px;margin-bottom: 8px;padding-bottom: 8px;}
.eva_report_logo{margin-top: 15px;flex-wrap: wrap;}
.eva_report_logo figure:nth-of-type(1){margin: 0;width: 150px;}
.eva_report_logo figure:nth-of-type(2){margin: 10px 0 0;width: 280px;}
.casbee_logo{margin-bottom: 10px;}
.casbee_logo img{width: 200px;}
.flat35_circle + .note{margin-top: 10px!important;}
.flat35_logo{margin: 5px 0;}
.flat35_logo img{width: 200px;}

.flat35_item{margin-top: 10px;}
.flat35_item li{border: 1px solid #000;width: 48%;padding: 10px;text-align: center;color: #967f4a;font-size: 14px;}
.flat35_item + .note{margin-top: 15px!important;}
.flat35_item li:nth-of-type(2){animation-delay: 0.2s;}
}


/*||||| 構造 |||||*/
#structure .chotai{width: 110%;transform: scaleX(90%);transform-origin: top left;display: inline-block;}

#structure .grid3 li.f_glass dl{display: flex;margin-top: 5px;}
#structure .grid3 li.f_glass dt{width: 30%;}
#structure .grid3 li.f_glass dt:nth-of-type(2){margin-left: 1.9%;}
#structure .grid3 li.f_glass dd{width: 19.05%;align-self: flex-end;}
#structure .grid3 li.f_glass h5{color: #967f4a;font-size: 16px;text-align: left;}
#structure .grid3 li.f_glass h5 + p{margin-top: 5px;}
#structure .grid3 li.f_glass > .note{text-align: right;}
#structure .grid3 li p:nth-of-type(n+3){margin-top: 10px;}

@media only screen and (min-width: 769px) {
#structure .grid3 li.concrete{grid-column: 1 / 2;grid-row: 2 / 4;}
#structure .grid3 li.f_glass{grid-column: 1 / 4;grid-row: 6 / 7;}
#structure .grid3 li:nth-of-type(1){-ms-grid-row: 1;-ms-grid-column: 1;}
#structure .grid3 li:nth-of-type(2){-ms-grid-row: 1;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(3){-ms-grid-row: 1;-ms-grid-column: 3;}
#structure .grid3 li:nth-of-type(4){-ms-grid-row: 2;-ms-grid-column: 1;-ms-grid-row-span: 2;}
#structure .grid3 li:nth-of-type(5){-ms-grid-row: 2;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(6){-ms-grid-row: 2;-ms-grid-column: 3;}
#structure .grid3 li:nth-of-type(7){-ms-grid-row: 3;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(8){-ms-grid-row: 3;-ms-grid-column: 3;}
#structure .grid3 li:nth-of-type(9){-ms-grid-row: 4;-ms-grid-column: 1;}
#structure .grid3 li:nth-of-type(10){-ms-grid-row: 4;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(11){-ms-grid-row: 4;-ms-grid-column: 3;}
#structure .grid3 li:nth-of-type(12){-ms-grid-row: 5;-ms-grid-column: 1;}
#structure .grid3 li:nth-of-type(13){-ms-grid-row: 5;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(14){-ms-grid-row: 5;-ms-grid-column: 3;}
#structure .grid3 li:nth-of-type(15){-ms-grid-row: 6;-ms-grid-column: 1;-ms-grid-column-span: 3;}
#structure .grid3 li:nth-of-type(16){-ms-grid-row: 7;-ms-grid-column: 1;}
#structure .grid3 li:nth-of-type(17){-ms-grid-row: 7;-ms-grid-column: 2;}
#structure .grid3 li:nth-of-type(18){-ms-grid-row: 7;-ms-grid-column: 3;}
}


@media only screen and (max-width: 768px) {
#structure .cap_w,
#structure .cap_b{bottom: 3px;right: 5px;font-size: 10px;}
#structure .chotai_sp{width: 130%;transform: scaleX(70%);transform-origin: top right;display: inline-block;font-size: 9px;}

#structure .grid3 li.concrete{grid-column: 2 / 3;grid-row: 2 / 4;}
#structure .grid3 li.f_glass{grid-column: 1 / 3;grid-row: 8 / 9;}

#structure .grid3 li.f_glass dl{display: flex;flex-wrap: wrap; margin-top: 5px;}
#structure .grid3 li.f_glass dt{width: 63%;}
#structure .grid3 li.f_glass dt:nth-of-type(2),
#structure .grid3 li.f_glass dd:nth-of-type(2){margin: 15px 0 0 0!important;}
#structure .grid3 li.f_glass dd{width: 37%;}
#structure .grid3 li.f_glass h5{font-size: 14px;}
#structure .grid3 li.f_glass h5 + p{margin-top: 5px;}


}



/*||||| セキュリティ |||||*/
#security section:nth-of-type(n+2){margin-top: 100px;}
#security #footer_before{margin-top: 0;}
#security .contents_tit{padding: 0;}

.s_tit{font-size: 18px;text-indent: -1em;padding-left: 1em;}
.s_tit::before{content: "■";color: #967f4a;}
.s_tit + p{margin-top: 5px;}

@media only screen and (max-width: 768px) {
#security section:nth-of-type(n+2){margin-top: 50px;}

.s_tit{font-size: 15px;}
.s_tit + p{margin-top: 5px;}
}

/* ブランドGOAL（ゴール） */
.goal_item{display: grid;grid-template-columns: 78% 22%;grid-template-rows: auto;display: -ms-grid;-ms-grid-columns: 78% 22%;-ms-grid-rows: auto;}
.goal_item > dt:nth-of-type(1){-ms-grid-row: 1;-ms-grid-column: 1}
.goal_item > dt:nth-of-type(2){-ms-grid-row: 2;-ms-grid-column: 1}
.goal_item > dd{grid-column: 2 / 3;grid-row: 1 / 3;-ms-grid-row: 1;-ms-grid-column: 2;-ms-grid-row-span: 2;padding-left: 11.2%;}
.goal_item .e_tit_img img{width: 150px;}

.key_item{border: 1px solid #000;padding: 20px;display: flex;justify-content: space-between;margin-top: 20px;}
.key_item dt{width: 35%;}
.key_item dd{width: 25%;}
.key_item dd figcaption{left: 5%;bottom: -10px;font-size: 11px;position: absolute;text-align: right;line-height: 1.4;}

.high_security{border: 1px solid #000;padding: 20px;margin-top: 20px;}
.high_security h5{font-size: 24px;}
.high_security .col2{margin-top: 10px;}

.entrancekey_item{display: flex;align-items: flex-end;margin-top: 5px;}
.entrancekey_item dt{width: 58.2%;}
.entrancekey_item dd{margin-left: -32%;width: 72%;}

.cylinder_item{display: flex;margin-top: 5px;justify-content: space-between;}
.cylinder_item dt{width: 42%;}
.cylinder_item dd{width: 54%;}

@media only screen and (max-width: 768px) {
.goal_item{display: grid;grid-template-columns: 60% 40%;}
.goal_item > dt:nth-of-type(1){}
.goal_item > dt:nth-of-type(2){grid-column: 1 / 3;grid-row: 2 / 3;}
.goal_item > dd{grid-column: 2 / 3;grid-row: 1 / 2;padding-left: 7%;}

.key_item{padding: 10px 15px;flex-wrap: wrap;margin-top: 15px;}
.key_item dt{width: 60%;}
.key_item dt:nth-of-type(2){width: 100%;margin-top: 15px;}
.key_item dd{width: 36%;}
.key_item dd figcaption{left: 0;bottom: -10px;font-size: 10px;}

.high_security{padding: 10px 15px;margin-top: 15px;}
.high_security h5{font-size: 18px;}
.high_security .col2{margin-top: 7px;}

.entrancekey_item{justify-content: space-between;align-items: flex-start; margin-top: 5px;}
.entrancekey_item dt{width: 58.2%;}
.entrancekey_item dd{margin-left: 0;width: 40%;}

.cylinder_item{margin-top: 5px;}
.cylinder_item dt{width: 42%;}
.cylinder_item dd{width: 54%;}
}

/* ハンズフリーキー */
.handsfree_item h5{font-size: 18px;padding: 7px 10px 5px;margin-top: 15px;}
.handsfree_item > dt h5{background-color: #d5ccb7;}
.handsfree_item > dd h5{background-color: #c8d4d9;}
.handsfree_item > dd{animation-delay: 0.2s;}
.handsfree_item + .note{margin-top: 15px!important;}
.handsfree_wrap{display: flex;justify-content: space-between;margin-top: -5%;}
.handsfree_wrap dt{width: 48%;margin-top: 7%}
.handsfree_wrap dd{width: 48%;}
.handsfree_wrap dd .fig_cap{margin-top: -10px;}
.handsfree_wrap + figure{margin-top: 15px;}

@media only screen and (max-width: 768px) {
.handsfree_item h5{font-size: 14px;padding: 5px 7px 3px;margin-top: 10px;}
.handsfree_item > dd{animation-delay: 0s;}
.handsfree_item + .note{margin-top: 10px!important;}
.handsfree_wrap{margin-top: -5%;}
.handsfree_wrap dt{width: 56%;margin-top: 7%}
.handsfree_wrap dd{width: 40%;}
.handsfree_wrap dd .fig_cap{margin-top: 0px;}
.handsfree_wrap + figure{margin-top: 10px;}
}

/* 大阪ガスセキュリティ */
.osakagas_item{display: flex;justify-content: space-between;}
.osakagas_item dt{width: 62%;}
.osakagas_item dd{width: 34.2%;}
.osakagas_item + figure{margin-top: 20px;}

@media only screen and (max-width: 768px) {
.osakagas_item{flex-wrap: wrap;}
.osakagas_item dt{width: 100%;order: 2;margin-top: 10px;}
.osakagas_item dd{width: 100%;order: 1;}
.osakagas_item dd img{width: 200px;}
.osakagas_item + figure{margin-top: 15px;}
}


/* 24時間365日 */
.emergency_item{display: flex;justify-content: space-between;}
.emergency_item dt{width: 39%;}
.emergency_item dd{width: 58.6%;}

@media only screen and (max-width: 768px) {
.emergency_item{flex-wrap: wrap;}
.emergency_item dt{width: 100%;}
.emergency_item dd{width: 100%;margin-top: 10px;}
}