body {
  margin: 0;
  padding: 0;
}
.maintitle{
  font-size: 17px !important;
  color: #0066FF !important;
  /* padding-left: 30px; */
  font-style: normal;
 }
 
 /* トップメニュー */
 .navbar-nav .nav-link {
   font-size: 17px; 
 }
 .type{
   color: #0066FF !important;
  }
.top1{
  font-weight: 600;
  font-family: 'Yu Gothic',sans-serif;
  margin-top: 100px;
}

 
.companytable{
  width: 100%;
  background-color: white;
  /* margin-left: 30px; */
  /* padding: 0; */
}
 
.name1{
  background-color: #76bfea70;
  color: #0c0c0c;
  font-family: serif;
  text-align: center;
  padding : 10px;
  width: 18%;
   } 

.name2{
  font-family: serif;
  padding: 10px;
  padding-left: 40px;
}

.name3{
  font-family: serif;
}

.top1{ 
  font-family: sans-serif;
} 
.tablesize th,
.tablesize td{
  display: table-cell;
 }
table{
  width: 100%;
  background-color: white;
 }
 

.sizelist{
  padding-left: 20px;
  margin-bottom: 0px;
}
.footer-ul{
  display: flex;
  list-style: none;
  /* padding-left: 170px; */
  margin-bottom: 25px;
  font-size: 20px;
  justify-content: center;
  padding: 0px;
}
.copysize{
  /* text-align: end; */
  font-size: small;
  margin-bottom: 0px;
  padding-top: 25px;
  text-align: right;
  
}
.footer2{
  padding: 0px 15px 0px 100px;
}
.footer-text1{
  font-family: cursive;
  font-size: x-large;
  font-weight: bolder;
  letter-spacing: 5.2px
}

.footer-text2{
  letter-spacing: 1.75px
}
.toiawase{
  background-color: #007bff;
  color: white;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50px;
  height: 35px;
  
}

.toiawase:hover {
  background-color: #007bff;
  color: white;
}
.footer-item2{
  padding-top: 60px;
}
.footername{
  padding: 50px 90px 5px 120px;
  border-top: groove #007bff;
  margin-top: 20px;
}
.img-size{
  margin-left: -27px;
}
.smalsize{
  margin-left: 60px;
  padding: 3px;
  font-size: 17px;
}
.annai{
 justify-content: center;
}

.information2{
  color: #0c0c0c;
  position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  font-size: 1.8rem;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/
}

@media screen and (max-width: 1100px) {
	/* 959px以下に適用されるCSS（タブレット用） */
  .navbar.navbar-expand-lg.navbar-light.bg-light{
    padding: 5px 5px 5px 5px;
  }
  .tablesize th,
  .tablesize td{
    display: block;
    width: 100%;
}
.smalsize{
  margin-left: 12px;
  padding: 3px;
  }
.tablesize th{
  padding: 5px;
}
/* .tablesize td{
  padding-top: 20px;
} */
.name2{
  padding: 10px;
}

.footername{
   padding:  20px 30px 15px 30px;
}
.footer-ul{
  /* display: inline-grid; */
  margin-bottom: 0px;
  font-size: 14px;
}
.kaishaname{
  padding-top: 15px; 
}
.copyawase{
  padding-top: 5px;
}
.img-size{
  margin-left: -30px;
}
.col-md-6.footer2{padding: 0px 15px 0px 15px;
}
.footer-text2{
  margin-bottom: 25px;
}
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
    .maintitle {
    margin-right: 0px;
  }
  .footer-ul {
    display: inline-grid;
  }
  .maintitle{
    font-size: 10px !important;
   }
  }

/* スマホ用のCSSはメディアクエリの外に記述する */

@media screen and (max-width: 481px) {
  .maintitle{
    font-size: 10px !important;
   }
}
@media screen and (min-width: 960px) {
  
  .maintitle{
    font-size: 15px !important;
   }
}