.top-bottom-contents{background-color:#3f3f3f;padding-block:60px;@media (min-width:768px){&{padding-block:100px}}}.top-bottom-contents__heading{color:#d5d5d5;font-size:1.8rem;line-height:var(--lh-heading);margin-bottom:calc(20px + var(--leading-trim));text-align:center;@media (min-width:768px){&{font-size:2rem}}}.top-bottom-contents__description{color:#d5d5d5;line-height:1.8;margin-inline:auto;max-width:800px;@media (min-width:768px){&{font-size:1.6rem}}}.top-bottom-contents__button{text-align:center;.top-bottom-contents__button__anchor{border:1px solid #d5d5d5;border-radius:40px;box-sizing:border-box;color:#d5d5d5;display:inline-block;font-family:var(--font-button);font-size:1.8rem;line-height:1.5;margin-top:30px;padding:5px 23px;text-align:left;transition:background-color .3s,color .3s;&:focus-visible{background-color:var(--color-point);border-color:var(--color-point);color:#3f3f3f}@media (min-width:1050px){&:hover{background-color:var(--color-point);border-color:var(--color-point);color:#3f3f3f}}}.top-bottom-contents__button__text{box-sizing:border-box;max-width:450px;padding-left:22px;position:relative;.link-icon{border-color:#d5d5d5;top:13px;svg{path{fill:#d5d5d5;transition:fill .3s}a:focus-visible &{left:2px;path{fill:var(--color-point)}}@media (min-width:1050px){a:hover &{left:2px;path{fill:var(--color-point)}}}}}}}