@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 768px) {
  .pc-none {
    display: none; } }
@media screen and (max-width: 767px) {
  .pc-none {
    display: block; } }

@media screen and (min-width: 768px) {
  .sp-none {
    display: block; } }
@media screen and (max-width: 767px) {
  .sp-none {
    display: none; } }

@media screen and (min-width: 768px) {
  br.pc-none {
    display: none; } }
@media screen and (max-width: 767px) {
  br.pc-none {
    display: inline; } }

@media screen and (min-width: 768px) {
  br.sp-none {
    display: inline; } }
@media screen and (max-width: 767px) {
  br.sp-none {
    display: none; } }

.l-main {
  background: #f8f5f5; }
  .l-main .line {
    max-width: 650px;
    width: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 767px) {
      .l-main .line {
        width: 90.66667vw; } }

.p-title-primary-01 {
  font-size: 1.375rem;
  font-family: Poppins, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  letter-spacing: .155em; }
  @media screen and (max-width: 767px) {
    .p-title-primary-01 {
      font-size: 4.8vw; } }

.bgc-pnk-01:last-child {
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .bgc-pnk-01:last-child {
      padding-bottom: 50px; } }

@media (min-width: 768px) {
  .line-flow-note {
    text-align: right;
    font-size: 11px;
    padding: 7px 26px 0 0; }

  .line-flow-div {
    width: 410px;
    margin: 0 auto; }

  .line-accept-title-note {
    font-size: 11px;
    display: block; }

  #line-accept-03 .line-accept-img {
    width: 146px; }

  .line .line-coupon {
    display: block; }

  .line .line-coupon-online {
    margin: 0 auto; }

  .bgc-pnk-01 {
    text-align: center;
    line-height: 18px;
    font-size: 13px; } }
@media (max-width: 767px) {
  .line-flow-note {
    font-size: 2.66667vw;
    text-align: right;
    padding: 2.5vw 11vw 0 0; }

  .line-accept-title-note {
    font-size: 2.66667vw;
    display: block; }

  #line-accept-03 .line-accept-img {
    width: 32.248vw; } }
/*友達募集*/
.line-friend {
  display: flex;
  justify-content: center;
  max-width: 621px;
  margin: 50px auto 0;
  background: #fff;
  padding: 30px 15px;
  margin-bottom: 50px;
  gap: 18px; }
  @media screen and (max-width: 767px) {
    .line-friend {
      margin: 40px auto 10.6666666667vw; } }
  .line-friend--txt {
    text-align: center;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 170%;
    letter-spacing: 0.52px; }
    @media screen and (max-width: 767px) {
      .line-friend--txt {
        font-size: 3.7333333333vw; } }
    .line-friend--txt h2 {
      color: #06C755;
      font-size: 1.75rem;
      font-weight: 600;
      line-height: 100%;
      letter-spacing: 1.12px;
      margin-bottom: 10px; }
      @media screen and (max-width: 767px) {
        .line-friend--txt h2 {
          font-size: 6.9333333333vw; } }
      .line-friend--txt h2 span {
        font-size: 0.875rem;
        display: block;
        margin-bottom: 10px;
        font-weight: 600;
        line-height: 100%; }
        @media screen and (max-width: 767px) {
          .line-friend--txt h2 span {
            font-size: 3.7333333333vw; } }
  .line-friend--img {
    width: 71px; }
    @media screen and (max-width: 767px) {
      .line-friend--img {
        width: 71px !important; } }

/*特典紹介*/
.features-list {
  max-width: 651px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .features-list {
      max-width: 95%; } }
  .features-list li {
    max-width: 178px;
    width: 100%; }
    @media screen and (max-width: 767px) {
      .features-list li {
        max-width: 178px;
        width: 32%;
        /*&:nth-child(odd){
        	margin-top: 90px;
        }
        &:nth-of-type(1){
        	margin-right: -25px;
        }
        &:nth-of-type(3){
        	margin-left: -25px;
        }*/ } }

.features-txt {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 170%;
  letter-spacing: 0.56px;
  margin-top: 30px; }

.sample-bnr {
  max-width: 600px;
  width: 100%;
  margin: 50px auto 0; }
  @media screen and (max-width: 767px) {
    .sample-bnr {
      margin: 40px auto 0;
      width: 90%; } }

.line-accept-title {
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.72px;
  text-align: center; }
  .line-accept-title span {
    color: #06C755; }
.line-accept li {
  background-color: #fff;
  margin-top: 20px;
  padding: 40px 0;
  text-align: center; }
  .line-accept li:first-child {
    margin-top: 0; }
  @media screen and (max-width: 767px) {
    .line-accept li {
      padding: 10.66667vw 5.33333vw; } }
.line-accept-qr {
  margin: 50px auto;
  max-width: 263px;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .line-accept-qr {
      display: none; } }
.line-accept-sp {
  margin-top: 40px;
  margin-bottom: 40px; }
  @media screen and (min-width: 768px) {
    .line-accept-sp {
      display: none; } }

.line-accept-sub {
  font-size: 1rem;
  font-weight: 300;
  line-height: 100%;
  letter-spacing: 0.64px;
  margin-bottom: 20px; }

.line-accept-text {
  font-size: 0.875rem;
  line-height: 170%;
  letter-spacing: 0.56px;
  margin-bottom: 20px; }

.line-accept-icon {
  width: 80vw;
  margin: 4vw auto 0; }
  @media screen and (min-width: 768px) {
    .line-accept-icon {
      display: none; } }

.line-accept-search-text {
  font-size: 0.875rem;
  line-height: 170%;
  letter-spacing: 0.56px; }
  .line-accept-search-text span {
    display: inline-block;
    background: #06C755;
    color: #fff;
    font-size: 0.75rem;
    line-height: 100%;
    font-weight: 600;
    padding: 7px 9px;
    margin-right: 10px; }
.line-accept-search-img {
  width: 200px;
  margin: 20px auto 0; }