.box-layout18 > .row {display: flex; align-items: center;}
.body-xs .box-layout18 > .row {flex-direction: column;}
.box-layout18 .box-contents { position: absolute; right: 0; padding: 30px; background: #fff; z-index: 99;}
.box-layout18 .box-img .image {position:relative; z-index: 0;}
.body-xs .box-layout18 .box-img {order: 1;}
.body-xs .box-layout18 .box-contents { order: 2}
.box-layout18 .box-contents .row > .row { margin: 0 }
.body-xs .box-layout18 .box-contents,.body-sm .box-layout18 .box-contents { margin: 0; position: static; -webkit-transform: none;-ms-transform: none;transform: none; padding: 15px}
.body-xs .box-layout18 > div,.body-sm .box-layout18 > .row { display: flex; flex-direction: column; }
.body-xs .box-layout18 .box-img,.body-sm .box-layout18 .box-img { order: 1}
.body-xs .box-layout18 .box-contents,.body-sm .box-layout18 .box-contents { order: 2;}
.body-md .box-layout18 .box-contents { padding: 25px}
.box-layout18.reverse .box-contents { left: 0; right: 0 !important; }
.box-layout18 .image .row { margin: 0 }
.box-layout18 .box-img:not(:has(.image)) { text-align: center; }