/* Sass Document */
.p-allergy-content {
padding: 77px 0 97px;
}
@media screen and (max-width: 767.98px) {
.p-allergy-content {
padding: 4rem 0 5rem;
}
}
.c-heading__txt {
text-align: center;
letter-spacing: 0;
font-weight: 500;
}
@media screen and (max-width: 767.98px) {
.c-heading__txt {
white-space: nowrap;
}
}
.p-block {
border-top: 1.5px dashed #000;
padding: 72px 0 79px;
}
@media screen and (max-width: 767.98px) {
.p-block {
padding: 3rem 0;
border-top-width: 1px;
}
}
.p-block:first-of-type {
margin-top: 70px;
}
@media screen and (max-width: 767.98px) {
.p-block:first-of-type {
margin-top: 3rem;
}
}
.p-block:last-of-type {
padding-bottom: 0;
}
.p-block .c-txt {
text-align: center;
}
.c-area__ttl {
font-size: 1.9rem;
font-weight: 700;
text-align: center;
letter-spacing: 0;
}
@media screen and (max-width: 767.98px) {
.c-area__ttl {
font-size: 1.6rem;
}
}
.c-area__ttl + .c-txt {
margin-top: 9px;
font-weight: 500;
}
@media screen and (max-width: 767.98px) {
.c-area__ttl + .c-txt {
margin-top: 0.9rem;
}
}
.p-btn-wrapper {
max-width: 912px;
margin: 34px auto 0;
}
@media screen and (max-width: 767.98px) {
.p-btn-wrapper {
margin-top: 2rem;
}
}
.c-btn-download {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
position: relative;
color: #fff;
font-size: 1.6rem;
min-height: 62px;
width: 100%;
font-weight: 700;
background-color: #d4152d;
letter-spacing: 0;
transition: 0.3s background-color, 0.3s color;
}
@media screen and (max-width: 767.98px) {
.c-btn-download {
min-width: inherit;
width: 100%;
font-weight: 500;
border-radius: 0.5rem;
font-size: 1.34rem;
min-height: 5.1rem;
}
}
@media (any-hover: hover) {
.c-btn-download:hover:hover {
background-color: #fff;
color: #d4152d;
}
.c-btn-download:hover:hover::after {
background-color: #d4152d;
}
}
.c-btn-download::after {
transition: 0.3s background-color;
content: "";
position: absolute;
width: 23px;
height: 29px;
background-color: #fff;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
display: block;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
right: 20px;
top: 27%;
}
@media screen and (max-width: 767.98px) {
.c-btn-download::after {
width: 1.8rem;
height: 2.2rem;
top: 27.5%;
}
}
/*# sourceMappingURL=allergy.css.map */