@charset "UTF-8"; /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 13, _equipmentcommon.scss */ #equipment01 .standardIc, #equipment01 .selectIc, #equipment02 .standardIc, #equipment02 .selectIc, #equipment03 .standardIc, #equipment03 .selectIc { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; font-weight: 400; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; display: inline-flex; padding: .25em .75em; letter-spacing: .05em; -webkit-text-stroke-width: .0px; margin-right: .75em; margin-top: .025em; line-height: 1.35; } /* line 14, _equipmentcommon.scss */ #equipment01 .selectIc, #equipment02 .selectIc, #equipment03 .selectIc { background: #7aa7c0; color: #fff; border: 1px solid #7aa7c0; } /* line 15, _equipmentcommon.scss */ #equipment01 .selectIc .lsKana, #equipment02 .selectIc .lsKana, #equipment03 .selectIc .lsKana { letter-spacing: .05em; margin-right: 0; } /* line 17, _equipmentcommon.scss */ #equipment01 .standardIc, #equipment02 .standardIc, #equipment03 .standardIc { background: none; border: 1px solid rgba(0, 0, 0, 0.5); letter-spacing: .5em; padding-left: 1.25em; } /* line 18, _equipmentcommon.scss */ #equipment01 .optionIc, #equipment02 .optionIc, #equipment03 .optionIc { border: 2px solid #c7000c; font-family: "Poppins", sans-serif; font-weight: 500; color: #c7000c; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: .2em .5em .15em; background: #fff; font-size: 13px; line-height: 1; } /* line 19, _equipmentcommon.scss */ #equipment01 .wrapper, #equipment02 .wrapper, #equipment03 .wrapper { background: #f0f0f0; position: relative; padding-bottom: 50px; } /* line 20, _equipmentcommon.scss */ #equipment01 .wrapper::before, #equipment02 .wrapper::before, #equipment03 .wrapper::before { content: ""; width: 100%; height: 30px; background: #f0f0f0; position: absolute; left: 0; bottom: 100%; } /* line 22, _equipmentcommon.scss */ #equipment01 .eqpT, #equipment02 .eqpT, #equipment03 .eqpT { text-align: center; } /* line 23, _equipmentcommon.scss */ #equipment01 .eqpListWrap, #equipment02 .eqpListWrap, #equipment03 .eqpListWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 24, _equipmentcommon.scss */ #equipment01 .eqpList, #equipment02 .eqpList, #equipment03 .eqpList { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 25, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2, #equipment02 .eqpList .eqpT2, #equipment03 .eqpList .eqpT2 { color: #4281a5; font-size: 17px; line-height: 1.35; font-weight: 500; -webkit-text-stroke-width: .2px; padding-bottom: .5em; margin-bottom: .5em; border-bottom: 1px solid #d2d2d2; width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; } /* line 26, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2.L, #equipment02 .eqpList .eqpT2.L, #equipment03 .eqpList .eqpT2.L { font-size: 24px; line-height: 1.35; } /* line 28, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2 span, #equipment02 .eqpList .eqpT2 span, #equipment03 .eqpList .eqpT2 span { font-size: inherit; } /* line 29, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2.noBorder, #equipment02 .eqpList .eqpT2.noBorder, #equipment03 .eqpList .eqpT2.noBorder { padding-bottom: 0; border-bottom: none; } /* line 31, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT3, #equipment02 .eqpList .eqpT3, #equipment03 .eqpList .eqpT3 { background: #78a9d4; color: #fff; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.5; font-weight: 500; -webkit-text-stroke-width: .0px; letter-spacing: .075em; font-weight: 400; padding: .25em .5em; } /* line 32, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT3 small, #equipment02 .eqpList .eqpT3 small, #equipment03 .eqpList .eqpT3 small { font-size: 90%; } /* line 34, _equipmentcommon.scss */ #equipment01 .eqpList .read, #equipment02 .eqpList .read, #equipment03 .eqpList .read { font-size: 14.5px; line-height: 1.6; -webkit-text-stroke-width: .1px; } /* line 35, _equipmentcommon.scss */ #equipment01 .eqpList .read.L, #equipment02 .eqpList .read.L, #equipment03 .eqpList .read.L { font-size: 16px; line-height: 1.8; } /* line 37, _equipmentcommon.scss */ #equipment01 .eqpList .read small, #equipment02 .eqpList .read small, #equipment03 .eqpList .read small { font-size: 11.5px; line-height: 1.6; display: block; margin-top: .25em; } /* line 39, _equipmentcommon.scss */ #equipment01 .eqpList .cap, #equipment02 .eqpList .cap, #equipment03 .eqpList .cap { font-size: 12px; letter-spacing: -.025em; line-height: 1.5; text-align: justify; } @media only screen and (max-width: 750px) { /* line 45, _equipmentcommon.scss */ #equipment01 .standardIc, #equipment01 .selectIc, #equipment02 .standardIc, #equipment02 .selectIc, #equipment03 .standardIc, #equipment03 .selectIc { font-size: 15px; padding: .25em .75em; margin-right: .5em; margin-top: .0em; line-height: 1.35; } /* line 47, _equipmentcommon.scss */ #equipment01 .standardIc, #equipment02 .standardIc, #equipment03 .standardIc { letter-spacing: .25em; padding-left: 1.0em; } /* line 48, _equipmentcommon.scss */ #equipment01 .optionIc, #equipment02 .optionIc, #equipment03 .optionIc { padding: .2em .5em .15em; font-size: 13px; } /* line 49, _equipmentcommon.scss */ #equipment01 .wrapper, #equipment02 .wrapper, #equipment03 .wrapper { padding-bottom: 30px; } /* line 50, _equipmentcommon.scss */ #equipment01 .wrapper::before, #equipment02 .wrapper::before, #equipment03 .wrapper::before { height: 30px; left: 0; bottom: 100%; } /* line 52, _equipmentcommon.scss */ #equipment01 .eqpTitCmn, #equipment02 .eqpTitCmn, #equipment03 .eqpTitCmn { margin-bottom: 2.5em !important; } /* line 53, _equipmentcommon.scss */ #equipment01 .eqpT, #equipment02 .eqpT, #equipment03 .eqpT { font-size: 20px; line-height: 1.25; padding-block: .25em; } /* line 56, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2, #equipment02 .eqpList .eqpT2, #equipment03 .eqpList .eqpT2 { font-size: 16px; line-height: 1.35; padding-bottom: .35em; margin-bottom: .5em; } /* line 57, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2.L, #equipment02 .eqpList .eqpT2.L, #equipment03 .eqpList .eqpT2.L { font-size: 20px; line-height: 1.5; } /* line 59, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2 span, #equipment02 .eqpList .eqpT2 span, #equipment03 .eqpList .eqpT2 span { font-size: inherit; } /* line 60, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT2.noBorder, #equipment02 .eqpList .eqpT2.noBorder, #equipment03 .eqpList .eqpT2.noBorder { padding-bottom: 0; border-bottom: none; } /* line 62, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT3, #equipment02 .eqpList .eqpT3, #equipment03 .eqpList .eqpT3 { font-size: 15.5px; line-height: 1.5; padding: .25em .5em; } /* line 63, _equipmentcommon.scss */ #equipment01 .eqpList .eqpT3 small, #equipment02 .eqpList .eqpT3 small, #equipment03 .eqpList .eqpT3 small { font-size: 90%; } /* line 65, _equipmentcommon.scss */ #equipment01 .eqpList .read, #equipment02 .eqpList .read, #equipment03 .eqpList .read { font-size: 14px; line-height: 1.5; } /* line 66, _equipmentcommon.scss */ #equipment01 .eqpList .read.L, #equipment02 .eqpList .read.L, #equipment03 .eqpList .read.L { font-size: 15px; line-height: 1.6; } /* line 68, _equipmentcommon.scss */ #equipment01 .eqpList .read small, #equipment02 .eqpList .read small, #equipment03 .eqpList .read small { font-size: 11px; line-height: 1.5; margin-top: .25em; } /* line 70, _equipmentcommon.scss */ #equipment01 .eqpList .cap, #equipment02 .eqpList .cap, #equipment03 .eqpList .cap { font-size: 11px; letter-spacing: -.025em; line-height: 1.25; } } /* line 79, _equipmentcommon.scss */ #equipment01 #kitchen .introSec, #equipment01 #bathroom .introSec, #equipment01 #sanitary .introSec, #equipment01 #toilet .introSec, #equipment02 #kitchen .introSec, #equipment02 #bathroom .introSec, #equipment02 #sanitary .introSec, #equipment02 #toilet .introSec, #equipment03 #kitchen .introSec, #equipment03 #bathroom .introSec, #equipment03 #sanitary .introSec, #equipment03 #toilet .introSec { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 5em; } /* line 80, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap, #equipment01 #bathroom .introSec .phWrap, #equipment01 #sanitary .introSec .phWrap, #equipment01 #toilet .introSec .phWrap, #equipment02 #kitchen .introSec .phWrap, #equipment02 #bathroom .introSec .phWrap, #equipment02 #sanitary .introSec .phWrap, #equipment02 #toilet .introSec .phWrap, #equipment03 #kitchen .introSec .phWrap, #equipment03 #bathroom .introSec .phWrap, #equipment03 #sanitary .introSec .phWrap, #equipment03 #toilet .introSec .phWrap { /*width: 50%;*/ position: relative; display: flex; flex-direction: column; flex-wrap: wrap; } /* line 81, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .ph, #equipment01 #bathroom .introSec .phWrap .ph, #equipment01 #sanitary .introSec .phWrap .ph, #equipment01 #toilet .introSec .phWrap .ph, #equipment02 #kitchen .introSec .phWrap .ph, #equipment02 #bathroom .introSec .phWrap .ph, #equipment02 #sanitary .introSec .phWrap .ph, #equipment02 #toilet .introSec .phWrap .ph, #equipment03 #kitchen .introSec .phWrap .ph, #equipment03 #bathroom .introSec .phWrap .ph, #equipment03 #sanitary .introSec .phWrap .ph, #equipment03 #toilet .introSec .phWrap .ph { flex-grow: 1; } /* line 82, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo, #equipment01 #bathroom .introSec .phWrap .logo, #equipment01 #sanitary .introSec .phWrap .logo, #equipment01 #toilet .introSec .phWrap .logo, #equipment02 #kitchen .introSec .phWrap .logo, #equipment02 #bathroom .introSec .phWrap .logo, #equipment02 #sanitary .introSec .phWrap .logo, #equipment02 #toilet .introSec .phWrap .logo, #equipment03 #kitchen .introSec .phWrap .logo, #equipment03 #bathroom .introSec .phWrap .logo, #equipment03 #sanitary .introSec .phWrap .logo, #equipment03 #toilet .introSec .phWrap .logo { position: absolute; z-index: 1; bottom: 1em; left: 1.25em; background: rgba(255, 255, 255, 0.6); padding: .5em 1em .5em; display: flex; flex-direction: column; flex-wrap: wrap; } /* line 83, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo em, #equipment01 #bathroom .introSec .phWrap .logo em, #equipment01 #sanitary .introSec .phWrap .logo em, #equipment01 #toilet .introSec .phWrap .logo em, #equipment02 #kitchen .introSec .phWrap .logo em, #equipment02 #bathroom .introSec .phWrap .logo em, #equipment02 #sanitary .introSec .phWrap .logo em, #equipment02 #toilet .introSec .phWrap .logo em, #equipment03 #kitchen .introSec .phWrap .logo em, #equipment03 #bathroom .introSec .phWrap .logo em, #equipment03 #sanitary .introSec .phWrap .logo em, #equipment03 #toilet .introSec .phWrap .logo em { line-height: 0; } /* line 84, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo span, #equipment01 #bathroom .introSec .phWrap .logo span, #equipment01 #sanitary .introSec .phWrap .logo span, #equipment01 #toilet .introSec .phWrap .logo span, #equipment02 #kitchen .introSec .phWrap .logo span, #equipment02 #bathroom .introSec .phWrap .logo span, #equipment02 #sanitary .introSec .phWrap .logo span, #equipment02 #toilet .introSec .phWrap .logo span, #equipment03 #kitchen .introSec .phWrap .logo span, #equipment03 #bathroom .introSec .phWrap .logo span, #equipment03 #sanitary .introSec .phWrap .logo span, #equipment03 #toilet .introSec .phWrap .logo span { font-size: 12px; line-height: 1.5; } /* line 86, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .cap, #equipment01 #bathroom .introSec .phWrap .cap, #equipment01 #sanitary .introSec .phWrap .cap, #equipment01 #toilet .introSec .phWrap .cap, #equipment02 #kitchen .introSec .phWrap .cap, #equipment02 #bathroom .introSec .phWrap .cap, #equipment02 #sanitary .introSec .phWrap .cap, #equipment02 #toilet .introSec .phWrap .cap, #equipment03 #kitchen .introSec .phWrap .cap, #equipment03 #bathroom .introSec .phWrap .cap, #equipment03 #sanitary .introSec .phWrap .cap, #equipment03 #toilet .introSec .phWrap .cap { font-size: 12px; line-height: 1.6; position: absolute; top: calc(100% + .75em); left: 0; } /* line 88, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .eqpListWrap, #equipment01 #bathroom .introSec .eqpListWrap, #equipment01 #sanitary .introSec .eqpListWrap, #equipment01 #toilet .introSec .eqpListWrap, #equipment02 #kitchen .introSec .eqpListWrap, #equipment02 #bathroom .introSec .eqpListWrap, #equipment02 #sanitary .introSec .eqpListWrap, #equipment02 #toilet .introSec .eqpListWrap, #equipment03 #kitchen .introSec .eqpListWrap, #equipment03 #bathroom .introSec .eqpListWrap, #equipment03 #sanitary .introSec .eqpListWrap, #equipment03 #toilet .introSec .eqpListWrap { /*width: 48%;*/ } @media only screen and (max-width: 750px) { /* line 96, _equipmentcommon.scss */ #equipment01 #kitchen .introSec, #equipment01 #bathroom .introSec, #equipment01 #sanitary .introSec, #equipment01 #toilet .introSec, #equipment02 #kitchen .introSec, #equipment02 #bathroom .introSec, #equipment02 #sanitary .introSec, #equipment02 #toilet .introSec, #equipment03 #kitchen .introSec, #equipment03 #bathroom .introSec, #equipment03 #sanitary .introSec, #equipment03 #toilet .introSec { margin-bottom: 2em; } /* line 98, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .ph, #equipment01 #bathroom .introSec .phWrap .ph, #equipment01 #sanitary .introSec .phWrap .ph, #equipment01 #toilet .introSec .phWrap .ph, #equipment02 #kitchen .introSec .phWrap .ph, #equipment02 #bathroom .introSec .phWrap .ph, #equipment02 #sanitary .introSec .phWrap .ph, #equipment02 #toilet .introSec .phWrap .ph, #equipment03 #kitchen .introSec .phWrap .ph, #equipment03 #bathroom .introSec .phWrap .ph, #equipment03 #sanitary .introSec .phWrap .ph, #equipment03 #toilet .introSec .phWrap .ph { flex-grow: 1; } /* line 99, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo, #equipment01 #bathroom .introSec .phWrap .logo, #equipment01 #sanitary .introSec .phWrap .logo, #equipment01 #toilet .introSec .phWrap .logo, #equipment02 #kitchen .introSec .phWrap .logo, #equipment02 #bathroom .introSec .phWrap .logo, #equipment02 #sanitary .introSec .phWrap .logo, #equipment02 #toilet .introSec .phWrap .logo, #equipment03 #kitchen .introSec .phWrap .logo, #equipment03 #bathroom .introSec .phWrap .logo, #equipment03 #sanitary .introSec .phWrap .logo, #equipment03 #toilet .introSec .phWrap .logo { bottom: .75em; left: .75em; padding: .25em .75em .25em; } /* line 100, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo em, #equipment01 #bathroom .introSec .phWrap .logo em, #equipment01 #sanitary .introSec .phWrap .logo em, #equipment01 #toilet .introSec .phWrap .logo em, #equipment02 #kitchen .introSec .phWrap .logo em, #equipment02 #bathroom .introSec .phWrap .logo em, #equipment02 #sanitary .introSec .phWrap .logo em, #equipment02 #toilet .introSec .phWrap .logo em, #equipment03 #kitchen .introSec .phWrap .logo em, #equipment03 #bathroom .introSec .phWrap .logo em, #equipment03 #sanitary .introSec .phWrap .logo em, #equipment03 #toilet .introSec .phWrap .logo em { line-height: 0; } /* line 101, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .logo span, #equipment01 #bathroom .introSec .phWrap .logo span, #equipment01 #sanitary .introSec .phWrap .logo span, #equipment01 #toilet .introSec .phWrap .logo span, #equipment02 #kitchen .introSec .phWrap .logo span, #equipment02 #bathroom .introSec .phWrap .logo span, #equipment02 #sanitary .introSec .phWrap .logo span, #equipment02 #toilet .introSec .phWrap .logo span, #equipment03 #kitchen .introSec .phWrap .logo span, #equipment03 #bathroom .introSec .phWrap .logo span, #equipment03 #sanitary .introSec .phWrap .logo span, #equipment03 #toilet .introSec .phWrap .logo span { font-size: 12px; line-height: 1.5; } /* line 103, _equipmentcommon.scss */ #equipment01 #kitchen .introSec .phWrap .cap, #equipment01 #bathroom .introSec .phWrap .cap, #equipment01 #sanitary .introSec .phWrap .cap, #equipment01 #toilet .introSec .phWrap .cap, #equipment02 #kitchen .introSec .phWrap .cap, #equipment02 #bathroom .introSec .phWrap .cap, #equipment02 #sanitary .introSec .phWrap .cap, #equipment02 #toilet .introSec .phWrap .cap, #equipment03 #kitchen .introSec .phWrap .cap, #equipment03 #bathroom .introSec .phWrap .cap, #equipment03 #sanitary .introSec .phWrap .cap, #equipment03 #toilet .introSec .phWrap .cap { font-size: 11px; line-height: 1.6; top: calc(100% + .75em); left: 5%; } } /* line 117, _equipmentcommon.scss */ #equipment01 .cmnTabs, #equipment02 .cmnTabs, #equipment03 .cmnTabs { margin-bottom: 2.5em !important; padding: 0 !important; background: none; } /* line 119, _equipmentcommon.scss */ #equipment01 .cmnTabs .cmnTab li:not(:last-child), #equipment02 .cmnTabs .cmnTab li:not(:last-child), #equipment03 .cmnTabs .cmnTab li:not(:last-child) { margin-right: 25px; } /* line 122, _equipmentcommon.scss */ #equipment01 .tabsContents, #equipment02 .tabsContents, #equipment03 .tabsContents { --liH: 44px; --navgap: 3px; } /* line 125, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav, #equipment02 .tabsContents ul.tabsNav, #equipment03 .tabsContents ul.tabsNav { background: #fff; filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.1)); height: calc(var(--liH) + (var(--navgap) * 2)); width: calc(100% - (var(--navgap) * 2)); margin: 0 auto 5em; } /* line 126, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li, #equipment02 .tabsContents ul.tabsNav li, #equipment03 .tabsContents ul.tabsNav li { height: var(--liH); color: inherit; cursor: pointer; position: relative; } /* line 128, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after, #equipment02 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after, #equipment03 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after { content: ""; width: 1px; height: 24px; background: #d2d2d2; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - .5px); } /* line 130, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li em, #equipment02 .tabsContents ul.tabsNav li em, #equipment03 .tabsContents ul.tabsNav li em { font-size: 16px; } /* line 131, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li.active, #equipment02 .tabsContents ul.tabsNav li.active, #equipment03 .tabsContents ul.tabsNav li.active { color: #fff; } /* line 132, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li.tabSlider, #equipment02 .tabsContents ul.tabsNav li.tabSlider, #equipment03 .tabsContents ul.tabsNav li.tabSlider { position: absolute; bottom: var(--navgap); left: var(--navgap); width: calc(100% - (var(--navgap) * 8)) !important; height: var(--liH); transform-origin: 0 0; transition: transform .5s; background: #5ba8d8; background: -webkit-linear-gradient(90deg, #5ba8d8, #af84b3); background: linear-gradient(90deg, #5ba8d8, #af84b3); /*background: $sC2;*/ opacity: .5; } /* line 134, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4, #equipment02 .tabsContents ul.tabsNav.col4, #equipment03 .tabsContents ul.tabsNav.col4 { --colX: 100 / 4; } /* line 136, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li, #equipment02 .tabsContents ul.tabsNav.col4 li, #equipment03 .tabsContents ul.tabsNav.col4 li { width: calc(var(--colX) * 1%); } /* line 137, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 138, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 139, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 140, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 6))) scaleX(calc(var(--colX) / 100)); } /* line 143, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3, #equipment02 .tabsContents ul.tabsNav.col3, #equipment03 .tabsContents ul.tabsNav.col3 { --colX: 100 / 3; } /* line 145, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li, #equipment02 .tabsContents ul.tabsNav.col3 li, #equipment03 .tabsContents ul.tabsNav.col3 li { width: calc(var(--colX) * 1%); } /* line 146, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 147, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 148, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 151, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5, #equipment02 .tabsContents ul.tabsNav.col5, #equipment03 .tabsContents ul.tabsNav.col5 { --colX: 100 / 5; } /* line 153, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li, #equipment02 .tabsContents ul.tabsNav.col5 li, #equipment03 .tabsContents ul.tabsNav.col5 li { width: calc(var(--colX) * 1%); } /* line 154, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 155, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 156, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 157, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 6))) scaleX(calc(var(--colX) / 100)); } /* line 158, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 8))) scaleX(calc(var(--colX) / 100)); } @media only screen and (max-width: 750px) { /* line 167, _equipmentcommon.scss */ #equipment01 .cmnTabs, #equipment02 .cmnTabs, #equipment03 .cmnTabs { margin-bottom: 1em !important; } /* line 169, _equipmentcommon.scss */ #equipment01 .cmnTabs .cmnTab li, #equipment02 .cmnTabs .cmnTab li, #equipment03 .cmnTabs .cmnTab li { width: calc(100% / 3 - 11px); } /* line 170, _equipmentcommon.scss */ #equipment01 .cmnTabs .cmnTab li:not(:last-child), #equipment02 .cmnTabs .cmnTab li:not(:last-child), #equipment03 .cmnTabs .cmnTab li:not(:last-child) { margin-right: 6px; } /* line 173, _equipmentcommon.scss */ #equipment01 .tabsContents, #equipment02 .tabsContents, #equipment03 .tabsContents { --liH: 32px; --navgap: 2px; } /* line 176, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav, #equipment02 .tabsContents ul.tabsNav, #equipment03 .tabsContents ul.tabsNav { height: calc(var(--liH) + (var(--navgap) * 2)); box-sizing: border-box; width: calc(100% - (var(--navgap) * 2) - 12px); margin: 0 auto 5em; } /* line 177, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li, #equipment02 .tabsContents ul.tabsNav li, #equipment03 .tabsContents ul.tabsNav li { height: var(--liH); color: inherit; cursor: pointer; } /* line 179, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after, #equipment02 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after, #equipment03 .tabsContents ul.tabsNav li:not(:nth-last-child(-n + 2))::after { content: ""; width: 1px; height: 24px; background: #d2d2d2; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - .5px); } /* line 181, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li em, #equipment02 .tabsContents ul.tabsNav li em, #equipment03 .tabsContents ul.tabsNav li em { font-size: 13px; } /* line 182, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li.active, #equipment02 .tabsContents ul.tabsNav li.active, #equipment03 .tabsContents ul.tabsNav li.active { color: #fff; } /* line 183, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav li.tabSlider, #equipment02 .tabsContents ul.tabsNav li.tabSlider, #equipment03 .tabsContents ul.tabsNav li.tabSlider { bottom: var(--navgap); left: var(--navgap); width: calc(100% - (var(--navgap) * 8)) !important; height: var(--liH); } /* line 185, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4, #equipment02 .tabsContents ul.tabsNav.col4, #equipment03 .tabsContents ul.tabsNav.col4 { --colX: 100 / 4; } /* line 187, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li, #equipment02 .tabsContents ul.tabsNav.col4 li, #equipment03 .tabsContents ul.tabsNav.col4 li { width: calc(var(--colX) * 1%); } /* line 188, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 189, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 190, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 191, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col4 li:nth-child(4).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 6))) scaleX(calc(var(--colX) / 100)); } /* line 194, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3, #equipment02 .tabsContents ul.tabsNav.col3, #equipment03 .tabsContents ul.tabsNav.col3 { --colX: 100 / 3; } /* line 196, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li, #equipment02 .tabsContents ul.tabsNav.col3 li, #equipment03 .tabsContents ul.tabsNav.col3 li { width: calc(var(--colX) * 1%); } /* line 197, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 198, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 199, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col3 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 202, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5, #equipment02 .tabsContents ul.tabsNav.col5, #equipment03 .tabsContents ul.tabsNav.col5 { --colX: 100 / 5; } /* line 204, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li, #equipment02 .tabsContents ul.tabsNav.col5 li, #equipment03 .tabsContents ul.tabsNav.col5 li { width: calc(var(--colX) * 1%); } /* line 205, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:first-child.active ~ .tabSlider { transform: translateX(0) scaleX(calc(var(--colX) / 100)); } /* line 206, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(2).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% + (var(--navgap) * 2))) scaleX(calc(var(--colX) / 100)); } /* line 207, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(3).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 2 + (var(--navgap) * 4))) scaleX(calc(var(--colX) / 100)); } /* line 208, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(4).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 6))) scaleX(calc(var(--colX) / 100)); } /* line 209, _equipmentcommon.scss */ #equipment01 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider, #equipment02 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider, #equipment03 .tabsContents ul.tabsNav.col5 li:nth-child(5).active ~ .tabSlider { transform: translateX(calc(var(--colX) * 1% * 3 + (var(--navgap) * 8))) scaleX(calc(var(--colX) / 100)); } } /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 11, _kitchen.scss */ #kitchen { padding-bottom: 150px; } @media only screen and (max-width: 750px) { /* line 11, _kitchen.scss */ #kitchen { padding-bottom: 80px; } } /* line 26, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap { width: 54%; } /* line 28, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap .logo { padding-top: 1em !important; } /* line 29, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap .logo em { width: 260px; } @media only screen and (max-width: 750px) { /* line 38, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap { width: 100%; } /* line 40, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap .logo { padding-top: .75em !important; } /* line 41, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap .logo em { width: 180px; } /* line 42, _kitchen.scss */ #kitchen .wrapper .introSec .phWrap .logo span { margin-top: .5em; } } /* line 52, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 42%; } /* line 56, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 { margin-bottom: 2em; flex-direction: row-reverse; } /* line 58, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .phMain { width: 40%; height: 290px; margin-top: .25em; } /* line 59, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text { width: 55%; } /* line 63, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text .phSubWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1em; } /* line 64, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text .phSubWrap .phSub { width: 48.5%; height: 0; padding-top: 40%; } /* line 65, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text .phSubWrap .phSub img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } /* line 72, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 { position: relative; padding-right: 45%; } /* line 73, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .eqpT2.L { width: 100%; margin-left: auto; } /* line 74, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .ph { width: 40%; height: 0; padding-top: 38%; position: absolute; top: .25em; right: 0; } /* line 75, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } /* line 77, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .read { width: 100%; margin-left: auto; } @media only screen and (max-width: 750px) { /* line 84, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 90%; margin: auto; margin-top: 60px; } /* line 88, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 { margin-bottom: 2em; flex-direction: row-reverse; } /* line 90, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .phMain { width: 40%; height: auto; margin-top: .25em; flex-grow: 0 0 1; } /* line 91, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text { width: 55%; } /* line 95, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text .phSubWrap { margin-top: 1em; } /* line 96, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .text .phSubWrap .phSub { width: 48.5%; padding-top: 40%; } /* line 104, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 { padding-right: 0; } /* line 105, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .eqpT2.L { width: 100%; margin-left: auto; } /* line 106, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .ph { width: 40%; height: auto; padding-top: 0; flex-grow: 0 0 1; position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; margin-top: .25em; } /* line 107, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .ph img { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; } /* line 109, _kitchen.scss */ #kitchen .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList02 .read { width: 55%; margin-left: auto; } } /* line 120, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpT { background: #7aa7c0; } /* line 123, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { align-items: flex-start; } /* line 124, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list { width: 49%; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row-reverse; align-items: flex-end; } /* line 128, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list .text ul.listWrap li { display: block; border: 1px solid #78a9d4; background: #fff; color: #4281a5; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } /* line 129, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list .text ul.listWrap li:not(:last-child) { margin-bottom: .35em; } /* line 134, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 { margin-top: 20px; } /* line 136, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 .ph { width: 47.5%; } /* line 137, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 .text { width: 47.5%; } /* line 143, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 { background: #d9e6ed; padding: 20px 25px 15px; } /* line 148, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .ph { width: 40%; } /* line 149, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .text { width: 54%; } /* line 150, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .text .read { margin-bottom: 1em; } /* line 155, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .cap { width: 100%; margin-top: 1em; } /* line 160, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 { border-top: 1px solid #d2d2d2; padding-top: 2em; margin-top: 2em; align-items: flex-start; } /* line 161, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list { width: 49%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 162, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 { flex-direction: row-reverse; } /* line 165, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .eqpT2.L span { width: 100%; margin-top: .5em; } /* line 167, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .ph { width: 180px; margin-top: -63px; position: relative; } /* line 168, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .ph span.standardIc { position: absolute; top: 0; left: 0; z-index: 5; } /* line 170, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .read { width: calc(100% - 210px); } /* line 171, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .read small { margin-top: 1em; } /* line 174, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 { background: #d9e6ed; padding: 10px 0 10px; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } /* line 175, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 .selectIc { position: absolute; top: 0; left: 0; } /* line 176, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 .ph.ph01 { width: 415px; } @media only screen and (max-width: 750px) { /* line 184, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 { width: 90%; margin: auto; } /* line 189, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list { width: 100%; align-items: flex-start; } /* line 193, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list .text ul.listWrap li { font-size: 12px; line-height: 1.5; padding: .2em .5em; text-align: justify; } /* line 194, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list .text ul.listWrap li:not(:last-child) { margin-bottom: .35em; } /* line 199, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 { margin-top: 0px; } /* line 201, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 .ph { width: 47.5%; } /* line 202, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list01 .text { width: 47.5%; } /* line 208, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 { padding: 12px 12px 10px; margin-top: 20px; } /* line 213, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .ph { width: 40%; margin-top: 33px; } /* line 214, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .text { width: 54%; } /* line 215, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .text .read { margin-bottom: .5em; white-space: nowrap; } /* line 218, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .text ul.listWrap li:nth-of-type(1) { letter-spacing: -.05em; } /* line 222, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .list.list02 .cap { width: 100%; margin-top: 1em; } /* line 227, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 { padding-top: 2em; margin-top: 2em; } /* line 228, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list { width: 100%; } /* line 229, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 { display: block; } /* line 232, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .eqpT2.L span { width: 100%; margin-top: .5em; } /* line 234, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .ph { width: 42%; margin-top: -50px; float: right; margin-left: 1.5em; margin-bottom: 1em; } /* line 235, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .ph span.standardIc { top: 0; left: 0; z-index: 5; } /* line 237, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .read { width: 100%; } /* line 238, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list01 .read small { margin-top: 1em; } /* line 241, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 { padding: 10px 10px 10px; margin-top: 20px; } /* line 242, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 .selectIc { position: absolute; top: 0; left: 0; } /* line 243, _kitchen.scss */ #kitchen .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .list.list02 .ph.ph01 { width: 100%; } } /* line 254, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 { margin-top: 80px; } /* line 255, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .catch { font-size: 28px; font-weight: 500; -webkit-text-stroke-width: .1px; text-align: center; width: 100%; margin-bottom: 1em; } /* line 258, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList { width: calc(100% / 4 - 25px); } /* line 259, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList .ph { margin-bottom: .75em; } @media only screen and (max-width: 750px) { /* line 254, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 { margin-top: 60px; padding: 0 15px; } /* line 268, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .catch { font-size: 21px; line-height: 1.8; -webkit-text-stroke-width: .0px; text-align: justify; margin-bottom: 1em; padding: 0 6.5%; } /* line 269, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList { width: calc(100% / 2 - 10px); } /* line 270, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList .ph { margin-bottom: .75em; } } /* line 277, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 { background: #f0f0f0; padding: 30px 30px 30px; margin-bottom: 2em; width: 100%; } /* line 278, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .text { width: 47.5%; } /* line 280, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .text .read { margin-bottom: 1.5em; } /* line 283, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap { width: 47.5%; display: flex; justify-content: space-between; flex-wrap: wrap; grid-row-gap: 1.5em; } /* line 284, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li { width: 47.5%; } /* line 285, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li .ph { margin-bottom: .75em; } /* line 287, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li .eqpT2 { margin-bottom: .25em; } @media only screen and (max-width: 750px) { /* line 295, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 { padding: 20px 20px 20px; margin-bottom: 2em; } /* line 296, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .text { width: 100%; margin-bottom: 1em; } /* line 297, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .text .eqpT2.L { display: block; } /* line 298, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .text .read { margin-bottom: 1.5em; } /* line 301, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap { width: 100%; grid-row-gap: 2em; } /* line 302, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li { width: 47%; } /* line 303, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li .ph { margin-bottom: .75em; } /* line 305, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 ul.listWrap li .eqpT2 { margin-bottom: .35em; } /* line 309, _kitchen.scss */ #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList02, #kitchen .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 { margin-bottom: 2em; } } /* line 343, _kitchen.scss */ #kitchen .strageSec { margin-top: 80px; } /* line 352, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 { grid-row-gap: 2em; } /* line 353, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList { width: calc(100% / 5 - 27px); } /* line 354, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList .ph { margin-bottom: .75em; } /* line 355, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList .eqpT2 { align-items: baseline; } /* line 356, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList .eqpT2 span { font-size: 70%; color: #000; margin-right: .15em; } /* line 362, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 { position: relative; width: 100%; margin-bottom: 1em; } /* line 363, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .eqpT2, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .read { width: 55%; } /* line 364, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .eqpT2 { font-size: 26px; } /* line 370, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .phMain { position: absolute; width: 40%; top: -150px; right: 0%; } /* line 392, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList04 { margin-right: 500px; } /* line 405, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 { width: 38.5%; } /* line 406, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .ph, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 .ph { height: 143.06px; } /* line 411, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 412, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap .ph { width: calc(100% / 3 - 10px); overflow: visible; } /* line 414, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap .ph:not(:last-child)::after { content: ""; width: 40px; height: 25px; background: url("../../img/equipment/kitchen/storage05_4.webp") no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 15px); } /* line 419, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .read { letter-spacing: -.015em; } /* line 424, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 .ph { width: 100%; } @media only screen and (max-width: 750px) { /* line 434, _kitchen.scss */ #kitchen .strageSec { margin-top: 80px; } /* line 435, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 { grid-row-gap: 2em; padding: 0 15px; } /* line 436, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList { width: calc(100% / 2 - 10px); } /* line 437, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList .ph { margin-bottom: .75em; } /* line 443, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 { width: 100%; margin-bottom: 1em; } /* line 444, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .eqpT2, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .read { width: 100%; } /* line 445, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .eqpT2 { align-items: baseline; font-size: 20px; } /* line 446, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .eqpT2 span { font-size: 70%; } /* line 451, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList01 .phMain { position: relative; top: auto; left: auto; bottom: auto; right: auto; transform: none; width: 100%; margin: 1em auto -1em; } /* line 455, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList04 { margin-right: 0; } /* line 461, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 { width: 100%; } /* line 462, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .ph, #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 .ph { height: auto; } /* line 467, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap { width: 100%; } /* line 468, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap .ph { width: calc(100% / 3 - 8px); height: 0; padding-top: 32%; position: relative; } /* line 469, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; } /* line 471, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList06 .phWrap .ph:not(:last-child)::after { width: 40px; height: 25px; left: calc(100% - 15px); } /* line 481, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 .ph { width: 100%; height: 0; padding-top: 35%; } /* line 482, _kitchen.scss */ #kitchen .strageSec .eqpListWrap.eqpListWrap04 .eqpList.eqpList07 .ph img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; } } /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 11, _bathroom.scss */ #bathroom { padding-bottom: 150px; } @media only screen and (max-width: 750px) { /* line 11, _bathroom.scss */ #bathroom { padding-bottom: 80px; } } /* line 26, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap { width: 54%; } /* line 28, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap .logo { padding-top: .75em !important; left: auto !important; right: 1.25em !important; } /* line 29, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap .logo em { width: 75px; } @media only screen and (max-width: 750px) { /* line 36, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap { width: 100%; } /* line 38, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap .logo { padding-top: .5em !important; right: .75em !important; } /* line 39, _bathroom.scss */ #bathroom .wrapper .introSec .phWrap .logo em { width: 60px; } } /* line 48, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 42%; } /* line 52, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .eqpT2.L { align-items: baseline; } /* line 53, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .eqpT2.L span { font-size: 70%; color: #000; width: 100%; margin-bottom: .25em; } /* line 54, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .eqpT2.L small { font-size: 70%; } /* line 56, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .read.L { width: 47.5%; } /* line 57, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink { width: 47.5%; } /* line 58, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink span { display: block; margin-bottom: .25em; } /* line 59, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink em { display: block; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 12px; font-weight: 400; text-align: center; } /* line 61, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; /*margin-top: -25px;*/ margin-top: 1em; } /* line 62, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list { display: flex; justify-content: space-between; flex-wrap: wrap; width: 47.5%; } /* line 64, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list .ph span { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.5; font-weight: 400; position: absolute; bottom: .35em; left: .75em; color: #fff; } /* line 67, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list .text .eqpT3 { margin-top: .75em; margin-bottom: .5em; } /* line 71, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 { width: 100%; align-items: flex-end; margin-bottom: 2em; } /* line 72, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .ph { width: 47.5%; } /* line 75, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .text { width: 47.5%; } /* line 76, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .text .eqpT3 { margin-top: .0em; } @media only screen and (max-width: 750px) { /* line 105, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 90%; margin: 30px auto 0; } /* line 110, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .eqpT2.L span { font-size: 70%; width: 100%; margin-bottom: .25em; } /* line 111, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .eqpT2.L small { font-size: 70%; } /* line 113, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .read.L { width: 100%; } /* line 114, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink { width: 100%; margin-top: 1em; } /* line 115, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink span { margin: 0 auto .75em; width: 70%; } /* line 116, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .videoLink em { font-size: 12px; line-height: 1.5; } /* line 118, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap { margin-top: 2em; } /* line 119, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list { width: 47.5%; } /* line 121, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list .ph span { font-size: 14px; position: absolute; bottom: .3em; left: .75em; } /* line 124, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list .text .eqpT3 { margin-top: .75em; margin-bottom: .5em; } /* line 128, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 { width: 100%; align-items: stretch; margin-bottom: 2em; } /* line 129, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .ph { /*width: 42%;*/ width: 47.5%; flex-grow: 0 0 1; } /* line 132, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .text { /*width: 52%;*/ width: 47.5%; } /* line 133, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .text .eqpT3 { margin-top: .0em; } /* line 134, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list01 .text .read { letter-spacing: -.05em; } /* line 152, _bathroom.scss */ #bathroom .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .listWrap .list.list03 .text .read { letter-spacing: -.025em; } } /* line 165, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 { background: #fff; position: relative; padding: 20px 35px; grid-row-gap: 2em; } /* line 166, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .standardIc { background: #4281a5; border-color: #4281a5; line-height: 1.25; width: 70px; height: 70px; padding: .25em; color: #fff; font-family: "YakuHanMP", "Shippori Mincho B1", serif; font-size: 22px; letter-spacing: .05em; -webkit-text-stroke-width: .1px; position: absolute; top: 0; left: 0; } /* line 167, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList { width: 47.5%; } /* line 169, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList .text .eqpT2 { font-size: 20px; } /* line 170, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList .text .copy { font-size: 16px; font-weight: 500; -webkit-text-stroke-width: .1px; line-height: 1.6; margin-bottom: .25em; } @media only screen and (max-width: 750px) { /* line 165, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 { padding: 15px 15px; grid-row-gap: 0em; width: 96%; margin: auto; } /* line 179, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .standardIc { line-height: 1.25; width: 65px; height: 65px; padding: 0em; font-size: 18px; } /* line 180, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList { width: 100%; } /* line 182, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList .text .eqpT2 { font-size: 18px; } /* line 183, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList .text .copy { font-size: 16px; line-height: 1.6; margin-bottom: .25em; } } /* line 190, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 { width: 100%; margin-bottom: -.5em; } /* line 191, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap { padding-left: 70px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-end; } /* line 192, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap .eqpT2.L { width: auto; display: block; } /* line 193, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap .eqpT2.L span { font-size: 70%; color: #000; display: block; margin-bottom: .25em; } /* line 195, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap ul.listWrap { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; column-gap: .5em; margin-left: -100px; position: relative; top: -.8em; } /* line 196, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap ul.listWrap li { font-size: 16px; font-weight: 500; -webkit-text-stroke-width: .1px; line-height: 1.5; color: #4281a5; border: 1px solid #4281a5; border-radius: 20px; padding: 0 1em; } @media only screen and (max-width: 750px) { /* line 204, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 { width: 100%; margin-bottom: 2em; } /* line 205, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap { padding-left: 0px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: flex-end; } /* line 206, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap .eqpT2.L { width: 100%; padding-left: 70px; } /* line 207, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap .eqpT2.L .lsKana { letter-spacing: -.05em; } /* line 208, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap .eqpT2.L span { font-size: 70%; margin-bottom: .25em; } /* line 210, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap ul.listWrap { justify-content: center; column-gap: .5em; margin-left: auto; top: auto; width: 100%; } /* line 211, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList00 .titWrap ul.listWrap li { font-size: 15px; border-radius: 20px; padding: 0 1em; } } /* line 218, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { position: relative; align-items: flex-end; } /* line 219, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01::after { content: ""; width: 1px; height: 100%; background: #d2d2d2; position: absolute; top: 0; left: calc(100% + 5%); } /* line 220, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text { width: 50%; } /* line 225, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .ph { width: 45%; } @media only screen and (max-width: 750px) { /* line 231, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { position: relative; align-items: flex-end; padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px solid #d2d2d2; } /* line 232, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01::after { content: none; } /* line 233, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text { width: 100%; } /* line 238, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .ph { width: 60%; margin: .5em auto 0; } } /* line 243, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 { align-items: flex-end; } /* line 244, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .text { width: 45%; } /* line 245, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .text .eqpT2 { flex-wrap: nowrap; white-space: nowrap; } /* line 249, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .ph { width: 50%; } @media only screen and (max-width: 750px) { /* line 255, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 { align-items: flex-end; } /* line 256, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .text { width: 100%; } /* line 257, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .text .eqpT2 { flex-wrap: nowrap; white-space: nowrap; } /* line 261, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 .ph { width: 80%; margin: .5em auto 0; position: relative; left: -2.5%; } } /* line 266, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 { width: 100%; padding-top: 2em; margin-top: .5em; border-top: 1px solid #d2d2d2; } /* line 267, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 .text { width: 30%; margin-top: -.25em; } /* line 272, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap { width: 65%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 273, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li { width: 47.5%; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 274, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 { width: 42%; } /* line 275, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 .t { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.6; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background: #999; margin-bottom: .5em; } /* line 276, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 .r { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.6; text-align: justify; } /* line 278, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .ph { width: 55%; } /* line 282, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li.list01 .text2 .t { background: #bae3f9; } /* line 289, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li.list02 .text2 .t { background: #f7c9dd; } @media only screen and (max-width: 750px) { /* line 300, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 { width: 100%; padding-top: 1.5em; margin-top: 2em; } /* line 301, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 .text { width: 100%; margin-top: 0em; margin-bottom: 1.5em; } /* line 306, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap { width: 100%; } /* line 307, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li { width: 100%; } /* line 308, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 { width: 42%; } /* line 309, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 .t { font-size: 16px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: .5em; } /* line 310, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .text2 .r { font-size: 14px; } /* line 312, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li .ph { width: 55%; } /* line 314, _bathroom.scss */ #bathroom .wrapper .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 ul.listWrap li.list01 { margin-bottom: 1.5em; } } /* line 338, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 { margin-top: 80px; grid-row-gap: 2em; } /* line 339, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .catch { font-size: 28px; font-weight: 500; -webkit-text-stroke-width: .1px; text-align: center; width: 100%; margin-bottom: 1em; } /* line 342, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList { width: calc(100% / 5 - 20px); } /* line 345, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList .ph { margin-bottom: .5em; } /* line 347, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 { width: calc(100% / 3 - 6px); background: #f0f0f0; padding: 20px 20px; display: flex; flex-direction: column; flex-wrap: wrap; align-self: stretch; } /* line 349, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .read { margin-bottom: 1em; } /* line 350, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .ph { margin-top: auto; margin-bottom: 0; } @media only screen and (max-width: 750px) { /* line 338, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 { margin-top: 60px; grid-row-gap: 2em; padding: 0 15px; } /* line 357, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .catch { font-size: 21px; line-height: 1.8; -webkit-text-stroke-width: .0px; text-align: justify; margin-bottom: 0em; padding: 0 6.5%; } /* line 358, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList { width: calc(100% / 2 - 10px); } /* line 361, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList .ph { margin-bottom: .5em; } /* line 363, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 { width: 100%; padding: 20px 20px; } /* line 365, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .read { margin-bottom: 1em; } /* line 366, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .ph { margin-top: auto; margin-bottom: 0; } } /* line 373, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .read { letter-spacing: -.025em; } /* line 382, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .cap { font-size: 11px; letter-spacing: -.05em; line-height: 1.25; margin-top: 1em; } /* line 389, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .ph { mix-blend-mode: multiply; } /* line 390, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .cap { font-size: 11px; letter-spacing: -.025em; line-height: 1.25; margin-top: 1.5em; } /* line 391, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 1em; } /* line 392, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .t { width: 33%; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.6; } /* line 393, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 67%; } /* line 394, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .phWrap .phSub { width: 47.5%; } @media only screen and (max-width: 750px) { /* line 404, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList01 .read { letter-spacing: -.025em; } /* line 411, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList02 .cap { font-size: 11px; letter-spacing: -.05em; line-height: 1.25; margin-top: 1em; } /* line 417, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .cap { font-size: 11px; letter-spacing: -.025em; line-height: 1.25; margin-top: 1.5em; } /* line 418, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept { margin-top: 1em; } /* line 419, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .t { width: 100%; font-size: 16px; line-height: 1.6; margin-bottom: .5em; text-align: center; } /* line 420, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .phWrap { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } /* line 421, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList03 .concept .phWrap .phSub { width: 47.5%; } } /* line 458, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 { align-self: stretch; } /* line 459, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .ph { width: 40%; height: 240px; } /* line 460, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .text, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .text { width: 55%; margin-top: 30px; } /* line 464, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .text .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .text .read { line-height: 1.25; } @media only screen and (max-width: 750px) { /* line 471, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 { width: 100%; } /* line 472, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .ph, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .ph { width: 40%; height: auto; } /* line 473, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .text, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .text { width: 55%; margin-top: 0px; } /* line 477, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 .text .read, #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList13 .text .read { line-height: 1.25; } } /* line 483, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList08 { flex-direction: row-reverse; } /* line 535, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 { width: 100%; background: #f0f0f0; padding: 20px 30px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 536, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 65%; } /* line 538, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .read.L { width: 42%; } /* line 539, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .ph { width: 52%; } /* line 540, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .concept { width: 100%; margin-top: 1em; } /* line 542, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 { width: 32%; border: 1px solid rgba(0, 0, 0, 0.25); background: #fff; padding: 16px 16px; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; } /* line 544, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .tit { width: 250px; margin-bottom: .75em; } /* line 545, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .read { font-size: 15px; line-height: 1.6; margin-bottom: .85em; font-weight: 300; } /* line 547, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap .t { font-size: 16px; line-height: 1.6; margin-bottom: .5em; text-align: center; font-weight: 500; } /* line 548, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul { display: flex; justify-content: space-between; flex-wrap: wrap; /*width: 106%; margin-inline: -3%; */ } /* line 549, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li { width: calc(100% / 3 - 5px); } /* line 550, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap { background: #f39800; color: #fff; flex-flow: 1; text-align: center; padding: .25em .25em; border-radius: 10px; margin-bottom: .75em; } /* line 551, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap h6 { font-size: 13px; line-height: 1.6; color: #fff100; font-weight: 500; } /* line 552, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap .r { font-size: 11px; line-height: 1.5; } @media only screen and (max-width: 750px) { /* line 564, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 { width: 100%; padding: 20px 20px; } /* line 565, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 { width: 100%; } /* line 567, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .read.L { width: 100%; } /* line 568, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .ph { width: 100%; margin: .75em auto 0; position: relative; right: -5%; } /* line 569, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list01 .concept { width: 100%; margin-top: 1.5em; } /* line 571, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 { width: 100%; padding: 16px 16px; margin-top: 2em; } /* line 572, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .tit { width: 100%; margin-bottom: .75em; } /* line 573, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .read { font-size: 15px; margin-bottom: .85em; } /* line 575, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap .t { font-size: 16px; margin-bottom: .5em; text-align: center; } /* line 577, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } /* line 578, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li:not(:last-child) { margin-bottom: -.5em; } /* line 579, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li:nth-of-type(even) { flex-direction: row-reverse; } /* line 580, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap { padding: .35em .75em .5em; margin-bottom: .75em; width: 55%; } /* line 581, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap h6 { font-size: 14px; } /* line 582, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .tWrap .r { font-size: 13px; text-align: justify; } /* line 584, _bathroom.scss */ #bathroom .eqpListWrap.eqpListWrap03 .eqpList.eqpList14 .list02 .listWrap ul li .ph { width: 45%; } } /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 11, _sanitary.scss */ #sanitary { padding-bottom: 150px; } @media only screen and (max-width: 750px) { /* line 11, _sanitary.scss */ #sanitary { padding-bottom: 80px; } } /* line 25, _sanitary.scss */ #sanitary .wrapper .introSec { margin-bottom: 0 !important; } /* line 26, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap { width: 54%; height: 795px; } /* line 28, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap .logo { padding-top: 1em !important; } /* line 29, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap .logo em { width: 260px; } @media only screen and (max-width: 750px) { /* line 25, _sanitary.scss */ #sanitary .wrapper .introSec { margin-bottom: 0 !important; } /* line 38, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap { width: 100%; height: auto; } /* line 40, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap .logo { padding-top: .75em !important; } /* line 41, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap .logo em { width: 180px; } /* line 42, _sanitary.scss */ #sanitary .wrapper .introSec .phWrap .logo span { margin-top: .5em; } } /* line 51, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 42%; } /* line 54, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .read.L { margin-bottom: 1em; } /* line 58, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap { background: #d9e6ed; padding: 20px 20px 15px; display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 59, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .text { width: 45%; } /* line 60, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .text .tit { font-size: 16.5px; font-weight: 500; -webkit-text-stroke-width: .1px; line-height: 1.6; margin-bottom: .5em; } /* line 63, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap { display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; width: 50%; } /* line 64, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub { width: 47.5%; } /* line 65, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub span { display: block; width: 100%; height: 0; padding-top: 76%; } /* line 66, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub span img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; } /* line 68, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub em { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 13px; line-height: 1.6; text-align: center; display: block; margin-top: .5em; } @media only screen and (max-width: 750px) { /* line 79, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 90%; margin: auto; margin-top: 40px; } /* line 82, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .read.L { margin-bottom: 1em; } /* line 86, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap { padding: 20px 20px 10px; } /* line 87, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .text { width: 100%; } /* line 88, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .text .tit { font-size: 17px; margin-bottom: .5em; } /* line 91, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap { width: 100%; margin-top: 1em; } /* line 92, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub { width: 47.5%; } /* line 93, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub span { width: 100%; height: 0; padding-top: 65%; } /* line 94, _sanitary.scss */ #sanitary .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList01 .selectWrap .phSubWrap .phSub em { font-size: 13px; margin-top: .5em; } } /* line 109, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 { margin-top: 80px; align-items: flex-start; grid-row-gap: 2em; } /* line 112, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList { width: calc(100% / 4 - 25px); } /* line 115, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList .eqpT2 { margin-top: .75em; } /* line 118, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { width: 48%; } /* line 119, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .ph { width: 65%; height: 300px; } /* line 120, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text { width: 32%; } /* line 121, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text .eqpT2 { margin-top: 0; } @media only screen and (max-width: 750px) { /* line 160, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 { margin-top: 60px; grid-row-gap: 2em; padding: 0 15px; } /* line 161, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList { width: calc(100% / 2 - 10px); } /* line 164, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList .eqpT2 { margin-top: .75em; } /* line 167, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { width: 100%; } /* line 168, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .ph { width: 100%; height: auto; } /* line 169, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text { width: 100%; } /* line 170, _sanitary.scss */ #sanitary .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 .text .eqpT2 { margin-top: .75em; } } /* font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif; */ /* line 11, _toilet.scss */ #toilet { padding-bottom: 150px; } @media only screen and (max-width: 750px) { /* line 11, _toilet.scss */ #toilet { padding-bottom: 80px; } } /* line 23, _toilet.scss */ #toilet .wrapper .introSec { margin-bottom: 20px !important; } /* line 24, _toilet.scss */ #toilet .wrapper .introSec .phWrap { width: 50%; height: 700px; } /* line 26, _toilet.scss */ #toilet .wrapper .introSec .phWrap .logo { padding-top: .75em !important; left: auto !important; right: 1.25em !important; } /* line 27, _toilet.scss */ #toilet .wrapper .introSec .phWrap .logo em { width: 84px; } @media only screen and (max-width: 750px) { /* line 23, _toilet.scss */ #toilet .wrapper .introSec { margin-bottom: 20px !important; } /* line 36, _toilet.scss */ #toilet .wrapper .introSec .phWrap { width: 100%; height: auto; } /* line 38, _toilet.scss */ #toilet .wrapper .introSec .phWrap .logo { padding-top: .5em !important; padding-bottom: .5em !important; left: auto !important; right: .75em !important; } /* line 39, _toilet.scss */ #toilet .wrapper .introSec .phWrap .logo em { width: 70px; } } /* line 49, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 46%; align-items: flex-start; } /* line 53, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList .phMain { margin-bottom: .75em; } /* line 57, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap { width: 46.5%; } /* line 60, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList01 { margin-bottom: 2em; } /* line 75, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 { width: 46.5%; } /* line 76, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 .phMain { height: 492px; } @media only screen and (max-width: 750px) { /* line 87, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 { width: 90%; margin: auto; margin-top: 2em; } /* line 90, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList { width: 47%; } /* line 91, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList .phMain { margin-bottom: .75em; } /* line 95, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; } /* line 97, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList01 .phMain, #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList02 .phMain { width: 100%; height: 0; padding-top: 65%; } /* line 98, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList01 .phMain img, #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList02 .phMain img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; } /* line 103, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .wrap .eqpList.eqpList01 { margin-bottom: 2em; } /* line 118, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 { width: 100%; padding-right: 45%; position: relative; } /* line 119, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 .phMain { height: auto; order: 2; width: 36%; position: absolute; top: 0; right: 0; height: 100%; } /* line 120, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 .eqpT2 { order: 0; display: block; padding-bottom: .5em; } /* line 121, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 .eqpT2 small { display: block; } /* line 123, _toilet.scss */ #toilet .wrapper .introSec .eqpListWrap.eqpListWrap01 .eqpList.eqpList03 .read { order: 1; } } /* line 134, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 { margin-top: 80px; grid-row-gap: 2em; } /* line 135, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList { width: calc(100% / 4 - 25px); } /* line 138, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList .eqpT2 { margin-top: .75em; } /* line 141, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList05, #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList06, #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList07 { width: calc(100% / 5 - 27px); } /* line 142, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 { width: 40%; } /* line 210, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap { width: 120px; } /* line 211, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap .logo { width: 65px; margin-bottom: .5em; } /* line 213, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li { display: block; padding-left: 1.1em; position: relative; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 15px; line-height: 1.5; color: #48b1ad; } /* line 214, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li::before { content: ""; position: absolute; top: 0; left: 0; } /* line 215, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li:nth-of-type(1)::before { content: "\02776"; } /* line 216, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li:nth-of-type(2)::before { content: "\02777"; } /* line 217, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li:nth-of-type(3)::before { content: "\02778"; } /* line 221, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap { width: calc(100% - 120px); display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; } /* line 223, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph01 { width: 59.25%; } /* line 224, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ic { position: absolute; top: 35px; left: 179px; width: 77px; z-index: 5; } /* line 225, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph02 { width: 38%; height: 139.78px; } /* line 226, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph02 em { font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 15px; line-height: 1.6; position: absolute; left: .5em; top: .35em; } @media only screen and (max-width: 750px) { /* line 239, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 { margin-top: 30px; grid-row-gap: 2em; padding: 0 15px; } /* line 240, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList { width: calc(100% / 2 - 10px); } /* line 243, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList .eqpT2 { margin-top: .75em; } /* line 246, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList05, #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList06, #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList07 { width: calc(100% / 2 - 10px); } /* line 247, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 { width: 100%; } /* line 248, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList01 { order: 0; } /* line 249, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList02 { order: 1; } /* line 250, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList03 { order: 2; } /* line 251, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList04 { order: 3; } /* line 252, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList05 { order: 4; } /* line 253, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList06 { order: 5; } /* line 254, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList07 { order: 7; } /* line 255, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 { order: 6; } /* line 260, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-top: .5em; order: 1; } /* line 261, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap .logo { width: 45px; margin-bottom: .0em; /*margin-right: 1em;*/ } /* line 262, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap { width: calc(100% - 55px); display: flex; justify-content: flex-start; flex-wrap: wrap; column-gap: .5em; } /* line 263, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .logoWrap ol.listWrap li { padding-left: 1.1em; font-size: 15px; } /* line 268, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap { width: 100%; order: 0; } /* line 270, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph01 { width: 59%; } /* line 271, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ic { top: 35px; left: 179px; width: 60px; z-index: 5; } /* line 272, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph02 { width: 38%; height: auto; } /* line 273, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .phWrap .ph.ph02 em { font-size: 13px; left: .5em; top: .35em; } /* line 276, _toilet.scss */ #toilet .eqpListWrap.eqpListWrap02 .eqpList.eqpList08 .text { order: 2; } }