@media screen and (min-width:500px) {

    .top_wrapper {
        height: 665px;
    }

    .top_wrapper h1 {
        font-family: serif;
        font-size: 4rem;
        line-height: 100px;
    }

    .box {
        display: flex;
        border-top: 1px solid orange;
        justify-content: center;
        text-align: center;
        margin: 30px 20px;
        border-left: 1px solid orange;
        border-bottom: 1px solid orange;
        border-right: 1px solid orange;
        margin: 0px 20px;
    }

    .title-box {
        letter-spacing: 10px;
        /* border-radius: 10px; */
        background-color: orange;
        /* border: 1px solid orange; */
        padding: 20px;
        width: 50%;
        display: flex;
        /* text-align: center; */
        justify-content: center;
        align-items: center;
    }

    .sub-title {
        font-size: 1.3rem;
        color: red;
        font-weight: bolder;
        text-shadow: 1px 2px 1px white;
    }

    .box ul {
        width: 50%;
    }

    .jirei {
        font-size: 3rem;
        margin: 100px 0px;
    }
}