@charset "UTF-8";
/* 日本語 */
body { padding: 100px 0; }

.flex { max-width: 1100px; width: calc(100% - 80px); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: center; }
.flex h1 { background: url("../img/maintenance_logo.svg") center center no-repeat; background-size: contain; aspect-ratio: 477 /530; max-width: 100%; height: auto; width: 460px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
.flex div { width: calc(100% - 460px); padding: 0 0 0 50px; }
.flex p { font: 2.4rem/2.4em "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 500; }
.flex p.big { font: 3.6rem/1.5em "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 700; margin: 0 0 30px; }

@media (max-width: 1024px) { body { padding: 80px 0; }
  .flex { max-width: 480px; width: calc(100% - 80px); margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
  .flex h1 { background: url("../img/maintenance_logo.svg") center center no-repeat; background-size: contain; aspect-ratio: 477 /530; max-width: 100%; height: auto; width: 100%; max-width: 477px; overflow: hidden; text-indent: 100%; white-space: nowrap; }
  .flex div { width: 100%; padding: 50px 0 0; }
  .flex p { font: 2rem/2em "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 500; }
  .flex p.big { font: 3rem/1.5em "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-weight: 700; margin: 0 0 30px; } }
/*max-width:1024px*/
/*max-width:768px*/
/*max-width:480px*/