#container_1{
grid-area:container_1;
}

#container_2{
grid-area:container_2;
}

/* Mobile View */
@media screen and (max-width: 79.5rem){

#container_1{
display:block;
margin:1.75rem 0 0 0;
}

#container_2{
display:block;
margin:0 0 1.75rem 0;
}

.container{
float:left;
width:100%;
display:flex;
justify-content:center;
margin:0 0 .75rem 0;
}

.container .keyvisual{
display:flex;
justify-content:center;
margin:0 auto 0 auto;
padding:0;
width:5.375rem !important;
height:5.375rem !important;

& img{
width:100% !important;
height:auto;
}

}

.container .content{
float:left;
width:100%;
margin:0 auto;
padding:0 2rem .5rem 2rem;
}

.container .foreground .title{
position:relative;
top:.25rem;
}

.container .foreground .text{
position:relative;
top:0;
}

.container .foreground .title,
.container .foreground .text{
float:left;
text-align:center;
width:100%;
}

.container .foreground .title > *{
font-weight:bold;
}

.container .foreground .text a{
font-weight:normal;
}

}

/* Mobile View > Tablet */
@media screen and (min-width: 45rem) and (max-width: 79.5rem){

#container_1{
display:flex;
justify-content:center;
width:100%;
}

#container_2{
display:flex;
justify-content:center;
width:100%;
margin:1.5rem 0 0 0;
padding:1.5rem 0 0 0;
min-height:auto;
}

.container{
display:flex;
justify-content:center;
margin:0;
padding:0;
width:100%;
}

}


/* Desktop View */
@media screen and (min-width: 79.5rem){

#container_1{
display:flex;
justify-content:center;
width:100%;
margin:1.5rem 0;
min-height:auto;
}

#container_2{
display:flex;
justify-content:center;
width:100%;
margin:1.5rem 0 0 0;
padding:1.5rem 0 0 0;
min-height:auto;
}

.container{
display:flex;
justify-content:space-between;
margin:.5rem 0;
min-width:18rem;
width:100%;
max-width:30rem;
}

.container .keyvisual{
display:flex;
justify-content:center;
margin:0 auto 0 auto;
padding:0;
width:5.375rem !important;
height:5.375rem !important;

& img{
width:100% !important;
height:auto;
}

}



.container .content{
margin:0 auto 0 auto;
width:90%;
}

.container .foreground .title,
.container .foreground .text{
float:left;
text-align:center;
width:100%;
}

.container .foreground .title > *{
font-weight:bold;
}

.container .foreground .text a{
font-weight:normal;
}

}