@charset "utf-8";

.mv,
.mv p,
.mv .sld{
  position: relative;
}
.mv span{
  display: block;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 10px;
  color: #fff;
}
@media screen and (max-width: 810px) {
  .mv span{
    bottom: 2px;
    right: 5px;
    font-size: clamp(1.8vw,2vw,10px);
  }
}

#top-conts-area{
  background: url(../images/conts-bg.jpg) no-repeat top center / cover;
  padding-bottom: 10px;
}

.obi260220{
  max-width: 1220px;
  width: 90%;
  padding: 40px 0;
  margin: 0 auto;
}
.obi260220 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.obi260220 ul li{
  max-width: 25%;
  box-sizing: border-box;
  border-right: solid 1px rgba(85,90,95,.5);
}
.obi260220 ul li img{
  width: 100%;
}
.obi260220 ul li:first-child{
  border-left: solid 1px rgba(85,90,95,.5);
}
@media screen and (max-width: 810px) {
  .obi260220{
    padding: 0;
  }
  .obi260220 ul{
    display: block;
  }
  .obi260220 ul li{
    max-width: 100%;
    border: none;
    border-bottom: solid 1px rgba(85,90,95,.5);
  }
  .obi260220 ul li:first-child{
    border-left: none;
  }
}

.contents{
  padding: 60px 0 10px;
}
.contents .tit{
  max-width: 760px;
  width: 90%;
  margin: 0 auto 80px;
}
.contents .link{
  max-width: 1050px;
  width: 90%;
  margin: 0 auto;
}
.contents .link a{
  display: block;
  transition: .3s;
  margin: 0 0 95px;
}
.contents .link a:hover{
  opacity: .7;
}
@media screen and (max-width: 810px) {
  .contents{
    padding: 40px 0 10px;
  }
  .contents .tit{
    margin: 0 auto 40px;
  }
  .contents .link a{
    margin: 0 0 30px;
  }
  .info-area.top{
    margin-top: 6%;
  }
}