@charset 'utf-8';
@import url('/content/fonts/dm_sans/fonts_dm_sans.css');

body { font-family: 'DM Sans', sans-serif; overflow: hidden; }
.pg-mainten { display: flex; height: 100vh; margin: 0; background-color: #fff !important; font-size: 0.875rem; font-weight: 400; line-height: 1.65; color: #526484; text-align: left; min-width: 320px; }
.mg-mainten-id { margin: 0 auto; display: flex; margin-top: 6%; padding: 30px; }
.mg-mainten { text-align: center !important; }
.mg-mainten-img { padding-bottom: 30px; max-width: 35%; vertical-align: middle; border-style: none; }
.wide-mg { max-width: 508px !important; margin-left: auto !important; margin-right: auto !important; }
.mg-mainten-title { padding-bottom: 1rem; font-size: 1.60rem; letter-spacing: -0.03em; margin-bottom: 0.5rem; font-weight: 700; line-height: 1.1; color: #364a63; margin-top: 0; }
.mg-mainten-text { font-size: 1rem; margin-top: 0; margin-bottom: 1rem; }
.btn { font-weight: 700; color: #526484; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4375rem 1.125rem; font-size: 0.8125rem; line-height: 1.25rem; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; position: relative; letter-spacing: 0.02em; display: inline-flex; align-items: center; text-decoration: none; }
.btn-lg { padding: 0.6875rem 1.5rem; font-size: 0.9375rem; line-height: 1.25rem; border-radius: 5px; margin-top: 0.75rem !important; }
.btn-primary { color: #fff; background-color: #2a99d8; border-color: #2a99d8; }
.btn-primary:hover { color: #fff; background-color: #248ac5; border-color: #248ac5; }

@media only screen and (max-width: 767px) {
.pg-mainten mg-mainten-text br { display: none; }
.mg-mainten-id { padding: 15px; }
.mg-mainten-img { max-width: 100%; }
}