/* このファイルはhtmlの基本デザインを設定する */
body {
    font-family:
        'NotoSansJP-Regular',
        Meiryo;
    background-color: #fff7e1;
    top: 0;
    left: 0;
    background-image: url(../images/Background.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 0;
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt";
    background-attachment: fixed;
    -webkit-text-size-adjust: auto;
}

/* body::-webkit-scrollbar{
    display:none;
} */

button{
    font-family:
        'NotoSansJP-Regular',
        Meiryo;
    -webkit-font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
    font-feature-settings: "palt";
    border: 2px solid #bbbbbb;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: black;
    padding: 0;
    margin: 0;
}

input{
    box-sizing: border-box;
    padding: 0;
    padding-block: 0;
    padding-inline: 0;
    margin: 0;
}

legend{
    margin: auto;
}

#main{
    width: 100%;
}

.sp_br{
    display: none;
}

.readonly{
    width: 0rem !important;
    height: 0rem !important;
    font-size: 0rem !important;
    border: 0 !important;
}

.red_box{
    background-color: #ffe6e6;
    border-color:#dfafaf;
}

.blue_box{
    background-color: #e7f7ff;
    border-color: #a6c3d1;
}

.green_box{
    background-color: #e7ffec;
    border-color: #a1ceaa;
}

.purple_box{
    background-color: #f6e7ff;
    border-color: #c9b4d6;
}

.orange_box{
    background-color: #fff7d0;
    border-color: #f0c178;
}

.monochrome_box{
    background-color: white;
    border-color: black;
}

.text-offset05{
    transform: translateY(max(-0.0416svw, -0.5px));
}

.text-offset10{
    transform: translateY(max(-0.0833svw, -1px));
}

.text-offset15{
    transform: translateY(max(-0.125svw, -1.5px));
}

.text-offset20{
    transform: translateY(max(-0.166svw, -2px));
}

.text-offset25{
    transform: translateY(max(-0.208svw, -2.5px));
}

#skiptolist{
    display: none;
}

@font-face {
    font-family: 'NotoSansJP-Regular';
    src: url('../fonts/NotoSansJP-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSansJP-Medium';
    src: url('../fonts/NotoSansJP-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSerifJP-Regular';
    src: url('../fonts/NotoSerifJP-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSerifJP-Medium';
    src: url('../fonts/NotoSerifJP-Medium.ttf') format('truetype');
}

@media screen and (max-width: 480px) {
    button{
        border: 1px solid #bbbbbb;
    }

    .sp_br{
        display: block;
    }
}
