.quoteBox{background:var(--background-color)}.quoteBox .header{margin-bottom:20px;margin-bottom:calc(20px + 30*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .header{margin-bottom:50px}}.quoteBox .header>h1,.quoteBox .header>h2,.quoteBox .header>h3{font-family:"Noto Sans";font-weight:700}.quoteBox .header>h1,.quoteBox .header>h2,.quoteBox .header>h3{font-size:18px;font-size:calc(18px + 1*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .header>h1,.quoteBox .header>h2,.quoteBox .header>h3{font-size:19px}}.quoteBox .wrap{display:flex;flex-direction:column;position:relative;max-width:1190px}.quoteBox .wrap{padding-left:48px;padding-left:calc(48px + 9*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .wrap{padding-left:57px}}.quoteBox .image{margin-bottom:2rem}.quoteBox .image img{display:block}.quoteBox figure{margin:0;background:#fff;display:inline-block}.quoteBox .text::before{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 39' style='enable-background:new 0 0 50 39' xml:space='preserve'%3E%3Cpath fill='%2319a3fc' d='M0 38.9v-5.8c8.7-2.8 13.1-7 13.1-12.4 0-1.4-.5-2.4-1.5-3.2-1-.7-2.2-1.4-3.5-2.1-1.3-.6-2.5-1.5-3.5-2.6S3 10.2 3 8.1c0-2.6.8-4.6 2.5-6C7.3.7 9.4 0 11.9 0c2.8 0 5.3 1 7.4 3.1 2.1 2.1 3.2 5 3.2 8.9 0 5.9-1.7 11.2-5.2 16.1-3.4 4.8-9.2 8.4-17.3 10.8zm27.5 0v-5.8c8.7-2.8 13.1-7 13.1-12.4 0-1.4-.5-2.4-1.5-3.2-1-.7-2.2-1.4-3.5-2.1-1.4-.5-2.6-1.4-3.6-2.5s-1.5-2.7-1.5-4.8c0-2.6.8-4.6 2.5-6C34.7.7 36.9 0 39.4 0c2.8 0 5.3 1 7.4 3.1 2.1 2.1 3.2 5 3.2 8.9 0 5.9-1.7 11.2-5.2 16.1-3.4 4.8-9.2 8.4-17.3 10.8z'/%3E%3C/svg%3E");font-family:"Noto Serif";position:absolute;left:0}.quoteBox .text::before{width:30px;width:calc(30px + 15*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .text::before{width:45px}}.quoteBox .quote *{font-family:"Noto Serif";line-height:1.3;color:var(--text-color)}.quoteBox .quote *{font-size:22px;font-size:calc(22px + 10*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .quote *{font-size:32px}}.quoteBox .quote *+p{margin-top:2em}.quoteBox .quote * span[title]{cursor:help}.quoteBox span{display:block}.quoteBox span.name{font-weight:700}@media(min-width: 768px){.quoteBox .wrap{flex-wrap:wrap;justify-content:space-between;flex-direction:row;padding-left:0}.quoteBox .header{width:100%}.quoteBox .image{flex:0 0 22%;margin-bottom:0}}.quoteBox .image{margin-right:85px;margin-right:calc(85px + 15*(100vw - 320px)/1210)}@media(min-width: 1531px){.quoteBox .image{margin-right:100px}}@media(min-width: 768px){.quoteBox .text{position:relative}.quoteBox .text::before{transform:translateX(-100%);left:-14px;top:-8px}}@media(min-width: 768px){.quoteBox .header+.text,.quoteBox .text:first-child{margin-left:50px;margin-left:calc(50px + 10*(100vw - 768px)/762)}}@media(min-width: 1531px){.quoteBox .header+.text,.quoteBox .text:first-child{margin-left:60px}}@media(min-width: 768px){.quoteBox .image+.text{margin-left:0;flex:1 1 50%}}@media(min-width: 1100px){.quoteBox .image{flex-basis:18%}}