$darkBlack: #000000; $black: #242424; $blue: #0A5798; $lightBlue: #4A5568; $darkBlue: #245684; $thinBlue: #C2E3E9; $yellow: #FCEE21; $red: #FA050E; $backBlue: #E2E8F0; $downloadBtn:#FDC400; $contactBtn: #E43C00; /* グラデーション */ $backgroundFooter: linear-gradient(to right, #ffffff 0%, #fafafa 15%, #81B8EA 30%, #5B9ED8 50%, #5B9ED8 100%); $white: #ffffff; $default:"游ゴシック体 Std", YuGothicStd, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; $poppins:'Poppins', sans-serif; @mixin mediaXL($width-media: 1480px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaLL($width-media: 1366px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaL($width-media: 1280px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaGrid($width-media: 1150px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaML($width-media: 1100px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaM($width-media: 992px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaS($width-media: 768px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaXS($width-media: 576px) { @media screen and (max-width: $width-media) { @content; } } @mixin mediaPHONE($width-media: 450px) { @media screen and (max-width: $width-media) { @content; } } @mixin safari { @at-root _::-webkit-full-page-media, _:future, :root & { @content; } }