*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#fff;
    font-family:"Yu Gothic","Meiryo",sans-serif;
}

.calendar{
    position:absolute;
    top:25px;
    right:25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-decoration:none;
    color:#1660d5;
    font-size:26px;
    font-weight:bold;
}

.calendar span{
    font-size:14px;
}

.container{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding-top:90px;
}

.logo{
    font-size:46px;
    color:#1660d5;
}

h1{
    margin-top:12px;
    font-size:28px;
    color:#0b2f72;
}

.mainButton{

    margin-top:140px;

    width:90%;
    height:90px;

    border:none;

    border-radius:24px;

    background:#1660d5;

    color:white;

    font-size:34px;

    font-weight:bold;

    box-shadow:0 10px 18px rgba(0,0,0,.2);

}

.mainButton:active{

    transform:scale(.98);

}

.modal{

    display:none;

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    justify-content:center;

    align-items:center;

}

.modalBox{

    width:88%;

    background:white;

    border-radius:20px;

    padding:35px;

    text-align:center;

}

.modalBox h2{

    font-size:32px;

    margin-bottom:25px;

    color:#0b2f72;

}

#messageText{

    font-size:28px;

    line-height:1.7;

    min-height:180px;

    margin-bottom:30px;

}

.closeButton{

    width:100%;

    height:70px;

    border:none;

    border-radius:18px;

    background:#1660d5;

    color:white;

    font-size:28px;

    font-weight:bold;

}