@charset "UTF-8";
/* ====================================================
　協力業者の皆様へページ固有CSS（ファーストビュー以降）
　partner_body.css

　【スマートフォン版の実装方針】
　Figmaのスマホアートボード幅390pxを基準比率とし、320〜430px程度の画面幅で
　常に同じデザイン比率を維持するため、font-size・余白・サイズ指定は
　vw のみで画面幅に比例して拡大縮小させる（390pxで頭打ちにしない・下限も設けない）。
　margin/paddingはem・%・vw・vhのみを使用し、pxは使用しない。
==================================================== */


/* ######################################################################################

　PARTNER FORMAT（各種書式のご案内）

###################################################################################### */

/* ----- partnerFormat ----- */
.partnerFormat{ background: var(--color-white); }
@media print, screen and (min-width: 768px){
    /* Figma実測：パンくず下端から見出しラベルまで55px／カード列下端からフッターまで288px */
    .partnerFormat{ padding-top: 3.4375em; padding-bottom: 18em; }
}
@media screen and (max-width: 767px){
    .partnerFormat{ padding-top: 12.3077vw; padding-bottom: 17.4359vw; }
}

/* partnerFormat__head（ラベル・見出し・リード文）
---------------------------------------------------- */
.partnerFormat__head{ text-align: center; }

/* 共通スタイルは widget/sectionHeading.css の .sectionEyebrow（ラベル→見出しの
　間隔・色・太さを共通化） */

/* partnerFormat__heading（共通部分は widget/sectionHeading.css の .sectionHeading）
　Figma実測でこの見出しのみ明朝体を使わず本文と同じゴシック体、line-heightも
　body継承の1.8のまま（他ページの.sectionHeadingは明朝体・行間1.5/1.6が既定）
　のため、ここで打ち消す
---------------------------------------------------- */
.partnerFormat__heading{
    --sectionHeading-fontFamily: var(--font-sans);
    --sectionHeading-fontSize-pc: 2.8rem;
    --sectionHeading-lineHeight-pc: 1.8;
    --sectionHeading-fontSize-sp: 6.1538vw;
    --sectionHeading-lineHeight-sp: 1.8;
}
@media screen and (max-width: 767px){
    /* letter-spacingはFigma実測でPCのみ0.28px（0.01em）指定・SPは指定なし */
    .partnerFormat__heading{ letter-spacing: normal; }
}

/* partnerFormat__lead（共通部分は widget/sectionHeading.css の .sectionLead）
---------------------------------------------------- */
.partnerFormat__lead{
    --sectionLead-lineHeight-pc: 1.8667;
    --sectionLead-marginTop-pc: 2.375em;
    --sectionLead-marginTop-sp: 4.6154vw;
}


/* ######################################################################################

　partnerFormat__group（支払いについて／契約分契約外・請求書）

###################################################################################### */

.partnerFormat__group{
    max-width: 980px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
@media print, screen and (min-width: 768px){
    .partnerFormat__group + .partnerFormat__group{ margin-top: 5.9375em; }
}
@media screen and (max-width: 767px){
    .partnerFormat__group + .partnerFormat__group{ margin-top: 22.0513vw; }
}

/* partnerFormat__groupTitle（左に二色バー付き小見出し）
---------------------------------------------------- */
.partnerFormat__groupTitle{
    display: flex;
    align-items: center;
    font-weight: 700;
    line-height: 0.9091;
    color: var(--color-text);
}
.partnerFormat__groupTitle::before{
    content: "";
    display: block;
    flex-shrink: 0;
    width: 3px;
    height: 1em;
    background: linear-gradient(to bottom, var(--color-primary) 50%, #dedede 50%);
}
@media print, screen and (min-width: 768px){
    .partnerFormat__groupTitle{ gap: 0.6364em; font-size: 2.2rem; }
    .partnerFormat__head + .partnerFormat__group .partnerFormat__groupTitle{ margin-top: 3.75em; }
}
@media screen and (max-width: 767px){
    .partnerFormat__groupTitle{ gap: 3.5897vw; font-size: 5.641vw; }
    .partnerFormat__head + .partnerFormat__group .partnerFormat__groupTitle{ margin-top: 14.6154vw; }
}

/* partnerFormat__notes（支払いについての箇条書き）
---------------------------------------------------- */
.partnerFormat__notes{ color: var(--color-text); }
.partnerFormat__notes li{ line-height: 2; }
.partnerFormat__notes strong{
    font-weight: 700;
    color: var(--color-primary);
}
@media print, screen and (min-width: 768px){
    .partnerFormat__notes{ margin-top: 2em; font-size: 1.5rem; }
}
@media screen and (max-width: 767px){
    .partnerFormat__notes{ margin-top: 10.5128vw; font-size: 3.8462vw; }
}

/* partnerFormat__cardList（ダウンロードカード一覧）
---------------------------------------------------- */
.partnerFormat__cardList{
    display: flex;
    flex-wrap: wrap;
}
@media print, screen and (min-width: 768px){
    .partnerFormat__cardList{ gap: 40px; }
}
@media screen and (max-width: 767px){
    .partnerFormat__cardList{ flex-direction: column; gap: 5.1282vw; }
}

/* partnerFormat__group:first-child のカード列は説明文の下、
   2つ目のグループのカード列は見出し直下に付く（間隔が異なるため個別指定） */
@media print, screen and (min-width: 768px){
    .partnerFormat__head + .partnerFormat__group .partnerFormat__cardList{ margin-top: 2.1875em; }
    .partnerFormat__group:last-child .partnerFormat__cardList{ margin-top: 2.5em; }
}
@media screen and (max-width: 767px){
    .partnerFormat__head + .partnerFormat__group .partnerFormat__cardList{ margin-top: 6.6667vw; }
    .partnerFormat__group:last-child .partnerFormat__cardList{ margin-top: 10.2564vw; }
}

/* partnerFormatCard（ダウンロードカード本体）
---------------------------------------------------- */
.partnerFormatCard{
    display: flex;
    align-items: center;
    border: 1px solid #dedede;
    background: #f9f9f9;
    transition: opacity var(--transition);
}
.partnerFormatCard:hover{ opacity: 0.75; }
.partnerFormatCard__icon{ flex-shrink: 0; }
.partnerFormatCard__label{
    flex: 1;
    overflow: hidden;
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.partnerFormatCard__dlIcon{ flex-shrink: 0; width: 16px; height: auto; aspect-ratio: 16 / 13.5157; }
@media print, screen and (min-width: 768px){
    .partnerFormatCard{
        gap: 0.6em;
        border-radius: 4px;
        width: 300px;
        height: 60px;
        padding-right: 1.1875em;
        padding-left: 1.1875em;
    }
    .partnerFormatCard__label{ font-size: 1.5rem; }
}
@media screen and (max-width: 767px){
    .partnerFormatCard{
        gap: 2.3077vw;
        border-radius: 1.0256vw;
        width: 76.9231vw;
        height: 15.3846vw;
        margin-right: auto;
        margin-left: auto;
        padding-right: 4.8718vw;
        padding-left: 4.8718vw;
    }
    .partnerFormatCard__label{ font-size: 3.8462vw; }
}