.longVacationNotice{text-align:center;container-type:inline-size}.longVacationNotice>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border:var(--mycolor) 3px solid}.longVacationNotice>div .longVacationNotice__back{background-color:var(--mycolor)}.longVacationNotice>div:nth-of-type(1){--mycolor:#005178;margin-bottom:20px}.longVacationNotice>div:nth-of-type(1) h1{width:max-content;background-color:var(--mycolor);color:white;padding:0.2em 0.8em}.longVacationNotice>div:nth-of-type(2){--mycolor:#933032}.longVacationNotice__back{width:100%;color:white;height:5rem;display:flex;align-items:center;justify-content:center;margin:0;padding:0}.longVacationNotice__duration{display:grid;grid-template-columns:3fr 1fr 3fr;justify-content:center;align-items:center}.longVacationNotice__duration p{color:var(--mycolor);margin:0}.longVacationNotice__duration p:nth-of-type(2){font-size:2rem}@container (max-width : 600px){.longVacationNotice__duration{grid-template-rows:1fr 1fr;grid-template-columns:1fr 2fr}.longVacationNotice__duration p:nth-of-type(1){grid-column:span 2;justify-self:start}.longVacationNotice__duration p:nth-of-type(2){justify-self:center}.longVacationNotice__duration p:nth-of-type(3){justify-self:end}}.longVacationNotice__attention{background-color:rgba(200,187,155,0.6)}.longVacationNotice__from{font-size:2rem}.longVacationNotice__day{font-size:4rem;font-weight:500;padding-left:1rem}@container (max-width : 600px){.longVacationNotice__from{font-size:1.5rem}.longVacationNotice__day{font-size:2.8rem;font-weight:500;padding-left:1rem}}