body {
    background-image: url("../assets/Menu_BG.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    overflow: scroll;
    margin: 0;
    width: 100%;
    height: 100%;
}

img{
    width: 100%;
    height: 100%;
    
}

.container-div {
    margin: 0;
    width: 100%;
    height: 100%;
}

.core_team_section_div {
    background-image: url("../assets/credit/Credit_BG_1_landscape.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.credits01_section_div {
    background-image: url("../assets/credit/Credit_BG_2_landscape.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.credits02_section_div {
    background-image: url("../assets/credit/Credit_BG_3_landscape.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.ending_section_div {
    background-image: url("../assets/credit/Credit_BG_4_landscape.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.core_team_text_div {
    position: absolute;
    margin: auto;
    top: 12%;
    right: 5%;
    max-width: 27%;
    max-height: 40%;
}

.credits01_section_title{
    position: relative;
    margin: 0;
    top: 8%;
    right: -72%;
    max-width: 10%;
    max-height: 10%;
}

.credits01_section_text {
    display: grid;
    column-gap: 50px;
    grid-template-columns: auto auto auto;
    position: relative;
    margin: 0;
    top: 25%;
    left: 10%;
    width: 80%;
    max-height: 60%;
}

#credits02_inner_wrapper {
    padding: 10% 10% 0% 60%;
}

.ending_section_div {
    display: flex;
    flex-direction: column;
}

.ending_section_div h1 {
    margin-top: auto;
    margin-bottom: min(45pt, 10%);
}

h1, p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  text-align: center;
}

h1 {
    font-weight: 700;
    font-size: 36pt;
}

p {
    font-size: 12pt;
    text-align: center;
}

@media (orientation: landscape) and (max-aspect-ratio: 4/3) {
    .core_team_section_div {
        background-size: cover;
        background-position: right;
    }

    .credits01_section_div {
        background-size: cover;
        background-position: right;
    }

    .credits02_section_div {
        background-size: cover;
        background-position: right;
    }

    .ending_section_div {
        background-size: cover;
        background-position: center;
    }

    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 10%;
        right: 8%;
        max-width: 26%;
        max-height: 100%;
    }

    #credits02_inner_wrapper {
        padding: 10% 10% 0% 40%;
    }
    
    .credits02_section_title h1 {
        font-size: 36pt;
    }
    
    .credits02_section_text p {
        font-size: 10pt;
    }
}

@media (orientation: portrait) {
    .core_team_section_div {
        background-image: url("../assets/credit/Credit_BG_1_landscape.webp");
        background-size: cover;
        background-position: right;
    }

    .credits01_section_div {
        background-image: url("../assets/credit/Credit_BG_2_landscape.webp");
        background-size: cover;
        background-position: right;
    }

    .credits02_section_div {
        background-size: cover;
        background-position: right;
    }

    .ending_section_div {
        background-size: cover;
        background-position: center;
    }

    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 10%;
        max-width: 50%;
        max-height: 100%;
    }

    #credits02_inner_wrapper {
        padding: 25% 10% 0% 25%;
    }
}

@media screen and (max-width: 1150px) {
    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 16%;
        left: 70%;
        max-width: 40%;
        max-height: 100%;
    }
    
    .core_team_text_div h1 {
        font-size: 24pt;
    }
    
    .ending_section_div h1{
        font-size: 36pt;
    }

    .ending_section_div h1 {
        margin-top: auto;
        margin-bottom: 80px;
        font-size: 28pt;
    }
    
}

@media screen and (max-width: 850px) {
    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 20%;
        left: 60%;
        max-width: 50%;
        max-height: 100%;
    }

    .ending_section_div h1 {
        margin-top: auto;
        margin-bottom: 90px;
        font-size: 18pt;
    }
    
}

@media screen and (max-width: 800px) {
    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 15%;
        left: 55%;
        max-width: 26%;
        max-height: 100%;
    }
    
    .core_team_text_div h1 {
        font-size: 18pt;
    }
    
    .core_team_text_div p {
        font-size: 10pt;
    }

    .credits01_section_title{
        position: absolute;
        margin: 0;
        right: 25%;
        max-width: 210%;
        max-height: 10%;
    }

    #credits02_inner_wrapper {
        width: 50%;
        padding: 25% 10% 0% 40%;
    }
    
    .credits02_section_title h1 {
        font-size: 18pt;
    }
    
    .credits02_section_text p {
        font-size: 10pt;
    }
    
}

@media screen and (max-width: 600px) {
    .core_team_text_div {
        position: absolute;
        margin: auto;
        top: 17%;
        left: 20%;
        max-width: 60%;
        max-height: 100%;
    }

    #credits02_inner_wrapper {
        width: 50%;
        padding: 30% 10% 0% 25%;
    }
    
}








/* Old Style Section */
/* .container-div {
    flex-basis: 33%;
    flex-wrap: nowrap;
}

.left-div {
    left: 0%;
}

.middle-div {
    text-align: center;
    align-items: center;
    justify-content: center;
}

.credit_texts {
    text-align: center;
}

.right-div {
}

.credits_art{
    width: 50%;
}

.img_end {
    width: 100%;
} */