@charset "UTF-8";
body.disable-scroll {
  overflow : hidden;
}

main a:focus {
  color : inherit;
  text-decoration : none;
}

.m-carbon-free-nav, main {
  font-family : "Noto Sans JP", sans-serif;
}

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

  .m-carbon-free-nav__sub-list li > a:after, .m-carbon-free-nav__list-item > a > span:after, .m-carbon-free-nav__list-item > button > span:after, .m-carbon-free-detail-link1:after {
    border-right : solid 1px;
    border-top : solid 1px;
    content : "";
    display : inline-block;
    height : 9px;
    position : absolute;
    left : 0;
    top : 0.5em;
    width : 9px;
  }

  .m-carbon-free-detail-link2, .m-carbon-free-detail-link1, .m-carbon-free-nav__list-item > a > span, .m-carbon-free-nav__list-item > button > span {
    position : relative;
  }
  .m-carbon-free-detail-link2:after, .m-carbon-free-detail-link1:after, .m-carbon-free-nav__list-item > a > span:after, .m-carbon-free-nav__list-item > button > span:after {
    content : "";
    display : inline-block;
    position : absolute;
    top : calc(50% - 4.5px);
  }

  .m-carbon-free-detail-link1:after {
    border-color : #fff;
    transform : rotate(45deg);
  }

  .m-carbon-free-nav__sub-list li > a:after, .m-carbon-free-nav__list-item > a > span:after, .m-carbon-free-nav__list-item > button > span:after {
    border-color : #000;
    transform : rotate(45deg);
  }

  .c-breadcrumb.sp-none {
    font-size : 14px;
  }

  .m-carbon-free-nav {
    background-color : #fff;
    height : 66px;
  }
  .m-carbon-free-nav.follow {
    position : fixed !important;
    top : 0;
    width : 100vw;
    z-index : 10000 !important;
  }
  .m-carbon-free-nav__list {
    align-items : center;
    display : flex;
    height : 100%;
    justify-content : space-between;
    margin : 0 auto;
    max-width : 1200px;
    width : 100%;
  }
  .m-carbon-free-nav__list .m-carbon-free-nav__list-title {
    line-height : 66px;
    font-weight : bold;
  }
  .m-carbon-free-nav__list-item {
    height : 100%;
    text-align : center;
    width : 13.3%;
  }
  .m-carbon-free-nav__list-item:first-child {
    height : 100%;
    text-align : center;
    width : 20%;
  }
  .m-carbon-free-nav__list-item.current > a, .m-carbon-free-nav__list-item.current > button {
    border-bottom : solid 6px #5b9a10;
    color : #5b9a10;
  }
  .m-carbon-free-nav__list-item.current .m-carbon-free-nav__more-link {
    border-bottom : none;
  }
  .m-carbon-free-nav__list-item > a, .m-carbon-free-nav__list-item > button {
    border-bottom : solid 6px #fff;
    color : black;
    display : inline-block;
    font-size : 18px;
    font-weight : bold;
    line-height : 66px;
    height : 100%;
    width : 100%;
  }
  .m-carbon-free-nav__list-item > a > span:after, .m-carbon-free-nav__list-item > button > span:after {
    right : -15px;
    left : auto;
    top : calc(50% - 2px);
  }
  .m-carbon-free-nav__list-item > a:hover, .m-carbon-free-nav__list-item > a:focus, .m-carbon-free-nav__list-item > button:hover, .m-carbon-free-nav__list-item > button:focus {
    border-color : #5b9a10;
    color : #5b9a10 !important;
    cursor : pointer;
    text-decoration : none;
  }
  .m-carbon-free-nav__list-item > button > span:after {
    top : 8px;
    right : -20px;
    transform : rotate(135deg);
  }
  .m-carbon-free-nav__list-item > button.open ~ a.m-carbon-free-nav__more-link {
    display : inline-block;
  }
  .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link {
    background-color : #fff;
    display : none;
    position : relative;
    z-index : 3;
  }
  .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link > span:after {
    right : auto;
    left : -15px;
  }
  .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link:hover, .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link:focus {
    background-color : #5b9a10;
    color : #fff !important;
    cursor : pointer;
    text-decoration : none;
  }
  .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link:hover > span:after, .m-carbon-free-nav__list-item > a.m-carbon-free-nav__more-link:focus > span:after {
    border-color : #fff;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a {
    color : #000;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(3).current > a {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a {
    color : #000;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6).current > a {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a {
    color : #000;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7).current > a {
    color : #5b9a10;
    font-size : 18px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 18px;
    transform : translate(-5px, 0.15em);
    width : calc(18px * 0.8);
  }
  .m-carbon-free-inner {
    margin : 0 auto;
    max-width : 1200px;
    width : 100%;
  }
  .m-carbon-free-detail-link1 {
    background-image : url("/common/img/carbon-free/mod_box_bg_01.png");
    border-radius : 10px;
    color : #fff !important;
    display : block;
    font-size : 19px;
    font-weight : bold;
    line-height : 1;
    margin : 0 auto;
    padding : 15px 0;
    text-align : center;
    width : 100%;
  }
  .m-carbon-free-detail-link1:after {
    left : calc(100% - 24px);
  }
  .m-carbon-free-detail-link1:hover, .m-carbon-free-detail-link1:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
  .m-carbon-free-detail-link1:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .m-carbon-free-detail-link1--saving {
    display : flex;
    justify-content : center;
    align-items : center;
    max-width : 380px;
    max-height : 80px;
    line-height : 28px;
  }
  .m-carbon-free-detail-link2 {
    border : solid 3px #5a9a10;
    border-radius : 10px;
    color : #5a9a10 !important;
    display : block;
    font-size : 13px;
    line-height : 1;
    margin : 0 auto;
    padding : 7px 40px;
    text-align : center;
    width : 166px;
  }
  .m-carbon-free-detail-link2:after {
    left : calc(100% - 24px);
    top : calc(50% - 8px);
    height : 16px;
    width : 10px;
    background-image : url("/common/img/carbon-free/index_icon-arrow-right.png");
    background-size : cover;
  }
  .m-carbon-free-detail-link2:hover, .m-carbon-free-detail-link2:focus-visible {
    color : #5a9a10;
    opacity : 0.6;
    text-decoration : none;
  }
  .m-carbon-free-detail-link2:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .m-carbon-free-green-box {
    background-image : url("/common/img/carbon-free/mod_box_bg_01.png");
  }
  .m-carbon-free-text__under-line {
    background : linear-gradient(transparent 70%, #eaff00 0%);
    font-size : 1.2em;
    font-weight : bold;
  }
  .m-carbon-free-case-study {
    max-width : 1920px;
    margin : 0 auto;
    text-align : left;
  }
  .m-carbon-free-case-study__list {
    margin : 0 53px;
    position : relative;
  }
  .m-carbon-free-case-study__list--no-slide {
    margin : 0;
    display : flex;
    flex-wrap : wrap;
  }
  .m-carbon-free-case-study__list--no-slide > li {
    width : calc(100% / 4);
    margin-bottom : 27px;
  }
  .m-carbon-free-case-study__list--center {
    justify-content : center;
  }
  .m-carbon-free-case-study__list-item {
    background-color : #fff;
    border-radius : 10px;
    padding-bottom : 80px;
    margin-right : 13.5px;
    margin-left : 13.5px;
    overflow : hidden;
    height : 100%;
    position : relative;
  }
  .m-carbon-free-case-study__list-item--no-slide {
    margin-bottom : 27px;
  }
  .m-carbon-free-case-study__logo {
    display : inline !important;
    vertical-align : middle;
  }
  .m-carbon-free-case-study__logo-container {
    text-align : center;
  }
  .m-carbon-free-case-study__text-container {
    margin-top : 26px;
    padding : 0 24px;
  }
  .m-carbon-free-case-study__company {
    font-size : 16px;
    font-weight : bold;
  }
  .m-carbon-free-case-study__title {
    font-size : 16px;
  }
  .m-carbon-free-case-study__link {
    font-weight : bold;
    font-size : 13px;
    line-height : 1.66667;
    margin : 1rem auto 0;
    padding : 7px 0;
    width : 80%;
    position : absolute;
    bottom : 35px;
    display : inline-block;
    left : 0;
    right : 0;
  }
  .m-carbon-free-case-study__list-button-container {
    margin-top : 50px;
    display : flex;
    justify-content : center;
  }
  .m-carbon-free-case-study__slick-prev {
    order : 1;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    transform : rotate(180deg);
  }
  .m-carbon-free-case-study__slick-next {
    order : 3;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
  }
  .m-carbon-free-case-study__slick-dots {
    order : 2;
    background-color : #fff;
    border-left : solid 1px #ececec;
    border-right : solid 1px #ececec;
    display : flex;
    flex-wrap : wrap;
    height : 56px;
    justify-content : center;
    align-content : space-around;
    position : inherit;
  }
  .m-carbon-free-case-study__slick-dots > li {
    margin : 0 15px;
    display : flex;
    align-items : center;
  }
  .m-carbon-free-case-study__slick-dots > li > button {
    color : transparent;
    width : 8px;
    height : 8px;
    background-color : #d5d5d5;
  }
  .m-carbon-free-case-study__slick-dots > li.slick-active > button {
    background-color : #78bd35;
    height : 10px;
    width : 10px;
  }
  .m-carbon-free-case-study__image {
    display : block;
    margin : -90px auto 0;
    position : relative;
    width : 67.7083333333vw;
  }
  .m-carbon-free-case-study__all-link {
    border-radius : 10px;
    color : #fff;
    display : block;
    font-size : 18px;
    line-height : 1;
    margin : 34px auto 0;
    padding : 20px 0;
    text-align : center;
    width : 278px;
  }
  .m-carbon-free-case-study__all-link:hover, .m-carbon-free-case-study__all-link:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .c-breadcrumb {
    margin-left : 0;
  }

  .m-carbon-free-nav {
    height : 5.0769230769vw;
  }
  .m-carbon-free-nav__list-item:first-child > span {
    font-size : 1.3846153846vw;
    line-height : 5.0769230769vw;
  }
  .m-carbon-free-nav__list-item > a, .m-carbon-free-nav__list-item > button {
    border-width : 0.4615384615vw;
    font-size : 1.3846153846vw;
    line-height : 5.0769230769vw;
  }
  .m-carbon-free-nav__list-item > a > span:after, .m-carbon-free-nav__list-item > button > span:after {
    height : 0.6923076923vw;
    right : -1.1538461538vw;
    width : 0.6923076923vw;
  }
  .m-carbon-free-nav__list-item > button > span:after {
    top : 0.6153846154vw;
    right : -1.5384615385vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a {
    color : #000;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(3).current > a {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a {
    color : #000;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6).current > a {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a {
    color : #000;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7).current > a {
    color : #5b9a10;
    font-size : 1.3846153846vw;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7).current > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 1.3846153846vw;
    transform : translate(-5px, 0.15em);
    width : calc(1.3846153846vw * 0.8);
  }
  .m-carbon-free-inner {
    margin : 0 auto;
    max-width : 92.3076923077vw;
    width : 100%;
  }
  .m-carbon-free-detail-link1--saving {
    font-size : 16px;
  }
  .m-carbon-free-case-study__list {
    margin : 0;
  }
  .m-carbon-free-case-study__list-item {
    margin-right : 2.0769230769vw;
  }
  .m-carbon-free-case-study__list-item--no-slide {
    margin-bottom : 2.0769230769vw;
  }
  .m-carbon-free-case-study__text-container {
    margin-top : 2vw;
    padding : 0 1.8461538462vw;
  }
  .m-carbon-free-case-study__company {
    font-size : 1.2307692308vw;
  }
  .m-carbon-free-case-study__title {
    font-size : 1.2307692308vw;
  }
  .m-carbon-free-case-study__link {
    font-size : 0.9230769231vw;
    padding : 0.5384615385vw 0;
  }
  .m-carbon-free-case-study__link:after {
    left : auto;
    right : 5px;
  }
  .m-carbon-free-case-study__list-button-container {
    margin-top : 3.8461538462vw;
    display : flex;
    justify-content : center;
  }
  .m-carbon-free-case-study__slick-prev {
    order : 1;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    transform : rotate(180deg);
  }
  .m-carbon-free-case-study__slick-next {
    order : 3;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
  }
  .m-carbon-free-case-study__slick-dots {
    order : 2;
    background-color : #fff;
    border-left : solid 1px #ececec;
    border-right : solid 1px #ececec;
    display : flex;
    flex-wrap : wrap;
    height : 56px;
    justify-content : center;
    align-content : space-around;
    position : inherit;
  }
  .m-carbon-free-case-study__slick-dots > li {
    margin : 0 15px;
    display : flex;
    align-items : center;
  }
  .m-carbon-free-case-study__slick-dots > li > button {
    color : transparent;
    width : 8px;
    height : 8px;
    background-color : #d5d5d5;
  }
  .m-carbon-free-case-study__slick-dots > li.slick-active > button {
    background-color : #78bd35;
    height : 10px;
    width : 10px;
  }
  .m-carbon-free-case-study__image {
    display : block;
    margin : -90px auto 0;
    position : relative;
    width : 67.7083333333vw;
  }
  .m-carbon-free-case-study__all-link {
    border-radius : 10px;
    color : #fff;
    display : block;
    font-size : 18px;
    line-height : 1;
    margin : 34px auto 0;
    padding : 20px 0;
    text-align : center;
    width : 278px;
  }
  .m-carbon-free-case-study__all-link:hover, .m-carbon-free-case-study__all-link:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
}
@media screen and (max-width: 767px) {
  .sp-none {
    display : none !important;
  }

  .m-carbon-free-nav__button > span:after, .m-carbon-free-detail-link1:after {
    border-right : solid 1px;
    border-top : solid 1px;
    content : "";
    display : inline-block;
    height : 9px;
    position : absolute;
    left : 0;
    top : 0.5em;
    width : 9px;
  }

  .m-carbon-free-detail-link2, .m-carbon-free-detail-link1, .m-carbon-free-nav__button > span {
    position : relative;
  }
  .m-carbon-free-detail-link2:after, .m-carbon-free-detail-link1:after, .m-carbon-free-nav__button > span:after {
    content : "";
    display : inline-block;
    position : absolute;
    top : calc(50% - 4.5px);
  }

  .m-carbon-free-detail-link1:after {
    border-color : #fff;
    transform : rotate(45deg);
  }

  .m-carbon-free-nav__button > span:after {
    transform : rotate(135deg);
  }

  header.l-header-mrz {
    border-bottom : solid 2px #d1d1d1;
  }

  .m-carbon-free-nav {
    background-color : #fff;
    position : relative;
    z-index : 99 !important;
  }
  .m-carbon-free-nav.follow {
    position : fixed !important;
    top : 0;
    width : 100vw;
  }
  .m-carbon-free-nav__button {
    display : flex;
    justify-content : center;
    height : 35px;
  }
  .m-carbon-free-nav__button > span {
    font-size : 15px;
    font-weight : bold;
    line-height : 35px;
  }
  .m-carbon-free-nav__button > span:after {
    height : 5px;
    left : auto;
    right : -10px;
    top : calc(50% - 2.5px);
    width : 5px;
  }
  .m-carbon-free-nav__button.open > span:after {
    top : 50%;
    transform : rotate(-45deg);
  }
  .m-carbon-free-nav__list {
    background-color : #fff;
    border-top : solid 1px #e5e5e5;
    height : 0;
    overflow-y : hidden;
    padding : 0;
    position : absolute;
    top : 35px;
    transition : all 0.3s ease-out;
    width : 100%;
    z-index : 4;
  }
  .m-carbon-free-nav__list.open {
    height : auto;
    padding : 25px 0;
  }
  .m-carbon-free-nav__list-item {
    height : 100%;
    margin-bottom : 15px;
    text-align : center;
  }
  .m-carbon-free-nav__list-item.current > a {
    color : #5b9a10 !important;
  }
  .m-carbon-free-nav__list-item > a, .m-carbon-free-nav__list-item > button {
    border-bottom : solid 6px #fff;
    color : #000;
    display : inline-block;
    font-size : 15px;
    font-weight : bold;
    line-height : 1;
    height : 100%;
    width : 100%;
  }
  .m-carbon-free-nav__list-item > a:hover, .m-carbon-free-nav__list-item > a:focus, .m-carbon-free-nav__list-item > button:hover, .m-carbon-free-nav__list-item > button:focus {
    text-decoration : none;
    cursor : pointer;
  }
  .m-carbon-free-nav__list-item > .m-carbon-free-nav__list-title {
    border-bottom : solid 6px #fff;
    color : #000;
    display : inline-block;
    font-size : 15px;
    font-weight : bold;
    line-height : 1;
    height : 100%;
    width : 100%;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a {
    color : #000;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus {
    color : #5b9a10;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(3) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(3) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a {
    color : #000;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus {
    color : #5b9a10;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(6) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(6) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a {
    color : #000;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_black_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus {
    color : #5b9a10;
    font-size : 15px;
  }
  .m-carbon-free-nav__list-item:nth-of-type(7) > a:hover:before, .m-carbon-free-nav__list-item:nth-of-type(7) > a:focus:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-size : cover;
    content : "";
    display : inline-block;
    height : 15px;
    transform : translate(-5px, 0.15em);
    width : calc(15px * 0.8);
  }
  .m-carbon-free-nav__main-wrapper {
    background-color : #000;
    display : none;
    height : 100vh;
    opacity : 0.4;
    position : fixed;
    top : calc((115 * 100vw /750) + 25px);
    z-index : 98;
    width : 100vw;
  }
  .m-carbon-free-nav__main-wrapper.visible {
    display : block;
  }
  .m-carbon-free-inner {
    margin : 0 auto;
    max-width : calc(630 * 100vw / 750);
    width : 100%;
  }
  .m-carbon-free-detail-link1 {
    background-image : url("/common/img/carbon-free/mod_box_bg_01.png");
    border-radius : 10px;
    color : #fff !important;
    display : block;
    font-size : 15px;
    font-weight : bold;
    line-height : 1;
    margin : 0 auto;
    padding : 15px 0;
    text-align : center;
    width : 100%;
  }
  .m-carbon-free-detail-link1:after {
    left : calc(100% - 24px);
  }
  .m-carbon-free-detail-link1:hover, .m-carbon-free-detail-link1:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
  .m-carbon-free-detail-link1--saving {
    display : flex;
    justify-content : center;
    align-items : center;
    max-height : 60px;
    line-height : 24px;
  }
  .m-carbon-free-detail-link2 {
    border : solid 3px #5a9a10;
    border-radius : 10px;
    color : #5a9a10 !important;
    display : block;
    font-weight : bold;
    font-size : 13px;
    line-height : calc(16px * 1.67);
    margin : 0 auto;
    padding : 0 40px;
    width : 152px;
  }
  .m-carbon-free-detail-link2:after {
    height : 16px;
    width : 10px;
    background-image : url("/common/img/carbon-free/index_icon-arrow-right.png");
    background-size : cover;
    left : calc(100% - 24px);
    top : calc(50% - 8px);
  }
  .m-carbon-free-detail-link2:hover, .m-carbon-free-detail-link2:focus {
    color : #5a9a10;
    opacity : 0.6;
    text-decoration : none;
  }
  .m-carbon-free-green-box {
    background-image : url("/common/img/carbon-free/mod_box_bg_01.png");
  }
  .m-carbon-free-text__under-line {
    background : linear-gradient(transparent 70%, #eaff00 0%);
    font-size : 1.2em;
    font-weight : bold;
  }
  .m-carbon-free-case-study__list .slick-list {
    margin : 0 auto;
    overflow : visible;
    width : calc(630 * 100vw / 750);
  }
  .m-carbon-free-case-study__list .slick-arrow {
    bottom : calc(-200 * 100vw / 750);
    height : calc(45 * 100vw / 750);
    left : 50%;
    position : absolute;
    top : auto;
    transform : translateY(10%);
    width : calc(45 * 100vw / 750);
  }
  .m-carbon-free-case-study__list .slick-arrow:before {
    background-color : #fff;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    border-top-right-radius : 10px;
    border-bottom-right-radius : 10px;
  }
  .m-carbon-free-case-study__list .slick-arrow.slick-next {
    transform : translateX(calc(230px/2 - 5px));
  }
  .m-carbon-free-case-study__list .slick-arrow.slick-prev {
    transform : translateX(calc(-230px/2 - 45px + 5px));
  }
  .m-carbon-free-case-study__list .slick-dots {
    background-color : #fff;
    border-left : solid 2px #ececec;
    border-right : solid 2px #ececec;
    bottom : calc(-200 * 100vw / 750);
    height : calc(45 * 100vw / 750);
    left : 50%;
    line-height : calc(53 * 100vw / 750);
    padding : 0 20px;
    position : absolute;
    width : auto;
  }
  .m-carbon-free-case-study__list .slick-dots li {
    margin : 0 calc(12 * 100vw / 750);
  }
  .m-carbon-free-case-study__list .slick-dots li button:before {
    background-color : #d5d5d5;
    border-radius : 0;
    border : none !important;
    height : calc(8 * 100vw / 750);
    width : calc(8 * 100vw / 750);
  }
  .m-carbon-free-case-study__list .slick-dots li.slick-active button:before {
    background-color : #58aa00;
    height : calc(10 * 100vw / 750);
    margin-top : -1px;
    width : calc(10 * 100vw / 750);
  }
  .m-carbon-free-case-study__list-button-container {
    margin-top : calc(50 * 100vw / 750);
    padding : 0 calc(40 * 100vw / 750);
    display : flex;
    height : calc(90 * 100vw / 750);
    justify-content : center;
  }
  .m-carbon-free-case-study__slick-prev {
    order : 1;
    display : block;
    width : calc(90 * 100vw / 750);
    height : calc(90 * 100vw / 750);
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : calc(28 * 100vw / 750) calc(28 * 100vw / 750);
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    transform : rotate(180deg);
  }
  .m-carbon-free-case-study__slick-next {
    order : 3;
    display : block;
    width : calc(90 * 100vw / 750);
    height : calc(90 * 100vw / 750);
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : calc(28 * 100vw / 750) calc(28 * 100vw / 750);
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
  }
  .m-carbon-free-case-study__slick-dots {
    order : 2;
    background-color : #fff;
    border-left : solid 1px #ececec;
    border-right : solid 1px #ececec;
    display : flex;
    flex-wrap : wrap;
    height : calc(90 * 100vw / 750);
    justify-content : center;
    align-content : space-around;
    padding : 0 calc(12 * 100vw / 750);
    position : inherit;
  }
  .m-carbon-free-case-study__slick-dots > li {
    margin : 0 calc(12 * 100vw / 750);
    display : flex;
    align-items : center;
  }
  .m-carbon-free-case-study__slick-dots > li > button {
    color : transparent;
    width : calc(12 * 100vw / 750);
    height : calc(12 * 100vw / 750);
    background-color : #d5d5d5;
  }
  .m-carbon-free-case-study__slick-dots > li.slick-active > button {
    background-color : #78bd35;
    height : calc(15 * 100vw / 750);
    width : calc(15 * 100vw / 750);
  }
  .m-carbon-free-case-study__list-item {
    background-color : #fff;
    border-radius : 10px;
    padding-bottom : 50px;
    margin-right : 5px;
    margin-left : 5px;
    overflow : hidden;
    height : 100%;
    position : relative;
  }
  .m-carbon-free-case-study__logo {
    display : inline !important;
    vertical-align : middle;
  }
  .m-carbon-free-case-study__text-container {
    margin-top : 16px;
    padding : 0 12px;
    text-align : center;
  }
  .m-carbon-free-case-study__company {
    font-size : 13px;
    font-weight : bold;
    text-align : left;
  }
  .m-carbon-free-case-study__title {
    font-size : 13px;
    text-align : left;
  }
  .m-carbon-free-case-study__link {
    font-size : 13px;
    margin : 0 auto;
    margin-top : 1rem;
    padding : 0 calc(40 * 100vw / 750);
    text-align : center;
    width : 80%;
    position : absolute;
    bottom : 20px;
    left : 0;
    right : 0;
  }
  .m-carbon-free-case-study__link:after {
    height : calc(16 * 100vw / 750);
    left : auto;
    right : calc(10 * 100vw / 750);
    top : calc(50% - (8 * 100vw / 750));
    width : calc(10 * 100vw / 750);
  }
  .m-carbon-free-case-study__image {
    display : block;
    margin : 0 auto;
    position : relative;
    top : calc(-150 * 100vw / 750);
  }
  .m-carbon-free-case-study__all-link {
    border-radius : 10px;
    color : #fff;
    display : block;
    font-size : 18px;
    line-height : 1;
    margin : calc(94 * 100vw /750) auto 0;
    padding : 20px 0;
    text-align : center;
    width : 278px;
  }
  .m-carbon-free-case-study__all-link:hover, .m-carbon-free-case-study__all-link:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
}
.js-startAnimation1, .js-startAnimation2, .js-startAnimation3 {
  transition : opacity 0.9s ease-in;
}
.js-startAnimation1.hidden, .js-startAnimation2.hidden, .js-startAnimation3.hidden {
  opacity : 0;
}

/* 省エネ、moreヘッダー対応 */
.m-carbon-free-nav__sub-list {
  display : none;
  position : relative;
  background-color : #fff;
  z-index : 99;
}

.m-carbon-free-nav__sub-list li > a {
  padding-top : 15px;
  padding-bottom : 15px;
  position : relative;
  padding-left : 25px;
  padding-right : 10px;
  text-align : left;
  color : black;
  display : inline-block;
  font-size : 18px;
  font-weight : bold;
  line-height : 26px;
  letter-spacing : -0.04em;
  height : 100%;
  width : 100%;
}
.m-carbon-free-nav__sub-list li > a:after {
  position : absolute;
  top : 25px;
  left : 5px;
}
.m-carbon-free-nav__sub-list li > a:hover, .m-carbon-free-nav__sub-list li > a:focus {
  background-color : #5b9a10;
  color : #fff !important;
  border-color : #fff;
  cursor : pointer;
  text-decoration : none;
}

.m-carbon-free-nav__sub-list li:hover > :after, .m-carbon-free-nav__sub-list li a:focus > .m-carbon-free-nav__sub-list li > a:after {
  border-color : #fff;
}

.m-carbon-free-nav__list-item--saving.focused .m-carbon-free-nav__sub-list li > a:after {
  border-color : #fff;
}

.m-carbon-free-nav__list-item--saving:hover > .m-carbon-free-nav__sub-list {
  display : block;
}

.m-carbon-free-nav .m-carbon-free-nav__list-item--saving:hover > .m-carbon-free-nav__sub-list {
  display : block;
}

.m-carbon-free-nav__list-item--more > button {
  cursor : default !important;
  outline : none;
}

.m-carbon-free-nav__list-item--saving:hover > .m-carbon-free-nav__sub-list, .m-carbon-free-nav__list-item--saving:focus-within > .m-carbon-free-nav__sub-list {
  display : block;
}

.m-carbon-free-nav__list-item--more:hover > .m-carbon-free-nav__sub-list, .m-carbon-free-nav__list-item--more:focus-within > .m-carbon-free-nav__sub-list {
  display : block;
}

.m-carbon-free-nav__list-item--more > .m-carbon-free-nav__more-link.pc-none {
  margin-bottom : 15px;
}
.m-carbon-free-nav__list-item--more > .m-carbon-free-nav__more-link.pc-none:nth-last-child(1) {
  margin-bottom : 0;
}

@media only print {
  .m-carbon-free-nav {
    position : relative !important;
  }

  .p-saving-hero__paragraph, .p-creation-hero__paragraph, .p-activation-hero__paragraph {
    font-size : 18px !important;
    line-height : 24px !important;
  }

  .p-saving-hero__paragraph2, .p-creation-hero__paragraph2, .p-activation-hero__paragraph2 {
    font-size : 13px !important;
    line-height : 20px !important;
  }

  .m-carbon-free-case-study__list {
    display : flex;
    justify-content : center;
  }
  .m-carbon-free-case-study__list li {
    width : 140px !important;
  }

  .m-carbon-free-case-study__company, .m-carbon-free-case-study__title {
    font-size : 12px;
  }

  .p-top-case-study__list {
    display : flex;
    justify-content : center;
  }
  .p-top-case-study__list li {
    width : 160px !important;
  }

  .m-carbon-free-case-study__list-item, .p-top-case-study__list-item {
    height : auto !important;
    margin : 0 5px;
  }

  .m-carbon-free-case-study__text-container, .p-top-case-study__text-container {
    padding : 0 10px !important;
  }

  .p-top-solution__bg-image-container--creation {
    transform : scale(0.8);
  }

  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image {
    top : calc(570px * 0.8) !important;
  }

  .p-top-start__container {
    padding : 60px 10px !important;
  }

  a {
    text-decoration : none !important;
  }
}
@font-face {
  font-family : "senobi";
  font-weight : medium;
  src : url("/common/fonts/carbon-free/Senobi-Gothic-Medium.woff2") format("woff2"), url("/common/fonts/carbon-free/Senobi-Gothic-Medium.woff") format("woff");
}
@font-face {
  font-family : "senobi";
  font-weight : bold;
  src : url("/common/fonts/carbon-free/Senobi-Gothic-Bold.woff2") format("woff2"), url("/common/fonts/carbon-free/Senobi-Gothic-Bold.woff") format("woff");
}
.p-top .c-breadcrumb, .p-top .m-carbon-free-nav {
  position : relative;
  z-index : 4;
}

main {
  background-color : #fff !important;
}

@-webkit-keyframes lateralMove {
  0% {
    background-position-x : 0;
  }
  100% {
    background-position-x : 168px;
  }
}

@keyframes lateralMove {
  0% {
    background-position-x : 0;
  }
  100% {
    background-position-x : 168px;
  }
}
@-webkit-keyframes lateralMove2 {
  0% {
    background-position-x : -70px;
    opacity : 1;
  }
  10% {
    background-position-x : 421px;
    opacity : 0;
  }
  100% {
    background-position-x : 424px;
    opacity : 0;
  }
}
@keyframes lateralMove2 {
  0% {
    background-position-x : -70px;
    opacity : 1;
  }
  10% {
    background-position-x : 421px;
    opacity : 0;
  }
  100% {
    background-position-x : 424px;
    opacity : 0;
  }
}
@-webkit-keyframes water1 {
  0% {
    left : 1315px;
    top : 120px;
    transform : rotate(0deg);
  }
  20% {
    left : 1315px;
    top : 240px;
    transform : rotate(0deg);
  }
  34% {
    left : 1310px;
    top : 300px;
    transform : rotate(5deg);
  }
  48% {
    left : 1300px;
    top : 350px;
    transform : rotate(5deg);
  }
  62% {
    left : 1260px;
    top : 400px;
    transform : rotate(30deg);
  }
  76% {
    left : 1210px;
    top : 450px;
    transform : rotate(60deg);
  }
  100% {
    left : 1000px;
    top : 500px;
    transform : rotate(90deg);
  }
}
@keyframes water1 {
  0% {
    left : 1315px;
    top : 120px;
    transform : rotate(0deg);
  }
  20% {
    left : 1315px;
    top : 240px;
    transform : rotate(0deg);
  }
  34% {
    left : 1310px;
    top : 300px;
    transform : rotate(5deg);
  }
  48% {
    left : 1300px;
    top : 350px;
    transform : rotate(5deg);
  }
  62% {
    left : 1260px;
    top : 400px;
    transform : rotate(30deg);
  }
  76% {
    left : 1210px;
    top : 450px;
    transform : rotate(60deg);
  }
  100% {
    left : 1000px;
    top : 500px;
    transform : rotate(90deg);
  }
}
@-webkit-keyframes water2 {
  0% {
    left : 700px;
    transform : scale(1);
  }
  100% {
    left : 0;
    transform : scale(1.4);
  }
}
@keyframes water2 {
  0% {
    left : 700px;
    transform : scale(1);
  }
  100% {
    left : 0;
    transform : scale(1.4);
  }
}
@-webkit-keyframes rotate {
  0% {
    transform : rotate(0deg);
  }
  100% {
    transform : rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform : rotate(0deg);
  }
  100% {
    transform : rotate(360deg);
  }
}
@media screen and (min-width: 768px), print {
  .p-top-hero__container {
    position : relative;
    display : grid;
  }
  .p-top-hero__bg--sky {
    grid-area : 1/1;
    background-image : url("/common/img/carbon-free/index_bg_hero_01.jpg");
    background-position : top center;
    background-size : cover;
    width : 100%;
    z-index : 1;
  }
  .p-top-hero__bg--town {
    background-image : url("/common/img/carbon-free/index_bg_hero_02.png");
    background-position : top center;
    background-size : cover;
    display : block;
    bottom : 0;
    height : 171px;
    position : absolute;
    z-index : 2;
  }
  .p-top-hero__text-container {
    grid-area : 1/1;
    margin-top : 120px;
    margin-bottom : 180px;
    text-align : center;
    width : 100%;
    z-index : 3;
  }
  .p-top-hero__heading {
    font-family : "senobi";
    font-size : 116px;
    font-weight : bold;
    letter-spacing : -0.1em;
    line-height : 1;
  }
  .p-top-hero__heading span {
    letter-spacing : -0.6em;
  }
  .p-top-hero__lead {
    font-size : 20px;
    margin-top : 34px;
    margin-bottom : 60px;
  }
  .p-top-hero__logo {
    bottom : 105px;
    position : absolute;
    right : 55px;
    z-index : 2;
  }
  .p-top-hero__logo2 {
    bottom : 105px;
    position : absolute;
    right : 255px;
    z-index : 2;
  }
  .p-top-hero__navigation {
    display : flex;
    justify-content : center;
  }
  .p-top-hero__navigation > li {
    margin-right : 30px;
  }
  .p-top-hero__navigation > li:last-of-type {
    margin-right : 0;
  }
  .p-top-hero__navigation-link {
    position : relative;
    display : block;
    width : 380px;
    margin : 0 auto;
    padding : 15px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    max-height : 130px;
    border-radius : 10px;
    background-position : center;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-top-hero__navigation-link > * {
    transform : translateX(-12.5px);
  }
  .p-top-hero__navigation-link:hover, .p-top-hero__navigation-link:focus {
    color : #fff;
    text-decoration : none;
    opacity : 0.6;
  }
  .p-top-hero__navigation-link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-top-hero__navigation-link:after {
    content : "";
    display : block;
    position : absolute;
    right : 15px;
    top : 50%;
    transform : translateY(-50%);
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : cover;
    background-repeat : no-repeat;
  }
  .p-top-hero__navigation-titlewrapper {
    display : flex;
    justify-content : center;
    align-items : center;
  }
  .p-top-hero__navigation-title {
    color : #fff;
    font-size : 33px;
    font-family : "senobi";
    letter-spacing : -0.2em;
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-top-hero__navigation-icon {
    margin-right : 10px;
  }
  .p-top-hero__navigation-text {
    font-size : 18px;
    color : #fff;
    margin-bottom : 0;
  }
  .p-top-case-study {
    background-color : #eef6e5;
    position : relative;
    padding-bottom : 200px;
  }
  .p-top-case-study::before {
    content : "";
    width : 100%;
    height : 197px;
    background-image : url("/common/img/carbon-free/index_bg_case-study_01-ver2.png");
    background-size : cover;
    background-repeat : no-repeat;
    position : absolute;
    bottom : 0;
  }
  .p-top-case-study__container {
    position : relative;
    top : -2.6041666667vw;
    width : 100%;
    z-index : 9999;
  }
  .p-top-case-study__container2 {
    position : relative;
    margin-bottom : 1rem;
  }
  .p-top-case-study__list {
    max-width : 1920px;
    margin : 0 auto;
    position : relative;
    width : calc(100vw - 162px);
  }
  .p-top-case-study__list-item {
    background-color : #fff;
    border-radius : 10px;
    padding-bottom : 80px;
    margin-right : 27px;
    height : 100%;
    position : relative;
  }
  .p-top-case-study__logo-container {
    border-bottom : solid 1px #e7e7e7;
    height : 157px;
    line-height : 157px;
    padding : 0 20px;
    text-align : center;
  }
  .p-top-case-study__logo-container.thumbnail {
    border-bottom : none;
    padding : 0;
  }
  .p-top-case-study__logo-container.thumbnail > div {
    background-image : url("/common/img/carbon-free/index_logo_case-study_07.png");
    border-top-right-radius : 10px;
    border-top-left-radius : 10px;
    background-size : cover;
    background-position-x : right;
    display : block !important;
    height : 100%;
    width : 100%;
  }
  .p-top-case-study__logo-container.thumbnail2 {
    border-bottom : none;
    padding : 0;
  }
  .p-top-case-study__logo-container.thumbnail2 > div {
    background-image : url("/common/img/carbon-free/index_logo_case-study_21.png");
    border-top-right-radius : 10px;
    border-top-left-radius : 10px;
    background-size : cover;
    background-position-x : right;
    display : block !important;
    height : 100%;
    width : 100%;
  }
  .p-top-case-study__logo {
    display : inline !important;
    vertical-align : middle;
  }
  .p-top-case-study__text-container {
    margin-top : 26px;
    padding : 0 24px;
  }
  .p-top-case-study__company {
    font-size : 16px;
    font-weight : bold;
  }
  .p-top-case-study__title {
    font-size : 16px;
  }
  .p-top-case-study__link {
    font-weight : bold;
    font-size : 13px;
    line-height : 1.66667;
    margin : 1rem auto 0;
    padding : 7px 0;
    width : 80%;
    position : absolute;
    bottom : 35px;
    display : inline-block;
    left : 0;
    right : 0;
  }
  .p-top-case-study__list-button-container {
    display : flex;
    height : 56px;
    justify-content : center;
    z-index : 1;
    margin-bottom : 2rem;
  }
  .p-top-case-study__slick-prev {
    order : 1;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    margin-left : 10px;
    transform : rotate(180deg);
  }
  .p-top-case-study__slick-next {
    order : 3;
    display : block;
    width : 56px;
    height : 56px;
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : 14px 14px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    margin-right : 25px;
  }
  .p-top-case-study__slick-dots {
    order : 2;
    background-color : #fff;
    border-left : solid 1px #ececec;
    border-right : solid 1px #ececec;
    display : flex;
    flex-wrap : wrap;
    height : 56px;
    justify-content : center;
    align-content : space-around;
    position : inherit;
  }
  .p-top-case-study__slick-dots > li {
    margin : 0 15px;
    display : flex;
    align-items : center;
  }
  .p-top-case-study__slick-dots > li > button {
    width : 8px;
    height : 8px;
    background-color : #d5d5d5;
    color : transparent;
    /* テキストを透明にする */
    text-indent : -9999px;
    /* テキストを画面外に移動 */
    overflow : hidden;
    /* ボタンの中の内容を隠す */
    white-space : nowrap;
    /* テキストの折り返しを防止 */
  }
  .p-top-case-study__slick-dots > li.slick-active > button {
    background-color : #78bd35;
    height : 10px;
    width : 10px;
  }
  .p-top-case-study__image {
    display : block;
    margin : -1.0416666667vw auto 0;
    position : relative;
    width : 67.7083333333vw;
  }
  .p-top-case-study__all-link {
    border-radius : 10px;
    color : #fff;
    display : block;
    font-size : 18px;
    line-height : 1;
    margin : 34px auto 0;
    padding : 20px 0;
    text-align : center;
    width : 278px;
  }
  .p-top-case-study__all-link:hover, .p-top-case-study__all-link:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
  .p-top-case-study__message {
    background-color : #fff;
    border-radius : 10px;
    font-family : "senobi";
    font-weight : bold;
    font-size : 45px;
    letter-spacing : -0.2em;
    margin : -30px auto 0;
    position : relative;
    text-align : center;
    width : 880px;
    z-index : 1;
  }
  .p-top-introduction {
    background-color : #fff;
    padding : 100px 0;
    position : relative;
  }
  .p-top-introduction__bg-container {
    height : 960px;
    position : absolute;
    width : 960px;
    left : 1500px;
    top : -200px;
  }
  .p-top-introduction__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-introduction__bg-container > div:first-child > div:first-child {
    height : 960px;
    position : absolute;
    width : 960px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-introduction__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-introduction__bg {
    border-radius : 63% 37% 62% 38%/54% 44% 56% 46%;
  }
  .p-top-introduction__bg .simpleParallax {
    transform : translate(2px, 10px);
  }
  .p-top-introduction__bg-shadow {
    border-radius : 63% 37% 62% 38%/54% 44% 56% 46%;
  }
  .p-top-introduction__paragraph1 {
    font-size : 22px;
    font-weight : 500;
    margin-bottom : 60px;
    text-align : center;
  }
  .p-top-introduction__paragraph1 > span {
    color : #5a9a10;
    font-weight : 900;
  }
  .p-top-introduction__container2 {
    align-items : center;
    display : flex;
    justify-content : space-between;
    margin-top : 130px;
  }
  .p-top-introduction__paragraph2 {
    font-size : 18px;
    font-weight : 500;
    line-height : 2;
  }
  .p-top-introduction__paragraph2 > span {
    font-weight : 900;
  }
  .p-top-introduction__white-board {
    background-image : url("/common/img/carbon-free/index_img_introduction01.png");
    background-size : contain;
    background-repeat : no-repeat;
    height : 599px;
    position : relative;
    width : 571px;
    z-index : 2;
  }
  .p-top-introduction__white-board-inner {
    display : flex;
    flex-direction : column;
    justify-content : center;
    height : 467px;
    margin-left : calc(35px * 1.1);
    margin-top : calc(10px * 1.1);
    position : relative;
    width : calc(448px * 1.1);
  }
  .p-top-introduction__white-board-title {
    font-family : "senobi";
    font-size : calc(25px * 1.1);
    font-weight : bold;
    letter-spacing : -0.3em;
    line-height : 1.3;
    margin-bottom : 0;
    text-align : center;
  }
  .p-top-introduction__white-board-list {
    margin : 25px auto 0;
  }
  .p-top-introduction__white-board-list-item {
    border-radius : 10px;
    color : #fff;
    margin : 0 auto 15px;
    padding : calc(15px *1.1);
    text-align : center;
    width : 400px;
  }
  .p-top-introduction__white-board-list-item:last-child {
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-introduction__white-board-list-item-lead {
    font-size : calc(18px * 1.1);
    font-weight : 500;
    letter-spacing : -0.8px;
    line-height : 1.2;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-lead > span {
    font-size : 0.8em;
  }
  .p-top-introduction__white-board-bg {
    position : absolute;
    z-index : -1;
  }
  .p-top-introduction__white-board:after {
    background-image : url("/common/img/carbon-free/index_img_introduction02.png");
    background-size : cover;
    bottom : 0;
    content : "";
    display : inline-block;
    height : calc(282px * 1.1);
    right : -25px;
    position : absolute;
    width : calc(112px * 1.1);
  }
  .p-top-solutions {
    position : relative;
  }
  .p-top-solutions__bg-image-container {
    position : relative;
  }
  .p-top-solutions__bg-container {
    height : 620px;
    position : absolute;
    width : 620px;
    right : 1560px;
    top : -200px;
  }
  .p-top-solutions__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solutions__bg-container > div:first-child > div:first-child {
    height : 620px;
    position : absolute;
    width : 620px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solutions__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solutions__bg {
    border-radius : 43% 57% 62% 38%/69% 64% 36% 31%;
  }
  .p-top-solutions__bg img {
    height : 640px;
    width : auto;
  }
  .p-top-solutions__bg-shadow {
    border-radius : 43% 57% 62% 38%/69% 64% 36% 31%;
  }
  .p-top-solutions__bg-image {
    position : absolute;
    top : 250px;
    right : 1720px;
    width : 234px;
    z-index : 999;
  }
  .p-top-solutions__heading {
    font-family : "senobi";
    font-size : 70px;
    font-weight : bold;
    letter-spacing : -0.1em;
    line-height : 1.5;
    text-align : center;
  }
  .p-top-solutions__heading > span {
    background : linear-gradient(transparent 95%, #5b9a10 0%);
  }
  .p-top-solutions__heading > span > span {
    font-size : 0.8em;
  }
  .p-top-solutions__links {
    display : flex;
    justify-content : center;
    margin : 40px 0 260px;
  }
  .p-top-solutions__link {
    height : 299px;
    margin-right : 46px;
    position : relative;
    width : 290px;
  }
  .p-top-solutions__link:last-child {
    margin-right : 0;
  }
  .p-top-solutions__link img {
    display : block;
    height : 299px;
    margin : 0 auto;
    width : auto;
  }
  .p-top-solutions__link:hover .p-top-solutions__text-container, .p-top-solutions__link:focus-within .p-top-solutions__text-container {
    top : 27px;
  }
  .p-top-solutions__link:focus-within .p-top-solutions__text-container {
    opacity : 0.6;
  }
  .p-top-solutions__text-container {
    background-image : url("/common/img/carbon-free/index_box_solution_01.png");
    color : #fff;
    height : 203px;
    padding : 20px 0;
    position : absolute;
    text-align : center;
    top : 42px;
    width : 290px;
    transition : all 0.1s;
  }
  .p-top-solutions__link-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
  }
  .p-top-solutions__link-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-solutions__link-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
  }
  .p-top-solutions__link-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-solutions__link-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : 32px;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 15px;
  }
  .p-top-solutions__link-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 32px;
    transform : translate(-5px, 0.15em);
    width : calc(32px * 0.73);
  }
  .p-top-solutions__link-theme-list > li {
    font-size : 18px;
    font-weight : 500;
    letter-spacing : -1px;
    line-height : 1.2;
    margin-bottom : 0.5em;
  }
  .p-top-solutions__link-theme-list > li:last-child {
    margin-bottom : 0;
  }
  .p-top-solutions__link-theme-list > li > span {
    font-size : 0.8em;
  }
  .p-top-solution {
    margin-bottom : 280px;
    position : relative;
  }
  .p-top-solution__inner {
    position : relative;
  }
  .p-top-solution__text-container {
    position : relative;
    width : 450px;
  }
  .p-top-solution__title--saving {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 88px;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -30px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 88px;
    transform : translate(-5px, 0.15em);
    width : calc(88px * 0.73);
  }
  .p-top-solution__title--creation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 88px;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -30px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 88px;
    transform : translate(-5px, 0.15em);
    width : calc(88px * 0.73);
  }
  .p-top-solution__title--activation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 88px;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -18px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 88px;
    transform : translate(-5px, 0.15em);
    width : calc(88px * 0.73);
  }
  .p-top-solution__heading {
    font-weight : bold;
    font-size : 22px;
    margin-bottom : 30px;
    line-height : 30px;
  }
  .p-top-solution__heading > span {
    font-size : 0.8em;
  }
  .p-top-solution__paragraph {
    font-size : 18px;
    margin-bottom : 0;
    line-height : 1.9;
  }
  .p-top-solution__annotation {
    font-size : 12px;
    letter-spacing : -0.15em;
  }
  .p-top-solution__list-container {
    background-color : #ecf3e5;
    border-radius : 10px;
    color : #5b9a10;
    margin-top : 40px;
    padding : 25px 30px;
    width : 100%;
  }
  .p-top-solution__list-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 33px;
    letter-spacing : -8px;
  }
  .p-top-solution__list-item {
    font-size : 17px;
    font-weight : 500;
    padding-left : 1.2em;
    position : relative;
  }
  .p-top-solution__list-item:before {
    content : "●";
    display : inline-block;
    margin-right : 0.5em;
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-top-solution__linkbox {
    display : flex;
    justify-content : space-between;
  }
  .p-top-solution__linkbox .p-top-solution__link {
    margin-right : 0;
  }
  .p-top-solution__linkbox .p-top-solution__link:not(:first-child) {
    margin-left : 30px;
  }
  .p-top-solution__link {
    margin-top : 40px;
    position : relative;
    z-index : 9999;
  }
  .p-top-solution__bg-container {
    border : solid 3px #fff;
    box-sizing : content-box;
  }
  .p-top-solution__bg-shadow {
    border : solid #fff;
    opacity : 1 !important;
    transition : border-width 0.9s ease-out;
    transform : scale(1.01);
  }
  .p-top-solution__bg-image-container--saving {
    position : absolute;
    top : -10px;
    left : 540px;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image-container {
    position : absolute;
    top : -100px;
    left : 540px;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container {
    height : 695px;
    position : absolute;
    width : 863px;
    position : relative;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 695px;
    position : absolute;
    width : 863px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg {
    border-radius : 64% 36% 62% 38%/60% 57% 43% 40%;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg img {
    position : relative;
    top : -800px;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-shadow {
    border-radius : 64% 36% 62% 38%/60% 57% 43% 40%;
    border-width : 350px 440px;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image {
    position : absolute;
    top : 460px;
    left : -20px;
    z-index : 999;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image-parts--box {
    -webkit-animation : lateralMove 3s infinite linear;
    animation : lateralMove 3s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_02-1.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : 13px;
    left : 66px;
    position : absolute;
    top : 268px;
    width : 200px;
  }
  .p-top-solution__bg-image-container--creation {
    position : absolute;
    top : -11px;
    left : -158px;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container {
    height : 697px;
    position : absolute;
    width : 817px;
    position : relative;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 697px;
    position : absolute;
    width : 817px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg {
    border-radius : 57% 43% 43% 57%/56% 54% 46% 44%;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg img {
    width : 170%;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-shadow {
    border-radius : 57% 43% 43% 57%/56% 54% 46% 44%;
    border-width : 350px 415px;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image {
    position : absolute;
    top : 570px;
    left : 160px;
    z-index : 999;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image-parts--light {
    -webkit-animation : lateralMove2 5s infinite linear;
    animation : lateralMove2 5s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_03-1.png");
    background-size : 421px 370px;
    background-repeat : no-repeat;
    height : 370px;
    left : 0;
    position : absolute;
    top : 0;
    width : 480px;
  }
  .p-top-solution__bg-image-container--activation {
    position : absolute;
    top : 0;
    left : 540px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container {
    height : 731px;
    position : absolute;
    width : 844px;
    position : relative;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 731px;
    position : absolute;
    width : 844px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg {
    border-radius : 45% 55% 43% 57%/69% 46% 54% 31%;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-shadow {
    border-radius : 45% 55% 43% 57%/69% 46% 54% 31%;
    border-width : 360px 430px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image {
    position : absolute;
    top : 594px;
    left : -928px;
    z-index : 999;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image > img {
    max-width : none;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water1 {
    -webkit-animation : water1 3s infinite linear;
    animation : water1 3s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-1.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : 78px;
    left : 1210px;
    position : absolute;
    top : 450px;
    width : 51px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water2 {
    -webkit-animation : water2 2s infinite linear;
    animation : water2 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-2.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : 253px;
    left : 700px;
    position : absolute;
    top : 430px;
    width : 236px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing5, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing7, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing9 {
    -webkit-animation : rotate 2s infinite linear;
    animation : rotate 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-3.png");
    background-position-x : -1px;
    background-position-y : 8px;
    background-size : 76px 80px;
    background-repeat : no-repeat;
    height : 90px;
    position : absolute;
    width : 90px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1 {
    top : 235px;
    left : 44px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3 {
    top : 247px;
    left : 482px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing5 {
    top : 336px;
    left : 910px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing7 {
    top : 604px;
    left : 734px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing9 {
    top : 666px;
    left : 331px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing6, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing8, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing10 {
    -webkit-animation : rotate 2s infinite linear;
    animation : rotate 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-4.png");
    background-size : 80px 75px;
    background-repeat : no-repeat;
    background-position-y : 0;
    background-position-x : 1px;
    height : 90px;
    position : absolute;
    width : 90px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2 {
    top : 232px;
    left : 264px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4 {
    top : 275px;
    left : 702px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing6 {
    top : 503px;
    left : 907px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing8 {
    top : 645px;
    left : 551px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing10 {
    top : 667px;
    left : 96px;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--factory {
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-7.png");
    background-size : cover;
    height : 253px;
    left : 1290px;
    position : absolute;
    top : 395px;
    width : 265px;
  }
  .p-top-solution:nth-of-type(2) .p-top-solution__text-container {
    margin-right : 0;
    margin-left : auto;
  }
  .p-top-solution:nth-of-type(2) .p-top-solution__bg-image2 {
    position : absolute;
    top : -157px;
    left : 1652px;
    z-index : 999;
  }
  .p-top-solution:nth-of-type(3) {
    margin-bottom : 630px;
  }
  .p-top-toyota, .p-top-reduced-emissions, .p-top-dr {
    position : relative;
  }
  .p-top-toyota__text-container, .p-top-reduced-emissions__text-container, .p-top-dr__text-container {
    background-color : #ecf3e5;
    border-radius : 10px;
    margin-top : 40px;
    margin-left : 600px;
    padding : 25px 50px;
    position : relative;
    width : 464px;
  }
  .p-top-toyota__heading, .p-top-reduced-emissions__heading, .p-top-dr__heading {
    margin-bottom : 40px;
  }
  .p-top-toyota__paragraph, .p-top-reduced-emissions__paragraph, .p-top-dr__paragraph {
    font-size : 18px;
  }
  .p-top-toyota__link, .p-top-reduced-emissions__link, .p-top-dr__link {
    margin-top : 40px;
    width : 250px;
  }
  .p-top-toyota__illustration, .p-top-reduced-emissions__illustration, .p-top-dr__illustration {
    position : absolute;
    top : 160px;
    left : -450px;
  }
  .p-top-toyota__bg, .p-top-reduced-emissions__bg, .p-top-dr__bg {
    position : absolute;
    top : 55px;
    left : 1585px;
    width : 337px;
  }
  .p-top-reduced-emissions {
    position : relative;
  }
  .p-top-reduced-emissions__text-container {
    margin-top : 0;
    margin-left : auto;
    margin-right : calc(100% - 600px);
  }
  .p-top-reduced-emissions__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : -6px;
  }
  .p-top-reduced-emissions__illustration {
    position : absolute;
    top : 91px;
    left : auto;
    right : 16px;
    transform : translateX(100%);
  }
  .p-top-reduced-emissions__illustration img {
    max-width : none;
  }
  .p-top-dr {
    margin-top : 130px;
  }
  .p-top-dr__text-container {
    margin-top : 0;
    padding : 40px 50px 51px;
  }
  .p-top-dr__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : -7px;
  }
  .p-top-dr__paragraph {
    margin-bottom : 78px;
  }
  .p-top-dr__illustration {
    position : absolute;
    top : 97px;
    left : -450px;
  }
  .p-top-toyota {
    margin-top : 130px;
    position : relative;
  }
  .p-top-toyota__text-container {
    margin-top : 0;
    margin-left : auto;
    margin-right : calc(100% - 600px);
  }
  .p-top-toyota__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : -6px;
  }
  .p-top-toyota__illustration {
    position : absolute;
    top : 91px;
    left : auto;
    right : 16px;
    transform : translateX(100%);
  }
  .p-top-toyota__illustration img {
    max-width : none;
  }
  .p-top-start {
    background-image : url("/common/img/carbon-free/index_bg_start_02.png");
    background-size : cover;
    padding : 316px 0;
    position : relative;
  }
  .p-top-start__bg-container {
    height : 570px;
    position : absolute;
    width : 570px;
    right : 1700px;
    top : -200px;
  }
  .p-top-start__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-start__bg-container > div:first-child > div:first-child {
    height : 570px;
    position : absolute;
    width : 570px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-start__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-start__bg {
    border-radius : 57% 43% 56% 44%/69% 24% 76% 31%;
  }
  .p-top-start__bg-shadow {
    border-radius : 57% 43% 56% 44%/69% 24% 76% 31%;
  }
  .p-top-start__bg-container2 {
    height : 834px;
    position : absolute;
    width : 834px;
    left : 1620px;
    top : 160px;
  }
  .p-top-start__bg-container2 > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-start__bg-container2 > div:first-child > div:first-child {
    height : 834px;
    position : absolute;
    width : 834px;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-start__bg-container2 img.js-Parallax {
    max-width : none !important;
  }
  .p-top-start__bg2 {
    border-radius : 73% 27% 62% 38%/79% 64% 36% 21%;
  }
  .p-top-start__bg2 img {
    height : 900px;
    position : relative;
  }
  .p-top-start__bg-shadow2 {
    border-radius : 73% 27% 62% 38%/79% 64% 36% 21%;
  }
  .p-top-start__bg3 {
    position : absolute;
    bottom : -30px;
    z-index : 1;
  }
  .p-top-start__container {
    background-color : #fff;
    border-radius : 10px;
    text-align : center;
    padding : 60px 80px;
  }
  .p-top-start__heading {
    font-family : "senobi";
    font-weight : bold;
    font-size : 56px;
    letter-spacing : -15px;
    margin-bottom : 40px;
  }
  .p-top-start__heading > span {
    font-size : 1em;
    background : linear-gradient(transparent 90%, #eaff00 0%);
  }
  .p-top-start__heading > span > span {
    font-size : 0.8em;
  }
  .p-top-start__paragraph {
    font-size : 18px;
    margin-bottom : 40px;
  }
  .p-top-start__list {
    display : flex;
    justify-content : center;
  }
  .p-top-start__link-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 24px;
    letter-spacing : -5px;
  }
  .p-top-start__link-title > p {
    margin-bottom : 0;
    line-height : 1.5;
  }
  .p-top-start__link-title > p:first-child {
    font-size : 30px;
  }
  .p-top-start__link-title > p:first-child > span {
    background : linear-gradient(transparent 90%, #eaff00 0%);
  }
  .p-top-start__link-title > p:last-child {
    font-size : 24px;
  }
  .p-top-start__link-title > p:last-child > span {
    font-size : 0.8em;
  }
  .p-top-start__link {
    font-size : 24px;
    padding : 30px 0;
    width : 500px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .p-top-hero__navigation-link {
    width : 29.2307692308vw;
  }
  .p-top-hero__navigation-link:after {
    width : 1.6153846154vw;
    height : 1.0769230769vw;
  }
  .p-top-hero__navigation-title {
    font-size : 2.5384615385vw;
  }
  .p-top-hero__navigation-text {
    font-size : 1.3846153846vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .p-top-hero__navigation-link {
    width : 300px;
  }
  .p-top-hero__navigation-link:after {
    width : 16.5px;
    height : 11px;
  }
  .p-top-hero__navigation-title {
    font-size : 26px;
  }
  .p-top-hero__navigation-text {
    font-size : 14px;
  }
}
@media only screen and (min-width: 1920px) {
  .p-top-introduction__bg-container {
    right : -550px;
    left : auto;
  }

  .p-top-solutions__bg-container {
    left : -260px;
  }

  .p-top-solutions__bg-image {
    left : 0;
  }

  .p-top-reduced-emissions__bg {
    left : auto;
    right : 0;
  }

  .p-top-start__bg-container {
    left : -375px;
  }

  .p-top-start__bg-container2 {
    left : auto;
    right : -530px;
  }

  .p-top-start__bg3 {
    width : 100vw;
  }

  .p-top-solution:nth-of-type(2) .p-top-solution__bg-image2 {
    left : auto;
    right : 0;
    width : 272px;
  }
}
@-webkit-keyframes lateralMove2_1600 {
  0% {
    background-position-x : -4.375vw;
    opacity : 1;
  }
  10% {
    background-position-x : 26.3125vw;
    opacity : 0;
  }
  100% {
    background-position-x : 26.5vw;
    opacity : 0;
  }
}
@keyframes lateralMove2_1600 {
  0% {
    background-position-x : -4.375vw;
    opacity : 1;
  }
  10% {
    background-position-x : 26.3125vw;
    opacity : 0;
  }
  100% {
    background-position-x : 26.5vw;
    opacity : 0;
  }
}
@-webkit-keyframes water1_1600 {
  0% {
    left : 82.1875vw;
    top : 7.5vw;
    transform : rotate(0deg);
  }
  20% {
    left : 82.1875vw;
    top : 15vw;
    transform : rotate(0deg);
  }
  34% {
    left : 81.875vw;
    top : 18.75vw;
    transform : rotate(5deg);
  }
  48% {
    left : 81.25vw;
    top : 21.875vw;
    transform : rotate(5deg);
  }
  62% {
    left : 78.75vw;
    top : 25vw;
    transform : rotate(30deg);
  }
  76% {
    left : 75.625vw;
    top : 28.125vw;
    transform : rotate(60deg);
  }
  100% {
    left : 62.5vw;
    top : 31.25vw;
    transform : rotate(90deg);
  }
}
@keyframes water1_1600 {
  0% {
    left : 82.1875vw;
    top : 7.5vw;
    transform : rotate(0deg);
  }
  20% {
    left : 82.1875vw;
    top : 15vw;
    transform : rotate(0deg);
  }
  34% {
    left : 81.875vw;
    top : 18.75vw;
    transform : rotate(5deg);
  }
  48% {
    left : 81.25vw;
    top : 21.875vw;
    transform : rotate(5deg);
  }
  62% {
    left : 78.75vw;
    top : 25vw;
    transform : rotate(30deg);
  }
  76% {
    left : 75.625vw;
    top : 28.125vw;
    transform : rotate(60deg);
  }
  100% {
    left : 62.5vw;
    top : 31.25vw;
    transform : rotate(90deg);
  }
}
@-webkit-keyframes water2_1600 {
  0% {
    left : 43.75vw;
    transform : scale(1);
  }
  100% {
    left : 2.9375vw;
    transform : scale(1.4);
  }
}
@keyframes water2_1600 {
  0% {
    left : 43.75vw;
    transform : scale(1);
  }
  100% {
    left : 2.9375vw;
    transform : scale(1.4);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1600px) {
  .p-top-solution {
    margin-bottom : 17.5vw;
  }
  .p-top-solution__bg-image-container--saving {
    top : 10%;
    left : 540px;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container {
    height : 39.09375vw;
    position : absolute;
    width : 48.54375vw;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 39.09375vw;
    position : absolute;
    width : 48.54375vw;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-shadow {
    border-width : 19.5625vw 24.375vw;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image {
    top : 28.75vw;
    left : -1.25vw;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image img {
    max-width : none;
    width : 42.1875vw;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image-parts--box {
    height : 0.8125vw;
    left : 4.125vw;
    top : 16.75vw;
    width : 12.5vw;
  }
  .p-top-solution__bg-image-container--creation {
    left : 0;
    width : 750px;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container {
    height : 43.5625vw;
    position : absolute;
    width : 51.0625vw;
    right : 4.375vw;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 43.5625vw;
    position : absolute;
    width : 51.0625vw;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-shadow {
    border-width : 21.875vw 25.625vw;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image {
    top : 35.625vw;
    left : 1.25vw;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image img {
    width : 40.0625vw;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image-parts--light {
    -webkit-animation : lateralMove2_1600 5s infinite linear;
    animation : lateralMove2_1600 5s infinite linear;
    opacity : 0.9;
    background-size : 26.3125vw bw1600(370);
    height : 23.125vw;
    width : 30vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container {
    height : 45.6875vw;
    position : absolute;
    width : 52.75vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : 45.6875vw;
    position : absolute;
    width : 52.75vw;
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-shadow {
    border-width : 23.125vw 26.875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image {
    top : 37.125vw;
    left : -58vw;
    z-index : 999;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image img {
    width : 105.1875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water1 {
    -webkit-animation : water1_1600 3s infinite linear;
    animation : water1_1600 3s infinite linear;
    height : 4.875vw;
    left : 82.1875vw;
    top : 7.5vw;
    width : 3.1875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water2 {
    -webkit-animation : water2_1600 2s infinite linear;
    animation : water2_1600 2s infinite linear;
    height : 15.8125vw;
    left : 43.75vw;
    top : 26.875vw;
    width : 14.75vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing5, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing7, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing9 {
    background-position-x : -0.0625vw;
    background-position-y : 0.5vw;
    background-size : 4.75vw 5vw;
    height : 5.625vw;
    width : 5.625vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1 {
    top : 14.6875vw;
    left : 2.75vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3 {
    top : 15.4375vw;
    left : 30.125vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing5 {
    top : 21vw;
    left : 56.875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing7 {
    top : 37.75vw;
    left : 45.875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing9 {
    top : 41.625vw;
    left : 20.6875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing6, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing8, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing10 {
    background-size : 5vw 4.6875vw;
    background-position-x : 0.0625vw;
    height : 5.625vw;
    width : 5.625vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2 {
    top : 14.5vw;
    left : 16.5vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4 {
    top : 17.1875vw;
    left : 43.875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing6 {
    top : 31.4375vw;
    left : 56.6875vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing8 {
    top : 40.3125vw;
    left : 34.4375vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing10 {
    top : 41.6875vw;
    left : 6vw;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--factory {
    height : 15.8125vw;
    left : 80.625vw;
    top : 24.6875vw;
    width : 16.5625vw;
  }
  .p-top-solution:nth-of-type(2) .p-top-solution__bg-image2 {
    top : -9.8125vw;
    left : 103.25vw;
  }
  .p-top-solution:nth-of-type(3) {
    margin-bottom : 39.375vw;
  }
  .p-top-solution:nth-of-type(3) .p-top-solution__text-container {
    z-index : 9999;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-top-hero__text-container {
    margin-bottom : 13.8461538462vw;
  }
  .p-top-case-study {
    padding-bottom : 15.3846153846vw;
  }
  .p-top-case-study__list {
    width : 80%;
  }
  .p-top-case-study__list-item {
    margin-right : 2.0769230769vw;
  }
  .p-top-case-study__logo-container {
    height : 12.0769230769vw;
    line-height : 12.0769230769vw;
    padding : 0 1.5384615385vw;
  }
  .p-top-case-study__text-container {
    margin-top : 2vw;
    padding : 0 1.8461538462vw;
  }
  .p-top-case-study__company {
    font-size : 1.2307692308vw;
  }
  .p-top-case-study__title {
    font-size : 1.2307692308vw;
  }
  .p-top-case-study__link {
    font-size : 1vw;
    padding : 0.5384615385vw 0;
  }
  .p-top-case-study__link:after {
    left : auto;
    right : 5px;
  }
  .p-top-case-study__list-button-container {
    height : 4.3076923077vw;
  }
  .p-top-case-study__slick-prev {
    order : 1;
    display : block;
    width : 4.3076923077vw;
    height : 4.3076923077vw;
    background-size : 1.0769230769vw 1.0769230769vw;
  }
  .p-top-case-study__slick-next {
    width : 4.3076923077vw;
    height : 4.3076923077vw;
    background-size : 1.0769230769vw 1.0769230769vw;
  }
  .p-top-case-study__slick-dots {
    height : 4.3076923077vw;
  }
  .p-top-case-study__slick-dots > li {
    margin : 0 1.1538461538vw;
  }
  .p-top-case-study__slick-dots > li > button {
    width : 0.6153846154vw;
    height : 0.6153846154vw;
  }
  .p-top-case-study__slick-dots > li.slick-active > button {
    height : 0.7692307692vw;
    width : 0.7692307692vw;
  }
  .p-top-case-study__image {
    margin : -2.3076923077vw auto 0;
    width : 67.7083333333vw;
  }
  .p-top-case-study__all-link {
    font-size : 1.3846153846vw;
    margin : 34px auto 0;
    padding : 1.5384615385vw 0;
    width : 21.3846153846vw;
  }
  .p-top-case-study__message {
    font-size : 3.4615384615vw;
    margin-top : -2.3076923077vw;
  }
  .p-top-introduction {
    padding : 7.6923076923vw 0;
  }
  .p-top-introduction__paragraph1 {
    font-size : 1.6923076923vw;
    margin-bottom : 4.6153846154vw;
  }
  .p-top-introduction__container2 {
    margin-top : 10vw;
  }
  .p-top-introduction__paragraph2 {
    font-size : 1.3846153846vw;
  }
  .p-top-introduction__white-board {
    height : 46.0769230769vw;
    width : 43.9230769231vw;
  }
  .p-top-introduction__white-board-inner {
    height : 35.9230769231vw;
    margin-left : 2.9615384615vw;
    margin-top : 0.8461538462vw;
    width : 37.9076923077vw;
  }
  .p-top-introduction__white-board-title {
    font-size : 2.1153846154vw;
  }
  .p-top-introduction__white-board-list {
    margin-top : 1.9230769231vw;
  }
  .p-top-introduction__white-board-list-item {
    margin-bottom : 1.1538461538vw;
    padding : 1.2692307692vw;
    width : 30.7692307692vw;
  }
  .p-top-introduction__white-board-list-item-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-lead {
    font-size : 1.5230769231vw;
    letter-spacing : -0.0615384615vw;
  }
  .p-top-introduction__white-board:after {
    height : 23.8615384615vw;
    right : -1.9230769231vw;
    width : 9.4769230769vw;
  }
  .p-top-solutions__heading {
    font-size : 5.3846153846vw;
  }
  .p-top-solutions__links {
    margin : 3.0769230769vw 0 20vw;
  }
  .p-top-solutions__link {
    height : 23vw;
    margin-right : 3.5384615385vw;
    width : 22.3076923077vw;
  }
  .p-top-solutions__link img {
    height : 23vw;
  }
  .p-top-solutions__link:hover .p-top-solutions__text-container, .p-top-solutions__link:focus-within .p-top-solutions__text-container {
    top : 2.0769230769vw;
  }
  .p-top-solutions__text-container {
    background-size : cover;
    height : 15.6153846154vw;
    padding : 1.5384615385vw 0;
    top : 3.2307692308vw;
    width : 22.3076923077vw;
  }
  .p-top-solutions__link-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
  }
  .p-top-solutions__link-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-solutions__link-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
  }
  .p-top-solutions__link-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-solutions__link-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : 2.4615384615vw;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -0.2em;
    margin-bottom : 1.1538461538vw;
  }
  .p-top-solutions__link-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 2.4615384615vw;
    transform : translate(-5px, 0.15em);
    width : calc(2.4615384615vw * 0.73);
  }
  .p-top-solutions__link-theme-list > li {
    font-size : 1.3846153846vw;
    letter-spacing : -0.0769230769vw;
  }
  .p-top-solution {
    margin-bottom : 21.5384615385vw;
  }
  .p-top-solution__text-container {
    width : 34.6153846154vw;
  }
  .p-top-solution__title--saving {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 6.7692307692vw;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -2.3076923077vw;
    margin-bottom : 2.3076923077vw;
  }
  .p-top-solution__title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 6.7692307692vw;
    transform : translate(-5px, 0.15em);
    width : calc(6.7692307692vw * 0.73);
  }
  .p-top-solution__title--creation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 6.7692307692vw;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -2.3076923077vw;
    margin-bottom : 2.3076923077vw;
  }
  .p-top-solution__title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 6.7692307692vw;
    transform : translate(-5px, 0.15em);
    width : calc(6.7692307692vw * 0.73);
  }
  .p-top-solution__title--activation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 6.7692307692vw;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -1.3846153846vw;
    margin-bottom : 2.3076923077vw;
  }
  .p-top-solution__title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 6.7692307692vw;
    transform : translate(-5px, 0.15em);
    width : calc(6.7692307692vw * 0.73);
  }
  .p-top-solution__heading {
    font-family : "senobi";
    font-weight : bold;
    font-size : 1.6923076923vw;
    letter-spacing : -0.3846153846vw;
    margin-bottom : 2.3076923077vw;
  }
  .p-top-solution__heading > span {
    font-size : 0.8em;
  }
  .p-top-solution__paragraph {
    font-size : 1.3846153846vw;
    margin-bottom : 0;
    line-height : 1.9;
  }
  .p-top-solution__annotation {
    font-size : 0.9230769231vw;
    letter-spacing : -0.15em;
  }
  .p-top-solution__list-container {
    background-color : #ecf3e5;
    border-radius : 10px;
    color : #5b9a10;
    margin-top : 3.0769230769vw;
    padding : 1.9230769231vw 2.3076923077vw;
    width : 100%;
  }
  .p-top-solution__list-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 2.5384615385vw;
    letter-spacing : -0.6153846154vw;
  }
  .p-top-solution__list-item {
    font-size : 1.3076923077vw;
    font-weight : 500;
    padding-left : 1.2em;
    position : relative;
  }
  .p-top-solution__list-item:before {
    content : "●";
    display : inline-block;
    margin-right : 0.5em;
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-top-solution__link {
    margin-top : 3.0769230769vw;
    position : relative;
    z-index : 9999;
  }
  .p-top-solution__bg-image-container--saving {
    left : 41.5384615385vw;
  }
  .p-top-solution__bg-image-container--creation {
    width : 57.6923076923vw;
  }
  .p-top-solution__bg-image-container--activation {
    left : 41.5384615385vw;
  }
  .p-top-solution:nth-of-type(3) {
    margin-bottom : 48.4615384615vw;
  }
  .p-top-toyota__text-container, .p-top-reduced-emissions__text-container, .p-top-dr__text-container {
    margin-top : 3.0769230769vw;
    margin-left : 46.1538461538vw;
    padding : 1.9230769231vw 3.8461538462vw;
    width : 35.6923076923vw;
  }
  .p-top-toyota__heading, .p-top-reduced-emissions__heading, .p-top-dr__heading {
    margin-bottom : 3.0769230769vw;
  }
  .p-top-toyota__paragraph, .p-top-reduced-emissions__paragraph, .p-top-dr__paragraph {
    font-size : 1.3846153846vw;
  }
  .p-top-toyota__link, .p-top-reduced-emissions__link, .p-top-dr__link {
    margin-top : 3.0769230769vw;
    width : 19.2307692308vw;
  }
  .p-top-toyota__illustration, .p-top-reduced-emissions__illustration, .p-top-dr__illustration {
    top : 12.3076923077vw;
    left : -34.6153846154vw;
  }
  .p-top-toyota__illustration img, .p-top-reduced-emissions__illustration img, .p-top-dr__illustration img {
    width : 35.6923076923vw;
  }
  .p-top-toyota__bg, .p-top-reduced-emissions__bg, .p-top-dr__bg {
    top : 4.2307692308vw;
    left : 121.9230769231vw;
    width : 25.9230769231vw;
  }
  .p-top-reduced-emissions__text-container {
    margin-left : auto;
    margin-right : calc(100% - 46.15vw);
  }
  .p-top-reduced-emissions__heading {
    letter-spacing : -0.4615384615vw;
  }
  .p-top-reduced-emissions__illustration {
    top : 7vw;
    right : 1.2307692308vw;
  }
  .p-top-dr {
    margin-top : 10vw;
  }
  .p-top-dr__text-container {
    padding : 3.0769230769vw 3.8461538462vw 3.9230769231vw;
  }
  .p-top-dr__heading {
    letter-spacing : -0.5384615385vw;
  }
  .p-top-dr__paragraph {
    margin-bottom : 6vw;
  }
  .p-top-dr__illustration {
    top : 7.4615384615vw;
    left : -34.6153846154vw;
  }
  .p-top-toyota {
    margin-top : 10vw;
  }
  .p-top-toyota__text-container {
    margin-left : auto;
    margin-right : calc(100% - 46.15vw);
  }
  .p-top-toyota__heading {
    letter-spacing : -0.4615384615vw;
  }
  .p-top-toyota__illustration {
    top : 7vw;
    right : 1.2307692308vw;
  }
  .p-top-start {
    padding : 20.7692307692vw 0;
  }
  .p-top-start__container {
    padding : 4.6153846154vw 6.1538461538vw;
  }
  .p-top-start__heading {
    font-size : 4.3076923077vw;
    letter-spacing : -1.1538461538vw;
    margin-bottom : 3.0769230769vw;
  }
  .p-top-start__paragraph {
    font-size : 1.3846153846vw;
    margin-bottom : 3.0769230769vw;
  }
  .p-top-start__link-title {
    font-size : 1.8461538462vw;
    letter-spacing : -0.3846153846vw;
  }
  .p-top-start__link-title > p:first-child {
    font-size : 2.3076923077vw;
  }
  .p-top-start__link-title > p:last-child {
    font-size : 1.8461538462vw;
  }
  .p-top-start__link {
    font-size : 1.8461538462vw;
    padding : 2.3076923077vw 0;
    width : 38.4615384615vw;
  }
}
@-webkit-keyframes water1_1024 {
  0% {
    left : 841.6px;
    top : 76.8px;
    transform : rotate(0deg);
  }
  20% {
    left : 841.6px;
    top : 153.6px;
    transform : rotate(0deg);
  }
  34% {
    left : 838.4px;
    top : 192px;
    transform : rotate(5deg);
  }
  48% {
    left : 832px;
    top : 224px;
    transform : rotate(5deg);
  }
  62% {
    left : 806.4px;
    top : 256px;
    transform : rotate(30deg);
  }
  76% {
    left : 774.4px;
    top : 288px;
    transform : rotate(60deg);
  }
  100% {
    left : 640px;
    top : 320px;
    transform : rotate(90deg);
  }
}
@keyframes water1_1024 {
  0% {
    left : 841.6px;
    top : 76.8px;
    transform : rotate(0deg);
  }
  20% {
    left : 841.6px;
    top : 153.6px;
    transform : rotate(0deg);
  }
  34% {
    left : 838.4px;
    top : 192px;
    transform : rotate(5deg);
  }
  48% {
    left : 832px;
    top : 224px;
    transform : rotate(5deg);
  }
  62% {
    left : 806.4px;
    top : 256px;
    transform : rotate(30deg);
  }
  76% {
    left : 774.4px;
    top : 288px;
    transform : rotate(60deg);
  }
  100% {
    left : 640px;
    top : 320px;
    transform : rotate(90deg);
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water1 {
    -webkit-animation : water1_1024 3s infinite linear;
    animation : water1_1024 3s infinite linear;
  }
}
@media screen and (max-width: 767px) {
  .p-top-hero__container {
    position : relative;
    display : grid;
  }
  .p-top-hero__bg--sky {
    grid-area : 1/1;
    background-image : url(/common/img/carbon-free/index_bg_hero_01_sp.jpg);
    background-position : top center;
    background-size : cover;
    width : 100%;
    z-index : 1;
  }
  .p-top-hero__bg--town {
    background-image : url(/common/img/carbon-free/index_bg_hero_02_sp.png);
    background-position : top center;
    background-size : cover;
    display : block;
    bottom : 0;
    height : 22.8vw;
    position : absolute;
    z-index : 2;
  }
  .p-top-hero__text-container {
    padding-top : 13.3333333333vw;
    padding-bottom : 20vw;
    grid-area : 1/1;
    text-align : center;
    width : 100%;
    z-index : 3;
  }
  .p-top-hero__heading {
    font-family : "senobi";
    font-weight : bold;
    letter-spacing : -0.1em;
    line-height : 1;
    margin-left : calc(10 * 100vw /750);
    font-size : calc(93 * 100vw / 750);
  }
  .p-top-hero__heading span {
    letter-spacing : -0.5em;
  }
  .p-top-hero__lead {
    margin-top : calc(40 * 100vw / 750);
    font-size : 13px;
  }
  .p-top-hero__logo {
    bottom : calc(82 * 100vw /750);
    height : calc(110 * 100vw /750);
    position : absolute;
    right : calc(20 * 100vw / 750);
    width : calc(172 * 100vw /750);
    z-index : 2;
  }
  .p-top-hero__logo2 {
    bottom : calc(82 * 100vw /750);
    height : calc(110 * 100vw /750);
    position : absolute;
    right : calc(210 * 100vw / 750);
    width : calc(172 * 100vw /750);
    z-index : 2;
  }
  .p-top-hero__navigation > li {
    margin-bottom : 2.6666666667vw;
  }
  .p-top-hero__navigation > li:last-of-type {
    margin-right : 0;
  }
  .p-top-hero__navigation-link {
    position : relative;
    display : block;
    width : 84vw;
    margin : 0 auto;
    padding : 1.3333333333vw;
    height : 14.9333333333vw;
    border-radius : 10px;
    background-position : center;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-top-hero__navigation-link > * {
    transform : translateX(-1.3333333333vw);
  }
  .p-top-hero__navigation-link:hover {
    color : #fff;
    text-decoration : none;
  }
  .p-top-hero__navigation-link:after {
    content : "";
    display : block;
    position : absolute;
    right : 2.1333333333vw;
    top : 50%;
    transform : translateY(-50%);
    width : 2.9333333333vw;
    height : 1.8666666667vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 1.8666666667vw;
  }
  .p-top-hero__navigation-icon {
    width : 4vw;
    margin-right : 2.6666666667vw;
  }
  .p-top-hero__navigation-titlewrapper {
    display : flex;
    justify-content : center;
    align-items : center;
  }
  .p-top-hero__navigation-title {
    color : #fff;
    font-size : 5.3333333333vw;
    font-family : "senobi";
    letter-spacing : -0.2em;
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-top-hero__navigation-text {
    font-size : 3.2vw;
    color : #fff;
    margin-bottom : 0;
    font-feature-settings : "palt";
  }
  .p-top-case-study {
    background-color : #eef6e5;
    top : calc(-121 * 100vw / 750);
    position : relative;
    padding-bottom : 16.8vw;
  }
  .p-top-case-study::before {
    content : "";
    width : 100%;
    height : 16.8vw;
    background-image : url(/common/img/carbon-free/index_bg_case-study_01_sp-ver2.png);
    background-size : cover;
    background-repeat : no-repeat;
    position : absolute;
    bottom : 0;
  }
  .p-top-case-study__container {
    position : relative;
    width : 100%;
    z-index : 2;
  }
  .p-top-case-study__container2 {
    margin-bottom : calc(50 * 100vw / 750);
  }
  .p-top-case-study__list {
    padding-top : calc(81 * 100vw / 750);
    position : relative;
  }
  .p-top-case-study__list .slick-list {
    margin : 0 auto;
    overflow : visible;
    width : calc(630 * 100vw / 750);
  }
  .p-top-case-study__list .slick-arrow {
    bottom : calc(-200 * 100vw / 750);
    height : calc(45 * 100vw / 750);
    left : 50%;
    position : absolute;
    top : auto;
    transform : translateY(10%);
    width : calc(45 * 100vw / 750);
  }
  .p-top-case-study__list .slick-arrow:before {
    background-color : #fff;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    border-top-right-radius : 10px;
    border-bottom-right-radius : 10px;
  }
  .p-top-case-study__list .slick-arrow.slick-next {
    transform : translateX(calc(230px/2 - 5px));
  }
  .p-top-case-study__list .slick-arrow.slick-prev {
    transform : translateX(calc(-230px/2 - 45px + 5px));
  }
  .p-top-case-study__list .slick-dots {
    background-color : #fff;
    border-left : solid 2px #ececec;
    border-right : solid 2px #ececec;
    bottom : calc(-200 * 100vw / 750);
    height : calc(45 * 100vw / 750);
    left : 50%;
    line-height : calc(53 * 100vw / 750);
    padding : 0 20px;
    position : absolute;
    width : auto;
  }
  .p-top-case-study__list .slick-dots li {
    margin : 0 calc(12 * 100vw / 750);
  }
  .p-top-case-study__list .slick-dots li button:before {
    background-color : #d5d5d5;
    border-radius : 0;
    border : none !important;
    height : calc(8 * 100vw / 750);
    width : calc(8 * 100vw / 750);
  }
  .p-top-case-study__list .slick-dots li.slick-active button:before {
    background-color : #58aa00;
    height : calc(10 * 100vw / 750);
    margin-top : -1px;
    width : calc(10 * 100vw / 750);
  }
  .p-top-case-study__list-button-container {
    display : flex;
    height : calc(90 * 100vw / 750);
    justify-content : center;
    width : 100vw;
    z-index : 1;
    margin-bottom : calc(100 * 100vw / 750);
  }
  .p-top-case-study__slick-prev {
    order : 1;
    display : block;
    width : calc(90 * 100vw / 750);
    height : calc(90 * 100vw / 750);
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : calc(28 * 100vw / 750) calc(28 * 100vw / 750);
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
    transform : rotate(180deg);
  }
  .p-top-case-study__slick-next {
    order : 3;
    display : block;
    width : calc(90 * 100vw / 750);
    height : calc(90 * 100vw / 750);
    border-radius : 0 10px 10px 0;
    background-color : #fff;
    background-position : center;
    background-size : calc(28 * 100vw / 750) calc(28 * 100vw / 750);
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/index_icon_case-study_01.svg");
  }
  .p-top-case-study__slick-dots {
    order : 2;
    background-color : #fff;
    border-left : solid 1px #ececec;
    border-right : solid 1px #ececec;
    display : flex;
    flex-wrap : wrap;
    height : calc(90 * 100vw / 750);
    justify-content : center;
    align-content : space-around;
    padding : 0 calc(12 * 100vw / 750);
    position : relative;
  }
  .p-top-case-study__slick-dots > li {
    margin : 0 calc(12 * 100vw / 750);
    display : flex;
    align-items : center;
  }
  .p-top-case-study__slick-dots > li > button {
    color : transparent;
    width : calc(12 * 100vw / 750);
    height : calc(12 * 100vw / 750);
    background-color : #d5d5d5;
  }
  .p-top-case-study__slick-dots > li.slick-active > button {
    background-color : #78bd35;
    height : calc(15 * 100vw / 750);
    width : calc(15 * 100vw / 750);
  }
  .p-top-case-study__list-item {
    background-color : #fff;
    border-radius : 10px;
    padding-bottom : 50px;
    margin-right : 10px;
    height : 100%;
    position : relative;
  }
  .p-top-case-study__logo-container {
    border-bottom : solid 1px #e7e7e7;
    height : calc(165 * 100vw /750);
    line-height : calc(165 * 100vw /750);
    padding : 0 10px;
    text-align : center;
  }
  .p-top-case-study__logo-container.thumbnail {
    border-bottom : none;
    padding : 0;
  }
  .p-top-case-study__logo-container.thumbnail > div {
    background-image : url("/common/img/carbon-free/index_logo_case-study_07.png");
    border-top-right-radius : 10px;
    border-top-left-radius : 10px;
    background-size : cover;
    background-position-x : right;
    display : block !important;
    height : 100%;
    width : 100%;
  }
  .p-top-case-study__logo-container.thumbnail2 {
    border-bottom : none;
    padding : 0;
  }
  .p-top-case-study__logo-container.thumbnail2 > div {
    background-image : url("/common/img/carbon-free/index_logo_case-study_21.png");
    border-top-right-radius : 10px;
    border-top-left-radius : 10px;
    background-size : cover;
    background-position-x : right;
    display : block !important;
    height : 100%;
    width : 100%;
  }
  .p-top-case-study__logo {
    display : inline !important;
    vertical-align : middle;
  }
  .p-top-case-study__text-container {
    margin-top : 16px;
    padding : 0 12px;
    text-align : center;
  }
  .p-top-case-study__company {
    font-size : 13px;
    font-weight : bold;
    text-align : left;
  }
  .p-top-case-study__title {
    font-size : 13px;
    text-align : left;
  }
  .p-top-case-study__link {
    display : block;
    font-size : 13px;
    margin : 0 auto;
    margin-top : 1rem;
    padding : 0 calc(40 * 100vw / 750);
    text-align : center;
    width : 80%;
    position : absolute;
    bottom : 35px;
    left : 0;
    right : 0;
  }
  .p-top-case-study__link:after {
    height : calc(16 * 100vw / 750);
    left : auto;
    right : calc(10 * 100vw / 750);
    top : calc(50% - (8 * 100vw / 750));
    width : calc(10 * 100vw / 750);
  }
  .p-top-case-study__image {
    display : block;
    margin : 0 auto;
    position : relative;
    top : calc(-60 * 100vw / 750);
  }
  .p-top-case-study__all-link {
    border-radius : 10px;
    color : #fff;
    display : block;
    font-size : calc(27 * 100vw /750);
    font-weight : bold;
    line-height : 1;
    margin : calc(60 * 100vw /750) auto 0;
    padding : calc(32 * 100vw /750) 0;
    text-align : center;
    width : calc(420 * 100vw /750);
  }
  .p-top-case-study__all-link:hover, .p-top-case-study__all-link:focus {
    color : #fff;
    opacity : 0.6;
    text-decoration : none;
  }
  .p-top-case-study__message {
    background-color : #fff;
    border-radius : 10px;
    font-family : "senobi";
    font-weight : bold;
    font-size : 24px;
    letter-spacing : -0.3em;
    margin : calc(-100 * 100vw /750) auto 0;
    padding : calc(35 * 100vw /750) calc(20 * 100vw /750);
    position : relative;
    text-align : center;
    width : calc(630 * 100vw /750);
    z-index : 1;
  }
  .p-top-introduction {
    background-color : #fff;
    padding : 60px 0 0;
    position : relative;
  }
  .p-top-introduction__bg-box {
    height : calc(420 * 100vw / 750);
    position : relative;
    width : 100%;
  }
  .p-top-introduction__bg-container {
    height : calc(420 * 100vw / 750);
    position : absolute;
    width : calc(640 * 100vw /750);
    top : 0;
    right : calc(-300 * 100vw / 750);
  }
  .p-top-introduction__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-introduction__bg-container > div:first-child > div:first-child {
    height : calc(420 * 100vw / 750);
    position : absolute;
    width : calc(640 * 100vw /750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-introduction__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-introduction__bg-container img {
    width : 70%;
  }
  .p-top-introduction__bg {
    border-radius : 67% 33% 37% 63%/64% 54% 46% 36%;
  }
  .p-top-introduction__bg-shadow {
    border-radius : 67% 33% 37% 63%/64% 54% 46% 36%;
  }
  .p-top-introduction__bg-container2 {
    height : calc(320 * 100vw / 750);
    position : absolute;
    width : calc(420 * 100vw /750);
    top : calc(-40 * 100vw / 750);
    left : calc(-360 * 100vw / 750);
  }
  .p-top-introduction__bg-container2 > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-introduction__bg-container2 > div:first-child > div:first-child {
    height : calc(320 * 100vw / 750);
    position : absolute;
    width : calc(420 * 100vw /750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-introduction__bg-container2 img.js-Parallax {
    max-width : none !important;
  }
  .p-top-introduction__bg-container2 img {
    width : 90%;
  }
  .p-top-introduction__bg2 {
    border-radius : 34% 66% 71% 29%/51% 54% 46% 49%;
  }
  .p-top-introduction__bg-shadow2 {
    border-radius : 34% 66% 71% 29%/51% 54% 46% 49%;
  }
  .p-top-introduction__paragraph1 {
    font-size : 15px;
    font-weight : 500;
    letter-spacing : -0.03em;
  }
  .p-top-introduction__paragraph1 > span {
    color : #5a9a10;
    font-weight : 900;
  }
  .p-top-introduction__paragraph2 {
    font-size : 15px;
    font-weight : 500;
    margin-bottom : 35px;
  }
  .p-top-introduction__paragraph2 > span {
    font-weight : 900;
  }
  .p-top-introduction__white-board {
    margin-left : calc(-34 * 100vw /750);
    background-image : url("/common/img/carbon-free/index_img_introduction01.png");
    background-size : contain;
    background-repeat : no-repeat;
    height : 97.038vw;
    position : relative;
    width : 92.502vw;
    z-index : 2;
  }
  .p-top-introduction__white-board-inner {
    display : flex;
    flex-direction : column;
    height : 79.38vw;
    justify-content : center;
    margin-left : 5.67vw;
    margin-top : 1.62vw;
    position : relative;
    width : 81vw;
  }
  .p-top-introduction__white-board-title {
    font-family : "senobi";
    font-size : 4.05vw;
    font-weight : bold;
    letter-spacing : -0.3em;
    line-height : 1.3;
    text-align : center;
  }
  .p-top-introduction__white-board-list {
    margin-top : 4.05vw;
  }
  .p-top-introduction__white-board-list-item {
    border-radius : 1.62vw;
    color : #fff;
    margin : 0 auto 2.43vw;
    padding : 2.43vw;
    text-align : center;
    top : 35.478vw;
    width : 64.8vw;
  }
  .p-top-introduction__white-board-list-item:last-child(3) {
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : 5.184vw;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 5.184vw;
    transform : translate(-5px, 0.15em);
    width : calc(5.184vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : 5.184vw;
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 5.184vw;
    transform : translate(-5px, 0.15em);
    width : calc(5.184vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : 5.184vw;
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : calc(-3 * 100vw /750);
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 5.184vw;
    transform : translate(-5px, 0.15em);
    width : calc(5.184vw * 0.73);
  }
  .p-top-introduction__white-board-list-item-lead {
    font-size : 2.916vw;
    font-weight : 500;
    letter-spacing : -0.1296vw;
    line-height : 1.2;
    margin-bottom : 0;
  }
  .p-top-introduction__white-board-list-item-lead > span {
    font-size : 0.8em;
  }
  .p-top-introduction__white-board-bg {
    position : absolute;
    height : calc(286 * 100vw / 750);
    width : calc(366 * 100vw /750);
    z-index : -1;
  }
  .p-top-introduction__white-board:after {
    background-image : url("/common/img/carbon-free/index_img_introduction02.png");
    background-size : cover;
    bottom : 0;
    content : "";
    display : inline-block;
    height : 45.684vw;
    right : -4.05vw;
    position : absolute;
    width : 18.144vw;
  }
  .p-top-solutions {
    position : relative;
  }
  .p-top-solutions__bg-box {
    height : calc(750 * 100vw / 750);
    position : relative;
    width : 100%;
  }
  .p-top-solutions__bg-image-container {
    position : relative;
  }
  .p-top-solutions__bg-container {
    height : calc(460 * 100vw / 750);
    position : absolute;
    width : calc(620 * 100vw / 750);
    left : calc(-160 * 100vw /750);
    top : calc(60 * 100vw /750);
  }
  .p-top-solutions__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solutions__bg-container > div:first-child > div:first-child {
    height : calc(460 * 100vw / 750);
    position : absolute;
    width : calc(620 * 100vw / 750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solutions__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solutions__bg-container img {
    width : 110%;
  }
  .p-top-solutions__bg {
    border-radius : 43% 57% 62% 38%/69% 64% 36% 31%;
  }
  .p-top-solutions__bg-shadow {
    border-radius : 43% 57% 62% 38%/69% 64% 36% 31%;
  }
  .p-top-solutions__bg-image {
    position : absolute;
    top : calc(311 * 100vw /750);
    left : 0;
    z-index : 1;
  }
  .p-top-solutions__bg-image img {
    width : calc(269 * 100vw/ 750);
  }
  .p-top-solutions__bg-container2 {
    height : calc(290 * 100vw / 750);
    position : absolute;
    width : calc(400 * 100vw / 750);
    right : calc(-240 * 100vw /750);
    top : calc(380 * 100vw /750);
  }
  .p-top-solutions__bg-container2 > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solutions__bg-container2 > div:first-child > div:first-child {
    height : calc(290 * 100vw / 750);
    position : absolute;
    width : calc(400 * 100vw / 750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solutions__bg-container2 img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solutions__bg-container2 img {
    width : 110%;
  }
  .p-top-solutions__bg2 {
    border-radius : 67% 33% 37% 63%/64% 54% 46% 36%;
  }
  .p-top-solutions__bg-shadow2 {
    border-radius : 67% 33% 37% 63%/64% 54% 46% 36%;
  }
  .p-top-solutions__heading {
    font-family : "senobi";
    font-size : 34px;
    font-weight : bold;
    letter-spacing : -0.3em;
    line-height : 1.5;
    text-align : center;
  }
  .p-top-solutions__heading > span {
    background : linear-gradient(transparent 95%, #5b9a10 0%);
  }
  .p-top-solutions__heading > span > span {
    font-size : 0.8em;
  }
  .p-top-solutions__links {
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
    margin-top : 35px;
    margin-bottom : 75px;
  }
  .p-top-solutions__link {
    height : calc(342.17 * 100vw /750);
    position : relative;
    width : calc(302.39 * 100vw /750);
  }
  .p-top-solutions__link:first-child {
    margin-right : 2%;
  }
  .p-top-solutions__link:last-child {
    margin-top : calc(-13 * 100vw / 750);
  }
  .p-top-solutions__link img {
    display : block;
    height : calc(342.17 * 100vw /750);
    margin : 0 auto;
    width : auto;
  }
  .p-top-solutions__link:hover .p-top-solutions__text-container, .p-top-solutions__link:focus .p-top-solutions__text-container {
    top : calc(35 * 100vw / 750);
  }
  .p-top-solutions__text-container {
    background-image : url("/common/img/carbon-free/index_box_solution_01_sp.png");
    background-size : cover;
    color : #fff;
    display : flex;
    flex-direction : column;
    height : calc(249 * 100vw / 750);
    justify-content : center;
    position : absolute;
    text-align : center;
    top : calc(50 * 100vw / 750);
    transition : all 0.1s;
    width : calc(304 * 100vw / 750);
  }
  .p-top-solutions__link-title--saving {
    color : #fff;
    font-family : "senobi";
    font-size : calc(40 * 100vw / 750);
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0.1em;
  }
  .p-top-solutions__link-title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : calc(40 * 100vw / 750);
    transform : translate(-5px, 0.15em);
    width : calc(calc(40 * 100vw / 750) * 0.73);
  }
  .p-top-solutions__link-title--creation {
    color : #fff;
    font-family : "senobi";
    font-size : calc(40 * 100vw / 750);
    font-weight : 500;
    letter-spacing : -7px;
    margin-bottom : 0.1em;
  }
  .p-top-solutions__link-title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : calc(40 * 100vw / 750);
    transform : translate(-5px, 0.15em);
    width : calc(calc(40 * 100vw / 750) * 0.73);
  }
  .p-top-solutions__link-title--activation {
    color : #fff;
    font-family : "senobi";
    font-size : calc(40 * 100vw / 750);
    font-weight : 500;
    letter-spacing : -7px;
    letter-spacing : -0.2em;
    margin-bottom : 0.1em;
  }
  .p-top-solutions__link-title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_white_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : calc(40 * 100vw / 750);
    transform : translate(-5px, 0.15em);
    width : calc(calc(40 * 100vw / 750) * 0.73);
  }
  .p-top-solutions__link-theme-list > li {
    font-size : calc(24 * 100vw / 750);
    font-weight : 500;
    letter-spacing : -0.1em;
    line-height : 1.3;
    margin-bottom : 0.5em;
  }
  .p-top-solutions__link-theme-list > li > span {
    font-size : 0.8em;
  }
  .p-top-solution {
    margin-bottom : calc(280 * 100vw / 750);
    position : relative;
  }
  .p-top-solution:nth-of-type(2) {
    margin-bottom : calc(470 * 100vw / 750);
  }
  .p-top-solution:nth-of-type(3) {
    margin-bottom : calc(720 * 100vw / 750);
  }
  .p-top-solution__text-container {
    position : relative;
  }
  .p-top-solution__title--saving {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 67px;
    font-weight : 500;
    letter-spacing : -7px;
    text-align : center;
    letter-spacing : -30px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--saving:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_01.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 67px;
    transform : translate(-5px, 0.15em);
    width : calc(67px * 0.73);
  }
  .p-top-solution__title--creation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 67px;
    font-weight : 500;
    letter-spacing : -7px;
    text-align : center;
    letter-spacing : -30px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--creation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_02.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 67px;
    transform : translate(-5px, 0.15em);
    width : calc(67px * 0.73);
  }
  .p-top-solution__title--activation {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 67px;
    font-weight : 500;
    letter-spacing : -7px;
    text-align : center;
    letter-spacing : -14px;
    margin-bottom : 30px;
  }
  .p-top-solution__title--activation:before {
    background-image : url("/common/img/carbon-free/mod_solution-title_icon_green_03.png");
    background-position : center;
    background-repeat : no-repeat;
    background-size : contain;
    content : "";
    display : inline-block;
    height : 67px;
    transform : translate(-5px, 0.15em);
    width : calc(67px * 0.73);
  }
  .p-top-solution__heading {
    font-weight : bold;
    font-size : 17px;
    margin-bottom : 25px;
    line-height : 25px;
    text-align : center;
  }
  .p-top-solution__heading > span {
    font-size : 0.8em;
  }
  .p-top-solution__paragraph {
    font-size : 14px;
    line-height : 1.9;
    margin-bottom : 0;
  }
  .p-top-solution__annotation {
    font-size : 10px;
    letter-spacing : -0.15em;
  }
  .p-top-solution__list-container {
    background-color : #ecf3e5;
    border-radius : 10px;
    color : #5b9a10;
    margin-top : 30px;
    padding : 25px 30px;
    width : 100%;
  }
  .p-top-solution__list-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 25px;
    letter-spacing : -8px;
  }
  .p-top-solution__list-item {
    font-size : 14px;
    font-weight : 500;
    letter-spacing : -0.06em;
    padding-left : 1.2em;
    position : relative;
  }
  .p-top-solution__list-item:before {
    content : "●";
    display : inline-block;
    margin-right : 0.5em;
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-top-solution__linkbox .p-top-solution__link:not(:first-child) {
    margin-top : 15px;
  }
  .p-top-solution__link {
    margin-top : 30px;
  }
  .p-top-solution__bg-container {
    margin : 0 auto;
  }
  .p-top-solution__bg-shadow {
    border : solid #fff;
    opacity : 1 !important;
    transition : border-width 0.9s ease-out;
    transform : scale(1.01);
  }
  .p-top-solution__bg img {
    width : 150%;
  }
  .p-top-solution__bg-image-container--saving {
    position : relative;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    margin-top : 35px;
    position : relative;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container > div:first-child > div:first-child {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg {
    border-radius : 64% 36% 62% 38%/60% 57% 43% 40%;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-shadow {
    border-radius : 64% 36% 62% 38%/60% 57% 43% 40%;
    border-width : calc(300 * 100vw /750) calc(325 * 100vw /750);
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image {
    position : absolute;
    top : calc(363 * 100vw / 750);
    left : calc(40 * 100vw / 750);
    width : calc(642 * 100vw / 750);
    z-index : 1;
  }
  .p-top-solution__bg-image-container--saving .p-top-solution__bg-image-parts--box {
    -webkit-animation : lateralMoveSp 3s infinite linear;
    animation : lateralMoveSp 3s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_02-1.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : calc(13 * 100vw /750);
    left : calc(66 * 100vw /750);
    position : absolute;
    top : calc(254 * 100vw /750);
    width : calc(186 * 100vw /750);
  }
  @-webkit-keyframes lateralMoveSp {
    0% {
      background-position-x : 0;
    }
    100% {
      background-position-x : calc(186 * 100vw /750);
    }
  }
  @keyframes lateralMoveSp {
    0% {
      background-position-x : 0;
    }
    100% {
      background-position-x : calc(186 * 100vw /750);
    }
  }
  .p-top-solution__bg-image-container--creation {
    position : relative;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    margin-top : 35px;
    position : relative;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg {
    border-radius : 57% 43% 43% 57%/56% 54% 46% 44%;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg img {
    position : relative;
    top : calc(-100 * 100vw / 750);
    width : 205%;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-shadow {
    border-radius : 57% 43% 43% 57%/56% 54% 46% 44%;
    border-width : calc(295 * 100vw /750) calc(330 * 100vw /750);
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image {
    position : absolute;
    top : calc(470 * 100vw / 750);
    left : calc(40 * 100vw / 750);
    width : calc(642 * 100vw / 750);
    z-index : 1;
  }
  .p-top-solution__bg-image-container--creation .p-top-solution__bg-image-parts--light {
    -webkit-animation : lateralMove2Sp 5s infinite linear;
    animation : lateralMove2Sp 5s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_03-1.png");
    background-size : calc(499 * 100vw /750) calc(440 * 100vw /750);
    background-repeat : no-repeat;
    height : calc(440 * 100vw /750);
    left : 0;
    position : absolute;
    top : 0;
    width : calc(532 * 100vw /750);
  }
  @-webkit-keyframes lateralMove2Sp {
    0% {
      background-position-x : calc(-70 * 100vw /750);
      opacity : 1;
    }
    10% {
      background-position-x : calc(421 * 100vw /750);
      opacity : 0;
    }
    100% {
      background-position-x : calc(421 * 100vw /750);
      opacity : 0;
    }
  }
  @keyframes lateralMove2Sp {
    0% {
      background-position-x : calc(-70 * 100vw /750);
      opacity : 1;
    }
    10% {
      background-position-x : calc(421 * 100vw /750);
      opacity : 0;
    }
    100% {
      background-position-x : calc(421 * 100vw /750);
      opacity : 0;
    }
  }
  .p-top-solution__bg-image-container--activation {
    position : relative;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    margin-top : 35px;
    position : relative;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container > div:first-child > div:first-child {
    height : calc(590 * 100vw /750);
    position : absolute;
    width : calc(660 * 100vw /750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg {
    border-radius : 45% 55% 43% 57%/69% 46% 54% 31%;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-shadow {
    border-radius : 45% 55% 43% 57%/69% 46% 54% 31%;
    border-width : calc(295 * 100vw /750) calc(330 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image {
    position : absolute;
    top : calc(530 * 100vw / 750);
    left : calc(-60 * 100vw / 750);
    width : calc(736 * 100vw / 750);
    z-index : 1;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water1 {
    -webkit-animation : water1Sp 3s infinite linear;
    animation : water1Sp 3s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-1.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : calc(61 * 100vw / 750);
    left : calc(400 * 100vw / 750);
    position : absolute;
    top : calc(100 * 100vw / 750);
    width : calc(40 * 100vw /750);
    z-index : 2;
  }
  @-webkit-keyframes water1Sp {
    0% {
      left : calc(400 * 100vw / 750);
      top : calc(100 * 100vw / 750);
      transform : rotate(0deg);
    }
    18% {
      left : calc(400 * 100vw / 750);
      top : calc(160 * 100vw / 750);
      transform : rotate(-10deg);
    }
    27% {
      left : calc(450 * 100vw / 750);
      top : calc(220 * 100vw / 750);
      transform : rotate(-40deg);
    }
    36% {
      left : calc(500 * 100vw / 750);
      top : calc(260 * 100vw / 750);
      transform : rotate(-50deg);
    }
    54% {
      left : calc(555 * 100vw / 750);
      top : calc(330 * 100vw / 750);
      transform : rotate(0deg);
    }
    72% {
      left : calc(535 * 100vw / 750);
      top : calc(430 * 100vw / 750);
      transform : rotate(30deg);
    }
    90% {
      left : calc(435 * 100vw / 750);
      top : calc(490 * 100vw / 750);
      transform : rotate(60deg);
    }
    100% {
      left : calc(335 * 100vw / 750);
      top : calc(510 * 100vw / 750);
      transform : rotate(60deg);
    }
  }
  @keyframes water1Sp {
    0% {
      left : calc(400 * 100vw / 750);
      top : calc(100 * 100vw / 750);
      transform : rotate(0deg);
    }
    18% {
      left : calc(400 * 100vw / 750);
      top : calc(160 * 100vw / 750);
      transform : rotate(-10deg);
    }
    27% {
      left : calc(450 * 100vw / 750);
      top : calc(220 * 100vw / 750);
      transform : rotate(-40deg);
    }
    36% {
      left : calc(500 * 100vw / 750);
      top : calc(260 * 100vw / 750);
      transform : rotate(-50deg);
    }
    54% {
      left : calc(555 * 100vw / 750);
      top : calc(330 * 100vw / 750);
      transform : rotate(0deg);
    }
    72% {
      left : calc(535 * 100vw / 750);
      top : calc(430 * 100vw / 750);
      transform : rotate(30deg);
    }
    90% {
      left : calc(435 * 100vw / 750);
      top : calc(490 * 100vw / 750);
      transform : rotate(60deg);
    }
    100% {
      left : calc(335 * 100vw / 750);
      top : calc(510 * 100vw / 750);
      transform : rotate(60deg);
    }
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--water2 {
    -webkit-animation : water2Sp 2s infinite linear;
    animation : water2Sp 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-2.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : calc((253 * 0.8) * 100vw /750);
    left : calc(60 * 100vw /750);
    position : absolute;
    top : calc(460 * 100vw /750);
    width : calc((236 * 0.8) * 100vw /750);
    z-index : 2;
  }
  @-webkit-keyframes water2Sp {
    0% {
      left : calc(100 * 100vw /750);
      transform : scale(0.8);
    }
    100% {
      left : -30px;
      transform : scale(1.2);
    }
  }
  @keyframes water2Sp {
    0% {
      left : calc(100 * 100vw /750);
      transform : scale(0.8);
    }
    100% {
      left : -30px;
      transform : scale(1.2);
    }
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3 {
    -webkit-animation : rotateSp 2s infinite linear;
    animation : rotateSp 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-3.png");
    background-position-x : calc(-1 * 100vw /750);
    background-position-y : calc(8 * 100vw /750);
    background-size : calc(76 * 100vw /750) calc(80 * 100vw /750);
    background-repeat : no-repeat;
    height : calc(90 * 100vw /750);
    position : absolute;
    width : calc(90 * 100vw /750);
    z-index : 4;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing1 {
    top : calc(285 * 100vw /750);
    left : calc(79 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing3 {
    top : calc(535 * 100vw /750);
    left : calc(140 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4 {
    -webkit-animation : rotateSp 2s infinite linear;
    animation : rotateSp 2s infinite linear;
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-4.png");
    background-size : calc(80 * 100vw /750) calc(75 * 100vw /750);
    background-repeat : no-repeat;
    background-position-y : 0;
    background-position-x : calc(1 * 100vw /750);
    height : calc(90 * 100vw /750);
    position : absolute;
    width : calc(90 * 100vw /750);
    z-index : 4;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing2 {
    top : calc(485 * 100vw /750);
    left : calc(280 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing4 {
    top : calc(555 * 100vw /750);
    left : calc(-15 * 100vw /750);
  }
  @-webkit-keyframes rotateSp {
    0% {
      transform : rotate(0deg);
    }
    100% {
      transform : rotate(360deg);
    }
  }
  @keyframes rotateSp {
    0% {
      transform : rotate(0deg);
    }
    100% {
      transform : rotate(360deg);
    }
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing5, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing6, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing7, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing8, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing9, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--wing10 {
    display : none;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--tree {
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-6.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : calc(451 * 100vw /750);
    left : calc(430 * 100vw /750);
    position : absolute;
    top : calc(138 * 100vw /750);
    width : calc(231 * 100vw /750);
    z-index : 3;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar1, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar2, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar3, .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar4 {
    background-image : url("/common/img/carbon-free/index_bg-img_solution_04-5.png");
    background-size : cover;
    background-repeat : no-repeat;
    height : calc(106 * 100vw / 750);
    left : 0;
    position : absolute;
    top : 0;
    width : calc(18 * 100vw /750);
    z-index : 3;
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar1 {
    left : calc(115 * 100vw /750);
    top : calc(330 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar2 {
    left : calc(315 * 100vw /750);
    top : calc(530 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar3 {
    left : calc(175 * 100vw /750);
    top : calc(580 * 100vw /750);
  }
  .p-top-solution__bg-image-container--activation .p-top-solution__bg-image-parts--pillar4 {
    left : calc(20 * 100vw /750);
    top : calc(600 * 100vw /750);
  }
  .p-top-toyota, .p-top-reduced-emissions, .p-top-dr {
    position : relative;
    padding-bottom : calc(175 * 100vw / 750);
  }
  .p-top-toyota__text-container, .p-top-reduced-emissions__text-container, .p-top-dr__text-container {
    background-color : #ecf3e5;
    border-radius : 10px;
    margin : 0 15px;
    padding : 30px;
    position : relative;
  }
  .p-top-toyota__heading, .p-top-reduced-emissions__heading, .p-top-dr__heading {
    margin-bottom : 20px;
  }
  .p-top-toyota__link, .p-top-reduced-emissions__link, .p-top-dr__link {
    margin-top : 30px;
    width : calc(317 * 100vw / 750);
  }
  .p-top-toyota__illustration, .p-top-reduced-emissions__illustration, .p-top-dr__illustration {
    position : absolute;
    bottom : calc(-135 * 100vw / 750);
    left : calc(-60 * 100vw /750);
    width : calc(440 * 100vw / 750);
  }
  .p-top-toyota__bg, .p-top-reduced-emissions__bg, .p-top-dr__bg {
    right : calc(-110 * 100vw / 750);
    position : absolute;
    top : calc(-80 * 100vw / 750);
    width : calc(290 * 100vw /750);
  }
  .p-top-reduced-emissions__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : calc(-12 * 100vw /750);
  }
  .p-top-reduced-emissions__illustration {
    bottom : calc(-158 * 100vw /750);
    left : auto;
    right : calc(-47 * 100vw /750);
    width : auto;
  }
  .p-top-reduced-emissions__illustration img {
    width : calc(310 * 100vw /750);
  }
  .p-top-dr {
    margin-top : calc(100 * 100vw /750);
  }
  .p-top-dr__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : calc(-12 * 100vw /750);
  }
  .p-top-dr__illustration {
    position : absolute;
    bottom : calc(-250 * 100vw / 750);
    left : calc(-50 * 100vw / 750);
    width : calc(471 * 100vw / 750);
  }
  .p-top-dr__link {
    margin-top : calc(50 * 100vw / 750);
  }
  .p-top-toyota {
    margin-top : calc(220 * 100vw /750);
  }
  .p-top-toyota__heading {
    color : #5b9a10;
    font-family : "senobi";
    letter-spacing : calc(-12 * 100vw /750);
  }
  .p-top-toyota__illustration {
    left : auto;
    right : calc(-47 * 100vw /750);
  }
  .p-top-start {
    background-image : url("/common/img/carbon-free/index_bg_start_02_sp.png");
    background-size : cover;
    margin-top : calc(236 * 100vw /750);
    padding : calc(190 * 100vw /750) 0;
    position : relative;
  }
  .p-top-start__bg-container {
    height : calc(390 * 100vw / 750);
    position : absolute;
    width : calc(550 * 100vw / 750);
    left : calc(-400 * 100vw / 750);
    top : calc(-180 * 100vw / 750);
  }
  .p-top-start__bg-container > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-start__bg-container > div:first-child > div:first-child {
    height : calc(390 * 100vw / 750);
    position : absolute;
    width : calc(550 * 100vw / 750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-start__bg-container img.js-Parallax {
    max-width : none !important;
  }
  .p-top-start__bg {
    border-radius : 63% 37% 62% 38%/54% 44% 56% 46%;
  }
  .p-top-start__bg-shadow {
    border-radius : 63% 37% 62% 38%/54% 44% 56% 46%;
  }
  .p-top-start__bg-container2 {
    height : calc(730 * 100vw / 750);
    position : absolute;
    width : calc(615 * 100vw / 750);
    top : 345px;
    right : calc(-432 * 100vw / 750);
  }
  .p-top-start__bg-container2 > div:first-child {
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-top-start__bg-container2 > div:first-child > div:first-child {
    height : calc(730 * 100vw / 750);
    position : absolute;
    width : calc(615 * 100vw / 750);
    box-shadow : 5px 4px 16px -6px black inset;
    background-color : transparent;
    opacity : 0.9;
    z-index : 1;
  }
  .p-top-start__bg-container2 img.js-Parallax {
    max-width : none !important;
  }
  .p-top-start__bg2 {
    border-radius : 73% 27% 62% 38%/79% 64% 36% 21%;
  }
  .p-top-start__bg2 img {
    height : calc(800 * 100vw / 750);
    position : relative;
  }
  .p-top-start__bg-shadow2 {
    border-radius : 73% 27% 62% 38%/79% 64% 36% 21%;
  }
  .p-top-start__bg3 {
    position : absolute;
    bottom : calc(-80 * 100vw / 750);
    z-index : 1;
  }
  .p-top-start__container {
    background-color : #fff;
    border-radius : 10px;
    text-align : center;
    padding : 35px 25px;
    position : relative;
    z-index : 2;
  }
  .p-top-start__heading {
    font-family : "senobi";
    font-weight : bold;
    font-size : 26px;
    letter-spacing : -0.3em;
    line-height : 1.5;
    margin-bottom : 40px;
  }
  .p-top-start__heading > span {
    font-size : 1em;
    background : linear-gradient(transparent 90%, #eaff00 0%);
  }
  .p-top-start__heading > span > span {
    font-size : 0.8em;
  }
  .p-top-start__paragraph {
    font-size : 14px;
    margin-bottom : 15px;
    text-align : left;
  }
  .p-top-start__list-item {
    margin-bottom : 15px;
  }
  .p-top-start__list-item:last-child {
    margin-bottom : 0;
  }
  .p-top-start__link-title {
    font-family : "senobi";
    font-weight : bold;
  }
  .p-top-start__link-title > p {
    margin-bottom : 0;
    line-height : 1.5;
  }
  .p-top-start__link-title > p:first-child {
    font-size : 18px;
    letter-spacing : -0.2em;
  }
  .p-top-start__link-title > p:first-child > span {
    background : linear-gradient(transparent 90%, #eaff00 0%);
  }
  .p-top-start__link-title > p:last-child {
    font-size : 14px;
    letter-spacing : -0.2em;
  }
  .p-top-start__link-title > p:last-child > span {
    font-size : 0.8em;
  }
  .p-top-start__link {
    font-size : 15px;
    padding : 15px 0;
    width : 100%;
  }
}
.js-ParallaxAnimation {
  opacity : 0;
  transition : all 0.9s ease-in 0.4s;
}
.js-ParallaxAnimation.visible {
  opacity : 1;
}
.js-ParallaxAnimation.visible .p-top-solution__bg-shadow {
  border-width : 0;
  transform : scale(1);
}
.js-ParallaxAnimation.visibleIE {
  transition : none !important;
  opacity : 1 !important;
}
.js-ParallaxAnimation.visibleIE .p-top-solution__bg-shadow {
  border-width : 0 !important;
  transform : scale(1) !important;
  transition : none !important;
}
.js-ParallaxAnimation.visibleIE img {
  transform : translate(0px, 30px) scale(1.3);
}

.js-Parallax {
  will-change : initial !important;
}

.js-whiteBoardAnimation1, .js-whiteBoardAnimation2, .js-whiteBoardAnimation3, .js-whiteBoardAnimation4, .js-whiteBoardAnimation5 {
  opacity : 0;
  transition : all 0.5s ease-in;
}
.js-whiteBoardAnimation1.visible, .js-whiteBoardAnimation2.visible, .js-whiteBoardAnimation3.visible, .js-whiteBoardAnimation4.visible, .js-whiteBoardAnimation5.visible {
  opacity : 1;
}

.js-FadeIn {
  opacity : 0;
  transition : opacity 0.9s ease-in 0.1s;
}
.js-FadeIn.visible {
  opacity : 1;
}

.animation-none {
  -webkit-animation : none !important;
  animation : none !important;
}

@media only print {
  .p-top-case-study__list {
    margin : 0 53px !important;
    margin-left : 0 !important;
  }

  .p-top-case-study__list-button-container {
    display : none !important;
  }

  .p-top-case-study__company, .p-top-case-study__title {
    font-size : 12px !important;
  }

  #creation .p-top-solution__bg img {
    width : 110% !important;
  }

  .p-top-solution__bg-image-parts--light {
    display : none !important;
  }

  #green_energy .p-top-solution__bg-image {
    height : 809px;
    width : 1683px;
  }
  #green_energy .p-top-solution__bg-image img {
    position : absolute;
    top : 0;
  }

  .p-top-toyota {
    z-index : 999 !important;
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display : none;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-hero {
    position : relative;
    z-index : 1;
    background-color : #fff;
  }
  .p-saving-hero__container {
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg.png");
  }
  .p-saving-hero__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-hero__container2:before {
    content : "";
    display : block;
    padding-top : 41%;
  }
  .p-saving-hero__container2:after {
    position : absolute;
    z-index : 1;
    bottom : -80px;
    right : -145px;
    display : block;
    content : "";
    width : 514px;
    height : 326px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image.png");
  }
  .p-saving-hero__container2--inner {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
  }
  .p-saving-hero__box {
    position : absolute;
    top : 48%;
    left : 0;
    right : 0;
    margin : auto;
    transform : translateY(-50%);
    width : 46%;
  }
  .p-saving-hero__heading {
    position : relative;
    margin-bottom : 25px;
    font-family : "senobi";
    color : #fff;
    font-size : 70px;
    font-weight : bold;
    text-align : center;
    letter-spacing : -30px;
    line-height : 1;
  }
  .p-saving-hero__heading:before {
    transform : translateY(15%);
    content : "";
    width : 53px;
    height : 70px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon.png");
  }
  .p-saving-hero__paragraph {
    margin-bottom : 20px;
    font-family : "senobi";
    text-align : center;
    font-size : 22px;
    line-height : 28px;
    color : #fff;
  }
  .p-saving-hero__image {
    display : none;
  }
  .p-saving-hero__paragraph2 {
    font-size : 16px;
    line-height : 28px;
    color : #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1920px) {
  .p-saving-hero__container {
    position : relative;
    left : 50%;
    transform : translateX(-50%);
    margin : 0 auto;
    width : 100%;
    min-width : 1920px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-hero {
    padding-bottom : 9.3333333333vw;
  }
  .p-saving-hero__container {
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg_sp.png");
  }
  .p-saving-hero__container2 {
    padding : 18.6666666667vw 8vw 0 8vw;
  }
  .p-saving-hero__box {
    text-align : center;
  }
  .p-saving-hero__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    padding-left : 13.3333333333vw;
    font-family : "senobi";
    color : #fff;
    font-size : 15.7333333333vw;
    font-weight : bold;
    letter-spacing : -6.6666666667vw;
    line-height : 1;
    transform : translateX(-2.6666666667vw);
  }
  .p-saving-hero__heading:before {
    position : absolute;
    top : 50%;
    left : 0;
    transform : translateY(-50%);
    display : block;
    content : "";
    width : 12vw;
    height : 14.6666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon_sp.png");
  }
  .p-saving-hero__paragraph {
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 4.8vw;
    line-height : 6.1333333333vw;
    letter-spacing : -0.8vw;
    color : #fff;
  }
  .p-saving-hero__image {
    margin-bottom : 4vw;
    display : block;
    width : 77.6vw;
    height : auto;
    transform : translateX(1.3333333333vw);
  }
  .p-saving-hero__paragraph2 {
    font-size : 3.7333333333vw;
    line-height : 6.6666666667vw;
    text-align : left;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-section {
    position : relative;
    padding-top : 105px;
    padding-bottom : 45px;
    background-color : #fff;
  }
  .p-saving-section__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-saving-section__bg:before {
    position : absolute;
    left : 0;
    display : block;
    content : "";
    width : 311px;
    height : 585px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image2.png");
  }
  .p-saving-section__bg:after {
    position : absolute;
    top : 150px;
    right : 0;
    display : block;
    content : "";
    width : 296px;
    height : 711px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image3.png");
  }
  .p-saving-section__container {
    position : relative;
    padding : 0 50px;
    width : 100%;
    text-align : center;
  }
  .p-saving-section__container2 {
    height : 430px;
    line-height : 315px;
  }
  .p-saving-section__attention {
    display : inline-block;
    font-size : 70px;
    font-family : "senobi";
    font-weight : bold;
    letter-spacing : -13px;
  }
  .p-saving-section__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 40px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -15px;
    line-height : 1.3em;
    transform : translateX(-7.5px);
  }
  .p-saving-section__heading:after {
    position : absolute;
    bottom : -5px;
    left : 7.5px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-saving-section__list {
    display : flex;
    justify-content : center;
  }
  .p-saving-section__list-item:last-child {
    margin-left : 30px;
  }
  .p-saving-section__link2 {
    margin-top : 50px;
    display : inline-block;
    width : 278px;
    line-height : 56px;
    height : 56px;
    text-align : center;
    font-size : 18px;
    font-weight : bold;
    color : #fff;
    background-position : center;
    background-size : 278px 56px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button.png");
  }
  .p-saving-section__link2:hover, .p-saving-section__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section__link2:focus {
    border-radius : 10px;
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-section__link3 {
    display : block;
    position : relative;
    padding-top : 30px;
    width : 480px;
    height : 106px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    font-feature-settings : "palt";
    text-align : center;
    line-height : 1;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-section__link3:after {
    position : absolute;
    left : 50%;
    bottom : 20px;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-saving-section__link3:hover, .p-saving-section__link3:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-saving-section {
    position : relative;
    padding-bottom : 18.6666666667vw;
    background-color : #fff;
  }
  .p-saving-section__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-saving-section__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 32vw;
    height : 56.5333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image3_sp.png");
  }
  .p-saving-section__container {
    text-align : center;
  }
  .p-saving-section__container2 {
    height : 112vw;
    line-height : 93.3333333333vw;
  }
  .p-saving-section__attention {
    font-family : "senobi";
    font-size : 12vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
  }
  .p-saving-section__heading {
    transform : translateX(-2.6666666667vw);
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-saving-section__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-saving-section__list-item:first-child {
    margin-bottom : 5.3333333333vw;
  }
  .p-saving-section__link2 {
    margin-top : 5.3333333333vw;
    display : inline-block;
    position : relative;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 74.1333333333vw 14.9333333333vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button.png");
  }
  .p-saving-section .m-carbon-free-case-study__list-button-container {
    position : relative;
    z-index : 1;
  }
  .p-saving-section__link3 {
    margin : 0 auto;
    display : block;
    position : relative;
    width : 84vw;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    font-feature-settings : "palt";
    text-align : center;
    line-height : 12vw;
    border-radius : 2vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-section__link3:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 2.9333333333vw;
    height : 2.1333333333vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 2.1333333333vw;
  }
  .p-saving-section__link3:hover, .p-saving-section__link3:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-section2 {
    position : relative;
  }
  .p-saving-section2__container {
    position : relative;
    margin : 0 auto;
    padding : 100px 50px 50px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-section2__box {
    position : relative;
    display : table;
    table-layout : fixed;
    margin-bottom : 60px;
  }
  .p-saving-section2__box-left {
    position : relative;
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
  }
  .p-saving-section2__box-right {
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-left : 30px;
  }
  .p-saving-section2__image {
    position : absolute;
    top : 51%;
    right : 50px;
    transform : translateY(-50%);
    display : block;
    width : 712px;
    height : 614px;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_image.png");
  }
  .p-saving-section2__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 20px;
    font-size : 30px;
    font-weight : bold;
    line-height : 45px;
  }
  .p-saving-section2__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-section2__heading2 {
    color : #55930f;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 60px;
    font-weight : bold;
    letter-spacing : -18px;
    margin-bottom : 70px;
  }
  .p-saving-section2__heading3 {
    font-size : 38px;
    font-weight : bold;
  }
  .p-saving-section2__paragraph {
    margin-bottom : 20px;
    font-size : 18px;
    font-feature-settings : "palt";
    line-height : 36px;
  }
  .p-saving-section2__image2 {
    width : 100%;
    height : auto;
    margin-bottom : 10px;
    display : block;
  }
  .p-saving-section2__paragraph2 {
    text-align : center;
    font-size : 20px;
    line-height : 30px;
    color : #55930f;
  }
  .p-saving-section2__image3 {
    display : none;
  }
  .p-saving-section2__link {
    position : relative;
    display : block;
    width : 100%;
    max-width : 580px;
    margin : 0 auto 60px;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 580px 84px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-section2__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-section2__link:hover, .p-saving-section2__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section2__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-section2__greenbox {
    background-color : #eef4e7;
    padding : 60px 110px;
    border-radius : 10px;
  }
  .p-saving-section2__greenbox-inner {
    display : flex;
    justify-content : space-between;
    align-items : center;
    margin-top : 60px;
  }
  .p-saving-section2__greenbox-title {
    font-size : 20px;
    font-weight : bold;
    text-align : left;
  }
  .p-saving-section2__greenbox-text {
    font-size : 18px;
    text-align : left;
    margin-top : 30px;
  }
  .p-saving-section2__greenbox-image {
    margin-left : 42px;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-saving-section2__image {
    transform : none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-saving-section2__image {
    width : 54.7692307692vw;
    height : 47.2307692308vw;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-section2 {
    position : relative;
  }
  .p-saving-section2__container {
    padding : 8vw 8vw 18.6666666667vw;
  }
  .p-saving-section2__image {
    display : none;
  }
  .p-saving-section2__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 8vw;
  }
  .p-saving-section2__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-section2__heading2 {
    display : flex;
    justify-content : center;
    text-align : center;
    font-feature-settings : "palt";
    color : #55930f;
    position : relative;
    font-family : "senobi";
    font-size : 10.6666666667vw;
    font-weight : bold;
    letter-spacing : -3.0666666667vw;
    margin-bottom : 10.6666666667vw;
  }
  .p-saving-section2__heading3 {
    font-size : 6.6666666667vw;
    font-weight : bold;
    text-align : center;
    line-height : 10.6666666667vw;
    margin-bottom : 0;
  }
  .p-saving-section2__paragraph {
    margin-bottom : 8vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-section2__image2 {
    width : 100%;
    height : auto;
    margin-bottom : 12vw;
    display : block;
  }
  .p-saving-section2__paragraph2 {
    margin-bottom : 16vw;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 8vw;
    letter-spacing : -0.02em;
    color : #55930f;
  }
  .p-saving-section2__image3 {
    display : block;
    width : 100%;
    height : auto;
    transform : scale(1.03);
    margin-bottom : 9.3333333333vw;
  }
  .p-saving-section2__link {
    text-align : center;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    margin-bottom : 16vw;
    height : 16vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 6.1333333333vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 100% 16vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-section2__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 2.6666666667vw;
    height : 3.7333333333vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-section2__link:hover, .p-saving-section2__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section2__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-section2__greenbox {
    background-color : #eef4e7;
    padding : 6.6666666667vw;
    border-radius : 1.3333333333vw;
  }
  .p-saving-section2__greenbox-inner {
    margin-top : 6.6666666667vw;
  }
  .p-saving-section2__greenbox-title {
    font-size : 4vw;
    font-weight : bold;
    text-align : center;
    font-feature-settings : "palt";
    line-height : 7.4666666667vw;
  }
  .p-saving-section2__greenbox-text {
    font-size : 3.7333333333vw;
    text-align : center;
    margin-top : 8vw;
    font-feature-settings : "palt";
    line-height : 7.4666666667vw;
  }
  .p-saving-section2__greenbox-image {
    margin-top : 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-section3 {
    position : relative;
    padding-top : 100px;
    padding-bottom : 50px;
  }
  .p-saving-section3__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-section3__box {
    position : relative;
    margin-bottom : 60px;
    display : table;
    table-layout : fixed;
  }
  .p-saving-section3__box-left {
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-right : 60px;
  }
  .p-saving-section3__box-right {
    position : relative;
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
  }
  .p-saving-section3__image {
    position : absolute;
    top : 40%;
    left : 0;
    transform : translateY(-50%);
    display : block;
    width : 766px;
    height : 657px;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_image3.png");
  }
  .p-saving-section3__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 10px;
    font-size : 30px;
    font-weight : bold;
    line-height : 45px;
    white-space : nowrap;
  }
  .p-saving-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-section3__heading2 {
    color : #55930f;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 60px;
    font-weight : bold;
    letter-spacing : -18px;
    margin-bottom : 130px;
  }
  .p-saving-section3__heading3 {
    font-size : 38px;
    font-weight : bold;
  }
  .p-saving-section3__paragraph {
    margin-bottom : 20px;
    font-size : 18px;
    font-feature-settings : "palt";
    line-height : 36px;
  }
  .p-saving-section3__paragraph > span {
    font-size : 1.2em;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-weight : bold;
  }
  .p-saving-section3__image3 {
    display : none;
  }
  .p-saving-section3__image2 {
    width : 100%;
    height : auto;
    margin-bottom : 20px;
    display : block;
  }
  .p-saving-section3__link {
    position : relative;
    display : block;
    width : 100%;
    max-width : 580px;
    margin : 0 auto 60px;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 580px 84px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-section3__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-section3__link:hover, .p-saving-section3__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section3__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-section3__greenbox {
    background-color : #eef4e7;
    padding : 60px;
    border-radius : 10px;
  }
  .p-saving-section3__greenbox-text {
    font-size : 16px;
    margin-top : 30px;
  }
  .p-saving-section3__greenbox-text--bold {
    font-size : 20px;
    font-weight : bold;
  }
  .p-saving-section3__greenbox-image {
    margin-top : 30px;
  }
  .p-saving-section3__greenbox-image > img:first-child {
    margin-bottom : 20px;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-saving-section3__image {
    transform : none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-saving-section3__image {
    width : 58.9230769231vw;
    height : 50.5384615385vw;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-section3 {
    position : relative;
    padding-top : 8vw;
    padding-bottom : 26.6666666667vw;
  }
  .p-saving-section3__container {
    position : relative;
    z-index : 1;
    padding : 0 8vw;
  }
  .p-saving-section3__image {
    display : none;
  }
  .p-saving-section3__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 5.3333333333vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 8vw;
    letter-spacing : -0.03em;
  }
  .p-saving-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-section3__heading2 {
    display : flex;
    justify-content : center;
    text-align : center;
    font-feature-settings : "palt";
    color : #55930f;
    position : relative;
    font-family : "senobi";
    font-size : 10.6666666667vw;
    font-weight : bold;
    letter-spacing : -3.0666666667vw;
    margin-bottom : 10.6666666667vw;
  }
  .p-saving-section3__heading3 {
    font-size : 6.6666666667vw;
    font-weight : bold;
    text-align : center;
    line-height : 10.6666666667vw;
    margin-bottom : 0;
  }
  .p-saving-section3__paragraph {
    margin-bottom : 8vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-section3__paragraph > span {
    font-size : 1.2em;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-section3__image3 {
    margin-bottom : 4vw;
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-section3__image2 {
    position : relative;
    z-index : 1;
    width : 100%;
    height : auto;
    margin-bottom : 5.3333333333vw;
    display : block;
  }
  .p-saving-section3__link {
    text-align : center;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    margin-bottom : 16vw;
    height : 16vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 6.1333333333vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 100% 16vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-section3__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 2.6666666667vw;
    height : 3.7333333333vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-section3__link:hover, .p-saving-section3__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-section3__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-section3__greenbox {
    background-color : #eef4e7;
    padding : 6.6666666667vw;
    border-radius : 1.3333333333vw;
  }
  .p-saving-section3__greenbox-text {
    font-size : 3.7333333333vw;
    text-align : center;
    margin-top : 5.3333333333vw;
    font-feature-settings : "palt";
    line-height : 7.4666666667vw;
  }
  .p-saving-section3__greenbox-text--bold {
    font-weight : bold;
  }
  .p-saving-section3__greenbox-image {
    margin-top : 6.6666666667vw;
  }
  .p-saving-section3__greenbox-image > img {
    margin-bottom : 2.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4.png");
  }
  .p-saving-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-footer__bg:before {
    position : absolute;
    top : -450px;
    left : 0;
    display : block;
    content : "";
    width : 232px;
    height : 769px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image4.png");
  }
  .p-saving-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 970px;
    height : 504px;
    background-position : left top;
    background-size : 970px 504px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg5.png");
  }
  .p-saving-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5.png");
  }
  .p-saving-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    padding-top : 240px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-footer__container-inner {
    margin-bottom : 100px;
  }
  .p-saving-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-size : 30px;
    line-height : 45px;
    font-weight : bold;
  }
  .p-saving-footer__caselist-ul {
    margin : 0 auto;
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
  }
  .p-saving-footer__caselist-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-saving-footer__caselist-ul > .slick-list {
    margin-bottom : 1rem;
  }
  .p-saving-footer__caselist-item {
    position : relative;
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-saving-footer__caselist-image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-footer__caselist-box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-saving-footer__caselist-paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-saving-footer__caselist-paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-saving-footer__caselist-link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-saving-footer__caselist-link:hover, .p-saving-footer__caselist-link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-footer__list {
    display : flex;
    justify-content : space-between;
    height : 211px;
  }
  .p-saving-footer__list-item {
    display : flex;
    background-color : #fff;
    border-radius : 10px;
  }
  .p-saving-footer__list-item:not(:first-child) {
    margin-left : 30px;
  }
  .p-saving-footer__list-image {
    border-radius : 10px 0 0 10px;
    flex-shrink : 0;
    width : auto;
  }
  .p-saving-footer__list-text {
    position : relative;
    text-align : left;
    padding : 30px;
  }
  .p-saving-footer__list-text-title {
    font-size : 16px;
    font-weight : bold;
  }
  .p-saving-footer__list-text-paragraph {
    font-size : 16px;
  }
  .p-saving-footer__list-text .m-carbon-free-detail-link2 {
    width : 160px;
    margin : 0;
    left : 30px;
    bottom : 25px;
  }
  .p-saving-footer__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    padding-bottom : 270px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-footer__section {
    border-radius : 10px;
    padding : 50px 70px;
    padding-bottom : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-saving-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 30px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -20px;
    line-height : 1;
  }
  .p-saving-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-saving-footer__paragraph2 {
    margin-bottom : 25px;
    font-size : 18px;
    line-height : 35px;
  }
  .p-saving-footer__box2 {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-saving-footer__box2-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-saving-footer__box2-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-saving-footer__searchbox {
    width: 800px;
    background-color : #fff;
    border-radius : 10px;
    border : solid 4px #55930f;
    padding : 40px 60px 60px;
  }
  .p-saving-footer__searchbox-heading {
    color : #55930f;
    position : relative;
    display : block;
    width: fit-content;
    margin : 0 auto 50px;
    font-family : "senobi";
    font-size : 50px;
    font-weight : bold;
    letter-spacing : -16px;
    line-height : 1;
    
  }
  .p-saving-footer__searchbox-inner {
    display : flex;
    justify-content : space-between;
    align-items : center;
  }
  .p-saving-footer__searchbox-pulldown {
    position : relative;
    width : 60%;
  }
  .p-saving-footer__searchbox-pulldown.pulldown--min {
    width: 24%;
  }
  .p-saving-footer__searchbox-pulldown::after {
    content : "";
    position : absolute;
    right : 9px;
    top : 50%;
    width : 6px;
    height : 6px;
    border-top : 1px solid #999;
    border-left : 1px solid #999;
    pointer-events : none;
    transform : translateY(-50%) rotate(-135deg);
  }
  .p-saving-footer__searchbox-pulldown.disabled::after {
    opacity : 0.4;
  }
  .p-saving-footer__searchbox-pulldown-select {
    padding : 10px 9px 10px 11px;
    border : solid 1px #999;
    border-radius : 4px;
    font-size : 16px;
    font-weight : bold;
    color : #999;
    line-height : 1;
    appearance : none;
    /* クローム、Firefox、Safari などで統一感を持たせる */
    -webkit-appearance : none;
    /* Safari、iOS で外観を統一 */
    -moz-appearance : none;
    /* Firefox で外観を統一 */
  }
  .p-saving-footer__searchbox-pulldown-select::-ms-expand {
    display : none;
    /* Windows の IE や Edge でのドロップダウンの矢印を非表示にする */
  }
  .p-saving-footer__searchbox-pulldown-select > option[value=""] {
    color : #999;
  }
  .p-saving-footer__searchbox-pulldown-select > option:not([value=""]) {
  }
  .p-saving-footer__search-result_text {
    margin-top: 46px;
    color : #333;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
  }
  .p-saving-footer__searchbox-text {
    font-size : 16px;
    font-weight : bold;
    margin-bottom : 0;
    text-align: center;
  }
  .p-saving-footer__searchbox-text--small {
    font-size : 18px;
  }
  .p-saving-footer__searchbox-group {
    margin-top: 26px;
    padding: 40px 60px;
    background: #EEF4E7;
    border-radius: 10px;
  }
  .p-saving-footer__searchbox-wrap {
    width: fit-content;
    margin: 0 auto;
  }
  .p-saving-footer__searchbox-list-title {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    border-left: 3px solid #5B9A10;
    padding-left: 9px;

  }
  .p-saving-footer__searchbox-list {
    margin-left: 10px;
  }
  .p-saving-footer__searchbox-list div + div {
    margin-top: 20px;
  }
  .p-saving-footer__searchbox-list-link {
    position: relative;
    padding-left: 16px;
    font-size : 16px;
    display : block;
    width: fit-content;
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 6px;
  }
  .p-saving-footer__searchbox-list-link::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    left: 0;
    top: .6rem;
    background: #55930f;
    border-radius: 10px;
  }

  .p-saving-footer__searchbox-list-link:hover, .p-saving-footer__searchbox-list-link:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-footer__list-dl > dt {
    margin-bottom : 10px;
    display : inline-block;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-saving-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-footer__paragraph3 {
    font-family : "senobi";
    font-size : 24px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-saving-footer__link {
    margin-top : 50px;
    display : inline-block;
    width : 278px;
    line-height : 56px;
    height : 56px;
    text-align : center;
    font-size : 18px;
    font-weight : bold;
    color : #fff;
    background-position : center;
    background-size : 278px 56px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button.png");
  }
  .p-saving-footer__link:hover, .p-saving-footer__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-footer__link:focus {
    border-radius : 10px;
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 510px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 510px 84px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-footer__link2:hover, .p-saving-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-saving-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-saving-footer__list-text {
    padding : 2.3076923077vw;
  }
  .p-saving-footer__list-text-title {
    font-size : 14px;
  }
  .p-saving-footer__list-text-paragraph {
    font-size : 14px;
  }
  .p-saving-footer__list-text .m-carbon-free-detail-link2 {
    left : 2.3076923077vw;
  }


}
@media screen and (max-width: 767px) {
  .p-saving-footer {
    padding-top : 26.6666666667vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4_sp.png");
  }
  .p-saving-footer .slick-list {
    margin-bottom : 1rem;
  }
  .p-saving-footer .slick-initialized .slick-slide {
    position : relative;
    margin : 0 1.3333333333vw;
    background-color : #fff;
    border-radius : 2.6666666667vw;
  }
  .p-saving-footer .slick-slide img {
    border-radius : 2.6666666667vw 2.6666666667vw 0 0;
  }
  .p-saving-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-footer__bg:before {
    position : absolute;
    top : -52vw;
    left : 0;
    display : block;
    content : "";
    width : 36.5333333333vw;
    height : 68.5333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg-image4_sp.png");
  }
  .p-saving-footer__bg:after {
    position : absolute;
    bottom : 9.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 62.9333333333vw;
    height : 62.1333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg5_sp.png");
  }
  .p-saving-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5_sp.png");
  }
  .p-saving-footer__container {
    padding : 0;
    text-align : center;
  }
  .p-saving-footer__container-inner {
    margin-bottom : 16vw;
  }
  .p-saving-footer__container-inner--case {
    padding : 0 5.3333333333vw;
  }
  .p-saving-footer__heading {
    transform : translateX(-10px);
    position : relative;
    display : inline-block;
    margin-bottom : 5.3333333333vw;
    font-size : 5.3333333333vw;
    line-height : 12vw;
    font-weight : bold;
  }
  .p-saving-footer__caselist-ul {
    justify-content : center;
    margin-bottom : 13.3333333333vw;
    display : flex;
    flex-wrap : wrap;
  }
  .p-saving-footer__caselist-ul > li {
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
  }
  .p-saving-footer__caselist-image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-footer__caselist-box {
    position : static;
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-saving-footer__caselist-paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-saving-footer__caselist-paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-saving-footer__caselist-link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-saving-footer__caselist-link:hover, .p-saving-footer__caselist-link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-footer__list {
    display : flex;
    justify-content : space-between;
    padding : 0 5.3333333333vw;
  }
  .p-saving-footer__list-item {
    background-color : #fff;
    border-radius : 10px;
    padding-bottom : 50px;
    margin-right : 5px;
    margin-left : 5px;
    overflow : hidden;
    position : relative;
  }
  .p-saving-footer__list-image {
    display : inline !important;
    vertical-align : middle;
  }
  .p-saving-footer__list-text {
    margin-top : 16px;
    padding : 0 12px;
    text-align : center;
  }
  .p-saving-footer__list-text-title {
    font-size : 13px;
    font-weight : bold;
    text-align : left;
  }
  .p-saving-footer__list-text-paragraph {
    font-size : 13px;
    text-align : left;
  }
  .p-saving-footer__container2 {
    margin-top : 13.3333333333vw;
    padding : 0 5.3333333333vw;
    text-align : center;
  }
  .p-saving-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    padding : 6.6666666667vw 6.6666666667vw 10.6666666667vw 6.6666666667vw;
    text-align : left;
    background-color : #fff;
  }
  .p-saving-footer__heading2 {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -2.1333333333vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-saving-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-saving-footer__paragraph2 {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-footer__box2 {
    text-align : center;
  }
  .p-saving-footer__box2-left {
    margin-bottom : 4vw;
  }
  .p-saving-footer__searchbox {
    background-color : #fff;
    border-radius : 2vw;
    border : solid 0.8vw #55930f;
    padding: 27px 18px 48px;
    /* margin : 0 5.3333333333vw; */
  }
  .p-saving-footer__searchbox-heading {
    color : #55930f;
    display : block;
    width: fit-content;
    margin : 0 auto 6.6666666667vw;
    position : relative;
    font-family : "senobi";
    font-size : 6.6666666667vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1;
  }
  .p-saving-footer__searchbox-pulldown {
    position : relative;
    display : flex;
    align-items : center;
  }
  .p-saving-footer__searchbox-pulldown:not(:last-of-type) {
    margin-bottom : 5.3333333333vw;
  }
  .p-saving-footer__searchbox-pulldown .p-saving-footer__searchbox-text {
    margin-left : 2.1333333333vw;
    margin-bottom : 0;
    font-weight: bold;
  }
  .p-saving-footer__searchbox-pulldown::after {
    content : "";
    position : absolute;
    left : 61.3333333333vw;
    top : 50%;
    width : 1.6vw;
    height : 1.6vw;
    border-top : 0.2666666667vw solid #999;
    border-left : 0.2666666667vw solid #999;
    pointer-events : none;
    transform : translateY(-50%) rotate(-135deg);
  }
  .p-saving-footer__searchbox-pulldown.disabled::after {
    opacity : 0.4;
  }
  .p-saving-footer__searchbox-pulldown-select {
    width : 65.3333333333vw;
    padding : 4vw 2.6666666667vw;
    border : solid 1px #999;
    border-radius : 2vw;
    font-size : 3.2vw;
    font-weight : bold;
    color : #999;
    line-height : 1;
  }
  .p-saving-footer__searchbox-text--small {
    font-size : 3.7333333333vw;
  }

  .p-saving-footer__search-result_text {
    font-size : 14px;
    font-weight : bold;
    margin-top: 25px;
    margin-bottom : 0;
    text-align: center;
  }
  .p-saving-footer__searchbox-group {
    margin-top: 26px;
    padding: 40px 25px;
    background: #EEF4E7;
    border-radius: 10px;
  }
  .p-saving-footer__searchbox-wrap {
    width: fit-content;
    margin: 0 auto;
  }
  .p-saving-footer__searchbox-list-title {
    margin-bottom: 14px;
    font-size: 14px;
    font-weight: bold;
    border-left: 3px solid #5B9A10;
    padding-left: 9px;

  }
  .p-saving-footer__searchbox-list {
    margin-left: 10px;
  }
  .p-saving-footer__searchbox-list div + div {
    margin-top: 10px;
  }
  .p-saving-footer__searchbox-list-link {
    position: relative;
    padding-left: 16px;
    font-size : 15px;
    display : block;
    width: fit-content;
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 6px;
  }
  .p-saving-footer__searchbox-list-link::before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    left: 0;
    top: .6rem;
    background: #55930f;
    border-radius: 10px;
  }
  .p-saving-footer__searchbox-list-link:hover, .p-saving-footer__searchbox-list-link:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-saving-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-footer__paragraph3 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-saving-footer__link {
    display : inline-block;
    position : relative;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 74.1333333333vw 14.9333333333vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button.png");
  }
  .p-saving-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    border-radius : 2.6666666667vw;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-saving-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display : none;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-hero {
    position : relative;
    z-index : 1;
    padding-bottom : 65px;
    background-position : bottom 68px center;
    background-size : 100% 160px;
    background-repeat : no-repeat;
    background-color : #eef6e5;
    background-image : url("/common/img/carbon-free/creation_bg2.png");
  }
  .p-creation-hero__container {
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg.png");
  }
  .p-creation-hero__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-creation-hero__container2:before {
    content : "";
    display : block;
    padding-top : 42%;
  }
  .p-creation-hero__container2:after {
    position : absolute;
    bottom : -72px;
    right : -123px;
    display : block;
    content : "";
    width : 555px;
    height : 326px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image.png");
  }
  .p-creation-hero__container2--inner {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
  }
  .p-creation-hero__box {
    position : absolute;
    top : 45%;
    left : 0;
    right : 0;
    margin : auto;
    transform : translateY(-50%);
    width : calc(588 / 1300 * 100%);
  }
  .p-creation-hero__heading {
    position : relative;
    margin-bottom : 28px;
    font-family : "senobi";
    color : #fff;
    font-size : 70px;
    font-weight : bold;
    text-align : center;
    letter-spacing : -30px;
    line-height : 1;
  }
  .p-creation-hero__heading:before {
    transform : translateY(10%);
    content : "";
    width : 53px;
    height : 69px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon.png");
  }
  .p-creation-hero__paragraph {
    margin-bottom : 20px;
    font-family : "senobi";
    font-size : 22px;
    text-align : center;
    line-height : 28px;
    letter-spacing : -0.14em;
    color : #fff;
  }
  .p-creation-hero__image {
    display : none;
  }
  .p-creation-hero__paragraph2 {
    font-size : 16px;
    line-height : 28px;
    color : #fff;
    letter-spacing : 0.02em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1920px) {
  .p-creation-hero__container {
    position : relative;
    left : 50%;
    transform : translateX(-50%);
    margin : 0 auto;
    width : 100%;
    min-width : 1920px;
  }
}
@media screen and (max-width: 767px) {
  .p-creation-hero {
    padding-bottom : 16vw;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg2_sp.png");
  }
  .p-creation-hero__container {
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg_sp.png");
  }
  .p-creation-hero__container2 {
    padding : 18.6666666667vw 8vw 0 8vw;
  }
  .p-creation-hero__box {
    text-align : center;
  }
  .p-creation-hero__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    padding-left : 13.3333333333vw;
    font-family : "senobi";
    color : #fff;
    font-size : 15.7333333333vw;
    font-weight : bold;
    letter-spacing : -6.6666666667vw;
    line-height : 1;
    transform : translateX(-2.6666666667vw);
  }
  .p-creation-hero__heading:before {
    position : absolute;
    top : 50%;
    left : 0;
    transform : translateY(-50%);
    display : block;
    content : "";
    width : 12vw;
    height : 14.6666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon_sp.png");
  }
  .p-creation-hero__paragraph {
    margin-bottom : 9.0666666667vw;
    font-family : "senobi";
    font-size : 4.8vw;
    line-height : 1.1;
    letter-spacing : -1.3333333333vw;
    color : #fff;
  }
  .p-creation-hero__image {
    margin-bottom : 5.3333333333vw;
    display : block;
    width : 73.8666666667vw;
    height : auto;
    transform : translateX(2.6666666667vw);
  }
  .p-creation-hero__paragraph2 {
    font-size : 3.7333333333vw;
    line-height : 6.5333333333vw;
    letter-spacing : 0.02em;
    font-feature-settings : "palt";
    text-align : left;
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-section {
    position : relative;
    padding-bottom : 172px;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% 140px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg3.png");
  }
  .p-creation-section__container {
    position : relative;
    padding : 0 50px;
    width : 100%;
    text-align : center;
  }
  .p-creation-section__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 52px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -0.33em;
    line-height : 1.1em;
    transform : translateX(-7.5px);
  }
  .p-creation-section__heading span {
    margin-left : 1rem;
    letter-spacing : -0.22em;
  }
  .p-creation-section__heading:after {
    position : absolute;
    bottom : -10px;
    left : 7px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-creation-section__link2 {
    display : block;
    width : 278px;
    line-height : 56px;
    height : 56px;
    margin-top : -23px;
    margin-left : auto;
    margin-right : auto;
    font-size : 18px;
    font-weight : bold;
    color : #fff;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-creation-section__link2:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-creation-section {
    position : relative;
    padding-top : 8.8vw;
    padding-bottom : 22.6666666667vw;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg3_sp.png");
  }
  .p-creation-section__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-creation-section__bg:after {
    position : absolute;
    bottom : -2.6666666667vw;
    right : 0;
    display : block;
    content : "";
    width : 32vw;
    height : 56.5333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image3_sp.png");
  }
  .p-creation-section__container {
    position : relative;
    z-index : 1;
    padding : 0;
    text-align : center;
  }
  .p-creation-section__heading {
    transform : translateX(-2.6666666667vw);
    position : relative;
    display : inline-block;
    margin-bottom : 7.7333333333vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-creation-section__heading span {
    margin-left : 1rem;
  }
  .p-creation-section__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-creation-section__link2 {
    margin-top : 5.3333333333vw;
    display : inline-block;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 74.1333333333vw 14.9333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-section2 {
    position : relative;
    padding-top : 84px;
    padding-bottom : 13px;
  }
  .p-creation-section2__bg, .p-creation-section2__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-creation-section2__bg:before {
    position : absolute;
    top : 230px;
    left : 0;
    display : block;
    content : "";
    width : 275px;
    height : 700px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image2.png");
  }
  .p-creation-section2__bg:after {
    position : absolute;
    top : 1290px;
    right : 0;
    display : block;
    content : "";
    width : 296px;
    height : 742px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image3.png");
  }
  .p-creation-section2__bg2:before {
    position : absolute;
    bottom : 217px;
    left : 0;
    display : block;
    content : "";
    width : 264px;
    height : 251px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image4.png");
  }
  .p-creation-section2__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-creation-section2__box {
    margin-bottom : 60px;
  }
  .p-creation-section2__box-title {
    display : flex;
    justify-content : center;
    align-items : flex-start;
    margin-bottom : 17px;
  }
  .p-creation-section2__heading {
    position : relative;
    display : block;
    margin-bottom : 0;
    font-size : 30px;
    font-weight : bold;
    line-height : 45px;
    line-height : 1.5;
    white-space : nowrap;
  }
  .p-creation-section2__heading > span:not([class]) {
    position : relative;
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-creation-section2__heading-small {
    display : block;
    font-size : 21px;
    line-height : 2.14;
  }
  .p-creation-section2__heading-logo {
    margin-left : 45px;
  }
  .p-creation-section2__paragraph {
    margin-bottom : 32px;
    font-size : 18px;
    line-height : 32px;
    text-align : left;
  }
  .p-creation-section2__paragraph span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-size : 22px;
    font-weight : bold;
    line-height : 36px;
  }
  .p-creation-section2__box-text {
    padding : 42px 90px;
    background-color : #eef4e7;
    text-align : left;
    border-radius : 20px;
  }
  .p-creation-section2__box-text-dl {
    color : #599910;
    letter-spacing : 0.02em;
  }
  .p-creation-section2__box-text-dl > dt {
    font-size : 22px;
    margin-bottom : 5px;
  }
  .p-creation-section2__box-text-dl > dd {
    display : flex;
    align-items : flex-start;
    font-size : 18px;
    line-height : 36px;
  }
  .p-creation-section2__box-text-dl > dd::before {
    content : "・";
    display : block;
  }
  .p-creation-section2__box-text-paragraph {
    margin-bottom : 0;
  }
  .p-creation-section2__box-text-paragraph span {
    font-weight : bold;
  }
  .p-creation-section2__box-list {
    margin-top : 30px;
  }
  .p-creation-section2__box-list li {
    margin-bottom : 69px;
  }
  .p-creation-section2__box-list li:nth-last-child(1) {
    margin-bottom : 0;
  }
  .p-creation-section2__list-dl {
    margin-bottom : 30px;
    text-align : left;
  }
  .p-creation-section2__list-dl > dt .p-creation-section2__list-dl-paragraph {
    margin-bottom : 0;
    font-size : 30px;
    font-weight : bold;
    line-height : 1.5;
    display : block;
    font-family : "senobi";
    letter-spacing : -0.07em;
  }
  .p-creation-section2__list-dl > dt span {
    letter-spacing : -0.25em;
  }
  .p-creation-section2__list-dl > dd {
    display : flex;
    align-items : flex-start;
    font-size : 18px;
    line-height : 2;
  }
  .p-creation-section2__list-dl > dd::before {
    content : "・";
    display : block;
  }
  .p-creation-section2__image {
    width : 100%;
    height : auto;
    margin-bottom : 10px;
    display : block;
  }
  .p-creation-section2__box2 {
    position : relative;
    display : table;
    margin : 0 auto;
    margin-bottom : 25px;
    width : 100%;
    max-width : 1020px;
    table-layout : fixed;
  }
  .p-creation-section2__box2-left {
    position : relative;
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-right : 20px;
  }
  .p-creation-section2__box2-right {
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-left : 20px;
  }
  .p-creation-section2__link {
    position : relative;
    display : block;
    width : 100%;
    height : 70px;
    color : #fff;
    font-size : 29px;
    font-weight : bold;
    line-height : 70px;
    border-radius : 10px;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -6px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-creation-section2__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 18px;
    height : 12px;
    content : "";
    background-position : center;
    background-size : 18px 12px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-bottom.png");
  }
  .p-creation-section2__link:hover, .p-creation-section2__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-creation-section2__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-creation-section2 {
    position : relative;
    padding-top : 13.3333333333vw;
  }
  .p-creation-section2__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-creation-section2__bg:after {
    position : absolute;
    top : -49.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 26.9333333333vw;
    height : 56.2666666667vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image2_sp.png");
  }
  .p-creation-section2__container {
    padding : 0 8vw;
  }
  .p-creation-section2__box {
    margin-bottom : 9.3333333333vw;
  }
  .p-creation-section2__box-title {
    display : flex;
    justify-content : center;
    align-items : center;
    margin-bottom : 6.1333333333vw;
  }
  .p-creation-section2__box-title .p-creation-section2__heading {
    margin-bottom : 0;
    text-align : left;
  }
  .p-creation-section2__heading {
    position : relative;
    margin-bottom : 11.4666666667vw;
    text-align : center;
    font-weight : bold;
    letter-spacing : -0.04em;
  }
  .p-creation-section2__heading > span:not([class]) {
    display : inline-block;
    font-size : 5.3333333333vw;
    line-height : 8vw;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-creation-section2__heading-small {
    display : block;
    font-size : 3.2vw;
    line-height : 2;
  }
  .p-creation-section2__heading-logo {
    width : 16vw;
    margin-left : 4vw;
  }
  .p-creation-section2__paragraph {
    margin-bottom : 5.6vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-creation-section2__paragraph > span:not([class]) {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-weight : bold;
    font-size : 4.5333333333vw;
  }
  .p-creation-section2__box-text {
    padding : 4.8vw 6.9333333333vw;
    background-color : #eef4e7;
    text-align : left;
    border-radius : 2.1333333333vw;
  }
  .p-creation-section2__box-text-dl {
    color : #599910;
  }
  .p-creation-section2__box-text-dl > dt {
    font-size : 4vw;
    margin-bottom : 3.2vw;
  }
  .p-creation-section2__box-text-dl > dd {
    display : flex;
    align-items : flex-start;
    font-size : 3.7333333333vw;
  }
  .p-creation-section2__box-text-dl > dd::before {
    content : "・";
    display : block;
  }
  .p-creation-section2__box-text-dl > dd .p-creation-section2__box-text-paragraph {
    margin-bottom : 0;
    line-height : 2;
    letter-spacing : 0.04em;
  }
  .p-creation-section2__box-text-dl > dd span {
    font-weight : bold;
  }
  .p-creation-section2__box-list li {
    margin-bottom : 11.4666666667vw;
  }
  .p-creation-section2__list-dl {
    margin-bottom : 6.1333333333vw;
  }
  .p-creation-section2__list-dl > dt {
    font-size : 5.3333333333vw;
    line-height : 8.6666666667vw;
    transform : translateX(-3px);
    font-weight : bold;
    display : block;
    font-family : "senobi";
  }
  .p-creation-section2__list-dl > dd {
    display : flex;
    align-items : flex-start;
    line-height : 2;
  }
  .p-creation-section2__list-dl > dd::before {
    content : "・";
    display : block;
  }
  .p-creation-section2__list-dl .p-creation-section2__list-dl-paragraph {
    font-size : 5.3333333333vw;
    margin-bottom : 0.5333333333vw;
    font-feature-settings : "palt";
    line-height : 7.4666666667vw;
  }
  .p-creation-section2__list-dl .p-creation-section2__list-dl-paragraph span {
    letter-spacing : -0.21em;
  }
  .p-creation-section2__list-dl:nth-of-type(3) {
    margin-top : 16vw;
  }
  .p-creation-section2__image {
    width : 100%;
    height : auto;
    display : block;
  }
  .p-creation-section2__box2 {
    position : relative;
    display : table;
    width : 100%;
    table-layout : fixed;
  }
  .p-creation-section2__box2-left {
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-right : 1.8666666667vw;
  }
  .p-creation-section2__box2-right {
    display : table-cell;
    width : 50%;
    vertical-align : middle;
    text-align : left;
    padding-left : 1.8666666667vw;
  }
  .p-creation-section2__link {
    position : relative;
    display : block;
    width : 100%;
    height : 11.7333333333vw;
    padding-right : 5.3333333333vw;
    color : #fff;
    font-size : 5.0666666667vw;
    font-weight : bold;
    line-height : 11.7333333333vw;
    border-radius : 2.6666666667vw;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -1.0666666667vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-creation-section2__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 2.6666666667vw;
    display : block;
    width : 2.4vw;
    height : 1.6vw;
    content : "";
    background-position : center;
    background-size : 2.4vw 1.6vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-bottom.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-section3 {
    position : relative;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
    margin : 0 auto;
  }
  .p-creation-section3__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-creation-section3__bg:before {
    position : absolute;
    top : -510px;
    right : 0;
    display : block;
    content : "";
    width : 296px;
    height : 742px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image3.png");
  }
  .p-creation-section3__container {
    position : relative;
    margin : 0 auto;
    padding-top : 73px;
    padding-bottom : 74px;
    border-top : solid 5px #eef4e7;
    text-align : center;
  }
  .p-creation-section3__heading {
    position : relative;
    display : block;
    font-size : 30px;
    font-weight : bold;
    line-height : 45px;
    white-space : nowrap;
    text-align : center;
  }
  .p-creation-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
}
@media screen and (max-width: 767px) {
  .p-creation-section3 {
    position : relative;
    padding : 15.4666666667vw 8vw 13.3333333333vw;
  }
  .p-creation-section3__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-creation-section3__bg:after {
    position : absolute;
    top : -0.2666666667vw;
    left : 0;
    display : block;
    content : "";
    width : 12vw;
    height : 34.6666666667vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image3_sp.png");
  }
  .p-creation-section3__container {
    padding-top : 9.3333333333vw;
    padding-bottom : 9.0666666667vw;
    border-top : solid 0.8vw #eef4e7;
  }
  .p-creation-section3__heading {
    position : relative;
    display : block;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 8vw;
    letter-spacing : -0.03em;
    text-align : center;
  }
  .p-creation-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-section4 {
    position : relative;
    margin : 0 auto;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-creation-section4__bg, .p-creation-section4__bg2, .p-creation-section4__bg3 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-creation-section4__bg:before {
    position : absolute;
    top : 555px;
    right : 32px;
    display : block;
    content : "";
    width : 170px;
    height : 405px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image5.png");
  }
  .p-creation-section4__bg:after {
    position : absolute;
    top : 1190px;
    left : 0;
    display : block;
    content : "";
    width : 275px;
    height : 879px;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image6.png");
  }
  .p-creation-section4__bg2:before {
    position : absolute;
    top : 2410px;
    right : 0;
    display : block;
    content : "";
    width : 296px;
    height : 742px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image3.png");
  }
  .p-creation-section4__bg2:after {
    position : absolute;
    top : 3733px;
    left : 0;
    display : block;
    content : "";
    width : 264px;
    height : 251px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image4.png");
  }
  .p-creation-section4__bg3:before {
    position : absolute;
    top : 1399px;
    right : 32px;
    display : block;
    content : "";
    width : 170px;
    height : 405px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image5.png");
  }
  .p-creation-section4__container {
    position : relative;
    padding-top : 79px;
    padding-bottom : 63px;
    border-top : solid 3px #eef4e7;
  }
  .p-creation-section4__container2 {
    position : relative;
    padding-top : 93px;
    border-top : solid 6px #eef4e7;
  }
  .p-creation-section4__box.p-creation-section4__box--2 {
    padding-top : 46px;
    padding-bottom : 36px;
  }
  .p-creation-section4__heading {
    position : relative;
    display : block;
    margin-bottom : 31px;
    text-align : center;
    font-size : 26px;
    font-weight : bold;
    line-height : 36px;
    color : #55930f;
  }
  .p-creation-section4__heading > span {
    margin-bottom : 10px;
    display : block;
    font-family : "senobi";
    font-size : 60px;
    font-weight : bold;
    letter-spacing : -0.22em;
    line-height : 1;
  }
  .p-creation-section4__heading > span span {
    letter-spacing : -0.06em;
  }
  .p-creation-section4__box2 {
    position : relative;
    display : flex;
    justify-content : center;
    margin : 0 auto;
    margin-bottom : 40px;
    padding-top : 33px;
    width : 100%;
    table-layout : fixed;
  }
  .p-creation-section4__box2-left {
    position : relative;
    display : block;
    max-width : 554px;
    width : calc(554 / 1192 * 100%);
    margin-right : 25px;
    vertical-align : middle;
    text-align : left;
  }
  .p-creation-section4__box2-right {
    display : block;
    max-width : 554px;
    width : calc(554 / 1192 * 100%);
    margin-left : 25px;
    vertical-align : middle;
    text-align : left;
  }
  .p-creation-section4__box2 figcaption {
    margin-top : 23px;
    font-size : 16px;
    text-align : center;
  }
  .p-creation-section4__accordion {
    padding-top : 36px;
    padding-bottom : 40px;
    border-top : solid 1px #f1f1f1;
    border-bottom : solid 1px #f1f1f1;
  }
  .p-creation-section4__accordion-head.open .p-creation-section4__accordion-icon::after {
    transform : translate(-50%) rotate(0);
  }
  .p-creation-section4__accordion-button {
    display : flex;
    justify-content : space-between;
    align-items : center;
    width : 100%;
    text-align : left;
    font-size : 24px;
  }
  .p-creation-section4__accordion-icon {
    position : relative;
    width : 32px;
    height : 32px;
  }
  .p-creation-section4__accordion-icon::before, .p-creation-section4__accordion-icon::after {
    content : "";
    position : absolute;
    top : 50%;
    left : 50%;
    display : block;
    width : 100%;
    height : 5px;
    background-color : #000;
  }
  .p-creation-section4__accordion-icon::before {
    transform : translate(-50%);
  }
  .p-creation-section4__accordion-icon::after {
    transform : translate(-50%) rotate(-90deg);
    transition : transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .p-creation-section4__accordion-body {
    display : none;
    margin-top : 67px;
  }
  .p-creation-section4__paragraph {
    display : inline-block;
    margin-bottom : 10px;
    font-size : 18px;
    line-height : 2;
    text-align : left;
  }
  .p-creation-section4__paragraph span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-size : 22px;
    font-weight : bold;
    line-height : 36px;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__paragraph sup {
    font-size : 12px;
  }
  .p-creation-section4__paragraph2 {
    margin-bottom : 25px;
    font-size : 18px;
    line-height : 1.77;
    letter-spacing : 0.02em;
    text-align : left;
  }
  .p-creation-section4__paragraph2 span {
    font-weight : bold;
  }
  .p-creation-section4__list-dl {
    margin-bottom : 50px;
  }
  .p-creation-section4__list-dl > dt {
    margin-bottom : 72px;
    font-size : 24px;
    line-height : 36px;
    font-weight : bold;
  }
  .p-creation-section4__list-ol {
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
    margin-bottom : 83px;
    margin : 0 -20px;
  }
  .p-creation-section4__list-ol > li {
    position : relative;
    display : flex;
    flex-direction : column;
    margin : 0 20px;
    padding : 56px 30px 20px 30px;
    width : calc(100% / 3 - 40px);
    border-radius : 10px;
    background-color : #f1f1f1;
  }
  .p-creation-section4__list-dl2 {
    margin-bottom : 25px;
  }
  .p-creation-section4__list-dl2 > dt {
    position : absolute;
    top : -50px;
    left : 50%;
    padding-top : 15px;
    transform : translateX(-50%);
    width : 90px;
    height : 90px;
    border-radius : 10px;
    font-size : 16px;
    line-height : 1em;
    color : #fff;
    background-color : #55930f;
  }
  .p-creation-section4__list-dl2 > dt > span {
    display : block;
    font-size : 47px;
    font-weight : bold;
    line-height : 1em;
  }
  .p-creation-section4__list-dl2-paragraph {
    font-size : 18px;
    line-height : 1.77;
    letter-spacing : 0.04em;
    text-align : left;
  }
  .p-creation-section4__heading4 {
    display : flex;
    justify-content : center;
    align-items : center;
    margin-bottom : 3px;
    min-height : 72px;
    font-size : 24px;
    line-height : 1.58;
    color : #55930f;
  }
  .p-creation-section4__point {
    padding : 30px 20px 25px;
    margin-top : auto;
    background-color : #fff;
    border-radius : 10px;
  }
  .p-creation-section4__point-top {
    display : flex;
    align-items : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 70px;
    height : 30px;
    margin-right : auto;
    margin-left : auto;
    margin-bottom : 13px;
    padding : 2px 12px 3px;
    background-color : #55930f;
    border-radius : 6px;
  }
  .p-creation-section4__point-top span {
    color : #fff;
    font-size : 16px;
    font-weight : bold;
  }
  .p-creation-section4__point-paragraph {
    margin-bottom : 0;
    font-size : 22px;
    font-weight : bold;
    line-height : 1.36;
  }
  .p-creation-section4__point-paragraph span {
    display : inline-block;
  }
  .p-creation-section4__point-paragraph sup {
    font-size : 14px;
  }
  .p-creation-section4__list-dl3 {
    letter-spacing : 0.02em;
  }
  .p-creation-section4__list-dl3 > dt {
    font-size : 24px;
    color : #55930f;
    font-weight : bold;
    margin-bottom : 12px;
  }
  .p-creation-section4__inner-ul {
    text-align : left;
  }
  .p-creation-section4__inner-ul > li {
    display : flex;
    align-items : flex-start;
  }
  .p-creation-section4__inner-ul > li::before {
    content : "・";
    display : block;
  }
  .p-creation-section4__inner-ul-paragraph {
    font-size : 18px;
    line-height : 1.77;
    margin-bottom : 0;
    letter-spacing : 0.04em;
  }
  .p-creation-section4__inner-ul.p-creation-section4__inner-ul--2 .p-creation-section4__inner-ul-paragraph {
    letter-spacing : 0.02em;
  }
  .p-creation-section4__list-dl4 {
    text-align : left;
    overflow : hidden;
  }
  .p-creation-section4__list-dl4 > dt {
    font-size : 24px;
    font-weight : bold;
    margin-bottom : 21px;
  }
  .p-creation-section4__list-dl4 > dd {
    display : flex;
    justify-content : space-between;
    font-size : 18px;
    padding-bottom : 44px;
  }
  .p-creation-section4__list-dl4-image {
    width : calc(400 / 1200 * 100%);
    padding-top : 10px;
    margin-bottom : 0;
    margin-left : 39px;
    text-align : center;
    flex-shrink : 0;
  }
  .p-creation-section4__list-dl4-image img {
    border-radius : 6px;
  }
  .p-creation-section4__list-dl4-image figcaption {
    margin-top : 15px;
    font-size : 16px;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__inner-ul2 li {
    display : flex;
    align-items : flex-start;
  }
  .p-creation-section4__inner-ul2 li::before {
    content : "";
    display : block;
    margin-top : 13px;
    margin-right : 6px;
    width : 20px;
    height : 15px;
    background-image : url("/common/img/carbon-free/creation_icon_check.svg");
    background-repeat : no-repeat;
    background-size : contain;
  }
  .p-creation-section4__inner-ul2 .p-creation-section4__inner-ul-paragraph {
    font-size : 18px;
    margin-bottom : 0;
    line-height : 2;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__inner-ul2 .p-creation-section4__inner-ul-paragraph span {
    font-weight : bold;
  }
  .p-creation-section4__box3 {
    position : relative;
    display : table;
    margin : 0 auto 60px;
    padding : 31px 40px 34px;
    width : 100%;
    table-layout : fixed;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-creation-section4__box4 {
    position : relative;
    padding : 40px 40px 34px;
    width : 100%;
    table-layout : fixed;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-creation-section4__box4-tag {
    display : flex;
    align-items : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 60px;
    min-height : 30px;
    margin-bottom : 11px;
    padding : 2px 12px 3px;
    color : #fff;
    background-color : #55930f;
    border-radius : 6px;
    line-height : 1;
  }
  .p-creation-section4__box5 {
    position : relative;
    display : flex;
    justify-content : space-between;
    margin : 0 auto;
    padding : 43px 40px 46px;
    width : 100%;
    table-layout : fixed;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-creation-section4__box5-left {
    position : relative;
    display : block;
    width : 50%;
    vertical-align : top;
    text-align : left;
  }
  .p-creation-section4__box5-right {
    display : block;
    width : calc(540 / 1120 * 100%);
    max-width : 540px;
    margin-left : 40px;
    flex-shrink : 0;
    vertical-align : top;
    text-align : left;
  }
  .p-creation-section4__box5-tag {
    display : flex;
    align-items : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 60px;
    min-height : 30px;
    margin-bottom : 11px;
    padding : 2px 12px 3px;
    color : #fff;
    background-color : #55930f;
    border-radius : 6px;
    line-height : 1;
  }
  .p-creation-section4__heading3 {
    margin-bottom : 20px;
    font-size : 22px;
    font-weight : bold;
    line-height : 1.36;
  }
  .p-creation-section4__paragraph3 {
    margin-bottom : 15px;
    font-size : 18px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__image4 {
    display : none;
  }
  .p-creation-section4__link {
    position : relative;
    padding-right : 30px;
    display : inline-block;
    border-bottom : solid 1px #55930f;
    font-size : 18px;
    line-height : 28px;
    height : 30px;
    color : #55930f;
    font-weight : bold;
  }
  .p-creation-section4__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 0;
    display : block;
    width : 20px;
    height : 15px;
    content : "";
    background-position : center;
    background-size : 20px 15px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-blank.png");
  }
  .p-creation-section4__link:hover, .p-creation-section4__link:focus {
    text-decoration : none;
    border-bottom : none;
    color : #007242;
  }
  .p-creation-section4__image2 {
    width : 100%;
    height : auto;
  }
  .p-creation-section4__note-list {
    margin-top : 56px;
    margin-bottom : 58px;
  }
  .p-creation-section4__note-paragraph {
    font-size : 14px;
    line-height : 1.5;
    letter-spacing : 0.02em;
    margin-bottom : 0;
    text-align : left;
  }
  .p-creation-section4__note-paragraph2 {
    display : flex;
    font-size : 14px;
    line-height : 1.5;
    letter-spacing : 0.02em;
    margin-bottom : 0;
    text-align : left;
  }
  .p-creation-section4__note-paragraph2:before {
    content : "（注）";
    display : block;
  }
}
@media screen and (max-width: 767px) {
  .p-creation-section4 {
    position : relative;
  }
  .p-creation-section4__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-creation-section4__bg:after {
    position : absolute;
    z-index : 0;
    top : 1057.8666666667vw;
    right : -8vw;
    display : block;
    content : "";
    width : 23.4666666667vw;
    height : 29.3333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image4_sp.png");
  }
  .p-creation-section4__bg2, .p-creation-section4__bg3 {
    display : none;
  }
  .p-creation-section4__container {
    position : relative;
    width : 100%;
    padding-top : 12vw;
    padding-bottom : 13.0666666667vw;
    text-align : center;
    border-top : solid 0.5333333333vw #eef4e7;
  }
  .p-creation-section4__container2 {
    position : relative;
    padding-top : 12.5333333333vw;
    padding-bottom : 9.0666666667vw;
    width : 100%;
    text-align : center;
    border-top : solid 1.0666666667vw #eef4e7;
  }
  .p-creation-section4__box.p-creation-section4__box--2 {
    padding-top : 14.1333333333vw;
  }
  .p-creation-section4__heading {
    position : relative;
    display : block;
    margin-bottom : 5.3333333333vw;
    text-align : center;
    font-size : 4.8vw;
    font-weight : bold;
    line-height : 6.1333333333vw;
    color : #55930f;
  }
  .p-creation-section4__heading > span {
    margin-bottom : 5.3333333333vw;
    display : block;
    font-family : "senobi";
    font-size : 10.6666666667vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1;
  }
  .p-creation-section4__box2 {
    margin-bottom : 12vw;
  }
  .p-creation-section4__box2-left {
    margin-bottom : 9.8666666667vw;
    text-align : left;
  }
  .p-creation-section4__box2 figcaption {
    margin-top : 2.9333333333vw;
    font-size : 3.2vw;
    text-align : center;
  }
  .p-creation-section4__accordion {
    padding-top : 4.2666666667vw;
    padding-bottom : 5.3333333333vw;
    border-top : solid 1px #f1f1f1;
    border-bottom : solid 1px #f1f1f1;
  }
  .p-creation-section4__accordion-head {
    font-size : 4vw;
    line-height : 7.2vw;
    font-weight : bold;
    text-align : left;
  }
  .p-creation-section4__accordion-head.open .p-creation-section4__accordion-icon::after {
    transform : translate(-50%) rotate(0);
  }
  .p-creation-section4__accordion-button {
    display : flex;
    justify-content : space-between;
    align-items : center;
    width : 100%;
    text-align : left;
    line-height : 1.5;
  }
  .p-creation-section4__accordion-text span {
    display : inline-block;
  }
  .p-creation-section4__accordion-icon {
    position : relative;
    width : 4.2666666667vw;
    height : 4.2666666667vw;
  }
  .p-creation-section4__accordion-icon::before, .p-creation-section4__accordion-icon::after {
    content : "";
    position : absolute;
    top : 50%;
    left : 50%;
    display : block;
    width : 100%;
    height : 0.8vw;
    background-color : #000;
  }
  .p-creation-section4__accordion-icon::before {
    transform : translate(-50%);
  }
  .p-creation-section4__accordion-icon::after {
    transform : translate(-50%) rotate(-90deg);
    transition : transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .p-creation-section4__accordion-body {
    display : none;
    margin-top : 7.7333333333vw;
  }
  .p-creation-section4__paragraph {
    margin-bottom : 5.8666666667vw;
    font-size : 3.7333333333vw;
    line-height : 2;
    text-align : left;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__paragraph span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-size : 4.5333333333vw;
    font-weight : bold;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__paragraph sup {
    font-size : 2.6666666667vw;
  }
  .p-creation-section4__paragraph2 {
    margin-bottom : 2.9333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
    letter-spacing : -0.02em;
    text-align : left;
  }
  .p-creation-section4__paragraph2 span {
    font-weight : bold;
    font-size : 4.5333333333vw;
  }
  .p-creation-section4__list-dl > dt {
    margin-bottom : 14.1333333333vw;
    font-size : 4.5333333333vw;
    line-height : 1.05;
    font-weight : bold;
  }
  .p-creation-section4__list-dl > dd {
    font-size : 3.4666666667vw;
    line-height : 5.8666666667vw;
  }
  .p-creation-section4__list-ol > li {
    position : relative;
    display : flex;
    flex-direction : column;
    margin-top : 8.5333333333vw;
    margin-bottom : 15.4666666667vw;
    padding : 13.8666666667vw 6.6666666667vw 6.6666666667vw 6.6666666667vw;
    border-radius : 2.6666666667vw;
    background-color : #f1f1f1;
  }
  .p-creation-section4__list-ol > li:nth-last-child(1) {
    margin-bottom : 6.6666666667vw;
  }
  .p-creation-section4__image {
    width : 100%;
    height : auto;
  }
  .p-creation-section4__list-dl2 {
    margin-bottom : 5.3333333333vw;
  }
  .p-creation-section4__list-dl2 > dt {
    position : absolute;
    top : -8.5333333333vw;
    left : 50%;
    display : flex;
    align-items : center;
    justify-content : center;
    flex-direction : column;
    padding : 2.9333333333vw 1.3333333333vw;
    transform : translateX(-50%);
    width : 16.8vw;
    height : 16.8vw;
    border-radius : 10px;
    font-size : 2.9333333333vw;
    line-height : 1em;
    color : #fff;
    background-color : #55930f;
    text-align : center;
  }
  .p-creation-section4__list-dl2 > dt > span {
    display : block;
    font-size : 8.8vw;
    font-weight : bold;
    line-height : 1em;
  }
  .p-creation-section4__list-dl2-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    letter-spacing : 0.06em;
    line-height : 1.85;
    text-align : left;
  }
  .p-creation-section4__list-dl2-paragraph sup {
    font-size : 2.6666666667vw;
    vertical-align : sub;
  }
  .p-creation-section4__heading4 {
    margin-bottom : 3.2vw;
    font-size : 5.0666666667vw;
    font-weight : bold;
    line-height : 7.2vw;
    text-align : center;
    color : #55930f;
  }
  .p-creation-section4__point {
    padding : 6.6666666667vw 2.6666666667vw 5.8666666667vw;
    margin-top : auto;
    background-color : #fff;
    border-radius : 10px;
  }
  .p-creation-section4__point-top {
    display : flex;
    align-items : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 13.3333333333vw;
    height : 5.6vw;
    margin-right : auto;
    margin-left : auto;
    margin-bottom : 3.4666666667vw;
    padding : 0.5333333333vw 2.1333333333vw 0.8vw;
    background-color : #55930f;
    border-radius : 6px;
  }
  .p-creation-section4__point-top span {
    color : #fff;
    font-size : 3.2vw;
    font-weight : bold;
  }
  .p-creation-section4__point-paragraph {
    margin-bottom : 0;
    font-size : 4.8vw;
    font-weight : bold;
    line-height : 1.5;
  }
  .p-creation-section4__point-paragraph span {
    display : inline-block;
  }
  .p-creation-section4__point-paragraph sup {
    font-size : 2.6666666667vw;
    vertical-align : middle;
  }
  .p-creation-section4__list-dl3 > dt {
    font-size : 5.0666666667vw;
    color : #55930f;
    font-weight : bold;
    margin-bottom : 3.2vw;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__list-dl3 > dt > span {
    display : block;
    font-size : 8.5333333333vw;
    font-weight : bold;
    line-height : 1em;
  }
  .p-creation-section4__inner-ul {
    text-align : left;
  }
  .p-creation-section4__inner-ul > li {
    display : flex;
    align-items : flex-start;
  }
  .p-creation-section4__inner-ul > li::before {
    content : "・";
    display : block;
  }
  .p-creation-section4__inner-ul-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    margin-bottom : 0;
    line-height : 1.89;
    letter-spacing : 0.04em;
  }
  .p-creation-section4__inner-ul-paragraph sup {
    font-size : 2.6666666667vw;
    vertical-align : sub;
  }
  .p-creation-section4__list-dl4 {
    text-align : left;
    overflow : hidden;
  }
  .p-creation-section4__list-dl4 > dt {
    font-size : 5.0666666667vw;
    font-weight : bold;
    margin-bottom : 2.9333333333vw;
    letter-spacing : 0.02em;
  }
  .p-creation-section4__list-dl4-image {
    width : 100%;
    margin-bottom : 9.0666666667vw;
  }
  .p-creation-section4__list-dl4-image img {
    border-radius : 1.3333333333vw;
  }
  .p-creation-section4__list-dl4-image figcaption {
    margin-top : 2.9333333333vw;
    font-size : 3.2vw;
    text-align : center;
  }
  .p-creation-section4__inner-ul2 {
    margin-bottom : 4.8vw;
  }
  .p-creation-section4__inner-ul2 li {
    display : flex;
    align-items : flex-start;
  }
  .p-creation-section4__inner-ul2 li::before {
    content : "";
    display : block;
    margin-top : 2.4vw;
    margin-right : 1.3333333333vw;
    width : 4.2666666667vw;
    height : 3.2vw;
    background-image : url("/common/img/carbon-free/creation_icon_check.svg");
    background-repeat : no-repeat;
    background-size : contain;
    flex-shrink : 0;
  }
  .p-creation-section4__inner-ul2 .p-creation-section4__inner-ul-paragraph {
    font-size : 3.7333333333vw;
    margin-bottom : 0;
    line-height : 2;
  }
  .p-creation-section4__inner-ul2 .p-creation-section4__inner-ul-paragraph span {
    font-weight : bold;
  }
  .p-creation-section4__box3 {
    margin-bottom : 6.1333333333vw;
    padding : 4.2666666667vw 6.4vw;
    width : 100%;
    background-color : #f1f1f1;
    border-radius : 2.6666666667vw;
  }
  .p-creation-section4__box3-left {
    text-align : left;
  }
  .p-creation-section4__box3-right {
    display : none;
  }
  .p-creation-section4__box3-tag {
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 12vw;
    min-height : 5.6vw;
    margin-bottom : 18px;
    padding : 0.5333333333vw 2.4vw;
    color : #fff;
    background-color : #55930f;
    border-radius : 6px;
    font-size : 3.2vw;
    font-weight : bold;
  }
  .p-creation-section4__box4 {
    padding : 9.0666666667vw 6.4vw 5.3333333333vw;
    width : 100%;
    background-color : #f1f1f1;
    border-radius : 2.1333333333vw;
  }
  .p-creation-section4__box4-tag {
    display : flex;
    align-items : center;
    justify-content : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 12vw;
    min-height : 5.6vw;
    margin-bottom : 2.9333333333vw;
    padding : 0.5333333333vw 1.3333333333vw 0.8vw;
    font-size : 3.2vw;
    font-weight : bold;
    color : #fff;
    background-color : #55930f;
    border-radius : 1.3333333333vw;
    line-height : 1;
  }
  .p-creation-section4__box5 {
    padding : 9.0666666667vw 6.4vw 13.3333333333vw;
    width : 100%;
    background-color : #f1f1f1;
    border-radius : 2.1333333333vw;
  }
  .p-creation-section4__box5-tag {
    display : flex;
    align-items : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 12vw;
    min-height : 5.6vw;
    margin-bottom : 3.4666666667vw;
    padding : 0.5333333333vw 2.1333333333vw 0.8vw;
    font-size : 3.2vw;
    font-weight : bold;
    color : #fff;
    background-color : #55930f;
    border-radius : 1.3333333333vw;
    line-height : 1;
  }
  .p-creation-section4__heading3 {
    margin-bottom : 4.5333333333vw;
    font-size : 4.8vw;
    line-height : 7.2vw;
    font-weight : bold;
    letter-spacing : -0.07em;
    text-align : left;
  }
  .p-creation-section4__paragraph3 {
    text-align : left;
    margin-bottom : 6.6666666667vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-creation-section4__image4 {
    margin-bottom : 5.0666666667vw;
    width : 100%;
    height : auto;
  }
  .p-creation-section4__link {
    position : relative;
    display : inline-block;
    border-bottom : solid 1px #55930f;
    font-size : 3.7333333333vw;
    line-height : 8vw;
    height : 8vw;
    margin-right : 4.5333333333vw;
    color : #55930f;
    font-weight : bold;
  }
  .p-creation-section4__link:after {
    position : absolute;
    top : 65%;
    transform : translateY(-50%);
    right : -5.3333333333vw;
    display : block;
    width : 4.5333333333vw;
    height : 3.4666666667vw;
    content : "";
    background-position : center;
    background-size : 4.5333333333vw 3.4666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-blank_sp.png");
  }
  .p-creation-section4__image2 {
    display : none;
  }
  .p-creation-section4__note-list {
    margin-bottom : 5.3333333333vw;
    text-align : left;
  }
  .p-creation-section4__note-paragraph {
    font-size : 3.2vw;
    line-height : 1.41;
    letter-spacing : 0.04em;
    margin-bottom : 0;
    text-align : left;
  }
  .p-creation-section4__note-paragraph2 {
    display : flex;
    font-size : 3.2vw;
    line-height : 1.41;
    letter-spacing : 0.04em;
    margin-bottom : 0;
    text-align : left;
  }
  .p-creation-section4__note-paragraph2:before {
    content : "（注）";
    display : block;
  }
}
@media screen and (min-width: 768px), print {
  .p-creation-footer {
    padding-top : 220px;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg4.png");
  }
  .p-creation-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-creation-footer__bg:before {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 1031px;
    height : 695px;
    background-position : left top;
    background-size : 1031px 695x;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/creation_bg5.png");
  }
  .p-creation-footer__bg:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/creation_bg-image7.png");
  }
  .p-creation-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-creation-footer__bg2:before {
    position : absolute;
    top : -222px;
    left : -5px;
    display : block;
    content : "";
    width : 275px;
    height : 879px;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image6.png");
  }
  .p-creation-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    padding-bottom : 270px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-creation-footer__section {
    border-radius : 10px;
    padding : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-creation-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 45px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -17px;
    line-height : 1;
  }
  .p-creation-footer__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-creation-footer__paragraph {
    margin-bottom : 25px;
    font-size : 18px;
    line-height : 35px;
  }
  .p-creation-footer__box {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-creation-footer__box-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-creation-footer__box-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-creation-footer__list-dl > dt {
    margin-bottom : 10px;
    display : inline-block;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-creation-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-creation-footer__paragraph2 {
    font-family : "senobi";
    font-size : 24px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-creation-footer__link {
    position : relative;
    display : block;
    width : 100%;
    max-width : 460px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-creation-footer__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-right2.png");
  }
  .p-creation-footer__link:hover, .p-creation-footer__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-creation-footer__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-creation-footer {
    padding-top : 10.6666666667vw;
    padding-bottom : 40vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg4_sp.png");
  }
  .p-creation-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-creation-footer__bg:before {
    position : absolute;
    top : -29.8666666667vw;
    left : 0;
    display : block;
    content : "";
    width : 49.6vw;
    height : 58.9333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg-image5_sp.png");
  }
  .p-creation-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 57.3333333333vw;
    height : 77.0666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg5_sp.png");
  }
  .p-creation-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-creation-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/creation_bg-image6_sp.png");
  }
  .p-creation-footer__container {
    margin-top : 13.3333333333vw;
    padding : 0 8vw;
    text-align : center;
  }
  .p-creation-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    padding : 6.6666666667vw 6.6666666667vw 10.6666666667vw 6.6666666667vw;
    text-align : left;
    background-color : #fff;
  }
  .p-creation-footer__heading {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -2.1333333333vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-creation-footer__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-creation-footer__paragraph {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-creation-footer__box {
    text-align : center;
  }
  .p-creation-footer__box-left {
    margin-bottom : 4vw;
  }
  .p-creation-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-creation-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-creation-footer__paragraph2 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-creation-footer__link {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-creation-footer__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-right2.png");
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display : none;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-activation__container {
    background-color : #eef6e5;
  }
}
@media screen and (min-width: 768px), print {
  .p-activation-hero {
    position : relative;
    z-index : 1;
    padding-bottom : 65px;
    background-position : bottom 94px center;
    background-size : 100% 160px;
    background-color : #eef6e5;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg2.png");
  }
  .p-activation-hero__container {
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg.png");
  }
  .p-activation-hero__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-activation-hero__container2:before {
    content : "";
    display : block;
    padding-top : 46%;
  }
  .p-activation-hero__container2:after {
    position : absolute;
    z-index : 1;
    bottom : -350px;
    right : -850px;
    display : block;
    content : "";
    width : 1271px;
    height : 464px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image.png");
  }
  .p-activation-hero__container2--inner {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
  }
  .p-activation-hero__box {
    position : absolute;
    top : 46%;
    left : 0;
    right : 0;
    margin : auto;
    transform : translateY(-50%);
    width : 50%;
  }
  .p-activation-hero__heading {
    position : relative;
    margin-bottom : 35px;
    font-family : "senobi";
    text-align : center;
    color : #fff;
    font-size : 65px;
    font-weight : bold;
    letter-spacing : -10px;
    line-height : 1;
  }
  .p-activation-hero__heading > span {
    display : inline-block;
    transform : translateY(5px);
    font-size : 70px;
    letter-spacing : -10px;
    line-height : 1;
  }
  .p-activation-hero__heading:before {
    transform : translateY(20%);
    content : "";
    width : 53px;
    height : 70px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon.png");
  }
  .p-activation-hero__paragraph {
    margin-bottom : 20px;
    font-family : "senobi";
    font-size : 22px;
    text-align : center;
    line-height : 28px;
    color : #fff;
  }
  .p-activation-hero__image {
    display : none;
  }
  .p-activation-hero__paragraph2 {
    font-size : 18px;
    line-height : 31px;
    color : #fff;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1920px) {
  .p-activation-hero__container {
    position : relative;
    left : 50%;
    transform : translateX(-50%);
    margin : 0 auto;
    width : 100%;
    min-width : 1920px;
  }
}
@media screen and (max-width: 767px) {
  .p-activation-hero {
    padding-bottom : 12vw;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg2_sp.png");
  }
  .p-activation-hero__container {
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg_sp.png");
  }
  .p-activation-hero__container2 {
    padding : 18.6666666667vw 8vw 0 8vw;
  }
  .p-activation-hero__box {
    text-align : center;
  }
  .p-activation-hero__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 4vw;
    padding-left : 13.3333333333vw;
    font-family : "senobi";
    color : #fff;
    font-size : 15.7333333333vw;
    font-weight : bold;
    letter-spacing : -6.6666666667vw;
    line-height : 1;
    transform : translateX(-2.6666666667vw);
  }
  .p-activation-hero__heading > span {
    display : inline-block;
    transform : translateY(1.3333333333vw);
    font-size : 18.6666666667vw;
    letter-spacing : -3.7333333333vw;
    line-height : 1;
  }
  .p-activation-hero__heading:before {
    position : absolute;
    top : 50%;
    left : 0;
    transform : translateY(-50%);
    display : block;
    content : "";
    width : 12vw;
    height : 14.6666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon_sp.png");
  }
  .p-activation-hero__paragraph {
    margin-bottom : 17.8666666667vw;
    font-family : "senobi";
    font-size : 4.8vw;
    line-height : 6.1333333333vw;
    letter-spacing : -1.0666666667vw;
    color : #fff;
  }
  .p-activation-hero__image {
    display : block;
    width : 94.9333333333vw;
    height : auto;
    max-width : none;
    transform : translate(-2.6666666667vw, -1.3333333333vw);
  }
  .p-activation-hero__paragraph2 {
    margin-top : -1.3333333333vw;
    font-size : 3.7333333333vw;
    line-height : 6.6666666667vw;
    text-align : left;
  }
}
@media screen and (min-width: 768px), print {
  .p-activation-section {
    z-index : 1;
    position : relative;
    padding-bottom : 160px;
    background-position : bottom center;
    background-size : 100% 140px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg3.png");
  }
  .p-activation-section__container {
    position : relative;
    padding : 0 50px;
    width : 100%;
    text-align : center;
  }
  .p-activation-section__container:after {
    position : absolute;
    z-index : -1;
    top : 367px;
    left : 0;
    display : block;
    content : "";
    width : 339px;
    height : 690px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image2.png");
  }
  .p-activation-section__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -12px;
    line-height : 1.3em;
    transform : translateX(-7.5px);
  }
  .p-activation-section__heading:after {
    position : absolute;
    bottom : -5px;
    left : 7px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-activation-section__link2 {
    margin-top : 50px;
    display : inline-block;
    width : 278px;
    line-height : 60px;
    height : 60px;
    text-align : center;
    font-size : 18px;
    font-weight : bold;
    border-radius : 10px;
    color : #fff;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-activation-section__link2:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-activation-section {
    position : relative;
    padding-top : 8vw;
    padding-bottom : 22.6666666667vw;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg3_sp.png");
  }
  .p-activation-section__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-activation-section__bg:after {
    position : absolute;
    bottom : -2.6666666667vw;
    right : 0;
    display : block;
    content : "";
    width : 32vw;
    height : 56.5333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image3_sp.png");
  }
  .p-activation-section__container {
    position : relative;
    z-index : 1;
    text-align : center;
  }
  .p-activation-section__heading {
    transform : translateX(-2.6666666667vw);
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-activation-section__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-activation-section__link2 {
    margin-top : 5.3333333333vw;
    display : inline-block;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-activation-section2 {
    z-index : 1;
    position : relative;
    padding-top : 140px;
    padding-bottom : 50px;
  }
  .p-activation-section2__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-activation-section2__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-activation-section2__box {
    margin-bottom : 95px;
    display : flex;
  }
  .p-activation-section2__box-left {
    flex-basis : 34%;
    padding-right : 20px;
  }
  .p-activation-section2__box-right {
    flex-basis : 66%;
    padding-left : 20px;
  }
  .p-activation-section2__image {
    margin : 0 auto;
    display : block;
    width : 100%;
    height : auto;
  }
  .p-activation-section2__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-size : 36px;
    font-weight : bold;
    line-height : 60px;
    white-space : nowrap;
  }
  .p-activation-section2__heading2 {
    margin-bottom : 20px;
    font-size : 24px;
    line-height : 38px;
    color : #fff;
    background-color : #55930f;
    border-radius : 10px;
    padding : 10px 0;
  }
  .p-activation-section2__paragraph {
    font-size : 18px;
    line-height : 40px;
    text-align : left;
  }
  .p-activation-section2__paragraph > span {
    font-size : 1.2em;
    background : linear-gradient(transparent 75%, #eaff00 75%);
    font-weight : bold;
  }
  .p-activation-section2__image2 {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-activation-section2__block {
    background-color : #eef6e5;
    padding : 60px 35px 50px;
    margin-top : -10px;
    border-radius : 0 0 10px 10px;
    position : relative;
  }
  .p-activation-section2__block::before {
    position : absolute;
    top : -15px;
    left : 50%;
    transform : translateX(-50%);
    content : "";
    background : url("/common/img/carbon-free/ar_dowm.svg") no-repeat;
    background-size : contain;
    width : 60px;
    height : 60px;
  }
  .p-activation-section2__block .p-activation-section2__box {
    align-items : center;
    justify-content : center;
  }
  .p-activation-section2__block .p-activation-section3__heading2 {
    font-size : 18px;
    font-weight : normal;
  }
  .p-activation-section2__block .p-activation-section2__paragraph {
    font-size : 18px;
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-activation-section2__block .p-activation-section2__paragraph a {
    font-size : 16px;
  }
  .p-activation-section2__block .p-activation-section2__box-left {
    padding-right : 0;
    flex-basis : initial;
  }
  .p-activation-section2__block .p-activation-section2__box-right {
    flex-basis : initial;
  }
  .p-activation-section2__block .p-activation-section2__image {
    width : 180px;
    height : auto;
  }
}
@media screen and (max-width: 767px) {
  .p-activation-section2 {
    position : relative;
    padding-top : 20vw;
    padding-bottom : 8vw;
  }
  .p-activation-section2__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-activation-section2__bg:after {
    position : absolute;
    top : -32vw;
    left : 0;
    display : block;
    content : "";
    width : 34.1333333333vw;
    height : 54.6666666667vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image2_sp.png");
  }
  .p-activation-section2__container {
    padding : 0 8vw;
  }
  .p-activation-section2__heading {
    margin-bottom : 1.3333333333vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 8vw;
    text-align : center;
  }
  .p-activation-section2__heading2 {
    margin-bottom : 4vw;
    font-size : 18px;
    font-weight : bold;
    line-height : 7.7333333333vw;
    text-align : center;
    background-color : #55930f;
    color : #fff;
    border-radius : 2.1333333333vw;
    padding : 10px;
  }
  .p-activation-section2__image {
    display : block;
    width : 100%;
    margin : 0 auto;
    margin-bottom : 7.4666666667vw;
  }
  .p-activation-section2__paragraph {
    margin-bottom : 6.6666666667vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-activation-section2__paragraph > span {
    font-size : 1.2em;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-section2__image2 {
    width : 100%;
    height : auto;
    margin-bottom : 2.6666666667vw;
    display : block;
  }
  .p-activation-section2__block {
    background-color : #eef6e5;
    padding : 50px 10px 30px;
    margin-top : -20px;
    border-radius : 0 0 10px 10px;
    position : relative;
  }
  .p-activation-section2__block::before {
    position : absolute;
    top : 10px;
    right : 50%;
    left : 50%;
    transform : translateX(-50%);
    content : "";
    background : url("/common/img/carbon-free/ar_dowm.svg") no-repeat;
    background-size : contain;
    width : 40px;
    height : 40px;
  }
  .p-activation-section2__block .p-activation-section2__box {
    display : flex;
    align-items : center;
  }
  .p-activation-section2__block .p-activation-section2__box .p-activation-section2__box-left {
    flex-basis : 35%;
  }
  .p-activation-section2__block .p-activation-section2__box .p-activation-section2__box-right {
    flex-basis : 65%;
  }
  .p-activation-section2__block .p-activation-section3__heading2 {
    font-size : 16px;
    text-align : left;
    margin-bottom : 0;
    font-weight : normal;
    line-height : 2;
    margin-bottom : 10px;
  }
  .p-activation-section2__block .p-activation-section2__image {
    width : auto;
    margin-bottom : 0;
    padding-right : 10px;
  }
  .p-activation-section2__block .p-activation-section2__paragraph {
    font-size : 14px;
    font-weight : bold;
    margin-bottom : 0;
    line-height : 1.6;
  }
  .p-activation-section2__block .p-activation-section2__paragraph a {
    font-size : 14px;
    line-height : 2;
  }
}
@media screen and (min-width: 768px), print {
  .p-activation-section3 {
    position : relative;
    padding-top : 60px;
  }
  .p-activation-section3__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-activation-section3__bg:before {
    position : absolute;
    top : -560px;
    right : 0;
    display : block;
    content : "";
    width : 270px;
    height : 757px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image3.png");
  }
  .p-activation-section3__bg:after {
    position : absolute;
    top : 140px;
    left : 0;
    display : block;
    content : "";
    width : 279px;
    height : 585px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image4.png");
  }
  .p-activation-section3__container {
    position : relative;
    margin : 0 auto;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-activation-section3__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 105px;
    font-size : 30px;
    font-weight : bold;
    line-height : 45px;
    white-space : nowrap;
  }
  .p-activation-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-section3__list-ol {
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
  }
  .p-activation-section3__list-ol > li {
    position : relative;
    margin : 0 22px;
    margin-bottom : 95px;
    padding : 85px 30px 30px 30px;
    width : calc((100% - 56px) / 3 - 44px);
    border-radius : 10px;
    background-color : #f1f1f1;
  }
  .p-activation-section3__list-dl--point1 > dd {
    padding-bottom : 60px;
  }
  .p-activation-section3__list-dl > dt {
    position : absolute;
    top : -50px;
    left : 50%;
    padding-top : 15px;
    transform : translateX(-50%);
    width : 90px;
    height : 90px;
    border-radius : 10px;
    font-size : 16px;
    line-height : 1em;
    color : #fff;
    background-color : #55930f;
  }
  .p-activation-section3__list-dl > dt > span {
    display : block;
    font-size : 47px;
    font-weight : bold;
    line-height : 1em;
  }
  .p-activation-section3__heading2 {
    margin-bottom : 20px;
    font-size : 24px;
    font-weight : bold;
    line-height : 38px;
    color : #55930f;
  }
  .p-activation-section3__paragraph {
    margin-bottom : 35px;
    font-size : 18px;
    font-feature-settings : "palt";
    line-height : 36px;
    text-align : left;
  }
  .p-activation-section3__figure {
    margin-bottom : 0;
  }
  .p-activation-section3__figure > img {
    display : block;
    margin-bottom : 10px;
    width : 100%;
    height : auto;
  }
  .p-activation-section3__figure > figcaption {
    font-size : 10px;
    line-height : 22px;
    text-align : center;
  }
  .p-activation-section3__paragraph2 {
    position : absolute;
    bottom : 0;
    left : 0;
    padding : 30px 30px 10px 30px;
    width : 100%;
    font-size : 12px;
    line-height : 22px;
    text-align : left;
  }
  .p-activation-section3__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-activation-section3__box {
    position : relative;
    display : table;
    width : 100%;
    table-layout : fixed;
    border-radius : 10px;
    background-color : #eef4e7;
  }
  .p-activation-section3__box-left {
    position : relative;
    display : table-cell;
    width : 30%;
    vertical-align : middle;
    text-align : center;
    padding : 30px 40px;
    padding-right : 5px;
  }
  .p-activation-section3__box-right {
    position : relative;
    display : table-cell;
    width : 70%;
    vertical-align : middle;
    text-align : center;
    padding : 30px 40px;
    padding-left : 5px;
  }
  .p-activation-section3__box2 {
    position : absolute;
    top : 30px;
    left : 40px;
    right : 5px;
    bottom : 30px;
    border-radius : 10px;
    padding : 40px 30px;
    background-color : #fff;
  }
  .p-activation-section3__box3 {
    border-radius : 10px;
    padding : 40px 30px;
    background-color : #fff;
  }
  .p-activation-section3__heading3 {
    margin-bottom : 10px;
    font-size : 26px;
    line-height : 36px;
    font-weight : bold;
  }
  .p-activation-section3__paragraph3 {
    margin-bottom : 30px;
    position : relative;
    display : block;
    font-size : 14px;
    line-height : 22px;
  }
  .p-activation-section3__paragraph3 > span {
    font-size : 17px;
    font-weight : bold;
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-section3__image {
    position : absolute;
    top : 50%;
    left : 50%;
    transform : translate(-50%, -50%);
    display : block;
    width : calc(100% - 60px);
    max-width : 214px;
  }
  .p-activation-section3__image {
    display : inline-block;
  }
}
@media screen and (max-width: 767px) {
  .p-activation-section3 {
    z-index : 1;
    position : relative;
    padding-top : 2.6666666667vw;
    padding-bottom : 18.6666666667vw;
  }
  .p-activation-section3__bg {
    display : none;
  }
  .p-activation-section3__container {
    padding : 0 8vw;
  }
  .p-activation-section3__heading {
    position : relative;
    display : block;
    margin-bottom : 17.3333333333vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 8vw;
    text-align : center;
    letter-spacing : -0.03em;
  }
  .p-activation-section3__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-section3__list-ol > li {
    position : relative;
    margin-bottom : 16vw;
    padding : 12vw 8vw 8vw 8vw;
    border-radius : 2.6666666667vw;
    background-color : #f1f1f1;
  }
  .p-activation-section3__list-dl > dt {
    position : absolute;
    top : -9.3333333333vw;
    left : 50%;
    padding-top : 2.6666666667vw;
    transform : translateX(-50%);
    width : 17.3333333333vw;
    height : 17.3333333333vw;
    border-radius : 2.1333333333vw;
    font-size : 2.9333333333vw;
    line-height : 1em;
    text-align : center;
    color : #fff;
    background-color : #55930f;
  }
  .p-activation-section3__list-dl > dt > span {
    display : block;
    font-size : 8.5333333333vw;
    font-weight : bold;
    line-height : 1em;
  }
  .p-activation-section3__heading2 {
    margin-bottom : 4vw;
    font-size : 5.0666666667vw;
    font-weight : bold;
    line-height : 7.7333333333vw;
    text-align : center;
    color : #55930f;
  }
  .p-activation-section3__paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 6.9333333333vw;
    text-align : left;
  }
  .p-activation-section3__figure {
    margin-top : 5.3333333333vw;
    margin-bottom : 0;
  }
  .p-activation-section3__figure > img {
    display : block;
    margin-bottom : 2.6666666667vw;
    width : 100%;
    height : auto;
  }
  .p-activation-section3__figure > figcaption {
    font-size : 2.6666666667vw;
    line-height : 3.7333333333vw;
    text-align : center;
  }
  .p-activation-section3__paragraph2 {
    margin-top : 5.3333333333vw;
    margin-bottom : 0;
    font-size : 2.9333333333vw;
    line-height : 5.3333333333vw;
    text-align : left;
  }
  .p-activation-section3__container2 {
    position : relative;
    padding : 0 8vw;
    text-align : center;
  }
  .p-activation-section3__box {
    position : relative;
    border-radius : 2.6666666667vw;
    background-color : #eef4e7;
  }
  .p-activation-section3__box-left {
    position : relative;
    padding : 8vw;
    padding-bottom : 0;
  }
  .p-activation-section3__box-right {
    position : relative;
    padding : 8vw;
  }
  .p-activation-section3__box2 {
    border-radius : 2.6666666667vw;
    padding : 5.3333333333vw;
    background-color : #fff;
  }
  .p-activation-section3__box3 {
    border-radius : 2.6666666667vw;
    padding : 5.3333333333vw;
    background-color : #fff;
  }
  .p-activation-section3__heading3 {
    margin-bottom : 1.3333333333vw;
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
  }
  .p-activation-section3__paragraph3 {
    margin-bottom : 4vw;
    position : relative;
    display : block;
    font-size : 3.2vw;
    line-height : 5.3333333333vw;
  }
  .p-activation-section3__paragraph3 > span {
    font-size : 3.7333333333vw;
    font-weight : bold;
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-section3__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-activation-section3__image {
    display : block;
    width : 100%;
    height : auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-activation-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg4.png");
  }
  .p-activation-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-activation-footer__bg:before {
    position : absolute;
    top : -310px;
    left : 0;
    display : block;
    content : "";
    width : 227px;
    height : 724px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image5.png");
  }
  .p-activation-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-activation-footer__bg2:before {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 100%;
    height : 678px;
    background-position : right bottom;
    background-size : 1006px 678px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg5.png");
  }
  .p-activation-footer__bg2:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/activation_bg-image7.png");
  }
  .p-activation-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 0 23px 0 50px;
    padding-top : 185px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-activation-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-size : 30px;
    line-height : 45px;
    font-weight : bold;
  }
  .p-activation-footer__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    padding-bottom : 270px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-activation-footer__section {
    border-radius : 10px;
    padding : 70px;
    padding-bottom : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-activation-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -20px;
    line-height : 1;
  }
  .p-activation-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-activation-footer__heading2 > span > span {
    display : inline-block;
    transform : translateY(5px);
    font-size : 65px;
    letter-spacing : -13px;
    line-height : 1;
  }
  .p-activation-footer__paragraph2 {
    margin-bottom : 30px;
    font-size : 18px;
    line-height : 35px;
  }
  .p-activation-footer__box2 {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-activation-footer__box2-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-activation-footer__box2-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-activation-footer__list-dl > dt {
    margin-bottom : 10px;
    display : inline-block;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-activation-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-footer__paragraph3 {
    font-family : "senobi";
    font-size : 24px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-activation-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 460px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-activation-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
  .p-activation-footer__link2:hover, .p-activation-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-activation-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-activation-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .p-activation-footer {
    padding-top : 17.3333333333vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg4_sp.png");
  }
  .p-activation-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-activation-footer__bg:before {
    position : absolute;
    top : -45.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 44vw;
    height : 64vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg-image3_sp.png");
  }
  .p-activation-footer__bg:after {
    position : absolute;
    bottom : 9.3333333333vw;
    left : 0;
    display : block;
    content : "";
    width : 66.6666666667vw;
    height : 63.7333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg5_sp.png");
  }
  .p-activation-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-activation-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/activation_bg-image4_sp.png");
  }
  .p-activation-footer__container {
    padding : 0;
    text-align : center;
  }
  .p-activation-footer__heading {
    transform : translateX(-10px);
    position : relative;
    display : inline-block;
    margin-bottom : 5.3333333333vw;
    font-size : 5.3333333333vw;
    line-height : 12vw;
    font-weight : bold;
  }
  .p-activation-footer__container2 {
    margin-top : 13.3333333333vw;
    padding : 0 5.3333333333vw;
    text-align : center;
  }
  .p-activation-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    padding : 6.6666666667vw 9.3333333333vw 10.6666666667vw 9.3333333333vw;
    text-align : left;
    background-color : #fff;
  }
  .p-activation-footer__heading2 {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -2.1333333333vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-activation-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-activation-footer__heading2 > span > span {
    display : inline-block;
    transform : translateY(0.5333333333vw);
    font-size : 8vw;
    letter-spacing : -1.3333333333vw;
    line-height : 10.1333333333vw;
  }
  .p-activation-footer__paragraph2 {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-activation-footer__box2 {
    text-align : center;
  }
  .p-activation-footer__box2-left {
    margin-bottom : 4vw;
  }
  .p-activation-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-activation-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-activation-footer__paragraph3 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-activation-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-activation-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display : none;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-case-button {
    position : fixed;
    right : 0;
    top : 50%;
    transform : translateY(-50%);
    z-index : 1000;
    width : 80px;
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
  }
  .p-case-button__link {
    width : 80px;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 26px;
    font-weight : bold;
    line-height : 1;
    letter-spacing : 0.18em;
    padding-top : 65px;
    padding-bottom : 30px;
    border-radius : 10px 0 0 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 36px;
    height : 25px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 30px;
    left : 50%;
    transform : translateX(-50%);
  }
  .p-case-button__link:hover, .p-case-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-case-button {
    position : fixed;
    bottom : 0;
    z-index : 1000;
    width : 100%;
  }
  .p-case-button__link {
    width : 100%;
    position : relative;
    display : block;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 6vw;
    letter-spacing : 0.05em;
    padding-top : 4vw;
    padding-bottom : 4vw;
    padding-left : 8vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
    border-top : solid 0.4vw #fff;
  }
  .p-case-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 5.6vw;
    height : 3.4666666667vw;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 55%;
    left : 29.3333333333vw;
    transform : translateY(-55%);
  }
  .p-case-button__link:hover, .p-case-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (min-width: 768px), print {
  .p-case__wrapper {
    position : relative;
    padding-bottom : 100px;
    background-color : #eef6e5;
  }
  .p-case__wrapper:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/case_bg-image2.png");
  }
  .p-case__container {
    position : relative;
    margin : 0 auto;
    padding : 60px 37px 230px 37px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-case__saving-container:not(:last-child) {
    margin-bottom : 150px;
  }
  .p-case__heading {
    margin-bottom : 40px;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -13px;
    line-height : 1.3em;
    border-bottom : solid 5px #56950f;
  }
  .p-case__heading2 {
    font-size : 30px;
    font-weight : bold;
    margin-bottom : 35px;
  }
  .p-case__saving {
    position : relative;
  }
  .p-case__saving:before {
    content : "";
    position : absolute;
    top : 0;
    right : 0;
    width : 240px;
    height : 646px;
    background-image : url("/common/img/carbon-free/case_bg-image3.png");
  }
  .p-case__creation {
    position : relative;
  }
  .p-case__creation:before {
    content : "";
    position : absolute;
    top : 0;
    left : 0;
    width : 289px;
    height : 719px;
    background-image : url("/common/img/carbon-free/case_bg-image4.png");
  }
  .p-case__green {
    position : relative;
  }
  .p-case__green:before {
    content : "";
    position : absolute;
    top : 0;
    right : 0;
    width : 287px;
    height : 767px;
    background-image : url("/common/img/carbon-free/case_bg-image5.png");
  }
  .p-case__list-ul {
    margin : 0 auto;
    display : flex;
    flex-wrap : wrap;
  }
  .p-case__list-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-case__list-ul--center {
    justify-content : center;
  }
  .p-case__list-item {
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-case__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case__box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-case__paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-case__paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-case__link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-case__link:hover, .p-case__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-case__accordion-title {
    position : relative;
    width : 500px;
    margin : 0 auto;
    padding : 30px;
    color : #5a9a10;
    font-size : 24px;
    font-weight : bold;
    line-height : 36px;
    border-bottom : 1px solid #5a9a10;
  }
  .p-case__accordion-title:hover {
    cursor : pointer;
  }
  .p-case__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-case__accordion-title:before {
    position : absolute;
    top : 50%;
    right : 0;
    width : 30px;
    height : 5px;
    background-color : #5a9a10;
    transform-origin : center;
    content : "";
  }
  .p-case__accordion-title:after {
    position : absolute;
    top : 50%;
    right : 0;
    width : 30px;
    height : 5px;
    background-color : #5a9a10;
    transform-origin : center;
    transition : 0.3s;
    transform : rotate(90deg);
    content : "";
  }
  .p-case__accordion-title.open {
    border-top : 1px solid #5a9a10;
    border-bottom : 0;
  }
  .p-case__accordion-title.open:after {
    transform : rotate(180deg);
  }
  .p-case__accordion-content {
    display : none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-case__list-ul > li {
    margin-bottom : 2.6923076923vw;
  }
  .p-case__list-item {
    margin-left : 1vw;
    margin-right : 1vw;
    padding-bottom : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-case__box {
    padding : 2.6923076923vw 1.5384615385vw 1.9230769231vw;
  }
  .p-case__paragraph {
    font-size : 1.2307692308vw;
    line-height : 2.1538461538vw;
  }
  .p-case__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-case__link {
    bottom : 2.3076923077vw;
    width : 12.3076923077vw;
    border-radius : 0.7692307692vw;
    line-height : 2.4615384615vw;
    height : 2.9230769231vw;
    font-size : 1.2307692308vw;
    background-position : right 0.7692307692vw center;
    background-size : 0.7692307692vw 1.2307692308vw;
  }
  .p-case__link:hover, .p-case__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-case__wrapper {
    position : relative;
    padding-bottom : 26.6666666667vw;
    background-color : #eef6e5;
  }
  .p-case__wrapper:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100vw;
    height : 21.8666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/case_bg-image2_sp.png");
  }
  .p-case__container {
    padding : 0 8vw 34.6666666667vw;
    text-align : center;
    position : relative;
    margin : 0 auto;
    width : 100%;
  }
  .p-case__saving-container:not(:last-child) {
    margin-bottom : 29.3333333333vw;
  }
  .p-case__heading {
    position : relative;
    display : inline-block;
    padding-bottom : 1.3333333333vw;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
    border-bottom : solid 1.0666666667vw #56950f;
  }
  .p-case__heading--other {
    letter-spacing : -1.6vw;
  }
  .p-case__heading2 {
    font-size : 5.3333333333vw;
    font-weight : bold;
    font-feature-settings : "palt";
    margin-bottom : 6.6666666667vw;
  }
  .p-case__saving {
    position : relative;
    padding-top : 10.6666666667vw;
  }
  .p-case__saving:before {
    content : "";
    position : absolute;
    top : 320vw;
    right : 0;
    width : 30.9333333333vw;
    height : 64.5333333333vw;
    background-size : 30.9333333333vw 64.5333333333vw;
    background-image : url("/common/img/carbon-free/case_bg-image3_sp.png");
  }
  .p-case__creation {
    position : relative;
  }
  .p-case__creation:before {
    content : "";
    position : absolute;
    bottom : 10.6666666667vw;
    left : 0;
    width : 40.8vw;
    height : 64.5333333333vw;
    background-size : 40.8vw 64.5333333333vw;
    background-image : url("/common/img/carbon-free/case_bg-image4_sp.png");
  }
  .p-case__green {
    position : relative;
  }
  .p-case__green:before {
    content : "";
    position : absolute;
    bottom : 5.3333333333vw;
    right : 0;
    width : 39.4666666667vw;
    height : 64.2666666667vw;
    background-size : 39.4666666667vw 64.2666666667vw;
    background-image : url("/common/img/carbon-free/case_bg-image5_sp.png");
  }
  .p-case__list-ul {
    margin-bottom : 4vw;
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
  }
  .p-case__list-ul > li {
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
    position : relative;
  }
  .p-case__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case__box {
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-case__paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-case__paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-case__link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-case__link:hover, .p-case__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-case__accordion-title {
    position : relative;
    padding : 3.7333333333vw;
    color : #5a9a10;
    font-size : 4vw;
    font-weight : bold;
    line-height : 4.8vw;
    border-bottom : 1px solid #5a9a10;
  }
  .p-case__accordion-title:hover {
    cursor : pointer;
  }
  .p-case__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-case__accordion-title:before {
    position : absolute;
    top : 50%;
    right : 26.6666666667vw;
    width : 2.9333333333vw;
    height : 0.4vw;
    background-color : #5a9a10;
    transform-origin : center;
    content : "";
  }
  .p-case__accordion-title:after {
    position : absolute;
    top : 50%;
    right : 26.6666666667vw;
    width : 2.9333333333vw;
    height : 0.4vw;
    background-color : #5a9a10;
    transform-origin : center;
    transition : 0.3s;
    transform : rotate(90deg);
    content : "";
  }
  .p-case__accordion-title.open {
    border-top : 1px solid #5a9a10;
    border-bottom : 0;
  }
  .p-case__accordion-title.open:after {
    transform : rotate(180deg);
  }
  .p-case__accordion-content {
    display : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-case-hero {
    background-position : bottom 40px center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg.png");
  }
  .p-case-hero.p-case-hero-02 {
    background-image : url("/common/img/carbon-free/case_bg-02.png");
  }
  .p-case-hero.p-case-hero-03 {
    background-image : url("/common/img/carbon-free/case_bg-03.png");
  }
  .p-case-hero.p-case-hero-04 {
    background-image : url("/common/img/carbon-free/case_bg-04.png");
  }
  .p-case-hero.p-case-hero-05 {
    background-size : cover;
    background-image : url("/common/img/carbon-free/case/development/common/case_bg-05.png");
  }
  .p-case-hero.p-case-hero-06 {
    background-image : url("/common/img/carbon-free/demand-response/dr_kv_pc.png");
  }
  .p-case-hero__container {
    margin : 0 auto;
    padding : 0 50px;
    padding-top : 130px;
    width : 100%;
    max-width : 1300px;
  }
  .p-case-hero__container--index {
    padding-top : 110px;
    padding-bottom : 160px;
  }
  .p-case-hero__container--development {
    padding-top : 90px;
    padding-bottom : 150px;
  }
  .p-case-hero__heading {
    margin-bottom : 35px;
    font-size : 40px;
    line-height : 45px;
    font-weight : bold;
    text-align : center;
    color : #fff;
  }
  .p-case-hero__heading--index {
    color : #000;
  }
  .p-case-hero__heading2 {
    margin-bottom : 30px;
    font-size : 70px;
    font-weight : bold;
    color : #fff;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    letter-spacing : -15px;
    line-height : 1.3em;
    color : #56950f;
    left : -13px;
  }
  .p-case-hero__heading2 span {
    display : inline-block;
  }
  .p-case-hero__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 170px;
    text-align : center;
    height : 30px;
    color : #fff;
    font-size : 16px;
    font-weight : bold;
    line-height : 30px;
    border-radius : 6px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-hero__name {
    margin-top : 10px;
    margin-bottom : 40px;
    font-size : 20px;
    font-weight : bold;
  }
  .p-case-hero__paragraph {
    margin-bottom : 150px;
    font-size : 24px;
    line-height : 48px;
    letter-spacing : 0.05em;
    text-align : center;
    color : #fff;
  }
  .p-case-hero__paragraph2 {
    margin-bottom : 0;
    font-size : 22px;
    line-height : 35px;
    font-weight : bold;
  }
  .p-case-hero__paragraph2 > span {
    margin-top : 8px;
    display : block;
    font-size : 15px;
    line-height : 24px;
  }
  .p-case-hero__paragraph3 {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
    white-space : nowrap;
  }
  .p-case-hero__box {
    padding : 55px 50px 45px 50px;
    text-align : center;
    border-bottom : solid 2px #f1f1f1;
    background-color : #fff;
  }
  .p-case-hero__topbox {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-case-hero__topbox-left {
    width : 50%;
  }
  .p-case-hero__topbox-left2 {
    width : calc(50% - 20px);
  }
  .p-case-hero__topbox-left2 .p-case-hero__paragraph3 {
    white-space : wrap;
  }
  .p-case-hero__topbox-right {
    width : 50%;
  }
  .p-case-hero__image {
    display : inline-block;
    margin-bottom : 25px;
  }
  .p-case-hero__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
}
@media screen and (max-width: 767px) {
  .p-case-hero {
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg_sp.png");
  }
  .p-case-hero.p-case-hero-02 {
    background-position : bottom 34.6666666667vw center;
    background-image : url("/common/img/carbon-free/case_bg-02_sp.png");
  }
  .p-case-hero.p-case-hero-03 {
    background-position : bottom 34.6666666667vw center;
    background-image : url("/common/img/carbon-free/case_bg-03_sp.png");
  }
  .p-case-hero.p-case-hero-04 {
    background-position : bottom 34.6666666667vw center;
    background-image : url("/common/img/carbon-free/case_bg-04_sp.png");
  }
  .p-case-hero.p-case-hero-05 {
    background-image : url("/common/img/carbon-free/case/development/common/case_bg-05_sp.png");
  }
  .p-case-hero.p-case-hero-06 {
    background-image : url("/common/img/carbon-free/demand-response/dr_kv_sp.png");
  }
  .p-case-hero__container {
    padding : 0 8vw;
    padding-top : 12vw;
  }
  .p-case-hero__container--index {
    padding-top : 13.3333333333vw;
    padding-bottom : 17.3333333333vw;
  }
  .p-case-hero__container--development {
    padding-top : 8vw;
    padding-bottom : 10.6666666667vw;
  }
  .p-case-hero__heading {
    margin-bottom : 2.6666666667vw;
    font-size : 6.6666666667vw;
    line-height : 9.6vw;
    font-weight : bold;
    text-align : center;
    color : #fff;
  }
  .p-case-hero__heading--index {
    color : #000;
  }
  .p-case-hero__heading2 {
    margin-bottom : 4vw;
    font-size : 8.8vw;
    position : relative;
    display : flex;
    justify-content : center;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-case-hero__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 33.7333333333vw;
    text-align : center;
    height : 6.6666666667vw;
    padding : 1.3333333333vw;
    margin : 0 auto;
    color : #fff;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 3.6vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-hero__name {
    text-align : center;
    margin-top : 4vw;
    margin-bottom : 8vw;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #000;
  }
  .p-case-hero__paragraph {
    margin-bottom : 13.3333333333vw;
    font-size : 4vw;
    line-height : 6.4vw;
    letter-spacing : 0.05em;
    text-align : center;
    color : #fff;
  }
  .p-case-hero__paragraph2 {
    margin-bottom : 0;
    font-size : 4.2666666667vw;
    line-height : 6vw;
    font-weight : bold;
  }
  .p-case-hero__paragraph2 > span {
    margin-top : 2.1333333333vw;
    display : block;
    font-size : 2.9333333333vw;
    line-height : 4.2666666667vw;
  }
  .p-case-hero__paragraph3 {
    margin-bottom : 6vw;
    line-height : 7.4666666667vw;
    font-feature-settings : "palt";
  }
  .p-case-hero__box {
    padding : 8vw 8vw 8vw 8vw;
    text-align : center;
    border-bottom : solid 2px #f1f1f1;
    background-color : #fff;
  }
  .p-case-hero__image {
    display : inline-block;
    width : 45.3333333333vw;
    height : auto;
    margin-bottom : 5.3333333333vw;
  }
  .p-case-hero__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
    width : 100%;
  }
}
@media screen and (min-width: 768px), print {
  .p-case-nav {
    margin : 30px auto 0;
    padding-bottom : 220px;
    background-position : bottom center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg3.png");
  }
  .p-case-nav__navigation {
    display : flex;
    justify-content : center;
  }
  .p-case-nav__navigation > li {
    margin-right : 26px;
  }
  .p-case-nav__navigation > li:last-of-type {
    margin-right : 0;
  }
  .p-case-nav__link {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 280px;
    max-width : 510px;
    margin : 0 auto;
    padding-bottom : 20px;
    height : 105px;
    color : #fff;
    font-size : 33px;
    font-family : "senobi";
    letter-spacing : -0.2em;
    font-weight : bold;
    border-radius : 10px;
    background-position : center;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-nav__link > * {
    transform : translateX(-12.5px);
  }
  .p-case-nav__link:hover, .p-case-nav__link:focus {
    color : #fff;
    text-decoration : none;
    opacity : 0.6;
  }
  .p-case-nav__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-nav__link:after {
    content : "";
    display : block;
    position : absolute;
    bottom : 20px;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-case-nav__icon {
    margin-right : 10px;
  }
  .p-case-nav__paragraph {
    margin-bottom : 50px;
    font-family : "senobi";
    font-weight : bold;
    font-size : 45px;
    line-height : 1.5em;
    letter-spacing : -0.2em;
    text-align : center;
  }
}
@media screen and (max-width: 767px) {
  .p-case-nav {
    margin : 8vw auto 0;
    padding-bottom : 18.6666666667vw;
    background-position : bottom center;
    background-size : 100% 8vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg3_sp.png");
  }
  .p-case-nav__navigation {
    display : flex;
    justify-content : center;
  }
  .p-case-nav__navigation > li {
    margin-right : 2.6666666667vw;
  }
  .p-case-nav__navigation > li:last-of-type {
    margin-right : 0;
  }
  .p-case-nav__navigation:first-of-type {
    margin-bottom : 2.6666666667vw;
  }
  .p-case-nav__link {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 40.5333333333vw;
    margin : 0 auto;
    padding-bottom : 2.6666666667vw;
    height : 14.9333333333vw;
    color : #fff;
    font-size : 5.3333333333vw;
    font-family : "senobi";
    letter-spacing : -0.2em;
    font-weight : bold;
    border-radius : 10px;
    background-position : center;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-nav__link > * {
    transform : translateX(-1.3333333333vw);
  }
  .p-case-nav__link:hover {
    color : #fff;
    text-decoration : none;
  }
  .p-case-nav__link:after {
    content : "";
    display : block;
    position : absolute;
    bottom : 2.1333333333vw;
    width : 2.9333333333vw;
    height : 1.8666666667vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 1.8666666667vw;
  }
  .p-case-nav__icon {
    width : 4vw;
    margin-right : 2.6666666667vw;
  }
  .p-case-nav__paragraph {
    margin-bottom : 5.3333333333vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    font-family : "senobi";
    line-height : 1.5em;
    letter-spacing : -0.2em;
    text-align : center;
  }
}
@media screen and (min-width: 768px), print {
  .p-case-contents {
    position : relative;
    background-position : bottom center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg3.png");
  }
  .p-case-contents__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px 60px 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-case-contents__container2 {
    padding : 80px 90px 60px 90px;
    background-color : #fff;
  }
  .p-case-contents__container3 {
    padding-top : 80px;
    padding-bottom : 200px;
  }
  .p-case-contents__section {
    margin-bottom : 80px;
  }
  .p-case-contents__section2 {
    margin-bottom : 80px;
    text-align : center;
  }
  .p-case-contents__section3 {
    padding-top : 60px;
    margin-bottom : 80px;
  }
  .p-case-contents__heading {
    margin-bottom : 30px;
    display : block;
    text-align : center;
  }
  .p-case-contents__heading > span {
    font-size : 26px;
    line-height : 45px;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-case-contents__heading2 {
    text-align : center;
    font-size : 26px;
    line-height : 45px;
    margin-bottom : 1rem;
    font-feature-settings : "palt";
  }
  .p-case-contents__heading3 {
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    line-height : 32px;
    margin-bottom : 1rem;
  }
  .p-case-contents__box {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-case-contents__box-left {
    width : calc(50% - 20px);
  }
  .p-case-contents__box-right {
    width : calc(50% - 20px);
  }
  .p-case-contents__box-left2 {
    width : calc(50% - 30px);
  }
  .p-case-contents__box-right2 {
    width : calc(50% - 30px);
  }
  .p-case-contents__box2 {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-case-contents__box2-left {
    order : 2;
    width : calc(50% - 20px);
  }
  .p-case-contents__box2-right {
    order : 1;
    width : calc(50% - 20px);
  }
  .p-case-contents__box3 {
    display : flex;
    justify-content : center;
  }
  .p-case-contents__box3-left {
    width : 400px;
  }
  .p-case-contents__box3-left--2 {
    width : auto;
  }
  .p-case-contents__box3-right {
    width : 400px;
    margin-left : 30px;
  }
  .p-case-contents__box3-right--2 {
    width : auto;
  }
  .p-case-contents__box4 {
    display : flex;
    justify-content : center;
    align-items : center;
    flex-direction : column;
  }
  .p-case-contents__bg-green {
    background-color : #eef4e7;
    border-radius : 10px;
  }
  .p-case-contents__bg-gray {
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-case-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    max-width : 644px;
    max-height : 362px;
    margin : 0 auto 40px;
    aspect-ratio : 16/9;
  }
  .p-case-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-case-contents__memberbox {
    background-color : #f1f1f1;
    padding : 25px 30px 30px;
    padding-bottom : calc(30px - 1rem);
    border-radius : 10px;
  }
  .p-case-contents__memberbox-wrap {
    display : flex;
    justify-content : space-between;
  }
  .p-case-contents__memberbox-right {
    margin-left : 30px;
  }
  .p-case-contents__memberbox-inner {
    flex-grow : 1;
    display : flex;
    background-color : #fff;
    border-radius : 10px;
  }
  .p-case-contents__memberbox-1column {
    display : flex;
    flex-direction : column;
    width : calc(25% - 30px);
  }
  .p-case-contents__memberbox-1column > .p-case-contents__memberbox-inner {
    flex-wrap : wrap;
    justify-content : flex-start;
    padding : 28px 0 28px;
    padding-bottom : calc(28px - 1rem);
  }
  .p-case-contents__memberbox-1column > .p-case-contents__memberbox-inner > .p-case-contents__figure2 {
    width : 100%;
  }
  .p-case-contents__memberbox-2column {
    display : flex;
    flex-direction : column;
    width : calc(50% - 30px);
  }
  .p-case-contents__memberbox-2column > .p-case-contents__memberbox-inner {
    flex-wrap : wrap;
    padding : 28px 0 28px;
    padding-bottom : calc(28px - 1rem);
  }
  .p-case-contents__memberbox-2column > .p-case-contents__memberbox-inner > .p-case-contents__figure2 {
    width : 50%;
  }
  .p-case-contents__memberbox-3column {
    display : flex;
    flex-direction : column;
    width : calc(75% - 30px);
  }
  .p-case-contents__memberbox-3column > .p-case-contents__memberbox-inner {
    flex-wrap : wrap;
    justify-content : center;
    padding : 28px 0 28px;
    padding-bottom : calc(28px - 1rem);
  }
  .p-case-contents__memberbox-3column > .p-case-contents__memberbox-inner > .p-case-contents__figure2 {
    width : 30%;
  }
  .p-case-contents__commentbox {
    background-color : #f1f1f1;
    padding : 30px;
    border-radius : 10px;
    display : flex;
    align-items : center;
    margin-bottom : 2rem;
  }
  .p-case-contents__commentbox-left {
    width : 80px;
    position : relative;
  }
  .p-case-contents__commentbox-left > img {
    width : 60px;
    margin : 0 auto;
  }
  .p-case-contents__commentbox-left--line1 {
    padding-bottom : 20px;
  }
  .p-case-contents__commentbox-left--line1 > .p-case-contents__commentbox-name {
    bottom : -0.5px;
  }
  .p-case-contents__commentbox-left--line2 {
    width : 101px;
    padding-bottom : 40px;
  }
  .p-case-contents__commentbox-left--line2 > .p-case-contents__commentbox-name {
    bottom : -0.5px;
  }
  .p-case-contents__commentbox-left--client > img {
    width : 54px;
  }
  .p-case-contents__commentbox-left--miraiz {
    padding-bottom : 40px;
  }
  .p-case-contents__commentbox-left--miraiz > img {
    width : 54px;
  }
  .p-case-contents__commentbox-left--miraiz > .p-case-contents__commentbox-name {
    bottom : -2px;
  }
  .p-case-contents__commentbox-left--miraiz--line2 {
    width : 101px;
  }
  .p-case-contents__commentbox-right {
    width : calc(100% - 100px);
    margin-left : 20px;
  }
  .p-case-contents__commentbox-right .p-case-contents__paragraph3 {
    margin-bottom : 0;
  }
  .p-case-contents__commentbox-name {
    font-size : 14px;
    line-height : 20px;
    position : absolute;
    right : 0;
    left : 0;
    margin : auto;
    text-align : center;
  }
  .p-case-contents__devbox {
    background-color : #f1f1f1;
    padding : 30px;
    border-radius : 10px;
    margin-top : 65px;
  }
  .p-case-contents__devbox-inner .p-case-contents__paragraph3 {
    margin-bottom : 0.5rem;
  }
  .p-case-contents__devbox-inner:not(:last-child) {
    margin-bottom : 45px;
  }
  .p-case-contents__devbox-name {
    display : flex;
    align-items : center;
    margin-bottom : 0.5rem;
  }
  .p-case-contents__solutionbox {
    display : flex;
    justify-content : space-between;
  }
  .p-case-contents__solutionbox-body {
    padding : 50px 30px;
    width : 43%;
  }
  .p-case-contents__solutionbox-center {
    display : flex;
    align-items : center;
  }
  .p-case-contents__solutionbox-title {
    text-align : center;
    font-size : 20px;
    font-weight : bold;
  }
  .p-case-contents__solutionbox-text {
    text-align : center;
    font-size : 16px;
    line-height : 32px;
  }
  .p-case-contents__examplebox {
    display : flex;
    justify-content : space-between;
    margin-bottom : 30px;
  }
  .p-case-contents__examplebox-body {
    padding : 40px 50px;
    width : calc(50% - 40px);
  }
  .p-case-contents__examplebox-body:last-child {
    margin-left : 40px;
  }
  .p-case-contents__examplebox-title {
    color : #5b9a10;
    text-align : center;
    font-size : 20px;
    font-weight : bold;
  }
  .p-case-contents__examplebox-title--black {
    color : #333;
    text-align : left;
    margin-bottom : 0;
  }
  .p-case-contents__examplebox-text {
    font-size : 16px;
  }
  .p-case-contents__paragraph {
    font-size : 18px;
    line-height : 36px;
  }
  .p-case-contents__paragraph2 {
    font-size : 18px;
    line-height : 36px;
  }
  .p-case-contents__paragraph3 {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-case-contents__paragraph3--center {
    text-align : center;
  }
  .p-case-contents__paragraph3--bold {
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-case-contents__paragraph3--margin2rem {
    margin-bottom : 2rem;
  }
  .p-case-contents__paragraph3 span {
    text-indent : -1em;
    padding-left : 1em;
    display : block;
  }
  .p-case-contents__paragraph4 {
    font-size : 16px;
    line-height : 32px;
    text-indent : -1em;
    padding-left : 1em;
    margin-bottom : 0;
  }
  .p-case-contents__paragraph5 {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-case-contents__paragraph5 span {
    font-weight : bold;
  }
  .p-case-contents__small {
    font-size : 14px;
    line-height : 19px;
    margin-top : -0.5rem;
  }
  .p-case-contents__small--right {
    text-align : right;
    line-height : 32px;
    margin-top : 0;
  }
  .p-case-contents__small--margin {
    margin-top : 1rem;
  }
  .p-case-contents__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-case-contents__figure2 > img {
    display : block;
    width : 113px;
    margin : 0 auto;
  }
  .p-case-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case-contents__figcaption {
    text-align : center;
    font-size : 12px;
    line-height : 1.5em;
  }
  .p-case-contents__figcaption2 {
    text-align : center;
    font-size : 16px;
    line-height : 25px;
    letter-spacing : 0.02;
    margin-top : 10px;
  }
  .p-case-contents__figcaption2 > span {
    display : block;
    font-size : 20px;
    font-weight : bold;
    margin-top : 5px;
  }
  .p-case-contents__navigation {
    display : flex;
    flex-wrap : wrap;
    margin-bottom : -30px;
    margin-left : -20px;
  }
  .p-case-contents__navigation > li {
    width : calc(100% / 3 - 20px);
    margin-bottom : 30px;
    margin-left : 20px;
  }
  .p-case-contents__link {
    margin : 0 auto;
    margin-bottom : 65px;
    position : relative;
    display : block;
    width : 440px;
    height : 48px;
    color : #fff;
    font-size : 20px;
    font-weight : bold;
    line-height : 48px;
    border-radius : 10px;
    text-align : center;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-case-contents__link:hover, .p-case-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    max-width : 380px;
    height : 90px;
    color : #fff;
    font-size : 17px;
    font-weight : bold;
    font-feature-settings : "palt";
    text-align : center;
    line-height : 28px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-case-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-case-contents__link2:hover, .p-case-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__link2--large {
    padding-right : 40px;
    padding-left : 10px;
  }
  .p-case-contents__link2--fontsmall {
    font-size : 16px;
  }
  .p-case-contents__link3 {
    color : #55930f;
    font-weight : bold;
    position : relative;
    text-decoration : underline;
    text-underline-offset : 10px;
  }
  .p-case-contents__link3:hover, .p-case-contents__link3:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-case-contents__link3--fontsmall {
    font-size : 16px;
  }
  .p-case-contents__link3--block {
    display : block;
  }
  .p-case-contents__link4 {
    text-align : center;
    font-size : 24px;
    max-width : 480px;
    height : 84px;
    position : relative;
    display : block;
    width : 100%;
    margin : 0 auto;
    color : #fff;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url(/common/img/carbon-free/case_texture.png);
  }
  .p-case-contents__link4:hover, .p-case-contents__link4:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-case-contents__link4:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__annotation {
    text-align : left;
    margin-bottom : 0;
    font-size : 12px;
    line-height : 21px;
  }
  .p-case-contents__annotation:first-of-type {
    margin-top : 30px;
  }
  .p-case-contents__annotation:last-of-type {
    margin-bottom : 60px;
  }
  .p-case-contents__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 110px;
    padding-left : 15px;
    padding-right : 15px;
    margin-left : auto;
    margin-right : auto;
    text-align : center;
    height : 30px;
    color : #fff;
    font-size : 16px;
    font-weight : bold;
    line-height : 27px;
    border-radius : 6px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-contents__label--dev {
    min-width : 100px;
    margin-right : 10px;
    margin-left : 0;
    margin-bottom : 0;
  }
  .p-case-contents__radius {
    border-radius : 10px;
  }
  .p-case-contents__margin2rem {
    margin-bottom : 2rem;
  }
  .p-case-contents__margin2rem-top {
    margin-top : 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-case-contents__link2 {
    font-size : 14px;
  }
  .p-case-contents__link2:after {
    right : 15px;
    width : 16px;
    height : 9px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : contain;
  }
  .p-case-contents__link2--large {
    padding-right : 15px;
    padding-left : 0;
  }
}
@media screen and (max-width: 767px) {
  .p-case-contents {
    position : relative;
    background-position : bottom center;
    background-size : 100% 8vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg3_sp.png");
  }
  .p-case-contents__container {
    padding : 8vw 8vw 16vw 8vw;
  }
  .p-case-contents__section {
    margin-bottom : 10.6666666667vw;
  }
  .p-case-contents__section2 {
    margin-bottom : 10.6666666667vw;
    text-align : center;
  }
  .p-case-contents__section3 {
    padding-top : 5.3333333333vw;
    margin-bottom : 10.6666666667vw;
  }
  .p-case-contents__heading {
    margin-bottom : 6.6666666667vw;
    display : block;
    text-align : center;
  }
  .p-case-contents__heading > span {
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-case-contents__heading2 {
    text-align : center;
    font-size : 3.7333333333vw;
    line-height : 6.1333333333vw;
  }
  .p-case-contents__heading3 {
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 7.4666666667vw;
    margin-bottom : 1rem;
  }
  .p-case-contents__box3 .p-case-contents__figcaption2 {
    margin-left : 0;
  }
  .p-case-contents__box3-left {
    text-align : center;
  }
  .p-case-contents__box3-right {
    text-align : center;
  }
  .p-case-contents__bg-green {
    background-color : #eef4e7;
    border-radius : 2vw;
  }
  .p-case-contents__bg-gray {
    background-color : #f1f1f1;
    border-radius : 2vw;
  }
  .p-case-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    aspect-ratio : 16/9;
    max-width : 85.7333333333vw;
    max-height : 48.2666666667vw;
    margin : 0 auto 4vw;
  }
  .p-case-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-case-contents__memberbox {
    background-color : #f1f1f1;
    padding : 4vw;
    border-radius : 1.3333333333vw;
  }
  .p-case-contents__memberbox .p-case-contents__small {
    margin-bottom : 0;
  }
  .p-case-contents__memberbox-inner {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 4vw;
  }
  .p-case-contents__memberbox-left {
    margin-bottom : 4vw;
  }
  .p-case-contents__memberbox-right {
    margin-bottom : 2.4vw;
  }
  .p-case-contents__commentbox {
    background-color : #f1f1f1;
    padding : 4vw;
    border-radius : 1.3333333333vw;
    margin-bottom : 4vw;
  }
  .p-case-contents__commentbox-left {
    display : flex;
    align-items : center;
    margin-bottom : 1rem;
  }
  .p-case-contents__commentbox-left--client > img {
    width : 8.5333333333vw;
  }
  .p-case-contents__commentbox-left--miraiz > img {
    width : 8.5333333333vw;
  }
  .p-case-contents__commentbox-right .p-case-contents__paragraph3 {
    margin-bottom : 0;
  }
  .p-case-contents__commentbox-name {
    font-size : 3.4666666667vw;
    margin-left : 2.6666666667vw;
    margin-bottom : 0;
  }
  .p-case-contents__devbox {
    background-color : #f1f1f1;
    padding : 8vw 4vw;
    border-radius : 1.3333333333vw;
    margin-top : 16vw;
  }
  .p-case-contents__devbox .p-case-contents__paragraph3 {
    margin-bottom : 2.6666666667vw;
  }
  .p-case-contents__devbox-inner:not(:first-child) {
    margin-top : 8vw;
  }
  .p-case-contents__devbox-name > .p-case-contents__paragraph3 {
    margin-bottom : 0;
  }
  .p-case-contents__solutionbox-body {
    padding : 6.6666666667vw;
  }
  .p-case-contents__solutionbox-center {
    display : flex;
    justify-content : center;
    margin : 4vw 0;
  }
  .p-case-contents__solutionbox-center > img {
    width : 8.5333333333vw;
  }
  .p-case-contents__solutionbox-title {
    text-align : center;
    font-size : 4.5333333333vw;
    font-weight : bold;
  }
  .p-case-contents__solutionbox-text {
    text-align : center;
    font-size : 3.4666666667vw;
    font-feature-settings : "palt";
  }
  .p-case-contents__examplebox {
    margin-bottom : 6.6666666667vw;
  }
  .p-case-contents__examplebox-body {
    padding : 6.6666666667vw;
  }
  .p-case-contents__examplebox-body:first-child {
    margin-bottom : 4vw;
  }
  .p-case-contents__examplebox-title {
    color : #5b9a10;
    text-align : center;
    font-size : 4.5333333333vw;
    font-weight : bold;
  }
  .p-case-contents__examplebox-title--black {
    font-size : 3.7333333333vw;
    color : #333;
    text-align : left;
    margin-bottom : 0;
  }
  .p-case-contents__examplebox-text {
    font-size : 3.4666666667vw;
    font-feature-settings : "palt";
  }
  .p-case-contents__paragraph {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-case-contents__paragraph2 {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-case-contents__paragraph3 {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-case-contents__paragraph3--center {
    text-align : center;
  }
  .p-case-contents__paragraph3--bold {
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-case-contents__paragraph3 span {
    text-indent : -1em;
    padding-left : 1em;
    display : block;
  }
  .p-case-contents__paragraph4 {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
    text-indent : -1em;
    padding-left : 1em;
    margin-bottom : 0;
  }
  .p-case-contents__paragraph4:last-child {
    margin-bottom : 1rem;
  }
  .p-case-contents__paragraph5 {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-case-contents__paragraph5 span {
    font-weight : bold;
  }
  .p-case-contents__small {
    font-size : 2.5333333333vw;
    margin-top : -1rem;
    text-align : left;
  }
  .p-case-contents__small--right {
    text-align : right;
    margin-top : 0;
  }
  .p-case-contents__small--margin {
    margin-top : 1rem;
  }
  .p-case-contents__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
  }
  .p-case-contents__figure2 {
    display : flex;
    align-items : flex-start;
  }
  .p-case-contents__figure2:last-child {
    margin-bottom : 0;
  }
  .p-case-contents__figure2 > img {
    display : block;
    width : 15.3333333333vw;
  }
  .p-case-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case-contents__figcaption {
    text-align : center;
    font-size : 2.1333333333vw;
    line-height : 1.5em;
  }
  .p-case-contents__figcaption2 {
    font-size : 3.4666666667vw;
    line-height : 5.0666666667vw;
    letter-spacing : 0.02em;
    margin-left : 4vw;
  }
  .p-case-contents__figcaption2 > span {
    display : block;
    font-weight : bold;
  }
  .p-case-contents__navigation > li:not(:first-child) {
    margin-top : 4vw;
  }
  .p-case-contents__link {
    margin : 0 auto;
    margin-bottom : 13.3333333333vw;
    position : relative;
    display : block;
    width : 100%;
    height : 9.3333333333vw;
    color : #fff;
    font-size : 4.2666666667vw;
    font-weight : bold;
    line-height : 9.3333333333vw;
    border-radius : 2.6666666667vw;
    text-align : center;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-case-contents__link:hover, .p-case-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    height : 16.4vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    font-feature-settings : "palt";
    text-align : center;
    line-height : 5.8666666667vw;
    border-radius : 2vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-case-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 2.9333333333vw;
    height : 2.1333333333vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 2.1333333333vw;
  }
  .p-case-contents__link2:hover, .p-case-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__link2--large {
    padding-right : 5.3333333333vw;
  }
  .p-case-contents__link2--fontsmall {
    font-size : 3.2vw;
    line-height : 4.8vw;
  }
  .p-case-contents__link3 {
    color : #55930f;
    font-weight : bold;
    position : relative;
    text-decoration : underline;
    text-underline-offset : 1.3333333333vw;
  }
  .p-case-contents__link3:hover, .p-case-contents__link3:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-case-contents__link3--fontsmall {
    font-size : 3.7333333333vw;
  }
  .p-case-contents__link3--block {
    display : block;
  }
  .p-case-contents__link4 {
    text-align : center;
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    border-radius : 2.6666666667vw;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-case-contents__link4:hover, .p-case-contents__link4:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-contents__link4:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-contents__annotation {
    position : relative;
    z-index : 1;
    text-align : left;
    margin-bottom : 0;
    font-size : 3.2vw;
  }
  .p-case-contents__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 14.6666666667vw;
    padding : 1.3333333333vw 2vw 1.3333333333vw;
    padding-right : 2vw;
    text-align : center;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 6vw;
    color : #fff;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 3.6vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-contents__label--dev {
    min-width : 14.6666666667vw;
    margin-bottom : 2.4vw;
  }
  .p-case-contents__radius {
    border-radius : 1.3333333333vw;
  }
  .p-case-contents__margin2rem {
    margin-bottom : 2rem;
  }
  .p-case-contents__margin2rem-top {
    margin-top : 2rem;
  }
}
@media screen and (min-width: 768px), print {
  .p-case-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : right bottom -60px;
    background-size : 1006px 678px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg2.png");
  }
  .p-case-footer--development .p-case-footer__list-ul--development {
    justify-content : center;
  }
  .p-case-footer--development .p-case-footer__list-item {
    position : relative;
  }
  .p-case-footer--development .slick-list {
    margin-bottom : 1rem;
  }
  .p-case-footer--development .p-case-footer__link2 {
    display : flex;
    align-items : center;
    justify-content : center;
    margin-top : 50px;
    font-size : 24px;
    max-width : 480px;
    height : 84px;
  }
  .p-case-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
  }
  .p-case-footer__bg:before {
    position : absolute;
    top : -975px;
    left : 0;
    display : block;
    content : "";
    width : 275px;
    height : 700px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg-image.png");
  }
  .p-case-footer__bg:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/case_bg-image2.png");
  }
  .p-case-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 60px 37px 230px 37px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-case-footer__heading {
    margin-bottom : 40px;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 48px;
    font-weight : bold;
    letter-spacing : -6px;
    line-height : 1.3em;
    border-bottom : solid 5px #56950f;
  }
  .p-case-footer__list-ul {
    margin : 0 auto;
    display : flex;
    flex-wrap : wrap;
  }
  .p-case-footer__list-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-case-footer__list-item {
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-case-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case-footer__box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-case-footer__box2 {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-case-footer__box2-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-case-footer__box2-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-case-footer__box3 {
    display : flex;
  }
  .p-case-footer__box3 .p-case-footer__link2:not(:first-child) {
    margin-left : 30px;
  }
  .p-case-footer__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 50px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 30px;
    padding-top : 3px;
    padding-bottom : 3px;
    padding-left : 10px;
    padding-right : 10px;
    color : #fff;
    font-size : 16px;
    font-weight : bold;
    line-height : 20px;
    border-radius : 6px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-footer__paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-case-footer__paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-case-footer__link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-case-footer__link:hover, .p-case-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-case-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 300px;
    margin : 0 auto;
    height : 60px;
    color : #fff;
    font-size : 18px;
    font-weight : bold;
    line-height : 60px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-footer__link2:hover, .p-case-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-case-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-footer__section {
    border-radius : 10px;
    margin-top : 120px;
    padding : 50px 70px;
    padding-bottom : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-case-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 30px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -15px;
  }
  .p-case-footer__heading2 > span {
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-case-footer__heading2 > span > span {
    font-size : 0.8em;
  }
  .p-case-footer__paragraph3 {
    margin-bottom : 25px;
    font-size : 18px;
    line-height : 35px;
  }
  .p-case-footer__list-dl > dt {
    margin-bottom : 10px;
    display : inline-block;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-case-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-case-footer__paragraph4 {
    font-family : "senobi";
    font-size : 24px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-case-footer__link3 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 510px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 510px 84px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-case-footer__link3:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-case-footer__link3:hover, .p-case-footer__link3:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-footer__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-case-footer__list-ul > li {
    margin-bottom : 2.6923076923vw;
  }
  .p-case-footer__list-item {
    margin-left : 1vw;
    margin-right : 1vw;
    padding-bottom : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-case-footer__box {
    padding : 2.6923076923vw 1.5384615385vw 1.9230769231vw;
  }
  .p-case-footer__label {
    min-width : 3.8461538462vw;
    min-height : 2.3076923077vw;
    padding-left : 0.7692307692vw;
    padding-right : 0.7692307692vw;
    font-size : 1.2307692308vw;
    line-height : 1.5384615385vw;
    border-radius : 0.4615384615vw;
    background-size : 3.8461538462vw 3.8461538462vw;
  }
  .p-case-footer__paragraph {
    font-size : 1.2307692308vw;
    line-height : 2.1538461538vw;
  }
  .p-case-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-case-footer__link {
    bottom : 2.3076923077vw;
    width : 12.3076923077vw;
    border-radius : 0.7692307692vw;
    line-height : 2.4615384615vw;
    height : 2.9230769231vw;
    font-size : 1.2307692308vw;
    background-position : right 0.7692307692vw center;
    background-size : 0.7692307692vw 1.2307692308vw;
  }
  .p-case-footer__paragraph3 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  .p-case-footer {
    padding-top : 17.3333333333vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : right bottom;
    background-size : 89.3333333333vw 78.9333333333vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg2_sp.png");
  }
  .p-case-footer--development .p-case-footer__list-ul--development {
    justify-content : center;
    margin-bottom : 13.3333333333vw;
  }
  .p-case-footer--development .slick-list {
    margin-bottom : 1rem;
  }
  .p-case-footer--development .slick-initialized .slick-slide {
    position : relative;
    margin : 0 1.3333333333vw;
    background-color : #fff;
    border-radius : 2.6666666667vw;
  }
  .p-case-footer--development .slick-slide img {
    border-radius : 2.6666666667vw 2.6666666667vw 0 0;
  }
  .p-case-footer--development .p-case-footer__box {
    position : static;
  }
  .p-case-footer--development .p-case-footer__link2 {
    width : 84vw;
    font-size : 3.2vw;
    border-radius : 1.3333333333vw;
  }
  .p-case-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
  }
  .p-case-footer__bg:before {
    position : absolute;
    top : -21.3333333333vw;
    left : 0;
    display : block;
    content : "";
    width : 26.1333333333vw;
    height : 47.2vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_bg-image_sp.png");
  }
  .p-case-footer__bg:after {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100vw;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : contain;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/case_bg-image2_sp.png");
  }
  .p-case-footer__container {
    padding : 0 8vw;
    text-align : center;
  }
  .p-case-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
    border-bottom : solid 1.0666666667vw #56950f;
  }
  .p-case-footer__list-ul {
    margin-bottom : 4vw;
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
  }
  .p-case-footer__list-ul > li {
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
  }
  .p-case-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-case-footer__box {
    position : relative;
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-case-footer__box2 {
    text-align : center;
  }
  .p-case-footer__box2-left {
    margin-bottom : 4vw;
  }
  .p-case-footer__box3 .p-case-footer__link2:not(:last-child) {
    margin-bottom : 8vw;
  }
  .p-case-footer__label {
    margin-bottom : 2.6666666667vw;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 6.6666666667vw;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 6vw;
    padding : 1.3333333333vw 2vw;
    color : #fff;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-footer__paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-case-footer__paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-case-footer__link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-case-footer__link:hover, .p-case-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-case-footer__link2 {
    position : relative;
    display : inline-block;
    padding : 0 8vw;
    border-radius : 2.1333333333vw;
    height : 12vw;
    color : #fff;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-case-footer__link2:hover, .p-case-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-case-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-case-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    margin-top : 13.3333333333vw;
    padding : 6.6666666667vw 6.6666666667vw 10.6666666667vw 6.6666666667vw;
    text-align : left;
    background-color : #fff;
  }
  .p-case-footer__heading2 {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -2.1333333333vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-case-footer__heading2 > span {
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-case-footer__heading2 > span > span {
    font-size : 0.8em;
  }
  .p-case-footer__paragraph3 {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-case-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-case-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-case-footer__paragraph4 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-case-footer__link3 {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    border-radius : 2.6666666667vw;
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_button2.png");
  }
  .p-case-footer__link3:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-case-footer__link3:hover, .p-case-footer__link3:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-case-footer__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (min-width: 768px), print {
  .ba-sp {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .ba-pc {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .p-case-contents__link-case20 {
    font-size : 4vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions .sp {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions .pc {
    display : none !important;
  }

  .p-reduced-emissions a:hover {
    color : #fff;
    text-decoration : none;
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions-hero {
    position : relative;
    z-index : 1;
    padding-bottom : 65px;
    background-position : bottom 94px center;
    background-size : 100% 160px;
    background-color : #eef6e5;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg2.png");
  }
  .p-reduced-emissions-hero__container {
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg.png");
  }
  .p-reduced-emissions-hero__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-reduced-emissions-hero__container2:before {
    content : "";
    display : block;
    padding-top : 43%;
  }
  .p-reduced-emissions-hero__container2:after {
    position : absolute;
    z-index : 1;
    bottom : -80px;
    right : -150px;
    display : block;
    content : "";
    width : 427px;
    height : 266px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image.png");
  }
  .p-reduced-emissions-hero__box {
    position : absolute;
    top : 46%;
    left : 0;
    right : 0;
    margin : auto;
    transform : translateY(-50%);
    width : 50%;
  }
  .p-reduced-emissions-hero__heading {
    position : relative;
    margin-bottom : 35px;
    font-family : "senobi";
    text-align : center;
    color : #333;
    font-size : 65px;
    font-weight : bold;
    letter-spacing : -10px;
    line-height : 1;
  }
  .p-reduced-emissions-hero__paragraph {
    margin-bottom : 20px;
    font-family : "senobi";
    font-size : 22px;
    text-align : center;
    line-height : 28px;
    letter-spacing : -5px;
    color : #333;
  }
  .p-reduced-emissions-hero__image {
    display : none;
  }
  .p-reduced-emissions-hero__paragraph2 {
    font-size : 16px;
    line-height : 31px;
    color : #333;
    text-shadow : #ddebf1 0 0 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300px) {
  .p-reduced-emissions-hero__container2:before {
    min-height : 600px;
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions-hero {
    padding-bottom : 12vw;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg2_sp.png");
  }
  .p-reduced-emissions-hero__container {
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg_sp.png");
  }
  .p-reduced-emissions-hero__container2 {
    padding : 6.9333333333vw 5.3333333333vw 0 8vw;
  }
  .p-reduced-emissions-hero__box {
    text-align : center;
  }
  .p-reduced-emissions-hero__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 10.6666666667vw;
    font-weight : bold;
    letter-spacing : -2.6666666667vw;
    line-height : 1;
  }
  .p-reduced-emissions-hero__paragraph {
    margin-bottom : 16.9333333333vw;
    font-family : "senobi";
    font-size : 4.5333333333vw;
    line-height : 1.5;
    letter-spacing : -1.2vw;
  }
  .p-reduced-emissions-hero__image {
    width : 70.1333333333vw;
    height : auto;
    max-width : none;
  }
  .p-reduced-emissions-hero__paragraph2 {
    margin-top : 6.1333333333vw;
    font-size : 3.4666666667vw;
    line-height : 6.6666666667vw;
    text-align : left;
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions-induction {
    z-index : 3;
    position : relative;
    padding-bottom : 160px;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% 140px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg3.png");
  }
  .p-reduced-emissions-induction__container {
    position : relative;
    padding : 0 50px;
    width : 100%;
    text-align : center;
  }
  .p-reduced-emissions-induction__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 40px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -12px;
    line-height : 1.3em;
    transform : translateX(-7.5px);
  }
  .p-reduced-emissions-induction__heading:after {
    position : absolute;
    bottom : -5px;
    left : 7px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-reduced-emissions-induction__link2 {
    display : inline-block;
    width : 278px;
    line-height : 60px;
    height : 60px;
    text-align : center;
    font-size : 18px;
    font-weight : bold;
    border-radius : 10px;
    color : #fff;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    position : relative;
  }
  .p-reduced-emissions-induction__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%) rotate(90deg);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url(/common/img/carbon-free/activation_icon-arrow-right2.png);
  }
  .p-reduced-emissions-induction__link2:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions-induction {
    position : relative;
    padding-top : 8vw;
    padding-bottom : 22.6666666667vw;
    background-color : #eef6e5;
    background-position : bottom center;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg3_sp.png");
  }
  .p-reduced-emissions-induction__container {
    position : relative;
    z-index : 1;
    text-align : center;
  }
  .p-reduced-emissions-induction__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-reduced-emissions-induction__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-reduced-emissions-induction__link2 {
    margin-top : 5.3333333333vw;
    display : inline-block;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    position : relative;
  }
  .p-reduced-emissions-induction__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%) rotate(90deg);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions-section {
    position : relative;
    padding-top : 150px;
  }
  .p-reduced-emissions-section__container {
    position : relative;
    padding : 0 20px;
    margin : 0 auto;
    width : 100%;
    max-width : 1300px;
    text-align : center;
    z-index : 1;
  }
  .p-reduced-emissions-section__heading {
    color : #55930f;
    font-family : "senobi";
    font-size : 60px;
    letter-spacing : -10px;
    margin-bottom : 60px;
  }
  .p-reduced-emissions-section__heading2 {
    font-size : 30px;
    font-weight : bold;
    margin-bottom : 28px;
    margin-top : -60px;
  }
  .p-reduced-emissions-section__paragraph {
    font-size : 18px;
    line-height : 2;
    text-align : left;
    margin-bottom : 60px;
  }
  .p-reduced-emissions-section__paragraph--center {
    font-size : 18px;
    line-height : 2;
    text-align : center;
    margin-bottom : 60px;
  }
  .p-reduced-emissions-section__green-box {
    background-color : #eef5e7;
    border-radius : 10px;
    padding : 60px;
    margin-bottom : 60px;
  }
  .p-reduced-emissions-section__green-box-title {
    font-size : 30px;
    font-weight : bold;
    margin-bottom : 40px;
  }
  .p-reduced-emissions-section__green-box-lead {
    font-size : 18px;
    margin : -10px 0 50px;
  }
  .p-reduced-emissions-section__white-box {
    background-color : #fff;
    border-radius : 6px;
    padding : 30px;
  }
  .p-reduced-emissions-section__graph-list, .p-reduced-emissions-section__graph-list2 {
    background-image : url("/common/img/carbon-free/more/reduced-emissions/graph.png");
    background-repeat : no-repeat;
    background-position : center;
    display : grid;
    grid-template-columns : 320px 1fr 320px;
    row-gap : 73px;
  }
  .p-reduced-emissions-section__graph-list-item, .p-reduced-emissions-section__graph-list2-item {
    width : 320px;
  }
  .p-reduced-emissions-section__graph-list-item div, .p-reduced-emissions-section__graph-list2-item div {
    background-color : #fff;
    border-radius : 6px;
    padding : 20px;
    position : relative;
  }
  .p-reduced-emissions-section__graph-list-item div:after, .p-reduced-emissions-section__graph-list2-item div:after {
    position : absolute;
    content : "";
    background : #fff;
    height : calc(tan(60deg) * 25px / 2);
    width : 50px;
    -webkit-clip-path : polygon(50% 0, 100% 100%, 0 100%);
    clip-path : polygon(50% 0, 100% 100%, 0 100%);
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(1), .p-reduced-emissions-section__graph-list2-item:nth-child(1) {
    grid-column-start : 3;
    grid-column-end : 4;
    grid-row-start : 1;
    grid-row-end : 2;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(1) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(1) div:after {
    left : -25px;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(2), .p-reduced-emissions-section__graph-list2-item:nth-child(2) {
    grid-column-start : 3;
    grid-column-end : 4;
    grid-row-start : 2;
    grid-row-end : 3;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(2) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(2) div:after {
    left : -25px;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(3), .p-reduced-emissions-section__graph-list2-item:nth-child(3) {
    grid-column-start : 1;
    grid-column-end : 2;
    grid-row-start : 2;
    grid-row-end : 3;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(3) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(3) div:after {
    right : -25px;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(4), .p-reduced-emissions-section__graph-list2-item:nth-child(4) {
    grid-column-start : 1;
    grid-column-end : 2;
    grid-row-start : 1;
    grid-row-end : 2;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(4) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(4) div:after {
    right : -25px;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list2-item {
    position : relative;
    width : 320px;
  }
  .p-reduced-emissions-section__graph-list2-item:after {
    position : absolute;
    content : "";
    background : #fff;
    height : calc(tan(60deg) * 25px / 2);
    width : 50px;
    -webkit-clip-path : polygon(50% 0, 100% 100%, 0 100%);
    clip-path : polygon(50% 0, 100% 100%, 0 100%);
  }
  .p-reduced-emissions-section__graph-list2-item div {
    overflow : hidden;
    height : 100%;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(1):after {
    left : -25px;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(2):after {
    left : -25px;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3) div {
    padding-bottom : 0;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3) img {
    max-width : none;
    width : 525px;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3):after {
    right : -25px;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(4):after {
    right : -25px;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list-title {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 30px;
    font-weight : 500;
    margin-bottom : 20px;
    letter-spacing : -8px;
  }
  .p-reduced-emissions-section__graph-list-text {
    font-size : 14px;
    margin-bottom : 0.5em;
    text-align : left;
    padding-left : 1em;
    position : relative;
  }
  .p-reduced-emissions-section__graph-list-text:before {
    content : "・";
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-reduced-emissions-section__graph-list-text:last-of-type {
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__graph-text-list {
    margin-top : 60px;
    display : flex;
    flex-wrap : wrap;
    text-align : left;
  }
  .p-reduced-emissions-section__graph-text-list-item {
    margin-bottom : 50px;
    width : 50%;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(1) {
    order : 2;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(2) {
    order : 3;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(3) {
    order : 4;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(4) {
    order : 1;
  }
  .p-reduced-emissions-section__graph-text-list-title {
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -8px;
  }
  .p-reduced-emissions-section__graph-text-list-text {
    font-size : 14px;
  }
  .p-reduced-emissions-section__accordion {
    transition : 0.3s;
    overflow : hidden;
    margin-top : -10px;
    padding-bottom : 20px;
    text-align : left;
  }
  .p-reduced-emissions-section__accordion:last-of-type {
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__accordion[open] {
    margin-top : 0;
    padding-bottom : 10px;
  }
  .p-reduced-emissions-section__accordion[open] .p-reduced-emissions-section__accordion-title {
    transform : translateY(0);
    border-bottom : none;
  }
  .p-reduced-emissions-section__accordion[open] .p-reduced-emissions-section__accordion-title:after {
    transform : rotate(0deg);
  }
  .p-reduced-emissions-section__accordion-title {
    border-top : solid 1px #f1f1f1;
    border-bottom : solid 1px #f1f1f1;
    display : block;
    padding : 30px 0;
    transition : 0.3s;
    transform : translateY(10px);
    font-size : 24px;
    font-weight : bold;
  }
  .p-reduced-emissions-section__accordion-title:hover {
    cursor : pointer;
  }
  .p-reduced-emissions-section__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-reduced-emissions-section__accordion-title:before, .p-reduced-emissions-section__accordion-title:after {
    position : absolute;
    top : 50%;
    right : 0;
    width : 32px;
    height : 5px;
    background-color : #333;
    transform-origin : center;
    content : "";
  }
  .p-reduced-emissions-section__accordion-title:after {
    transition : 0.3s;
    transform : rotate(90deg);
  }
  .p-reduced-emissions-section__accordion-content {
    padding : 20px 0 60px;
    border-bottom : solid 1px #f1f1f1;
  }
  .p-reduced-emissions-section__glossary-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 30px;
    letter-spacing : -5px;
  }
  .p-reduced-emissions-section__glossary-title:before {
    content : "・";
  }
  .p-reduced-emissions-section__glossary-item {
    margin-bottom : 52px;
  }
  .p-reduced-emissions-section__glossary-item:last-child {
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__glossary-item a[target=_blank] {
    color : #55930f;
    font-weight : bold;
    position : relative;
    text-decoration : underline;
  }
  .p-reduced-emissions-section__glossary-item a[target=_blank]:after {
    background-image : url("/common/img/carbon-free/more/reduced-emissions/icon_blank.png");
    background-size : 20px 15px;
    content : "";
    height : 15px;
    width : 20px;
    position : absolute;
    right : -20px;
    top : 50%;
    transform : translateY(-50%);
  }
  .p-reduced-emissions-section__glossary-text {
    font-size : 18px;
    line-height : 2;
  }
  .p-reduced-emissions-section__glossary-text-list-item {
    font-size : 18px;
    line-height : 2;
    padding-left : 0.8em;
    position : relative;
  }
  .p-reduced-emissions-section__glossary-text-list-item:before {
    content : "・";
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-reduced-emissions-section__measure-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 30px;
    letter-spacing : -8px;
    margin-bottom : 20px;
  }
  .p-reduced-emissions-section__measure-link-wrapper {
    display : flex;
    justify-content : space-between;
  }
  .p-reduced-emissions-section__measure-link {
    display : inline-block;
    width : 330px;
    line-height : 50px;
    height : 50px;
    text-align : center;
    font-size : 20px;
    font-weight : bold;
    border-radius : 10px;
    color : #fff;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    position : relative;
  }
  .p-reduced-emissions-section__measure-link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url(/common/img/carbon-free/activation_icon-arrow-right2.png);
  }
  .p-reduced-emissions-section__measure-link:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-reduced-emissions-section__measure-link-text {
    font-size : 14px;
    margin-top : 15px;
    width : 330px;
    text-align : left;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .p-reduced-emissions-section__measure-link {
    max-width : 31%;
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions-section {
    z-index : 1;
    position : relative;
    padding-top : 2.6666666667vw;
  }
  .p-reduced-emissions-section__bg {
    display : none;
  }
  .p-reduced-emissions-section__container {
    padding : 0 8vw;
  }
  .p-reduced-emissions-section__heading {
    color : #55930f;
    font-family : "senobi";
    font-size : 10.8vw;
    letter-spacing : -2.6666666667vw;
    margin-bottom : 9.3333333333vw;
  }
  .p-reduced-emissions-section__heading2 {
    font-size : 5.3333333333vw;
    font-weight : bold;
    letter-spacing : -0.2666666667vw;
    margin-bottom : 10.6666666667vw;
    margin-top : 17.3333333333vw;
  }
  .p-reduced-emissions-section__paragraph {
    margin-bottom : 13.3333333333vw;
    font-size : 3.7333333333vw;
    line-height : 6.9333333333vw;
    text-align : left;
  }
  .p-reduced-emissions-section__green-box {
    background-color : #eef5e7;
    border-radius : 1.3333333333vw;
    padding : 6.6666666667vw;
    margin-bottom : 5.3333333333vw;
  }
  .p-reduced-emissions-section__green-box + .p-reduced-emissions-section__green-box {
    margin-top : 13.3333333333vw;
    margin-bottom : 21.3333333333vw;
  }
  .p-reduced-emissions-section__white-box {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 6.6666666667vw;
  }
  .p-reduced-emissions-section__green-box-title {
    font-size : 4.8vw;
    font-weight : bold;
    line-height : 1.5;
    margin-bottom : 6.6666666667vw;
  }
  .p-reduced-emissions-section__green-box-lead {
    font-size : 3.7333333333vw;
    line-height : 1.5;
    margin-top : -1.3333333333vw;
    margin-bottom : 6.6666666667vw;
    text-align : center;
  }
  .p-reduced-emissions-section__graph-list, .p-reduced-emissions-section__graph-list2 {
    background-image : url("/common/img/carbon-free/more/reduced-emissions/graph.png");
    background-size : 46.6666666667vw 46.6666666667vw;
    background-repeat : no-repeat;
    background-position : center 54%;
    display : grid;
    grid-template-columns : 33.3333333333vw 1fr 33.3333333333vw;
    row-gap : 52vw;
  }
  .p-reduced-emissions-section__graph-list2 {
    background-position : center;
    grid-template-columns : 23.7333333333vw 1fr 23.7333333333vw;
    row-gap : 29.3333333333vw;
  }
  .p-reduced-emissions-section__graph-list-item, .p-reduced-emissions-section__graph-list2-item {
    width : 33.3333333333vw;
  }
  .p-reduced-emissions-section__graph-list-item div, .p-reduced-emissions-section__graph-list2-item div {
    background-color : #fff;
    border-radius : 0.8vw;
    padding : 2.6666666667vw;
    position : relative;
  }
  .p-reduced-emissions-section__graph-list-item div:after, .p-reduced-emissions-section__graph-list2-item div:after {
    position : absolute;
    content : "";
    background : #fff;
    height : calc(tan(60deg) * 2vw / 2);
    width : 2.1333333333vw;
    -webkit-clip-path : polygon(50% 0, 100% 100%, 0 100%);
    clip-path : polygon(50% 0, 100% 100%, 0 100%);
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(1), .p-reduced-emissions-section__graph-list2-item:nth-child(1) {
    grid-column-start : 3;
    grid-column-end : 4;
    grid-row-start : 1;
    grid-row-end : 2;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(1) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(1) div:after {
    left : 3.2vw;
    bottom : calc(-1 * (tan(60deg) * 2vw / 2));
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(2), .p-reduced-emissions-section__graph-list2-item:nth-child(2) {
    grid-column-start : 3;
    grid-column-end : 4;
    grid-row-start : 2;
    grid-row-end : 3;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(2) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(2) div:after {
    left : 3.2vw;
    top : calc(-1 * (tan(60deg) * 2vw / 2));
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(3), .p-reduced-emissions-section__graph-list2-item:nth-child(3) {
    grid-column-start : 1;
    grid-column-end : 2;
    grid-row-start : 2;
    grid-row-end : 3;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(3) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(3) div:after {
    right : 3.2vw;
    top : calc(-1 * (tan(60deg) * 2vw / 2));
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(4), .p-reduced-emissions-section__graph-list2-item:nth-child(4) {
    grid-column-start : 1;
    grid-column-end : 2;
    grid-row-start : 1;
    grid-row-end : 2;
  }
  .p-reduced-emissions-section__graph-list-item:nth-child(4) div:after, .p-reduced-emissions-section__graph-list2-item:nth-child(4) div:after {
    right : 3.2vw;
    bottom : calc(-1 * (tan(60deg) * 2vw / 2));
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list2-item {
    position : relative;
    width : 23.7333333333vw;
  }
  .p-reduced-emissions-section__graph-list2-item:after {
    position : absolute;
    content : "";
    background : #fff;
    height : calc(tan(60deg) * 1.73vw / 2);
    width : 3.4666666667vw;
    -webkit-clip-path : polygon(50% 0, 100% 100%, 0 100%);
    clip-path : polygon(50% 0, 100% 100%, 0 100%);
  }
  .p-reduced-emissions-section__graph-list2-item div {
    overflow : hidden;
    padding : 2.4vw;
    height : 100%;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(1):after {
    left : -1.7333333333vw;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(2):after {
    left : -1.7333333333vw;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3) div {
    padding-bottom : 0;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3) img {
    max-width : none;
    width : 44vw;
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(3):after {
    right : -1.7333333333vw;
    top : 0;
    transform : rotate(180deg);
  }
  .p-reduced-emissions-section__graph-list2-item:nth-child(4):after {
    right : -1.7333333333vw;
    bottom : 0;
  }
  .p-reduced-emissions-section__graph-list-title {
    color : #5b9a10;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : 500;
    margin-bottom : 1.7333333333vw;
    letter-spacing : -1.0666666667vw;
    text-align : center;
  }
  .p-reduced-emissions-section__graph-list-text {
    font-size : 2.1333333333vw;
    margin-bottom : 0.5em;
    text-align : left;
    padding-left : 1em;
    position : relative;
  }
  .p-reduced-emissions-section__graph-list-text:before {
    content : "・";
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-reduced-emissions-section__graph-list-text:last-of-type {
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__graph-text-list {
    margin-top : 5.3333333333vw;
    display : flex;
    flex-wrap : wrap;
    text-align : left;
  }
  .p-reduced-emissions-section__graph-text-list-item {
    margin-bottom : 8vw;
    width : 100%;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(1) {
    order : 2;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(2) {
    order : 3;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(3) {
    order : 4;
  }
  .p-reduced-emissions-section__graph-text-list-item:nth-child(4) {
    order : 1;
  }
  .p-reduced-emissions-section__graph-text-list-title {
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
  }
  .p-reduced-emissions-section__graph-text-list-text {
    font-size : 3.7333333333vw;
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__accordion {
    transition : 0.3s;
    overflow : hidden;
    margin-top : -10px;
    margin-bottom : 17.3333333333vw;
    padding-bottom : 20px;
    text-align : left;
  }
  .p-reduced-emissions-section__accordion[open] {
    margin-top : 0;
    padding-bottom : 10px;
  }
  .p-reduced-emissions-section__accordion[open] .p-reduced-emissions-section__accordion-title {
    transform : translateY(0);
    border-bottom : none;
  }
  .p-reduced-emissions-section__accordion[open] .p-reduced-emissions-section__accordion-title:after {
    transform : rotate(0deg);
  }
  .p-reduced-emissions-section__accordion-title {
    border-top : solid 1px #f1f1f1;
    border-bottom : solid 1px #f1f1f1;
    display : block;
    padding : 3.7333333333vw 0;
    transition : 0.3s;
    transform : translateY(10px);
    font-size : 4vw;
    font-weight : bold;
  }
  .p-reduced-emissions-section__accordion-title:hover {
    cursor : pointer;
  }
  .p-reduced-emissions-section__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-reduced-emissions-section__accordion-title:before, .p-reduced-emissions-section__accordion-title:after {
    position : absolute;
    top : 50%;
    right : 0;
    width : 2.6666666667vw;
    height : 0.4vw;
    background-color : #333;
    transform-origin : center;
    content : "";
  }
  .p-reduced-emissions-section__accordion-title:after {
    transition : 0.3s;
    transform : rotate(90deg);
  }
  .p-reduced-emissions-section__accordion-content {
    padding : 4.2666666667vw 0 9.3333333333vw;
    border-bottom : solid 1px #f1f1f1;
  }
  .p-reduced-emissions-section__glossary-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 5.3333333333vw;
    letter-spacing : -1.0666666667vw;
  }
  .p-reduced-emissions-section__glossary-title:before {
    content : "・";
  }
  .p-reduced-emissions-section__glossary-item {
    margin-bottom : 10.1333333333vw;
  }
  .p-reduced-emissions-section__glossary-item:last-child {
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__glossary-item a[target=_blank] {
    color : #55930f;
    font-weight : bold;
    position : relative;
    text-decoration : underline;
  }
  .p-reduced-emissions-section__glossary-item a[target=_blank]:after {
    background-image : url("/common/img/carbon-free/more/reduced-emissions/icon_blank.png");
    background-size : 5.3333333333vw 4vw;
    content : "";
    height : 4vw;
    width : 5.3333333333vw;
    position : absolute;
    right : -5.3333333333vw;
    top : 50%;
    transform : translateY(-50%);
  }
  .p-reduced-emissions-section__glossary-text {
    font-size : 3.7333333333vw;
    line-height : 2;
  }
  .p-reduced-emissions-section__glossary-text-list-item {
    font-size : 3.7333333333vw;
    line-height : 2;
    padding-left : 0.8em;
    position : relative;
  }
  .p-reduced-emissions-section__glossary-text-list-item:before {
    content : "・";
    position : absolute;
    top : 0;
    left : 0;
  }
  .p-reduced-emissions-section__measure-title {
    font-family : "senobi";
    font-weight : bold;
    font-size : 4.8vw;
    letter-spacing : -1.0666666667vw;
    text-align : center;
  }
  .p-reduced-emissions-section__measure-link {
    display : inline-block;
    width : 100%;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 4vw;
    font-weight : bold;
    border-radius : 2vw;
    color : #fff;
    background-position : center;
    background-size : 12vw 12vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    margin-top : 4vw;
    position : relative;
  }
  .p-reduced-emissions-section__measure-link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4.4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url(/common/img/carbon-free/activation_icon-arrow-right2.png);
  }
  .p-reduced-emissions-section__measure-link:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-reduced-emissions-section__measure-link-text {
    font-size : 3.7333333333vw;
    line-height : 2;
    margin-top : 1em;
  }
  .p-reduced-emissions-section__figure {
    margin-top : 5.3333333333vw;
    margin-bottom : 0;
  }
  .p-reduced-emissions-section__figure > img {
    display : block;
    margin-bottom : 2.6666666667vw;
    width : 100%;
    height : auto;
  }
  .p-reduced-emissions-section__figure > figcaption {
    font-size : 2.6666666667vw;
    line-height : 3.7333333333vw;
    text-align : center;
  }
  .p-reduced-emissions-section__paragraph2 {
    margin-top : 5.3333333333vw;
    margin-bottom : 0;
    font-size : 2.9333333333vw;
    line-height : 5.3333333333vw;
    text-align : left;
  }
  .p-reduced-emissions-section__container2 {
    position : relative;
    padding : 0 8vw;
    text-align : center;
  }
  .p-reduced-emissions-section__box {
    position : relative;
    border-radius : 2.6666666667vw;
    background-color : #eef4e7;
  }
  .p-reduced-emissions-section__box-left {
    position : relative;
    padding : 8vw;
    padding-bottom : 0;
  }
  .p-reduced-emissions-section__box-right {
    position : relative;
    padding : 8vw;
  }
  .p-reduced-emissions-section__box2 {
    border-radius : 2.6666666667vw;
    padding : 5.3333333333vw;
    background-color : #fff;
  }
  .p-reduced-emissions-section__box3 {
    border-radius : 2.6666666667vw;
    padding : 5.3333333333vw;
    background-color : #fff;
  }
  .p-reduced-emissions-section__heading3 {
    margin-bottom : 1.3333333333vw;
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
  }
  .p-reduced-emissions-section__paragraph3 {
    margin-bottom : 4vw;
    position : relative;
    display : block;
    font-size : 3.2vw;
    line-height : 5.3333333333vw;
  }
  .p-reduced-emissions-section__paragraph3 > span {
    font-size : 3.7333333333vw;
    font-weight : bold;
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-reduced-emissions-section__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-reduced-emissions-section__image {
    display : block;
    width : 100%;
    height : auto;
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions-section1__bg, .p-reduced-emissions-section2__bg, .p-reduced-emissions-section3__bg {
    position : absolute;
    top : 100px;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    z-index : 0;
  }
  .p-reduced-emissions-section1__bg:before, .p-reduced-emissions-section2__bg:before, .p-reduced-emissions-section3__bg:before {
    position : absolute;
    top : 0;
    left : 0;
    display : block;
    content : "";
    width : 227px;
    height : 825px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image2.png");
  }

  .p-reduced-emissions-section2__bg {
    top : 500px;
  }
  .p-reduced-emissions-section2__bg:before {
    top : 0;
    left : auto;
    right : 0;
    display : block;
    content : "";
    width : 284px;
    height : 754px;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image3.png");
  }

  .p-reduced-emissions-section3__bg {
    top : 1220px;
    z-index : 1;
  }
  .p-reduced-emissions-section3__bg:before {
    top : 0;
    left : 0;
    display : block;
    content : "";
    width : 444px;
    height : 585px;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image4.png");
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions-section1__bg, .p-reduced-emissions-section3__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }

  .p-reduced-emissions-section1__bg:after {
    position : absolute;
    bottom : 2.6666666667vw;
    left : 0;
    display : block;
    content : "";
    width : 25.2vw;
    height : 70.5333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image2_sp.png");
  }

  .p-reduced-emissions-section3__bg {
    top : auto;
    bottom : 21.3333333333vw;
    z-index : -1;
  }
  .p-reduced-emissions-section3__bg:before {
    position : absolute;
    top : 0;
    right : 0;
    display : block;
    content : "";
    width : 32.5333333333vw;
    height : 57.4666666667vw;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/more/reduced-emissions/bg-image3_sp.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-reduced-emissions-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg4.png");
  }
  .p-reduced-emissions-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-reduced-emissions-footer__bg2:after {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/activation_bg-image7.png");
  }
  .p-reduced-emissions-footer__container {
    position : relative;
    margin : 0 auto;
    padding-top : 185px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-reduced-emissions-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 40px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -12px;
    line-height : 1.3em;
    transform : translateX(-7.5px);
  }
  .p-reduced-emissions-footer__heading:after {
    position : absolute;
    bottom : -5px;
    left : 7px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-reduced-emissions-footer__case-heading {
    margin-bottom : 35px;
    font-size : 40px;
    font-weight : bold;
  }
  .p-reduced-emissions-footer__case-sub-heading {
    margin-bottom : 30px;
    font-size : 24px;
    line-height : 48px;
    letter-spacing : 0.05em;
  }
  .p-reduced-emissions-footer__paragraph-wrapper {
    background-color : #fff;
    margin-bottom : 80px;
    text-align : left;
    padding : 90px 90px 154px;
  }
  .p-reduced-emissions-footer__paragraph-wrapper .p-case-contents__heading {
    margin-top : 120px;
  }
  .p-reduced-emissions-footer__paragraph-wrapper .p-case-contents__heading:first-of-type {
    margin-top : 0;
  }
  .p-reduced-emissions-footer__case-link {
    display : inline-block;
    width : 440px;
    line-height : 50px;
    height : 50px;
    text-align : center;
    font-size : 20px;
    font-weight : bold;
    border-radius : 10px;
    color : #fff;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    position : relative;
  }
  .p-reduced-emissions-footer__case-link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url(/common/img/carbon-free/activation_icon-arrow-right2.png);
  }
  .p-reduced-emissions-footer__case-link:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-reduced-emissions-footer__container2 {
    position : relative;
    margin : 0 auto;
    padding-bottom : 270px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-reduced-emissions-footer__section {
    border-radius : 10px;
    margin-top : 160px;
    padding : 70px;
    padding-bottom : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-reduced-emissions-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -13px;
    line-height : 1;
  }
  .p-reduced-emissions-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-reduced-emissions-footer__paragraph2 {
    margin-bottom : 30px;
    font-size : 18px;
    line-height : 35px;
  }
  .p-reduced-emissions-footer__box2 {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-reduced-emissions-footer__box2-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-reduced-emissions-footer__box2-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-reduced-emissions-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 460px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-reduced-emissions-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
  .p-reduced-emissions-footer__link2:hover, .p-reduced-emissions-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-reduced-emissions-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1360px) {
  .p-reduced-emissions-footer__container {
    width : 95%;
  }
  .p-reduced-emissions-footer__heading2 {
    font-size : 4.1666666667vw;
    letter-spacing : -1.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-reduced-emissions-footer {
    padding-top : 31.4666666667vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_bg4_sp.png");
  }
  .p-reduced-emissions-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-reduced-emissions-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/activation_bg-image4_sp.png");
  }
  .p-reduced-emissions-footer__container {
    padding : 0 8vw;
    text-align : center;
  }
  .p-reduced-emissions-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-reduced-emissions-footer__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-reduced-emissions-footer .p-case-hero__box {
    border-top-left-radius : 1.3333333333vw;
    border-top-right-radius : 1.3333333333vw;
    padding : 6.6666666667vw;
  }
  .p-reduced-emissions-footer__case-heading {
    margin-bottom : 2.6666666667vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 1.5;
    text-align : left;
  }
  .p-reduced-emissions-footer__case-sub-heading {
    margin-bottom : 6.1333333333vw;
    font-size : 4vw;
    line-height : 2em;
    letter-spacing : 0.05em;
    text-align : left;
  }
  .p-reduced-emissions-footer .p-case-hero__image {
    width : 13.2vw;
  }
  .p-reduced-emissions-footer__paragraph-wrapper {
    background-color : #fff;
    border-bottom-left-radius : 1.3333333333vw;
    border-bottom-right-radius : 1.3333333333vw;
    margin-bottom : 5.6vw;
    text-align : left;
    padding : 8vw 6.6666666667vw;
  }
  .p-reduced-emissions-footer__paragraph-wrapper .p-case-contents__heading {
    margin-top : 20vw;
    text-align : left;
  }
  .p-reduced-emissions-footer__paragraph-wrapper .p-case-contents__heading:first-of-type {
    margin-top : 0;
  }
  .p-reduced-emissions-footer__link2, .p-reduced-emissions-footer__case-link {
    border-radius : 2vw;
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
    text-align : center;
  }
  .p-reduced-emissions-footer__link2:after, .p-reduced-emissions-footer__case-link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
  .p-reduced-emissions-footer__container2 {
    margin-top : 17.3333333333vw;
    text-align : center;
  }
  .p-reduced-emissions-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    padding : 6.6666666667vw 9.3333333333vw 10.6666666667vw 9.3333333333vw;
    text-align : left;
    background-color : #fff;
  }
  .p-reduced-emissions-footer__heading2 {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -1.6vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-reduced-emissions-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-reduced-emissions-footer__paragraph2 {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-reduced-emissions-footer__box2 {
    text-align : center;
  }
  .p-reduced-emissions-footer__box2-left {
    margin-bottom : 4vw;
  }
  .p-reduced-emissions-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-reduced-emissions-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-reduced-emissions-footer__paragraph3 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-reduced-emissions-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-reduced-emissions-footer__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-gx .sp {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-gx .pc {
    display : none !important;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-gx-button {
    position : fixed;
    right : 0;
    top : 50%;
    transform : translateY(-50%);
    z-index : 1000;
    width : 80px;
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
  }
  .p-saving-gx-button__link {
    width : 80px;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 26px;
    font-weight : bold;
    line-height : 1;
    letter-spacing : 0.18em;
    padding-top : 65px;
    padding-bottom : 30px;
    border-radius : 10px 0 0 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-gx-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 36px;
    height : 25px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 30px;
    left : 50%;
    transform : translateX(-50%);
  }
  .p-saving-gx-button__link:hover, .p-saving-gx-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-saving-gx-button {
    position : fixed;
    bottom : 0;
    z-index : 1000;
    width : 100%;
  }
  .p-saving-gx-button__link {
    width : 100%;
    position : relative;
    display : block;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 6vw;
    letter-spacing : 0.05em;
    padding-top : 4vw;
    padding-bottom : 4vw;
    padding-left : 8vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
    border-top : solid 0.4vw #fff;
  }
  .p-saving-gx-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 5.6vw;
    height : 3.4666666667vw;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 55%;
    left : 29.3333333333vw;
    transform : translateY(-55%);
  }
  .p-saving-gx-button__link:hover, .p-saving-gx-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-gx-hero {
    background-position : bottom 0 center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg.png");
  }
  .p-saving-gx-hero__container {
    margin : 0 auto;
    padding : 80px 50px 125px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-gx-hero__heading {
    display : flex;
    justify-content : center;
    margin-bottom : 15px;
    font-size : 70px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -15px;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-saving-gx-hero__paragraph {
    margin-bottom : 60px;
    font-size : 24px;
    line-height : 45px;
    text-align : center;
  }
  .p-saving-gx-hero__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-saving-gx-hero__image {
    display : inline-block;
    margin-bottom : 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-gx-hero {
    background-position : bottom 0 center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg_sp.png");
  }
  .p-saving-gx-hero__container {
    padding : 10.6666666667vw 8vw 4vw;
    padding-top : 10.6666666667vw;
  }
  .p-saving-gx-hero__heading {
    margin-bottom : 1.3333333333vw;
    font-size : 8.8vw;
    font-weight : bold;
    position : relative;
    display : flex;
    justify-content : center;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-saving-gx-hero__paragraph {
    margin-bottom : 6.6666666667vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
    text-align : center;
  }
  .p-saving-gx-hero__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
    width : 100%;
  }
  .p-saving-gx-hero__image {
    display : inline-block;
    width : 45.3333333333vw;
    height : auto;
    margin-bottom : 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-gx-contents__container {
    position : relative;
    margin : 0 auto;
    padding : 120px 50px 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-gx-contents__section {
    margin-bottom : 150px;
  }
  .p-saving-gx-contents__section--last {
    margin-bottom : 0;
  }
  .p-saving-gx-contents__heading {
    margin-bottom : 60px;
    display : block;
    text-align : center;
  }
  .p-saving-gx-contents__heading > span {
    font-size : 26px;
    line-height : 45px;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-gx-contents__heading2 {
    text-align : center;
    font-size : 26px;
    line-height : 45px;
    margin-bottom : 30px;
  }
  .p-saving-gx-contents__paragraph {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-saving-gx-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-gx-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-gx-contents__paragraph--note {
    font-size : 14px;
    line-height : 24px;
    margin-bottom : 0;
  }
  .p-saving-gx-contents__paragraph2 {
    font-size : 20px;
    font-weight : bold;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-saving-gx-contents__navigation {
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
    margin-bottom : -30px;
  }
  .p-saving-gx-contents__navigation > li {
    width : calc(100% / 3 - 20px);
    margin-bottom : 30px;
  }
  .p-saving-gx-contents__box {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-gx-contents__box-left {
    width : calc(50% - 20px);
  }
  .p-saving-gx-contents__box-right {
    width : calc(50% - 20px);
  }
  .p-saving-gx-contents__box2 {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-gx-contents__box2-left {
    order : 2;
    width : calc(50% - 20px);
  }
  .p-saving-gx-contents__box2-right {
    order : 1;
    width : calc(50% - 20px);
  }
  .p-saving-gx-contents__box3 {
    display : flex;
    flex-direction : column;
    justify-content : center;
    width : 680px;
    margin : 0 auto;
  }
  .p-saving-gx-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    max-height : 370px;
    margin-bottom : 40px;
    aspect-ratio : 16/9;
  }
  .p-saving-gx-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-saving-gx-contents__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-saving-gx-contents__imagewrapper {
    width : auto;
    height : auto;
    margin-bottom : 30px;
  }
  .p-saving-gx-contents__imagewrapper > img {
    width : auto;
    margin : 0 auto;
  }
  .p-saving-gx-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-gx-contents__point:not(:last-child) {
    margin-bottom : 60px;
  }
  .p-saving-gx-contents__point-title {
    display : flex;
    align-items : center;
  }
  .p-saving-gx-contents__point-title:not(:last-child) {
    margin-bottom : 1rem;
  }
  .p-saving-gx-contents__point-text {
    font-size : 36px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -10px;
    line-height : 1.3em;
    color : #56950f;
    margin-left : 10px;
    margin-bottom : 0;
  }
  .p-saving-gx-contents__support {
    display : flex;
    justify-content : center;
  }
  .p-saving-gx-contents__support .p-saving-gx-contents__figure:not(:first-child) {
    margin-left : 30px;
  }
  .p-saving-gx-contents__message {
    font-size : 36px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -10px;
    line-height : 64px;
    color : #56950f;
    text-align : center;
    margin-top : 150px;
  }
  .p-saving-gx-contents__link {
    margin : 0 auto;
    margin-bottom : 65px;
    padding : 20px;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 520px;
    height : auto;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 28px;
    border-radius : 10px;
    text-align : center;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-gx-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-gx-contents__link:hover, .p-saving-gx-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-gx-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    max-width : 380px;
    height : 90px;
    color : #fff;
    font-size : 17px;
    font-weight : bold;
    text-align : center;
    line-height : 28px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-gx-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-saving-gx-contents__link2:hover, .p-saving-gx-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-gx-contents__link2 {
    font-size : 14px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-gx-contents__container {
    padding : 13.3333333333vw 8vw 0vw 8vw;
  }
  .p-saving-gx-contents__section {
    margin-bottom : 16vw;
  }
  .p-saving-gx-contents__heading {
    margin-bottom : 6.6666666667vw;
    display : block;
    text-align : center;
  }
  .p-saving-gx-contents__heading > span {
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-gx-contents__heading2 {
    font-size : 5.3333333333vw;
    line-height : 9.0666666667vw;
    margin-bottom : 8vw;
  }
  .p-saving-gx-contents__paragraph {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-gx-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-gx-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-gx-contents__paragraph--note {
    font-size : 2.9333333333vw;
    line-height : 5.3333333333vw;
    text-indent : -4em;
    padding-left : 4em;
    margin-bottom : 0;
  }
  .p-saving-gx-contents__paragraph2 {
    font-size : 4.5333333333vw;
    font-weight : bold;
  }
  .p-saving-gx-contents__navigation > li:not(:first-child) {
    margin-top : 4vw;
  }
  .p-saving-gx-contents__box2:not(:last-child) {
    margin-bottom : 14.6666666667vw;
  }
  .p-saving-gx-contents__box3 {
    margin-bottom : 8vw;
  }
  .p-saving-gx-contents__box3-left {
    text-align : center;
  }
  .p-saving-gx-contents__box3-right {
    text-align : center;
  }
  .p-saving-gx-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    aspect-ratio : 16/9;
    margin-bottom : 4vw;
  }
  .p-saving-gx-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-saving-gx-contents__imagewrapper {
    width : auto;
    height : auto;
    margin-bottom : 8vw;
  }
  .p-saving-gx-contents__imagewrapper > img {
    width : auto;
    margin : 0 auto;
  }
  .p-saving-gx-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-gx-contents__point:not(:last-child) {
    margin-bottom : 12vw;
  }
  .p-saving-gx-contents__point-title {
    display : flex;
    align-items : center;
  }
  .p-saving-gx-contents__point-title:not(:last-child) {
    margin-bottom : 1rem;
  }
  .p-saving-gx-contents__point-image {
    width : 16.8vw;
  }
  .p-saving-gx-contents__point-text {
    font-size : 6.6666666667vw;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
    margin-left : 2.6666666667vw;
    margin-bottom : 0;
  }
  .p-saving-gx-contents__support {
    display : flex;
    flex-direction : column;
  }
  .p-saving-gx-contents__support-inner {
    display : flex;
    justify-content : center;
  }
  .p-saving-gx-contents__support-inner .p-saving-gx-contents__figure {
    width : 40vw;
  }
  .p-saving-gx-contents__support-inner--top {
    justify-content : center;
  }
  .p-saving-gx-contents__support-inner--bottom {
    justify-content : space-between;
  }
  .p-saving-gx-contents__message {
    font-size : 6.6666666667vw;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.22em;
    line-height : 9.3333333333vw;
    color : #56950f;
    text-align : center;
    margin-top : 16vw;
  }
  .p-saving-gx-contents__link {
    margin : 0 auto;
    margin-bottom : 13.3333333333vw;
    padding : 4vw 6.6666666667vw 4vw 4vw;
    position : relative;
    display : block;
    width : 100%;
    height : auto;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    text-align : center;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-gx-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-gx-contents__link:hover, .p-saving-gx-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-gx-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    height : 16.4vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    text-align : center;
    line-height : 5.8666666667vw;
    border-radius : 2vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-gx-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 2.9333333333vw;
    height : 2.1333333333vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 2.1333333333vw;
  }
  .p-saving-gx-contents__link2:hover, .p-saving-gx-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-gx-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-gx-contents__link2--large {
    padding-right : 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-gx-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4.png");
  }
  .p-saving-gx-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-gx-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 970px;
    height : 504px;
    background-position : left top;
    background-size : 970px 504px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg5.png");
  }
  .p-saving-gx-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-gx-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5.png");
  }
  .p-saving-gx-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 240px 37px 230px 37px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-gx-footer__heading {
    margin-bottom : 40px;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 48px;
    font-weight : bold;
    letter-spacing : -6px;
    line-height : 1.3em;
    border-bottom : solid 5px #56950f;
  }
  .p-saving-gx-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-family : "senobi";
    font-size : 60px;
    font-weight : bold;
    letter-spacing : -16px;
    line-height : 1;
  }
  .p-saving-gx-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
    margin-bottom : 10px;
  }
  .p-saving-gx-footer__list-ul {
    margin : 0 auto;
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
  }
  .p-saving-gx-footer__list-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-saving-gx-footer__list-item {
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-saving-gx-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-gx-footer__box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-saving-gx-footer__paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-saving-gx-footer__paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-saving-gx-footer__paragraph3 {
    font-size : 18px;
    line-height : 36px;
  }
  .p-saving-gx-footer__link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-saving-gx-footer__link:hover, .p-saving-gx-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-gx-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 300px;
    margin : 0 auto;
    height : 60px;
    color : #fff;
    font-size : 18px;
    font-weight : bold;
    line-height : 60px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-gx-footer__link2--inquiry {
    max-width : 510px;
    height : 84px;
    font-size : 26px;
    line-height : 84px;
    text-align : center;
  }
  .p-saving-gx-footer__link2--inquiry:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-gx-footer__link2:hover, .p-saving-gx-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-saving-gx-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-gx-footer__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 50px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 30px;
    padding-left : 10px;
    padding-right : 10px;
    font-size : 16px;
    font-weight : bold;
    line-height : 27px;
    border-radius : 6px;
    background-color : #f1f1f1;
  }
  .p-saving-gx-footer__inquiry {
    background-color : #fff;
    border-radius : 10px;
    padding : 50px;
    margin-top : 100px;
    margin-bottom : 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-gx-footer__list-ul > li {
    margin-bottom : 2.6923076923vw;
  }
  .p-saving-gx-footer__list-item {
    margin-left : 1vw;
    margin-right : 1vw;
    padding-bottom : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-saving-gx-footer__box {
    padding : 2.6923076923vw 1.5384615385vw 1.9230769231vw;
  }
  .p-saving-gx-footer__paragraph {
    font-size : 1.2307692308vw;
    line-height : 2.1538461538vw;
  }
  .p-saving-gx-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-saving-gx-footer__link {
    bottom : 2.3076923077vw;
    width : 12.3076923077vw;
    border-radius : 0.7692307692vw;
    line-height : 2.4615384615vw;
    height : 2.9230769231vw;
    font-size : 1.2307692308vw;
    background-position : right 0.7692307692vw center;
    background-size : 0.7692307692vw 1.2307692308vw;
  }
  .p-saving-gx-footer__label {
    min-width : 3.8461538462vw;
    min-height : 2.3076923077vw;
    padding-left : 0.7692307692vw;
    padding-right : 0.7692307692vw;
    font-size : 1.2307692308vw;
    line-height : 2.0769230769vw;
    border-radius : 0.4615384615vw;
    background-size : 3.8461538462vw 3.8461538462vw;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-gx-footer {
    padding-top : 21.3333333333vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4_sp.png");
  }
  .p-saving-gx-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-gx-footer__bg:after {
    position : absolute;
    bottom : 9.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 62.9333333333vw;
    height : 62.1333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg5_sp.png");
  }
  .p-saving-gx-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-gx-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5_sp.png");
  }
  .p-saving-gx-footer__container {
    padding : 0 8vw;
    text-align : center;
    position : relative;
  }
  .p-saving-gx-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
    border-bottom : solid 1.0666666667vw #56950f;
  }
  .p-saving-gx-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    font-family : "senobi";
    font-size : 7.2vw;
    font-weight : bold;
    letter-spacing : -1.6vw;
    line-height : 9.8666666667vw;
  }
  .p-saving-gx-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-saving-gx-footer__list-ul {
    margin-bottom : 4vw;
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
  }
  .p-saving-gx-footer__list-ul > li {
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
  }
  .p-saving-gx-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-gx-footer__box {
    position : relative;
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-saving-gx-footer__paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-saving-gx-footer__paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-saving-gx-footer__paragraph3 {
    font-size : 3.7333333333vw;
    line-height : 5.3333333333vw;
    text-align : left;
  }
  .p-saving-gx-footer__link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-saving-gx-footer__link:hover, .p-saving-gx-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-gx-footer__link2 {
    position : relative;
    display : inline-block;
    padding : 0 8vw;
    border-radius : 2.1333333333vw;
    height : 12vw;
    color : #fff;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-gx-footer__link2--inquiry {
    border-radius : 2vw;
    display : block;
    width : 100%;
    font-size : 4vw;
    line-height : 12vw;
    text-align : center;
  }
  .p-saving-gx-footer__link2--inquiry:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
  .p-saving-gx-footer__link2:hover, .p-saving-gx-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-saving-gx-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-gx-footer__label {
    margin-bottom : 2.6666666667vw;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 6.6666666667vw;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 6vw;
    padding : 1.3333333333vw 2vw;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    background-color : #f1f1f1;
  }
  .p-saving-gx-footer__inquiry {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 8.6666666667vw 6.6666666667vw 6.6666666667vw;
    margin-top : 16vw;
    margin-bottom : 6.6666666667vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solutiontop .sp {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solutiontop .pc {
    display : none !important;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solutiontop-hero {
    background-position : bottom 0 center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg.png");
  }
  .p-saving-solutiontop-hero__container {
    margin : 0 auto;
    padding : 80px 50px 125px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-solutiontop-hero__heading {
    display : flex;
    justify-content : center;
    margin-bottom : 15px;
    font-size : 70px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -15px;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-saving-solutiontop-hero__paragraph {
    margin-bottom : 60px;
    font-size : 24px;
    line-height : 45px;
    text-align : center;
  }
  .p-saving-solutiontop-hero__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-saving-solutiontop-hero__image {
    display : inline-block;
    margin-bottom : 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solutiontop-hero {
    background-position : bottom 0 center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg_sp.png");
  }
  .p-saving-solutiontop-hero__container {
    padding : 10.6666666667vw 8vw 4vw;
    padding-top : 10.6666666667vw;
  }
  .p-saving-solutiontop-hero__heading {
    margin-bottom : 1.3333333333vw;
    font-size : 8.8vw;
    font-weight : bold;
    position : relative;
    display : flex;
    justify-content : center;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-saving-solutiontop-hero__paragraph {
    margin-bottom : 6.6666666667vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
    text-align : center;
  }
  .p-saving-solutiontop-hero__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
    width : 100%;
  }
  .p-saving-solutiontop-hero__image {
    display : inline-block;
    width : 45.3333333333vw;
    height : auto;
    margin-bottom : 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solutiontop-contents__container {
    position : relative;
    margin : 0 auto;
    padding : 120px 50px 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-solutiontop-contents__section {
    margin-bottom : 150px;
  }
  .p-saving-solutiontop-contents__section--1 {
    margin-bottom : 210px;
  }
  .p-saving-solutiontop-contents__section--1 .p-saving-solutiontop-contents__box2 {
    margin-bottom : 60px;
  }
  .p-saving-solutiontop-contents__section--3 {
    margin-bottom : 100px;
  }
  .p-saving-solutiontop-contents__heading {
    margin-bottom : 50px;
    display : block;
    text-align : center;
  }
  .p-saving-solutiontop-contents__heading > span {
    font-size : 26px;
    line-height : 45px;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solutiontop-contents__heading2 {
    text-align : center;
    font-size : 26px;
    line-height : 45px;
    margin-bottom : 60px;
    letter-spacing : -1.1px;
  }
  .p-saving-solutiontop-contents__paragraph {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-saving-solutiontop-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solutiontop-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-solutiontop-contents__navigation {
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
  }
  .p-saving-solutiontop-contents__navigation > li {
    width : calc(100% / 4 - 30px);
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-contents__box {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-solutiontop-contents__box-left {
    width : calc(50% - 20px);
  }
  .p-saving-solutiontop-contents__box-right {
    width : calc(50% - 20px);
  }
  .p-saving-solutiontop-contents__box2 {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-solutiontop-contents__box2-left {
    order : 2;
    width : calc(50% - 20px);
  }
  .p-saving-solutiontop-contents__box2-right {
    order : 1;
    width : calc(50% - 20px);
  }
  .p-saving-solutiontop-contents__figure {
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__figure > img {
    display : inline-block;
  }
  .p-saving-solutiontop-contents__image {
    display : block;
    width : 100%;
    height : auto;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__point {
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-contents__point-title {
    display : flex;
    align-items : center;
  }
  .p-saving-solutiontop-contents__point-text {
    font-size : 36px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -10px;
    line-height : 1.3em;
    color : #56950f;
    margin-left : 10px;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__link {
    position : relative;
    width : 300px;
    height : 50px;
    color : #fff;
    font-size : 20px;
    font-weight : bold;
    line-height : 50px;
    border-radius : 10px;
    text-align : center;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solutiontop-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solutiontop-contents__link:hover, .p-saving-solutiontop-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    max-width : 380px;
    height : 90px;
    color : #fff;
    font-size : 17px;
    font-weight : bold;
    text-align : center;
    line-height : 28px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-solutiontop-contents__link2--list {
    height : 50px;
    max-width : 277px;
  }
  .p-saving-solutiontop-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-saving-solutiontop-contents__link2:hover, .p-saving-solutiontop-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-contents__textlink {
    display : block;
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 10px;
  }
  .p-saving-solutiontop-contents__textlink:hover, .p-saving-solutiontop-contents__textlink:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__accordion {
    background-color : #fff;
    border-radius : 10px;
    margin-top : 100px;
    margin-bottom : 30px;
    border-top : 2px solid #f1f1f1;
    border-bottom : 2px solid #f1f1f1;
  }
  .p-saving-solutiontop-contents__accordion:last-of-type {
    margin-top : 50px;
  }
  .p-saving-solutiontop-contents__accordion-title {
    padding : 30px;
    font-size : 24px;
    font-weight : bold;
    line-height : 36px;
    text-align : center;
  }
  .p-saving-solutiontop-contents__accordion-title:hover {
    cursor : pointer;
  }
  .p-saving-solutiontop-contents__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-saving-solutiontop-contents__accordion-title:after {
    position : relative;
    content : "";
    width : 15px;
    height : 15px;
    border-top : solid 3px #333;
    border-right : solid 3px #333;
    left : 18px;
    top : -5px;
    transform : rotate(135deg);
  }
  .p-saving-solutiontop-contents__accordion-title.open:after {
    top : 0;
    transform : rotate(-45deg);
  }
  .p-saving-solutiontop-contents__accordion-content {
    padding : 30px 140px 60px;
    display : none;
  }
  .p-saving-solutiontop-contents__accordion-list-item {
    position : relative;
    background-color : #f1f1f1;
    border-radius : 10px;
    padding-top : 20px;
    padding-bottom : 20px;
    padding-right : 35px;
  }
  .p-saving-solutiontop-contents__accordion-list-item:not(:last-child) {
    margin-bottom : 20px;
  }
  .p-saving-solutiontop-contents__accordion-list-item-wrapper {
    display : flex;
    align-items : center;
    margin-left : -20px;
  }
  .p-saving-solutiontop-contents__accordion-list-image {
    width : 45px;
    flex-shrink : 0;
  }
  .p-saving-solutiontop-contents__accordion-list-text {
    display : flex;
    align-items : center;
  }
  .p-saving-solutiontop-contents__accordion-list-title {
    width : 130px;
    font-size : 30px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
    margin-left : 25px;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__accordion-list-paragraph {
    font-size : 18px;
    line-height : 36px;
    margin-left : 40px;
    margin-bottom : 0;
    flex : 1;
  }
  .p-saving-solutiontop-contents__process-list {
    background-color : #eef4e7;
    border-radius : 10px;
    padding : 60px;
  }
  .p-saving-solutiontop-contents__process-list .p-saving-solutiontop-contents__image, .p-saving-solutiontop-contents__process-list .p-saving-solutiontop-contents__paragraph {
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list-arrow {
    display : flex;
    justify-content : center;
    align-items : center;
    flex-shrink : 0;
    width : 50px;
    position : relative;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 30px;
    font-weight : bold;
    line-height : 44px;
    letter-spacing : 0.23em;
    border-radius : 10px 10px 0 0;
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url(/common/img/carbon-free/case_texture.png);
    margin-bottom : 25px;
  }
  .p-saving-solutiontop-contents__process-list-arrow::before {
    position : absolute;
    bottom : -24px;
    left : 0;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url(/common/img/carbon-free/case_texture.png);
    content : "";
    display : inline-block;
    width : 50px;
    height : 100px;
    -webkit-clip-path : polygon(0 75%, 50% 75%, 50% 0, 50% 0, 50% 75%, 100% 75%, 50% 100%);
    clip-path : polygon(0 75%, 50% 75%, 50% 0, 50% 0, 50% 75%, 100% 75%, 50% 100%);
  }
  .p-saving-solutiontop-contents__process-list-arrow--last {
    border-radius : 10px;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list-arrow--last::before {
    content : none;
  }
  .p-saving-solutiontop-contents__process-list-body {
    width : 100%;
    background-color : #fff;
    border-radius : 10px;
    padding : 30px;
    margin-left : 30px;
  }
  .p-saving-solutiontop-contents__process-list-title {
    text-align : left;
    color : #56950f;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -0.24em;
    text-indent : -0.24em;
    padding-left : 0.24em;
    line-height : 44px;
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-contents__process-list-title span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solutiontop-contents__process-list-item {
    display : flex;
  }
  .p-saving-solutiontop-contents__process-list-item:not(:last-child) {
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-contents__process-list-wrapper {
    display : flex;
    align-items : center;
    margin-bottom : 20px;
  }
  .p-saving-solutiontop-contents__process-list-wrapper2 {
    flex-direction : column;
    margin-left : 20px;
  }
  .p-saving-solutiontop-contents__process-list-wrapper .p-saving-solutiontop-contents__figure {
    width : 50%;
    max-width : 200px;
    flex-shrink : 0;
  }
  .p-saving-solutiontop-contents__process-list-service {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
  }
  .p-saving-solutiontop-contents__process-list-servicebox {
    width : calc(100% / 2 - 20px);
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-contents__process-list-servicebox .p-saving-solutiontop-contents__textlink--column {
    margin-bottom : 20px;
  }
  .p-saving-solutiontop-contents__process-list-label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    max-width : 130px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 30px;
    padding-left : 10px;
    padding-right : 10px;
    font-size : 16px;
    font-weight : bold;
    line-height : 27px;
    border-radius : 6px;
    background-color : #f1f1f1;
    margin-bottom : 15px;
    font-feature-settings : "palt";
  }
  .p-saving-solutiontop-contents__process-list-name {
    color : #999;
    font-weight : bold;
  }
  .p-saving-solutiontop-contents__process-list-technology {
    display : flex;
    flex-wrap : wrap;
    justify-content : flex-start;
    margin-left : -20px;
    margin-bottom : -20px;
  }
  .p-saving-solutiontop-contents__process-list-technology .p-saving-solutiontop-contents__link {
    width : calc(100% / 3 - 20px);
    margin-left : 20px;
    margin-bottom : 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-solutiontop-contents__link {
    font-size : 16px;
  }
  .p-saving-solutiontop-contents__link:after {
    right : 10px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solutiontop-contents__container {
    padding : 10.6666666667vw 8vw 0vw 8vw;
  }
  .p-saving-solutiontop-contents__section {
    margin-bottom : 10.6666666667vw;
  }
  .p-saving-solutiontop-contents__section--1 .p-saving-solutiontop-contents__figure {
    margin-bottom : 8vw;
  }
  .p-saving-solutiontop-contents__section--3 {
    margin-bottom : 16vw;
  }
  .p-saving-solutiontop-contents__heading {
    margin-bottom : 6.6666666667vw;
    display : block;
    text-align : center;
  }
  .p-saving-solutiontop-contents__heading > span {
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solutiontop-contents__heading2 {
    font-size : 5.3333333333vw;
    line-height : 9.0666666667vw;
    margin-bottom : 8vw;
  }
  .p-saving-solutiontop-contents__paragraph {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-solutiontop-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solutiontop-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-solutiontop-contents__navigation {
    display : flex;
    flex-wrap : wrap;
    justify-content : space-between;
  }
  .p-saving-solutiontop-contents__navigation > li {
    width : calc(100% / 2 - 15px);
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__box2:not(:last-child) {
    margin-bottom : 14.6666666667vw;
  }
  .p-saving-solutiontop-contents__figure {
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solutiontop-contents__point {
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__point-title {
    display : flex;
    align-items : center;
  }
  .p-saving-solutiontop-contents__point-image {
    width : 16.8vw;
  }
  .p-saving-solutiontop-contents__point-text {
    font-size : 6.6666666667vw;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
    margin-left : 2.6666666667vw;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__link {
    margin : 0 auto;
    padding : 2.6666666667vw 0 2.6666666667vw;
    position : relative;
    display : block;
    width : 100%;
    height : 9.3333333333vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 2vw;
    text-align : center;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solutiontop-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 2.6666666667vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solutiontop-contents__link:hover, .p-saving-solutiontop-contents__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    height : 16.4vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    text-align : center;
    line-height : 5.8666666667vw;
    border-radius : 2vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-solutiontop-contents__link2--list {
    height : 9.3333333333vw;
  }
  .p-saving-solutiontop-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 2.9333333333vw;
    height : 2.1333333333vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 2.1333333333vw;
  }
  .p-saving-solutiontop-contents__link2:hover, .p-saving-solutiontop-contents__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-contents__link2--large {
    padding-right : 5.3333333333vw;
  }
  .p-saving-solutiontop-contents__textlink {
    display : block;
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 1.3333333333vw;
    line-height : 7.2vw;
  }
  .p-saving-solutiontop-contents__textlink:hover, .p-saving-solutiontop-contents__textlink:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-solutiontop-contents__accordion {
    background-color : #fff;
    margin-bottom : 6.6666666667vw;
    border-top : 2px solid #f1f1f1;
    border-bottom : 2px solid #f1f1f1;
  }
  .p-saving-solutiontop-contents__accordion-title {
    position : relative;
    padding : 4vw 0;
    font-size : 4vw;
    font-weight : bold;
    line-height : 9.6vw;
  }
  .p-saving-solutiontop-contents__accordion-title:hover {
    cursor : pointer;
  }
  .p-saving-solutiontop-contents__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-saving-solutiontop-contents__accordion-title:after {
    position : absolute;
    content : "";
    width : 2.6666666667vw;
    height : 2.6666666667vw;
    border-top : solid 2px #333;
    border-right : solid 2px #333;
    position : absolute;
    right : 4vw;
    top : 50%;
    transform : translateY(-50%) rotate(135deg);
  }
  .p-saving-solutiontop-contents__accordion-title.open:after {
    transform : translateY(-50%) rotate(-45deg);
  }
  .p-saving-solutiontop-contents__accordion-content {
    padding : 0 4vw 4vw;
    display : none;
  }
  .p-saving-solutiontop-contents__accordion-list-item {
    position : relative;
    background-color : #f1f1f1;
    border-radius : 1.3333333333vw;
    padding-top : 2.6666666667vw;
    padding-bottom : 2.6666666667vw;
    padding-right : 2.6666666667vw;
  }
  .p-saving-solutiontop-contents__accordion-list-item:not(:last-child) {
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__accordion-list-item-wrapper {
    display : flex;
    align-items : center;
    margin-left : -4vw;
  }
  .p-saving-solutiontop-contents__accordion-list-image {
    width : 8vw;
    flex-shrink : 0;
  }
  .p-saving-solutiontop-contents__accordion-list-text {
    margin-left : 4vw;
  }
  .p-saving-solutiontop-contents__accordion-list-title {
    font-size : 5.0666666667vw;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -1.3333333333vw;
    line-height : 1.3em;
    color : #56950f;
    margin-bottom : 1.3333333333vw;
  }
  .p-saving-solutiontop-contents__accordion-list-paragraph {
    font-size : 3.4666666667vw;
    line-height : 5.0666666667vw;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list {
    background-color : #eef4e7;
    border-radius : 1.3333333333vw;
    padding : 6.6666666667vw 8vw;
  }
  .p-saving-solutiontop-contents__process-list .p-saving-solutiontop-contents__image {
    width : 40vw;
    margin : 0 auto;
  }
  .p-saving-solutiontop-contents__process-list .p-saving-solutiontop-contents__paragraph {
    font-size : 3.4666666667vw;
    line-height : 5.0666666667vw;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list .p-saving-solutiontop-contents__link:not(:last-child) {
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__process-list-arrow {
    display : flex;
    align-items : center;
    flex-shrink : 0;
    width : 8vw;
    position : relative;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 3.0666666667vw;
    letter-spacing : 0.23em;
    border-radius : 1.3333333333vw 1.3333333333vw 0 0;
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url(/common/img/carbon-free/case_texture.png);
    padding-top : 4vw;
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__process-list-arrow:before {
    position : absolute;
    bottom : -3.8666666667vw;
    left : 0;
    display : block;
    content : "";
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url(/common/img/carbon-free/case_texture.png);
    display : inline-block;
    width : 8vw;
    height : 26.6666666667vw;
    -webkit-clip-path : polygon(0 85%, 50% 85%, 50% 0, 50% 0, 50% 85%, 100% 85%, 50% 100%);
    clip-path : polygon(0 85%, 50% 85%, 50% 0, 50% 0, 50% 85%, 100% 85%, 50% 100%);
  }
  .p-saving-solutiontop-contents__process-list-arrow--last {
    border-radius : 1.3333333333vw;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list-arrow--last::before {
    content : none;
  }
  .p-saving-solutiontop-contents__process-list-body {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 6.6666666667vw 4vw;
    margin-left : 2.6666666667vw;
  }
  .p-saving-solutiontop-contents__process-list-title {
    text-align : center;
    color : #56950f;
    font-family : "senobi";
    font-size : 5.0666666667vw;
    font-weight : bold;
    letter-spacing : -0.22em;
    text-indent : -0.22em;
    padding-left : 0.22em;
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__process-list-title span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solutiontop-contents__process-list-item {
    display : flex;
  }
  .p-saving-solutiontop-contents__process-list-item:not(:last-child) {
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__process-list-wrapper2 {
    margin-bottom : 2.6666666667vw;
  }
  .p-saving-solutiontop-contents__process-list-wrapper .p-saving-solutiontop-contents__figure {
    margin-bottom : 4vw;
  }
  .p-saving-solutiontop-contents__process-list-servicebox {
    margin-bottom : 8vw;
  }
  .p-saving-solutiontop-contents__process-list-label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 28vw;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 5.6vw;
    padding-left : 2.6666666667vw;
    padding-right : 2.6666666667vw;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 5.6vw;
    border-radius : 1.3333333333vw;
    background-color : #f1f1f1;
    margin-bottom : 2.6666666667vw;
  }
  .p-saving-solutiontop-contents__process-list-name {
    color : #999;
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-saving-solutiontop-contents__process-list-technology {
    display : flex;
    flex-wrap : wrap;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solutiontop-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4.png");
  }
  .p-saving-solutiontop-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-solutiontop-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 970px;
    height : 504px;
    background-position : left top;
    background-size : 970px 504px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg5.png");
  }
  .p-saving-solutiontop-footer__bg2 {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-solutiontop-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5.png");
  }
  .p-saving-solutiontop-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 240px 37px 230px 37px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-solutiontop-footer__heading {
    margin-bottom : 40px;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 48px;
    font-weight : bold;
    letter-spacing : -6px;
    line-height : 1.3em;
    border-bottom : solid 5px #56950f;
  }
  .p-saving-solutiontop-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 50px;
    font-family : "senobi";
    font-size : 60px;
    font-weight : bold;
    letter-spacing : -16px;
    line-height : 1;
  }
  .p-saving-solutiontop-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
    margin-bottom : 10px;
  }
  .p-saving-solutiontop-footer__list-ul {
    margin : 0 auto;
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
  }
  .p-saving-solutiontop-footer__list-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-saving-solutiontop-footer__list-item {
    position : relative;
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-saving-solutiontop-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solutiontop-footer__box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-saving-solutiontop-footer__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 50px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 30px;
    padding-left : 10px;
    padding-right : 10px;
    font-size : 16px;
    font-weight : bold;
    line-height : 27px;
    border-radius : 6px;
    background-color : #f1f1f1;
  }
  .p-saving-solutiontop-footer__paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-saving-solutiontop-footer__paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-saving-solutiontop-footer__paragraph3 {
    font-size : 18px;
    line-height : 36px;
  }
  .p-saving-solutiontop-footer__link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-saving-solutiontop-footer__link:hover, .p-saving-solutiontop-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-solutiontop-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 300px;
    margin : 0 auto;
    height : 60px;
    color : #fff;
    font-size : 18px;
    font-weight : bold;
    line-height : 60px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solutiontop-footer__link2--inquiry {
    max-width : 460px;
    height : 85px;
    font-size : 26px;
    line-height : 85px;
    text-align : center;
  }
  .p-saving-solutiontop-footer__link2--inquiry:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right2.png");
  }
  .p-saving-solutiontop-footer__link2:hover, .p-saving-solutiontop-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-saving-solutiontop-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-footer__inquiry {
    background-color : #fff;
    border-radius : 10px;
    padding : 50px;
    margin-top : 150px;
    margin-bottom : 30px;
  }
  .p-saving-solutiontop-footer .slick-list {
    margin-bottom : 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-solutiontop-footer__list-ul > li {
    margin-bottom : 2.6923076923vw;
  }
  .p-saving-solutiontop-footer__list-item {
    margin-left : 1vw;
    margin-right : 1vw;
    padding-bottom : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-saving-solutiontop-footer__box {
    padding : 2.6923076923vw 1.5384615385vw 1.9230769231vw;
  }
  .p-saving-solutiontop-footer__label {
    min-width : 3.8461538462vw;
    min-height : 2.3076923077vw;
    padding-left : 0.7692307692vw;
    padding-right : 0.7692307692vw;
    font-size : 1.2307692308vw;
    line-height : 2.0769230769vw;
    border-radius : 0.4615384615vw;
    background-size : 3.8461538462vw 3.8461538462vw;
  }
  .p-saving-solutiontop-footer__paragraph {
    font-size : 1.2307692308vw;
    line-height : 2.1538461538vw;
  }
  .p-saving-solutiontop-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-saving-solutiontop-footer__link {
    bottom : 2.3076923077vw;
    width : 12.3076923077vw;
    border-radius : 0.7692307692vw;
    line-height : 2.4615384615vw;
    height : 2.9230769231vw;
    font-size : 1.2307692308vw;
    background-position : right 0.7692307692vw center;
    background-size : 0.7692307692vw 1.2307692308vw;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solutiontop-footer {
    padding-top : 21.3333333333vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4_sp.png");
  }
  .p-saving-solutiontop-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-solutiontop-footer__bg:after {
    position : absolute;
    bottom : 9.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 62.9333333333vw;
    height : 62.1333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg5_sp.png");
  }
  .p-saving-solutiontop-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-solutiontop-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5_sp.png");
  }
  .p-saving-solutiontop-footer__container {
    padding : 0 8vw;
    text-align : center;
    position : relative;
  }
  .p-saving-solutiontop-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
    border-bottom : solid 1.0666666667vw #56950f;
  }
  .p-saving-solutiontop-footer__heading2 {
    position : relative;
    display : inline-block;
    margin-bottom : 6.6666666667vw;
    font-family : "senobi";
    font-size : 7.2vw;
    font-weight : bold;
    letter-spacing : -0.25em;
    line-height : 9.8666666667vw;
  }
  .p-saving-solutiontop-footer__heading2 > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-saving-solutiontop-footer__list-ul {
    margin-bottom : 4vw;
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
  }
  .p-saving-solutiontop-footer__list-ul > li {
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
  }
  .p-saving-solutiontop-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solutiontop-footer__box {
    position : static;
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-saving-solutiontop-footer__label {
    margin-bottom : 2.6666666667vw;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 6.6666666667vw;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 6vw;
    padding : 1.3333333333vw 2vw;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    background-color : #f1f1f1;
  }
  .p-saving-solutiontop-footer__paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-saving-solutiontop-footer__paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-saving-solutiontop-footer__paragraph3 {
    font-size : 3.7333333333vw;
    line-height : 5.3333333333vw;
    text-align : left;
  }
  .p-saving-solutiontop-footer__link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-saving-solutiontop-footer__link:hover, .p-saving-solutiontop-footer__link:focus {
    text-decoration : none;
    color : #56950f;
    opacity : 0.6;
  }
  .p-saving-solutiontop-footer__link2 {
    position : relative;
    display : inline-block;
    padding : 0 8vw;
    border-radius : 2.1333333333vw;
    height : 12vw;
    color : #fff;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solutiontop-footer__link2--inquiry {
    border-radius : 2vw;
    display : block;
    width : 100%;
    font-size : 4vw;
    line-height : 12vw;
    text-align : center;
  }
  .p-saving-solutiontop-footer__link2--inquiry:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right2.png");
  }
  .p-saving-solutiontop-footer__link2:hover, .p-saving-solutiontop-footer__link2:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.8;
  }
  .p-saving-solutiontop-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solutiontop-footer__inquiry {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 8.6666666667vw 6.6666666667vw 6.6666666667vw;
    margin-top : 16vw;
    margin-bottom : 6.6666666667vw;
  }
  .p-saving-solutiontop-footer .slick-list {
    margin-bottom : 1rem;
  }
  .p-saving-solutiontop-footer .slick-initialized .slick-slide {
    position : relative;
    margin : 0 1.3333333333vw;
    background-color : #fff;
    border-radius : 2.6666666667vw;
  }
  .p-saving-solutiontop-footer .slick-slide img {
    border-radius : 2.6666666667vw 2.6666666667vw 0 0;
  }
}
@media screen and (min-width: 768px), print {
  .sp {
    display : none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display : none !important;
  }
}


/* フローティングボタン */
@media screen and (min-width: 768px), print {
  .p-saving-solution-button {
    position : fixed;
    right : 0;
    top : 50%;
    transform : translateY(-50%);
    z-index : 1000;
    width : 80px;
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
  }
  .p-saving-solution-button__link {
    width : 80px;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 26px;
    font-weight : bold;
    line-height : 1;
    letter-spacing : 0.18em;
    padding-top : 65px;
    padding-bottom : 30px;
    border-radius : 10px 0 0 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 32px;
    height : 25px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 30px;
    left : 50%;
    transform : translateX(-50%);
  }
  .p-saving-solution-button__link:hover, .p-saving-solution-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-button {
    position : fixed;
    bottom : 0;
    z-index : 1000;
    width : 100%;
  }
  .p-saving-solution-button__link {
    width : 100%;
    position : relative;
    display : block;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 5.3333333333vw;
    font-weight : bold;
    line-height : 6vw;
    letter-spacing : 0.05em;
    padding-top : 4vw;
    padding-bottom : 4vw;
    padding-left : 8vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 5.6vw;
    height: 4.466667vw;
    background-size: contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 55%;
    left : 29.3333333333vw;
    transform : translateY(-55%);
  }
  .p-saving-solution-button__link:hover, .p-saving-solution-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}


/* フローティングボタン複数の場合 */
/* 親要素のスタイル */
@media screen and (min-width: 768px) {
  .p-saving-solution-floating {
    position: fixed;
    right: 0;
    top: 245px;
    z-index: 1000;
    transition: top 0.3s ease; /* スムーズなアニメーション */
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-floating {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    display: flex;
  }
}

@media screen and (min-width: 768px) {
 .p-saving-solution-floating .p-saving-solution-button {
    position: relative;
    transform: none;
    right: auto;
    top: auto;
    width: 64px;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    text-orientation: upright;
  }
  .p-saving-solution-floating .p-saving-solution-button__link {
    width : 64px;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 20px;
    font-weight : bold;
    line-height : 1;
    letter-spacing : 0.18em;
    padding-top : 48px;
    padding-bottom : 19px;
    border-radius : 10px 0 0 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-floating .p-saving-solution-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 32px;
    height : 23px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 19px;
    left : 50%;
    transform : translateX(-50%);
  }
  .p-saving-solution-floating .p-saving-solution-button__link:hover, .p-saving-solution-floating .p-saving-solution-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-floating .p-saving-solution-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-floating .p-saving-solution-button {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 50%;
  }
  .p-saving-solution-floating .p-saving-solution-button__link {
    width : 100%;
    position : relative;
    display : block;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-size : 3vw;
    font-weight : bold;
    line-height : 6vw;
    letter-spacing : 0.05em;
    padding-top : 4vw;
    padding-bottom : 4vw;
    padding-left : 5vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-floating .p-saving-solution-button__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 4vw;
    height : 2.7vw;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-letter.png");
    top : 51%;
    left : 3.5vw;
    transform : translateY(-55%);
  }
  .p-saving-solution-floating .p-saving-solution-button__link:hover, .p-saving-solution-floating .p-saving-solution-button__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-floating .p-saving-solution-button__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }

}

/* フローティングボタン　資料ダウンロード */
@media screen and (min-width: 768px), print {
  .p-saving-solution-floating .p-saving-solution-download {
    position : relative;
    top : 15px;
    width : 64px;

  }
  .p-saving-solution-floating .p-saving-solution-download__link {
    width : 64px;
    position : relative;
    display : flex;
    justify-content : center;
    align-items : flex-start;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-weight : bold;
    line-height : 1;
    letter-spacing : 0.18em;
    padding-top : 56px;
    padding-bottom : 18px;
    border-radius : 10px 0 0 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture_orange.png");
  }
  .p-saving-solution-floating .p-saving-solution-download__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 30px;
    height : 32px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-download.png");
    top : 18px;
    left : 50%;
    transform : translateX(-50%);
  }
  .p-saving-solution-floating .p-saving-solution-download__link:hover, .p-saving-solution-floating .p-saving-solution-download__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-floating .p-saving-solution-download__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-floating .p-saving-solution-download__text,
  .p-saving-solution-floating .p-saving-solution-download__note  {
    -ms-writing-mode : tb-rl;
    writing-mode : vertical-rl;
    -webkit-text-orientation : upright;
    text-orientation : upright;
    font-weight : bold;
    line-height : 1;
    letter-spacing: 0.12em;
  }
  .p-saving-solution-floating .p-saving-solution-download__text {
    font-size: 16px;
    padding-left: 6px;
  }
  .p-saving-solution-floating .p-saving-solution-download__note  {
    font-size: 13px;
  }

}
@media screen and (max-width: 767px) {
  .p-saving-solution-floating .p-saving-solution-download {
    position : absolute;
    bottom : 0;
    right: 0;
    z-index : 1000;
    width : 50%;
  }
  .p-saving-solution-floating .p-saving-solution-download__link {
    width : 100%;
    position : relative;
    display : flex;
    flex-direction: column-reverse;
    color : #fff;
    text-align : center;
    text-decoration : none;
    font-weight : bold;
    line-height : 4vw;
    padding-top : 3vw;
    padding-bottom : 3vw;
    padding-left : 5vw;
    background-position : center;
    background-size : 15.3333333333vw 15.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture_orange.png");

  }
  .p-saving-solution-floating .p-saving-solution-download__link:before {
    position : absolute;
    display : block;
    content : "";
    width : 4.4666666667vw;
    height : 5.6vw;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-download.png");
    top : 55%;
    left : 1.8vw;
    transform : translateY(-55%);
  }
  .p-saving-solution-floating .p-saving-solution-download__link:hover, .p-saving-solution-floating .p-saving-solution-download__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-saving-solution-floating .p-saving-solution-download__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-floating .p-saving-solution-download__text {
    font-size: 3vw;
  }
  .p-saving-solution-floating .p-saving-solution-download__note {
    font-size: 2.5vw;
  }
}


@media screen and (min-width: 768px), print {
  .p-saving-solution-hero {
    background-position : bottom 400px center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg.png");
  }
  .p-saving-solution-hero--technology {
    background-position : bottom 0 center;
  }
  .p-saving-solution-hero--technology .p-saving-solution-hero__container {
    padding-bottom : 50px;
  }
  .p-saving-solution-hero__container {
    margin : 0 auto;
    padding : 0 50px;
    padding-top : 80px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-solution-hero__heading {
    display : flex;
    justify-content : center;
    margin-bottom : 15px;
    font-size : 70px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -15px;
    line-height : 1.3em;
    color : #56950f;
    text-align : center;
  }
  .p-saving-solution-hero__paragraph {
    margin-bottom : 60px;
    font-size : 24px;
    line-height : 45px;
    text-align : center;
    font-weight : bold;
  }
  .p-saving-solution-hero__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-saving-solution-hero__image {
    display : inline-block;
    margin-bottom : 25px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-hero {
    background-position : bottom 40vw center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/saving-consultant_bg_sp.png");
  }
  .p-saving-solution-hero--technology {
    background-position : bottom 0 center;
  }
  .p-saving-solution-hero--technology .p-saving-solution-hero__container {
    padding-bottom : 9.3333333333vw;
  }
  .p-saving-solution-hero--technology .p-saving-solution-hero__paragraph {
    margin-bottom : 0;
  }
  .p-saving-solution-hero__container {
    padding : 0 8vw;
    padding-top : 10.6666666667vw;
  }
  .p-saving-solution-hero__heading {
    margin-bottom : 1.3333333333vw;
    font-size : 8.8vw;
    position : relative;
    display : flex;
    justify-content : center;
    text-align : center;
    font-family : "senobi";
    letter-spacing : -0.2em;
    line-height : 1.3em;
    color : #56950f;
  }
  .p-saving-solution-hero__heading--long {
    letter-spacing : -0.23em;
  }
  .p-saving-solution-hero__paragraph {
    margin-bottom : 10.4vw;
    font-size : 3.7333333333vw;
    line-height : 6.1333333333vw;
    text-align : center;
    font-weight : bold;
  }
  .p-saving-solution-hero__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
    width : 100%;
  }
  .p-saving-solution-hero__image {
    display : inline-block;
    width : 45.3333333333vw;
    height : auto;
    margin-bottom : 5.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solution-contents {
    /*モーダル*/
  }
  .p-saving-solution-contents__container {
    position : relative;
    margin : 0 auto;
    padding : 100px 50px 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-saving-solution-contents__container--technology {
    padding-top : 150px;
  }
  .p-saving-solution-contents__section {
    margin-bottom : 150px;
  }
  .p-saving-solution-contents__section--last {
    margin-bottom : 0;
  }
  .p-saving-solution-contents__heading {
    margin-bottom : 30px;
    display : block;
    text-align : center;
  }
  .p-saving-solution-contents__heading > span {
    font-size : 26px;
    line-height : 45px;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solution-contents__heading2 {
    text-align : center;
    font-size : 26px;
    font-feature-settings : "palt";
    line-height : 45px;
    margin-bottom : 60px;
  }
  .p-saving-solution-contents__paragraph {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-saving-solution-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solution-contents__paragraph .span-bold {
    font-weight : bold;
    padding-left : 0;
    text-indent : 0;
    display : inline;
  }
  .p-saving-solution-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-solution-contents__paragraph--bold {
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__paragraph--left {
    text-align : left;
  }
  .p-saving-solution-contents__paragraph--right {
    text-align : right;
  }
  .p-saving-solution-contents__paragraph2 {
    font-size : 20px;
    font-weight : bold;
    text-align : center;
  }
  .p-saving-solution-contents__paragraph2--left {
    text-align : left;
  }
  .p-saving-solution-contents__paragraph3 {
    font-size : 20px;
    font-weight : bold;
  }
  .p-saving-solution-contents__small {
    font-size : 14px;
  }
  .p-saving-solution-contents__small span {
    display : inline-block;
    padding-left : 1em;
    text-indent : -1em;
  }
  .p-saving-solution-contents__small--center {
    text-align : center;
  }
  .p-saving-solution-contents__navigation {
    display : flex;
    flex-wrap : wrap;
    margin-left : -20px;
    margin-bottom : -30px;
  }
  .p-saving-solution-contents__navigation > li {
    width : calc(100% / 3 - 20px);
    margin-left : 20px;
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__title {
    font-size : 30px;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.22em;
    line-height : 32px;
    color : #56950f;
    text-align : center;
  }
  .p-saving-solution-contents__box {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-solution-contents__box--center {
    justify-content : center;
  }
  .p-saving-solution-contents__box--boardbath > figure:not(:first-child) {
    margin-left : 20px;
  }
  .p-saving-solution-contents__box--boardbath > figure img {
    border : 2px solid #f1f1f1;
    border-radius : 10px;
  }
  .p-saving-solution-contents__box-left {
    width : calc(50% - 20px);
  }
  .p-saving-solution-contents__box-right {
    width : calc(50% - 20px);
  }
  .p-saving-solution-contents__box2 {
    display : flex;
    align-items : flex-start;
    justify-content : space-between;
  }
  .p-saving-solution-contents__box2-left {
    order : 2;
    width : calc(50% - 20px);
  }
  .p-saving-solution-contents__box2-right {
    order : 1;
    width : calc(50% - 20px);
  }
  .p-saving-solution-contents__box3 {
    display : flex;
    justify-content : center;
  }
  .p-saving-solution-contents__box3-left {
    width : 400px;
  }
  .p-saving-solution-contents__box3-right {
    width : 400px;
    margin-left : 30px;
  }
  .p-saving-solution-contents__box3-center > img {
    width : auto;
  }
  .p-saving-solution-contents__3columnbox {
    display : flex;
    justify-content : space-between;
  }
  .p-saving-solution-contents__3columnbox-left {
    width : 43%;
  }
  .p-saving-solution-contents__3columnbox-center {
    margin-top : 160px;
  }
  .p-saving-solution-contents__3columnbox-right {
    width : 43%;
  }
  .p-saving-solution-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    height : auto;
    max-width : 644px;
    max-height : 362px;
    margin : 0 auto 40px;
    aspect-ratio : 16/9;
  }
  .p-saving-solution-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-saving-solution-contents__analysisbox {
    display : flex;
    align-items : center;
    justify-content : space-between;
  }
  .p-saving-solution-contents__analysisbox--green {
    align-items : stretch;
    background-color : #eef4e7;
    padding : 50px;
    border-radius : 10px;
  }
  .p-saving-solution-contents__analysisbox--green .p-saving-solution-contents__analysisbox-inner {
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__analysisbox-body:first-child {
    width : 42%;
  }
  .p-saving-solution-contents__analysisbox-body:last-child {
    width : 68%;
  }
  .p-saving-solution-contents__analysisbox-body--2 {
    display : flex;
    flex-direction : column;
  }
  .p-saving-solution-contents__analysisbox-body--2:first-child {
    width : 50%;
  }
  .p-saving-solution-contents__analysisbox-body--2:last-child {
    width : 50%;
    margin-left : 40px;
  }
  .p-saving-solution-contents__analysisbox-body--2 .p-saving-solution-contents__paragraph2 {
    flex-grow : 1;
  }
  .p-saving-solution-contents__analysisbox-inner {
    display : flex;
  }
  .p-saving-solution-contents__analysisbox-arrow {
    width : 10%;
    display : flex;
    margin-top : 45px;
    justify-content : center;
  }
  .p-saving-solution-contents__textbox {
    display : flex;
    justify-content : center;
    align-items : center;
    border-radius : 10px;
  }
  .p-saving-solution-contents__textbox:not(:first-child) {
    margin-left : 20px;
  }
  .p-saving-solution-contents__textbox .p-saving-solution-contents__paragraph {
    margin-bottom : 0;
    line-height : 28px;
  }
  .p-saving-solution-contents__textbox--gray {
    max-width : 200px;
    width : 50%;
    height : 130px;
    background-color : #f1f1f1;
  }
  .p-saving-solution-contents__textbox--gray2 {
    padding : 30px 60px;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-saving-solution-contents__textbox--gray2 .p-saving-solution-contents__paragraph, .p-saving-solution-contents__textbox--gray2 .p-saving-solution-contents__paragraph2 {
    margin-bottom : 0;
  }
  .p-saving-solution-contents__textbox--green {
    max-width : 200px;
    width : 50%;
    height : 130px;
    background-color : #eef4e7;
  }
  .p-saving-solution-contents__textbox--white {
    max-width : 250px;
    width : 50%;
    height : 130px;
    background-color : #fff;
    padding : 0 10px;
  }
  .p-saving-solution-contents__productbox {
    background-color : #eef4e7;
    padding : 60px;
    border-radius : 10px;
  }
  .p-saving-solution-contents__productbox--products {
    padding-bottom : 0;
  }
  .p-saving-solution-contents__productbox--technology {
    width : 960px;
    padding : 30px;
    margin : 0 auto 80px;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__small {
    margin-top : 1rem;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table th {
    text-align : center;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table td {
    padding-left : 60px;
  }
  .p-saving-solution-contents__productbox--column figure {
    width : 50%;
    margin : 0 auto;
  }
  .p-saving-solution-contents__productbox--column .p-saving-solution-contents__table th {
    width : calc(100% / 6);
  }
  .p-saving-solution-contents__productbox--column .p-saving-solution-contents__table td {
    width : calc(100% / 6);
  }
  .p-saving-solution-contents__productbox-inner {
    display : flex;
    align-items : center;
    justify-content : space-between;
    padding-bottom : 60px;
  }
  .p-saving-solution-contents__productbox-inner--3 {
    padding-bottom : 120px;
  }
  .p-saving-solution-contents__productbox-inner2 {
    border-top : solid 1px #56940f;
    padding-top : 60px;
    padding-bottom : 60px;
  }
  .p-saving-solution-contents__productbox-left {
    width : calc(50% - 40px);
  }
  .p-saving-solution-contents__productbox-right {
    width : calc(50% - 40px);
  }
  .p-saving-solution-contents__productbox .p-saving-solution-contents__paragraph {
    text-align : center;
  }
  .p-saving-solution-contents__productbox .p-saving-solution-contents__paragraph--left {
    text-align : left;
  }
  .p-saving-solution-contents__productbox-text {
    font-size : 16px;
    line-height : 32px;
    letter-spacing : 0.02em;
  }
  .p-saving-solution-contents__productbox-text span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solution-contents__productbox-link {
    position : relative;
    display : block;
    width : 100%;
    max-width : 300px;
    margin : 0 auto;
    height : 60px;
    color : #fff;
    font-size : 18px;
    font-weight : bold;
    line-height : 60px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
    text-align : center;
  }
  .p-saving-solution-contents__productbox-link:hover, .p-saving-solution-contents__productbox-link:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.8 !important;
  }
  .p-saving-solution-contents__productbox-link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__productbox-link--2 {
    bottom : 60px;
  }
  .p-saving-solution-contents__table {
    table-layout : fixed;
    border-collapse : collapse;
    background-color : #d0e1bc;
    border-radius : 10px;
    width : 100%;
  }
  .p-saving-solution-contents__table tr:not(:last-child) {
    border-bottom : solid 1px #fff;
  }
  .p-saving-solution-contents__table th, .p-saving-solution-contents__table td {
    padding : 15px 20px;
    overflow-wrap : break-word;
    font-feature-settings : "palt";
  }
  .p-saving-solution-contents__table th {
    border-right : solid 1px #fff;
    width : 30%;
    font-size : 16px;
    font-weight : bold;
  }
  .p-saving-solution-contents__table td {
    border-left : solid 1px #fff;
    width : 70%;
    font-size : 16px;
  }
  .p-saving-solution-contents__table-bold {
    font-weight : bold;
  }
  .p-saving-solution-contents__figure--analysis {
    margin-bottom : 60px;
  }
  .p-saving-solution-contents__figure > img {
    display : inline-block;
    margin-bottom : 15px;
  }
  .p-saving-solution-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solution-contents__list {
    display : flex;
    justify-content : center;
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__list-item {
    background-color : #eef4e7;
    width : 285px;
    padding : 30px 20px 20px;
    border-radius : 10px;
    text-align : center;
  }
  .p-saving-solution-contents__list-item:not(:last-child) {
    margin-right : 20px;
  }
  .p-saving-solution-contents__list-item--analysis {
    width : 190px;
  }
  .p-saving-solution-contents__list-item--analysis:not(:first-child) {
    margin-left : 30px;
  }
  .p-saving-solution-contents__list-item .p-saving-solution-contents__paragraph {
    font-feature-settings : "palt";
  }
  .p-saving-solution-contents__list-image {
    width : 115px;
    margin-bottom : 1rem;
  }
  .p-saving-solution-contents__list-title {
    font-size : 20px;
    font-weight : bold;
    margin-bottom : 5px;
  }
  .p-saving-solution-contents__list2 {
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
  }
  .p-saving-solution-contents__list2-item {
    background-color : #eef4e7;
    width : 285px;
    padding : 40px 30px;
    border-radius : 10px;
    text-align : center;
    margin-right : 20px;
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__list2-item .p-saving-solution-contents__paragraph {
    font-feature-settings : "palt";
    margin-bottom : 0;
  }
  .p-saving-solution-contents__list2-item .p-saving-solution-contents__paragraph span {
    font-weight : bold;
    font-size : 20px;
    padding-left : 0;
    text-indent : 0;
  }
  .p-saving-solution-contents__list2-image {
    width : 70px;
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__productlist {
    display : flex;
    flex-wrap : wrap;
    margin-left : -30px;
    margin-bottom : -30px;
  }
  .p-saving-solution-contents__productlist-item {
    width : calc(100% / 3 - 30px );
    background-color : #fff;
    border-radius : 6px;
    padding : 30px;
    margin-left : 30px;
    margin-bottom : 30px;
    display : flex;
    flex-direction : column;
  }
  .p-saving-solution-contents__productlist-body {
    flex : 1 1 auto;
    display : flex;
    flex-direction : column;
  }
  .p-saving-solution-contents__productlist-title {
    font-size : 18px;
    font-weight : bold;
    font-feature-settings : "palt";
    flex-grow : 1;
  }
  .p-saving-solution-contents__link {
    margin : 0 auto;
    padding : 30px 50px 30px 25px;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 480px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    font-feature-settings : "palt";
    letter-spacing : 0.04em;
    line-height : 28px;
    border-radius : 10px;
    text-align : center;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-contents__link--analysis {
    min-width : 320px;
    min-height : 50px;
    font-size : 20px;
    padding : 15px 0;
  }
  .p-saving-solution-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solution-contents__link:hover, .p-saving-solution-contents__link:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__link--technology {
    padding : 20px 40px 20px 25px;
    min-height : 56px;
    font-size : 18px;
  }
  .p-saving-solution-contents__link--technology::after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 22px;
    height : 18px;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-blank_white.png");
  }
  .p-saving-solution-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    max-width : 380px;
    height : 50px;
    color : #fff;
    font-size : 20px;
    font-weight : bold;
    font-feature-settings : "palt";
    text-align : center;
    line-height : 50px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-solution-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 21px;
    height : 14px;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 21px 14px;
  }
  .p-saving-solution-contents__link2:hover, .p-saving-solution-contents__link2:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__link2--fontsmall {
    font-size : 17px;
  }
  .p-saving-solution-contents__link3 {
    margin : 0 auto;
    position : relative;
    display : block;
    max-width : 280px;
    width : 100%;
    height : 50px;
    color : #fff;
    font-size : 20px;
    font-weight : bold;
    font-feature-settings : "palt";
    letter-spacing : 0.06em;
    line-height : 50px;
    border-radius : 10px;
    text-align : center;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-contents__link3:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solution-contents__link3:hover, .p-saving-solution-contents__link3:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__textlink {
    display : inline-block;
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 10px;
  }
  .p-saving-solution-contents__textlink:hover, .p-saving-solution-contents__textlink:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-solution-contents__textlink--blank {
    position : relative;
    padding-right : 25px;
  }
  .p-saving-solution-contents__textlink--blank::after {
    background-image : url(/common/img/carbon-free/saving/common/icon-blank.png);
    background-size : 20px 15px;
    content : "";
    height : 15px;
    width : 20px;
    position : absolute;
    right : 0;
    top : 50%;
    transform : translateY(-50%);
  }
  .p-saving-solution-contents__radius {
    border-radius : 10px;
  }
  .p-saving-solution-contents__margin {
    margin-bottom : 60px;
  }
  .p-saving-solution-contents__margin2 {
    margin-top : 40px;
  }
  .p-saving-solution-contents__margin3 {
    margin-top : 80px;
  }
  .p-saving-solution-contents .js-modal_container {
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    text-align : center;
    background : rgba(255, 255, 255, 0.8);
    padding : 40px 20px;
    overflow : auto;
    opacity : 0;
    visibility : hidden;
    transition : 0.3s;
    box-sizing : border-box;
  }
  .p-saving-solution-contents .js-modal_container::before {
    content : "";
    display : inline-block;
    vertical-align : middle;
    height : 100%;
  }
  .p-saving-solution-contents .js-modal_container.active {
    opacity : 1;
    visibility : visible;
    z-index : 999;
  }
  .p-saving-solution-contents .js-modal_body {
    position : relative;
    display : inline-block;
    vertical-align : middle;
    max-width : 645px;
    width : 100%;
  }
  .p-saving-solution-contents .js-modal_close {
    position : absolute;
    display : flex;
    align-items : center;
    justify-content : center;
    top : -45px;
    right : -10px;
    width : 40px;
    height : 40px;
    cursor : pointer;
  }
  .p-saving-solution-contents .js-modal_close::before {
    content : "";
    background-image : url("/common/img/carbon-free/saving/solution/products/common/icon-close.png");
    background-size : cover;
    background-repeat : no-repeat;
    width : 24px;
    height : 24px;
  }
  .p-saving-solution-contents .js-modal_content {
    background : #fff;
    text-align : left;
    width : 645px;
    box-shadow : 0 5px 15px 0 rgba(0, 0, 0, 0.35);
    border-radius : 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-solution-contents__link2 {
    font-size : 14px;
  }
  .p-saving-solution-contents__3columnbox-center {
    margin-top : 12.3076923077vw;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-contents {
    /*モーダル*/
  }
  .p-saving-solution-contents__container {
    padding : 14.6666666667vw 8vw 5.3333333333vw 8vw;
  }
  .p-saving-solution-contents__section {
    margin-bottom : 16vw;
  }
  .p-saving-solution-contents__heading {
    margin-bottom : 6.6666666667vw;
    display : block;
    text-align : center;
  }
  .p-saving-solution-contents__heading > span {
    font-size : 5.3333333333vw;
    line-height : 8vw;
    font-weight : bold;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-saving-solution-contents__heading2 {
    font-size : 5.3333333333vw;
    line-height : 8vw;
    margin-bottom : 8vw;
  }
  .p-saving-solution-contents__paragraph {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-solution-contents__paragraph span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solution-contents__paragraph .span-bold {
    font-weight : bold;
    padding-left : 0;
    text-indent : 0;
    display : inline;
  }
  .p-saving-solution-contents__paragraph--center {
    text-align : center;
  }
  .p-saving-solution-contents__paragraph--bold {
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__paragraph--right {
    text-align : right;
  }
  .p-saving-solution-contents__paragraph2 {
    font-size : 3.7333333333vw;
    font-weight : bold;
    text-align : center;
  }
  .p-saving-solution-contents__paragraph3 {
    font-size : 4.5333333333vw;
    font-weight : bold;
  }
  .p-saving-solution-contents__small {
    font-size : 2.9333333333vw;
  }
  .p-saving-solution-contents__small span {
    display : inline-block;
    padding-left : 1em;
    text-indent : -1em;
  }
  .p-saving-solution-contents__small--center {
    text-align : center;
  }
  .p-saving-solution-contents__navigation > li:not(:first-child) {
    margin-top : 4vw;
  }
  .p-saving-solution-contents__title {
    font-size : 7.0666666667vw;
    font-weight : bold;
    position : relative;
    font-family : "senobi";
    letter-spacing : -0.22em;
    line-height : 5.8666666667vw;
    color : #56950f;
    text-align : center;
  }
  .p-saving-solution-contents__box--boardbath > figure {
    margin-bottom : 2rem;
  }
  .p-saving-solution-contents__box--boardbath > figure img {
    border : 2px solid #f1f1f1;
    border-radius : 1.3333333333vw;
  }
  .p-saving-solution-contents__box3-left {
    text-align : center;
  }
  .p-saving-solution-contents__box3-right {
    text-align : center;
  }
  .p-saving-solution-contents__3columnbox .p-saving-solution-contents__figure {
    margin-bottom : 0;
  }
  .p-saving-solution-contents__3columnbox-center {
    display : flex;
    justify-content : center;
  }
  .p-saving-solution-contents__3columnbox-center > img {
    width : auto;
  }
  .p-saving-solution-contents__3columnbox .p-saving-solution-contents__paragraph--right {
    font-size : 3.4666666667vw;
    margin-top : -4vw;
  }
  .p-saving-solution-contents__moviebox {
    display : flex;
    justify-content : center;
    width : 100%;
    aspect-ratio : 16/9;
    max-width : 85.7333333333vw;
    max-height : 48.2666666667vw;
    margin : 0 auto 4vw;
  }
  .p-saving-solution-contents__moviebox-inner {
    position : relative;
    width : 100%;
    height : 100%;
    overflow : hidden;
  }
  .p-saving-solution-contents__analysisbox--green {
    background-color : #eef4e7;
    padding : 6.6666666667vw;
    border-radius : 1.3333333333vw;
  }
  .p-saving-solution-contents__analysisbox--green .p-saving-solution-contents__paragraph {
    font-size : 3.4666666667vw;
    margin-bottom : 4vw;
    line-height : 5.0666666667vw;
  }
  .p-saving-solution-contents__analysisbox--green .p-saving-solution-contents__paragraph2 {
    font-size : 3.4666666667vw;
    margin-bottom : 5.3333333333vw;
  }
  .p-saving-solution-contents__analysisbox--green .p-saving-solution-contents__analysisbox-body:not(:last-child) {
    margin-bottom : 16vw;
  }
  .p-saving-solution-contents__analysisbox--green .p-saving-solution-contents__analysisbox-inner {
    margin-bottom : 30px;
  }
  .p-saving-solution-contents__analysisbox-arrow {
    width : 6.6666666667vw;
    margin : 5.3333333333vw auto 5.3333333333vw;
  }
  .p-saving-solution-contents__textbox {
    display : flex;
    justify-content : center;
    align-items : center;
    border-radius : 1.3333333333vw;
  }
  .p-saving-solution-contents__textbox:not(:last-child) {
    margin-bottom : 2.6666666667vw;
  }
  .p-saving-solution-contents__textbox .p-saving-solution-contents__paragraph {
    font-size : 3.4666666667vw;
    line-height : 5.0666666667vw;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__textbox--gray {
    width : 100%;
    height : 10.6666666667vw;
    background-color : #f1f1f1;
  }
  .p-saving-solution-contents__textbox--gray2 {
    padding : 4vw;
    background-color : #f1f1f1;
    border-radius : 1.3333333333vw;
    margin-bottom : 4vw;
  }
  .p-saving-solution-contents__textbox--gray2 .p-saving-solution-contents__paragraph, .p-saving-solution-contents__textbox--gray2 .p-saving-solution-contents__paragraph2 {
    font-size : 3.4666666667vw;
    font-feature-settings : "palt";
    margin-bottom : 0;
  }
  .p-saving-solution-contents__textbox--green {
    width : 100%;
    height : 10.6666666667vw;
    background-color : #eef4e7;
  }
  .p-saving-solution-contents__textbox--white {
    width : 100%;
    min-height : 10.6666666667vw;
    padding : 4vw;
    background-color : #fff;
  }
  .p-saving-solution-contents__productbox {
    background-color : #eef4e7;
    padding : 8vw 4vw;
    border-radius : 1.3333333333vw;
  }
  .p-saving-solution-contents__productbox--products {
    padding-bottom : 0;
  }
  .p-saving-solution-contents__productbox--technology {
    padding : 4vw;
    margin-bottom : 8vw;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__small {
    margin-top : 1rem;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table {
    line-height : 4.2666666667vw;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table th, .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table td {
    padding : 2.6666666667vw;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table th {
    text-align : center;
    width : 35%;
  }
  .p-saving-solution-contents__productbox--technology .p-saving-solution-contents__table td {
    width : 65%;
  }
  .p-saving-solution-contents__productbox--column figure {
    width : 50%;
    margin : 0 auto;
  }
  .p-saving-solution-contents__productbox--column .p-saving-solution-contents__table {
    display : flex;
    overflow-x : scroll;
  }
  .p-saving-solution-contents__productbox--column .p-saving-solution-contents__table th {
    width : calc(100% / 6);
  }
  .p-saving-solution-contents__productbox--column .p-saving-solution-contents__table td {
    width : calc(100% / 6);
  }
  .p-saving-solution-contents__productbox-inner {
    padding-bottom : 8vw;
  }
  .p-saving-solution-contents__productbox-inner--2, .p-saving-solution-contents__productbox-inner--3 {
    padding-bottom : 16vw;
  }
  .p-saving-solution-contents__productbox-inner2 {
    border-top : solid 1px #56940f;
    padding-top : 8vw;
    padding-bottom : 8vw;
  }
  .p-saving-solution-contents__productbox-left {
    display : flex;
    justify-content : center;
    margin-bottom : 4vw;
  }
  .p-saving-solution-contents__productbox-left > img {
    width : 70%;
  }
  .p-saving-solution-contents__productbox-text {
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-saving-solution-contents__productbox-text span {
    padding-left : 1em;
    text-indent : -1em;
    display : inline-block;
  }
  .p-saving-solution-contents__productbox-link {
    position : relative;
    display : block;
    width : 56.5333333333vw;
    margin : 0 auto;
    padding : 0 8vw;
    border-radius : 2.1333333333vw;
    height : 12vw;
    color : #fff;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
    text-align : center;
  }
  .p-saving-solution-contents__productbox-link:hover, .p-saving-solution-contents__productbox-link:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.8 !important;
  }
  .p-saving-solution-contents__productbox-link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__productbox-link--2 {
    bottom : 8vw;
  }
  .p-saving-solution-contents__table {
    table-layout : fixed;
    border-collapse : collapse;
    background-color : #d0e1bc;
    border-radius : 2.6666666667vw;
    width : 100%;
  }
  .p-saving-solution-contents__table tr:not(:last-child) {
    border-bottom : solid 1px #fff;
  }
  .p-saving-solution-contents__table th, .p-saving-solution-contents__table td {
    padding : 2vw 3.3333333333vw;
    overflow-wrap : break-word;
  }
  .p-saving-solution-contents__table th {
    border-right : solid 1px #fff;
    width : 40%;
    font-size : 3.4666666667vw;
    font-weight : bold;
  }
  .p-saving-solution-contents__table td {
    border-left : solid 1px #fff;
    width : 60%;
    font-size : 3.4666666667vw;
  }
  .p-saving-solution-contents__figure > img {
    display : inline-block;
    margin-bottom : 4vw;
  }
  .p-saving-solution-contents__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solution-contents__list--analysis {
    display : flex;
    justify-content : center;
  }
  .p-saving-solution-contents__list--bottom {
    margin-bottom : 4vw;
  }
  .p-saving-solution-contents__list-item {
    display : flex;
    align-items : center;
    background-color : #eef4e7;
    padding : 2.6666666667vw 4vw;
    border-radius : 1.3333333333vw;
    margin-bottom : 2.6666666667vw;
  }
  .p-saving-solution-contents__list-item--analysis {
    width : 24.6666666667vw;
  }
  .p-saving-solution-contents__list-item--analysis:not(:first-child) {
    margin-left : 4.6666666667vw;
  }
  .p-saving-solution-contents__list-image {
    width : 14.6666666667vw;
  }
  .p-saving-solution-contents__list-textinner {
    display : flex;
    flex-direction : column;
    margin-left : 5.3333333333vw;
  }
  .p-saving-solution-contents__list-textinner > .p-saving-solution-contents__paragraph {
    font-size : 3.4666666667vw;
    margin-bottom : 0;
    line-height : 5.0666666667vw;
  }
  .p-saving-solution-contents__list-title {
    font-size : 3.4666666667vw;
    font-weight : bold;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__list2-item {
    display : flex;
    align-items : center;
    background-color : #eef4e7;
    padding : 5.3333333333vw 4vw;
    border-radius : 2vw;
    margin-bottom : 2.6666666667vw;
  }
  .p-saving-solution-contents__list2-item .p-saving-solution-contents__paragraph {
    font-size : 3.4666666667vw;
    font-feature-settings : "palt";
    line-height : 5.0666666667vw;
    margin-bottom : 0;
  }
  .p-saving-solution-contents__list2-item .p-saving-solution-contents__paragraph span {
    font-weight : bold;
    padding-left : 0;
    text-indent : 0;
    display : inline;
  }
  .p-saving-solution-contents__list2-image {
    width : 12vw;
  }
  .p-saving-solution-contents__list2-textinner {
    margin-left : 4vw;
  }
  .p-saving-solution-contents__productlist .p-saving-solution-contents__image {
    width : 62.6666666667vw;
    margin : 0 auto;
    display : block;
  }
  .p-saving-solution-contents__productlist-item {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    padding : 4vw;
  }
  .p-saving-solution-contents__productlist-item:not(:last-child) {
    margin-bottom : 4vw;
  }
  .p-saving-solution-contents__productlist-title {
    font-size : 3.7333333333vw;
    font-weight : bold;
    font-feature-settings : "palt";
  }
  .p-saving-solution-contents__link {
    margin : 0 auto;
    padding : 4vw 6.6666666667vw 4vw 4vw;
    position : relative;
    display : block;
    width : 100%;
    height : auto;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    font-feature-settings : "palt";
    letter-spacing : 0.04em;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    text-align : center;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-contents__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solution-contents__link:hover, .p-saving-solution-contents__link:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__link--small {
    font-size : 3.7333333333vw;
  }
  .p-saving-solution-contents__link--analysis {
    padding : 4vw;
  }
  .p-saving-solution-contents__link--technology {
    padding : 4vw 6.6666666667vw 4vw 2.6666666667vw;
    font-size : 3.7333333333vw;
  }
  .p-saving-solution-contents__link--technology::after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 2.6666666667vw;
    display : block;
    width : 4.6666666667vw;
    height : 3.3333333333vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving/common/icon-blank_white.png");
  }
  .p-saving-solution-contents__link2 {
    position : relative;
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    text-align : center;
    line-height : 12vw;
    border-radius : 2vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/activation_texture.png");
  }
  .p-saving-solution-contents__link2:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    content : "";
    background-position : center;
    background-repeat : no-repeat;
    width : 2.9333333333vw;
    height : 2.1333333333vw;
    background-image : url("/common/img/carbon-free/case_icon-arrow-bottom.png");
    background-size : 2.9333333333vw 2.1333333333vw;
  }
  .p-saving-solution-contents__link2:hover, .p-saving-solution-contents__link2:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__link2--large {
    padding-right : 5.3333333333vw;
  }
  .p-saving-solution-contents__link2--fontsmall {
    font-size : 3.7333333333vw;
  }
  .p-saving-solution-contents__link3 {
    margin : 0 auto;
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    font-feature-settings : "palt";
    letter-spacing : 0.06em;
    line-height : 12vw;
    border-radius : 2vw;
    text-align : center;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-contents__link3:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/case_icon-arrow-right2.png");
  }
  .p-saving-solution-contents__link3:hover, .p-saving-solution-contents__link3:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-contents__link3:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-contents__textlink {
    color : #55930f;
    font-weight : bold;
    text-decoration : underline;
    text-underline-offset : 1.3333333333vw;
  }
  .p-saving-solution-contents__textlink:hover, .p-saving-solution-contents__textlink:focus {
    color : #55930f;
    opacity : 0.6;
  }
  .p-saving-solution-contents__textlink--blank {
    position : relative;
  }
  .p-saving-solution-contents__textlink--blank::after {
    background-image : url(/common/img/carbon-free/saving/common/icon-blank.png);
    background-size : 5.3333333333vw 4vw;
    content : "";
    height : 4vw;
    width : 5.3333333333vw;
    position : absolute;
    right : -6.6666666667vw;
    bottom : 0.5333333333vw;
  }
  .p-saving-solution-contents__radius {
    border-radius : 1.3333333333vw;
  }
  .p-saving-solution-contents__margin {
    margin-bottom : 8vw;
  }
  .p-saving-solution-contents__margin2 {
    margin-top : 8vw;
  }
  .p-saving-solution-contents__margin3 {
    margin-top : 8vw;
  }
  .p-saving-solution-contents .js-modal_container {
    position : fixed;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
    text-align : center;
    background : rgba(255, 255, 255, 0.8);
    padding : 10.6666666667vw 5.3333333333vw;
    overflow : auto;
    opacity : 0;
    visibility : hidden;
    transition : 0.3s;
    box-sizing : border-box;
  }
  .p-saving-solution-contents .js-modal_container::before {
    content : "";
    display : inline-block;
    vertical-align : middle;
    height : 100%;
  }
  .p-saving-solution-contents .js-modal_container.active {
    opacity : 1;
    visibility : visible;
    z-index : 999;
  }
  .p-saving-solution-contents .js-modal_body {
    position : relative;
    display : inline-block;
    vertical-align : middle;
    max-width : 86vw;
    width : 100%;
  }
  .p-saving-solution-contents .js-modal_close {
    position : absolute;
    display : flex;
    align-items : center;
    justify-content : center;
    top : -7.3333333333vw;
    right : -1.3333333333vw;
    width : 5.3333333333vw;
    height : 5.3333333333vw;
    cursor : pointer;
  }
  .p-saving-solution-contents .js-modal_close::before {
    content : "";
    background-image : url("/common/img/carbon-free/saving/solution/products/common/icon-close.png");
    background-size : cover;
    background-repeat : no-repeat;
    width : 4vw;
    height : 4vw;
  }
  .p-saving-solution-contents .js-modal_content {
    background : #fff;
    text-align : left;
    width : 86vw;
    box-shadow : 0 5px 15px 0 rgba(0, 0, 0, 0.35);
    border-radius : 1.3333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-saving-solution-footer {
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4.png");
  }
  .p-saving-solution-footer__bg {
    position : absolute;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-solution-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 970px;
    height : 504px;
    background-position : left top;
    background-size : 970px 504px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg5.png");
  }
  .p-saving-solution-footer__bg2 {
    position : absolute;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-saving-solution-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 50%;
    transform : translateX(-50%);
    display : block;
    content : "";
    width : 100%;
    height : 144px;
    background-position : left top;
    background-size : 1920px 144px;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5.png");
  }
  .p-saving-solution-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 240px 37px 230px 37px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-saving-solution-footer__container-case {
    margin-bottom : 100px;
  }
  .p-saving-solution-footer__heading {
    margin-bottom : 40px;
    position : relative;
    display : inline-block;
    font-family : "senobi";
    font-size : 48px;
    font-weight : bold;
    letter-spacing : -6px;
    line-height : 1.3em;
    border-bottom : solid 5px #56950f;
  }
  .p-saving-solution-footer__list-ul {
    margin : 0 auto;
    display : flex;
    flex-wrap : wrap;
  }
  .p-saving-solution-footer__list-ul > li {
    position : relative;
    flex-basis : calc(100% / 4);
    margin-bottom : 35px;
    box-sizing : border-box;
  }
  .p-saving-solution-footer__list-ul--center, .p-saving-solution-footer__list-ul--center2 {
    justify-content : center;
    margin-bottom : 30px;
  }
  .p-saving-solution-footer__list-item {
    position : relative;
    margin-left : 13px;
    margin-right : 13px;
    padding-bottom : 50px;
    height : 100%;
    overflow : hidden;
    border-radius : 10px;
    background-color : #fff;
  }
  .p-saving-solution-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solution-footer__box {
    padding : 35px 20px 25px;
    text-align : left;
  }
  .p-saving-solution-footer__label {
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 50px;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 30px;
    padding-left : 10px;
    padding-right : 10px;
    font-size : 16px;
    font-weight : bold;
    line-height : 27px;
    border-radius : 6px;
    background-color : #f1f1f1;
  }
  .p-saving-solution-footer__paragraph {
    font-size : 16px;
    line-height : 28px;
    font-weight : bold;
  }
  .p-saving-solution-footer__paragraph2 {
    font-size : 16px;
    line-height : 31px;
  }
  .p-saving-solution-footer__link {
    position : absolute;
    left : 50%;
    bottom : 30px;
    transform : translateX(-50%);
    display : block;
    width : 160px;
    border-radius : 10px;
    line-height : 32px;
    height : 38px;
    text-align : center;
    font-size : 16px;
    font-weight : bold;
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-saving-solution-footer__link:hover, .p-saving-solution-footer__link:focus {
    text-decoration : none !important;
    color : #56950f !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-footer__link2 {
    position : relative;
    display : block;
    width : 100%;
    max-width : 300px;
    margin : 0 auto;
    height : 60px;
    color : #fff;
    font-size : 18px;
    font-weight : bold;
    line-height : 60px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-footer__link2:hover, .p-saving-solution-footer__link2:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.8 !important;
  }
  .p-saving-solution-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-footer__link2--solutiontop {
    max-width : 480px;
    height : 84px;
    font-size : 24px;
    line-height : 84px;
  }
  .p-saving-solution-footer__accordion {
    background-color : #fff;
    border-radius : 10px;
    margin-bottom : 60px;
  }
  .p-saving-solution-footer__accordion-title {
    position : relative;
    display : flex;
    width : 100%;
    justify-content : center;
    align-items : center;
    padding : 30px;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -6px;
    line-height : 1.3em;
  }
  .p-saving-solution-footer__accordion-title:focus-visible {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
    outline : none;
  }
  .p-saving-solution-footer__accordion-title:hover {
    cursor : pointer;
  }
  .p-saving-solution-footer__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-saving-solution-footer__accordion-title:after {
    position : absolute;
    content : "";
    width : 15px;
    height : 15px;
    border-top : solid 3px #333;
    border-right : solid 3px #333;
    position : absolute;
    right : 30px;
    top : 50%;
    transform : translateY(-50%) rotate(135deg);
  }
  .p-saving-solution-footer__accordion-title.open:after {
    transform : translateY(-50%) rotate(-45deg);
  }
  .p-saving-solution-footer__accordion-content {
    padding : 0 30px;
    display : none;
  }
  .p-saving-solution-footer__accordion-list {
    display : flex;
    flex-wrap : wrap;
    justify-content : flex-start;
    margin-left : -30px;
  }
  .p-saving-solution-footer__accordion-list li {
    width : calc(100% / 3 - 30px);
    margin-left : 30px;
    margin-bottom : 30px;
  }
  .p-saving-solution-footer__accordion-link {
    display : block;
    max-width : 360px;
    border-radius : 10px;
    line-height : 32px;
    height : 56px;
    padding : 10px 0;
    text-align : center;
    font-size : 18px;
    font-weight : bold;
    font-feature-settings : "palt";
    color : #56950f;
    border : solid 3px #56950f;
    background-position : right 10px center;
    background-size : 10px 16px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/activation_icon-arrow-right.png");
  }
  .p-saving-solution-footer__accordion-link:hover, .p-saving-solution-footer__accordion-link:focus {
    text-decoration : none !important;
    color : #56950f !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-footer .slick-list {
    margin-bottom : 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
  .p-saving-solution-footer__list-ul > li {
    margin-bottom : 2.6923076923vw;
  }
  .p-saving-solution-footer__list-item {
    margin-left : 1vw;
    margin-right : 1vw;
    padding-bottom : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-saving-solution-footer__box {
    padding : 2.6923076923vw 1.5384615385vw 1.9230769231vw;
  }
  .p-saving-solution-footer__label {
    min-width : 3.8461538462vw;
    min-height : 2.3076923077vw;
    padding-left : 0.7692307692vw;
    padding-right : 0.7692307692vw;
    font-size : 1.2307692308vw;
    line-height : 2.0769230769vw;
    border-radius : 0.4615384615vw;
    background-size : 3.8461538462vw 3.8461538462vw;
  }
  .p-saving-solution-footer__paragraph {
    font-size : 1.2307692308vw;
    line-height : 2.1538461538vw;
  }
  .p-saving-solution-footer__paragraph2 {
    font-size : 1.2307692308vw;
    line-height : 2.3846153846vw;
  }
  .p-saving-solution-footer__link {
    bottom : 2.3076923077vw;
    width : 12.3076923077vw;
    border-radius : 0.7692307692vw;
    line-height : 2.4615384615vw;
    height : 2.9230769231vw;
    font-size : 1.2307692308vw;
    background-position : right 0.7692307692vw center;
    background-size : 0.7692307692vw 1.2307692308vw;
  }
  .p-saving-solution-footer__accordion-link {
    font-size : 12px;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-solution-footer {
    padding-top : 21.3333333333vw;
    padding-bottom : 48vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg4_sp.png");
  }
  .p-saving-solution-footer__bg {
    position : absolute;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-solution-footer__bg:after {
    position : absolute;
    bottom : 9.3333333333vw;
    right : 0;
    display : block;
    content : "";
    width : 62.9333333333vw;
    height : 62.1333333333vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_bg5_sp.png");
  }
  .p-saving-solution-footer__bg2 {
    position : absolute;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-saving-solution-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/saving_bg-image5_sp.png");
  }
  .p-saving-solution-footer__container {
    padding : 0 8vw;
    text-align : center;
    position : relative;
  }
  .p-saving-solution-footer__container-case {
    margin-bottom : 26.6666666667vw;
  }
  .p-saving-solution-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 8vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
    border-bottom : solid 1.0666666667vw #56950f;
  }
  .p-saving-solution-footer__list-ul {
    margin-bottom : 4vw;
    display : flex;
    justify-content : space-between;
    flex-wrap : wrap;
  }
  .p-saving-solution-footer__list-ul > li {
    position : relative;
    flex-basis : 48.3%;
    margin-bottom : 2.6666666667vw;
    overflow : hidden;
    border-radius : 2.6666666667vw;
    background-color : #fff;
  }
  .p-saving-solution-footer__list-ul--center {
    justify-content : center;
  }
  .p-saving-solution-footer__list-ul--center2 {
    justify-content : space-between;
  }
  .p-saving-solution-footer__image {
    display : block;
    width : 100%;
    height : auto;
  }
  .p-saving-solution-footer__box {
    padding : 4vw 3.2vw;
    padding-bottom : 12vw;
    min-height : 50.6666666667vw;
    text-align : left;
  }
  .p-saving-solution-footer__label {
    margin-bottom : 2.6666666667vw;
    position : relative;
    display : block;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 6.6666666667vw;
    height : -webkit-fit-content;
    height : -moz-fit-content;
    height : fit-content;
    min-height : 6vw;
    padding : 1.3333333333vw 2vw;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 4vw;
    border-radius : 1.3333333333vw;
    background-color : #f1f1f1;
  }
  .p-saving-solution-footer__paragraph {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
    font-weight : bold;
  }
  .p-saving-solution-footer__paragraph2 {
    margin-bottom : 1.3333333333vw;
    font-size : 3.4666666667vw;
    line-height : 5.6vw;
  }
  .p-saving-solution-footer__link {
    position : absolute;
    left : 50%;
    bottom : 5.3333333333vw;
    transform : translateX(-50%);
    display : block;
    padding : 0 4.8vw;
    border-radius : 2.1333333333vw;
    line-height : 5.0666666667vw;
    height : 6.6666666667vw;
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-saving-solution-footer__link:hover, .p-saving-solution-footer__link:focus {
    text-decoration : none !important;
    color : #56950f !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-footer__link2 {
    position : relative;
    display : inline-block;
    padding : 0 8vw;
    border-radius : 2.1333333333vw;
    height : 12vw;
    color : #fff;
    font-size : 3.7333333333vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-saving-solution-footer__link2:hover, .p-saving-solution-footer__link2:focus {
    text-decoration : none !important;
    color : #fff !important;
    opacity : 0.8 !important;
  }
  .p-saving-solution-footer__link2:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
  .p-saving-solution-footer__link2--solutiontop {
    width : 100%;
    border-radius : 1.3333333333vw;
    font-size : 3.2vw;
  }
  .p-saving-solution-footer__accordion {
    background-color : #fff;
    border-radius : 1.3333333333vw;
    margin-bottom : 6.6666666667vw;
  }
  .p-saving-solution-footer__accordion-title {
    position : relative;
    display : flex;
    width : 100%;
    justify-content : center;
    align-items : center;
    padding : 4vw;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -1.0666666667vw;
    line-height : 8vw;
  }
  .p-saving-solution-footer__accordion-title:hover {
    cursor : pointer;
  }
  .p-saving-solution-footer__accordion-title::-webkit-details-marker {
    display : none;
  }
  .p-saving-solution-footer__accordion-title:after {
    position : absolute;
    content : "";
    width : 2.6666666667vw;
    height : 2.6666666667vw;
    border-top : solid 2px #333;
    border-right : solid 2px #333;
    position : absolute;
    right : 4vw;
    top : 50%;
    transform : translateY(-50%) rotate(135deg);
  }
  .p-saving-solution-footer__accordion-title.open:after {
    transform : translateY(-50%) rotate(-45deg);
  }
  .p-saving-solution-footer__accordion-content {
    padding : 0 4vw 4vw;
    display : none;
  }
  .p-saving-solution-footer__accordion-list li:not(:last-child) {
    margin-bottom : 4vw;
  }
  .p-saving-solution-footer__accordion-link {
    display : block;
    padding : 2.6666666667vw 0;
    border-radius : 1.3333333333vw;
    line-height : 5.0666666667vw;
    height : 12vw;
    text-align : center;
    font-size : 4vw;
    font-weight : bold;
    font-feature-settings : "palt";
    color : #56950f;
    border : solid 0.5333333333vw #56950f;
    background-position : right 1.3333333333vw center;
    background-size : 1.6vw 2.6666666667vw;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/saving_icon-arrow-right.png");
    white-space : nowrap;
  }
  .p-saving-solution-footer__accordion-link:hover, .p-saving-solution-footer__accordion-link:focus {
    text-decoration : none !important;
    color : #56950f !important;
    opacity : 0.6 !important;
  }
  .p-saving-solution-footer .slick-list {
    margin-bottom : 1rem;
  }
  .p-saving-solution-footer .slick-initialized .slick-slide {
    position : relative;
    margin : 0 1.3333333333vw;
    background-color : #fff;
    border-radius : 2.6666666667vw;
  }
  .p-saving-solution-footer .slick-slide img {
    border-radius : 2.6666666667vw 2.6666666667vw 0 0;
  }
}
.p-dr {
  font-feature-settings : "palt";
  overflow : hidden;
}
@media screen and (min-width: 768px), print {
  .p-dr .sp {
    display : none;
  }
}
@media screen and (max-width: 767.98px) {
  .p-dr .pc {
    display : none;
  }
}

@media screen and (min-width: 768px), print {
  .p-dr-hero {
    position : relative;
    z-index : 1;
    padding-bottom : 65px;
    background-position : bottom 68px center;
    background-size : 100% 160px;
    background-repeat : no-repeat;
    background-color : #eef6e5;
  }
  .p-dr-hero__container {
    background-position : bottom center;
    background-size : cover;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_kv_pc.png");
  }
  .p-dr-hero__container2 {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    width : 100%;
    max-width : 1300px;
  }
  .p-dr-hero__container2:before {
    content : "";
    display : block;
    padding-top : 44.4%;
  }
  .p-dr-hero__container2:after {
    position : absolute;
    bottom : -83px;
    right : -139px;
    display : block;
    content : "";
    width : 471px;
    height : 275px;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_kv-illust.png");
  }
  .p-dr-hero__container2--inner {
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
  }
  .p-dr-hero__box {
    position : absolute;
    top : 49.7%;
    left : 0;
    right : 0;
    margin : auto;
    transform : translateY(-50%);
    width : calc(701 / 1300 * 100%);
  }
  .p-dr-hero__heading {
    position : relative;
    margin-bottom : 27px;
    font-family : "senobi";
    color : #fff;
    font-size : 70px;
    font-weight : bold;
    text-align : center;
    letter-spacing : -0.26em;
    line-height : 1;
  }
  .p-dr-hero__heading span {
    display : block;
    margin-top : 14px;
    font-size : 40px;
    letter-spacing : -0.34em;
  }
  .p-dr-hero__paragraph {
    margin-bottom : 20px;
    font-family : "senobi";
    font-size : 22px;
    text-align : center;
    line-height : 28px;
    letter-spacing : -0.23em;
    color : #fff;
  }
  .p-dr-hero__image {
    display : none;
  }
  .p-dr-hero__paragraph2 {
    max-width : 589px;
    margin : 0 auto;
    font-size : 16px;
    line-height : 28px;
    color : #fff;
    letter-spacing : 0.02em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1920.98px) {
  .p-dr-hero__container {
    position : relative;
    left : 50%;
    transform : translateX(-50%);
    margin : 0 auto;
    width : 100%;
    min-width : 1920px;
  }
}
@media screen and (max-width: 767.98px) {
  .p-dr-hero {
    padding-bottom : 19.7333333333vw;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg2_sp.png");
  }
  .p-dr-hero__container {
    background-position : center -16vw;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_kv_sp.png");
  }
  .p-dr-hero__container2 {
    padding : 13.3333333333vw 6.6666666667vw 0;
  }
  .p-dr-hero__box {
    text-align : center;
  }
  .p-dr-hero__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 5.3333333333vw;
    font-family : "senobi";
    color : #fff;
    font-size : 13.3333333333vw;
    font-weight : bold;
    letter-spacing : -0.34em;
    line-height : 1;
    text-shadow : 0 0 50px rgba(0, 0, 0, 0.7);
  }
  .p-dr-hero__heading span {
    display : block;
    margin-top : 4vw;
    font-size : 6.6666666667vw;
    letter-spacing : -0.23em;
  }
  .p-dr-hero__paragraph {
    margin-bottom : 6.4vw;
    font-family : "senobi";
    font-size : 4vw;
    line-height : 1.66;
    letter-spacing : -0.21em;
    color : #fff;
    text-shadow : 0 0 50px rgba(0, 0, 0, 0.7);
  }
  .p-dr-hero__image {
    margin-bottom : 6.4vw;
    display : block;
    width : 74.1333333333vw;
    height : auto;
    transform : translateX(2.6666666667vw);
  }
  .p-dr-hero__paragraph2 {
    font-size : 3.7333333333vw;
    line-height : 1.78;
    letter-spacing : 0.02em;
    font-feature-settings : "palt";
    text-align : left;
  }
}
@media screen and (min-width: 768px), print {
  .p-dr-section {
    position : relative;
    padding-bottom : 172px;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% 140px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg3.png");
  }
  .p-dr-section__container {
    position : relative;
    padding : 0 50px;
    width : 100%;
    text-align : center;
  }
  .p-dr-section__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 52px;
    font-family : "senobi";
    font-size : 55px;
    font-weight : bold;
    letter-spacing : -0.33em;
    line-height : 1.1em;
    transform : translateX(-7.5px);
  }
  .p-dr-section__heading span {
    margin-left : 1rem;
    letter-spacing : -0.22em;
  }
  .p-dr-section__heading:after {
    position : absolute;
    bottom : -10px;
    left : 7px;
    display : block;
    content : "";
    width : 100%;
    height : 5px;
    background-color : #56950f;
  }
  .p-dr-section__link2 {
    display : block;
    width : 278px;
    line-height : 56px;
    height : 56px;
    margin-top : -23px;
    margin-left : auto;
    margin-right : auto;
    font-size : 18px;
    font-weight : bold;
    color : #fff;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-dr-section__link2:hover {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300.98px) {
  .p-dr-section {
    padding-bottom : 13.2307692308vw;
    background-size : 100% 10.7692307692vw;
  }
  .p-dr-section__container {
    padding : 0 3.8461538462vw;
  }
  .p-dr-section__heading {
    margin-bottom : 4vw;
    font-size : 4.2307692308vw;
  }
  .p-dr-section__heading:after {
    bottom : -0.7692307692vw;
    left : 0.5384615385vw;
    height : 0.3846153846vw;
  }
  .p-dr-section__link2 {
    width : 21.3846153846vw;
    line-height : 4.3076923077vw;
    height : 4.3076923077vw;
    margin-top : -1.7692307692vw;
    font-size : 1.3846153846vw;
    border-radius : 0.7692307692vw;
    background-size : 3.8461538462vw 3.8461538462vw;
  }
}
@media screen and (max-width: 767.98px) {
  .p-dr-section {
    position : relative;
    padding-top : 8.8vw;
    padding-bottom : 22.6666666667vw;
    background-color : #eef6e5;
    background-position : bottom center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg3_sp.png");
  }
  .p-dr-section__bg {
    position : absolute;
    top : 0;
    left : 0;
    right : 0;
    bottom : 0;
    width : 100%;
  }
  .p-dr-section__bg:after {
    position : absolute;
    bottom : -5.3333333333vw;
    left : 0;
    display : block;
    content : "";
    width : 25.8666666667vw;
    height : 78.9333333333vw;
    background-position : right bottom;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-01_sp.png");
  }
  .p-dr-section__container {
    position : relative;
    z-index : 1;
    padding : 0;
    text-align : center;
  }
  .p-dr-section__heading {
    transform : translateX(-2.6666666667vw);
    position : relative;
    display : inline-block;
    margin-bottom : 7.7333333333vw;
    font-family : "senobi";
    font-size : 8.8vw;
    font-weight : bold;
    letter-spacing : -1.8666666667vw;
    line-height : 1.3em;
  }
  .p-dr-section__heading span {
    margin-left : 1rem;
  }
  .p-dr-section__heading:after {
    position : absolute;
    bottom : -1.3333333333vw;
    left : 0.9333333333vw;
    display : block;
    content : "";
    width : 100%;
    height : 1.3333333333vw;
    background-color : #56950f;
  }
  .p-dr-section__link2 {
    margin-top : 5.3333333333vw;
    display : inline-block;
    width : 56vw;
    line-height : 12vw;
    height : 12vw;
    text-align : center;
    font-size : 3.7333333333vw;
    font-weight : bold;
    color : #fff;
    border-radius : 2.1333333333vw;
    background-position : center;
    background-size : 74.1333333333vw 14.9333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
}
@media screen and (min-width: 768px), print {
  .p-dr-section2 {
    position : relative;
    z-index : 0;
    margin-right : auto;
    margin-left : auto;
    padding : 83px 0 54px;
  }
  .p-dr-section2--border::before {
    content : "";
    position : absolute;
    top : 0;
    left : 50%;
    width : 979px;
    height : 2px;
    transform : translateX(-50%);
    background-color : #f1f1f1;
  }

  .p-dr-section2__inner {
    max-width : 1300px;
    margin-right : auto;
    margin-left : auto;
    padding-left : 50px;
    padding-right : 50px;
  }

  .p-dr-section2__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    z-index : -1;
    min-width : 1920px;
  }
  .p-dr-section2__bg::before {
    content : "";
    position : absolute;
    display : block;
    background-size : contain;
    background-repeat : no-repeat;
  }
  .p-dr-section2__bg--1::before {
    top : 298px;
    left : 0;
    width : 275px;
    height : 711px;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-01_pc.png");
  }
  .p-dr-section2__bg--2::before {
    top : 1929px;
    right : 0;
    width : 292px;
    height : 785px;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-02_pc.png");
  }
  .p-dr-section2__bg--4::before {
    left : 0;
    width : 264px;
    height : 206px;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-03_pc.png");
  }

  .p-dr-section2__container + .p-dr-section2__container {
    margin-top : 75px;
  }

  .p-dr-section2__title {
    margin-bottom : 25px;
    text-align : center;
  }
  .p-dr-section2__title span:not([class]) {
    display : inline-block;
    font-size : 30px;
    font-weight : bold;
    line-height : 1.66;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-dr-section2__title-small {
    display : block;
    font-size : 21px;
  }

  .p-dr-section2__sub-title {
    margin-top : 50px;
    margin-bottom : 3px;
    color : #55930f;
    text-align : center;
    font-size : 28px;
    font-weight : bold;
    line-height : 1.42;
  }
  .p-dr-section2__sub-title.p-dr-section2__sub-title--2 {
    color : #000;
  }

  .p-dr-section2__box-title {
    text-align : center;
    font-size : 28px;
    font-weight : bold;
    line-height : 1.42;
  }

  .p-dr-section2__box-title2 {
    color : #55930f;
    text-align : center;
    font-size : 24px;
    font-weight : bold;
    line-height : 1.58;
    letter-spacing : 0.02em;
  }

  .p-dr-section2__paragraph {
    font-size : 18px;
    line-height : 2;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__paragraph em {
    font-size : 22px;
    font-weight : bold;
    font-style : normal;
  }

  .p-dr-section2__paragraph2 {
    font-size : 18px;
    text-align : center;
    line-height : 2;
    letter-spacing : 0.02em;
  }

  .p-dr-section2__paragraph3 {
    font-size : 18px;
    line-height : 2.22;
    text-align : center;
  }
  .p-dr-section2__paragraph3 em {
    font-size : 22px;
    font-weight : bold;
    font-style : normal;
  }

  .p-dr-section2__ul-paragraph {
    font-size : 18px;
    line-height : 1.77;
    letter-spacing : 0.02em;
  }

  .p-dr-section2__paragraph-note {
    display : flex;
    margin : 0;
    font-size : 12px;
    line-height : 2.125;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__paragraph-note span {
    margin-right : 3px;
    flex-shrink : 0;
  }

  .p-dr-section2__dl {
    margin-top : 26px;
    margin-bottom : 31px;
  }
  .p-dr-section2__dl > dt {
    color : #55930f;
    font-size : 24px;
    font-weight : bold;
  }
  .p-dr-section2__dl > dd {
    margin-top : 11px;
  }
  .p-dr-section2__dl > dd .p-dr-section2__paragraph {
    margin : 0;
  }

  .p-dr-section2__ol {
    margin-top : 21px;
    padding-bottom : 10px;
  }

  .p-dr-section2__link {
    width : 250px;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0;
  }

  .p-dr-section2__box1 {
    width : 979px;
    margin-top : 57px;
    margin-left : auto;
    margin-right : auto;
    padding-top : 42px;
    padding-bottom : 41px;
    background-color : #eef4e7;
    border-radius : 10px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-title {
    font-size : 28px;
    font-weight : bold;
    text-align : center;
    line-height : 1.43;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-inner {
    display : flex;
    justify-content : center;
    margin-top : 35px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item {
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : flex-start;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item + .p-dr-section2__box1-item {
    margin-left : 65px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item.p-dr-section2__box1-item--2 {
    align-items : flex-end;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item.p-dr-section2__box1-item--2 .p-dr-section2__box1-paragraph {
    margin-right : 30px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top {
    display : flex;
    align-items : center;
    justify-content : center;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    min-width : 310px;
    min-height : 50px;
    background-color : #55930f;
    border-radius : 6px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top span {
    color : #fff;
    font-family : "senobi";
    font-size : 28px;
    letter-spacing : -0.01em;
    font-weight : medium;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-paragraph {
    margin-top : 15px;
    margin-bottom : 0;
    font-size : 14px;
    letter-spacing : 0.02em;
    line-height : 1.57;
    text-align : center;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image1 {
    width : 441px;
    margin-top : 26px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image2 {
    width : 304px;
    margin-top : 26px;
    margin-right : 69px;
  }

  .p-dr-section2__box2 {
    display : flex;
    flex-wrap : wrap;
    justify-content : center;
    align-items : flex-start;
    margin-top : 59px;
    border-radius : 10px;
  }
  .p-dr-section2__box2 + .p-dr-section2__box2 {
    margin-top : 74px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-top {
    display : flex;
    align-items : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-top-tag {
    width : 157px;
    flex-shrink : 0;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title {
    margin-left : 30px;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__sub-title {
    margin-top : 0;
    text-align : left;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__paragraph3 {
    margin-bottom : 0;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-title {
    margin-bottom : 0;
    font-family : "senobi";
    font-size : 30px;
    letter-spacing : -0.18em;
    color : #55930f;
    line-height : 1.5;
    text-align : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-title span {
    letter-spacing : -0.32em;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 {
    display : flex;
    justify-content : space-between;
    width : 100%;
    margin-bottom : 30px;
    padding : 30px 0;
    background-color : #fff;
    border-radius : 10px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-item-text {
    margin-top : 23px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-item-title {
    text-align : left;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-item-paragraph {
    text-align : left;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-image {
    width : 621px;
    margin-top : 30px;
    margin-left : 45px;
    flex-shrink : 0;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom {
    width : 100%;
    padding : 50px;
    border-radius : 10px;
    background-color : #f1f1f1;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-title {
    margin-bottom : 0;
    font-size : 24px;
    text-align : center;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-inner {
    display : flex;
    justify-content : center;
    margin-top : 50px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 {
    display : flex;
    justify-content : space-between;
    width : 346px;
    height : 378px;
    padding : 16px 30px 30px;
    border-radius : 10px;
    background-color : #fff;
    flex-direction : column;
    align-items : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 + .p-dr-section2__box2-item2 {
    margin-left : 37px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 .p-dr-section2__box2-image {
    margin-top : 23px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 {
    display : flex;
    justify-content : space-between;
    width : 346px;
    height : 418px;
    padding : 20px 25px 32px;
    border-radius : 10px;
    background-color : #fff;
    flex-direction : column;
    align-items : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 + .p-dr-section2__box2-item3 {
    margin-left : 22px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 .p-dr-section2__box2-image {
    width : 286px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph {
    margin-top : 18px;
    margin-bottom : 0;
    font-size : 18px;
    line-height : 2.22;
    letter-spacing : 0.02em;
    text-align : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph2 {
    margin-top : 7px;
    margin-bottom : 0;
    font-size : 18px;
    line-height : 1.77;
    text-align : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-paragraph {
    margin-bottom : 0;
    font-size : 18px;
    line-height : 1.66;
    letter-spacing : -0.02em;
    text-align : center;
  }

  .p-dr-section2__box3 {
    display : flex;
    justify-content : center;
    align-items : flex-start;
    background-color : #eef4e7;
    margin-top : 31px;
    padding : 53px 50px 49px;
    border-radius : 10px;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item {
    display : flex;
    padding : 18px 30px 30px;
    width : 346px;
    height : 418px;
    border-radius : 10px;
    background-color : #fff;
    flex-direction : column;
    align-items : center;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item + .p-dr-section2__box3-item {
    margin-left : 30px;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-title {
    margin-bottom : 0;
    font-family : "senobi";
    font-size : 30px;
    letter-spacing : -0.27em;
    color : #55930f;
    line-height : 1.5;
    text-align : center;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-title span {
    display : inline-block;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-paragraph {
    margin-bottom : 0;
    font-size : 18px;
    line-height : 1.66;
    letter-spacing : -0.02em;
    text-align : center;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-image {
    margin-top : 27px;
  }

  .p-dr-section2__box4 {
    display : flex;
    justify-content : center;
    align-items : flex-start;
    margin-top : 29px;
    border-radius : 10px;
  }
  .p-dr-section2__box4 .p-dr-section2__box4-item {
    width : 285px;
    height : 297px;
  }
  .p-dr-section2__box4 .p-dr-section2__box4-item + .p-dr-section2__box4-item {
    margin-left : 30px;
  }

  .p-dr-section2__box5 {
    margin-top : 32px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-inner {
    padding : 50px;
    border-radius : 20px;
    background-color : #eef4e7;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-title {
    margin-bottom : 15px;
    font-size : 28px;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-subtitle {
    font-size : 18px;
    text-align : center;
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item {
    background-color : #fff;
    padding : 50px;
    border-radius : 10px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item--1 {
    margin-bottom : 30px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item--2 .p-dr-section2__box5-item-list {
    margin-top : 60px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph1 {
    margin-bottom : 0;
    font-size : 18px;
    line-height : 1.66;
    text-align : center;
    color : #55930f;
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title {
    width : 400px;
    margin-top : 7px;
    margin-bottom : 11px;
    margin-left : auto;
    margin-right : auto;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title2 {
    margin-top : 60px;
    margin-bottom : 15px;
    font-family : "senobi";
    font-size : 30px;
    letter-spacing : -0.15em;
    color : #55930f;
    line-height : 1.33;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph2 {
    margin-bottom : 0;
    font-size : 18px;
    line-height : 1.66;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph2 span {
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph3 {
    margin-bottom : 0;
    font-size : 15px;
    line-height : 1.6;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph3 span {
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list {
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    margin : 0 auto 56px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li {
    position : relative;
    line-height : 2;
    padding-left : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li::before {
    position : absolute;
    content : "";
    background-image : url("/common/img/carbon-free/demand-response/dr_icon-01.png");
    background-size : cover;
    background-repeat : no-repeat;
    width : 20px;
    height : 15px;
    display : inline-block;
    left : -10px;
    top : 13px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-image {
    display : flex;
    justify-content : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox {
    display : flex;
    justify-content : space-between;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox-body {
    display : flex;
    flex-direction : column;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox-inner {
    display : flex;
    align-items : flex-end;
    flex-grow : 1;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenbox {
    background-color : #eef4e7;
    border : 1px solid #55930f;
    border-radius : 6px;
    padding : 10px 20px;
    margin-top : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenbox:not(:first-child) {
    margin-left : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenboxwrapper {
    display : flex;
    width : 340px;
    margin : 0 auto 33px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-linkbox:not(:first-child) {
    margin-left : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-linkbox .p-dr-section2__box5-item-paragraph3 {
    margin-bottom : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-link {
    width : 220px;
    height : 50px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more {
    background-color : #f1f1f1;
    border-radius : 6px;
    margin-top : 40px;
    padding : 50px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-label {
    position : relative;
    display : block;
    min-width : 76px;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    text-align : center;
    height : 30px;
    color : #fff;
    font-size : 16px;
    font-weight : bold;
    line-height : 30px;
    border-radius : 6px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-paragrah {
    font-size : 18px;
    line-height : 1.66;
    margin-bottom : 8px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-paragrah--indent {
    text-indent : -1em;
    padding-left : 1em;
    margin-bottom : 0;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-textbox {
    margin-bottom : 30px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-title {
    font-size : 24px;
    font-weight : bold;
    margin-bottom : 35px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox {
    display : flex;
    align-items : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left {
    width : 300px;
    margin-right : 60px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left .p-dr-section2__box5-item-more-image {
    margin-bottom : 20px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left .m-carbon-free-detail-link1 {
    width : 220px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-right {
    width : 380px;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-title {
    font-size : 18px;
    font-weight : bold;
  }

  .p-dr-section2__box6 .p-dr-section2__box6-dl1 {
    margin-top : 39px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dt {
    font-size : 28px;
    font-weight : bold;
    text-align : center;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dd {
    margin-top : 31px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol {
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
    max-width : 800px;
    margin-left : auto;
    margin-right : auto;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(2n) {
    margin-left : 40px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(3), .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(4) {
    margin-top : 50px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 {
    position : relative;
    padding-top : 49px;
    height : 100%;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt {
    position : absolute;
    top : 0;
    left : 50%;
    width : 90px;
    height : 90px;
    background-color : #55930f;
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : center;
    color : #fff;
    font-size : 16px;
    line-height : 1;
    border-radius : 10px;
    transform : translateX(-50%);
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt span {
    font-size : 47px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dd {
    display : flex;
    flex-direction : column;
    align-items : center;
    width : 374px;
    height : 527px;
    padding : 58px 32px 29px;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-title2 {
    margin-bottom : 24px;
    font-size : 24px;
    font-weight : bold;
    text-align : center;
    letter-spacing : 0.02em;
    line-height : 1.41;
    color : #55930f;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-paragraph {
    font-size : 18px;
    letter-spacing : 0.04em;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-image {
    margin-top : auto;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-other {
    margin-top : 51px;
    padding : 31px 30px 33px;
    background-color : #f1f1f1;
    border-radius : 10px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dt {
    margin-bottom : 12px;
    font-size : 24px;
    font-weight : bold;
    letter-spacing : 0.02em;
    color : #55930f;
    text-align : center;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dd {
    display : flex;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dd::before {
    content : "・";
    display : block;
    font-size : 18px;
    margin-right : 7px;
    padding-left : 14px;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4-paragraph {
    margin-bottom : 0;
    font-size : 18px;
    letter-spacing : 0.02em;
    line-height : 1.77;
  }

  .p-dr-section2__box7 {
    display : flex;
    justify-content : center;
    align-items : flex-start;
    flex-direction : column;
    margin-top : 34px;
    padding : 47px;
    border-radius : 20px;
    background-color : #eef4e7;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text {
    display : flex;
    justify-content : center;
    align-items : center;
    width : 100%;
    height : 146px;
    margin-top : 42px;
    background-color : #55930f;
    border-radius : 10px;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph {
    margin-bottom : 0;
    font-size : 16px;
    color : #fff;
    text-align : center;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph span {
    font-size : 22px;
    font-weight : bold;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1300.98px) {
  .p-dr-section2 {
    padding : 6.3846153846vw 0 4.1538461538vw;
  }
  .p-dr-section2--border::before {
    width : 75.3076923077vw;
  }

  .p-dr-section2__inner {
    max-width : 100vw;
    padding-left : 3.8461538462vw;
    padding-right : 3.8461538462vw;
  }

  .p-dr-section2__bg--1::before {
    top : 22.9230769231vw;
    width : 21.1538461538vw;
    height : 54.6923076923vw;
  }
  .p-dr-section2__bg--2::before {
    top : 148.3846153846vw;
    width : 22.4615384615vw;
    height : 60.3846153846vw;
  }
  .p-dr-section2__bg--4::before {
    width : 20.3076923077vw;
    height : 15.8461538462vw;
  }

  .p-dr-section2__title {
    margin-bottom : 1.9230769231vw;
  }
  .p-dr-section2__title span:not([class]) {
    font-size : 2.3076923077vw;
  }
  .p-dr-section2__title-small {
    font-size : 1.6153846154vw;
  }

  .p-dr-section2__sub-title {
    margin-top : 3.8461538462vw;
    margin-bottom : 0.2307692308vw;
    font-size : 2.1538461538vw;
  }

  .p-dr-section2__box-title {
    font-size : 2.1538461538vw;
  }

  .p-dr-section2__box-title2 {
    font-size : 1.8461538462vw;
  }

  .p-dr-section2__paragraph {
    font-size : 1.3846153846vw;
    line-height : 2;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__paragraph em {
    font-size : 1.6923076923vw;
  }

  .p-dr-section2__paragraph2 {
    font-size : 1.3846153846vw;
  }

  .p-dr-section2__paragraph3 {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__paragraph3 em {
    font-size : 1.6923076923vw;
  }

  .p-dr-section2__ul-paragraph {
    font-size : 1.3846153846vw;
  }

  .p-dr-section2__paragraph-note {
    font-size : 12px;
  }
  .p-dr-section2__paragraph-note span {
    margin-right : 0.2307692308vw;
  }

  .p-dr-section2__dl {
    margin-top : 2vw;
    margin-bottom : 2.3846153846vw;
  }
  .p-dr-section2__dl > dt {
    font-size : 1.8461538462vw;
  }
  .p-dr-section2__dl > dd {
    margin-top : 0.8461538462vw;
  }

  .p-dr-section2__ol {
    margin-top : 1.6153846154vw;
    padding-bottom : 0.7692307692vw;
  }

  .p-dr-section2__link {
    width : 19.2307692308vw;
  }

  .p-dr-section2__box1 {
    width : 75.3076923077vw;
    margin-top : 4.3846153846vw;
    padding-top : 3.2307692308vw;
    padding-bottom : 3.1538461538vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-title {
    font-size : 2.1538461538vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-inner {
    margin-top : 2.6923076923vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item + .p-dr-section2__box1-item {
    margin-left : 5vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item.p-dr-section2__box1-item--2 .p-dr-section2__box1-paragraph {
    margin-right : 2.3076923077vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top {
    min-width : 23.8461538462vw;
    min-height : 3.8461538462vw;
    border-radius : 0.4615384615vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top span {
    font-size : 2.1538461538vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-paragraph {
    margin-top : 1.1538461538vw;
    font-size : 1.0769230769vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image1 {
    width : 33.9230769231vw;
    margin-top : 2vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image2 {
    width : 23.3846153846vw;
    margin-top : 2vw;
    margin-right : 5.3076923077vw;
  }

  .p-dr-section2__box2 {
    margin-top : 4.5384615385vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box2 + .p-dr-section2__box2 {
    margin-top : 5.6923076923vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-top-tag {
    width : 12.0769230769vw;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title {
    margin-left : 2.3076923077vw;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__sub-title {
    font-size : 2.1538461538vw;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__paragraph3 {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-title {
    font-size : 2.3076923077vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 {
    margin-bottom : 2.3076923077vw;
    padding : 2.3076923077vw 0;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-item-text {
    margin-top : 1.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-image {
    width : 47.7692307692vw;
    margin-top : 2.3076923077vw;
    margin-left : 3.4615384615vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom {
    padding : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-title {
    font-size : 1.8461538462vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-inner {
    margin-top : 3.8461538462vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 {
    width : 26.6153846154vw;
    height : 29.0769230769vw;
    padding : 1.2307692308vw 2.3076923077vw 2.3076923077vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 + .p-dr-section2__box2-item2 {
    margin-left : 2.8461538462vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 .p-dr-section2__box2-image {
    margin-top : 1.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 {
    width : 26.6153846154vw;
    height : 32.1538461538vw;
    padding : 1.5384615385vw 1.9230769231vw 2.4615384615vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 + .p-dr-section2__box2-item3 {
    margin-left : 1.6923076923vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item3 .p-dr-section2__box2-image {
    width : 22vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph {
    margin-top : 1.3846153846vw;
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph2 {
    margin-top : 0.5384615385vw;
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-paragraph {
    font-size : 1.3846153846vw;
  }

  .p-dr-section2__box3 {
    margin-top : 2.3846153846vw;
    padding : 4.0769230769vw 3.8461538462vw 3.7692307692vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item {
    padding : 1.3846153846vw 2.3076923077vw 2.3076923077vw;
    width : 26.6153846154vw;
    height : 32.1538461538vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item + .p-dr-section2__box3-item {
    margin-left : 2.3076923077vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-title {
    font-size : 2.3076923077vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-paragraph {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-image {
    margin-top : 2.0769230769vw;
  }

  .p-dr-section2__box4 .p-dr-section2__box4-item {
    width : 21.9230769231vw;
    height : 22.8461538462vw;
  }
  .p-dr-section2__box4 .p-dr-section2__box4-item + .p-dr-section2__box4-item {
    margin-left : 2.3076923077vw;
  }

  .p-dr-section2__box5 {
    margin-top : 2.4615384615vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-inner {
    padding : 3.8461538462vw;
    border-radius : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-title {
    margin-bottom : 1.1538461538vw;
    font-size : 2.1538461538vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-subtitle {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item--2 .p-dr-section2__box5-item-list {
    margin-top : 4.6153846154vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph1 {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title {
    margin-top : 0.5384615385vw;
    margin-bottom : 0.8461538462vw;
    width : 30.7692307692vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title2 {
    margin-top : 4.6153846154vw;
    margin-bottom : 1.1538461538vw;
    font-size : 2.3076923077vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph2 {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph3 {
    font-size : 1.1538461538vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item {
    padding : 3.8461538462vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list {
    margin : 0 auto 4.3076923077vw;
    padding-left : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li::before {
    width : 1.5384615385vw;
    height : 1.1538461538vw;
    left : -0.7692307692vw;
    top : 1vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenbox {
    background-color : #eef4e7;
    border : 1px solid #55930f;
    border-radius : 0.4615384615vw;
    padding : 0.7692307692vw 1.5384615385vw;
    margin-top : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenbox:not(:first-child) {
    margin-left : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenboxwrapper {
    width : 26.1538461538vw;
    margin : 0 auto 2.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-linkbox:not(:first-child) {
    margin-left : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-linkbox .p-dr-section2__box5-item-paragraph3 {
    margin-bottom : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-link {
    width : 16.9230769231vw;
    height : 3.8461538462vw;
  }
  .p-dr-section2__box5 .m-carbon-free-detail-link1 {
    font-size : 1.4615384615vw;
    padding : 1.1538461538vw 0;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more {
    border-radius : 0.4615384615vw;
    margin-top : 3.0769230769vw;
    padding : 3.8461538462vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-label {
    min-width : 5.8461538462vw;
    height : 2.3076923077vw;
    font-size : 1.2307692308vw;
    line-height : 2.3076923077vw;
    border-radius : 0.4615384615vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-paragrah {
    font-size : 1.3846153846vw;
    margin-bottom : 0.6153846154vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-textbox {
    margin-bottom : 2.3076923077vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-title {
    font-size : 1.8461538462vw;
    margin-bottom : 2.6923076923vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left {
    width : 23.0769230769vw;
    margin-right : 4.6153846154vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left .p-dr-section2__box5-item-more-image {
    margin-bottom : 1.5384615385vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left .m-carbon-free-detail-link1 {
    width : 16.9230769231vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-right {
    width : 29.2307692308vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-title {
    font-size : 1.3846153846vw;
  }

  .p-dr-section2__box6 .p-dr-section2__box6-dl1 {
    margin-top : 3vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dt {
    font-size : 2.1538461538vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dd {
    margin-top : 2.3846153846vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol {
    max-width : 61.5384615385vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(2n) {
    margin-left : 3.0769230769vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(3), .p-dr-section2__box6 .p-dr-section2__box6-ol > li:nth-child(4) {
    margin-top : 3.8461538462vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 {
    padding-top : 3.7692307692vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt {
    width : 6.9230769231vw;
    height : 6.9230769231vw;
    font-size : 1.2307692308vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt span {
    font-size : 3.6153846154vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dd {
    width : 28.7692307692vw;
    height : 40.5384615385vw;
    padding : 4.4615384615vw 2.4615384615vw 2.2307692308vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-title2 {
    margin-bottom : 1.8461538462vw;
    font-size : 1.8461538462vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-paragraph {
    font-size : 1.3846153846vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-other {
    margin-top : 3.9230769231vw;
    padding : 2.3846153846vw 2.3076923077vw 2.5384615385vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dt {
    margin-bottom : 0.9230769231vw;
    font-size : 1.8461538462vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dd::before {
    font-size : 1.3846153846vw;
    margin-right : 0.5384615385vw;
    padding-left : 1.0769230769vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4-paragraph {
    font-size : 1.3846153846vw;
  }

  .p-dr-section2__box7 {
    margin-top : 2.6153846154vw;
    padding : 3.6153846154vw;
    border-radius : 1.5384615385vw;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text {
    height : 11.2307692308vw;
    margin-top : 3.2307692308vw;
    border-radius : 0.7692307692vw;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph {
    font-size : 1.2307692308vw;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph span {
    font-size : 1.6923076923vw;
  }
}
@media screen and (max-width: 767.98px) {
  .p-dr-section2__title {
    font-size : 4.8vw;
  }

  .p-dr-section2 {
    position : relative;
    margin-right : auto;
    margin-left : auto;
    padding : 11.7333333333vw 0 2.1333333333vw;
    z-index : 0;
  }
  .p-dr-section2--border::before {
    content : "";
    position : absolute;
    top : 0;
    left : 50%;
    width : calc(329 / 375 * 100%);
    height : 2px;
    transform : translateX(-50%);
    background-color : #f1f1f1;
  }

  .p-dr-section2__inner {
    margin-right : auto;
    margin-left : auto;
    padding-left : 6.1333333333vw;
    padding-right : 6.1333333333vw;
  }

  .p-dr-section2__bg {
    position : absolute;
    left : 50%;
    width : 100%;
    height : 100%;
    transform : translateX(-50%);
    z-index : -1;
  }
  .p-dr-section2__bg::before {
    content : "";
    position : absolute;
    top : 0;
    display : block;
    background-size : contain;
    background-repeat : no-repeat;
  }
  .p-dr-section2__bg--3::before {
    top : 293.0666666667vw;
    left : 0;
    width : 13.6vw;
    height : 34.4vw;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-02_sp.png");
  }
  .p-dr-section2__bg--4::before {
    top : 675.4666666667vw;
    right : 0;
    width : 24vw;
    height : 34.1333333333vw;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-03_sp.png");
  }

  .p-dr-section2__container + .p-dr-section2__container {
    margin-top : 8vw;
  }

  .p-dr-section2__title {
    margin-bottom : 5.0666666667vw;
    font-size : 5.3333333333vw;
    font-weight : bold;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__title span:not([class]) {
    display : inline;
    line-height : 1.5;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-dr-section2__title-small {
    display : block;
    font-size : 3.2vw;
    line-height : 1;
  }

  .p-dr-section2__sub-title {
    margin-top : 10.1333333333vw;
    margin-bottom : 0;
    color : #55930f;
    font-size : 5.0666666667vw;
    font-weight : bold;
    line-height : 1.42;
  }
  .p-dr-section2__sub-title.p-dr-section2__sub-title--2 {
    color : #000;
  }

  .p-dr-section2__paragraph {
    font-size : 3.7333333333vw;
    line-height : 2;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__paragraph em {
    font-size : 4.5333333333vw;
    font-weight : bold;
    font-style : normal;
  }

  .p-dr-section2__paragraph2 {
    font-size : 3.7333333333vw;
    line-height : 2;
  }

  .p-dr-section2__paragraph3 {
    font-size : 3.7333333333vw;
    line-height : 2;
  }
  .p-dr-section2__paragraph3 em {
    font-size : 4.5333333333vw;
    font-weight : bold;
    font-style : normal;
  }

  .p-dr-section2__ul-paragraph {
    font-size : 3.7333333333vw;
    line-height : 1.77;
    letter-spacing : 0.02em;
  }

  .p-dr-section2__paragraph-note {
    display : flex;
    margin : 0;
    font-size : 12px;
    line-height : 1.66;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__paragraph-note span {
    flex-shrink : 0;
    margin-right : 0.8vw;
  }

  .p-dr-section2__dl {
    margin-top : 5.3333333333vw;
  }
  .p-dr-section2__dl > dt {
    color : #55930f;
    font-size : 4vw;
    font-weight : bold;
  }
  .p-dr-section2__dl > dd {
    margin-top : 0.8vw;
    margin-bottom : 6.4vw;
  }
  .p-dr-section2__dl > dd .p-dr-section2__paragraph {
    margin : 0;
  }
  .p-dr-section2__dl + .p-dr-section2__link {
    width : 100%;
  }

  .p-dr-section2__ol {
    margin-top : 7.2vw;
  }

  .p-dr-section2__link {
    width : 62.6666666667vw;
    margin-left : auto;
    margin-right : auto;
    margin-bottom : 0;
  }

  .p-dr-section2__box1 {
    margin-top : 6.4vw;
    padding : 4.5333333333vw 6.6666666667vw 6.6666666667vw;
    background-color : #eef4e7;
    border-radius : 2.1333333333vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-title {
    font-size : 4.8vw;
    font-weight : bold;
    line-height : 1.5;
    text-align : center;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-inner {
    margin-top : 7.7333333333vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item {
    display : flex;
    align-items : center;
    flex-direction : column;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item + .p-dr-section2__box1-item {
    margin-top : 7.4666666667vw;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top {
    display : flex;
    align-items : center;
    justify-content : center;
    width : 100%;
    min-height : 9.8666666667vw;
    background-color : #55930f;
    border-radius : 6px;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-top span {
    color : #fff;
    font-family : "senobi";
    font-size : 5.3333333333vw;
    letter-spacing : -0.1em;
    font-weight : medium;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-paragraph {
    margin-top : 2.6666666667vw;
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    letter-spacing : 0.02em;
    line-height : 1.57;
    text-align : center;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image1 {
    width : 70.6666666667vw;
    margin-top : 2.6666666667vw;
    margin-right : auto;
  }
  .p-dr-section2__box1 .p-dr-section2__box1-item-image2 {
    width : 63.2vw;
    margin-top : 4.2666666667vw;
    margin-right : 7.4666666667vw;
  }

  .p-dr-section2__box2 {
    margin-top : 8.8vw;
  }
  .p-dr-section2__box2 + .p-dr-section2__box2 {
    margin-top : 20.2666666667vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-top-tag {
    width : 100px;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title {
    margin-top : 2.4vw;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__sub-title {
    margin-top : 0;
  }
  .p-dr-section2__box2 .p-dr-section__box2-top-title .p-dr-section2__paragraph3 {
    margin-bottom : 0;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-title {
    margin-bottom : 0;
    font-family : "senobi";
    font-size : 6.6666666667vw;
    letter-spacing : -0.22em;
    color : #55930f;
    line-height : 1.4;
    text-align : center;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-title span {
    letter-spacing : -0.32em;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 2;
    letter-spacing : -0.03em;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 {
    margin-top : 23px;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-item-title {
    text-align : left;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-image {
    width : 84vw;
    margin-top : 6.1333333333vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item1 .p-dr-section2__box2-image img {
    width : 100%;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom {
    margin-top : 6.6666666667vw;
    padding : 7.2vw 6.6666666667vw 5.3333333333vw;
    border-radius : 10px;
    background-color : #f1f1f1;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-title {
    margin-bottom : 0;
    font-size : 5.0666666667vw;
    text-align : center;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-bottom-inner {
    margin-top : 6.1333333333vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2, .p-dr-section2__box2 .p-dr-section2__box2-item3 {
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : space-between;
    padding : 5.0666666667vw 6.6666666667vw 6.6666666667vw;
    height : 100%;
    border-radius : 2.1333333333vw;
    background-color : #fff;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 + .p-dr-section2__box2-item2, .p-dr-section2__box2 .p-dr-section2__box2-item2 + .p-dr-section2__box2-item3, .p-dr-section2__box2 .p-dr-section2__box2-item3 + .p-dr-section2__box2-item2, .p-dr-section2__box2 .p-dr-section2__box2-item3 + .p-dr-section2__box2-item3 {
    margin-top : 3.4666666667vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-item2 .p-dr-section2__box2-image, .p-dr-section2__box2 .p-dr-section2__box2-item3 .p-dr-section2__box2-image {
    margin-top : 5.3333333333vw;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph {
    margin-top : 4vw;
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 2;
  }
  .p-dr-section2__box2 .p-dr-section2__box2-paragraph2 {
    margin-top : 1.3333333333vw;
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 1.89;
    letter-spacing : 0.04em;
  }

  .p-dr-section2__box3 {
    background-color : #eef4e7;
    margin-top : 6.1333333333vw;
    padding : 8vw 6.6666666667vw 6.6666666667vw;
    border-radius : 2.6666666667vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item {
    display : flex;
    justify-content : center;
    padding : 5.0666666667vw 6.6666666667vw 6.6666666667vw;
    border-radius : 2.6666666667vw;
    background-color : #fff;
    flex-direction : column;
    align-items : center;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item + .p-dr-section2__box3-item {
    margin-top : 4vw;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-title {
    margin-bottom : 0;
    font-family : "senobi";
    font-size : 6.6666666667vw;
    letter-spacing : -0.18em;
    color : #55930f;
    line-height : 1.4;
    text-align : center;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-item-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 2;
    letter-spacing : -0.02em;
  }
  .p-dr-section2__box3 .p-dr-section2__box3-image {
    margin-top : 4.8vw;
  }

  .p-dr-section2__box4 {
    margin-top : 8vw;
  }
  .p-dr-section2__box4 .p-dr-section2__box4-item + .p-dr-section2__box4-item {
    margin-top : 3.2vw;
  }

  .p-dr-section2__box5 {
    margin-top : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-inner {
    padding : 6.6666666667vw;
    border-radius : 2.6666666667vw;
    background-color : #eef4e7;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-title {
    text-align : center;
    line-height : 1.36;
    font-size : 5.0666666667vw;
    margin-bottom : 1.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-subtitle {
    text-align : center;
    font-size : 3.2vw;
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-bottom {
    margin-top : 9.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item {
    background-color : #fff;
    padding : 6.6666666667vw;
    border-radius : 1.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item .p-dr-section2__box5-paragraph {
    margin-top : 2.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item .p-dr-section2__link {
    margin-top : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item--1 {
    margin-bottom : 4vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item--2 .p-dr-section2__box5-item-list {
    margin-top : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph1 {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    line-height : 1.35;
    text-align : center;
    color : #55930f;
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title {
    width : 57.3333333333vw;
    margin-top : 2.6666666667vw;
    margin-bottom : 2.6666666667vw;
    margin-left : auto;
    margin-right : auto;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-title2 {
    margin-top : 8vw;
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 6.6666666667vw;
    letter-spacing : -0.2em;
    color : #55930f;
    line-height : 1.4;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph2 {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 1.46;
    letter-spacing : 0.02em;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph2 span {
    font-weight : bold;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list {
    font-size : 3.4666666667vw;
    margin-bottom : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li {
    position : relative;
    padding-left : 6.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-list > li::before {
    content : "";
    background-image : url("/common/img/carbon-free/demand-response/dr_icon-01.png");
    background-size : cover;
    background-repeat : no-repeat;
    width : 4.2666666667vw;
    height : 3.2vw;
    position : absolute;
    top : 1.3333333333vw;
    left : 0;
    display : inline-block;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-paragraph3 {
    margin-bottom : 0;
    font-size : 3.4666666667vw;
    line-height : 1.46;
    text-align : center;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-image {
    margin-bottom : 2.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox-body .p-dr-section2__box5-item-paragraph2 {
    margin-bottom : 1.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox-inner--1 {
    display : flex;
    justify-content : space-between;
    margin-top : 4vw;
    margin-bottom : 4vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-buttonbox-inner--2 .p-dr-section2__box5-item-paragraph3 {
    margin-bottom : 2.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenbox {
    background-color : #eef4e7;
    border : 1px solid #55930f;
    border-radius : 0.8vw;
    padding : 2.1333333333vw 4vw;
    width : 28.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-greenboxwrapper {
    display : flex;
    justify-content : space-between;
    margin-bottom : 5.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-linkbox:first-child {
    margin-bottom : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-link {
    width : 57.3333333333vw;
    height : 12vw;
    font-size : 4vw;
    padding : 4vw 0;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more {
    background-color : #f1f1f1;
    border-radius : 2vw;
    margin-top : 8vw;
    padding : 6.6666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-label {
    position : relative;
    display : block;
    min-width : 14.2666666667vw;
    width : -webkit-fit-content;
    width : -moz-fit-content;
    width : fit-content;
    text-align : center;
    height : 5.6vw;
    color : #fff;
    font-size : 3.2vw;
    font-weight : bold;
    line-height : 5.3333333333vw;
    border-radius : 1.3333333333vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/case_texture.png");
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-paragrah {
    font-size : 3.4666666667vw;
    line-height : 1.46;
    margin-bottom : 1.0666666667vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-paragrah--indent {
    text-indent : -1em;
    padding-left : 1em;
    margin-bottom : 0;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-textbox {
    margin-bottom : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-title {
    font-size : 3.7333333333vw;
    font-weight : bold;
    margin-bottom : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left {
    margin-bottom : 8vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-left .p-dr-section2__box5-item-more-image {
    margin-bottom : 5.3333333333vw;
  }
  .p-dr-section2__box5 .p-dr-section2__box5-item-more-2columbox-title {
    font-size : 3.7333333333vw;
    font-weight : bold;
  }

  .p-dr-section2__box6 {
    margin-top : 8vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dt {
    font-size : 4.5333333333vw;
    font-weight : bold;
    text-align : center;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl1 > dd {
    margin-top : 4.2666666667vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-ol > li + li {
    margin-top : 6.6666666667vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 {
    position : relative;
    padding-top : 8.5333333333vw;
    height : 100%;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt {
    position : absolute;
    top : 0;
    left : 50%;
    width : 16.8vw;
    height : 16.8vw;
    background-color : #55930f;
    display : flex;
    flex-direction : column;
    align-items : center;
    justify-content : center;
    color : #fff;
    font-size : 2.9333333333vw;
    line-height : 1;
    border-radius : 2.1333333333vw;
    transform : translateX(-50%);
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dt span {
    font-size : 8.8vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl2 > dd {
    display : flex;
    flex-direction : column;
    align-items : center;
    height : 100%;
    padding : 13.6vw 6.6666666667vw 6.6666666667vw;
    background-color : #f1f1f1;
    border-radius : 2.1333333333vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-title2 {
    font-size : 5.0666666667vw;
    font-weight : bold;
    text-align : center;
    letter-spacing : 0.02em;
    line-height : 1.39;
    color : #55930f;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-paragraph {
    margin-top : 1.6vw;
    font-size : 3.7333333333vw;
    line-height : 1.89;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-image {
    margin-top : 1.6vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-other {
    margin-top : 6.6666666667vw;
    padding : 4vw 7.4666666667vw 5.3333333333vw;
    background-color : #f1f1f1;
    border-radius : 2.1333333333vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dt {
    margin-bottom : 3.2vw;
    font-size : 5.0666666667vw;
    font-weight : bold;
    letter-spacing : 0.02em;
    color : #55930f;
    text-align : center;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dd {
    display : flex;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4 > dd::before {
    content : "・";
    display : block;
    font-size : 3.7333333333vw;
    margin-right : 1.6vw;
  }
  .p-dr-section2__box6 .p-dr-section2__box6-dl4-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    letter-spacing : 0.04em;
    line-height : 1.89;
  }

  .p-dr-section2__box7 {
    margin-top : 7.2vw;
    padding : 6.6666666667vw;
    border-radius : 2.1333333333vw;
    background-color : #eef4e7;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text {
    width : 100%;
    margin-top : 8vw;
    padding : 2.6666666667vw 4vw;
    background-color : #55930f;
    border-radius : 1.3333333333vw;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph {
    margin-bottom : 0;
    font-size : 3.7333333333vw;
    color : #fff;
    line-height : 1.64;
    letter-spacing : -0.02em;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph span {
    font-size : 4.5333333333vw;
    font-weight : bold;
    letter-spacing : 0.02em;
  }
  .p-dr-section2__box7 .p-dr-section2__box7-text-paragraph sup {
    font-size : 2.1333333333vw;
  }
}
@media screen and (min-width: 768px), print {
  .p-dr-footer {
    padding-top : 220px;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% 200px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg4.png");
  }
  .p-dr-footer__bg {
    position : absolute;
    top : 0;
    left : 50%;
    bottom : 0;
    transform : translateX(-50%);
    width : 100%;
    min-width : 1920px;
    pointer-events : none;
  }
  .p-dr-footer__bg:before {
    position : absolute;
    bottom : -227px;
    right : 0;
    display : block;
    content : "";
    width : 1031px;
    height : 926px;
    background-position : left top;
    background-size : contain;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-04_pc.png");
  }
  .p-dr-footer__bg:after {
    position : absolute;
    bottom : -31px;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 171px;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-05_pc.png");
  }
  .p-dr-footer__container {
    position : relative;
    margin : 0 auto;
    padding : 0 50px;
    padding-bottom : 270px;
    width : 100%;
    max-width : 1300px;
    text-align : center;
  }
  .p-dr-footer__section {
    border-radius : 10px;
    padding : 50px;
    text-align : center;
    background-color : #fff;
  }
  .p-dr-footer__heading {
    position : relative;
    display : inline-block;
    margin-bottom : 45px;
    font-family : "senobi";
    font-size : 56px;
    font-weight : bold;
    letter-spacing : -17px;
    line-height : 1;
  }
  .p-dr-footer__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-dr-footer__paragraph {
    margin-bottom : 25px;
    font-size : 18px;
    line-height : 35px;
    letter-spacing : 0.04em;
  }
  .p-dr-footer__box {
    width : 100%;
    display : table;
    table-layout : fixed;
  }
  .p-dr-footer__box-left {
    padding-right : 10px;
    display : table-cell;
  }
  .p-dr-footer__box-right {
    padding-left : 10px;
    display : table-cell;
  }
  .p-dr-footer__list-dl > dt {
    margin-bottom : 10px;
    display : inline-block;
    font-family : "senobi";
    font-size : 30px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-dr-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-dr-footer__paragraph2 {
    font-family : "senobi";
    font-size : 24px;
    font-weight : bold;
    letter-spacing : -5px;
    line-height : 1;
  }
  .p-dr-footer__link {
    position : relative;
    display : block;
    width : 100%;
    max-width : 460px;
    margin : 0 auto;
    height : 84px;
    color : #fff;
    font-size : 24px;
    font-weight : bold;
    line-height : 84px;
    border-radius : 10px;
    background-position : center;
    background-size : 50px 50px;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-dr-footer__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 20px;
    display : block;
    width : 12px;
    height : 20px;
    content : "";
    background-position : center;
    background-size : 12px 20px;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-right2.png");
  }
  .p-dr-footer__link:hover, .p-dr-footer__link:focus {
    text-decoration : none;
    color : #fff;
    opacity : 0.6;
  }
  .p-dr-footer__link:focus {
    box-shadow : 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
  }
}
@media screen and (max-width: 767.98px) {
  .p-dr-footer {
    margin-top : 18.6666666667vw;
    padding-top : 10.6666666667vw;
    padding-bottom : 40vw;
    position : relative;
    background-color : #eef6e5;
    background-position : top center;
    background-size : 100% auto;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_bg4_sp.png");
  }
  .p-dr-footer__bg {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-dr-footer__bg:before {
    position : absolute;
    top : -40.2666666667vw;
    right : 0;
    display : block;
    content : "";
    width : 39.2vw;
    height : 73.0666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-04_sp.png");
  }
  .p-dr-footer__bg:after {
    position : absolute;
    bottom : 0;
    right : 0;
    display : block;
    content : "";
    width : 48vw;
    height : 77.0666666667vw;
    background-position : left top;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/demand-response/dr_bg-05_sp.png");
  }
  .p-dr-footer__bg2 {
    position : absolute;
    top : 0;
    left : 0;
    bottom : 0;
    right : 0;
    width : 100%;
    pointer-events : none;
  }
  .p-dr-footer__bg2:before {
    position : absolute;
    bottom : 0;
    left : 0;
    display : block;
    content : "";
    width : 100%;
    height : 21.8666666667vw;
    background-position : left bottom;
    background-size : 100% auto;
    background-repeat : repeat-x;
    background-image : url("/common/img/carbon-free/creation_bg-image6_sp.png");
  }
  .p-dr-footer__container {
    margin-top : 21.8666666667vw;
    padding : 0 8vw;
    text-align : center;
  }
  .p-dr-footer__section {
    position : relative;
    z-index : 1;
    border-radius : 2.6666666667vw;
    padding : 6.6666666667vw 6.6666666667vw 10.6666666667vw 6.6666666667vw;
    text-align : left;
    background-color : #fff;
  }
  .p-dr-footer__heading {
    position : relative;
    display : block;
    margin-bottom : 4vw;
    font-family : "senobi";
    font-size : 6.9333333333vw;
    font-weight : bold;
    letter-spacing : -2.1333333333vw;
    line-height : 10.1333333333vw;
    text-align : center;
  }
  .p-dr-footer__heading > span {
    display : inline-block;
    background : linear-gradient(transparent 90%, #eaff00 90%);
  }
  .p-dr-footer__paragraph {
    margin-bottom : 4.5333333333vw;
    font-size : 3.7333333333vw;
    line-height : 7.4666666667vw;
  }
  .p-dr-footer__box {
    text-align : center;
  }
  .p-dr-footer__box-left {
    margin-bottom : 4vw;
  }
  .p-dr-footer__list-dl > dt {
    margin-bottom : 1.3333333333vw;
    display : inline-block;
    font-family : "senobi";
    font-size : 4.8vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-dr-footer__list-dl > dt > span {
    display : inline-block;
    background : linear-gradient(transparent 75%, #eaff00 75%);
  }
  .p-dr-footer__paragraph2 {
    margin-bottom : 2.6666666667vw;
    font-family : "senobi";
    font-size : 3.7333333333vw;
    font-weight : bold;
    letter-spacing : -0.8vw;
    line-height : 1;
  }
  .p-dr-footer__link {
    position : relative;
    display : block;
    width : 100%;
    height : 12vw;
    color : #fff;
    font-size : 4vw;
    font-weight : bold;
    line-height : 12vw;
    background-position : center;
    background-size : 13.3333333333vw 13.3333333333vw;
    background-repeat : repeat;
    background-image : url("/common/img/carbon-free/creation_texture.png");
  }
  .p-dr-footer__link:after {
    position : absolute;
    top : 50%;
    transform : translateY(-50%);
    right : 4vw;
    display : block;
    width : 1.6vw;
    height : 2.6666666667vw;
    content : "";
    background-position : center;
    background-size : contain;
    background-repeat : no-repeat;
    background-image : url("/common/img/carbon-free/creation_icon-arrow-right2.png");
  }
}
.layout {
  position : fixed;
  opacity : 0.5;
  z-index : 999;
}

.layout, .layout2 {
  display : none;
}

.slick-track {
  display : flex;
}

.slick-slide {
  height : auto !important;
}

.c-banner-box {
  margin : auto;
  margin-top : 60px;
  text-align : center;
}

.c-banner-box img {
  max-width : 960px;
  width : 100%;
}

.c-banner-box a:hover {
  opacity : 0.6;
}

.c-banner-box a:focus img {
  box-shadow : 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  opacity : 0.6;
}

@media screen and (max-width: 767px) {
  .c-banner-box {
    margin : 30px auto 60px;
    max-width : calc(630 * 100vw / 750);
    width : 100%;
    text-align : center;
    position : relative;
    z-index : 3;
  }
}


/* フォーカス処理 */
.m-carbon-free-detail-link2:focus {
  text-decoration : none;
  color : #56950f;
  opacity : 0.6;
}
.l-contents--top .p-top-case-study__list .slick-slide:focus,
.slick-slid .p-top-case-study__list-item .slick-slide:focus-visible,
.m-carbon-free-case-study__list .slick-slide:focus,
.m-carbon-free-case-study__list .slick-slide:focus-visible {
  outline: 0 !important;
}

.l-contents--top .p-top-case-study__list .slick-slide:focus,
.m-carbon-free-nav__list-item .js-LocalNavigationMore:focus-visible,
.p-creation-section4__accordion-button:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.p-creation-section__link2:focus-visible,
.p-dr-section:focus-visible {
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
}
/* フォーカス処理ここまで */

/* 別タブリンク設定 ここから*/
.p-link--blank a[target=_blank] {
  color : #55930f;
  font-weight : bold;
  position : relative;
  text-decoration : underline;
}
.p-link--blank a[target=_blank]:after {
  background-image : url("/common/img/carbon-free/more/reduced-emissions/icon_blank.png");
  background-size : 20px 15px;
  content : "";
  height : 15px;
  width : 20px;
  position : absolute;
  right : -25px;
  top : 50%;
  transform : translateY(-50%);
}
.p-link--blank {
  font-size: 16px;
  line-height : 2;
  position : relative;
}
@media screen and (max-width: 767px) {
  .p-link--blank a[target=_blank]:after {
    right: -25px;
    top: 80%;
  }
  .p-link--blank {
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
}
/* 別タブリンク設定　ここまで */

/* リスト設定　ここから */
.p-case-list li {
padding-left: 18px;
font-size: 16px;
margin: 0 auto 10px;
position: relative;
line-height: 32px;
}
.p-case-list__item--square:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 0;
  width: 13px;
  height: 13px;
  background: #333;
}
@media screen and (max-width: 767px) {
  .p-case-list li {
    padding-left: 25px;
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
  .p-case-list__item--square:before {
    top: 14px;
    width: 16px;
    height: 16px;
  }
}
.p-case-list02 {
  list-style-type: disc;
  padding-left: 1.5em;
  margin: 0;
  font-size: 16px;
}
.p-case-list03 {
  list-style-position: inside;
  text-align: center;
  margin: 0 auto 1.5em;
  padding: 0;
}
.p-case-list03 > .p-case-list__item--disc::before {
  content: "●";
  display: inline-block;
  margin-right: 1.5em;
  font-size: 6px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
.p-case-list03 > .p-case-list__item--disc::before {
  font-size: 8px;
  }
}
.p-case-list__item--disc {
  margin-bottom: 0.5em;
}
.p-case-list02 > .p-case-list__item--disc {
  display: list-item;
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .p-case-list02 {
    padding-left: 1em;
    font-size: 3.4666666667vw;
    font-feature-settings: "palt";
  }
}
/* リスト設定　ここまで */

/*20250605 NEWアイコン設定*/
.p-mv__title .p-saving-solution-hero__heading {
  display: block;
}
.p-mv__title--newIcon {
  color: #fff;
  border-radius: 8px;
  padding: 0.4em 0.7em 0.3em;
  background: #f00;
  font-weight: bold;
  font-size: 20px;
  /* width: 65px; */
  display: inline-block;
  letter-spacing: -3px;
  vertical-align: middle;
  line-height: 16px;
  margin-left: -4em;
}
@media screen and (max-width: 767px) {
  .p-mv__title--newIcon {
    font-size: 12px;
    padding: 0.2em 0.5em 0.1em;
    border-radius: 4px;
    width: auto;
  }
}
/*Rアイコン設定*/
.p-mv__title--icon01 {
  font-size: 0.5em;
  margin-left: 5px;
}

/*お客さまの声調整20250612*/
.p-case__voiceWrap .p-case-contents__commentbox-left--line2 > .p-case-contents__commentbox-name {
  bottom: -20px;
}

/*リード文36pxに指定*/
.p-saving-solution-hero__lead {
  margin-bottom : 60px;
  font-size : 36px;
  line-height : 45px;
  text-align : center;
  font-weight : bold;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-hero__lead {
      margin-bottom: 7.69vw;
      font-size: 4.61vw;
      line-height: 6.5vw;
      text-align: center;
      font-weight: bold;
  }
}

.p-creation-section5__annotation {
  font-size: 14px;
}
/*20250704追加　*/
.p-case__borderbox--green {
  border-radius: 8px;
  border: 2px solid #5B9A10;
  padding: 16px;
}
.p-case__text01--green {
  color: #5B9A10;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 18px solid transparent;
  border-left: 18px solid transparent;
  border-top: 10px solid #5b9a10;
  border-bottom: 0;
}
.triangle02 {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 36px 20px 36px;
  border-color: transparent transparent #5B9A10 transparent;
  transform: rotate(180deg);
}
.p-case-contents__examplebox-title02 {
  color: #333;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.p-case-contents__bg-white {
  background: #fff;
  border-radius: 10px;
  padding: 30px 40px;
}
.p-bg-greenBox {
  border-radius: 20px;
  background: #EEF4E7;
  padding: 42px 50px;
}
.p-exampleBox-img .p-case-contents__examplebox-body {
  padding : 30px;
  width: 50%;
}
.p-bg-greenBox .p-case-contents__examplebox-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}
.p-case-contents__bg-white {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.p-bg-greenBox .p-case-contents__examplebox-body:first-child {
  margin-right: 42px;
}
.p-case__title01 {
  font-size: 26px;
  margin-top: 26px;
  text-align: center;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-48 {
  margin-bottom: 48px;
}
.mt-18 {
  margin-top: 18px !important;
}
.mt-70 {
  margin-top: 70px;
}
.p-img--xs {
  width: 52%;
}
.p-case__center-box {
  margin: 0 auto;
  text-align: left;
  max-width: 430px;
  width: 100%;
}
.p-text02 {
  font-size: 26px;
  line-height: 38px;
  color: #fff;
  background-color: #55930f;
  border-radius: 10px;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
}
.p-text--green {
  color: #5b9a10;
}
@media screen and (max-width: 767px) {
  .p-bg-greenBox {
    padding: 4vw;
    border-radius: 2vw;
  }
  .p-bg-greenBox .p-case-contents__examplebox-body:first-child {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .p-exampleBox-img .p-case-contents__examplebox-body {
    padding: 4vw;
    width: 100%;
  }
  .p-case-contents__bg-white {
    padding: 20px;
  }
  .p-case-contents__examplebox-title02 {
    font-size: 4vw;
  }
  .p-case__borderbox--green {
    padding: 10px;
  }
  .p-case__text01--green {
    font-size: 3.6vw;
  }
  .triangle {
    border-right: 14px solid transparent;
    border-left: 14px solid transparent;
    border-top: 6px solid #5b9a10;
  }
  .triangle02 {
    border-width: 0 28px 12px 28px;
  }
  .p-case__title01 {
    font-size: 4vw;
    margin-top: 8.1vw;
  }
  .p-case__center-box {
    max-width: initial;
  }
  .p-text02 {
    font-size: 0.9em;
    padding: 5px;
  }
}

/* よくあるご質問 20251010 */
.p-saving-solution-faq {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 1px solid #5B9A10;
}
.p-saving-solution-faq__item {
  padding: 30px 0;
  border-bottom: 1px solid #5B9A10;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__item {
    padding: 15px 0;
  }
}
.p-saving-solution-faq__heading {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 2;
  display: flex;
  gap: 30px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__heading {
    font-size: 16px;
    line-height: 1.8;
    gap: 10px;
  }
}
.p-saving-solution-faq__heading:focus-visible {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  outline: none;
}
.p-saving-solution-faq__heading::before {
  content: 'Q';
  font-family: "senobi";
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  display: flex;
  flex-shrink: 0;
  width: 50px;
  height: 50px;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: #5B9A10;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__heading::before {
    font-size: 20px;
    width: 30px;
    height: 30px;
  }
}
.p-saving-solution-faq__heading span {
  text-align: left;
  padding: 5px 0;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__heading span {
    padding: 2px 0;
  }
}
.p-saving-solution-faq__icon {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin: 10px 0 0 auto;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__icon {
    width: 20px;
    height: 20px;
    margin: 6px 0 0 auto;
  }
}
.p-saving-solution-faq__icon::after,
.p-saving-solution-faq__icon::before {
  background: #5B9A10;
  bottom: 0;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  transition: .2s;
}
.p-saving-solution-faq__icon::before {
  height: 3px;
  width: 30px;
}
@media screen and (max-width: 767px) {
.p-saving-solution-faq__icon::before {
  width: 20px;
}
}
.p-saving-solution-faq__icon::after {
  height: 30px;
  width: 3px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__icon::after {
    height: 20px;
  }
}
.p-saving-solution-faq__heading.open .p-saving-solution-faq__icon::after {
  height: 0;
}
.p-saving-solution-faq__inner {
  padding: 10px 60px 10px 80px;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__inner {
    padding: 10px 0 10px 40px;
  }
}
.p-saving-solution-faq__box {
  padding: 20px;
  border-radius: 10px;
  background: #EEF4E7;
}
@media screen and (max-width: 767px) {
  .p-saving-solution-faq__box {
    padding: 15px;
    border-radius: 8px;
  }
}
.p-saving-solution-faq__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
  margin: 0;
}



/* solution-search-modal用CSS */

/* モーダル開くボタン（固定配置） */
  .p-saving-search-modal__btn:hover {
    opacity: .6;
  }
  .p-saving-search-modal__btn:focus-visible {
    box-shadow: 0 0 0 0.2rem rgba(85, 147, 15, 0.5);
    text-decoration: none;
    color: #fff;
    opacity: 0.6;
  }

@media screen and (min-width: 768px) {
  .p-saving-search-modal__text-wrap {
    display: flex;
    align-items: center;
  }

  .p-saving-search-modal__btn {
    position: fixed;
    left: 20px;
    bottom: 0;
    z-index: 999;
    border: none;
    border: 2px solid #EAFF00;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
    transition: 0.2s ease;
    text-decoration: none;
    display: inline-block;
  }

  .p-saving-search-modal__btn-text {
    background: #5B9A10;
    display: block;
    padding: 15px 16px 15px 10px;
    color: #fff;
    font-size: 14px;
  }

  .p-saving-search-modal__icon {
    padding: 15px 13px;
    background: #EAFF00;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-saving-search-modal__text-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EAFF00;
    padding-top: 4vw;
    padding-bottom: 4vw;
    gap: 6px;
  }

  .p-saving-search-modal__btn {

  }

  .p-saving-search-modal__btn-text {
    color: #5B9A10;
    font-weight: bold;
    font-size: 3vw;
  }

  .p-saving-search-modal__icon {

  }

}


/* おすすめ結果を見るボタンのスタイル */
.p-saving-footer__searchbox-button {
  font-size: 16px;
}
.p-saving-footer__searchbox-button-wrap {
  position: relative;
  text-align: center;
  margin: 46px auto 0;
  border-bottom: 1px solid #5B9A10;
  width: fit-content;
  padding: 7px 17px 7px 0;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease, opacity 0.3s ease;
}
.p-saving-footer__searchbox-button-wrap::before {
  content : "";
  position : absolute;
  right : 0;
  top : 45%;
  width : 9px;
  height : 9px;
  border-top : 3px solid #5B9A10;
  border-left : 3px solid #5B9A10;
  pointer-events : none;
  transform : translateY(-50%) rotate(-135deg);
}
@media screen and (max-width: 767px) {
  .p-saving-footer__searchbox-button {
    font-size: 14px;
  }
  .p-saving-footer__searchbox-button-wrap {
    margin: 25px auto 0;
  }
}

/* モーダル内 */
.lity {
  z-index: 10001;
}
.lity-close,
.lity-close:hover,
.lity-close:focus-visible {
  width: 40px;
  height: 40px;
  border: none;
  background: url('/common/img/carbon-free/btn_modal_close.svg') no-repeat center center;
  background-size: contain;
  cursor: pointer;
  text-indent: -9999px;
}
.lity-close {
  position: absolute;
  top: -15px;
  right: -15px;
  
}
.lity-close:hover,
.lity-close:focus-visible {
  opacity: .7;
  text-shadow: none;
}
@media screen and (max-width: 767px) {
  .lity-container {
    width: 90%;
  }
  
}

/* フローティングボタン３つ btn-3set*/
 .p-saving-solution-floating.btn-3set {
  
 }
 @media screen and (max-width: 767px) {
  .p-saving-solution-floating.btn-3set .p-saving-solution-button{
    width: 35%;
    right: 45%;
    left: auto;
  }
  .p-saving-solution-floating.btn-3set .p-saving-solution-download {
    width: 45%;
  }
  .p-saving-solution-floating.btn-3set .p-saving-solution-search {
    width: 20%;
  }
  .p-saving-solution-floating.btn-3set .p-saving-solution-button__link:before {
    left: 4.3vw;
  }
}
/* フローティングボタン２つ btn-2set*/
 .p-saving-solution-floating.btn-2set {
  
 }
 @media screen and (max-width: 767px) {
  .p-saving-solution-floating.btn-2set .p-saving-solution-button{
    width: 50%;
    right: 0;
    left: auto;
  }

  .p-saving-solution-floating.btn-2set .p-saving-solution-search {
    width: 50%;
  }
  .p-saving-solution-floating.btn-2set .p-saving-solution-button__link:before {
    left: 11vw;
  }
}
/* フローティングボタン1つ btn-1set*/
 .p-saving-solution-floating.btn-1set {
  
 }
 @media screen and (max-width: 767px) {
  .p-saving-solution-floating.btn-1set .p-saving-solution-search {
    width: 100%;
  }

}

/* スマホでは非表示 */
@media screen and (max-width: 767px) {
  .p-saving--pc-only {
    display: none;
  }
}


/*新着情報*/

.new-arrival {
  margin: 0 auto;
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  .new-arrival {
    width: 92%;
  }
}
.new-arrival-title {
  padding-left: 10px;
  margin-bottom: 40px;
}
.new-arrival-title h2 {
  font-size: 26px;
}

.new-arrival-list {
  border-top: 1px solid #D3D3D3;
}
.new-arrival-list__item {
  gap: 27px;
  padding: 21px 0;
  border-bottom: 1px solid #D3D3D3;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .new-arrival-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    gap: 10px;
  }
}
.new-arrival-list__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.new-arrival-list__date {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: 98px;
  font-size: 16px;
}
.new-arrival-list__category,
.new-arrival-list__category--press {
  display: block;
  width: 120px;
  border-radius: 5px;
  font-size: 13px;
  text-align: center;
  font-weight: bold;

}
.new-arrival-list__category {
  border: 1px solid #5B9A10;
  color: #5B9A10;
}
.new-arrival-list__category--press {
  background: #5B9A10;
  color: #fff;
}
.new-arrival-list__headline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
.new-arrival-list__text {
  font-size: 16px;
  color: #333;
}
.new-arrival-list__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #55930F;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset:3px;
}
.new-arrival-list__title:hover {
  color: #55930F;
  text-decoration: none;
}

.new_icon,
.new_icon03 {
  position: relative;
}
.new_icon:before{
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('/common/img/carbon-free/new_icon.png') no-repeat center bottom;
  background-size: contain;
  position: absolute;
  left: 0;
  border-radius: 10px 0 0 0;
}
.new_icon02:before{
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('/common/img/carbon-free/new_icon.png') no-repeat center bottom;
  background-size: contain;
  position: absolute;
  left: 0;
}
.new_icon03:before{
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url('/common/img/carbon-free/new_icon.png') no-repeat center bottom;
  background-size: contain;
  position: absolute;
  left: 0;
  border-radius: 10px 0 0 0;
}
.new_icon04:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(/common/img/carbon-free/new_icon.png) no-repeat center bottom;
  background-size: contain;
  position: absolute;
  left: 11px;
  border-radius: 10px 0 0 0;
}

@media screen and (max-width: 767px) {
  .new_icon:before{
    width: 33px;
    height: 33px;
  }
  .new_icon02:before{
    width: 33px;
    height: 33px;
    border-radius: 10px 0 0 0;
  }
  .new_icon03:before{
    width: 33px;
    height: 33px;
    left: 0;
  }
  .new_icon04:before{
    width: 33px;
    height: 33px;
    left: 0px;
  }
}