@charset "utf-8";
/* CSS Document */

section#company{
  margin: 32px 0 0;
}

.comp_w{
  width: 800px;
  margin-inline: auto;
}

p.txt_1{
  line-height: 2.8;
  text-align: left;
}


@media (max-width:768px){
  section#company{
    margin: 63px 0 0;
  }

  .comp_w{
    width: 100%;
  }

  p.txt_1{
    line-height:1.8;
  }
}

.comp_w dl{
  border-left: solid 7px var(--color-style2);
  box-sizing: border-box;
  width: 100%;
}

.comp_w dl dt{
  box-sizing: border-box;
  padding-left:100px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom:30px;
  width: 248px;
}

.comp_w dl dd{
  line-height: 1.8;
  margin-bottom:30px;
  width: calc(100% - 248px);
}

.comp_w dl dt:last-of-type,
.comp_w dl dd:last-of-type{
  margin-bottom: 0;
}


section#company iframe{
  margin-top: 85px;
  width: 100%;
}

@media (max-width:768px){
  section#company iframe{
    height: 353px;
  }

  .comp_w dl dt{
    padding-left: 30px;
    line-height:1.3;
    width: 130px;
  }

  .comp_w dl dd{
    line-height:1.3;
    margin-right:30px;
    width: calc(100% - 190px);
  }

  .comp_w.bbn1 dl dt{
    padding-left: 30px;
    margin-bottom:20px;
    width: 100%;
  }

  .comp_w.bbn1 dl dd{
    padding-left: 30px;
    line-height: 1.8;
    width: 100%;
  }

  section#company iframe{
    margin-top: 30px;
  }

  .comp_w.bjg{
    position: relative;
  }

  .comp_w.bjg::before{
    content:"";
    background: var(--color-style2);
    width:7px;
    height: 20%;
    position: absolute;
    top: -120px;
    left:0;
  }

  .comp_w.bbn1.bjg::before{
    height: 40%;
  }
}