@charset "UTF-8";
   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }   @media screen and (min-width: 1200px) {
html {
font-size: 10px; } }
@media screen and (max-width: 1199px) {
html {
font-size: 0.83333vw; } }
@media screen and (max-width: 819px) {
html {
font-size: 2.66667vw; } }
body {
font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック","Hiragino Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
-webkit-font-smoothing: antialiased;
background: #FFFFFF;
color: #494949;
margin: 0; }
@media screen and (min-width: 820px) {
body {
line-height: 1.6em;
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
body {
line-height: 1.6em;
font-size: 1.4rem; } } @-moz-document url-prefix() {
body {
letter-spacing: -.03em; } }  * {
box-sizing: border-box; }
a {
color: #0077B3;
transition: opacity .5s ease, color .5s ease, background-color .5s ease, text-decoration .5s ease; }
a img {
transition: opacity .5s ease; }
a:link, a:visited {
text-decoration: underline; }
a:active, a:hover {
color: #F4A000;
text-decoration: none; }
a:active img, a:hover img {
opacity: .5; }
pre {
background-color: transparent;
border: none;
padding: 1.6rem 0; }
p {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
margin-top: 0; }
@media screen and (min-width: 820px) {
p {
margin-bottom: 1.6em; } }
@media screen and (max-width: 819px) {
p {
margin-bottom: 1.6em; } }
ul, ol {
margin-top: 0;
padding-left: 2em; }
@media screen and (min-width: 820px) {
ul, ol {
margin-bottom: 1.6em; } }
@media screen and (max-width: 819px) {
ul, ol {
margin-bottom: 1.6em; } }
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: normal;
padding: 0;
margin: 0;
font-size: 1em;
font-weight: normal; }
@media screen and (min-width: 820px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.6em; } }
@media screen and (max-width: 819px) {
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 1.6em; } }
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
image-rendering: -webkit-optimize-contrast;
user-drag: none;
-webkit-user-drag: none;
-moz-user-select: none;
pointer-events: none !important; }
video {
max-width: 100%;
height: auto;
vertical-align: bottom; }
:focus {
outline: none; }
@media screen and (min-width: 820px) {
.pcnone {
display: none; }}
@media screen and (max-width: 819px) {
.pcnone {
display: block; }}
@media screen and (min-width: 820px) {
.spnone {
display: block; }}
@media screen and (max-width: 819px) {
.spnone {
display: none; }} @keyframes fv-chara-move {
0% {
transform: translateY(0); }
50% {
transform: translateY(-20px); }
100% {
transform: translateY(0); } } .u-color--orange {
color: #EDB435; }
.u-color--green {
color: #338066; } .u-text-align--left {
text-align: left; }
.u-text-align--center {
text-align: center; }
.u-text-align--right {
text-align: right; }
@media screen and (min-width: 820px) {
.u-text-align--pc-left {
text-align: left; }
.u-text-align--pc-center {
text-align: center; }
.u-text-align--pc-right {
text-align: right; } }
@media screen and (max-width: 819px) {
.u-text-align--sp-left {
text-align: left; }
.u-text-align--sp-center {
text-align: center; }
.u-text-align--sp-right {
text-align: right; } } .u-mb--px0 {
margin-bottom: 0 !important; }
.u-mb--px5 {
margin-bottom: .5rem !important; }
.u-mb--px10 {
margin-bottom: 1rem !important; }
.u-mb--px15 {
margin-bottom: 1.5rem !important; }
.u-mb--px20 {
margin-bottom: 2rem !important; }
.u-mb--px25 {
margin-bottom: 2.5rem !important; }
.u-mb--px30 {
margin-bottom: 3rem !important; }
.u-mb--px35 {
margin-bottom: 3.5rem !important; }
.u-mb--px40 {
margin-bottom: 4rem !important; }
.u-mb--px45 {
margin-bottom: 4.5rem !important; }
.u-mb--px50 {
margin-bottom: 5rem !important; }
.u-mb--px55 {
margin-bottom: 5.5rem !important; }
.u-mb--px60 {
margin-bottom: 6rem !important; }
.u-mb--px65 {
margin-bottom: 6.5rem !important; }
.u-mb--px70 {
margin-bottom: 7rem !important; }
.u-mb--px75 {
margin-bottom: 7.5rem !important; }
.u-mb--px80 {
margin-bottom: 8rem !important; }
.u-mb--px85 {
margin-bottom: 8.5rem !important; }
.u-mb--px90 {
margin-bottom: 9rem !important; }
.u-mb--px95 {
margin-bottom: 9.5rem !important; }
.u-mb--em0_5 {
margin-bottom: .5em !important; }
.u-mb--em1 {
margin-bottom: 1em !important; }
.u-mb--em1_5 {
margin-bottom: 1.5em !important; }
.u-mb--em2 {
margin-bottom: 2em !important; }
.u-mb--em2_5 {
margin-bottom: 2.5em !important; }
.u-mb--em3 {
margin-bottom: 3em !important; }
@media screen and (min-width: 820px) {
.u-mb--pc-px0 {
margin-bottom: 0 !important; }
.u-mb--pc-px5 {
margin-bottom: .5rem !important; }
.u-mb--pc-px10 {
margin-bottom: 1rem !important; }
.u-mb--pc-px15 {
margin-bottom: 1.5rem !important; }
.u-mb--pc-px20 {
margin-bottom: 2rem !important; }
.u-mb--pc-px25 {
margin-bottom: 2.5rem !important; }
.u-mb--pc-px30 {
margin-bottom: 3rem !important; }
.u-mb--pc-px35 {
margin-bottom: 3.5rem !important; }
.u-mb--pc-px40 {
margin-bottom: 4rem !important; }
.u-mb--pc-px45 {
margin-bottom: 4.5rem !important; }
.u-mb--pc-px50 {
margin-bottom: 5rem !important; }
.u-mb--pc-px55 {
margin-bottom: 5.5rem !important; }
.u-mb--pc-px60 {
margin-bottom: 6rem !important; }
.u-mb--pc-px65 {
margin-bottom: 6.5rem !important; }
.u-mb--pc-px70 {
margin-bottom: 7rem !important; }
.u-mb--pc-px75 {
margin-bottom: 7.5rem !important; }
.u-mb--pc-px80 {
margin-bottom: 8rem !important; }
.u-mb--pc-px85 {
margin-bottom: 8.5rem !important; }
.u-mb--pc-px90 {
margin-bottom: 9rem !important; }
.u-mb--pc-px95 {
margin-bottom: 9.5rem !important; }
.u-mb--pc-em0_5 {
margin-bottom: .5em !important; }
.u-mb--pc-em1 {
margin-bottom: 1em !important; }
.u-mb--pc-em1_5 {
margin-bottom: 1.5em !important; }
.u-mb--pc-em2 {
margin-bottom: 2em !important; }
.u-mb--pc-em2_5 {
margin-bottom: 2.5em !important; }
.u-mb--pc-em3 {
margin-bottom: 3em !important; } }
@media screen and (max-width: 819px) {
.u-mb--sp-px0 {
margin-bottom: 0 !important; }
.u-mb--sp-px5 {
margin-bottom: .5rem !important; }
.u-mb--sp-px10 {
margin-bottom: 1rem !important; }
.u-mb--sp-px15 {
margin-bottom: 1.5rem !important; }
.u-mb--sp-px20 {
margin-bottom: 2rem !important; }
.u-mb--sp-px25 {
margin-bottom: 2.5rem !important; }
.u-mb--sp-px30 {
margin-bottom: 3rem !important; }
.u-mb--sp-px35 {
margin-bottom: 3.5rem !important; }
.u-mb--sp-px40 {
margin-bottom: 4rem !important; }
.u-mb--sp-px45 {
margin-bottom: 4.5rem !important; }
.u-mb--sp-px50 {
margin-bottom: 5rem !important; }
.u-mb--sp-px55 {
margin-bottom: 5.5rem !important; }
.u-mb--sp-px60 {
margin-bottom: 6rem !important; }
.u-mb--sp-px65 {
margin-bottom: 6.5rem !important; }
.u-mb--sp-px70 {
margin-bottom: 7rem !important; }
.u-mb--sp-px75 {
margin-bottom: 7.5rem !important; }
.u-mb--sp-px80 {
margin-bottom: 8rem !important; }
.u-mb--sp-px85 {
margin-bottom: 8.5rem !important; }
.u-mb--sp-px90 {
margin-bottom: 9rem !important; }
.u-mb--sp-px95 {
margin-bottom: 9.5rem !important; }
.u-mb--sp-em0_5 {
margin-bottom: .5em !important; }
.u-mb--sp-em1 {
margin-bottom: 1em !important; }
.u-mb--sp-em1_5 {
margin-bottom: 1.5em !important; }
.u-mb--sp-em2 {
margin-bottom: 2em !important; }
.u-mb--sp-em2_5 {
margin-bottom: 2.5em !important; }
.u-mb--sp-em3 {
margin-bottom: 3em !important; } }  .text70,
.text80,
.text90,
.text100,
.text110,
.text120,
.text130,
.text140,
.text150,
.text160,
.text170,
.text180,
.text190,
.text200,
.text210,
.text220 {
line-height: 1.4; }
.text70 {
font-size: 70%; } .text80 {
font-size: 80%; }
.text90 {
font-size: 90%; }
.text100 {
font-size: 100%; }
.text110 {
font-size: 110%; }
.text120 {
font-size: 120%; }
.text130 {
font-size: 130%; }
.text140 {
font-size: 140%; }
.text150 {
font-size: 150%; }
.text160 {
font-size: 160%; }
.text170 {
font-size: 170%; }
.text180 {
font-size: 180%; }
.text190 {
font-size: 190%; }
.text200 {
font-size: 200%; }
.text210 {
font-size: 210%; }
.text220 {
font-size: 220%; }
.b {
font-weight: 700; } .u {
text-decoration: underline; }  .red {
color: #FF4D4D; } .blue {
color: #2ca9e1; } .green {
color: #82ae46; } .orange {
color: #ff7d00; } .yellow {
color: #fff000; } .pink {
color: #ff0084; } .gray {
color: #999; } .bg-yellow {
background: #ff0; } .bg-blue {
background: #4ab0f5; } .bg-red {
background: red; }  .align1 {
text-align: center !important; } .align2 {
text-align: right !important; } .align3 {
text-align: left !important; }  .r-flo {
float: right;
margin: 10px; } .l-flo {
float: left;
margin: 10px; } .f-clear {
clear: both; }  .lh20 {
line-height: 20px; }
.lh21 {
line-height: 21px; }
.lh22 {
line-height: 22px; }
.lh23 {
line-height: 23px; }
.lh24 {
line-height: 24px; }
.lh25 {
line-height: 25px; } .m0 {
margin: 0 !important; } .mt0 {
margin-top: 0 !important; } .mr0 {
margin-right: 0 !important; } .mb0 {
margin-bottom: 0 !important; } .ml0 {
margin-left: 0 !important; } .m5 {
margin: 5px !important; }
.mt5 {
margin-top: 5px !important; }
.mr5 {
margin-right: 5px !important; }
.mb5 {
margin-bottom: 5px !important; }
.ml5 {
margin-left: 5px !important; }
.m10 {
margin: 10px !important; }
.mt10 {
margin-top: 10px !important; }
.mr10 {
margin-right: 10px !important; }
.mb10 {
margin-bottom: 10px !important; }
.ml10 {
margin-left: 10px !important; }
.m15 {
margin: 15px !important; }
.mt15 {
margin-top: 15px !important; }
.mr15 {
margin-right: 15px !important; }
.mb15 {
margin-bottom: 15px !important; }
.ml15 {
margin-left: 15px !important; }
.m20 {
margin: 20px !important; }
.mt20 {
margin-top: 20px !important; }
.mr20 {
margin-right: 20px !important; }
.mb20 {
margin-bottom: 20px !important; }
.ml20 {
margin-left: 20px !important; }
.m25 {
margin: 25px !important; }
.mt25 {
margin-top: 25px !important; }
.mr25 {
margin-right: 25px !important; }
.mb25 {
margin-bottom: 25px !important; }
.ml25 {
margin-left: 25px !important; }
.m30 {
margin: 30px !important; }
.mt30 {
margin-top: 30px !important; }
.mr30 {
margin-right: 30px !important; }
.mb30 {
margin-bottom: 30px !important; }
.ml30 {
margin-left: 30px !important; }
.m35 {
margin: 35px !important; }
.mt35 {
margin-top: 35px !important; }
.mr35 {
margin-right: 35px !important; }
.mb35 {
margin-bottom: 35px !important; }
.ml35 {
margin-left: 35px !important; }
.m40 {
margin: 40px !important; }
.mt40 {
margin-top: 40px !important; }
.mr40 {
margin-right: 40px !important; }
.mb40 {
margin-bottom: 40px !important; }
.ml40 {
margin-left: 40px !important; }
.m45 {
margin: 45px !important; }
.mt45 {
margin-top: 45px !important; }
.mr45 {
margin-right: 45px !important; }
.mb45 {
margin-bottom: 45px !important; }
.ml45 {
margin-left: 45px !important; }
.m50 {
margin: 50px !important; }
.mt50 {
margin-top: 50px !important; }
.mr50 {
margin-right: 50px !important; }
.mb50 {
margin-bottom: 50px !important; }
.ml50 {
margin-left: 50px !important; }
.m55 {
margin: 55px !important; }
.mt55 {
margin-top: 55px !important; }
.mr55 {
margin-right: 55px !important; }
.mb55 {
margin-bottom: 55px !important; }
.ml55 {
margin-left: 55px !important; }
.m60 {
margin: 60px !important; }
.mt60 {
margin-top: 60px !important; }
.mr60 {
margin-right: 60px !important; }
.mb60 {
margin-bottom: 60px !important; }
.ml60 {
margin-left: 60px !important; }
.m65 {
margin: 65px !important; }
.mt65 {
margin-top: 65px !important; }
.mr65 {
margin-right: 65px !important; }
.mb65 {
margin-bottom: 65px !important; }
.ml65 {
margin-left: 65px !important; }
.m70 {
margin: 70px !important; }
.mr70 {
margin-right: 70px !important; }
.mb70 {
margin-bottom: 70px !important; }
.ml70 {
margin-left: 70px !important; }
.m75 {
margin: 75px !important; }
.mt75 {
margin-top: 75px !important; }
.mr75 {
margin-right: 75px !important; }
.mb75 {
margin-bottom: 75px !important; }
.ml75 {
margin-left: 75px !important; }
.m80 {
margin: 80px !important; }
.mt80 {
margin-top: 80px !important; }
.mr80 {
margin-right: 80px !important; }
.mb80 {
margin-bottom: 80px !important; }
.ml80 {
margin-left: 80px !important; }
.m_b20 {
margin-bottom: 20px !important; }
.m_b30 {
margin-bottom: 30px !important; }
.m_b40 {
margin-bottom: 40px !important; }
.m_b50 {
margin-bottom: 50px !important; }
.m_b60 {
margin-bottom: 60px !important; } .p0 {
padding: 0 !important; } .pt0 {
padding-top: 0 !important; } .pr0 {
padding-right: 0 !important; } .pb0 {
padding-bottom: 0 !important; } .pl0 {
padding-left: 0 !important; } .p5 {
padding: 5px !important; }
.pt5 {
padding-top: 5px !important; }
.pr5 {
padding-right: 5px !important; }
.pb5 {
padding-bottom: 5px !important; }
.pl5 {
padding-left: 5px !important; }
.p10 {
padding: 10px !important; }
.pt10 {
padding-top: 10px !important; }
.pr10 {
padding-right: 10px !important; }
.pb10 {
padding-bottom: 10px !important; }
.pl10 {
padding-left: 10px !important; } .back-change {border: 1px solid #B9B9B9;background-color: #f3f5f9;border-radius: 10px;padding: 7px;margin-bottom: 60px;}
.scroll {
overflow-x: auto; }
.scroll-tbl {
min-width: 70rem; }
#bread_crumb_wrapper {
padding-bottom: .5rem;
margin: 0 0 3rem; }
@media screen and (max-width: 819px) {
#bread_crumb_wrapper {
overflow-x: scroll;
margin-left: -1.6rem;
margin-right: -1.6rem; } }
#bread_crumb_wrapper #bread_crumb {
display: flex;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
#bread_crumb_wrapper #bread_crumb {
flex-wrap: wrap; } 
#bread_crumb_wrapper #bread_crumb li {
white-space: normal!important; }}
@media screen and (max-width: 819px) {
#bread_crumb_wrapper #bread_crumb {
flex-wrap: nowrap;
padding-left: 1.6rem;
padding-right: 1.6rem; } }
#bread_crumb_wrapper #bread_crumb li {
position: relative;
padding: 0;
padding-right: 1.9rem;
margin: 0 .8rem .5rem 0;
font-size: 1.1rem;
font-weight: 400;
line-height: 1;
color: #999;
white-space: nowrap; }
#bread_crumb_wrapper #bread_crumb li::after {
position: absolute;
right: 0;
top: 50%;
content: "";
display: block;
width: .7rem;
height: 1rem;
margin-top: -.5rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/ico-bread_crumb-arrow.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
#bread_crumb_wrapper #bread_crumb li.last {
padding-right: 0;
margin-right: 0; }
#bread_crumb_wrapper #bread_crumb li.last::after {
display: none; }
#bread_crumb_wrapper #bread_crumb li a {
color: currentColor; }
#bread_crumb_wrapper #bread_crumb li a:link, #bread_crumb_wrapper #bread_crumb li a:visited, #bread_crumb_wrapper #bread_crumb li a:active, #bread_crumb_wrapper #bread_crumb li a:hover {
text-decoration: none; }
#bread_crumb_wrapper #bread_crumb li a:active, #bread_crumb_wrapper #bread_crumb li a:hover {
text-decoration: underline; }
.amazon_item {
position: relative;
display: flex;
justify-content: stretch;
background-color: #FFFFFF;
border: 1px solid #CCC; }
@media screen and (min-width: 820px) {
.amazon_item {
padding: 2.4rem 2.4rem;
margin-bottom: 2rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.amazon_item {
padding: 1.6rem 1.6rem;
margin-bottom: 3.2rem;
border-radius: .8rem; } }
.amazon_item .amazon_image {
min-width: 10rem;
max-width: 10rem;
width: 10rem;
height: 10rem;
text-align: center; }
@media screen and (min-width: 820px) {
.amazon_item .amazon_image {
margin-right: 2rem; } }
@media screen and (max-width: 819px) {
.amazon_item .amazon_image {
margin-right: .8rem; } }
.amazon_item .amazon_image img {
display: none; }
.amazon_item .amazon_image a img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
.amazon_item .amazon_title {
display: block;
margin-bottom: .8rem;
color: #338066;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.amazon_item .amazon_title {
font-size: 1.6rem; } }
@media screen and (max-width: 819px) {
.amazon_item .amazon_title {
font-size: 1.4rem; } }
.amazon_item .amazon_title a:link, .amazon_item .amazon_title a:visited, .amazon_item .amazon_title a:active, .amazon_item .amazon_title a:hover {
color: currentColor;
text-decoration: none; }
.amazon_item .amazon_title a:active, .amazon_item .amazon_title a:hover {
text-decoration: underline; }
.amazon_item .amazon_price {
color: #FF4D4D; }
.amazon_item ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.4; }
.amazon_item ul li {
margin-bottom: .8rem; }
.amazon_item ul li b {
font-weight: normal; }
.amazon_item ul > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.amazon_item .aalb-sample-template__btn {
position: absolute;
right: 0;
top: 0;
width: 18rem;
text-align: center; } }
.amazon_item .aalb-sample-template__btn a {
display: block;
padding: 1rem 1.5rem;
background-color: #EF8318;
color: #FFFFFF;
text-align: center; }
@media screen and (min-width: 820px) {
.amazon_item .aalb-sample-template__btn a {
border-radius: .8rem; } }
@media screen and (max-width: 819px) {
.amazon_item .aalb-sample-template__btn a {
margin-top: .5em;
margin-left: auto;
border-radius: .8rem; } }
.amazon_item .aalb-sample-template__btn a:link, .amazon_item .aalb-sample-template__btn a:visited, .amazon_item .aalb-sample-template__btn a:active, .amazon_item .aalb-sample-template__btn a:hover {
text-decoration: none; }
.amazon_item .aalb-sample-template__btn a:active, .amazon_item .aalb-sample-template__btn a:hover {
opacity: .4; }
.amazon_item .amazon_info {
width: 100%; }
@media screen and (min-width: 820px) {
.amazon_item .amazon_info {
position: relative;
padding-right: 19rem; } }
.amazon_item .amazon_footer {
display: none; }
.link-rakuten {
background-color: #bf0000!important;}
@media screen and (min-width: 820px) {
.link-rakuten {
margin-top: 1.3em!important;} }
.num {
background: #F4FCF2; }
@media screen and (min-width: 820px) {
.num {
padding: 2rem 2.4rem;
margin: 0 0 3rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.num {
padding: 1.6rem 1.6rem;
margin: 0 0 2rem;
border-radius: .8rem; } }
.num li {
margin-left: 1.5em; }
@media screen and (min-width: 820px) {
.num li {
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
.num li {
font-size: 1.2rem; } }
.ppslist {
padding: 0;
margin: 0 0 4rem;
list-style: none;
border-top: 1px dashed #CCCCCC; }
.ppslist li {
padding: 1.6rem 0;
margin: 0 0 0;
border-bottom: 1px dashed #CCCCCC;
color: #338066;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4; }
.ppslist li a:link, .ppslist li a:visited, .ppslist li a:active, .ppslist li a:hover {
color: currentColor; }
.ppslist li a:link, .ppslist li a:visited {
text-decoration: none; }
.ppslist li a:active, .ppslist li a:hover {
text-decoration: underline; }
.top_list {
padding: 0;
margin: 4rem 0 4rem;
list-style: none;
border-top: 1px dashed #CCCCCC; }
.top_list li {
display: flex;
align-items: center;
justify-content: stretch;
padding: 2rem 0;
border-bottom: 1px dashed #CCCCCC; }
.top_list li span {
display: block;
min-width: 9.5rem;
color: #999999;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4; }
.top_list li a {
display: block;
width: 100%;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4; }
.top_list li a:link, .top_list li a:visited, .top_list li a:active, .top_list li a:hover {
color: #338066;
text-decoration: none; }
.top_list li a:active, .top_list li a:hover {
text-decoration: underline; }
.top_list li.no_post {
justify-content: center; }
@media screen and (min-width: 820px) {
.page_navi {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.page_navi {
margin-bottom: 3.2rem; } }
.page_navi > .page-numbers {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0; }
@media screen and (min-width: 820px) {
.page_navi > .page-numbers li {
min-width: 4rem;
margin: .8rem .8rem; } }
@media screen and (max-width: 819px) {
.page_navi > .page-numbers li {
min-width: 3rem;
margin: .4rem .4rem; } }
.page_navi > .page-numbers li a,
.page_navi > .page-numbers li > span {
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 50%;
color: #338066;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.page_navi > .page-numbers li a,
.page_navi > .page-numbers li > span {
width: 4rem;
height: 4rem; } }
@media screen and (max-width: 819px) {
.page_navi > .page-numbers li a,
.page_navi > .page-numbers li > span {
width: 3rem;
height: 3rem; } }
.page_navi > .page-numbers li a:link, .page_navi > .page-numbers li a:visited,
.page_navi > .page-numbers li > span:link,
.page_navi > .page-numbers li > span:visited {
text-decoration: none; }
.page_navi > .page-numbers li a:active, .page_navi > .page-numbers li a:hover,
.page_navi > .page-numbers li > span:active,
.page_navi > .page-numbers li > span:hover {
text-decoration: underline; }
.page_navi > .page-numbers li a.current,
.page_navi > .page-numbers li > span.current {
background-color: #F4FCF2;
color: #999999; }
.page_navi > .page-numbers li a.prev, .page_navi > .page-numbers li a.next,
.page_navi > .page-numbers li > span.prev,
.page_navi > .page-numbers li > span.next {
background-color: #338066;
color: #FFFFFF; }
.page_navi > .page-numbers li a.prev:link, .page_navi > .page-numbers li a.prev:visited, .page_navi > .page-numbers li a.next:link, .page_navi > .page-numbers li a.next:visited,
.page_navi > .page-numbers li > span.prev:link,
.page_navi > .page-numbers li > span.prev:visited,
.page_navi > .page-numbers li > span.next:link,
.page_navi > .page-numbers li > span.next:visited {
text-decoration: none; }
.page_navi > .page-numbers li a.prev:active, .page_navi > .page-numbers li a.prev:hover, .page_navi > .page-numbers li a.next:active, .page_navi > .page-numbers li a.next:hover,
.page_navi > .page-numbers li > span.prev:active,
.page_navi > .page-numbers li > span.prev:hover,
.page_navi > .page-numbers li > span.next:active,
.page_navi > .page-numbers li > span.next:hover {
opacity: .5;
text-decoration: none; }
.ppsabout {
float: left; }
.ppsabouttext {
float: left;
width: 34.5rem; }
ul.merit-demerit-box {
padding: 0em 1em 0.5em 2.3em;
position: relative; }
ul.merit-demerit-box li {
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none !important; }
ul.merit-demerit-box li:before {
content: "●";
position: absolute;
left: 1em;
color: skyblue; }
.boxtop {
position: relative;
display: block;
padding: 1.2rem 4rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 4rem;
background-color: #FFFFFF;
border: 1px solid #338066;
border-radius: 10rem;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4;
font-size: 1.4rem;
box-shadow: none;
transition: opacity .3s ease; }
@media screen and (min-width: 820px) {
.boxtop {
min-width: 30rem;
width: fit-content; } }
@media screen and (max-width: 819px) {
.boxtop {
width: 100%; } }
.boxtop::after {
position: absolute;
right: 2rem;
top: 50%;
content: "";
display: block;
width: 1rem;
height: 1rem;
margin-top: -.5rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-illust-green.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.boxtop:link, .boxtop:visited, .boxtop:active, .boxtop:hover {
color: #338066;
text-decoration: none; }
.boxtop:active, .boxtop:hover {
box-shadow: none;
transform: translateY(0);
opacity: .5; }
@media screen and (min-width: 820px) {
#post_meta {
margin-bottom: 1rem; }
#single_meta {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
font-size: 1.2rem;
list-style-type: none; }
#single_meta li {
float: left;
padding: 1rem 1.5rem 1rem 0;
margin: 0 0 -1px 0;
line-height: 100%; }
#single_meta li a {
text-decoration: none; }
#single_meta li:last-child {
border: none; }
#single_meta li.date {
font-weight: bold; }
#single_meta li.post_category {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_category.png) no-repeat 0px 9px;
padding-left: 1.5rem; }
#single_meta li.post_tag {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_tag.png) no-repeat 1.5rem 1.1rem;
padding-left: 3.1rem; }
#single_meta li.post_comment {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_comment.png) no-repeat 1.5rem 0.9rem;
padding-left: 3.1rem; }
#single_meta li.post_author {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_author.png) no-repeat 1.5rem 1.1rem;
padding-left: 3.1rem; } }
@media screen and (max-width: 819px) {
#post_meta {
margin-bottom: 20px; }
#single_meta {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 0;
padding: .3rem 1.5rem;
font-size: 1rem;
background: #eee;
list-style: none; }
#single_meta li {
float: right;
padding: 8px 0;
margin: 0 15px 0 0;
line-height: 100%; }
#single_meta.post_category {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_category.png) no-repeat left 0.7rem;
padding-left: 1.6rem; }
#single_meta.post_tag {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_tag.png) no-repeat left 0.7rem;
padding-left: 1.6rem; }
#single_meta.post_comment {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_comment.png) no-repeat left 0.7rem;
padding-left: 1.8rem; }
#single_meta.post_author {
background: url(//price-energy.com/wp-content/themes/mytheme/resource/img/common/icon_author.png) no-repeat left 0.7rem;
padding-left: 1.8rem; } }
#DLarea {
display: flex;
align-items: center;
justify-content: stretch;
border-bottom: 1px dashed #CCCCCC; }
@media screen and (min-width: 820px) {
#DLarea {
padding: 1rem 2rem;
margin-bottom: 5rem; } }
@media screen and (max-width: 819px) {
#DLarea {
padding: 1rem 0;
margin-bottom: 3rem; } }
#DLarea .m_b5DL {
width: 100%;
margin: 0;
margin-right: 2rem; }
#DLarea .DLbutton ul {
list-style: none;
padding: 0;
margin: 0; }
#DLarea .DLbutton ul li {
margin-right: 2rem; }
#DLarea .DLbutton ul li:last-child {
margin-right: 0; }
#DLarea .DLbutton ul li a {
display: block;
width: 15rem;
padding-top: .5rem;
padding-bottom: .5rem;
background: #358A3E;
border-radius: .5rem;
text-align: center;
text-decoration: none;
color: #fff;
font-size: 1.5rem; }
#DLarea .DLbutton ul li a:hover {
opacity: .5; }
.cost-box {
border: 1px solid #A6A6A6; }
@media screen and (min-width: 820px) {
.cost-box {
padding: 2rem 0;
margin-bottom: 6rem; } }
@media screen and (max-width: 819px) {
.cost-box {
padding: 1rem 1.5rem;
margin-bottom: 4rem; } }
.cost-box .main-cost {
margin-left: auto !important;
margin-right: auto !important;
border-bottom: 3px solid #fcd123;
text-align: center;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.cost-box .main-cost {
width: 70%;
padding: 2rem;
margin-bottom: .5rem;
font-size: 2.8rem; } }
@media screen and (max-width: 819px) {
.cost-box .main-cost {
padding: 1.5rem 1.5rem 2.5rem;
margin-bottom: 1.5rem;
font-size: 1.8rem; } }
.cost-box .cost-sub {
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0;
line-height: 1.6;
font-size: 1.3rem; }
@media screen and (min-width: 820px) {
.cost-box .cost-sub {
width: 70%;
padding: 2rem; } }
@media screen and (max-width: 819px) {
.cost-box .cost-sub {
padding: 0; } }
p#confirm {
margin-top: 2rem;
text-align: center;
margin-bottom: 6rem; }
#confirm input {
width: 14rem;
margin-right: 3rem;
height: 2.8rem; }
#confirm > *:last-child {
margin-right: 0; }
.oneArea {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
max-width: 1024px;
padding: 0 10px;
}
.oneArea .onebox {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom:30px;
}
.oneArea .onebox:nth-child(even) {
flex-direction: row-reverse;
margin-top: 20px;
}
.oneArea .onebox .imgArea {
width: 20%;
position: relative;
}
.oneArea .onebox .imgArea img {
width: 100%;
max-width: 130px;
top: 0;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
left: 0;
}
.oneArea .onebox:nth-child(even) .imgArea img {
right: 0;
padding-left: 30px;
}
.oneArea .onebox .fukidasi {
width: 100%;
position: relative;
padding: 25px;
background-color: #FFF1DC;
color: #231815;
border-radius: 12px;
box-sizing: border-box;
}
.oneArea .onebox .fukidasi::before {
content: '';
position: absolute;
display: block;
top: 22px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 30px 15px 0;
border-color: transparent #FFF1DC transparent transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
left: -20px;
}
.oneArea .onebox:nth-child(even) .fukidasi {
background-color: #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
right: -20px;
border-color: transparent #fde5e5 transparent transparent;
transform: rotate(180deg);
}
@media screen and (min-width: 820px) {
.oneArea {min-width: 705px;}
.oneArea .onebox .fukiArea {
width: 77%;
}}
@media screen and (max-width: 819px) {
.oneArea .onebox:nth-child(even) {
margin-top: 15px;
}
.oneArea .onebox .imgArea {
width: 20%;
}
.oneArea .onebox .fukidasi {
padding: 10px 15px;
font-size: 12px;
}
.oneArea .onebox .fukiArea {
width: 78%;
}} @media screen and (max-width: 819px) {
.u-only--pc {
display: none; } }
@media screen and (min-width: 820px) {
.u-only--sp {
display: none; } } .c-annotation {
line-height: 1.8;
background-color: #E4F2DA; }
@media screen and (min-width: 820px) {
.c-annotation {
padding: 1.2rem 2rem;
margin-bottom: 4rem;
font-size: 1.4rem;
border-radius: 1rem; } }
@media screen and (max-width: 819px) {
.c-annotation {
padding: 1.2rem 1.6rem;
margin-bottom: 2.6rem;
font-size: 1.2rem;
border-radius: .8rem; } } @media screen and (min-width: 820px) {
.c-banner {
margin-bottom: 3.4rem; } }
@media screen and (max-width: 819px) {
.c-banner {
margin-bottom: 2.4rem; } }
.c-banner__inner {
display: block; } @media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv {
margin-bottom: 4.8rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv {
margin-bottom: 2rem; } }
.c-biz-bulk_rfq-fv__message {
position: relative;
width: 100%; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__message {
max-width: 71rem;
padding-right: 11rem;
margin: 0 auto 3.6rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__message {
padding-right: 8.7rem;
margin: 0 auto 2.4rem; } }
.c-biz-bulk_rfq-fv__message__inner {
background-color: #FFFFFF;
border-radius: 10rem;
text-align: center;
filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.02)) drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.04));
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__message__inner {
padding: 1.8rem 4rem;
font-size: 1.8rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__message__inner {
padding: 1rem 2rem;
font-size: 1.2rem; } }
.c-biz-bulk_rfq-fv__message__inner em {
color: #FF9C1A;
font-style: normal; }
.c-biz-bulk_rfq-fv__message::after {
position: absolute;
right: 0;
top: 50%;
display: block;
content: "";
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/c-biz-bulk_rfq-fv__message.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__message::after {
width: 14rem;
height: 9rem;
margin-top: -4.5rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__message::after {
width: 12rem;
height: 7.2rem;
margin-top: -3.5rem; } }
.c-biz-bulk_rfq-fv__title {
color: #338066;
text-align: center; }
.c-biz-bulk_rfq-fv__title__sub {
display: flex;
align-items: center;
justify-content: center;
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1;
text-shadow: 0 0 1rem #FFF, 0 0 1rem #FFF; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__title__sub {
margin-bottom: 2.4rem;
font-size: 3.2rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__title__sub {
margin-bottom: .8rem;
font-size: 2.2rem; } }
.c-biz-bulk_rfq-fv__title__sub::before, .c-biz-bulk_rfq-fv__title__sub::after {
display: inline-block;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__title__sub::before, .c-biz-bulk_rfq-fv__title__sub::after {
width: 2.8rem;
height: 4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/c-biz-bulk_rfq-fv__title__sub.png); } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__title__sub::before, .c-biz-bulk_rfq-fv__title__sub::after {
width: 1.9rem;
height: 2.6rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/c-biz-bulk_rfq-fv__title__sub--sp.png); } }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__title__sub::before {
margin-right: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__title__sub::before {
margin-right: .8rem; } }
.c-biz-bulk_rfq-fv__title__sub::after {
transform: scale(-1, 1); }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__title__sub::after {
margin-left: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__title__sub::after {
margin-left: .8rem; } }
.c-biz-bulk_rfq-fv__title__main {
display: block;
padding: 0;
margin: 0;
font-family: Zen Maru Gothic;
font-weight: 700;
text-shadow: 0 0 1rem #FFF, 0 0 1rem #FFF; }
@media screen and (min-width: 820px) {
.c-biz-bulk_rfq-fv__title__main {
line-height: 1;
font-size: 5.1rem; } }
@media screen and (max-width: 819px) {
.c-biz-bulk_rfq-fv__title__main {
line-height: 1.45;
font-size: 3.2rem; } }
.c-biz-bulk_rfq-fv > *:last-child {
margin-bottom: 0; } .c-button {
position: relative;
display: block;
padding: 1.6rem 4rem;
margin-bottom: 3.8rem;
border: none;
border-radius: 10rem;
background: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4;
font-size: 1.8rem;
box-shadow: 0 .6rem 0 0 #155A43;
transition: transform .3s ease, box-shadow .3s ease;
color: #FFFFFF;
cursor: pointer; }
.buttonhead{padding: 0.7rem 4rem;  border-radius:1px;}
@media screen and (min-width: 820px) {
.c-button {
min-width: 40rem;
width: fit-content; } }
@media screen and (max-width: 819px) {
.c-button {
width: 100%; } }
.c-button::after {
position: absolute;
right: 2.4rem;
top: 50%;
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
margin-top: -.7rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-illust-white.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.c-button:link, .c-button:visited, .c-button:active, .c-button:hover {
color: #FFFFFF;
text-decoration: none; }
.c-button:active, .c-button:hover {
box-shadow: none;
transform: translateY(0.6rem); }
.c-button--mitsumori {
background-color: #FF9C1A;
box-shadow: 0 .6rem 0 0 #DE6E0C; }
@media screen and (min-width: 820px) {
.c-button--mitsumori {
min-width: 52rem;
width: fit-content;
font-size: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-button--mitsumori {
width: 100%;
font-size: 2rem; } }
.c-button--mitsumori .__label {
display: inline-block;
background-color: #FFFFFF;
color: #FF9C1A; }
@media screen and (min-width: 820px) {
.c-button--mitsumori .__label {
padding: 0 1.2rem;
margin-right: .8rem;
border-radius: .4rem;
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.c-button--mitsumori .__label {
padding: 0 .6rem;
margin-right: .8rem;
border-radius: .4rem;
font-size: 1.4rem; } }
.c-button--white {
background-color: #FFFFFF;
border: 1px solid #338066;
box-shadow: 0 .6rem 0 0 #155A43; }
.c-button--white::after {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-illust-green.svg); }
.c-button--white:link, .c-button--white:visited, .c-button--white:active, .c-button--white:hover {
color: #338066; }
.c-button--pink {
background-color: #FF8C96;
box-shadow: 0 .6rem 0 0 #EF5C68; }
.c-button--green {
background-color: #91DD6B;
box-shadow: 0 .6rem 0 0 #90b17f; }
.c-button--orange {
background-color: #FF9C1A;
box-shadow: 0 .6rem 0 0 #DE6E0C; }
.c-button--blue {
background-color: #50C2FA;
box-shadow: 0 .6rem 0 0 #2B90F4; }
.c-button--wide {
width: 100%;
min-width: inherit; }
.c-button--slim {
padding: 1.2rem 4rem;
margin-bottom: 2.6rem;
font-weight: 700;
line-height: 1.4;
font-size: 1.4rem; }
@media screen and (min-width: 820px) {
.c-button--slim {
min-width: 30rem;
width: fit-content; } }
@media screen and (max-width: 819px) {
.c-button--slim {
width: 100%; } }
.c-button--slim::after {
right: 2rem;
top: 50%;
width: 1rem;
height: 1rem;
margin-top: -.5rem; }
.c-button--flat {
box-shadow: none;
transition: opacity .3s ease; }
.c-button--flat:active, .c-button--flat:hover {
transform: translateY(0);
opacity: .5; } .c-care-checkpoint {
background-color: #F4FCF2;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/c-care-checkpoint__chara.png);
background-repeat: no-repeat; }
@media screen and (min-width: 820px) {
.c-care-checkpoint {
padding: 4rem 4rem 2.8rem;
background-position: bottom right 3.4rem;
background-size: 11rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-care-checkpoint {
padding: 2rem;
background-position: bottom right 2rem;
background-size: 7.3rem;
border-radius: .8rem; } }
.c-care-checkpoint__title {
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-weight: 700; }
@media screen and (min-width: 820px) {
.c-care-checkpoint__title {
margin-bottom: 2.4rem;
font-size: 2.4rem;
line-height: 1; } }
@media screen and (max-width: 819px) {
.c-care-checkpoint__title {
margin-bottom: 1.6rem;
font-size: 2rem;
line-height: 1.4; } }
.c-care-checkpoint__list {
padding: 0;
margin: 0 auto 0;
list-style: none; }
@media screen and (min-width: 820px) {
.c-care-checkpoint__list {
columns: 2;
max-width: 75.5rem; } }
.c-care-checkpoint__list li {
position: relative;
padding: 0;
margin: 0;
font-weight: 400;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-care-checkpoint__list li {
padding-left: 3.2rem;
margin-bottom: 1.2rem;
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
.c-care-checkpoint__list li {
padding-left: 2.6rem;
margin-bottom: .8rem;
font-size: 1.4rem; } }
.c-care-checkpoint__list li::before {
position: absolute;
left: 0;
display: block;
content: "";
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-check.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100%; }
@media screen and (min-width: 820px) {
.c-care-checkpoint__list li::before {
top: .1em;
width: 2rem;
height: 2rem; } }
@media screen and (max-width: 819px) {
.c-care-checkpoint__list li::before {
top: .3em;
width: 1.6rem;
height: 1.6rem; } }
@media screen and (min-width: 820px) {
.c-care-checkpoint__list li.__etc {
text-align: right; } }
@media screen and (max-width: 819px) {
.c-care-checkpoint__list li.__etc {
padding-left: 0;
text-align: left; } }
.c-care-checkpoint__list li.__etc::before {
display: none; }
.c-care-checkpoint__inner > *:last-child {
margin-bottom: 0; }
.c-care-checkpoint > *:last-child {
margin-bottom: 0; } @media screen and (min-width: 820px) {
.c-card {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: stretch;
margin-bottom: 6.4rem; } }
@media screen and (max-width: 819px) {
.c-card {
margin-bottom: 3.2rem; } }
@media screen and (min-width: 820px) {
.c-card__unit {
max-width: 31%;
min-width: 31%;
margin-right: auto;
margin-top: 4rem; }
.c-card__unit:nth-child(3n) {
margin-right: 0; }
.c-card__unit:nth-child(-n+3) {
margin-top: 0; } }
@media screen and (max-width: 819px) {
.c-card__unit {
margin-bottom: 2.4rem; } }
.c-card__unit__thumb {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-top: 61%;
border: 1px solid #CCCCCC; }
@media screen and (min-width: 820px) {
.c-card__unit__thumb {
margin-bottom: 1.6rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-card__unit__thumb {
margin-bottom: 1.2rem;
border-radius: .8rem; } }
.c-card__unit__thumb img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%); }
.c-card__unit__cat {
display: flex;
align-items: center;
justify-content: flex-start;
list-style: none;
padding: 0;
margin: 0;
margin-bottom: .8rem; }
.c-card__unit__cat li {
margin-right: .8rem; }
.c-card__unit__sub {
line-height: 1.6;
font-size: 1.3rem;
color: #999999; }
.c-card__unit__main {
line-height: 1.6;
font-weight: 700;
font-size: 1.6rem; }
.c-card__unit__cont > *:last-child {
margin-bottom: 0; }
.c-card__unit__inner {
display: block;
color: currentColor; }
.c-card__unit__inner:link, .c-card__unit__inner:visited, .c-card__unit__inner:active, .c-card__unit__inner:hover {
color: currentColor;
text-decoration: none; }
.c-card__unit__inner:active, .c-card__unit__inner:hover {
opacity: 0.5; }
@media screen and (max-width: 819px) {
.c-card--sp-scroll {
overflow-x: scroll;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: -1.6rem;
margin-right: -1.6rem;
padding-bottom: 1.6rem; }
.c-card--sp-scroll .c-card__unit {
min-width: 29rem;
max-width: 29rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 1.6rem; }
.c-card--sp-scroll .c-card__unit:first-child {
margin-left: 1.6rem; } }
.c-card > *:last-child {
margin-bottom: 0; } @media screen and (min-width: 820px) {
.c-case {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: stretch;
margin-bottom: 6.4rem; } }
@media screen and (max-width: 819px) {
.c-case {
margin-bottom: 3.2rem; } }
@media screen and (min-width: 820px) {
.c-case__unit {
max-width: 31%;
min-width: 31%;
margin-right: auto;
margin-top: 4rem; }
.c-case__unit:nth-child(3n) {
margin-right: 0; }
.c-case__unit:nth-child(-n+3) {
margin-top: 0; } }
@media screen and (max-width: 819px) {
.c-case__unit {
margin-bottom: 1.6rem; } }
.c-case__unit__name {
text-align: center;
font-size: 2rem;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-case__unit__name {
margin-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__name {
margin-bottom: 2rem; } }
.c-case__unit__img {
text-align: center; }
@media screen and (min-width: 820px) {
.c-case__unit__img {
margin-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__img {
margin-bottom: 2rem; } }
.c-case__unit__img img {
width: 100%;
height: auto; }
.c-case__unit__energy {
font-size: 1.4rem;
font-weight: 400;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-case__unit__energy {
margin-bottom: 2rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__energy {
margin-bottom: 1.6rem; } }
.c-case__unit__energy__group {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: .4rem; }
.c-case__unit__energy > *:last-child {
margin-bottom: 0; }
.c-case__unit__price {
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-case__unit__price {
margin-bottom: 2rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__price {
margin-bottom: 1.6rem; } }
.c-case__unit__price .__value {
font-weight: 700; }
.c-case__unit__price .__value em {
line-height: 1;
font-size: 2.4rem;
font-style: normal; }
.c-case__unit__price__group {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.2rem; }
.c-case__unit__price > *:last-child {
margin-bottom: 0; }
.c-case__unit__down__message {
position: relative;
width: fit-content;
padding: 1rem 1.6rem;
background-color: #FF9C1A;
border-radius: 10rem;
color: #FFFFFF;
font-size: 1.4rem;
font-weight: 700;
line-height: 1; }
@media screen and (min-width: 820px) {
.c-case__unit__down__message {
margin: 0 auto 1.8rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__down__message {
margin: 0 auto .8rem; } }
.c-case__unit__down__message::after {
position: absolute;
left: 50%;
bottom: 0;
content: "";
display: block;
width: 1.4rem;
height: .8rem;
margin-left: -.7rem;
margin-bottom: -.8rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-orange.png);
background-repeat: no-repeat;
background-position: center top;
background-size: 100%; }
.c-case__unit__down__cost {
text-align: center;
color: #FF9C1A;
font-weight: 700;
font-size: 2rem; }
.c-case__unit__down__cost em {
line-height: 1;
font-size: 3.2rem;
font-style: normal; }
.c-case__unit__inner {
display: block;
color: currentColor;
background-color: #FFF6EB; }
@media screen and (min-width: 820px) {
.c-case__unit__inner {
padding: 2.4rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-case__unit__inner {
padding: 2rem;
border-radius: .8rem; } }
.c-case__unit a.c-case__unit__inner:link, .c-case__unit a.c-case__unit__inner:visited, .c-case__unit a.c-case__unit__inner:active, .c-case__unit a.c-case__unit__inner:hover {
color: currentColor;
text-decoration: none; }
.c-case__unit a.c-case__unit__inner:active, .c-case__unit a.c-case__unit__inner:hover {
opacity: 0.5; }
.c-case > *:last-child {
margin-bottom: 0; }
.c-cat-tag {
display: block;
width: fit-content;
padding: .8rem 1.6rem;
font-size: 1.4rem;
font-style: normal;
font-weight: 700;
line-height: 1;
background-color: #CCCCCC;
border-radius: 10rem;
color: #FFFFFF; }
.c-cat-tag:link, .c-cat-tag:visited, .c-cat-tag:active, .c-cat-tag:hover {
text-decoration: none;
color: #FFFFFF; }
.c-cat-tag:active, .c-cat-tag:hover {
opacity: .5; }
.c-cat-tag--e-trivia {
background-color: #FF8C96; }
.c-cat-tag--recycle {
background-color: #82CC4E; }
.c-cat-tag--oeh {
background-color: #FFAF38; }
.c-cat-tag--ha-electric_bill {
background-color: #50C2FA; }
.c-cat-tag--environment {
background-color: #627AF5; }
.c-cat-tag--other {
background-color: #219E7F; }
.c-cat-tag--industry {
background-color: #c23e3e; }
.c-column-summary {
overflow: hidden; }
.c-column-summary__class {
margin-bottom: 0;
font-size: 1.4rem;
line-height: 1.6; }
.c-column-summary__name {
margin-bottom: 2rem;
font-size: 1.4rem;
line-height: 1.6;
border-bottom: 3px solid #C4C4C4;
padding-bottom: .5rem; }
.c-column-summary__img {
float: left;
margin-left: 1.5rem;
margin-right: 1.5rem; }
@media screen and (min-width: 820px) {
.c-column-summary__img {
width: 17%; } }
@media screen and (max-width: 819px) {
.c-column-summary__img {
width: 30%;
margin-bottom: 1rem; } } @media screen and (min-width: 820px) {
.c-company-about {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.c-company-about {
margin-bottom: 3.2rem; } }
.c-company-about__logo {
margin: 0 auto; }
@media screen and (min-width: 820px) {
.c-company-about__logo {
width: 20rem;
margin-bottom: 3.2rem; } }
@media screen and (max-width: 819px) {
.c-company-about__logo {
width: 16rem;
margin-bottom: 2.4rem; } }
.c-company-about__logo img {
width: 100%;
height: auto; }
@media screen and (min-width: 820px) {
.c-company-about__message {
text-align: center;
font-size: 1.6rem;
font-weight: 400;
line-height: 2; } }
@media screen and (max-width: 819px) {
.c-company-about__message {
text-align: left;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.8; } }
.c-company-about > *:last-child {
margin-bottom: 0; } .c-company-info {
padding: 0;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
.c-company-info {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: stretch;
margin-bottom: 6.4rem; } }
@media screen and (max-width: 819px) {
.c-company-info {
margin-bottom: 4rem; } }
.c-company-info__unit {
margin: 0;
margin-right: auto;
background-color: #F4FCF2; }
@media screen and (min-width: 820px) {
.c-company-info__unit {
max-width: calc( 50% - 2rem);
min-width: calc( 50% - 2rem);
padding: 4rem;
margin-top: 4rem;
border-radius: 2rem; }
.c-company-info__unit:nth-child(-n+2) {
margin-top: 0; }
.c-company-info__unit:nth-child(2n) {
margin-right: 0; } }
@media screen and (max-width: 819px) {
.c-company-info__unit {
padding: 2rem;
margin-bottom: 1.6rem;
border-radius: .8rem; } }
.c-company-info__unit__no {
margin-bottom: 1.6rem;
color: #338066;
font-family: Zen Maru Gothic;
font-size: 4rem;
font-weight: 700;
line-height: 1; }
@media screen and (min-width: 820px) {
.c-company-info__unit__title {
margin-bottom: .8rem; } }
@media screen and (max-width: 819px) {
.c-company-info__unit__title {
margin-bottom: .4rem; } }
.c-company-info__unit__title .__sub {
font-weight: 700;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-company-info__unit__title .__sub {
margin-bottom: .8rem;
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
.c-company-info__unit__title .__sub {
margin-bottom: .4rem;
font-size: 1.2rem; } }
.c-company-info__unit__title .__main {
font-weight: 700;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-company-info__unit__title .__main {
margin-bottom: .8rem;
font-size: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-company-info__unit__title .__main {
margin-bottom: .4rem;
font-size: 2rem; } }
.c-company-info__unit__title > *:last-child {
margin-bottom: 0; }
.c-company-info__unit__summary {
color: #338066;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.8; }
.c-company-info__unit__header {
margin-bottom: 1.6rem; }
.c-company-info__unit__header > *:last-child {
margin-bottom: 0; }
.c-company-info__unit__case {
margin-top: 0; }
.c-company-info__unit__case__title {
padding: 0;
margin: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.6; }
.c-company-info__unit__case__cont {
padding: 0;
margin: 0;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.8; }
.c-company-info__unit > *:last-child {
margin-bottom: 0; }
.c-company-info > *:last-child {
margin-bottom: 0; }
.c-copyright {
text-align: center;
color: #CCC;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 1.6; }
.c-copyright small {
font-size: 1.1rem; }
.c-flow {
padding: 0;
margin: 0;
list-style: none; }
.c-flow__unit {
position: relative;
margin: 0;
background-color: #FFFFFF; }
@media screen and (min-width: 820px) {
.c-flow__unit {
padding: 4rem 4.8rem;
margin-bottom: 5rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-flow__unit {
padding: 2rem 2rem;
margin-bottom: 3.6rem;
border-radius: .8rem; } }
.c-flow__unit__no {
position: absolute;
left: 0;
top: 0;
line-height: 1;
overflow: hidden;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/c-flow__unit__no__bg.png);
background-position: left top;
background-repeat: no-repeat;
background-size: 100%;
color: #FFFFFF;
font-family: Zen Maru Gothic;
font-weight: 700; }
@media screen and (min-width: 820px) {
.c-flow__unit__no {
width: 11rem;
height: 11rem;
padding: 1.4rem 1.6rem;
border-radius: 2rem 0 0 0;
font-size: 3.6rem; } }
@media screen and (max-width: 819px) {
.c-flow__unit__no {
width: 9rem;
height: 9rem;
padding: 1.6rem 1.4rem;
border-radius: .8rem 0 0 0;
font-size: 2.8rem; } }
@media screen and (min-width: 820px) {
.c-flow__unit__img {
min-width: 30rem;
max-width: 30rem;
margin-right: 3.2rem; } }
@media screen and (max-width: 819px) {
.c-flow__unit__img {
min-width: 24rem;
max-width: 24rem;
margin: 0 auto .8rem; } }
.c-flow__unit__title {
font-weight: 700;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-flow__unit__title {
margin-bottom: .8rem;
font-size: 2.2rem; } }
@media screen and (max-width: 819px) {
.c-flow__unit__title {
margin-bottom: .8rem;
font-size: 1.8rem;
line-height: 1.5; } }
.c-flow__unit__cont {
width: 100%;
font-weight: 400; }
@media screen and (min-width: 820px) {
.c-flow__unit__cont {
font-size: 1.6rem;
line-height: 2; } }
@media screen and (max-width: 819px) {
.c-flow__unit__cont {
font-size: 1.4rem;
line-height: 1.6; } }
.c-flow__unit__cont > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.c-flow__unit__body {
display: flex;
align-items: center;
justify-content: stretch; } }
.c-flow__unit__body > *:last-child {
margin-bottom: 0; }
.c-flow__unit::after {
position: absolute;
left: 50%;
bottom: 0;
display: block;
content: "";
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-flow-separate.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%; }
@media screen and (min-width: 820px) {
.c-flow__unit::after {
width: .6rem;
height: 3rem;
margin-left: -.3rem;
margin-bottom: -4.2rem; } }
@media screen and (max-width: 819px) {
.c-flow__unit::after {
width: .4rem;
height: 2rem;
margin-left: -.2rem;
margin-bottom: -2.8rem; } }
.c-flow__unit:last-child {
margin-bottom: 0; }
.c-flow__unit:last-child::after {
display: none; }
.c-flow > *:last-child {
margin-bottom: 0; } .c-genre-tag {
display: flex;
align-items: center;
justify-content: stretch;
font-weight: 700;
line-height: 1.6;
border: 1px solid #CCCCCC;
background-color: #FFFFFF; }
@media screen and (min-width: 820px) {
.c-genre-tag {
padding: 2rem;
font-size: 1.6rem;
border-radius: 1rem; } }
@media screen and (max-width: 819px) {
.c-genre-tag {
padding: 1.6rem;
font-size: 1.3rem;
border-radius: 1rem; } }
@media screen and (min-width: 820px) {
.c-genre-tag__icon {
width: 3.6rem;
margin-right: 2rem; } }
@media screen and (max-width: 819px) {
.c-genre-tag__icon {
width: 2.4rem;
margin-right: 1.2rem; } }
.c-genre-tag__icon img {
width: 100%; }
.c-genre-tag:link, .c-genre-tag:visited, .c-genre-tag:active, .c-genre-tag:hover {
color: currentColor;
text-decoration: none; }
.c-genre-tag:active, .c-genre-tag:hover {
opacity: .5; } .c-heading--home-level1 {
margin-bottom: 3.2rem;
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--home-level1 {
font-size: 4rem; } }
@media screen and (max-width: 819px) {
.c-heading--home-level1 {
font-size: 2.4rem; } }
.c-heading--home-level2 {
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--home-level2 {
margin-bottom: 3.2rem;
font-size: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-heading--home-level2 {
margin-bottom: 2.4rem;
font-size: 1.8rem; } }
.c-heading--home-level3 {
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--home-level3 {
margin-bottom: 2.4rem;
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.c-heading--home-level3 {
margin-bottom: 1.6rem;
font-size: 1.8rem; } }
.c-heading--icon-type1 {
display: flex;
align-items: center;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--icon-type1 {
flex-direction: column;
justify-content: stretch;
margin-bottom: 3.2rem;
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.c-heading--icon-type1 {
justify-content: center;
margin-bottom: 2rem;
font-size: 1.8rem; } }
@media screen and (min-width: 820px) {
.c-heading--icon-type1 .c-heading__img {
width: 5.6rem;
height: 5.6rem;
margin-bottom: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-heading--icon-type1 .c-heading__img {
width: 4rem;
height: 4rem;
margin-right: .8rem; } }
.c-heading--icon-type1 .c-heading__img img {
width: 100%;
height: auto; }
.c-heading--icon-type1 .c-heading__label {
display: block;
text-align: center; }
.c-heading--icon-type1--red {
color: #EF5C68; }
.c-heading--icon-type1--green {
color: #4FA623; }
.c-heading--icon-type1--orange {
color: #EF8318; }
.c-heading--icon-type2 {
display: flex;
align-items: center;
justify-content: center;
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--icon-type2 {
margin-bottom: 2.4rem;
font-size: 2.4rem; } }
@media screen and (max-width: 819px) {
.c-heading--icon-type2 {
margin-bottom: 2rem;
font-size: 1.6rem; } }
@media screen and (min-width: 820px) {
.c-heading--icon-type2 .c-heading__img {
min-width: 3.2rem;
max-width: 3.2rem;
margin-right: .8rem; } }
@media screen and (max-width: 819px) {
.c-heading--icon-type2 .c-heading__img {
min-width: 2rem;
max-width: 2rem;
margin-right: .4rem; } }
.c-heading--icon-type2 .c-heading__img img {
width: 100%;
height: auto; }
.c-heading--icon-type2 .c-heading__label {
display: block;
text-align: center; }
.c-heading--icon-widget {
display: flex;
align-items: center;
justify-content: flex-start;
margin-bottom: 1.6rem;
color: #338066;
font-size: 1.6rem;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
.c-heading--icon-widget .c-heading__img {
min-width: 2.4rem;
max-width: 2.4rem;
margin-right: .8rem; }
.c-heading--icon-widget .c-heading__img img {
width: 100%;
height: auto; }
.c-heading--icon-widget .c-heading__label {
display: block; }
.c-heading--biz-bulk_rfq-level1 {
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-heading--biz-bulk_rfq-level1 {
margin-bottom: 3.2rem;
font-size: 3.6rem; } }
@media screen and (max-width: 819px) {
.c-heading--biz-bulk_rfq-level1 {
margin-bottom: 1.6rem;
font-size: 2.8rem; } }
.c-heading--biz-bulk_rfq-level1 .c-heading__sub {
line-height: 1.5; }
@media screen and (min-width: 820px) {
.c-heading--biz-bulk_rfq-level1 .c-heading__sub {
font-size: 4rem; } }
@media screen and (max-width: 819px) {
.c-heading--biz-bulk_rfq-level1 .c-heading__sub {
font-size: 2rem; } }
.c-heading--biz-bulk_rfq-level1 .c-heading__main {
line-height: 1.5; }
@media screen and (min-width: 820px) {
.c-heading--biz-bulk_rfq-level1 .c-heading__main {
font-size: 4.8rem; } }
@media screen and (max-width: 819px) {
.c-heading--biz-bulk_rfq-level1 .c-heading__main {
font-size: 2.8rem; } } .c-home-fv {
position: relative;
overflow: hidden; }
@media screen and (min-width: 820px) {
.c-home-fv {
padding-top: 48rem;
padding-left: 2rem;
padding-right: 2rem;
margin-left: -2rem;
margin-right: -2rem;
margin-bottom: 12rem; } }
@media screen and (max-width: 819px) {
.c-home-fv {
padding-top: 33rem;
margin-bottom: 6.4rem; } }
.c-home-fv__copy {
z-index: 2;
position: absolute; }
@media screen and (min-width: 820px) {
.c-home-fv__copy {
top: 14.5rem;
left: 50%;
width: 37.4rem;
margin-left: -51.9rem; } }
@media screen and (max-width: 819px) {
.c-home-fv__copy {
top: 1.2rem;
left: 50%;
width: 24rem;
margin-left: -12rem; } }
.c-home-fv__copy img {
width: 100%;
height: auto; }
.c-home-fv__chara {
z-index: 2;
position: absolute;
left: 50%;
animation-name: fv-chara-move;
animation-delay: 0s;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite; }
@media screen and (min-width: 820px) {
.c-home-fv__chara {
top: 23rem;
width: 25.6rem;
margin-left: 26.7rem; } }
@media screen and (max-width: 819px) {
.c-home-fv__chara {
top: 18.5rem;
width: 13.2rem;
margin-left: 3.5rem; } }
.c-home-fv__chara img {
width: 100%;
height: auto; }
.c-home-fv__city {
z-index: 1;
position: absolute;
left: 50%; }
@media screen and (min-width: 820px) {
.c-home-fv__city {
top: 3rem;
width: 74.8rem;
margin-left: -10rem; } }
@media screen and (max-width: 819px) {
.c-home-fv__city {
top: 14.3rem;
width: 30.8rem;
margin-left: -15.4rem; } }
.c-home-fv__city img {
width: 100%;
height: auto; }
.c-home-fv .c-user-needs {
z-index: 2;
position: relative; }
.c-index {
background-color: #F4FCF2; }
@media screen and (min-width: 820px) {
.c-index {
margin-top: 4rem;
margin-bottom: 6.4rem;
padding: 4rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-index {
margin-top: 3.2rem;
margin-bottom: 4rem;
padding: 1.6rem;
border-radius: .8rem; } }
.c-index__header {
display: flex;
align-items: center;
justify-content: stretch; }
.c-index__header__label {
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-index__header__label {
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.c-index__header__label {
font-size: 1.6rem; } }
.c-index__header__toggle {
margin-left: 1em;
color: #338066;
font-weight: 400;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-index__header__toggle {
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
.c-index__header__toggle {
font-size: 1.1rem; } }
.c-index__hw {
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-index__hw {
margin-bottom: 1.2rem;
font-size: 1.6rem; } }
@media screen and (max-width: 819px) {
.c-index__hw {
margin-bottom: .8rem;
font-size: 1.4rem; } }
.c-index__list {
padding: 0;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
.c-index__list {
margin-bottom: 2.5rem; } }
@media screen and (max-width: 819px) {
.c-index__list {
margin-bottom: 1.8rem; } }
.c-index__list li {
line-height: 1.4;
position: relative;
padding-left: 1em; }
@media screen and (min-width: 820px) {
.c-index__list li {
margin-bottom: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-index__list li {
margin-bottom: .8rem; } }
.c-index__list li::before {
position: absolute;
top: .6rem;
content: "";
display: block;
border-radius: 50%;
background: #91DD6B; }
@media screen and (min-width: 820px) {
.c-index__list li::before {
left: 0;
width: .8rem;
height: .8rem; } }
@media screen and (max-width: 819px) {
.c-index__list li::before {
left: .2rem;
width: .6rem;
height: .6rem; } }
.c-index__list li a {
color: #338066;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.4; }
.c-index__list li a:link, .c-index__list li a:visited {
text-decoration: none; }
.c-index__list li a:active, .c-index__list li a:hover {
text-decoration: underline; }
.c-index__list li ul {
list-style: none;
padding: 0;
margin: 0; }
@media screen and (min-width: 820px) {
.c-index__list li ul {
margin-top: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-index__list li ul {
margin-top: .8rem; } }
.c-index__list li ul li {
padding: 0;
padding-left: 1em;
margin-left: 0; }
.c-index__list li ul li::before {
display: none; }
.c-index__list li ul > *:last-child {
margin-bottom: 0; }
.c-index__list li > *:last-child {
margin-bottom: 0; }
.c-index__list > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.c-index__body {
padding-top: 2rem; } }
@media screen and (max-width: 819px) {
.c-index__body {
padding-top: 1.6rem; } }
.c-index__body > *:last-child {
margin-bottom: 0; } .c-media-logo {
padding: 0;
margin: 0; }
@media screen and (min-width: 820px) {
.c-media-logo {
margin-bottom: 4.4rem; } }
@media screen and (max-width: 819px) {
.c-media-logo {
margin-bottom: 2.4rem; } }
.c-media-logo__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: stretch;
padding: 0;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
.c-media-logo__list li {
min-width: calc( 20% - 1.6rem);
max-width: calc( 20% - 1.6rem);
margin-right: 2rem;
margin-bottom: 2rem; }
.c-media-logo__list li:nth-child(5n) {
margin-right: 0; } }
@media screen and (max-width: 819px) {
.c-media-logo__list li {
min-width: calc( 50% - .4rem);
max-width: calc( 50% - .4rem);
margin-right: .8rem;
margin-bottom: .8rem; }
.c-media-logo__list li:nth-child(2n) {
margin-right: 0; } }
.c-media-logo__list li img {
width: 100%;
height: auto; }
.c-media-logo > *:last-child {
margin-bottom: 0; }
.c-message {
margin-bottom: 3.2rem; }
.c-message--summary {
text-align: center;
font-size: 1.6rem;
font-style: normal;
font-weight: 400;
line-height: 1.6; }
.c-message--summary2 {
font-style: normal;
font-weight: 400;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-message--summary2 {
font-size: 1.6rem;
text-align: center; } }
@media screen and (max-width: 819px) {
.c-message--summary2 {
font-size: 1.4rem;
text-align: left; } } .c-table {
width: 100%;
border-collapse: collapse; }
@media screen and (min-width: 820px) {
.c-table th,
.c-table td {
padding: .8rem; } }
@media screen and (max-width: 819px) {
.c-table th,
.c-table td {
padding: .4rem; } }
.c-table--font-small {
line-height: 1.6;
font-size: 1.1rem; }
.c-table--color1 th,
.c-table--color1 td {
background-color: #FFFFFF; }
.c-table--color1 tr {
border-bottom: 1px dashed #CCCCCC; }
.c-table--color1 thead th,
.c-table--color1 thead td {
background-color: #338066;
color: #FFFFFF; }
.c-table--color1 tbody th {
font-weight: 700; }
.c-table--color1 tbody tr:nth-child(even) th,
.c-table--color1 tbody tr:nth-child(even) td {
background-color: #FAFCF5; }
.c-toggle--active > .c-toggle__button {
position: relative;
padding-right: 5rem; }
.c-toggle--active > .c-toggle__button::before, .c-toggle--active > .c-toggle__button::after {
position: absolute;
top: 50%;
right: 1.6rem;
display: block;
content: "";
width: 1.4rem;
height: 2px;
margin-top: -1px;
border-radius: 1px;
background-color: #CCCCCC;
transition: transform .5s ease; }
.c-toggle--active.is-closed > .c-toggle__button::before {
transform: rotate(-180deg); }
.c-toggle--active.is-closed > .c-toggle__button::after {
transform: rotate(-90deg); } .c-user-needs {
display: flex;
align-items: stretch;
margin: 0 auto; }
@media screen and (min-width: 820px) {
.c-user-needs {
flex-wrap: nowrap;
justify-content: stretch;
width: 100%;
max-width: 110rem;
padding: 0 0 .6rem; } }
@media screen and (max-width: 819px) {
.c-user-needs {
flex-wrap: wrap;
justify-content: space-between;
padding: 0 0 .6rem; } }
.c-user-needs__button {
position: relative; }
@media screen and (min-width: 820px) {
.c-user-needs__button {
min-width: 18.8rem;
min-height: 100%;
margin-left: 3.2rem; }
.c-user-needs__button:first-child {
margin-left: 0; } }
@media screen and (max-width: 819px) {
.c-user-needs__button {
min-width: calc( 33% - .8rem);
margin-right: 1.2rem; }
.c-user-needs__button:last-child {
margin-right: 0; } }
.c-user-needs__button__icon {
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
border-radius: 100%; }
@media screen and (min-width: 820px) {
.c-user-needs__button__icon {
width: 8rem;
height: 8rem;
margin-bottom: 1.6rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__icon {
width: 6.4rem;
height: 6.4rem;
margin-bottom: 1.2rem; } }
.c-user-needs__button__icon img {
width: 100%;
height: auto; }
.c-user-needs__button__target {
width: fit-content;
line-height: 1;
margin: 0 auto;
border-radius: 10rem; }
@media screen and (min-width: 820px) {
.c-user-needs__button__target {
padding: .8rem;
margin-bottom: .8rem;
font-size: 1.3rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__target {
padding: .5rem .8rem;
margin-bottom: .2rem;
font-size: .9rem; } }
.c-user-needs__button__plan {
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-user-needs__button__plan {
font-size: 1.8rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__plan {
font-size: 1.2rem; } }
.c-user-needs__button__plan__arrow {
vertical-align: baseline;
margin-left: .4rem; }
@media screen and (min-width: 820px) {
.c-user-needs__button__plan__arrow {
width: 1.4rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__plan__arrow {
display: none; } }
.c-user-needs__button__plan__arrow img {
width: 100%;
height: auto; }
.c-user-needs__button__comment {
margin-top: .8rem;
font-weight: 700;
line-height: 1; }
@media screen and (min-width: 820px) {
.c-user-needs__button__comment {
font-size: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__comment {
font-size: 1rem; } }
.c-user-needs__button__inner {
position: relative;
display: block;
width: 100%;
margin-bottom: .6rem;
background: #338066;
box-shadow: 0 .6rem 0 0 #155A43;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
transition: transform .3s ease, box-shadow .3s ease; }
@media screen and (min-width: 820px) {
.c-user-needs__button__inner {
height: 100%;
padding: 2rem 0;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button__inner {
padding: 1.6rem 0;
border-radius: .8rem; } }
.c-user-needs__button__inner:link, .c-user-needs__button__inner:visited, .c-user-needs__button__inner:active, .c-user-needs__button__inner:hover {
color: #FFFFFF;
text-decoration: none; }
.c-user-needs__button__inner:link img, .c-user-needs__button__inner:visited img, .c-user-needs__button__inner:active img, .c-user-needs__button__inner:hover img {
opacity: 1; }
.c-user-needs__button__inner:active, .c-user-needs__button__inner:hover {
transform: translateY(0.6rem);
box-shadow: none; }
.c-user-needs__button__inner > *:last-child {
margin-bottom: 0; }
.c-user-needs__button--recommend {
width: 100%; }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend {
min-width: 100%;
margin-right: 0;
margin-bottom: 1.6rem; } }
.c-user-needs__button--recommend .c-user-needs__button__icon {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__icon {
min-width: 12rem;
height: 12rem;
margin-right: 1.6rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend .c-user-needs__button__icon {
min-width: 8.9rem;
height: 8.9rem;
margin-right: 1.7rem; } }
.c-user-needs__button--recommend .c-user-needs__button__target {
background-color: #EF5C68; }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__target {
margin-bottom: 1rem;
font-size: 1.3rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend .c-user-needs__button__target {
margin-bottom: 1rem;
font-size: 1.1rem; } }
.c-user-needs__button--recommend .c-user-needs__button__plan {
margin-bottom: 1rem; }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__plan {
font-size: 3.2rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend .c-user-needs__button__plan {
font-size: 1.8rem; } }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__plan__arrow {
width: 2rem; } }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__comment {
font-size: 1.6rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend .c-user-needs__button__comment {
font-size: 1.2rem; } }
.c-user-needs__button--recommend .c-user-needs__button__cont {
width: 100%; }
.c-user-needs__button--recommend .c-user-needs__button__inner {
display: flex;
align-items: center;
justify-content: space-between;
background: #FF8C96;
box-shadow: 0 .6rem 0 0 #EF5C68; }
@media screen and (min-width: 820px) {
.c-user-needs__button--recommend .c-user-needs__button__inner {
padding-left: 2.5rem;
padding-right: 2.5rem; } }
@media screen and (max-width: 819px) {
.c-user-needs__button--recommend .c-user-needs__button__inner {
padding-left: 1.8rem;
padding-right: 1.8rem; } }
.c-user-needs__button--recommend .c-user-needs__button__inner:active, .c-user-needs__button--recommend .c-user-needs__button__inner:hover {
box-shadow: none; }
.c-user-needs__button--city .c-user-needs__button__target {
background-color: #4FA623; }
.c-user-needs__button--city .c-user-needs__button__inner {
background: #82CC4E;
box-shadow: 0 .6rem 0 0 #4FA623; }
.c-user-needs__button--city .c-user-needs__button__inner:active, .c-user-needs__button--city .c-user-needs__button__inner:hover {
box-shadow: none; }
.c-user-needs__button--lp .c-user-needs__button__target {
background-color: #EF8318; }
.c-user-needs__button--lp .c-user-needs__button__inner {
background: #FFAF38;
box-shadow: 0 .6rem 0 0 #EF8318; }
.c-user-needs__button--lp .c-user-needs__button__inner:active, .c-user-needs__button--lp .c-user-needs__button__inner:hover {
box-shadow: none; }
.c-user-needs__button--corp .c-user-needs__button__target {
background-color: #2B90F4; }
.c-user-needs__button--corp .c-user-needs__button__inner {
background: #50C2FA;
box-shadow: 0 .6rem 0 0 #2B90F4; }
.c-user-needs__button--corp .c-user-needs__button__inner:active, .c-user-needs__button--corp .c-user-needs__button__inner:hover {
box-shadow: none; }
.c-outline {
color: #999;
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.c-outline {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.c-outline {
margin-bottom: 2.6rem; } } .c-post-list {
padding: 0;
border-top: 1px dashed #CCCCCC; }
@media screen and (min-width: 820px) {
.c-post-list {
margin: 4rem 0 4rem; } }
@media screen and (max-width: 819px) {
.c-post-list {
margin: 3.2rem 0 3.2rem; } }
.c-post-list__unit {
border-bottom: 1px dashed #CCCCCC;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.4; }
.c-post-list__unit__thumb {
max-width: 19.4rem;
min-width: 19.4rem;
overflow: hidden;
border: 1px solid #CCCCCC;
border-radius: 1rem; }
@media screen and (min-width: 820px) {
.c-post-list__unit__thumb {
margin-right: 2rem; } }
@media screen and (max-width: 819px) {
.c-post-list__unit__thumb {
margin-left: auto;
margin-right: auto;
margin-bottom: .8rem; } }
.c-post-list__unit__thumb img {
width: 100%;
height: auto; }
.c-post-list__unit__date {
color: #999;
font-weight: 400;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.c-post-list__unit__date {
margin-bottom: .8rem;
font-size: 1.4rem; } }
@media screen and (max-width: 819px) {
.c-post-list__unit__date {
margin-bottom: .4rem;
font-size: 1.2rem; } }
.c-post-list__unit__title {
margin-bottom: .8rem;
color: #338066;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4; }
.c-post-list__unit__except {
margin-bottom: .8rem; }
.c-post-list__unit__writer {
margin-bottom: .8rem; }
.c-post-list__unit__cont {
width: 100%; }
.c-post-list__unit__cont > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.c-post-list__unit__inner {
display: flex;
align-items: flex-start;
justify-content: stretch;
padding: 2rem 0; } }
@media screen and (max-width: 819px) {
.c-post-list__unit__inner {
display: block;
padding: 1.6rem 0; } }
.c-post-list__unit__inner:link, .c-post-list__unit__inner:visited, .c-post-list__unit__inner:active, .c-post-list__unit__inner:hover {
text-decoration: none;
color: currentColor; }
.c-post-list__unit__inner:link img, .c-post-list__unit__inner:visited img, .c-post-list__unit__inner:active img, .c-post-list__unit__inner:hover img {
opacity: 1; }
.c-post-list__unit__inner:active, .c-post-list__unit__inner:hover {
opacity: .5; }
.c-post-list > *:last-child {
margin-bottom: 0; } .c-price {
margin-bottom: 2.4rem; }
.c-price__unit {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between; }
@media screen and (min-width: 820px) {
.c-price__unit {
margin-bottom: 1.2rem; } }
@media screen and (max-width: 819px) {
.c-price__unit {
margin-bottom: .8rem; } }
.c-price__unit__label {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 1.3rem;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
.c-price__unit__label a {
font-style: normal; }
.c-price__unit__label a:link, .c-price__unit__label a:visited, .c-price__unit__label a:active, .c-price__unit__label a:hover {
color: #338066;
text-decoration: none; }
.c-price__unit__label a:link, .c-price__unit__label a:visited {
text-decoration: none; }
.c-price__unit__label a:active, .c-price__unit__label a:hover {
text-decoration: underline; }
@media screen and (min-width: 820px) {
.c-price__unit__label__icon {
width: 3.2rem;
margin-right: .8rem; } }
@media screen and (max-width: 819px) {
.c-price__unit__label__icon {
width: 2.4rem;
margin-right: .8rem; } }
.c-price__unit__label__icon img {
width: 100%;
height: auto; }
.c-price__unit__value {
display: flex;
align-items: baseline;
justify-content: flex-end;
font-weight: 700; }
.c-price__unit__value__num {
font-size: 2rem;
font-style: normal;
line-height: 1.4; }
.c-price__unit__value__unit {
font-size: 1.3rem;
font-style: normal;
line-height: 1.4; }
.c-price > *:last-child {
margin-bottom: 0; } .c-reason-column {
padding: 0;
margin: 0; }
@media screen and (min-width: 820px) {
.c-reason-column {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 5.6rem; } }
@media screen and (max-width: 819px) {
.c-reason-column {
margin-bottom: 2.4rem; } }
@media screen and (min-width: 820px) {
.c-reason-column__img {
max-width: 42rem;
min-width: 42rem;
margin-right: 4rem; } }
@media screen and (max-width: 819px) {
.c-reason-column__img {
margin-bottom: 1.6rem; } }
.c-reason-column__title {
padding: 0;
margin: 0;
font-weight: 700; }
@media screen and (min-width: 820px) {
.c-reason-column__title {
line-height: 1.6;
margin-bottom: 1.2rem;
font-size: 3.2rem; } }
@media screen and (max-width: 819px) {
.c-reason-column__title {
line-height: 1.5;
margin-bottom: .8rem;
font-size: 2rem;
text-align: center; } }
.c-reason-column__cont {
width: 100%; }
@media screen and (min-width: 820px) {
.c-reason-column__cont {
line-height: 2; } }
@media screen and (max-width: 819px) {
.c-reason-column__cont {
line-height: 1.8; } }
.c-reason-column__cont > * {
margin-bottom: .8rem; }
.c-reason-column__cont > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.c-reason-column--reverse {
flex-direction: row-reverse;
justify-content: space-between; } }
@media screen and (min-width: 820px) {
.c-reason-column--reverse .c-reason-column__img {
margin-right: 0;
margin-left: 4rem; } }
.c-reason-column--reverse .c-reason-column__cont > *:last-child {
margin-bottom: 0; } .c-sns-buttons {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
.c-sns-buttons {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.c-sns-buttons {
flex-wrap: wrap;
margin-bottom: 3.2rem; } }
@media screen and (min-width: 820px) {
.c-sns-buttons__button {
min-width: calc( 32% - .6rem);
margin-right: .8rem; } }
@media screen and (max-width: 819px) {
.c-sns-buttons__button {
min-width: calc( 50% - .4rem);
margin-top: .4rem;
margin-right: .8rem;
margin-bottom: .4rem; }
.c-sns-buttons__button:nth-child(2n) {
margin-right: 0; } }
.c-sns-buttons__button a {
display: block;
width: 100%;
padding: 1.2rem;
text-align: center;
background: #999999;
color: #FFFFFF;
border-radius: 1rem;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4;
text-decoration: none; }
.c-sns-buttons__button a.facebook-iine {
background: #3B5998; }
.c-sns-buttons__button a.twitter-tweet {
background: #000000; }
.c-sns-buttons__button a.instagram {
background: #aa2b6c; }
.c-sns-buttons__button a.hatenabtn2 {
background: #568BCA; }
.c-sns-buttons__button a:active, .c-sns-buttons__button a:hover {
opacity: .5; }
.c-sns-buttons > *:last-child {
margin-right: 0; }
.c-widget-ad {
background-color: #FFFFFF; }
.c-widget-post-list__unit {
position: relative;
margin-bottom: 1.2rem; }
.c-widget-post-list__unit__rank {
position: absolute;
z-index: 2;
left: .8rem;
top: .8rem;
display: flex;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
overflow: hidden;
border-radius: 100%;
background-color: #CCCCCC;
color: #FFFFFF;
font-size: 1.1rem;
font-weight: 700;
line-height: 1; }
.c-widget-post-list__unit--rank1 .c-widget-post-list__unit__rank {
background-color: #FBBC00; }
.c-widget-post-list__unit--rank2 .c-widget-post-list__unit__rank {
background-color: #97B9BD; }
.c-widget-post-list__unit--rank3 .c-widget-post-list__unit__rank {
background-color: #DD7449; }
.c-widget-post-list__unit__thumb {
position: relative;
min-width: 12.8rem;
height: 8rem;
overflow: hidden;
margin-right: 1.2rem;
border-radius: 1rem;
border: 1px solid #CCCCCC;
background: #FFFFFF; }
.c-widget-post-list__unit__thumb img {
position: absolute;
left: 50%;
top: 50%;
width: 100%;
height: auto;
transform: translate(-50%, -50%); }
.c-widget-post-list__unit__title {
font-size: 1.3rem;
font-style: normal;
font-weight: 400;
line-height: 1.5; }
.c-widget-post-list__unit__cont {
width: 100%; }
.c-widget-post-list__unit__inner {
display: flex;
align-items: center;
justify-content: stretch; }
.c-widget-post-list__unit__inner:link, .c-widget-post-list__unit__inner:visited, .c-widget-post-list__unit__inner:active, .c-widget-post-list__unit__inner:hover {
color: currentColor;
text-decoration: none; }
.c-widget-post-list__unit__inner:active, .c-widget-post-list__unit__inner:hover {
opacity: .5; } .c-widget-post-tabs {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-bottom: 1.6rem; }
.c-widget-post-tabs__tab {
width: calc( 50% - .8rem);
margin-right: .8rem; }
.c-widget-post-tabs__tab a {
display: block;
padding: .8rem;
border-radius: 10rem;
background-color: #F0F0F0;
color: #999;
text-align: center;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
pointer-events: inherit; }
.c-widget-post-tabs__tab a:link, .c-widget-post-tabs__tab a:visited, .c-widget-post-tabs__tab a:active, .c-widget-post-tabs__tab a:hover {
text-decoration: none; }
.c-widget-post-tabs__tab a:active, .c-widget-post-tabs__tab a:hover {
opacity: .5; }
.c-widget-post-tabs__tab a.is-active {
background-color: #338066;
color: #FFFFFF;
pointer-events: none; }
.c-widget-post-tabs__tab:nth-child(2n) {
margin-right: 0; } .c-widget-user-needs {
overflow: hidden;
margin-bottom: 1.6rem;
background-color: #F0F0F0;
border-radius: 1rem; }
.c-widget-user-needs__title {
padding: .8rem .8rem;
background-color: #999999;
color: #FFFFFF;
font-family: Zen Maru Gothic;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.4;
text-align: center; }
.c-widget-user-needs__cont {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5; }
.c-widget-user-needs__item {
padding-bottom: 1.6rem;
margin-bottom: 1.6rem;
border-bottom: 1px dashed #CCC; }
.c-widget-user-needs__item__title {
display: flex;
align-items: center;
justify-content: stretch;
margin-bottom: .8rem; }
.c-widget-user-needs__item__title__icon {
min-width: 3.6rem;
margin-right: 1.2rem; }
.c-widget-user-needs__item__title__icon img {
width: 100%;
height: auto; }
.c-widget-user-needs__item__title__label {
width: 100%; }
.c-widget-user-needs__item__title__label__name {
margin-bottom: .2rem;
font-size: 1.3rem;
font-weight: 700;
line-height: 1.4; }
.c-widget-user-needs__item__title__label__feature {
width: fit-content;
padding: .4rem .8rem;
background: #EF5C68;
border-radius: .4rem;
color: #FFFFFF;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4; }
.c-widget-user-needs__item__title__label__feature__green {
width: fit-content;
padding: .4rem .8rem;
background: #4fc230;
border-radius: .4rem;
color: #FFFFFF;
font-size: 1.2rem;
font-weight: 400;
line-height: 1.4; }
.c-widget-user-needs__item__cont {
margin-bottom: .8rem; }
.c-widget-user-needs__item__link {
text-align: right; }
.c-widget-user-needs__item__link a {
padding-right: 1.2rem;
color: var(--mainGreen, #338066);
text-align: right;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/c-widget-user-needs__button.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: .8rem; }
.c-widget-user-needs__item__link a:link, .c-widget-user-needs__item__link a:visited, .c-widget-user-needs__item__link a:active, .c-widget-user-needs__item__link a:hover {
text-decoration: none; }
.c-widget-user-needs__item__link a:active, .c-widget-user-needs__item__link a:hover {
opacity: .5; }
.c-widget-user-needs__button > *:last-child {
margin-bottom: 0; }
.c-widget-user-needs__recommend-button__img {
width: 19.9rem;
margin: 0 auto; }
.c-widget-user-needs__recommend-button__img img {
width: 100%;
height: auto; }
.c-widget-user-needs__recommend-button__button {
margin-top: -2.2rem; }
.c-widget-user-needs__recommend-button__button > *:last-child {
margin-bottom: 0; }
.c-widget-user-needs__cont {
padding: 1.6rem; }
.c-widget-user-needs__cont > *:last-child {
margin-bottom: 0; }
.c-widget-user-needs--red {
background-color: #FFF4F5; }
.c-widget-user-needs--red .c-widget-user-needs__title {
background-color: #EF5C68; }
.c-widget-user-needs--blue {
background-color: #EBF8FF; }
.c-widget-user-needs--blue .c-widget-user-needs__title {
background-color: #2B90F4; }
.c-widget-user-needs--green {
background-color: #f4faf1; }
.c-widget-user-needs--green .c-widget-user-needs__title {
background-color: #91DD6B; }  @media screen and (min-width: 820px) {
.p-areainfo {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.p-areainfo {
margin-bottom: 2.6rem; } }
.p-areainfo__header {
padding: 0;
overflow: hidden;
margin: 0;
background-color: #338066;
color: #FFFFFF;
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.p-areainfo__header {
padding: 1.8rem 3.2rem 1rem;
border-radius: 2rem 2rem 0 0;
font-size: 2.4rem; } }
@media screen and (max-width: 819px) {
.p-areainfo__header {
padding: 1.2rem 1.6rem;
border-radius: .8rem .8rem 0 0;
font-size: 1.6rem; } }
.p-areainfo__button {
margin-bottom: 1.2rem; }
.p-areainfo__button a {
width: 100%; }
.p-areainfo__button > *:last-child {
margin-bottom: 0 !important; }
.p-areainfo .c-price__unit {
margin-bottom: 2rem; }
@media screen and (min-width: 820px) {
.p-areainfo .c-price__unit__label {
font-size: 1.6rem; } }
@media screen and (max-width: 819px) {
.p-areainfo .c-price__unit__label {
font-size: 1.3rem; } }
@media screen and (min-width: 820px) {
.p-areainfo .c-price__unit__value__num {
font-size: 2.4rem;margin-right: 2px; } }
@media screen and (max-width: 819px) {
.p-areainfo .c-price__unit__value__num {
font-size: 2rem;margin-right: 2px; } }
.p-areainfo .c-price > *:last-child {
margin-bottom: 0 !important; }
.p-areainfo__group {
border-bottom: 1px dashed #CCCCCC; }
@media screen and (min-width: 820px) {
.p-areainfo__group {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 2.4rem;
margin-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.p-areainfo__group {
padding-bottom: 1.6rem;
margin-bottom: 1.6rem; } }
@media screen and (min-width: 820px) {
.p-areainfo__group__col {
min-width: calc( 50% - 1.6rem);
max-width: calc( 50% - 1.6rem); } }
@media screen and (max-width: 819px) {
.p-areainfo__group__col {
margin-bottom: 1.6rem; } }
.p-areainfo__group__col > *:last-child {
margin-bottom: 0 !important; }
.p-areainfo__group > *:last-child {
margin-bottom: 0 !important; }
.p-areainfo__body {
overflow: hidden;
border: 2px solid #338066; }
@media screen and (min-width: 820px) {
.p-areainfo__body {
display: flex;
align-items: center;
justify-content: stretch;
padding: 3.2rem;
border-radius: 0 0 2rem 2rem; } }
@media screen and (max-width: 819px) {
.p-areainfo__body {
padding: 1.6rem;
border-radius: 0 0 .8rem .8rem; } }
.p-areainfo__body__thumb {
text-align: center; }
@media screen and (min-width: 820px) {
.p-areainfo__body__thumb {
min-width: 33.6rem;
max-width: 33.6rem;
height: 20rem;
margin-right: 3.2rem;
text-align: center; } }
@media screen and (max-width: 819px) {
.p-areainfo__body__thumb {
height: 20rem;
margin-bottom: 1.6rem; } }
.p-areainfo__body__thumb img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%; }
.p-areainfo__body__cont {
width: 100%; }
.p-areainfo__body__cont > *:last-child {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
border-bottom: 0; }
.p-areainfo > *:last-child {
margin-bottom: 0 !important; } @media screen and (min-width: 820px) {
.p-article {
margin-bottom: 6.4rem; } }
@media screen and (max-width: 819px) {
.p-article {
margin-bottom: 4rem; } }
.p-article h1,
.p-article h2,
.p-article h3,
.p-article h4,
.p-article h5,
.p-article h6 {
clear: both; }
.p-article h1 {
color: #338066;
font-family: Zen Maru Gothic;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.p-article h1 {
margin-top: 4rem;
margin-bottom: 3rem;
font-size: 3.2rem; } }
@media screen and (max-width: 819px) {
.p-article h1 {
margin-top: 3.5rem;
margin-bottom: 2.8rem;
font-size: 2.4rem; } }
.p-article h2 {
color: #338066;
font-style: normal;
font-weight: 700;
line-height: 1.4;
background: #F4FCF2; }
@media screen and (min-width: 820px) {
.p-article h2 {
padding: 1.2rem 2.4rem 1.2rem 1.6rem;
margin-top: 3.2rem;
margin-bottom: 2.5rem;
font-size: 2.4rem;
border-left: .8rem solid #338066; } }
@media screen and (max-width: 819px) {
.p-article h2 {
padding: 1.2rem 2rem 1.2rem 1.2rem;
margin-top: 2rem;
margin-bottom: 2rem;
font-size: 2rem;
border-left: .8rem solid #338066; } }
.p-article h3 {
border-bottom: .2rem solid #338066;
color: #338066;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.p-article h3 {
padding-bottom: 1rem;
margin-top: 4rem;
margin-bottom: 1.2rem;
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.p-article h3 {
padding-bottom: 1rem;
margin-top: 3.2rem;
margin-bottom: 1.5rem;
font-size: 1.8rem; } }
.p-article h4 {
color: #338066;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.p-article h4 {
margin-top: 2.2rem;
margin-bottom: 1.2rem;
font-size: 1.7rem; } }
@media screen and (max-width: 819px) {
.p-article h4 {
margin-top: 2rem;
margin-bottom: 1.5rem;
font-size: 1.5rem; } }
.p-article h5 {
margin-top: 1rem;
margin-bottom: 0.8rem;
color: #494949;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4; }
.p-article h6{
margin-bottom: 1rem;
font-size: 1.6rem;
text-decoration: underline;}
.p-article ol {
counter-reset: number;
list-style-type: none !important;
padding: 0.5em;
margin-bottom: 4rem; }
.p-article ol li {
position: relative;
padding: 0.5em 0.5em 0.5em 4rem;
line-height: 1.5em; }
.p-article ol li::before {
position: absolute;
top: 50%;
left: 0;
counter-increment: number;
content: counter(number);
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
line-height: 1.4;
text-align: center;
background: #EF8318;
color: white;
font-weight: 700;
font-size: 1.4rem;
border-radius: 50%;
transform: translateY(-50%); }
.p-article ol li::after {
content: '';
display: block;
position: absolute;
left: 2rem;
height: 0;
width: 0;
border-top: .7rem solid transparent;
border-bottom: .7rem solid transparent;
border-left: 1.2rem solid #EF8318;
top: 50%;
transform: translateY(-50%); }
.p-article pre {
margin: 0 0 2.4rem 0;
line-height: 1.5;
background: #f2f2f2;
padding: 1.5rem;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word; }
.p-article blockquote {
margin: 0 0 2.4rem 0;
padding: 2.7rem 3rem .1rem;
background: #f2f2f2;
border-radius: .5rem;
position: relative; }
.p-article blockquote::before {
content: '"';
font-style: italic;
font-size: 3rem;
font-weight: normal;
line-height: 1.3;
width: 3rem;
height: 3rem;
position: absolute;
top: .5rem;
left: 1rem;
color: #999; }
.p-article blockquote::after {
content: '"';
font-style: italic;
font-size: 3rem;
font-weight: normal;
text-align: left;
line-height: 2rem;
width: 3rem;
height: 3rem;
position: absolute;
bottom: .7rem;
right: -.2rem;
color: #999; }
.p-article table {
width: 100%;
margin-left: auto;
margin-right: auto;
border-collapse: collapse; }
@media screen and (min-width: 820px) {
.p-article table {
margin-bottom: 4rem; } }
@media screen and (max-width: 819px) {
.p-article table {
margin-bottom: 2.5rem; } }
.p-article table th,
.p-article table td {
line-height: 1.2;
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
text-align: left;
border: none;
border: 1px solid #CCCCCC; }
.p-article table th {
text-align: left;
background: #E9E9E9;
font-weight: bold; }
.p-article table.navi {
padding: .5rem;
font-size: 1.3rem;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 3rem;
border: 1px solid #CCCCCC; }
@media screen and (min-width: 820px) {
.p-article table.navi {
width: calc( 100% - 4rem); } }
@media screen and (max-width: 819px) {
.p-article table.navi {
width: calc( 100% - 2rem); } }
.p-article table.navi td {
border: 1px solid #CCCCCC;
vertical-align: baseline;
text-align: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
width: 1.5rem; }
.p-article table.navi td.onClick,
.p-article table.navi td.offClick:hover {
background-color: #d4a44e !important;
color: #FFFFFF !important;
cursor: pointer; }
.p-article table.navi td.offClick {
background-color: #FFFFFF !important;
cursor: pointer; }
.p-article > *:first-child {
margin-top: 0 !important; }
.p-article > *:last-child {
margin-bottom: 0 !important; } .p-biz-bulk_rfq-form {
background: #FFF; }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form {
padding: 4rem;
border-radius: 2rem;
border: .3rem solid #FF9C1A;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04); } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form {
padding: 2rem;
border-radius: .8rem;
border: .3rem solid #FF9C1A;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04); } }
.p-biz-bulk_rfq-form input[type="text"],
.p-biz-bulk_rfq-form input[type="email"],
.p-biz-bulk_rfq-form input[type="tel"],
.p-biz-bulk_rfq-form select,
.p-biz-bulk_rfq-form textarea {
width: 100%;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.6;
border-radius: .6rem;
border: 1px solid #CBD5E0;
background: #FFF; }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form input[type="text"],
.p-biz-bulk_rfq-form input[type="email"],
.p-biz-bulk_rfq-form input[type="tel"],
.p-biz-bulk_rfq-form select,
.p-biz-bulk_rfq-form textarea {
padding: 1.2rem 1.6rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form input[type="text"],
.p-biz-bulk_rfq-form input[type="email"],
.p-biz-bulk_rfq-form input[type="tel"],
.p-biz-bulk_rfq-form select,
.p-biz-bulk_rfq-form textarea {
padding: 1rem 1.6rem; } }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__unit {
margin-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__unit {
margin-bottom: 1.6rem; } }
.p-biz-bulk_rfq-form__unit .__label {
font-weight: 700;
line-height: 1.6; }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__unit .__label {
margin-bottom: .8rem;
font-size: 1.6rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__unit .__label {
margin-bottom: .6rem;
font-size: 1.4rem; } }
.p-biz-bulk_rfq-form__unit .__label .__badge {
display: inline-block;
line-height: 1;
padding: .4rem .8rem;
margin-left: .8rem;
border-radius: .4rem;
background: #FF9C1A;
color: #FFFFFF;
font-weight: 700; }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__unit .__label .__badge {
font-size: 1.3rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__unit .__label .__badge {
font-size: 1.1rem; } }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__column {
display: flex;
align-items: stretch;
justify-content: stretch;
margin-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__column {
margin-bottom: 0; } }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__column__col {
min-width: calc( 50% - 2rem);
max-width: calc( 50% - 2rem);
margin-top: 2.4rem;
margin-right: auto; }
.p-biz-bulk_rfq-form__column__col:nth-child(-n+2) {
margin-top: 0; }
.p-biz-bulk_rfq-form__column__col:nth-child(2n) {
margin-right: 0; }
.p-biz-bulk_rfq-form__column__col > *:last-child {
margin-bottom: 0; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__column__col {
margin-bottom: 0; } }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__submit {
padding-top: 1.6rem; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__submit {
padding-top: .4rem; } }
.p-biz-bulk_rfq-form__submit__button {
margin: 0 auto 1.8rem; }
@media screen and (min-width: 820px) {
.p-biz-bulk_rfq-form__submit__button {
width: fit-content; } }
@media screen and (max-width: 819px) {
.p-biz-bulk_rfq-form__submit__button {
width: 100%; } }
.p-biz-bulk_rfq-form__submit__button > *:last-child {
margin-bottom: 0; }
.p-biz-bulk_rfq-form__submit__term {
text-align: center; }
.p-biz-bulk_rfq-form__submit__term a:link, .p-biz-bulk_rfq-form__submit__term a:visited, .p-biz-bulk_rfq-form__submit__term a:active, .p-biz-bulk_rfq-form__submit__term a:hover {
color: currentColor; }
.p-biz-bulk_rfq-form > *:last-child {
margin-bottom: 0; } .p-box {
background-color: #FFFFFF; }
@media screen and (min-width: 820px) {
.p-box {
padding: 2.4rem 2.4rem;
margin-bottom: 3.2rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.p-box {
padding: 1.6rem 1.6rem;
margin-bottom: 2.4rem;
border-radius: .8rem; } }
.p-box--green {
background-color: #E4F2DA; }
@media screen and (min-width: 820px) {
.p-box--high {
padding: 3.6rem 2.4rem; } }
@media screen and (max-width: 819px) {
.p-box--high {
padding: 2.4rem 1.6rem; } }
@media screen and (max-width: 819px) {
.p-box--sp-none {
padding: 0;
background-color: transparent;
border-radius: 0; } }
@media screen and (min-width: 820px) {
.p-box.c-toggle--active {
padding-bottom: 1px; }
.p-box.c-toggle--active .c-toggle__cont {
padding-bottom: 2.4rem; } }
@media screen and (max-width: 819px) {
.p-box.c-toggle--active {
padding: 0; }
.p-box.c-toggle--active .c-toggle__button {
padding: 1.6rem; }
.p-box.c-toggle--active .c-toggle__cont {
padding: 0 1.6rem 1.6rem; } }
.p-box > *:last-child {
margin-bottom: 0; } @media screen and (min-width: 820px) {
.p-button-wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding-bottom: 1px;
margin-bottom: 2.5rem; }
.p-button-wrap__unit {
margin: 0 2rem 3rem; }
.p-button-wrap__unit > *:last-child {
margin-bottom: 0; } }
@media screen and (max-width: 819px) {
.p-button-wrap {
margin-bottom: 3.2rem; }
.p-button-wrap__unit {
margin: 0 0 2.2rem; }
.p-button-wrap__unit > *:last-child {
margin-bottom: 0; }
.p-button-wrap > *:last-child {
margin-bottom: 0; } }
.p-button-wrap__unit .c-button.headcolumn {
background-color: #f7931e !important; 
color: #ffffff !important;            
border-radius: 50px !important;       
border: 2px solid #ffffff !important;
box-shadow: 0 0 0 2px #f7931e !important;
font-weight: bold !important;
}
.p-button-wrap__unit .c-button.headcolumn::after {
border-color: #ffffff !important;
} .p-cat-list {
display: flex;
flex-wrap: wrap;
margin: 0;
list-style: none; }
@media screen and (min-width: 820px) {
.p-cat-list {
align-items: center;
justify-content: center;
padding: 0 .6rem;
margin-top: -.6rem;
margin-bottom: -.6rem; } }
@media screen and (max-width: 819px) {
.p-cat-list {
align-items: center;
justify-content: flex-start;
padding: 0;
margin-left: -.4rem;
margin-right: -.4rem;
margin-top: -.8rem; } }
@media screen and (min-width: 820px) {
.p-cat-list li {
margin: .6rem .6rem; } }
@media screen and (max-width: 819px) {
.p-cat-list li {
margin: 0 .4rem;
margin-top: .8rem; } }
.p-cat-list > *:last-child {
margin-right: 0; } .p-column {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
margin-bottom: 2.4rem; }
.p-column__col {
margin-right: auto;
margin-top: 2.4rem; }
@media screen and (min-width: 820px) {
.p-column--pc-col4 .p-column__col {
min-width: calc( 25% - 1.8rem);
max-width: calc( 25% - 1.8rem); }
.p-column--pc-col4 .p-column__col:nth-child(4n) {
margin-right: 0; }
.p-column--pc-col4 .p-column__col:nth-child(-n+4) {
margin-top: 0; }
.p-column--pc-col3 .p-column__col {
min-width: calc( 33.3% - 1.6rem);
max-width: calc( 33.3% - 1.6rem); }
.p-column--pc-col3 .p-column__col:nth-child(3n) {
margin-right: 0; }
.p-column--pc-col3 .p-column__col:nth-child(-n+3) {
margin-top: 0; }
.p-column--pc-col2 .p-column__col {
min-width: calc( 50% - 1.2rem);
max-width: calc( 50% - 1.2rem); }
.p-column--pc-col2 .p-column__col:nth-child(2n) {
margin-right: 0; }
.p-column--pc-col2 .p-column__col:nth-child(-n+2) {
margin-top: 0; } }
@media screen and (max-width: 819px) {
.p-column--sp-col2 .p-column__col {
min-width: calc( 50% - .6rem);
max-width: calc( 50% - .6rem); }
.p-column--sp-col2 .p-column__col:nth-child(2n) {
margin-right: 0; }
.p-column--sp-col2 .p-column__col:nth-child(-n+2) {
margin-top: 0; }
.p-column--sp-col1 .p-column__col {
width: 100%;
margin-right: 0; }
.p-column--sp-col1 .p-column__col:first-child {
margin-top: 0; } } .p-contents {
background-color: transparent; }
@media screen and (min-width: 820px) {
.p-contents {
padding: 10rem 2rem; } }
@media screen and (max-width: 819px) {
.p-contents {
padding: 6.4rem 1.6rem; } }
.p-contents__inner {
width: 100%;
max-width: 110rem;
padding: 0;
margin: 0 auto; }
.p-contents__inner > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.p-contents--slim {
padding-top: 3rem; } }
@media screen and (max-width: 819px) {
.p-contents--slim {
padding-top: 2rem; } }
.p-contents--home {
padding-top: 0; }
.p-contents--home-column {
background-color: #F4FCF2; }
.p-contents--home-data {
background-color: #FAFCF5; }
@media screen and (min-width: 820px) {
.p-contents--biz-bulk_rfq-form {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under.png), url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-form__bg--pc.png);
background-position: left bottom, center top;
background-repeat: repeat-x, no-repeat;
background-size: 50%, 100%; } }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-form {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under--sp2.png), url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-form__bg--sp.png);
background-position: left bottom, center top;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%; } }
.p-contents--biz-bulk_rfq-summary {
position: relative;
overflow: hidden; }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-summary {
padding-top: 4.8rem;
padding-bottom: 4.8rem; } }
.p-contents--biz-bulk_rfq-summary::before, .p-contents--biz-bulk_rfq-summary::after {
z-index: 1;
position: absolute;
display: block;
content: "";
background-repeat: no-repeat;
background-size: 100%; }
.p-contents--biz-bulk_rfq-summary::before {
top: 0;
background-position: right top;
background-size: 100%; }
@media screen and (min-width: 820px) {
.p-contents--biz-bulk_rfq-summary::before {
left: 50%;
width: 74rem;
height: 44rem;
margin-left: -27rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-summary__bg--before.png);
transform: translateX(-100%); } }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-summary::before {
left: 0;
width: 13.9rem;
height: 12.7rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-summary__bg--before--sp.png); } }
.p-contents--biz-bulk_rfq-summary::after {
bottom: 0;
background-position: left bottom;
background-size: 100%; }
@media screen and (min-width: 820px) {
.p-contents--biz-bulk_rfq-summary::after {
right: 50%;
width: 61rem;
height: 40rem;
margin-right: -34rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-summary__bg--after.png);
transform: translateX(100%); } }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-summary::after {
right: 0;
width: 10.3rem;
height: 13.4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/page/biz-bulk_rfq/p-contents--biz-bulk_rfq-summary__bg--after--sp.png); } }
.p-contents--biz-bulk_rfq-summary .p-contents__inner {
position: relative;
z-index: 2; }
.p-contents--biz-bulk_rfq-reason {
background-color: #F4FCF2; }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-reason {
padding-top: 4.8rem;
padding-bottom: 4.8rem; } }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-case {
padding-top: 4.8rem;
padding-bottom: 4.8rem; } }
.p-contents--biz-bulk_rfq-flow {
background-color: #F4FCF2; }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-flow {
padding-top: 4.8rem;
padding-bottom: 4.8rem; } }
.p-contents--biz-bulk_rfq-media {
background-color: #F4FCF2; }
@media screen and (max-width: 819px) {
.p-contents--biz-bulk_rfq-media {
padding-top: 4.8rem;
padding-bottom: 4.8rem; } }
@media screen and (min-width: 820px) {
.p-contents--footer-sitemap {
background-color: #DCF0CE; } }
@media screen and (max-width: 819px) {
.p-contents--footer-sitemap {
padding: 0;
margin: 0;
background-color: #FFFFFF; } }
.p-contents--footer {
background-color: #FFFFFF; }
@media screen and (min-width: 820px) {
.p-contents--footer {
padding-bottom: 4.8rem; } }
@media screen and (max-width: 819px) {
.p-contents--footer {
padding: 0;
margin: 0; } }
.p-contents > *:last-child {
margin-bottom: 0; }
.fit-color{background-color:#f1e6c1!important;
}
.gas-color{background-color:#d0f6fb!important;
} @media screen and (min-width: 820px) {
.p-contents-header {
margin-bottom: 6.2rem; } }
@media screen and (max-width: 819px) {
.p-contents-header {
margin-bottom: 3.2rem; } }
.p-contents-header > *:last-child {
margin-bottom: 0; } .p-genre-list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
list-style: none;
padding: 0;
margin: 0; }
@media screen and (min-width: 820px) {
.p-genre-list {
margin-bottom: 6.4rem; } }
@media screen and (max-width: 819px) {
.p-genre-list {
margin-bottom: 3.2rem; } }
@media screen and (min-width: 820px) {
.p-genre-list li {
max-width: calc( 25% - 1.8rem);
min-width: calc( 25% - 1.8rem);
margin: 0;
margin-top: 2.4rem;
margin-right: 2.4rem; }
.p-genre-list li:nth-child(4n) {
margin-right: 0; }
.p-genre-list li:nth-child(-n+4) {
margin-top: 0; } }
@media screen and (max-width: 819px) {
.p-genre-list li {
max-width: calc( 50% - .6rem);
min-width: calc( 50% - .6rem);
margin: 0;
margin-top: 1.2rem;
margin-right: 1.2rem; }
.p-genre-list li:nth-child(2n) {
margin-right: 0; }
.p-genre-list li:nth-child(-n+2) {
margin-top: 0; } }
.p-genre-list > *:last-child {
margin-right: 0; } .p-icon-box {
padding-top: 5rem; }
.p-icon-box__icon {
z-index: 1;
position: absolute;
left: 50%;
top: 0;
width: 10rem;
height: 10rem;
overflow: hidden;
margin-top: -5rem;
margin-left: -5rem;
background-color: #FFFFFF;
border-radius: 100%; }
.p-icon-box__icon img {
width: 100%;
height: auto; }
.p-icon-box__title {
z-index: 2;
position: relative;
color: #338066;
text-align: center;
font-family: Zen Maru Gothic;
font-style: normal;
font-weight: 700;
line-height: 1.4; }
@media screen and (min-width: 820px) {
.p-icon-box__title {
margin-bottom: 1.2rem;
font-size: 1.8rem; } }
@media screen and (max-width: 819px) {
.p-icon-box__title {
margin-bottom: .8rem;
font-size: 1.6rem; } }
.p-icon-box__cont {
z-index: 2;
position: relative; }
.p-icon-box__cont > *:last-child {
margin-bottom: 0; }
.p-icon-box__inner {
position: relative;
background-color: #FFFFFF; }
@media screen and (min-width: 820px) {
.p-icon-box__inner {
padding: 2.4rem;
border-radius: 2rem; } }
@media screen and (max-width: 819px) {
.p-icon-box__inner {
padding: 1.6rem;
border-radius: .8rem; } }
.p-icon-box__inner > *:last-child {
margin-bottom: 0; } @media screen and (min-width: 820px) {
.p-page-column {
display: flex;
align-items: stretch;
justify-content: space-between; } }
.p-page-column__main {
width: 100%; }
@media screen and (min-width: 820px) {
.p-page-column__main {
max-width: 76rem; } }
.p-page-column__main > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.p-page-column__sub {
max-width: 30rem;
min-width: 30rem;
margin-left: 4rem; } }
.p-page-column__sub__section {
margin-bottom: 4rem; }
.p-page-column__sub__section > *:last-child {
margin-bottom: 0; }
@media screen and (min-width: 820px) {
.p-page-column__sub__inner.is-sticky {
position: sticky;
right: 0;
top: 0; } }
@media screen and (max-width: 819px) {
.p-page-column__sub__inner.is-sticky {
top: auto !important; } }
.p-page-column__sub > *:last-child {
margin-bottom: 0; } @media screen and (min-width: 820px) {
.p-sitemap {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
justify-content: stretch;
font-size: 1.3rem; } }
@media screen and (max-width: 819px) {
.p-sitemap {
background-color: #FAFCF5; } }
.p-sitemap__heading a {
display: block; }
.p-sitemap__heading a:link, .p-sitemap__heading a:visited, .p-sitemap__heading a:active, .p-sitemap__heading a:hover {
color: currentColor; }
@media screen and (max-width: 819px) {
.p-sitemap__heading a:link, .p-sitemap__heading a:visited, .p-sitemap__heading a:active, .p-sitemap__heading a:hover {
text-decoration: none; } }
@media screen and (min-width: 820px) {
.p-sitemap__heading a:link, .p-sitemap__heading a:visited {
text-decoration: none; } }
@media screen and (min-width: 820px) {
.p-sitemap__heading a:active, .p-sitemap__heading a:hover {
text-decoration: underline; } }
@media screen and (min-width: 820px) {
.p-sitemap__heading--level1 {
margin-bottom: 1.2rem;
font-weight: 700;
font-size: 2rem; } }
@media screen and (max-width: 819px) {
.p-sitemap__heading--level1 {
padding: 1.6rem;
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
color: #494949 !important;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6; } }
@media screen and (min-width: 820px) {
.p-sitemap__heading--level2 {
font-weight: 700;
font-size: 1.3rem; } }
@media screen and (max-width: 819px) {
.p-sitemap__heading--level2 {
padding: 1.6rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6rem;
border-bottom: 1px solid #CCCCCC; } }
@media screen and (min-width: 820px) {
.p-sitemap__section {
margin-bottom: 5rem; } }
.p-sitemap__section > *:last-child {
margin-bottom: 0; }
.p-sitemap__list {
padding: 0;
margin: 0;
font-size: 1.3rem;
list-style: none; }
@media screen and (min-width: 820px) {
.p-sitemap__list {
margin-bottom: .5em; } }
@media screen and (max-width: 819px) {
.p-sitemap__list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: flex-start;
border-bottom: 1px solid #CCCCCC; } }
.p-sitemap__list > *:last-child {
margin-bottom: 0; }
@media screen and (max-width: 819px) {
.p-sitemap__list li {
min-width: 50%;
max-width: 50%;
border-right: 1px solid #CCCCCC; }
.p-sitemap__list li:nth-child(2n) {
border-right: 0;
border-bottom: 1px solid #CCCCCC; }
.p-sitemap__list li:nth-child(2n-1) {
border-bottom: 1px solid #CCCCCC; }
.p-sitemap__list li:last-child {
border-bottom: 0; }
.p-sitemap__list li:nth-last-child(2) {
border-bottom: 0; }
.p-sitemap__list li:nth-last-child(2):nth-child(2n) {
border-bottom: 1px solid #CCCCCC; } }
.p-sitemap__list li a {
text-decoration: none; }
@media screen and (max-width: 819px) {
.p-sitemap__list li a {
display: block;
padding: 1.6rem;
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6; } }
.p-sitemap__list li a:link, .p-sitemap__list li a:visited {
color: currentColor; }
.p-sitemap__list li a:active, .p-sitemap__list li a:hover {
color: #338066;
text-decoration: underline; }
@media screen and (max-width: 819px) {
.p-sitemap__button {
padding: 1.6rem;
border-bottom: 1px solid #CCCCCC; } }
.p-sitemap__button .c-button {
display: flex;
align-items: center;
justify-content: center; }
@media screen and (min-width: 820px) {
.p-sitemap__button .c-button__img {
margin-right: .8rem; } }
@media screen and (max-width: 819px) {
.p-sitemap__button .c-button__img {
width: 1.8rem;
margin-right: .8rem; } }
.p-sitemap__button .c-button__img img {
width: 100%; }
@media screen and (min-width: 820px) {
.p-sitemap__button .c-button {
background-color: #FFFFFF;
box-shadow: none;
transition: opacity .3s ease; }
.p-sitemap__button .c-button::after {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-illust-green.svg); }
.p-sitemap__button .c-button:link, .p-sitemap__button .c-button:visited, .p-sitemap__button .c-button:active, .p-sitemap__button .c-button:hover {
color: #338066; }
.p-sitemap__button .c-button:active, .p-sitemap__button .c-button:hover {
transform: translateY(0);
opacity: .5; } }
@media screen and (min-width: 820px) {
.p-sitemap__logo {
width: 22rem; } }
@media screen and (max-width: 819px) {
.p-sitemap__logo {
padding: 3.2rem 0 2.4rem;
text-align: center;
background-color: #FFFFFF; }
.p-sitemap__logo img {
width: 22rem;
height: auto; } }
@media screen and (min-width: 820px) {
.p-sitemap > * {
margin-right: 6rem; } }
.p-sitemap > *:last-child {
margin-right: 0; }  .l-contents {
padding-bottom: 1px; }
@media screen and (min-width: 820px) {
.l-contents {
padding-top: 11.4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under.png);
background-repeat: repeat-x;
background-position: left bottom;
background-size: 50%; } }
@media screen and (max-width: 819px) {
.l-contents {
padding-top: 14.8rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under--sp.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: 100%; } }
@media screen and (min-width: 820px) {
.l-contents--home {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under.png), url(//price-energy.com/wp-content/themes/mytheme/resource/img/p-contents--home__bg--pc.svg);
background-position: left bottom, center top;
background-repeat: repeat-x, no-repeat;
background-size: 50%, 191rem; } }
@media screen and (max-width: 819px) {
.l-contents--home {
padding-top: 7.9rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-contents__bg__under.png), url(//price-energy.com/wp-content/themes/mytheme/resource/img/p-contents--home__bg--sp.png);
background-position: left bottom, center top;
background-repeat: no-repeat, no-repeat;
background-size: 100%, 100%; } }
.l-contents--biz-bulk_rfq {
padding-bottom: 0;
background-image: none; }
@media screen and (min-width: 820px) {
.l-contents--biz-bulk_rfq {
padding-top: 17.2rem; } }
@media screen and (max-width: 819px) {
.l-contents--biz-bulk_rfq {
padding-top: 7.9rem; } } @media screen and (max-width: 819px) {
.l-footer {
padding-bottom: 2.4rem; } }
.l-footer--biz-bulk_rfq {
background-color: #338066;
color: #FFFFFF;
text-align: center; }
@media screen and (min-width: 820px) {
.l-footer--biz-bulk_rfq {
padding: 1.6rem; } }
@media screen and (max-width: 819px) {
.l-footer--biz-bulk_rfq {
padding: 1.6rem; } }
.l-footer--biz-bulk_rfq .c-copyright {
color: #FFFFFF; }
.l-footer--biz-bulk_rfq .c-copyright small {
font-size: 1.1rem;
font-style: normal;
font-weight: 400;
line-height: 1.6; }
.l-footer {
content-visibility: auto;
contain-intrinsic-size: auto 793.54px; 
contain: content;
}
@media screen and (min-width: 819px) {
.l-footer {
contain-intrinsic-size: 2750.61px;
contain: content;
}
} @media screen and (min-width: 820px) {
.l-header {
z-index: 101;
position: fixed;
left: 50%;
top: 0;
width: 100%;
max-width: 120rem;
padding-bottom: 1.6rem;
transform: translateX(-50%); }
.l-header__sub {
line-height: 1.6;
padding: .4rem 2.4rem;
background-color: #338066;
color: #FFFFFF;
font-size: 1.1rem; }
.l-header__main {
display: flex;
align-items: center;
justify-content: stretch;
height: 8.8rem;
padding: 0 2.4rem;
background-color: #FFFFFF;
border-radius: 0 0 2rem 2rem;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04); }
.l-header__main__logo {
min-width: 27.5rem;
max-width: 27.5rem;
overflow: hidden;
margin: 0; }
.l-header__main__logo__img {
padding: 0;
margin: 0; }
.l-header__main__logo__img a {
display: block; }
.l-header__main__logo__img img {
vertical-align: bottom; }
.l-header__main__logo__button {
display: none; }
.l-header:not(.l-header--home) .l-header__main__navi {
display: flex;
align-items: stretch;
justify-content: flex-end;
min-height: 100%;
margin-left: auto;
border-left: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC; }
.l-header:not(.l-header--home) .l-header__main__navi__group {
display: flex;
align-items: stretch;
justify-content: flex-end;
min-height: 100%;
border-right: 1px dashed #CCCCCC; }
.l-header:not(.l-header--home) .l-header__main__navi__group__title {
display: flex;
align-items: center;
justify-content: center;
padding-left: 1.6rem;
padding-right: 1.6rem;
text-align: center;
font-family: Zen Maru Gothic;
font-size: 1.3rem;
font-style: normal;
font-weight: 700;
line-height: 1.4;
border-right: 1px dashed #CCCCCC; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
min-height: 100%;
padding: 0;
margin: 0; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li {
display: flex;
align-items: stretch;
justify-content: stretch;
min-width: 13.3rem;
min-height: 100%;
border-right: 1px dashed #CCCCCC; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: 100%;
border-bottom: 4px solid #CCCCCC;
color: currentColor;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.6; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a::before {
display: block;
content: "";
min-width: 3.6rem;
min-height: 3.6rem;
margin-bottom: .4rem;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a:link, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:visited, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:active, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:hover {
text-decoration: none; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a:active, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:hover {
opacity: .5; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--recommend a {
border-bottom-color: #FF949D; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--recommend a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--recommend.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--city a {
border-bottom-color: #91DD6B; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--city a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--city.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--lp a {
border-bottom-color: #FFC259; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--lp a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--lp.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp a {
border-bottom-color: #6CF; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--corp.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li:last-child {
border-right: 0; }
.l-header:not(.l-header--home) .l-header__main__navi__group--family .l-header__main__navi__group__title {
color: #F66; }
.l-header:not(.l-header--home) .l-header__main__navi__group--corp .l-header__main__navi__group__title {
color: #31A3F5; }
.l-header:not(.l-header--home) .l-header__main__navi__group--corp .l-header__main__navi__group__list li a::after {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-border-blue.svg); }
.l-header:not(.l-header--home) .l-header__main__navi__group--alldenka .l-header__main__navi__group__title {
color: #31A3F5; }
.l-header:not(.l-header--home) .l-header__main__navi__group:last-child {
padding-right: 0;
margin-right: 0;
border: 0; }
.l-header.l-header--home .l-header__main__navi {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto; }
.l-header.l-header--home .l-header__main__navi__group {
display: flex;
align-items: stretch;
justify-content: flex-end;
padding-right: 2rem;
border-right: 1px dashed #CCCCCC; }
.l-header.l-header--home .l-header__main__navi__group__title {
display: flex;
align-items: center;
justify-content: stretch;
padding-left: 2rem;
padding-right: 2rem;
text-align: center;
font-family: Zen Maru Gothic;
font-size: 1.3rem;
font-style: normal;
font-weight: 700;
line-height: 1.4;
border-right: 1px dashed #CCCCCC; }
.l-header.l-header--home .l-header__main__navi__group__list {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
min-height: 100%;
padding: 0;
margin: 0; }
.l-header.l-header--home .l-header__main__navi__group__list li {
display: flex;
align-items: center;
justify-content: stretch;
min-height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
border-right: 1px dashed #CCCCCC; }
.l-header.l-header--home .l-header__main__navi__group__list li a {
position: relative;
padding-right: 1.5rem;
color: currentColor;
font-size: 1.4rem;
font-weight: 700;
line-height: 1.4; }
.l-header.l-header--home .l-header__main__navi__group__list li a::after {
position: absolute;
right: 0;
top: 50%;
content: "";
display: block;
width: 1.2rem;
height: 1.2rem;
margin-top: -.6rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-border-red.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: 100%; }
.l-header.l-header--home .l-header__main__navi__group__list li a:link, .l-header.l-header--home .l-header__main__navi__group__list li a:visited, .l-header.l-header--home .l-header__main__navi__group__list li a:active, .l-header.l-header--home .l-header__main__navi__group__list li a:hover {
text-decoration: none; }
.l-header.l-header--home .l-header__main__navi__group__list li a:active, .l-header.l-header--home .l-header__main__navi__group__list li a:hover {
opacity: .5; }
.l-header.l-header--home .l-header__main__navi__group__list li:last-child {
padding-right: 0;
border-right: 0; }
.l-header.l-header--home .l-header__main__navi__group--family .l-header__main__navi__group__title {
color: #F66; }
.l-header.l-header--home .l-header__main__navi__group--corp .l-header__main__navi__group__title {
color: #31A3F5; }
.l-header.l-header--home .l-header__main__navi__group--corp .l-header__main__navi__group__list li a::after {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-border-blue.svg); }
.l-header.l-header--home .l-header__main__navi__group--alldenka .l-header__main__navi__group__title {
color: #31A3F5; }
.l-header.l-header--home .l-header__main__navi__group:last-child {
padding-right: 0;
margin-right: 0;
border: 0; }
@-moz-document url-prefix() {
.l-header__main__navi {
letter-spacing: -.05em; } } }
@media screen and (max-width: 1199px) {
.l-header { }
@-moz-document url-prefix() {
.l-header__main__navi {
letter-spacing: -.1em; } } }
@media screen and (max-width: 819px) {
.l-header {
z-index: 101;
position: fixed;
width: 100%;
padding-bottom: 1.6rem; }
.l-header__sub {
display: none;
align-items: center;
justify-content: stretch;
height: 2.3rem;
padding: 0 1.6rem;
background-color: #338066;
color: #FFFFFF;
font-size: 1rem;
font-weight: 500;
line-height: 1.6; }
.l-header__main__logo {
position: relative;
display: flex;
align-items: center;
justify-content: stretch;
max-width: inherit;
min-width: inherit;
height: 5.6rem;
line-height: 1;
padding: 0 1.6rem;
margin-bottom: 0;
background-color: #FFFFFF; }
.l-header__main__logo__img {
display: block;
width: 18.9rem;
padding: 0;
margin: 0; }
.l-header__main__logo__img a {
display: block; }
.l-header__main__logo__img img {
width: 100%;
height: auto; }
.l-header__main__logo__button {
position: absolute;
right: 1.6rem;
top: 50%;
width: 3.2rem;
height: 2.5rem;
margin-top: -1.25rem; }
.l-header__main__logo__button img {
width: 100%;
height: auto; }
.l-header:not(.l-header--home) .l-header__main__logo {
background-color: #FFFFFF; }
.l-header:not(.l-header--home) .l-header__main__navi {
display: flex;
align-items: stretch;
justify-content: stretch;
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04);
opacity: 1;
transition: opacity .5s ease; }
.l-header:not(.l-header--home) .l-header__main__navi__group {
min-height: 100%; }
.l-header:not(.l-header--home) .l-header__main__navi__group__title {
display: none; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list {
list-style: none;
padding: 0;
margin: 0; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
min-height: 6.8rem;
border-bottom: 4px solid #CCCCCC;
color: currentColor;
font-size: 1.1rem;
font-weight: 700;
line-height: 1.4;
text-align: center; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a::before {
display: block;
content: "";
min-width: 2.4rem;
min-height: 2.4rem;
margin-bottom: .2rem;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a:link, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:visited, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:active, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:hover {
text-decoration: none; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li a:active, .l-header:not(.l-header--home) .l-header__main__navi__group__list li a:hover {
opacity: .5; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--recommend a {
border-bottom-color: #FF949D; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--recommend a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--recommend.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--city a {
border-bottom-color: #91DD6B; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--city a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--city.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--lp a {
border-bottom-color: #FFC259; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--lp a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--lp.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp a {
border-bottom-color: #6CF; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp a::before {
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--corp.png); }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp .--corp__wrap {
display: flex;
align-items: center;
justify-content: center; }
.l-header:not(.l-header--home) .l-header__main__navi__group__list li.--corp .--corp__wrap::before {
content: "";
display: block;
width: 2.6rem;
height: 2.6rem;
margin-right: .4rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-header__main__navi--corp__icon.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.l-header:not(.l-header--home) .l-header__main__navi__group--family {
min-width: 75%; }
.l-header:not(.l-header--home) .l-header__main__navi__group--family .l-header__main__navi__group__title {
background-color: #F66; }
.l-header:not(.l-header--home) .l-header__main__navi__group--family .l-header__main__navi__group__list {
display: flex;
align-items: stretch;
justify-content: stretch; }
.l-header:not(.l-header--home) .l-header__main__navi__group--family .l-header__main__navi__group__list li {
width: 33.3%;
border-right: 1px dashed #CCCCCC; }
.l-header:not(.l-header--home) .l-header__main__navi__group--corp {
min-width: 25%; }
.l-header:not(.l-header--home) .l-header__main__navi__group--corp .l-header__main__navi__group__title {
background-color: #31A3F5; }
.l-header:not(.l-header--home) .l-header__main__navi__group--corp .l-header__main__navi__group__list li {
width: 100%; }
.l-header:not(.l-header--home) .l-header__main__navi__group--alldenka {
min-width: 25%; }
.l-header:not(.l-header--home) .l-header__main__navi__group--alldenka .l-header__main__navi__group__title {
background-color: #31A3F5; }
.l-header:not(.l-header--home) .l-header__main__navi__group--alldenka .l-header__main__navi__group__list li {
width: 100%; }
.l-header:not(.l-header--home).is-scroll {
top: -5.8rem; }
.l-header.l-header--home {
transition: all .5s ease; }
.l-header.l-header--home .l-header__main__logo {
background-color: transparent; }
.l-header.l-header--home .l-header__main__navi {
display: flex;
align-items: stretch;
justify-content: stretch;
background-color: #FFFFFF;
border-radius: 0 0 2rem 2rem;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04);
opacity: 1;
transition: opacity .5s ease; }
.l-header.l-header--home .l-header__main__navi:not(.is-show) {
opacity: 0;
pointer-events: none; }
.l-header.l-header--home .l-header__main__navi__group {
min-height: 100%; }
.l-header.l-header--home .l-header__main__navi__group__title {
padding: .7rem 0 .6rem;
color: #FFF;
text-align: center;
font-family: Zen Maru Gothic;
font-size: 1rem;
font-weight: 700;
line-height: 1;
background-color: #CCCCCC; }
.l-header.l-header--home .l-header__main__navi__group__list {
list-style: none;
padding: 0;
margin: 0; }
.l-header.l-header--home .l-header__main__navi__group__list a {
display: flex;
align-items: center;
justify-content: center;
padding: 1.2rem 0;
text-align: center;
font-feature-settings: 'palt' on;
font-family: Noto Sans JP;
font-size: 1.1rem;
font-style: normal;
font-weight: 700;
line-height: 140%; }
.l-header.l-header--home .l-header__main__navi__group__list a:link, .l-header.l-header--home .l-header__main__navi__group__list a:visited, .l-header.l-header--home .l-header__main__navi__group__list a:active, .l-header.l-header--home .l-header__main__navi__group__list a:hover {
color: #5C5C5C;
text-decoration: none; }
.l-header.l-header--home .l-header__main__navi__group--family {
min-width: 75%; }
.l-header.l-header--home .l-header__main__navi__group--family .l-header__main__navi__group__title {
background-color: #F66; }
.l-header.l-header--home .l-header__main__navi__group--family .l-header__main__navi__group__list {
display: flex;
align-items: stretch;
justify-content: stretch; }
.l-header.l-header--home .l-header__main__navi__group--family .l-header__main__navi__group__list li {
width: 33.3%;
border-right: 1px dashed #CCCCCC; }
.l-header.l-header--home .l-header__main__navi__group--family .l-header__main__navi__group__list li a {
display: block; }
.l-header.l-header--home .l-header__main__navi__group--corp {
min-width: 25%; }
.l-header.l-header--home .l-header__main__navi__group--corp .l-header__main__navi__group__title {
background-color: #31A3F5; }
.l-header.l-header--home .l-header__main__navi__group--corp .l-header__main__navi__group__list li {
width: 100%; }
.l-header.l-header--home .l-header__main__navi__group--corp .l-header__main__navi__group__list li a {
display: block; }
.l-header.l-header--home .l-header__main__navi__group--alldenka {
min-width: 25%; }
.l-header.l-header--home .l-header__main__navi__group--alldenka .l-header__main__navi__group__title {
background-color: #31A3F5; }
.l-header.l-header--home .l-header__main__navi__group--alldenka .l-header__main__navi__group__list li {
width: 100%; }
.l-header.l-header--home .l-header__main__navi__group--alldenka .l-header__main__navi__group__list li a {
display: block; }
.l-header.l-header--home.is-scroll {
margin-top: -5.6rem; } }
@media screen and (min-width: 820px) {
.l-header--biz-bulk_rfq {
overflow: hidden;
padding-bottom: 1.6rem; }
.l-header--biz-bulk_rfq__main {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: stretch;
height: 8.8rem;
padding: 0 2.4rem;
background-color: #FFFFFF; }
.l-header--biz-bulk_rfq__main__logo {
display: flex;
align-items: center;
justify-content: flex-start;
min-width: 34.7rem;
max-width: 34.7rem;
overflow: hidden;
margin: 0; }
.l-header--biz-bulk_rfq__main__logo__img {
min-width: 28.3rem;
max-width: 28.3rem;
padding: 0;
margin: 0; }
.l-header--biz-bulk_rfq__main__logo__img a {
display: block; }
.l-header--biz-bulk_rfq__main__logo__img img {
vertical-align: bottom; }
.l-header--biz-bulk_rfq__main__logo__fb {
min-width: 4rem;
max-width: 4rem;
margin-left: auto; }
.l-header--biz-bulk_rfq__main__logo__fb a {
display: block; }
.l-header--biz-bulk_rfq__main__logo__fb a img {
width: 100%;
height: auto; }
.l-header--biz-bulk_rfq__main__logo__button {
display: none; }
.l-header--biz-bulk_rfq__main__cta {
display: flex;
align-items: center;
justify-content: flex-end;
margin-left: auto; }
.l-header--biz-bulk_rfq__main__cta__tel {
max-width: 23.5rem;
min-width: 23.5rem; }
.l-header--biz-bulk_rfq__main__cta__tel a {
display: block; }
.l-header--biz-bulk_rfq__main__cta__tel a img {
width: 100%;
height: auto; }
.l-header--biz-bulk_rfq__main__cta__contact {
max-width: 28rem;
min-width: 28rem;
padding-bottom: .6rem;
margin-left: 2.4rem; }
.l-header--biz-bulk_rfq__main__cta__contact a {
width: 100%;
min-width: inherit;
margin-bottom: 0; }
.l-header--biz-bulk_rfq__navi {
position: relative;
z-index: 1;
padding: .6rem 0;
background-color: #F4FCF2;
box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.12), 0 0.2rem 0.8rem 0 rgba(0, 0, 0, 0.04); }
.l-header--biz-bulk_rfq__navi__list {
display: flex;
align-items: stretch;
justify-content: stretch;
list-style: none;
padding: 0;
margin: 0; }
.l-header--biz-bulk_rfq__navi__list li {
flex: 1;
border-right: 1px dashed #CCCCCC; }
.l-header--biz-bulk_rfq__navi__list li:last-child {
border-right: 0; }
.l-header--biz-bulk_rfq__navi__list li a {
display: block;
padding: 1rem 1rem;
text-align: center;
color: currentColor;
line-height: 1.6;
font-weight: 700;
font-size: 1.6rem; }
.l-header--biz-bulk_rfq__navi__list li a:link, .l-header--biz-bulk_rfq__navi__list li a:visited, .l-header--biz-bulk_rfq__navi__list li a:active, .l-header--biz-bulk_rfq__navi__list li a:hover {
text-decoration: none; } }
@media screen and (max-width: 819px) {
.l-header--biz-bulk_rfq__main__logo {
position: relative;
display: flex;
align-items: center;
justify-content: stretch;
max-width: inherit;
min-width: inherit;
height: 5.6rem;
line-height: 1;
padding: 0 1.6rem;
margin-bottom: 0;
background-color: #FFFFFF; }
.l-header--biz-bulk_rfq__main__logo__img {
display: block;
width: 18.9rem;
padding: 0;
margin: 0; }
.l-header--biz-bulk_rfq__main__logo__img a {
display: block; }
.l-header--biz-bulk_rfq__main__logo__img img {
width: 100%;
height: auto; }
.l-header--biz-bulk_rfq__main__logo__fb {
min-width: 3.2rem;
max-width: 3.2rem;
margin-left: auto;
margin-right: 5.4rem; }
.l-header--biz-bulk_rfq__main__logo__fb a {
display: block; }
.l-header--biz-bulk_rfq__main__logo__fb a img {
width: 100%;
height: auto; }
.l-header--biz-bulk_rfq__main__logo__button {
position: absolute;
right: 1.6rem;
top: 50%;
width: 3.2rem;
height: 2.5rem;
margin-top: -1.25rem; }
.l-header--biz-bulk_rfq__main__logo__button img {
width: 100%;
height: auto; }
.l-header--biz-bulk_rfq__main__cta {
display: none; }
.l-header--biz-bulk_rfq__navi {
display: none; } } @media screen and (min-width: 820px) {
.l-navi {
z-index: 102;
position: fixed;
left: 50%;
top: .4rem;
max-width: 60rem;
width: 50%;
padding-right: 2.4rem; }
.l-navi__button {
display: none; }
.l-navi__list {
display: flex;
align-items: center;
justify-content: flex-end;
list-style: none;
margin-bottom: 0;
font-size: 1.1rem;
font-style: normal;
font-weight: 500;
line-height: 1.6; }
.l-navi__list li {
position: relative;
display: block;
padding-left: 1.2rem;
margin-left: 1.8rem; }
.l-navi__list li::before {
position: absolute;
left: 0;
top: 50%;
content: "";
width: .5rem;
height: .7rem;
margin-top: -.3rem;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/icon-arrow-white.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 100%; }
.l-navi__list li:first-child {
margin-left: 0; }
.l-navi__list li a:link, .l-navi__list li a:visited, .l-navi__list li a:active, .l-navi__list li a:hover {
color: #FFFFFF;
text-decoration: none; }
.l-navi__list li a:active, .l-navi__list li a:hover {
opacity: .5; } }
@media screen and (max-width: 819px) {
.l-navi {
display: none; } } @media screen and (min-width: 820px) {
.l-sp-navi {
display: none; } }
@media screen and (max-width: 819px) {
.l-sp-navi {
z-index: 102;
position: fixed;
right: 0;
top: 0;
width: 100%;
height: 100vh;
padding-top: 7.9rem;
margin-right: -100%;
background-color: #FFFFFF;
transition: margin-right .5s ease; }
.l-sp-navi__button {
position: absolute;
right: 1.6rem;
top: 3rem;
display: block;
width: 3.6rem;
height: 3.6rem; }
.l-sp-navi__button::before, .l-sp-navi__button::after {
position: absolute;
top: 50%;
right: 0;
display: block;
content: "";
width: 3.6rem;
height: 3px;
margin-top: -1.5px;
border-radius: 2px;
background-color: #CCCCCC; }
.l-sp-navi__button::before {
transform: rotate(45deg); }
.l-sp-navi__button::after {
transform: rotate(-45deg); }
.l-sp-navi__list {
padding: 0;
margin: 0;
list-style: none; }
.l-sp-navi__list li {
border-bottom: 3px solid #CCCCCC; }
.l-sp-navi__list li a {
display: block;
width: 100%;
padding: 1.6rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.6; }
.l-sp-navi__list li a:link, .l-sp-navi__list li a:visited, .l-sp-navi__list li a:active, .l-sp-navi__list li a:hover {
color: currentColor;
text-decoration: none; }
.l-sp-navi__list li.--recommend {
border-bottom-color: #FF8C96; }
.l-sp-navi__list li.--gasrecommend {
border-bottom-color: #82CC4E; }
.l-sp-navi__list li.--lp-estimate {
border-bottom-color: #FFAF38; }
.l-sp-navi__list li.--biz-bulk_rfq {
border-bottom-color: #31a3f5; }
.l-sp-navi__list li.--all-denka_rfq {
border-bottom-color: #31a3f5; }
.l-sp-navi__inner {
padding: 3.2rem 1.6rem; }
.l-sp-navi__inner > *:last-child {
margin-bottom: 0; }
.l-sp-navi__cont {
overflow: scroll;
height: calc( 100vh - 7.9rem); }
.l-sp-navi.is-opend {
margin-right: 0; }
.l-sp-navi--biz-bulk_rfq .l-sp-navi__list li {
border-bottom: 1px solid #CCCCCC; }
.l-sp-navi--biz-bulk_rfq__tel {
max-width: 26rem;
margin: 0 auto;
margin-bottom: 3rem; } } .l-page-top-jump {
z-index: 100;
position: sticky;
right: 0;
width: 4.5rem;
padding-top: 3.7rem;
margin-left: auto;
background-image: url(//price-energy.com/wp-content/themes/mytheme/resource/img/l-page-top-jump__chara.png);
background-position: top center;
background-repeat: no-repeat;
background-size: 4.5rem; }
@media screen and (min-width: 820px) {
.l-page-top-jump {
width: 5.5rem;
background-size: 6rem;
bottom: 2rem;
margin-right: 4rem;
margin-bottom: -3.7rem; }
.l-page-top-jump a {
display: block;}
}
@media screen and (max-width: 819px) {
.l-page-top-jump {
bottom: 1.6rem;
margin-right: 1rem;
margin-bottom: 1.8rem;
background-position: unset;
background-size: 4.8rem;} }
.l-page-top-jump a {
overflow: hidden;
border-radius: 100%;
display: block;}
.edit-box{border:1px solid #a4c3b2; padding:16px; }
.edit-box_title{color:#a4c3b2;padding:0.5em 1em;}
.edit-box_inner{padding:1em;}
.edit_img{float: left;margin: 0 3.2rem 1.5rem 0;}
@media screen and (max-width: 819px) {
.edit-box{padding:7px; }
.edit_img {width: 28%;float: left;margin-bottom: 15px; margin: 0px 0em 10px 0px;}
.edit-box_inner{padding:0px 1em 1em 1em;}
.edit_author{loat: left;}
.edit_desc{clear: both;}
}
.regu{background-color: #f7f7f7;border-radius: 10px;padding: 8px;width: 99%;color: #999999;}   .centered {
display: block;
margin: 0 auto 1.5rem; }
.aligncenter {
display: block;
margin: 0 auto 3.5rem; }
.alignright {
display: block; }
@media screen and (min-width: 820px) {
.alignright {
float: right;
margin: 0 0 1.5rem 3.2rem; } }
@media screen and (max-width: 819px) {
.alignright {
margin: 1.5rem auto; } }
.alignleft {
display: block; }
@media screen and (min-width: 820px) {
.alignleft {
float: left;
margin: 0 3.2rem 1.5rem 0; } }
@media screen and (max-width: 819px) {
.alignleft {
margin: 1.5rem auto; } }
.clear {
clear: both; }
.wp-caption {
max-width: 100%;
padding: 0;
margin-bottom: 2.4rem; }
.wp-caption img {
display: block;
width: 100%;
margin: 0 auto;
max-width: 100%; }
.wp-caption .wp-caption-text {
margin: .8rem auto 0;
text-align: right;
font-size: 1.1rem;
font-style: normal;
line-height: 2;
color: #999; }
.headline1{font-size: 18px;
padding: 25px 0px;
margin-bottom: 30px;
border-top: solid 5px #FCD123;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
padding-left: 66px;
background-repeat: repeat-x;
background-position: left bottom;
background: url(https://price-energy.com/wp-content/themes/mytheme/resource/img/addimg/title_gra.png) no-repeat left 5px bottom 50%;
}
.twitter-tweet {margin-left: auto;
margin-right: auto;
}
.twitter-tweet-rendered{margin-bottom: 40px!important;}
@media screen and (max-width: 819px) {
.headline1 {
font-size: 18px;
background: url(https://price-energy.com/wp-content/themes/mytheme/resource/img/addimg/title_gra_sp.png) no-repeat left 5px bottom 50%;
background-size: 55px 55px; } }
.l-header__sub {
background-color: #2e7d56;
padding: 5px 0;
width: 100%;
}
.l-header__sub__inner {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
.l-header__sub__description {
font-size: 12px;
margin: 0;
color: #fff;
white-space: nowrap;
}
.l-header__sub__right {
display: flex;
align-items: center;
gap: 20px;
}
.l-header__sub__links {
display: flex;
gap: 15px;
margin: 0;
padding: 0;
list-style: none;
}
.l-header__sub__links li a {
color: #fff;
text-decoration: none;
font-size: 12px;
display: flex;
align-items: center;
}
.l-header__sub__links li a::before {
content: "▶";
font-size: 8px;
margin-right: 4px;
opacity: 0.8;
}
.l-header__sub__search .sub-search-form {
display: flex;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 3px;
overflow: hidden;
height: 28px;
}
.l-header__sub__search .sub-search-input {
border: none;
padding: 0 8px;
font-size: 12px;
outline: none;
width: 180px;
color: #333;
}
.l-header__sub__search .sub-search-submit {
background-color: #fff;
border: none;
border-left: 1px solid #eee;
cursor: pointer;
padding: 0 8px;
display: flex;
align-items: center;
justify-content: center;
color: #333;
}
@media screen and (max-width: 768px) {
.u-only--pc { display: none !important; }
.l-header__sub__inner { justify-content: center; }
.l-header__main__logo {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
width: 100% !important;
padding-right: 10px;
box-sizing: border-box;
position: relative;
}
.l-header__main__logo__img {
margin: 0 !important;
flex-grow: 1;
}
.l-header__main__logo__img img {
max-height: 40px;
width: auto;
}
.sp-header-buttons {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.sp-search-btn {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: none;
background: #fff;
color: #333;
border-radius: 4px;
cursor: pointer;
padding: 0;
}
.l-header__main__logo__button {
display: block !important;
margin: 0 !important;
position: static !important;
}
.sp-search-area {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #f2f2f2;
padding: 10px;
box-sizing: border-box;
z-index: 1000;
border-bottom: 1px solid #ccc;
}
.sp-search-area.is-open {
display: block;
}
.sp-search-form {
display: flex;
height: 40px;
}
.sp-search-input {
flex: 1;
padding: 0 10px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px 0 0 4px;
outline: none;
}
.sp-search-submit {
background-color: #2e7d56;
color: #fff;
border: none;
padding: 0 15px;
border-radius: 0 4px 4px 0;
font-weight: bold;
}
} .denryokumokuji{background: #408066; border: 1px solid #408066; padding-left: 20px;line-height: 30px;font-size: 17px;}
.white {color: #FFFFFF; }
.denrykumokuji2{border: 1px solid #408066; font-size: 100%; padding: 20px;margin-bottom: 40px}