html {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Noto Serif JP", "Poltawski Nowy", serif;
    font-weight: 400;
    background-color: #FFF;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
    color: #FFF !important;
    font-family: "Noto Serif JP", "Poltawski Nowy", serif;
    font-weight: 400;
    background-image: url("../img/main_background_paper_white.jpg");
    background-repeat: repeat;
/*
    background-color:rgba(255, 255, 255, 0.25);
    background-blend-mode: lighten;
*/
/*
    background-color: rgb(50, 50, 50);
    background-color: rgb(255, 255, 255);
*/
}

.cotainer {
    display: flex;
    flex-direction: column;
/*
    border: 1px solid #01E849;
    box-sizing: border-box;
*/
}

.wrapper {
    display: flex;
    min-height: 100dvh;
    flex-direction: column;
/*
    border: 1px solid #EB003E;
    box-sizing: border-box;
*/
}

header {
    flex-direction: row;
    flex-grow: 1;
/*
    border: 1px solid blue;
    box-sizing: border-box;
*/
}

.header_sub_ja {
    margin: calc(40px + 60 * (100vw - 320px) / 1120) 0 0 calc(6px + 14 * (100vw - 320px) / 1120);
    padding: 0;
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-size: calc(14px + 12 * (100vw - 320px) / 1120);
    line-height: calc(20px + 10 * (100vw - 320px) / 1120);
    letter-spacing: calc(6px + 24 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
    text-align: center;
/*
    border: 1px solid red;
    box-sizing: border-box;
*/
}

.header_sub_en {
    margin: 25px 0 0 calc(7px + 5 * (100vw - 320px) / 1120);
    padding: 0;
    font-family: "Poltawski Nowy", serif;
    font-weight: 700;
    font-size: calc(8px + 4 * (100vw - 320px) / 1120);
    line-height: calc(10px + 2 * (100vw - 320px) / 1120);
    letter-spacing: calc(7px + 5 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.275);
    text-align: center;
/*
    border: 1px solid #0087EB;
    box-sizing: border-box;
*/
}

.header_main {
    margin: 35px 0 0 calc(0px + 200 * (100vw - 320px) / 1120);
    padding: 0;
    font-family: "Noto Serif JP", serif;
    font-weight: 100;
    font-size: calc(120px + 80 * (100vw - 320px) / 1120);
    line-height: calc(140px + 60 * (100vw - 320px) / 1120);
    letter-spacing: calc(0px + 200 * (100vw - 320px) / 1120);
    text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.075);
    text-align: center;
/*
    border: 1px solid violet;
    box-sizing: border-box;
*/
}

.header_989_img {
    margin: calc(90px + 40 * (100vw - 320px) / 1120) 0 0 0;
    text-align: center;
/*
    border: 1px solid green;
    box-sizing: border-box;
*/
}

.header_989_svg {
    margin: 5px auto 5px auto;
    width: calc(30% - (60 * (4.25 * (100vw - 320px) / 1120)));
    height: calc(30% - (25 * (4.25 * (100vw - 320px) / 1120)));
    filter: drop-shadow(2px 2px 4px #DDD);
/*
    border: 1px solid red;
    box-sizing: border-box;
*/
}

.header_989 {
    margin: calc(-5px + 10 * (100vw - 320px) / 1120) 0 0 calc(5px + 5 * (100vw - 320px) / 1120);
    font-family: "Poltawski Nowy", serif;
    font-weight: 400;
    font-size: calc(10px + 7 * (100vw - 320px) / 1120);
    line-height: calc(10px + 10 * (100vw - 320px) / 1120);
    letter-spacing: calc(5px + 5 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    text-align: center;
/*
    border: 1px solid yellow;
    box-sizing: border-box;
*/
}

main {
    margin: calc(100px + 100 * (100vw - 320px) / 1120) 0 0 0;
/*
    border: 1px solid red;
    box-sizing: border-box;
*/
}

article {
    flex-direction: row;
    flex-grow: 1;
    margin: 0 calc(2px + 95 * (100vw - 320px) / 1120) 0 calc(7px + 95 * (100vw - 320px) / 1120);
/*
    border: 1px solid yellowgreen;
    box-sizing: border-box;
*/
}

.main_text_ja {
    margin: 10px 0 0 calc(5px + 12 * (100vw - 320px) / 1120);
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-size: calc(12px + 10 * (100vw - 320px) / 1120);
    line-height: calc(35px + 25 * (100vw - 320px) / 1120);
    letter-spacing: calc(3px + 12 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
/*
    border: 1px solid yellow;
    box-sizing: border-box;
*/
}

.main_text_ja_p {
    line-height: calc(16px + 10 * (100vw - 320px) / 1120);
}

.main_text_en {
    margin: calc(35px + 25 * (100vw - 320px) / 1120) 0 0 calc(5px + 10 * (100vw - 320px) / 1120);
    font-family: "Poltawski Nowy", serif;
    font-weight: 400;
    font-size: calc(13px + 12 * (100vw - 320px) / 1120);
    line-height: calc(32px + 28 * (100vw - 320px) / 1120);
    letter-spacing: calc(2px + 10 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
    text-align: center;
/*
    border: 1px solid green;
    box-sizing: border-box;
*/
}

.main_text_en_p {
    line-height: calc(12px + 10 * (100vw - 320px) / 1120);
}

footer {
    flex-direction: row;
    flex-grow: 1;
    margin: calc(75px + 100 * (100vw - 320px) / 1120) 0 0 0;
/*
    background-color: rgba(0, 0, 0, 0.025);
*/
/*
    border: 1px solid blue;
    box-sizing: border-box;
*/
}

.footer_cotainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 5px 50px 5px;
    border-top: 1px solid #FAFAFA !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
/*
    border: 1px solid yellowgreen;
    box-sizing: border-box;
*/
}

.footer_text {
    margin: 50px 0 0 0;
    font-family: "Poltawski Nowy", "Noto Serif JP", serif;
    font-weight: 400;
    font-size: calc(8px + 6 * (100vw - 320px) / 1120);
    line-height: calc(20px + 10 * (100vw - 320px) / 1120);
    letter-spacing: calc(0.66px + 3.3 * (100vw - 320px) / 1120);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.33);
    text-align: center;
/*
    border: 1px solid blue;
    box-sizing: border-box;
*/
}