@charset "UTF-8";

/* 
共通
 */
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;
}
.pawer_saving main,
.rakuene_index main,
.register main {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1;
    background: #fff;
}
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;
}
@media screen and (min-width: 769px){
    body.rakuene_index {
        min-width: 1200px;
    }
    body.register,
    body.pawer_saving,
    body.checksheets {
        min-width: 1200px;
    }
    .sp {
        display: none !important;
    }
}

@media screen and (max-width: 768px){
    .pc {
        display: none !important;
    }
}

/* 
main_visu
 */
.main_visu {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
}
.main_visu::after {
    position: absolute;
    content: "";
}
.main_visu-inner {
    margin: 0 auto;
    position: relative;
}
.main_visu h1 img {
    z-index: 5;
}

@media screen and (min-width: 769px){
    .main_visu {
        height: 435px;
        margin-bottom: 94px;
        background: #059fcf;
        margin-top: 150px;
    }
    .main_visu::after {
        width: 100%;
        min-height: 229px;
        bottom: -40px;
        background: url(/energy_saving_cp/2022summer/images/main_visu_bg01.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .main_visu-inner {
        min-width: 1190px;
        position: relative;
    }
    .main_visu h1 {
        display: flex;
        justify-content: flex-start;
        position: relative;
    }
    .main_visu h1 img {
        width: calc(2377px / 2);
        height: calc(994px / 2);
    }
}
@media screen and (max-width: 768px){
    .main_visu {
        margin-top: 18vw;
        margin-bottom: 7px;
    }
    .main_visu h1 {
        width: 100%;
    }
}

/* 
nav_area
 */
.nav_area {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.nav_area li a {
    display: block;
    position: relative;
}
.nav_area li a::after {
    position: absolute;
    content: "";
}
@media screen and (min-width: 769px){
    .nav_bg_area {
        background: #fff;
        padding: 10px 0;
        margin-bottom: 80px;
        box-sizing: border-box;
        width: 100%;
    }
    .nav_bg_area.fix_on {
        position: fixed;
        top: 150px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 9999;
    }
    .nav_area li a {
        border-bottom: 5px solid #059fcf;
        padding-bottom: 10px;
    }
    .nav_area li a::after {
        background: url(/energy_saving_cp/2022summer/images/icon_arrow_blue.png) no-repeat;
        width: calc(54px / 2);
        height: calc(30px / 2);
        background-size: 100%;
        background-position: center;
        bottom: -15px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .nav_area li a.stay {
        border-bottom: 5px solid #da536b;
        padding-bottom: 10px;
    }
    .nav_area li a.stay::after {
        background: url(/energy_saving_cp/2022summer/images/icon_arrow_stay.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .nav_area {
        width: 925px;
    }
    .nav_area .nav_entry {
        width: calc(223px / 2);
    }
    .nav_area .nav_checksheets {
        width: calc(366px / 2);
    }
    .nav_area .nav_saving {
        width: calc(361px / 2);
    }
    .nav_area .nav_faq {
        width: calc(189px / 2);
    }
    .nav_area .nav_terms {
        width: calc(416px / 2);
    }
}
@media screen and (max-width: 768px){
    .nav_area {
        flex-wrap: wrap;
        justify-content: center;
        justify-content: center;
        width: calc(336px / 2);
        margin-bottom: calc(91px / 2);
    }
    .nav_area li a {
        border-bottom: 3px solid #059fcf;
        padding-bottom: 5px;
    }
    .nav_area li a::after {
        background: url(/energy_saving_cp/2022summer/images/icon_arrow_blue.png) no-repeat;
        width: 19px;
        height: 7px;
        background-size: 100%;
        background-position: center;
        bottom: -7px;
        right: 0;
        left: 0;
        margin: auto;
    }
    .nav_area li a.stay {
        border-bottom: 3px solid #da536b;
        padding-bottom: 5px;
    }
    .nav_area li a.stay::after {
        background: url(/energy_saving_cp/2022summer/images/icon_arrow_stay.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .nav_area .nav_entry {
        width: calc(112px / 2);
        margin-right: 16px;
    }
    .nav_area .nav_checksheets {
        width: calc(182px / 2);
        margin-top: 22px;
        margin-right: 16px;
    }
    .nav_area .nav_saving {
        width: calc(187px / 2);
    }
    .nav_area .nav_faq {
        width: calc(94px / 2);
        margin-top: 22px;
    }
    .nav_area .nav_terms {
        width: calc(212px / 2);
        margin-top: 22px;
    }
}


/* 
fix_entry
 */
.fix_entry {
    position: fixed;
    z-index: 100;
}
.fix_entry .entry_ttl {
    margin: 0 auto;
}
.fix_entry .entry_btn {
    display: block;
    background: #000;
    position: relative;
}
.fix_entry .entry_btn:hover {
    opacity: .8; /* ホバーで少し透過 */
}
.fix_entry .entry_btn::before {
    position: absolute;
    content: "";
    background: url(/energy_saving_cp/2022summer/images/icon_arrow_w.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
}

.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: 769px){
    .fix_entry {
        right: -45px;
        background: url(/energy_saving_cp/2022summer/images/fix_bg.png) no-repeat;
        width: 241px;
        height: 380px;
        background-size: 100%;
        bottom: 3%;
    }
    .fix_entry .entry_ttl {
        width: 101px;
        margin: 60px auto 26px;
    }
    .fix_entry .entry_btn {
        width: 179px;
        border-radius: 20px 0 0 20px;
        margin: 0 auto 15px;
        padding: 16px 5px 16px 42px;
        box-sizing: border-box;
    }
    .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;
    }
}
@media screen and (max-width: 768px){
    .fix_entry {
        position: fixed;
        right: -26px;
        background: url(/energy_saving_cp/2022summer/images/sp/fix_bg.png) no-repeat;
        width: calc(273px / 2);
        height: calc(427px / 2);
        background-size: 100%;
        bottom: 13%;
        z-index: 100;
    }
    .fix_entry .entry_ttl {
        width: calc(112px / 2);
        margin: 33px auto 13px;
    }
    .fix_entry .entry_btn {
        width: 100px;
        border-radius: 20px 0 0 20px;
        margin: 0 auto 5px;
        padding: 6px 5px 7px 25px;
        box-sizing: border-box;
    }
    .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: calc(112px / 2);
    }
    .fix_entry .entry_btn.non_member img {
        width: calc(129px / 2);
    }
}
/* 
finish_area
 */
@media screen and (min-width: 769px){
    .finish_area img {
        max-width: 1000px;
        margin: 0 auto 100px;
    }
}
@media screen and (max-width: 768px){
    .finish_area {
        padding: 0 55px 40px;
    }
}

/* 
intro_area
 */
.intro_area {
    text-align: center;
    position: relative;
}
.intro_area::before {
    position: absolute;
    content: "";
    z-index: -1;
}
.intro_area::after {
    position: absolute;
    content: "";
    z-index: 1;
}
.intro_txt02 {
    font-weight: bold;
}
.intro_txt_link{
  position: relative;
  margin-bottom: 40px;
}

.intro_txt_link a{
  font-size: 26px;
  line-height: 1.192;
  color: #059FCF;
  background: linear-gradient(transparent 95%, #059FCF 0%);
  display: inline;
  padding: 0 2px 4px;
  text-decoration: none;
}
.intro_txt_link a span{
  background: none;
}
.intro_txt_link:after{
  content: "";
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 17px solid #059FCF;
  display: inline-block;
  position: absolute;
  top: 8px;
}
@media screen and (min-width: 769px){
    .intro_area {
        margin-bottom: 160px;
    }
    .intro_area::before {
        width: calc(543px / 2);
        height: calc(569px / 2);
        background: url(/energy_saving_cp/2022summer/images/intro_bg.png) no-repeat;
        background-size: 100%;
        background-position: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .intro_area::after {
        width: calc(527px / 2);
        height: calc(519px / 2);
        background: url(/energy_saving_cp/2022summer/images/intro_img01.png) no-repeat;
        background-size: 100%;
        background-position: center;
        bottom: -215px;
        left: -820px;
        right: 0px;
        margin: auto;
    }
    .intro_area .intro_txt {
        font-size: 20px;
        line-height: 44px;
        margin-bottom: 60px;
    }
    .intro_txt02 {
        font-size: 30px;
        line-height: 66px;
        margin-bottom: 60px;
    }
}
@media screen and (max-width: 768px){
    .intro_area {
        padding: 0 29px;
        margin-bottom: 51px;
    }
    .intro_area::before {
        width: calc(271px / 2);
        height: calc(284px / 2);
        background: url(/energy_saving_cp/2022summer/images/sp/intro_bg.png) no-repeat;
        background-size: 100%;
        background-position: center;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    .intro_area .intro_txt {
        font-size: 10px;
        line-height: 22px;
        margin-bottom: 30px;
        text-align: left;
    }
    .intro_area p:nth-of-type(3){
      text-align: center;
    }
    .intro_txt02 {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .intro_txt_link{
      margin-bottom: 20px;
    }
    .intro_txt_link a{
      background: none;
      font-size: 13px;
    }
    .intro_txt_link a span{
      background: linear-gradient(transparent 95%, #059FCF 0%);
      display: inline-block;
      padding: 0 10px 4px;
    }
    .intro_txt_link:after{
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 8px solid #059FCF;
      margin-left: 1px;
    }
}

/* 
entry_area
 */
.entry_area {
    background: #eae9e5;
}
.entry_area-inner {
    margin: 0 auto;
}
.entry_area .entry_ttl img {
    margin: 0 auto;
}
.entry_area .flex_area {
    display: flex;
    margin: 0 auto;
    justify-content: center;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
}
.entry_area .flex_area figure span {
    position: relative;
    display: block;
}
.entry_area .flex_area figure span::before {
    position: absolute;
    content: "";
    background: url(/energy_saving_cp/2022summer/images/icon_triangle_blue.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
}
.entry_area .flex_area figure:last-of-type span::before {
    content: none;
}
.entry_area .flex_area figcaption,
.entry_area .flex_area > p {
    text-align: center;
    font-weight: bold;
}
.entry_area .annte {
    text-align: center;
}
.entry_area .entry_btn01 span,
.entry_area .entry_btn02 a {
    display: block;
    margin: 0 auto;
    border-radius: 50px;
    position: relative;
}
.entry_area .entry_btn02 a:hover {
    opacity: 0.8;
}
.entry_area .entry_btn01 span::after,
.entry_area .entry_btn02 a::after {
    position: absolute;
    content: "";
    margin: auto;
}
.entry_area .entry_btn01 span {
    background: #fff500;
    box-sizing: border-box;
}
.entry_area .entry_btn02 a {
    background: #059fcf;
    box-sizing: border-box;
}

/*web_check*/
.entry_area .web_check {
    margin: 0 auto;
    color: #059fcf;
    background: #fff;
    border-radius: 50px;
}
.entry_area .web_check_ttl span {
    display: block;
    margin: 0 auto;
    font-weight: bold;
}
.entry_area .web_check_txt {
    text-align: center;
}
.entry_area .web_check_txt {
    text-align: center;
}
.entry_area .web_check .flex_area {
    position: relative;
}
.entry_area .web_check .flex_area::before {
    position: absolute;
    content: "";
    margin: auto;
}
.entry_area .web_check .flex_area figcaption {
    text-align: left;
}


@media screen and (min-width: 769px){
    .entry_area {
        padding: 0 0 200px;
    }
    .entry_area .entry_area-inner {
        width: 1173px;
    }
    .entry_area .entry_ttl {
        padding: 196px 0 95px;
    }
    .entry_area .entry_ttl02 {
        width: calc(383px / 2);
        padding: 178px 0 0;
        margin: 0 auto 65px;
    }
    .entry_area .flex_area {
        width: 1170px;
        margin-bottom: 87px;
    }
    .entry_area .flex_area figure {
        /*width: calc(675px / 2);*/
    }
    .entry_area .flex_area figure span::before {
        width: calc(44px / 2);
        height: calc(87px / 2);
        top: 0;
        bottom: 0;
        right: -54px;
    }
    .entry_area .flex_area figure:last-of-type span::before {
        content: none;
    }
    .entry_area .flex_area figcaption,
    .entry_area .flex_area > p {
        font-size: 19px;
        line-height: 38px;
        margin: 50px -50px 0;
        letter-spacing: -0.16rem;
    }
    .entry_area .flex_area > p {
        width: 100%;
    }
    .entry_area .annte {
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 74px;
    }
    .entry_area .entry_btn01 {
        margin-bottom: 64px;
    }
    .entry_area .entry_btn02 {
        margin-bottom: 142px;
    }

    .entry_area .entry_btn01 span,
    .entry_area .entry_btn02 a {
        width: 700px;
        padding: 30px 90px 28px 50px;
    }
    .entry_area .entry_btn01 span::after,
    .entry_area .entry_btn02 a::after {
        width: calc(95px / 2);
        height: calc(95px / 2);
        top: 0;
        bottom: 0;
        right: 40px;
    }
    .entry_area .entry_btn01 span::after {
        background: url(/energy_saving_cp/2022summer/images/icon_entry_arrow_b.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .entry_area .entry_btn02 a::after {
        background: url(/energy_saving_cp/2022summer/images/icon_entry_arrow_y.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .entry_area .entry_btn01 span img {
        width: calc(1051px / 2);
    }
    .entry_area .entry_btn02 a img {
        width: calc(1101px / 2);
    }

    /*web_check*/
    .entry_area .web_check {
        width: 1000px;
        padding: 44px 0 55px;
    }
    .entry_area .web_check_ttl {
        font-size: 22px;
        line-height: 38px;
        margin-bottom: 15px;
    }
    .entry_area .web_check_ttl span {
        width: 630px;
        padding-bottom: 11px;
        border-bottom: #059fcf solid 3px;
    }
    .entry_area .web_check_txt {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 24px;
    }
    .entry_area .web_check .flex_area {
        width: 900px;
        margin-bottom: 0;
    }
    .entry_area .web_check .flex_area figure {
        width: calc(861px / 2);
    }
    .entry_area .web_check .flex_area::before {
        background: url(/energy_saving_cp/2022summer/images/entry_img03.png) no-repeat;
        width: calc(532px / 2);
        height: calc(538px / 2);
        background-size: 100%;
        background-position: center;
        bottom: 76px;
        left: -205px;
    }
    .entry_area .web_check .flex_area figcaption {
        font-size: 14px;
        line-height: 28px;
        margin-top: 21px;
    }
}
@media screen and (max-width: 768px){
    .entry_area {
        padding: 0 4% 60px;
    }
    .entry_area .entry_ttl {
        padding: 58px 0 26px;
    }
    .point01 img{
      margin: auto;
      text-align: center;
    }
    .entry_area .entry_ttl02 {
        width: calc(191px / 2);
        padding: 39px 0 0;
        margin: 0 auto 30px;
    }
    .entry_area .flex_area {
        width: 100%;
        padding: 0 45px;
        /*width: calc(353px / 2);*/
        margin-bottom: 26px;
        flex-wrap: wrap;
    }
    .entry_area .flex_area figure {
        /*width: calc(353px / 2);*/
        margin-bottom: 43px;
    }
    .entry_area .flex_area figure span::before {
        width: calc(10px / 2);
        height: calc(21px / 2);
        bottom: -27px;
        right: 0;
        left: 0;
        transform: rotate(90deg);
    }
    .entry_area .flex_area figure:last-of-type span::before {
        content: none;
    }
    .entry_area .flex_area figcaption,
    .entry_area .flex_area > p {
        font-size: 10px;
        line-height: 17px;
        margin-top: 11px;
    }
    .entry_area .annte {
        font-size: 10px;
        line-height: 19px;
        margin-bottom: 33px;
    }
    .entry_area .entry_btn01 {
        margin-bottom: 32px;
    }
    .entry_area .entry_btn02 {
        margin-bottom: 50px;
    }

    .entry_area .entry_btn01 span,
    .entry_area .entry_btn02 a {
        width: calc(525px / 2);
        padding: 11px 43px 12px;
    }

    .entry_area .entry_btn01 span::after {
        background: url(/energy_saving_cp/2022summer/images/sp/icon_entry_arrow_b.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .entry_area .entry_btn02 a::after {
        background: url(/energy_saving_cp/2022summer/images/sp/icon_entry_arrow_y.png) no-repeat;
        background-size: 100%;
        background-position: center;
    }
    .entry_area .entry_btn01 span img {
        width: calc(356px / 2);
    }
    .entry_area .entry_btn02 a img {
        width: calc(376px / 2);
    }

    /*web_check*/
    .entry_area .web_check {
        width: auto;
        padding: 31px 0 51px;
    }
    .entry_area .web_check_ttl {
        font-size: 11px;
        line-height: 19px;
        margin-bottom: 10px;
        text-align: center;
    }
    .entry_area .web_check_ttl span {
        width: 210px;
        padding-bottom: 6px;
        border-bottom: #059fcf solid 2px;
    }
    .entry_area .web_check_txt {
        font-size: 7px;
        line-height: 13px;
        margin-bottom: 16px;
    }
    .entry_area .web_check .flex_area {
        width: auto;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .entry_area .web_check .flex_area figure {
        width: calc(526px / 2);
        margin-bottom: 36px;
    }
    .entry_area .web_check .flex_area figure:last-child {
        margin-bottom: 0;
    }
    .entry_area .web_check .flex_area::before {
        background: url(/energy_saving_cp/2022summer/images/sp/entry_img03.png) no-repeat;
        width: calc(276px / 2);
        height: calc(278px / 2);
        background-size: 100%;
        background-position: center;
        top: 147px;
        right: -20px;
    }
    .entry_area .web_check .flex_area figcaption {
        font-size: 7px;
        line-height: 17px;
        margin-top: 13px;
    }
}

/* 
saving (#anc_saving)
 */
.saving .saving-inner {
    margin: 0 auto;
}
.saving .saving-inner .bann_area {
    margin: 0 auto;
}
.saving .saving-inner .saving_ttl span,
.saving .saving-inner .saving_ttl02 span,
.saving .saving-inner .saving_ttl03 span {
    display: block;
    margin: 0 auto;
}

.saving .saving-inner .saving_catch span {
    display: block;
    margin: 0 auto;
    position: relative;
}
.saving .saving-inner .saving_catch span::before {
    position: absolute;
    content: "";
    margin: auto;
}
.saving .saving-inner .anc_area {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.saving .saving-inner .check_btn a {
    display: block;
    margin: 0 auto;
    position: relative;
}


@media screen and (min-width: 769px){
    .saving {
        padding: 205px 0 212px;
    }
    .saving .saving-inner {
        width: 1045px;
    }
    .saving .saving-inner .bann_area {
        width: calc(1998px / 2);
    }
    .saving .saving-inner .saving_ttl {
        margin-bottom: 82px;
    }
    .saving .saving-inner .saving_ttl span {
        width: calc(566px / 2);
    }
    .saving .saving-inner .saving_catch  {
        margin-bottom: 76px;
    }
    .saving .saving-inner .saving_catch span {
        width: calc(1914px / 2);
    }
    .saving .saving-inner .saving_catch span::before {
        background: url(/energy_saving_cp/2022summer/images/saving_img01.png) no-repeat;
        width: calc(306px / 2);
        height: calc(422px / 2);
        background-size: 100%;
        background-position: 0;
        bottom: 108px;
        left: 0;
    }
    .saving .saving-inner .anc_area {
        margin-bottom: 97px;
    }
    .saving .saving-inner .anc_area a {
        width: calc(450px / 2);
        margin-left: 48px;
    }
    .saving .saving-inner .anc_area a:nth-child(1),
    .saving .saving-inner .anc_area a:nth-child(5) {
        margin-left: 0;
    }
    .saving .saving-inner .anc_area a::nth-last-child(-n+3) {
        margin-top: 27px;
    }
    .saving .saving-inner .saving_ttl02 {
        margin-top: 87px;
        margin-bottom: 49px;
    }
    .saving .saving-inner .saving_ttl02 span {
        width: calc(1349px / 2);
    }
    .saving .saving-inner .saving_ttl03 {
      /*margin-top: 87px;*/
      margin-bottom: 49px;
  }
  .saving .saving-inner .saving_ttl03 span {
      width: calc(966px / 2);
  }
    .saving .saving-inner .check_btn a {
        width: calc(1678px / 2);
        margin-bottom: 139px;
    }
}
@media screen and (max-width: 768px){
    .saving {
        padding: 45px 0 50px;
    }
    .saving .saving-inner {
        width: calc(524px / 2);
        margin: 0 auto;
    }
    .saving .saving-inner .bann_area {
        width: calc(525px / 2);
    }
    .saving .saving-inner .saving_ttl {
        margin-bottom: 35px;
    }
    .saving .saving-inner .saving_ttl span {
        width: calc(311px / 2);
    }
    .saving .saving-inner .saving_catch  {
        margin-bottom: 27px;
    }
    .saving .saving-inner .saving_catch span {
        width: calc(530px / 2);
    }
    .saving .saving-inner .saving_catch span::before {
        content: none;
    }
    .saving .saving-inner .anc_area {
        justify-content: flex-end;
        margin-bottom: 42px;
        position: relative;
    }
    .saving .saving-inner .anc_area::before {
        position: absolute;
        content: "";
        background: url(/energy_saving_cp/2022summer/images/sp/saving_img01.png) no-repeat;
        width: calc(172px / 2);
        height: calc(237px / 2);
        background-size: 100%;
        background-position: 0;
        bottom: 15px;
        left: 25px;
    }
    .saving .saving-inner .anc_area a {
        width: calc(224px / 2);
        margin-left: 38px;
        margin-bottom: 26px;
    }
    .saving .saving-inner .anc_area a:nth-child(odd){
        margin-left: 0;
    }
    .saving .saving-inner .anc_area a::nth-last-child(-n+1) {
        margin-top: 27px;
    }
    .saving .saving-inner .saving_ttl02 {
        margin-bottom: 18px;
    }
    .saving .saving-inner .saving_ttl02 span {
        width: calc(502px / 2);
    }
    .saving .saving-inner .check_btn a {
        width: calc(526px / 2);
        margin-bottom: 55px;
    }
    .saving .saving-inner .saving_ttl03 {
      margin-top: 33px;
      margin-bottom: 18px;
  }
    .saving .saving-inner .saving_ttl03 span {
      width: calc(502px / 2);
  }
    .saving .saving-inner .check_btn a {
      width: calc(526px / 2);
      margin-bottom: 55px;
  }
}
/* 
faq
 */
.faq {
    background: #eae9e5;
}
.faq a {
    color: #0089bd;
}
.faq .faq_ttl span {
    display: block;
    margin: 0 auto;
}
.faq dl {
    margin: 0 auto;
}
.faq dt {
    font-weight: bold;
    color: #059fcf;
    position: relative;
}
.faq dt::before {
    position: absolute;
    content: "";
    margin: auto;
}
.faq dd {
    font-weight: bold;
    border-bottom: #059fcf solid 1px;
    position: relative;
}
.faq dd::before {
    position: absolute;
    content: "";
    margin: auto;
}

@media screen and (min-width: 769px){
    .faq {
        padding: 199px 0 188px;
    }
    .faq .faq_ttl {
        margin-bottom: 121px;
    }
    .faq .faq_ttl span {
        width: calc(347px / 2);
    }
    .faq dl {
        width: 870px;
    }
    .faq dt {
        font-size: 20px;
        line-height: 28px;
        padding-left: 56px;
        margin-bottom: 35px;
    }
    .faq dt::before {
        background: url(/energy_saving_cp/2022summer/images/icon_q.png) no-repeat;
        width: calc(83px / 2);
        height: calc(83px / 2);
        background-size: 100%;
        background-position: center;
        top: 0;
        bottom: 0;
        left: 0;
    }
    .faq dd {
        font-size: 15px;
        line-height: 28px;
        padding: 0 0 27px 56px;
        margin-bottom: 65px;
    }
    .faq dd::before {
        background: url(/energy_saving_cp/2022summer/images/icon_a.png) no-repeat;
        width: calc(83px / 2);
        height: calc(83px / 2);
        background-size: 100%;
        background-position: center;
        top: 0;
        left: 0;
    }
    .faq dd:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px){
    .faq {
        padding: 44px 0 55px;
    }
    .faq .faq_ttl {
        margin-bottom: 23px;
    }
    .faq .faq_ttl span {
        width: calc(173px / 2);
        margin: 0 auto;
    }
    .faq dl {
        width: 263px;
    }
    .faq dt {
        font-size: 10px;
        line-height: 14px;
        padding-left: 26px;
        margin-bottom: 15px;
    }
    .faq dt::before {
        background: url(/energy_saving_cp/2022summer/images/icon_q.png) no-repeat;
        width: calc(46px / 2);
        height: calc(46px / 2);
        background-size: 100%;
        background-position: center;
        top: 0;
        bottom: 0;
        left: 0;
    }
    .faq dd {
        font-size: 8px;
        line-height: 14px;
        padding: 0 0 13px 26px;
        margin-bottom: 23px;
    }
    .faq dd::before {
        background: url(/energy_saving_cp/2022summer/images/icon_a.png) no-repeat;
        width: calc(46px / 2);
        height: calc(46px / 2);
        background-size: 100%;
        background-position: center;
        top: 0;
        left: 0;
    }
    .faq dd:last-child {
        margin-bottom: 0;
    }
}
/* 
terms
 */
.terms {
    background: #059fcf;
}
.terms .terms_ttl span {
    display: block;
    margin: 0 auto;
}
.terms table {
    margin: 0 auto;
}
.terms table th {
    color: #059fcf;
    vertical-align: middle;
    background: #fff;
}
.terms table td {
    color: #fff;
    vertical-align: top;
}
.terms table td.terms_day {
    font-weight: bold;
    vertical-align: middle;
}
.terms table td span {
    vertical-align: baseline;
}
.terms table td .ddin_list li,
.terms table td .ddin_list02 li,
.terms table td .ddin_list03 li {
    padding-left: 1rem;
    text-indent: -1rem;
}
.mt-1rem {
    margin-top: 1rem;
}

@media screen and (min-width: 769px){
    .terms {
        padding: 199px 0 136px;
    }
    .terms .terms_ttl span {
        width: calc(692px / 2);
        margin-bottom: 106px;
    }
    .terms table {
        width: 1023px;
        border-collapse: separate;
        border-spacing: 0px 60px;
    }
    .terms table th {
        width: 171px;
        padding: 20px 7px 18px;
        font-size: 16px;
        line-height: 28px;
    }
    .terms table td {
        width: 852px;
        font-size: 22px;
        line-height: 33px;
        padding: 0 0 0 28px;
    }
    .terms table td.terms_day {
        font-size: 24px;
    }
    .terms table td span {
        font-size: 40px;
        line-height: 24px;
    }
    .terms table td .ddin_list li {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 28px;
    }
    .terms table td .ddin_list li:last-child {
        margin-bottom: 0;
    }
    .terms table td span.small {
        font-size: 16px;
        line-height: 33px;
    }
    .terms table td .ddin_list02 li {
        font-size: 17px;
        line-height: 25px;
        margin-bottom: 19px;
    }
    .terms table td .ddin_list02 li:last-child {
        margin-bottom: 0;
    }
    .terms table td .ddin_list03 li {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .terms table td .ddin_list03 li:last-child {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 768px){
    .terms {
        padding: 51px 29px 25px;
    }
    .terms .terms_ttl span {
        width: calc(355px / 2);
        margin-bottom: 36px;
    }
    .terms table {
        width: auto;
    }
    .terms table th {
        display: block;
        width: calc(171px / 2);
        padding: 6px 7px 7px;
        margin-bottom: 18px;
        font-size: 8px;
        line-height: 14px;
    }
    .terms table td {
        display: block;
        width: 100%;
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 30px;
    }
    .terms table td.terms_day {
        font-size: 11px;
    }
    .terms table td span {
        font-size: 18px;
        line-height: 31px;
    }
    .terms table td .ddin_list li {
        font-size: 9px;
        line-height: 12px;
        margin-bottom: 11px;
    }
    .terms table td .ddin_list li:last-child {
        margin-bottom: 0;
    }
    .terms table td span.small {
        font-size: 8px;
        line-height: 17px;
    }
    .terms table td .ddin_list li,
    .terms table td .ddin_list02 li,
    .terms table td .ddin_list03 li {
        padding-left: 0.5rem;
        text-indent: -0.5rem;
    }
    .terms table td .ddin_list02 li {
        font-size: 9px;
        line-height: 13px;
        margin-bottom: 10px;
    }
    .terms table td .ddin_list02 li:last-child {
        margin-bottom: 0;
    }
    .terms table td .ddin_list03 li {
        font-size: 9px;
        line-height: 12px;
        margin-bottom: 8px;
    }
    .terms table td .ddin_list03 li:last-child {
        margin-bottom: 0;
    }
}

/* 
contact_area
 */
.contact_area {
    background: #eae9e5;
}
.checksheets .contact_area {
    background: #fff;
}
.contact_area .contact-inner {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact_area .contact_us {
    position: relative;
}
.contact_area .contact_us::after {
    position: absolute;
    content: "";
    margin: auto;
}

@media screen and (min-width: 769px){
    .contact_area {
        padding: 132px 0 169px;
    }
    .contact_area .contact-inner {
        width: 970px;
    }
    .contact_area .contact_us {
        width: 372px;
        height: 104px;
        padding: 24px 42px 22px;
        border-radius: 50px;
        background: #059fcf;
    }
    .contact_area .contact_us::after {
        background: url(/energy_saving_cp/2022summer/images/icon_arrow_triple-blue.png) no-repeat;
        background-size: 100%;
        background-position: center;
        width: calc(127px / 2);
        height: calc(34px / 2);
        top: 25px;
        right: -80px;
    }
    .contact_area .contact_us img {
        width: calc(570px / 2);
    }
    .contact_area .tel_area {
        width: 485px;
    }
}
@media screen and (max-width: 768px){
    .contact_area {
        padding: 45px 0 55px;
    }
    .contact_area .contact-inner {
        width: 256px;
        flex-wrap: wrap;
    }
    .contact_area .contact_us {
        margin: 0 auto;
    }
    .contact_area .contact_us img {
        width: calc(407px / 2);
        margin-bottom: 10px;
    }
    .contact_area .tel_area {
        width: calc(519px / 2);
    }
}

/* 
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: 769px){
    .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/2022summer/images/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: 768px){
    .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_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: 769px){
    .register_area {
        width: 1200px;
    }
    .register_area .register_ttl {
        margin-bottom: 88px;
    }
    .register_area .register_ttl img {
        width: calc(931px / 2);
    }
    .register_01::after,
    .register_02::after,
    .register_03::after,
    .register_04-2::after,
    .register_05-1::after {
        background: url(/energy_saving_cp/2022summer/images/icon_doun_arrow_b.png) 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_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(839px / 2);
    }
    .register_area .register_ttl02 img {
        width: calc(743px / 2);
    }
    .register_area .register_ttl03 img {
        width: calc(813px / 2);
    }
    .register_area .register_ttl04 img {
        width: calc(744px / 2);
    }
    .register_area .register_ttl05 img {
        width: calc(1040px / 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/2022summer/images/icon_merge_arrow_b.png) 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/2022summer/images/icon_doun_arrow_b.png) 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/2022summer/images/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: 768px){
    .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/2022summer/images/sp/icon_doun_arrow_b.png) no-repeat;
        width: calc(50px / 2);
        height: calc(66px / 2);
        background-size: 100%;
        background-position: center;
        bottom: -57px;
        left: 0;
        right: 0;
    }
    .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: 82px;
    }
    .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/2022summer/images/sp/icon_merge_arrow_b.png) 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/2022summer/images/sp/icon_doun_arrow_b.png) 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/2022summer/images/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 .saving_01,
.pawer_saving .saving_03,
.pawer_saving .saving_05,
.pawer_saving .saving_07 {
    background: #eae9e5;
}
.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: #059fcf;
}
.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/2022summer/images/icon_1.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.pawer_saving .list li:nth-child(2)::before {
    background: url(/energy_saving_cp/2022summer/images/icon_2.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.pawer_saving .list li:nth-child(3)::before {
    background: url(/energy_saving_cp/2022summer/images/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.blue {
    display: block;
    color: #059fcf;
    font-weight: bold;
}
.pawer_saving .list .list_txt span.big_blue {
    color: #059fcf;
}

@media screen and (min-width: 769px){
    .pawer_saving .saving_inner {
        width: 1070px;
    }
    .pawer_saving .saving_01,
    .pawer_saving .saving_03,
    .pawer_saving .saving_05,
    .pawer_saving .saving_07 {
        padding: 80px 0 101px;
    }
    .pawer_saving .saving_02,
    .pawer_saving .saving_04,
    .pawer_saving .saving_06,
    .pawer_saving .saving_08 {
        padding: 80px 0 97px;
    }
    .pawer_saving .saving_inner .img_area {
        width: 365px;
    }
    .pawer_saving .saving_01 .img_area img,
    .pawer_saving .saving_02 .img_area img,
    .pawer_saving .saving_03 .img_area img,
    .pawer_saving .saving_04 .img_area img,
    .pawer_saving .saving_05 .img_area img,
    .pawer_saving .saving_06 .img_area img,
    .pawer_saving .saving_07 .img_area img,
    .pawer_saving .saving_08 .img_area img {
        width: calc(363px / 2);
    }
    .pawer_saving .saving_inner .flex_item {
        width: 710px;
    }
    .pawer_saving .saving_section_ttl {
        /*margin-top: 93px;*/
        margin-bottom: 34px;
    }
    .pawer_saving .saving_section_ttl span {
        font-size: 16px;
        line-height: 32px;
    }
    .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.blue {
        font-size: 20px;
        margin-top: 10px;
    }
    .pawer_saving .list .list_txt span.big_blue {
        font-size: 26px;
    }
}
@media screen and (max-width: 768px){
    .pawer_saving .saving_inner {
        width: 100%;
        padding: 0 6%;
        flex-wrap: wrap;
    }
    .pawer_saving .saving_01,
    .pawer_saving .saving_03,
    .pawer_saving .saving_05,
    .pawer_saving .saving_07 {
        padding: 32px 0 45px;
    }
    .pawer_saving .saving_02,
    .pawer_saving .saving_04,
    .pawer_saving .saving_06,
    .pawer_saving .saving_08 {
        padding: 47px 0 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.blue {
        font-size: 10px;
        margin-top: 10px;
    }
    .pawer_saving .list .list_txt span.big_blue {
        font-size: 13px;
    }
}


/*saving_01*/
@media screen and (min-width: 769px){
    .pawer_saving .saving_01 .img_area img {
        height: calc(1263px / 2);
    }
    .pawer_saving .saving_01 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/icon_pot.png) no-repeat;
        width: calc(166px / 2);
        height: calc(166px / 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: 768px){
    .pawer_saving .saving_01 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/icon_pot.png) no-repeat;
        width: calc(84px / 2);
        height: calc(82px / 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: 769px){
    .pawer_saving .saving_02 .img_area img {
        height: calc(1108px / 2);
    }
    .pawer_saving .saving_02 .saving_section_ttl.aircon::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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_02 .saving_section_ttl.light::before {
        background: url(/energy_saving_cp/2022summer/images/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_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_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(209px / 2);
    }
    .pawer_saving .saving_02 .saving_section_ttl.light img {
        width: calc(138px / 2);
    }
}
@media screen and (max-width: 768px){
    .pawer_saving .saving_02 .saving_section_ttl.aircon::before {
        background: url(/energy_saving_cp/2022summer/images/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_02 .saving_section_ttl.tv::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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_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;
    }
}

/*saving_03*/
@media screen and (min-width: 769px){
    .pawer_saving .saving_03 .img_area img {
        height: calc(1430px / 2);
    }
    .pawer_saving .saving_03 .saving_section_ttl.washing::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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: 768px){
    .pawer_saving .saving_03 .saving_section_ttl.washing::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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: 769px){
    .pawer_saving .saving_04 .img_area img {
        height: calc(1189px / 2);
    }
    .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/2022summer/images/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: 768px){
    .pawer_saving .saving_04 .saving_section_ttl.toilet::before {
        background: url(/energy_saving_cp/2022summer/images/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: 769px){
    .pawer_saving .saving_05 .img_area img {
        height: calc(1612px / 2);
    }
    .pawer_saving .saving_05 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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/2022summer/images/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/2022summer/images/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: 768px){
    .pawer_saving .saving_05 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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/2022summer/images/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/2022summer/images/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: 769px){
    .pawer_saving .saving_06 .img_area img {
        height: calc(1359px / 2);
    }
    .pawer_saving .saving_06 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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: #059fcf;
        margin-top: 80px;
    }
    .pawer_saving .saving_06 .effect img {
        width: calc(744px / 2);
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px){
    .pawer_saving .saving_06 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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: #059fcf;
        margin-top: 32px;
    }
    .pawer_saving .saving_06 .effect img {
        width: calc(372px / 2);
        margin-top: 10px;
    }
}

/*saving_07*/
@media screen and (min-width: 769px){
    .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/2022summer/images/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/2022summer/images/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: #059fcf;
        margin-top: 80px;
    }
    .pawer_saving .saving_07 .effect img {
        width: calc(744px / 2);
        margin-top: 10px;
    }
}
@media screen and (max-width: 768px){
    .pawer_saving .saving_07 .saving_section_ttl.refrigerator::before {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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: #059fcf;
        margin-top: 32px;
    }
    .pawer_saving .saving_07 .effect img {
        width: calc(372px / 2);
        margin-top: 10px;
    }
}

/*saving_08*/

@media screen and (min-width: 769px){
    .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/2022summer/images/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: #059fcf;
        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-bottom: 33px;
    }
    .pawer_saving .anot span {
        color: #059fcf;
        text-decoration: none;
    }
}
@media screen and (max-width: 768px){
    .pawer_saving .saving_08 .saving_section_ttl.aircon::before {
        background: url(/energy_saving_cp/2022summer/images/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: #059fcf;
        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;
    }
    .pawer_saving .anot a {
        color: #059fcf;
        text-decoration: none;
    }
}

/* 
checksheets
 */
.checksheets .checksheets_intro {
    padding-top: 220px;
}
.checksheets .checksheets_ttl img {
    margin: 0 auto;
}
.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/2022summer/images/tab_bg_b.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
    z-index: -1;/*文字用*/
}
.checksheets .electric_tab::before {
    position: absolute;
    content: "";
    margin: auto;
    z-index: 0;
}
.checksheets .electric_tab::after {
    position: absolute;
    content: "";
    background: url(/energy_saving_cp/2022summer/images/tab_bg_y.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin: auto;
    z-index: -2;/*文字用*/
}
.checksheets .home_tab {
    font-weight: bold;
    color: #fff500;
}
.checksheets .electric_tab {
    font-weight: bold;
    color: #059fcf;
}
.checksheets .home_area {
    color: #fff;
    background: #059fcf;
}
.checksheets .electric_area {
    color: #000;
    background: #fff500;
}
.checksheets .home_ttl img {
    margin: 0 auto;
}
.checksheets .electric_ttl img {
    margin: 0 auto;
}
.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 img {
    margin: 0 auto;
}
.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 .graph_ttl img {
    width: calc(227px / 2);
    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;
    position: relative;
}
.checksheets .home_area .btn a {
    background: #fff500;
}
.checksheets .home_area .btn a::after {
    position: absolute;
    content: "";
    margin: auto;
}
.checksheets .electric_area .btn a {
    background: #059fcf;
}
.checksheets .electric_area .btn a::after {
    position: absolute;
    content: "";
    margin: auto;
}

/*タブ切り替え*/

/* ↓タブの中身↓ */
.tabbox {
    display: none;
}
.box-show {
    display: block;
  }
/*アクティブなタブだけ前面へ*/
.tab-active {
    z-index: 1;
}
/*プルダウン表示*/
.show {
    display: block;
}
.open_color {
    color: #4fffff;
}

@media screen and (min-width: 769px){
    .checksheets .checksheets_ttl img {
        width: calc(1389px / 2);
        margin-bottom: 32px;
    }
    .checksheets .checksheets_txt {
        font-size: 18px;
        margin-bottom: 77px;
    }
    .checksheets .container {
        width: 1200px;
    }
    .checksheets .home_tab,
    .checksheets .electric_tab {
        height: calc(92px / 2);
    }
    .checksheets .home_tab::before {
        background: url(/energy_saving_cp/2022summer/images/icon_entry_arrow_y.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: calc(92px / 2);
        top: 0;
        left: 0;
    }
    .checksheets .electric_tab::before {
        background: url(/energy_saving_cp/2022summer/images/icon_entry_arrow_b.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: calc(92px / 2);
        top: 1px;
        left: -35px;
    }
    .checksheets .home_tab {
        width: calc(539px /2);
        font-size: 18px;
        line-height: 19px;
        padding: 14px 11px 15px 40px;
    }
    .checksheets .electric_tab {
        width: calc(728px /2);
        font-size: 18px;
        padding: 14px 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 {
        margin-bottom: 50px;
    }
    .checksheets .home_ttl img {
        width: calc(926px / 2);
        height: calc(142px / 2);
    }
    .checksheets .electric_ttl img {
        width: calc(1082px / 2);
        height: calc(142px / 2);
    }
    .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/2022summer/images/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/2022summer/images/icon_tab_arrow_k.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/2022summer/images/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/2022summer/images/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/2022summer/images/icon_tab_arrow_k.png) no-repeat;
        background-size: 100%;
        background-position: center;
        width: 21px;
        height: 21px;
        top: 14px;
        right: 7px;
    }
    .checksheets .price_ttl,
    .checksheets .graph_ttl {
        margin-bottom: 15px;
    }
    .checksheets .price_ttl img {
        width: calc(292px / 2);
    }
    .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;
        padding: 29px 28px 32px;
        border-radius: 50px;
    }
    .checksheets .home_area .btn a {
        background: #fff500;
    }
    .checksheets .home_area .btn a::after {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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;
    }

    /*タブ切り替え*/
    /* ↓タブの中身↓ */
    .tabbox {
        padding: 38px 55px 85px;
    }
}
@media screen and (max-width: 768px){
    .checksheets .checksheets_intro {
        padding-top: 100px;
    }
    .checksheets .checksheets_ttl img {
        width: calc(481px / 2);
        margin-bottom: 20px;
    }
    .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/2022summer/images/icon_entry_arrow_y.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/2022summer/images/sp/tab_bg_b.png) no-repeat;
        background-size: cover;
        margin: auto;
    }
    .checksheets .electric_tab::before {
        background: url(/energy_saving_cp/2022summer/images/icon_entry_arrow_b.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/2022summer/images/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 {
        margin-bottom: 25px;
    }
    .checksheets .home_ttl img {
        width: calc(463px / 2);
        height: calc(70px / 2);
    }
    .checksheets .electric_ttl img {
        width: calc(500px / 2);
        height: calc(70px / 2);
    }
    .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/2022summer/images/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/2022summer/images/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/2022summer/images/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/2022summer/images/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/2022summer/images/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 {
        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 {
        width: calc(530px / 2);
        padding: 15px 20px 16px;
        border-radius: 24px;
    }
    .checksheets .home_area .btn a {
        background: #fff500;
    }
    .checksheets .home_area .btn a::after {
        background: url(/energy_saving_cp/2022summer/images/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/2022summer/images/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;
    }

    /*タブ切り替え*/
    /* ↓タブの中身↓ */
    .tabbox {
        padding: 7% 4% 8%;
    }
}

/* 
footer TOPへ戻るボタンデザイン変更
 */
.rakuene_index .l-footer .pagetop,
.pawer_saving .l-footer .pagetop,
.register .l-footer .pagetop,
.checksheets .l-footer .pagetop {
    display: block;
    position: fixed;
    z-index: 99;
}
.rakuene_index .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/2022summer/images/icon_top.png) no-repeat;
    background-size: 100%;
    background-position: center;
}
.rakuene_index .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: 769px){
    .rakuene_index .l-footer .pagetop,
    .pawer_saving .l-footer .pagetop,
    .register .l-footer .pagetop,
    .checksheets .l-footer .pagetop {
        width: 109px;
        bottom: 100px;
        left: 50px;
        height: 109px;
    }
    .rakuene_index .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: 768px){
    .rakuene_index .l-footer .pagetop,
    .pawer_saving .l-footer .pagetop,
    .register .l-footer .pagetop,
    .checksheets .l-footer .pagetop {
        width: 72px;
        height: 72px;
        bottom: 6%;
        left: 4%;
    }
    .rakuene_index .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);
    }
}