@charset "utf-8";


/*indexの動く背景設定*/
/*========= レイアウトのためのCSS ===============*/

#wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align:center;
}

a{
  color: #333;
}

/*========= particle js を描画するエリア設定 ===============*/

html,body{
  height: 100%;/*高さを100%にして描画エリアをとる*/
}

body{
  background-image: url(bg\ company.webp);

}
#particles-js{ 
  position:fixed;/*描画固定*/
  z-index:-1;/*描画を一番下に*/
  width: 100%;
  height: 100%;
  
  background-image: linear-gradient(180deg, rgb(95, 168, 245), rgb(244, 252, 255));/*背景のグラデーションの色指定、ここの二色を変更すると色が変わる*/
}

#wrapper{
  position: relative;/*描画を#particles-jsよりも上にするためposition:relative;を指定*/
  z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
  width:100%;
  height: 100%;
}


.fv {
  width: 100%;
  max-width: 940px;
  margin: auto;
}

h5{
  text-align: center;
  font-weight: bold;
  font-size: 45px;
  margin-top: 35px;
  width: 100%;
  margin-bottom: 20px;

}

.jigyou{
  width: 100%;
  max-width: 940px;
  margin: auto;
  display:flex;

}

.jigyoui{
  width: 100%;
  max-width: 470px;
  margin: auto;
}

h6{
  font-weight: bold;
  text-align: center;
  color: azure;
  background-color: #0091cc;
  width: 100%;
  max-width: 940px;
  font-size: 35px;
  margin: auto;
}

@media screen and (max-width:540px) {

  .fv {
    width: 98%;
    margin: auto;
  }
  
  h5{
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    margin-top: 30px;
    width: 100%;
    margin-bottom: 20px;
  
  }
  
  .jigyou{
  width: 100%;
  display: inline;
}

h6{
  font-weight: bold;
  text-align: center;
  color: azure;
  background-color: #0091cc;
  width: 100%;
  font-size: 20px;
  margin: auto;
}

}