/* energy-page-u96-section-info-pwrsaving */
.energy-page-u96-section-info-pwrsaving {
  text-align: center;
  min-width: 990px;
  background-color: #ffffff;
  padding: 30px 0;
  position: relative;
  color: #333333;
  font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.energy-page-u96-section-info-pwrsaving-title {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.energy-page-u96-section-info-pwrsaving-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-top: 20px;
}

.energy-page-u96-section-info-pwrsaving-link {
  min-width: 300px;
}

.energy-page-u96-section-info-pwrsaving-link a {
  display: block;
  padding: 14px 8px 13px 8px;
  border: 1px solid #c1c6cc;
  border-radius: 50px;
  background-color: #fff;
  color: #333333;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  text-decoration: none;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
}

.energy-page-u96-section-info-pwrsaving-link a:hover {
  padding: 13px 8px 12px 8px;
  border: 2px solid #6197d6;
  text-decoration: none;
  opacity: .7;
}

.energy-page-u96-section-info-pwrsaving-link + .energy-page-u96-section-info-pwrsaving-link {
  margin-left: 20px;
}

/* energy-page-u96-page */
.energy-page-u96-page-mt5 {
  margin-top: 5px;
}

.energy-page-u96-page-width1em {
  display: inline-block;
  width: 1em;
  text-indent: 0;
}

.energy-page-u96-page-width1-5em {
  display: inline-block;
  width: 1.5em;
  text-indent: 0;
}

.energy-page-u96-page-bg-lightyellow {
  background-color: #fbf9e2;
}

.energy-page-u96-page-layout-col2-service, .energy-page-u96-page-layout-col1-service, .energy-page-u96-page-layout-col2-recommend, .energy-page-u96-page-layout-col2-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 40px;
}

.energy-page-u96-page-layout-col1-service {
	margin-top: 10px;
}

.energy-page-u96-page-layout-col2-service_item {
  width: 470px;
  padding-top: 45px;
  padding-bottom: 25px;
  background-color: #fff;
}

.energy-page-u96-page-layout-col1-service_item {
  width: 950px;
  padding-top: 45px;
  padding-bottom: 25px;
  background-color: #fff;
}

.energy-page-u96-page-image-container-service {
  width: 410px;
  margin-left: auto;
  margin-right: auto;
}

.energy-page-u96-page-layout-col1-service_item .energy-page-u96-page-image-container-service {
  position: relative;
  width: 890px;
}

.energy-page-u96-page-layout-col1-service_item .energy-page-u96-page-image-container-service .energy-page-u96-page-list-button {
	position: absolute;
    margin: 0;
	right: 87px;
	bottom: 15px;
}

.energy-page-u96-page-layout-col1-service_item .energy-page-u96-page-image-container-service .energy-page-u96-page-list-button .energy-page-u96-page-list-button_item {
    display: block;
    margin: 0 0 20px;
}

.energy-page-u96-page-layout-col1-service_item .energy-page-u96-list-note-02 {
	margin: 30px auto 10px;
    width: 500px;
}

.energy-page-u96-page-image-container-service_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-u96-page-list-button {
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: center;
  letter-spacing: -0.4em;
}

.energy-page-u96-page-list-button_item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 10px;
}

.energy-page-u96-page-button-01,
.energy-page-u96-page-button-02 {
  display: inline-block;
  padding: 12px 17px 10px 17px;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
  font-size: 100%;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: normal;
  box-sizing: border-box;
  min-width: 195px;
}

.energy-page-u96-page-button-01:hover, .energy-page-u96-page-button-01:active, .energy-page-u96-page-button-01:focus,
.energy-page-u96-page-button-02:hover,
.energy-page-u96-page-button-02:active,
.energy-page-u96-page-button-02:focus {
  padding: 11px 16px 9px 16px;
  border: 2px solid;
  text-decoration: none;
}

.energy-page-u96-page-button-01 + .energy-page-u96-page-button-01,
.energy-page-u96-page-button-02 + .energy-page-u96-page-button-01, .energy-page-u96-page-button-01 +
.energy-page-u96-page-button-02,
.energy-page-u96-page-button-02 +
.energy-page-u96-page-button-02 {
  margin-left: 20px;
}

.energy-page-u96-page-button-01 {
  border-color: #4788ee;
  background-color: #4788ee;
  color: #fff;
}

.energy-page-u96-page-button-01:hover, .energy-page-u96-page-button-01:active, .energy-page-u96-page-button-01:focus {
  border-color: #6197d6;
  background-color: #6197d6;
  color: #fff;
}

.energy-page-u96-page-button-02 {
  border-color: #c1c6cc;
  background-color: #fff;
  color: #006699;
}

.energy-page-u96-page-button-02:hover, .energy-page-u96-page-button-02:active, .energy-page-u96-page-button-02:focus {
  border-color: #6197d6;
}

.energy-page-u96-page-layout-col2-recommend_item {
  width: 100%;
  max-width: 635px;
  background-color: #fff;
  margin-left: 10px;
  box-sizing: border-box;
}

.energy-page-u96-page-layout-col2-recommend_item:first-child {
  margin-left: 0;
}

.energy-page-u96-page-box-image-recommend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.energy-page-u96-page-box-image-recommend_inner {
  width: 50%;
  box-sizing: border-box;
  padding: 28px 30px;
}

.energy-page-u96-page-box-image-recommend_title {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.8;
}

.energy-page-u96-page-box-image-recommend_text {
  margin-bottom: 25px;
}

.energy-page-u96-page-image-container-recommend {
  width: 50%;
}

.energy-page-u96-page-image-container-recommend_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-u96-page-layout-col2-support_item {
  width: 100%;
  max-width: 620px;
  background-color: #fff;
  margin-left: 40px;
}

.energy-page-u96-page-layout-col2-support_item:first-child {
  margin-left: 0;
}

.energy-page-u96-page-box-image-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.energy-page-u96-page-box-image-support_inner {
  padding: 30px 35px;
}

.energy-page-u96-page-box-image-support_title {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.8;
}

.energy-page-u96-page-box-image-support_text {
  margin-bottom: 25px;
}

.energy-page-u96-page-image-container-support {
  width: 155px;
  margin-left: 18px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.energy-page-u96-page-image-container-support_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-u96-page-button-large {
  display: inline-block;
  padding: 12px 17px 10px 17px;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
  font-size: 100%;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: normal;
  box-sizing: border-box;
  min-width: 240px;
  border-color: #c1c6cc;
  background-color: #fff;
  color: #069;
  margin-top: 40px;
}

.energy-page-u96-page-button-large:hover, .energy-page-u96-page-button-large:active, .energy-page-u96-page-button-large:focus {
  padding: 11px 16px 9px 16px;
  border: 2px solid #6197d6;
  text-decoration: none;
}

.energy-page-u96-page-button-large_text {
  margin-right: 6px;
}

[lang='en'] .energy-page-u96-page-layout-col2-service {
  margin-bottom: 18px;
}

[lang='en'] .energy-page-u96-page-image-container-service {
  width: 253px;
  margin-bottom: 26px;
}

[lang='en'] .energy-page-u96-page-service-text {
  font-size: 100%;
  line-height: 1.75;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 30px;
  margin-right: 30px;
}

[lang='en'] .energy-page-u96-page-service-note {
  font-size: 93.75%;
  line-height: 1.53333;
  text-align: left;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-left: 30px;
  margin-right: 30px;
}

[lang='en'] .energy-page-u96-page-list-button {
  margin-top: 32px;
}

.energy-page-u96-section-info-energy {
  text-align: center;
  min-width: 990px;
  background-color:#fff;
  padding: 10px 0;
  position: relative;
  color: red;
  font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold
}

.energy-page-u96-section-info-energy_text {
  color: red;
  margin-bottom: 10px
}

.energy-page-u96-section-info-energy_list {
  width: 700px;
  margin: 0 auto;
}

.energy-page-u96-section-info-energy_list li {
  position: relative;
  list-style: none;
  margin-right: 17px;
  color: red
}

.energy-page-u96-section-info-energy_list li:last-child {
  margin-right: 0
}

.energy-page-u96-section-info-energy_list li a {
  display: block;
  padding: 20px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  color: red;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.4;
  border: 2px solid red;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.energy-page-u96-section-info-energy_list li a:hover {
  opacity: 0.6
}

.energy-page-u96-section-info-energy_list li a::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid red;
  border-right: 2px solid red;
  display: inline-block;
  margin-left: 14px;
  vertical-align: 2px;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
}

.energy-page-u96-section-info-energy_list li a span {
  text-decoration: underline;
  font-weight: bold;
}

/* 税注記 */
.energy-page-u96-section-inner {
  width: 950px;
  margin: auto;
}

.energy-page-u96-sec-tax-note-box .energy-page-u96-sec-tax-note {
    text-align: right;
    color: #000000;
    font-size: 14px;
    padding: 35px 0 0;
}

.energy-page-u96-attention-box{
  border: solid 3px red;
  font-weight: 700;
  padding: 0 10px 10px;
  color: red;
  box-sizing: border-box;
  margin: 0 30px;
}

.energy_area_special_text{
  color: #ff0000;
  text-decoration: underline;
  font-weight: 700;
}

/*英語版暫定対応要　旧CSS*/
/* section-info-pwrsaving */
.section-info-pwrsaving {
  text-align: center;
  min-width: 990px;
  background-color: #ffffff;
  padding: 30px 0;
  position: relative;
  color: #000102;
  font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.section-info-pwrsaving-title {
  margin-top: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}

.section-info-pwrsaving-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  margin-top: 20px;
}

.section-info-pwrsaving-link {
  min-width: 300px;
}

.section-info-pwrsaving-link a {
  display: block;
  padding: 14px 8px 13px 8px;
  border: 1px solid #c1c6cc;
  border-radius: 3px;
  background-color: #fff;
  color: #006699;
  text-align: center;
  font-weight: bold;
  box-sizing: border-box;
  text-decoration: none;
}

.section-info-pwrsaving-link a:hover {
  padding: 13px 8px 12px 8px;
  border: 2px solid #6197d6;
  text-decoration: none;
}

.section-info-pwrsaving-link + .section-info-pwrsaving-link {
  margin-left: 20px;
}

/* energy-page */
.energy-page-mt5 {
  margin-top: 5px;
}

.energy-page-width1em {
  display: inline-block;
  width: 1em;
  text-indent: 0;
}

.energy-page-width1-5em {
  display: inline-block;
  width: 1.5em;
  text-indent: 0;
}

.energy-page-bg-lightyellow {
  background-color: #fbf9e2;
}

.energy-page-layout-col2-service, .energy-page-layout-col1-service, .energy-page-layout-col2-recommend, .energy-page-layout-col2-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 40px;
}

.energy-page-layout-col1-service {
	margin-top: 10px;
}

.energy-page-layout-col2-service_item {
  width: 470px;
  padding-top: 45px;
  padding-bottom: 25px;
  background-color: #fff;
}

.energy-page-layout-col1-service_item {
  width: 950px;
  padding-top: 45px;
  padding-bottom: 25px;
  background-color: #fff;
}

.energy-page-image-container-service {
  width: 410px;
  margin-left: auto;
  margin-right: auto;
}

.energy-page-image-container-service__fullwidth {
  margin-left: auto;
  margin-right: auto;
}

.paypaycard-button-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}

.paypaycard-button {
    font-size: 14px;
    background: #ffffff;
    color: #2b2b2b !important;
    width: 350px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    border: 2px solid #2b2b2b !important;
    border-radius: 30px;
    padding: 19px 60px 17px;
    text-decoration: none;
    position: relative;
}

.energy-page-layout-col1-service_item .energy-page-image-container-service {
  position: relative;
  width: 890px;
}

.energy-page-layout-col1-service_item .energy-page-image-container-service .energy-page-list-button {
	position: absolute;
    margin: 0;
	right: 87px;
	bottom: 15px;
}

.energy-page-layout-col1-service_item .energy-page-image-container-service .energy-page-list-button .energy-page-list-button_item {
    display: block;
    margin: 0 0 20px;
}

.energy-page-layout-col1-service_item .list-note-02 {
	margin: 30px auto 10px;
    width: 500px;
}

.energy-page-image-container-service_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-list-button {
  margin-top: 30px;
  margin-bottom: 25px;
  text-align: center;
  letter-spacing: -0.4em;
}

.energy-page-list-button_item {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin: 0 10px;
}

.energy-page-button-01,
.energy-page-button-02 {
  display: inline-block;
  padding: 12px 17px 10px 17px;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
  font-size: 100%;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: normal;
  box-sizing: border-box;
  min-width: 195px;
}

.energy-page-button-01:hover, .energy-page-button-01:active, .energy-page-button-01:focus,
.energy-page-button-02:hover,
.energy-page-button-02:active,
.energy-page-button-02:focus {
  padding: 11px 16px 9px 16px;
  border: 2px solid;
  text-decoration: none;
}

.energy-page-button-01 + .energy-page-button-01,
.energy-page-button-02 + .energy-page-button-01, .energy-page-button-01 +
.energy-page-button-02,
.energy-page-button-02 +
.energy-page-button-02 {
  margin-left: 20px;
}

.energy-page-button-01 {
  border-color: #4788ee;
  background-color: #4788ee;
  color: #fff;
}

.energy-page-button-01:hover, .energy-page-button-01:active, .energy-page-button-01:focus {
  border-color: #6197d6;
  background-color: #6197d6;
  color: #fff;
}

.energy-page-button-02 {
  border-color: #c1c6cc;
  background-color: #fff;
  color: #006699;
}

.energy-page-button-02:hover, .energy-page-button-02:active, .energy-page-button-02:focus {
  border-color: #6197d6;
}

.energy-page-layout-col2-recommend_item {
  width: 100%;
  max-width: 635px;
  background-color: #fff;
  margin-left: 10px;
  box-sizing: border-box;
}

.energy-page-layout-col2-recommend_item:first-child {
  margin-left: 0;
}

.energy-page-box-image-recommend {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
}

.energy-page-box-image-recommend_inner {
  width: 50%;
  box-sizing: border-box;
  padding: 28px 30px;
}

.energy-page-box-image-recommend_title {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.8;
}

.energy-page-box-image-recommend_text {
  margin-bottom: 25px;
}

.energy-page-image-container-recommend {
  width: 50%;
}

.energy-page-image-container-recommend_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-layout-col2-support_item {
  width: 100%;
  max-width: 620px;
  background-color: #fff;
  margin-left: 40px;
}

.energy-page-layout-col2-support_item:first-child {
  margin-left: 0;
}

.energy-page-box-image-support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.energy-page-box-image-support_inner {
  padding: 30px 35px;
}

.energy-page-box-image-support_title {
  font-size: 125%;
  font-weight: bold;
  line-height: 1.8;
}

.energy-page-box-image-support_text {
  margin-bottom: 25px;
}

.energy-page-image-container-support {
  width: 155px;
  margin-left: 18px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}

.energy-page-image-container-support_image {
  display: block;
  width: 100%;
  height: auto;
}

.energy-page-button-large {
  display: inline-block;
  padding: 12px 17px 10px 17px;
  border: 1px solid;
  border-radius: 4px;
  text-align: center;
  font-size: 100%;
  line-height: 1.25;
  font-weight: bold;
  letter-spacing: normal;
  box-sizing: border-box;
  min-width: 240px;
  border-color: #c1c6cc;
  background-color: #fff;
  color: #069;
  margin-top: 40px;
}

.energy-page-button-large:hover, .energy-page-button-large:active, .energy-page-button-large:focus {
  padding: 11px 16px 9px 16px;
  border: 2px solid #6197d6;
  text-decoration: none;
}

.energy-page-button-large_text {
  margin-right: 6px;
}

[lang='en'] .energy-page-layout-col2-service {
  margin-bottom: 18px;
}

[lang='en'] .energy-page-image-container-service {
  width: 253px;
  margin-bottom: 26px;
}

[lang='en'] .energy-page-service-text {
  font-size: 100%;
  line-height: 1.75;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 30px;
  margin-right: 30px;
}

[lang='en'] .energy-page-service-note {
  font-size: 93.75%;
  line-height: 1.53333;
  text-align: left;
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-left: 30px;
  margin-right: 30px;
}

[lang='en'] .energy-page-list-button {
  margin-top: 32px;
}

.section-info-energy {
  text-align: center;
  min-width: 990px;
  background-color:#fff;
  padding: 10px 0;
  position: relative;
  color: red;
  font-family: Meiryo, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', system-ui, sans-serif;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold
}

.section-info-energy_text {
  color: red;
  margin-bottom: 10px
}

.section-info-energy_list {
  width: 700px;
  margin: 0 auto;
}

.section-info-energy_list li {
  position: relative;
  list-style: none;
  margin-right: 17px;
  color: red
}

.section-info-energy_list li:last-child {
  margin-right: 0
}

.section-info-energy_list li a {
  display: block;
  padding: 20px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
  color: red;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
  line-height: 1.4;
  border: 2px solid red;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out
}

.section-info-energy_list li a:hover {
  opacity: 0.6
}

.section-info-energy_list li a::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 2px solid red;
  border-right: 2px solid red;
  display: inline-block;
  margin-left: 14px;
  vertical-align: 2px;
  position: absolute;
  top: calc(50% - 4px);
  right: 20px;
}

.section-info-energy_list li a span {
  text-decoration: underline;
  font-weight: bold;
}

/* 税注記 */
.energy-section-inner {
  width: 950px;
  margin: auto;
}

.energy-sec-tax-note-box .energy-sec-tax-note {
    text-align: right;
    color: #000000;
    font-size: 14px;
    padding: 35px 0 0;
}

.attention-box{
  border: solid 3px red;
  font-weight: 700;
  padding: 0 10px 10px;
  color: red;
  box-sizing: border-box;
  margin: 0 30px;
}

.energy_area_special_text{
  color: #ff0000;
  text-decoration: underline;
  font-weight: 700;
}