@charset "utf-8";

/*========================================================================================================================


  ◇◆◇ 会社概要 ◇◆◇
  
  
========================================================================================================================*/

/*----------------------------------------------------------------------------------------------------

  hero
  
----------------------------------------------------------------------------------------------------*/

.hero {
  width:100%;
  background:url(../image/hero.jpg?v=4) no-repeat center center;
}

.hero p {
  text-indent:100%;
  white-space:nowrap;
  overflow:hidden;
}

@media print,screen and (min-width:641px) {
  .hero { height:670px; }
}

@media screen and (max-width:640px) {
  .hero {
    height:0;
    padding-top:55%;
    background-size:cover;
  }
}


/*----------------------------------------------------------------------------------------------------

  概要
  
----------------------------------------------------------------------------------------------------*/

.comPhoto {
  text-align: center;
}
.comPhoto img {
  width: 800px;
}
@media print, screen and (min-width:641px) {
  .comPhoto {
    padding-bottom: 60px;
  }
}
@media screen and (max-width:640px) {
  .comPhoto {
    padding-bottom: 2rem;
  }
}

.gaiyou dl {
  border-bottom:1px solid #d2d6d9;
}

.gaiyou dl,
.gaiyou dd,
.gaiyou dd {
  box-sizing:border-box;
}

.gaiyou dt {
  width:25%;
  float:left;
  box-sizing:border-box;
  border-top:1px solid #d2d6d9;
  text-align:center;
  font-weight:bold;
}
  
.gaiyou dd {
  margin-left:25%;
  border-top:1px solid #d2d6d9;
  text-align:left;
}
  
.gaiyou dt,
.gaiyou dd {
  padding:1rem;
  line-height:1.6;
}

.gaiyou dt:first-child,
.gaiyou dt:first-child + dd {
  border-top:0;
  padding-top:0;
}

.gaiyou dd ul {
  list-style:none;
  margin-top:-0.75rem;
}

.gaiyou dd li {
  padding-top:0.75rem;
  padding-left:1.25em;
}

.gaiyou dd li:before {
  content:"■";
  color:#2d4b5f;
  margin-left:-1.25em;
  margin-right:0.25em;
}


@media print,screen and (min-width:641px) {
  .gaiyou {
    padding-top:50px;
    padding-bottom:60px;
  }
}

@media screen and (max-width:640px) {
  .gaiyou {
    padding-top:1.75rem;
    padding-bottom:2rem;
  }
}