@charset "UTF-8"; /*aa102d　7d0000*/ /*"Bellefair", serif;*/ /* line 13, eco.scss */ #equipment.eco #container { max-width: 100%; } /* line 15, eco.scss */ #equipment.eco #eqpTitleWrap, #equipment.eco #zehm { max-width: 1000px; margin: auto; } /* line 16, eco.scss */ #equipment.eco .eqpTitleSec { background: url("../../img/equipment/eco/bg.jpg") no-repeat top center; background-size: cover; width: 100%; padding: 50px 0 80px; margin-bottom: 80px; } /* line 17, eco.scss */ #equipment.eco .eqpTitleSec #eqpTitleWrap { color: #fff; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25)) drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.25)); margin-bottom: 50px; } /* line 18, eco.scss */ #equipment.eco .eqpTitleSec #eqpTitleWrap .eqpTitle { color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding-bottom: 15px; margin-bottom: 20px; } @media only screen and (max-width: 750px) { /* line 27, eco.scss */ #equipment.eco #eqpTitleWrap, #equipment.eco #zehm { max-width: 100%; } /* line 28, eco.scss */ #equipment.eco .eqpTitleSec { background: url("../../img/equipment/eco/bgSp.jpg") no-repeat top center; background-size: cover; padding: 20px 0 40px; margin-bottom: 60px; } /* line 29, eco.scss */ #equipment.eco .eqpTitleSec #eqpTitleWrap { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.25)) drop-shadow(3px 3px 4px rgba(0, 0, 0, 0.25)); margin-bottom: 30px; } /* line 30, eco.scss */ #equipment.eco .eqpTitleSec #eqpTitleWrap .eqpTitle { width: 90%; padding-bottom: 15px; margin: 0 auto 20px; } /* line 32, eco.scss */ #equipment.eco .eqpTitleSec #eqpTitleWrap .read { margin-top: 10px; } } /* line 36, eco.scss */ #equipment.eco #zehm { background: url("../../img/equipment/eco/zehmBg.jpg"); background-size: auto; padding: 30px 50px 50px; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box; filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.2)); } /* line 37, eco.scss */ #equipment.eco #zehm .tit { width: 100%; color: #1c903f; text-align: center; font-size: 42px; margin-bottom: 30px; } /* line 38, eco.scss */ #equipment.eco #zehm .tit span, #equipment.eco #zehm .tit em { display: block; font-family: "YakuHanMP", "Shippori Mincho", serif; line-height: 1.5; } /* line 40, eco.scss */ #equipment.eco #zehm .tit em { font-size: 40%; font-weight: 600; letter-spacing: -.015em; } /* line 42, eco.scss */ #equipment.eco #zehm .text { width: 46%; } /* line 43, eco.scss */ #equipment.eco #zehm .t { width: 100%; border: 1px solid rgba(0, 0, 0, 0.5); border-inline: none; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .025em; text-align: center; font-size: 22px; letter-spacing: .05em; padding: .5em 0; margin-bottom: 20px; } /* line 44, eco.scss */ #equipment.eco #zehm .read { -webkit-text-stroke-width: .15px; font-size: 17px; line-height: 2.2; } /* line 45, eco.scss */ #equipment.eco #zehm .drawing { width: 50%; } /* line 46, eco.scss */ #equipment.eco #zehm .drawing2 { background: #fff; padding: 30px 50px; box-sizing: border-box; margin-top: 40px; } /* line 47, eco.scss */ #equipment.eco #zehm .linkCmn { width: 300px; height: 48px; margin: 40px auto 0; } /* line 49, eco.scss */ #equipment.eco #zehm .linkCmn a em { color: #1c903f; font-weight: 600; font-size: 18px; } /* line 50, eco.scss */ #equipment.eco #zehm .linkCmn a i { background: #1c903f; } /* line 51, eco.scss */ #equipment.eco #zehm .linkCmn a i::after { background: #1c903f; } /* line 53, eco.scss */ #equipment.eco #zehm .linkCmn a::after { background: #fff; border-radius: 8px; border: 2px solid #1c903f; } @media only screen and (max-width: 750px) { /* line 61, eco.scss */ #equipment.eco #zehm { padding: 20px 20px 20px; filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.2)); width: 94%; margin: auto; } /* line 62, eco.scss */ #equipment.eco #zehm .tit { font-size: 32px; margin-bottom: 20px; } /* line 63, eco.scss */ #equipment.eco #zehm .tit span, #equipment.eco #zehm .tit em { display: block; font-family: "YakuHanMP", "Shippori Mincho", serif; line-height: 1.5; } /* line 65, eco.scss */ #equipment.eco #zehm .tit em { font-size: 50%; } /* line 67, eco.scss */ #equipment.eco #zehm .text { width: 100%; } /* line 68, eco.scss */ #equipment.eco #zehm .t { font-size: 18px; padding: .5em 0; margin-bottom: 15px; } /* line 69, eco.scss */ #equipment.eco #zehm .read { font-size: 16px; line-height: 2.0; } /* line 70, eco.scss */ #equipment.eco #zehm .drawing { width: 100%; margin-top: 1em; } /* line 71, eco.scss */ #equipment.eco #zehm .drawing2 { padding: 20px 15px; margin-top: 20px; } /* line 72, eco.scss */ #equipment.eco #zehm .linkCmn { width: 220px; height: 40px; margin: 20px auto 0; } /* line 74, eco.scss */ #equipment.eco #zehm .linkCmn a em { font-size: 16px; } /* line 78, eco.scss */ #equipment.eco #zehm .linkCmn a::after { border-radius: 8px; border: 2px solid #1c903f; } } /* line 90, eco.scss */ #equipment.eco .ecoSec { width: 100%; } /* line 91, eco.scss */ #equipment.eco .ecoSec:not(:last-child) { margin-bottom: 80px; } /* line 92, eco.scss */ #equipment.eco .ecoSec .logoSec { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; align-items: baseline; position: relative; margin-bottom: 15px; width: 100%; } /* line 93, eco.scss */ #equipment.eco .ecoSec .logoSec .catch { /* @include fs(24,1.6); font-weight: 500; letter-spacing: .015em; margin: 0; color: #8ea677; */ } /* line 96, eco.scss */ #equipment.eco .ecoSec .catch { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 500; letter-spacing: .015em; margin: 0; color: #8ea677; } /* line 97, eco.scss */ #equipment.eco .ecoSec .eqpTit { margin-bottom: 25px !important; background: #dbdcdc; } /* line 98, eco.scss */ #equipment.eco .ecoSec .eqpTit em { font-size: 21px; font-size: 1.3125rem; line-height: 2.1rem; letter-spacing: .015em; font-weight: 500; background: #8ea677; } /* line 99, eco.scss */ #equipment.eco .ecoSec .eqpTit span { letter-spacing: .015em; color: #333; } /* line 103, eco.scss */ #equipment.eco .ecoSec .read.main { font-size: 16px; font-size: 1rem; line-height: 2rem; -webkit-text-stroke-width: .15px; letter-spacing: -.015em; text-align: justify; } @media only screen and (max-width: 750px) { /* line 109, eco.scss */ #equipment.eco .ecoSec { width: 90%; margin: auto; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 109, eco.scss */ #equipment.eco .ecoSec { width: 90%; } } @media only screen and (max-width: 750px) { /* line 110, eco.scss */ #equipment.eco .ecoSec:not(:last-child) { margin-bottom: 60px; } /* line 111, eco.scss */ #equipment.eco .ecoSec .logoSec { margin-bottom: 15px; width: 100%; flex-wrap: wrap; } /* line 113, eco.scss */ #equipment.eco .ecoSec .logoSec .logo { margin: 0 auto 15px; line-height: 0; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 113, eco.scss */ #equipment.eco .ecoSec .logoSec .logo { line-height: 1; } } @media only screen and (max-width: 750px) { /* line 115, eco.scss */ #equipment.eco .ecoSec .catch { font-size: 20px; font-size: 1.25rem; line-height: 2rem; width: 100%; text-align: justify; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 115, eco.scss */ #equipment.eco .ecoSec .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; } } @media only screen and (max-width: 750px) { /* line 116, eco.scss */ #equipment.eco .ecoSec .eqpTit { margin: 0 -6% 15px !important; width: 112%; } /* line 117, eco.scss */ #equipment.eco .ecoSec .eqpTit em { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; padding: 2px 5%; } /* line 118, eco.scss */ #equipment.eco .ecoSec .eqpTit span { padding-inline: 5%; text-align: justify; } /* line 121, eco.scss */ #equipment.eco .ecoSec .cap { word-break: break-all; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 121, eco.scss */ #equipment.eco .ecoSec .cap { font-size: 10px; font-size: 0.625rem; line-height: 0.875rem; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 122, eco.scss */ #equipment.eco .ecoSec .read.main { font-size: 14.5px; font-size: 0.90625rem; line-height: 1.45rem; } } /* line 132, eco.scss */ #equipment.eco #eneshare.ecoSec .logoSec { margin-top: -10px; } /* line 133, eco.scss */ #equipment.eco #eneshare.ecoSec .logoSec .logo { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 24px; color: #8ea677; font-weight: 500; /*margin-top: 12px;*/ } /* line 134, eco.scss */ #equipment.eco #eneshare.ecoSec .logoSec .catch { width: calc(100% - 340px); } /* line 136, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 40px; } /* line 137, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .text { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 139, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .read { margin-bottom: 20px; width: 31%; } /* line 140, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .ph { width: 66%; } /* line 142, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 143, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .meritSec { width: 52%; } /* line 144, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec { width: 44%; } /* line 145, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list { display: flex; justify-content: space-between; flex-wrap: wrap; /*align-items: flex-start;*/ } /* line 146, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list:not(:last-child) { margin-bottom: 20px; } /* line 147, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text { border-left: 5px solid #8ea677; display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 1em; width: calc(100% - 120px); } /* line 148, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .t { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 18px; line-height: 1.6; font-weight: 600; color: #8ea677; margin-bottom: .35em; } /* line 149, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .read { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.6; font-weight: 500; margin-bottom: 0; width: 100%; } /* line 150, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .read small { font-size: 80%; display: block; margin-top: .15em; } /* line 153, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .ph { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 80px; position: relative; } /* line 156, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list01 .ph span { width: 60px; } /* line 157, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list02 .ph span { width: 70px; } /* line 158, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list03 .ph span { width: 50px; } /* line 158, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list03 .ph::before { bottom: -15px; right: 0; text-align: right; } /* line 161, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .cap { margin-top: 20px; } @media only screen and (max-width: 750px) { /* line 170, eco.scss */ #equipment.eco #eneshare.ecoSec .logoSec .logo { font-size: 21px; line-height: 1.5; margin: 10px auto 0px; } /* line 171, eco.scss */ #equipment.eco #eneshare.ecoSec .logoSec .catch { width: 100%; margin-top: 15px; } /* line 173, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 { margin-bottom: 30px; } /* line 174, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .text { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 174, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .text { width: 62%; } } @media only screen and (max-width: 750px) { /* line 176, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .read { width: 100%; margin-bottom: 20px; } /* line 177, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .ph { width: 100%; margin-bottom: 30px; } /* line 178, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .meritSec { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 178, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec01 .meritSec { width: 35%; } } @media only screen and (max-width: 750px) { /* line 181, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .meritSec { width: 100%; margin-bottom: 20px; } /* line 182, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec { width: 100%; } /* line 184, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list:not(:last-child) { margin-bottom: 25px; } /* line 185, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text { width: calc(100% - 100px); } /* line 186, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .t { font-size: 18px; line-height: 1.6; margin-bottom: .35em; text-align: justify; } /* line 187, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .read { font-size: 14px; line-height: 1.6; } /* line 188, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .text .read small { font-size: 80%; margin-top: .15em; } /* line 191, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list .ph { width: 80px; } /* line 194, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list01 .ph span { width: 60px; } /* line 195, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list02 .ph span { width: 70px; } /* line 196, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list03 .ph span { width: 70px; } /* line 196, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .appSec .list.list03 .ph::before { bottom: -0px; right: 0; text-align: right; } /* line 199, eco.scss */ #equipment.eco #eneshare.ecoSec .sec.sec02 .cap { margin-top: 20px; } } /* line 209, eco.scss */ #equipment.eco #shokusenki.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 214, eco.scss */ #equipment.eco #shokusenki.ecoSec .read { width: 35%; order: 0; } /* line 216, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph01 { width: 27%; order: 1; } /* line 217, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph02 { width: 32%; order: 2; } /* line 219, eco.scss */ #equipment.eco #shokusenki.ecoSec .cap { margin-top: 20px; order: 3; } @media only screen and (max-width: 750px) { /* line 225, eco.scss */ #equipment.eco #shokusenki.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 230, eco.scss */ #equipment.eco #shokusenki.ecoSec .read { width: 100%; margin-bottom: 15px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 230, eco.scss */ #equipment.eco #shokusenki.ecoSec .read { width: 54%; } } @media only screen and (max-width: 750px) { /* line 232, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph01 { width: 100%; height: 180px; margin-bottom: 18px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 232, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph01 { width: 42%; height: 280px; } } @media only screen and (max-width: 750px) { /* line 233, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph02 { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 233, eco.scss */ #equipment.eco #shokusenki.ecoSec .ph.ph02 { width: 45%; margin: -180px 30px 0 auto; } } @media only screen and (max-width: 750px) { /* line 235, eco.scss */ #equipment.eco #shokusenki.ecoSec .cap { margin-top: 20px; } } /* line 244, eco.scss */ #equipment.eco #ecojozu.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; /* #kyutou */ } /* line 246, eco.scss */ #equipment.eco #ecojozu.ecoSec .logoSec .logo { width: 200px; margin: auto; } /* line 247, eco.scss */ #equipment.eco #ecojozu.ecoSec .logoSec .catch { width: calc(100% - 250px); } /* line 249, eco.scss */ #equipment.eco #ecojozu.ecoSec .read { margin-bottom: 20px; } /* line 250, eco.scss */ #equipment.eco #ecojozu.ecoSec .read u { text-decoration-color: #a72c34; } /* line 252, eco.scss */ #equipment.eco #ecojozu.ecoSec .ph { width: 45.5%; margin-top: auto; } /* line 253, eco.scss */ #equipment.eco #ecojozu.ecoSec .meritSec { width: 51.5%; } /* line 254, eco.scss */ #equipment.eco #ecojozu.ecoSec .cap { margin-top: 20px; } /* line 256, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou { margin-top: 30px; } /* line 257, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .tit { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; font-weight: 600; margin-bottom: 15px; } /* line 259, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li { width: 48.5%; } /* line 260, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .t { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; font-weight: 600; background: #8e9294; color: #fff; padding: 2px 12px; margin-bottom: 8px; position: relative; } /* line 261, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .t i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 10px; width: 100px; } /* line 263, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .read { font-size: 15.5px; font-size: 0.96875rem; line-height: 1.74375rem; letter-spacing: .025em; margin-bottom: 20px; } /* line 264, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .read small { display: block; margin-top: 5px; font-size: 80%; line-height: 1.6; } /* line 266, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .ph { width: 68%; margin: 5px auto 0; } /* line 267, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol { border-top: 1px dotted rgba(0, 0, 0, 0.6); } /* line 268, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol li { display: block; border-bottom: 1px dotted rgba(0, 0, 0, 0.6); width: 100%; padding: 2px 0px; letter-spacing: .025em; -webkit-text-stroke-width: .1px; font-weight: 500; } /* line 269, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol li strong { color: #598a63; font-size: 120%; font-weight: 600; } /* line 272, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li:nth-of-type(2) .read { margin-bottom: 5px; } /* line 275, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept { background: #f2f5f3; padding: 20px 25px 25px; display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; } /* line 276, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list { width: 48%; } /* line 277, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list .tit { margin-bottom: 5px; } /* line 278, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list .tit + .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; letter-spacing: .05em; position: relative; z-index: 5; margin-bottom: 10px; } /* line 282, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .tit { /*small{ font-size: 70%; letter-spacing: .025em; display: block; font-weight: 500;}*/ } /* line 285, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec { background: #b0462e; color: #fff; padding: 10px 25px 12px; border-radius: 12px; width: 100%; margin-bottom: 15px; } /* line 286, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 500; border-bottom: 1px solid rgba(255, 255, 255, 0.6); padding-bottom: 6px; margin-bottom: 10px; text-align: center; } /* line 287, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl em { font-size: 140%; } /* line 288, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl em strong { font-size: 160%; letter-spacing: -.015em; } /* line 291, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .read { font-size: 14px; font-size: 0.875rem; line-height: 1.4rem; letter-spacing: .05em; margin-bottom: 0; } /* line 293, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 294, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li { width: 49%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; border: 1px solid rgba(0, 0, 0, 0.5); font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-weight: 600; padding: 5px 0; } /* line 295, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li:nth-of-type(-n + 2) { margin-bottom: 2%; } /* line 297, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li em { color: #b0462e; font-size: 140%; } /* line 303, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list02 .read { margin-bottom: 0; } /* line 304, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list02 .ph { width: 80%; margin: -5px auto 0; } @media only screen and (max-width: 750px) { /* line 313, eco.scss */ #equipment.eco #ecojozu.ecoSec { /* #kyutou */ } /* line 315, eco.scss */ #equipment.eco #ecojozu.ecoSec .logoSec .logo { width: 190px; margin: 0 auto 15px; } /* line 316, eco.scss */ #equipment.eco #ecojozu.ecoSec .logoSec .catch { width: 100%; } /* line 318, eco.scss */ #equipment.eco #ecojozu.ecoSec .read { margin-bottom: 30px; } /* line 319, eco.scss */ #equipment.eco #ecojozu.ecoSec .ph { width: 100%; margin-bottom: 30px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 319, eco.scss */ #equipment.eco #ecojozu.ecoSec .ph { width: 80%; margin: 0 auto 30px; } } @media only screen and (max-width: 750px) { /* line 320, eco.scss */ #equipment.eco #ecojozu.ecoSec .meritSec { width: 100%; } /* line 321, eco.scss */ #equipment.eco #ecojozu.ecoSec .cap { margin-top: 15px; } /* line 323, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou { margin-top: 40px; } /* line 324, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .tit { font-size: 20px; font-size: 1.25rem; line-height: 2rem; margin-bottom: 10px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 324, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .tit { font-size: 20px; font-size: 1.25rem; line-height: 2rem; } } @media only screen and (max-width: 750px) { /* line 326, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 326, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li { width: 100%; } } @media only screen and (max-width: 750px) { /* line 327, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .t { font-size: 18px; font-size: 1.125rem; line-height: 1.8rem; padding: 2px 12px; margin-bottom: 10px; } /* line 328, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .t i { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: 10px; width: 60px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 328, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .t i { width: 90px; } } @media only screen and (max-width: 750px) { /* line 330, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .read { font-size: 15.5px; font-size: 0.96875rem; line-height: 1.74375rem; margin-bottom: 15px; } /* line 331, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .read small { margin-top: 5px; font-size: 80%; } /* line 333, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .ph { width: 90%; margin: 5px auto 30px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 333, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li .ph { width: 50%; margin-bottom: 30px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 334, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol { display: flex; justify-content: space-between; flex-wrap: wrap; } } @media only screen and (max-width: 750px) { /* line 335, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol li { font-size: 16px; font-size: 1rem; line-height: 1.8rem; padding: 5px 5px; text-align: center; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 335, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol li { width: 48.5%; } } @media only screen and (max-width: 750px) { /* line 336, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li ol li strong { display: block; } /* line 339, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou ul li:nth-of-type(2) .read { padding: 0 5%; } /* line 342, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept { padding: 15px 20px 20px; margin-top: 20px; } /* line 343, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 343, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list { width: 100%; } } @media only screen and (max-width: 750px) { /* line 344, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list .tit { margin-bottom: 8px; } /* line 346, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 { margin-bottom: 15px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 346, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 { margin-bottom: 30px; } } @media only screen and (max-width: 750px) { /* line 348, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .tit small { font-size: 80%; line-height: 1.7; } /* line 350, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec { padding: 10px 15px 10px; margin-bottom: 15px; } /* line 351, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; padding-bottom: 10px; margin-bottom: 10px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 351, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl { font-size: 20px; font-size: 1.25rem; line-height: 2rem; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: center; align-items: baseline; } } @media only screen and (max-width: 750px) { /* line 352, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl em { font-size: 140%; display: block; } /* line 353, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .ttl em strong { font-size: 160%; } /* line 356, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 .meritSec .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; } /* line 359, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li { width: 100%; font-size: 16px; font-size: 1rem; line-height: 1.6rem; padding: 3px 0 5px; margin-bottom: 2%; /* flex-direction: row; justify-content: center;*/ } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 359, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li { font-size: 14px; font-size: 0.875rem; line-height: 1.575rem; width: 24%; letter-spacing: 0; padding: 3px 0 8px; margin-bottom: 0; } } @media only screen and (max-width: 750px) { /* line 361, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li:nth-of-type(-n + 2) { margin-bottom: 2%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 361, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li:nth-of-type(-n + 2) { margin-bottom: 0; } } @media only screen and (max-width: 750px) { /* line 362, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li span { letter-spacing: 0; } /* line 363, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list01 ul.point li em { font-size: 150%; } /* line 369, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list02 .read { font-size: 15px; font-size: 0.9375rem; line-height: 1.5rem; } /* line 370, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list02 .ph { width: 100%; margin: -10px auto 0; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 370, eco.scss */ #equipment.eco #ecojozu.ecoSec #kyutou .concept .list.list02 .ph { margin-top: 5px; width: 60%; } } /* line 380, eco.scss */ #equipment.eco .toilet-kankiWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 381, eco.scss */ #equipment.eco .toilet-kankiWrap #toilet, #equipment.eco .toilet-kankiWrap #kanki { width: 48%; } @media only screen and (max-width: 750px) { /* line 381, eco.scss */ #equipment.eco .toilet-kankiWrap #toilet, #equipment.eco .toilet-kankiWrap #kanki { width: 90%; margin: auto; } } /* line 388, eco.scss */ #equipment.eco #toilet.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 389, eco.scss */ #equipment.eco #toilet.ecoSec .text { width: 100%; } /* line 390, eco.scss */ #equipment.eco #toilet.ecoSec .logoSec { /*.logo { width: 220px; @media screen and (min-width:601px) and (max-width:750px){ width: 200px;} }*/ } /* line 393, eco.scss */ #equipment.eco #toilet.ecoSec .catch { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; width: 100%; margin-bottom: 20px; } /* line 395, eco.scss */ #equipment.eco #toilet.ecoSec .meritSec { width: 100%; } /* line 396, eco.scss */ #equipment.eco #toilet.ecoSec .meritSec .ph { margin: auto; width: 98%; } /* line 398, eco.scss */ #equipment.eco #toilet.ecoSec .cap { margin-top: 20px; } @media only screen and (max-width: 750px) { /* line 404, eco.scss */ #equipment.eco #toilet.ecoSec { margin-bottom: 60px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 405, eco.scss */ #equipment.eco #toilet.ecoSec .text { width: 27%; } } @media only screen and (max-width: 750px) { /* line 406, eco.scss */ #equipment.eco #toilet.ecoSec .logoSec { /*.logo { width: 200px; margin: 5px auto 0; position: relative; left: -5%;}*/ } /* line 409, eco.scss */ #equipment.eco #toilet.ecoSec .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; margin: 0px; } /* line 411, eco.scss */ #equipment.eco #toilet.ecoSec .meritSec { width: 106%; margin: 15px -3% 0; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 411, eco.scss */ #equipment.eco #toilet.ecoSec .meritSec { width: 70%; margin: 15px auto 0; } } @media only screen and (max-width: 750px) { /* line 412, eco.scss */ #equipment.eco #toilet.ecoSec .cap { margin-top: 20px; } } /* line 420, eco.scss */ #equipment.eco #kanki.ecoSec { background: #f2f5f3; } /* line 421, eco.scss */ #equipment.eco #kanki.ecoSec .ttl.eqpTit { margin-bottom: 0 !important; } /* line 422, eco.scss */ #equipment.eco #kanki.ecoSec .ttl.eqpTit em { width: 100%; } /* line 424, eco.scss */ #equipment.eco #kanki.ecoSec .concept { padding: 20px 25px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 426, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list .catch { margin-bottom: 10px; } /* line 427, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list .read { -webkit-text-stroke-width: .15px; letter-spacing: -.015em; text-align: justify; } /* line 429, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 { width: 60%; } /* line 433, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 .meritSec .t { margin: 15px 0 10px; } /* line 437, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point { width: 34%; } /* line 438, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .025em; font-weight: 500; background: #fff; text-align: center; padding: .5em 0; display: block; font-size: 15px; line-height: 1.5; border-radius: 8px; } /* line 439, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li:not(:last-child) { margin-bottom: 10px; } /* line 440, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li span, #equipment.eco #kanki.ecoSec .concept ul.point li em { display: block; } /* line 442, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li em { color: #9f0524; font-size: 140%; line-height: 1.4; } /* line 445, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 { margin-top: 30px; } /* line 447, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 .ph { width: 65%; float: right; margin: -12px -2.5% 1em 1em; } @media only screen and (max-width: 750px) { /* line 456, eco.scss */ #equipment.eco #kanki.ecoSec { width: 110%; margin-inline: -5.5%; margin-bottom: 60px; } /* line 457, eco.scss */ #equipment.eco #kanki.ecoSec .ttl.eqpTit { margin-bottom: 0 !important; } /* line 458, eco.scss */ #equipment.eco #kanki.ecoSec .ttl.eqpTit em { width: 100%; } /* line 460, eco.scss */ #equipment.eco #kanki.ecoSec .concept { padding: 20px 10.5%; } /* line 462, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list .catch { margin-bottom: 10px; } /* line 465, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 { width: 100%; } /* line 468, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 .meritSec { width: 80%; margin: auto; } /* line 469, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 .meritSec .t { margin: 15px 0 10px; } /* line 470, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list01 .meritSec .cap { text-align: center; } /* line 473, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point { width: 100%; margin-top: 20px; } /* line 474, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li { padding: .5em 0; font-size: 15px; border-radius: 8px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } /* line 475, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li:not(:last-child) { margin-bottom: 8px; } /* line 476, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li span { width: 160px; } /* line 477, eco.scss */ #equipment.eco #kanki.ecoSec .concept ul.point li em { font-size: 140%; line-height: 1.4; } /* line 480, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 { margin-top: 30px; display: flex; flex-direction: column; flex-wrap: wrap; } /* line 481, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 .catch { order: 0; } /* line 482, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 .ph { width: 110%; float: none; margin: 0px -5% 15px; order: 2; } /* line 483, eco.scss */ #equipment.eco #kanki.ecoSec .concept .list.list02 .read { order: 1; } } /* line 493, eco.scss */ #equipment.eco #bath.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 495, eco.scss */ #equipment.eco #bath.ecoSec .logoSec .logo { width: 210px; position: absolute; right: 0; top: -10px; } /* line 496, eco.scss */ #equipment.eco #bath.ecoSec .logoSec .catch { width: 100%; margin-left: 0; } /* line 499, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 { position: relative; width: 55%; } /* line 500, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .read { margin-bottom: 20px; } /* line 501, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .ph { width: 80%; margin: auto; } /* line 502, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .cap { margin-top: 20px; } /* line 504, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 { width: 40%; /*margin-right: 100px;*/ margin-top: 26px; } /* line 505, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 .ph { width: 80%; margin: auto; } /* line 506, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 .meritSec { width: 100%; margin-top: 20px; } /* line 507, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 .cap { margin-top: 20px; } @media only screen and (max-width: 750px) { /* line 515, eco.scss */ #equipment.eco #bath.ecoSec .logoSec { flex-direction: column; margin-bottom: 10px; } /* line 516, eco.scss */ #equipment.eco #bath.ecoSec .logoSec .logo { width: 180px; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin: -5px auto 12px; } /* line 517, eco.scss */ #equipment.eco #bath.ecoSec .logoSec .catch { width: 100%; } /* line 520, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 { width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 520, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 { width: 52%; } } @media only screen and (max-width: 750px) { /* line 521, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .read { margin-bottom: 15px; } /* line 522, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .ph { width: 100%; margin: auto; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 522, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec01 .ph { width: 100%; } } @media only screen and (max-width: 750px) { /* line 524, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 { width: 100%; margin-right: 0px; margin-top: 20px; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 524, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 { margin-right: 0; width: 43%; margin-top: 0; } } @media only screen and (max-width: 750px) { /* line 525, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 .ph { width: 86%; margin: 0 auto 20px; } /* line 526, eco.scss */ #equipment.eco #bath.ecoSec .sec.sec02 .meritSec { width: 100%; margin-top: 0px; } } /* line 536, eco.scss */ #equipment.eco #shower.ecoSec { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 538, eco.scss */ #equipment.eco #shower.ecoSec .catch { font-size: 24px; font-size: 1.5rem; line-height: 2.4rem; font-weight: 500; margin: 0 0 15px 0; } /* line 539, eco.scss */ #equipment.eco #shower.ecoSec .catch + .read { margin-bottom: 20px; width: 67%; } /* line 541, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 { width: 68.5%; } /* line 542, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 .phSet { margin-bottom: 20px; } /* line 545, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 .cap { margin-top: 20px; width: calc(100% + 44%); margin-right: -33%; } /* line 547, eco.scss */ #equipment.eco #shower.ecoSec .meritSec { width: 28%; margin-top: -230px; /*margin-right: 35px; */ } /* line 549, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph01 { margin: 0 20px -18px -35px; width: 100%; } /* line 550, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph02 { margin-bottom: 10px; } /* line 553, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .thismansion em { display: block; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; letter-spacing: .025em; font-weight: 600; line-height: 1.5; letter-spacing: -.015em; font-size: 16px; color: #9f0524; white-space: nowrap; border-bottom: 2px dotted #9f0524; } @media only screen and (max-width: 750px) { /* line 563, eco.scss */ #equipment.eco #shower.ecoSec .catch { font-size: 20px; font-size: 1.25rem; line-height: 2rem; margin-bottom: 10px; order: 0; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 563, eco.scss */ #equipment.eco #shower.ecoSec .catch { font-size: 22px; font-size: 1.375rem; line-height: 2.2rem; } } @media only screen and (max-width: 750px) { /* line 564, eco.scss */ #equipment.eco #shower.ecoSec .catch + .read { margin-bottom: 0px; order: 1; width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 564, eco.scss */ #equipment.eco #shower.ecoSec .catch + .read { width: 72%; margin-bottom: 15px; } } @media only screen and (max-width: 750px) { /* line 566, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 { width: 100%; order: 3; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 566, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 { order: 2; width: 72%; z-index: 1; } } @media only screen and (max-width: 750px) { /* line 567, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 .phSet { margin-bottom: 25px; } /* line 569, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 .cap { margin-top: 20px; width: 100%; margin-right: auto; text-align: justify; text-justify: inter-ideograph; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 569, eco.scss */ #equipment.eco #shower.ecoSec .sec.sec01 .cap { width: calc(100% + 38%); } } @media only screen and (max-width: 750px) { /* line 571, eco.scss */ #equipment.eco #shower.ecoSec .meritSec { width: 100%; margin: -15px auto 0; order: 2; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 571, eco.scss */ #equipment.eco #shower.ecoSec .meritSec { order: 3; width: 25%; margin: -106px 0 0 0; } } @media only screen and (max-width: 750px) { /* line 573, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph01 { margin: 0 auto -5px auto; width: 70%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 573, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph01 { margin: 0 20px -5px -30px; width: 110%; } } @media only screen and (max-width: 750px) { /* line 574, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph02 { margin: 0 auto 20px; width: 100%; } } @media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 574, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .ph.ph02 { margin-bottom: 22px; } } @media only screen and (max-width: 750px) { /* line 576, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .thismansion { display: none; } /* line 577, eco.scss */ #equipment.eco #shower.ecoSec .meritSec .thismansion em { letter-spacing: -.0em; font-size: 16px; white-space: normal; border-bottom: 2px dotted #9f0524; } }