@charset "utf=8";


img {
    width: 100%;
}
h1{
    text-align: center;
    font-size: 3rem;
    
}
body {
    background-color: rgb(239, 240, 253);
}
header{
    padding-top: 30px;
}
.titlerogo{
    width: 30%;
}


.contaner {
    margin: 0 auto;
    text-align: center;
}

.nairu_area {
    background-color: rgb(250, 231, 238);
    padding-bottom: 50px;
  
}

.nairu_img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
}

.moderu_area {
    background-color: rgb(227, 227, 236);
    padding-bottom: 50px;
}

.moderu_img_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
}

h2 {
    margin-top: 50px;
    margin-bottom: 50px;
    background-color: rgb(239, 240, 253);
    /* background-color: rgb(227, 227, 236); */
    padding: 10px;
    color: rgb(17, 7, 12);
}

.neiru_img {
    width: 300px;
    height: 300px;
}

.moderu_img {
    width: 400px;
    height: 600px;
}

.text-box {
    width: 400px;
    height: 600px;
    background-color: rgb(239, 240, 253);
    display: flex;
    flex-direction: column;
justify-content: center;
padding: 0 60px;
}