@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-pink: #ed848b; $color-blue: #007ac5; $color-yellow: #fff2cb; $color-orange: #f8ad4e; //magazine----------------------------------- #page-intro { p { padding-top: 0; } .fureai-img { width: 80%; padding-bottom: 3rem; margin: auto; } } .headline { margin-top: 0; &::before { content: "\f518"; } } #magazine { font-size: 16px; font-size: 1.6rem; span { font-size: 13px; font-size: 1.3rem; } .ac-menu .accordion-contents { @include lg { padding: 5rem 1rem 0rem 1rem; } @include sm { padding: 5rem 6rem 0rem 6rem; } @include xs { padding: 5rem 1rem 0rem 1rem; } } li { @include sm { margin: auto; } } .pdf-link li:nth-child(2n) a { margin-left: 0; } .pdf-link li:nth-child(2n+1) a { margin-right: 0; } .ac-menu { margin-bottom: 1rem; } }