@charset "UTF-8"; /* CSS Document */ //ブレイクポイントを指定------ここから $xl: 1399px; $lg: 1199px; $md: 991px; $sm: 767px; $xs: 575px; @mixin xl { @media screen and (max-width: ($xl)) { @content; } } @mixin lg { @media screen and (max-width: ($lg)) { @content; } } @mixin md { @media screen and (max-width: ($md)) { @content; } } @mixin sm { @media screen and (max-width: ($sm)) { @content; } } @mixin xs { @media screen and (max-width: ($xs)) { @content; } } //ブレイクポイントを指定------ここまで //メインカラー指定 $color-main: #93278F; $color-mainhalf: #E9D4E9; #wrapper{ overflow: hidden; } //header-title header{ .top-title{ &:before{ content: "共同募金事業"; } } } //header-title------ここまで //共通 section { p { text-align: justify; } } //saigai #saigai { p { a { color: $color-main; text-decoration: underline; &::after { font-family: "Font Awesome 5 Free"; content: "\f35d"; font-weight: 900; margin-left: 3px; } &:hover { opacity: 0.7; } } } } //saigai------ここまで //home-help #home-help { table { .table-bg { background-color: rgba(147,39,143,0.1); } } } //home-help------ここまで //day-service #day-service { } //day-service------ここまで //bathing-care #bathing-care { } //bathing-care------ここまで //caregiver //caregiver------ここまで //dementi #dementia { table { border: none; width: auto; tr { border-bottom: solid 1px rgba(147,39,143,0.5); &:last-child { border-bottom: none; } } th { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: $color-main; background-color: #fff; border: none; padding: 0.5rem 1rem; width: auto; @include xs { padding-bottom: 0; } } td { font-size: 18px; font-size: 1.8rem; border: none; padding: 0.5rem 1rem; @include xs { padding-top: 0; } } } } //dementi------ここまで