.vsc {
 margin-bottom:100px;
}


/*ページ内のリスト用*/
.vsc .company h2{
  margin-left:-200px;
}

.vsc .company h4{
  margin-left:-100px;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom: 1px solid #000;
  margin-bottom:10px;
}

.vsc .company p{
  /*color:red;*/
  padding: 1rem 2rem;
  border-top: 1px solid #000;
  margin-bottom:-20px;
}

.vsc .company .dataline{
  display: flex;
  /*縦中央*/
  align-items: center;
  padding-top:10px;
  padding-bottom:10px;
}

.vsc .company .dataline .img{
  float:left;
}

.vsc .company .dataline .title{
  float:left;
  color:red;
  text-align: right;
  width:20%;
}

.vsc .company .dataline .text{
  float:left;
}








.vsc .company dl{
 width:1000px;
}

.vsc .company dl dt{
  /*border-bottom:1px solid #ccc;*/
  float:left;
  padding-top:10px;
  padding-left:10px;
  color:red;
  text-align: right;
  width:40%;
}






.vsc .company dl dt img{
  float:left;
}

.vsc .company dl dt p{
  float:left;
}



.vsc .company dl dd{
  /*border-bottom:1px solid #ccc;*/
  margin-left:40%;
  padding:10px 5px;
}

/*
.vsc > .company > dl > dd > div{
  float:left;
}
*/

.vsc .company iframe {
    width: 40%;
}


/*ページの説明*/
.pageinfo p{
  margin-left: auto;
  margin-right: auto;
  font-weight: bold; /*太字に*/
  font-size: 1.2em;/*サイズ2倍*/
  width: 40em;
}



/*ページタイトル用*/
.pagetitle {/*親div*/
  position: relative;/*相対配置*/
  margin-top:-50px;
  margin-bottom:60px;
  width: auto;
}

.pagetitle p {
  position: absolute;/*絶対配置*/

  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 2em;/*サイズ2倍*/

  top: 40%;
  left: 50%;
}

.pagetitle img {
  width: 100%;
}




/*エントリーボタン*/
.entry {
  position: relative;/*相対配置*/
}

.entry div {
  position: absolute;/*絶対配置*/

  color: white;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-size: 1em;/*サイズ2倍*/

  top: 30%;
  left: 30%;
}

.entry img {
  width: 100%;
}