@charset "UTF-8";
div.header-container.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  padding: 30px 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  div.header-container.flex {
    padding: 28px 24px;
    width: 100%;
  }
  div.header-container.flex h1 {
    width: 176.432px;
    height: 24px;
    flex-shrink: 0;
    aspect-ratio: 176.43/24.00;
  }
  div.header-container.flex h1 a img {
    vertical-align: super;
  }
}
div.h1-rightside {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 415px;
}
div.lp-top-wraper {
  height: 1495px;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  div.lp-top-wraper {
    height: auto;
  }
}
section.lp-top-wrap {
  max-width: 1127px;
  height: 1495px;
  padding: 128px 0 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  section.lp-top-wrap {
    height: auto;
    padding: 84px 0 0;
    margin: 0 auto;
  }
}
div.top-main_flex {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  div.top-main_flex {
    flex-wrap: wrap;
  }
}
div.top-main_left {
  width: 54.3%;
  position: relative;
}
@media screen and (max-width: 768px) {
  div.top-main_left {
    width: 100%;
    height: auto;
  }
}
div.top-main_left:before {
  width: 44.97px;
  height: 139.253px;
  flex-shrink: 0;
  content: "";
  display: inline-block;
  background-image: url("../image/upper_part/man.svg");
  position: absolute;
  bottom: 287px;
  left: -52px;
}
div.top-main_right {
  width: 448px;
  height: 720px;
  position: relative;
}
@media screen and (max-width: 768px) {
  div.top-main_right {
    width: 100%;
    height: auto;
    padding: 0 24px;
    margin-bottom: 15px;
    text-align: center;
  }
}
div.top-main_right:before {
  content: "";
  display: inline-block;
  width: 72.355px;
  height: 133.705px;
  flex-shrink: 0;
  background-image: url("../image/upper_part/josei.svg");
  position: absolute;
  top: 305px;
  right: -87.35px;
}
div.top-main_right:after {
  content: "";
  display: inline-block;
  width: 180.397px;
  height: 240px;
  flex-shrink: 0;
  aspect-ratio: 180.40/240.00;
  background-image: url("../image/upper_part/kyojyu.png");
  position: absolute;
  bottom: -27px;
  right: -57px;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  div.top-main_left:before, div.top-main_right:after, div.top-main_right:before {
    display: none;
  }
}
div.above {
  width: 611.49px;
  height: 415px;
  margin: 21px 0 20px;
}
@media screen and (max-width: 768px) {
  div.above {
    width: 100%;
    height: auto;
    margin: 0 auto 10px;
    padding-left: 24px;
    padding-right: 17px;
  }
  div.above img {
    width: 100%;
    height: auto;
  }
  .contactboxlp1-2-sp {
    margin: 0 24px 64px;
    text-align: center;
  }
}
div.certification {
  width: 574px;
  height: 144px;
  margin: 0 auto 23px;
  background-color: #fff;
  padding: 16px 16px 24px;
  border-radius: 16px;
  background: #FFF;
}
div.certification img {
  width: 574px;
  height: 48px;
  margin-bottom: 20px;
}
div.certification p {
  width: 480px;
  color: var(--c02, #005540);
  text-align: justify;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  margin: -5px auto 0;
}
@media screen and (max-width: 768px) {
  div.certification {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0 24px;
    background: none;
  }
  div.certification img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  div.certification p {
    width: 100%;
    color: var(--c02, #005540);
    text-align: justify;
    leading-trim: both;
    text-edge: cap;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    margin: 0 auto 32px;
  }
}
div.achievements {
  width: 574px;
  height: 97px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  div.achievements {
    width: 297px;
    height: auto;
    margin: 0 auto 30px;
  }
}
.backimage-upper {
  width: 100%;
  height: 676px;
  position: absolute;
  top: 0;
  background-image: url("../image/upper_part/uperbackimg.png");
  background-size: cover;
  z-index: -2;
}
.backimage-bottom {
  width: 100%;
  /*height: 1099px;*/
  position: absolute;
  bottom: 0;
  background-image: url("../image/upper_part/Union.png");
  background-size: cover;
  z-index: -1;
  height: 100%;
  top: 359px;
  background-size: 100% 100%;
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  .backimage-bottom {
    height: 1975px;
    height: 100%;
    top: 267px;
  }
  section.lp-top-wrap {
    max-width: 80%;
    height: auto;
  }
  div.top-main_flex {
    width: 100%;
    height: auto;
  }
  div.top-main_right {
    width: 40%;
    height: auto;
  }
  div.top-main_left {
    width: 50%;
    height: auto;
  }
  div.above {
    width: 100%;
    height: auto;
  }
  div.certification {
    width: 100%;
    height: auto;
  }
  div.certification {
    width: 100%;
    height: auto;
  }
  div.certification p {
    width: 100%;
  }
  div.lp-top-wraper {
    height: auto;
  }
  div.achievements {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .backimage-bottom {
    /* width: 100%;
    height: calc(100% - 66.4vw);*/
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url("../image/upper_part/Union_sp.png");
    z-index: -1;
    background-size: 100% 100%;
    width: 100%;
    height: calc(100% - 64vw);
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../image/upper_part/Union_sp.png);
    z-index: -1;
    background-size: 100% 100%;
    top: auto;
  }
}
.header-container.flex.noback {
  background: none;
}
@media screen and (max-width: 768px) {
  .header-container.flex.noback {
    position: fixed;
    display: flex;
    align-items: flex-start;
  }
}
.header-container.flex.noback .faq-btn a {
  background-color: #1f3a9b;
  color: #fff;
}
div.contactboxlp1-2 {
  max-width: 1120px;
  height: 128px;
  flex-shrink: 0;
  border-radius: 16px;
  background: #00B489;
  margin: 45px auto 56px;
  position: relative;
  padding-left: 47px;
  display: flex;
  padding-right: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {}
div.contactboxlp1-2:before {
  content: "";
  display: inline-block;
  width: 256.51px;
  height: 34.32px;
  background-image: url("../image/upper_part/asahiha.svg");
  background-size: cover;
  position: absolute;
  top: -13px;
  left: 44px;
}
div.contactboxlp1-2 p {
  color: var(--white, #FFF);
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 900;
  line-height: 38px; /* 190% */
  padding-top: 33px;
  width: 540px;
  margin-top: -3px;
}
div.contactboxlp1-2 button.contactboxlp1-2btn {
  width: 472px;
  height: 88px;
  border-radius: 44px;
  background: var(--accent02, #FFF500);
  margin-top: 20px;
  padding-left: 50px;
  box-sizing: border-box;
  position: relative;
}
div.contactboxlp1-2 button.contactboxlp1-2btn p {
  padding-top: 0;
  width: auto;
  color: var(--c02, #005540);
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 30px; /* 115.385% */
  text-align: left;
}
div.contactboxlp1-2 button.contactboxlp1-2btn:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 12px;
  background-image: url("../image/upper_part/Polygon 2.png");
  background-size: contain;
  top: 40px;
  right: 50px;
  z-index: 2;
}
div.contactboxlp1-2 button.contactboxlp1-2btn:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  background-color: #00B489;
  border-radius: 100vh;
  /*top: 27px;*/
  right: 41px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition-duration: .4s;
}
div.contactboxlp1-2 button.contactboxlp1-2btn:hover:after {
  transform: scale(1.3, 1.3);
  right: 41px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
ul.grid {
  max-width: 1120px;
  /*  height: 378px;*/
  flex-shrink: 0;
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  div.contactboxlp1-2 p {
    width: 100%;
    font-size: 1.8rem;
    line-height: 28px;
    padding-bottom: 28px;
  }
  div.contactboxlp1-2 {
    max-width: 100%;
    height: auto;
  }
  div.contactboxlp1-2 button.contactboxlp1-2btn {
    width: 49%;
    height: 88px;
    margin-top: 10px;
    padding-left: 24px;
    padding-top: 30px;
    padding-right: 54px;
  }
  div.contactboxlp1-2 button.contactboxlp1-2btn p {
    padding-top: 0;
    font-size: 2rem;
    line-height: 1; /* 115.385% */
  }
  div.contactboxlp1-2 button.contactboxlp1-2btn:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 12px;
    background-image: url("../image/upper_part/Polygon 2.png");
    background-size: contain;
    top: 40px;
    right: 18px;
    z-index: 2;
  }
  div.contactboxlp1-2 button.contactboxlp1-2btn:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    flex-shrink: 0;
    background-color: #00B489;
    border-radius: 100vh;
    /*top: 27px;*/
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    transition-duration: .4s;
  }
  div.contactboxlp1-2 button.contactboxlp1-2btn:hover:after {
    transform: scale(1.3, 1.3);
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  ul.grid {
    max-width: 100%;
    /*  height: 378px;*/
    flex-wrap: wrap;
    gap: 58px;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  ul.grid {
    flex-wrap: wrap;
    height: auto;
    padding-bottom: 48px;
  }
}
ul.grid li {
  width: 256px;
  height: 338px;
  flex-shrink: 0;
  border-radius: 16px;
  background: var(--white, #FFF);
  padding: 165px 32px 41px;
  position: relative;
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  ul.grid li {
    width: 45%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  ul.grid li {
    width: calc(100% - 48px);
    margin: 0 auto 56px;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--white, #FFF);
    padding: 128px 24px 32px;
    position: relative;
    height: auto;
  }
  ul.grid li:last-child {
    margin-bottom: 0;
  }
}
ul.grid li p {
  color: var(--black_text, #2C2C2C);
  text-align: justify;
  leading-trim: both;
  text-edge: cap;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: 0;
}
ul.grid li:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
ul.grid li:nth-child(1) span {
  letter-spacing: -0.8px;
}
ul.grid li:nth-child(1):before {
  width: 120px;
  height: 181px;
  flex-shrink: 0;
  background-image: url("../image/upper_part/grid01.svg");
}
ul.grid li:nth-child(2):before {
  width: 120px;
  height: 181px;
  flex-shrink: 0;
  background-image: url("../image/upper_part/grid02.svg");
}
ul.grid li:nth-child(3):before {
  width: 170px;
  height: 180.722px;
  flex-shrink: 0;
  background-image: url("../image/upper_part/grid03.svg");
}
ul.grid li:nth-child(4):before {
  width: 120px;
  height: 181px;
  flex-shrink: 0;
  background-image: url("../image/upper_part/grid04.svg");
}
@media screen and (max-width: 768px) {
  ul.grid li p {
    color: var(--black_text, #2C2C2C);
    text-align: justify;
    leading-trim: both;
    text-edge: cap;
    font-family: "Noto Sans JP";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
  }
  ul.grid li:nth-child(1):before {
    width: 170px;
    height: 146px;
    background-image: url("../image/upper_part/grid01_sp.svg");
  }
  ul.grid li:nth-child(2):before {
    width: 170px;
    height: 146px;
    background-image: url("../image/upper_part/grid02_sp.svg");
  }
  ul.grid li:nth-child(3):before {
    width: 243.822px;
    height: 146px;
    background-image: url("../image/upper_part/grid03_sp.svg");
  }
  ul.grid li:nth-child(4):before {
    width: 220px;
    height: 146px;
    background-image: url("../image/upper_part/grid04_sp.svg");
  }
  .lp-bottom-telbtn-sp {
    position: fixed;
    bottom: 0;
    width: 100%;
  }
}
/**************************

燃料分析

***************************/
.lp-top-wrap.fuel-wrap .top-main_flex {
  max-width: 1120px;
}
.backimage-upper.fuel {
  width: 100%;
  height: 676px;
  position: absolute;
  top: 0;
  background-image: url("../image/upper_part/fuelbg-up.png");
  background-size: cover;
  z-index: -2;
}
@media screen and (max-width: 768px) {
  .backimage-upper.fuel {
    width: 100%;
    height: 592px;
    position: absolute;
    top: 0;
    background-image: url("../../lp3/fuelbg-up-sp.png");
  }
}
.backimage-bottom.fuel {
  width: 100%;
  /*height: 1099px;*/
  position: absolute;
  bottom: 0;
  background-image: url("../image/upper_part/fuelbg-bottom.png");
  /* background-size: cover;*/
  z-index: -1;
  /*height: 100%;*/
  top: 413px;
  background-size: 100% 100%;
  height: 1139px;
}
@media screen and (max-width: 768px) {
  .backimage-bottom.fuel {
    background-image: url("../../lp3/Union.png");
    top: 59.7vw;
    /*top: 240px;*/
    height: 355vw;
  }
}
.lp-top-wraper.fuel-wrapper {
  height: 1076px;
}
@media screen and (max-width: 768px) {
  .lp-top-wraper.fuel-wrapper {
    min-height: 410.7vw;
  }
}
section.lp-top-wrap.fuel-wrap {
  height: 1076px;
  padding-top: 160px;
}
@media screen and (max-width: 768px) {
  section.lp-top-wrap.fuel-wrap {
    padding-top: 84px;
  }
}
.backimage.fuelimage {
  width: 100%;
  height: 720px;
  flex-shrink: 0;
  background-image: url(../image/upper_part/backimage-fuel.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .backimage.fuelimage {
    height: 320px;
  }
}
.top-main_left.fuelpage {
  width: 584px;
  height: 632px;
}
.top-main_left.fuelpage:before {
  left: -69px;
  top: 268px;
}
.top-main_left.fuelpage:after {
  content: "";
  display: inline-block;
  width: 180.397px;
  height: 240px;
  flex-shrink: 0;
  aspect-ratio: 180.40 / 240.00;
  background-image: url(../image/upper_part/kyojyu.png);
  position: absolute;
  bottom: -40px;
  right: -44px;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .top-main_left.fuelpage:after {
    display: none;
  }
}
.top-main_right.fuelpage {
  height: auto;
  /*  display: flex;
  flex-wrap: wrap;
	gap:10px;*/
  width: 480px;
}
.top-main_right.fuelpage:before {
  bottom: auto;
  /* bottom: 225px; */
  top: 273px;
}
.top-main_right.fuelpage > div {
  width: 480px;
  /*height: 204px;*/
  padding: 28px 32px 32px;
  flex-shrink: 0;
  border-radius: 16px;
  background: var(--white, #FFF);
  margin-bottom: 10px;
}
.top-main_right.fuelpage div div.img {
  margin-bottom: 23px;
}
.top-main_right.fuelpage div p {
  height: 60px;
  color: var(--black_text, #2C2C2C);
  text-align: justify;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  letter-spacing: -0.8px;
  font-feature-settings: "palt";
}
.top-main_right.fuelpage:after {
  display: none;
}
div.contactboxlp1-2.fuel {
  border-radius: 16px;
  background: var(--c02, #0094FF);
  margin-top: 61px;
}
div.contactboxlp1-2.fuel button.contactboxlp1-2btn p {
  color: var(--blue_deep, #000548);
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 26px;
  font-style: normal;
  font-weight: 900;
  line-height: 30px; /* 115.385% */
}
@media screen and (min-width: 769px) and (max-width: 1300px) {
  div.contactboxlp1-2.fuel button.contactboxlp1-2btn p {
    font-size: 22px;
  }
}
div.contactboxlp1-2.fuel:before {
  content: "";
  display: inline-block;
  width: 256.51px;
  height: 34.32px;
  background-image: url("../../lp3/asahiha2.svg");
  /*  background-image: url(../lp3/asahiha2.svg);*/
  background-size: cover;
  position: absolute;
  top: -13px;
  left: 44px;
}
div.contactboxlp1-2.fuel button.contactboxlp1-2btn:after {
  background: var(--c02, #0094FF);
}
.cara.fuelkun {
  width: 149.673px;
  height: 280px;
  flex-shrink: 0;
  bottom: -43px;
  right: -74px;
}
.what.fuelcolor {
  background-color: #DBF5FF;
}
.kikicontainer.fuel ul li div.kikiimage {
  height: auto;
}
.bunseki-wrap.sokuteiwrap {
  background-image: url("../../lp3/sokuteiback.svg");
}
.kikicontainer.fuel ul li .kikiright h4 {
  color: var(--black_text, #2C2C2C);
  text-align: justify;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px; /* 140% */
}
@media screen and (max-width: 768px) {
  .bunseki-wrap.sokuteiwrap {
    background-image: url("../../lp3/sokuteiback-sp.svg");
  }
  .kikicontainer.fuel ul li .kikiright h4 {
    color: var(--black_text, #2C2C2C);
    text-align: justify;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
  }
}
.bunseki-wrap.faqwrap.sokuteiwrap {
  background-image: url("../../lp3/sokuteiback.svg");
}
.bunseki-wrap.faqwrap.sokuteiwrap .title span:before {
  color: var(--c02, #0094FF);
  font-family: "Montagu Slab";
  font-size: 29px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 68.966% */
  position: absolute;
 /* top: 52%;*/
	    top: 36%;
}
.flow-wrap.fuel {
  background-color: #DBF5FF;
}
.bunseki-wrap.faqwrap.sokuteiwrap .title span {
  color: var(--ATR_text, #2C2C2C);
  text-align: justify;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  line-height: 25px; /* 138.889% */
}
.bunseki-wrap.faqwrap.sokuteiwrap .title::after, .bunseki-wrap.faqwrap.sokuteiwrap .title::before {
  content: "";
  position: absolute;
  right: 32px;
  /*top: 40px;*/
  width: 2px;
  height: 16px;
  flex-shrink: 0;
  background-color: #0094FF;
  transition: all 0.3s;
  top: 43%;
}
.bunseki-wrap.faqwrap.sokuteiwrap .content p:before {
  color: #0094FF;
}
a.fuel-flowbtn {
  color: var(--black_text, #2C2C2C);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  /*line-height: 30px;*/ /* 200% */
  display: flex;
  line-height: 1;
  padding: 7px;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid var(--black_text, #2C2C2C);
  margin-left: 20px;
}

a.fuel-flowbtn:hover {
color: var(--c02, #0094FF);
	border: 1px solid var(--c02, #0094FF);
}

.flow-wrap.fuel .flowlist li:nth-child(4):after {
  background-image: url("../../lp3/flowimage04.svg");
  width: 68px;
  height: 80.186px;
  flex-shrink: 0;
  bottom: 0;
  right: 93px;
}
.flow-wrap.fuel .flowlist li:nth-child(1):after {
  background-image: url("../../lp3/flowimage01.svg");
  width: 136px;
  height: 96px;
  bottom: 0;
  right: 56px;
}
@media screen and (max-width: 768px) {
  .what.fuelcolor .stickyarea.as:before {
    left: -17px;
  }
  .flow-wrap.fuel .flowlist li:nth-child(2) {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .flow-wrap.fuel .flowlist li:nth-child(1):after {
    background-image: url("../../lp3/flowimage01-sp.svg");
    width: 116px;
    height: 87px;
    bottom: auto;
    right: 7px;
    top: -15px;
  }
  a.fuel-flowbtn {
    display: flex;
    padding: 6px 7px 6px 6px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
  }
  .flow-wrap.fuel .flowlist li:nth-child(4):after {
    width: 68px;
    height: 80.185px;
    right: 32px;
    top: -14px;
  }
	.bunseki-wrap.faqwrap.sokuteiwrap .title span:before {
		 top: 52%;
	}
	
	
}
@media screen and (max-width: 768px) {
  .numimage {
    text-align: center;
  }
  .numimage img {
    height: 100%;
  }
  .bunseki-wrap.faqwrap.sokuteiwrap .title::before {
    top: 48%;
  }
  .bunseki-wrap.faqwrap.sokuteiwrap .toggle:checked + .title::before {
    content: "";
    position: absolute;
    right: 32px;
    /* top: 40px; */
    width: 2px;
    height: 16px;
    flex-shrink: 0;
    background-color: #0094FF;
    transition: all 0.3s;
    top: 43%;
  }
  .sptop-titleimg {
    /* margin: 0 24px 64px;*/
    margin: 0 auto 64px;
    text-align: center;
    width: clamp(83.3vw, 335px, 335px);
  }
  .sptop-titleimg2 {
    /*    max-width: 354px;
	width: clamp(90vw, 335px, 335px);
    height: 187px;
    flex-shrink: 0;
    margin: 0 auto 9px;*/
    /* width: clamp(90vw, 335px, 335px);*/
    margin: 0 24px 40px;
    text-align: center;
    margin-bottom: 40px;
  }
}
.pdfimage {
  width: 100%;
  padding: 0 39px 32px 82px;
}
.content.fuel {}
.content.fuel p {
  padding-bottom: 32px;
}
div.fuelpdfbtn {
  /*  width: 256px;
  height: 64px;*/
  flex-shrink: 0;
  padding: 0 39px 39px 82px;
  margin-bottom: 51px;
}
div.fuelpdfbtn a {
  border-radius: 32px;
  background: var(--main_01, #1F3A9B);
  width: 256px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
	border: 1px solid var(--main_01, #1F3A9B);
}
div.fuelpdfbtn a:hover {
	 background: var(--main_01, #fff);
}


	
div.fuelpdfbtn a span {
  color: var(--white, #FFF);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 187.5% */
}
div.fuelpdfbtn a:hover span {
	color:var(--main_01, #1F3A9B);
	
}

.toggle:checked + .title + .content.fuel {
  max-height: 550px;
}
div.fuelpdfbtn.thanks a {
  margin: 40px auto;
}
@media screen and (max-width: 768px) {
  .option.fuel {
    max-width: 100%;
  }
  .pdfimage {
    padding: 0 32px 48px 66px;
  }
  .toggle:checked + .title + .content.fuel {
    /*  max-height: 800px;*/
    max-height: 234.7vw;
  }
  div.fuelpdfbtn a {
    margin: 0 auto;
  }
  div.fuelpdfbtn {
    padding: 0;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .lp-bottom-telbtn-sp img {
    width: 100%;
    height: auto;
  }
}