.co-caution{width:100%;background:var(--color-red,#ccc);box-sizing:border-box}.co-caution .inner{display:flex;align-items:center;justify-content:space-between;font-weight:700;position:relative;align-content:stretch}.co-caution .inner .caution{width:100%;display:grid;align-items:center;padding:15px 0;font-size:1.125rem;line-height:1.125rem;margin-right:2.5rem}.bp-sm .co-caution .inner .caution{font-size:1.75rem;line-height:1.75rem}.co-caution .inner .caution .tit{display:flex;align-items:center;margin-right:2.5rem;color:var(--color-white,#fff)}.co-caution .inner .caution .tit svg{font-size:1.34em;margin-right:5px}.co-caution .inner .caution .message{font-size:.78em;color:var(--color-white,#fff);white-space:pre-line}.co-caution .inner .close{padding-left:16px;align-self:stretch;min-height:54px;cursor:pointer;display:flex;align-items:center;position:relative}.bp-sm .co-caution .inner .close{min-height:40px;padding-left:18px}.co-caution .inner .close:after,.co-caution .inner .close:before{content:"";display:inline-block;width:15px;height:2px;background:var(--color-white,#fff);position:absolute;top:0;bottom:0;left:0;margin:auto}.bp-sm .co-caution .inner .close:after,.bp-sm .co-caution .inner .close:before{width:17px}.co-caution .inner .close:before{transform:rotate(45deg)}.co-caution .inner .close:after{transform:rotate(-45deg)}.co-caution .inner .close span{margin-left:10px;color:var(--color-white,#fff);font-size:.875rem;line-height:1.25rem;font-weight:700;white-space:nowrap}.bp-sm .co-caution .inner .close span{display:none}