@charset "UTF-8";

/* プリント用スタイル */
@media print {
  /* ページ設定 */
  @page {
    margin: 0;
    size: A4 portrait;
  }

  /* 基本設定 */
  body {
    background: white;

    width: 1442px !important;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }

  /* 印刷時に非表示にする要素 */
  .recipy-navi,
  .recipy-modal {
    display: none !important;
  }

  .recipy-mainvisual_jump img,
  .video-carousel_thumbnail_wrapper img,
  .recipy-problem_chart-image img {
    opacity: 0;
    display: visible;
  }
  .recipy-mainvisual_jump,
  .video-carousel_thumbnail_wrapper,
  .recipy-problem_chart-image {
    background: #ccc;
  }
  img {
    page-break-inside: avoid;
  }

  /* 背景画像・色を印刷 */
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .lazy-load,
  .recipy-layout,
  .recipy-layout_header,
  .recipy-layout_main,
  .recipy-mainvisual,
  .recipy-mainvisual_inner,
  .recipy-mainvisual_jump,
  .recipy-mainvisual_smartphone-inner,
  .recipy-mainvisual_smartphone-wrapper,
  .recipy-cm,
  .recipy-problem_chart-text,
  .recipy-problem,
  .recipy-problem_text3,
  .recipy-point,
  .recipy-voice,
  .recipy-plan,
  .recipy-plan_price,
  .recipy-faq,
  .recipy-layout_footer,
  .recipy-layout_footer_company,
  .recipy-point_list_heading,
  .recipy-point_heading_label {
    width: 1442px !important;
    overflow: hidden;
  }
  .recipy-plan_price {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .recipy-plan_table {
    width: 1115px !important;
  }
  .recipy-problem_chart-text {
    width: 700px !important;
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .recipy-point_heading .recipy-point_heading_label {
    width: 794px !important;
  }

  .recipy-point_list,
  .recipy-plan_table_header,
  .recipy-plan_table_row {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .recipy-faq-accordion_wrapper,
  .recipy-carousel,
  .recipy-point_02_list_wrapper {
    width: 1200px !important;
  }

  .recipy-mainvisual_inner,
  .recipy-mainvisual_smartphone-wrapper,
  .recipy-mainvisual_jump {
    height: 750px !important; /* calc(750 / 1442 * 100vw) → 750px */
    width: 1442px !important;
    overflow: hidden;
  }

  .recipy-mainvisual_copy {
    top: 194px !important; /* calc(194 / 1442 * 100vw) → 194px */
    left: 234px !important; /* calc(234 / 1442 * 100vw) → 234px */
    width: 438px !important; /* calc(438 / 1442 * 100vw) → 438px */
    position: relative;
    transform: translateX(0);
  }
  .recipy-mainvisual_sub {
    position: absolute;
    width: 310px !important; /* calc(310 / 1442 * 100vw) → 310px */
    bottom: 20px !important; /* calc(20 / 1442 * 100vw) → 20px */
    left: 306px !important; /* calc(306 / 1442 * 100vw) → 306px */
  }

  .recipy-mainvisual_smartphone-inner {
    height: 750px !important;
  }
  .recipy-mainvisual_smartphone {
    width: 260px !important; /* calc(260 / 1442 * 100vw) → 260px */
    right: 60px !important; /* calc(60 / 1442 * 100vw) → 60px */
    bottom: -208px !important; /* calc(-300 / 1442 * 100vw) → -208px */
    position: absolute;
  }

  .lazy-load[data-astro-cid-hkmnztbc] {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .js-scroll-fade {
    opacity: 1 !important;
  }

  /* ===== Mainvisual (PC Styles) ===== */
  .recipy-mainvisual {
    overflow: hidden !important;
    background: #c1c8ce !important;
  }
  .recipy-mainvisual_inner {
    height: 750px !important;
    width: 1442px !important;
    aspect-ratio: 1442 / 750 !important;
    max-height: 750px !important;
    max-width: 1442px !important;
  }
  .recipy-mainvisual_copy {
    top: 194px !important; /* calc(194 / 1442 * 100vw) */
    left: 234px !important; /* calc(234 / 1442 * 100vw) */
    width: 438px !important; /* calc(438 / 1442 * 100vw) */
    transform: translateX(0) !important;
    position: relative !important;
    max-width: 438px !important;
    opacity: 0 !important;
  }
  .recipy-mainvisual_smartphone-wrapper {
    width: 1200px !important;
    height: 750px !important; /* calc(750 / 1442 * 100vw) */
    aspect-ratio: 1442 / 750 !important;
    max-width: 1200px !important;
    max-height: 750px !important;
  }
  .recipy-mainvisual_smartphone-inner {
    height: 750px !important; /* calc(750 / 1442 * 100vw) */
    aspect-ratio: 1442 / 750 !important;
    max-height: 750px !important;
  }
  .recipy-mainvisual_smartphone {
    right: 60px !important; /* calc(60 / 1442 * 100vw) */
    width: 260px !important; /* calc(260 / 1442 * 100vw) */
    bottom: -208px !important; /* calc(-300 / 1442 * 100vw) */
    max-width: 260px !important;
    position: absolute !important;
  }
  .recipy-mainvisual_sub {
    width: 310px !important; /* calc(310 / 1442 * 100vw) */
    bottom: 20px !important; /* calc(20 / 1442 * 100vw) */
    left: 306px !important; /* calc(306 / 1442 * 100vw) */
    max-width: 310px !important;
    opacity: 0 !important;
  }

  /* ===== Problem (PC Styles) ===== */
  .recipy-problem_arrow {
    padding-bottom: 110px !important;
    background: url(/app/recipy/assets/image/recipy-problem-arrow-pc.webp) no-repeat center top;
    background-size: 100% auto;
    background-position: bottom center;
  }
  .recipy-problem-balloon {
    padding: 0 30px !important;
    font-size: 26px !important;
    min-height: 60px !important;
  }
  .recipy-problem-balloon:nth-child(1) .recipy-problem-balloon_square {
    left: 24px !important;
  }
  .recipy-problem-balloon:nth-child(2) .recipy-problem-balloon_square {
    right: 24px !important;
  }
  .recipy-problem_text3 {
    margin-top: 40px !important;
    font-size: 30px !important;
  }
  .recipy-problem_text3 .-font-s-l {
    font-size: 46px !important;
    margin: 0 -16px !important;
  }
  .recipy-problem_text3 .-font-decoration-line::before {
    height: 10px !important;
    background-size: auto 10px !important;
  }
  .recipy-problem_text3 .-font-decoration-line2 {
    font-size: 46px !important;
    margin-right: 10px !important;
  }
  .recipy-problem_text1 {
    margin-top: 40px !important;
    font-size: 32px !important;
  }
  .recipy-problem_text1 .-font-s-l {
    font-size: 46px !important;
    margin: 0 -16px !important;
  }
  .recipy-problem_text1 .-font-decoration-line::before {
    height: 10px !important;
    background-size: auto 10px !important;
  }
  .recipy-problem_text1 .-font-decoration-line2 {
    font-size: 46px !important;
    margin-right: 10px !important;
  }
  .recipy-problem_text4 {
    margin-top: 100px !important;
    font-size: 26px !important;
  }
  .recipy-problem_text4 .-font-s-l {
    font-size: 46px !important;
    margin: 0 -16px !important;
  }
  .recipy-problem_text4 .-font-decoration-line::before {
    height: 10px !important;
    background-size: auto 10px !important;
  }
  .recipy-problem_text4 .-font-decoration-line2 {
    font-size: 46px !important;
    margin-right: 10px !important;
  }
  .recipy-problem_text2 {
    margin-top: 50px !important;
    font-size: 32px !important;
  }
  .recipy-problem_text2 .-font-s-l {
    font-size: 46px !important;
  }
  .recipy-problem_text2 .-font-decoration-line::before {
    height: 10px !important;
    background-size: auto 10px !important;
  }
  .recipy-problem_text2 .-font-decoration-line2 {
    font-size: 46px !important;
    margin-right: 10px !important;
  }
  .recipy-problem_image {
    margin: 34px auto 50px !important;
    width: 390px !important;
  }
  .recipy-problem_text-wrapper {
    padding: 94px 0 40px !important;
  }
  .recipy-problem_chart-wrapper {
    padding-top: 40px !important;
  }
  .recipy-problem_chart-image {
    margin: 0 !important;
    margin-top: 30px !important;
    width: 316px !important;
    width: 100% !important;
  }
  .recipy-problem_chart-text {
    width: 700px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 42px !important;
  }
  .recipy-problem_chart-text .recipy-problem_text {
    font-size: 26px !important;
  }
  .recipy-problem_chart-text .-font-decoration {
    font-size: 52px !important;
  }
  .recipy-problem_chart-text .-font-s-18 {
    font-size: 18px !important;
  }

  /* ===== Point (PC Styles) ===== */
  .recipy-point_01 {
    padding-bottom: 164px !important;
    border-radius: 0 !important;
    background: #d7e8e6 !important;
  }
  .recipy-point_02 {
    padding-bottom: 164px !important;
    background: #daeceb !important;
  }
  .recipy-point_03 {
    padding-bottom: 164px !important;
    background: #d7e8ed !important;
  }

  .recipy-point_02_list01 {
  }
  .recipy-point_02_list01::after {
    width: 7px !important;
    left: 28px !important;
  }
  .recipy-point_02_list_text {
    top: 0 !important;
    font-size: 36px !important;
  }
  .recipy-point_02_list_text span {
    font-size: 20px !important;
    display: inline !important;
    margin-top: 0 !important;
  }

  .recipy-point_02_list01 li {
    display: flex !important;
    align-items: center !important;
    padding: 0 0 16px 0 !important;
    gap: 0 !important;
  }

  .recipy-point_02_list01 .img {
    width: 60px !important;
    margin-right: 26px !important;
  }

  .recipy-point_02_list_number {
    align-self: initial !important;
    font-size: 22px !important;
  }

  .recipy-point_02_list_text {
    align-self: initial !important;
    font-size: 26px !important;
  }

  .recipy-point_point03_heading_01 {
    padding: 42px 0 40px !important;
    font-size: 18px !important;
  }
  .recipy-point_point03_heading_01 .-font-decoration {
    font-size: 26px !important;
  }
  .recipy-point_point03_heading_02 {
    font-size: 22px !important;
    margin: 44px auto 0;
  }

  .recipy-point_03_list {
    width: 1200px !important;
    gap: 26px !important;
    justify-content: center !important;
    flex-direction: row !important;
    margin: 18px auto 0 !important;
    text-align: center !important;
  }
  .recipy-point_03_list li {
    padding: 12px 10px 24px !important; /* rem(12) rem(10) rem(24) */
    width: 280px !important; /* calc((100% - rem(78)) / 4) ≈ 280px */
    min-height: 130px !important; /* rem(130) → 130px */
    flex-direction: column !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: 20px !important;
  }
  .recipy-point_03_list_img {
    width: 56px !important; /* rem(56) → 56px */
  }
  .recipy-point_03_list_text {
    font-size: 16px !important; /* rem(16) → 16px */
    color: #2ba6b8 !important;
    font-weight: 800 !important;
  }
  .recipy-point_heading {
    padding: 114px 0 60px !important; /* rem(114) 0 rem(60) */
    margin: 0 auto !important;
    text-align: center !important;
    font-weight: bold !important;
    position: relative !important;
  }
  .recipy-point_heading .recipy-point_heading_label {
    width: 794px !important; /* max-width: rem(794) */
    max-width: 794px !important;
    margin: 0 auto !important;
    color: #008476 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    font-weight: 800 !important;
  }
  .recipy-point_heading_label-sub {
    left: 30px !important; /* rem(30) → 30px */
    padding-left: 24px !important; /* rem(24) → 24px */
    bottom: 0 !important;
    display: inline-block !important;
    position: relative !important;
  }
  .recipy-point_heading_label-sub::before,
  .recipy-point_heading_label-sub::after {
    width: 46px !important; /* rem(46) → 46px */
    height: 4px !important; /* rem(4) → 4px */
    content: '' !important;
    position: absolute !important;
    top: 60% !important;
    background: #149081 !important;
    transform-origin: center !important;
  }
  .recipy-point_heading_label-sub::before {
    left: -24px !important; /* rem(-24) → -24px */
    transform: rotate(60deg) !important;
  }
  .recipy-point_heading_label-sub::after {
    right: -34px !important; /* rem(-34) → -34px */
    transform: rotate(-60deg) !important;
  }
  .recipy-point_heading_label-sub-text {
    font-size: 44px !important; /* rem(44) → 44px */
    display: inline-block !important;
    transform: skewX(-15deg) !important;
    transform-origin: left center !important;
  }

  .recipy-point_heading_label-main {
    transform: skewX(-15deg) !important;
    transform-origin: left center !important;
    position: relative !important;
    display: inline-block !important;
    text-decoration: underline !important;
    text-decoration-thickness: 4px !important;
    text-underline-offset: 20px !important; /* rem(20) → 20px */
    line-height: 1.4 !important;
    text-underline-position: from-font !important;
    font-size: 59px !important; /* rem(59) → 59px */
  }

  .recipy-point_heading_label-main .-font-s-60 {
    font-weight: 800 !important;
    font-size: 100px !important; /* rem(100) → 100px */
  }

  .recipy-point_heading_number {
    display: inline-block !important;
    background: #fff !important;
    font-size: 24px !important; /* rem(24) → 24px */
    padding: 8px 24px 12px !important; /* rem(8) rem(24) rem(12) */
    font-weight: 700 !important;
    line-height: 1 !important;
    border-radius: 10px !important;
  }

  .recipy-point_heading_number span {
    font-size: 38px !important; /* rem(38) → 38px */
  }

  .recipy-point_heading_label {
    display: block !important;
    margin-top: 25px !important; /* rem(25) → 25px */
    font-weight: 600 !important;
    font-size: 36px !important; /* rem(36) → 36px */
  }

  .recipy-point_heading_note {
    display: block !important;
    width: 100% !important;
    text-wrap: initial !important;
    font-size: 16px !important; /* rem(16) → 16px */
    font-weight: 500 !important;
    margin-top: 20px !important;
    letter-spacing: 0 !important;
  }
  .recipy-point_list {
    flex-direction: row !important;
    margin: 28px auto 0 !important;
    width: 1140px !important;
    left: -40px !important;
  }
  .recipy-point_list_item {
    width: 294px !important;
  }
  .recipy-point_list_heading {
    font-size: 32px !important;
    text-align: center !important;
  }
  .recipy-point_list_heading.-point1 .recipy-point_list_heading_label {
    font-size: 40px !important;
  }
  .recipy-point_list_heading.-point2 .recipy-point_list_heading_label {
    font-size: 40px !important;
  }
  .recipy-point_list_heading.-point3 .recipy-point_list_heading_label {
    font-size: 40px !important;
  }
  .recipy-point_list_content_text {
    font-size: 16px !important;
  }
  .recipy-point_point01_text01 {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #149081 !important;
    text-align: center !important;
  }

  .recipy-point_point01_list {
    display: flex !important;
    list-style-type: none !important;
    padding: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 40px !important; /* rem(40) → 40px */
    padding-top: 24px !important; /* rem(24) → 24px */
    position: relative !important;
    background: none !important;
  }

  .recipy-point_point01_list::after {
    display: none !important;
  }

  .recipy-point_point01_list li {
    width: 270px !important; /* calc((100% - rem(120)) / 4) ≈ 270px */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    background: #fff !important;
    max-width: 270px !important;
    border-radius: 10px !important;
    position: relative !important;
    color: #008476 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    gap: 10px !important; /* rem(10) → 10px */
    padding: 20px 10px !important; /* rem(20) rem(10) */
  }

  .recipy-point_point01_list li::after {
    position: absolute !important;
    content: '' !important;
    display: block !important;
    width: 24px !important; /* rem(24) → 24px */
    height: 24px !important; /* rem(24) → 24px */
    right: -32px !important; /* rem(-32) → -32px */
    margin-bottom: -10px !important; /* rem(-10) → -10px */
    background: url(/app/recipy/assets/image/recipy-point-point01-kakeru.png) !important;
    background-size: cover !important;
  }

  .recipy-point_point01_list li:last-child::after {
    display: none !important;
  }

  .recipy-point_point01_icon {
    max-width: 80px !important; /* rem(80) → 80px */
    display: block !important;
  }

  .recipy-point_point01_arrow {
    margin: 24px auto !important; /* rem(24) auto → 24px auto */
    max-width: 50px !important; /* rem(50) → 50px */
  }
  .recipy-point_point01_text02 {
    font-size: 32px !important;
    margin-top: 48px !important;
  }
  .recipy-point_point01_text02 .-font-decoration-line {
    font-size: 38px !important;
  }
  .recipy-point_point01_text02 .-font-decoration-line::before {
    height: 16px !important;
    background-size: auto 10px !important;
  }
  .recipy-point_point02_heading_wrapper {
    margin-top: 62px !important;
  }
  .recipy-point_point02_heading {
    font-size: 26px !important;
  }
  .recipy-point_point02_heading span {
    font-size: 18px !important;
    display: inline;
  }
  .recipy-point_point02_text01 .-font-decoration-line {
    margin-bottom: 27px !important;
    font-size: 38px !important;
    justify-content: center !important;
  }

  .recipy-point_point02_text01 .-font-decoration-line::before {
    height: 12px !important;
    background-size: auto 12px !important;
    left: 10px !important;
  }
  .recipy-point_point02_text01 span {
    font-size: 28px !important;
  }

  .recipy-point_point02_text02 {
    font-size: 26px !important;
  }
  .recipy-point_point02_text02 .-font-decoration span {
    font-size: 28px !important;
  }

  /* ===== Voice (PC Styles) ===== */
  .recipy-voice {
    padding: 136px 0 112px !important;
  }
  .recipy-voice .recipy-heading {
    font-size: 36px !important;
  }
  .recipy-voice .caution-mark {
    font-size: 18px !important;
  }
  .recipy-voice_leadtext {
    margin-top: 22px !important;
    font-size: 12px !important;
  }
  .recipy-voice_carousel {
    margin-top: 46px !important;
  }
  .recipy-voice_carousel .recipy-carousel_item {
    padding: 44px 54px 44px 48px !important;
    width: 100%;
    margin: 0;
  }
  .recipy-voice_carousel_item {
    gap: 36px !important;
    margin: 0;
  }
  .recipy-voice_carousel_item img {
    width: 145px !important;
  }
  .recipy-voice_carousel_item_label {
    font-size: 20px !important;
    width: 178px !important;
  }
  .recipy-voice_carousel_item_name {
    margin-bottom: 34px !important;
    font-size: 18px !important;
  }
  .recipy-voice_carousel_item_text {
    font-size: 16px !important;
  }

  /* ===== Plan (PC Styles) ===== */
  .recipy-plan .recipy-heading {
    font-size: 36px !important;
  }
  .recipy-plan_trial {
    font-size: 20px !important;
  }
  .recipy-plan_price_heading {
    font-size: 24px !important;
  }
  .recipy-plan_price_item_label {
    font-size: 18px !important;
  }
  .recipy-plan_feature_link {
    font-size: 18px !important;
    margin: 30px auto 0;
    border-radius: 50px !important;
    width: 300px !important;
    min-height: 46px !important;
  }
  .recipy-plan_table {
    overflow-x: auto;
  }
  .recipy-plan_table_header {
    display: grid;
    grid-template-columns: 2fr repeat(4, 1fr);
    min-width: 800px !important;
  }
  .recipy-plan_table_header_item {
    padding: 20px !important;
    width: initial;
    font-size: 18px !important;
    border-left: 2px solid #43bdaf !important;
  }
  .recipy-plan_table_row {
    display: grid !important;
    grid-template-columns: 2fr repeat(4, 1fr) !important;
    min-width: 800px !important;
  }
  .recipy-plan_table_row:nth-child(even) .recipy-plan_table_cell {
    border-left: 2px solid #dbe6e7 !important;
  }
  .recipy-plan_table_label {
    display: flex !important;
    align-items: center !important;
    padding: 42px 0 42px 43px !important;
    margin-bottom: 0 !important;
    text-align: left !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }
  .recipy-plan_table_label span {
    padding: 0 !important;
  }
  .recipy-plan_table_cells {
    gap: 10px !important;
    display: contents !important;
  }
  .recipy-plan_table_cell {
    background: transparent;
    border-radius: 0;
    padding: 20px 10px !important;
    min-height: auto !important;
    border-left: 2px solid #edeeef !important;
  }
  .recipy-plan_table_cell .unavailable {
    width: 30px !important;
  }
  .recipy-plan_table_cell .available {
    width: 32px !important;
  }

  /* ===== Button (PC Styles) ===== */
  .recipy-button_wrapper {
    padding: 52px !important;
  }
  .recipy-button.-is-fixed {
    width: 434px !important;
    max-width: 434px !important;
    position: relative !important;
  }
  .recipy-button_inner {
    font-size: 20px !important;
  }

  /* ===== Common Header (PC Styles) ===== */
  .recipy-header {
    width: 1316px !important;
    max-width: 1316px !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
  }
  .recipy-header_label {
    width: 154px !important; /* calc(154 / 1442 * 100vw) → 154px */
    max-width: 154px !important; /* calc(154 / 1442 * 100vw) → 154px */
    padding: 20px 0 0 20px !important; /* calc(20 / 1442 * 100vw) → 20px */
    font-size: 16px !important;
    line-height: 1 !important;
  }

  /* ===== Common Footer (PC Styles) ===== */
  .recipy-layout_footer_sns {
    padding: 70px 0 56px !important;
  }
  .recipy-layout_footer_pagetop {
    margin-top: 60px !important;
  }
  .recipy-layout_footer_company {
    gap: 76px !important;
    justify-content: center !important;
    flex-direction: row !important;
  }
  .recipy-footer_company-logo {
    width: 226px !important;
  }
  .recipy-footer_list {
    gap: 10px !important;
  }
  .recipy-footer_list li:nth-child(3) {
    padding-right: 10px !important;
    border-right: 1px solid #aaaaaa !important;
  }
  .recipy-footer_iconlist li:nth-child(1) {
    width: 37px !important;
  }
  .recipy-footer_iconlist li:nth-child(2) {
    width: 28px !important;
  }
  .recipy-footer_iconlist li:nth-child(3) {
    width: 32px !important;
  }
  .recipy-footer_iconlist li:nth-child(4) {
    width: 39px !important;
  }

  /* ===== Common Navi (PC Styles) ===== */
  .recipy-navi_list {
    gap: 40px !important;
    width: 50% !important;
  }
  .recipy-navi_link {
    font-size: 26px !important;
  }
  .recipy-navi_sublist {
    font-size: 22px !important;
    margin-top: 30px !important;
    gap: 10px !important;
  }

  /* ===== Accordion/FAQ (PC Styles) ===== */
  .recipy-faq .recipy-heading {
    font-size: 36px !important;
  }
  .recipy-faq-accordion_item_question {
    font-size: 20px !important;
  }
  .recipy-faq-accordion_item_answer {
    font-size: 16px !important;
  }
  .recipy-faq-accordion_item_answer_text {
    font-size: 16px !important;
  }

  /* ===== Carousel (PC Styles) ===== */
  .recipy-carousel {
    margin: 0 auto;
    width: 1210px !important;
    position: relative;
    right: -5px !important;
  }
  .recipy-carousel_item {
    width: 392px !important;
  }
  .recipy-carousel .recipy-carousel_control .swiper-pagination {
    gap: 18px !important;
  }

  /* ===== Video Carousel (PC Styles) ===== */
  .video-carousel_title {
    margin-top: 24px !important;
    font-size: 26px !important;
  }
  .video-carousel .video-carousel_item {
    aspect-ratio: 348 / 222;
  }

  /* ===== Cm (PC Styles) ===== */
  .recipy-cm {
    padding: 92px 0 88px !important;
  }

  .video-carousel_thumbnail_wrapper {
    width: 696px !important;
    height: 361px !important;
  }

  /* ===== Heading (PC Styles) ===== */
  .recipy-heading.-white {
    font-size: 36px !important;
  }
  .recipy-heading.-green {
    font-size: 36px !important;
  }

  /* ===== Utility Classes ===== */
  .-br-sp {
    display: none !important;
  }
  .recipy-faq-accordion_label {
    gap: 20px !important;
    line-height: 1.4 !important;
    padding: 10px 50px !important;
    font-size: 16px !important;
    min-height: 60px !important;
  }

  .recipy-point_02_list02 {
    width: 112px !important;
    height: 480px !important;
  }

  .recipy-point_02_list02 li {
    background-size: 100% auto !important;
    background-image: url(/app/recipy/assets/image/recipy-plan-arrow-pc.png) !important;
    font-size: 18px !important;
    padding: 0 !important;
    writing-mode: initial !important;
    letter-spacing: 2 !important;
  }
  .recipy-point_02_list02 li:nth-child(1) {
    min-height: 224px !important;
  }
  .recipy-point_02_list02 li:nth-child(2) {
    min-height: 170px !important;
  }
  .recipy-point_02_list02 li:last-child {
    min-height: 80px !important;
    padding-bottom: 20px !important;
    background-image: url(/app/recipy/assets/image/recipy-plan-arrow-last-pc.png) !important;
  }
  .recipy-point_02_list02 br {
    display: block !important;
  }
}