.service .mv {
  background-position: center;
  background-size: cover;
  background-image: url(../img/mv-bg_sp.webp)
}

@media screen and (min-width: 768px), print {
  .service .mv {
    background-image: url(../img/mv-bg.webp)
  }
}

.service .mv-inner {
  width: 100%;
  padding: calc((135/750)*100vw) 0 calc((110/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .mv-inner {
    margin: auto;
    width: min(calc((1000/1040)*100vw), 1000px);
    padding: min(calc((66/1040)*100vw), 66px) 0 min(calc((60/1040)*100vw), 60px)
  }
}

.service .mv-inner-ttl {
  line-height: 1;
  text-align: center;
  letter-spacing: .2em;
  font-size: calc((46/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .mv-inner-ttl {
    font-size: min(calc((36/1040)*100vw), 36px)
  }
}

.service .mv-inner-subTtl {
  line-height: 1;
  text-align: center;
  font-size: calc((25/750)*100vw);
  margin-top: calc((20/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .mv-inner-subTtl {
    font-size: min(calc((15/1040)*100vw), 15px);
    margin-top: min(calc((18/1040)*100vw), 18px)
  }
}

.service .breadcrumb-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .breadcrumb-list {
    width: min(calc((1000/1040)*100vw), 1000px)
  }
}

.service .breadcrumb-list li {
  color: #666666;
  letter-spacing: 0.05em;
  margin: calc((10/750)*100vw) 0;
  font-size: calc((28/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .breadcrumb-list li {
    font-size: 14px;
    margin: min(calc((13/1040)*100vw), 13px) 0
  }
}

.service .breadcrumb-list li a {
  color: #666666
}

.service .breadcrumb-list li a:after {
  content: ">";
  display: inline-block;
  margin: 0 calc((20/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .breadcrumb-list li a:after {
    margin: 0 min(calc((6/1040)*100vw), 6px)
  }
}

.service .sec {
  padding: calc((78/750)*100vw) 0 calc((200/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .sec {
    padding: min(calc((38/1040)*100vw), 38px) 0 min(calc((124/1040)*100vw), 124px)
  }
}

.service .sec-inner .txt {
  text-align: center;
  line-height: 1.75;
  font-size: calc((34/750)*100vw);
  margin-bottom: calc((108/750)*100vw);
  letter-spacing: 0.2em
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .txt {
    line-height: 1.55;
    letter-spacing: 0.05em;
    font-size: min(calc((20/1040)*100vw), 20px);
    margin-bottom: min(calc((45/1040)*100vw), 45px)
  }
}

.service .sec-inner .serviceList {
  margin: auto;
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList {
    width: min(calc((1000/1040)*100vw), 1000px)
  }
}

.service .sec-inner .serviceList-item {
  margin: auto;
  margin-bottom: calc((60/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .service .sec-inner .serviceList-item {
    border-bottom: solid 1px #E4E4E4
  }
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item {
    margin-bottom: min(calc((38/1040)*100vw), 38px)
  }
}

.service .sec-inner .serviceList-item:last-child {
  margin-bottom: 0
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item:nth-child(2) .s-link .dtl {
    padding: min(calc((7/1040)*100vw), 7px) 0 min(calc((7/1040)*100vw), 7px) min(calc((5/1040)*100vw), 5px)
  }
}

.service .sec-inner .serviceList-item .s-link {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.service .sec-inner .serviceList-item .s-link .ic {
  width: calc((150/750)*100vw);
  box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05)
}

@media screen and (max-width: 767px), print {
  .service .sec-inner .serviceList-item .s-link .ic {
    height: calc((150/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item .s-link .ic {
    box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
    width: min(calc((150/1040)*100vw), 150px)
  }
}

.service .sec-inner .serviceList-item .s-link .dtl {
  position: relative;
  width: calc((500/750)*100vw);
  padding: calc((35/750)*100vw) 0 calc((31/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item .s-link .dtl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    border-top: solid 1px #E4E4E4;
    border-bottom: solid 1px #E4E4E4;
    width: min(calc((820/1040)*100vw), 820px);
    padding: min(calc((20/1040)*100vw), 20px) 0 min(calc((20/1040)*100vw), 20px) min(calc((5/1040)*100vw), 5px)
  }
}

.service .sec-inner .serviceList-item .s-link .dtl::before {
  content: ""
}

@media screen and (max-width: 767px), print {
  .service .sec-inner .serviceList-item .s-link .dtl::before {
    display: block;
    position: absolute;
    background-color: #E4E4E4;
    height: 1px;
    top: 0;
    width: calc((500/750)*100vw)
  }
}

.service .sec-inner .serviceList-item .s-link .dtl-ttl {
  color: #18C8A5;
  font-size: calc((31.2/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item .s-link .dtl-ttl {
    width: 100%;
    line-height: 1.55;
    font-size: min(calc((22/1040)*100vw), 22px)
  }
}

.service .sec-inner .serviceList-item .s-link .dtl-list li {
  position: relative;
  line-height: 2.07143;
  font-size: calc((28/750)*100vw);
  padding-left: calc((40/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .service .sec-inner .serviceList-item .s-link .dtl-list li {
    padding-right: calc((20/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .service .sec-inner .serviceList-item .s-link .dtl-list li {
    line-height: 1.55556;
    letter-spacing: 0.05em;
    font-size: min(calc((18/1040)*100vw), 18px);
    padding-left: min(calc((18/1040)*100vw), 18px);
    margin-bottom: min(calc((5/1040)*100vw), 5px)
  }
}

.service .sec-inner .serviceList-item .s-link .dtl-list li:before {
  content: "・";
  position: absolute;
  left: 0
}

.ppa .mv {
  padding: calc((130/750)*100vw) 0 calc((110/750)*100vw);
  background: url(../img/service/ppa/mv_img_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .ppa .mv {
    padding: min(calc((110/1040)*100vw), 110px) 0 min(calc((80/1040)*100vw), 80px);
    background-image: url(../img/service/ppa/mv_img_01_pc.jpg)
  }
}

.ppa .mv-box {
  width: calc((686/750)*100vw);
  height: calc((413/750)*100vw);
  margin: 0 auto;
  position: relative
}

@media screen and (min-width: 768px), print {
  .ppa .mv-box {
    width: min(calc((878/1040)*100vw), 878px);
    height: min(calc((309/1040)*100vw), 309px)
  }
}

.ppa .mv-bg {
  width: 100%;
  height: 100%;
  background: url(../img/service/ppa/mv_img_02_sp.png) center center no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .mv-bg {
    background-image: url(../img/service/ppa/mv_img_02_pc.png)
  }
}

/**PPAページのタイトルを他ページと合わせるために無効化⇨単独LP化の場合は復活**/
/**
.ppa .mv-heading {
  font-size: calc((32/750)*100vw);
  font-weight: bold;
  line-height: 2;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  position: absolute;
  top: calc((60/750)*100vw);
  left: 0;
  right: 0;
  margin: auto
}

@media screen and (min-width: 768px), print {
  .ppa .mv-heading {
    font-size: min(calc((28/1040)*100vw), 28px);
    letter-spacing: 0.2em;
    line-height: 1.8;
    top: min(calc((60/1040)*100vw), 60px)
  }
}

.ppa .mv-heading span {
  font-size: calc((44/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .mv-heading span {
    font-size: min(calc((48/1040)*100vw), 48px)
  }
}**/

.ppa .mv-en {
  font-size: calc((20/750)*100vw);
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  padding-top: calc((33/750)*100vw);
  border-top: 1px solid #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc((30/750)*100vw);
  margin: auto
}

@media screen and (min-width: 768px), print {
  .ppa .mv-en {
    font-size: min(calc((16/1040)*100vw), 16px);
    letter-spacing: 0.1em;
    padding-top: min(calc((20/1040)*100vw), 20px);
    bottom: min(calc((25/1040)*100vw), 25px)
  }
}

.ppa .mv-btn {
  margin: calc((104/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .ppa .mv-btn {
    margin-top: min(calc((61/1040)*100vw), 61px)
  }
}

.ppa .mv-btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc((523/750)*100vw);
  height: calc((102/750)*100vw);
  background-color: #18c8a5;
  font-size: calc((30/750)*100vw);
  letter-spacing: 0.1em;
  color: #fff;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .mv-btn a {
    width: min(calc((327/1040)*100vw), 327px);
    height: min(calc((64/1040)*100vw), 64px);
    font-size: min(calc((18/1040)*100vw), 18px);
    text-shadow: 0px 0px 9px rgba(0, 0, 0, 0.4);
    background: none;
    background-image: linear-gradient(90deg, #12d8b1 0%, #1cefc5 100%);
    box-shadow: 0px 0px 16px 0px rgba(0, 128, 180, 0.7)
  }
}

.ppa .sec01 {
  padding: calc((140/750)*100vw) 0 calc((80/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec01 {
    padding: min(calc((120/1040)*100vw), 120px) 0 min(calc((90/1040)*100vw), 90px)
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec01 .c-heading {
    letter-spacing: 0.12em
  }
}

.ppa .sec01-img {
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec01-img {
    width: min(calc((796/1040)*100vw), 796px)
  }
}

.ppa .sec02 {
  padding: calc((80/750)*100vw) 0 calc((90/750)*100vw);
  background: url(../img/service/ppa/sec02_bg_01_sp.jpg) center center no-repeat;
  background-size: cover;
  color: #fff
}

@media screen and (min-width: 768px), print {
  .ppa .sec02 {
    padding: min(calc((75/1040)*100vw), 75px) 0 min(calc((80/1040)*100vw), 80px);
    background-image: url(../img/service/ppa/sec02_bg_01_pc.jpg)
  }
}

.ppa .sec02 .c-heading {
  padding-top: calc((85/750)*100vw);
  padding-left: 1em;
  letter-spacing: 0.15em
}

@media screen and (min-width: 768px), print {
  .ppa .sec02 .c-heading {
    padding-top: min(calc((85/1040)*100vw), 85px)
  }
}

.ppa .sec02 .c-heading:before {
  content: "";
  display: block;
  width: calc((64/750)*100vw);
  height: calc((64/750)*100vw);
  background: url(../img/service/ppa/sec02_icon_01_sp.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec02 .c-heading:before {
    width: min(calc((64/1040)*100vw), 64px);
    height: min(calc((64/1040)*100vw), 64px);
    background-image: url(../img/service/ppa/sec02_icon_01_pc.svg)
  }
}

.ppa .sec02-list {
  margin: 0 auto
}

.ppa .sec02-list li {
  font-size: calc((28/750)*100vw);
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0.15em;
  padding-top: calc((20/750)*100vw);
  padding-left: calc((130/750)*100vw);
  padding-bottom: calc((20/750)*100vw);
  border-top: 1px solid #fff;
  position: relative
}

@media screen and (min-width: 768px), print {
  .ppa .sec02-list li {
    font-size: min(calc((24/1040)*100vw), 24px);
    text-align: center;
    padding-top: 0.5em;
    padding-left: 0;
    padding-bottom: 0.5em;
    border-top: none
  }
}

.ppa .sec02-list li:before {
  content: "";
  display: block;
  width: calc((29/750)*100vw);
  height: calc((21/750)*100vw);
  background: url(../img/service/ppa/sec02_icon_02_sp.svg) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: calc((80/750)*100vw);
  bottom: 0;
  margin: auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec02-list li:before {
    display: inline-block;
    width: min(calc((29/1040)*100vw), 29px);
    height: min(calc((21/1040)*100vw), 21px);
    background-image: url(../img/service/ppa/sec02_icon_02_pc.svg);
    position: relative;
    left: 0;
    margin-right: 1em
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec02-list li:nth-child(1) {
    border-top: none
  }
}

.ppa .sec03 {
  padding: calc((120/750)*100vw) 0 calc((60/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03 {
    padding: min(calc((150/1040)*100vw), 150px) 0 min(calc((70/1040)*100vw), 70px)
  }
}

.ppa .sec03 .c-headingArea {
  margin-bottom: calc((80/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03 .c-headingArea {
    margin-bottom: min(calc((60/1040)*100vw), 60px)
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec03 .c-subttl {
    margin-top: 1.5em
  }
}

.ppa .sec03-img01 {
  margin: 0 auto
}

.ppa .sec03 .sec03-img01+.c-headingArea {
  margin-top: calc((80/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03 .sec03-img01+.c-headingArea {
    margin-top: min(calc((80/1040)*100vw), 80px)
  }
}

.ppa .sec03 .sec03-img01+.c-headingArea span {
  font-size: calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03 .sec03-img01+.c-headingArea span {
    font-size: min(calc((54/1040)*100vw), 54px)
  }
}

.ppa .sec03-heading {
  font-size: calc((48/750)*100vw);
  font-weight: bold;
  text-align: center;
  color: #18c8a5;
  letter-spacing: 0.05em;
  margin: calc((80/750)*100vw) auto calc((10/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-heading {
    font-size: min(calc((48/1040)*100vw), 48px);
    line-height: 1.75;
    margin-top: min(calc((80/1040)*100vw), 80px);
    margin-bottom: min(calc((10/1040)*100vw), 10px)
  }
}

.ppa .sec03-subheading {
  font-size: calc((26/750)*100vw);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  margin: 0 auto calc((70/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-subheading {
    font-size: min(calc((20/1040)*100vw), 20px);
    line-height: 1.75;
    margin-bottom: min(calc((40/1040)*100vw), 40px)
  }
}

.ppa .sec03-img02 {
  margin: 0 auto
}

.ppa .sec03-tabArea-outer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100vh;
  padding: calc((120/750)*100vw) calc((40/750)*100vw);
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s;
  background-color: rgba(0, 0, 0, 0.5)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-outer {
    padding: 0
  }
}

.ppa .sec03-tabArea-outer.active {
  z-index: 10000;
  opacity: 1
}

.ppa .sec03-tabArea-openBtn {
  text-align: center;
  font-weight: bold;
  margin: calc((80/750)*100vw) auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-openBtn {
    margin: min(calc((100/1040)*100vw), 100px) auto
  }
}

.ppa .sec03-tabArea-openBtn a {
  display: block;
  width: 80%;
  color: #18c8a5;
  padding: calc((20/750)*100vw) calc((40/750)*100vw);
  border: calc((4/750)*100vw) solid #18c8a5;
  position: relative;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-openBtn a {
    width: min(calc((460/1040)*100vw), 460px);
    font-size: min(calc((20/1040)*100vw), 20px);
    border-width: min(calc((4/1040)*100vw), 4px);
    padding: min(calc((20/1040)*100vw), 20px) 0
  }
}

.ppa .sec03-tabArea-openBtn a:after {
  display: block;
  content: "＋";
  font-size: 120%;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: calc((20/750)*100vw);
  transform: translateY(-50%)
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-openBtn a:after {
    right: min(calc((20/1040)*100vw), 20px)
  }
}

.ppa .sec03-tabArea-closeBtn {
  text-align: center
}

.ppa .sec03-tabArea-closeBtn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc((300/750)*100vw);
  height: calc((80/750)*100vw);
  font-size: calc((34/750)*100vw);
  line-height: 1;
  font-weight: bold;
  color: #fff;
  border-radius: calc((40/750)*100vw);
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-closeBtn a {
    width: min(calc((130/1040)*100vw), 130px);
    height: min(calc((48/1040)*100vw), 48px);
    font-size: min(calc((16/1040)*100vw), 16px);
    border-radius: min(calc((24/1040)*100vw), 24px)
  }
}

.ppa .sec03-tabArea-heading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc((98/750)*100vw);
  font-size: calc((34/750)*100vw);
  font-weight: bold;
  color: #fff;
  background-color: #18c8a5;
  margin: 0 auto
}

@media screen and (max-width: 767px) {
  .ppa .sec03-tabArea-inner {
    background-color: #f2f2f2;
    padding: calc((60/750)*100vw) 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.ppa .sec03-tabArea-txt {
  font-size: calc((28/750)*100vw);
  font-weight: bold;
  text-align: center;
  margin: 0 auto calc((60/750)*100vw)
}

.ppa .sec03-tabArea-menu {
  width: calc((610/750)*100vw);
  margin: calc((23/750)*100vw) auto 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-menu {
    width: min(calc((747*0.9/1040)*100vw), calc(747px*0.9));
    margin: 0 auto calc((-26/1040)*100vw)
  }
}

@media screen and (min-width: 1040px) {
  .ppa .sec03-tabArea-menu {
    margin-bottom: -26px
  }
}

.ppa .sec03-tabArea-menu a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc((193/750)*100vw);
  height: calc((122/750)*100vw);
  border: calc((4/750)*100vw) solid #18c8a5;
  border-radius: calc((10/750)*100vw);
  background-color: #fff;
  color: #18c8a5;
  font-size: calc((26/750)*100vw);
  font-weight: bold;
  line-height: 1.4;
  text-align: center
}

@media screen and (max-width: 767px) {
  .ppa .sec03-tabArea-menu a {
    -ms-flex-align: center;
    align-items: center
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-menu a {
    width: min(calc((244*0.9/1040)*100vw), calc(244px*0.9));
    height: min(calc((75/1040)*100vw), 75px);
    border-width: 2px;
    border-radius: min(calc((10/1040)*100vw), 10px);
    font-size: min(calc((18/1040)*100vw), 18px);
    padding-top: 0.8em
  }
}

.ppa .sec03-tabArea-menu a.active {
  color: #fff;
  background-color: #18c8a5;
  position: relative
}

@media screen and (max-width: 767px) {
  .ppa .sec03-tabArea-menu a.active:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 calc((19/750)*100vw) calc((18/750)*100vw) calc((19/750)*100vw);
    border-color: transparent transparent #18c8a5 transparent;
    position: absolute;
    top: calc((-18/750)*100vw);
    left: 0;
    right: 0;
    margin: auto
  }
}

.ppa .sec03-tabArea-content {
  width: calc((649/750)*100vw);
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-content {
    width: min(calc((763*0.9/1040)*100vw), calc(763px*0.9))
  }
}

.ppa .sec03-tabArea-content .tab-pane {
  width: 100%;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .ppa .sec03-tabArea-content .tab-pane {
    width: min(calc((763*0.9/1040)*100vw), calc(763px*0.9))
  }
}

.ppa .sec03-tabArea .slick-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto
}

.ppa .sec03-tabArea .slick-dots li {
  height: calc((30/750)*100vw);
  margin: 0 calc((10/750)*100vw)
}

.ppa .sec03-tabArea .slick-dots button {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  padding: 0;
  font-size: 0;
  width: calc((26/750)*100vw);
  height: calc((26/750)*100vw);
  border: calc((2/750)*100vw) solid #18c8a5;
  background-color: #fff;
  border-radius: 50%
}

.ppa .sec03-tabArea .slick-dots .slick-active button {
  background-color: #18c8a5
}

.ppa .sec04 {
  background: url(../img/service/ppa/sec04_bg_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .ppa .sec04 {
    padding: min(calc((25/1040)*100vw), 25px) 0;
    background-image: url(../img/service/ppa/sec04_bg_01_pc.jpg)
  }
}

.ppa .sec04-inner {
  margin: auto;
  background-size: cover;
  width: 100%;
  height: calc((1660/750)*100vw);
  background-image: url(../img/service/ppa/sec04_boxBg_sp.png);
  padding: calc((148/750)*100vw) 0
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-inner {
    padding: min(calc((104/1040)*100vw), 104px) 0;
    background-image: url(../img/service/ppa/sec04_boxBg_pc.png);
    width: min(calc((988/1040)*100vw), 988px);
    height: min(calc((977/1040)*100vw), 977px)
  }
}

.ppa .sec04-inner-ttl {
  line-height: 1;
  color: #fff;
  text-shadow: 1px 1px 9px #2a93de;
  text-align: center;
  font-size: calc((52/750)*100vw);
  letter-spacing: 0.12em
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-inner-ttl {
    letter-spacing: 0.17em;
    font-size: min(calc((48/1040)*100vw), 48px)
  }
}

.ppa .sec04-inner-ttl span {
  position: relative;
  display: inline-block;
  font-size: calc((28/750)*100vw);
  margin-bottom: calc((24/750)*100vw);
  letter-spacing: 0.1em
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-inner-ttl span {
    letter-spacing: 0.17em;
    margin-bottom: min(calc((18/1040)*100vw), 18px);
    font-size: min(calc((24/1040)*100vw), 24px)
  }
}

.ppa .sec04-inner-tpTxt {
  margin: calc((-4/750)*100vw) auto 0;
  width: calc((133/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-inner-tpTxt {
    margin: min(calc((4/1040)*100vw), 4px) auto 0;
    width: min(calc((104/1040)*100vw), 104px)
  }
}

.ppa .sec04-strList {
  padding: 0;
  position: relative;
  margin: auto;
  padding: calc((56/750)*100vw) 0 0;
  margin: calc((35/750)*100vw) auto 0;
  width: calc((618/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList {
    padding: min(calc((55/1040)*100vw), 55px) 0 0;
    margin: min(calc((28/1040)*100vw), 28px) auto 0;
    width: min(calc((828/1040)*100vw), 828px)
  }
}

.ppa .sec04-strList li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: calc((85/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li {
    padding-left: min(calc((92/1040)*100vw), 92px);
    margin-bottom: min(calc((12/1040)*100vw), 12px)
  }
}

.ppa .sec04-strList li:nth-child(2) {
  margin-bottom: calc((65/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(2) {
    padding-left: min(calc((82/1040)*100vw), 82px);
    margin-bottom: min(calc((32/1040)*100vw), 32px)
  }
}

.ppa .sec04-strList li:nth-child(2) .sec04-strList-num {
  width: calc((84/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(2) .sec04-strList-num {
    margin-right: calc((14/750)*100vw);
    margin-left: calc((-8/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(2) .sec04-strList-num {
    width: min(calc((57/1040)*100vw), 57px);
    margin-right: min(calc((12/1040)*100vw), 12px)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(2) .sec04-strList-txt {
    line-height: 1.8;
    letter-spacing: 0.12em;
    font-size: min(calc((20/1040)*100vw), 20px)
  }
}

.ppa .sec04-strList li:nth-child(3) {
  margin-bottom: calc((65/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(3) {
    padding-left: min(calc((82/1040)*100vw), 82px);
    margin-bottom: min(calc((41/1040)*100vw), 41px)
  }
}

.ppa .sec04-strList li:nth-child(3) .sec04-strList-num {
  width: calc((102/750)*100vw);
  margin-right: calc((17/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(3) .sec04-strList-num {
    margin-left: calc((-10/750)*100vw)
  }
}

.ppa .sec04-strList li:nth-child(3) .sec04-strList-txt {
  line-height: 1.42857
}

.ppa .sec04-strList li:nth-child(3) .sec04-strList-txt span {
  letter-spacing: 0.15em
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(3) .sec04-strList-txt span {
    line-height: 1.6;
    margin-left: calc((2/750)*100vw)
  }
}

.ppa .sec04-strList li:nth-child(4) {
  margin-bottom: calc((60/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(4) {
    padding-left: min(calc((82/1040)*100vw), 82px);
    margin-bottom: min(calc((42/1040)*100vw), 42px)
  }
}

.ppa .sec04-strList li:nth-child(4) .sec04-strList-num {
  width: calc((210/750)*100vw);
  margin-right: calc((17/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(4) .sec04-strList-num {
    margin-left: calc((-10/750)*100vw)
  }
}

.ppa .sec04-strList li:nth-child(4) .sec04-strList-txt {
  line-height: 1.6;
  letter-spacing: 0.12em
}

.ppa .sec04-strList li:nth-child(4) .sec04-strList-txt span {
  letter-spacing: 0.12em
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(4) .sec04-strList-txt span {
    margin-left: calc((2/750)*100vw);
    font-size: calc((36/750)*100vw);
    white-space: nowrap
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(5) {
    padding-left: min(calc((82/1040)*100vw), 82px);
    margin-bottom: min(calc((28/1040)*100vw), 28px)
  }
}

.ppa .sec04-strList li:nth-child(5) .sec04-strList-num {
  width: calc((140/750)*100vw);
  margin-right: calc((16/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(5) .sec04-strList-num {
    margin-left: calc((-10/750)*100vw)
  }
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(5) .sec04-strList-txt {
    line-height: 1.33333;
    letter-spacing: 0.12em
  }
}

.ppa .sec04-strList li:nth-child(5) .sec04-strList-txt span {
  letter-spacing: 0.2em
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList li:nth-child(5) .sec04-strList-txt span {
    line-height: 1.6;
    font-size: calc((36/750)*100vw);
    margin-left: calc((2/750)*100vw);
    white-space: nowrap
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(3) .sec04-strList-num, .ppa .sec04-strList li:nth-child(4) .sec04-strList-num, .ppa .sec04-strList li:nth-child(5) .sec04-strList-num {
    width: min(calc((56/1040)*100vw), 56px);
    margin-right: min(calc((12/1040)*100vw), 12px)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(3) .sec04-strList-txt, .ppa .sec04-strList li:nth-child(4) .sec04-strList-txt, .ppa .sec04-strList li:nth-child(5) .sec04-strList-txt {
    line-height: 1.71429;
    letter-spacing: 0.12em;
    font-size: min(calc((20/1040)*100vw), 20px)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList li:nth-child(3) .sec04-strList-txt span, .ppa .sec04-strList li:nth-child(4) .sec04-strList-txt span, .ppa .sec04-strList li:nth-child(5) .sec04-strList-txt span {
    letter-spacing: 0.12em
  }
}

.ppa .sec04-strList-num {
  width: calc((102/750)*100vw);
  margin-right: calc((25/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList-num {
    width: min(calc((43/1040)*100vw), 43px);
    margin-right: min(calc((16/1040)*100vw), 16px)
  }
}

.ppa .sec04-strList-txt {
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 9px #2a93de;
  font-size: calc((28/750)*100vw);
  letter-spacing: 0.1em;
  line-height: 1.73333
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList-txt {
    line-height: 1.8;
    letter-spacing: 0.07em;
    font-size: min(calc((20/1040)*100vw), 20px);
    margin-top: calc((-13/1500)*100vw)
  }
}

@media screen and (min-width: 1500px), print {
  .ppa .sec04-strList-txt {
    margin-top: -13px
  }
}

.ppa .sec04-strList-txt span {
  display: inline-block;
  position: relative;
  font-size: calc((40/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList-txt span {
    margin-left: calc((-5/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList-txt span {
    font-size: min(calc((30/1040)*100vw), 30px)
  }
}

.ppa .sec04-strList-txt span::before {
  content: "";
  display: block;
  background: linear-gradient(to right, #18c8a5, #91f44f);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: calc((8/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList-txt span::before {
    width: 100%;
    height: min(calc((8/1040)*100vw), 8px)
  }
}

.ppa .sec04-strList::before {
  content: "";
  display: block;
  background-color: #fff;
  margin: auto;
  position: absolute;
  top: 0;
  width: calc((608/750)*100vw);
  height: calc((6/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec04-strList::before {
    left: calc((10/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec04-strList::before {
    height: min(calc((6/1040)*100vw), 6px)
  }
}

.ppa .sec05 {
  padding: calc((110/750)*100vw) 0;
  background: url(../img/service/ppa/sec05_bg_01.png) center bottom 0 no-repeat;
  background-size: 200%;
  background-color: #f2f2f2
}

@media screen and (min-width: 768px), print {
  .ppa .sec05 {
    padding: min(calc((120/1040)*100vw), 120px) 0 min(calc((60/1040)*100vw), 60px);
    background-size: contain
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec05 .c-heading {
    font-size: calc((42/750)*100vw);
    line-height: 1.5
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05 .c-heading {
    line-height: 1.45
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec05 .c-subttl {
    font-size: calc((28/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05 .c-subttl {
    font-size: min(calc((24/1040)*100vw), 24px)
  }
}

.ppa .sec05-img {
  width: calc((726/750)*100vw);
  margin: calc((60/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-img {
    width: min(calc((949/1040)*100vw), 949px);
    margin-top: min(calc((40/1040)*100vw), 40px)
  }
}

.ppa .sec05-txt {
  font-size: calc((32/750)*100vw);
  font-weight: bold;
  line-height: 1.87;
  text-align: center;
  margin: calc((60/750)*100vw) auto 0;
  letter-spacing: 0.15em
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-txt {
    font-size: min(calc((30/1040)*100vw), 30px);
    margin-top: min(calc((30/1040)*100vw), 30px)
  }
}

.ppa .sec05-txt span {
  display: inline-block;
  position: relative
}

.ppa .sec05-txt span:after {
  content: "";
  display: block;
  width: 100%;
  height: calc((6/750)*100vw);
  background-image: linear-gradient(90deg, #18c8a5 0%, #91f44f 100%);
  position: absolute;
  bottom: calc((2/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-txt span:after {
    height: min(calc((6/1040)*100vw), 6px);
    bottom: min(calc((2/1040)*100vw), 2px)
  }
}

.ppa .sec05-puls {
  margin: calc((-31/1040)*100vw) auto 0;
  width: calc((61/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-puls {
    width: min(calc((40/1040)*100vw), 40px);
    margin-top: calc((-24/1040)*100vw)
  }
}

@media screen and (min-width: 1040px), print {
  .ppa .sec05-puls {
    margin-top: -24px
  }
}

.ppa .sec05-pulsDtl {
  width: calc((726/750)*100vw);
  margin: calc((0/750)*100vw) auto calc((30/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-pulsDtl {
    width: min(calc((910/1040)*100vw), 910px);
    margin: min(calc((27/1040)*100vw), 27px) auto min(calc((50/1040)*100vw), 50px)
  }
}

.ppa .sec05-pulsDtl-ttl {
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url(../img/service/ppa/sec05_puls_ttlbg_sp.png);
  background-size: cover;
  width: 100%;
  height: calc((163/750)*100vw);
  font-size: calc((28/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec05-pulsDtl-ttl {
    position: relative;
    z-index: 2;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-pulsDtl-ttl {
    background: url(../img/service/ppa/sec05_puls_ttlbg_pc.png);
    letter-spacing: -0.01em;
    width: min(calc((909/1040)*100vw), 909px);
    height: min(calc((67/1040)*100vw), 67px);
    font-size: min(calc((22/1040)*100vw), 22px)
  }
}

.ppa .sec05-pulsDtl-list {
  background-color: #fff;
  box-shadow: 0px calc((5/750)*100vw) calc((15/750)*100vw) 0px rgba(0, 0, 0, 0.05);
  padding: calc((10/750)*100vw) calc((35/750)*100vw) calc((22/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec05-pulsDtl-list {
    margin: calc((-15/750)*100vw) auto 0;
    width: calc((687/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-pulsDtl-list {
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.05);
    padding: min(calc((10/1040)*100vw), 10px) min(calc((20/1040)*100vw), 20px)
  }
}

.ppa .sec05-pulsDtl-list li {
  font-weight: bold;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 2px #f2f2f2;
  font-size: calc((28/750)*100vw);
  padding: calc((10/750)*100vw) 0 calc((10/750)*100vw) calc((0/750)*100vw);
  letter-spacing: 0.1em
}

@media screen and (max-width: 767px), print {
  .ppa .sec05-pulsDtl-list li {
    line-height: 1.78571
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-pulsDtl-list li {
    letter-spacing: 0.05em;
    font-size: min(calc((18/1040)*100vw), 18px);
    padding: min(calc((12/1040)*100vw), 12px) 0 min(calc((12/1040)*100vw), 12px) min(calc((142/1040)*100vw), 142px)
  }
}

.ppa .sec05-pulsDtl-list li::before {
  content: "";
  display: block;
  background: url(../img/service/ppa/sec05_ic_check.svg);
  background-size: cover;
  width: calc((29/750)*100vw);
  height: calc((21/750)*100vw);
  margin-right: calc((21/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-pulsDtl-list li::before {
    width: min(calc((29/1040)*100vw), 29px);
    height: min(calc((21/1040)*100vw), 21px);
    margin-right: min(calc((13/1040)*100vw), 13px)
  }
}

.ppa .sec05-pulsDtl-list li:last-child {
  border-bottom: none
}

.ppa .sec05-list {
  margin: calc((70/750)*100vw) auto 0;
  width: calc((645/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: min(calc((950/1040)*100vw), 950px);
    margin: min(calc((28/1040)*100vw), 28px) auto 0;
    position: relative
  }
}

.ppa .sec05-list .ppaEffect {
  background-size: cover;
  position: relative;
  background-image: url(../img/service/ppa/sec05_list_bg_sp.png);
  width: 100%;
  height: calc((414/750)*100vw);
  margin-bottom: calc((27/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect {
    background-image: url(../img/service/ppa/sec05_list_bg_pc.png);
    width: min(calc((463/1040)*100vw), 463px);
    height: min(calc((343/1040)*100vw), 343px);
    margin-bottom: min(calc((18/1040)*100vw), 18px)
  }
}

.ppa .sec05-list .ppaEffect:nth-child(1) .ppaEffect-num {
  left: calc((48/750)*100vw);
  top: calc((41/750)*100vw);
  width: calc((23/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect:nth-child(1) .ppaEffect-num {
    left: min(calc((40/1040)*100vw), 40px);
    top: min(calc((29/1040)*100vw), 29px);
    width: min(calc((17/1040)*100vw), 17px)
  }
}

@media screen and (max-width: 767px), print {
  .ppa .sec05-list .ppaEffect:nth-child(2) {
    background-image: url(../img/service/ppa/sec05_list02_bg_sp.png);
    height: calc((464/750)*100vw)
  }
}

.ppa .sec05-list .ppaEffect:nth-child(2) .ppaEffect-num {
  left: calc((42/750)*100vw);
  top: calc((35/750)*100vw);
  width: calc((47/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect:nth-child(2) .ppaEffect-num {
    left: min(calc((38/1040)*100vw), 38px);
    top: min(calc((32/1040)*100vw), 32px);
    width: min(calc((30/1040)*100vw), 30px)
  }
}

.ppa .sec05-list .ppaEffect:nth-child(3) .ppaEffect-num {
  left: calc((35/750)*100vw);
  top: calc((42/750)*100vw);
  width: calc((43/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect:nth-child(3) .ppaEffect-num {
    left: min(calc((32/1040)*100vw), 32px);
    top: min(calc((30/1040)*100vw), 30px);
    width: min(calc((32/1040)*100vw), 32px)
  }
}

.ppa .sec05-list .ppaEffect:nth-child(4) .ppaEffect-num {
  left: calc((40/750)*100vw);
  top: calc((40/750)*100vw);
  width: calc((40/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect:nth-child(4) .ppaEffect-num {
    left: min(calc((34/1040)*100vw), 34px);
    top: min(calc((29/1040)*100vw), 29px);
    width: min(calc((32/1040)*100vw), 32px)
  }
}

.ppa .sec05-list .ppaEffect-num {
  position: absolute;
  width: calc((35/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect-num {
    width: min(calc((17/1040)*100vw), 17px)
  }
}

.ppa .sec05-list .ppaEffect-ic {
  margin: auto;
  width: calc((125/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .ppa .sec05-list .ppaEffect-ic {
    position: relative;
    top: calc((-17/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect-ic {
    margin-top: calc((-7/1040)*100vw);
    width: min(calc((86/1040)*100vw), 86px)
  }
}

@media screen and (min-width: 1040px), print {
  .ppa .sec05-list .ppaEffect-ic {
    margin-top: -7px
  }
}

.ppa .sec05-list .ppaEffect-ttl {
  text-align: center;
  font-weight: bold;
  color: #18c8a5;
  line-height: 1;
  font-size: calc((38/750)*100vw);
  letter-spacing: 0.1em
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect-ttl {
    line-height: 1.53846;
    letter-spacing: 0.06em;
    font-size: min(calc((26/1040)*100vw), 26px);
    margin-top: min(calc((8/1040)*100vw), 8px)
  }
}

.ppa .sec05-list .ppaEffect-ttl::after {
  content: "";
  display: block;
  background-color: #18c8a5;
  margin: calc((39/750)*100vw) auto 0;
  width: calc((552/750)*100vw);
  height: calc((5/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect-ttl::after {
    width: min(calc((386/1040)*100vw), 386px);
    height: min(calc((4/1040)*100vw), 4px);
    margin-top: min(calc((20/1040)*100vw), 20px)
  }
}

.ppa .sec05-list .ppaEffect-txt {
  font-weight: bold;
  text-align: center;
  line-height: 1.71429;
  letter-spacing: 0.1em;
  font-size: calc((28/750)*100vw);
  margin-top: calc((33/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec05-list .ppaEffect-txt {
    line-height: 2.125;
    letter-spacing: 0.1em;
    font-size: min(calc((16/1040)*100vw), 16px);
    margin-top: min(calc((20/1040)*100vw), 20px)
  }
}

.ppa .sec06 {
  padding: calc((180/750)*100vw) 0 calc((95/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .ppa .sec06 {
    padding: min(calc((120/1040)*100vw), 120px) 0 min(calc((100/1040)*100vw), 100px)
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec06 .c-heading {
    font-size: calc((42/750)*100vw);
    line-height: 1.5
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec06 .c-heading {
    line-height: 1.45
  }
}

@media screen and (max-width: 767px) {
  .ppa .sec06 .c-subttl {
    font-size: calc((28/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .ppa .sec06 .c-subttl {
    font-size: min(calc((24/1040)*100vw), 24px)
  }
}

.ppa .sec06-img {
  width: calc((687/750)*100vw);
  margin: calc((60/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .ppa .sec06-img {
    width: min(calc((909/1040)*100vw), 909px);
    margin-top: min(calc((45/1040)*100vw), 45px);
    margin-top: min(calc((28/1040)*100vw), 28px)
  }
}

.re-certificates .breadcrumb-list, .re-aggregator .breadcrumb-list, .electricity_retail .breadcrumb-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .breadcrumb-list, .re-aggregator .breadcrumb-list, .electricity_retail .breadcrumb-list {
    width: min(calc((1000/1040)*100vw), 1000px)
  }
}

.re-certificates .breadcrumb-list li, .re-aggregator .breadcrumb-list li, .electricity_retail .breadcrumb-list li {
  color: #666666;
  letter-spacing: 0.05em;
  margin: calc((10/750)*100vw) 0;
  font-size: calc((28/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .breadcrumb-list li, .re-aggregator .breadcrumb-list li, .electricity_retail .breadcrumb-list li {
    font-size: 14px;
    margin: min(calc((13/1040)*100vw), 13px) 0
  }
}

.re-certificates .breadcrumb-list li a, .re-aggregator .breadcrumb-list li a, .electricity_retail .breadcrumb-list li a {
  color: #666666
}

.re-certificates .breadcrumb-list li a:after, .re-aggregator .breadcrumb-list li a:after, .electricity_retail .breadcrumb-list li a:after {
  content: ">";
  display: inline-block;
  margin: 0 calc((20/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .breadcrumb-list li a:after, .re-aggregator .breadcrumb-list li a:after, .electricity_retail .breadcrumb-list li a:after {
    margin: 0 min(calc((6/1040)*100vw), 6px)
  }
}

.re-certificates .mv, .re-aggregator .mv, .electricity_retail .mv {
  padding: calc((135/750)*100vw) 0 calc((90/750)*100vw);
  background: url(../img/service/common/mv_img_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .re-certificates .mv, .re-aggregator .mv, .electricity_retail .mv {
    padding: min(calc((110/1040)*100vw), 110px) 0 min(calc((120/1040)*100vw), 120px);
    background-image: url(../img/service/common/mv_img_01_pc.jpg)
  }
}

.re-certificates .mv-box, .re-aggregator .mv-box, .electricity_retail .mv-box {
  width: calc((686/750)*100vw);
  height: calc((413/750)*100vw);
  margin: 0 auto;
  position: relative
}

@media screen and (min-width: 768px), print {
  .re-certificates .mv-box, .re-aggregator .mv-box, .electricity_retail .mv-box {
    width: min(calc((878/1040)*100vw), 878px);
    height: min(calc((309/1040)*100vw), 309px)
  }
}

.re-certificates .mv-bg, .re-aggregator .mv-bg, .electricity_retail .mv-bg {
  width: 100%;
  height: 100%;
  background: url(../img/service/common/mv_img_02_sp.png) center center no-repeat;
  background-size: contain;
  mix-blend-mode: multiply;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .re-certificates .mv-bg, .re-aggregator .mv-bg, .electricity_retail .mv-bg {
    background-image: url(../img/service/common/mv_img_02_pc.png)
  }
}

.re-certificates .mv-heading, .re-aggregator .mv-heading, .ppa .mv-heading {
  font-weight: 400;
  font-size: calc((32/750)*100vw);
  line-height: 2.1;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  position: absolute;
  top: calc((64/750)*100vw);
  left: 0;
  right: 0;
  margin: auto;
  text-shadow: 1px 1px 9px #2a93de;
  letter-spacing: 0.25em
}

/*2023.9.22追加　電力小売のTOPメッセージ文字サイズ修正*/
.electricity_retail .mv-heading {
  font-weight: 400;
  font-size: calc((32/750)*90vw);
  line-height: 2.1;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  position: absolute;
  top: calc((64/750)*100vw);
  left: 0;
  right: 0;
  margin: auto;
  text-shadow: 1px 1px 9px #2a93de;
  letter-spacing: 0.25em
}

@media screen and (min-width: 768px), print {
  .re-certificates .mv-heading, .re-aggregator .mv-heading, .electricity_retail .mv-heading, .ppa .mv-heading {
    font-size: min(calc((24/1040)*100vw), 24px);
    letter-spacing: 0.2em;
    line-height: 2.2;
    top: min(calc((50/1040)*100vw), 50px)
  }
}

.re-certificates .mv-heading span, .re-aggregator .mv-heading span, .electricity_retail .mv-heading span, .ppa .mv-heading span {
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: calc((44/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .mv-heading span, .re-aggregator .mv-heading span, .electricity_retail .mv-heading span, .ppa .mv-heading span {
    letter-spacing: 0.15em;
    font-size: min(calc((48/1040)*100vw), 48px)
  }
}

.re-certificates .cvArea, .re-aggregator .cvArea, .electricity_retail .cvArea {
  padding: calc((30/750)*100vw) 0;
  background: url(../img/cvArea_bg_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea, .re-aggregator .cvArea, .electricity_retail .cvArea {
    padding: min(calc((5/1040)*100vw), 5px) 0;
    background-image: url(../img/cvArea_bg_01_pc.jpg)
  }
}

.re-certificates .cvArea-box, .re-aggregator .cvArea-box, .electricity_retail .cvArea-box {
  width: calc((737/750)*100vw);
  height: calc((436/750)*100vw);
  margin: 0 auto;
  position: relative
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea-box, .re-aggregator .cvArea-box, .electricity_retail .cvArea-box {
    width: min(calc((976/1040)*100vw), 976px);
    height: min(calc((337/1040)*100vw), 337px)
  }
}

.re-certificates .cvArea-bg, .re-aggregator .cvArea-bg, .electricity_retail .cvArea-bg {
  width: 100%;
  height: 100%;
  background: url(../img/cvArea_img_01_sp.png) center center no-repeat;
  background-size: cover;
  margin: 0 auto
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea-bg, .re-aggregator .cvArea-bg, .electricity_retail .cvArea-bg {
    background-image: url(../img/cvArea_img_01_pc.png)
  }
}

.re-certificates .cvArea-heading, .re-aggregator .cvArea-heading, .electricity_retail .cvArea-heading {
  font-size: calc((28/750)*100vw);
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  margin: 0 auto;
  position: absolute;
  top: calc((90/750)*100vw);
  left: 0;
  right: 0
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea-heading, .re-aggregator .cvArea-heading, .electricity_retail .cvArea-heading {
    font-size: min(calc((24/1040)*100vw), 24px);
    top: min(calc((100/1040)*100vw), 100px)
  }
}

.re-certificates .cvArea-btn, .re-aggregator .cvArea-btn, .electricity_retail .cvArea-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc((90/750)*100vw);
  margin: auto
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea-btn, .re-aggregator .cvArea-btn, .electricity_retail .cvArea-btn {
    bottom: min(calc((90/1040)*100vw), 90px)
  }
}

.re-certificates .cvArea-btn a, .re-aggregator .cvArea-btn a, .electricity_retail .cvArea-btn a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc((571/750)*100vw);
  height: calc((121/750)*100vw);
  color: #fff;
  background-color: #18c8a5;
  font-size: calc((32/750)*100vw);
  letter-spacing: 0.1em;
  margin: auto;
  box-shadow: 0px 4px 13px 0px rgba(176, 176, 176, 0.59)
}

@media screen and (min-width: 768px), print {
  .re-certificates .cvArea-btn a, .re-aggregator .cvArea-btn a, .electricity_retail .cvArea-btn a {
    width: min(calc((396/1040)*100vw), 396px);
    height: min(calc((78/1040)*100vw), 78px);
    font-size: min(calc((20/1040)*100vw), 20px)
  }
}

.re-certificates .sec01 {
  padding: calc((95/750)*100vw) 0 calc((155/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec01 {
    padding: min(calc((75/1040)*100vw), 75px) 0 min(calc((120/1040)*100vw), 120px)
  }
}

.re-certificates .sec01-img {
  margin: calc((75/750)*100vw) auto calc((75/750)*100vw);
  box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05);
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec01-img {
    box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
    margin: min(calc((58/1040)*100vw), 58px) auto min(calc((48/1040)*100vw), 48px);
    width: min(calc((910/1040)*100vw), 910px)
  }
}

.re-certificates .sec01 .txt {
  margin: auto;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  width: calc((690/750)*100vw);
  font-size: calc((26/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec01 .txt {
    line-height: 2.22222;
    letter-spacing: 0.01em;
    width: min(calc((840/1040)*100vw), 840px);
    font-size: min(calc((18/1040)*100vw), 18px)
  }
}

.re-certificates .sec05 {
  padding: calc((120/750)*100vw) 0 calc((160/750)*100vw);
  background: url(../img/service/ppa/sec05_bg_01.png) center bottom 0 no-repeat;
  background-size: 200%;
  background-color: #f2f2f2
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05 {
    padding: min(calc((90/1040)*100vw), 90px) 0 min(calc((103/1040)*100vw), 103px);
    background-size: contain
  }
}

@media screen and (max-width: 767px) {
  .re-certificates .sec05 .c-heading {
    font-size: calc((42/750)*100vw);
    line-height: 1.5
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05 .c-heading {
    line-height: 1.45
  }
}

.re-certificates .sec05-list {
  margin: calc((75/750)*100vw) auto 0;
  width: calc((645/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: min(calc((950/1040)*100vw), 950px);
    margin: min(calc((59/1040)*100vw), 59px) auto 0;
    position: relative
  }
}

.re-certificates .sec05-list .ppaEffect {
  background-size: cover;
  position: relative;
  background-image: url(../img/service/re-certificates/sec05_list_bg_sp.png);
  width: 100%;
  height: calc((468/750)*100vw);
  margin-bottom: calc((27/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect {
    background-image: url(../img/service/ppa/sec05_list_bg_pc.png);
    width: min(calc((463/1040)*100vw), 463px);
    height: min(calc((343/1040)*100vw), 343px);
    margin-bottom: min(calc((18/1040)*100vw), 18px)
  }
}

.re-certificates .sec05-list .ppaEffect:nth-child(1) .ppaEffect-num {
  left: calc((48/750)*100vw);
  top: calc((41/750)*100vw);
  width: calc((23/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(1) .ppaEffect-num {
    left: min(calc((40/1040)*100vw), 40px);
    top: min(calc((29/1040)*100vw), 29px);
    width: min(calc((17/1040)*100vw), 17px)
  }
}

.re-certificates .sec05-list .ppaEffect:nth-child(2) .ppaEffect-num {
  left: calc((42/750)*100vw);
  top: calc((35/750)*100vw);
  width: calc((47/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(2) .ppaEffect-num {
    left: min(calc((38/1040)*100vw), 38px);
    top: min(calc((32/1040)*100vw), 32px);
    width: min(calc((30/1040)*100vw), 30px)
  }
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(3) {
    height: calc((557/750)*100vw);
    background-image: url(../img/service/re-certificates/sec05_list02_bg_sp.png)
  }
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(3) .ppaEffect-ttl::after {
    margin: calc((40/750)*100vw) auto 0
  }
}

.re-certificates .sec05-list .ppaEffect:nth-child(3) .ppaEffect-num {
  left: calc((35/750)*100vw);
  top: calc((42/750)*100vw);
  width: calc((43/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(3) .ppaEffect-num {
    left: min(calc((32/1040)*100vw), 32px);
    top: min(calc((30/1040)*100vw), 30px);
    width: min(calc((32/1040)*100vw), 32px)
  }
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(4) {
    height: calc((557/750)*100vw);
    background-image: url(../img/service/re-certificates/sec05_list02_bg_sp.png)
  }
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(4) .ppaEffect-ttl::after {
    margin: calc((40/750)*100vw) auto calc((50/750)*100vw)
  }
}

.re-certificates .sec05-list .ppaEffect:nth-child(4) .ppaEffect-num {
  left: calc((40/750)*100vw);
  top: calc((40/750)*100vw);
  width: calc((40/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect:nth-child(4) .ppaEffect-num {
    left: min(calc((34/1040)*100vw), 34px);
    top: min(calc((29/1040)*100vw), 29px);
    width: min(calc((32/1040)*100vw), 32px)
  }
}

.re-certificates .sec05-list .ppaEffect-num {
  position: absolute;
  width: calc((35/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect-num {
    width: min(calc((17/1040)*100vw), 17px)
  }
}

.re-certificates .sec05-list .ppaEffect-ic {
  margin: auto;
  width: calc((125/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-list .ppaEffect-ic {
    position: relative;
    top: calc((-17/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect-ic {
    margin-top: calc((-7/1040)*100vw);
    width: min(calc((86/1040)*100vw), 86px)
  }
}

@media screen and (min-width: 1040px), print {
  .re-certificates .sec05-list .ppaEffect-ic {
    margin-top: -7px
  }
}

.re-certificates .sec05-list .ppaEffect-ttl {
  text-align: center;
  font-weight: bold;
  color: #18c8a5;
  line-height: 1.5;
  font-size: calc((38/750)*100vw);
  letter-spacing: 0.1em
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect-ttl {
    line-height: 1.90476;
    letter-spacing: 0.1em;
    font-size: min(calc((21/1040)*100vw), 21px);
    margin-top: min(calc((10/1040)*100vw), 10px)
  }
}

.re-certificates .sec05-list .ppaEffect-ttl::after {
  content: "";
  display: block;
  background-color: #18c8a5;
  margin: calc((30/750)*100vw) auto 0;
  width: calc((552/750)*100vw);
  height: calc((5/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect-ttl::after {
    width: min(calc((386/1040)*100vw), 386px);
    height: min(calc((4/1040)*100vw), 4px);
    margin-top: min(calc((20/1040)*100vw), 20px)
  }
}

.re-certificates .sec05-list .ppaEffect-txt {
  font-weight: bold;
  text-align: center;
  line-height: 1.71429;
  letter-spacing: 0.1em;
  font-size: calc((28/750)*100vw);
  margin-top: calc((33/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-list .ppaEffect-txt {
    line-height: 2.125;
    letter-spacing: 0.1em;
    font-size: min(calc((16/1040)*100vw), 16px);
    margin-top: min(calc((20/1040)*100vw), 20px)
  }
}

.re-certificates .sec05-cap {
  font-weight: 500;
  margin: auto;
  width: calc((610/750)*100vw);
  font-size: calc((20/750)*100vw);
  letter-spacing: 0.1em
}

@media screen and (max-width: 767px), print {
  .re-certificates .sec05-cap {
    line-height: 2
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec05-cap {
    width: min(calc((910/1040)*100vw), 910px);
    margin-top: -10px;
    letter-spacing: 0.1em;
    font-size: 10px
  }
}

.re-certificates .sec06 {
  padding: calc((185/750)*100vw) 0 calc((120/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec06 {
    padding: min(calc((170/1040)*100vw), 170px) 0 min(calc((210/1040)*100vw), 210px)
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec06 .c-headingArea {
    margin-bottom: min(calc((30/1040)*100vw), 30px)
  }
}

@media screen and (max-width: 767px) {
  .re-certificates .sec06 .c-heading {
    font-size: calc((42/750)*100vw);
    line-height: 1.5
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec06 .c-heading {
    margin-bottom: min(calc((0/1040)*100vw), 0px);
    line-height: 1.45
  }
}

@media screen and (max-width: 767px) {
  .re-certificates .sec06 .c-subttl {
    font-size: calc((28/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec06 .c-subttl {
    letter-spacing: 0.15em;
    font-size: min(calc((20/1040)*100vw), 20px)
  }
}

.re-certificates .sec06-img {
  width: calc((691/750)*100vw);
  margin: calc((65/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .re-certificates .sec06-img {
    width: min(calc((909/1040)*100vw), 909px);
    margin-top: min(calc((55/1040)*100vw), 55px)
  }
}

.re-aggregator .mv {
  padding: calc((135/750)*100vw) 0 calc((90/750)*100vw);
  background: url(../img/service/common/mv_img_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .re-aggregator .mv {
    padding: min(calc((110/1040)*100vw), 110px) 0 min(calc((120/1040)*100vw), 120px);
    background-image: url(../img/service/common/mv_img_01_pc.jpg)
  }
}

.re-aggregator .mv-heading {
  top: calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .mv-heading {
    top: min(calc((50/1040)*100vw), 50px)
  }
}

.re-aggregator .mv-box {
  height: calc((548/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .mv-box {
    height: min(calc((309/1040)*100vw), 309px)
  }
}

.re-aggregator .mv-bg {
  background: url(../img/service/common/mv_img_03_sp.png) center center no-repeat
}

@media screen and (min-width: 768px), print {
  .re-aggregator .mv-bg {
    background-image: url(../img/service/common/mv_img_02_pc.png)
  }
}

.re-aggregator .intro {
  padding: calc((45/750)*100vw) 0 calc((125/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .intro {
    padding: min(calc((75/1040)*100vw), 75px) 0 min(calc((75/1040)*100vw), 75px)
  }
}

.re-aggregator .intro .txt {
  margin: auto;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  width: calc((690/750)*100vw);
  font-size: calc((26/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .intro .txt {
    line-height: 2.22222;
    letter-spacing: 0.01em;
    width: min(calc((840/1040)*100vw), 840px);
    font-size: min(calc((18/1040)*100vw), 18px)
  }
}

.re-aggregator .sec01 {
  background-color: #f2f2f2;
  padding: calc((115/750)*100vw) 0 calc((55/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec01 {
    padding: min(calc((112/1040)*100vw), 112px) 0 min(calc((50/1040)*100vw), 50px)
  }
}

.re-aggregator .sec01-list {
  margin: calc((50/750)*100vw) auto 0;
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec01-list {
    margin: min(calc((60/1040)*100vw), 60px) auto 0;
    width: min(calc((840/1040)*100vw), 840px)
  }
}

.re-aggregator .sec01-list li {
  position: relative;
  line-height: 2.03571;
  letter-spacing: 0.02em;
  font-size: calc((28/750)*100vw);
  padding-left: calc((45/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec01-list li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    line-height: 2.22222;
    letter-spacing: 0.01em;
    margin-bottom: min(calc((5/1040)*100vw), 5px);
    font-size: min(calc((18/1040)*100vw), 18px);
    padding-left: min(calc((37/1040)*100vw), 37px)
  }
}

.re-aggregator .sec01-list li:before {
  content: "";
  display: block;
  position: absolute;
  background: linear-gradient(to right, #18c8a5, #91f44f);
  width: calc((20/750)*100vw);
  height: calc((5/750)*100vw);
  left: 0
}

@media screen and (max-width: 767px), print {
  .re-aggregator .sec01-list li:before {
    top: calc((29/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec01-list li:before {
    width: min(calc((15/1040)*100vw), 15px);
    height: min(calc((4/1040)*100vw), 4px)
  }
}

.re-aggregator .sec01-img {
  margin: calc((68/750)*100vw) auto calc((75/750)*100vw);
  box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05);
  width: calc((685/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec01-img {
    box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
    margin: min(calc((50/1040)*100vw), 50px) auto min(calc((48/1040)*100vw), 48px);
    width: min(calc((1000/1040)*100vw), 1000px)
  }
}

.re-aggregator .sec02 {
  padding: calc((185/750)*100vw) 0 calc((175/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec02 {
    padding: min(calc((130/1040)*100vw), 130px) 0 min(calc((120/1040)*100vw), 120px)
  }
}

.re-aggregator .sec02-img {
  width: calc((687/750)*100vw);
  margin: calc((100/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .re-aggregator .sec02-img {
    width: min(calc((909/1040)*100vw), 909px);
    margin-top: min(calc((55/1040)*100vw), 55px)
  }
}

.electricity_retail .mv {
  padding: calc((135/750)*100vw) 0 calc((90/750)*100vw);
  background: url(../img/service/common/mv_img_01_sp.jpg) center center no-repeat;
  background-size: cover
}

@media screen and (min-width: 768px), print {
  .electricity_retail .mv {
    padding: min(calc((110/1040)*100vw), 110px) 0 min(calc((120/1040)*100vw), 120px);
    background-image: url(../img/service/common/mv_img_01_pc.jpg)
  }
}

.electricity_retail .mv-heading {
  top: calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .mv-heading {
    top: min(calc((50/1040)*100vw), 50px)
  }
}

.electricity_retail .mv-box {
  height: calc((463/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .mv-box {
    height: min(calc((309/1040)*100vw), 309px)
  }
}

.electricity_retail .mv-bg {
  background: url(../img/service/common/mv_img_04_sp.png) center center no-repeat
}

@media screen and (min-width: 768px), print {
  .electricity_retail .mv-bg {
    background-image: url(../img/service/common/mv_img_02_pc.png)
  }
}

.electricity_retail .sec01 {
  padding: calc((45/750)*100vw) 0 calc((95/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01 {
    padding: min(calc((75/1040)*100vw), 75px) 0 min(calc((100/1040)*100vw), 100px)
  }
}

.electricity_retail .sec01 .txt {
  margin: auto;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  width: calc((690/750)*100vw);
  font-size: calc((26/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01 .txt {
    line-height: 2.22222;
    letter-spacing: 0.01em;
    width: min(calc((840/1040)*100vw), 840px);
    font-size: min(calc((18/1040)*100vw), 18px)
  }
}

.electricity_retail .sec01 .txt.center {
  text-align: center
}

.electricity_retail .sec01 .c-headingArea {
  margin: calc((107/750)*100vw) 0 calc((35/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01 .c-headingArea {
    margin: min(calc((108/1040)*100vw), 108px) 0 min(calc((50/1040)*100vw), 50px)
  }
}

.electricity_retail .sec01-list {
  margin: calc((75/750)*100vw) auto 0;
  width: calc((690/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list {
    margin: min(calc((52/1040)*100vw), 52px) auto 0;
    width: min(calc((1000/1040)*100vw), 1000px)
  }
}

.electricity_retail .sec01-list li:last-child {
  margin-bottom: 0
}

.electricity_retail .sec01-list li .ttl {
  color: #fff;
  background-color: #18c8a5;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.1em;
  font-size: calc((38/750)*100vw);
  height: calc((100/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .ttl {
    font-size: min(calc((24/1040)*100vw), 24px);
    height: min(calc((65/1040)*100vw), 65px)
  }
}

.electricity_retail .sec01-list li .ttl::before {
  content: "";
  display: block;
  background-color: #fff;
  width: calc((20/750)*100vw);
  height: calc((6/750)*100vw);
  margin: 0 calc((25/750)*100vw) 0 calc((15/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .ttl::before {
    width: min(calc((15/1040)*100vw), 15px);
    height: min(calc((5/1040)*100vw), 5px);
    margin: 0 min(calc((12/1040)*100vw), 12px) 0 min(calc((20/1040)*100vw), 20px)
  }
}

.electricity_retail .sec01-list li .menu {
  padding: calc((28/750)*100vw) calc((30/750)*100vw) calc((30/750)*100vw) calc((45/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .menu {
    padding: min(calc((30/1040)*100vw), 30px) 0 0 min(calc((45/1040)*100vw), 45px)
  }
}

.electricity_retail .sec01-list li .menu-ttl {
  margin: 0;
  font-size: calc((32/750)*100vw);
  margin-bottom: calc((18/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .menu-ttl {
    letter-spacing: 0.1em;
    font-size: min(calc((22/1040)*100vw), 22px);
    margin-bottom: min(calc((20/1040)*100vw), 20px)
  }
}

.electricity_retail .sec01-list li .menu-txt {
  margin: auto;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  font-size: calc((26/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .menu-txt {
    line-height: 2.22222;
    letter-spacing: 0.01em;
    font-size: min(calc((18/1040)*100vw), 18px)
  }
}

.electricity_retail .sec01-list li .dtl {
  margin: auto;
  border: solid 2px #fff;
  background-color: #f7f7f7;
  width: calc((610/750)*100vw);
  box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05);
  margin-top: calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl {
    border: solid 2px #fff;
    box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
    width: min(calc((910/1040)*100vw), 910px);
    padding: 0 min(calc((25/1040)*100vw), 25px) min(calc((45/1040)*100vw), 45px);
    margin-top: min(calc((40/1040)*100vw), 40px)
  }
}

.electricity_retail .sec01-list li .dtl.merit01 {
  margin-bottom: calc((85/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit01 {
    margin-bottom: min(calc((55/1040)*100vw), 55px)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit01 .dtl-inner-box.left {
    width: min(calc((350/1040)*100vw), 350px)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit01 .dtl-inner-box.right {
    width: min(calc((465/1040)*100vw), 465px)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit01 .dtl-inner-box .cap {
    width: min(calc((350/1040)*100vw), 350px)
  }
}

.electricity_retail .sec01-list li .dtl.merit02 {
  margin-bottom: calc((125/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit02 {
    margin-bottom: min(calc((85/1040)*100vw), 85px)
  }
}

.electricity_retail .sec01-list li .dtl.merit02 .dtl-ttl::before {
  left: calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.merit02 .dtl-ttl::before {
    left: min(calc((226/1040)*100vw), 226px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 {
  padding: 0;
  margin-bottom: calc((140/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 {
    margin-bottom: min(calc((80/1040)*100vw), 80px);
    padding-bottom: min(calc((32/1040)*100vw), 32px)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-ttl {
    margin: 0 auto min(calc((32/1040)*100vw), 32px);
    width: min(calc((857/1040)*100vw), 857px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-ttl::before {
  content: '';
  display: inline-block;
  background-image: url(../img/service/electricity_retail/meunTtl-ic_02.svg);
  background-size: contain;
  vertical-align: middle;
  width: calc((41/750)*100vw);
  height: calc((70/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-ttl::before {
    position: absolute;
    width: min(calc(26/1040)*100vw), 26px);
    height: min(calc((43/1040)*100vw), 43px);
    left: min(calc((236/1040)*100vw), 236px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-txt {
  text-align: center;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  font-size: calc((26/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-txt {
    margin: calc((37/750)*100vw) auto 0;
    width: calc((565/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-txt {
    line-height: 2.22222;
    letter-spacing: 0.01em;
    font-size: min(calc((18/1040)*100vw), 18px)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner {
    margin-top: min(calc((40/1040)*100vw), 40px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner-box:nth-child(1) {
  position: relative
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner-box:nth-child(1) {
    padding-bottom: calc((82/750)*100vw);
    margin-bottom: calc((5/750)*100vw)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner-box:nth-child(1)::after {
  content: "";
  display: block;
  background-color: #b3b3b3;
  position: absolute;
  height: 1px;
  width: 100%
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner-box:nth-child(1)::after {
    bottom: 0;
    right: 0
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner-box:nth-child(1)::after {
    height: 100%;
    width: 1px;
    top: 0;
    right: 0
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTtl {
  margin: 0;
  text-align: center;
  line-height: 1.625;
  font-size: calc((32/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTtl {
    margin: calc((60/750)*100vw) auto calc((22/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTtl {
    line-height: 1.88889;
    letter-spacing: 0.01em;
    font-size: min(calc((22/1040)*100vw), 22px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTxt {
  margin: auto;
  text-align: left;
  line-height: 1.84615;
  letter-spacing: 0.02em;
  font-size: calc((26/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTxt {
    margin: auto;
    width: calc((565/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTxt {
    line-height: 2.125;
    letter-spacing: 0.05em;
    margin: min(calc((22/1040)*100vw), 22px) auto min(calc((22/1040)*100vw), 22px);
    width: min(calc((341/1040)*100vw), 341px);
    font-size: min(calc((16/1040)*100vw), 16px)
  }
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskTxt span {
  font-weight: 700;
  color: #18c8a5
}

.electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskImg {
  margin: auto;
  width: calc((568/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskImg {
    margin-top: calc((55/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.risk01 .dtl-inner .riskImg {
    width: min(calc((382/1040)*100vw), 382px)
  }
}

.electricity_retail .sec01-list li .dtl.green {
  margin-bottom: calc((127/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.green {
    margin-bottom: min(calc((85/1040)*100vw), 85px)
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl.green .dtl-ttl::before {
    margin: 0 calc((20/750)*100vw) 0 calc((14/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.green .dtl-ttl::before {
    left: min(calc((226/1040)*100vw), 226px)
  }
}

.electricity_retail .sec01-list li .dtl.green .dtl-inner {
  display: block
}

.electricity_retail .sec01-list li .dtl.green .img {
  margin: auto;
  width: calc((567/750)*100vw);
  margin-top: calc((60/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.green .img {
    margin-top: min(calc((42/1040)*100vw), 42px);
    width: min(calc((843/1040)*100vw), 843px)
  }
}

.electricity_retail .sec01-list li .dtl.green .cap {
  margin: auto;
  font-weight: 500;
  line-height: 1.8;
  font-size: calc((20/750)*100vw);
  width: calc((550/750)*100vw);
  margin-top: calc((44/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl.green .cap {
    letter-spacing: 0.03em;
    line-height: 1.5;
    width: min(calc((843/1040)*100vw), 843px);
    font-size: min(calc((12/1040)*100vw), 12px);
    margin-top: min(calc((18/1040)*100vw), 18px)
  }
}

.electricity_retail .sec01-list li .dtl-ttl {
  margin: 0;
  font-size: calc((30/750)*100vw);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-ttl {
    margin: auto;
    letter-spacing: 0.07em;
    width: calc((565/750)*100vw);
    height: calc((145/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-ttl {
    -ms-flex-pack: center;
    justify-content: center;
    font-size: min(calc((22/1040)*100vw), 22px);
    height: min(calc((100/1040)*100vw), 100px);
    margin-bottom: min(calc((32/1040)*100vw), 32px)
  }
}

.electricity_retail .sec01-list li .dtl-ttl::before {
  content: '';
  display: inline-block;
  background-image: url(../img/service/electricity_retail/meunTtl-ic_01.svg);
  background-size: contain;
  vertical-align: middle;
  width: calc((41/750)*100vw);
  height: calc((44/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-ttl::before {
    margin: 0 calc((20/750)*100vw) 0 calc((34/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-ttl::before {
    position: absolute;
    width: min(calc((33/1040)*100vw), 33px);
    height: min(calc((36/1040)*100vw), 36px);
    left: min(calc((236/1040)*100vw), 236px)
  }
}

.electricity_retail .sec01-list li .dtl-ttl::after {
  content: '';
  display: block;
  position: absolute;
  background: linear-gradient(to right, #18c8a5, #91f44f);
  width: 100%;
  height: calc((4/750)*100vw);
  bottom: 0
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-ttl::after {
    height: min(calc((4/1040)*100vw), 4px)
  }
}

.electricity_retail .sec01-list li .dtl-inner {
  display: -ms-flexbox;
  display: flex
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: calc((50/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner {
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner.risk .dtl-inner-box:nth-child(1) {
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner.risk .dtl-inner-box:nth-child(2) {
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner.sec .dtl-inner-box:nth-child(1) {
    -ms-flex-order: 2;
    order: 2
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box {
    width: 50%
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner-box:nth-child(1) {
    -ms-flex-order: 1;
    order: 1
  }
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner-box ul {
    margin: auto;
    width: calc((565/750)*100vw)
  }
}

.electricity_retail .sec01-list li .dtl-inner-box ul li {
  font-weight: 500;
  color: #18c8a5;
  margin: auto;
  position: relative;
  line-height: 2.07692;
  letter-spacing: 0.02em;
  font-size: calc((26/750)*100vw);
  padding-left: calc((42/750)*100vw);
  margin-bottom: calc((30/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box ul li {
    line-height: 2;
    letter-spacing: 0.01em;
    font-size: min(calc((18/1040)*100vw), 18px);
    padding-left: min(calc((40/1040)*100vw), 40px);
    margin-bottom: min(calc((18/1040)*100vw), 18px)
  }
}

.electricity_retail .sec01-list li .dtl-inner-box ul li:last-child {
  margin-bottom: 0
}

.electricity_retail .sec01-list li .dtl-inner-box ul li::before {
  content: '';
  display: block;
  position: absolute;
  background: linear-gradient(to right, #18c8a5, #91f44f);
  width: calc((21/750)*100vw);
  height: calc((6/750)*100vw);
  top: calc((22/750)*100vw);
  left: 0
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box ul li::before {
    top: min(calc((17/1040)*100vw), 17px);
    left: min(calc((8/1040)*100vw), 8px);
    width: min(calc((15/1040)*100vw), 15px);
    height: min(calc((4/1040)*100vw), 4px)
  }
}

.electricity_retail .sec01-list li .dtl-inner-box .cap {
  margin: auto;
  line-height: 1.8;
  letter-spacing: 0.02em;
  font-size: calc((20/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner-box .cap {
    margin-top: calc((42/750)*100vw);
    width: calc((565/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box .cap {
    line-height: 1.71429;
    letter-spacing: 0.01em;
    width: min(calc((410/1040)*100vw), 410px);
    font-size: min(calc((14/1040)*100vw), 14px);
    margin-top: min(calc((40/1040)*100vw), 40px)
  }
}

.electricity_retail .sec01-list li .dtl-inner-box .img.merit01 {
  width: calc((565/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec01-list li .dtl-inner-box .img.merit01 {
    margin: calc((55/750)*100vw) auto calc((42/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box .img.merit01 {
    position: relative;
    right: min(calc((15/1040)*100vw), 15px);
    width: min(calc((465/1040)*100vw), 465px)
  }
}

.electricity_retail .sec01-list li .dtl-inner-box .img.merit02 {
  width: calc((565/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec01-list li .dtl-inner-box .img.merit02 {
    width: min(calc((395/1040)*100vw), 395px)
  }
}

.electricity_retail .sec02 {
  background-color: #f2f2f2;
  padding: calc((108/750)*100vw) 0 calc((50/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec02 {
    padding: min(calc((75/1040)*100vw), 75px) 0 min(calc((55/1040)*100vw), 55px)
  }
}

.electricity_retail .sec02-qaList {
  margin: auto;
  width: calc((690/750)*100vw);
  margin: calc((80/750)*100vw) auto 0
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec02-qaList {
    width: min(calc((1000/1040)*100vw), 1000px);
    margin: min(calc((60/1040)*100vw), 60px) auto 0
  }
}

.electricity_retail .sec02-qaList li dl dt {
  font-weight: 700;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  line-height: 1.6875;
  box-shadow: 0 0 calc((27/750)*100vw) rgba(0, 0, 0, 0.05);
  height: calc((134/750)*100vw);
  font-size: calc((32/750)*100vw);
  padding: 0 calc((30/750)*100vw) 0 calc((85/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec02-qaList li dl dt {
    line-height: 2;
    letter-spacing: 0.02em;
    box-shadow: 0 0 min(calc((27/1040)*100vw), 27px) rgba(0, 0, 0, 0.05);
    font-size: min(calc((20/1040)*100vw), 20px);
    height: min(calc((65/1040)*100vw), 65px);
    padding-left: min(calc((55/1040)*100vw), 55px)
  }
}

.electricity_retail .sec02-qaList li dl dt::before {
  content: "";
  display: inline-block;
  background-image: url(../img/service/electricity_retail/qa-ic.svg);
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 0;
  width: calc((28/750)*100vw);
  height: calc((35/750)*100vw);
  left: calc((37/750)*100vw)
}

@media screen and (max-width: 767px), print {
  .electricity_retail .sec02-qaList li dl dt::before {
    top: calc((25/750)*100vw)
  }
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec02-qaList li dl dt::before {
    width: min(calc((18/1040)*100vw), 18px);
    height: min(calc((22/1040)*100vw), 22px);
    left: min(calc((20/1040)*100vw), 20px)
  }
}

.electricity_retail .sec02-qaList li dl dd {
  margin: 0;
  line-height: 1.84615;
  font-size: calc((26/750)*100vw);
  padding: calc((45/750)*100vw) calc((25/750)*100vw) calc((50/750)*100vw) calc((45/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec02-qaList li dl dd {
    line-height: 2.22222;
    font-size: min(calc((18/1040)*100vw), 18px);
    padding: min(calc((22/1040)*100vw), 22px) min(calc((30/1040)*100vw), 30px) min(calc((20/1040)*100vw), 20px) min(calc((55/1040)*100vw), 55px)
  }
}

.electricity_retail .sec03 {
  padding: calc((185/750)*100vw) 0 calc((207/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec03 {
    padding: min(calc((125/1040)*100vw), 125px) 0 min(calc((128/1040)*100vw), 128px)
  }
}

.electricity_retail .sec03-img {
  margin: auto;
  width: calc((687/750)*100vw);
  margin-top: calc((80/750)*100vw)
}

@media screen and (min-width: 768px), print {
  .electricity_retail .sec03-img {
    margin-top: min(calc((55/1040)*100vw), 55px);
    width: min(calc((948/1040)*100vw), 948px)
  }
}