/*body全体共通部分*/
body {
  width:1130px;
  margin: 0 auto;
  font-family: "Hiragino Kaku Gothic ProN";
}

img{
  image-rendering:-webkit-optimize-contrast;
}

/*header部分*/
header{
  width:100%;
  height:80px;
  background-color:white;
  opacity:0.9;
  text-align:center;
  line-height:80px;
  font-size:40px;
  position:fixed;
  left:0;/*fixed適用した時のテキストの左右のズレの調整*/
  right:0;/*fixed適用した時のテキストの左右のズレの調整*/
  z-index:10;
}

.non-fixed{
  height:80px;/*header部分fixedによる重なり打消し疑似要素*/
}

/*top-button*/
.return-button{
  width:5%;
  height:10%;
  position:fixed;
  right:15%;
  bottom:5%;
  z-index:10;
}

.return-button img{
  width:100%;
  height:100%;
}

/*top-wrapper*/
.top-wrapper{
  width:100%;
  height:300px;
  /*background-color:blue;*/
}

.top-wrapper-container{
  width:100%;
  height:300px;
  /*background-color:green;*/
  position:relative;
}

.top-wrapper-center{
  width:70%;
  height:80%;
  /*background-color:yellow;*/
  position:absolute;
  top:10%;
  left:15%;
}

/*main-wrapper.second.third部分*/
.main-wrapper{
  width:90%;
  margin:0 auto 20px auto;
  display:flex;
  justify-content:space-between;
}

.main-items{
  width:49%;
  height:250px;
  background-color:rgba(57, 60, 61, 0.5);
  border:solid 3px rgba(57, 60, 61, 0.5);
  display:flex;
  justify-content:space-between;
}

.main-items-int{
  width:40%;
  height:250px;
  font-size:20px;
  line-height:250px;
  text-align:center;
  box-sizing:border-box;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:relative;
}

.all-link{
  width:100%;
  height:250px;
  color:white;
  position:absolute;
  top:0;
  left:0;
  text-decoration:none;
  display: block;
}

.link{
  width:60%;
  height:250px;
  box-sizing:border-box;
}

.main-items img{
  width:100%;
  height:250px;
}

.main-items:hover img{
  opacity:0.7;
  transition:1.0s;
}

.all-link:hover img{
  opacity:0.7;
  transition:1.0s;
}

.main-wrapper-second{
  width:90%;
  margin:0 auto 20px auto;
  display:flex;
  justify-content:space-between;
}

.main-items-second{
  width:49%;
  height:250px;
  background-color:rgba(57, 60, 61, 0.5);
  border:solid 3px rgba(57, 60, 61, 0.5);
  display:flex;
  justify-content:space-between;
}

.main-items-int-second{
  width:40%;
  height:250px;
  font-size:20px;
  line-height:250px;
  text-align:center;
  box-sizing:border-box;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:relative;
}

.all-link-second{
  width:100%;
  height:250px;
  color:white;
  position:absolute;
  top:0;
  left:0;
  text-decoration:none;
  display: block;
}

.link-second{
  width:60%;
  height:250px;
  box-sizing:border-box;
}

.main-items-second img{
  width:100%;
  height:250px;
}

.main-items-second:hover img{
  opacity:0.7;
  transition:1.0s;
}

.all-link-second:hover img{
  opacity:0.7;
  transition:1.0s;
}

.main-wrapper-third{
  width:90%;
  margin:0 auto 20px auto;
}

.main-items-third{
  width:49%;
  height:250px;
  background-color:rgba(57, 60, 61, 0.5);
  border:solid 3px rgba(57, 60, 61, 0.5);
  display:flex;
  justify-content:space-between;
}

.main-items-int-third{
  width:40%;
  height:250px;
  font-size:20px;
  line-height:250px;
  text-align:center;
  box-sizing:border-box;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:relative;
}

.all-link-third{
  width:100%;
  height:250px;
  color:white;
  position:absolute;
  top:0;
  left:0;
  text-decoration:none;
  display: block;
}

.link-third{
  width:60%;
  height:250px;
  box-sizing:border-box;
}

.main-items-third img{
  width:100%;
  height:250px;
}

.main-items-third:hover img{
  opacity:0.7;
  transition:1.0s;
}

.all-link-third:hover img{
  opacity:0.7;
  transition:1.0s;
}

/*footer部分*/
footer{
  width:100%;
  height:80px;
  position:relative;
}

.footer-left{
  width:0.5%;
  height:80%;
  background-color:rgba(4, 27, 184, 0.9);
  position:absolute;
  top:10%;
  left:0;
}

.footer-left-bottom{
  width:100%;
  height:40%;
  background-color:rgba(82, 176, 244, 0.53);
  position:absolute;
  top:60%;
}

.footer-center{
  width:40%;
  padding-top:25px;
  padding-left:20px;
  font-size:20px;
  /*background-color:green;*/
  position:absolute;
  left:1%;
}