@charset "utf-8";
/* サイトクローズメンテアナウンス */

            body {
                /*display: flex;
                justify-content: center;
                align-items: center;*/
				text-align:center;
                margin: 0;
                font-family:
                    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, sans-serif;
                color: #333;
				overflow-wrap: anywhere;
            }

            .container {
				width:95%;
                max-width: 720px;
                padding: 2rem 0;
                text-align: center;
				margin:0 auto;
            }

            h1 {
                margin-top: 0;
                margin-bottom: 1rem;
                font-size: 2.5rem;
                font-weight: 600;
                color: #35318F;
            }

            p {
                margin: 0;
                font-size: 1.1rem;
                line-height: 1.6;
            }

            .schedule-box {
                border: 1px solid #333;
                padding: 10px 20px 30px 20px;
                margin-top: 30px;
                text-align: center;
            }

            .schedule-box dt {
                font-size: 0.8rem;
                font-weight: 600;
                color: var(--text-sub);
                text-transform: uppercase;
                letter-spacing: 0.05em;
                margin-bottom: 4px;
            }

            .schedule-box dd {
                font-size: 1rem;
                font-weight: 600;
                color: var(--text-main);
            }

            .footer-note {
                font-size: 0.85rem;
                color: var(--text-sub);
                margin-bottom: 0;
            }
h2 {text-align:center; margin:0 0 10px 0; padding-bottom:10px; border-bottom:1px solid #333;}
.att {font-size:85%; text-align:center;}
.opencnt {width:85%; margin:0 auto;}
.cntname {margin:2em 0 0 3.5em; text-align:left; text-indent:-1em;}
.inq {width:90%; margin:0 auto; text-align:center; max-width:470px;}
.inq img {width:100%; margin:0 auto;}
img,
img .imgover {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
@media screen and (max-width: 720px) {
.opencnt {width:90%; margin:0 auto;}
.cntname {margin:2em 0 0 1em; text-align:left; text-indent:-1em; word-wrap:wrap;}
}

a.mainte_totop {border:1px solid #333; padding:10px; text-decoration: none; color:#333;}
a.mainte_totop:hover {background:#333; color:#FFF;}