@media screen{body{background-image:url(/images/about/main-bg.svg);&:not([data-page=index]) #main-feature{background:#ffffffb3;overflow:visible;&:before{content:"";background-image:linear-gradient(#0000,#0000001a);width:100%;height:8px;position:absolute;bottom:100%;left:0}}}#main-feature .inner{overflow:hidden}.member{& img{border-radius:50%}& [itemprop=name]{font-size:1.5rem}& [itemprop=jobTitle]{color:#5e697b;text-align:center;margin-top:4px;line-height:1.5;display:block;& em{font-style:normal;display:block}}}#message{& img{width:200px;height:200px}& .body p{&:first-child{margin-top:0}&:last-child{margin-bottom:0}}}#message header+.row,#leadership header+.inner .row{margin:48px auto}#leadership{& h3{font-size:1.5rem}& .member img{margin:0 auto;display:block}}header.large{background-image:url(/images/about/header-bg.svg)}#about-nav{background-color:#dbe0ea;& .inner{margin:32px auto 0;&:last-child{margin-bottom:32px}}& h2{color:inherit}& .sections{background-color:#fff;border:1px solid #353c48;border-radius:8px;& section{margin:32px}& header,& footer{flex:none}& p:not(.subtitle){text-align:center;flex:auto;margin:0}& hgroup *{color:#a51d3c}}}#concepts{& section{box-sizing:border-box;border:1px solid #5e697b;border-radius:8px;margin:32px 0 32px 16px}& h2{letter-spacing:-.05ex;align-items:center;height:52px;padding-left:88px;font-size:1.75rem;display:flex;position:relative;& span{color:#fff;opacity:1;justify-content:center;align-items:center;width:88px;height:88px;margin:0;font-size:3rem;display:flex;position:absolute;top:-4px;left:-12px;&:after{z-index:1;content:"";background-image:linear-gradient(#5e697b,#353c48);width:100%;height:100%;position:absolute;top:0;left:0;transform:skew(-12deg)}}& strong{z-index:2;position:relative;top:0;left:0}}& .subtitle{color:#a51d3c;opacity:1;text-align:right;letter-spacing:0;background-color:#f6e8eb;justify-content:flex-end;align-items:center;height:32px;margin:0;padding:0 32px;font-size:1.25rem;display:flex}& p{margin:32px}}#overview{background-color:#f3f5f8;& .inner{margin:48px auto;position:relative}& h2{text-align:center}& table{border-collapse:collapse;background-color:#fff;border:1px solid #ccc;max-width:800px;margin:32px auto 0}& th,& td{border:1px solid #ccc;padding:8px 16px}& th{white-space:nowrap}& p,& ul,& li{margin-block:0}& p:not(:first-child,.subtitle),& ul:not(:first-child){margin-top:16px}}#history{& dl{max-width:800px;margin:48px auto}& dt{clear:left;float:left;width:160px;padding:16px}& dd{margin:0;padding:16px 16px 16px 192px;&:not(:first-of-type){border-top:1px solid #ccc}}}#activities .inner>section{margin-bottom:0}#activity-highlights{padding:16px 0;position:relative;overflow:hidden;&:after{content:"";background-color:#a51d3c;width:8px;position:absolute;top:0;bottom:0}& h3 .time{height:32px;margin-bottom:8px;font-size:1.5rem;line-height:32px;display:flex;position:relative;&:before{content:"";background-color:#a51d3c;border-radius:50%;width:24px;height:24px;margin-top:4px;display:block;position:absolute;overflow:hidden}& .label{flex:none}& .spacer{background-color:#a51d3c;flex:auto;height:4px;margin-top:14px;overflow:hidden}}& p{margin:16px 0 0}& figure{margin:16px auto 0}& img{max-width:100%;height:auto}}#location{& .inner{flex-direction:column;align-items:center;margin:32px auto;display:flex}& figure{display:block;& iframe{width:100%;height:400px}}& .col{flex-direction:column;align-items:center;display:flex}& h2{margin-bottom:8px;& span{display:inline}}}}@media screen and (width>=1024px){#about-nav .sections{display:flex;& section{flex-direction:column;width:33.33%;display:flex}& header{margin-bottom:16px}& footer{margin-top:16px}& section:not(:last-child){border-right:1px solid #353c48;margin-right:0;padding-right:32px}}#concepts{& .col{flex-wrap:wrap;display:flex}& section{width:calc(50% - 64px);margin:32px}}#message header+.row{align-items:center}#leadership{& .members{justify-content:center;margin:32px 0 0;display:flex}& .member{width:232px}}}@media screen and (width<=1023px){#about-nav .sections section:not(:last-child){border-bottom:1px solid #353c48;margin-bottom:0;padding-bottom:32px}}@media screen and (width>=768px) and (width<=1023px){#about-nav .sections{& section{flex-direction:row;align-items:center;display:flex}& hgroup{text-align:left;width:172px}& header,& footer{flex:none}& header+p{text-align:left;flex:auto;margin:0 32px}& a.cta{margin-top:0}}#leadership{& .members{flex-wrap:wrap;justify-content:center;display:flex}& .member{width:328px;margin:16px 0}& header+.inner .row{display:flex}& .col.s3{width:50%}}}@media screen and (width>=768px){#message header+.row .col{margin:32px 16px}#leadership>div .col{flex-wrap:wrap;justify-content:center;display:flex}#activity-highlights{&:after{left:calc(50% - 4px)}& section{clear:both;width:calc(50% - 32px);margin:32px 0;&:nth-of-type(odd){float:right}&:nth-of-type(2n){float:left}&:not(:first-of-type){margin-top:-80px}}& #act-foxkeh,& #act-tomoshibi,& #act-vision{margin-top:-400px}& #act-openwebday{margin-top:0}& section{&:nth-of-type(odd) h3 .time{flex-direction:row-reverse;margin-left:-32px}&:nth-of-type(2n) h3 .time{margin-right:-32px}&:nth-of-type(odd) h3 .time:before{left:-12px}&:nth-of-type(2n) h3 .time:before{right:-12px}&:nth-of-type(odd) h3 .time .spacer{margin-right:8px}&:nth-of-type(2n) h3 .time .spacer{margin-left:8px}}}}@media screen and (width<=767px){#about-nav .sections{& footer{margin-top:16px}& header+p{display:none}}.member{width:100%!important;margin:32px 0!important}#message header+.row,#leadership header+.inner .row{margin:0}#leadership section{margin:32px 0}#concepts{& h2{padding-left:60px;font-size:1.5rem;& span{width:64px;height:64px;font-size:2.5rem}}& p{margin:16px}}#history{& dl{margin:32px 0}& dt{float:none;width:auto;margin:16px 0 0;padding:0;font-size:1.5rem}& dd{margin:0 0 16px;padding:0;border-top:0!important}}#activity-highlights{&:after{left:8px}& section{margin:32px 0 32px 32px;& h3{& .time{flex-direction:row-reverse;margin-left:-16px}& .time:before{left:-16px}& .time .spacer{margin-right:8px}}}& h3 .time{font-size:1.25rem}}}