/* メイン */
.banner{
width: 100%;
}
.wrap{
width: 66vw;
margin: 0 auto;
text-align: center;
}
.subtitle{
background-color: rgba(0,218,252,0.5);
}
.g3-a{
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 2vh 3vw;
width: 54vw;
padding: 6vw;
text-align: left;
}
.half{
width: 100%;
}
.half img{
width: 100%;
}
.cell{
width: 16vw;
height: 18vw;
}
.exp {
width: 16vw;
height: 4vw;
}
.graphic {
width: 16vw;
height: 14vw;
position: relative;
overflow: hidden;
}
.graphic img{
position: absolute;
width: 120%;
}
.information{
width: 80%;
background-color: rgba(153,246,254,0.7);
padding: 2vh 0;
margin: 20px auto;
}
.information form{
color: #000;
}
.nonInformation{
width: 80%;
background-color: rgba(255,255,255,0.6);
padding: 2vh 0;
margin: 20px auto;
}
.box{
margin: 25vh 0;
width: 100%;
}
.slogan{
 font-size: 5rem;
}

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

.half{
width: 45%;
}
}
@media only screen and (min-width:961px){

.half{
width: 45%;
}
}