@charset "UTF-8";

/**
 * Project: privacy.css (Privacy Page)
 * プライバシーページ（Privacy）固有のレイアウトおよび要素のスタイルを管理する。
 * * 運用ルール:
 * - 接頭辞「p-」を使用すること。
 * - コンポーネント（c-）を組み合わせた具体的なページ構成を記述する。
 * - 他のページに影響を与えない「ページ固有の微調整」はこのレイヤーで行う。
 * - 複数ページで再利用されるパーツが発生した場合は、Componentレイヤーへ移管を検討すること。
 */

/* ==========================================================================
   Intro (.p-privacy-intro)
   役割: プライバシーページ導入========================================================================== */
   .p-privacy-intro{
      margin: 0 0 1.5rem;
   }

   .p-privacy-intro__container{}

   .p-privacy-intro__description{
      font-size: 1rem;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-sm);
      margin: 0;
   }
   
      @media screen and (min-width: 768px) {
         .p-privacy-intro{}

         .p-privacy-intro__container{}

         .p-privacy-intro__description{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-privacy-intro{
            margin: 0 0 2.5rem;
         }

         .p-privacy-intro__container{}

         .p-privacy-intro__description{
            font-size: 1.125rem;
         }

      } /* min-width: 1025px */

      @media screen and (min-width: 1240px) {
         .p-privacy-intro{}

         .p-privacy-intro__container{}

         .p-privacy-intro__description{}

      } /* min-width: 1240px */


/* ==========================================================================
   Privacy (.p-privacy)
   役割: プライバシーページ規約   ========================================================================== */
   .p-privacy{
      margin: 0 0 1.5rem;
   }

   .p-privacy__container{}

   .p-privacy__item{
      margin: 0 0 2rem;
   }
   .p-privacy__item:last-of-type{
      margin: 0;
   }

   .p-privacy__lead{
      border-bottom: 1px dashed var(--color-black-900);
      font-size: 1.25rem;
      font-weight: var(--font-weight-bold);
      line-height: 1.3;
      margin: 0 0 0.8em;
      padding: 0 0 0.8em 1.1em;
      text-indent: -1.1em;
   }

   .p-privacy__note{
      font-size: 1rem;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-sm);
      margin: 0;
   }

   .p-privacy__menu{
      list-style: none;
      margin: 1.5rem 0 0;
      padding: 0;
   }

   .p-privacy__unit{
      font-size: 1rem;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-sm);
   }
   .p-privacy__unit--midpoint{
      padding: 0 0 0 1em;
      text-indent: -1em;
   }

      @media screen and (min-width: 768px) {
         .p-privacy{}

         .p-privacy__container{}

         .p-privacy__item{
            margin: 0 0 3.5rem;
         }

         .p-privacy__lead{}

         .p-privacy__note{}

         .p-privacy__menu{}

         .p-privacy__unit{}
         .p-privacy__unit--midpoint{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-privacy{
            margin: 0 0 2.5rem;
         }

         .p-privacy__container{}

         .p-privacy__item{
            margin: 0 0 4rem;
         }

         .p-privacy__lead{
            font-size: 1.75rem;
         }

         .p-privacy__note{
            font-size: 1.125rem;
         }

         .p-privacy__menu{
            margin: 2rem 0 0;
         }

         .p-privacy__unit{
            font-size: 1.125rem;
         }
         .p-privacy__unit--midpoint{}

      } /* min-width: 1025px */

      @media screen and (min-width: 1240px) {
         .p-privacy{}

         .p-privacy__container{}

         .p-privacy__item{}

         .p-privacy__lead{}

         .p-privacy__note{}

         .p-privacy__menu{}

         .p-privacy__unit{}
         .p-privacy__unit--midpoint{}

      } /* min-width: 1240px */



/* ==========================================================================
   Author (.p-privacy-author)
   役割: プライバシーページ記載者   ========================================================================== */
   .p-privacy-author{}

   .p-privacy-author__container{}

   .p-privacy-author__block{
      border: 1px solid var(--color-black-900);
      padding: 1.25rem 1.125rem;
   }

   .p-privacy-author__text{
      font-size: 1rem;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-sm);
      margin: 0;
   }

      @media screen and (min-width: 768px) {
         .p-privacy-author{}

         .p-privacy-author__container{}

         .p-privacy-author__block{}

         .p-privacy-author__text{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-privacy-author{}

         .p-privacy-author__container{}

         .p-privacy-author__block{
            padding: 1.875rem 7.5rem 2.5rem;
         }

         .p-privacy-author__text{
            font-size: 1.125rem;
         }

      } /* min-width: 1025px */

      @media screen and (min-width: 1240px) {
         .p-privacy-author{}

         .p-privacy-author__container{}

         .p-privacy-author__block{}

         .p-privacy-author__text{}

      } /* min-width: 1240px */