/* CSS Document */
/* Mobile */
/* =============================================
share
================================================ */
.pc { display: none; }

.mb { display: block; }

body { background: white; min-width: 100%; }

.center { width: 90%; padding-left: 0; padding-right: 0; }

a:hover img { opacity: 1; filter: alpha(opacity=100); }

/* =============================================
top
================================================ */
#imajin h1 { padding: 55% 0 40px; }
#imajin h1 img { width: 50%; height: auto; }
#imajin .image .underconstruction { border-width: 3px; width: 30%; left: 35%; margin-left: -3px; padding-bottom: 30%; }
#imajin .image .underconstruction p { font-size: 4vw; top: 33%; }

#service { padding: 60px 0; }
#service h1 { font-size: 130%; }
#service ul { width: 90%; padding: 0 5%; }
#service ul li { width: 100% !important; float: none !important; height: auto !important; margin: 0 auto 30px !important; }
#service b { width: 80%; margin: 0 auto 10px; padding: 15px 0; }

#works { padding: 60px 0; }
#works ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
#works ul li { width: 48%; margin-bottom: 30px; float: none; }
#works ul li:nth-child(3n-1) { margin: 0 0 30px; }

#company { padding: 60px 5% 0; }
#company img { width: 30%; margin-bottom: 0; }

footer { padding: 20px 0; }