.patternsByContent{margin-bottom:60px;padding:40px}.patternsByContent .container{display:grid;gap:40px;grid-template-columns:448px auto;padding:0}.patternsByContent.alignRight .container{grid-template-columns:auto 448px}.patternsByContent.alignRight .container .iframe,.patternsByContent.alignRight .container .img,.patternsByContent.alignRight .container .video{order:1}.patternsByContent .details>div{display:flex}.patternsByContent .details>div:first-child{margin-bottom:27px}.patternsByContent .img{align-items:center;display:flex;margin:0 auto;position:relative;width:auto}.patternsByContent .details .heading{word-wrap:break-word;border:1px solid #00519e;box-sizing:content-box;color:#00519e;display:block;height:100%;margin:0 24px 0 0;max-width:100%;min-width:130px;padding:12px 16px;text-align:center;width:130px}.patternsByContent h3{color:#00519e;flex-basis:fit-content;margin:0}.patternsByContent .img{align-self:baseline}.patternsByContent figure{height:240px;overflow:hidden;width:448px}.patternsByContent figure img{height:100%;object-fit:contain;object-position:center;width:100%}.patternsByContent .hs-video-widget,.patternsByContent .video{width:448px}.patternsByContent .img img{height:100%;object-fit:contain;width:100%}.patternsByContent .btn{justify-content:center;text-align:center}.patternsByContent .btn a{background:#fff;border:1px solid #ccc;box-shadow:4px 4px 0 rgba(0,0,0,.15);box-sizing:border-box;color:#00519e;display:inline-block;font-family:Hiragino Kaku Gothic ProN;font-size:16px;font-style:normal;font-weight:600;letter-spacing:.04em;line-height:150%;margin:24px auto 4px;max-width:300px;padding:20px 46px 20px 24px;text-align:center;text-decoration:none;width:100%}.patternsByContent .video.vidImg{align-self:center;position:relative}.patternsByContent .vidImg:after{background:#425b76;background-image:url(https://hs.pca.jp/hubfs/%E8%BF%BD%E5%8A%A0%E3%83%A2%E3%82%B8%E3%83%A5%E3%83%BC%E3%83%AB/CV/icon_play.svg);background-position:50%;background-repeat:no-repeat;background-size:58%;border-radius:50%;content:"";height:93px;left:calc(50% - 46px);opacity:.7;position:absolute;top:calc(50% - 34px);width:92px}.patternsByContent .vidImg:hover:after{opacity:1}.patternsByContent .iframeImg figure{position:relative}.patternsByContent .iframeImg .yt-svg{height:15%;left:42.5%;position:absolute;top:42.5%}.patternsByContent .iframeImg .yt-svg svg{height:100%}.popout2 .vid{margin:0 auto;text-align:center}.popout2 .vid video{width:70%}.oembed_container .iframe_wrapper>*,.popout2 .oembed_container{max-height:70vh!important;max-width:70vw!important}.popout2 .oembed_container{height:70vh;width:70vw}@media screen and (max-width:999px){.patternsByContent{margin:0 20px 60px;padding:32px 20px}.patternsByContent .container{gap:16px;grid-template-columns:unset;padding:0}.patternsByContent.alignRight .container{grid-template-columns:unset}.patternsByContent figure{height:auto;margin:0 auto;text-align:center;width:100%}.patternsByContent .img img{display:block;margin:0 auto;width:65%}.patternsByContent.alignRight .container .iframe,.patternsByContent.alignRight .container .img,.patternsByContent.alignRight .container .video{order:unset}.patternsByContent .details>div{flex-direction:column}.patternsByContent .details .heading{box-sizing:border-box;font-size:16px;margin:0;width:100%}.patternsByContent h3{margin-top:16px}.patternsByContent .details>div:first-child{margin-bottom:8px}}@media screen and (max-width:425px){.patternsByContent .hs-video-widget,.patternsByContent .img img,.patternsByContent .video{width:100%}.patternsByContent .vidImg:after{height:40px;left:calc(50% - 20px);top:calc(50% - 20px);width:40px}}