.p-top-about-me{background:#e3e7ea}.p-top-about-me__image{padding:calc((100vw - var(--scroll-bar-width))*.04167);width:100%}.p-top-about-me__text{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.p-top-about-me__comment{font-size:2rem}.p-top-about-me__button,.p-top-about-me__comment{margin-top:calc(var(--base-size)*28)}@media screen and (max-width:719px){.p-top-about-me{padding-bottom:calc(var(--base-size)*60)}.p-top-about-me__text{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 calc(var(--base-size)*20)}.p-top-about-me__button{width:100%}}@media screen and (min-width:720px){.p-top-about-me__inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:calc((100vw - var(--scroll-bar-width))*.05417);margin:0 auto;width:calc((100vw - var(--scroll-bar-width))*.81111)}.p-top-about-me__image{-ms-flex-negative:0;flex-shrink:0;width:calc((100vw - var(--scroll-bar-width))*.54028)}.p-top-about-me__description{font-size:calc((100vw - var(--scroll-bar-width))*.01111)}.p-top-about-me__comment{font-size:calc((100vw - var(--scroll-bar-width))*.01389)}.p-top-about-me__button{margin-top:calc((100vw - var(--scroll-bar-width))*.01944)}}