body{
background-image : url(../images/kan/bz-bg1.jpg);
background-position: 50% 110px;
background-repeat: no-repeat;
}
#bgd{
display:none;
}


.box01 > div{
display: grid;
width:700px;
grid-template-columns: 1fr 1fr 1fr;/*3等分*/
grid-template-rows: 140px 450px;
grid-gap: 0px;
margin: 0 auto;
}

.msg01 {
grid-column: 2 / 4;
grid-row: 1;
}

.img01_1 {
grid-column: 1;
grid-row: 1 / 3;
}

.img01_2 {
grid-row: 2;
grid-column: 3;
}

.msg01{
background-color: white;
border: 5px #fff solid;
width:330px;
padding-left: 10px;
padding-bottom: 20px;
}



img {
border: 5px #fff solid;
}
.img01_1{
padding-right: 10px;
width:280px;
height: auto;
margin-top: 40px;
}
.img01_2{
padding-left: 10px;
padding-bottom: 50px;
width:510px;
height: auto;
}

.img02{
}



@media screen and (max-width: 600px) {
body{
background-image : url();
background-position: 50% 40px;
background-repeat: no-repeat;
}

.box01 > div{
display: block;
width:100%;
}


#container{
text-align: left;
}
.msg01{
background-color: white;
border: 0;
width:100%;
margin: 0;
padding: 2rem;
/*text-indent: 1em;*/
}

.img01_1, .img01_2, .img02, img{
border: 0;
padding: 0;
margin: 0;
width:100vw;
height: auto;
}


}