@charset "UTF-8";

/* Logout Styles
-------------------------------------- */

body {
    background: #FFFFFF;
}

body, #wrapper{
    position:static;
}
#globalHeader .title.none {
    display: none;
}
#globalHeader #btnCollNav,
#globalHeader .utility{
    display:none;
}

#container {
    display: block;
    height: calc(100% - 95px) !important;
    min-height: calc(100% - 95px) !important;
}
#container #globalNav{
    display:none !important;
}

#content{
    width:-webkit-calc(100% - 24px);
    width:calc(100% - 24px);
}

.errorBox {
    border: 2px solid var(--errorBox-color);
    padding: 10px;
    background-color: #ffeae6;
}

.errorBox.center {
    text-align: center;
}

.errorBox i.fas {
    color: var(--errorBox-color);
}

.errorBox em {
    color: var(--errorBox-color);
    font-weight: bold;
}

#content section.bottomBtn {
    margin-bottom: none;
}

#content .bottomBtn .buttonBox {
    background: none;
    border: none;
    text-align: center;
}

/* #content.column1 */
#content.column1{
    /* margin: 0 auto; */
    width: 1056px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#content.column1 #pgHeadBox,
#content.column1 .explainMsg.center {
    text-align: center;
}
#content.column1 #pgHeadBox {
    text-align: center;
}
#content.column1 .explainMsg.center {
    text-align: center;
} 

/* .bottomBtn .buttonBox a.btn */
#content .bottomBtn .buttonBox a.btn {
    padding:0;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size:1.6rem;
    width:100%;
}

/*ウィンドウ幅が1079px以下の場合に適用*/
@media screen and (max-width: 1079px) {
    /* #content.column1 */
    #content.column1{
        width: -webkit-calc(100% - 24px);
        width:calc(100% - 24px);
    }
    /* .bottomBtn .buttonBox a.btn */
    #content .bottomBtn .buttonBox a.btn {
        padding:0;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size:1.6rem;
        width:100%;
    }
}
/*ウィンドウ幅が566px以下の場合に適用*/
@media screen and (max-width: 566px) {
    #content.column1 #pgHeadBox img {
        width: 100%;
    }
}