.p-material{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}@media screen and (min-width:769px){.p-material{width:270px}}.p-material__media{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:48vw;background-color:#e2f2fb}@media screen and (min-width:769px){.p-material__media{height:152px}}.p-material__media img.c-microcms_image{width:60.2666666667vw}@media screen and (min-width:769px){.p-material__media img.c-microcms_image{width:200px}}.p-material__media__badge{position:absolute;top:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-50);height:var(--spacing-50);font-weight:700;line-height:1.4;color:#fff;text-align:center;background:-webkit-gradient(linear,left bottom,left top,from(#a2d4db),to(#0075b5));background:-webkit-linear-gradient(bottom,#a2d4db,#0075b5);background:linear-gradient(0deg,#a2d4db,#0075b5);border-radius:100%;translate:25% -25%;font-size:14px;font-size:1.4rem;font-size:3.7333333333vw}@media screen and (min-width:769px){.p-material__media__badge{font-size:14px;font-size:1.4rem;translate:40% -40%}}.p-material__text{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-12);-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-16) 0 0}@media screen and (min-width:769px){.p-material__text{margin:var(--spacing-20) 0 0}}.p-material__text__title{font-size:15px;font-size:1.5rem;font-size:4vw;font-weight:700;line-height:1.4;letter-spacing:0;color:#0075b5;text-align:center}@media screen and (min-width:769px){.p-material__text__title{font-size:15px;font-size:1.5rem;font-size:20px;font-size:2rem;font-size:5.3333333333vw}}@media screen and (min-width:769px)and (min-width:769px){.p-material__text__title{font-size:20px;font-size:2rem}}.p-material__text__description{font-size:12px;font-size:1.2rem;font-size:3.2vw;font-weight:700;line-height:1.4;letter-spacing:0;text-align:center}@media screen and (min-width:769px){.p-material__text__description{font-size:12px;font-size:1.2rem;font-size:3.2vw}}@media screen and (min-width:769px)and (min-width:769px){.p-material__text__description{font-size:12px;font-size:1.2rem}}.p-material__button{width:100%;height:var(--spacing-60);margin-top:var(--spacing-24)}@media screen and (min-width:769px){.p-material__button{width:270px;height:var(--spacing-60)}}