.p-price {
padding: 5rem 0 7.5rem;
@media (768px > width) {
padding: 2.5rem 0 3.75rem;
}
& .p-price__title {
margin-bottom: 2.5rem;
font-size: 2rem;
font-weight: 700;
}
}
.p-faq {
padding: 3.75rem 0 5.625rem;
@media (768px > width) {
padding: 0 0 3.75rem;
}
& .p-faq__linkList {
display: grid;
grid-template-columns: repeat(4, 1fr);
justify-content: center;
gap: 1.25rem;
max-width: 820px;
margin: 0 auto 2.5rem;
@media (960px > width) {
grid-template-columns: repeat(2, 1fr);
}
li {
position: relative;
&::before {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(45deg);
width: 11px;
height: 1.5px;
border-bottom: 1.5px solid var(--color-main);
}
&::after {
content: "";
position: absolute;
top: 50%;
right: 8px;
transform: translateY(-50%) rotate(-45deg);
width: 11px;
height: 1.5px;
border-bottom: 1.5px solid var(--color-main);
}
a {
display: block;
padding: .375rem 2.25rem .375rem 1rem;
font-size: 1.125rem;
font-weight: 700;
border-bottom: 1px solid var(--color-main);
color: var(--color-main);
@media (768px > width) {
padding: .375rem 1.75rem .375rem .625rem;
font-size: 1rem;
}
}
}
}
& .schema-faq-section {
&:not(:last-of-type) {
margin-bottom: 2.5rem;
}
}
& .schema-faq-question {
position: relative;
display: block;
margin-bottom: .75rem;
padding: .75rem 0 .75rem 2.75rem;
font-size: 1.125rem;
color: #4B4B4B;
background: var(--color-bg-blue);
@media (768px > width) {
font-size: 1rem;
}
&::before {
content: "";
position: absolute;
top: 50%;
left: 10px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url(//albert-shihou.com/wp-content/themes/albert/assets/images/icon-q.png) no-repeat center center / contain;
}
}
& .schema-faq-answer {
position: relative;
padding: .5rem 1rem .5rem 2.75rem;
@media (768px > width) {
font-size: .9375rem;
}
&::before {
content: "";
position: absolute;
top: 50%;
left: 7px;
transform: translateY(-50%);
width: 24px;
height: 24px;
background: url(//albert-shihou.com/wp-content/themes/albert/assets/images/icon-a.png) no-repeat center center / contain;
}
}
}
.p-news {
padding: 0 0 5.625rem;
@media (768px > width) {
padding: 0 0 3.75rem;
}
& .c-category__title {
text-align: left;
}
& .category-filter {
display: flex;
align-items: center;
gap: 1.375rem;
margin-bottom: 2.25rem;
padding: 1.5rem 1.875rem;
border-radius: .625rem;
background: var(--color-main);
@media (768px > width) {
flex-wrap: wrap;
margin-bottom: 2rem;
}
& .c-category__title {
font-size: 1rem;
font-weight: 700;
color: var(--color-wh);
}
}
& .c-category__list {
display: flex;
align-items: center;
gap: .625rem;
&::before {
content: none;
}
& .c-category__item {
border-radius: 1rem;
border: 1px solid var(--color-wh);
line-height: 1;
a {
display: block;
padding: .375rem 1rem;
font-size: .8125rem;
font-weight: 500;
color: var(--color-wh);
vertical-align: middle;
}
&.active {
background: var(--color-wh);
a {
color: var(--color-main);
}
}
}
}
& .p-news__item {
border-bottom: 2px solid var(--color-bg02);
}
& .p-news__link {
display: flex;
align-items: center;
padding: 1.875rem 1.25rem;
color: var(--color-bk);
@media (960px > width) {
flex-wrap: wrap;
gap: .5rem 0;
}
@media (768px > width) {
padding: .75rem 1rem 1rem 0;
}
& .p-news__title {
font-size: 1rem;
font-weight: 500;
@media (768px > width) {
line-height: calc(26/16);
}
}
& .p-news__date {
font-size: 1.125rem;
font-weight: 700;
color: var(--color-main);
@media (768px > width) {
font-size: 1rem;
}
}
& .p-news__category {
margin: 0 1.25rem 0 1.125rem;
padding: .375rem 1rem;
border-radius: 1rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1;
border: 1px solid var(--color-main);
color: var(--color-main);
}
}
}
.p-about {
padding: 0 0 7rem;
@media (768px > width) {
padding: 0 0 3.875rem;
}
& .p-about__intro {
& .p-about__introTitle {
margin-bottom: 2rem;
font-size: 2rem;
@media (768px > width) {
margin-bottom: 1rem;
font-size: 1.5rem;
}
}
& .p-about__introText {
margin-bottom: 2rem;
line-height: calc(38/16);
color: var(--color-dark02);
}
}
& .p-about__copy {
position: relative;
padding: 3.5rem 0 15rem;
@media (768px > width) {
padding: 0;
}
> img {
display: block;
max-width: 800px;
margin: 0 auto;
@media (768px > width) {
max-width: 550px;
margin-left: 50%;
}
}
& .p-about__copyTitle {
position: absolute;
content: "";
top: 12%;
left: 50%;
transform: translateX(-50%);
text-align: center;
width: 100%;
@media (768px > width) {
top: 5%;
}
h4 {
font-size: 3.625rem;
font-family: "Noto Serif JP", serif;
background: linear-gradient(to right, #5A99D0 0%,  #165C9A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
@media (768px > width) {
font-size: 1.375rem;
}
span {
background: linear-gradient(to right, #8ED16F 0%,  #1AAE1A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
p {
font-weight: 500;
color: var(--color-main);
}
}
& .p-about__copyVertical {
position: absolute;
content: "";
top: 30%;
left: 50%;
transform: translateX(-50%);
@media (768px > width) {
top: 20%;
width: 100%;
text-align: center;
}
h4 {
font-size: 3.625rem;
font-family: "Noto Serif JP", serif;
background: linear-gradient(to right, #5A99D0 0%,  #165C9A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
@media (768px > width) {
font-size: 1.5rem;
}
span {
background: linear-gradient(to right, #8ED16F 0%,  #1AAE1A 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
}
p {
&.jp {
font-size: 1rem;
font-weight: 500;
font-family: "Noto Sans JP", serif;
@media (768px > width) {
font-size: .9375rem;
}
}
}
}
}
& .p-aboutSupport {
padding: 0 0 10.75rem;
@media (768px > width) {
padding: 0 0 5.375rem;
}
& .p-aboutSupport__title {
text-align: center;
margin-bottom: 6.125rem;
@media (768px > width) {
margin-bottom: 1.125rem;
}
span {
font-size: 1.125rem;
font-weight: 600;
color: var(--color-main);
@media (768px > width) {
font-size: .9375rem;
}
}
h2 {
margin-bottom: 1.5rem;
font-size: 2rem;
@media (768px > width) {
margin-bottom: .75rem;
font-size: 1.5625rem;
}
}
p {
color: var(--color-dark02);
@media (768px > width) {
text-align: left;
line-height: calc(32/15);
}
}
}
& .p-aboutSupport__item {
display: flex;
align-items: center;
justify-content: space-between;
@media (768px > width) {
flex-direction: column;
}
&:not(:last-of-type) {
margin-bottom: 8rem;
@media (768px > width) {
margin-bottom: 1rem;
}
} .p-aboutSupport__content {
width: 46%;
@media (768px > width) {
width: 100%;
}
> span {
opacity: .25;
font-size: 5.25rem;
font-weight: 700;
font-family: "Outfit", sans-serif;
color: var(--color-dark);
@media (768px > width) {
font-size: 3.75rem;
}
}
& .p-aboutSupport__contentTitle {
margin-bottom: .75rem;
font-size: 1.875rem;
color: var(--color-main);
@media (768px > width) {
font-size: 1.4375rem;
}
}
& .p-aboutSupport__contentText {
line-height: calc(30/15);
color: var(--color-dark02);
@media (768px > width) {
margin-bottom: .9375rem;
}
}
} img { width: calc(610/1440 * 100vw); 
height: auto;
object-fit: cover;
margin-right: calc(50% - 50vw); 
max-width: none; 
@media (768px > width) {
width: 95vw;
}
} &:nth-of-type(even) {
flex-direction: row-reverse;
@media (768px > width) {
flex-direction: column;
} .p-aboutSupport__content { }
img {
margin-right: 0;  margin-left: calc(50% - 50vw); 
}
}
}
}
.p-aboutHistory {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 4.75rem 0 4.375rem;
background: #F8FCFF;
@media (768px > width) {
padding: 2.5rem 0 3.125rem;
}
& .p-aboutHistory__img {
max-width: 870px;
}
}
.p-aboutOversea__list {
display: flex;
justify-content: space-between;
@media (768px > width) {
flex-direction: column;
}
& .p-aboutOversea__content {
@media (768px > width) {
margin-bottom: 1.875rem;
}
}
& .p-aboutOversea__title {
position: relative;
padding: 0 0 .625rem 1.125rem;
margin-bottom: 1.25rem;
border-bottom: 1px solid var(--color-main);
font-size: 1.25rem;
color: var(--color-main);
@media (768px > width) {
padding: 0 0 .5rem .75rem;
font-size: 1.125rem;
}
&::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
width: 1px;
height: 21px;
background: var(--color-main);
}
}
& .p-aboutOversea__subject {
display: flex;
align-items: flex-start;
@media (768px > width) {
flex-direction: column;
gap: .25rem;
}
& .p-aboutOversea__name {
width: 64px;
}
& .p-aboutOversea__text {
margin: 0 0 .75rem;
color: var(--color-dark02);
}
}
& .p-aboutOversea__img {
margin: 0;
img {
padding-bottom: 2rem;
@media (768px > width) {
padding-bottom: 1.25rem;
}
}
figcaption {
text-align: center;
color: var(--color-main);
}
}
}
.p-aboutCompany {
padding: 8.325rem 0 9rem;
@media (768px > width) {
padding: 2.5rem 0;
}
}
& .p-aboutCompany__list {
display: flex;
justify-content: space-between;
gap: 3rem;
margin-bottom: 5.125rem;
@media (768px > width) {
flex-direction: column;
}
& .p-aboutCompany__item {
width: 50%;
@media (768px > width) {
width: 100%;
}
}
& .p-aboutCompany__content {
display: flex;
align-items: flex-start;
padding: 1.25rem 0;
border-bottom: 1px solid #A0A6A666;
@media (768px > width) {
flex-direction: column;
}
& .p-aboutCompany__title {
width: 164px;
color: #4C5050;
@media (768px > width) {
margin-bottom: .5rem;
}
}
& .p-aboutCompany__text {
width: calc(100% - 164px);
margin: 0;
@media (768px > width) {
width: 100%;
font-size: .9375rem;
}
}
}
}
.p-about__title{
margin-bottom: 2.625rem;
font-size: 2.5rem;
font-weight: 700;
color: var(--color-main);
@media (768px > width) {
margin-bottom: 1.5rem;
font-size: 1.5rem;
}
}
& .p-about__subTitle {
margin-bottom: 4.25rem;
font-size: 1.125rem;
font-weight: 600;
color: var(--color-dark);
@media (768px > width) {
margin-bottom: 1.25rem;
font-size: .8125rem;
}
}
}
.p-contact {
padding: 0 0 6rem;
@media (768px > width) {
padding: 0 0 4.125rem;
}
& .l-inner {
max-width: 750px;
}
& .wpcf7 {
max-width: 750px;
}
& .p-contact__item {
&:not(:last-of-type) {
margin-bottom: 1.25rem;
}
+ p {
text-align: center;
}
&.address {
display: flex;
flex-wrap: wrap;
row-gap: 1.25rem;
@media (768px > width) {
flex-direction: column;
row-gap: .5rem;
}
p {
@media (768px > width) {
flex-direction: row;
}
&:nth-of-type(2) {
@media (768px > width) {
display: flex;
}
}
&:last-of-type {
width: calc(100% - 220px - 2.5rem);
margin-left: auto;
@media (768px > width) {
width: 100%;
}
}
> span.mark {
font-size: 1.25rem;
align-content: center;
}
}
span.wpcf7-form-control-wrap {
width: 100%;
}
}
& .wpcf7-select {
display: block;
@media (768px > width) {
width: 100%;
}
}
p {
display: flex;
@media (768px > width) {
display: block;
}
label {
position: relative;
display: inline-block;
width: 220px;
margin-right: 1.25rem;
align-content: center;
@media (768px > width) {
width: auto;
margin-right: 0;
margin-bottom: .5rem;
}
&::after {
position: absolute;
content: "任意";
top: 50%;
right: 0;
transform: translateY(-50%);
padding: .25rem .375rem;
border-radius: .625rem;
font-size: .75rem;
line-height: 1;
display: block;
background: var(--color-dark);
color: var(--color-wh);
@media (768px > width) {
right: -45px;
}
}
&.required {
&::after {
position: absolute;
content: "必須";
top: 50%;
right: 0;
transform: translateY(-50%);
padding: .25rem .375rem;
border-radius: .625rem;
font-size: .75rem;
line-height: 1;
display: block;
background: #FF0000;
color: var(--color-wh);
@media (768px > width) {
right: -45px;
}
}
}
}
span.wpcf7-form-control-wrap {
width: calc(100% - 244px);
@media (768px > width) {
width: 100%;
}
label {
position: static;
&::after {
content: none;
}
}
input[type="text"] ,input[type="tel"],input[type="number"] ,input[type="email"] {
width: 100%;
height: 50px;
padding: 5px;
&.postNum {
display: block;
width: 135px;
}
}
.wpcf7-form-control.wpcf7-radio {
display: flex;
@media (768px > width) {
flex-direction: column;
}
label {
width: auto;
}
}
}
}
}
input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
text-align: left;
display: block;
width: 280px;
margin: 0 auto;
padding: 1.125rem 2rem;
border-radius: 5.625rem;
font-size: .9375rem;
font-weight: 500;
border: 1px solid var(--color-main);
color: var(--color-main);
background: var(--color-wh);
box-shadow: 0 4px 7px #7979796E;
transition: .3s ease;
&:hover {
transition: .3s ease;
background: var(--color-main);
color: var(--color-wh);
border-color: var(--color-main);
&::after {
transform: translate(9px ,-50%);
transition: .3s ease;
}
}
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
& .wpcf7-not-valid-tip {
font-size: .875rem;
}
.wpcf7-spinner, .wpcf7-response-output {
display: none!important;
}
& .p-contact__btn {
margin-top: 2rem;
text-align: center;
> p {
position: relative;
display: inline-block;
&::after {
position: absolute;
content: "";
top: 50%;
right: 2.375rem;
transform: translateY(-50%);
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--color-main);
}
}
&:hover {
> p {
&::after {
background: var(--color-wh);
}
}
}
}
}
.p-thanks {
padding: 0 0 8.75rem;
@media (768px > width) {
padding: 0 0 6rem;
}
}
.p-privacy-policy,
.p-term-of-service {
padding: 0 0 8.5rem;
@media (768px > width) {
padding: 0 0 7.5rem;
}
h3 {
margin: 2.25rem 0 .625rem;
font-size: 1.375rem;
}
p {
font-weight: 400;
color: var(--color-dark02);
@media (768px > width) {
font-size: .9375rem;
}
}
}
.p-term-of-service {
p {
margin: 0;
}
}
.p-sitemap {
padding: 0 0 11.25rem;
@media (768px > width) {
padding: 0 0 3.625rem;
}
& .p-sitemap__list {
display: flex;
gap: 0 4.625rem;
@media (1024px > width) {
gap: 0 3.5rem;
}
@media (768px > width) {
flex-direction: column;
}
& .p-sitemap__column {
flex: 1;
display: flex;
flex-direction: column;
& .p-sitemap__items {
display: flex; padding: 1.875rem 4.5rem 1.875rem 1.875rem;
border-bottom: 1px solid var(--color-main);
@media (1024px > width) {
padding: 1.75rem 2.75rem 1.75rem 1.75rem;
}
@media (768px > width) {
padding: 1.125rem;
}
&:first-of-type {
border-top: 1px solid var(--color-main);
}
&:last-of-type {
&.noborder {
@media (768px > width) {
border-bottom: 1px solid var(--color-main);
}
}
}
&.noborder {
border-bottom: none;
}
> a {
width: 52%;
white-space: nowrap;
font-size: 1.125rem;
font-weight: 600;
color: var(--color-main);
@media (1024px > width) {
font-size: 1.0625rem;
}
@media (768px > width) {
width: 38%;
}
}
&.noparent {
> a {
align-content: center;
}
}
& .p-sitemapDetail {
@media (768px > width) {
width: 62%;
}
& .p-sitemapDetail__items {
a {
color: var(--color-dark02);
}
&:not(:last-of-type) {
margin-bottom: 1rem;
}
}
}
}
}
}
} .p-representative {
position: relative;
padding: 3.75rem 0 5rem; @media (768px > width) {
padding: 2.5rem 0 3.25rem;
}
& .p-representative__header {
text-align: center;
margin-bottom: 4rem;
@media (768px > width) {
margin-bottom: 2.5rem;
}
}
& .p-representative__enTitle {
font-size: 0.875rem;
font-weight: 400;
color: var(--color-dark);
margin-bottom: 0.5rem;
@media (768px > width) {
font-size: 0.75rem;
}
}
& .p-representative__jaTitle {
font-size: 2.25rem;
font-weight: 700;
color: var(--color-main);
font-family: var(--font-serif);
margin-bottom: 1rem;
letter-spacing: 0.1em;
@media (768px > width) {
font-size: 1.5rem;
margin-bottom: 0.75rem;
}
}
& .p-representative__description {
font-size: 1rem;
font-weight: 500;
color: var(--color-main02);
line-height: 1.75;
@media (768px > width) {
font-size: 0.875rem;
}
}
& .p-representative__content {
display: flex;
justify-content: center;
gap: 4rem;
align-items: flex-start;
@media (768px > width) {
flex-direction: column;
gap: 2rem;
}
}
& .p-representative__text {
width: calc(50% - 2rem);
@media (768px > width) {
width: 100%;
}
}
& .p-representative__name {
font-size: 1.25rem;
font-weight: 700;
color: var(--color-main02);
margin-bottom: 2rem;
letter-spacing: 0.05em;
@media (768px > width) {
font-size: 1rem;
margin-bottom: 1.5rem;
}
}
& .p-representative__career {
margin-bottom: 2rem;
@media (768px > width) {
margin-bottom: 1.5rem;
}
p {
font-size: 1rem;
font-weight: 500;
color: var(--color-main02);
line-height: 1.75;
@media (768px > width) {
font-size: 0.875rem;
}
&.separate {
margin-bottom: 1.375rem;
@media (768px > width) {
margin-bottom: 1.125rem;
}
}
}
}
& .p-representative__registration {
p {
font-size: 1rem;
font-weight: 500;
color: var(--color-main02);
line-height: 1.75;
margin-bottom: 0.5rem;
@media (768px > width) {
font-size: 0.875rem;
}
span {
font-weight: 700;
}
}
}
& .p-representative__image {
position: relative;
width: calc(50% - 2rem);
max-width: 300px;
@media (768px > width) {
width: 100%;
margin: 0 auto;
}
img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
border-radius: 5px;
}
}
& .p-representative__signature {
position: absolute;
bottom: 1.5rem;
left: 1.5rem;
display: flex;
flex-direction: column;
transform: rotate(-15deg);
@media (768px > width) {
bottom: 1rem;
left: 1rem;
}
}
& .p-representative__signatureLine {
font-size: 4rem;
font-weight: 400;
color: var(--color-signature-alt);
font-family: 'La Belle Aurore', 'Brush Script MT', 'Lucida Handwriting', cursive;
font-style: normal;
line-height: 1;
letter-spacing: 0.05em;
@media (768px > width) {
font-size: 3rem;
}
}
}
.p-about {
& .p-aboutOutline__item {
display: flex;
max-width: 820px;
margin: 0 auto;
& .p-aboutOutline__title {
display: flex;
align-items: center;
width: 220px;
border-bottom: 1px solid var(--color-wh);
border-left: 1px solid var(--color-main);
border-right: 1px solid var(--color-main);
padding: 1.25rem;
background: var(--color-main);
color: var(--color-wh);
@media (768px > width) {
width: 120px;
padding: 1rem .625rem;
font-size: .9375rem;
}
}
& .p-aboutOutline__content {
width: calc(100% - 220px);
margin: 0;
padding: 1.25rem;
border-bottom: 1px solid var(--color-main);
border-right: 1px solid var(--color-main);
@media (768px > width) {
width: calc(100% - 120px);
padding: 1rem .625rem;
font-size: .9375rem;
}
span {
font-size: .875rem;
@media (768px > width) {
font-size: .75rem;
}
}
}
&:first-of-type {
& .p-aboutOutline__title {
border-top: 1px solid var(--color-main);
}
& .p-aboutOutline__content {
border-top: 1px solid var(--color-main);
}
}
}
}
.p-service {
position: relative;
padding: 4.75rem 0 7rem;
@media (768px > width) {
padding: 3.25rem 0;
}
& .p-service__header {
text-align: center;
margin-bottom: 4rem;
@media (768px > width) {
margin-bottom: 2.5rem;
}
}
& .p-service__enTitle {
font-size: 0.875rem;
font-weight: 400;
color: var(--color-dark);
margin-bottom: 0.5rem;
@media (768px > width) {
font-size: 0.75rem;
}
}
& .p-service__jaTitle {
font-size: 2.25rem;
font-weight: 700;
color: var(--color-main);
font-family: var(--font-serif);
margin-bottom: 0.5rem;
letter-spacing: 0.1em;
@media (768px > width) {
font-size: 1.5rem;
margin-bottom: 0.375rem;
}
}
& .p-service__subtitle {
font-size: 1rem;
font-weight: 500;
color: var(--color-main02);
@media (768px > width) {
font-size: 0.875rem;
}
}
& .p-service__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
@media (768px > width) {
grid-template-columns: 1fr;
gap: 1.5rem;
}
}
& .p-service__card {
display: grid;
grid-template-columns: subgrid;
background-color: var(--color-wh);
border-radius: 3px;
box-shadow: 0px 0px 10px 0px var(--color-shadow);
overflow: hidden;
padding-bottom: 2rem;
}
& .p-service__image {
position: relative;
width: 100%;
height: 280px;
overflow: hidden;
@media (768px > width) {
height: 200px;
padding: .9375rem;
}
img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
}
& .p-service__imageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
& .p-service__title {
font-size: 1.375rem;
font-weight: 700;
color: var(--color-main);
text-align: center;
margin: 1.5rem 0 1rem;
letter-spacing: 0.1em;
@media (768px > width) {
font-size: 1.125rem;
margin: 1rem 0 0.75rem;
}
}
& .p-service__description {
font-size: 1rem;
font-weight: 500;
color: var(--color-main02);
line-height: 1.75;
padding: 0 1.875rem;
@media (768px > width) {
font-size: 0.875rem;
padding: 0 1rem;
}
}
}
.p-column {
display: flex;
justify-content: center;
max-width: 1140px;
margin: 0 auto;
padding: 4rem 1.25rem;
@media (768px > width) {
flex-direction: column;
padding: 0;
}
& .l-inner {
max-width: 780px;
}
& .wp-block-latest-posts__list {
margin-top: 1rem;
}
& .wp-block-latest-posts__post-title {
display: block;
padding: .75rem 0;
font-size: .875rem;
font-weight: 600;
color: var(--color-main);
border-bottom: 1px solid var(--color-main-light);
}
& .cat-item {
a {
display: inline-block;
padding: .375rem .9375rem;
border: 1px solid var(--color-main);
border-radius: 1.875rem;
font-weight: 600;
background: var(--color-wh);
color: var(--color-main);
@media (768px > width) {
padding: .375rem .875rem;
}
&:hover {
background: var(--color-main);
color: var(--color-wh);
}
}
}
#secondary {
width: 280px;
@media (768px > width) {
padding: 4rem 1.25rem 0;
}
}
}