html {
    /* 選択禁止 */
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Hiragino Sans", sans-serif;
}

img {
    -webkit-user-drag: none;
}

.image_link {
    display: block;
    width: fit-content;
}

.flex_box {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
}

div.info_div {
    margin: 2.5%;
    border-radius: 1em;
    padding: 2.5%;
    background-color: white;
}

div.contents_div {
    margin: 2.5%;
}

.font_middle_title {
    font-weight: bold;
    font-size: 27px;
}

.font_top_title {
    font-weight: bold;
    font-size: 30px;
}

.font_info_size {
    font-size: 1em;
}

/* displayテーブル サイズ自動調節無効 */
.fixed_table{
    display: table;
    table-layout: fixed;
}

/* 左右中央配置 */
.relative_center{
    position: relative;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
}

/* 左右中央配置 */
.absolute_center{
    position: absolute;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
}

/* 画面下部配置のボタン */
.under_button{
    top: 90%;
}

.top_info{
    width: 50%;
    margin: 1% 25% 0;
    background-color: black;
    color: white;
    text-align: center;
    padding: 0.75em 0;
    font-weight: bold;
}

.info_back{
    background-color: white;
    width: 90%;
    margin: 2.5%;
    padding: 2.5%;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}

.pos-r{
    position: relative;
}