@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Crimson+Text&display=swap");

[data-anim] {

  transition: 0.6s all;

}



[data-anim="false"] {

  transform: translateY(2vh);

  -ms-transform: translateY(100px);

  opacity: 0;

}



/*--------------------------

    共通設定

----------------------------*/

body {

  width: 100%;

  font-size: 62.5%;

  overflow-x: hidden;

}

body.fixed {

  overflow: hidden;

}



.contents {

  width: 100%;

  overflow: hidden;

  color: #000;

  font-family: "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  font-weight: 400;

  letter-spacing: 0.05em;

}

.contents *:before,

.contents *:after {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -o-box-sizing: border-box;

  -ms-box-sizing: border-box;

  box-sizing: border-box;

}



.contents img,

.contents svg {

  width: 100%;

  height: auto;

  vertical-align: bottom;

}



.contents .cart_btn {

  background: #d2e7a8;

  padding: 5px;

  margin-top: 10px;

  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);

}



.contents .cart_btn a {

  display: block;

  cursor: pointer;

  text-decoration: none;

  background: linear-gradient(#a3ce4b, #7dad00);

  border: none;

  padding: 50;

  font-size: 1.5rem;

  text-align: center;

  padding: 15px 0;

  width: 100%;

  color: #fff;

  position: relative;

  transition: all 0.5s ease;

}



.contents .cart_btn a:hover {

  filter: opacity(0.8);

  transition: all 0.5s ease;

}



.contents .cart_btn a:focus {

  outline: none;

}



.contents .cart_btn a:after {

  content: url(https://d3mf92r87u7kbc.cloudfront.net/assets/beauty/refa/refa_collagen/lp/2019_subscriptions_50/images/i_arrow.png);

  right: 15px;

  position: absolute;

  top: 55%;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

}



.contents a {

  color: #000;

  text-decoration: none;

}



.contents table {

  border-collapse: collapse;

}



.contents .container {

  max-width: 750px;

  margin: 0 auto;

}



.contents .pc {

  display: inherit;

}



.contents .sp {

  display: none;

}



@media print, screen and (max-width: 767px) {

  .contents .pc {

    display: none;

  }

  .contents .sp {

    display: inherit;

  }

}



.contents .sup {

  vertical-align: super;

  font-size: 0.6em;

}



/* LINE連携露出強化 */

.head-announce {

  padding: 0;

}



.head-announce a,

.head-announce span {

  color: #fff;

  text-align: center;

  position: relative;

  z-index: 1;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 46px;

  width: 100%;

  background-color: #d6001c;

  text-decoration: none;

  font-size: 1rem;

  line-height: calc(28.8 / 16);

  letter-spacing: 0.08em;

}



.head-announce a:after {

  content: "";

  background-image: url("/assets/beauty/refa/haircare/products/img/ic-arrow-white.png");

  background-repeat: no-repeat;

  background-size: contain;

  width: 10px;

  height: 10px;

  display: block;

  margin-left: 11px;

  position: relative;

  top: 2px;

}



@media (max-width: 768px) {

  .head-announce a {

    /* font-size: 0.875rem; */

    font-size: 2.9333333333vmin;

    letter-spacing: -0.025em;

    line-height: calc(39.2 / 14);

  }

  .head-announce span {

    height: 12.8vmin;

    font-size: 2.9333333333vmin;

    letter-spacing: -0.025em;

  }

  .head-announce a:after {

    margin-left: 13px;

    top: auto;

  }

}



.clearfix::after {

  content: "";

  display: block;

  clear: both;

}



[data-movie-id] {

  cursor: pointer;

}



[data-anim] {

  transition: 0.6s all;

}



[data-anim="false"] {

  transform: translateY(2vh);

  opacity: 0;

}



.wrapper_ {

  padding-top: 0 !important;

}



#psl {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  pointer-events: none;

}



#pageTopBtn {

  display: none !important;

}



/* 20231018追加 */

.product-buy-button {

  position: fixed;

  z-index: 9999;

  right: 0;

  bottom: 0;

  display: inline-block;

  visibility: hidden;

  width: 100px;

  height: 100px;

  -webkit-transition: all 0.15s ease;

  transition: all 0.15s ease;

  text-decoration: none;

  opacity: 0;

}



.product-buy-button.on {

  visibility: visible;

  opacity: 1;

}



@media (min-width: 768px) {

  .product-buy-button.on:hover {

    opacity: 0.7;

  }

}



/* 20231018追加 */

@media only screen and (max-width: 767.98px) {

  .product-buy-button {

    width: 60px;

    height: 60px;

  }

}



@media screen and (max-width: 767.98px) {

  #floating-bnr {

    top: auto;

    right: auto;

    bottom: 1vw;

    left: 1vw;

    width: 22.666666vw;

    max-width: 170px;

    transform: translateX(-10px);

  }

}



/* Slider */

.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}



.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}



[dir="rtl"] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

  display: none;

}



/*--------------------------

 buy now

----------------------------*/

@media (min-width: 768px) {

  section.buy-now .block-title {

    text-align: center;

    margin: auto;

    margin-bottom: 48px;

  }

  section.buy-now .block-title .sub {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.5rem;

    line-height: calc(33.6 / 24);

    letter-spacing: 0.08em;

    display: block;

  }

  section.buy-now .block-title .main {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 2.5rem;

    line-height: calc(56 / 40);

    letter-spacing: 0.08em;

    display: block;

  }

  section.buy-now .block-title:after {

    content: "";

    width: 44px;

    height: 1px;

    background-color: #3c4249;

    margin: 14px auto 0 auto;

    display: block;

  }

  section.buy-now #refa-epi-w-buy-now.inner {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1000px;

    margin: auto auto 20px auto;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .ja {

    font-size: 15px;

    line-height: calc(30.8 / 22);

    letter-spacing: 0.08em;

    display: block;

    margin-bottom: min(1.8181818182vw, 20px);

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .en {

    display: block;

    width: min(29.5454545455vw, 325px);

    margin-bottom: min(1.3636363636vw, 15px);

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .price {

    display: block;

    width: 190px;

    margin-bottom: 30px;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt {

    margin-bottom: 36px;

  }

  section.buy-now #refa-epi-w-buy-now .block-left {

    width: 480px;

    margin: 0 -100px 0 -150px;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .slide-target {

    overflow: hidden;

    position: relative;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .img-wrapper {

    position: relative;

    pointer-events: none;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .zoom:after {

    content: "";

    display: block;

    background-image: url("../img/ic-zoom.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 24px;

    height: 24px;

    position: absolute;

    bottom: 20px;

    right: 20px;

  }

  section.buy-now #refa-epi-w-buy-now .block-right {

    position: relative;

    z-index: 10;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation {

    display: flex;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li:nth-of-type(n + 2) {

    margin-left: 10px;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li {

    border: 1px solid #d8dee5;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li.active {

    border: 1px solid #8f999f;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation .img-wrapper {

    width: 84px;

  }

  section.buy-now #refa-epi-w-buy-now .button-next,

  section.buy-now #refa-epi-w-buy-now .button-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    cursor: pointer;

  }

  section.buy-now #refa-epi-w-buy-now .button-next[aria-disabled="true"],

  section.buy-now #refa-epi-w-buy-now .button-prev[aria-disabled="true"] {

    display: none;

  }

  section.buy-now #refa-epi-w-buy-now .button-prev {

    left: 15px;

  }

  section.buy-now #refa-epi-w-buy-now .button-next {

    right: 15px;

  }

  section.buy-now #refa-epi-w-buy-now .button-next::after {

    content: "";

    display: block;

    background-image: url("/assets/beauty/refa/haircare/common/img/im-carousel-right.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-buy-now .button-prev::after {

    content: "";

    display: block;

    background-image: url("/assets/beauty/refa/haircare/common/img/im-carousel-left.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-set-buy-now.inner {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 1000px;

    margin: auto auto 20px auto;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .ja {

    font-size: 26px;

    font-weight: bold;

    line-height: calc(30.8 / 22);

    letter-spacing: 0.08em;

    display: block;

    margin: 12px 0;

    text-align: center;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .ja .small {

    font-size: 0.6em;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .en {

    display: block;

    width: 245px;

    margin: 0 auto 25px;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .price {

    display: block;

    width: 190px;

    margin: 0 auto 30px;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt {

    margin-bottom: 36px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left {

    width: 480px;

    margin-right: -100px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .slide-target {

    overflow: hidden;

    position: relative;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .img-wrapper {

    position: relative;

    pointer-events: none;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .zoom:after {

    content: "";

    display: block;

    background-image: url("../img/ic-zoom.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 24px;

    height: 24px;

    position: absolute;

    bottom: 20px;

    right: 20px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right {

    position: relative;

    z-index: 10;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation {

    display: flex;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li:nth-of-type(n + 2) {

    margin-left: 10px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li {

    border: 1px solid #d8dee5;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li.active {

    border: 1px solid #8f999f;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation .img-wrapper {

    width: 84px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next,

  section.buy-now #refa-epi-w-set-buy-now .button-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

    cursor: pointer;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next[aria-disabled="true"],

  section.buy-now #refa-epi-w-set-buy-now .button-prev[aria-disabled="true"] {

    display: none;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-prev {

    left: 15px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next {

    right: 15px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next::after {

    content: "";

    display: block;

    background-image: url("/assets/beauty/refa/haircare/common/img/im-carousel-right.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-prev::after {

    content: "";

    display: block;

    background-image: url("/assets/beauty/refa/haircare/common/img/im-carousel-left.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now .block-split {

    width: 720px;

    background-color: #f4f4f6;

    margin: auto;

    margin-bottom: 40px;

  }

  section.buy-now .block-split .inner {

    padding: 42px 80px 0 118px;

    display: flex;

    align-items: center;

  }

  section.buy-now .block-split .inner-2 {

    display: flex;

    padding: 0 40px 40px 40px;

  }

  section.buy-now .block-split .inner .block-left {

    width: 98px;

    margin-right: 13px;

  }

  section.buy-now .block-split .inner .block-right {

    margin-left: -1px;

  }

  section.buy-now .block-split .inner-2 .block-left {

    margin-right: 20px;

  }

  section.buy-now .block-split .btn-link {

    border: 1px solid #8f999f;

    width: 310px;

    margin: 18px auto 0 auto;

    background-color: #fff;

  }

  section.buy-now .block-split .btn-link a {

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    width: 100%;

    min-height: 56px;

    font-size: 0.75rem;

    line-height: calc(16.8 / 12);

    letter-spacing: 1.12px;

    color: #000000;

    padding: 11px 20px 11px 20px;

    position: relative;

    text-align: center;

  }

  section.buy-now .block-split .btn-link a:after {

    content: "";

    background-image: url("/assets/beauty/refa/haircare/common/img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

  }

  section.buy-now .block-split .text-5,

  section.buy-now .block-split .text-1 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.125rem;

    line-height: calc(25.2 / 18);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-5:before {

    content: " ";

  }

  section.buy-now .block-split .text-2 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.575rem;

    line-height: 1;

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-3 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 0.675rem;

    line-height: calc(25.2 / 10.8);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-4 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.125rem;

    line-height: calc(25.2 / 18);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-purchase {

    width: 720px;

    margin: auto auto 30px auto;

    border: 3px solid #d8dee5;

    padding: 24px 0;

  }

  section.buy-now .block-purchase h4 {

    font-size: 1.125rem;

    line-height: calc(25.2 / 18);

    letter-spacing: 0.08em;

    text-align: center;

    padding-bottom: 14px;

    width: 640px;

    margin: auto;

    border-bottom: 1px solid #d8dee5;

  }

  section.buy-now .block-purchase .list {

    display: flex;

    flex-wrap: wrap;

    padding: 32px 37px 0 37px;

  }

  section.buy-now .block-purchase .list > li {

    display: flex;

    align-items: stretch;

    width: 310px;

  }

  section.buy-now .block-purchase .list > li:nth-of-type(2n + 1) {

    margin-right: 20px;

  }

  section.buy-now .block-purchase .list > li:nth-of-type(n + 3) {

    margin-top: 10px;

  }

  section.buy-now .block-purchase .list > li:before {

    content: "";

    background-image: url("../img/ic-checkbox.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    margin-right: 8px;

  }

  section.buy-now .block-purchase .list > li span {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    top: -2px;

  }

  section.buy-now .block-choice {

    width: 720px;

    margin: auto auto 40px auto;

  }

  section.buy-now .block-choice .title {

    font-size: 1rem;

    font-weight: bold;

    line-height: calc(23.8 / 16);

    letter-spacing: 0.08em;

    margin-bottom: 18px;

  }

  section.buy-now .block-choice .list {

    display: flex;

  }

  section.buy-now .block-choice .list > a {

    width: 232px;

    border-radius: 6px;

    border: 1px solid #8f999f;

    text-decoration: none;

  }

  section.buy-now .block-choice .list > a:nth-of-type(n + 2) {

    margin-left: 11px;

  }

  section.buy-now .block-choice .list > a.active {

    border: 1px solid #000000;

  }

  section.buy-now .block-choice .list > a .inner {

    display: flex;

    align-items: center;

    padding: 12px;

  }

  section.buy-now .block-choice .list > a .inner .block-left {

    width: 50px;

    margin-right: 12px;

  }

  section.buy-now .block-guarantee {

    width: 720px;

    margin: auto auto 37px auto;

    border: 3px solid #d8dee5;

  }

  section.buy-now .block-guarantee .inner {

    display: flex;

    padding: 16px 20px 13px 20px;

  }

  section.buy-now .block-guarantee .inner .block-left {

    width: 44px;

    margin-right: 8px;

  }

  section.buy-now .block-guarantee .inner .text {

    margin-top: 3px;

    margin-bottom: 11px;

  }

  section.buy-now .block-guarantee .inner .text-1 {

    font-size: 1.125rem;

    line-height: calc(19.6 / 18);

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 2px;

    display: block;

  }

  section.buy-now .block-guarantee .inner .text-2 {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 13px;

  }

  section.buy-now .block-guarantee .inner .external {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #3980d3;

    display: inline-flex;

    align-items: center;

    text-decoration: none;

  }

  section.buy-now .block-guarantee .inner .external:after {

    content: "";

    background-image: url("../img/ic-openwindow-blue.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 12px;

    height: 12px;

    display: block;

    margin-left: 3px;

  }

  section.buy-now .block-guarantee .aster-wrapper {

    margin-left: 15px;

    font-size: 0.75rem;

    line-height: calc(19.2 / 12);

    letter-spacing: 0em;

    color: #5c656b;

    display: inline-flex;

  }

  section.buy-now .block-line {

    width: 410px;

    margin: auto auto 23px auto;

    text-align: center;

  }

  section.buy-now .block-line .text-1 {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #08aa7f;

    margin-bottom: 17px;

  }

  section.buy-now .block-line .link {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #5c656b;

    margin-bottom: 5px;

    display: block;

    text-decoration: none;

  }

  section.buy-now .block-line .link:after {

    content: "";

    background-image: url("/assets/beauty/refa/haircare/common/img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 4px;

    display: inline-block;

  }

  section.buy-now #cart-black {

    display: none;

  }

  section.buy-now .block-line .cart {

    position: relative;

    background-color: #d6001c;

    color: #fff;

    font-size: 1rem;

    font-weight: bold;

    line-height: calc(28.8 / 16);

    letter-spacing: 0.08em;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    height: min(5.8181818182vw, 64px);

    margin-bottom: 10px;

  }

  section.buy-now .block-line .cart:before {

    content: "";

    background-image: url("../img/ic-cart.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 22px;

    height: 22px;

    display: block;

    margin-right: 8px;

    position: relative;

    top: -1px;

  }

  section.buy-now .block-line .cart:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: min(0.9090909091vw, 10px);

    height: min(0.9090909091vw, 10px);

    margin: auto 4vmin;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    rotate: 45deg;

  }

  section.buy-now .block-line .cart.display_soldout {

    background-color: #bfbfbf;

    pointer-events: none;

  }

  section.buy-now .block-line .cart.display_soldout:before {

    content: none;

  }

  section.spec-table {

    width: 720px;

    margin: auto auto 84px auto;

  }

  section.spec-table .d-table {

    display: table;

  }

  section.spec-table .d-row {

    display: table-row;

  }

  section.spec-table .d-cell {

    display: table-cell;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    padding-bottom: 40px;

  }

  section.spec-table .d-cell:nth-of-type(2n + 1) {

    min-width: 154px;

  }

  section.spec-table .d-cell:nth-of-type(2n) {

    width: calc(100% - 154px);

    color: #5c656b;

  }

  section.spec-table .text:nth-of-type(n + 2) {

    margin-top: 8px;

  }

  section.spec-table .title {

    display: block;

    border-top: 1px solid #d8dee5;

    padding: 20px 0 21px 0;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    text-decoration: none;

  }

  section.spec-table .bullet-list > li {

    margin-bottom: 14px;

    font-size: 0.875rem;

    line-height: calc(25.2 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .bullet-list > li:last-of-type {

    margin-bottom: 38px;

  }

  section.spec-table .title[aria-expanded="true"] {

    margin-bottom: 37px;

    border-bottom: 1px solid #d8dee5;

  }

  section.spec-table .title[aria-expanded="false"]:after {

    content: "";

    background-image: url("../img/ic-plus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .title[aria-expanded="true"]:after {

    content: "";

    background-image: url("../img/ic-minus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .external {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 20px 0;

    border-top: 1px solid #d8dee5;

    border-bottom: 1px solid #d8dee5;

    text-decoration: none;

  }

  section.spec-table .external:before {

    content: "";

    background-image: url("../img/ic-openwindow_gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    order: 2;

    margin-left: 4px;

  }

  section.spec-table .external:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

  }

}



/*--------------------------

 buy now

----------------------------*/

@media (min-width: 768px) and (max-width: 1079.98px) {

  body section.buy-now #refa-epi-w-buy-now.inner {

    width: auto;

    margin-left: 4vw;

    margin-right: 4vw;

  }

  body section.buy-now #refa-epi-w-buy-now .block-left {

    width: calc(480 / 1080 * 100vw);

    margin: 0 min(-5.4545454545vw, -60px);

  }

  body section.buy-now #refa-epi-w-set-buy-now.inner {

    width: auto;

    margin-left: 4vw;

    margin-right: 4vw;

  }

  body section.buy-now #refa-epi-w-set-buy-now .block-left {

    width: calc(480 / 1080 * 100vw);

    margin-right: 60px;

  }

  body section.buy-now .block-split {

    width: calc(720 / 1080 * 100vw);

  }

  body section.buy-now .block-split .inner {

    padding-left: 4vw;

    padding-right: 4vw;

  }

  body section.buy-now .block-split .inner-2 {

    padding-left: 4vw;

    padding-right: 4vw;

    align-items: stretch;

  }

  body section.buy-now .block-split .btn-link {

    width: calc(310 / 1080 * 100vw);

    height: 74px;

    display: flex;

    align-items: center;

  }

  body section.buy-now .block-split .btn-link .br-2 {

    display: none;

  }

  body section.buy-now .block-purchase {

    width: calc(720 / 1080 * 100vw);

  }

  body section.buy-now .block-purchase h4 {

    width: calc(640 / 1080 * 100vw);

  }

  body section.buy-now .block-purchase .list {

    padding-left: 4vw;

    padding-right: 4vw;

  }

  body section.buy-now .block-purchase .list > li {

    width: calc((100% - 20px) / 2);

  }

  body section.buy-now .block-choice {

    width: calc(720 / 1080 * 100vw);

  }

  body section.buy-now .block-guarantee {

    width: calc(720 / 1080 * 100vw);

  }

  body section.buy-now .block-guarantee .inner {

    padding-left: 4vw;

    padding-right: 4vw;

  }

  body section.spec-table {

    width: calc(720 / 1080 * 100vw);

  }

}



/*--------------------------

 buy now

----------------------------*/

@media (max-width: 767.98px) {

  section.buy-now .block-title {

    text-align: center;

    margin: auto;

    margin-bottom: 40px;

  }

  section.buy-now .block-title .sub {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.25rem;

    line-height: calc(28 / 20);

    letter-spacing: 0.08em;

    display: block;

    margin-bottom: 7px;

  }

  section.buy-now .block-title .main {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.75rem;

    line-height: calc(39.2 / 28);

    letter-spacing: 0.08em;

    display: block;

  }

  section.buy-now .block-title:after {

    content: "";

    width: 44px;

    height: 1px;

    background-color: #3c4249;

    margin: 21px auto 0 auto;

    display: block;

  }

  section.buy-now #refa-epi-w-buy-now.inner {

    margin: auto calc(15 / 375 * 100vw) 30px calc(15 / 375 * 100vw);

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .ja {

    margin-bottom: 4.8vmin;

    font-size: 4.2vmin;

    line-height: calc(30.8 / 22);

    letter-spacing: 0.08em;

    display: block;

    text-align: center;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .ja .small {

    font-size: 0.6em;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .en {

    display: block;

    width: 50.6vmin;

    margin: 0 auto 1.6vmin;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt .price {

    width: 44vmin;

    margin: 0 auto;

  }

  section.buy-now #refa-epi-w-buy-now .offer_txt {

    margin-bottom: 19px;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .slide-target {

    overflow: hidden;

    position: relative;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .img-wrapper {

    position: relative;

    margin-bottom: 20px;

  }

  section.buy-now #refa-epi-w-buy-now .block-left .zoom:after {

    content: "";

    display: block;

    background-image: url("../img/ic-zoom.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 24px;

    height: 24px;

    position: absolute;

    bottom: 10px;

    right: 10px;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation {

    display: flex;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li {

    border: 1px solid #d8dee5;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li:nth-of-type(n + 2) {

    margin-left: 7px;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation > li.active {

    border: 1px solid #8f999f;

  }

  section.buy-now #refa-epi-w-buy-now .block-right .variation .img-wrapper {

    width: calc(63 / 375 * 100vw);

  }

  section.buy-now #refa-epi-w-buy-now .button-next,

  section.buy-now #refa-epi-w-buy-now .button-prev {

    position: absolute;

    top: calc(50% - 10px);

    transform: translateY(-50%);

    z-index: 1;

    cursor: pointer;

  }

  section.buy-now #refa-epi-w-buy-now .button-next[aria-disabled="true"],

  section.buy-now #refa-epi-w-buy-now .button-prev[aria-disabled="true"] {

    display: none;

  }

  section.buy-now #refa-epi-w-buy-now .button-prev {

    left: 10px;

  }

  section.buy-now #refa-epi-w-buy-now .button-next {

    right: 10px;

  }

  section.buy-now #refa-epi-w-buy-now .button-next::after {

    content: "";

    display: block;

    background-image: url("../img/im-carousel-right.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-buy-now .button-prev::after {

    content: "";

    display: block;

    background-image: url("../img/im-carousel-left.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-set-buy-now.inner {

    margin: auto calc(15 / 375 * 100vw) 30px calc(15 / 375 * 100vw);

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .ja {

    margin-bottom: 1.6vmin;

    font-size: 5.8666666667vmin;

    font-weight: bold;

    line-height: calc(30.8 / 22);

    letter-spacing: -0.03em;

    display: block;

    text-align: center;

    white-space: nowrap;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .ja .small {

    font-size: 0.6em;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .en {

    display: block;

    width: 57.8666666667vmin;

    margin: 0 auto 6.6666666667vmin;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt {

    margin-bottom: 19px;

  }

  section.buy-now #refa-epi-w-set-buy-now .offer_txt .price {

    display: block;

    width: 43.2vmin;

    margin: 0 auto;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .slide-target {

    overflow: hidden;

    position: relative;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .img-wrapper {

    position: relative;

    margin-bottom: 20px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-left .zoom:after {

    content: "";

    display: block;

    background-image: url("../img/ic-zoom.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 24px;

    height: 24px;

    position: absolute;

    bottom: 10px;

    right: 10px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation {

    display: flex;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li {

    border: 1px solid #d8dee5;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li:nth-of-type(n + 2) {

    margin-left: 7px;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation > li.active {

    border: 1px solid #8f999f;

  }

  section.buy-now #refa-epi-w-set-buy-now .block-right .variation .img-wrapper {

    width: calc(63 / 375 * 100vw);

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next,

  section.buy-now #refa-epi-w-set-buy-now .button-prev {

    position: absolute;

    top: calc(50% - 10px);

    transform: translateY(-50%);

    z-index: 1;

    cursor: pointer;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next[aria-disabled="true"],

  section.buy-now #refa-epi-w-set-buy-now .button-prev[aria-disabled="true"] {

    display: none;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-prev {

    left: 10px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next {

    right: 10px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-next::after {

    content: "";

    display: block;

    background-image: url("../img/im-carousel-right.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now #refa-epi-w-set-buy-now .button-prev::after {

    content: "";

    display: block;

    background-image: url("../img/im-carousel-left.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 32px;

    height: 32px;

  }

  section.buy-now .block-split {

    background-color: #f4f4f6;

    margin: auto;

    margin-bottom: 6.6666666667vmin;

  }

  section.buy-now .block-split .inner {

    padding: 14px calc(15 / 375 * 100vw) 0 calc(15 / 375 * 100vw);

    align-items: center;

  }

  section.buy-now .block-split .inner-2 {

    padding: 0 calc(15 / 375 * 100vw) 18px calc(15 / 375 * 100vw);

  }

  section.buy-now .block-split .inner .block-left {

    width: 98px;

    margin: auto auto 8px auto;

  }

  section.buy-now .block-split .inner .block-right {

    text-align: center;

  }

  section.buy-now .block-split .btn-link {

    border: 1px solid #8f999f;

    margin: 14px auto 0 auto;

    background-color: #fff;

  }

  section.buy-now .block-split .block-right .btn-link {

    margin-top: 12px;

  }

  section.buy-now .block-split .btn-link a {

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    width: 100%;

    min-height: 50px;

    font-size: 0.75rem;

    line-height: calc(16.8 / 12);

    letter-spacing: 1.12px;

    color: #000000;

    padding: 9px 10px 9px 11px;

    position: relative;

    text-align: center;

  }

  section.buy-now .block-split .btn-link a:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

  }

  section.buy-now .block-split .text-5,

  section.buy-now .block-split .text-1 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.0625rem;

    line-height: calc(23.8 / 17);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-2 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.575rem;

    line-height: 1;

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-3 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 0.675rem;

    line-height: calc(25.2 / 10.8);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-split .text-4 {

    font-family: "YuMincho Medium", "Yu Mincho Medium", serif;

    font-size: 1.0625rem;

    line-height: calc(23.8 / 17);

    letter-spacing: 0.08em;

  }

  section.buy-now .block-purchase {

    margin: auto 0 25px 0;

    border: 3px solid #d8dee5;

    padding: 24px 0 24px 0;

  }

  section.buy-now .block-purchase .inner {

    padding: 0 calc(15 / 375 * 100vw);

  }

  section.buy-now .block-purchase .head {

    font-size: 1.0625rem;

    line-height: calc(23.8 / 17);

    letter-spacing: 0.08em;

    text-align: center;

    padding-bottom: 15px;

    margin: auto;

    border-bottom: 1px solid #d8dee5;

  }

  section.buy-now .block-purchase .list {

    display: flex;

    flex-wrap: wrap;

    padding: 20px calc(15 / 375 * 100vw) 0 calc(15 / 375 * 100vw);

  }

  section.buy-now .block-purchase .list > li {

    display: flex;

    align-items: stretch;

    width: 310px;

  }

  section.buy-now .block-purchase .list > li:nth-of-type(n + 2) {

    margin-top: 9px;

  }

  section.buy-now .block-purchase .list > li:before {

    content: "";

    background-image: url("../img/ic-checkbox.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    margin-right: 8px;

  }

  section.buy-now .block-purchase .list > li span {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    top: -2px;

  }

  section.buy-now .block-choice {

    margin: auto calc(15 / 375 * 100vw) 30px calc(15 / 375 * 100vw);

  }

  section.buy-now .block-choice .title {

    font-size: 1rem;

    font-weight: bold;

    line-height: calc(23.8 / 16);

    letter-spacing: 0.08em;

    margin-bottom: 16px;

  }

  section.buy-now .block-choice .list > a {

    display: block;

    border-radius: 6px;

    border: 1px solid #8f999f;

    text-decoration: none;

  }

  section.buy-now .block-choice .list > a:nth-of-type(n + 2) {

    margin-top: 10px;

  }

  section.buy-now .block-choice .list > a.active {

    border: 1px solid #000000;

  }

  section.buy-now .block-choice .list > a .inner {

    display: flex;

    align-items: center;

    padding: 12px;

  }

  section.buy-now .block-choice .list > a .inner .block-left {

    width: 50px;

    margin-right: 12px;

  }

  section.buy-now .block-guarantee {

    margin: auto 0 25px 0;

    border: 3px solid #d8dee5;

  }

  section.buy-now .block-guarantee .inner {

    padding: 17px;

    position: relative;

  }

  section.buy-now .block-guarantee .inner .block-left {

    width: 45px;

    margin-bottom: 6px;

  }

  section.buy-now .block-guarantee .inner .block-right .text {

    margin-bottom: 3px;

  }

  section.buy-now .block-guarantee .inner .text-1 {

    font-size: 1.0625rem;

    line-height: calc(23.8 / 17);

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 2px;

    position: absolute;

    top: 27px;

    left: 73px;

  }

  section.buy-now .block-guarantee .inner .text-2 {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    font-weight: bold;

    margin-bottom: 13px;

  }

  section.buy-now .block-guarantee .inner .external {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #3980d3;

    display: inline-flex;

    align-items: center;

    text-decoration: none;

  }

  section.buy-now .block-guarantee .inner .external:after {

    content: "";

    background-image: url("../img/ic-openwindow-blue.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 12px;

    height: 12px;

    display: block;

    margin-left: 3px;

  }

  section.buy-now .block-guarantee .aster-wrapper {

    display: inline-block;

    font-size: 0.75rem;

    line-height: calc(19.2 / 12);

    letter-spacing: 0.08em;

    color: #5c656b;

  }

  section.buy-now .block-guarantee .aster-wrapper span {

    margin-right: 4px;

  }

  section.buy-now .block-line {

    margin: auto auto 23px auto;

    text-align: center;

  }

  section.buy-now #cart-black {

    display: none;

  }

  section.buy-now .block-line .text-1 {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #08aa7f;

    margin-bottom: 5px;

  }

  section.buy-now .block-line .link {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    color: #5c656b;

    margin-bottom: 19px;

    display: block;

    text-decoration: none;

  }

  section.buy-now .block-line .link:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 4px;

    display: inline-block;

  }

  section.buy-now .block-line .cart {

    position: relative;

    background-color: #d6001c;

    color: #fff;

    font-size: 1rem;

    font-weight: bold;

    line-height: calc(28.8 / 16);

    letter-spacing: 0.08em;

    width: 315px;

    display: flex;

    align-items: center;

    justify-content: center;

    text-decoration: none;

    height: 17.0666666667vmin;

    margin: 0 auto 10px auto;

  }

  section.buy-now .block-line .cart:before {

    content: "";

    background-image: url("../img/ic-cart.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 22px;

    height: 22px;

    display: block;

    margin-right: 8px;

    position: relative;

    top: -1px;

  }

  section.buy-now .block-line .cart:after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    width: 2.6666666667vmin;

    height: 2.6666666667vmin;

    margin: auto 4vmin;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    rotate: 45deg;

  }

  section.buy-now .block-line .cart.display_soldout {

    background-color: #bfbfbf;

    pointer-events: none;

  }

  section.buy-now .block-line .cart.display_soldout:before {

    content: none;

  }

  section.spec-table {

    margin: auto calc(15 / 375 * 100vw) 0 calc(15 / 375 * 100vw);

  }

  section.spec-table .d-table {

    display: table;

  }

  section.spec-table .d-row {

    display: table-row;

  }

  section.spec-table .d-cell {

    display: table-cell;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    padding-bottom: 40px;

  }

  section.spec-table .d-cell:nth-of-type(2n + 1) {

    min-width: calc(92 / 375 * 100vw);

  }

  section.spec-table .d-cell:nth-of-type(2n) {

    width: calc(100% - 92 / 375 * 100vw);

    color: #5c656b;

    padding-left: 38px;

  }

  section.spec-table .text:nth-of-type(n + 2) {

    margin-top: 8px;

  }

  section.spec-table .title {

    display: block;

    border-top: 1px solid #d8dee5;

    padding: 20px 0 21px 0;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    text-decoration: none;

  }

  section.spec-table .bullet-wrapper {

    display: flex;

  }

  section.spec-table .bullet-wrapper > span:first-of-type {

    flex-shrink: 0;

  }

  section.spec-table .bullet-list > li {

    margin-bottom: 20px;

    font-size: 0.875rem;

    line-height: calc(25.2 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .bullet-list > li:last-of-type {

    margin-bottom: 40px;

  }

  section.spec-table .title[aria-expanded="true"] {

    border-bottom: 1px solid #d8dee5;

    margin-bottom: 35px;

  }

  section.spec-table .title[aria-expanded="false"]:after {

    content: "";

    background-image: url("../img/ic-plus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .title[aria-expanded="true"]:after {

    content: "";

    background-image: url("../img/ic-minus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .table-wrapper {

    display: none;

  }

  section.spec-table .link-wrapper {

    margin-bottom: 40px;

  }

  section.spec-table .external {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 20px 0;

    border-top: 1px solid #d8dee5;

    border-bottom: 1px solid #d8dee5;

    text-decoration: none;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .external:before {

    content: "";

    background-image: url("../img/ic-openwindow_gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    order: 2;

    margin-left: 4px;

  }

  section.spec-table .external:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

  }

}



.block-line-link::after {

  content: "";

  background-image: url("../img/ic-arrow-right-gray.png");

  background-repeat: no-repeat;

  background-size: contain;

  width: 10px;

  height: 10px;

  display: block;

  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%);

}



.block-line-link {

  display: flex;

  align-items: center;

  justify-content: center;

  text-decoration: none;

  width: 100%;

  height: 40px;

  margin-bottom: 20px;

  border: 1px solid #afb7bc;

  /* font-size: 0.875rem; */

  font-size: 0.8rem;

  line-height: calc(19.6 / 14);

  letter-spacing: 0.08em;

  position: relative;

}



@media screen and (max-width: 767.98px) {

  .block-line-link {

    width: 315px;

    height: 14.6666666667vw;

    margin: 0 auto 5.3333333333vw;

  }

}



.block-line-link::after {

  content: "";

  background-image: url("../img/ic-arrow-right-gray.png");

  background-repeat: no-repeat;

  background-size: contain;

  width: 10px;

  height: 10px;

  display: block;

  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%);

}



@media (min-width: 768px) {

  section.spec-table {

    width: 720px;

    margin: auto auto 65px auto;

  }

  section.spec-table .d-table {

    display: table;

  }

  section.spec-table .d-row {

    display: table-row;

  }

  section.spec-table .d-cell {

    display: table-cell;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    padding-bottom: 33px;

  }

  section.spec-table .link-wrapper {

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .d-cell:nth-of-type(2n + 1) {

    min-width: 150px;

  }

  section.spec-table .d-cell:nth-of-type(2n) {

    width: calc(100% - 150px);

    color: #5c656b;

  }

  section.spec-table .text:nth-of-type(n + 2) {

    margin-top: 4px;

  }

  section.spec-table .title {

    display: block;

    border-top: 1px solid #d8dee5;

    margin-top: -1px;

    padding: 20px 0 21px 0;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    text-decoration: none;

  }

  section.spec-table .bullet-list > li {

    margin-bottom: 14px;

    font-size: 0.875rem;

    line-height: calc(25.2 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .bullet-list > li:last-of-type {

    margin-bottom: 38px;

  }

  section.spec-table .title[aria-expanded="true"] {

    margin-bottom: 35px;

    border-bottom: 1px solid #d8dee5;

  }

  section.spec-table .title[aria-expanded="false"]:after {

    content: "";

    background-image: url("../img/ic-plus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .title[aria-expanded="true"]:after {

    content: "";

    background-image: url("../img/ic-minus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .external {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 20px 0;

    border-top: 1px solid #d8dee5;

    border-bottom: 1px solid #d8dee5;

    text-decoration: none;

  }

  section.spec-table .external:before {

    content: "";

    background-image: url("../img/ic-openwindow_gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    order: 2;

    margin-left: 4px;

  }

  section.spec-table .external:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

  }

}



@media screen and (max-width: 767.98px) {

  section.spec-table {

    margin: auto calc(15 / 375 * 100vw) 10.6666666667vmin calc(15 / 375 * 100vw) !important;

  }

  section.spec-table .d-table {

    display: table;

  }

  section.spec-table .d-row {

    display: table-row;

  }

  section.spec-table .d-cell {

    display: table-cell;

    font-size: 0.875rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    padding-bottom: 40px;

  }

  section.spec-table .d-cell:nth-of-type(2n + 1) {

    min-width: calc(92 / 375 * 100vw);

  }

  section.spec-table .d-cell:nth-of-type(2n) {

    width: calc(100% - 92 / 375 * 100vw);

    color: #5c656b;

    padding-left: 38px;

  }

  section.spec-table .text:nth-of-type(n + 2) {

    margin-top: 8px;

  }

  section.spec-table .title {

    display: block;

    border-top: 1px solid #d8dee5;

    margin-top: -1px;

    padding: 20px 0 21px 0;

    font-size: 0.8rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

    position: relative;

    text-decoration: none;

  }

  section.spec-table .bullet-list > li {

    margin-bottom: 20px;

    font-size: 0.875rem;

    line-height: calc(25.2 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .bullet-list > li:last-of-type {

    margin-bottom: 40px;

  }

  section.spec-table .title[aria-expanded="true"] {

    border-bottom: 1px solid #d8dee5;

    margin-bottom: 35px;

  }

  section.spec-table .title[aria-expanded="false"]:after {

    content: "";

    background-image: url("../img/ic-plus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .title[aria-expanded="true"]:after {

    content: "";

    background-image: url("../img/ic-minus-black.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 11px;

    height: 11px;

    display: block;

    margin-left: 14px;

    flex-shrink: 0;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 12px;

  }

  section.spec-table .table-wrapper {

    display: none;

  }

  section.spec-table .external {

    position: relative;

    display: flex;

    align-items: center;

    width: 100%;

    padding: 20px 0;

    border-top: 1px solid #d8dee5;

    border-bottom: 1px solid #d8dee5;

    text-decoration: none;

    font-size: 0.8rem;

    line-height: calc(19.6 / 14);

    letter-spacing: 0.08em;

  }

  section.spec-table .external:before {

    content: "";

    background-image: url("../img/ic-openwindow_gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 14px;

    height: 14px;

    display: block;

    position: relative;

    order: 2;

    margin-left: 4px;

  }

  section.spec-table .external:after {

    content: "";

    background-image: url("../img/ic-arrow-gray.png");

    background-repeat: no-repeat;

    background-size: contain;

    width: 10px;

    height: 10px;

    display: block;

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

  }

}



body {

  overflow-x: hidden !important;

}



.refa_epi_w {

  color: #000;

  /*--------------------------

		kv

	----------------------------*/

  /*--------------------------

		outline

	----------------------------*/

  /*--------------------------

		lead

	----------------------------*/

  /*--------------------------

		tvcm

	----------------------------*/

  /*--------------------------

		image

	----------------------------*/

  /*--------------------------

		effect

	----------------------------*/

  /*--------------------------

		technology

	----------------------------*/

  /*--------------------------

		message

	----------------------------*/

  /*--------------------------

		point

	----------------------------*/

  /*--------------------------

		point1

	----------------------------*/

  /*--------------------------

		point2

	----------------------------*/

  /*--------------------------

		point3

	----------------------------*/

  /*--------------------------

		point4

	----------------------------*/

  /*--------------------------

		expert

	----------------------------*/

  /*--------------------------

		guarantee

	----------------------------*/

  /*--------------------------

		parts

	----------------------------*/

  /*--------------------------

		howto

	----------------------------*/

  /*--------------------------

		safety

	----------------------------*/

  /*--------------------------

		faq

	----------------------------*/

  /*--------------------------

		buy-now

	----------------------------*/

  /*--------------------------

		spec

	----------------------------*/

}

.refa_epi_w .kv {

  position: relative;

}

.refa_epi_w .kv__debut {

  position: absolute;

  z-index: 20;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .kv__debut {

    top: 35px;

    left: 38px;

    width: 133px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__debut {

    top: 2.1875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__debut {

    left: 2.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__debut {

    width: 8.3125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .kv__debut {

    top: 4.5333333333vmin;

    left: 4.2666666667vmin;

    width: 21.0666666667vmin;

  }

}

.refa_epi_w .kv__slider .slick-dots {

  position: absolute;

  right: 0;

  display: flex;

  justify-content: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .kv__slider .slick-dots {

    bottom: 0;

    left: 0;

    margin-bottom: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__slider .slick-dots {

    margin-bottom: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .kv__slider .slick-dots {

    flex-direction: column;

    margin-right: 2.6666666667vmin;

    bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .kv__slider .slick-dots li {

  font-size: 0;

  line-height: 1;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .kv__slider .slick-dots li {

    padding: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__slider .slick-dots li {

    padding: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .kv__slider .slick-dots li {

    padding: 2.6666666667vmin;

  }

}

.refa_epi_w .kv__slider .slick-dots li button {

  border-radius: 50%;

  outline: 0;

  border: 0;

  background: #fff;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .kv__slider .slick-dots li button {

    width: 10px;

    height: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__slider .slick-dots li button {

    width: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .kv__slider .slick-dots li button {

    height: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .kv__slider .slick-dots li button {

    width: 2.1333333333vmin;

    height: 2.1333333333vmin;

  }

}

.refa_epi_w .kv__slider .slick-dots li.slick-active button {

  background: #d6001c;

}

.refa_epi_w .outline {

  background: url(../img/bg-outline.jpg) no-repeat center top;

  background-size: cover;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline {

    padding-top: 60px;

    padding-bottom: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline {

    padding-top: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline {

    padding-bottom: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline {

    padding: 8vmin 4vmin 10.6666666667vmin;

    background-image: url(../img/bg-outline-sp.jpg);

  }

}

.refa_epi_w .outline__head {

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__head {

    margin-bottom: 40px;

    font-size: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__head {

    font-size: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__head {

    margin-bottom: 5.3333333333vmin;

    font-size: 6.1333333333vmin;

  }

}

.refa_epi_w .outline__box {

  background-color: #fff;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__box {

    width: 1000px;

    margin: 0 auto;

    padding: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__box {

    width: 62.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__box {

    padding: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__box {

    padding: 6.6666666667vmin 4vmin 4vmin;

  }

}

.refa_epi_w .outline__box__head {

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__box__head {

    margin-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__box__head {

    margin-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__box__head {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__box__head {

    margin-bottom: 5.3333333333vmin;

    font-size: 5.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__box__inner {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__img {

    width: 400px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__img {

    width: 25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__img {

    width: 64vmin;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__txt {

    width: 460px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__txt {

    width: 28.75vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__name {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__name {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__name {

    margin-bottom: 5.3333333333vmin;

    text-align: center;

  }

}

.refa_epi_w .outline__name .en {

  display: block;

  line-height: 1;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__name .en {

    width: 231px;

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__name .en {

    width: 14.4375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__name .en {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__name .en {

    width: 50.6666666667vmin;

    margin: 0 auto 2.6666666667vmin;

  }

}

.refa_epi_w .outline__name .jp {

  line-height: 1;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__name .jp {

    font-size: 14px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__name .jp {

    font-size: 0.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__name .jp {

    font-size: 3.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__price {

    width: 189px;

    margin-bottom: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__price {

    width: 11.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__price {

    margin-bottom: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__price {

    width: 44vmin;

    margin: 0 auto 4.8vmin;

  }

}

.refa_epi_w .outline__merit {

  display: flex;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__merit {

    margin-bottom: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit {

    margin-bottom: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__merit {

    justify-content: space-between;

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .outline__merit__item {

  background-color: #ebebee;

  white-space: nowrap;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__merit__item {

    padding-top: 2px;

    padding-right: 10px;

    padding-bottom: 2px;

    padding-left: 10px;

    margin-right: 8px;

    font-size: 13px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    padding-top: 0.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    padding-right: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    padding-bottom: 0.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    padding-left: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    margin-right: 0.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__merit__item {

    font-size: 0.8125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__merit__item {

    padding: 0.2666666667vmin 1.3333333333vmin;

    font-size: 2.6666666667vmin;

    letter-spacing: -0.035em;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__btn {

    margin-bottom: 11px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn {

    margin-bottom: 0.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__btn {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .outline__btn__link {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #d6001c;

  font-weight: bold;

  line-height: 1;

  color: #fff;

  letter-spacing: 0.08em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__btn__link {

    height: 64px;

    padding-top: 10px;

    padding-right: 30px;

    padding-bottom: 10px;

    padding-left: 30px;

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    height: 4vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    padding-top: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    padding-right: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    padding-bottom: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    padding-left: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__btn__link {

    height: 17.0666666667vmin;

    font-size: 4.2666666667vmin;

  }

}

.refa_epi_w .outline__btn__link::before {

  content: "";

  position: relative;

  display: block;

  background-image: url(../img/ic-cart.png);

  background-repeat: no-repeat;

  background-size: contain;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__btn__link::before {

    left: -10px;

    width: 22px;

    height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::before {

    left: -0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::before {

    width: 1.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::before {

    height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__btn__link::before {

    left: -2.6666666667vmin;

    width: 5.8666666667vmin;

    height: 5.8666666667vmin;

  }

}

.refa_epi_w .outline__btn__link::after {

  content: "";

  position: absolute;

  top: 50%;

  display: block;

  background-image: url(../img/ic-arrow-down-white.png);

  background-repeat: no-repeat;

  background-size: contain;

  transform: translateY(-50%);

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__btn__link::after {

    right: 22px;

    width: 14px;

    height: 14px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::after {

    right: 1.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::after {

    width: 0.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__btn__link::after {

    height: 0.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__btn__link::after {

    right: 5.8666666667vmin;

    width: 3.7333333333vmin;

    height: 3.7333333333vmin;

  }

}

.refa_epi_w .outline__btn__link.display_soldout {

  background-color: #bfbfbf;

  pointer-events: none;

}

.refa_epi_w .outline__btn__link.display_soldout::before,

.refa_epi_w .outline__btn__link.display_soldout::after {

  display: none !important;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__line {

    margin-bottom: 11px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line {

    margin-bottom: 0.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__line {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .outline__line__link {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  border: 1px solid #afb7bc;

  letter-spacing: 0.08em;

  text-decoration: none;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__line__link {

    height: 40px;

    padding: 10px;

    font-size: 14px;

    line-height: 1;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link {

    height: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link {

    padding: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link {

    font-size: 0.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__line__link {

    height: 14.4vmin;

    padding: 2.6666666667vmin;

    font-size: 3.7333333333vmin;

    line-height: 1.25;

    text-align: center;

  }

}

.refa_epi_w .outline__line__link::after {

  content: "";

  position: absolute;

  display: block;

  background-image: url(../img/ic-arrow-right-gray.png);

  background-repeat: no-repeat;

  background-size: contain;

  top: 50%;

  transform: translateY(-50%);

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__line__link::after {

    right: 14px;

    width: 10px;

    height: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link::after {

    right: 0.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link::after {

    width: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__line__link::after {

    height: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__line__link::after {

    right: 3.7333333333vmin;

    width: 2.6666666667vmin;

    height: 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__instalment {

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .outline__instalment {

    margin-bottom: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__instalment {

    margin-bottom: 5.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .lead {

    display: flex;

    background: url(../img/bg-lead.png) repeat-x right bottom;

    background-size: auto 100%;

  }

}

.refa_epi_w .lead__img {

  flex: 1;

  background-position: right bottom;

  background-repeat: no-repeat;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .lead__img {

    background-image: url(../img/im-lead.jpg);

    background-size: auto 100%;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .lead__img {

    height: 128vmin;

    background-image: url(../img/im-lead-sp.jpg);

    background-size: cover;

  }

}

.refa_epi_w .lead__txt {

  flex: 1;

  background: url(../img/bg-lead.jpg) no-repeat center top;

  background-size: cover;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .refa_epi_w .lead__txt {

    background-image: url(../img/bg-lead-sp.jpg);

  }

}

.refa_epi_w .lead__txt__inner {

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .lead__txt__inner {

    width: 800px;

    height: 630px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .lead__txt__inner {

    width: 50vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .lead__txt__inner {

    height: 39.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .lead__txt__inner {

    height: 85.3333333333vmin;

  }

}

.refa_epi_w .lead__txt .txt {

  margin-bottom: 20px;

  font-size: 18px;

  line-height: 44px;

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .lead__txt .txt {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .lead__txt .txt {

    font-size: 1.125vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .lead__txt .txt {

    line-height: 2.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .lead__txt .txt {

    margin-bottom: 4.2666666667vmin;

    font-size: 4vmin;

    line-height: 9.0666666667vmin;

  }

}

.refa_epi_w .lead__txt .strong {

  font-size: 1.2em;

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .lead__txt .logo {

    width: 158px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .lead__txt .logo {

    width: 9.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .lead__txt .logo {

    width: 37.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .tvcm {

    padding-top: 120px;

    padding-bottom: 120px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm {

    padding-top: 7.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm {

    padding-bottom: 7.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .tvcm {

    padding: 13.3333333333vmin 4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .tvcm__wrap {

    width: 740px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__wrap {

    width: 46.25vw;

  }

}

.refa_epi_w .tvcm__head {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .tvcm__head {

    width: 94px;

    margin-bottom: 25px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__head {

    width: 5.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__head {

    margin-bottom: 1.5625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .tvcm__head {

    width: 20vmin;

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .tvcm__lead {

  position: relative;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .tvcm__lead {

    margin-bottom: 30px;

    padding-bottom: 50px;

    font-size: 18px;

    line-height: 32px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__lead {

    margin-bottom: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__lead {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__lead {

    font-size: 1.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__lead {

    line-height: 2vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .tvcm__lead {

    margin-bottom: 5.3333333333vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 4.2666666667vmin;

    line-height: 6.9333333333vmin;

  }

}

.refa_epi_w .tvcm__lead::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .tvcm__lead::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .tvcm__lead::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .tvcm__lead::before {

    height: 6.1333333333vmin;

  }

}

.refa_epi_w .effect {

  background: url(../img/bg-effect.jpg) no-repeat center top;

  background-size: 100% auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect {

    padding-top: 125px;

    padding-bottom: 90px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect {

    padding-top: 7.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect {

    padding-bottom: 5.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect {

    padding: 13.3333333333vmin 4vmin 8vmin;

    background-image: url(../img/bg-effect-sp.jpg);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .effect__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__head {

    margin-bottom: 260px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__head {

    margin-bottom: 16.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__head {

    margin-bottom: 50.6666666667vmin;

  }

}

.refa_epi_w .effect__head .en {

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__head .en {

    width: 290px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__head .en {

    width: 18.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__head .en {

    width: 56.8vmin;

  }

}

.refa_epi_w .effect__head .jp {

  display: block;

  font-weight: bold;

  line-height: 1.6;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__head .jp {

    margin-top: -30px;

    font-size: 30px;

    letter-spacing: 0.02em;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__head .jp {

    margin-top: -1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__head .jp {

    font-size: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__head .jp {

    margin-top: -6.6666666667vmin;

    font-size: 6.1333333333vmin;

    letter-spacing: -0.01em;

    white-space: nowrap;

  }

}

.refa_epi_w .effect__head .jp .sup {

  margin-left: -1em;

}

.refa_epi_w .effect__box {

  background-color: #f2f4f7;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__box {

    display: flex;

    justify-content: space-between;

    margin-bottom: 25px;

    padding-top: 50px;

    padding-right: 50px;

    padding-bottom: 45px;

    padding-left: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box {

    margin-bottom: 1.5625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box {

    padding-top: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box {

    padding-right: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box {

    padding-bottom: 2.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box {

    padding-left: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__box {

    margin-bottom: 4vmin;

    padding: 8vmin 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__box__img {

    width: 440px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box__img {

    width: 27.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__box__img {

    margin-bottom: 9.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__box__txt {

    width: 400px;

    padding-top: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box__txt {

    width: 25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box__txt {

    padding-top: 1.25vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__box__txt .txt {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__box__txt .txt {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__box__txt .txt {

    font-size: 2.6666666667vmin;

    letter-spacing: -0.02em;

  }

}

.refa_epi_w .effect__notes .txt {

  margin-bottom: 1em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect__notes .txt {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .effect__notes .txt {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect__notes .txt {

    font-size: 2.6666666667vmin;

    letter-spacing: -0.02em;

  }

}

.refa_epi_w .effect__notes .txt li {

  margin-left: 1em;

  text-indent: -1em;

}

.refa_epi_w .technology {

  background: url(../img/bg-technology.jpg) no-repeat center top;

  background-size: cover;

  color: #fff;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology {

    padding-top: 100px;

    padding-bottom: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology {

    padding-top: 6.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology {

    padding-bottom: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology {

    width: 100vw;

    padding: 8vmin 4vmin;

    background-image: url(../img/bg-technology-sp.jpg);

    overflow: hidden;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .technology__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__head {

    margin-bottom: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__head {

    margin-bottom: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__head {

    margin-bottom: 8vmin;

  }

}

.refa_epi_w .technology__head .en {

  display: block;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__head .en {

    width: 514px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__head .en {

    width: 32.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__head .en {

    margin: 0 -4vmin;

  }

}

.refa_epi_w .technology__head .jp {

  display: block;

  font-weight: bold;

  letter-spacing: 0.02em;

  line-height: 1.6;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__head .jp {

    margin-top: -40px;

    font-size: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__head .jp {

    margin-top: -2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__head .jp {

    font-size: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__head .jp {

    margin-top: -10.6666666667vmin;

    font-size: 7.2vmin;

  }

}

.refa_epi_w .technology__head .jp .sup {

  margin-left: -1em;

}

.refa_epi_w .technology__img {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__img {

    width: 708px;

    margin-bottom: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__img {

    width: 44.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__img {

    margin-bottom: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__img {

    margin-left: -16vmin;

    margin-bottom: 12vmin;

  }

}

.refa_epi_w .technology__gentle {

  border: 1px solid #858585;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle {

    margin-bottom: 80px;

    padding: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle {

    margin-bottom: 5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle {

    padding: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__gentle {

    margin-bottom: 17.3333333333vmin;

    padding: 10.4vmin 6.4vmin 9.3333333333vmin;

  }

}

.refa_epi_w .technology__gentle__head {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__head {

    width: 260px;

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__head {

    width: 16.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__gentle__head {

    width: 53.3333333333vmin;

    margin-bottom: 8vmin;

  }

}

.refa_epi_w .technology__gentle__img {

  position: relative;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__img {

    width: 440px;

    margin-bottom: 80px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__img {

    width: 27.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__img {

    margin-bottom: 5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__gentle__img {

    margin-bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .technology__gentle__img::before {

  content: "";

  display: block;

  padding-top: 56.25%;

}

.refa_epi_w .technology__gentle__img iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__col {

    display: flex;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__col__txt {

    width: 490px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt {

    width: 30.625vw;

  }

}

.refa_epi_w .technology__gentle__col__txt .head {

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__col__txt .head {

    margin-bottom: 20px;

    font-size: 22px;

    line-height: 38px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt .head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt .head {

    font-size: 1.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt .head {

    line-height: 2.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__gentle__col__txt .head {

    margin-bottom: 3.2vmin;

    font-size: 5.0666666667vmin;

    line-height: 8.2666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__col__txt .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__gentle__col__txt .txt {

    margin-bottom: 16vmin;

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__gentle__col__img {

    width: 340px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__gentle__col__img {

    width: 21.25vw;

  }

}

.refa_epi_w .technology__highPower__head {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__head {

    width: 400px;

    margin-bottom: 50px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__head {

    width: 25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__head {

    margin-bottom: 3.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__highPower__head {

    width: 78.6666666667vmin;

    margin-bottom: 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col {

    display: flex;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col__img {

    width: 500px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__img {

    width: 31.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__highPower__col__img {

    margin: 0 -4vmin 8vmin;

  }

}

.refa_epi_w .technology__highPower__col__txt {

  display: flex;

  flex-direction: column;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col__txt {

    width: 450px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt {

    width: 28.125vw;

  }

}

.refa_epi_w .technology__highPower__col__txt .head {

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col__txt .head {

    margin-bottom: 20px;

    font-size: 30px;

    line-height: 42px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .head {

    font-size: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .head {

    line-height: 2.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__highPower__col__txt .head {

    margin-bottom: 4vmin;

    font-size: 7.2vmin;

    line-height: 9.8666666667vmin;

  }

}

.refa_epi_w .technology__highPower__col__txt .head .gradation {

  display: inline-block;

  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 19%, rgba(231, 233, 236, 1) 37%, rgba(157, 165, 175, 1) 54%, rgba(195, 202, 212, 1) 75%, rgba(152, 157, 163, 1) 100%);

  background-clip: text;

  -webkit-background-clip: text;

  text-fill-color: transparent;

  -webkit-text-fill-color: transparent;

}



.refa_epi_w .technology__highPower__col__txt .head .small {

  font-size: 0.6em;

}

.refa_epi_w .technology__highPower__col__txt .head .asterisk {

  vertical-align: super;

}

.refa_epi_w .technology__highPower__col__txt .head .sup {

  font-size: 0.4em;

  font-weight: normal;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col__txt .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__highPower__col__txt .txt {

    margin-bottom: 8vmin;

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .technology__highPower__col__txt .notes {

    margin-top: auto;

    font-size: 12px;

    line-height: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .notes {

    font-size: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .technology__highPower__col__txt .notes {

    line-height: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .technology__highPower__col__txt .notes {

    font-size: 2.6666666667vmin;

    line-height: 4.2666666667vmin;

  }

}

.refa_epi_w .technology__highPower__col__txt .notes__txt {

  margin-bottom: 1em;

}

.refa_epi_w .technology__highPower__col__txt .notes__list li {

  margin-left: 3em;

  text-indent: -3em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message {

    /* padding-top: 120px; */

    padding-bottom: 120px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message {

    /* padding-top: 7.5vw; */

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message {

    padding-bottom: 7.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message {

    /* padding: 16vmin 4vmin 21.3333333333vmin; */

    padding: 0 4vmin 21.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .message__head {

  position: relative;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__head {

    margin-bottom: 40px;

    padding-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__head {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__head {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__head {

    margin-bottom: 41.3333333333vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 5.0666666667vmin;

    line-height: 6.9333333333vmin;

  }

}

.refa_epi_w .message__head::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__head::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__head::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__head::before {

    height: 6.1333333333vmin;

  }

}

.refa_epi_w .message__item {

  position: relative;

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item {

    margin: 0 -4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item1 {

    margin-bottom: 240px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item1 {

    margin-bottom: 15vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item.item1 {

    margin-bottom: 52vmin;

  }

}

.refa_epi_w .message__item.item1 .message__item__photo {

  left: 0;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item1 .message__item__photo {

    top: 58px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item1 .message__item__photo {

    top: 3.625vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item1 .message__item__txt {

    margin-left: auto;

    padding-left: 160px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item1 .message__item__txt {

    padding-left: 10vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item2 {

    margin-bottom: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item2 {

    margin-bottom: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item.item2 {

    margin-bottom: 17.3333333333vmin;

  }

}

.refa_epi_w .message__item.item2 .message__item__photo {

  right: 0;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item2 .message__item__photo {

    bottom: 58px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item2 .message__item__photo {

    bottom: 3.625vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item.item2 .message__item__txt {

    padding-right: 160px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item.item2 .message__item__txt {

    padding-right: 10vw;

  }

}

.refa_epi_w .message__item__photo {

  position: absolute;

  width: 390px;

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .message__item__photo {

    width: 24.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__photo {

    width: 66.6666666667vmin;

    top: -33.3333333333vmin;

  }

}

.refa_epi_w .message__item__txt {

  background: url(../img/bg-message.jpg) no-repeat center top;

  background-size: cover;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt {

    width: 710px;

    padding: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt {

    width: 44.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt {

    padding: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt {

    padding: 42.6666666667vmin 10.6666666667vmin 13.3333333333vmin;

    background-image: url(../img/bg-message-sp.jpg);

  }

}

.refa_epi_w .message__item__txt .name {

  display: flex;

  align-items: baseline;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt .name {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .name {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt .name {

    margin-bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .message__item__txt .name .name1 {

  margin-right: 1em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt .name .name1 {

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .name .name1 {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt .name .name1 {

    font-size: 3.7333333333vmin;

  }

}

.refa_epi_w .message__item__txt .name .name2 {

  margin-right: 0.25em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt .name .name2 {

    font-size: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .name .name2 {

    font-size: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt .name .name2 {

    font-size: 4.2666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt .name .name3 {

    font-size: 14px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .name .name3 {

    font-size: 0.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt .name .name3 {

    font-size: 3.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__item__txt .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__item__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__item__txt .txt {

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

.refa_epi_w .message__ipl {

  border: 1px solid #d7dce2;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__ipl {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 59px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl {

    padding: 3.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__ipl {

    padding: 7.7333333333vmin 6.4vmin;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__ipl__head {

    margin-bottom: 5.3333333333vmin;

    font-size: 4.2666666667vmin;

    font-weight: bold;

    text-align: center;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__ipl__img {

    width: 440px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__img {

    width: 27.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__ipl__img {

    margin-bottom: 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__ipl__txt {

    width: 390px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__txt {

    width: 24.375vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__ipl__txt .head {

    margin-bottom: 20px;

    font-size: 20px;

    font-weight: bold;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__txt .head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__txt .head {

    font-size: 1.25vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .message__ipl__txt .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .message__ipl__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .message__ipl__txt .txt {

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point {

    padding: 0 4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .point__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__head {

    margin-bottom: 40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__head {

    margin-bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .point__head .en {

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__head .en {

    width: 245px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__head .en {

    width: 15.3125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__head .en {

    width: 43.2vmin;

  }

}

.refa_epi_w .point__head .jp {

  display: block;

  font-weight: bold;

  letter-spacing: 0.02em;

  line-height: 1.6;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__head .jp {

    margin-top: -40px;

    font-size: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__head .jp {

    margin-top: -2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__head .jp {

    font-size: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__head .jp {

    margin-top: -10.6666666667vmin;

    font-size: 7.2vmin;

    line-height: 11.2vmin;

  }

}

.refa_epi_w .point__head .jp .sup {

  margin-left: -1em;

}

.refa_epi_w .point__box {

  border: 1px solid #d7dce2;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__box {

    margin-bottom: 40px;

    padding-top: 40px;

    padding-right: 59px;

    padding-bottom: 59px;

    padding-left: 59px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box {

    padding-top: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box {

    padding-right: 3.6875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box {

    padding-bottom: 3.6875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box {

    padding-left: 3.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__box {

    margin-bottom: 6.6666666667vmin;

    padding: 8vmin 6.6666666667vmin;

  }

}

.refa_epi_w .point__box__head {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__box__head {

    width: 105px;

    margin-bottom: 25px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box__head {

    width: 6.5625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box__head {

    margin-bottom: 1.5625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__box__head {

    width: 23.4666666667vmin;

    margin-bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .point__box__lead {

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__box__lead {

    font-size: 24px;

    line-height: 36px;

    text-align: center;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box__lead {

    font-size: 1.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box__lead {

    line-height: 2.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__box__lead {

    margin-bottom: 5.3333333333vmin;

    font-size: 5.6vmin;

    line-height: 8.5333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__box .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__box .txt {

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point__box .notes {

    margin-top: 20px;

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box .notes {

    margin-top: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point__box .notes {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point__box .notes {

    margin-top: 5.3333333333vmin;

    font-size: 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point1 {

    margin-bottom: -40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point1 {

    margin-bottom: -2.5vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point1 .point__box__lead {

    margin-bottom: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point1 .point__box__lead {

    margin-bottom: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point1 .point__box__lead {

    margin-bottom: 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point1__col {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point1__img {

    width: 460px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point1__img {

    width: 28.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point1__img {

    margin-bottom: 5.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point1__txt {

    width: 390px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point1__txt {

    width: 24.375vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point2 .point__box__lead {

    margin-bottom: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point2 .point__box__lead {

    margin-bottom: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point2 .point__box__lead {

    margin-bottom: 6.6666666667vmin;

    letter-spacing: -0.03em;

    white-space: nowrap;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point2__col {

    display: flex;

    justify-content: space-between;

  }

}

.refa_epi_w .point2__img {

  position: relative;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point2__img {

    width: 210px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point2__img {

    width: 13.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point2__img.img1 {

    width: 42.6666666667vmin;

    margin: 0 auto;

  }

  .refa_epi_w .point2__img.img2 {

    margin-top: 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point2__img .img {

    position: absolute;

    right: 0;

    bottom: -20px;

    left: 0;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point2__img .img {

    bottom: -1.25vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point2__txt {

    width: 380px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point2__txt {

    width: 23.75vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point3 .point__box__lead {

    margin-bottom: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point3 .point__box__lead {

    margin-bottom: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point3 .point__box__lead {

    margin-bottom: 8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point3__col {

    display: flex;

    align-items: center;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point3__img {

    width: 460px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point3__img {

    width: 28.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point3__img {

    width: 74.6666666667vmin;

    margin: 0 auto 8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point3__txt {

    width: 390px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point3__txt {

    width: 24.375vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point4 .point__box__lead {

    margin-bottom: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point4 .point__box__lead {

    margin-bottom: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point4 .point__box__lead {

    margin-bottom: 6.6666666667vmin;

    letter-spacing: -0.05em;

    white-space: nowrap;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point4__col {

    display: flex;

    justify-content: space-between;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point4__img {

    width: 210px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point4__img {

    width: 13.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point4__img.img1 {

    margin-bottom: 6.6666666667vmin;

  }

  .refa_epi_w .point4__img.img2 {

    margin-top: 8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point4__txt {

    width: 380px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .point4__txt {

    width: 23.75vw;

  }

}

.refa_epi_w .point4__youtube__movie {

  margin-inline: auto;

  aspect-ratio: 16 / 9;

}

.refa_epi_w .point4__youtube__movie iframe {

  width: 100%;

  height: 100%;

}

.refa_epi_w .point4__youtube__head {

  width: max-content;

  font-weight: 600;

  line-height: 1.4;

  border-right: solid 1px #000;

  border-left: solid 1px #000;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .point4__youtube {

    margin-top: min(5vw, 54px);

  }

  .refa_epi_w .point4__youtube__head {

    margin: 0 auto 28px;

    padding: 0 16px;

    font-size: min(1.6vw, 20px);

  }

  .refa_epi_w .point4__youtube__movie {

    width: 90%;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .point4__youtube {

    margin-top: 10vw;

  }

  .refa_epi_w .point4__youtube__head {

    margin: 0 auto 5vw;

    padding: 0 3vw;

    font-size: 4.4vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert {

    padding-top: 60px;

    padding-bottom: 90px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert {

    padding-top: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert {

    padding-bottom: 5.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert {

    padding: 13.3333333333vmin 0;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .expert__head {

  position: relative;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__head {

    margin-bottom: 40px;

    padding-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__head {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__head {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__head {

    margin-bottom: 5.3333333333vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 5.0666666667vmin;

    line-height: 6.9333333333vmin;

  }

}

.refa_epi_w .expert__head::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__head::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__head::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__head::before {

    height: 6.1333333333vmin;

  }

}

.refa_epi_w .expert__col {

  position: relative;

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col {

    padding-top: 35.4666666667vmin;

  }

}

.refa_epi_w .expert__col__photo {

  position: absolute;

  top: 0;

  left: 0;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__photo {

    bottom: 0;

    display: flex;

    align-items: center;

    width: 390px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__photo {

    width: 24.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__photo {

    right: 0;

    width: 70.6666666667vmin;

    margin: 0 auto;

  }

}

.refa_epi_w .expert__col__txt {

  background: url(../img/bg-expert.jpg) no-repeat center top;

  background-size: cover;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__txt {

    width: 700px;

    margin-left: auto;

    padding-top: 60px;

    padding-right: 60px;

    padding-bottom: 60px;

    padding-left: 160px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt {

    width: 43.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt {

    padding-top: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt {

    padding-right: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt {

    padding-bottom: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt {

    padding-left: 10vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__txt {

    padding: 44vmin 14.6666666667vmin 10.6666666667vmin;

    background-image: url(../img/bg-expert-sp.jpg);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__txt .name {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .name {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .name {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .name {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__txt .name {

    margin-bottom: 4vmin;

    font-size: 3.7333333333vmin;

    line-height: 6.9333333333vmin;

  }

}

.refa_epi_w .expert__col__txt .head {

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__txt .head {

    margin-bottom: 20px;

    font-size: 20px;

    line-height: 34px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .head {

    font-size: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .head {

    line-height: 2.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__txt .head {

    margin-bottom: 4vmin;

    font-size: 4.2666666667vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__txt .txt {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .txt {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__txt .txt {

    margin-bottom: 4vmin;

    font-size: 3.7333333333vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .expert__col__txt .notes {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .expert__col__txt .notes {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .expert__col__txt .notes {

    font-size: 2.6666666667vmin;

  }

}

.refa_epi_w .guarantee {

  display: flex;

  margin: 0 auto 30px;

  border: 6px solid #eceef1;

  background-color: #fff;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee {

    align-items: center;

    justify-content: center;

    gap: 50px;

    width: 740px;

    padding: 30px;

    border-width: 6px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee {

    gap: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee {

    width: 46.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee {

    padding: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee {

    border-width: 0.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .guarantee {

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 0 4vmin 4vmin;

    padding: 6.1333333333vmin 5.3333333333vmin 4vmin;

    border-width: 1.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee__img {

    width: 146px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__img {

    width: 9.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .guarantee__img {

    width: 31.7333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee__txt {

    width: 340px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt {

    width: 21.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .guarantee__txt {

    width: 40vmin;

  }

}

.refa_epi_w .guarantee__txt .head {

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee__txt .head {

    margin-bottom: 20px;

    font-size: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .head {

    font-size: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .guarantee__txt .head {

    margin-bottom: 3.2vmin;

    font-size: 4.2666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee__txt .txt {

    margin-bottom: 20px;

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .txt {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .guarantee__txt .txt {

    font-size: 3.7333333333vmin;

    line-height: 6.4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .guarantee__txt .notes {

    font-size: 12px;

    line-height: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .notes {

    font-size: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .guarantee__txt .notes {

    line-height: 1.25vw;

  }

}

.refa_epi_w .guarantee__notes {

  width: 100%;

  margin-top: 5.3333333333vmin;

  font-size: 2.6666666667vmin;

  line-height: 4vmin;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__wrap {

    width: 740px;

    margin: 0 auto;

    padding-top: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__wrap {

    width: 46.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__wrap {

    padding-top: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__wrap {

    padding: 18.6666666667vmin 4vmin 0;

  }

}

.refa_epi_w .parts__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__head {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__head {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__head {

    margin-bottom: 2.6666666667vmin;

  }

}

.refa_epi_w .parts__head .en {

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__head .en {

    width: 244px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__head .en {

    width: 15.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__head .en {

    width: 48.2666666667vmin;

  }

}

.refa_epi_w .parts__head .jp {

  display: block;

  font-weight: bold;

  letter-spacing: 0.02em;

  line-height: 1.6;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__head .jp {

    margin-top: -40px;

    font-size: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__head .jp {

    margin-top: -2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__head .jp {

    font-size: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__head .jp {

    margin-top: -10.6666666667vmin;

    font-size: 7.2vmin;

  }

}

.refa_epi_w .parts__lead {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__lead {

    margin-bottom: 30px;

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__lead {

    margin-bottom: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__lead {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__lead {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__lead {

    margin-bottom: 5.3333333333vmin;

    font-size: 4.2666666667vmin;

    line-height: 7.2vmin;

    letter-spacing: -0.02em;

  }

}

.refa_epi_w .parts__list {

  display: flex;

  align-items: center;

  /* justify-content: space-between; */

  flex-wrap: wrap;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__list {

    margin-bottom: 100px;

    column-gap: 4px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__list {

    margin-bottom: 6.25vw;

    column-gap: 0.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__list {

    margin-bottom: 13.3333333333vmin;

    column-gap: 0.4vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__list__item {

    width: 182px;

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__list__item {

    width: 11.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__list__item {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__list__item {

    width: 22.6666666667vmin;

    margin-bottom: 3.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__list__item .img {

    margin-bottom: 6px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__list__item .img {

    margin-bottom: 0.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__list__item .img {

    margin-bottom: 1.3333333333vmin;

  }

}

.refa_epi_w .parts__list__item .txt {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .parts__list__item .txt {

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .parts__list__item .txt {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .parts__list__item .txt {

    font-size: 3.7333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto {

    padding-top: 120px;

    padding-bottom: 130px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto {

    padding-top: 7.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto {

    padding-bottom: 8.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto {

    padding: 18.6666666667vmin 4vmin 16vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__wrap {

    width: 62.5vw;

  }

}

.refa_epi_w .howto__head {

  position: relative;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__head {

    margin-bottom: 40px;

    padding-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__head {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__head {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__head {

    margin-bottom: 5.3333333333vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 5.0666666667vmin;

  }

}

.refa_epi_w .howto__head::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__head::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__head::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__head::before {

    height: 6.1333333333vmin;

  }

}

.refa_epi_w .howto__img {

  margin: 0 auto;

  background-color: #a4a4a4;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__img {

    width: 740px;

    height: 460px;

    margin-bottom: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__img {

    width: 46.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__img {

    height: 28.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__img {

    margin-bottom: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__img {

    height: 173.3333333333vmin;

    margin: 0 -4vmin 16vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step {

    margin-bottom: 80px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step {

    margin-bottom: 5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step {

    margin-bottom: 16vmin;

  }

}

.refa_epi_w .howto__step__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__head {

    margin-bottom: 30px;

    font-size: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__head {

    margin-bottom: 1.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__head {

    font-size: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__head {

    margin-bottom: 8vmin;

    font-size: 4.8vmin;

    line-height: 8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

  }

}

.refa_epi_w .howto__step__list__item {

  background-color: #f2f4f7;

  background-position: center bottom;

  background-repeat: no-repeat;

  background-size: 100% auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item {

    width: 490px;

    margin-bottom: 20px;

    padding-top: 36px;

    padding-right: 40px;

    padding-bottom: 40px;

    padding-left: 40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    width: 30.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    margin-bottom: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    padding-top: 2.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    padding-right: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    padding-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item {

    padding-left: 2.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item {

    margin-bottom: 4vmin;

    padding: 8vmin 2.6666666667vmin 5.3333333333vmin 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step1 {

    min-height: 282px;

    background-image: url(../img/bg-howto-step1.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step1 {

    min-height: 17.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step1 {

    min-height: 73.6vmin;

    background-image: url(../img/bg-howto-step1-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step1 .howto__step__list__txt {

    width: 190px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step1 .howto__step__list__txt {

    width: 11.875vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step2 {

    min-height: 282px;

    background-image: url(../img/bg-howto-step2.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step2 {

    min-height: 17.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step2 {

    min-height: 53.3333333333vmin;

    background-image: url(../img/bg-howto-step2-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step2 .howto__step__list__txt {

    width: 190px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step2 .howto__step__list__txt {

    width: 11.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step2 .howto__step__list__txt {

    width: 38.4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step3 {

    min-height: 302px;

    background-image: url(../img/bg-howto-step3.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step3 {

    min-height: 18.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step3 {

    min-height: 70.4vmin;

    background-image: url(../img/bg-howto-step3-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step4 {

    min-height: 302px;

    background-image: url(../img/bg-howto-step4.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step4 {

    min-height: 18.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step4 {

    min-height: 65.0666666667vmin;

    background-image: url(../img/bg-howto-step4-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step5 {

    min-height: 352px;

    background-image: url(../img/bg-howto-step5.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step5 {

    min-height: 22vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step5 {

    min-height: 84.2666666667vmin;

    background-image: url(../img/bg-howto-step5-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step6 {

    min-height: 352px;

    background-image: url(../img/bg-howto-step6.png);

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step6 {

    min-height: 22vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step6 {

    min-height: 59.2vmin;

    background-image: url(../img/bg-howto-step6-sp.png);

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__item.step6 .howto__step__list__txt {

    width: 190px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__item.step6 .howto__step__list__txt {

    width: 11.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__item.step6 .howto__step__list__txt {

    width: 38.4vmin;

  }

}

.refa_epi_w .howto__step__list__head {

  display: flex;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__head {

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__head {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__head {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .howto__step__list__head .step {

  display: block;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__head .step {

    width: 75px;

    margin-right: 11px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__head .step {

    width: 4.6875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__head .step {

    margin-right: 0.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__head .step {

    width: 16.5333333333vmin;

    margin-right: 2.1333333333vmin;

  }

}

.refa_epi_w .howto__step__list__head .txt {

  display: block;

  margin-top: -0.25em;

  line-height: 1.5;

  flex: 1;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__head .txt {

    font-size: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__head .txt {

    font-size: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__head .txt {

    font-size: 4.2666666667vmin;

    line-height: 7.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__txt {

    font-size: 3.7333333333vmin;

    line-height: 6.6666666667vmin;

  }

}

.refa_epi_w .howto__step__list__list__item {

  display: flex;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__list__item {

    margin-bottom: 15px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__list__item {

    align-items: center;

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .howto__step__list__list__item.item1 {

  align-items: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__list__item.item2 {

    width: 240px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item.item2 {

    width: 15vw;

  }

}

.refa_epi_w .howto__step__list__list__item .icn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 60px;

  height: 60px;

  margin-right: 8px;

  border-radius: 50%;

  border: 1px solid #a4a4a4;

  background-color: #fff;

  font-size: 13px;

  line-height: 16px;

  text-align: center;

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    width: 3.75vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    height: 3.75vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    margin-right: 0.5vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    font-size: 0.8125vw;

  }

}

@media screen and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    line-height: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__list__item .icn {

    width: 13.3333333333vmin;

    height: 13.3333333333vmin;

    margin-right: 2.1333333333vmin;

    font-size: 2.9333333333vmin;

    line-height: 3.7333333333vmin;

  }

}

.refa_epi_w .howto__step__list__list__item .txt {

  flex: 1;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__list__list__item .txt {

    font-size: 16px;

    line-height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__list__list__item .txt {

    line-height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__list__list__item .txt {

    font-size: 3.7333333333vmin;

    line-height: 6.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__step__notes {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__step__notes {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__step__notes {

    font-size: 2.6666666667vmin;

  }

}

.refa_epi_w .howto__schedule {

  background-color: #f2f4f7;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule {

    padding-top: 50px;

    padding-right: 70px;

    padding-bottom: 40px;

    padding-left: 70px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule {

    padding-top: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule {

    padding-right: 4.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule {

    padding-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule {

    padding-left: 4.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule {

    margin: 0 -4vmin;

    padding: 10.6666666667vmin 4vmin 8vmin;

  }

}

.refa_epi_w .howto__schedule__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__head {

    margin-bottom: 40px;

    font-size: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__head {

    font-size: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__head {

    margin-bottom: 8vmin;

    font-size: 4.8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table {

    margin-bottom: 25px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table {

    margin-bottom: 1.5625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table {

    margin: 0 -4vmin 2.6666666667vmin;

    padding: 0 4vmin 2.6666666667vmin;

    overflow: auto;

  }

}

.refa_epi_w .howto__schedule__table__inner {

  padding-right: 4vmin;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table table {

    width: 100%;

  }

}

.refa_epi_w .howto__schedule__table th,

.refa_epi_w .howto__schedule__table td {

  position: relative;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table th,

  .refa_epi_w .howto__schedule__table td {

    font-size: 16px;

    line-height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table th,

  .refa_epi_w .howto__schedule__table td {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table th,

  .refa_epi_w .howto__schedule__table td {

    line-height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table th,

  .refa_epi_w .howto__schedule__table td {

    min-width: 25.3333333333vmin;

    font-size: 3.2vmin;

    line-height: 3.7333333333vmin;

  }

}

.refa_epi_w .howto__schedule__table th::before,

.refa_epi_w .howto__schedule__table td::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table th::before,

  .refa_epi_w .howto__schedule__table td::before {

    border: 2px solid #f2f4f7;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table th::before,

  .refa_epi_w .howto__schedule__table td::before {

    border: 1px solid #f2f4f7;

  }

}

.refa_epi_w .howto__schedule__table thead th {

  vertical-align: middle;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table thead th {

    padding-top: 10px;

    padding-bottom: 10px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table thead th {

    padding-top: 0.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table thead th {

    padding-bottom: 0.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table thead th {

    padding: 1.6vmin 0;

  }

}

.refa_epi_w .howto__schedule__table thead th:not(:empty) {

  border-left: 1px solid #cdced0;

  background-color: #e5e8eb;

}

.refa_epi_w .howto__schedule__table thead th:not(:empty)::before {

  border-top: 0;

  border-bottom: 0;

}

.refa_epi_w .howto__schedule__table tbody tr + tr {

  border-top: 1px solid #cdced0;

}

.refa_epi_w .howto__schedule__table tbody th {

  background-color: #fff;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table tbody th {

    width: 15%;

    padding-top: 12px;

    padding-bottom: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table tbody th {

    padding-top: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table tbody th {

    padding-bottom: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table tbody th {

    padding: 1.6vmin 0;

  }

}

.refa_epi_w .howto__schedule__table tbody td {

  border-left: 1px solid #cdced0;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__table tbody td {

    width: 17%;

    padding-top: 12px;

    padding-bottom: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table tbody td {

    padding-top: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__table tbody td {

    padding-bottom: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__table tbody td {

    padding: 1.6vmin 0;

  }

}

.refa_epi_w .howto__schedule__table tbody td .small {

  font-size: 0.875em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .howto__schedule__notes {

    font-size: 12px;

    line-height: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__notes {

    font-size: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .howto__schedule__notes {

    line-height: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .howto__schedule__notes {

    font-size: 2.6666666667vmin;

    line-height: 1.5;

  }

}

.refa_epi_w .howto__schedule__notes li {

  margin-left: 1em;

  text-indent: -1em;

}

.refa_epi_w .safety {

  background-color: #f2f4f7;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety {

    padding-top: 50px;

    padding-bottom: 70px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety {

    padding-top: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety {

    padding-bottom: 4.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety {

    padding: 13.3333333333vmin 0;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__wrap {

    width: 740px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__wrap {

    width: 46.25vw;

  }

}

.refa_epi_w .safety__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__head {

    margin-bottom: 40px;

    font-size: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__head {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__head {

    font-size: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__head {

    margin-bottom: 6.6666666667vmin;

    font-size: 4.8vmin;

  }

}

.refa_epi_w .safety__support {

  border: 1px solid #3271ae;

  background-color: #fff;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support {

    /* margin-top: 30px; */

    padding: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support {

    /* margin-top: 1.875vw; */

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support {

    padding: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support {

    margin: 0 4vmin 0;

    padding: 6.6666666667vmin 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__head {

    margin-bottom: 15px;

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__head {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__head {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__head {

    margin-bottom: 4vmin;

    font-size: 4.2666666667vmin;

  }

}

.refa_epi_w .safety__support__head .head {

  display: inline-block;

  border-bottom: 1px solid #3271ae;

  color: #3271ae;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__head .head {

    padding-bottom: 5px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__head .head {

    padding-bottom: 0.3125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__head .head {

    padding-bottom: 1.6vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__lead {

    margin-bottom: 15px;

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__lead {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__lead {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__lead {

    margin-bottom: 4vmin;

    font-size: 4.2666666667vmin;

    line-height: 2;

  }

}

.refa_epi_w .safety__support__txt {

  color: #3271ae;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__txt {

    margin-bottom: 15px;

    font-size: 15px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__txt {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__txt {

    font-size: 0.9375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__txt {

    margin-bottom: 4vmin;

    font-size: 3.7333333333vmin;

  }

}

.refa_epi_w .safety__support__tel {

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__tel {

    width: 292px;

    margin-bottom: 15px;

    pointer-events: none;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__tel {

    width: 18.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__tel {

    margin-bottom: 0.9375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__tel {

    width: 67.7333333333vmin;

    margin-bottom: 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .safety__support__notes {

    font-size: 12px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .safety__support__notes {

    font-size: 0.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .safety__support__notes {

    font-size: 2.6666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq {

    margin-bottom: 120px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq {

    margin-bottom: 7.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq {

    margin: 0 4vmin 16vmin;

  }

}

.refa_epi_w .faq__head {

  position: relative;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__head {

    margin-bottom: 50px;

    padding-bottom: 50px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head {

    margin-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head {

    padding-bottom: 3.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__head {

    margin-bottom: 4vmin;

    padding-bottom: 9.3333333333vmin;

  }

}

.refa_epi_w .faq__head::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__head::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__head::before {

    height: 6.1333333333vmin;

  }

}

.refa_epi_w .faq__head .en {

  display: block;

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__head .en {

    width: 70px;

    margin-bottom: 25px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head .en {

    width: 4.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head .en {

    margin-bottom: 1.5625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__head .en {

    width: 14.9333333333vmin;

    margin-bottom: 2.1333333333vmin;

  }

}

.refa_epi_w .faq__head .jp {

  display: block;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__head .jp {

    font-size: 18px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__head .jp {

    font-size: 1.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__head .jp {

    font-size: 4.2666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__wrap {

    width: 1000px;

    margin: 0 auto;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__wrap {

    width: 62.5vw;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item {

    margin-bottom: 60px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item {

    margin-bottom: 3.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item {

    margin-bottom: 8vmin;

  }

}

.refa_epi_w .faq__item.is-open .faq__item__q::before {

  transform: rotate(0deg);

}

.refa_epi_w .faq__item__q {

  position: relative;

  cursor: pointer;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__q {

    padding-right: 45px;

    padding-left: 45px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q {

    padding-right: 2.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q {

    padding-left: 2.8125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__q {

    padding: 0 8vmin;

  }

}

.refa_epi_w .faq__item__q::before,

.refa_epi_w .faq__item__q::after {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  margin: auto 0;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__q::before,

  .refa_epi_w .faq__item__q::after {

    width: 29px;

    height: 2px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q::before,

  .refa_epi_w .faq__item__q::after {

    width: 1.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q::before,

  .refa_epi_w .faq__item__q::after {

    height: 0.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__q::before,

  .refa_epi_w .faq__item__q::after {

    width: 5.0666666667vmin;

    height: 0.5333333333vmin;

  }

}

.refa_epi_w .faq__item__q::before {

  transform: rotate(90deg);

  transition: 0.4s all;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__q .txt {

    font-size: 16px;

    line-height: 28px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q .txt {

    font-size: 1vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q .txt {

    line-height: 1.75vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__q .txt {

    font-size: 3.7333333333vmin;

    line-height: 6.4vmin;

  }

}

.refa_epi_w .faq__item__q .txt::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: url(../img/ic-q.png) no-repeat center center;

  background-size: contain;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__q .txt::before {

    width: 22px;

    height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q .txt::before {

    width: 1.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__q .txt::before {

    height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__q .txt::before {

    width: 4.8vmin;

    height: 4.8vmin;

  }

}

.refa_epi_w .faq__item__a {

  position: relative;

  display: none;

  overflow: hidden;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__a {

    margin-top: 20px;

    padding-left: 45px;

    font-size: 14px;

    line-height: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a {

    margin-top: 1.25vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a {

    padding-left: 2.8125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a {

    font-size: 0.875vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a {

    line-height: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__a {

    margin-top: 2.6666666667vmin;

    padding-left: 8vmin;

    font-size: 3.2vmin;

    line-height: 5.8666666667vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__a .txt {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .txt {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__a .txt {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .faq__item__a .txt::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  background: url(../img/ic-a.png) no-repeat center center;

  background-size: contain;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__a .txt::before {

    width: 22px;

    height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .txt::before {

    width: 1.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .txt::before {

    height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__a .txt::before {

    width: 4.8vmin;

    height: 4.8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__a .notes {

    font-size: 12px;

    line-height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .notes {

    font-size: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .notes {

    line-height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__a .notes {

    font-size: 2.9333333333vmin;

    line-height: 4.8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__item__a .list {

    margin-bottom: 20px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__item__a .list {

    margin-bottom: 1.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__item__a .list {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .faq__item__a .list li {

  margin-left: 1em;

  text-indent: -1em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .faq__notes {

    font-size: 12px;

    line-height: 22px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__notes {

    font-size: 0.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .faq__notes {

    line-height: 1.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .faq__notes {

    font-size: 2.9333333333vmin;

    line-height: 4.8vmin;

  }

}

.refa_epi_w #buy-now {

  background: url(../img/bg-buy-now.jpg) no-repeat center top;

  background-size: cover;

  color: #000;

}

@media screen and (min-width: 768px) {

  .refa_epi_w #buy-now {

    padding-top: 70px;

    padding-right: 40px;

    padding-bottom: 140px;

    padding-left: 40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w #buy-now {

    padding-top: 4.375vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w #buy-now {

    padding-right: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w #buy-now {

    padding-bottom: 8.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w #buy-now {

    padding-left: 2.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w #buy-now {

    padding: 10.1333333333vmin 4vmin 13.3333333333vmin;

    background-image: url(../img/bg-buy-now-sp.jpg);

  }

}

@media screen and (min-width: 769px) {

  .refa_epi_w .buy-now #goodsspec_body {

    margin-top: min(2.7272727273vw, 30px) !important;

    margin-bottom: min(2.7272727273vw, 30px);

  }

}

@media screen and (max-width: 768.9px) {

  .refa_epi_w .buy-now #goodsspec_body {

    margin-bottom: 5.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__wrap {

    max-width: 1000px;

    margin: 0 auto;

  }

}

.refa_epi_w .buy-now__box {

  background-color: #fff;

}



.refa_epi_w .buy-now__box.buy-now__box__bnr {

  background-color: inherit;

  padding: 0;

  margin: 0;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__box {

    margin-bottom: 40px;

    padding-top: 80px;

    padding-bottom: 100px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__box {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__box {

    padding-top: 5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__box {

    padding-bottom: 6.25vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__box {

    padding: 10.6666666667vmin 4vmin 5.3333333333vmin;

  }

  .refa_epi_w .buy-now__box.mb {

    margin-bottom: 1.5rem;

  }

}

.refa_epi_w .buy-now__head {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__head {

    width: 170px;

    margin-bottom: 50px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__head {

    width: 10.625vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__head {

    margin-bottom: 3.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__head {

    width: 43.7333333333vmin;

    margin-bottom: 6.6666666667vmin;

  }

}

.refa_epi_w .buy-now__caution {

  margin-bottom: 1em;

  color: #d6001c;

  text-align: left;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__caution {

    font-size: 12px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__caution {

    font-size: 3.2vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other {

    padding-top: 60px;

    padding-right: 50px;

    padding-bottom: 50px;

    padding-left: 50px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__other {

    padding-top: 3.75vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__other {

    padding-right: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__other {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .buy-now__other {

    padding-left: 3.125vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other {

    margin: 8vmin 0;

    padding: 10.6666666667vmin 6.6666666667vmin 6.6666666667vmin;

  }

}

.refa_epi_w .buy-now__other__head {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__head {

    margin-bottom: 30px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__head {

    margin-bottom: 5.3333333333vmin;

  }

}

.refa_epi_w .buy-now__other__head .head {

  display: inline-block;

  background-color: #f2f4f7;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__head .head {

    padding: 0 35px;

    font-size: 22px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__head .head {

    padding: 1.0666666667vmin 7.4666666667vmin;

    font-size: 4.8vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col {

    display: flex;

    justify-content: space-between;

    padding-left: 60px;

  }

}

.refa_epi_w .buy-now__other__col__item {

  display: flex;

  align-items: center;

  justify-content: space-between;

  flex-direction: row-reverse;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__item {

    width: 43.8596491228%;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__item + .buy-now__other__col__item {

    margin-top: 16vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__img {

    width: 170px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__img {

    width: 29.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt {

    width: 222px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt {

    width: 49.3333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt .head {

    margin-bottom: 20px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt .head {

    margin-bottom: 4vmin;

  }

}

.refa_epi_w .buy-now__other__col__txt .head .jp {

  display: block;

  font-weight: bold;

  letter-spacing: -0.04em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt .head .jp {

    margin-bottom: 10px;

    font-size: 20px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt .head .jp {

    margin-bottom: 0.5333333333vmin;

    font-size: 4.5333333333vmin;

  }

}

.refa_epi_w .buy-now__other__col__txt .head .en {

  display: block;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt .txt {

    margin-bottom: 30px;

    font-size: 16px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt .txt {

    margin-bottom: 6.6666666667vmin;

    font-size: 3.7333333333vmin;

  }

}

.refa_epi_w .buy-now__other__col__txt .btn {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  background-color: #000;

  font-weight: bold;

  color: #fff;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt .btn {

    height: 42px;

    font-size: 14px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt .btn {

    height: 9.3333333333vmin;

    font-size: 3.2vmin;

  }

}

.refa_epi_w .buy-now__other__col__txt .btn::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  display: block;

  transform: rotate(45deg);

}

@media screen and (min-width: 768px) {

  .refa_epi_w .buy-now__other__col__txt .btn::before {

    width: 8px;

    height: 8px;

    margin: auto 12px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .buy-now__other__col__txt .btn::before {

    width: 1.6vmin;

    height: 1.6vmin;

    margin: auto 3.2vmin;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

  }

}

.refa_epi_w .buy-now__guarantee {

  display: block;

  max-width: 720px;

  margin: 0 auto 23px;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .spec {

    margin-bottom: 150px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .spec {

    margin-bottom: 9.375vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .spec {

    margin: 0 4vmin 16vmin;

  }

}

.refa_epi_w .spec__list {

  margin-bottom: 40px;

  font-size: 14px;

  color: #000;

}

.refa_epi_w .spec__list li {

  margin-left: 1em;

  text-indent: -1em;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .spec-table .table-wrapper-inner {

    margin-bottom: 50px;

  }

}

.refa_epi_w .spec-table .table-wrapper-inner + .table-wrapper-inner {

  border-top: 1px solid #dbe0e7;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .spec-table .table-wrapper-inner + .table-wrapper-inner {

    padding-top: 50px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .spec-table .table-wrapper-inner + .table-wrapper-inner {

    padding-top: 25px;

  }

}

.refa_epi_w .spec-table .table-wrapper-inner .txt-b {

  font-size: 14px;

  font-weight: bold;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .spec-table .table-wrapper-inner .txt-b {

    margin-bottom: 60px;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .spec-table .table-wrapper-inner .txt-b {

    margin-bottom: 50px;

  }

}



/* 20240416追加 比較表 */

.refa_epi_w .p-comparison__ttl {

  position: relative;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .p-comparison__ttl {

    margin-bottom: 40px;

    padding-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .p-comparison__ttl {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .p-comparison__ttl {

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .p-comparison__ttl {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .p-comparison__ttl {

    margin-bottom: 5.3333333333vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 5.0666666667vmin;

  }

}

.refa_epi_w .p-comparison__ttl::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #d6001c;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .p-comparison__ttl::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .refa_epi_w .p-comparison__ttl::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .p-comparison__ttl::before {

    height: 6.1333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison {

    margin-bottom: 120px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison {

    margin-bottom: 9.2307692308vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison {

    margin-bottom: 16vw;

  }

}

.p-comparison__inner {

  margin: 0 auto;

}

@media screen and (min-width: 768px) {

  .p-comparison__inner {

    max-width: 600px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__inner {

    max-width: 46.1538461538vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__inner {

    max-width: 92vw;

  }

}

.p-comparison__table {

  border-top: 1px solid #d8dee5;

  border-bottom: 1px solid #d8dee5;

  font-family: "Noto Sans JP", sans-serif;

}

.p-comparison__table thead {

  width: 100%;

}

.p-comparison__table thead th {

  width: 50%;

}

@media screen and (min-width: 768px) {

  .p-comparison__table thead th {

    height: 207.5px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table thead th {

    height: 15.9615384615vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table thead th {

    height: 44.6666666667vw;

  }

}

.p-comparison__table thead th:not(:last-of-type) {

  border-right: 1px solid #d8dee5;

}

@media screen and (min-width: 768px) {

  .p-comparison__table thead th p {

    font-size: 16px;

    line-height: 1.1875;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table thead th p {

    font-size: 1.2307692308vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table thead th p {

    font-size: calc(28 / 750 * 100vw);

    line-height: 1.1428571429;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison__table thead th p {

    margin-top: 4px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table thead th p {

    margin-top: 0.3076923077vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table thead th p {

    margin-top: 0.5333333333vw;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison__table thead th.epi img {

    width: 40px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table thead th.epi img {

    width: 3.0769230769vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table thead th.epi img {

    width: 8.8vw;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison__table thead th.epiw img {

    width: 52px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table thead th.epiw img {

    width: 4vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table thead th.epiw img {

    width: 11.6vw;

  }

}

.p-comparison__table tbody th {

  background-color: #f5f8fc;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody th {

    font-size: 16px;

    line-height: 1;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody th {

    font-size: 1.2307692308vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody th {

    font-size: calc(28 / 750 * 100vw);

    line-height: 1;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody th {

    height: 36px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody th {

    height: 2.7692307692vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody th {

    height: 10.6666666667vw;

  }

}

.p-comparison__table tbody td {

  text-align: center;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td {

    font-size: 16px;

    line-height: 1.625;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td {

    font-size: 1.2307692308vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td {

    font-size: calc(28 / 750 * 100vw);

    line-height: 1;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td {

    min-height: 75px;

    padding: 20px 0;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td {

    min-height: 5.7692307692vw;

    padding: 1.5384615385vw 0;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td {

    min-height: 13.3333333333vw;

    padding: 4vw 0;

  }

}

.p-comparison__table tbody td:not(:last-of-type) {

  border-right: 1px solid #d8dee5;

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td.small {

    font-size: calc(24 / 750 * 100vw);

    line-height: 2;

    letter-spacing: 0.08em;

    font-weight: 400;

  }

}

.p-comparison__table tbody td span {

  display: block;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td span {

    font-size: 12px;

    line-height: 1.5833333333;

    letter-spacing: 0em;

    font-weight: 400;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td span {

    font-size: 0.9230769231vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td span {

    font-size: calc(18 / 750 * 100vw);

    line-height: 1.4444444444;

    letter-spacing: 0em;

    font-weight: 400;

  }

}

.p-comparison__table tbody td .list {

  text-align: left;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td .list {

    padding-left: 20px;

    padding-right: 20px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td .list {

    padding-left: 1.5384615385vw;

    padding-right: 1.5384615385vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td .list {

    padding-left: 2.6666666667vw;

    padding-right: 2.6666666667vw;

  }

}

.p-comparison__table tbody td .list li {

  padding-left: 1em;

  text-indent: -1em;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td .list li {

    font-size: 16px;

    line-height: 1.5;

    letter-spacing: 0em;

    font-weight: 400;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td .list li {

    font-size: 1.2307692308vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td .list li {

    font-size: calc(24 / 750 * 100vw);

    line-height: 1.4166666667;

    letter-spacing: 0em;

    font-weight: 400;

  }

}

.p-comparison__bnr {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

}

@media screen and (min-width: 768px) {

  .p-comparison__bnr {

    width: 400px;

    margin-top: 55px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__bnr {

    width: 30.769231vw;

    margin-top: 4.231vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__bnr {

    width: 100%;

    margin-top: 6.4vw;

  }

}

.p-comparison__table tbody td .list li .small {

  text-indent: -0.5em;

  margin-bottom: 3px;

}

@media screen and (min-width: 768px) {

  .p-comparison__table tbody td .list li .small {

    font-size: 12px;

  }

}

@media screen and (max-width: 1300px) and (min-width: 768px) {

  .p-comparison__table tbody td .list li .small {

    font-size: 0.9231vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__table tbody td .list li .small {

    font-size: calc(18 / 750 * 100vw);

  }

}

.p-comparison__table tbody td.va-t {

  vertical-align: top;

}



/*-- casting long movie -------------------------------------------------------*/



.message .movie__link__xternal {

  display: flex;

  align-items: center;

  justify-content: center;

  margin: 0 auto 100px;

  background-color: #000;

  color: #fff;

  position: relative;

}

@media screen and (min-width: 768px) {

  .message .movie__link__xternal {

    font-size: 20px;

    line-height: 1;

    letter-spacing: 0.1em;

    font-weight: 400;

    width: 371px;

    height: 60px;

    border-radius: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1300px) {

  .message .movie__link__xternal {

    width: 23.1875vw;

    font-size: 1.25vw;

    height: 3.75vw;

    border-radius: 1.875vw;

    margin-bottom: 80px;

  }

}



@media screen and (max-width: 767px) {

  .message .movie__link__xternal {

    font-size: calc(30 / 750 * 100vw);

    line-height: 1;

    letter-spacing: 0.1em;

    font-weight: 400;

    width: 100%;

    height: 12.8vmin;

    border-radius: 11.2vmin;

    margin: 0 auto 3rem;

  }

}

.message .movie__link__xternal:after {

  position: absolute;

  content: "";

  display: block;

  background-repeat: no-repeat;

  background-size: contain;

  background-image: url(/assets/beauty/refa/refa_clear/fine_bubble_u/img/ic-xternal-link.png);

  top: 54%;

  transform: translateY(-50%);

}

@media screen and (min-width: 768px) {

  .message .movie__link__xternal:after {

    width: 16.5px;

    height: 16.5px;

    right: 25px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1300px) {

  .message .movie__link__xternal:after {

    width: 1.03125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1300px) {

  .message .movie__link__xternal:after {

    height: 1.03125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1300px) {

  .message .movie__link__xternal:after {

    right: 1.5625vw;

  }

}



@media screen and (max-width: 767px) {

  .message .movie__link__xternal:after {

    top: 60%;

    width: 4.2666666667vmin;

    height: 6.6666666667vmin;

    right: 12vmin;

  }

}



.refa_epi_w .message__item.item2 {

}



/* 20240627追加 クーポンコードコピー */

.outline__coupon__ttl {

  position: relative;

  width: max-content;

  font-weight: 700;

  line-height: 1;

  background: linear-gradient(transparent 60%, rgba(30, 30, 30, 0.2) 60%);

}

.outline__coupon__notes {

  display: block;

  width: max-content;

  margin-left: auto;

  margin-right: auto;

  text-decoration: underline !important;

  font-weight: 600;

}

@media screen and (min-width: 768px) {

  .outline__coupon {

    margin: 20px 0 16px;

  }

  .outline__coupon__ttl {

    margin: 0 auto 16px;

    padding: 0 6px;

    font-size: 20px;

  }

  .outline__coupon__notes {

    font-size: 12px;

    margin-top: 6px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .outline__coupon {

    margin: 1.25vw 0 1vw;

  }

  .outline__coupon__ttl {

    margin: 0 auto 0.5vw;

    padding: 0 0.375vw;

    font-size: 1.25vw;

  }

  .outline__coupon__notes {

    font-size: 0.8125vw;

    margin-top: 0.5vw;

  }

}

@media screen and (max-width: 767px) {

  .outline__coupon {

    margin: 6.4vw 0 4.26666667vw;

  }

  .outline__coupon__ttl {

    margin: 0 auto 5.2vw;

    padding: 0 2.8vw;

    font-size: 5.33333333vw;

  }

  .outline__coupon__notes {

    font-size: 3.2vw;

    margin-top: 1.2vw;

  }

}



/* 20240708追加 */

.refa_epi_w .effect.new .effect__head {

  text-align: left;

  margin-left: auto;

  width: max-content;

  margin-top: 0;

}

.refa_epi_w .effect.new .effect__head .jp {

  margin-top: 0;

}

.effect__subttl {

  position: relative;

  text-align: center;

  font-weight: 600;

  letter-spacing: 0.12em;

}

.effect__subttl::after {

  position: absolute;

  content: "";

  display: block;

  width: 1px;

  left: 50%;

  transform: translateY(100%);

  background-color: #d6001c;

}

.refa_epi_w .effect.new .effect__box {

  position: relative;

  display: flex;

  flex-direction: column;

  align-items: center;

}

.effect__box__bnr {

  position: absolute;

  z-index: 1;

  border-radius: 50%;

  background-color: #333333;

  color: #fff;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  font-weight: 500;

}

.effect__box__bnr .sub {

  border-bottom: 1px solid;

}

.effect__box__bnr .main {

  line-height: 1.5;

}

@media screen and (min-width: 768px) {

  .refa_epi_w .effect.new {

    background: url(../img/bg-effect02.jpg) no-repeat left top;

    background-size: 61% auto;

    /* padding-top: 180px; */

    padding-top: 11.25vw;

  }

  .refa_epi_w .effect.new .effect__head {

    /* margin-bottom: 230px; */

    margin-bottom: 14.375vw;

  }

  .effect__subttl {

    font-size: 20px;

    margin-bottom: 70px;

  }

  .effect__subttl::after {

    height: 30px;

    bottom: -12px;

  }

  .refa_epi_w .effect.new .effect__box {

    padding: 40px;

    row-gap: 30px;

  }

  .refa_epi_w .effect.new .effect__box + .effect__box {

    margin-top: 50px;

  }

  .refa_epi_w .effect.new .effect__box .effect__box__img,

  .refa_epi_w .effect.new .effect__box .effect__box__txt {

    width: 538px;

  }

  .refa_epi_w .effect.new .effect__box:nth-of-type(2) .effect__box__img,

  .refa_epi_w .effect.new .effect__box:nth-of-type(2) .effect__box__txt {

    width: 656.5px;

  }

  .effect__box__bnr {

    width: 140px;

    height: 140px;

    left: 30px;

    top: -30px;

  }

  .effect__box__bnr .sub {

    font-size: 15px;

    padding: 0 8px 4px;

    margin-bottom: 4px;

  }

  .effect__box__bnr .main {

    font-size: 40px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  /* .refa_epi_w .effect.new {

    padding-top: 11.25vw;

  } */

  /* .refa_epi_w .effect.new .effect__head {

    margin-bottom: 14.375vw;

  } */

  .effect__subttl {

    font-size: 1.25vw;

    margin-bottom: 4.375vw;

  }

  .effect__subttl::after {

    height: 1.875vw;

    bottom: -0.75vw;

  }

  .refa_epi_w .effect.new .effect__box {

    row-gap: 1.875vw;

    padding: 2.5vw;

  }

  .refa_epi_w .effect.new .effect__box + .effect__box {

    margin-top: 3.125vw;

  }

  .refa_epi_w .effect.new .effect__box .effect__box__img,

  .refa_epi_w .effect.new .effect__box .effect__box__txt {

    width: 33.625vw;

  }

  .refa_epi_w .effect.new .effect__box:nth-of-type(2) .effect__box__img,

  .refa_epi_w .effect.new .effect__box:nth-of-type(2) .effect__box__txt {

    width: 41.03125vw;

  }

  .effect__box__bnr {

    width: 8.75vw;

    height: 8.75vw;

    left: 1.875vw;

    top: -1.875vw;

  }

  .effect__box__bnr .sub {

    font-size: 0.9375vw;

    padding: 0 0.5vw 0.25vw;

    margin-bottom: 0.25vw;

  }

  .effect__box__bnr .main {

    font-size: 2.5vw;

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .effect.new {

    background: url(../img/bg-effect02-sp.jpg) no-repeat center top;

    background-size: 100% auto;

    padding-top: 64vw;

  }

  .refa_epi_w .effect.new .effect__head {

    margin-bottom: 13.2vw;

  }

  .effect__subttl {

    font-size: 4.2666666667vw;

    margin-bottom: 13.2vw;

  }

  .effect__subttl::after {

    height: 6.1333333vw;

    bottom: -2vw;

  }

  .refa_epi_w .effect.new .effect__box {

    row-gap: 5.6vw;

    padding: 6.4vw 5.33333333vw;

  }

  .refa_epi_w .effect.new .effect__box .effect__box__img {

    margin-bottom: 0;

  }

  .effect__box__bnr {

    width: 29.866666667vw;

    height: 29.866666667vw;

    left: 5.3333333vw;

    top: 5.3333333vw;

  }

  .effect__box__bnr .sub {

    font-size: 3.46666667vw;

    padding: 0 1.2vw 0.8vw;

    margin-bottom: 0.8vw;

  }

  .effect__box__bnr .main {

    font-size: 8.8vw;

  }

}

.howto__movie {

  margin-left: auto;

  margin-right: auto;

}

.js-accordion-panel {

  display: none;

}

.refa_epi_w .howto__step__head {

  font-weight: 600;

}

.howto__accordion-head {

  cursor: pointer;

  text-align: center;

  border-top: 1px solid #d8dee6;

  border-bottom: 1px solid #d8dee6;

  position: relative;

}

.howto__accordion-head::before,

.howto__accordion-head::after {

  position: absolute;

  content: "";

  display: block;

  top: 50%;

  transform: translateY(-50%);

  background-color: #000000;

  transition: all 0.3s;

}

.howto__accordion-head.is-active::after {

  height: 0;

}

.howto__accordion-head p {

  font-weight: 500;

  line-height: 1;

}

@media screen and (min-width: 768px) {

  .howto__movie {

    margin-bottom: 80px;

    width: 740px;

  }

  .howto__accordion-head {

    padding: 20px 0;

    margin-bottom: 20px;

  }

  .howto__accordion-head::before {

    width: 11px;

    height: 1px;

    right: 10px;

  }

  .howto__accordion-head::after {

    width: 1px;

    height: 11px;

    right: 15px;

  }

  .howto__accordion-head p {

    font-size: 16px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .howto__movie {

    margin-bottom: 5vw;

    width: 46.25vw;

  }

  .howto__accordion-head {

    padding: 1.25vw 0;

    margin-bottom: 1.25vw;

  }

  .howto__accordion-head::before {

    width: 0.6875vw;

    right: 0.625vw;

  }

  .howto__accordion-head::after {

    height: 0.6875vw;

    right: 0.9375vw;

  }

  .howto__accordion-head p {

    font-size: 1vw;

  }

}

@media screen and (max-width: 767px) {

  .howto__movie {

    width: 70vw;

    margin-bottom: 13.33333333vw;

  }

  .movie__modal__inner.sp {

    height: 85vh;

  }

  .howto__accordion-head {

    padding: 5.6vw 0;

    margin-bottom: 4vw;

  }

  .howto__accordion-head::before {

    width: 2.9333333vw;

    height: 0.28vw;

    right: 1.6vw;

  }

  .howto__accordion-head::after {

    width: 0.28vw;

    height: 2.9333333vw;

    right: 3vw;

  }

  .howto__accordion-head p {

    font-size: 4vw;

  }

}

.p-comparison__ttl .main,

.p-comparison__ttl .sub {

  display: block;

  font-weight: 700;

  letter-spacing: 0.16em;

}

@media screen and (min-width: 768px) {

  .p-comparison__ttl {

    margin-bottom: 110px;

  }

  .p-comparison__ttl .main {

    font-size: 36px;

  }

  .p-comparison__ttl .sub {

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .p-comparison__ttl {

    margin-bottom: 6.875vw;

  }

  .p-comparison__ttl .main {

    font-size: 2.25vw;

  }

  .p-comparison__ttl .sub {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .p-comparison__ttl {

    margin-bottom: 17.2vw;

  }

  .p-comparison__ttl .main {

    font-size: 6.4vw;

  }

  .p-comparison__ttl .sub {

    font-size: 5.066666667vw;

  }

}



/* 20240801追加LINEバナー */

.line-bnr {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-left: auto;

  margin-right: auto;

}

.outline__txt .line-bnr {

  margin-bottom: 11px;

}

@media screen and (min-width: 768px) {

  .p-buynow__box--cart .line-bnr {

    max-width: 420px;

    margin-bottom: 20px;

  }

  .buy-now .line-bnr {

    margin: 30px 0;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .outline__txt .line-bnr {

    margin-bottom: 0.6875vw;

  }

}

@media screen and (max-width: 767px) {

  .outline__txt .line-bnr {

    margin-bottom: 4vmin;

  }

  .p-buynow__box--cart .line-bnr {

    margin-bottom: 4vw;

  }

}

.line-float-bnr {

  position: fixed;

  z-index: 9999;

  right: 20px;

  bottom: 20px;

  display: inline-block;

  visibility: hidden;

  width: 360px;

  height: 120px;

  -webkit-transition: all 0.15s ease;

  transition: all 0.15s ease;

  text-decoration: none;

  opacity: 0;

}

.line-float-bnr.coupon {

  width: 312px;

  height: 104px;

}

.line-float-bnr.on {

  visibility: visible;

  opacity: 1;

}

.line-float-bnr .closebtn {

  position: absolute;

  z-index: 10;

  width: 20px;

  height: 20px;

  top: 10px;

  right: 10px;

  cursor: pointer;

}

@media screen and (max-width: 767px) {

  .line-float-bnr {

    width: 56vw;

    height: 22.66666666666667vw;

    bottom: 2.8vw;

    right: 2.8vw;

  }

  .line-float-bnr.coupon {

    width: 43.7333333vw;

    height: 22.66666666666667vw;

  }

  .line-float-bnr .closebtn {

    width: 4.2vw;

    height: 4.2vw;

    top: 0.9vw;

    right: 0.9vw;

  }

  .line-float-bnr.coupon .closebtn {

    top: 2vw;

    right: 2vw;

  }

}



/* ----- user-voice ----- */

.user-voice {

  padding: 50px 0 100px;

  background: url(../img/bg-user-voice.jpg) center / cover no-repeat;

  background-color: #fff;

}

@media screen and (max-width: 767px) {

  .user-voice {

    padding: 12vw 0;

    background-image: url(../img/bg-user-voice-sp.jpg);

  }

}

.user-voice__wrap {

  max-width: 660px;

  margin: auto;

}

@media screen and (max-width: 767px) {

  .user-voice__wrap {

    max-width: 100%;

  }

}

.user-voice__head {

  width: min(30vw, 300px);

  margin: 0 auto min(3.6363636364vw, 40px);

}

@media screen and (max-width: 767px) {

  .user-voice__head {

    width: 60vw;

    margin-bottom: 7vw;

  }

}

.user-voice__head h2 {

  position: relative;

  font-weight: bold;

  text-align: center;

}

@media screen and (min-width: 768px) {

  .user-voice__head h2 {

    margin-bottom: 40px;

    padding-bottom: 50px;

    font-size: 26px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .user-voice__head h2 {

    margin-bottom: 2.5vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .user-voice__head h2 {

    margin-top: 12px;

    padding-bottom: 3.125vw;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .user-voice__head h2 {

    font-size: 1.625vw;

  }

}

@media screen and (max-width: 767px) {

  .user-voice__head h2 {

    margin: 4vmin auto 8vmin;

    padding-bottom: 9.3333333333vmin;

    font-size: 5.0666666667vmin;

    line-height: 6.9333333333vmin;

  }

}

.user-voice__head h2::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

  width: 1px;

  margin: 0 auto;

  background-color: #5d379b;

}

@media screen and (min-width: 768px) {

  .user-voice__head h2::before {

    height: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1600px) {

  .user-voice__head h2::before {

    height: 1.875vw;

  }

}

@media screen and (max-width: 767px) {

  .user-voice__head h2::before {

    height: 6.1333333333vmin;

  }

}

@media screen and (min-width: 768px) {

  .user-voice-col {

    display: flex;

    justify-content: center;

  }

}

.user-voice-col__item {

  background-color: #fff;

  box-shadow: 1px 1px 12px 1px rgba(0, 0, 0, 0.1);

}

@media screen and (min-width: 768px) {

  .user-voice-col__item {

    width: calc(100% / 2 - 12px);

    padding: 28px;

  }

}

@media screen and (max-width: 767px) {

  .user-voice-col__item {

    width: 71%;

    margin: 0 auto;

    padding: 6vw;

  }

}

.user-voice-col__item h3 {

  margin: 12px 0 4px;

  font-size: min(2.2vw, 24px);

  font-weight: 600;

  line-height: 1.5;

  color: #5d379b;

}

@media screen and (max-width: 767px) {

  .user-voice-col__item h3 {

    margin: 3vw 0 0;

    font-size: 5vw;

  }

}

.user-voice-col__item h3 sub {

  font-size: 50%;

  vertical-align: top;

}

.user-voice-col__item p {

  margin: 16px 0 0;

  font-size: min(1.4vw, 15px);

  font-weight: 500;

  line-height: 1.8;

}

@media screen and (max-width: 767px) {

  .user-voice-col__item p {

    font-size: 3.6vw;

  }

}

.user-voice-col__item p span {

  position: relative;

  padding-bottom: 4px;

  font-weight: bold;

  background: linear-gradient(90deg, #ffe001 0%, #ffca00 100%);

  background-repeat: no-repeat;

  background-size: 100% 30%;

  background-position: bottom;

}

.user-voice__notes {

  margin-top: 20px;

  font-size: 12px;

  text-align: center;

}

@media screen and (max-width: 767px) {

  .user-voice__notes {

    font-size: 2.8vw;

  }

}



/* 20250526追加 タグ構造調整 */

/* h1,

p {

  padding-left: 0 !important;

} */



.refa_epi_w .effect.new .effect__box.mb {

  margin-top: 0;

  margin-bottom: 50px;

}



.refa_epi_w .buy-now__other__head .head {

  font-family: "Yu Gothic", YuGothic, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}



@media screen and (max-width: 767px) {

  .refa_epi_w .effect.new .effect__box.mb {

    margin-bottom: 4vmin;

  }

}



/* 202506_ポイントバックキャンペーン */



@media screen and (min-width: 769px) {

  .refa_epi_w .outline__box .point-back + .outline__instalment {

    margin-top: min(1.3636363636vw, 15px);

  }

}

@media screen and (max-width: 768.9px) {

  .refa_epi_w .outline__box .point-back + .outline__instalment {

     margin-top: 4vmin;

  }

}

@media screen and (min-width: 768px) {

  .refa_epi_w .outline__box .point-back {

    margin-top: 30px;

  }

}

@media screen and (min-width: 768px) and (max-width: 1100px) {

  .refa_epi_w .outline__box .point-back {

    margin-top: min(2vw, 30px);

  }

}

@media screen and (max-width: 767px) {

  .refa_epi_w .outline__box .point-back {

    margin-top: 4vmin;

  }

}

@media screen and (min-width: 769px) {

  section.buy-now .block-line .point-back {

    margin-bottom: min(0.9090909091vw, 10px);

  }

}

@media screen and (max-width: 768.9px) {

  section.buy-now .block-line .point-back {

    margin-bottom: 10px;

  }

}

/* 2508_エピダブル20％OFF */
.w_20offcp {
  max-width: 1000px;
  margin: 0 auto;
  padding: .4rem;
  text-align: center;
  background: #5D5F78;
  color: #fff;
  font-size: 2rem;
  font-family: "Noto Serif JP", serif;
}

@media screen and (min-width: 768px) {
  .refa_epi_w .outline__price.w20off {
    width: 290px;
    margin: 2rem 0;
  }
  section.buy-now #refa-epi-w-buy-now .offer_txt .price.w20off{
    width: 290px;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .w_20offcp {
    font-size: 1rem;
  }
  .refa_epi_w .outline__price.w20off ,
  section.buy-now #refa-epi-w-buy-now .offer_txt .price.w20off{
    width: 75vmin;
    margin: 2rem 0;
}
}