@charset "UTF-8";

#mv-slider ul img {
  object-fit: cover;
  object-position: top;
  height: 65vh;
  width: 100%;
}
#mv-slider .catch-message {
  bottom: 10%;
  left: 15%;
  max-height: 25rem;
}
#mv-slider .catch-message h1 {
  line-height: 1.5;
  letter-spacing: .3rem;
}

#mv-slider .slider-zoon {
  /*height: 80vw;*/
  margin-inline: auto;
  overflow: hidden; /* 画像がはみ出ないようにする */
  /*width: 80vw;*/
  z-index: 0;
}
#mv-slider .slider-zoon .slick-img img {
  width: 100%;
}
/*#mv-slider h1 {
  font-size: 4vh!important;
}*/
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.slider-zoon .add-animation {
  animation: zoomUp 10s linear 0s normal both;
}
#mv-slider .mv-measure {
  top: 0;
  width:  25%;
  left: 3%;
}
#mv-slider .mv-tryangle {
  bottom:-1px;
  right: 0;
  left: 0;
}

#message .man-img {
  max-width: 80px;
  top: -130%;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
#message .message-measure {
  top: 0;
  width: 20%;
  right: 3%;
}

#works .label {
  z-index: 10;
  bottom: -10%;
  right: 0;
  left: 0;
}
#works .balloon {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em;
  min-height: 120px;
  width: 100%;
}
#works .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
}
#works .balloon.bg-green:before {
  border-top: 15px solid #21838c;
}
#works .balloon.bg-blue:before {
  border-top: 15px solid #067597;
}
#works .balloon.bg-purple:before {
  border-top: 15px solid #887F90;
}
#works .balloon span {
  vertical-align: bottom;
}
#works .test li:before {
  font-family: 'Material Icons';
  content: '\e94c';
  font-size: 18px;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 200,
  'opsz' 48
}

#company {
  background-image: url(/assets/images/top/company-message-bg.jpg);
  background-size: cover;
  background-position: bottom;
}
#company h4 {
  line-height: 2;
  letter-spacing: .1rem;
}
#profile {
  margin-top: -30px;
}
#profile > div{
  border: solid #2C4968 3px;
}
#access iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  border: none;
}
#office li img {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  border: none;
}
#works .object-fit {
  height: 180px;
  width: 100%;
}
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 15px;
  z-index: 1000;
}
.pagetop a {
  display: block;
  background-color: #003855;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: 5px 10px;
}
.pagetop a:hover {
  display: block;
  background-color: #003855;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding:5px 10px;
}



@media screen and (min-width: 769px) {

  #mv-slider .catch-message {
    top: 15%;
    bottom: 0;
    left: 20%;
    max-height: 25rem;
  }
  #mv-slider .mv-measure {
    width: 12%;
  }
  #mv-slider ul img {
    height: 80vh;
  }
  #works .balloon {
    min-height: 150px;
  }
  #works .object-fit {
    height: 220px;
  }
  #message .man-img {
    max-width: 170px;
    top: -110%;
    left: -15%;  
    z-index: 100;
    margin: 0;
  }

}