.reserve-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin:40px 0;
}

@media only screen and (max-width:768px) {
.reserve-grid{
grid-template-columns:none;
}
}

.reserve-grid-innner-jp{
display:grid;
padding:20px;
border:1px solid #eee;
gap:20px;
background: #ddb1b1;
}

.reserve-grid-innner-en{
display:grid;
padding:20px;
border:1px solid #eee;
gap:20px;
background: #4D95B4;
}

.reserve-inner-title-jp,
.reserve-inner-title-en{
  display: flex;
  margin-right: 2rem;
  color:white;
}

.reserve-inner-title-jp::before{
     content: "";
  display: inline-block;  
  background-image: url('https://pesco-pesca.com/wp-content/uploads/JP.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 5em;
  margin-right: 2rem;
max-height: 3rem;
}

.reserve-inner-title-en::before{
     content: "";
  display: inline-block;  
  background-image: url('https://pesco-pesca.com/wp-content/uploads/ENG.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 5em;
  margin-right: 2rem;
max-height: 3rem;
}

/* footer banner */

.cta-banner-grid{

display:grid;

gap:20px;


}

/* banner */

.cta-banner{

display:flex;

align-items:center;

gap:18px;

padding:10px 26px;

border:1px solid #eee;

background:#fff;

transition:.35s;

}

/* hover */

.cta-banner:hover{

border-color:var(--accent);

transform:translateY(-2px);

box-shadow:0 10px 20px rgba(0,0,0,.05);

}

/* icon */

.cta-banner-icon{

font-size:20px;

color:var(--accent);

width:50px;

text-align:center;

}

/* text */

.cta-banner-title{

font-size:14px;

letter-spacing:.08em;

margin-bottom:2px;

}

.cta-banner-desc{

font-size:12px;

color:#777;

}