@charset "UTF-8";

/* カスタマーハラスメントに対する基本方針（共通：構造・配色） */
#customer .cus-catch { font-weight: 700; color: #1a1a1a; text-align: center; }
#customer .cus-txt { color: #1a1a1a; }
#customer .cus-voice { background-color: #FAFAF5; border-left: 4px solid #F04D2F; }
#customer .cus-voice li { font-weight: 700; color: #1a1a1a; }
#customer .cus-ttl { display: flex; align-items: baseline; font-weight: 700; color: #1a1a1a; border-bottom: 2px solid #000; }
#customer .cus-num { flex: 0 0 auto; font-family: 'Barlow', sans-serif; font-weight: 600; color: #F04D2F; letter-spacing: 0.02em; }
#customer .cus-box { background-color: #F5F0DF; color: #1a1a1a; }
#customer .cus-box li { padding-left: 1em; text-indent: -1em; }
#customer .cus-box-num { font-weight: 700; color: #1a1a1a; }
#customer .cus-act-item { background-color: #F5F0DF; border-left: 5px solid #F04D2F; }
#customer .cus-act dt { font-weight: 700; color: #1a1a1a; }
#customer .cus-act dd { color: #4d4d4d; }
#customer .cus-note { color: #1a1a1a; }
#customer .cus-msg { font-weight: 700; color: #F04D2F; text-align: center; background-color: #FAFAF5; }
#customer .cus-sign { font-weight: 700; color: #1a1a1a; text-align: right; }

@media screen and (min-width: 768px),print {

#customer { width: 1100px; margin: 0 auto 100px; padding-top: 50px; }

#customer .cus-lead { margin-bottom: 80px; }
#customer .cus-catch { font-size: 26px; line-height: 44px; letter-spacing: 0.08em; margin-bottom: 56px; }
#customer .cus-txt { font-size: 16px; line-height: 1.8; letter-spacing: 0.04em; margin-bottom: 20px; }
#customer .cus-voice { padding: 24px 32px; margin: 36px 0; }
#customer .cus-voice li + li { margin-top: 8px; }
#customer .cus-voice li { font-size: 17px; line-height: 1.9; letter-spacing: 0.04em; }

#customer .cus-sec { margin-bottom: 80px; }
#customer .cus-sec:last-child { margin-bottom: 0; }
#customer .cus-ttl { font-size: 28px; line-height: 38px; letter-spacing: 1.4px; padding-bottom: 11px; margin-bottom: 28px; }
#customer .cus-num { font-size: 34px; margin-right: 16px; }
#customer .cus-box { font-size: 16px; line-height: 1.8; letter-spacing: 0.04em; padding: 24px 32px; margin-bottom: 20px; }
#customer .cus-box li + li { margin-top: 8px; }

#customer .cus-act { margin-bottom: 20px; }
#customer .cus-act-item { padding: 26px 40px 28px 45px; }
#customer .cus-act-item + .cus-act-item { margin-top: 20px; }
#customer .cus-act dt { font-size: 20px; line-height: 1.6; letter-spacing: 0.04em; margin-bottom: 10px; }
#customer .cus-act dd { font-size: 16px; line-height: 1.9; letter-spacing: 0.04em; }
#customer .cus-note { font-size: 14px; line-height: 1.8; margin-bottom: 20px; }
#customer .cus-msg { font-size: 20px; line-height: 1.9; letter-spacing: 0.06em; padding: 32px 20px; margin: 40px 0; }
#customer .cus-sign { font-size: 18px; line-height: 1.6; letter-spacing: 0.1em; margin-top: 64px; }

}


@media screen and (max-width: 767px) {

#customer { margin: 0 5.3vw 16vw; padding-top: 8vw; }

#customer .cus-lead { margin-bottom: 14vw; }
#customer .cus-catch { font-size: 4.8vw; line-height: 1.7; letter-spacing: 0.06em; margin-bottom: 10vw; word-break: auto-phrase; }
#customer .cus-txt { font-size: 3.4vw; line-height: 1.8; letter-spacing: 0.24vw; margin-bottom: 4.5vw; }
#customer .cus-voice { padding: 4.5vw 5vw; margin: 8vw 0; }
#customer .cus-voice li + li { margin-top: 2vw; }
#customer .cus-voice li { font-size: 3.6vw; line-height: 1.9; letter-spacing: 0.24vw; }

#customer .cus-sec { margin-bottom: 14vw; }
#customer .cus-sec:last-child { margin-bottom: 0; }
#customer .cus-ttl { font-size: 4.8vw; line-height: 1.5; letter-spacing: 0.24vw; padding-bottom: 2.5vw; margin-bottom: 6vw; }
#customer .cus-num { font-size: 6.3vw; margin-right: 3vw; }
#customer .cus-box { font-size: 3.4vw; line-height: 1.8; letter-spacing: 0.24vw; padding: 4.5vw 5vw; margin-bottom: 4.5vw; }
#customer .cus-box li + li { margin-top: 1.5vw; }
#customer .cus-box li { word-break: auto-phrase; }

#customer .cus-act { margin-bottom: 4.5vw; }
#customer .cus-act-item { padding: 5vw 5vw 5.5vw 6vw; }
#customer .cus-act-item + .cus-act-item { margin-top: 3.5vw; }
#customer .cus-act dt { font-size: 4vw; line-height: 1.6; letter-spacing: 0.24vw; margin-bottom: 2vw; }
#customer .cus-act dd { font-size: 3.4vw; line-height: 1.8; letter-spacing: 0.24vw; }
#customer .cus-note { font-size: 3.1vw; line-height: 1.8; margin-bottom: 4.5vw; }
#customer .cus-msg { font-size: 3.9vw; line-height: 1.9; letter-spacing: 0.24vw; padding: 6vw 3vw; margin: 8vw 0; }
#customer .cus-sign { font-size: 3.9vw; line-height: 1.6; letter-spacing: 0.48vw; margin-top: 13vw; }

}