@charset "UTF-8";
#gNav .home::before {
  background: #0e10d9;
  height: 20px;
  width: 10px;
  content: "";
  display: block;
  margin: 0 auto 10px;
}

#top-main {
 background-image: url(/assets/images/top/main.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: left;
 height: 98vh;
}
#main-message {
  background-image: url(/assets/images/top/bg-map.png);
  background-position: right 7%;
  background-repeat: no-repeat;
  background-size: 90%;
}
.main-message {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.main-message .rebirth {
  transform: scaleX(-1);
}




#main-message .title {
  line-height: 1.5;
}
#main-message::before {
  border-bottom: 10vw solid #ECEDEF;
}
#main-message::after {
  border-bottom: 10vw solid #ECEDEF;
}

#business::before {
  border-bottom: 10vw solid #f5f5f5;
}
#business::after {
  border-bottom: 10vw solid #f5f5f5;
}

#contents::before {
  border-bottom: 10vw solid #fff;
}
#contents::after {
  border-bottom: 10vw solid #fff;
}

.bg-tryangle { 
  padding-bottom: calc(10vw + 10px);  
  position: relative;
  overflow: hidden;
}
.bg-tryangle::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-left: 100vw solid transparent;
}
.bg-tryangle::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-right: 100vw solid transparent;
}
.contents-two-column {
  border-radius: 20px;
  overflow: hidden;
}
.contents-two-column:hover {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: #c1c1c1 0px 0px 20px;
  transition: .8s;
}

.contents-two-column .zomm-img {
  width:100%;
  margin:0 auto;
  overflow:hidden;
}
 .contents-two-column img{
  transition:1s all;
}
 .contents-two-column:hover img{
   transform:scale(1.2,1.2);
   transition:1s all;
}
.material-icons-outlined {
  vertical-align: text-top;
}
.company-link {
  background-image: url(/assets/images/top/company-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.recruit-link {
  background-image: url(/assets/images/top/recruit-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


@media screen and (min-width: 768px) {
  #top-main {
    height: 98vh;
    background-position: center;
  }
  #main-message {
    background-position: right -50%;
    background-size: 25%;
  }
}