@charset "utf-8";

/* body {
    background: linear-gradient(rgba(200, 255, 230, 0.8), rgba(0, 0, 0, 0.1)), url(../images/hana.png);
    background-repeat: space;
} */

.container {
    width: 640px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
justify-content: center;
}

.bx01 {
    grid-column: 1/2;
    background-color: rgba(255, 255, 255, 1);
    
}

.bx02 {
    grid-column: 2/3;
    background-color: rgba(255, 255, 255, 1);
}

.bx03 {
    grid-column: 1/3;
    grid-row: 2/3;
    height: 250px;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;

}

.bx04 {
    grid-column: 1/3;
    grid-row: 3/4;
    justify-items: center;
    align-items: center;
}

.kunren {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #222;
    padding: 12px 22px 7px 22px;
    margin-bottom: 15px;
    background-color: #EEE;
    border-radius: 34% 66% 38% 62% / 61% 38% 62% 39%;
}

.works1 {
    font-family: 'Inter Tight',sans-serif;
    font-size: 80px;
    font-weight: bold;
    color: #222;
    display: block;
}

.outbx {
    display: inline-block;
    background: url(../images/snow.png),linear-gradient(rgba(140, 145, 155, 1), rgba(140, 145, 155, 1));
    padding: 70px 170px;
    margin: 50px;
    background-repeat: repeat-x;
    box-shadow: 0 7px 12px 0 rgba(0, 0, 0, .5);
    justify-items: center;
}