.box-layout16 > .row{display: flex;align-items: center;}
.body-xs .box-layout16 > .row{flex-direction: column;}
.box-layout16 .contents{margin-left: -8.33333333%;margin-right: 0;position: absolute;right: 0;padding: 40px 50px;background: #fff;z-index: 999;}
.box-layout16 .img .image{position:relative; z-index: 0;}
.body-xs .box-layout16 .img{order: 1;}
.body-xs .box-layout16 .contents{ order: 2}
.box-layout16 h2{ font-size: 45px; margin-bottom: 40px }
.body-md .box-layout16 h2{ font-size: 30px; margin-bottom: 25px }
.box-layout16 h2:after{ content: ''; background: url(../../../../images/design/boxy/layout16/headingLine.png) 0 0 no-repeat;display: block;width: 100%;height: 10px; margin-top: 5px }
.box-layout16 .contents .row > .row { margin: 0 }
.body-xs .box-layout16 .contents,.body-sm .box-layout16 .contents{ margin: 0; position: static; -webkit-transform: none;-ms-transform: none;transform: none; padding: 30px 15px}
.body-xs .box-layout16 > div,.body-sm .box-layout16 > .row { display: flex; flex-direction: column; }
.body-xs .box-layout16 .img,.body-sm .box-layout16 .img{ order: 1}
.body-xs .box-layout16 .contents,.body-sm .box-layout16 .contents{ order: 2;}
.body-xs .box-layout16.reverse .contents .text,.body-sm .box-layout16.reverse .contents .text{ padding-left: 15px; padding-right: 15px}
.body-md .box-layout16 .contents{ font-size: 14px; padding: 25px 30px}
.box-layout16.reverse .contents{ margin-right: -8.33333333% !important; margin-left: 0 !important; left: 0; right: 0 !important; }
.box-layout16 .image .row{ margin: 0 }
.body-md .box-layout16 .btn{ margin-top: 15px; }