/*
*/
html {
font-feature-settings: "palt" 1;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
margin: 0;
padding: 0;
}
#date, main {
font-family: 'Noto Sans JP', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
ol,ul { list-style: none;}
main {
overflow: hidden;
}
.mb-0 {
margin-bottom: 0 !important;
}
.zen {
font-family: 'Zen Maru Gothic', sans-serif;
}
.summer_action_dr #main_area a{
color: #c7361d;
text-decoration: underline;
}
@media screen and (min-width: 668px), print {
body.summer_action_dr {
min-width: 1200px;
}
body.register,
body.pawer_saving,
body.checksheets {
min-width: 1200px;
}
.sp {
display: none !important;
}
}
@media screen and (max-width: 667px){
.pc {
display: none !important;
}
}
/*
main_visu
*/
.main_visu {
width: 100%;
display: flex;
justify-content: center;
position: relative;
background: #f7f2ed;
}
.main_visu-inner::after {
position: absolute;
content: "";
pointer-events: none;
}
.main_visu-inner {
margin: 0 auto;
position: relative;
}
.main_visu h1 img {
z-index: 5;
}
#main_area {
position: relative;
background: #f7f2ed;
}
.main_visu-inner h1{
position: relative;
}
.main_visu-inner h1::after{
content: "";
position: absolute;
}
.d_header{
}
.header_logo{
position: absolute;
top: 3%;
left: 2%;
z-index: 2;
}
@media screen and (min-width: 668px), print {
.main_visu {
min-width: 670px;
margin-bottom: 0;
background: #f7f2ed;
margin-top: 0;
padding-top: 150px;
}
.main_visu-inner {
min-width: 1200px;
width: 100%;
position: relative;
}
.main_visu-inner::after {
width: 100%;
min-height:554px;
min-width: 1026px;
pointer-events: none;
top: 0;
right: 0;
background: url(/energy_saving_cp_2023/summer_action/dr/image/mainvis_bg.png) no-repeat;
background-size: contain;
background-position: 50% 65%;
}
.main_visu h1 > * {
z-index: 1;
display: flex;
justify-content: center;
position: relative;
padding-top: 13.5%;
padding-bottom: 5%;
}
.main_visu h1 img {
/*width: calc(804px / 2);
height: calc(928px / 2);*/
width: 36.66%;
}
.main_visu-inner h1::after{
background: url(/energy_saving_cp_2023/summer_action/dr/image/main_visu_ico.png) no-repeat right top;
background-size: contain;
width: 272px;
height: 240px;
z-index: 2;
right: 0;
top: 0;
}
.header_logo{
width: 18.16%;
padding-top: 150px;
}
}
@media screen and (max-width: 667px){
.main_visu {
margin-top: 0;
margin-bottom: 0;
padding-top: 18vw;
}
.main_visu h1 {
width: 100%;
background: #f7f2ed;
}
.main_visu h1 img{
padding-top: 42%;
}
.main_visu-inner h1::after{
background: url(/energy_saving_cp_2023/summer_action/dr/image/main_visu_ico.png) no-repeat right top;
background-size: contain;
width: 50vw;
height: 50vw;
z-index: 2;
right: 0;
top: -5px;
}
.header_logo{
width: 40%;
top: 3%;
left: 5.5%;
padding-top: 18vw;
}
}
/*
date
*/
#date{
line-height: 1;
position: relative;
background: #f7f2ed;
z-index: 1;
}
#date::after{
content: "";
display: block;
}
.date_ttl{
background: #c7361d;
position: relative;
z-index: 1;
}
.date_ttl span{
display: block;
}
.date_ttl span img{
margin: 0 auto;
}
.date_inner{
margin:0 auto ;
}
.date_text{
color: #c7361d;
font-weight: bold;
text-align: center;
}
.u_text {
color: #c7361d;
text-align: center;
}
.date_nav {
position: relative;
z-index: 2;
}
.date_nav ul {
letter-spacing: -0.05em;
font-weight: bold;
display: flex;
flex-wrap: wrap;
text-align: center;
justify-content: center;
align-items: flex-end;
}
.date_nav a {
display: block;
text-decoration: none;
}
.date_nav a:hover {
opacity: 1;
color: #c7361d;
}
.date_nav a::after {
left: 0;
right: 0;
content: "";
display: block;
margin: 0 auto;
background: url(/energy_saving_cp_2023/summer_action/dr/image/menu_border.svg) no-repeat center top;
background-size: auto 200%;
}
.date_nav a:hover::after {
background-position: center bottom;
}
@media screen and (min-width: 668px), print {
.date_ttl span{
width: 30.33%;
margin: auto;
padding-top: 5px;
padding-bottom: 12px;
}
.date_text{
font-size: 28px;
line-height: 1.75;
}
.date_text small {
font-size: 70%;
}
.date_inner{
max-width: 982px;
padding: 60px 0 50px;
position: relative;
z-index: 2;
}
.u_text {
font-size: 16px;
padding-top: 17px;
line-height: 2.082;
}
#date::after{
background: url(/energy_saving_cp_2023/summer_action/dr/image/date_bg01.png) no-repeat left bottom;
width: 284px;
height: 357px;
position: absolute;
left: 0;
bottom: -42px;
background-size: contain;
z-index: 0;
}
.date_nav ul {
font-size: 18px;
line-height: 21.6px;
margin: 55px 0 30px;
}
.date_nav li {
margin: 0 20px;
}
.date_nav a {
min-width: 80px;
}
.date_nav a::after {
height: 15px;
max-width: 180px;
margin-top: 8px;
}
}
@media screen and (max-width: 667px){
.date_ttl span{
width: 79%;
margin: auto;
padding-top: 5px;
padding-bottom: 12px;
}
.date_text{
font-size: 18px;
line-height: 1.682;
}
.date_inner{
max-width:inherit;
padding:10% 0 5%;
position: relative;
z-index: 2;
}
.u_text {
font-size: 13px;
padding-top: 1%;
line-height: 2.077;
}
#date::after{
background: url(/energy_saving_cp_2023/summer_action/dr/image/date_bg01.png) no-repeat left bottom;
width: 28vw;
height: 36vw;
position: absolute;
left: 0;
bottom: 20%;
background-size: contain;
z-index: 0;
}
.date_nav {
padding: 35px 30px 10px;
}
.date_nav li {
margin: 11px 14px;
}
.date_nav a {
min-width: 88px;
font-size: 18px;
line-height: 21.6px;
}
.date_nav a::after {
height: 15px;
margin-top: 8px;
}
.date_nav .line2 a::after {
width: 151px;
}
}
/*
plan
*/
#plan{
line-height: 1;
position: relative;
background: #eadccf;
}
#plan::before,#plan::after{
content: "";
position: absolute;
}
.plan_inner{
background: #fff;
box-sizing: border-box;
border-radius: 20px;
}
.plan_inner .inner_t{
text-indent: -1em;
padding-left: 1em;
}
.plan_content01 .notes p.text{
text-indent: -1em;
padding-left: 1em;
}
.pv_text::before {
margin-right: 20px;
margin-bottom: 8px;
-webkit-transform: rotate(-35deg);
transform: rotate(-35deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.pv_text:after {
margin-left: 15px;
margin-bottom: 8px;
-webkit-transform: rotate(35deg);
transform: rotate(35deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.pv_text span.s_text{
font-weight: bold;
}
.pv_text span.s_text .xs_text{
display: block;
}
.plan_list li span.c_text{
color: #c7361d;
font-weight: bold;
}
.plan_list li span.t_xs{
font-size: 85%;
display: block;
}
.plan_list li sup{
font-size: 10px;
}
@media screen and (min-width: 668px), print {
#plan{
padding-top: 90px;
padding-bottom: 30vw;
}
#plan::before {
width: 100%;
height: 8.33vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/privilege_bg01.jpg) no-repeat;
background-position: top center;
background-size: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
#plan::after {
width: 100%;
height: 30vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/privilege_bg02.jpg) no-repeat;
background-position: bottom center;
background-size: 100%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.plan_inner{
max-width: 900px;
margin:12px auto 0;
padding: 52px 37px 37px;
}
.plan_inner .e_point_ttl{
width: 36.1%;
margin: auto;
}
.plan_inner .img_box{
padding-top: 21px;
}
.plan_inner .img_box img{
padding-bottom: 3px;
}
.plan_inner .inner_t{
padding-top: 15px;
font-size: 14px;
line-height: 1.929;
}
.plan_list{
padding-top: 23px;
}
.plan_list li{
font-size: 16px;
line-height: 1.5;
padding-bottom: 10px;
}
.plan_list li::before{
content: "";
background: #000;
border-radius: 50%;
width: 3px;
height: 3px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}
.plan_content01{
max-width: 630px;
margin:0 auto;
padding: 60px 0 44px;
}
.notes{
padding-top: 24px;
line-height: 1.4;
}
.notes a{
color: #c7361d;
text-decoration: underline;
}
.plan_content01 .notes{
padding-top: 20px;
line-height: 1.833;
}
.plan_content01 .notes p.text{
font-size: 12px;
}
.pv_text{
margin: auto;
text-align: center;
color: #c7361d;
font-size: 39px;
line-height: 1.5;
padding-bottom: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .1em;
}
.pv_text span.s_text .xs_text{
font-size: 22px;
line-height: 1;
letter-spacing: .02em;
}
.pv_text::before, .pv_text:after {
content: "";
width: 2px;
height: 24px;
background-color: #c7361d;
}
}
@media screen and (max-width: 667px){
#plan{
padding-top: 13%;
padding-bottom:35%;
}
#plan::before {
width: 100%;
height: 8.33vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/privilege_bg01.jpg) no-repeat;
background-position: top center;
background-size: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
#plan::after {
width: 100%;
height: 402px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/privilege_bg02_sp.jpg) no-repeat;
background-position: bottom center;
background-size: 100%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 1;
}
.plan_inner{
max-width: inherit;
margin:1% auto 0;
padding: 11% 6.25% 5%;
width: 87.5%;
border-radius: 10px;
}
.plan_inner .e_point_ttl{
width: 85.416%;
margin: auto;
}
.plan_inner .img_box{
padding-top: 6%;
margin-left: -41px;
}
.plan_inner .img_box img{
padding-bottom:3%;
}
.plan_inner .inner_t{
padding-top: 1%;
font-size: 10px;
line-height: 1.8;
}
.plan_list{
padding-top: 6%;
}
.plan_list li{
font-size: 12px;
line-height: 1.583;
}
.plan_list li::before{
content: "";
background: #000;
border-radius: 50%;
width: 3px;
height: 3px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-top: -3px;
}
.plan_content01{
max-width: inherit;
margin:0 auto;
padding: 11% 0 7%;
width: 87.5%;
}
.notes{
padding-top: 24px;
line-height: 1.4;
}
.notes a{
color: #c7361d;
text-decoration: underline;
}
.plan_content01 .notes{
padding-top: 5%;
line-height: 1.8;
font-size: 10px;
}
.plan_content01 .notes p.text{
font-size: 10px;
}
.pv_text{
margin: auto;
text-align: center;
color: #c7361d;
font-size: 20px;
line-height: 1.5;
padding-bottom: 10px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
letter-spacing: .1em;
}
.pv_text span.s_text .xs_text{
font-size: 11px;
line-height: 1;
letter-spacing: .02em;
}
.pv_text::before, .pv_text:after {
content: "";
width: 2px;
height: 24px;
background-color: #c7361d;
}
.plan_list li span.t_xs{
font-size: 10px;
}
}
/*
text
*/
.t_dot{
color: #c7361d;
font-weight: bold;
text-align: center;
}
.t_dot span{
display: inline-block;
padding:0 10px;
}
.t_dot span::after {
background: radial-gradient(circle farthest-side, #c7361d, #c7361d 30%, transparent 30%, transparent);
background-size: 6px;
content: '';
display: inline-block;
height: 6px;
width: 110%;
vertical-align: top;
margin-top: 4px;
margin-left: -5%;
}
.s_ttl_t{
color: #c7361d;
text-align: center;
}
.s_ttl_t span::after {
content: '';
display: block;
vertical-align: top;
border-bottom: #c7361d solid 2px;
margin: auto;
}
.btn_link {
position: relative;
z-index: 2;
}
.btn_link a{
color: #000 !important;
background: #fff;
margin: auto;
text-decoration: none !important;
border: solid #000 2px;
font-weight: bold;
}
.point_ttl{
color: #c7361d;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
.point_ttl::before,.point_ttl::after{
content: "";
border-top: #c7361d solid 1px;
width: .8em;
vertical-align: middle;
margin-top:.2em
}
.point_ttl::before{
margin-right: .8em;
}
.point_ttl:after {
margin-left: .8em;
}
.t_notes{
font-size: 12px;
}
@media screen and (min-width: 668px), print {
.t_dot{
line-height: 1.3;
font-size: 38px;
position:relative;
z-index: 1;
}
.s_ttl_t{
font-size: 28px;
padding-top: 44px;
padding-bottom: 25px;
font-weight: bold;
}
.s_ttl_t span::after{
height: 23px;
width: 138px;
}
.lead{
font-size: 18px;
}
.btn_link a{
border-radius: 50px;
padding:18px 5px;
max-width: 502px;
display: block;
font-size: 20px;
position: relative;
text-align: center;
z-index: 1;
box-sizing: border-box;
letter-spacing: .05em;
}
.btn_link a::after{
content: "";
width: 10px;
height: 10px;
display: block;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 0;
right: 27px;
bottom: 0;
margin: auto 0;
}
#campaign .btn_offer a{
margin-top: 38px;
}
#campaign .s_ttl_t:nth-of-type(2){
padding-top: 62px;
}
.point_ttl{
font-size: 28px;
}
}
@media screen and (max-width: 667px){
.t_dot{
line-height: 1.3;
font-size: 22px;
}
.s_ttl_t{
font-size: 18px;
padding-top: 10%;
padding-bottom: 5%;
font-weight: bold;
}
.s_ttl_t span::after{
height: 20px;
width: 138px;
}
.lead{
font-size: 18px;
}
.btn_link a{
border-radius: 50px;
padding:10px 5px;
max-width: 280px;
display: block;
font-size: 12px;
position: relative;
text-align: center;
z-index: 1;
box-sizing: border-box;
letter-spacing: .05em;
width: 87.5%;
}
.btn_link a::after{
content: "";
width: 6px;
height: 6px;
display: block;
border-top: 2px solid #000;
border-right: 2px solid #000;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
top: 0;
right: 11px;
bottom: 0;
margin: auto 0;
}
#campaign .btn_offer a{
margin-top: 38px;
}
#campaign .s_ttl_t:nth-of-type(2){
padding-top: 62px;
}
.point_ttl{
font-size: 16px;
}
}
/*
DR
*/
#dr{
position: relative;
z-index: 1;
}
#dr::after{
content: "";
position: absolute;
}
.dr_area{
color: #000;
background: #c7361d;
border-radius: 10px;
text-align: center;
}
.dr_lead{
color: #FFF;
}
.dr_area_inner{
background: #f7f2ee;
border-radius: 10px;
text-align: left;
}
.dr_area_inner .text{
}
.dr_area_inner_content01{}
@media screen and (min-width: 668px), print {
#dr{
padding-bottom: 65px;
margin-top: -190px;
}
#dr::after {
width: 100%;
height: 20vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/dr_bg01.png) no-repeat;
background-position: bottom left;
background-size: contain;
bottom: 28%;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.dr_area{
max-width: 980px;
padding: 10px 40px 40px;
margin: 10px auto 42px;
}
.dr_lead{
font-size: 24px;
line-height:1.761;
padding-top: 40px;
}
.dr_area_inner{
margin-top: 50px;
padding: 30px 22px 0 38px;
}
.dr_area_inner .text{
padding-bottom: 35px;
font-size: 17px;
line-height: 2.109;
}
}
@media screen and (max-width: 667px){
#dr{
padding-bottom: 5%;
margin-top:1%;
}
#dr::after {
width: 100%;
height: 20vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/dr_bg01.png) no-repeat;
background-position: bottom left;
background-size: contain;
top: 20%;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
#dr::before {
content: "";
width: 100%;
height: 20vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/dr_bg02_sp.png) no-repeat;
background-position: bottom right;
background-size: contain;
bottom: 4%;
right: 0;
right: 0;
margin: auto;
z-index: -1;
position: absolute;
}
.dr_area{
width: 87.5%;
padding: 3% 6.25% 8%;
margin: 3% auto 9%;
position: relative;
}
.dr_area::after{
content: "";
width: 100%;
height: 36vw;
background: url(/energy_saving_cp_2023/summer_action/dr/image/dr_bg03_sp.png) no-repeat;
background-position: bottom right;
background-size: contain;
top: 40%;
right: -6.25%;
margin: auto;
z-index: -1;
position: absolute;
}
.dr_lead{
font-size: 11px;
line-height:1.673;
padding-top: 8%;
}
.dr_area_inner{
margin-top: 7%;
padding: 8% 7% 0;
}
.dr_area_inner .text{
padding-bottom: 10%;
font-size: 10px;
line-height: 1.8;
}
}
/*
fix_entry
*/
.fix_entry {
z-index: 100;
position: fixed;
box-sizing: border-box;
border-radius: 9999px;
background: #317cb5;
}
.fix_entry .bg {
background: #fca43a;
border-radius: 0 0 9999px 9999px;
}
.fix_entry .entry_ttl {
margin: 0 auto;
}
.fix_entry .entry_btn {
display: block;
background: #000;
position: relative;
}
.fix_entry .entry_btn:hover {
opacity: .8; /* zo[ŏ� */
}
.fix_entry .entry_btn::before {
position: absolute;
content: "";
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
margin: auto;
}
.fix_entry #entryClosing {
text-align: center;
}
.fix_entry #entryClosing h2 {
color: #fff;
font-weight: bold;
}
.fix_entry #entryClosing .count {
color: #317cb5;
background: #fff;
font-weight: bold;
font-family: "SVbN", YuGothic, "SVbN", "Yu Gothic", 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', 'lr oSVbN', 'MS PGothic', sans-serif;;
}
.fade_off {
opacity: 0;
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
transition: all 1s;
}
.fade_on {
opacity: 1;
}
@media screen and (min-width: 668px), print {
.fix_entry {
right: -45px;
width: 241px;
/* height: 380px;*/
bottom: 3%;
box-shadow: -6px 8px 0 0 #317cb5;
}
.fix_entry .bg {
padding: 14px 45px 68px 20px;
}
.fix_entry .entry_ttl {
width: 101px;
margin: 0 auto 14px;
}
.fix_entry .entry_btn {
width: 179px;
border-radius: 20px 0 0 20px;
margin: 0 auto;
padding: 16px 5px 16px 42px;
box-sizing: border-box;
}
.fix_entry .entry_btn + .entry_btn {
margin-top: 15px;
}
.fix_entry .entry_btn::before {
width: 10px;
height: 17px;
top: 0;
bottom: 0;
left: 20px;
}
.fix_entry .entry_btn.member img {
width: 107px;
}
.fix_entry .entry_btn.non_member img {
width: 117px;
}
.fix_entry #entryClosing {
padding: 60px 45px 10px 3px;
}
.fix_entry #entryClosing h2 {
font-size: 22.5px;
}
.fix_entry #entryClosing .count {
font-size: 15px;
line-height: 42px;
margin-top: 8px;
border-radius: 3px 0 0 3px;
}
.fix_entry #entryClosing .count span {
font-size: 160%;
}
}
@media screen and (max-width: 667px){
.fix_entry {
right: -8vw;
width: 40vw;
/* height: calc(427px / 2);*/
bottom: 13%;
z-index: 100;
box-shadow: -4px 5px 0 0 #317cb5;
}
.fix_entry .bg {
padding: 3.5vw 8vw 15vw 2.5vw;
}
.fix_entry .entry_ttl {
width: 80px;
margin: 0 auto 13px;
}
.fix_entry .entry_btn {
/* width: 100px;*/
border-radius: 4.5vw 0 0 4.5vw;
margin: 0 auto;
padding: 3vw 0 3.5vw 9vw;
box-sizing: border-box;
}
.fix_entry .entry_btn + .entry_btn {
margin-top: 5px;
}
.fix_entry .entry_btn::before {
width: calc(12px / 2);
height: calc(19px / 2);
top: 0;
bottom: 0;
left: 15px;
}
.fix_entry .entry_btn.member img {
width: 82%;
}
.fix_entry .entry_btn.non_member img {
width: 88%;
}
.fix_entry #entryClosing {
padding: 45px 8vw 7px 4px;
}
.fix_entry #entryClosing h2 {
font-size: 4.5vw;
padding-left: 2vw;
}
.fix_entry #entryClosing .count {
font-size: 2.7vw;
line-height: 1.6;
margin-top: 8px;
border-radius: 2px 0 0 2px;
}
.fix_entry #entryClosing .count span {
font-size: 160%;
letter-spacing: -0.1em;
}
}
/*
contact_area
*/
.contact_area{
margin: 0 auto;
background: #f7f2ee;
}
.contact-inner{
margin: auto;
}
@media screen and (min-width: 668px), print {
.contact_area{
padding-bottom: 14.8vw;
}
.contact-inner_content{
display: flex;
align-items: center;
}
.contact-inner{
max-width: 980px;
padding: 20px 0 45px;
}
.tel_area{
max-width: 385px;
margin-left: 30px;
}
.contact_us{
padding-left: 28px;
}
.contact_us .period_text{
font-size: 18px;
line-height: 1.5;
font-weight: bold;
}
.bann_area{
padding-top: 60px;
}
}
@media screen and (max-width: 667px){
.contact_area{
padding-bottom: 14.8%;
}
.contact-inner{
max-width: inherit;
padding: 5% 0 0;
}
.contact-inner_content{
display: block;
width: 87.5%;
margin: auto;
}
.tel_area{
max-width: 280px;
margin-left: 0;
}
.contact_us{
padding-left: 0;
padding-top: 6%;
}
.contact_us .period_text{
font-size: 10px;
line-height: 1.5;
font-weight: bold;
}
.bann_area{
padding-top: 8%;
width: 87.5%;
margin: auto;
}
}
/*
detail
*/
.detail_box table th {
background: #FFFFFF;
font-weight: bold;
vertical-align: middle;
box-sizing: border-box;
font-family: 'Zen Maru Gothic', sans-serif;
}
.detail_box table td {
width: auto;
color: #fff;
vertical-align: middle;
}
.detail_box table td ul{
list-style: none;
}
.detail_box table td ul li a{
color: #FFF;
text-decoration: underline;
}
.detail_box table td ul li{
text-indent: -1em;
padding-left: 1em;
padding-bottom: 7px;
line-height: 1.529;
}
.detail_box table td ul li:last-of-type{
padding-bottom: 0;
}
.detail_box table td ul li::before{
content: "";
color: #fff;
}
.detail_box table td ul li span{
font-size: 12px;
}
.detail_box table td .p_text:last-of-type{
padding-bottom: 0;
}
@media screen and (min-width: 668px), print {
.detail_box table th {
width: 136px;
padding: 17px 5px;
font-size: 14px;
letter-spacing: -0.01em;
}
.detail_box table td {
padding:0 15px 0 18px;
font-size: 17px;
}
.detail_box table td.terms_day {
font-size: 24px;
}
.detail_box table td span {
font-size: 40px;
line-height: 24px;
}
.detail_box table td ul.text01{
font-size: 17px;
}
.detail_box table td ul.text02{
font-size: 14px;
padding-top: 20px;
}
.detail_box table td ul li small {
font-size: 13px;
}
.detail_box table td .p_text{
line-height: 1.501;
padding-bottom: 12px;
}
}
@media screen and (max-width: 667px){
.detail_box table{
border-spacing: 0px 27px;
}
.detail_box table th {
width: 32.69%;
padding: 2% 2%;
font-size: 7px;
font-size: .7rem;
letter-spacing: -0.25em;
display: block;
}
.detail_box table td {
padding:13px 0 0 0;
font-size: 11px;
font-size: 1.1rem;
display: block;
}
.detail_box table td span{
font-size: 14px;
font-size: 1.4rem;
}
.detail_box table td ul li span{
font-size: .8rem;
}
.detail_box table td .p_text{
font-size: 1.1rem;
line-height: 1.5;
padding-bottom: 1rem;
}
.detail_box table td .p_text:last-of-type{
padding-bottom: 1.5rem;
}
.detail_box table td.terms_day{
font-size: 8px;
font-size: .85rem;
}
.detail_box table td ul.text02{
font-size: 8px;
font-size: .85rem;
}
.detail_box table td ul li small {
font-size: 8px;
}
}
/*
inner_visu
*/
.inner_visu {
width: 100%;
display: flex;
justify-content: center;
position: relative;
}
.inner_visu::after {
position: absolute;
content: "";
}
.inner_visu-inner {
margin: 0 auto;
position: relative;
}
.inner_visu-inner a:hover {
opacity: 1;
}
.inner_visu h1 img {
z-index: 5;
}
@media screen and (min-width: 668px), print {
.inner_visu {
width: 100%;
height: 197px;
margin-bottom: 100px;
background: #059fcf;
margin-top: 150px;
}
.inner_visu::after {
width: 100%;
min-height: 118px;
bottom: -40px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/inner_visu_bg01.png) no-repeat;
background-size: cover;
background-position: center;
}
.inner_visu-inner {
width: 1190px;
}
.inner_visu h1 {
min-width: 1188px;
display: flex;
justify-content: center;
}
.inner_visu h1 img {
width: calc(1915px / 2);
height: calc(536px / 2);
}
}
@media screen and (max-width: 667px){
.inner_visu {
width: 100%;
margin-bottom: 25px;
margin-top: 18vw;
}
.inner_visu-inner {
width: 100%;
}
}
/*
.register
register_area
*/
.register_area,
.register_area .register_ttl img,
.register_area .register_01 img,
.register_area .register_02 img.img02,
.register_area .register_02 img.img02-1,
.register_area .register_03 img,
.register_area .register_04 img,
.register_area .register_05 img,
.register_area .register_ttl04-l img,
.register_area .register_ttl04-r img,
.register_area .register_04 img.ttl04-3 {
margin: 0 auto;
}
.register_01,
.register_02,
.register_03,
.register_04-2,
.register_05,
.register_area .register_fle-item {
position: relative;
}
.register_01::after,
.register_02::after,
.register_03::after,
.register_04-2::after,
.register_05-1::after,
.register_area .register_flex::after,
.register_area .register_fle-item::before {
position: absolute;
content: "";
margin: auto;
}
.register_05:last-child::after {
content: none;
}
.register_05 .zen {
color: #317cb5;
font-weight: bold;
text-align: center;
}
.register_05 .zen a {
color: #00a99d;
text-decoration: underline;
}
.register_area .register_flex {
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative;
}
.register .register_btn01 a {
background: #059fcf;
box-sizing: border-box;
display: block;
margin: 0 auto;
border-radius: 50px;
position: relative;
}
.register .register_btn01 a::after {
position: absolute;
content: "";
margin: auto;
}
.register .register_btn01 a img {
margin: 0 auto;
}
@media screen and (min-width: 668px), print {
.register_area {
width: 1200px;
}
.register_area .register_ttl {
margin-bottom: 88px;
}
.register_area .register_ttl img {
width: 643px;
}
.register_01::after,
.register_02::after,
.register_03::after,
.register_04-2::after,
.register_05-1::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_doun_arrow_b.svg) no-repeat;
width: calc(95px / 2);
height: calc(163px / 2);
background-size: 100%;
background-position: center;
bottom: -157px;
left: 0;
right: 0;
}
.register_05-1::after {
bottom: -107px;
}
.register_05 .zen {
font-size: 23px;
line-height: 34.6px;
margin-top: 64px;
}
.register_area .register_ttl01,
.register_area .register_ttl02,
.register_area .register_ttl03,
.register_area .register_ttl04,
.register_area .register_ttl05 {
margin-bottom: 27px;
}
.register_area .register_ttl01 img {
width: calc(829px / 2);
}
.register_area .register_ttl02 img {
width: calc(735px / 2);
}
.register_area .register_ttl03 img {
width: calc(797px / 2);
}
.register_area .register_ttl04 img {
width: calc(741px / 2);
}
.register_area .register_ttl05 img {
width: calc(1825px / 2);
}
.register_area .register_01,
.register_area .register_02,
.register_area .register_03,
.register_area .register_04,
.register_area .register_05 {
border: solid 3px #0089bd;
border-radius: 37px;
padding: 96px 0 83px;
margin-bottom: 125px;
}
.register_area .register_04 {
margin-bottom: 203px;
}
.register_area .register_04-2 {
margin-bottom: 125px;
}
.register_area .register_05 {
margin-bottom: 124px;
}
.register_area .register_05:last-child {
margin-bottom: 154px;
}
.register_area .register_01 img {
width: calc(1194px / 2);
}
.register_area .register_02 img.img02 {
width: calc(2003px / 2);
margin-bottom: 31px;
}
.register_area .register_02 img.img02-1 {
width: calc(1239px / 2);
}
.register_area .register_03 img {
width: calc(1635px / 2);
}
.register_area .register_04 img {
width: calc(1633px / 2);
}
.register_area .register_05 img {
width: calc(1633px / 2);
}
.register_area .register_flex {
margin-bottom: 242px;
}
.register_area .register_flex::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_merge_arrow_b.svg) no-repeat;
width: calc(1292px / 2);
height: calc(271px / 2);
background-size: 100%;
background-position: center;
bottom: -187px;
left: 0;
right: 0;
}
.register_area .register_fle-item {
width: 570px;
border: solid 3px #0089bd;
border-radius: 37px;
padding: 72px 0 60px;
}
.register_area .register_fle-item::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_doun_arrow_b.svg) no-repeat;
width: calc(95px / 2);
height: calc(163px / 2);
background-size: 100%;
background-position: center;
top: -144px;
left: 0;
right: 0;
}
.register_area .register_ttl04-l img {
width: calc(979px / 2);
}
.register_area .register_ttl04-r img {
width: calc(980px / 2);
}
.register_area .register_04 img.ttl04-3 {
width: calc(1631px / 2);
}
.register .register_btn01 {
margin-bottom: 122px;
}
.register .register_btn01 a {
width: 700px;
padding: 30px 90px 28px 50px;
}
.register .register_btn01 a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_y.png) no-repeat;
background-size: 100%;
background-position: center;
width: calc(95px / 2);
height: calc(95px / 2);
top: 0;
bottom: 0;
right: 40px;
}
.register .register_btn01 a img {
width: calc(851px / 2);
}
}
@media screen and (max-width: 667px){
.register_area {
width: 100%;
padding: 0 4%;
}
.register_area .register_ttl {
margin-bottom: 35px;
}
.register_area .register_ttl img {
width: calc(460px / 2);
}
.register_01::after,
.register_02::after,
.register_03::after,
.register_04-2::after,
.register_05-1::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/icon_doun_arrow_b.svg) no-repeat;
width: calc(50px / 2);
height: calc(66px / 2);
background-size: 100%;
background-position: center;
bottom: -57px;
left: 0;
right: 0;
}
.register_05 .zen {
font-size: 11.5px;
line-height: 17.3px;
letter-spacing: -0.1em;
margin-top: 30px;
}
.register_area .register_ttl01,
.register_area .register_ttl02,
.register_area .register_ttl03,
.register_area .register_ttl04,
.register_area .register_ttl05 {
margin-bottom: 11px;
}
.register_area .register_ttl01 img {
width: calc(420px / 2);
}
.register_area .register_ttl02 img {
width: calc(374px / 2);
}
.register_area .register_ttl03 img {
width: calc(411px / 2);
}
.register_area .register_ttl04 img {
width: calc(372px / 2);
}
.register_area .register_ttl05 img {
width: calc(524px / 2);
}
.register_area .register_01,
.register_area .register_02,
.register_area .register_03,
.register_area .register_04,
.register_area .register_05 {
border: solid 2px #0089bd;
border-radius: 17px;
padding: 15px 0 26px;
margin-bottom: 50px;
}
.register_area .register_04 {
margin-bottom: 65px;
}
.register_area .register_04-2 {
margin-bottom: 61px;
}
.register_area .register_05 {
margin-bottom: 80px;
}
.register_area .register_05:last-child {
margin-bottom: 40px;
}
.register_area .register_01 img {
width: calc(525px / 2);
}
.register_area .register_02 img.img02 {
width: calc(528px / 2);
}
.register_area .register_02 img.img02-1 {
width: calc(527px / 2);
}
.register_area .register_03 img {
width: calc(527px / 2);
}
.register_area .register_04 img {
width: calc(526px / 2);
}
.register_area .register_05 img {
width: calc(527px / 2);
}
.register_area .register_flex {
margin-bottom: 104px;
}
.register_area .register_flex::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/icon_merge_arrow_b.svg) no-repeat;
width: calc(342px / 2);
height: calc(345px / 2);
background-size: 100%;
background-position: center;
bottom: -77px;
left: 0;
right: 0;
}
.register_area .register_fle-item {
width: 48%;
border: solid 2px #0089bd;
border-radius: 17px;
padding: 15px 0 26px;
}
.register_area .register_fle-item:first-child {
height: calc(540px / 2);
}
.register_area .register_fle-item::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/icon_doun_arrow_b.svg) no-repeat;
width: calc(50px / 2);
height: calc(66px / 2);
background-size: 100%;
background-position: center;
top: -50px;
left: 0;
right: 0;
}
.register_area .register_ttl04-l img {
width: calc(223px / 2);
}
.register_area .register_ttl04-r img {
width: calc(223px / 2);
}
.register_area .register_04 img.ttl04-3 {
width: calc(527px / 2);
}
.register .register_btn01 {
margin-bottom: 50px;
}
.register .register_btn01 a {
width: calc(525px / 2);
padding: 11px 43px 12px;
}
.register .register_btn01 a img {
width: calc(352px / 2);
}
.register .register_btn01 a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/icon_entry_arrow_y.png) no-repeat;
background-size: 100%;
background-position: center;
}
}
/*
pawer_saving
*/
/**/
.pawer_saving .saving_inner {
margin: 0 auto;
display: flex;
justify-content: flex-start;
}
.pawer_saving [id^="anc_"]:nth-of-type(odd) {
background: #e4e3de;
}
.pawer_saving .saving_inner .img_area {
display: flex;
justify-content: flex-start;
}
.pawer_saving .saving_section_ttl {
position: relative;
}
.pawer_saving .saving_section_ttl::before {
position: absolute;
content: "";
}
.pawer_saving .saving_section_ttl span {
color: #ed823a;
}
.pawer_saving .list {
font-weight: bold;
}
.pawer_saving .list li {
position: relative;
}
.pawer_saving .list li::before {
position: absolute;
content: "";
}
.pawer_saving .list li:nth-child(1)::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_1.png) no-repeat;
background-size: 100%;
background-position: center;
}
.pawer_saving .list li:nth-child(2)::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_2.png) no-repeat;
background-size: 100%;
background-position: center;
}
.pawer_saving .list li:nth-child(3)::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_3.png) no-repeat;
background-size: 100%;
background-position: center;
}
.pawer_saving .list .list_txt {
font-weight: normal;
}
.pawer_saving .list .list_txt span.orange {
display: block;
color: #ed823a;
font-weight: bold;
}
.pawer_saving .list .list_txt span.big_orange {
color: #ed823a;
}
@media screen and (min-width: 668px), print {
.pawer_saving .saving_inner {
width: 1070px;
align-items: center;
flex-direction: column;
}
.pawer_saving .saving_inner:nth-of-type(odd) {
padding: 80px 0 101px;
}
.pawer_saving .saving_inner:nth-of-type(even) {
padding: 80px 0 97px;
}
.pawer_saving .saving_inner .img_area {
/*width: 365px;*/
width: 100%;
max-width: 890px;
}
.pawer_saving .saving_inner .flex_item {
width: 710px;
padding-left: 50px;
}
.pawer_saving .saving_section_ttl {
/*margin-top: 93px;*/
margin-bottom: 34px;
}
.pawer_saving .saving_section_ttl span {
font-size: 16px;
line-height: 32px;
margin-top: 1em;
display: inline-block;
}
.pawer_saving .saving_section_ttl img {
width: auto !important;
height: 44px;
}
.pawer_saving .list {
font-size: 23px;
margin: 0 0 87px 60px;
margin-bottom: 25px;
}
.pawer_saving .list li {
margin-bottom: 43px;
}
.pawer_saving .list li::before {
width: calc(95px / 2);
height: calc(95px / 2);
top: -10px;
left: -60px;
margin: auto;
}
.pawer_saving .list .list_ttl {
font-size: 23px;
margin-bottom: 24px;
}
.pawer_saving .list .list_txt {
font-size: 16px;
line-height: 32px;
}
.pawer_saving .list .list_txt span.orange {
font-size: 20px;
margin-top: 10px;
}
.pawer_saving .list .list_txt span.big_orange {
font-size: 26px;
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_inner {
width: 100%;
/* padding: 0 6%;*/
flex-wrap: wrap;
}
.pawer_saving:nth-of-type(odd) .saving_inner {
padding: 32px 6% 45px;
}
.pawer_saving:nth-of-type(even) .saving_inner {
padding: 47px 6% 46px;
}
.pawer_saving .saving_inner .flex_item {
width: 100%;
}
.pawer_saving .saving_section_ttl {
margin-top: 63px;
margin-bottom: 15px;
}
.pawer_saving .saving_section_ttl span {
font-size: 8px;
line-height: 15px;
}
.pawer_saving .list {
font-size: 11px;
margin-bottom: 25px;
}
.pawer_saving .list li {
margin-bottom: 30px;
}
.pawer_saving .list li::before {
width: calc(46px / 2);
height: calc(46px / 2);
top: -6px;
left: 0;
margin: auto;
}
.pawer_saving .list .list_ttl {
font-size: 11px;
line-height: 16px;
padding-left: 3rem;
margin-bottom: 17px;
}
.pawer_saving .list .list_txt {
font-size: 8px;
line-height: 16px;
}
.pawer_saving .list .list_txt span.orange {
font-size: 10px;
margin-top: 10px;
}
.pawer_saving .list .list_txt span.big_orange {
font-size: 13px;
}
}
/*saving_01*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_01 .img_area img {
/*height: calc(1263px / 2);*/
margin-bottom: 30px;
}
.pawer_saving .saving_01 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(132px / 2);
height: calc(219px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: -96px;
margin: auto;
}
.pawer_saving .saving_01 .saving_section_ttl.pot::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_pot.png) no-repeat;
width: calc(168px / 2);
height: calc(204px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: -96px;
margin: auto;
}
.pawer_saving .saving_01 .saving_section_ttl.pot {
margin-top: 93px;
margin-bottom: 56px;
}
.pawer_saving .saving_01 .saving_section_ttl.refrigerator img {
width: calc(202px / 2);
}
.pawer_saving .saving_01 .saving_section_ttl.pot img {
width: calc(306px / 2);
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_01 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(61px / 2);
height: calc(108px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_01 .saving_section_ttl.pot::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_pot.png) no-repeat;
width: calc(83px / 2);
height: calc(101px / 2);
background-size: 100%;
background-position: center;
top: -16px;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_01 .saving_section_ttl.pot {
margin-bottom: 20px;
}
.pawer_saving .saving_01 .saving_section_ttl.refrigerator img {
width: calc(104px / 2);
margin-left: 45px;
}
.pawer_saving .saving_01 .saving_section_ttl.pot img {
width: calc(153px / 2);
margin-left: 50px;
}
}
/*saving_02*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_02 .img_area img {
/*height: calc(1108px / 2);*/
margin-bottom: 80px;
}
.pawer_saving .saving_02 .saving_section_ttl.aircon::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_aircon.png) no-repeat;
width: calc(210px / 2);
height: calc(98px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: -122px;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.tv::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tv.png) no-repeat;
width: calc(209px / 2);
height: calc(150px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -119px;
margin: auto;
}
.pawer_saving .saving_section_ttl.kotatsu::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_kotatsu.png) no-repeat;
width: calc(217px / 2);
height: calc(148px / 2);
background-size: 100%;
background-position: center;
top: -12px;
left: -123px;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.carpet::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_carpet.png) no-repeat;
width: calc(261px / 2);
height: calc(208px / 2);
background-size: 100%;
background-position: center;
top: -9px;
left: -149px;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.computer::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_computer.png) no-repeat;
width: calc(229px / 2);
height: calc(169px / 2);
background-size: 100%;
background-position: center;
top: -5px;
left: -129px;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.light::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_light.png) no-repeat;
width: calc(159px / 2);
height: calc(271px / 2);
background-size: 100%;
background-position: center;
top: -50px;
left: -103px;
margin: auto;
}
.pawer_saving .saving_section_ttl.ecocute::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_ecocute.png) no-repeat;
width: calc(116px / 2);
height: calc(260px / 2);
background-size: 100%;
background-position: center;
top: 3px;
left: -91px;
margin: auto;
}
.pawer_saving .saving_section_ttl.ih::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_ih.png) no-repeat;
width: calc(173px / 2);
height: calc(155px / 2);
background-size: 100%;
background-position: center;
top: 6px;
left: -103px;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.aircon {
margin-bottom: 50px;
}
.pawer_saving .saving_02 .saving_section_ttl.tv {
margin-top: 93px;
}
.pawer_saving .saving_02 .saving_section_ttl.tv span {
display: block;
margin-bottom: 57px;
}
.pawer_saving .saving_section_ttl.kotatsu {
margin-top: 93px;
margin-bottom: 50px;
}
.pawer_saving .saving_section_ttl.kotatsu span {
display: block;
margin-bottom: 57px;
}
.pawer_saving .saving_02 .saving_section_ttl.carpet {
margin-top: 93px;
margin-bottom: 50px;
}
.pawer_saving .saving_02 .saving_section_ttl.carpet span {
display: block;
margin-bottom: 57px;
}
.pawer_saving .saving_02 .saving_section_ttl.computer {
margin-top: 93px;
margin-bottom: 60px;
}
.pawer_saving .saving_02 .saving_section_ttl.computer span {
display: block;
margin-bottom: 57px;
}
.pawer_saving .saving_02 .saving_section_ttl.light {
margin-top: 93px;
margin-bottom: 53px;
}
.pawer_saving .saving_02 .saving_section_ttl.aircon img {
width: calc(240px / 2);
}
.pawer_saving .saving_02 .saving_section_ttl.tv img {
width: calc(237px / 2);
}
.pawer_saving .saving_section_ttl.kotatsu img {
width: calc(191px / 2);
}
.pawer_saving .saving_02 .saving_section_ttl.carpet img {
width: calc(427px / 2);
}
.pawer_saving .saving_02 .saving_section_ttl.computer img {
width: calc(427px / 2);
}
.pawer_saving .saving_02 .saving_section_ttl.light img {
width: calc(138px / 2);
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_02 .saving_section_ttl.aircon::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_aircon.png) no-repeat;
width: calc(105px / 2);
height: calc(49px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_section_ttl.kotatsu::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_kotatsu.png) no-repeat;
width: calc(108px / 2);
height: calc(73.4px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.carpet::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_carpet.png) no-repeat;
width: calc(130.5px / 2);
height: calc(103.5px / 2);
background-size: 100%;
background-position: center;
top: -23px;
left: 0;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.computer::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_computer.png) no-repeat;
width: calc(114px / 2);
height: calc(84.5px / 2);
background-size: 100%;
background-position: center;
top: -9px;
left: 0;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.tv::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tv.png) no-repeat;
width: calc(104px / 2);
height: calc(75px / 2);
background-size: 100%;
background-position: center;
top: -16px;
left: 0;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.light::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_light.png) no-repeat;
width: calc(78px / 2);
height: calc(135px / 2);
background-size: 100%;
background-position: center;
top: -50px;
left: 0;
margin: auto;
}
.pawer_saving .saving_02 .saving_section_ttl.aircon {
margin-bottom: 28px;
}
.pawer_saving .saving_02 .saving_section_ttl.tv {
margin-top: calc(92px / 2);
}
.pawer_saving .saving_02 .saving_section_ttl.tv span {
display: block;
margin-bottom: 31px;
}
.pawer_saving .saving_02 .saving_section_ttl.light {
margin-top: calc(152px / 2);
margin-bottom: 32px;
}
.pawer_saving .saving_02 .saving_section_ttl.aircon img {
width: calc(120px / 2);
margin-left: 63px;
}
.pawer_saving .saving_section_ttl.kotatsu img {
width: calc(96px / 2);
margin-left: 60px;
margin-bottom: 25px;
}
.pawer_saving .saving_02 .saving_section_ttl.carpet img {
width: calc(213px / 2);
margin-left: 75px;
margin-bottom: 25px;
}
.pawer_saving .saving_02 .saving_section_ttl.computer img {
width: calc(118px / 2);
margin-left: 60px;
margin-bottom: 35px;
}
.pawer_saving .saving_02 .saving_section_ttl.tv img {
width: calc(91px / 2);
margin-left: 64px;
margin-bottom: 5px;
}
.pawer_saving .saving_02 .saving_section_ttl.light img {
width: calc(69px / 2);
margin-left: 47px;
}
.pawer_saving .saving_06 .saving_inner .flex_item {
margin-top: -16%;
}
.pawer_saving .saving_07 .saving_inner .flex_item {
margin-top: -23%;
}
.pawer_saving .saving_08 .saving_inner .flex_item {
margin-top: -15%;
}
}
/*saving_03*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_03 .img_area img {
/*height: calc(1430px / 2);*/
margin-bottom: 25px;
}
.pawer_saving .saving_03 .saving_section_ttl.washing::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_washing.png) no-repeat;
width: calc(158px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -109px;
margin: auto;
}
.pawer_saving .saving_03 .saving_section_ttl.dryer::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_dryer.png) no-repeat;
width: calc(158px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -109px;
margin: auto;
}
.pawer_saving .saving_03 .saving_section_ttl.washing {
margin-bottom: 53px;
}
.pawer_saving .saving_03 .saving_section_ttl.dryer {
margin-top: 93px;
margin-bottom: 50px;
}
.pawer_saving .saving_03 .saving_section_ttl.washing img {
width: calc(202px / 2);
}
.pawer_saving .saving_03 .saving_section_ttl.dryer img {
width: calc(202px / 2);
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_03 .saving_section_ttl.washing::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_washing.png) no-repeat;
width: calc(83px / 2);
height: calc(110px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_03 .saving_section_ttl.dryer::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_dryer.png) no-repeat;
width: calc(83px / 2);
height: calc(110px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_03 .saving_section_ttl.washing {
margin-top: -10px;
margin-bottom: 30px;
}
.pawer_saving .saving_03 .saving_section_ttl.dryer {
margin-bottom: 31px;
}
.pawer_saving .saving_03 .saving_section_ttl.washing img {
width: calc(106px / 2);
margin-left: 52px;
}
.pawer_saving .saving_03 .saving_section_ttl.dryer img {
width: calc(106px / 2);
margin-left: 52px;
}
}
/*saving_04*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_04 .img_area img {
/*height: calc(1189px / 2);*/
margin-bottom: 20px;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet {
margin-top: 58px;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_toilet.png) no-repeat;
width: calc(158px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: -62px;
left: -109px;
margin: auto;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet {
margin-bottom: 53px;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet img {
width: calc(159px / 2);
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_04 .saving_section_ttl.toilet::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_toilet.png) no-repeat;
width: calc(78px / 2);
height: calc(93px / 2);
background-size: 100%;
background-position: center;
top: -25px;
left: 0;
margin: auto;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet {
margin-top: 20px;
margin-bottom: 32px;
}
.pawer_saving .saving_04 .saving_section_ttl.toilet img {
width: calc(92px / 2);
margin-left: 48px;
}
}
/*saving_05*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_05 .img_area img {
/*height: calc(1340px / 2);*/
margin-bottom: 90px;
}
.pawer_saving .saving_05 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(132px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -96px;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.cooker::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_cooker.png) no-repeat;
width: calc(174px / 2);
height: calc(207px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -109px;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.tv::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tv.png) no-repeat;
width: calc(209px / 2);
height: calc(150px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -119px;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_cleaner.png) no-repeat;
width: calc(103px / 2);
height: calc(277px / 2);
background-size: 100%;
background-position: center;
top: -40px;
left: -97px;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.refrigerator {
margin-bottom: 45px;
}
.pawer_saving .saving_05 .saving_section_ttl.cooker {
margin-top: 93px;
margin-bottom: 56px;
}
.pawer_saving .saving_05 .saving_section_ttl.tv {
margin-top: 93px;
margin-bottom: 46px;
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning {
margin-top: 93px;
margin-bottom: 45px;
}
.pawer_saving .saving_05 .saving_section_ttl.refrigerator img {
width: calc(202px / 2);
}
.pawer_saving .saving_05 .saving_section_ttl.cooker img {
width: calc(202px / 2);
}
.pawer_saving .saving_05 .saving_section_ttl.tv img {
width: calc(202px / 2);
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning img {
width: calc(202px / 2);
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_05 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(61px / 2);
height: calc(108px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.cooker::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_cooker.png) no-repeat;
width: calc(82px / 2);
height: calc(106px / 2);
background-size: 100%;
background-position: center;
top: -28px;
left: 0;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.tv::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tv.png) no-repeat;
width: calc(106px / 2);
height: calc(77px / 2);
background-size: 100%;
background-position: center;
top: -17px;
left: 0;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_cleaner.png) no-repeat;
width: calc(52px / 2);
height: calc(136px / 2);
background-size: 100%;
background-position: center;
top: -46px;
left: 0;
margin: auto;
}
.pawer_saving .saving_05 .saving_section_ttl.refrigerator {
margin-top: 0px;
margin-bottom: 23px;
}
.pawer_saving .saving_05 .saving_section_ttl.cooker {
margin-bottom: 28px;
}
.pawer_saving .saving_05 .saving_section_ttl.tv {
margin-bottom: 23px;
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning {
margin-bottom: 23px;
}
.pawer_saving .saving_05 .saving_section_ttl.refrigerator img {
width: calc(104px / 2);
margin-left: 45px;
}
.pawer_saving .saving_05 .saving_section_ttl.cooker img {
width: calc(100px / 2);
margin-left: 50px;
}
.pawer_saving .saving_05 .saving_section_ttl.tv img {
width: calc(91px / 2);
margin-left: 64px;
}
.pawer_saving .saving_05 .saving_section_ttl.cleaning img {
width: calc(65px / 2);
margin-left: 39px;
}
}
/*saving_06*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_06 .img_area img {
/*height: calc(1359px / 2);*/
margin-bottom: 35px;
}
.pawer_saving .saving_06 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(132px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -96px;
margin: auto;
}
.pawer_saving .saving_06 .saving_section_ttl.refrigerator {
margin-bottom: 52px;
}
.pawer_saving .saving_06 .saving_section_ttl.refrigerator img {
width: calc(202px / 2);
}
.pawer_saving .saving_06 .effect {
font-size: 19px;
color: #ed823a;
margin-top: 80px;
}
.pawer_saving .saving_06 .effect img {
width: calc(666px / 2);
margin-top: 10px;
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_06 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(61px / 2);
height: calc(108px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_06 .saving_section_ttl.refrigerator {
margin-top: 0px;
margin-bottom: 23px;
}
.pawer_saving .saving_06 .saving_section_ttl.refrigerator img {
width: calc(104px / 2);
margin-left: 45px;
}
.pawer_saving .saving_06 .effect {
font-size: 10px;
color: #ed823a;
margin-top: 32px;
}
.pawer_saving .saving_06 .effect img {
width: calc(372px / 2);
margin-top: 10px;
}
}
/*saving_07*/
@media screen and (min-width: 668px), print {
.pawer_saving .saving_07 .img_area img {
/*height: calc(1352px / 2);*/
}
.pawer_saving .saving_07 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(132px / 2);
height: calc(214px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -96px;
margin: auto;
}
.pawer_saving .saving_07 .saving_section_ttl.light::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_light.png) no-repeat;
width: calc(159px / 2);
height: calc(271px / 2);
background-size: 100%;
background-position: center;
top: -50px;
left: -103px;
margin: auto;
}
.pawer_saving .saving_07 .saving_section_ttl.refrigerator {
margin-bottom: 50px;
}
.pawer_saving .saving_07 .saving_section_ttl.light {
margin-top: 93px;
margin-bottom: 53px;
}
.pawer_saving .saving_07 .saving_section_ttl.refrigerator img {
width: calc(202px / 2);
}
.pawer_saving .saving_07 .saving_section_ttl.light img {
width: calc(138px / 2);
}
.pawer_saving .saving_07 .effect {
font-size: 19px;
color: #ed823a;
margin-top: 80px;
}
.pawer_saving .saving_07 .effect img {
width: calc(744px / 2);
margin-top: 10px;
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_07 .saving_section_ttl.refrigerator::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_refrigerator.png) no-repeat;
width: calc(61px / 2);
height: calc(108px / 2);
background-size: 100%;
background-position: center;
top: -30px;
left: 0;
margin: auto;
}
.pawer_saving .saving_07 .saving_section_ttl.light::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_light.png) no-repeat;
width: calc(78px / 2);
height: calc(135px / 2);
background-size: 100%;
background-position: center;
top: -50px;
left: 0;
margin: auto;
}
.pawer_saving .saving_07 .saving_section_ttl.refrigerator {
/*margin-top: -30px;*/
margin-bottom: 23px;
}
.pawer_saving .saving_07 .saving_section_ttl.light {
margin-top: calc(152px / 2);
margin-bottom: 32px;
}
.pawer_saving .saving_07 .saving_section_ttl.refrigerator img {
width: calc(104px / 2);
margin-left: 45px;
}
.pawer_saving .saving_07 .saving_section_ttl.light img {
width: calc(69px / 2);
margin-left: 47px;
}
.pawer_saving .saving_07 .effect {
font-size: 10px;
color: #ed823a;
margin-top: 32px;
}
.pawer_saving .saving_07 .effect img {
width: calc(372px / 2);
margin-top: 10px;
}
}
/*saving_08*/
.pawer_saving .anot span {
text-align: left;
vertical-align: top;
display: inline-block;
}
.pawer_saving .anot a {
color: #317cb5;
text-decoration: none;
}
@media screen and (min-width: 668px), print {
/*.pawer_saving .saving_08 .img_area img {
height: calc(1223px / 2);
}*/
.pawer_saving .saving_08 .saving_section_ttl.aircon::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_aircon.png) no-repeat;
width: calc(210px / 2);
height: calc(98px / 2);
background-size: 100%;
background-position: center;
top: 0;
left: -122px;
margin: auto;
}
.pawer_saving .saving_08 .saving_section_ttl.aircon {
margin-bottom: 50px;
}
.pawer_saving .saving_08 .saving_section_ttl.aircon img {
width: calc(240px / 2);
}
.pawer_saving .saving_08 .effect {
font-size: 19px;
color: #ed823a;
margin-top: 80px;
}
.pawer_saving .saving_08 .effect img {
width: calc(744px / 2);
margin-top: 10px;
}
.pawer_saving .anot {
font-size: 15px;
line-height: 32px;
text-align: center;
margin-top: 60px;
margin-bottom: 33px;
}
}
@media screen and (max-width: 667px){
.pawer_saving .saving_08 .saving_section_ttl.aircon::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_aircon.png) no-repeat;
width: calc(105px / 2);
height: calc(49px / 2);
background-size: 100%;
background-position: center;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_08 .saving_section_ttl.aircon {
margin-top: -10px;
margin-bottom: 28px;
}
.pawer_saving .saving_08 .saving_section_ttl.aircon img {
width: calc(120px / 2);
margin-left: 63px;
}
.pawer_saving .saving_08 .effect {
font-size: 10px;
color: #ed823a;
margin-top: 32px;
}
.pawer_saving .saving_08 .effect img {
width: calc(372px / 2);
margin-top: 10px;
}
.pawer_saving .anot {
font-size: 8px;
line-height: 16px;
text-align: center;
margin-bottom: 17px;
}
}
@media screen and (min-width: 668px), print {
}
@media screen and (max-width: 667px){
.pawer_saving .saving_section_ttl.ecocute::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_ecocute.png) no-repeat;
width: calc(53.4px / 2);
height: calc(125.3px / 2);
background-size: 100%;
background-position: center;
top: -40px;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_section_ttl.ecocute {
}
.pawer_saving .saving_section_ttl.ecocute img {
width: calc(169px / 2);
margin-left: 38px;
}
.pawer_saving .saving_section_ttl.ih::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_ih.png) no-repeat;
width: calc(85.8px / 2);
height: calc(76.4px / 2);
background-size: 100%;
background-position: center;
top: -14px;
bottom: 0;
left: 0;
margin: auto;
}
.pawer_saving .saving_section_ttl.ih {
}
.pawer_saving .saving_section_ttl.ih img {
width: calc(284.8px / 2);
margin-left: 50px;
}
}
/*
checksheets
*/
.checksheets .checksheets_intro {
}
.checksheets .checksheets_ttl {
font-weight: bold;
text-align: center;
}
.checksheets .checksheets_ttl span {
color: #317cb5;
display: inline-block;
border-bottom: solid #317cb5;
}
.checksheets .checksheets_txt {
color: #059fcf;
font-weight: bold;
text-align: center;
}
.checksheets .container {
margin: 0 auto;
}
.checksheets .tab-list {
display: flex;
justify-content: flex-start;
}
.checksheets .home_tab,
.checksheets .electric_tab {
position: relative;
cursor: pointer;
}
.checksheets .home_tab::before {
position: absolute;
content: "";
margin: auto;
z-index: 0;
}
.checksheets .home_tab::after {
position: absolute;
content: "";
background: url(/energy_saving_cp_2023/summer_action/dr/image/tab_bg_b.png) no-repeat;
background-size: 100% 100%;
background-position: center;
margin: auto;
z-index: -1;/*p*/
}
.checksheets .electric_tab::before {
position: absolute;
content: "";
margin: auto;
z-index: 0;
}
.checksheets .electric_tab::after {
position: absolute;
content: "";
background: url(/energy_saving_cp_2023/summer_action/dr/image/tab_bg_y.png) no-repeat;
background-size: 100% 100%;
background-position: center;
margin: auto;
z-index: -2;/*p*/
}
.checksheets .home_tab {
font-weight: bold;
color: #fff;
}
.checksheets .electric_tab {
font-weight: bold;
color: #fff;
}
.checksheets .home_area {
color: #fff;
background: #317cb5;
}
.checksheets .electric_area {
color: #fff;
background: #f39800;
}
.checksheets .home_ttl,
.checksheets .electric_ttl {
font-weight: bold;
text-align: center;
}
.checksheets .flex_area {
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.checksheets .flex_item-flex {
display: flex;
position: relative;
}
.checksheets .flex_area .ken_txt {
font-weight: bold;
position: relative;
}
.checksheets .home_area .flex_area .ken_txt::after {
position: absolute;
content: "";
margin: auto;
}
.checksheets .electric_area .flex_area .ken_txt::after {
position: absolute;
content: "";
margin: auto;
}
.checksheets .flex_area #home_ken,
.checksheets .flex_area #home_people,
.checksheets .flex_area #electric_ken,
.checksheets .flex_area #electric_people {
position: absolute;
top: 0;
right: 0;
}
.checksheets .flex_area #home_ken .pull_area,
.checksheets .flex_area #home_people .pull_area,
.checksheets .flex_area #electric_ken .pull_area,
.checksheets .flex_area #electric_people .pull_area {
color: #000;
font-weight: bold;
background: #fff;
box-sizing: border-box;
transition-duration: .3s;
z-index: 1;
}
.checksheets .flex_area #home_ken.open .pull_area,
.checksheets .flex_area #home_people.open .pull_area,
.checksheets .flex_area #electric_ken.open .pull_area,
.checksheets .flex_area #electric_people.open .pull_area {
box-sizing: border-box;
border-radius: 28px;
height: 100%;
}
.checksheets .flex_area #home_ken span::after,
.checksheets .flex_area #home_people span::after,
.checksheets .flex_area #electric_ken span::after,
.checksheets .flex_area #electric_people span::after {
position: absolute;
content: "";
margin: auto;
transition-duration: .3s;
}
.checksheets .flex_area #home_ken.open span::after,
.checksheets .flex_area #home_people.open span::after,
.checksheets .flex_area #electric_ken.open span::after,
.checksheets .flex_area #electric_people.open span::after {
transform: rotate(180deg);
}
.checksheets .flex_area #home_ken ul,
.checksheets .flex_area #home_people ul,
.checksheets .flex_area #electric_ken ul,
.checksheets .flex_area #electric_people ul {
display: none;
overflow: hidden;
font-weight: bold;
background: #fff;
cursor: default;
border-top: 1px solid #000;
z-index: 0;
}
.checksheets .flex_area #home_ken ul li,
.checksheets .flex_area #home_people ul li,
.checksheets .flex_area #electric_ken ul li,
.checksheets .flex_area #electric_people ul li {
color: #bcbec0;
}
.checksheets .flex_area #home_ken ul li:hover,
.checksheets .flex_area #home_people ul li:hover,
.checksheets .flex_area #electric_ken ul li:hover,
.checksheets .flex_area #electric_people ul li:hover {
color: #000;
}
.checksheets .flex_area .people_txt {
font-weight: bold;
position: relative;
}
.checksheets .home_area .flex_area .people_txt::after {
position: absolute;
content: "";
margin: auto;
}
.checksheets .electric_area .flex_area .people_txt::after {
position: absolute;
content: "";
margin: auto;
}
.checksheets .price_ttl,
.checksheets .graph_ttl {
font-weight: bold;
text-align: center;
}
.checksheets .home_area .ken_display-area,
.checksheets .electric_area .ken_display-area {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
margin: 0 auto;
}
.checksheets .home_area .people_display-area,
.checksheets .electric_area .people_display-area {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
margin: 0 auto;
}
.checksheets .explan {
color: #000;
background: #fff;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
.checksheets .explan figure {
font-weight: bold;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.checksheets .home_area .btn a,
.checksheets .electric_area .btn a {
display: block;
margin: 0 auto;
background: #fff;
font-weight: bold;
position: relative;
text-align: center;
text-decoration: none;
}
.checksheets .home_area .btn a::after {
position: absolute;
content: "";
margin: auto;
}
.checksheets .electric_area .btn a::after {
position: absolute;
content: "";
margin: auto;
}
/*^u�ւ�*/
/* ^u̒�g */
.tabbox {
display: none;
}
.box-show {
display: block;
}
/*ANeBuȃ^uOʂ�*/
.tab-active {
z-index: 1;
}
/*v_E\*/
.show {
display: block;
}
.open_color {
color: #4fffff;
}
@media screen and (min-width: 668px), print {
.checksheets .checksheets_ttl {
font-size: 37px;
margin-bottom: 77px;
}
.checksheets .checksheets_ttl span {
font-size: 22px;
border-bottom-width: 3px;
}
.checksheets .checksheets_txt {
font-size: 18px;
margin-bottom: 77px;
}
.checksheets .container {
width: 1200px;
}
.checksheets .home_tab,
.checksheets .electric_tab {
height: 60px;
}
.checksheets .home_tab::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_w.png) no-repeat;
width: 21px;
height: 21px;
background-size: 100%;
background-position: center;
top: 0;
left: 14px;
bottom: 0;
}
.checksheets .home_tab::after {
width: calc(539px / 2);
height: 100%;
top: 0;
left: 0;
}
.checksheets .electric_tab::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_w.png) no-repeat;
width: 21px;
height: 21px;
background-size: 100%;
background-position: center;
top: 0;
left: -4px;
bottom: 0;
}
.checksheets .electric_tab::after {
width: calc(716px / 2);
height: 100%;
top: 1px;
left: -35px;
}
.checksheets .home_tab {
width: calc(539px /2);
font-size: 18px;
line-height: 19px;
padding: 20px 11px 15px 40px;
}
.checksheets .electric_tab {
width: calc(728px /2);
font-size: 18px;
padding: 20px 11px 15px 20px;
line-height: 23px;
}
.checksheets .home_area {
border-radius: 0 28px 28px 28px;
}
.checksheets .electric_area {
border-radius: 0 28px 28px 28px;
}
.checksheets .home_ttl,
.checksheets .electric_ttl {
font-size: 39px;
line-height: 1.4;
margin-bottom: 50px;
}
.checksheets .home_ttl small,
.checksheets .electric_ttl small {
font-size: 22px;
}
.checksheets .flex_area {
width: 700px;
margin-bottom: 64px;
}
.checksheets .flex_item-flex:first-child {
width: 328px;
}
.checksheets .flex_item-flex:last-child {
width: 358px;
}
.checksheets .flex_area .ken_txt {
width: 140px;
font-size: 16px;
line-height: 24px;
}
.checksheets .home_area .flex_area .ken_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 21px;
height: 21px;
top: 14px;
right: 4px;
}
.checksheets .electric_area .flex_area .ken_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 21px;
height: 21px;
top: 14px;
right: 4px;
}
.checksheets .flex_area #home_ken .pull_area,
.checksheets .flex_area #home_people .pull_area,
.checksheets .flex_area #electric_ken .pull_area,
.checksheets .flex_area #electric_people .pull_area {
width: 184px;
font-size: 23px;
line-height: 28px;
height: 50px;
padding: 11px 19px;
font-size: 23px;
line-height: 20px;
border: 3px solid #000;
border-radius: 28px;
}
.checksheets .flex_area #home_ken span::after,
.checksheets .flex_area #home_people span::after,
.checksheets .flex_area #electric_ken span::after,
.checksheets .flex_area #electric_people span::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_arrow_k.png) no-repeat;
background-size: 100%;
background-position: center;
width: 21px;
height: 21px;
top: 14px;
right: 20px;
}
.checksheets .flex_area #home_ken ul,
.checksheets .flex_area #home_people ul,
.checksheets .flex_area #electric_ken ul,
.checksheets .flex_area #electric_people ul {
margin-top: 15px;
}
.checksheets .flex_area #home_ken ul li,
.checksheets .flex_area #home_people ul li,
.checksheets .flex_area #electric_ken ul li,
.checksheets .flex_area #electric_people ul li {
margin-bottom: 10px;
line-height: 23px;
}
.checksheets .flex_area #home_ken ul li:first-child,
.checksheets .flex_area #home_people ul li:first-child,
.checksheets .flex_area #electric_ken ul li:first-child,
.checksheets .flex_area #electric_people ul li:first-child {
padding-top: 18px;
}
.checksheets .flex_area #home_ken ul li:last-child,
.checksheets .flex_area #home_people ul li:last-child,
.checksheets .flex_area #electric_ken ul li:last-child,
.checksheets .flex_area #electric_people ul li:last-child {
margin-bottom: 0;
}
.checksheets .flex_area .people_txt {
width: 174px;
font-size: 16px;
line-height: 24px;
}
.checksheets .home_area .flex_area .people_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 21px;
height: 21px;
top: 14px;
right: 7px;
}
.checksheets .electric_area .flex_area .people_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 21px;
height: 21px;
top: 14px;
right: 7px;
}
.checksheets .price_ttl,
.checksheets .graph_ttl {
font-size: 25px;
margin-bottom: 15px;
}
.checksheets .home_area .ken_display-area,
.checksheets .electric_area .ken_display-area {
width: 1090px;
height: 315px;
border-radius: 28px;
margin-bottom: 47px;
}
.checksheets .home_area .ken_display-area img,
.checksheets .electric_area .ken_display-area img {
width: calc(1879px / 2);
height: calc(487px / 2);
}
.checksheets .graph_ttl img {
width: calc(227px / 2);
margin: 0 auto;
}
.checksheets .home_area .people_display-area,
.checksheets .electric_area .people_display-area {
width: 1090px;
height: 418px;
border-radius: 28px;
margin-bottom: 42px;
}
.checksheets .home_area .people_display-area img,
.checksheets .electric_area .people_display-area img {
width: calc(1876px / 2);
height: calc(578px / 2);
}
.checksheets .explan {
width: 224px;
height: 76px;
font-size: 12px;
border-radius: 16px;
margin-bottom: 58px;
padding: 8px 33px 3px;
}
.checksheets .charges_area {
width: 85px;
}
.checksheets .charges_area img {
width: calc(139px / 2);
height: calc(23px / 2);
margin: 10px 0;
}
.checksheets .use_area {
width: 60px;
}
.checksheets .use_area img {
width: calc(34px / 2);
height: calc(64px / 2);
}
.checksheets .explan figure{
font-size: 17px;
}
.checksheets .home_area .btn a,
.checksheets .electric_area .btn a {
width: 527px;
font-size: 28px;
border-radius: 50px;
padding: 29px 28px 32px;
}
.checksheets .home_area .btn a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_b.png) no-repeat;
background-size: 100%;
background-position: center;
width: 32px;
height: 32px;
top: 0;
bottom: 0;
right: 28px;
}
.checksheets .electric_area .btn a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_y.png) no-repeat;
background-size: 100%;
background-position: center;
width: 32px;
height: 32px;
top: 0;
bottom: 0;
right: 28px;
}
.checksheets .home_area .btn a img,
.checksheets .electric_area .btn a img {
width: calc(800px / 2);
height: calc(53px / 2);
}
.checksheets .anote {
font-size: 14px;
line-height: 24px;
margin-top: 50px;
}
/*^u�ւ�*/
/* ^u̒�g */
.tabbox {
padding: 38px 55px 85px;
}
}
@media screen and (max-width: 667px){
.checksheets .nav_area {
}
.checksheets .checksheets_intro {
padding-top: 0;
}
.checksheets .checksheets_ttl {
font-size: 18.5px;
line-height: 22px;
margin-bottom: 50px;
}
.checksheets .checksheets_ttl span {
font-size: 11px;
margin-bottom: 1.2em;
}
.checksheets .checksheets_txt {
font-size: 9px;
margin-bottom: 35px;
}
.checksheets .container {
width: 90%;
max-width: 372px;
}
.checksheets .home_tab::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_w.png) no-repeat;
width: 10px;
height: 10px;
background-size: 100%;
background-position: center;
top: 0;
left: 6px;
bottom: 0;
}
.checksheets .home_tab::after {
width: 100%;
height: calc(50px / 2);
top: 0;
left: 0;
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/tab_bg_b.png) no-repeat;
background-size: cover;
margin: auto;
}
.checksheets .electric_tab::before {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_w.png) no-repeat;
width: 10px;
height: 10px;
background-size: 100%;
background-position: center;
top: 0;
left: 0;
bottom: 0;
}
.checksheets .electric_tab::after {
width: 100%;
height: calc(50px / 2);
top: 0;
left: -8px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/sp/tab_bg_y.png) no-repeat;
background-size: 100%;
margin: auto;
}
.checksheets .home_tab {
width: 240px;
height: calc(46px / 2);
font-size: 9px;
text-indent: 2rem;
line-height: 2.6;
}
.checksheets .electric_tab {
width: 310px;
height: calc(46px / 2);
font-size: 9px;
text-indent: 1.2rem;
letter-spacing: -0.04rem;
line-height: 2.6;
}
.checksheets .home_area {
border-radius: 0 5px 5px 5px;
}
.checksheets .electric_area {
border-radius: 0 5px 5px 5px;
}
.checksheets .home_ttl,
.checksheets .electric_ttl {
font-size: 19.5px;
margin-bottom: 25px;
line-height: 1.4;
}
.checksheets .home_ttl small,
.checksheets .electric_ttl small {
font-size: 11px;
}
.checksheets .flex_area {
width: 100%;
height: calc(133px / 2);
margin-bottom: 20px;
flex-wrap: wrap;
}
.checksheets .flex_item-flex {
width: 50%;
flex-wrap: wrap;
z-index: 0;
}
.checksheets .flex_item-flex.slide_up {
z-index: 10;
}
.checksheets .flex_area .ken_txt {
width: 100%;
font-size: 8px;
line-height: 14px;
text-align: center;
}
.checksheets .home_area .flex_area .ken_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 10px;
height: 10px;
top: 30px;
right: 0;
left: 0;
transform: rotate(90deg);
}
.checksheets .electric_area .flex_area .ken_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tab_arrow_k.png) no-repeat;
background-size: 100%;
background-position: center;
width: 10px;
height: 10px;
top: 30px;
right: 0;
left: 0;
transform: rotate(90deg);
}
.checksheets .flex_area #home_ken,
.checksheets .flex_area #home_people,
.checksheets .flex_area #electric_ken,
.checksheets .flex_area #electric_people {
width: 100%;
font-size: 12px;
line-height: 12px;
position: absolute;
right: 0;
/*bottom: 0;*/
/*top: inherit;*/
top: calc(100% - 25px);
}
.checksheets .flex_area #home_ken .pull_area,
.checksheets .flex_area #home_people .pull_area,
.checksheets .flex_area #electric_ken .pull_area,
.checksheets .flex_area #electric_people .pull_area {
width: calc(180px / 2);
height: calc(50px / 2);
padding: 2px 12px;
margin: 0 auto;
font-size: 13px;
line-height: 19px;
border: 2px solid #000;
border-radius: 20px;
z-index: 1;
}
.checksheets .flex_area #home_ken.open .pull_area,
.checksheets .flex_area #home_people.open .pull_area,
.checksheets .flex_area #electric_ken.open .pull_area,
.checksheets .flex_area #electric_people.open .pull_area {
border-radius: 20px;
z-index: 10;
}
.checksheets .flex_area #home_ken span::after,
.checksheets .flex_area #home_people span::after,
.checksheets .flex_area #electric_ken span::after,
.checksheets .flex_area #electric_people span::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_arrow_k.png) no-repeat;
background-size: 100%;
background-position: center;
width: 11px;
height: 11px;
top: 7px;
right: 0;
left: 55px;
margin: auto;
}
.checksheets .flex_area #home_ken ul,
.checksheets .flex_area #home_people ul,
.checksheets .flex_area #electric_ken ul,
.checksheets .flex_area #electric_people ul {
width: 100%;
font-size: 100%;
}
.checksheets .flex_area #home_ken.open ul,
.checksheets .flex_area #home_people.open ul,
.checksheets .flex_area #electric_ken.open ul,
.checksheets .flex_area #electric_people.open ul {
margin-top: 7px;
z-index: 13;
}
.checksheets .flex_area #home_ken ul li,
.checksheets .flex_area #home_people ul li,
.checksheets .flex_area #electric_ken ul li,
.checksheets .flex_area #electric_people ul li {
margin-bottom: 10px;
line-height: 18px;
}
.checksheets .flex_area #home_ken ul li:first-child,
.checksheets .flex_area #home_people ul li:first-child,
.checksheets .flex_area #electric_ken ul li:first-child,
.checksheets .flex_area #electric_people ul li:first-child {
padding-top: 14px;
}
.checksheets .flex_area .people_txt {
width: 100%;
font-size: 8px;
line-height: 14px;
text-align: center;
}
.checksheets .home_area .flex_area .people_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_checksheets_arrow_w.png) no-repeat;
background-size: 100%;
background-position: center;
width: 10px;
height: 10px;
top: 30px;
right: 0;
left: 0;
transform: rotate(90deg);
}
.checksheets .electric_area .flex_area .people_txt::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_tab_arrow_k.png) no-repeat;
background-size: 100%;
background-position: center;
width: 10px;
height: 10px;
top: 30px;
right: 0;
left: 0;
transform: rotate(90deg);
}
.checksheets .price_ttl,
.checksheets .graph_ttl {
font-size: 12.5px;
margin-bottom: 8px;
}
.checksheets .price_ttl img {
width: calc(145px / 2);
}
.checksheets .home_area .ken_display-area,
.checksheets .electric_area .ken_display-area {
width: 100%;
height: auto;
padding: 15px 15px 22px;
border-radius: 5px;
margin-bottom: 20px;
}
.checksheets .home_area .ken_display-area img,
.checksheets .electric_area .ken_display-area img {
width: calc();/*/2*/
height: calc();/*/2*/
}
.checksheets .graph_ttl img {
width: calc(113px / 2);
margin: 0 auto;
}
.checksheets .home_area .people_display-area,
.checksheets .electric_area .people_display-area {
width: 100%;
height: auto;
padding: 15px 15px 22px;
border-radius: 5px;
margin-bottom: 28px;
}
.checksheets .explan {
width: calc(224px / 2);
height: calc(76px / 2);
font-size: 0.5rem;
border-radius: 8px;
margin-bottom: 16px;
padding: 5px 16px 1px;
}
.checksheets .charges_area {
width: 50px;
}
.checksheets .charges_area img {
width: calc(70px / 2);
height: calc(12px / 2);
margin: 5px 0;
}
.checksheets .use_area {
width: 35px;
}
.checksheets .use_area span {
display: block;
width: 20px;
}
.checksheets .use_area img {
width: calc(17px / 2);
height: calc(32px / 2);
margin: 0 auto;
}
.checksheets .explan figure{
font-size: 0.562rem;
}
.checksheets .home_area .btn a,
.checksheets .electric_area .btn a {
font-size: 14px;
width: calc(530px / 2);
padding: 12px 20px 13px;
border-radius: 24px;
}
.checksheets .home_area .btn a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_b.png) no-repeat;
background-size: 100%;
background-position: center;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
right: 10px;
}
.checksheets .electric_area .btn a::after {
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_entry_arrow_y.png) no-repeat;
background-size: 100%;
background-position: center;
width: 16px;
height: 16px;
top: 0;
bottom: 0;
right: 10px;
}
.checksheets .home_area .btn a img,
.checksheets .electric_area .btn a img {
width: calc(424px / 2);/*/2*/
height: calc(27px / 2);/*/2*/
}
.checksheets .anote {
font-size: 9px;
line-height: 16px;
margin: 17px 11px 0;
}
.checksheets .anote ul {
padding-left: 1rem;
text-indent: -1rem;
}
/*^u�ւ�*/
/* ^u̒�g */
.tabbox {
padding: 7% 4% 8%;
}
}
/*
footer TOP֖߂�{^fUCύX
*/
/*.summer_action_dr .l-footer .pagetop,
.pawer_saving .l-footer .pagetop,
.register .l-footer .pagetop,
.checksheets .l-footer .pagetop {
display: block;
position: fixed;
z-index: 99;
}
.summer_action_dr .l-footer .pagetop a,
.pawer_saving .l-footer .pagetop a,
.register .l-footer .pagetop a,
.checksheets .l-footer .pagetop a {
display: block;
background: url(/energy_saving_cp_2023/summer_action/dr/image/icon_top.png) no-repeat;
background-size: auto 100%;
background-position: center;
}
.summer_action_dr .l-footer .pagetop a:before,
.pawer_saving .l-footer .pagetop a:before,
.register .l-footer .pagetop a:before,
.checksheets .l-footer .pagetop a:before {
content: none;
}
@media screen and (min-width: 668px), print {
.summer_action_dr .l-footer .pagetop,
.pawer_saving .l-footer .pagetop,
.register .l-footer .pagetop,
.checksheets .l-footer .pagetop {
width: 109px;
bottom: 100px;
right: 50px;
height: 109px;
}
.summer_action_dr .l-footer .pagetop a,
.pawer_saving .l-footer .pagetop a,
.register .l-footer .pagetop a,
.checksheets .l-footer .pagetop a {
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 667px){
.summer_action_dr .l-footer .pagetop,
.pawer_saving .l-footer .pagetop,
.register .l-footer .pagetop,
.checksheets .l-footer .pagetop {
width: 72px;
height: 72px;
bottom: 6%;
left: 4%;
}
.summer_action_dr .l-footer .pagetop a,
.pawer_saving .l-footer .pagetop a,
.register .l-footer .pagetop a,
.checksheets .l-footer .pagetop a {
width: calc(calc(144px / 2 ) * 0.85);
height: calc(calc(144px / 2 ) * 0.85);
}
}*/
#btn_entry img {
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 668px), print {
#btn_entry img {
height: 128.5px;
}
}
@media screen and (max-width: 667px){
#btn_entry img {
width: 82%;
margin-bottom: 10%;
}
}
#registerLink ul {
display: flex;
justify-content: center;
}
@media screen and (min-width: 668px), print {
#registerLink ul {
grid-gap: 35px;
margin-bottom: 145px;
}
#registerLink img {
width: 305px;
}
}
@media screen and (max-width: 667px){
#registerLink ul {
grid-gap: 15px;
margin-bottom: 45px;
}
#registerLink li {
width: calc(50% - 7.5px);
}
}
#register_btn h3 {
color: #317cb5;
font-weight: bold;
text-align: center;
}
@media screen and (min-width: 668px), print {
#register_btn h3 {
font-size: 39px;
}
#register_btn ul {
display: flex;
grid-gap: 33px;
margin: 60px 0 148px;
justify-content: center;
}
#register_btn ul li {
width: 426px;
}
}
@media screen and (max-width: 667px){
#register_btn h3 {
font-size: 19.5px;
}
#register_btn ul {
padding: 0 40px 62px;
}
#register_btn li {
margin-top: 22px;
}
}
@media screen and (min-width: 668px), print {
#mainVis {
padding-top: 150px;
margin-bottom: 118px;
}
}
@media screen and (max-width: 667px){
#mainVis {
padding-top: 67.5px;
margin-bottom: 16px;
}
}
#anchorLinks {
color: #fff;
text-align: center;
background: #317cb5;
}
#anchorLinks h2 {
font-weight: bold;
}
#anchorLinks h2 span {
display: inline-block;
}
#anchorLinks ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header.toggle {
color: #ed823a;
font-weight: bold;
}
header.toggle img {
margin-right: 1em;
display: inline-block;
vertical-align: middle;
}
header.toggle div {
display: flex;
align-items: center;
}
header.toggle span {
display: block;
}
@media screen and (min-width: 668px), print {
#anchorLinks {
padding: 120px 0 110px;
}
#anchorLinks h2 {
font-size: 50px;
}
#anchorLinks h2 span {
padding-bottom: 10px;
border-bottom: 7px solid #fff;
}
#anchorLinks ul {
margin: 0 auto;
padding-top: 40px;
max-width: 1046px;
}
#anchorLinks li img {
width: 222px;
margin-top: 30px;
}
header.toggle {
font-size: 33px;
padding: 35px 0;
cursor: pointer;
}
header.toggle div {
max-width: 940px;
margin: 0 auto;
}
header.toggle img {
width: 81px;
}
header.toggle span {
width: calc(100% - (81px + 1em));
}
}
@media screen and (max-width: 667px){
#anchorLinks {
padding: 35px 0 40px;
}
#anchorLinks h2 {
font-size: 19.5px;
line-height: 34.4px;
}
#anchorLinks h2 span {
border-bottom: 1vw solid #fff;
}
#anchorLinks ul {
padding: 12.5px 11.25% 0;
}
#anchorLinks li img {
width: 35vw;
margin-top: 7.3vw;
}
header.toggle div {
height: 100px;
font-size: 14.5px;
line-height: 23px;
padding: 0 27.5px;
}
header.toggle img {
width: 40.5px;
}
}
@media screen and (min-width: 668px), print {
#anc_all .img_area img {
/*height: 658px;*/
margin-bottom: 95px;
}
}
@media screen and (max-width: 667px){
}
#entry {
z-index: 1;
position: relative;
text-align: center;
}
#entry .t_dot span::after {
display: block;
}
@media screen and (min-width: 668px), print{
#entry {
margin-top: -200px;
padding-bottom: 90px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/entry_bg_pc.png) no-repeat right 113px;
background-size: 185px 370px;
}
#entry .t_dot {
line-height: 73px;
}
#entry figure {
max-width: 930px;
margin: 47px auto 0;
}
}
@media screen and (max-width: 667px){
#entry {
padding-bottom: 40px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/entry_bg_sp.jpg) no-repeat right 44.5%;
background-size: 88px 111px;
}
#entry figure {
margin-top: 12%;
padding-left: 3%;
padding-right: 6%;
}
#entry figure img {
width: 100%;
}
}
#download {
background: #c7361d;
}
#download h2 {
color: #fff;
font-weight: bold;
text-align: center;
}
#download h2 span {
position: relative;
display: inline-block;
}
#download h2 span::before,
#download h2 span::after {
width: 0;
height: 0;
bottom: -0.2em;
content: "";
display: block;
position: absolute;
border-style: solid;
border-color: #fff transparent transparent;
}
#download h2 span::before {
left: -1em;
transform: rotate(-30deg);
}
#download h2 span::after {
right: -1em;
transform: rotate(30deg);
}
#download .pv_text {
color: #fff;
}
#download .pv_text::before,
#download .pv_text:after {
background: #fff;
}
@media screen and (min-width: 668px), print{
#download {
padding: 55px 0;
}
#download h2 {
font-size: 32px;
}
#download h2 span::before,
#download h2 span::after {
border-width: 44px 7px 0;
}
#download .links {
display: flex;
margin: 25px 0 40px;
justify-content: center;
}
#download .links li {
width: 296px;
margin: 0 14px;
}
}
@media screen and (max-width: 667px){
#download {
padding: 49px 0 50px;
}
#download h2 {
font-size: 19px;
}
#download h2 span::before,
#download h2 span::after {
border-width: 26px 4.5px 0;
}
#download .links {
padding: 25px 55px 40px;
}
#download .links li + li {
margin-top: 18px;
}
}
#about {}
#about figure {
text-align: center;
}
@media screen and (min-width: 668px), print{
#about {
padding: 100px 0 95px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/about_bg_pc.jpg) no-repeat left 72px;
background-size: 159px 242px;
}
#about .text {
font-size: 16px;
line-height: 32px;
max-width: 900px;
margin: 0 auto;
}
#about figure img {
width: 668px;
margin: 50px auto 15px;
}
}
@media screen and (max-width: 667px){
#about {
padding: 44px 20px 32px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/about_bg_sp.jpg) no-repeat left 92%;
background-size: 100% auto;
}
#about .text {
font-size: 14px;
line-height: 28px;
}
#about figure img {
margin: 22px 0 10px;
}
#about figcaption {
font-size: 10px;
line-height: 16px;
}
}
#requirement {
position: relative;
}
#requirement::after {
content: "";
display: block;
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
left: -1000%;
right: -1000%;
margin: 0 auto;
border-radius: 100%;
background: #eadccf;
}
#requirement .inner {
position: relative;
z-index: 1;
}
#requirement .table dt {
color: #fff;
display: flex;
background: #c7361d;
align-items: center;
justify-content: center;
}
#requirement .table dd {
align-self: center;
box-sizing: border-box;
}
#requirement .table .bold {
font-weight: bold;
}
@media screen and (min-width: 668px), print{
#requirement {
padding: 80px 0 155px;
}
#requirement::after {
width: 4000px;
}
#requirement .inner {
margin: 0 auto;
max-width: 830px;
}
#requirement .table {
width: calc(50% + 50vw);
}
#requirement .table dl {
width: 100%;
display: flex;
}
#requirement .table dl + dl {
margin-top: 50px;
}
#requirement .table dt {
width: 135px;
font-size: 15px;
padding: 20px 0;
}
#requirement .table dd {
font-size: 17.5px;
line-height: 26px;
padding-left: 20px;
width: calc(100% - 135px);
}
#requirement .table .bold {
font-size: 19px;
}
#requirement .table .bold strong {
font-size: 32px;
}
}
@media screen and (max-width: 667px){
#requirement {
padding: 40px 20px 50px;
}
#requirement::after {
width: 1700px;
}
#requirement .table dt {
width: 90px;
padding: 7px 0;
text-align: center;
letter-spacing: -0.05em;
}
#requirement .table dt span {
margin: 0 -1em;
}
#requirement .table dd {
font-size: 12px;
line-height: 18px;
padding: 20px 0 30px;
}
#requirement .table .bold {
font-size: 9px;
}
#requirement .table strong {
font-size: 15px;
}
}
#faq {}
#faq ul li {
position: relative;
}
#faq ul li + li {
border-top: 1px solid #c7361d;
}
#faq ul dl {
position: relative;
}
#faq ul dl > * {
position: relative;
}
#faq ul dt {
color: #c7361d;
cursor: pointer;
font-weight: bold;
}
#faq ul dd {
display: none;
}
#faq ul dt::before {
top: 0;
bottom: 0;
content: "Q";
margin: auto 0;
background: #c7361d;
}
#faq ul dd::before {
content: "A";
background: #1b84c7;
}
#faq ul dl > *::before {
left: 0;
color: #fff;
display: block;
font-weight: bold;
text-align: center;
position: absolute;
border-radius: 50%;
}
#faq ul li::before,
#faq ul li::after {
content: "";
display: block;
position: absolute;
background: #c7361d;
}
#faq ul li::after {
transition-duration: .3s;
transition-property: height top;
}
#faq ul li.open::after {
height: 0;
}
@media screen and (min-width: 668px), print{
#faq {
margin-top: -10px;
padding: 125px 0 100px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/faq_bg_pc.gif) no-repeat center 0;
background-size: 100% auto;
}
#faq ul {
max-width: 705px;
margin: 0 auto;
}
#faq ul li {
padding: 30px 0;
}
#faq ul dl > * {
padding-left: 45px;
}
#faq ul dt {
font-size: 16px;
line-height: 25px;
}
#faq ul dd {
font-size: 14px;
line-height: 23px;
padding-top: 25px;
}
#faq ul dd::before {
top: 33px;
}
#faq ul dl > *::before {
width: 33px;
height: 33px;
font-size: 16px;
line-height: 33px;
}
#faq ul li::before {
top: 41px;
right: 0;
width: 22px;
height: 2px;
}
#faq ul li::after {
top: 32px;
right: 10px;
width: 2px;
height: 22px;
}
#faq ul li.open::after {
top: 42px;
}
}
@media screen and (max-width: 667px){
#faq {
padding: 50px 20px;
background: url(/energy_saving_cp_2023/summer_action/dr/image/faq_bg_sp.gif) no-repeat center 13vw;
background-size: 100% auto;
}
#faq ul li {
padding: 15px 0;
}
#faq ul dl > * {
padding-left: 30px;
}
#faq ul dt {
font-size: 12px;
line-height: 19px;
}
#faq ul dd {
font-size: 10px;
line-height: 16px;
padding-top: 10px;
}
#faq ul dt::before {
top: 7px;
bottom: auto;
}
#faq ul dt.sp_line1::before {
top: -10px;
bottom: -10px;
}
#faq ul dd::before {
top: 16px;
}
#faq ul dl > *::before {
width: 25px;
height: 25px;
line-height: 23px;
padding-bottom: 2px;
}
#faq ul li::before {
top: 34px;
right: 0;
width: 14px;
height: 1px;
}
#faq ul li::after {
top: 28px;
right: 6px;
width: 1px;
height: 14px;
}
#faq ul li.open::after {
top: 42px;
}
}
#close {
color: #fff;
font-weight: bold;
text-align: center;
background: #c7361d;
max-width: 1000px;
}
@media screen and (min-width: 668px) {
#close {
font-size: 28px;
line-height: 53px;
padding: 50px 0 45px;
margin: 57px auto 75px;
}
}
@media screen and (max-width: 667px) {
#close {
font-size: 14px;
line-height: 27.5px;
padding: 25px 0;
margin: 30px 20px 0;
}
}
.banner_2023winter {
text-align: center;
margin-top: 65px;
}
.banner_2023winter img {
width: 100%;
max-width: 704px;
margin: 0 auto;
}
.modal_2023winter {
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.2);
}
.modal_2023winter a {
display: block;
background: #fff;
max-width: 100%;
padding: 25px;
}
.modal_2023winter a img {
width: 880px;
max-width: 100%;
}
@media screen and (max-width: 667px){
.banner_2023winter {
padding: 0 10px;
margin-top: 30px;
}
.modal_2023winter {
padding: 10px;
}
.modal_2023winter a {
padding: 6px;
}
}