*,*::after,*::before{box-sizing:border-box;word-wrap:break-word;}
html,body{margin:0}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}audio,canvas,embed,iframe,img,object,svg,video,picture{display:block;max-width:100%}
canvas,img,svg,video{height:auto}audio{width:100%}
img{border-style:none;width:auto;height:auto;}
svg{overflow:hidden}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display:block}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
:where(p), :where(dd), :where(figure) {margin: 0;}
/* h1,h2,h3 { margin: 0; } */
ul { padding: 0; margin: 0; }
ul li { list-style-position: outside; margin-left: 0; text-align: justify; }
ol { padding-left: 1em; margin: 0; }
ol li { margin-left: 1em; }
dl { margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
sup { line-height: 1; font-size: 65%; }
img {
vertical-align: bottom;
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
:focus:focus-visible {
border: 1px solid var(--color08);
}
:focus:not(:focus-visible) {
outline: 0;
}
:root {
--color01: #fff;
--color02: #033653;
--color03: #F7F5F1;
--color05: #ff4900;
--color07: #c5b594;
--color08: #fffaed;
--color09: #705B20;
--color10: #004B9D;
--color11: #003047;
--color12: #FFDE71;
--color13: #FFCD97;
--color14: #f3eddc;
--innerwidth-narrow: 920px;
--innerwidth-middle: 1000px;
--innerwidth: 1100px;
--innerwidth-wide: 1200px;
}
/*
12 .75rem
14 .875rem
16 1rem
18 1.125rem
20 1.25rem
22 1.375rem
24 1.5rem
26 1.625rem
28 1.75rem
32 2rem
34 2.125rem
40 2.5rem
60 3.75rem
*/
html {
position: relative;
min-height: 100%;
}
body {
height: 100%;
margin: 0 !important;
padding: 0;
/* font-size: calc((100vw - 320px) / 140 + 16px); */
font-size: 1rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
overflow: hidden visible;
font-feature-settings: "palt" 1;
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: unset;
background-color: var(--color01);
color: var(--color02);
}
::-webkit-scrollbar {
width: 16px;
}
::-webkit-scrollbar-track {
background-color: #eee;
}
::-webkit-scrollbar-thumb {
background: #999;
border-radius: 3px;
cursor: grab;
}
::-webkit-scrollbar-thumb:active {
cursor: grabbing;
}
:where(.sec) {
position: relative;
/* padding: min(4vh, 40px) 0 min(10vh, 4rem) 0; */
/* padding: 0 0 min(10vh, 4rem) 0; */
}
:where(.secHeadline) {
font-size: min(6vw, 2.5rem);
color: var(--color-re-002);
font-weight: 700;
line-height: 1;
margin-bottom: 2rem;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
row-gap: 1rem;
padding: 0 0 min(4vh, 100px) 0;
width: 100%;
max-width: var(--innerwidth);
}
:where([class*="Inner"]) {
width: 100%;
max-width: var(--innerwidth);
margin: 0 auto;
padding: 0 4vw;
}
:where(.secInner) {
position: relative;
width: 100%;
margin: 0 auto 3em auto;
max-width: var(--innerwidth);
padding: min(6vh, 107px) 4vw min(6vh, 107px) 4vw;
}
@media (min-width: 1200px) {
:where(.secInner) {
padding: min(8vh, 107px) 0 min(8vh, 107px) 0;
}
}
:where(.secInner:last-of-type) {
margin: 0 auto;
}
:where(.secInner) > p {
font-size: min(4vw, 26px);
line-height: 2;
letter-spacing: .1em;
}
:where(.secInner) > img {
margin: auto;
}
mark {
background: var(--color05);
color: var(--color01);
display: inline;
padding: .1em .5em .15em .5em;
}
:where(.btn) {
background-color: var(--color01);
color: var(--color02);
text-decoration: none;
font-size: min(4.5vw, 24px);
font-weight: 700;
line-height: 1.2;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
cursor: pointer;
position: relative;
/* white-space: nowrap; */
letter-spacing: .05em;
border-radius: 5px;
flex-basis: auto;
/* min-width: 100%; */
/* flex: none;
min-height: 4em; */
}
:where(.btn):hover {
opacity: .7;
}
@media (min-width: 920px) {
:where(.btn) {
min-height: auto;
}
}
a:hover {
opacity: .7;
}
.ico-person::before {
content: '';
width: min(4.5em, 78px);
height: min(4.5em, 79px);
background: url(../img/ico-person.png) no-repeat;
background-size: contain;
}
.ico-caution::before {
content: '';
width: min(2.6em, 71px);
height: min(2.6em, 62px);
background: url(../img/ico-caution.png) no-repeat;
background-size: contain;
}
/* GLOBALHEADERINNER
______________________________________ */
.globalHeaderInner {
all: unset;
max-width: 100%;
height: 80px;
display: flex;
align-items: center;
/* padding-bottom: 2px; */
background-color: var(--color01);
/* border-bottom: 3px solid var(--keycolor02); */
box-shadow: 0 3px 0 0 var(--keycolor02);
position: sticky;
top: 0;
left: 0;
z-index: 1000;
overflow: hidden;
}
.globalHeaderInner .siteid {
flex-grow: 1;
margin: 0 0 0 1rem;
}
.globalHeaderInner .siteid a {
display: block;
width: fit-content;
max-width: calc(100% - 80px);
}
.globalHeaderInner .siteid a img {
height: min(8vw, 40px);
}
.headerTabs {
display: block;
background: var(--color01);
}
.headerTabs ul {
display: none;
}
@media (min-width: 1250px) {
.headerTabs {
display: flex;
justify-content: center;
}
.headerTabs ul {
display: flex;
list-style: none;
}
}
.headerTabs ul li a {
/* background-color: rgba(255, 255, 255, .7); */
display: flex;
align-items: center;
padding: 1.5em 2.5em 1.5em 2.5em;
font-size: min(3vw, 1rem);
letter-spacing: .05em;
line-height: 1.4;
font-weight: 700;
position: relative;
/* box-shadow: inset 0 -8px 5px 0 rgba(0, 0, 0, .15); */
}
.headerTabs ul li a:hover,
.headerTabs ul li a.current {
opacity: 1;
color: var(--color01) !important;
}
.headerTabs ul li a::before {
content: '';
display: block;
margin-right: 1rem;
width: min(5vw, 2rem);
height: min(5vw, 2rem);
background-size: contain;
background-repeat: no-repeat;
}
.localNav ul li a::before {
content: '';
display: block;
margin-right: 1rem;
width: min(10vw, 3rem);
height: min(8vw, 3rem);
background-size: contain;
background-repeat: no-repeat;
}
:is(.headerTabs, .localNav) ul li:nth-of-type(1) a::before {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.headerTabs, .localNav) ul li:nth-of-type(2) a::before {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.headerTabs, .localNav) ul li:nth-of-type(3) a::before {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.headerTabs) ul li:nth-of-type(1) a:hover::before,
:is(.headerTabs) ul li:nth-of-type(1) a.current::before {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.headerTabs) ul li:nth-of-type(2) a:hover::before,
:is(.headerTabs) ul li:nth-of-type(2) a.current::before {
background-image: url('data:image/svg+xml;utf-8,');
}
:is(.headerTabs) ul li:nth-of-type(3) a:hover::before,
:is(.headerTabs) ul li:nth-of-type(3) a.current::before {
background-image: url('data:image/svg+xml;utf-8,');
}
/* GLOBALHEADER
______________________________________ */
.globalHeader {
padding-bottom: .005%;
position: relative;
}
/*
.globalHeader .siteid {
background: var(--color01);
margin: 0;
padding: 2rem 0;
}
.globalHeader .siteid a {
display: block;
max-width: fit-content;
margin: auto;
width: min(73%, 461px);
}
.globalHeader .siteid a img {
width: 100%;
}
*/
/*
______________________________________ */
.sec2ndHeadline {
text-align: left;
width: 100%;
color: var(--color01);
background-color: var(--keycolor01);
border-radius: 0;
font-size: min(4.5vw, 2rem);
font-weight: 700;
line-height: 1.2;
text-align: center;
padding: 1rem 0 1rem 0;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
/* FV
______________________________________ */
.fv {
position: relative;
overflow-y: hidden;
max-height: 544px;
/* min-height: 300px; */
}
@media (min-width: 920px) {
.fv {
min-height: min(36vw, 469px);
}
}
.fvInner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
height: 100%;
z-index: 1;
}
/* @media (min-width: 920px) {
.fvInner {
top: 0;
left: 0;
right: 0;
margin: auto;
}
} */
.fv_siteTitle {
position: absolute;
left: 0;
right: 0;
top: 11%;
margin: auto;
width: min(45vw, 580px);
}
.pageTitle {
background: var(--keycolor02);
color: var(--color01);
}
.fvBg {
position: static;
width: 100%;
}
@media (min-width: 920px) {
.fvBg {
max-width: 100%;
/* max-width: unset; */
min-width: 100%;
min-height: 100%;
/* height: 100%; */
position: absolute;
z-index: 0;
}
}
.secLead {
width: fit-content;
margin: auto;
}
/* PERIOD
______________________________________ */
.sec02 .secInner {
max-width: fit-content;
}
.period {
display: flex;
align-items: center;
justify-content: center;
}
.period em {
color: var(--keycolor01);
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-size: min(8vw, 66px);
}
.period .unit {
font-weight: 700;
font-size: min(3vw, 1.5rem);
display: inline-block;
padding: 0 min(2vw, 1em);
}
.sec02 .secInner .period:nth-of-type(1) ~ .period {
margin-bottom: 0;
}
.sec02 .secInner .period ~ .period em {
font-weight: 500;
}
/* DISCOUNT UNIT
_____________________________________________ */
.sec05 .secInner {
max-width: var(--innerwidth-narrow);
}
.discountunitWrap {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-template-rows: repeat(1, 5rem 3rem 1fr 3rem auto);
width: fit-content;
margin: auto;
margin-bottom: 4rem;
border-bottom: 1px solid #ddd;
}
.discountunitWrap > div:nth-of-type(1) {
grid-column: unset;
grid-row-start: unset;
}
.discountunitWrap > div:nth-of-type(2) {
grid-row-start: 2;
display: grid;
grid-template-columns: 3rem 4.5rem 1fr;
align-items: center;
font-weight: 700;
font-size: min(4vw, 24px);
white-space: nowrap;
}
.discountunitWrap > div:nth-of-type(3) {
grid-row-start: 3;
}
.discountunitWrap > div:nth-of-type(4) {
grid-row-start: 4;
display: grid;
grid-template-columns: 2.5rem 7.5rem 1fr;
align-items: center;
font-weight: 700;
font-size: min(4vw, 24px);
white-space: nowrap;
}
.discountunitWrap > div:nth-of-type(5) {
grid-row-start: 5;
}
.discountunitWrap > div:nth-of-type(1) p,
.discountunitWrap > div:nth-of-type(3) p {
background: var(--keycolor03);
color: var(--color01);
border-radius: 4px;
display: inline-block;
text-align: center;
font-size: min(4vw, 18px);
font-weight: 700;
padding: .5em 4em;
line-height: 1;
width: 100%;
}
@media(min-width: 920px){
.discountunitWrap > div:nth-of-type(1) p,
.discountunitWrap > div:nth-of-type(3) p {
width: fit-content;
}
}
.discountunitWrap > div:nth-of-type(2)::before {
content: '';
width: 25px;
height: 39px;
background: url(../img/ico-bulb.png) no-repeat;
background-size: contain;
}
.discountunitWrap > div:nth-of-type(4)::before {
content: '';
width: 29px;
height: 40px;
background: url(../img/ico-flame.png) no-repeat;
background-size: contain;
}
.discountunitWrap > div:nth-of-type(2)::after,
.discountunitWrap > div:nth-of-type(4)::after {
content: '';
width: 100%;
height: 1px;
background: #ddd;
}
@media(min-width: 920px){
.discountunitWrap {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(1, 3rem 5rem 1fr);
column-gap: 10%;
width: 100%;
}
.discountunitWrap > div:nth-of-type(1) {
grid-column: span 2 / span 2;
grid-row-start: unset;
}
.discountunitWrap > div:nth-of-type(2) {
grid-row-start: 2;
}
.discountunitWrap > div:nth-of-type(3) {
grid-column-start: 1;
grid-row-start: 3;
}
.discountunitWrap > div:nth-of-type(4) {
grid-column-start: 2;
grid-row-start: 2;
}
.discountunitWrap > div:nth-of-type(5) {
grid-row-start: 3;
}
}
.unitWrap {
font-size: min(5vw, 24px);
line-height: 1;
display: grid;
grid-template-columns: 2.5em 1fr;
align-items: center;
max-width: 100%;
margin: 1rem auto 2rem calc( min(3vw, 29px) + 1rem);
}
@media(min-width: 920px){
.unitWrap {
margin: 3rem auto 3rem calc( min(3vw, 29px) + 1rem);
}
/* .unitWrap:has(dt span:empty) {
grid-template-columns: 1fr;
} */
}
.unitWrap dt {
font-size: min(4vw, 26px);
font-weight: 700;
color: #666;
}
.unitWrap dd {
font-weight: 700;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
white-space: nowrap;
position: relative;
}
.unitWrap dd > .num {
font-size: min(12vw, 72px);
display: block;
font-family: 'Montserrat';
color: var(--keycolor01);
margin-right: 1rem;
width: 2em;
text-align: right;
}
.unitWrap dd > .num.lng {
width: 4em;
}
.unitWrap dd > .unit1 {
font-size: min(4vw, 26px);
display: block;
line-height: 1;
min-width: 1rem;
}
.unitWrap dd > .unit2 {
font-size: min(4vw, 26px);
display: block;
line-height: 1;
color: #666;
min-width: 2.5rem;
}
.desc {
border: 2px solid var(--keycolor01);
color: var(--keycolor01);
width: 100%;
text-align: center;
font-weight: 700;
line-height: 1.4;
padding: 1em 1em;
margin: auto;
border-radius: 3px;
background: var(--color01);
font-size: min(4vw, 20px);
}
@media(min-width: 920px){
.desc {
line-height: 1;
padding: .75em 4em .75em 4em;
}
}
/* FAQ
______________________________________________ */
/* .faqList {
width: 100%;
}
.faqList dl {
position: relative;
background: var(--color01);
margin-bottom: 1rem;
}
.faqList dl dt {
font-weight: 700;
display: grid;
grid-template-columns: 60px 1fr 40px;
align-items: center;
cursor: pointer;
}
.faqList dl dt::before {
content: 'Q';
font-family: 'Montserrat';
color: var(--keycolor01);
font-size: min(6vw, 30px);
text-align: right;
}
.faqList dl dt p {
line-height: 1.4;
flex-grow: 1;
width: 100%;
user-select: none;
letter-spacing: .05em;
font-feature-settings: "palt" 1;
font-size: min(4vmin, 24px);
font-weight: 400;
padding: 1.5rem 1rem 1.5rem 1rem;
}
.faqList dl dt::after {
content: '▼';
color: #ccc;
font-size: 16px;
transition: all .75s ease;
}
.faqList dl.faqOpen dt::after {
content: '▲';
}
.faqList dl dd {
overflow: hidden;
width: 100%;
display: grid;
grid-template-columns: 60px 1fr;
align-items: flex-start;
padding: 0rem 1rem 1rem 2.5rem;
}
.faqList dl dd::before {
content: 'A';
font-family: 'Montserrat';
color: var(--color05);
padding: .5rem 0 0 0;
font-size: min(6vw, 30px);
text-align: right;
}
.faqList dl dd p {
line-height: 1.8;
flex-grow: 1;
width: 100%;
padding: 0 1rem 0 1rem;
letter-spacing: .05em;
font-feature-settings: "palt" 1;
font-size: min(4vmin, 20px);
font-weight: 400;
} */
.faqCatTitle {
text-align: center;
width: 100%;
color: var(--color01);
background-color: var(--keycolor01);
border-radius: 6px;
font-size: min(4vw, 1.25rem);
font-weight: 400;
line-height: 1;
padding: .75em 0;
margin-bottom: .75em;
}
.faqList {
width: 100%;
margin: 0 auto 2em auto;
padding: 0;
counter-reset: q;
}
.faqList + p {
font-size: min(3.5vw, 1rem);
text-align: center;
}
.faqList dl {
display: inline-block;
vertical-align: top;
position: relative;
padding: 0;
background-color: var(--color01);
letter-spacing: 0;
width: 100%;
margin-bottom: .75em;
border-radius: 1rem;
counter-increment: q;
box-sizing: border-box ;
border : 1px solid var(--color-re-006) ;
}
dl .js-toggleListSwitch {
font-weight: 600;
display: grid;
grid-template-columns: 1fr min(4vw, 1em);
cursor: pointer;
align-items: center;
padding: .85em 2vw 1em 2vw;
}
@media (min-width: 768px) {
dl .js-toggleListSwitch {
padding: 1em 2vw 1em 2vw;
}
}
dl .js-toggleListSwitch::after {
content: '\00ff0b';
line-height: 1;
display: block;
color: #A7A7A7;
width: min(4vw, 1em);
height: min(4vw, 1em);
}
.listItem.wd_active dt::after,
dl .js-toggleListSwitch.open::after {
content: '\0030fc';
}
dl .js-toggleListSwitch p {
line-height: 1.4;
user-select: none;
letter-spacing: .05em;
font-feature-settings: "palt" 1;
font-size: min(5vmin, 1rem);
font-weight: 400;
padding: 0 1em 0 0;
text-align: justify;
display: flex;
align-items: center;
flex-wrap: wrap;
}
dl.open .js-toggleListSwitch p {
font-weight: 600;
}
dl .js-toggleListSwitch + dd {
display: none;
padding: 0 2vw;
width: 100%;
font-size: min(3.75vmin, 1rem);
}
dl .js-toggleListSwitch.open + dd {
height: auto;
}
dl .js-toggleListSwitch + dd > div {
line-height: 1.8;
width: 100%;
padding: 0 1em 1em 1em;
display: grid;
grid-template-columns: 2em 1fr;
}
dl .js-toggleListSwitch + dd > div::before {
content: 'A';
color: #FF6250;
}
dl .js-toggleListSwitch + dd > div p {
font-feature-settings: "palt" 1;
font-size: min(5vw, 1rem);
font-weight: 400;
}
dl .js-toggleListSwitch + dd > div p:empty {
display: none !important;
}
dl .js-toggleListSwitch + dd > div p a {
color: var(--color100);
text-decoration: underline;
}
dl .js-toggleListSwitch + dd > div p a:hover {
text-decoration: none;
}
.faqCatBlock .js-toggleSwitch {
width: 100%;
color: var(--color01);
background-color: var(--keycolor01);
font-size: min(4vw, 1.25rem);
font-weight: 700;
letter-spacing: .1em;
line-height: 1;
cursor: pointer;
border-radius: 6px;
padding: 1rem 1em;
margin-bottom: .75em;
position: relative;
text-align: left;
}
.faqCatBlock .js-toggleSwitch span {
color: #FFDE71;
}
.faqCatBlock .js-toggleSwitch::after {
all: initial;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0%, -50%) rotate(90deg);
content: '\00ff0b';
line-height: 1;
display: block;
color: #fff;
width: min(4vw, 1em);
height: min(4vw, 1em);
}
.faqCatBlock .js-toggleSwitch.open::after {
content: '\0030fc';
transform: translate(0%, -50%) rotate(0deg);
}
.noMatch {
text-align: center;
font-size: min(4vw, 28px);
padding: 3em 4vw;
font-weight: 700;
line-height: 1.2;
}
.faqList > * {
transition: transform .2s ease-out, opacity .2s linear;
}
.faqList .hide {
opacity: 0;
transform: translate3d(0, 10px, 0);
backface-visibility: hidden;
}
/* CONTACT
____________________________________________ */
.tel {
text-align: center;
font-family: 'Montserrat';
font-style: normal;
margin-bottom: 4rem;
}
.tel a {
color: var(--keycolor01);
line-height: 1;
font-weight: 700;
font-size: min(10vw, 62px);
}
.contactInfo {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: calc(min(5em, 67px) + 1.5em) 1fr;
align-items: center;
gap: 1rem 0;
margin: auto;
width: 100%;
text-align: justify;
letter-spacing: .05em;
font-size: min(4vw, 20px);
font-weight: 700;
line-height: 1.8;
}
@media (min-width: 920px) {
.contactInfo {
grid-template-columns: min(5em, 71px) 1fr;
grid-template-rows: unset;
gap: 0 4rem;
width: 71%;
}
}
.contactInfo.ico-caution::before {
content: 'ご注意';
font-size: min(3vw, 16px);
color: var(--color05);
font-weight: 700;
letter-spacing: .1em;
width: min(5em, 71px);
height: calc(min(5em, 67px) + 1.5em);
display: flex;
align-items: flex-end;
justify-content: center;
margin: auto;
}
.globalFooter {
background: #e7e7e7;
}
.globalFooterInner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem 0;
max-width: 100%;
padding: 2rem 4vw;
}
@media (min-width: 920px) {
.globalFooterInner {
flex-direction: row;
gap: 0 2rem;
}
}
.globalFooter .siteid {
display: block;
max-width: fit-content;
width: min(45%, 200px);
}
.globalFooter .siteid a {
display: block;
}
.globalFooter .siteid a img {
width: 100%;
}
@media (min-width: 920px) {
}
.globalFooter .policy {
display: block;
width: fit-content;
flex-grow: 1;
}
.globalFooter .policy a {
display: block;
width: fit-content;
color: var(--color02);
}
@media (min-width: 920px) {
}
.globalFooter .copyrights {
display: block;
width: fit-content;
padding: 2em 0 0 0;
font-size: min(3.5vw, 16px);
}
@media (min-width: 920px) {
.globalFooter .copyrights {
padding: 0;
}
}
/*
12 .75rem
14 .875rem
16 1rem
18 1.125rem
20 1.25rem
22 1.375rem
24 1.5rem
26 1.625rem
28 1.75rem
40 2.5rem
60 3.75rem
66 4.125rem
*/
.px14 { font-size: min(3vw, .875rem); }
.px18 { font-size: min(3vw, 1.125rem); }
.px24 { font-size: min(3.25vw, 1.5rem); }
.px30 { font-size: min(4vw, 1.875rem); }
.mb1 { margin-bottom: 1rem !important; }
.mb2 { margin-bottom: 2rem !important; }
.mb3 { margin-bottom: 3rem !important; }
.mb4 { margin-bottom: 4rem !important; }
.mb5 { margin-bottom: 5rem !important; }
.mb6 { margin-bottom: 6rem !important; }
.hide {
display: none;
visibility: hidden;
opacity: 0;
}
.lvSub {
font-size: 60%;
padding-top: .75em;
}
.b {
font-weight: 700;
}
.c {
justify-content: center;
text-align: center;
align-items: center;
}
.l {
justify-content: flex-start;
text-align: left;
}
.r {
justify-content: flex-end;
text-align: right;
}
._sp {
display: block !important;
}
._pc {
display: none !important;
}
@media (min-width: 920px) {
._sp {
display: none !important;
}
._pc {
display: block !important;
}
}