@charset "UTF-8";
@media screen and (min-width: 768px) {

/*============================
#banner
============================*/
#banner { border: 1px solid #a7a7a7; padding: 34px; }
#banner .relative-box { position: relative; }
#banner .img { float: left; }
#banner .txt-box { width: 361px; float: right; padding-top: 52px; }
#banner .ttl-1 { color: #2a2a2a; margin-bottom: 35px; text-align: center; font-size: 22px; font-weight: 700; line-height: 34px; /* Text style for "オーシャン・グローバ" */ letter-spacing: 1.1px; }
#banner .logo { margin-bottom: 83px; text-align: center; }
#banner .link { display: block; }

 }

@media screen and (max-width: 767px) { 

/*============================
#banner
============================*/
#banner { width: 94%; margin: 0 auto; border: 1px solid #a7a7a7; padding: 5%; }
#banner .relative-box { position: relative; }
#banner .img { text-align: center;margin-bottom: 7%;}
#banner .ttl-1 { color: #2a2a2a; margin-bottom: 5%; text-align: center; font-size: 1.8rem; font-weight: 700; letter-spacing: 0.05em;line-height: 1.5; }
#banner .logo { margin-bottom: 7%; text-align: center; }
#banner .link { display: block; }


}