@charset "UTF-8";

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

 .p-section{}

 .p-section__head{
   margin: 0 0 1.375rem;
 }

 .p-section__title{
   font-size: 1.5625rem;
   font-weight: var(--font-weight-medium);
   margin: 0;
   text-align: center;
 }

 .p-section__body{}

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

         .p-section__head{}

         .p-section__title{}

         .p-section__body{}

      } /* min-width: 768px */

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

         .p-section__head{
            margin: 0 0 1.8875rem;
         }

         .p-section__title{
            font-size: 3.125rem;
         }

         .p-section__body{}

      } /* min-width: 1025px */
 
   
/* ==========================================================================
   Hero (.p-hero)
   役割: HERO
   ========================================================================== */
   .p-hero{
      margin: 0 0 -12rem;
   }

   .p-hero__title{
      margin: 0;
   }

   .p-hero__picture{}

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

         .p-hero__title{}

         .p-hero__picture{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-hero{
            margin: 0 0 -33vw;
         }

         .p-hero__title{}

         .p-hero__picture{}

      } /* min-width: 1025px */
 
   
/* ==========================================================================
   About (.p-about)
   役割: ABOUT
   ========================================================================== */
   .p-about{
      margin: 0 0 3.125rem;
      overflow: hidden;
      padding: 2rem 0 0;
      position: relative;
   }
   .p-about:before,
   .p-about:after{
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      position: absolute;
      z-index: var(--zindex-deco);
   }
   .p-about:before{
      background-image: url(../../../images/common/illust/cloud_left.webp);
      height: 154px;
      left: 0;
      top: 0;
      width: 194px;
   }
   .p-about:after{
      display: none;
   }

   .p-about__container{
      padding: 0 1.25rem;
      position: relative;
      z-index: var(--zindex-normal);
   }

   .p-about__content{
      display: flex;
      flex-direction: column;
   }

   .p-about__figure{
      position: relative;
   }
   .p-about__figure:after{
      background-image: url(../../../images/project/contact/about_main_bg.webp);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      bottom: 0;
      content: "";
      display: inline-block;
      height: 200px;
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 432px;
   }

   .p-about__image{
      margin: 0 auto;
      position: relative;
      max-width: 190px;
      z-index: var(--zindex-normal);
   }

   .p-about__lead{
      margin: -3rem 0 0;
      position: relative;
      z-index: var(--zindex-normal);
   }

   .p-about__theme{
      font-size: 1.25rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-xs);
      margin: 1em 0;
   }

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

      @media screen and (min-width: 768px) {
         .p-about{}
         .p-about:before,
         .p-about:after{}
         .p-about:before{}
         .p-about:after{}

         .p-about__container{}

         .p-about__content{}

         .p-about__figure{}
         .p-about__figure:after{}

         .p-about__image{}

         .p-about__lead{}

         .p-about__theme{}

         .p-about__descripton{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-about{
            padding: 11rem 0 0;
         }
         .p-about:before,
         .p-about:after{}
         .p-about:before{
            height: 307px;
            width: 388px;
         }
         .p-about:after{
            background-image: url(../../../images/common/illust/cloud_right.webp);
            bottom: 0;
            display: inline-block;            
            height: 307px;
            right: -4rem;
            width: 318px;
         }

         .p-about__container{}

         .p-about__content{
            flex-direction: row;
            justify-content: center;
            gap: 0 4rem;
         }

         .p-about__figure{
            width: 456px;
         }
         .p-about__figure:after{
            height: 498px;
            width: 1063px;
         }

         .p-about__image{
            max-width: inherit;
         }

         .p-about__lead{
            margin: 0;
            width: 480px;
         }

         .p-about__theme{
            font-size: 1.75rem;
            margin: 1em 0 0.64em;
         }

         .p-about__descripton{}

      } /* min-width: 1025px */
 
   
/* ==========================================================================
   Howto (.p-howto)
   役割: HOWTO
   ========================================================================== */
   .p-howto{
      margin: 0 0 3.125rem;
      position: relative;
      z-index: var(--zindex-normal);
   }

   .p-howto__body{}

   .p-howto__container{}

   .p-howto__list{
      display: flex;
      flex-direction: column;
      gap: 1.0625rem 0;
      list-style: none;
      margin: 0;
      padding: 0;
   }

   .p-howto__item{
      background-color: var(--color-white-900);
      min-height: 270px;
      padding: 1.75rem 1.375rem 1.375rem;
   }
   .p-howto__item--scan{}   

   .p-howto__item-inner{
      position: relative;
   }
   .p-howto__item--scan .p-howto__item-inner:before{
      background-image: url(../../../images/project/contact/howto_scan_deco.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 80px;
      position: absolute;
      right: 0;
      top: 0;
      width: 53px;
   }

   .p-howto__number{
      align-items: center;
      background-color: var(--color-secondary);
      color: var(--color-white-900);
      display: flex;
      font-size: 1.125rem;
      font-weight: var(--font-weight-medium);
      height: 30px;
      justify-content: center;
      left: 0;
      line-height: var(--line-height-one-line);
      position: absolute;
      top: 0;
      width: 30px;
   }

   .p-howto__figure{
      padding: 1rem 0 0;
   }

   .p-howto__image{
      margin: 0 auto;
   }
   .p-howto__item--follow .p-howto__image{
      max-width: 172px;
   }
   .p-howto__item--place .p-howto__image{
      max-width: 172px;
   }
   .p-howto__item--watch .p-howto__image{
      max-width: 210px;
   }

   .p-howto__description{
      color: var(--color-font-base);
      font-size: 1rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-sm);
      margin: 1em 0 0;
      text-align: center;
   }

   .p-howto__scan-group{
      align-items: center;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
   }

   .p-howto__scan-qr{
      display: none;
   }

   .p-howto__scan-figure{}

   .p-howto__scan-lead{
      align-self: flex-start;
      margin: 0 0 0 calc(30px + 0.9375rem);
      max-width: 170px;
   }
   .p-howto__scan-lead .p-howto__description{
      margin: 0;
      text-align: left;
   }

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

   .p-howto__menu{
      border-top: 1px solid var(--color-primary);
      color: var(--color-font-base);
      margin: 1.40625rem 0 0;
      padding: 1.75rem 0 0;
   }

   .p-howto__unit{
      margin: 0 0 1.25rem;
   }
   .p-howto__unit:last-of-type{
      margin: 0;
   }

   .p-howto__unit-title{
      display: flex;
      gap: 0 0.875rem;
   }

   .p-howto__unit-category{
      align-items: center;
      background-color: var(--color-primary);
      color: var(--color-white-900);
      display: flex;
      font-size: 1rem;
      font-weight: var(--font-weight-medium);
      height: 30px;
      justify-content: center;
      line-height: var(--line-height-one-line);
      width: 90px;
   }

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

   .p-howto__flow-group{
      margin: 1.125rem 0 0;
      overflow: hidden;
   }

   .p-howto__flow-inner{
      width: 840px;
   }

   .p-howto__flow{
      display: flex;
      gap: 0 2rem;
      list-style: none;
      margin: 0;
      padding: 0;
   }

   .p-howto__flow-item{
      position: relative;
      width: calc((100% - calc(2rem * 3)) / 4);
   }
   .p-howto__flow-item:after{
      background-image: url(../../../images/common/icon/arrow_right_darkblue.svg);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 22px;
      position: absolute;
      right: calc(((2rem / 2) + 34px / 2) * -1);
      top: 50%;
      transform: translateY(-50%);
      width: 34px;
   }
   .p-howto__flow-item:last-of-type:after{
      display: none;
   }

   .p-howto__flow-lead{
      display: flex;
      gap: 0 0.625rem;
      margin: 0 0 1rem;
   }

   .p-howto__flow-number{
      align-items: center;
      background-color: var(--color-primary);
      border-radius: var(--border-radius-circle);
      color: var(--color-white-900);
      display: flex;
      font-size: 1rem;  
      font-weight: var(--font-weight-medium);
      height: 24px;
      justify-content: center;
      line-height: var(--line-height-one-line);
      width: 24px;
   }

   .p-howto__flow-title{
      font-size: 1rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-xs);
      margin: 0;
      width: calc((100% - 0.625rem) - 24px);
   }

   .p-howto__flow-figure{
      height: 315px;
   }

   .p-howto__flow-image{
      left: 50%;
      position: absolute;
      top: 4rem;
      transform: translateX(-50%);
   }
   .p-howto__flow-item--open .p-howto__flow-image{
      top: 2rem;
      width: 150px;
   }
   .p-howto__flow-item--share .p-howto__flow-image{
      width: 175px;
   }
   .p-howto__flow-item--add .p-howto__flow-image{
      width: 250px;
   }
   .p-howto__flow-item--start .p-howto__flow-image{
      width: 138px;
   }

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

         .p-howto__body{}

         .p-howto__container{}

         .p-howto__list{
            flex-direction: row;
            flex-wrap: wrap;
            gap: 0.9375rem;
         }

         .p-howto__item{
            padding: 0.9375rem 0.9375rem 1.25rem;
            width: calc((100% - calc(0.9375rem * 2)) / 3);
         }
         .p-howto__item--scan{
            padding: 2rem 2rem 1.5rem;
            width: 100%;
         }

         .p-howto__item-inner{}
         .p-howto__item--scan .p-howto__item-inner:before{}

         .p-howto__number{}

         .p-howto__figure{}

         .p-howto__image{}
         .p-howto__item--follow .p-howto__image{}
         .p-howto__item--place .p-howto__image{}
         .p-howto__item--watch .p-howto__image{}

         .p-howto__description{}

         .p-howto__scan-group{
            align-items: center;
            flex-direction: row;
            gap: 0 1rem;
         }

         .p-howto__scan-qr{}

         .p-howto__scan-figure{}

         .p-howto__scan-lead{
            max-width: 250px;
         }
         .p-howto__scan-lead .p-howto__description{}

         .p-howto__button{
            margin: 0;
         }

         .p-howto__menu{}

         .p-howto__unit{}

         .p-howto__unit-title{
            align-items: center;
         }

         .p-howto__unit-category{}

         .p-howto__unit-description{}

         .p-howto__flow-group{}

         .p-howto__flow-inner{}

         .p-howto__flow{}

         .p-howto__flow-item{}

         .p-howto__flow-lead{}

         .p-howto__flow-number{}

         .p-howto__flow-title{}

         .p-howto__flow-figure{}

         .p-howto__flow-image{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-howto{
            margin: -9rem 0 6.25rem;
            overflow: hidden;
         }
         .p-howto:before,
         .p-howto:after{
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            display: inline-block;
            position: absolute;
            z-index: var(--zindex-deco);
         }
         .p-howto:before{
            background-image: url(../../../images/common/illust/cloud_left.webp);
            height: 307px;
            left: -3rem;
            top: 36rem;
            width: 318px;
         }
         .p-howto:after{
            background-image: url(../../../images/common/illust/cloud_right.webp);
            height: 307px;
            right: 0;
            top: 65rem;
            width: 388px;
         }

         .p-howto__body{
            position: relative;
            z-index: var(--zindex-normal);
         }

         .p-howto__container{}

         .p-howto__list{
            gap: 1.25rem;
         }

         .p-howto__item{
            padding: 1.25rem 1.25rem 1.5rem;
            width: calc((100% - calc(1.25rem * 2)) / 3);
         }
         .p-howto__item--scan{
            padding: 5rem 5rem 4.0625rem;
            width: 100%;
         }

         .p-howto__item-inner{}
         .p-howto__item--scan .p-howto__item-inner:before{
            height: 159px;
            width: 106px;
         }

         .p-howto__number{
            font-size: 1.5rem;
            height: 40px;
            width: 40px;
         }

         .p-howto__figure{
            padding: 1.5rem 0 0;
         }

         .p-howto__image{
            height: 178px;
         }
         .p-howto__item--follow .p-howto__image{
            max-width: 190px;
         }
         .p-howto__item--place .p-howto__image{
            max-width: 190px;
         }
         .p-howto__item--watch .p-howto__image{
            max-width: 234px;
         }

         .p-howto__description{
            font-size: 1.125rem;
            margin: 1.3em 0 0;
         }

         .p-howto__scan-group{
            gap: 0 4.125rem;
            margin: 0 0 0 calc(40px + 3.125rem);
         }

         .p-howto__scan-qr{
            display: block;
            width: 150px;
         }

         .p-howto__scan-figure{
            width: 100%;
         }

         .p-howto__scan-lead{
            align-self: center;
            margin: 0;
            max-width: 525px;
         }
         .p-howto__scan-lead .p-howto__description{
            font-size: 1.75rem;
         }

         .p-howto__button{
            display: none;
         }

         .p-howto__menu{
            margin: 8rem 0 0;
            padding: 2.6875rem 0 0;
         }

         .p-howto__unit{}

         .p-howto__unit-title{}

         .p-howto__unit-category{
            font-size: 1.25rem;
            height: 36px;
            width: 120px;
         }

         .p-howto__unit-description{
            font-size: 1.25rem;
         }

         .p-howto__flow-group{}

         .p-howto__flow-inner{}

         .p-howto__flow{}

         .p-howto__flow-item{}

         .p-howto__flow-lead{}

         .p-howto__flow-number{}

         .p-howto__flow-title{}

         .p-howto__flow-figure{}

         .p-howto__flow-image{}

      } /* min-width: 1025px */
 
   
/* ==========================================================================
   Lineup (.p-lineup)
   役割: LINEUP
   ========================================================================== */
   .p-lineup{
      margin: 0 0 3.75rem;
      overflow: hidden;
   }

   .p-lineup__body{}

   .p-lineup__main{}

   .p-lineup__list{    
      overflow: visible;         
   }

   .p-lineup__item{      
      transform: none;
      overflow: visible;         
      max-width: 280px;
   }

   .p-lineup__item-inner{
      background-color: var(--color-white-900);
      color: var(--color-font-base);         
      display: flex;
      flex-wrap: wrap;
      gap: 1rem 0;
      padding: 1.5625rem 1.25rem;
      transition: var(--transition-base);
      transform: scale(0.85);
   }

   .p-lineup__item.is-active .p-lineup__item-inner{
      transform: scale(1.0);
   }

   .p-lineup__item-lead{
      order: 2;
      width: 100%;
   }

   .p-lineup__item-content{}

   .p-lineup__item-subtitle{
      display: block;
      font-size: 0.875rem;
      font-weight: var(--font-weight-medium);
      letter-spacing: var(--ls-default);
      line-height: var(--line-height-one-line);
      margin: 0 0 0.2em;
   }

   .p-lineup__item-title{
      font-size: 1.33125rem;
      font-weight: var(--font-weight-medium);
      letter-spacing: var(--ls-default);
      line-height: var(--line-height-xs);
      margin: 0;
   }

   .p-lineup__item-description{
      font-family: var(--font-jp);
      font-size: 0.875rem;
      font-weight: var(--font-weight-medium);
      letter-spacing: var(--ls-default);
      line-height: var(--line-height-xs);
      margin: 0.3em 0 0;
   }

   .p-lineup__item-price{
      font-size: 0.875rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-one-line);
      margin: 0.75rem 0 0;
   }

   .p-lineup__item-amount{
      font-size: 1.14em;
      font-weight: var(--font-weight-medium);
   }

   .p-lineup__item-figure{
      margin: 0 auto;
      order: 1;
      width: 100%;
   }

      @media screen and (min-width: 768px) {
         .p-lineup{
            overflow: hidden;
         }

         .p-lineup__body{}

         .p-lineup__main{}

         .p-lineup__list{}

         .p-lineup__item{      
            max-width: 480px;
         }

         .p-lineup__item-inner{
            padding: 1.25rem 0 0;
            transition: transform 0.3s ease, opacity 0.3s ease;
            transform-origin: center center;
         }
         .p-lineup__item.is-active .p-lineup__item-inner {}

         .p-lineup__item-lead{
            align-items: center;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            height: 160px;
         }
         .p-lineup__item--greatwave .p-lineup__item-lead{
            background-image: url(../../../images/project/contact/lineup_greatwave_bg_large.webp);
         }
         .p-lineup__item--goldleaf .p-lineup__item-lead{
            background-image: url(../../../images/project/contact/lineup_goldleaf_bg_large.webp);
         }
         .p-lineup__item--shippo .p-lineup__item-lead{
            background-image: url(../../../images/project/contact/lineup_shippo_bg_large.webp);
         }
         .p-lineup__item--japanblue .p-lineup__item-lead{
            background-image: url(../../../images/project/contact/lineup_japanblue_bg_large.webp);
         }

         .p-lineup__item-content{
            margin: 0 0 0 auto;
            padding: 1rem 1.25rem;
            width: calc(100% - 200px);
         }

         .p-lineup__item-subtitle{}

         .p-lineup__item-title{}

         .p-lineup__item-description{}

         .p-lineup__item-price{}

         .p-lineup__item-amount{}

         .p-lineup__item-figure{
            max-width: 300px;
         }

      } /* min-width: 768px */

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

         .p-lineup__body{}

         .p-lineup__main{}

         .p-lineup__list{}

         .p-lineup__item{
            max-width: 620px;
         }

         .p-lineup__item-inner{
            gap: 1.25rem 0;
            padding: 1.875rem 0 0;
         }

         .p-lineup__item-lead{
            height: 180px;
         }

         .p-lineup__item-content{
            padding: 1.25rem 2.5rem;
            width: calc(100% - 270px);
         }

         .p-lineup__item-subtitle{
            font-size: 1rem;
         }

         .p-lineup__item-title{
            font-size: 1.5rem;
         }

         .p-lineup__item-description{}

         .p-lineup__item-price{
            font-size: 1rem;
         }

         .p-lineup__item-amount{}

         .p-lineup__item-figure{
            max-width: 490px;
         }

      } /* min-width: 1025px */

   /* splide Custom */
   .p-lineup__splide{
      padding: 0;
      width: 100%;         
   }
   .p-lineup__splide:before{
      background: transparent linear-gradient(180deg, #060140 0%, #061F82 25%, #2053DB 49%, #062083 70%, #060140 100%) 0% 0% no-repeat padding-box;
      content: "";
      display: inline-block;
      height: 100%;
      left: 50%;
      position: absolute;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
   }
   .p-lineup__splide .splide__track {
      overflow: visible;
   }
   .p-lineup__splide .splide__pagination{
      gap: 0 1rem;
      padding: 1.25rem 0 0;
      position: relative;
      z-index: var(--zindex-normal);
   }
   .p-lineup__splide .splide__pagination__page{
      background-color: var(--color-white-900);
      border: none;
      border-radius: var(--border-radius-circle);
      cursor: pointer;
      height: 11px;
      width: 11px;
   }
   .p-lineup__splide .splide__pagination__page.is-active{
      background-color: var(--color-secondary);
   }

      @media screen and (min-width: 768px) {
         .p-lineup__splide{}
         .p-lineup__splide:before{}
         .p-lineup__splide .splide__track {}
         .p-lineup__splide .splide__pagination{}
         .p-lineup__splide .splide__pagination__page{}
         .p-lineup__splide .splide__pagination__page.is-active{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-lineup__splide{}
         .p-lineup__splide:before{}
         .p-lineup__splide .splide__track {}
         .p-lineup__splide .splide__pagination{
            gap: 0 1.25rem;
            padding: 3.125rem 0 0;
         }
         .p-lineup__splide .splide__pagination__page{
            height: 15px;
            width: 15px;
         }
         .p-lineup__splide .splide__pagination__page.is-active{}

      } /* min-width: 1025px */

      @media screen and (min-width: 1040px) {

      } /* min-width: 1040px */
 
   
/* ==========================================================================
   Content (.p-content)
   役割: CONTENT
   ========================================================================== */
   .p-content{
      margin: 0 0 2.5rem;
   }

   .p-content__body{}

   .p-content__main{}

   .p-content__list{
      list-style: none;
      margin: 0 0 2.8125rem;
      padding: 0;
   }

   .p-content__item{
      display: flex;
      flex-wrap: wrap;
   }

   .p-content__item-title{
      font-size: 1rem;
      font-weight: var(--font-weight-regular);
      line-height: var(--line-height-lg);
      order: 2;
      margin: 0.625em 0 0;
   }

   .p-content__item-figure{
      order: 1;
   }

   .p-content__catch{
      position: relative;
   }
   .p-content__catch:before{
      background-image: url(../../../images/common/illust/cloud_left.webp);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 153px;
      left: 0;
      position: absolute;
      top: -2rem;
      width: 159px;
      z-index: var(--zindex-deco);
   }

   .p-content__catch-container{
      position: relative;
      z-index: var(--zindex-normal);
   }

   .p-content__catch-group{
      border: 1px solid var(--color-white-900);
      border-radius: 35px;
      padding: 1.7813rem 1rem;
   }

   .p-content__catch-lead{
      font-size: 1.25rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-xs);
      margin: 0 0 0.35em;
   }

   .p-content__catch-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-content{}

         .p-content__body{}

         .p-content__main{
            padding: 0 1.25rem;
         }

         .p-content__list{
            display: flex!important;
            flex-wrap: wrap;
            gap: 1.5rem 2rem;
         }

         .p-content__item{
            width: calc((100% - calc(2rem * 2)) / 3);
         }

         .p-content__item-title{}

         .p-content__item-figure{}

         .p-content__catch{}
         .p-content__catch:before{}

         .p-content__catch-container{}

         .p-content__catch-group{}

         .p-content__catch-lead{}

         .p-content__catch-description{}

      } /* min-width: 768px */

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

         .p-content__body{}

         .p-content__main{
            padding: 0;
         }

         .p-content__list{
            gap: 2rem 2.6875rem;
            margin: 0 0 5.75rem;
         }

         .p-content__item{
            width: calc((100% - calc(2.6875rem * 2)) / 3);
         }

         .p-content__item-title{}

         .p-content__item-figure{}

         .p-content__catch{}
         .p-content__catch:before{
            height: 307px;
            top: 2rem;
            width: 318px;
         }

         .p-content__catch-container{}

         .p-content__catch-group{
            align-content: center;
            border-radius: calc(120px / 2);
            display: flex;
            flex-wrap: wrap;
            height: 120px;
            justify-content: center;
         }

         .p-content__catch-lead{
            font-size: 1.75rem;
            width: 100%;
         }

         .p-content__catch-description{
            width: 100%;   
         }

      } /* min-width: 1025px */

         @media screen and (min-width: 1040px) {
         .p-content{}         

         .p-content__body{}

         .p-content__main{
            margin: 0 auto;
            max-width: 1000px;
         }

         .p-content__list{}

         .p-content__item{}

         .p-content__item-title{}

         .p-content__item-figure{}

         .p-content__catch{}
         .p-content__catch:before{}

         .p-content__catch-container{}

         .p-content__catch-group{}

         .p-content__catch-lead{}

         .p-content__catch-description{}

      } /* min-width: 1040px */

   /* splide Custom */
   .p-content__splide{
      margin: 0 0 2.5rem;
      padding: 0;
   }
   .p-content__splide .splide__pagination{
      gap: 0 1rem;
      padding: 1.25rem 0 0;
   }
   .p-content__splide .splide__pagination__page{
      background-color: var(--color-white-900);
      border: none;
      border-radius: var(--border-radius-circle);
      height: 11px;
      width: 11px;
   }
   .p-content__splide .splide__pagination__page.is-active{
      background-color: var(--color-secondary);
   }
 
   
/* ==========================================================================
   Faq (.p-faq)
   役割: FAQ
   ========================================================================== */
   .p-faq{
      position: relative;
   }
   .p-faq:after{
      background-image: url(../../../images/common/illust/cloud_right.webp);
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      display: inline-block;
      height: 153px;
      position: absolute;
      right: 0;
      top: -5rem;
      width: 159px;
      z-index: var(--zindex-deco);
   }

   .p-faq__body{}

   .p-faq__list{}

   .p-faq__item{
      margin: 0 0 1rem;
   }
   .p-faq__item:last-of-type{
      margin: 0;
   }

   .p-faq__term{
      font-size: 1.0625rem;
      font-weight: var(--font-weight-medium);
      line-height: var(--line-height-xs);
   }

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

   .p-faq__picture{
      display: inline-block;
   }

   .p-faq_contact{}

   .p-faq_contact-figure{
      max-width: 275px;
   }


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

         .p-faq__body{}

         .p-faq__list{}

         .p-faq__item{}
         .p-faq__item:last-of-type{}

         .p-faq__term{}

         .p-faq__detail{}

         .p-faq__picture{}

         .p-faq_contact{}

         .p-faq_contact-figure{}

      } /* min-width: 768px */

      @media screen and (min-width: 1025px) {
         .p-faq{}
         .p-faq:after{
            height: 307px;
            top: -3rem;
            width: 318px;
         }

         .p-faq__body{}

         .p-faq__list{}

         .p-faq__item{
            margin: 0 0 1.5rem;
         }
         .p-faq__item:last-of-type{}

         .p-faq__term{
            font-size: 1.25rem;
         }

         .p-faq__detail{
            font-size: 1rem;
         }

         .p-faq__picture{}

         .p-faq_contact{}

         .p-faq_contact-figure{}

      } /* min-width: 1025px */