.introduction{display:inline-block;width:100%}.introduction .image{padding:100px 0;text-align:center}.introduction .intro-box-outer{display:flex;flex-wrap:wrap;justify-content:space-between}.introduction .upline{margin:0 0 30px;text-align:center}.introduction .intro-box-outer .intro-box{background-color:#fff;border:2px solid rgba(0,0,0,.1);border-radius:16px;line-height:normal;padding:48px 20px 0;position:relative;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;width:calc(33.33% - 16px)}.introduction .intro-box-outer .intro-box:before{border-radius:100%;content:"";height:16px;left:20px;position:absolute;top:20px;width:16px}@media (max-width:767px){.introduction .image{padding:28px 0 40px}.introduction .intro-box-outer .intro-box{margin:12px 0;padding:44px 16px 0;width:100%}.introduction .intro-box-outer .intro-box:before{top:16px}.top-content.two-column .content{padding-bottom:0}}@media (min-width:768px) and (max-width:1023px){.introduction .image{padding:28px 0 40px}.introduction .intro-box-outer .intro-box{margin:12px 0;padding:44px 16px 0;width:100%}.introduction .intro-box-outer .intro-box:before{top:16px}.top-content.two-column .content{padding-bottom:0}}