body{
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "メイリオ", sans-serif;
}

#wrapper {
  width:100%;
  overflow:hidden;
}

/* tpo img*/

#top-img{
  box-sizing: border-box;
  padding-top: 120px;
  padding-bottom: 100px;
  text-align: center;
  color: white;
  font-size: 130%;
  text-shadow: 3px 2px 2px black;
  
 /* background-image: url(../img/denshi2.webp);*/
 background-image: url(../img/electrical-6.webp);
  background-size: cover;
}

.span1{
  color: #f77487;
  font-size: 130%;
}


/*パンくず start*/

.pan{
  display: flex;
  list-style-type: none;
}

.pan li a{
   padding: 5px;
  color: #000000; 
  font-size: 25px; 
  font-weight: 600;
  text-decoration: none;
}

.home{
  color: #0e4ff2;
}

.pan li:after {
  content: '\003e'; 
  font-weight: 600;
  margin-left: 5px;
  margin-right: 5px;
  color: #888888; 
}

.pan li:last-child:after {
  content: ""; 
}

/*パンくず end*/


.site-box1{
  padding-top: 50px;
  background-color:#E4EAF6; 
  text-align: center;
  font-weight: 600;
}

#midashi{
  font-size: 25px;
}

.child-box1{
  padding-top: 25px;
   display: flex;
  justify-content: center;
}


/*ページ内リンク start*/

.link{
  text-decoration: none;
}

.link:visited{
  color: #0e4ff2;
}

#link1{
  margin-top: -100px;
  padding-top: 100px;
}

#link2{
  margin-top: -100px;
  padding-top: 100px;
}

#link3{
  margin-top: -100px;
  padding-top: 100px;
}

#link4{
  margin-top: -100px;
  padding-top: 100px;
}

#link5{
  margin-top: -100px;
  padding-top: 100px;
}

#link6{
  margin-top: -100px;
  padding-top: 100px;
}

/*ページ内リンク end*/


.child-box2{
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
}

.child-box3{
  width: 250px;
  background-color:white;
  color: #0e4ff2;
  font-weight: 600;
  padding: 10px;
  margin: 30px 20px;
  border-radius: 10px;
}

.child-box3:hover {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  transform: translateY(-0.1875em);
/*
   background-color: #0e4ff2;
  border-color: #0e4ff2;
  color: #FFF;
*/
}

.site-box2{
  padding-top: 100px;
  display: flex;
  justify-content: center;
  background-color:#E4EAF6; 
}

.sub-title{
  background-color:#E4EAF6; 
  width: 500px;
  height: 30px;
  text-align: center;
}

.child-box4{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/haisenn3.webp);
  background-position: top;
}

.child-box5{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/electrical-3.webp);
}

.child-box6{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/pc3.webp);
}

.child-box7{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/espec.webp);
  background-size: cover;
  background-repeat:  no-repeat;  
}

.child-box8{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/sagyouinn.webp);
}

.child-box9{
  width: 500px;
  height: 400px;
  margin-top: 20px;
  background-image: url(../img/torakku.webp);
}

.child-box10{
  width: 500px;
  height: 520px;
  font-size: 20px;
  font-weight: 600;
  border-left: solid;
  margin-top: 10px;
  padding: 0px 50px 10px 50px;
}

.child-box10 p{
   border-bottom: ridge 2px;
}

#name{
  color: crimson;
}