// ブレイクポイントを指定 $tab: 960px; $sp: 767px; @mixin tab { @media screen and (max-width: ($tab)) { @content; } } @mixin sp { @media screen and (max-width: ($sp)) { @content; } } .privacy_pad { padding: 90.5px 13px; background: white; padding: 90.5px 13px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35); @include sp { box-shadow: unset; } .title { display: flex; flex-direction: column; padding-bottom: 0px; .big { font-size: 18px; font-weight: 500; color: #1b1b1b; } .small { font-size: 12px; font-weight: 400; font-family: Cardo; color: #f5ae18; } } .text_wrap { padding: 80px 0; .text { font-size: 16px; line-height: 28px; font-weight: 400; font-family: Noto Sans JP; padding-top: 0px; } } .jou { font-family: Zen Old Mincho; font-size: 21px; line-height: 36.75px; font-weight: 500; border-bottom: 1px solid #1B1B1B; padding-bottom: 8px; padding-top: 40px; &:first-of-type { padding-top: 0px; } } .text { font-size: 16px; line-height: 28px; font-weight: 400; font-family: Noto Sans JP; padding-top: 16px; } .dot { position: relative; display: block; padding-left: 15px; &::before { position: absolute; content: "・"; left: 0; top: 0; } } .dot2 { position: relative; display: block; padding-left: 30px; &::before { position: absolute; content: "・"; left: 16; top: 0; } } .last_p { font-size: 16px; line-height: 28px; font-weight: 400; font-family: Noto Sans JP; padding-top: 40px; } }