.precautionsArea{margin-top:32px;border-radius:6px;background-color:var(--BG_GR50);padding:12px 16px;display:flex;flex-direction:column}@media only screen and (max-width:768px){.precautionsArea{margin-top:24px}}.precautionsArea button{display:flex;flex:1 1;width:100%;background-color:transparent;align-items:center;justify-content:space-between}.precautionsArea button p{display:flex;align-items:center;gap:4px}.precautionsArea button p .iconyaki{font-size:16px;color:#4d4d4d}.precautionsArea button p .txt{font-size:14px;line-height:18px;color:var(--TEXT_GR700)}.precautionsArea button>.iconyaki{transition:transform .3s ease;transform:rotate(90deg);color:var(--ICON_GR500)}.precautionsArea button>.iconyaki path{fill:var(--ICON_GR500)}.precautionsArea button.is-active>.iconyaki{transform:rotate(-90deg);color:var(--ICON_GR700)}.precautionsArea button.is-active>.iconyaki path{fill:var(--ICON_GR700)}.precautionsArea .dotList{height:0;overflow:hidden;display:flex;flex-direction:column;gap:8px}.precautionsArea .dotList li{padding-left:12px;position:relative;font-size:13px;line-height:18px;color:var(--TEXT_GR500)}.precautionsArea .dotList li:before{content:"";position:absolute;top:8px;left:3px;width:2px;height:2px;border-radius:50%;background-color:var(--ICON_GR500)}.precautionsArea.is-open{gap:24px}.precautionsArea.is-open .dotList{height:auto}