.top__story__container{text-align:center;background-color:#fff;.device-type-mobile &{box-shadow:10px 10px 30px #00193733}.device-type-desktop &{box-shadow:20px 20px 50px #00193733}.card__story__youtube{position:relative;height:0;padding-bottom:56.25%;>iframe{width:100%;aspect-ratio:16 / 9}>img{width:100%}}}.card__story__ttl-box{.device-type-mobile &{margin-left:calc(-20vw / var(--_mbw));margin-right:calc(-20vw / var(--_mbw));margin-bottom:calc(24vw / var(--_mbw));padding:calc(20vw / var(--_mbw)) calc(20vw / var(--_mbw));padding-top:calc(45vw / var(--_mbw));margin-top:calc(-30vw / var(--_mbw));background:linear-gradient(to right,#b6dcff,#b9b6e5);color:#111}.device-type-desktop &{background:linear-gradient(to right,#b6dcff,#b9b6e5);margin:-40px -40px 40px;padding:60px 20px 24px;color:#111}}.card__story__date{.device-type-mobile &{font-size:calc(14vw / var(--_mbw));font-weight:700;padding-bottom:calc(5vw / var(--_mbw))}.device-type-desktop &{font-size:16px;font-weight:600;padding-bottom:10px}}.card__story__title{.device-type-mobile &{font-weight:700;font-size:calc(20vw / var(--_mbw));text-align:center;span{font-size:76%;margin-left:2vw}}.device-type-desktop &{font-weight:600;font-size:24px;span{font-size:88%;margin-left:8px}}}.card__story__summary{text-align:justify;.device-type-mobile &{font-size:calc(14vw / var(--_mbw));line-height:calc(26vw / var(--_mbw))}.device-type-desktop &{font-size:16px}}