@charset "utf-8";
/*style.cssから移行*/
h1, h2, h3, h4, h5, h6, form, ol, ul, li, hr, dl, dt, dd, address, em {margin: 0px;padding: 0px;font-size: 100%;}
img {border:0px;}
em {font-style: normal;font-weight: bold;}
table {empty-cells: show;font-size: 100%;rules: all;border-collapse:collapse;}
li {list-style-type: none;}
p {margin: 0;padding: 0;}
a {font-weight: normal;color: #1D3994;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;color: #810081;}
a:active {text-decoration: none;}
address {font-style: normal;font-weight: normal;}
.b10 {margin-bottom: 10px;}
.b1010 {margin-bottom: 10px;margin-top: 10px;}
.b1020 {margin-bottom: 20px;margin-top: 10px;}
.b20 {margin-bottom: 20px;}
.b30 {margin-bottom: 30px;}
.b2020 {margin-bottom: 20px;margin-top: 20px;}
.b40 {margin-bottom: 40px;}
/*main.cssから移行*/
img { -ms-interpolation-mode: bicubic; }
#container {padding: 0;width: 100vw;margin: 0 auto;}
#container:after,#main:after {content:"";display: block;height: 0;clear: both;visibility: hidden;}
#header-wrap,#contents {clear: both;width: 100%;height: 100%;margin: 0 auto;}
#contents {overflow:hidden;padding-bottom: 15px;}
#header-wrap:after,#contents:after{content:" ";display: block;height: 0;clear: both;}
#contents:after{visibility: hidden;}
.pankuzu {font-size: 10px;padding-bottom: 5px;}
.pankuzu a {font-size: 10px;padding-bottom: 10px;color: #ff5600;}
.t-f-g {margin-bottom: 10px;margin-left: 26px;}
.img-l {float: left;}
.font-orange {color: #ff4100;}
.font-gray {color: #656565;font-size: 11px;line-height:1.5em;}
/*新規*/
.contents * {box-sizing: border-box;vertical-align: middle;}
.contents table * {border-collapse: collapse;box-sizing: content-box !important;}
_:lang(x)::-internal-media-controls-overlay-cast-button,img {image-rendering: -webkit-optimize-contrast;}
.contents p {font-size: .98rem;line-height: 1.4;letter-spacing: 1px;margin: 0 0 auto 0;width: 100%;}
.contents {color: #222;line-height: 1.4;letter-spacing: .5px;}
.set-width {margin: auto;width: 96%;}
.contents h2 {font-size: 4.3vw;margin-bottom: .8em;}
.contents h3 {font-size: 3.8vw;margin-bottom: .8em;}
.contents h4 {font-size: 3.6vw;}
.contents h5 {font-size: 3.4vw;}
.center {text-align: center;}
.right {text-align:right;}
.left {text-align:left;}
.bold {font-weight: bold;}
.small {color: #333;display: inline-block;font-size: .86em;line-height: 1.4;letter-spacing: .2px;}
.red {color: #E20029;}
.green {color: #66992d;}
.bgc {background-color: #ffee46ed;}
.contents img {font-size: .8rem;height: auto;max-width: 100%;vertical-align: middle;width: 100%;}
.block,.banner {display: block;margin: auto;}
.img-fit {display: block;margin: auto;width: fit-content;}
.img-fit.inline {display: inline-block;margin: 0;}
.banner:hover {cursor: pointer;opacity: .9;}
.banner.border:hover {outline: 5px solid #ff2904;outline-offset: -5px;}
.banner.border.color-pink:hover {outline-color: #db1b92;}
.title-l {align-items: center;color: #fff;display: flex;line-height: 1.3;padding: 0.8rem 0.8rem;min-height: 3.4rem;}
.title-l.color01 {background-color: #d84e04;border-bottom: 3px solid #ad3d02;}
.title-l.color02 {background-color: #16B9A5;border-bottom: 3px solid #089786;}
.title-l.color03 {background-color: #0192D1;border-bottom: 3px solid #0073A5;}
.title-l.color-bg03 {background-color: #b7eaff;border-bottom: unset;color: #0081b9;padding: 1rem;}
.title-m {padding: .7rem .5rem .7rem .8rem;color: #222;line-height: 1.4;}
.title-m.color01 {border-left: 5px solid #f96e23;background: #fff0d4;}
.title-m.color02 {border-left: 5px solid #16b9a5;background: #ededed;}
.title-m.color03 {border-left: 5px solid #0192D1;background: #efefef;}
.title-m > .img {display: inline-block;margin-right: 0.8rem;}
.title-s {border: 1px solid #8E8E8E;border-left: 4px solid #F97A33;margin-bottom: .9rem;padding: .5rem .5rem .5rem .8rem;}
.title-s.color03 {border-color: #1aaeda;}
.title-s-blue {border: 1px solid #8E8E8E;border-left: 4px solid #0192d1;margin-bottom: .9rem;padding: .5rem .5rem .5rem .8rem;}
.title-xs {background: #fff1dd;border: 1px solid #F97A33;border-radius: 2px;color: #333;margin-bottom: .8rem;padding: .8em;}
.title-xs-blue {background: #bbdfef;border: 1px solid #0192d1;border-radius: 2px;color: #333;margin-bottom: .8rem;padding: .8em;}
.text-large {font-size: 1.1em;line-height: 1.8;}
.title-border-l {font-weight: bold;padding-left: 0.8rem;position: relative;}
.title-border-l::before {content: '';background-color: #f97a33;display: inline-block;height: 90%;left: 0;margin-right: 0.4rem;position: absolute;width: 5px;}
.title-border-b {font-weight: bold;padding-left: 0.8rem;position: relative;}
.title-border-b::before {content: '';background-color: #0192d1;display: inline-block;height: 90%;left: 0;margin-right: 0.4rem;position: absolute;width: 5px;}
.title-number {display: inline-block;font-size: 1rem;height: 2rem;line-height: 2rem;text-align: center;position: relative;margin-right: .5rem;width: 2rem;z-index: 0;}
.title-number::before {content: '';background-color: #fff;border: 1px solid #E6E6E6;border-radius: 5rem;display: block;left: 50%;height: 2rem;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 2rem;z-index: -1;}
.title-recommend {color: #fff;text-align: center;padding: .5rem;position: relative;margin-bottom: .9rem !important;}
.title-recommend::before {content: '';bottom: -.6rem;left: 50%;width: 0;height: 0;border-style: solid;border-width: 20px 25px 0 25px;position: absolute;transform: translateX(-50%);z-index: -1;}
.title-recommend.color01 {background-color: #d20210;}
.title-recommend.color01::before {border-color: #d20210 transparent transparent transparent;}
.title-recommend.color02 {background-color: #f5b30b;}
.title-recommend.color02::before {border-color: #f5b30b transparent transparent transparent;}
.btn-box {margin: auto;padding-bottom: 0.2rem;width: 86%;}
.btn-box .btn-icon {content: '';background-size: contain;background-repeat: no-repeat;display: block;height: 1.8rem;position: absolute;left: .7rem;top: 50%;transform: translateY(-50%);width: 1.8rem;z-index: 1;}
.btn-box a {border-radius: 6px;box-shadow: 0 2px 5px #9e9e9e2e;display: block;font-size: 4.8vw;font-weight: 600;padding: 0.7rem 1.8rem 0.7rem 2.8rem;position: relative;text-decoration: none;}
.btn-box a:hover {box-shadow: 0 0 5px #a7a7a7b0;opacity: .9;}
.btn-box .before-text {display: block;font-size: 1.14rem;font-weight: 600;text-align: center;}
.btn-box.btn-estimate a {background-color: #5FBA03;border: 1px solid #087520;border-radius: 6px;box-shadow: 0px 3px 0 0 #0a9929;color: #fff;padding: 0.9rem 0 0.9rem 0.6rem;text-align: center;}
.btn-box.btn-estimate a:hover {box-shadow: 0px 3px 0 0 #0a9929;}
.btn-box.btn-estimate .btn-icon {content: '';background-color: #fff;-webkit-mask-image: url(/waterheater/img/svg/icon_memo.svg);mask-image: url(/waterheater/img/svg/icon_memo.svg);}
.btn-box.btn-estimate .btn-arrow::after {content: '';background-color: #fff;}
.btn-arrow::after {content: '';background-size: contain;background-repeat: no-repeat;display: block;height: 1rem;right: .5rem;-webkit-mask-image: url(/waterheater/img/svg/icon_simple_arrow.svg);mask-image: url(/waterheater/img/svg/icon_simple_arrow.svg);position: absolute;top: 50%;transform: translateY(-50%);width: 1rem;z-index: 1;}
.btn-box.btn-simple a {border: 1px solid #cdcdcd;border-radius: 6px;box-shadow: 0 2px 5px #9e9e9e2e;color: #444;font-size: 3.2vw;font-weight: 600;margin: auto;padding: 1.2em 1em;position: relative;text-align: center;}
.btn-box.btn-simple a:hover {box-shadow: 0 0 5px #a7a7a7b0;opacity: .9;}
.btn-box.btn-simple .btn-arrow::after {content: '';background-color: #666;height: .9rem;width: .9rem;}
.text-link {display: block;font-size: .86rem;position: relative;width: fit-content;}
.text-link.btn-arrow::after {content: '';background-color: #2994C1;height: .8rem;width: .8rem;}
.text-link.right {margin: 0 0 auto auto;padding-right: 1.4em;text-align: right;}
.text-link.right.btn-arrow::after {right: 0;}
.text-link.left {margin: 0 auto auto 0;padding-left: 1.4em;text-align: left;}
.text-link.left.btn-arrow::after {left: 0;}
.text-link.direction-left {margin: 0 auto auto 0;padding-left: 1.4em;text-align: left;}
.text-link.direction-left.btn-arrow::after {left: 0;transform: translateY(-50%) rotateY(180deg);}
.contect-box .item-tell {background-color: #f3f3f3;padding: .8rem;text-align: center;margin: 1rem auto;}
.contect-box .item-tell .title-text {display: block;font-size: 1rem;margin-bottom: .2rem;}
#contents .contect-box .item-tell img {display: inline-block;margin-right: .3em;width: 2.4rem;}
.contect-box .item-tell .number a {color: #7cb130;font-size: 7vw;font-weight: bold;letter-spacing: -0.05em;}
.accordion-list .accordion-title {align-items: center;border-bottom: 1px solid #E6E6E6;box-shadow: 0 1px 2px #d0d0d0;color: #333;display: flex;font-weight: bold;font-size:3.3vw;padding: .7em 2rem .7em .8em;position: relative;}
.accordion-list .accordion-title.padding-m {padding: .9rem 3rem .9rem 1em;}
.accordion-title:hover {cursor: pointer;}
.accordion-title.btn-arrow::after {content: '';background-color: #555;height: .8rem;transform: translateY(-50%) rotate(90deg);width: .8rem;}
.accordion-title.btn-arrow.open::after {content: '';transform: translateY(-50%) rotate(270deg);}
.accordion-list .accordion-title .sub-text {font-size: .9rem;font-weight: normal;left: 10rem;position: absolute;text-align: left;}
.accordion-title .sub-text .strong {color: #f3610c;font-size: 1.1em;font-weight: bold;}
.accordion-title .logo-img {display: inline-block;height: auto;width: 6rem;}
.flex-box {display: flex;justify-content: space-between;}
.flex-box .item {width: 48%;}
.flex-box.col-3 .item {flex-basis: 32%;}
.lineup-box-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.lineup-box-list a {color: #222;display: block;text-decoration: none;}
.lineup-box-list a img {max-width: 100% !important;width: fit-content;}
.accordion-list .lineup-box-list {background-color: #F6F6F6;padding: 3% 2.4% 2%;}
.lineup-box-list.col-3::after {content: '';display: block;width: 32%;}
.lineup-box-list .item {background-color: #fff;border: 1px solid #e1e1e1;margin-bottom: .6rem;padding: 1.2%;position: relative;width: 49%;}
.lineup-box-list.col-1 .item {width: 100%;}
.lineup-box-list.col-3 .item {width: 32%;}
.lineup-box-list .item .on-arrow {background-color: #fff;display: block;border-radius: 50%;bottom: .3rem;height: 1.5rem;padding: 1px;position: absolute;right: .3rem;width: 1.5rem;z-index: 1;}
.lineup-box-list .item .on-arrow::after {content: '';background-repeat: no-repeat;background-color: #F97A33;display: inline-block;-webkit-mask-image: url(/waterheater/img/svg/icon_page_top.svg);mask-image: url(/waterheater/img/svg/icon_page_top.svg);height: 100%;transform: rotate(90deg);width: 100%;}
.lineup-box-list .btn-text {color: #333;font-size: .7rem;font-weight: 600;display: flex;letter-spacing: .8px;padding: .2rem 0 .1rem .5rem;align-items: center;min-height: 2.2rem;}
.lineup-box-list .item:hover {outline: 4px solid #F97A33;outline-offset: -4px;}
.lineup-box-list .item.is-active {pointer-events:none;}
.lineup-box-list .item.is-active::before,
.lineup-box-list .item.is-active::after {content: '';display: block;position: absolute;}
.lineup-box-list .item.is-active::before {content: '現在ご覧のページです';color: #fff;font-size: .75rem;font-weight: bold;left: 50%;letter-spacing: 1px;text-align: center;text-shadow: 0px 0px 4px #4c4c4c;top: 50%;transform: translate(-50%);word-break: keep-all;z-index: 2;}
.lineup-box-list .item.is-active::after {background-color: #00000045;display: block;height: 100%;left: 0;top: 0;width: 100%;}
.lineup-box-list::after {content: "";display: block;width: 49%;height: 0;}
.lineup-box-list .text-box {font-size: .7rem;line-height: 1.3;padding: .5em;}
.lineup-box-list .text-box.t-right {text-align: right;}
.lineup-box-list .text-box p {font-size: .76rem !important;}
.lineup-box-list .item-price {display: flex;font-size: .7rem;flex-direction: column;padding: 0.4rem .5em;align-items: center;}
.lineup-box-list .item-price .price {color: #333;font-size: 1em;font-weight: bold;line-height: 1.5;width: 100%;}
.lineup-box-list .item-price .before-text {font-size: .7rem;line-height: 1.2;padding: 0 0 0.4em;text-align: center;}
.lineup-box-list .item-price .before-box {background-color: #e00000;color: #fff;display: block;font-size: 0.8em;font-weight: normal;line-height: 1.2;padding: 0.2em .3rem;width: fit-content;}
.lineup-box-list .item-price .red {color: #e00000;font-size: 1.7em;letter-spacing: -.1px;}
.flow-list {background-color: #6ec7ec;display: flex;justify-content: space-between;padding: 2%;}
.flow-list .item {background-color: #fff;border-radius: 5px;padding: 3% 2%;text-align: center;width: 32%;}
.flow-list .item-head {display: block;font-size: .76rem;font-weight: bold;margin-bottom: .3em;}
.flow-list .img-box {margin: 0 auto .5rem;width: 80%;}
.flow-list .item-text {font-size: .7rem;line-height: 1.4;}
.qa-list .title {background-color: #F5F5F5;border: 1px solid #D5D5D5;margin-bottom: .6rem;}
.qa-list .item {border: 1px solid #D5D5D5;margin-bottom: 1.2rem;padding: .8rem .8rem .8rem 3.3rem;position: relative;}
.qa-list .item > .flex-box {display: flex;flex-direction: column;}
.qa-list .item > .flex-box a img:hover {opacity: .9;}
.qa-list .item > .flex-box .text {font-size: .85rem;}
.qa-list .point {border-radius: 5px;color: #fff;line-height: 2rem;height: 2rem;text-align: center;width: 2rem;}
.qa-list .title .point {background-color: #2994C1;display: inline-block;margin-right: .5rem;}
.qa-list .item .point {background-color: #F97A33;font-weight: 600;left: 0.7rem;position: absolute;top: 0.7rem;}
.guide-box {background-color: #fff;border: 2px solid #2994c1;padding: 3%;margin: auto;width: 94%;}
.guide-box .title {align-items: center;color: #222;display: flex;font-size: .84rem;font-weight: 600;justify-content: center;margin-bottom: .3rem;}
.guide-box .title .img-box {display: inline-block;height: 1.5rem;margin-right: .3rem;width: 1.5rem;}
.guide-box .text-box p {font-size: .86rem !important;}
.border-after {border: 1px dashed #DFDFDF;display: block;height: 1px;margin: 1.5rem 0;}
.block-arrow {border-style: solid;border-width: 2rem 5rem 0 5rem;border-color: #EC6D45 transparent transparent transparent;display: block;margin: auto auto 1.4rem;width: 0;}
.block-arrow.color-y {border-color: #FFD751 transparent transparent transparent;}
.new-ranking .item {background-color: #fff;border: 3px solid #c51919;border-radius: 8px;color: #222;display: inline-flex;padding: .6rem .8rem .4rem;position: relative;flex-direction: column;}
.new-ranking .rank-icon {height: 48px;left: 10px;top: 8px;position: absolute;width: 48px;z-index: 2;}
.new-ranking .img-box {background-color: #fff;padding: 0.6rem 8% 0.6rem 34%;margin: 0 auto 0.7rem;position: relative;width: 100%;}
.new-ranking .item-discount {background: url(/svg/bg_burst.svg) no-repeat;background-size: contain;border-radius: 50%;bottom: 0.5rem;height: 25vw;left: 0.5rem;position: absolute;width: 25vw;z-index: 2;}
.new-ranking .value {color: #fff;display: inline-block;font-size: 1.6rem;font-weight: bold;line-height: .9;left: 50%;letter-spacing: -1px;padding-top: 4px;position: absolute;text-align: center;top: 50%;transform: translate(-50%, -50%);vertical-align: baseline !important;width: 80%;word-break: break-word;}
.new-ranking .value [data-content="OPENPRICE"] {display: inline-block;font-size: 1.2rem;line-height: 1;}
.new-ranking .value .small-text {display: inline;font-size: .65em!important;}
.new-ranking .info {color: #cd0707;display: inline-block;font-size: 16px;font-weight: bold;margin-bottom: 5px;}
.new-ranking .name {display: -webkit-box;font-size: 12.8px;margin-bottom: 5px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.new-ranking .price {color: #d90101;font-size: 1.4rem;font-weight: bold;margin-left: auto;text-align: end;}
.new-ranking .price .tax-included {font-size: .65em;}
.new-ranking .item:hover {background-color: #d72626;color: #fff;}
.new-ranking .item:hover .info,.new-ranking .item:hover .price,.new-ranking .item:hover .price .tax-included {color: #fff;}
/* SP用 */
@media screen and (max-width: 560px) {
.sp-set-width {margin: auto;width: 96%;}
body #contents .contents p {font-size: 3.7vw;margin: 0 auto auto;width: 100% !important;}
.contents table * {border-collapse: collapse;box-sizing: content-box !important;}
body #contents .contents table {width: 100%;margin-left: 0;margin-right: 0;}
#top-ranking li {padding: .3rem;}
#top-ranking li .on-text {background-color: #cc210e;box-sizing: border-box;color: #fff;font-size: .9rem;line-height: 1.7rem;height: 1.7rem;text-align: center;position: absolute;right: 7rem;width: 5rem;}
#top-ranking .product-detail {padding: 2.2rem .6rem .0;}
.lineup-box-list.sp-col-1 .item {width: 100%;}
#contents .title-m > .img {margin-right: 0.5rem;max-width: 24%;}
/* sp footer btn */
.sp-contact-btn {position: fixed;bottom: -6px;width: 100%;z-index: 15;}
.sp-contact-btn ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.sp-contact-btn li {position:relative;overflow:hidden;filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));}
.sp-contact-btn img {width: 33.3vw;}
}
/* PC用 */
@media screen and (min-width: 561px) {
#container {width: 100vw;}
#header-wrap,#contents {width: 980px;}
#side1 {float: left;width: 180px;margin-right: 20px;}
#side2 {float: left;width: 180px;}
#main {float: left;width: 780px;}
#main.colum-1 {width: 100%;max-width: 100%;}
.set-width {margin: auto;width: 96.2%;}
.contents h2 {font-size: 1.3rem;letter-spacing: .6px;}
.contents h2 {margin-bottom: .8em;}
.title-l {padding: 0.8rem 0.8rem;min-height: 3.4rem;}
.contents h3 {font-size: 1.14rem;letter-spacing: .4px;}
.title-m {padding: 0.8rem 0.9rem;}
.contents h3 {margin-bottom: .8em;}
.contents h4 {font-size: 1rem;}
.contents h5 {font-size: .9rem;}
.new-ranking {display: flex;justify-content: space-between;}
.new-ranking li {flex-basis: 32%;}
.new-ranking .item {height: 100%;padding: 0.6rem 0.6rem 0.5rem;}
.new-ranking .rank-icon {height: 46px;left: -3px;top: -20px;width: 46px;}
.new-ranking .img-box {padding: 1rem 3% 0.5rem;margin: 0px auto 1.2rem;}
.new-ranking .item-discount {bottom: -1rem;height: 6rem;left: unset;right: -.3rem;width: 6rem;}
.new-ranking .name {font-size: 13.4px;margin-bottom: 8px;min-height: 4em;-webkit-line-clamp: 3;}
.new-ranking .price {font-size: 1.6rem;line-height: 1;}
.new-ranking .price .tax-included {display: inline-block;font-size: .6em;}
#top-ranking ol li {position: relative;}
#top-ranking li .on-text {background-color: #cc210e;box-sizing: border-box;color: #fff;font-size: .9rem;line-height: 2rem;height: 2rem;text-align: center;position: absolute;right: .5rem;width: 5rem;}
#top-ranking .rank-mark {display: block;margin-bottom: 1%;width: 30%;}
#top-ranking .product-detail > p:not(.price) {font-size: .75rem !important;line-height: 1.4;}
#koujilist_kouji {width: 100%;}
.btn-arrow::after {height: 1.4rem;right: .7rem;width: 1.4rem;}
.text-large {font-size: 1.24em;line-height: 1.8;}
.title-recommend {padding: .65rem;margin-bottom: 1rem !important;}
.title-recommend::before{content: '';border-width: 22px 35px 0 35px;}
.btn-box {width: 70%;}
.btn-box a {font-size: 1.3rem;}
.btn-box .btn-icon {content: '';height: 2.4rem;left: 1.4rem;width: 2.4rem;}
.btn-arrow::after {height: 1.4rem;right: 0.7rem;width: 1.4rem;}
.btn-box.btn-simple a {font-size: .94rem;padding: 1.1em 1em;}
.lineup-box-list.pc-col-3::after {content: '';display: block;width: 32%;}
.lineup-box-list.pc-col-3 .item {width: 32%;}
.lineup-box-list .item .on-arrow {bottom: .4rem;height: 2rem;right: .4rem;width: 2rem;}
.lineup-box-list .btn-text {font-size: .85rem;min-height: 2.4rem;}
.lineup-box-list .item {margin-bottom: 1rem;}
.lineup-box-list .item.is-active::before {font-size: 1rem;}
.lineup-box-list .item-price {font-size: .8rem;padding: .9rem .5em .5rem;}
.lineup-box-list .item-price .price {font-size: 1.2em;line-height: 1.2;width: 96%;}
.lineup-box-list .item-price .before-text {font-size: .85rem;}
.lineup-box-list .item-price .before-box {display: inline-block;font-size: 0.85em;line-height: 1.2;padding: 0.4em 0.5em;margin-right: 0.9rem;}
.lineup-box-list .item-price .red {font-size: 1.7em;letter-spacing: -.1px;}
.contents .accordion-list .accordion-title {font-size: 1rem;padding: .5em 3rem .5em 1em;}
.contents .accordion-list .accordion-title.padding-m {font-size: 1rem;padding: 1em 3rem 1em 1em;}
.contents .accordion-title.btn-arrow::after {content: '';height: 1rem;width: 1rem;}
.contect-box .item-tell .number a {font-size: 1.8rem;}
.qa-list .item {margin-bottom: 1.2rem;padding: 1.1rem 1.1rem 1.1rem 3.8rem;}
.qa-list .item .point {left: 0.9rem;top: 0.9rem;}
}
/* ipad用 */
@media screen and (min-width: 600px) and (max-width: 980px) {
html {width: fit-content;}
body {margin: auto;width: 100%;}
#container {width: 100%;}
#header {width: 100% !important;}
#header-new nav li {width: 80px!important;}
.slick-vertical .slick-slide {width: 100%;}
#header .slick-slide img {max-width: 100%;width: 100%;}
.calender-box {padding: 1%;}
.sp-set-width {margin: auto;width: 96%;}
}
/*矢印 IEのみ*/
@media all and (-ms-high-contrast: none) {
.btn-arrow::after {content: '';background-color: transparent !important;background-image:  url('/gasconro/img/icon_arrow_ie.png?210611');-webkit-mask-image: none;mask-image: none;}
.accordion-title.btn-arrow::after {content: '';background-color: #555;height: 1rem;transform: translateY(-50%) rotate(270deg);width: 1rem;}
}