@charset "UTF-8";

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

会社概要(compnay.php)

==================================================================*/
#company{
  overflow:hidden!important;
  width:100%;
}

/* 会社概要
================================================================*/
#overview{
  background-color:#f2efdf;
}

#overview .overview-wrap{
  background-color:#fff;
  padding:50px;
  border-radius:20px;
}

#company h2{
  color:#9c1009;
  border-bottom:solid 5px #9c1009;
  padding-bottom:5px;
  font-size:18px;
  margin-bottom:30px;
}

#overview .overview-wrap ul{
  display:flex;
  flex-wrap:wrap;
}

#overview .overview-wrap ul li{

}

#overview .overview-wrap ul li:nth-of-type(odd){
  width:200px;
  text-align: right;
}

#overview .overview-wrap ul li:nth-of-type(even){
  width:calc(100% - 200px);
  padding-left:40px;
}

#overview .overview-wrap ul hr{
  display:block;
  width:100%;
  border:none;
  border-bottom:dotted 2.5px lightgray;
  margin:15px 0;
}

@media screen and (max-width: 1439px){
  #overview .overview-wrap{
    padding:30px 50px;
    border-radius:20px;
  }

  #company h2{
    border-bottom:solid 4px #9c1009;
    padding-bottom:5px;
    font-size:18px;
    margin-bottom:25px;
  }

  #overview .overview-wrap ul li:nth-of-type(odd){
    width:180px;
  }

  #overview .overview-wrap ul li:nth-of-type(even){
    width:calc(100% - 180px);
    padding-left:40px;
  }

  #overview .overview-wrap ul hr{
    border-bottom:dotted 2.5px lightgray;
    margin:10px 0;
  }
}

@media screen and (max-width: 1199px){
  #overview .overview-wrap{
    padding:25px 40px;
    border-radius:15px;
  }

  #company h2{
    border-bottom:solid 4px #9c1009;
    padding-bottom:4px;
    font-size:17px;
    margin-bottom:20px;
  }

  #overview .overview-wrap ul li{
    font-size:14px;
    line-height:19px;
  }

  #overview .overview-wrap ul li:nth-of-type(odd){
    width:140px;
  }

  #overview .overview-wrap ul li:nth-of-type(even){
    width:calc(100% - 140px);
    padding-left:30px;
  }

  #overview .overview-wrap ul hr{
    border-bottom:dotted 2.5px lightgray;
    margin:8px 0;
  }
}

@media screen and (max-width: 743px){
  #overview .overview-wrap{
    padding:25px 20px;
    border-radius:15px;
    width:90%!important;
  }

  #company h2{
    border-bottom:solid 3px #9c1009;
    padding-bottom:4px;
    font-size:15px;
    margin-bottom:20px;
    text-align:center;
  }

  #overview .overview-wrap ul li{
    font-size:13.5px;
    line-height:18px;
  }

  #overview .overview-wrap ul li:nth-of-type(odd){
    width:100%;
    text-align: left;
    border-bottom:dotted 2.5px lightgray;
    padding-bottom:3px;
    color:gray;
    font-size:12.5px;
  }

  #overview .overview-wrap ul li:nth-of-type(even){
    width:100%;
    padding-left:0;
    padding-top:5px;
    margin-bottom:15px;
  }

  #overview .overview-wrap ul hr{
    display:none;
  }
}


/* アクセス
================================================================*/
#map{
  margin-bottom:150px;
}

#map .map-box{
  padding-bottom: 450px;
  height: 0;
  width: 100%;
  overflow: hidden;
  position:relative;
}

#map .map-box iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1439px){
  #map .map-box{
    padding-bottom: 350px;
  }
}

@media screen and (max-width: 1199px){
  #map .map-box{
    padding-bottom: 300px;
  }
}


































/**/