a,
b,
blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
img,
input,
legend,
li,
object,
ol,
p,
pre,
span,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    margin: 0;
    padding: 0
}a:link,
a:visited {
    text-decoration: none
}ins {
    text-decoration: none
}article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}
html,
body {
    scroll-behavior: smooth;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 400
}img {
    line-height: 0;
    vertical-align: baseline;
}a:link,
a:visited {
    color: #000
}a:active,
a:hover {
    color: #000;
    text-decoration: underline
}input,
label,
select {
    border: 1px solid #aaa;
    font-family: inherit;
    font-size: 13px;
    padding: 2px;
    vertical-align: middle
}textarea {
    border: 1px solid #aaa;
    font-family: inherit;
    font-size: 13px;
    overflow: auto;
    padding: 2px;
    vertical-align: middle
}label {
    cursor: pointer
}table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left
}abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    background: 0 0;
    border: 0;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}ins,
mark {
    background-color: #ff9
}nav ul {
    list-style: none
}blockquote,
q {
    quotes: none
}blockquote:after,
blockquote:before {
    content: "";
    content: none
}q:after,
q:before {
    content: "";
    content: none
}a {
    background: 0 0;
    font-size: 100%;
    vertical-align: baseline
}ins {
    color: #000
}mark {
    color: #000;
    font-style: italic;
    font-weight: 700
}del {
    text-decoration: line-through
}abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 1px;
    margin: 1em 0;
    padding: 0
}input,
select {
    vertical-align: middle
}p {
    line-height: 1.6em
}ul {
    list-style: none
}span.type01 {
    background: url(/img/pc/line01.webp) repeat-x bottom
}span.type02 {
    background: url(/img/pc/line02.webp) repeat-x left bottom -3px;
    color: #559a41
}span.type03 {
    font-size: 20px
}div.column {
    margin-bottom: 30px
}header#header {
    position: relative;
    z-index: 30;
}header#header div#description {
    background: url(/img/pc/header_back0.webp)
}header#header div#description h1 {
    color: #fff;
    font-size: 10px;
    font-weight: bold
}header#header nav {
    background: url(/img/pc/header_back02.webp) repeat-x bottom;
    height: 100px
}header#header nav div.container {
    padding-top: 10px
}header#header nav div.container div#siteId {
    left: -3px;
    position: relative
}header#header nav div.container div.number {
    background: url(/img/pc/number_back.webp) no-repeat;
    font-size: 32px;
    height: 40px;
    left: 280px;
    padding: 5px 0 0 45px;
    position: absolute;
    top: 25px;
    width: 235px
}header#header nav div.container div.mail {
    left: 570px;
    position: absolute;
    top: 23px;
    z-index: 2
}
header#header div.mail a {
    background: #6ab654;
    border: none;
    border-radius: 5px;
    box-shadow: 0 7px 0 #447a34;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center;
}
div.mail a {
    background: url(/img/pc/mail_bg_pc.webp);
    background-size: contain;
    border: 2px solid #fff;
    border-radius: 31px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center;
}
div.net a {
    background: url(/img/pc/net_bg.webp);
    background-size: contain;
    border: 2px solid #fff;
    border-radius: 31px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center;
}

header#header nav div.container div.company {
    left: 660px;
    position: absolute;
    top: 23px;
    z-index: 2
}div.company a {
    background: #83634e;
    border-radius: 5px;
    box-shadow: 0 7px 0 #675041;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center
}header#header nav div.container div.reserve {
    left: 660px;
    position: absolute;
    top: 23px;
    z-index: 2
}div.reserve a {
    background: #3297cd;
    border-radius: 5px;
    box-shadow: 0 7px 0 #0859aa;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center
}

div.mail a:hover,
div.company a:hover,
div.reserve a:hover {
    box-shadow: none !important;
    position: relative;
    top: 5px !important;
}.boshu {
    padding-top: 0 !important;
}
.boshu a {
    font-size: 14px !important;
    padding-left: 23px;
    position: relative;
    text-decoration: underline;
}.boshu a:hover {
    text-decoration: none
}.boshu a:before {
    content: url(/img/info.webp);
    left: 0;
    position: absolute;
    top: 1px;
}#footer {
    background: url(/img/pc/footer_back.webp);
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    margin-top: 1px;
    padding: 20px 0;
    text-align: center
}#footer p {
    margin-bottom: 5px
}#footer p:nth-child(2) {
    font-size: 11px
}#footer p:last-child {
    margin: 0
}#footer a {
    color: #fff;
    text-decoration: underline
}
aside {
    display: block;
}
body {
    background-color: #fff;
    color: #000;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    line-height: 160%;
    line-height: 1;
}

aside.contact {
    margin-bottom: 160px;
    margin-top: 30px;
}
aside.contact div.container {
    background: url(/img/pc/contact_pc.webp)no-repeat;
    background-size: contain;
    height: 240px;
    width: 940px;
}

aside.contact div.container .count-down {
    color: #0159a9;
    font-size: 25px;
    font-weight: bold;
    left: 37%;
    position: absolute;
    top: 31%
}aside.contact div.container div.number {
    display: block;
    font-size: 60px;
    left: 131px;
    position: absolute;
    top: 105px;
}aside.contact div.container div.mail,
aside.contact div.container div.reserve {
    background: #578894;
    border-radius: 43px;
    box-shadow: 0 4px 1px #578894;
    margin: 10px 30px 17px;
    padding: 2px;
    position: absolute;
    right: 97px;
    top: 97px;
}aside.contact div.container div.mail a,
aside.contact div.container div.reserve a {
    font-size: 22px;
    padding: 10px 20px 6px;
    text-decoration: none;
}
aside.contact div.container div.mail:hover,
aside.contact div.container div.reserve:hover {
    box-shadow: none;
    top: 100px;
}

aside.contact div.container div.mail a:hover,
aside.contact div.container div.reserve a:hover {
    top: 0 !important;
}

.priceText,
.process {
    margin-bottom: 10px;
    margin-top: 50px;
}
.priceText img,
.process img {
    display: block;
    margin: auto;
}
.process p {
    margin-top: 7px;
    text-align: center;
}

.caution {
    display: flex;
    margin: 0 auto;
    margin-bottom: 60px;
    margin-top: 20px;
    width: 939px;
}

.caution img {
    display: block;
}

.caution_point {
    width: 100%;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 940px
}.number {
    color: #f05548;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    letter-spacing: -.05em
}section#main {
    background: url(/img/pc/main_back01.webp) repeat-x;
    margin-bottom: 50px;
    padding-top: 110px;
}section#main div#view {
    background: url(/img/pc/main_back02.webp) no-repeat center top;
    width: 1140px
}section#main.main_breaker,
section#main.main_aircon,
section#main.main_leakage,
section#main.main_light,
section#main.main_outlet,
section#main.main_ventilator,
section#main.main_switch {
    background: none;
}section#main.main_antenna {
    background: url(/img/pc/main02_antenna_bk.webp) no-repeat;
    background-size: contain;
}section#main.main_antenna div#view,
section#main.main_aircon div#view,
section#main.main_light div#view,
section#main.main_outlet div#view,
section#main.main_switch div#view,
section#main.main_ventilator div#view,
section#main.main_breaker div#view {
    background: none;
}section#main div.point2 {
    margin: auto;
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    width: 1040px;
}section#main div.point2 a {
    left: 746px;
    position: absolute;
    top: 9px;
}section#main h2 {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 1;
}
section#main h2#mainTitle {
    height: 565px;
}h2#mainTitle > img {
    margin-bottom: 20px;
    margin-left: 17px;
    width: 96%;
}section#main h2 div.point2 {
    position: relative;
    text-align: center;
}section#main h2 div.point2 a {
    left: 730px;
    position: absolute;
    top: 13px;
}@keyframes shiny {
    0% {
        opacity: 0;
        transform: scale(0) rotate(25deg)
    }50% {
        opacity: 1;
        transform: scale(1) rotate(25deg)
    }100% {
        opacity: 0;
        transform: scale(50) rotate(25deg)
    }
}section#main .fvText {
    height: 50px;
    position: absolute;
}section#main .shiny-btn {
    color: #fff;
    display: block;
    height: 48px;
    left: 7px;
    line-height: 40px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 332px
}section#main .shiny-btn img {
    height: 50px;
    width: 476px
}section#main .shiny-btn::after {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: shiny;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(100deg, rgba(255,255,255,0) 10%, #fff 100%, rgba(255,255,255,0) 0%);
    content: "";
    height: 50px;
    left: -100px;
    position: absolute;
    top: -100px;
    width: 50px
}section#main .serve_name {
    margin-bottom: -30px;
    position: relative
}

section#main div#point {
    position: absolute;
    right: 30px;
    top: 13px;
    z-index: 0
}section#main div#point_light,
div#point_switch,
div#point_outlet,
div#point_leakage,
div#point_ventilator,
div#point_breaker {
    position: absolute;
    right: 65px;
    top: -15px;
    z-index: 0;
}div#point_breaker video,
div#point_switch video,
div#point_outlet video,
div#point_aircon video,
div#point_leakage video,
div#point_ventilator video,
div#point_light video {
    width: 1000px;
}section#main div#point_light:after,
div#point_switch:after,
div#point_outlet:after,
div#point_leakage::after,
div#point_ventilator::after,
div#point_breaker:after {
    bottom: 0;
    box-shadow: inset 0 0 10px 15px #fff;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}section#main.location div#point_light,
section#main.location div#point_aircon,
section#main.location div#point_switch,
section#main.location div#point_outlet,
section#main.location div#point_leakage,
section#main.location div#point_ventilator,
section#main.location div#point_breaker {
    top: 80px;
}div#point4 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: absolute;
    right: 114px;
    top: 545px;
}section#main.location div#point4 {
    top: 635px;
}div#point4_aircon {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: absolute;
    right: 132px;
    top: 675px;
}div#point4_aircon01 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: absolute;
    right: 85px;
    top: 540px;
}section#main.location div#point4_aircon01 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: absolute;
    right: 85px;
    top: 635px;
}div#point5 {
    left: 119px;
    position: absolute;
    top: 537px;
    z-index: 2;
}section#main.location div#point5 {
    left: 119px;
    position: absolute;
    top: 625px;
    z-index: 2;
}div#notes {
    position: absolute;
    right: 75px;
    top: 10px;
}
section.location div#notes {
    top: 100px;
}

section#main div#point3 {
    position: absolute;
    right: 50px;
    top: 255px;
}section#main.location div#point3 {
    position: absolute;
    right: 50px;
    top: 325px;
}

section#main div#reason {
    width: 1040px
}section#main div#reason .count-down {
    bottom: 15%;
    color: #0159a9;
    font-size: 25px;
    font-weight: bold;
    left: 38%;
    position: absolute
}section#main div#reason div.number {
    bottom: 165px;
    font-size: 60px;
    left: 179px;
    position: absolute;
}section#main div#reason div.mail,
section#main div#reason div.reserve {
    background: #578894;
    border-radius: 43px;
    bottom: 183px;
    box-shadow: 0 4px 1px #578894;
    padding: 2px;
    position: absolute;
    right: 175px;
}section#main div#reason div.mail a,
section#main div#reason div.reserve a {
    font-size: 22px;
    padding: 8px 20px 6px;
    text-decoration: none;
}
section#main div#reason div.mail:hover {
    bottom: 178px !important;
    box-shadow: none;
    top: auto !important;
}
section#main div#reason div.mail a:hover {
    top: 0 !important;
}
section#main.location h2 {
    padding-top: 20px
}section#main.location div#location {
    color: #fff;
    font-size: 30px;
    margin: auto;
    padding-top: 15px;
    width: 965px;
}section#main.location div#location p {
    background: #fcb904;
    display: inline-block;
    padding: 6px 25px 0;
    position: relative;
    z-index: 10;
}section#main.location div#location p:before {
    border-color: #fcb904 transparent transparent transparent;
    border-style: solid;
    border-width: 30px 30px 0 0;
    content: "";
    position: absolute;
    right: -29px;
    top: 0
}section#main.location div#location p:after {
    border-color: transparent transparent transparent #fcb904;
    border-style: solid;
    border-width: 30px 0 0 30px;
    bottom: 0;
    content: "";
    position: absolute;
    right: -29px
}section#main.location div#location span {
    font-size: 35px
}section#main.location div#point {
    top: 90px
}div#point_aircon {
    position: absolute;
    right: 65px;
    top: -15px;
    width: 1000px;
}div#point_aircon:after {
    bottom: 0;
    box-shadow: inset 0 0 10px 15px #fff;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}div#point_antenna {
    position: absolute;
    right: 75px;
    top: 3px;
}.notation {
    font-size: 15px;
    margin: 10px auto 10px;
    text-align: center;
    width: 900px
}article#example {
    background: url(/img/pc/example.webp);
    height: 1890px
}article#example.min {
    background: url(/img/pc/example_min.webp);
    height: 1470px;
}article#example.airconExample {
    background: url(/img/pc/example_min_2.webp);
    height: 2213px;
}article#example.lightExample {
    background: url(/img/pc/example_min_2.webp);
    height: 2213px;
}article#example.ventilatorExample {
    background: url(/img/pc/example_min_2.webp);
    height: 2213px;
}article#example.cameraExample {
    background: url(/img/pc/example_min_2.webp);
    height: 2213px;
}article#example h1 {
    left: 30px;
    position: absolute;
    top: 30px
}article#example p {
    font-size: 18px;
    left: 60px;
    position: absolute;
    width: 490px
}article#example div.conclusion {
    left: 205px;
    position: absolute
}article#example section#speed h2 {
    color: #fdd11a;
    font-size: 40px;
    font-weight: bold;
    left: 140px;
    position: absolute;
    top: 207px;
}article#example section#speed p {
    top: 300px
}article#example section#speed div.exampleImage {
    position: absolute;
    right: 60px;
    top: 300px;
    width: 300px;
}article#example section#speed div.conclusion {
    top: 548px
}article#example section#time h2 {
    color: #fdd11a;
    font-size: 40px;
    font-weight: bold;
    left: 140px;
    position: absolute;
    top: 748px;
}article#example section#time p {
    top: 840px
}article#example section#time div.exampleImage {
    position: absolute;
    right: 60px;
    top: 840px;
    width: 300px;
}article#example section#time div.conclusion {
    top: 1087px;
}article#example section#BtoB h2 {
    color: #fdd11a;
    font-size: 40px;
    font-weight: bold;
    left: 130px;
    position: absolute;
    top: 1287px;
}article#example section#BtoB p {
    top: 1380px;
}article#example section#BtoB div.exampleImage {
    position: absolute;
    right: 60px;
    top: 1380px;
    width: 300px;
}article#example.airconExample section#BtoB div.caption {
    left: 150px;
    position: absolute;
    top: 1648px;
}article#example.lightExample section#BtoB div.caption {
    left: 110px;
    position: absolute;
    top: 1640px;
}article#example.ventilatorExample section#BtoB div.caption {
    left: 70px;
    position: absolute;
    top: 1640px;
}article#example.cameraExample section#BtoB div.caption {
    left: 160px;
    position: absolute;
    top: 1648px;
}article#example section#BtoB div.conclusion {
    top: 1833px;
}article#example section#voice h2 {
    left: 146px;
    position: absolute;
    top: 1265px
}article#example section#voice ul {
    font-size: 16px;
    left: 100px;
    line-height: 120%;
    position: absolute;
    top: 1385px;
    width: 940px
}article#example section#voice li {
    float: left;
    margin: 0 60px 40px 0;
    width: 360px
}article#results h1 {
    margin-bottom: 20px
}article#results section#failureStory h2 {
    left: 56px;
    position: absolute;
    top: 667px
}article#results section#failureStory div {
    left: 94px;
    position: absolute;
    top: 798px
}article#results section#failureStory p {
    font-size: 16px;
    left: 90px;
    position: absolute;
    top: 840px;
    width: 760px
}article#lineup div.content {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px 10px 15px 30px;
}article#lineup section.service {
    float: left;
    margin-right: 20px;
    width: 430px
}article#lineup section.service header {
    background: url(/img/pc/line03.webp) repeat-x bottom;
    color: #6c462c;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 5px
}article#lineup section.service header h2 {
    color: #6c462c;
    display: contents;
    float: left;
    font-weight: bold
}article#lineup section.service header div.price {
    color: #d12525;
    float: right;
    font-size: 18px
}article#lineup section.service header div.price span {
    font-size: 24px
}article#lineup section.service header div.price span.priceDeatile {
    color: #6c462c;
    font-size: 14px
}article#lineup section.service p {
    float: left;
    width: auto;
}article#lineup section.service div.image {
    float: right
}p.goodsCap {
    color: #6c462c;
    float: left;
    font-size: 15px;
    font-weight: bold;
}article#lineup section.category {
    float: left;
    margin-right: 20px;
    width: 205px
}p.goodsCap {
    color: #6c462c;
    float: left;
    font-size: 15px;
    font-weight: bold;
}article#lineup section.category header {
    background: url(/img/pc/line03.webp) repeat-x bottom;
    color: #6c462c;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
}article#lineup section.category header h2 {
    color: #6c462c;
    display: inline-block;
    font-weight: bold;
    padding: 0;
    width: auto;
}article#lineup section.category header p.item-price {
    font-size: 12px;
    line-height: 1.5em;
    margin-top: 10px;
}article#lineup section.category header p.item-price span.priceDeatile {
    color: #6c462c;
    font-size: 14px;
}article#lineup section.category header div.item {
    position: absolute;
    right: 0;
    top: -8px;
}article#lineup > img {
    position: absolute;
}article#lineup img.pricePoint1 {
    left: 120px;
    top: -30px;
    transform: rotate(-15deg);
}article#lineup img.pricePoint2 {
    right: 110px;
    top: -35px;
}

article#faq div.content {
    padding: 30px 10px 30px 30px
}article#faq section.faq {
    float: left;
    margin-right: 20px;
    width: 430px
}article#faq section.faq header {
    background: url(/img/pc/line03.webp) repeat-x bottom
}article#faq section.faq header h2 {
    background: url(/img/pc/faq01.webp) no-repeat left center;
    color: #6c462c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0 5px 30px;
    position: relative
}article#faq section.faq p {
    background: #fff;
    padding: 20px
}article#faq h2.faqCap {
    margin-bottom: 30px;
}article#faq h2.faqCap img {
    display: block;
    margin: auto;
}article#area div.content {
    padding: 30px 10px 30px 30px
}article#area ul {
    float: left;
    font-weight: bold;
    margin-right: 20px;
    width: 130px
}article#area li:before {
    color: #6ab653;
    content: "・"
}article#area li.category {
    background: url(/img/pc/line03.webp) repeat-x bottom;
    color: #6c462c;
    font-size: 18px;
    margin-bottom: 10px;
    padding-bottom: 5px
}article#area li.category:before {
    content: normal
}article#area p {
    width: 880px
}

article#company {
    font-size: 13px;
    margin: 100px auto 50px;
    padding-bottom: 30px
}article#company div.content {
    background: #fff;
    margin: 30px 30px 0;
    padding: 30px
}article#company table {
    width: calc(100% - 120px)
}article#company tr {
    background: url(/img/pc/line03.webp) repeat-x bottom
}article#company th {
    padding: 10px;
    width: 200px
}#company2 div.container ul li {
    line-height: 1.5em;
}article#company .client li:nth-child(odd) {
    float: left;
    width: 50%
}article#company li:last-child {
    padding-bottom: 10px
}#company2 dl {
    background: url(/img/pc/line03.webp) repeat-x bottom;
    line-height: 1.5em;
    margin-bottom: 10px;
}#company2 dt:nth-child(odd) {
    float: left;
    width: 20%;
}#company2 td p {
    margin-bottom: 10px;
}#company2 td a {
    color: #0159a9;
    font-weight: bold;
}

article.other {
    background: url(/img/pc/other_back.webp);
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(108,70,44,.3);
    margin-top: 100px
}article#lineup.other {
    background: url(/img/pc/price_back.webp);
    background-position: center;
    border-radius: 10px;
    box-shadow: 1px 1px 3px rgba(108,70,44,.3);
}article.other div.content {
    padding: 30px
}article.ansinPrice {
    margin-bottom: 40px;
    margin-top: 20px;
    padding: 30px 10px 30px;
}article.ansinPrice h1#lineupTitle img {
    display: block;
    margin: 0 auto 20px;
}article#LEDcontent.other.container {
    background: none;
    border-radius: 0;
    box-shadow: none;
}.price details summary {
    align-items: center;
    background: #6ab654;
    border-bottom: solid 1px #447a34;
    color: #fff;
    cursor: pointer;
    display: block;
    display: flex;
    font-size: 18px;
    font-size: 24px;
    font-weight: bold;
    height: 50px;
    line-height: 1;
    padding: 0 30px;
    position: relative;
    text-shadow: -1px -1px 0 #447a34
}.price details summary:before,
.price details summary:after {
    background: #fff;
    content: "";
    display: block;
    position: absolute;
    top: 50%
}.price details summary:before {
    height: 4px;
    margin-top: -2px;
    right: 30px;
    width: 20px
}.price details summary:after {
    height: 20px;
    margin-top: -10px;
    right: 38px;
    width: 4px
}.price details[open] summary:after {
    content: none
}.price table {
    background: #eaffe4;
    vertical-align: middle;
    width: 100%
}.price table tr {
    border: solid 1px #447a34;
    border-top: none
}.price table th {
    padding: 5px;
    vertical-align: middle
}.price table td {
    padding: 5px
}.price table td:last-child {
    text-align: right;
    width: 70px auto
}.price table .pattern,
.price table .symbol {
    padding: 0;
    text-align: center;
    vertical-align: middle
}.voice {
    margin: 0 auto;
    width: 940px
}.voice h2 {
    text-align: center
}.voice .headline {
    background: url(../img/line.webp) no-repeat center bottom;
    background-size: auto;
    background-size: contain;
    margin-bottom: 30px;
    padding-bottom: 70px;
    text-align: center
}.voice .headline p {
    color: #3d2718;
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px
}.voice .evaluation {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px
}.voice .evaluation > div:nth-child(1) {
    display: flex;
    width: calc((100% - 30px) / 3)
}.voice .evaluation > div:nth-child(2) {
    width: calc((100% - 30px) / 3 * 2)
}.voice .questionnaire h3 {
    color: #3d2718;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: center
}.voice .questionnaire ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}.voice .questionnaire li {
    border: solid 1px #d8d0a2;
    width: calc((100% - 180px) / 6)
}.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden
}div.codeHide {
    bottom: 0;
    position: absolute
}#campaign h2 {
    background: url(/img/pc/line03.webp) repeat-x bottom;
    color: #6c462c;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0 0 5px 30px;
    position: relative
}#campaign h2:before {
    background: #6bb655;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 18px;
    left: 5px;
    position: absolute;
    width: 18px
}#campaign .column.clearfix > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
}#campaign .column.clearfix > ul > li {
    font-weight: bold;
    margin-bottom: 20px;
    width: 49%
}#campaign .column.clearfix > ul ol {
    list-style-position: outside;
    padding-left: 25px
}#campaign .column.clearfix > ul ol span {
    color: #d12525
}.header-terms {
    left: 278px;
    position: absolute;
    z-index: 99;
}.header-terms a {
    color: #f05548;
    font-size: .8rem
}.main-kiyaku {
    text-align: center
}#reason .main-kiyaku {
    margin: auto;
    position: relative;
    top: -26px;
    width: 940px;
}.contact .main-kiyaku {
    bottom: -65px;
    margin: auto;
    position: absolute;
    width: 940px;
}
.main-kiyaku a {
    color: #000 !important;
}

p.main-kiyaku:before {
    content: "※お客様都合によるキャンセルや調査内容によっては、事前に金額がかかる場合がございます。\A※Pマークを取得しているので個人情報を適切に管理しています。";
    display: block;
    text-align: left;
    white-space: pre;
}
.remark {
    display: flex;
    justify-content: space-between;
    left: -9px;
    padding: 111px 30px 0;
    position: relative;
    width: calc(100% - 50px);
}

.remark img {
    width: 49%;
}

aside.faceVoice {
    background: linear-gradient(#f6eedc, #fff);
    margin: 110px auto 40px;
    position: relative;
    width: 940px;
}

img.faceVoice_title {
    margin: 0 120px;
    position: absolute;
    top: -82px;
    width: calc(100% - 260px);
}

/* 作業員インタビュー */

.interviews {
    background: #ebf0f4;
    border-top: 15px solid #fff;
    padding: 0 0 80px;
    position: relative;
}

.interviews img.interviewTitle {
    display: block;
    left: 30px;
    margin: auto;
    position: relative;
    top: -56px;
    width: calc(100% - 250px);
    z-index: 1;
}

iframe.interview {
    border: 3px solid #fff;
    box-shadow: 5px 5px 2px #b2c1c9cc;
    display: block;
    margin: -10px auto 25px;
}

img.bgUp {
    opacity: .7;
    position: absolute;
    top: 0;
    z-index: 0;
}

img.bgDown {
    bottom: 0;
    opacity: .7;
    position: absolute;
    z-index: 0;
}
.interviewContent {
    display: flex;
    margin-top: -30px;
    position: relative;
    z-index: 1;
}

img.questionList {
    width: 43%;
}

.interviewContent .video {
    bottom: 0;
    position: absolute;
    right: 10px;
    text-align: center;
}

.interviewContent .video img {
    margin: auto auto 30px 17px;
    width: 80%;
}

.interviews.customer {
    background: #f4e9ed;
    margin-top: 80px;
}

.interviews.customer .interviewTitle {
    width: 60%;
}

.interviews.customer img.questionList {
    width: 40%;
}
.interviews.customer .video img {
    margin: auto auto 23px 0;
    width: 95%;
}
/* costポップアップ */
#floor {
    align-items: center;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}

#floorInner {
    position: relative;
}


input[type="radio"] {
    opacity: 0;
    position: absolute;
}

label {
    align-items: center;
    background: #fff;
    border: 1px solid #ffc107;
    border-radius: 15px;
    color: #3b2118;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 26px;
    font-weight: bold;
    justify-content: space-around;
    margin: 15px 0;
    min-height: 90px;
    padding: 5px;
    text-align: center;
    width: 90%;
}

#ventilatorCost #Q2 label:nth-of-type(5),
#Q0 label:last-of-type {
    margin-right: 175px !important;
}

label img {
    height: auto;
    max-height: 80px;
    max-width: 130px;
    width: auto;
}

label p {
    line-height: 1.3;
    margin-bottom: 0;
}

label:hover {
    background: #f8bb04;
    color: #fff;
}

.options {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 396px;
    justify-content: space-between;
    margin: auto;
    padding: 15px 30px;
}

#Q3 .options {
    justify-content: center;
}

.header {
    background: #795548;
    padding: 15px;
}

.header p {
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    margin: 15px 0;
}

.header p span {
    background: #ffc107;
    border-radius: 34px;
    color: #fff;
    font-size: 29px;
    margin-right: 10px;
    padding: 4px 14px;
}

#Q2 .options {
    flex-direction: row;
}

#Q2 label {
    font-size: 18px;
    margin: 10px 5px;
    min-height: 46px;
    width: 44%;
}

#denkiCost #Q0 .options,
#lightCost #Q1 .options,
#antennaCost #Q1 .options,
#leakageCost #Q1 .options,
#ventilatorCost #Q1 .options {
    flex-direction: row;
}

#ventilatorCost #Q1 label,
#lightCost #Q1 label,
#intercomCost #Q1 label {
    font-size: 18px;
    margin: 10px 5px;
    width: 44%;
}

#lightCost #Q1 label p {
    font-size: 20px;
}

#antennaCost #Q1 label,
#leakageCost #Q1 label {
    width: 46%;
}

#antennaCost #Q1 label p,
#leakageCost #Q1 label p {
    font-size: 18px;
}

#denkiCost #Q0 label,
#lightCost #Q2 label,
#outletCost #Q2 label,
#switchCost #Q2 label,
#ventilatorCost #Q2 label {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    justify-content: space-between;
    letter-spacing: -1px;
    margin: 5px 5px;
    min-height: 132px;
    padding: 0;
    width: 28%;
}

#switchCost #Q1 label,
#outletCost #Q1 label {
    margin: 10px 0;
    min-height: 60px;
}

#denkiCost #Q0 label,
#switchCost #Q2 label {
    min-height: 120px;
}

#lightCost #Q2 label:last-of-type,
#outletCost #Q2 label:last-of-type,
#ventilatorCost #Q2 label:last-of-type {
    justify-content: center;
    max-height: 90px;
    min-height: 90px;
    width: 100%;
}

#switchCost #Q2 label:last-of-type {
    justify-content: center;
    width: calc(100% - 38%);
}

#lightCost #Q2 label:last-of-type p,
#outletCost #Q2 label:last-of-type p,
#switchCost #Q2 label:last-of-type p {
    font-size: 18px;
    letter-spacing: 0;
}

#lightCost #Q2 label p,
#outletCost #Q2 label p,
#ventilatorCost #Q2 label p {
    padding: 10px 0;
}

#denkiCost #Q0 label p,
#switchCost #Q2 label p {
    padding: 2px 0;
}

#denkiCost #Q0 label img,
#lightCost #Q2 label img,
#outletCost #Q2 label img,
#switchCost #Q2 label img,
#ventilatorCost #Q2 label img {
    border-radius: 15px 15px 0 0;
    max-height: unset;
    max-width: 100%;
    width: 100%;
}

#denkiCost #Q0 label:hover img,
#Q2 label:hover img,
#ventilatorCost #Q2 label:hover img {
    opacity: .8;
}

.smallSize {
    font-size: 12px;
}

.notes {
    color: #000;
    font-size: 14px;
    font-weight: normal;
    padding-left: 1em;
    text-indent: -1em;
}

input#airconType_2 {
    opacity: 0;
}

.question,
#result {
    background: #fbf8f4;
    height: 515px;
    width: 550px;
}

#result .header p {
    font-size: 29px;
    margin: 14px 0 9px;
    text-align: center;
}

.resultOption {
    background: url(/img/pc/cost/floorCost_bg.webp) no-repeat;
    background-size: cover;
    height: 220px !important;
    justify-content: space-evenly;
    padding: 40px 30px 0;
    position: relative;
}

.resultOption p {
    line-height: 1.3;
}

#costName {
    background: #632d1a;
    border-radius: 20px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    min-width: 180px;
    padding: 4px 10px 1px;
    position: absolute;
    right: 87px;
    text-align: center;
    top: 22px;
}

#cost {
    color: #f05548;
    font-size: 45px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 102px;
    z-index: 0;
}
p#Notes {
    display: flex;
    flex-direction: column;
    height: 88px;
    justify-content: center;
    padding: 10px 0;
}
p#Notes > br {
    display: none;
}
.resultOption:before {
    background: url(/img/pc/cost/affordable_price.webp) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 112px;
    left: 8px;
    position: absolute;
    top: -41px;
    width: 473px;
}
#result_1 .resultOption {
    justify-content: flex-end;
}
#result_1 .resultOption:before {
    background: url(/img/pc/cost/affordable_price.webp) no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 174px;
    left: 8px;
    position: absolute;
    top: -32px;
    width: 473px;
}
p#cost:after {
    background: #fff758;
    bottom: 7px;
    content: "";
    display: block;
    height: .5em;
    left: -2%;
    position: absolute;
    width: 104%;
    z-index: -1;
}

#result .others {
    color: #795548;
    font-size: 30px;
    height: 100%;
    line-height: 1.2;
    text-align: justify;
}

#result #contact {
    background: #fff;
    display: flex;
    flex-direction: column;
    height: 153px;
    justify-content: space-evenly;
    overflow: hidden;
    padding: 10px 30px;
    position: relative;
}

#result #contact p {
    background: #8bc34a;
    border-radius: 15px;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    padding: 30px 40px;
    text-align: center;
    width: calc(100% - 80px);
}


/* #result #contact:before {
    animation: gloss 2s ease-in-out infinite;
    background: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    transform: rotate(45deg);
    width: 30px;
} */

div.contactDetail .number {
    align-content: center;
    align-items: center;
    display: flex;
    font-size: 34px;
    justify-content: flex-start;
    line-height: 1;
    width: 100%;
}
img.call-icon {
    height: 35px;
    position: relative;
    top: -4px;
    width: 35px;
    margin-right: 10px;
}
.net-mail {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    width: 100%;
}

div.contactDetail .net a {
    border-radius: 10px;
    box-shadow: 0 4px 1px #578894;
    font-size: 15px;
    width: 7em;
}

div.contactDetail .mail a {
    border-radius: 10px;
    box-shadow: 0 4px 1px #578894;
    font-size: 15px;
    width: 14em;
}

div.contactDetail .net a:hover,
div.contactDetail .mail a:hover {
    box-shadow: none !important;
    position: relative;
    top: 2px !important;
}

div.contactDetail {
    bottom: 34px;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    right: 107px;
    width: 57%;
}

#close {
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 5px 2px;
    position: absolute;
    right: 6px;
    top: 6px;
}

#floorBotton {
    align-items: center;
    border-radius: 30px 0 0 30px;
    bottom: 200px;
    cursor: pointer;
    display: flex;
    height: 110px;
    justify-content: center;
    position: fixed;
    right: 0;
    text-align: center;
    top: 200px;
    width: 120px;
    z-index: 90;
}
div#floorBotton:hover {
    height: 137px;
    width: 150px;
}
div#haderFloorBotton {
    background-image: linear-gradient(#93dffa, #167c8d);
    background-size: contain;
    border: 3px solid #21889d;
    border-radius: 10px;
    box-shadow: 0 5px #00687d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    left: 550px;
    padding: 26px 17px 14px;
    position: absolute;

/* right: 0; */
    top: 405px;
}

div#haderFloorBotton._aircon {
    top: 440px;
}
div#haderFloorBotton._aircon:hover {
    top: 442px !important;
}

.location div#haderFloorBotton._aircon {
    top: 462px;
}
.location div#haderFloorBotton._aircon:hover {
    top: 464px !important;
}

/*------ airon　3300キャンペーン start------*/
div#haderFloorBotton._aircon {
    left: 20px;
    right: auto;
    top: 460px !important;
}
div#haderFloorBotton._aircon:hover {
    top: 464px !important;
}

.location div#haderFloorBotton._aircon {
    top: 480px !important;
}
.location div#haderFloorBotton._aircon:hover {
    top: 484px !important;
}
/*------ airon　3300キャンペーン end ------*/

span.timePoint {
    align-items: center;
    animation: bounce-down 2.5s linear infinite;
    background: #ffe343;
    border: 2px solid #01669c;
    border-radius: 20px;
    box-shadow: 0 3px 3px rgb(0 0 0 / 20%);
    display: flex;
    font-weight: bold;
    height: 33px;
    justify-content: center;
    left: calc(50% - 200px);
    position: absolute;
    top: -24px;
    width: 400px;
    z-index: 1;
}
span.timePoint .timePointInner {
    align-items: center;
    border-radius: 30px;
    color: #130804 !important;
    display: flex;
    font-size: 21px !important;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-top: 2px;
    position: relative;
    text-shadow: #fff 1px 1px 1px,
    #fff -1px 1px 0,
    #fff 1px -1px 1px,
    #fff -1px -1px 1px !important;
    width: 100%;
}
span.timePoint .timePointInner:after {
    animation-duration: 2s;
    animation-iteration-count: infinite;

/* アニメーション */
    animation-name: shiny;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 1) 10%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 0%);
    content: "";
    height: 50px;
    left: -100px;
    position: absolute;
    top: -100px;
    width: 50px;
    z-index: 1;
}
span.timePointInner span {
    color: #f52926 !important;
    font-size: 25px !important;
}
span.timePoint:before,
span.timePoint:after {
    content: "";
    left: calc(50% - 10px);
    position: absolute;
}

span.timePoint:before {
    border-color: #01669c transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -10px;
}

span.timePoint:after {
    border-color: #ffe343 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0;
    bottom: -7px;
}


#bodyFloorBotton {
    left: calc(50% - 306px);
    margin-bottom: -50px;
    position: relative;
    text-align: center;
    top: -70px;
    width: 612px;
}

#contactFloorBotton {
    left: calc(50% - 306px);
    position: relative;
    text-align: center;
    top: 103px;
    width: 612px;
}

#contactFloorBotton2 {
    left: calc(50% - 306px);
    position: relative;
    text-align: center;
    top: 7px;
    width: 612px;
}
#bodyFloorBotton div,
#contactFloorBotton div,
#contactFloorBotton2 div {
    background-image: linear-gradient(#93dffa, #167c8d);
    background-size: contain;
    border: 3px solid #21889d;
    border-radius: 10px;
    box-shadow: 0 5px #00687d;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    padding: 25px 100px 13px;
    position: relative;
}

div#haderFloorBotton > span,
#bodyFloorBotton div span,
#contactFloorBotton div span,
#contactFloorBotton2 div span {
    color: #ffeb3b;
    font-size: 30px;
    text-shadow: 2px 1px 3px #021f2e;
}
#bodyFloorBotton div:hover,
#contactFloorBotton div:hover,
#contactFloorBotton2 div:hover {
    background: #faffa2;
    box-shadow: none !important;
    color: #000;
    position: relative;
    top: 5px;
}
div#haderFloorBotton:hover {
    background: #faffa2;
    box-shadow: none !important;
    color: #000;
    top: 410px !important;
    /* div#haderFloorBottonのtopから2px↓ */
}

div#haderFloorBotton:hover span,
#bodyFloorBotton div:hover span,
#contactFloorBotton div:hover span,
#contactFloorBotton2 div:hover span {
    color: #f05548;
    text-shadow: none;
}

@keyframes gloss {
    0% {
        opacity: 0;
        transform: scale(0) rotate(45deg)
    }

    80% {
        opacity: .5;
        transform: scale(0) rotate(45deg)
    }

    81% {
        opacity: 1;
        transform: scale(4) rotate(45deg)
    }

    100% {
        opacity: 0;
        transform: scale(50) rotate(45deg)
    }
}

@keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-5px);
    }

    50%,
    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(5px);
    }
}

@keyframes shiny {
    0% {
        opacity: 0;
        transform: scale(0) rotate(25deg);
    }

    50% {
        opacity: 1;
        transform: scale(1) rotate(25deg);
    }

    100% {
        opacity: 0;
        transform: scale(50) rotate(25deg);
    }
}

/* ================== freeCampaign ==================== */
.freeCampaign {
    border-radius: 14px;
    box-shadow: 1px 1px 3px rgb(108 70 44 / 30%);
    font-size: 0;
    margin-top: 100px;
}

.popOutline {
    align-items: center;
    background-color: rgb(18 26 31 / 67%);

/* display: flex; */
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.campaignPop {
    animation-duration: .7s;
    animation-name: relocatedUp;
    animation-timing-function: ease-in-out;
    position: relative;
    width: 400px;
}

.popClose {
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 37px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 37px;
}

.popButton {
    align-items: center;
    background: #f7852e;
    border-radius: 10px;
    bottom: 26px;
    box-shadow: 0 3px 0 #cc6516;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 26px;
    font-weight: bold;
    height: 52px;
    justify-content: center;
    left: calc(50% - 150px);
    padding-top: 3px;
    position: absolute;
    width: 300px;
}

.popButton:hover {
    background: #eca56e;
    text-decoration: none;
}


@keyframes relocatedUp {
    0% {
        bottom: -50px;
        opacity: 0;
    }

    100% {
        bottom: 0;
        opacity: 1;
    }
}

/*-------------------------------------
 header2
-------------------------------------*/
header#header2 {
    background-color: #fff;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    position: fixed;
    width: 100%;
    z-index: 999;
}header#header2 div#description {
    background: url(/img/pc/header_back0.webp)
}header#header2 div#description h1 {
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}header#header2 nav {
    background: url(/img/pc/header_back02.webp) repeat-x bottom;
    height: 100px
}header#header2 nav div.container {
    display: flex;
    justify-content: space-between;
    padding-top: 7px;
    width: 1080px;
}header#header2 .content-navi {
    display: flex;
    margin: 17px 30px 0;
}header#header2 .content-navi ul.navi-content {
    display: flex;
}header#header2 .content-navi li.navi-list {
    padding: 0 12px;
}header#header2 .content-navi li.navi-list a {
    color: #6c462c;
    display: flex;
    flex-direction: column;
    font-size: 17px;
    font-weight: bold;
}header#header2 .content-navi li.navi-list a img {
    height: 30px;
    margin: 0 auto 7px;
    width: fit-content;
}header#header2 nav div.container div#siteId {
    left: -3px;
    position: relative
}header#header2 nav div.container div.number {
    background: url(/img/pc/number_back.webp) no-repeat;
    background-size: 247px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 28px;
    height: 44px;
    left: 280px;
    padding: 0 0 0 45px;
    width: 200px;
    margin-top: 10px;
}header#header2 nav div.container .numberarea-button {
    display: flex;
    justify-content: space-between;
}header#header2 nav div.container div.mail {
    left: 570px;
    top: 23px;
    width: 100%;
    z-index: 2
}
header#header2 div.mail a {
    background: #6ab654;
    border: none;
    border: 2px solid #447a34;
    border-radius: 0;
    box-shadow: 0 4px 0 #447a34;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center;
}
header#header2 nav div.container div.reserve {
    left: 660px;
    top: 23px;
    width: 48%;
    z-index: 2
}header#header2 nav div.container div.reserve a {
    background: #3297cd;
    border: 2px solid #0859aa;
    border-radius: 0;
    box-shadow: 0 4px 0 #0859aa;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 10px 7px;
    text-align: center;
}


/*===================== 電話が混み合っています start =====================*/

.noticePhoneBusy {
    display: none;
}

/*===================== 電話が混み合っています end =====================*/
.listed_company {
    width: 100%;
}
.listed_company div {
    background: url(../img/listed_company_bg.webp) repeat-x;
    background-size: contain;
    padding: 6px 0 2px;
    max-width: 1000px;
    margin: auto;
    text-align: center;
}

.listed_company img {
    height: auto;
    margin: auto;
    max-width: 800px;
    width: 95%
}

.listed_company.fixed {
    margin-top: 0 !important;
    position: fixed;
    z-index: 10;
    left: 0;
}