@charset "UTF-8";

.white-bg {
background-color: #fff;
color: #000;
}
/*===============================
  feature-ilf-block
================================*/
.feature-ilf-block {
  padding: 5rem 5%;
  font-weight: 500;
}
.feature-ilf-block .ttl {
  background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/images/bg_blue.png);
    color: #fff;
    font-size: 2.7rem;
    margin: 0 0 1.5rem;
    text-align: center;
}

/*===============================
  ilf-first-view
================================*/
.ilf-first-view{
  z-index: 3;
  color: #fff;
  margin-bottom: 3rem;
}
.ilf-first-view .imgBlk{
  position: relative;
}
.ilf-first-view .imgBlk .txtBlk {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1;
  z-index: 5;
}
.ilf-first-view .logoBlk{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(to bottom, #ffffff00, #000000db);
  padding: 30px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ilf-first-view .logoBlk .logoImg{ 
  width: 24rem!important;
  max-width: 200px;
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px rgba(255,255,255,.4);
  margin-bottom: 1rem;
}
.ilf-first-view .logoBlk .logoRuby{ 
  font-size: 1.8rem;
  letter-spacing: 0;
  text-align: center;
  line-height: 1;
  color: #fff;
}
.ilf-first-view .imgBlk .txtBlk1 {
  position: absolute;
  top: 10.5%;
  right: 8.5%;
}
.ilf-first-view .imgBlk .txtBlk2 {
  position: absolute;
  top: 26.5%;
  right: 8.5%;
}
.ilf-first-view .imgBlk .txtBlk3 {
  position: absolute;
  top: 43%;
  right: 8.5%;
}
.ilf-first-view .imgBlk .txtBlk4 {
  position: absolute;
  top: 59.5%;
  right: 8.5%;
}
.ilf-first-view .txtBlk_box {
  position: relative;
}
.ilf-first-view .txtBlk_box .txt1{
  font-size: 3.5rem;
  font-size: min(14vw, 65px);
}
.ilf-first-view .txtBlk_box .txt2{
  position: absolute;
  right: -25%;
  top: 70%;
  transform: translateY(-50%);
  height: 100%;
  font-size: 1.5rem;
  writing-mode: vertical-rl;
  margin-left: 7px;
  letter-spacing: 0.8em;
}
.ilf-first-view .txtBlk_box:last-child .txt2{
  top: 90%;
}
.mainVisual {
  width: 100%;
  position: relative;
  padding-top: 0px;
  min-height: 560px;
}
.mainVisual_ttl {
  background: url(https://stripe-channel.jp/wp-content/uploads/makeshop/hi-fun/img/content/face_top_bannerv3.png) center bottom no-repeat;
  background-size: cover;
  width: 100%;
  font-size: min(7vw,30px);
  text-align: center;
  padding: 3rem 0;
  line-height: 1.5;
}

/*===============================
  ilf-feature-list
================================*/
.ilf-feature-list{
  margin: 0 5%;
  color: #fff;
}
.ilf-feature-list ul{
  position: relative;
  margin-bottom: 3rem;
}
.ilf-feature-list ul li{
  font-size: min(5vw,23px);
  text-underline-offset: 3px;
  padding: 2rem 0;
  position: relative;
  text-align: left;
}
.ilf-feature-list ul li span{
  display: inline-block;
  border-bottom: 1px solid #fff;
  line-height: 1.5;
}
.ilf-feature-list ul li:before{
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: #09b1df4a;
}
.ilf-feature-list ul .slash{
  position: absolute;
  padding: 22px;
  font-size: 1.2rem;
  color: #3c3b3b;
}
.ilf-feature-list ul .caution{
position: absolute;
right: 0;
bottom: 0;
font-size: 10px;
text-decoration: none;
}
/*===============================
  use-for-your-skin-txt
================================*/
.use-for-your-skin-txt .txt-block{
  margin: auto;
  background: url(https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_0726/sec04_0726_bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  padding: 60px 0;
  color: #fff;
  font-size: 2.2rem;
}
.use-for-your-skin-txt .txt-block .inner{
  text-align: center;
}
.use-for-your-skin-txt .txt-block .inner .txt{
  display: inline-block;
}
.use-for-your-skin-txt .beltTxt {
  font-size: 20px;
  text-align: center;
  padding: 20px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background: linear-gradient(to left, #2002A5, #01E8F1);
  color: #fff;
}
.use-for-your-skin-txt .and {
  color: #fff;
  text-align: center;
  margin: 10px 0;
  font-size: 20px;
  line-height: 1;
}
.use-for-your-skin-txt .txt-box {
  position: relative;
  margin: 5rem 0;
  font-size: min(6vw,27px);
  padding: 2rem 0;
  text-align: center;
  color: #fff;
}
.use-for-your-skin-txt .txt-box::before{
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  left: 4%;
  top: -18%;
  background: url(https://gigaplus.makeshop.jp/FachantAve/lp/faceinvestment/img/leftline1.png) center no-repeat;
  background-size: contain;
}
.use-for-your-skin-txt .txt-box::after{
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  right: 4%;
  bottom: -18%;
  background: url(https://gigaplus.makeshop.jp/FachantAve/lp/faceinvestment/img/rightline1.png) center no-repeat;
  background-size: contain;
}
.use-for-your-skin-txt .product-box {
  margin: 0 5%;
  display: flex;
  justify-content: center;
  align-items: center;
color: #fff;
}
.use-for-your-skin-txt .product-box .left {
  width: 60%;
  line-height: 1;
}
.use-for-your-skin-txt .product-box .left .ttl {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.use-for-your-skin-txt .product-box .left .desp {
  margin-bottom: 8rem;
  font-family: classico-urw, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 5.5rem;
  margin-bottom: 3rem;
}
.use-for-your-skin-txt .product-box .left .desp.short {
  letter-spacing: -0.1em;
}
.use-for-your-skin-txt .product-box .left .desp .mini {
  font-size: 3rem;
}
.use-for-your-skin-txt .product-box .left .despSub {
  margin-top: -4rem;
  line-height: 1.4;
  margin-top: 0;
  font-size: 1.2rem;
  white-space: nowrap;
}
.use-for-your-skin-txt .product-box .right {
  text-align: center;
  width: 32%;
  position: relative;
}
.use-for-your-skin-txt .product-box .right .txtBlk {
  position: absolute;
  top: 35%;
  left: -23%;
  transform: translate(-50%, -50%);
  padding: 6px;
  border: solid 1px #fff;
  font-size: 12px;
  white-space: nowrap;
  text-align: left;
  background: #000;
}
.use-for-your-skin-txt .product-box .right .img {
  margin-bottom: -35px;
}
.use-for-your-skin-txt .product-box .right img {
  max-width: 100%;
}

/*===============================
  txt-block-ilf-1
================================*/
.txt-block-ilf-1{
  position: relative;
  background: url(https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_0726/sec01_0726.jpg) center center / cover no-repeat;
  padding: 1.5rem 5%;
}
/*===============================
  txt-block-ilf-2
================================*/
.txt-block-ilf-2{
  position: relative;
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_1024/secAdd_1024_6_bg.jpg") center 0 / cover no-repeat;
  padding: 3rem 0;
  text-align: center;
}
.txt-block-ilf-2 .space {
  margin-right: -0.4em;
}
/*===============================
  txt-block-ilf-3
================================*/
.txt-block-ilf-3 {
  position: relative;
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/images/bg_blue.png") center 0 / contain repeat-y;
  padding: 2rem 0;
  text-align: center;
  line-height: 1.5;
}
.txt-block-ilf-3 .en-ttl {
  font-size: min(4vw,18px);
  margin-bottom: 1rem;
}
.txt-block-ilf-3 .caution-txt {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  font-weight: 500 !important;
  line-height: 1.5;
  font-style: normal !important;
}
/*===============================
  txt-block-ilf-4
================================*/
.txt-block-ilf-4 {
  position: relative;
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_0726/0404.png") center center no-repeat;
  background-size: 100% 100%;
  padding: 5rem 0 7rem;
  line-height: 1.7;
  text-align: center;
}
.txt-block-ilf-4 .caution-txt {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  font-weight: 500 !important;
  line-height: 1.5;
  font-style: normal !important;
}
/*===============================
  txt-block-ilf-5
================================*/
.txt-block-ilf-5 {
  position: relative;
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_1024/sec15_0726_titImg3_bg.jpg") center center / cover no-repeat;
  padding: 3rem 0 4rem;
  text-align: center;
  line-height: 1.5;
}
.txt-block-ilf-5 .caution-txt {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  font-weight: 500 !important;
  line-height: 1.5;
  font-style: normal !important;
}
/*===============================
  txt-block-ilf-6
================================*/
.txt-block-ilf-6 {
  position: relative;
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/images/bg_glass.jpg") center center / cover no-repeat;
  padding: 4rem 0 5rem;
  text-align: center;
  color: #000;
  line-height: 1.5;
}
.txt-block-ilf-6 .title {
  margin-bottom: 2rem;
}
.txt-block-ilf-6 .caution-txt {
  position: absolute;
  bottom: 1.5rem;
  right: 1rem;
  text-align: right;
  font-size: 1rem;
  letter-spacing: normal;
  font-weight: 500 !important;
  line-height: 1.5;
  font-style: normal !important;
}
/*===============================
  txt-block-ilf-7
================================*/
.txt-block-ilf-7 {
  background: url("https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_0726/sec07_0726_bg.jpg") center center / cover no-repeat;
  padding: 3rem 0;
  text-align: center;
}
/*===============================
  txt-block-ilf-8
================================*/
.txt-block-ilf-8 {
  background: url("https://gigaplus.makeshop.jp/FachantAve/lp/faceinvestment/img/secAdd_1024_2.jpeg") center bottom / cover no-repeat;
  padding: 3rem 8% 8rem;
}

/*===============================
  single-16roles-visual
================================*/
.single-16roles-visual{
  position: relative;
  z-index: 1;
  margin-top: 6rem;
} 
.single-16roles-visual .logotext1{
  position: absolute;
  top: 4%;
  color: white;
  right: 3%;
  font-size: 10px;
  letter-spacing: normal;
}
.single-16roles-visual .logotext2{
  position: absolute;
  top: 16%;
  color: white;
  right: 3%;
  font-size: 10px;
  letter-spacing: normal;
}
.single-16roles-visual .txtBlk2{
  position: absolute;
  top: -12%;
  font-size: 4rem;
  color: #fff;
  text-align: right;
  line-height: 1;
  font-style: italic;
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -ms-transform: trotate(-5deg);
  white-space: nowrap;
  width: 104%;
  margin-left: -4%;
}
.single-16roles-visual .txt .bottom{
  margin-left: 0.5em;
}
.single-16roles-visual .txtBlk2 .top{
  position: relative;
  margin-bottom: 1rem;
}
.single-16roles-visual .txtBlk2 .bottom{
  text-align: center;
  width: 103%; 
  position: relative;
  padding: 6px 10px 5px;
}
.single-16roles-visual .line{
  display: inline-block;
  padding: 4px 10px 3px;
  margin-bottom: 10px;
}
.single-16roles-visual .txt .txt2{
  font-size: 1.2em;
}
.single-16roles-visual .txt big{
  font-size: 1.2em;
}
.single-16roles-visual .txtBlk2 .txt2::after{
  position: absolute;
  top: 0;
  left: 1rem;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(20deg, #01E8F1 0%, #2002A5 100%);
  transform: skewX(-10deg);
  z-index: -1;
}
.sec09_0726 .captionTxt_right{
  color: white;
  text-align: right;
  font-size: 1rem;
}
.single-16roles-visual .maintx{
  position: absolute;
  bottom: 13%;
  left: 4%;
  line-height: 1.3;
  font-style: italic;
}
.single-16roles-visual .tx1{
  background-color: white;
  color: black;
  display: inline-block;
  font-size: 1.9rem;
  padding: 0 15px;
  font-weight: bold;  
}
.single-16roles-visual .tx2{
  color: white;
  font-size: 4.8rem;
  text-shadow: 2px 2px 4px #000000d4;
}
.single-16roles-visual .cautionRightTxt{
  position: absolute;
  right: 0;
  bottom: 13%;
}
.single-16roles-visual .maintx .caution_sup{
  position: relative;
  top: 20px;
  vertical-align: super;
  font-size: 1rem;
  color: white;
}
/*===============================
  ilf-txt-box
================================*/
.ilf-txt-box {
  margin-bottom: 5rem;
}
.ilf-txt-box .imgBox .boxTxt {
  margin-bottom: 0px;
  color: #fff;
  border: solid 1px #05bde3;
  padding: 2.5rem 0 1rem;
  line-height: 1.4;
  text-align: center;
  font-size: 3rem;
}
.ilf-txt-box .captionTxt_right {
  text-align: right;
  font-size: 10px;
}
.ilf-txt-box .txtBlk {
  text-align: center;
  font-size: 1.4rem;
  padding: 10px 0;
  letter-spacing: 0;
  background: #fff;
  color: #000;
}
.ilf-txt-box .animated {
  color: #ffff42;
  font-size: min(4.5vw, 20px);
}

/*===============================
  ilf-money-back-44days
================================*/
.ilf-money-back-44days{
  color: #000;
}
.ilf-money-back-44days .imgBlk{
position: relative;
}
.ilf-money-back-44days .imgBlk .txtBlk{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
} 
.ilf-money-back-44days .imgBlk .txtBlk .bg{
display: inline-block;
background: #fff;
padding: 5px 10px;
margin-bottom: 7px;
}
.ilf-money-back-44days .maintx{
  top: 3%;
  left: 3%;
  position: absolute;
  transform: rotate(-4deg);
  font-style: italic;
  font-size: 4rem;
  line-height: 1;
  font-weight: bold;
}
.ilf-money-back-44days .tx1{
  color: white;
}
.ilf-money-back-44days .tx1 .caption{
  font-size: 0.8rem;
  vertical-align: super;
  position: absolute;
}
.ilf-money-back-44days .tx2{
  font-size: 4.5rem;
  color: #f1f10a;
}
.ilf-money-back-44days .tx2 .big{
  font-size: 6rem;
}
.ilf-money-back-44days .captionTxt_right{
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1rem;
  color: black;
}
/*===============================
  single-16roles-txt
================================*/
.single-16roles-txt{
  margin-bottom: 15px;
}
.single-16roles-txt .imgBlk{
  position: relative;
}
.single-16roles-txt .imgBlk .txtBlk{
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  position: absolute;
  bottom: 11%;
  left: 15px;
  white-space: nowrap;
  z-index: 2;
}
.single-16roles-txt .imgBlk .txtBlk .txt1{
  color: #000;
}
.single-16roles-txt .imgBlk .txtBlk .txt1 .small{
font-size: 1rem;
}
.single-16roles-txt .imgBlk .txtBlk .txt2{
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: 0;
  color: #fff;
}
.single-16roles-txt .imgBlk .txtBlk .bg{
  display: inline-block;
  background: #ffffffad;
  padding: .5rem 1rem;
  margin-bottom: .7rem;
}
.single-16roles-txt .caution_sup{
  position: relative;
  top: -5px;
  font-size: 5px;
  color: #000!important;
}

.single-16roles-txt .txtBlk2{
  font-size: 4rem;
  color: #fff;
  text-align: right;
  line-height: 1;
  font-style: italic;
  transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
  -ms-transform: trotate(-5deg);
  white-space: nowrap;
  margin-top: -23%;
  width: 100%;
  margin-left: -3%;
}
.single-16roles-txt .txtBlk2 .top{
  position: relative;
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 10px;
}
.single-16roles-txt .txtBlk2 .top:after{
  content: "";
  position: absolute;
  width: 106%;
  height: 100%;
  background: linear-gradient(20deg, #01E8F1 0%, #2002A5 100%);
  transform: skew(-15deg, 0deg);
  left: -2%;
  top: 0;
  z-index: 0;
  box-shadow: 5px 5px 7px #000000a8;
}
.single-16roles-txt .txtBlk2 .top .txtWrap{
  position: relative;
  z-index: 1;
}
.single-16roles-txt .txtBlk2 .bottom{
  text-align: center;
  width: 103%;
  position: relative;
  font-size: 0.88em;
  padding: 9px 0px 8px;
  font-size: min(0.86em, 50px);
  background: linear-gradient(20deg, #01E8F1 0%, #2002A5 100%);
  box-shadow: 5px 5px 7px #000000a8;
}
/*===============================
  single-16roles-list
================================*/
.single-16roles-list{
  background: url(https://gigaplus.makeshop.jp/FachantAve/lp/faceinvestment/img/blue-bg.jpg) round;
  padding: 20px 0;
}
.single-16roles-list .single-16roles-list_tit{
  font-size: 30px;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
}
.single-16roles-list .single-16roles-list_tit .under{
  font-size: 1.5em;
  font-style: italic;
}
.single-16roles-list .sec0420_1ListWrap{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0px;
  padding: 20px 0 20px 15px;
  width: 90%;
  color: #fff;
  position: relative;
}
.single-16roles-list .sec0420_1ListWrap .cautionTxt{
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: 10px;
}
.single-16roles-list .cautionTxtBottom{
text-align: left;
margin-top: 20px;
  font-size: 10px;
  color: #fff;
  width: 90%;
  margin: 0 auto;
}
.single-16roles-list .sec0420_1List{
  width: 50%;
}
.single-16roles-list .sec0420_1List li{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 6px;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.single-16roles-list .sec0420_1List li .num{
  border: solid 1px #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
}
.single-16roles-list .sec0420_1List li .rightTxt{
  margin-left: 0.3em;
}
.single-16roles-list.v1024 .sec0420_1_1024_txt{
  max-width: 300px;
  width: 65%;
  margin: 20px auto 0;
}
/*===============================
  ilf-rakuten-ranking
================================*/
.ilf-rakuten-ranking .imgBlk{
position: relative;
font-size: 1.4rem;
font-size: min(6vw, 28px);
line-height: 1;
color: #000;
}
.ilf-rakuten-ranking .imgBlk .txtBlk1{
  position: absolute;
  top: 11.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  letter-spacing: -0.1em;
}
.ilf-rakuten-ranking .imgBlk .txtBlk1 .lage{
  font-size: 1.5em;
  font-style: italic;
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.1em;
  font-weight: bold;
}
.ilf-rakuten-ranking .imgBlk .txtBlk1 .lage .lage2{
  font-size: 1.7em;
  font-weight: bold;
  margin-inline: -0.1em -0.2em;
}
.ilf-rakuten-ranking .imgBlk .txtBlk2{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
  letter-spacing: 0em;
}
.ilf-rakuten-ranking .imgBlk .txtBlk2 .lage{
  font-size: 1.5em;
  font-style: italic;
  display: inline-block;
  line-height: 1;
  letter-spacing: -0.1em;
  font-weight: bold;
}
.ilf-rakuten-ranking .imgBlk .txtBlk2 .lage .lage2{
  font-size: 1.7em;
  font-weight: bold;
}
.ilf-rakuten-ranking .imgBlk .cautionTxtBottom {
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.6;
  text-align: left;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}
.ilf-rakuten-ranking .imgBlk .cautionTxtBottom .space {
  display: inline-block;
  padding-inline: 0.7em;
}
/*===============================
  about-monater-machine
================================*/
.about-monater-machine .imgBlk{
  position: relative;
  background: url(https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/img/content_0726/sec11_0726_bg.jpg) center center no-repeat;
  background-size: 100% 100%;
  padding: 7rem 0;
}
.about-monater-machine .imgBlk .txtBlk{
  font-size: min(8vw,35px);
  line-height: 1;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  line-height: 1.8;
  padding-bottom: 2rem;
} 

/*===============================
  ilf-ambassador-comment
================================*/
.ilf-ambassador-comment .imgBlk{
  position: relative;
  color: #000;
}
.ilf-ambassador-comment .imgBlk .txtBlk{
  font-size: 2rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  position: absolute;
  top: 86%;
  left: 32%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
} 
.ilf-ambassador-comment .imgBlk .txtBlk .bg{
  display: inline-block;
  background: #fff;
  padding: 5px 10px;
  margin-bottom: 7px;
}
.ilf-ambassador-comment .caution_sup{
  position: relative;
  font-size: 10px;
  left: -5%;
}
.ilf-ambassador-comment .cautionTxtBottom{
  color: white;
  position: absolute;
  bottom: 0;
  font-size: 1rem;
  right: 0;
}
.ilf-ambassador-comment .imgBlk .txtBlk2{
  font-size: 2rem;
  line-height: 1;
  text-align: right;
  position: absolute;
  top: 6%;
  right: 4%;
  white-space: nowrap;
} 
.ilf-ambassador-comment .imgBlk .txtBlk2 .bg{
display: inline-block;
background: #fff;
padding: 5px 10px;
margin-bottom: 7px;
}

/*===============================
  about-care-list
================================*/
.about-care-list{
  padding: 4rem 0;
}
.about-care-list .txtList{
  width: 80%;
  margin-inline: auto;
  margin-bottom: 40px;
}
.about-care-list .txtList li{
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-image: url(https://stripe-channel.jp/wp-content/uploads/makeshop/faceinvestment/images/ln_blue.png);
}
.about-care-list .txtList .inner{
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  color: #fff;
}
.about-care-list .txtList .inner .leftBlk{
  width: 1rem;
  height: 1rem;
  border: .8rem solid transparent;
  border-left: 1.3rem solid #fff;
}
.about-care-list .txtList .inner .rightBlk{
  font-size: min(4.5vw,20px);
  letter-spacing: 0;
  line-height: 1.7;
}
.about-care-list .txtBlk{
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}
.about-care-list .cautionRightTxt{
  padding-right: 10px;
  color: #fff;
  font-size: .7rem;
  text-align: right;
}
/*===============================
  ilf-about-how-to-use
================================*/
.ilf-about-how-to-use{
  color: #fff;
  text-align: center;
  padding-block: 0 20px 50px;
}
.ilf-about-how-to-use .txtBlk1 {
  border: solid 1px #226d71;
  font-size: 1.9rem;
  font-size: min(8.8vw, 40px);
  letter-spacing: 0;
  line-height: 1;
  padding: 20px 15px;
  display: inline-block;
  margin: 0 auto 30px;
}
.ilf-about-how-to-use .txtBlk2 {
  font-size: 1.4rem;
  font-size: min(5.8vw, 27px);
  letter-spacing: 0;
  line-height: 1.6;
  margin: 0 auto 30px;
}
.ilf-about-how-to-use .txtList{
width: 90%;
  margin: 0 auto;
  margin-bottom: 10px;
}
.ilf-about-how-to-use .txtList li{
padding-block: 20px;
position: relative;

}
.ilf-about-how-to-use .txtList li:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, #1f02a5, #01e8f1);
  opacity: 0.2;
}
.ilf-about-how-to-use .txtList li:last-child:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to left, #1f02a5, #01e8f1);
  opacity: 0.2;
}
.ilf-about-how-to-use .txtList .inner{
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  color: #fff;
}
.ilf-about-how-to-use .txtList .inner .leftBlk{
  font-size: 1.2rem;
  font-size: min(5.6vw, 26px);
  letter-spacing: 0;
  line-height: 1;
  margin-right: 10px;
}
.ilf-about-how-to-use .txtList .inner .rightBlk{
  font-size: 1.2rem;
  font-size: min(5.4vw, 25px);
  letter-spacing: 0;
  line-height: 1.7;
  text-align: left;
  text-decoration: underline;
}
.ilf-about-how-to-use .cautionRightTxt {
  padding-right: 20px;
  color: #fff;
  font-size: 10px;
  text-align: right;
}
/*===============================
  ilf-about-mode-visual
================================*/
.ilf-about-mode-visual{
  padding: 0px 0px 20px;
}
.ilf-about-mode-visual .imgBlk {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.ilf-about-mode-visual .imgBlk .img {
  width: 55%;
}
.ilf-about-mode-visual .imgBlk .txtBlk {
  font-size: 22.4px;
  letter-spacing: 0;
  line-height: 1.5;
  padding: 20px 20px;
  background: #fff;
  color: #000;
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}
.ilf-about-mode-visual .imgBlk .txtBlk .line {
  background-size: 100% 1px;
}
/*===============================
  ilf-can-all-block
================================*/
 .ilf-can-all-block .bgBlk{
  background: url(https://stripe-channel.jp/wp-content/uploads/makeshop/bathtimevonmie/img/content/secBc1115_01_v2_bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 3rem 0 2rem;
  }
 .ilf-can-all-block .txtBlk{
  font-size: min(6.3vw,27px);
  letter-spacing: 0;
  line-height: 1.9;
  text-align: center;
  width: 100%;
  margin: auto;
  text-shadow: 1px 1px 5px #0000007a;
  color: #fff;
  }
 .ilf-can-all-block .txtBlk big {
  font-size: 1.8em;
  }
 .ilf-can-all-block .txtBlk p {
  display: inline-block;
  margin-bottom: 30px;
  }
 .ilf-can-all-block .txtBlk p .line {
  display: inline-block;
  border-bottom: 1px solid #fff;
  line-height: 1;
  padding-bottom: 5px;
  }
 .ilf-can-all-block .txtBlk .line::after{
  content: "";
  display: inline-block;
  position: relative;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: 0.3em;
  left: 0;
  background-color: #fff;
}

/*===============================
  ilf-logo-block
================================*/
.ilf-logo-block {
  padding: 3rem 0;
}
.ilf-logo-block .logo {
  width: 65%;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255,255,255,.7);
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}
.ilf-logo-block .logo img {
  width: 100%;
}
.ilf-logo-block .ruby {
  font-size: min(3vw,15px);
  text-align: center;
}