@charset "UTF-8";
/* 数値から単位を除外
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* `px` から `rem` に変換
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
/* `px` から `em` に変換
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
.frc {
  /*
.top .pc-bottle .slider-wrapper .slider-inner .text-box {
    padding-right: 0.2rem;
    @include mq-sp {
        padding-right: 0;
    }
}
.top .pc-bottle .slider-wrapper .slider-inner .text-box .read {}

.top .unchanged-wrapper .unchanged-title-inner .sub2 {
    font-family: "Noto Sans SC", sans-serif;
    font-size: rem(38);
    font-weight: bold;
    line-height: 1.65;
    @include mq-sp {
        margin-bottom: rem(6);
        font-size: rem(18);
    }
}

.top .unchanged-wrapper .staygold-inner .text-setbox {
    width: rem(300);
    padding-left: rem(40);
    @include mq-sp {
        width: rem(160);
        padding-left: rem(20);
    }
}

.top .unchanged-wrapper .staygold-inner .text-setbox .read {
    width: 100%;
    @include mq-sp {}
}

.top .unchanged-wrapper .staygold-inner .text-setbox .title {
    font-size: rem(50);
    font-weight: normal;
    @include mq-sp {
        font-size: rem(30);
    }
}

@media screen and (max-width: 767px){
.top .unchanged-wrapper .unchanged-title-inner .read {
    width: 1.45rem;
}
}

.top .unchanged-wrapper .unchanged-setbox .text-box .copy {
    line-height: 1.4;
    letter-spacing: .0065em;
}

@media screen and (max-width: 767px){
.top .unchanged-wrapper .unchanged-setbox .text-box.hf-gry .copy br.sp-br {
    display: inline !important;
}
}

.about .about-setbox .text .title {
    margin-bottom: rem(13);
    @include mq-sp {
        margin-bottom: rem(8);
    }
}

.about .about-setbox .text .title-cn {
    margin-bottom: rem(8);
    font-size: rem(46);
    font-weight: bold;
    line-height: 1.3;
    @include mq-sp {
        margin-bottom: rem(6);
        font-size: rem(19);
    }
}

.products .products-read-setbox .read {
    font-size: rem(20);
}

*/
  /*@media screen and (max-width: 767px){
.process .process-main-box {
    padding-bottom: 2.2rem;
}
}
@media screen and (max-width: 767px){
.process .process-setbox {
    margin: rem(80) 0 rem(100);
}
}*/
  /*
.process {
    .process-main-box {
        @include mq-sp {
            padding-bottom: rem(220);
        }
    }
    //.process-mainsub-box {}
    //.sub-logo {}
    .process-setbox {
        @include mq-sp {
            margin: rem(80) 0 rem(130);
        }
        .text-box {
            @include mq-sp {
                //width: 50%;
            }
            .title {
                margin-bottom: rem(15);
                font-size: rem(35);
                @include mq-sp {
                    margin-bottom: rem(6);
                    font-size: rem(21);
                    z-index: 3;
                }
            }
            .read {
                font-size: rem(20);
                line-height: 1.85;
                @include mq-sp {
                    font-size: rem(14);
                    line-height: 1.45;
                }
            }
            .kanji-box {
                position: absolute;
                @include mq-sp {
                }
            }
        }
        &.reg {
            .text-box {
                @include mq-sp {
                    margin: rem(10) 0 0 9%;
                }
                 .read {
                    padding-right: rem(35);
                    @include mq-sp {
                        padding-right: 0;
                    }
                }
            }
        }
        &.rev {
            .text-box {
                @include mq-sp {
                    margin: rem(10) rem(15) 0 rem(12);
                }
            }
        }
        &:nth-child(1) {
            .img-box {
                @include mq-sp {
                    .bg-imgbox {
                        transform: translateY(-50%);
                    }
                }
            }
            .text-box {
                .kanji-box {
                    @include mq-sp {
                        transform: translateY(-5%) translateX(-120%);
                        width: rem(65);
                    }
                }
            }
        }
        &:nth-child(2) {
            .text-box {
                .kanji-box {
                    @include mq-sp {
                        transform: translateY(25%) translateX(40%);
                        width: rem(142);
                    }
                }
            }
        }
        &:nth-child(3) {
            .text-box {
                .kanji-box {
                    transform: translateY(-30%) translateX(-30%);
                    @include mq-sp {
                        transform: translateY(110%) translateX(-30%);
                        width: rem(195);
                    }
                }
            }
        }
        &:nth-child(4) {
            .text-box {
                .kanji-box {
                    @include mq-sp {
                        transform: translateY(120%) translateX(65%);
                        width: rem(105);
                    }
                }
            }
        }
        &:nth-child(5) {
            .text-box {
                .kanji-box {
                    transform: translateY(-50%) translateX(-70%);
                    @include mq-sp {
                        width: rem(70);
                        transform: translateY(-10%) translateX(-80%);
                    }
                }
            }
        }
        &:nth-child(6) {
            .text-box {
                .kanji-box {
                    @include mq-sp {
                        width: rem(140);
                        transform: translateY(-27%) translateX(42%);
                    }
                }
            }
        }
        &:nth-child(7) {
            .text-box {
                .kanji-box {
                    transform: translateY(-40%) translateX(-35%);
                    @include mq-sp {
                        width: rem(155);
                        transform: translateY(60%) translateX(-35%);   
                    }
                }
            }
        }
        &:nth-child(8) {
            .text-box {
                .kanji-box {
                    @include mq-sp {
                        width: rem(96);
                        transform: translateY(-40%) translateX(60%);
                    }
                }
            }
        }
    }
}
*/
}

.frc .top .pc-bottle .slider-wrapper .slider-box:nth-child(2) .slider-inner .text-box {
  padding-right: 0.1rem;
}

.frc .top .pc-bottle .slider-wrapper .slider-box:nth-child(2) .slider-inner .text-box .read {
  margin-right: -0.6rem;
}

.frc .top .unchanged-wrapper .unchanged-title-inner .sub2 {
  font-size: 0.36rem;
  font-weight: 400;
  font-style: italic;
  line-height: 1.65;
}

@media screen and (max-width: 767px) {
  .frc .top .unchanged-wrapper .unchanged-title-inner .sub2 {
    margin-bottom: 0.06rem;
    font-size: 0.16rem;
  }
}

.frc .top .unchanged-wrapper .unchanged-title-inner .read {
  width: 3.6rem;
}

@media screen and (max-width: 767px) {
  .frc .top .unchanged-wrapper .unchanged-title-inner .read {
    width: 65%;
    font-size: 12px;
  }
}

.frc .top .unchanged-wrapper .staygold-inner .text-setbox .title {
  font-size: 0.3rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .frc .top .unchanged-wrapper .staygold-inner .text-setbox .title {
    font-size: 0.22rem;
    white-space: nowrap;
  }
}

.frc .top .unchanged-wrapper .unchanged-setbox .text-box .read {
  width: 100%;
}

.frc .top .unchanged-wrapper .unchanged-setbox .text-box .copy {
  font-size: 0.38rem;
}

@media screen and (max-width: 767px) {
  .frc .top .insta-wrapper .insta-note {
    width: 1.2rem;
  }
}

.frc .legal-wrapper .legal-inner .legal-copy {
  font-size: 0.52rem;
}

@media screen and (max-width: 767px) {
  .frc .legal-wrapper .legal-inner .legal-copy {
    font-size: 0.25rem;
  }
}

.frc .legal-wrapper .legal-inner .legal-btn {
  font-size: 0.32rem;
}

@media screen and (max-width: 767px) {
  .frc .legal-wrapper .legal-inner .legal-btn {
    font-size: 0.19rem;
  }
}

.frc .about .about-main-box .about-main-copy {
  font-size: 0.56rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .frc .about .about-main-box .about-main-copy {
    font-size: 0.24rem;
  }
}

.frc .about .about-setbox .text .title-fr {
  margin-bottom: 0.08rem;
  font-size: 0.46rem;
  font-weight: bold;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .frc .about .about-setbox .text .title-fr {
    margin-bottom: 0.06rem;
    font-size: 0.24rem;
  }
}

.frc .process .process-main-box .about-main-title-wrapper .about-main-title {
  font-size: 0.62rem;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .frc .process .process-main-box .about-main-title-wrapper .about-main-title {
    font-size: 0.3rem;
    line-height: 1.35;
  }
}

.frc .process .process-mainsub-box .about-sub-read {
  font-size: 0.30rem;
  line-height: 1.85;
}

@media screen and (max-width: 767px) {
  .frc .process .process-mainsub-box .about-sub-read {
    font-size: 0.16rem;
  }
}

.frc .process .process-setbox .text-box .title {
  margin-bottom: 0.15rem;
  font-size: 0.44rem;
  font-weight: 400;
  line-height: 1.25;
}

@media screen and (max-width: 767px) {
  .frc .process .process-setbox .text-box .title {
    font-size: 0.27rem;
  }
}

@media screen and (max-width: 767px) {
  .frc .process .process-main-box .about-main-title-wrapper .sub {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .frc .process .process-setbox .text-box .read {
    margin-right: -0.2rem;
  }
}

@media screen and (max-width: 767px) {
  .frc .process .process-setbox.reg .text-box {
    margin-left: 7%;
  }
}

.frc .process .process-setbox:nth-child(3) .text-box .kanji-box {
  -webkit-transform: translateY(-35%) translateX(-30%);
  transform: translateY(-35%) translateX(-30%);
}

@media screen and (max-width: 767px) {
  .frc .process .process-setbox:nth-child(3) .text-box .kanji-box {
    -webkit-transform: translateY(340%) translateX(-30%);
    transform: translateY(340%) translateX(-30%);
  }
}

.frc .process .process-setbox:nth-child(7) .text-box .kanji-box {
  -webkit-transform: translateY(-30%) translateX(-45%);
  transform: translateY(-30%) translateX(-45%);
}

@media screen and (max-width: 767px) {
  .frc .process .process-setbox:nth-child(7) .text-box .kanji-box {
    -webkit-transform: translateY(150%) translateX(-45%);
    transform: translateY(150%) translateX(-45%);
  }
}

.frc .contact .contact-wrapper .parts-setbox .wrap .cp_ipselect {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .frc .contact .contact-wrapper .parts-setbox .wrap .cp_ipselect {
    width: 80%;
  }
}