.main-visual { position: relative; height: 590px; overflow: hidden; margin-top: 98px; }
.main-visual-bg {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-color: #f1f1f1;
  background-size: cover;
  background-position: center;
  z-index: 1;
}
.visual-section { position: relative; z-index: 2; height: 100%; display: flex; align-items: center; justify-content: center; }
.visual-inner { text-align: center; }
.visual-text h1 { font-size: 42px; margin-bottom: 20px; color: #fff; }
.visual-desc { font-size: 18px; line-height: 1.6; color: #eee; margin-bottom: 40px; }

.visual-bg { position: absolute; width: 100%; height: 100%; background: url('../images/main/visual-dot.png') repeat; background-color: rgba(0,0,0,0.4); opacity: 0.4; }

.visual-buttons a:first-child { margin-right: 20px; }

.main-portfolio-btn { width: 265px; height: 58px; }
.main-contact-btn { width: 265px; height: 58px; }


@media (max-width: 480px){
.main-visual { margin-top: 85px; }
.visual-text h1 { font-size: 24px; padding: 0 50px; }
.visual-desc { font-size: 13px; padding: 0 55px; }    
.visual-buttons { display: flex; flex-direction: column; align-items: center; row-gap: 10px; }
.visual-buttons a:first-child { margin-right: 0; }
}