@font-face {
  font-family: "Butler900";
  src: url("../fonts/butler/Butler_Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil900";
  src: url("../fonts/butler/Butler_Black_Stencil.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Butler700";
  src: url("../fonts/butler/Butler_Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil700";
  src: url("../fonts/butler/Butler_Bold_Stencil.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Butler800";
  src: url("../fonts/butler/Butler_ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil800";
  src: url("../fonts/butler/Butler_ExtraBold_Stencil.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Butler300";
  src: url("../fonts/butler/Butler_Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil300";
  src: url("../fonts/butler/Butler_Light_Stencil.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Butler500";
  src: url("../fonts/butler/Butler_Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil500";
  src: url("../fonts/butler/Butler_Medium_Stencil.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Butler400";
  src: url("../fonts/butler/Butler_Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil400";
  src: url("../fonts/butler/Butler_Regular_Stencil.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Butler200";
  src: url("../fonts/butler/Butler_Ultra_Light.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "ButlerStencil200";
  src: url("../fonts/butler/Butler_Ultra_Light_Stencil.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
}
.p_top_mv {
  background-color: transparent !important;
  padding-bottom: 75vh;
  padding-bottom: 75lvh;
}
@media screen and (min-width: 768px) {
  .p_top_mv {
    padding-bottom: 67.5vh;
    padding-bottom: 67.5lvh;
  }
}
.p_top_mv__main {
  position: relative;
  width: 100%;
  z-index: 1;
}
.p_top_mv__main .container {
  display: flex;
  flex-direction: column;
  padding: 0 27px 0 49px;
}
@media screen and (min-width: 768px) {
  .p_top_mv__main .container {
    padding: 0 30px;
    max-width: 1177.5px;
    align-items: flex-end;
  }
}
.p_top_mv__main__inner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__inner {
    min-width: 397.5px;
    transition: all 0.5s;
    left: clamp(0rem, 52.5vw + -39.375rem, 7.875rem);
  }
}
.p_top_mv__main__ttl {
  font-size: 1.3725rem;
  color: #505050;
  letter-spacing: 0.3em;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__ttl {
    font-feature-settings: unset;
    font-size: 1.56890625rem;
  }
}
.p_top_mv__main__txt {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__txt {
    margin-top: 26.25px;
  }
}
.p_top_mv__main__txt .txt {
  font-feature-settings: "palt";
  font-size: 0.776875rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #505050;
  line-height: 2.0901045857;
  margin-top: 26px;
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__txt .txt {
    font-feature-settings: unset;
    margin-top: 30.75px;
    line-height: 2.090813094;
    font-size: 0.8878125rem;
  }
}
.p_top_mv__main__txt .txt:first-child {
  margin-top: 0;
}
.p_top_mv__main__txt .txt_sup {
  display: inline-block;
  position: relative;
  top: -3px;
  font-size: 0.6841875rem;
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__txt .txt_sup {
    top: -5.4px;
    font-size: 0.71025rem;
  }
}
.p_top_mv__main__note {
  font-size: 0.6841875rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  color: #505050;
  line-height: 2.0901045857;
  margin-top: 32px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p_top_mv__main__note {
    font-feature-settings: unset;
    margin-top: 37.5px;
    line-height: 2.090813094;
    font-size: 0.7640625rem;
  }
}
.p_top_mv__h100 {
  height: 100vh;
  height: 100lvh;
}

.p_top_about {
  padding-top: 79px;
  padding-bottom: 67px;
}
@media screen and (min-width: 768px) {
  .p_top_about {
    padding-bottom: 180px;
    padding-top: 165px;
  }
}
.p_top_about__wrap {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_top_about__wrap {
    padding-top: 45px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_about .container {
    max-width: 972px;
  }
}
.p_top_about__blocks {
  display: grid;
  grid-gap: 68px 0;
  margin-top: 134px;
}
@media screen and (min-width: 768px) {
  .p_top_about__blocks {
    margin-top: 102.75px;
    grid-gap: 30px clamp(1.171875rem, 4.125vw + -1.921875rem, 2.203125rem);
    grid-template-columns: repeat(auto-fit, minmax(277.5px, 1fr));
  }
}
.p_top_about__block__head {
  background-color: #000;
  padding: 9px 5px 7px;
}
@media screen and (min-width: 768px) {
  .p_top_about__block__head {
    padding: 9.75px 7.5px 6.75px;
  }
}
.p_top_about__block__head .ttl {
  text-align: center;
  color: #fff;
  font-size: 1.24rem;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.5;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) {
  .p_top_about__block__head .ttl {
    font-size: 1.02984375rem;
  }
}
.p_top_about__block__main {
  padding: 20px 0 0;
}
@media screen and (min-width: 768px) {
  .p_top_about__block__main {
    padding: 14.25px 0 0;
  }
}
.p_top_about__block__main .txt {
  letter-spacing: 0.11em;
  color: #505050;
  font-weight: 500;
  font-feature-settings: "palt";
  font-size: 0.885625rem;
  line-height: 1.9004940014;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p_top_about__block__main .txt {
    line-height: 1.9313868613;
    font-size: 0.96328125rem;
  }
}
.p_top_about__block__main .let80 {
  letter-spacing: 0.08em;
}
.p_top_about .mt6 {
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .p_top_about .mt6 {
    margin-top: 0;
  }
}

.p_top_product {
  padding-top: 60px;
}
@media screen and (min-width: 768px) {
  .p_top_product {
    padding-top: 48.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_product_sec01 .container {
    max-width: 100%;
    padding: 0;
  }
}
.p_top_product_sec02 {
  padding-top: 93px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02 {
    padding-top: 192.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02 .container {
    max-width: 972.75px;
  }
}
.p_top_product_sec02__grids {
  display: grid;
  grid-gap: 90px 0;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grids {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: clamp(1.875rem, 16.5vw + -10.5rem, 6rem) clamp(1.171875rem, 11.0625vw + -7.125rem, 3.9375rem);
  }
}
.p_top_product_sec02__grid__img {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}
.p_top_product_sec02__grid__img .txt {
  position: absolute;
  right: 10px;
  bottom: 2px;
  display: block;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 0.775875rem;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__img .txt {
    right: 11.25px;
    font-size: 0.6975rem;
  }
}
.p_top_product_sec02__grid__main {
  padding-top: 33px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main {
    padding-top: 25.5px;
  }
}
.p_top_product_sec02__grid__main .ttl {
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: 1.375rem;
  line-height: 1.7650477377;
  color: #505050;
  letter-spacing: 0.15em;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .ttl {
    font-size: 1.1625rem;
    font-feature-settings: unset;
    letter-spacing: 0.1em;
    line-height: 1.8286290323;
  }
}
.p_top_product_sec02__grid__main .ttl .txt_sup {
  position: relative;
  top: -7px;
  font-size: 0.8875rem;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .ttl .txt_sup {
    font-size: 0.69375rem;
  }
}
.p_top_product_sec02__grid__main .desc {
  letter-spacing: 0.11em;
  color: #505050;
  font-feature-settings: "palt";
  font-weight: 500;
  line-height: 1.9004940014;
  font-size: 0.885625rem;
  margin-top: 24px;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .desc {
    letter-spacing: 0.08em;
    margin-top: 13.5px;
    font-size: 0.93rem;
    line-height: 2.0005040323;
  }
}
.p_top_product_sec02__grid__main .desc .txt_sup {
  position: relative;
  top: -4px;
  font-size: 0.625rem;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .desc .txt_sup {
    top: -7px;
    font-size: 0.74375rem;
  }
}
.p_top_product_sec02__grid__main .desc.mt20 {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .desc.mt20 {
    margin-top: 13.5px;
  }
}
.p_top_product_sec02__grid__main .desc.mt27 {
  margin-top: 27px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main .desc.mt27 {
    margin-top: 13.5px;
  }
}
.p_top_product_sec02__grid__main.pt39 {
  padding-top: 39px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main.pt39 {
    padding-top: 25.5px;
  }
}
.p_top_product_sec02__grid__main.pt28 {
  padding-top: 28px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid__main.pt28 {
    padding-top: 25.5px;
  }
}
.p_top_product_sec02__grid.mt11 {
  margin-top: 11px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__grid.mt11 {
    margin-top: 0;
  }
}
.p_top_product_sec02__note {
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  font-size: 0.6841875rem;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__note {
    letter-spacing: 0.06em;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 7.5px 10.5px;
    margin-top: 70.5px;
    font-size: 0.7640625rem;
  }
}
.p_top_product_sec02__note .item {
  display: flex;
  gap: 5px 7px;
}
@media screen and (min-width: 768px) {
  .p_top_product_sec02__note .item {
    gap: 5px 4px;
  }
}
.p_top_product_bg .bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.p_top_product_list {
  margin-top: 134px;
  display: grid;
}
@media screen and (min-width: 768px) {
  .p_top_product_list {
    margin-top: 121px;
    grid-template-columns: repeat(3, 1fr);
  }
}
.p_top_product_list .item {
  width: clamp(18.5625rem, 39.0306122449vw + 9.4147002551rem, 28.125rem);
  border: 1px solid #000;
  border-top: 0;
  padding: 0 5px 22px;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item {
    margin: 0;
    width: auto;
    border: 0;
    padding: 0;
    transition: all 0.5s;
  }
  .p_top_product_list .item:hover {
    opacity: 0.7;
  }
  .p_top_product_list .item:hover .ttl {
    color: #cd9e3e;
  }
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item .ttl {
    transition: all 0.5s;
  }
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item_toparea {
    padding: 0 22.5px 36px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
  }
}
.p_top_product_list .item_toparea .fig {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 460/410;
  margin-inline: auto;
  max-width: 220px;
  margin-top: 23px;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item_toparea .fig {
    max-width: 460px;
    margin-top: 61.25px;
  }
}
.p_top_product_list .item_toparea .fig.i03 {
  left: -3px;
  top: 15px;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item_toparea .fig.i03 {
    top: 20px;
    left: -5px;
  }
}
.p_top_product_list .item_toparea .ttl {
  font-size: 0.68625rem;
  line-height: 1.4198542805;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-align: center;
  margin-top: 25px;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item_toparea .ttl {
    margin-top: 31.25px;
    font-size: 1.10296875rem;
    line-height: 1.4636634084;
  }
}
.p_top_product_list .item_bottomarea {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 28px;
  margin-top: 33px;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item_bottomarea {
    margin-top: 50px;
    gap: 30px;
    padding: 0 3.75px;
  }
}
.p_top_product_list .item:first-of-type {
  border-top: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p_top_product_list .item:first-of-type {
    border-top: 0;
  }
}
.p_top_product_list .item:first-of-type .item_toparea {
  border-left: 0;
}

.p_top_usage {
  padding-top: 96px;
}
@media screen and (min-width: 768px) {
  .p_top_usage {
    padding-top: 130px;
  }
}
.p_top_usage__block01 {
  position: relative;
  z-index: 1;
  padding-bottom: 45px;
}
@media screen and (min-width: 768px) {
  .p_top_usage__block01 {
    padding-bottom: 146.25px;
  }
}
.p_top_usage__liststep {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 43px 50px;
  margin-top: 134px;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep {
    margin-top: 124px;
    flex-direction: row;
    gap: 120px 37.5px;
  }
}
.p_top_usage__liststep .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 78px;
  background-color: #ffffff;
  border: 1px solid #000000;
  font-weight: 500;
  font-size: 1.5725rem;
  line-height: 1.492845787;
  letter-spacing: 0.15em;
  color: #000000;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item {
    writing-mode: vertical-rl;
    width: clamp(2.5rem, 2.4522569444vw + 1.3229166667rem, 4.265625rem);
    height: 258.75px;
    font-size: 1.3621875rem;
    line-height: 1.4631796284;
  }
}
.p_top_usage__liststep .item.has_bg {
  background-color: #f0f0e6;
  padding-right: 87px;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item.has_bg {
    padding-right: 0;
  }
}
.p_top_usage__liststep .item::before {
  content: "";
  display: block;
  width: 36px;
  height: 8px;
  background: url(../images/top/icon_usage_arrow01.svg) center/cover no-repeat;
  position: absolute;
  top: calc(100% + 19px);
  right: calc(50% - 17px);
  translate: 0 -50%;
  rotate: 90deg;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item::before {
    width: 31.5px;
    height: 7.5px;
    translate: -50% 0;
    top: calc(50% - 3.75px);
    right: calc(100% - 8.25px);
    rotate: 0deg;
  }
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item:first-child::before {
    display: none;
  }
}
.p_top_usage__liststep .item:last-child::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item:last-child::before {
    display: block;
  }
}
.p_top_usage__liststep .item .img01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 87px;
  height: 76px;
  border-left: 1px solid #000000;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img01 {
    width: 93px;
    height: auto;
    top: unset;
    right: unset;
    bottom: -102.75px;
    left: calc(50% - 3px);
    translate: -50% 0;
    border-left: 0;
  }
}
.p_top_usage__liststep .item .img01 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img01 img {
    height: auto;
    object-fit: contain;
  }
}
.p_top_usage__liststep .item .img02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 87px;
  border-left: 1px solid #000000;
  height: 76px;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img02 {
    width: 159.75px;
    bottom: -112.5px;
    top: unset;
    right: calc(50% - 159.75px);
    translate: -50% 0;
    height: auto;
    border-left: 0;
    z-index: -1;
  }
}
.p_top_usage__liststep .item .img02 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img02 img {
    height: auto;
    object-fit: contain;
  }
}
.p_top_usage__liststep .item .img03 {
  position: absolute;
  top: 0;
  right: 0;
  width: 87px;
  height: 76px;
  border-left: 1px solid #000000;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img03 {
    width: 219px;
    top: unset;
    right: unset;
    bottom: -129px;
    left: calc(50% - 1.5px);
    translate: -50% 0;
    height: auto;
    border-left: 0;
    z-index: -1;
  }
}
.p_top_usage__liststep .item .img03 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .p_top_usage__liststep .item .img03 img {
    height: auto;
    object-fit: contain;
  }
}
.p_top_usage__wrap {
  padding-top: 40px;
}

.p_top_howto {
  padding-top: 60px;
  padding-bottom: 75px;
}
@media screen and (min-width: 768px) {
  .p_top_howto {
    padding-top: 45px;
    padding-bottom: 156px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto .container {
    max-width: 975px;
  }
}
.p_top_howto__blocks {
  position: relative;
  display: grid;
  margin-top: 132px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__blocks {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 125.25px;
  }
}
.p_top_howto__blocks::after {
  position: absolute;
  content: none;
  left: calc(50% - 5px);
  top: calc(50% - 5px);
  background-color: #fff;
  z-index: 1;
  height: 10px;
  width: 10px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__blocks::after {
    content: "";
    left: calc(50% - 3px);
    top: calc(50% - 11.25px);
    height: 13.5px;
    width: 9px;
  }
}
.p_top_howto__block {
  position: relative;
  padding-top: 34px;
  margin-top: 58px;
  border-top: solid 1px #231815;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block {
    border-top: 0;
    padding: 18.75px;
    margin-top: 0;
  }
}
.p_top_howto__block::after, .p_top_howto__block::before {
  position: absolute;
  right: 0;
  background-color: #231815;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block::after, .p_top_howto__block::before {
    right: -2px;
    content: "";
  }
}
.p_top_howto__block::before {
  top: 0;
  width: 1px;
  height: 100%;
}
.p_top_howto__block::after {
  bottom: 0;
  width: 100%;
  height: 1px;
}
.p_top_howto__block:first-child {
  margin-top: 0;
}
.p_top_howto__block:last-child {
  padding-bottom: 30px;
  border-bottom: solid 1px #231815;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.p_top_howto__block__num {
  position: relative;
  left: 4px;
  font-size: 1.0975rem;
  font-weight: 500;
  line-height: 1;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block__num {
    position: absolute;
    left: 0;
    top: 0;
    left: 3px;
    font-size: 1.355625rem;
  }
}
.p_top_howto__block__inner {
  display: flex;
  gap: 30px 21px;
  margin-top: 13px;
  padding: 0 0 0 8px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block__inner {
    padding: 0;
    gap: 22.5px clamp(0.46875rem, 4.875vw + -3.1875rem, 1.6875rem);
  }
}
.p_top_howto__block__img .img {
  position: relative;
  width: 107px;
  display: block;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block__img .img {
    width: clamp(4.6875rem, 14.625vw + -6.28125rem, 8.34375rem);
  }
}
.p_top_howto__block__img .img01 {
  width: 102px;
  left: 10px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block__img .img01 {
    left: 0;
    width: clamp(5.71875rem, 18.75vw + -8.34375rem, 10.40625rem);
  }
}
.p_top_howto__block__content .txt {
  font-feature-settings: "palt";
  font-weight: 500;
  font-size: 0.7975rem;
  color: #505050;
  text-align: justify;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block__content .txt {
    font-size: 0.90328125rem;
    letter-spacing: 0.1em;
    line-height: 1.6668396471;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-child(even) {
    border-right: 0;
    padding-right: 0;
    padding-left: 36px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-child(even)::before {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-child(even) .p_top_howto__block__num {
    left: 18.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-child(even) .p_top_howto__block__inner {
    gap: 22.5px 10.5px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i01, .p_top_howto__block.i02 {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i01 {
    padding-left: 16.5px;
  }
}
.p_top_howto__block.i01 .p_top_howto__block__inner {
  gap: 30px 26px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i01 .p_top_howto__block__inner {
    margin-top: 0;
    gap: 22.5px clamp(0.46875rem, 4.875vw + -3.1875rem, 1.6875rem);
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i01 .p_top_howto__block__content {
    padding-top: clamp(0rem, 10.125vw + -7.59375rem, 2.53125rem);
  }
}
.p_top_howto__block.i02 {
  padding-top: 30px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i02 {
    padding-top: 0;
  }
}
.p_top_howto__block.i02 .p_top_howto__block__inner {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i02 .p_top_howto__block__inner {
    margin-top: 0;
  }
}
.p_top_howto__block.i02 .p_top_howto__block__content {
  padding-top: 5px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i02 .p_top_howto__block__content {
    padding-top: clamp(0rem, 9vw + -6.75rem, 2.25rem);
  }
}
.p_top_howto__block.i03 {
  margin-top: 33px;
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i03 {
    margin-top: 0;
    padding-top: 18.75px;
  }
}
.p_top_howto__block.i03 .p_top_howto__block__inner {
  margin-top: -7px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i03 .p_top_howto__block__inner {
    gap: 22.5px 15px;
    margin-top: 0;
  }
}
.p_top_howto__block.i03 .p_top_howto__block__content {
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i03 .p_top_howto__block__content {
    padding-top: clamp(0rem, 18.375vw + -13.78125rem, 4.59375rem);
  }
}
.p_top_howto__block.i04 {
  margin-top: 36px;
  padding-top: 29px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i04 {
    margin-top: 0;
    padding-top: 18.75px;
  }
}
.p_top_howto__block.i04 .p_top_howto__block__inner {
  margin-top: -3px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i04 .p_top_howto__block__inner {
    gap: 22.5px 15px;
    margin-top: 0;
  }
}
.p_top_howto__block.i04 .p_top_howto__block__content {
  padding-top: 19px;
}
@media screen and (min-width: 768px) {
  .p_top_howto__block.i04 .p_top_howto__block__content {
    padding-top: clamp(0rem, 14.25vw + -10.6875rem, 3.5625rem);
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-last-child(-n+2) {
    border-bottom: 0;
    padding-top: 14.25px;
    padding-bottom: 9.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-last-child(-n+2)::after {
    content: none;
  }
}
@media screen and (min-width: 768px) {
  .p_top_howto__block:nth-last-child(-n+2) .p_top_howto__block__num {
    top: 18.75px;
  }
}
.p_top_howto__txt01 {
  font-weight: 500;
  letter-spacing: 0.08em;
  color: #505050;
  margin-top: 30px;
  display: none;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p_top_howto__txt01 {
    display: block;
    margin-top: 96px;
    font-size: 0.7640625rem;
    line-height: 2.0871165644;
  }
}

.p_top_features {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .p_top_features {
    padding-top: 138px;
  }
}
.p_top_features__wrap {
  padding-top: 40px;
}
.p_top_features__blocks .container02 {
  padding: 0 48px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p_top_features__blocks .container02 {
    max-width: 975px;
    margin: 0 auto;
    padding: 0 30px;
  }
}
.p_top_features__block01 {
  margin-top: 133px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block01 {
    margin-top: 125px;
  }
}
.p_top_features__block02 {
  margin-top: 79px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 {
    margin-top: 58px;
  }
}
.p_top_features__block02 .ttl {
  font-size: 1.505625rem;
  font-weight: 500;
  line-height: 1.7650477377;
  letter-spacing: 0.155em;
  color: #505050;
  font-feature-settings: "palt";
  margin: 0 -15px 0 0;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .ttl {
    font-size: 1.1625rem;
    line-height: 1.8286290323;
    letter-spacing: 0.1em;
    font-feature-settings: unset;
    margin: 0;
  }
}
.p_top_features__block02 .ttl .char_r {
  top: -4px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .ttl .char_r {
    top: 1px;
  }
}
.p_top_features__block02 .ttl sup:not(.char_r) {
  font-size: 0.7528125rem;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .ttl sup:not(.char_r) {
    font-size: 0.6975rem;
  }
}
.p_top_features__block02 .whitespace {
  white-space: nowrap;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .whitespace {
    white-space: wrap;
  }
}
.p_top_features__block02 .flexarea {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  width: 100%;
  gap: 9px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea {
    margin-top: -7.5px;
    gap: 0;
    flex-direction: row;
  }
}
.p_top_features__block02 .flexarea_content {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_content {
    width: calc(100% - clamp(24.0625rem, 1.2152777778vw + 23.4791666667rem, 24.9375rem));
    padding-right: clamp(1.25rem, 6.0763888889vw + -1.6666666667rem, 5.625rem);
    margin-top: 32px;
  }
}
.p_top_features__block02 .flexarea_content__desc {
  font-size: 0.885625rem;
  font-weight: 500;
  line-height: 1.9004940014;
  letter-spacing: 0.099em;
  color: #505050;
  text-align: justify;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_content__desc {
    font-size: 0.93rem;
    line-height: 2.0005040323;
    letter-spacing: 0.08em;
    font-feature-settings: unset;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_content__desc .char_r {
    top: 2px;
  }
}
.p_top_features__block02 .flexarea_content__desc sup:not(.char_r) {
  font-size: 0.4428125rem;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_content__desc sup:not(.char_r) {
    font-size: 0.558rem;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_fig {
    width: clamp(24.0625rem, 1.2152777778vw + 23.4791666667rem, 24.9375rem);
    position: relative;
    right: clamp(0rem, 13.4375vw + -13.4375rem, 2.6875rem);
    top: clamp(0rem, -9.2592592593vw + 6.9444444444rem, 2.5rem);
  }
}
.p_top_features__block02 .notes {
  font-size: 0.62rem;
  font-weight: 400;
  line-height: 1.7147177419;
  letter-spacing: 0.1em;
  text-align: justify;
  font-feature-settings: "palt";
  color: #505050;
  margin-top: 75px;
  margin-left: 1px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .notes {
    font-size: 0.73078125rem;
    line-height: 1.7273893521;
    margin-top: 48px;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block02 .flexarea_fig {
    right: clamp(0rem, 5.3125vw + -3.984375rem, 0.796875rem);
  }
}
.p_top_features__block03 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block03 .c_box01 {
    margin-top: 81px;
  }
}
.p_top_features__block04 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .c_box01 {
    margin-top: 105.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__fig {
    margin-top: 60px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__contentarea {
    margin-top: 29px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__contentarea .line {
    margin-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__contentarea .desc02 {
    margin-top: 14px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__contentarea .notes {
    margin-top: 50.25px;
    font-feature-settings: "palt";
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__grbtns {
    margin-top: 51px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block04 .product_box__list {
    margin-top: 87.75px;
  }
}
.p_top_features__block05 .c_box01 {
  margin-top: 95px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .c_box01 {
    margin-top: 105.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box__fig {
    margin-top: 23px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box__contentarea {
    margin-top: 46.5px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box__contentarea .desc02 {
    margin-top: 13px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box__contentarea .notes {
    margin-top: 61.5px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box__grbtns {
    margin-top: 59.25px;
  }
}
.p_top_features__block05 .product_box02__list {
  margin-top: 111px;
}
@media screen and (min-width: 768px) {
  .p_top_features__block05 .product_box02__list {
    margin-top: 83.25px;
  }
}

.c_box01 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 93px;
}
@media screen and (min-width: 768px) {
  .c_box01 {
    gap: clamp(1.875rem, 2.6041666667vw + 0.625rem, 3.75rem);
    flex-direction: row;
  }
}
.c_box01__item {
  width: 100%;
}
.c_box01__item .fig {
  position: relative;
  aspect-ratio: 567.48/385.18;
  width: 100%;
}
.c_box01__item .fig_cat {
  position: absolute;
  right: 9px;
  bottom: 1px;
  font-weight: 500;
  font-size: 0.775rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .fig_cat {
    right: 12.75px;
    bottom: 6px;
    font-size: 0.6975rem;
  }
}
.c_box01__item .fig img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c_box01__item .content {
  color: #505050;
}
.c_box01__item .content_ttl {
  font-size: 1.505625rem;
  font-weight: 500;
  line-height: 1.7650477377;
  letter-spacing: 0.15em;
  margin-top: 34px;
  font-feature-settings: "palt";
  width: calc(100% + 12px);
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl {
    width: auto;
    font-size: 1.1625rem;
    line-height: 1.8286290323;
    letter-spacing: 0.1em;
    font-feature-settings: unset;
    margin-top: 24px;
  }
}
.c_box01__item .content_ttl .char_r {
  top: -4px;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl .char_r {
    top: 1px;
  }
}
.c_box01__item .content_ttl sup:not(.char_r) {
  font-size: 0.775rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_ttl sup:not(.char_r) {
    font-size: 0.6975rem;
  }
}
.c_box01__item .content_desc {
  font-size: 0.885625rem;
  font-weight: 500;
  line-height: 1.9004940014;
  letter-spacing: 0.11em;
  margin-top: 21px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc {
    font-size: 0.93rem;
    line-height: 2.0005040323;
    letter-spacing: 0.087em;
    margin-top: 12.75px;
  }
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc .char_r {
    top: 3px;
  }
}
.c_box01__item .content_desc sup:not(.char_r) {
  font-size: 0.4428125rem;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_desc sup:not(.char_r) {
    font-size: 0.558rem;
  }
}
.c_box01__item .content_notes {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.7147177419;
  letter-spacing: 0.3em;
  font-feature-settings: "palt";
  color: #505050;
  margin-top: 17px;
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_notes {
    font-size: 0.73078125rem;
    line-height: 1.7273893521;
    letter-spacing: 0.15em;
    margin-top: 18.75px;
  }
}
@media screen and (min-width: 768px) {
  .c_box01__item .content_notes sup:not(.char_r) {
    font-size: 0.43846875rem;
  }
}

.product_box__ttl {
  font-size: 1.01875rem;
  line-height: 1.9128834356;
  letter-spacing: 0.1em;
  color: #505050;
  font-feature-settings: "palt";
  margin-inline: auto;
  position: relative;
  width: calc(100% + clamp(0rem, -2.5510204082vw + 1.2228954082rem, 0.625rem));
}
@media screen and (min-width: 768px) {
  .product_box__ttl {
    left: clamp(0rem, 7.5vw + -7.5rem, 1.5rem);
    width: max-content;
    font-size: 1.9265625rem;
    line-height: 2;
    letter-spacing: 0.178em;
  }
}
.product_box__ttl sup:not(.char_r) {
  font-size: 0.509375rem;
}
@media screen and (min-width: 768px) {
  .product_box__ttl sup:not(.char_r) {
    font-size: 1.1559375rem;
  }
}
.product_box__fig {
  margin-top: 43px;
  margin-inline: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product_box__fig {
    max-width: 732px;
    margin-inline: auto;
    margin-top: 70.5px;
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i01 {
    left: clamp(0rem, 8.75vw + -8.75rem, 1.75rem);
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i02 {
    left: -31px;
    max-width: 747px;
  }
}
@media screen and (min-width: 768px) {
  .product_box__fig.i03 {
    left: -5px;
    max-width: 738px;
  }
}
.product_box__contentarea {
  color: #505050;
  margin-inline: auto;
  margin-top: 33px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea {
    margin-top: 27px;
    max-width: clamp(30.765625rem, -8.671875vw + 41.171875rem, 32.5rem);
  }
}
.product_box__contentarea .ttl {
  font-size: 0.885625rem;
  line-height: 1.4001411433;
  letter-spacing: 0.15em;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .ttl {
    font-size: 1.3621875rem;
    line-height: 1.4631796284;
    letter-spacing: 0.15em;
  }
}
.product_box__contentarea .weight {
  font-size: 0.664375rem;
  font-weight: 500;
  line-height: 1.5644402634;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 6px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .weight {
    margin-top: 6px;
    font-size: 0.96328125rem;
    line-height: 1.6554744526;
    letter-spacing: 0.1em;
  }
}
.product_box__contentarea .desc {
  font-size: 0.664375rem;
  font-weight: 500;
  line-height: 1.6669802446;
  letter-spacing: 0.15em;
  text-align: justify;
  margin-top: 9px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc {
    font-size: 0.96328125rem;
    line-height: 1.7931873479;
    letter-spacing: 0.15em;
    margin-top: 13.5px;
  }
}
.product_box__contentarea .line {
  width: 100%;
  height: 1px;
  display: block;
  background-color: #505050;
  margin-top: 9.75px;
}
.product_box__contentarea .desc02 {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.6431451613;
  letter-spacing: 0.1em;
  text-align: justify;
  margin-top: 18px;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc02 {
    font-size: 0.89671875rem;
    margin-right: clamp(-1.875rem, -2.6041666667vw + 1.25rem, 0rem);
    line-height: 1.8520648197;
  }
}
.product_box__contentarea .desc02 sup:not(.char_r) {
  font-size: 0.31rem;
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .desc02 sup:not(.char_r) {
    font-size: 0.53803125rem;
  }
}
.product_box__contentarea .notes {
  font-size: 0.4875rem;
  font-weight: 400;
  line-height: 2.0897435897;
  letter-spacing: 0.15em;
  color: #545252;
  margin-top: 13px;
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .product_box__contentarea .notes {
    font-size: 0.73078125rem;
    margin-top: 30px;
    line-height: 1.7273893521;
  }
}
.product_box__grbtns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 63px;
}
@media screen and (min-width: 768px) {
  .product_box__grbtns {
    margin-top: 72px;
  }
}

.product_box02__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 72px;
}
@media screen and (min-width: 768px) {
  .product_box02__list {
    gap: 15px;
    margin-top: 91px;
  }
}
.product_box02__list .item {
  width: 227px;
  height: 146px;
  background-color: #f0f0e6;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.32875rem;
  font-weight: 500;
  line-height: 1.4666039511;
  letter-spacing: 0.1em;
  text-align: center;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .product_box02__list .item {
    width: 170.25px;
    height: 109.5px;
    font-size: 0.9965625rem;
  }
}
.product_box02__list .item .item_txtsmall {
  font-size: 0.79725rem;
  font-weight: 500;
  line-height: 2.1;
  letter-spacing: 0.1em;
  margin-top: 4px;
}
@media screen and (min-width: 768px) {
  .product_box02__list .item .item_txtsmall {
    font-size: 0.5979375rem;
    margin-top: 3px;
  }
}
.product_box02__desc {
  font-size: 0.62rem;
  font-weight: 500;
  line-height: 1.7862903226;
  letter-spacing: 0.08em;
  text-align: justify;
  margin-top: 48px;
  color: #505050;
}
@media screen and (min-width: 768px) {
  .product_box02__desc {
    font-size: 0.7640625rem;
    line-height: 1.9128834356;
    letter-spacing: 0.03em;
    margin-top: 43.5px;
  }
}

.p_top_faq {
  padding-top: 102px;
  padding-bottom: 88px;
}
@media screen and (min-width: 768px) {
  .p_top_faq {
    padding-top: 116px;
    padding-bottom: 169px;
  }
}
.p_top_faq__wrap {
  padding-top: 40px;
}
@media screen and (min-width: 768px) {
  .p_top_faq .container {
    max-width: 975px;
  }
}
.p_top_faq__txt01 {
  margin-top: 41px;
  letter-spacing: 0.04em;
  font-weight: 500;
  color: #505050;
  font-size: 0.93rem;
  line-height: 1.9052419355;
  width: calc(100% + clamp(0rem, -3300vw + 806.4375rem, 2.0625rem));
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .p_top_faq__txt01 {
    letter-spacing: 0.08em;
    line-height: 1.9313868613;
    font-size: 0.96328125rem;
    text-align: center;
    margin-top: 34px;
  }
}
.p_top_faq__list {
  margin-top: 54px;
}
@media screen and (min-width: 768px) {
  .p_top_faq__list {
    margin-top: 38px;
  }
}
.p_top_faq__item {
  border-top: solid 1px #231815;
  padding-top: 47px;
  margin-top: 47px;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item {
    margin-top: 68.75px;
    padding-top: 34.5px;
  }
}
.p_top_faq__item:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item:last-child {
    border-bottom: solid 1px #231815;
    padding-bottom: 43.5px;
  }
}
.p_top_faq__item__q .ttl {
  color: #505050;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-size: 1.505625rem;
  line-height: 1.6475716065;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__q .ttl {
    line-height: 1.9621938232;
    font-size: 1.760625rem;
  }
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__q .fz35 {
    font-size: 1.66078125rem;
  }
}
.p_top_faq__item__a {
  margin-top: 23px;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__a {
    margin-top: 17.25px;
  }
}
.p_top_faq__item__a .txt {
  letter-spacing: 0.04em;
  font-weight: 500;
  color: #505050;
  font-size: 0.93rem;
  line-height: 1.9052419355;
  text-align: justify;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__a .txt {
    letter-spacing: 0.08em;
    line-height: 1.9313868613;
    font-size: 0.96328125rem;
  }
}
.p_top_faq__item__a .txt_link {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__a .txt_link {
    transition: all 0.5s;
  }
  .p_top_faq__item__a .txt_link:hover {
    opacity: 0.7;
  }
  .p_top_faq__item__a .txt_link:hover::after {
    opacity: 0;
  }
}
.p_top_faq__item__a .txt_link::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background-color: #505050;
  opacity: 1;
  transition: all 0.5s;
  width: 100%;
  height: 1px;
}
@media screen and (min-width: 768px) {
  .p_top_faq__item__a .txt_mail {
    transition: all 0.5s;
  }
  .p_top_faq__item__a .txt_mail:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 768px) {
  .p_top_faq .lh01 {
    line-height: 2.0690997567;
  }
}
.p_top_faq .mt25 {
  margin-top: 28px;
}
@media screen and (min-width: 768px) {
  .p_top_faq .mt25 {
    margin-top: 18.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_faq .pt49 {
    padding-top: 36.75px;
  }
}
@media screen and (min-width: 768px) {
  .p_top_faq .mt27 {
    margin-top: 20.25px;
  }
}
.p_top_faq .pt41 {
  padding-top: 41px;
}
@media screen and (min-width: 768px) {
  .p_top_faq .pt41 {
    padding-top: 34.5px;
  }
}
.p_top_faq .mt45 {
  margin-top: 45px;
  padding-top: 81px;
}
@media screen and (min-width: 768px) {
  .p_top_faq .mt45 {
    padding-top: 34.5px;
    margin-top: 39.75px;
  }
}

.p_top_section {
  background-color: #fff;
}

.char_r {
  position: relative;
  font-size: 1rem;
  top: -1px;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .char_r {
    top: 1px;
    font-size: 1.25rem;
  }
}

.dinlineblock {
  display: inline-block;
}

/*# sourceMappingURL=top.css.map */