@charset "utf-8";
.clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
/* PC用 */
@media screen and (min-width: 561px){
/*2021追加*/
#side1, #side2, .s-category-top a, .side-a-list .new::after {font-family: "A-OTF Shin Go Pro", "Hiragino Sans";}
.s-category-top, .s-category-top a {border-radius: 5px;box-sizing: border-box;}
.s-category-top {border: 1px solid #c0c0c0;box-shadow: 0 1px 2px #e7e7e7;height: 5.5rem;padding: 2px;margin-bottom: 10px;}
.s-category-top a {background: #fff;background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );border: 1px solid #dfdfdf;color: #333;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-weight: 500;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100%;text-align: center;padding-bottom: .8em;position: relative;width: 100%;}
.s-category-top.text-s {font-size: .8rem;}
.s-category-top.text-m {font-size: 1.1rem;}
.s-category-top span {color: #444;font-size: .7rem;left: 50%;position: absolute;bottom: 10px;transform: translateX(-50%);}
.s-category-top span::before {content: '';top: .5em;left: -1.5em;box-sizing: border-box;border: 4px solid transparent;border-right: 6px solid #5e5e5e;margin: 0;position: absolute;}
.s-category-top a:hover {background: #f3f3f3;background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%);background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%);background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );text-decoration: none;}
.s-category-top a:hover span::before {border-right: 6px solid #ff5600;}
#side1, #side2, .s-category-top-s a, .side-a-list .new::after {font-family: "A-OTF Shin Go Pro", "Hiragino Sans";}
.s-category-top-s, .s-category-top-s a {border-radius: 5px;box-sizing: border-box;}
.s-category-top-s {border: 1px solid #c0c0c0;box-shadow: 0 1px 2px #e7e7e7;height: 3.4rem;padding: 2px;margin-bottom: 10px;}
.s-category-top-s a {background: #fff;background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );border: 1px solid #dfdfdf;color: #333;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;font-weight: 500;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;height: 100%;text-align: center;padding-bottom: 1em;position: relative;width: 100%;}
.s-category-top-s .text-s {font-size: .8rem;}
.s-category-top-s .text-m {font-size: 1.1rem;}
.s-category-top-s span {color: #aaa;font-size: .7rem;left: 54%;position: absolute;bottom: 5px;transform: translateX(-50%);font-weight:normal;}
.s-category-top-s span::before {content: '';top: .5em;left: -1.5em;box-sizing: border-box;border: 4px solid transparent;border-right: 6px solid #5e5e5e;margin: 0;position: absolute;}
.s-category-top-s a:hover {background: #f3f3f3;background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%);background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%);background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );text-decoration: none;}
.s-category-top-s a:hover span::before {border-right: 6px solid #ff5600;}
.side-img li:not(:last-of-type) {margin-bottom: 10px;}
.side-img a, .side-img img {display: block;}
.side-img a:hover {opacity: .9;position: relative;}
.side-img a:hover::before {content: '';border: 3px solid #ff6608;border-radius: 5px;box-sizing: border-box;display: block;height: 100%;position: absolute;width: 100%;z-index: 1;}
.s-list-head {background-color: #2d62a3;border-radius: 5px 5px 0 0;color: #fff;display: block;font-size: .85rem;letter-spacing: .6px;font-weight: 500;padding: .5rem 0;text-align: center;text-shadow: 0 1px 1px #ababab;}
.s-box-head {background-color: #2080bf;color: #fff;display: block;font-size: .6rem;font-weight: 500;letter-spacing: .3px;height: 1.2rem;margin-bottom: 1px;text-align: center;}
.side-a-list ul, .side-box {background-color: #f1f1f1;border: 1px solid #c0c0c0;border-radius: 0 0 5px 5px;padding: 3px;}
.side-a-list ul .sub-list {border: unset;border-radius: 0;padding: 0;}
.side-a-list ul .sub-list li {border-radius: 0;border-style: none none solid none;}
.side-box .inner-box {background-color: #FFF;border: 1px #e1e1e1 solid;border-radius: 0 0 5px 5px;box-sizing: border-box;width: 100%;}
.side-a-list li {background-color: #FFF;border: 1px #e1e1e1;border-style: none solid solid solid;box-sizing: border-box;height: 2.9rem;display: block;width: 100%;}
.side-a-list > ul > li:first-child {border-top-style: solid;}
.side-a-list li:last-child {border-radius: 0 0 5px 5px;}
.side-a-list .head-logo {height: 2rem;overflow: hidden;}
.side-a-list .head-logo:not(:first-of-type) {border-top: 1px solid #e1e1e1;margin-top: 5px;}
.side-a-list .head-logo img {display: block;margin: auto;}
.side-a-list a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;box-sizing: border-box;color: #333;display: flex;font-size: .8rem;font-weight: 700;letter-spacing: .5px;line-height: 1.2;height: 100%;text-decoration: none;padding-right: 7px;width: 100%;}
.side-a-list a:hover {background-color: #eaeefb;border-right: 4px solid #2d62a3;box-sizing: border-box;padding-right: 0;text-decoration: none;}
/*ロゴ付き*/
.side-a-list li.logo-text {height: 4rem;}
.side-a-list li.logo-text a {display: flex;flex-direction: column;align-items: flex-start;justify-content: center;font-size: .72rem;font-weight: 600;}
.side-a-list li.logo-text img {margin-bottom: 2px;}
/*NEW*/
.side-a-list .new {position: relative;}
.side-a-list .new::after {content: '';background: url(/svg/s_new.svg) no-repeat top left;background-size: contain;color: #fff;display: block;font-size: 10px;height: 22px;position: absolute;top: -6px;right: -1px;width: 35px;}
/*PICKUP*/
.side-a-list .pickup {position: relative;}
.side-a-list .pickup::after {content: '';background: url(/svg/s_pick_up.png) no-repeat top left;background-size: contain;color: #fff;display: block;font-size: 10px;height: 22px;position: absolute;top: -6px;right: -1px;width: 57px;}
/*arrow*/
.side-a-list:not(.s-category) a {padding-left: 1.6rem;position: relative;}
.side-a-list:not(.s-category) a::before {content: '';background-size: contain;display: block;height: 10px;left: .5rem;background-color: #2d62a3;-webkit-mask-image: url('/svg/s_a_arrow.svg');mask-image: url('/svg/s_a_arrow.svg');position: absolute;top: 50%;transform: translateY(-50%);width: 10px;z-index: 1;}
.side-a-list .sub-list a::before {content: '';background-color: #8ec0fd;-webkit-mask-image: unset;mask-image: unset;height: 4px;left: 0.6rem;width: 4px;}
/*カテゴリ別メニュー 用*/
.side-box.c-flex-bnr {border-radius: 5px;}
.c-flex-bnr > div {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.c-flex-bnr img {display: block;width: 100%;}
.c-flex-bnr .inner-box > *:not(.head-img) {height: 135px;}
.c-flex-bnr li:not(:last-of-type) {border-bottom: 1px #dfdfde dotted;}
.c-flex-bnr a {background-position: center top;display: block;text-decoration: none;width: 100%;}
.c-flex-bnr a:hover {background-position: center bottom;}
.c-flex-bnr .waterheater01 {background-image: url(/waterheater/img/side_a_cost_5.gif?21011402);}
.c-flex-bnr .waterheater02 {background-image: url(/waterheater/img/side_a_cost_f.gif?21011402);}
.c-flex-bnr .solar-battery01 {background-image: url(/solar-battery/img/side_a_cost.gif?21011402);}
.category-menu a {font-size: .72rem;font-weight: normal;letter-spacing: .5px;}
.category-menu .list-logo li {height: 65px;}
.category-menu .list-logo li:not(:last-of-type) {border-bottom: 1px solid #e2e2e2;}
.category-menu .list-logo a {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #fff;display: block;height: inherit;overflow: hidden;text-indent: 100%;position: relative;white-space: nowrap;}
.category-menu .list-logo img {left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);}
.category-menu .list-logo a:hover {outline: 3px solid #ff5601;outline-offset: -2px;z-index: 1;}
/*category*/
.s-category .s-list-head {background-color: #7cb130;}
.s-category a:hover {background-color: #fbefea;border-right: 3px solid #ff5601;}
.s-category li {position: relative;}
.s-category a {color: #ff5601;padding-left: 2.9rem;}
.s-category img {border: 1px solid #dfdfdf;border-radius: 50%;left: .45rem;position: absolute;top: 50%;transform: translateY(-50%);max-height: 67%;}
/*category2024*/
.s-category2024 .s-list-head {background-color: #7cb130;}
.s-category2024 a:hover {background-color: #fbefea;border-right: 3px solid #ff5601;}
.s-category2024 li {position: relative;}
.s-category2024 a {color: #ff5601;padding-left: 2.9rem;}
.s-category2024 img {border: 1px solid #dfdfdf;border-radius: 50%;left: .45rem;position: absolute;top: 50%;transform: translateY(-50%);max-height: 67%;}
.s-category2024.side-a-list a::before {content: '';background-color: #ff5900;}
/*service*/
.s-service .s-list-head {background-color: #ff6700;}
.s-service.side-a-list a::before {content: '';background-color: #ff5900;}
.s-service a:hover {background-color: #fbefea;border-right: 3px solid #ff5601;}
/*video*/
.s-video .s-list-head {background-color: #d00909;}
.s-video.side-a-list a::before {content: '';background-color: #df0000;}
.s-video a:hover {background-color: #fbebea;border-right: 3px solid #df0000;}
/*sns*/
.s-sns .inner-box {padding: 5px 15px;}
.s-sns .inner-box li {display: inline-block;padding: 5px;}
.s-sns img {max-width: 2rem;}
/*time*/
.s-time .inner-box {color: #333;display: inline-flex;font-size: .78rem;font-weight: 500;padding: 5%;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.s-time dt {color: #606060;-ms-flex-preferred-size: 40%;flex-basis: 40%;}
/*office*/
.s-office span {display: block;letter-spacing: .5px;line-height: 1.2em;color: #333;font-size: 10px;font-weight: 500;padding-left: 3px;margin: 3px 0 5px;}
/*side-b s-b-info*/
.s-b-info .side-box {background-color: #2994c1;border: none;}
.s-b-info .s-list-head {background-color: #2994c1;font-size: .8rem;line-height: 1.3;}
.s-b-info .inner-box {border: none;}
.s-b-info a {color: #222;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 8px 6px;text-decoration: none;}
.s-b-info h4 {color: #444;font-size: 12px;line-height: 1.2;margin-left: 3px;}
.s-b-info h4 span {color: #ff5600;display: block;font-size: 1.7em;letter-spacing: 1px;}
.s-b-info p {color: #333;font-size: .86em;font-weight: 400;line-height: 1.4;padding-bottom: 0;}
.s-b-info p .small-font {font-size: 10px;font-weight: 100;}
.s-b-info p .orange {font-weight: 500;}
/*side-b s-b-category*/
.s-b-info .inner-box:not(:first-of-type), .s-b-category .inner-box:not(:first-of-type) {margin-top: 3px;}
.s-b-info .inner-box:not(:last-of-type), .s-b-category .inner-box:not(:last-of-type) {border-radius: 0;}
.s-b-category .s-list-head {background-color: #f5ac06; }
.s-b-category .inner-box {display: -webkit-box;display: -ms-flexbox;display: flex;height: 130px;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 6px;position: relative;}
.s-b-category h4 {color: #ff5600;font-size: 17px;height: 36px;}
.s-b-category h4 span {color: #ff5600;display: block;font-size: .7em;}
.s-b-category dt {color: #222;font-size: .8em;font-weight: 100;letter-spacing: .5px;}
.s-b-category dt span {color: #e00000;}
.s-b-category dd {font-size: 1.15rem;font-weight: 600;color: #e00000;text-align: right;}
.s-b-category dd span {font-size: .75em;}
.s-b-category-tax {font-size: .50em !important;}
.s-b-category .bg-good {position: absolute;top: 2px;right: 5px;z-index: 0;}
.s-b-category .item-img {margin-right: 2px;text-align: center;width: 28%;}
.s-b-category .item-img img {width: 100%;}
.s-b-category .inner-text {width: 70%;z-index: 1;}
.s-b-category ul a {border-radius: 3px;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.05);box-sizing: border-box;color: #fff;display: inline-block;font-size: .7em;line-height: 1;height: 20px;text-align: center;margin: auto;padding: 2px 4px;}
.s-b-category ul a:hover {text-decoration: none;}
.s-b-category ul a:active {box-shadow: 0 0 4px rgba(0, 0, 0, 0.60);}
.s-b-category .works-btn-info {background: #91b320;border: solid 1px #86a718;}
.s-b-category .works-btn-estimate {background: #ff6500;border: solid 1px #ff4c00;}
.s-b-category .link-text {text-align: right;}
.s-b-category .link-text a {color: #ff5600;font-size: 12px;font-weight: 100;}
/*side-b s-b-service*/
.s-b-service .head {border-bottom: 2px solid #2d62a3;color: #333;font-size: .8rem;font-weight: 500;padding-bottom: 2px;}
.s-b-service .inner-box {font-size: 10px;padding: 5px;text-align: center;}
.s-b-service img {display: block;max-height: 75px;width: auto;margin: 5px auto;}
/*side-b s-fax*/
.s-fax .s-list-head {background-color: #2cab8f;}
.s-fax .s-box-head {background-color: #f0f0f0;color: #333;padding: 1px;width: 100%;}
.s-fax .inner-box {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: inline-flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.s-fax a, .s-fax .fax-number {padding: 8px;}
.s-fax .fax-number {color: #2cab8f;font-size: 1rem;letter-spacing: .6px;text-align: center;font-weight: 600;}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{position: fixed;top: 0;left: 0;width: 100%;height: 100%;text-align: center;background: rgba(0,0,0,50%);padding: 40px 20px;overflow: auto;opacity: 0;visibility: hidden;transition: .3s;box-sizing: border-box;z-index: 1000;}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{content: "";display: inline-block;vertical-align: middle;height: 100%;}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{opacity: 1;visibility: visible;}
/*モーダル枠の指定*/
.modal-body{position: relative;text-align: left;vertical-align: middle;display: inline-block;white-space: normal;max-width: 100%;max-height: 100%;outline: none !important;overflow-y: scroll;overflow-x: hidden;}
/*モーダルを閉じるボタンの指定*/
.modal-close{position: absolute;display: flex;align-items: center;justify-content: center;top: -40px;right: -40px;width: 40px;height: 40px;font-size: 40px;color: #fff;cursor: pointer;}
/*モーダル内のコンテンツの指定*/
.modal-content{box-sizing: border-box;height: fit-content;background: #fff;z-index: 999;overflow: auto;margin: auto;width: 800px;padding: 40px;}
.side-set-info {position: relative;}
.side-set-info .side-info {height: 14px;position: absolute;right: 12px;top: 50%;transform: translateY(-50%);width: 16px;}
.side-set-info .side-info a {display: block;height: 16px;width: 16px;padding: 0;position: absolute;}
.side-set-info .side-info a::before {content: none;}
.side-set-info a:hover {background-color: unset;border: unset;cursor: pointer;opacity: .8;}
.side-info-box {color: #222;letter-spacing: 0.5px;font-size: 13px;line-height: 1.4;}
.side-info-box h2 {font-size: 20px;margin-bottom: 30px;}
.side-info-box h3 {font-size: 16px;margin-bottom: 10px;}
.side-info-box .small-right-text {display: block;font-size: 11px;text-align: right;}
.side-info-box .inner-text p {font-size: 14px;}
.side-info-box .table-base {border: 1px solid #c0c0c0;border-collapse: collapse;margin: 0 auto;width: 96%;}
.side-info-box .table-base .bg-head th {background-color: #16b9a5;color: #fff;font-size: 12px;padding: 9px 8px;text-align: center;}
.side-info-box .table-base tr:not(.bg-head) th, .side-info-box .table-base td {border: 1px #c0c0c0;border-style: none solid solid none;}
.side-info-box .table-base th.bg {background-color: #ededed;color: #333;font-size: 12px;text-align: center;padding: 10px;}
.side-info-box .table-base td {font-size: 11px;line-height: 1.2;padding: 10px 8px;text-align: center;}
.side-info-box .table-base td.bg {background-color: #ededed;color: #333;}
.side-info-box .table-aircon {border: 1px solid #c0c0c0;border-collapse: collapse;box-sizing: border-box;margin: 0 auto;width: 96%;}
.side-info-box .table-aircon th {background-color: #16b9a5;color: #fff;font-size: 15px;font-weight: normal;padding: 8px 8px 13px;text-align: center;}
.side-info-box .table-aircon td {background-color: #fff;border: 1px #c0c0c0;border-style: none solid solid none;box-sizing: border-box;color: #333;font-size: 13px;font-weight: normal;padding: 16px;text-align: center;}
.side-info-box .info-direction dt {color: #333;font-size: 15px;font-weight: 600;margin-bottom: 4px;}
.side-info-box .info-direction dd {color: #333;font-size: 14px;margin-bottom: 10px;}
}
/*矢印 IEのみ*/
@media all and (-ms-high-contrast: none) {
.s-b-category ul a {line-height: normal;}
.side-a-list:not(.s-category) a::before {content: '';background-color: #fff;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMmQ2MmEzIiBkPSJNNDk5LjQzNiwyMjUuOTA1TDI5NS44NTgsMjQuNTM2Yy0xNi42MjMtMTYuNDM4LTQzLjQyOC0xNi4zMDUtNTkuODY2LDAuMzI4Yy0xNi40MzgsMTYuNjEzLTE2LjI5NCw0My40MTgsMC4zMjksNTkuODU2bDEzMC4zNTYsMTI4Ljk1OEg0Mi4zMjlDMTguOTU2LDIxMy42NzksMCwyMzIuNjI0LDAsMjU1Ljk5N2MwLDIzLjM4MywxOC45NTYsNDIuMzI4LDQyLjMyOSw0Mi4zMjhoMzI0LjM0N0wyMzYuMzIxLDQyNy4yNzNjLTE2LjYyMywxNi40MzgtMTYuNzY3LDQzLjI1NC0wLjMyOSw1OS44NjdjMTYuNDM4LDE2LjYyMiw0My4yNDMsMTYuNzY2LDU5Ljg2NiwwLjMyOGwyMDMuNTc4LTIwMS4zNjhjOC4wNDQtNy45NjMsMTIuNTY0LTE4Ljc5MiwxMi41NjQtMzAuMTAyQzUxMiwyNDQuNjg1LDUwNy40NzksMjMzLjg2Niw0OTkuNDM2LDIyNS45MDV6IiAvPjwvc3ZnPg==');-webkit-mask-image: none;mask-image: none;}
.side-a-list:not(.s-category) a:hover::before {background-color: #eaeefb;}
/*カテゴリー*/
.s-category2024.side-a-list a::before {content: '';background-color: #fff;background-color: aqua;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmY1OTAwIiBkPSJNNDk5LjQzNiwyMjUuOTA1TDI5NS44NTgsMjQuNTM2Yy0xNi42MjMtMTYuNDM4LTQzLjQyOC0xNi4zMDUtNTkuODY2LDAuMzI4Yy0xNi40MzgsMTYuNjEzLTE2LjI5NCw0My40MTgsMC4zMjksNTkuODU2bDEzMC4zNTYsMTI4Ljk1OEg0Mi4zMjlDMTguOTU2LDIxMy42NzksMCwyMzIuNjI0LDAsMjU1Ljk5N2MwLDIzLjM4MywxOC45NTYsNDIuMzI4LDQyLjMyOSw0Mi4zMjhoMzI0LjM0N0wyMzYuMzIxLDQyNy4yNzNjLTE2LjYyMywxNi40MzgtMTYuNzY3LDQzLjI1NC0wLjMyOSw1OS44NjdjMTYuNDM4LDE2LjYyMiw0My4yNDMsMTYuNzY2LDU5Ljg2NiwwLjMyOGwyMDMuNTc4LTIwMS4zNjhjOC4wNDQtNy45NjMsMTIuNTY0LTE4Ljc5MiwxMi41NjQtMzAuMTAyQzUxMiwyNDQuNjg1LDUwNy40NzksMjMzLjg2Niw0OTkuNDM2LDIyNS45MDV6IiAvPjwvc3ZnPg==');}
.s-category2024.side-a-list a:hover::before {background-color: #fbefea;}
/*service*/
.s-service.side-a-list a::before {content: '';background-color: #fff;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmY1OTAwIiBkPSJNNDk5LjQzNiwyMjUuOTA1TDI5NS44NTgsMjQuNTM2Yy0xNi42MjMtMTYuNDM4LTQzLjQyOC0xNi4zMDUtNTkuODY2LDAuMzI4Yy0xNi40MzgsMTYuNjEzLTE2LjI5NCw0My40MTgsMC4zMjksNTkuODU2bDEzMC4zNTYsMTI4Ljk1OEg0Mi4zMjlDMTguOTU2LDIxMy42NzksMCwyMzIuNjI0LDAsMjU1Ljk5N2MwLDIzLjM4MywxOC45NTYsNDIuMzI4LDQyLjMyOSw0Mi4zMjhoMzI0LjM0N0wyMzYuMzIxLDQyNy4yNzNjLTE2LjYyMywxNi40MzgtMTYuNzY3LDQzLjI1NC0wLjMyOSw1OS44NjdjMTYuNDM4LDE2LjYyMiw0My4yNDMsMTYuNzY2LDU5Ljg2NiwwLjMyOGwyMDMuNTc4LTIwMS4zNjhjOC4wNDQtNy45NjMsMTIuNTY0LTE4Ljc5MiwxMi41NjQtMzAuMTAyQzUxMiwyNDQuNjg1LDUwNy40NzksMjMzLjg2Niw0OTkuNDM2LDIyNS45MDV6IiAvPjwvc3ZnPg==');}
.s-service.side-a-list a:hover::before {background-color: #fbefea;}
/*video*/
.s-video.side-a-list a::before {content: '';background-color: #fff;background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZGYwMDAwIiBkPSJNNDk5LjQzNiwyMjUuOTA1TDI5NS44NTgsMjQuNTM2Yy0xNi42MjMtMTYuNDM4LTQzLjQyOC0xNi4zMDUtNTkuODY2LDAuMzI4Yy0xNi40MzgsMTYuNjEzLTE2LjI5NCw0My40MTgsMC4zMjksNTkuODU2bDEzMC4zNTYsMTI4Ljk1OEg0Mi4zMjlDMTguOTU2LDIxMy42NzksMCwyMzIuNjI0LDAsMjU1Ljk5N2MwLDIzLjM4MywxOC45NTYsNDIuMzI4LDQyLjMyOSw0Mi4zMjhoMzI0LjM0N0wyMzYuMzIxLDQyNy4yNzNjLTE2LjYyMywxNi40MzgtMTYuNzY3LDQzLjI1NC0wLjMyOSw1OS44NjdjMTYuNDM4LDE2LjYyMiw0My4yNDMsMTYuNzY2LDU5Ljg2NiwwLjMyOGwyMDMuNTc4LTIwMS4zNjhjOC4wNDQtNy45NjMsMTIuNTY0LTE4Ljc5MiwxMi41NjQtMzAuMTAyQzUxMiwyNDQuNjg1LDUwNy40NzksMjMzLjg2Niw0OTkuNDM2LDIyNS45MDV6IiAvPjwvc3ZnPg==');}
.s-video.side-a-list a:hover::before {background-color: #fbebea;}
}
/* スマホ用 */
@media screen and (max-width: 560px) {
.s-category-top a {padding-left: 2.4em !important;position: relative;}
.s-category-top a::before {content: '';top: 1rem;left: 1em;box-sizing: border-box;border: 6px solid transparent;border-bottom: 9px solid #fff;margin: 0;position: absolute;}
.s-category-top-s a {padding-left: 2.4em !important;position: relative;}
.s-category-top-s a::before {content: '';top: 1rem;left: 1em;box-sizing: border-box;border: 6px solid transparent;border-bottom: 9px solid #fff;margin: 0;position: absolute;}
/*NEW*/
.side-a-list .new {position: relative;}
.side-a-list .new::after {content: '';background: url(/svg/s_new.svg) no-repeat top left;background-size: contain;color: #fff;display: block;font-size: 10px;height: 22px;position: absolute;top: 4px;right: 4px;width: 35px;}
/*PICKUP*/
.side-a-list .pickup {position: relative;}
.side-a-list .pickup::after {content: '';background: url(/svg/s_pick_up.png) no-repeat top left;background-size: contain;color: #fff;display: block;font-size: 10px;height: 22px;position: absolute;top: 4px;right: 4px;width: 57px;}
/*sns*/
.s-sns .inner-box {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: inline-flex;height: 3rem;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 0;width: 100%;}
.s-sns .inner-box a {display: inline-block !important;border-bottom: none;text-align: center;}
.s-sns img {display: inline-block !important;}
.side-a-list .sub-list a.drawer-menu-sp-item {display: block;padding-left: 1.5rem !important;}
/* カテゴリ別メニュー 用*/
.side-box.c-flex-bnr {background-color: #f1f1f1;height: 100px;padding: 1px 1px 2px 1px;}
.c-flex-bnr > div {height: 100%;display: flex;justify-content: space-around;overflow: hidden;}
.c-flex-bnr a {background-position: center top;background-size: 100%;background-repeat: no-repeat;display: inline-block;height: 100%;text-indent: -9999px;text-decoration: none;width: 49%;}
.c-flex-bnr a:hover {background-position: center bottom;}
.c-flex-bnr .waterheater01 {background-image: url(/waterheater/img/side_a_cost_5.gif?21011304);}
.c-flex-bnr .waterheater02 {background-image: url(/waterheater/img/side_a_cost_f.gif?21011304);}
.c-flex-bnr .solar-battery01 {background-image: url(/solar-battery/img/side_a_cost.gif?210113);}
.c-flex-bnr img:not(.pc) {display: inline-block!important;max-width: 50%;}
}