@charset "utf-8";

.company{
  display:flex;
  justify-content: space-between;
}

.company-bg{
  width:80%;
  background:#fff;
  padding:120px 5% 100px;
  max-width:1200px;
  overflow:hidden;
}

.company-list-wrap{
  margin:0 auto 5rem;
  max-width:900px;
}

.company-list{
  display:flex;
  justify-content: space-between;
  font-size:clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
}

.company-list p{
  padding:36px 0;
}

.company-list p:first-child{
  width:160px;
  border-top:1px solid #8D785A;
}

.company-list:last-child p:first-child{
  border-bottom:1px solid #8D785A;
}

.company-list p:last-child{
  width:calc(100% - 165px);
  border-top:1px solid #BFBFBF;
  padding-left:5%;
}

.company-list:last-child p:last-child{
  border-bottom:1px solid #BFBFBF;
}

iframe{
  width:100%;
  border:none;
  height:500px;
  margin:0 auto ;
  max-width:900px;
  display:block;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

@media (max-width: 1279px) {

}

@media (max-width: 1024px) {
  .company{
    flex-direction: column;
  }
  .company-bg{
    width:100%;
    padding: 5rem 5%;
  }
  iframe{
    height:400px;
  }
}

@media (max-width: 767px) {
  .company{
    width:100%;
  }
  .company-list p {
    padding: 1.5rem 0;
  }
  .company-list p:first-child {
    width: 70px;
  }
  .company-list p:last-child {
    width: calc(100% - 70px);
    padding-left: 2rem;
  }
  .company-bg{
    padding: 2rem 5%;
  }
  .company-list-wrap{
    margin-bottom:3.5rem;
  }
  iframe{
    height:320px;
  }
}