/*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:auto;
  margin-top:40px;
  margin-bottom:50px;
  /*background-color:blue;*/
}

.top-wrapper-container{
  width:70%;
  height:auto;
  margin:0 auto;
  /*background-color:green;*/
  position:relative;
}

.top-wrapper-center{
  width:100%;
  height:auto;
  margin:0 auto;
  /*background-color:yellow;*/
  /*position:absolute;
  top:10%;
  left:15%;*/
}

/*zyukai-int部分*/
.zyukai-int{
  width:90%;
  height:70px;
  margin:0 auto;
  font-size:40px;
  line-height:70px;
  text-align:center;
}

/*main-wrapper.second.third部分*/
.main-wrapper{
  width:100%;
  height:auto;
  /*background-color:red;*/
}

.main-container{
  width:70%;
  height:300px;
  margin:0 auto 10px auto;
  /*background-color:blue;*/
  display:flex;
  justify-content:space-between;
}

.main-items-before{
  width:49%;
  height:100%;
  position:relative;
}

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

.before-int{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-items-after{
  width:49%;
  height:100%;
  position:relative;
}

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

.after-int{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-pt{
  width:70%;
  height:auto;
  margin:0 auto 0 auto;
  /*background-color:blue;*/
}

.main-wrapper-second{
  width:100%;
  height:auto;
  margin-top:65px;
  /*background-color:red;*/
}

.main-container-second{
  width:70%;
  height:300px;
  margin:0 auto 10px auto;
  /*background-color:blue;*/
  display:flex;
  justify-content:space-between;
}

.main-items-before-second{
  width:49%;
  height:100%;
  position:relative;
}

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

.before-int-second{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-items-after-second{
  width:49%;
  height:100%;
  position:relative;
}

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

.after-int-second{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-pt-second{
  width:70%;
  height:auto;
  margin:0 auto 0 auto;
  /*background-color:blue;*/
}

.main-wrapper-third{
  width:100%;
  height:auto;
  margin-top:65px;
  /*background-color:red;*/
}

.main-container-third{
  width:70%;
  height:300px;
  margin:0 auto 10px auto;
  /*background-color:blue;*/
  display:flex;
  justify-content:space-between;
}

.main-items-before-third{
  width:49%;
  height:100%;
  position:relative;
}

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

.before-int-third{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-items-after-third{
  width:49%;
  height:100%;
  position:relative;
}

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

.after-int-third{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-pt-third{
  width:70%;
  height:auto;
  margin:0 auto 0 auto;
  /*background-color:blue;*/
}

.main-wrapper-forty{
  width:100%;
  height:auto;
  margin-top:65px;
  /*background-color:red;*/
}

.main-container-forty{
  width:70%;
  height:300px;
  margin:0 auto 10px auto;
  /*background-color:blue;*/
  display:flex;
  justify-content:space-between;
}

.main-items-before-forty{
  width:49%;
  height:100%;
  position:relative;
}

.main-items-before-forty img{
  width:100%;
  height:100%;
}

.before-int-forty{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-items-after-forty{
  width:49%;
  height:100%;
  position:relative;
}

.main-items-after-forty img{
  width:100%;
  height:100%;
}

.after-int-forty{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-pt-forty{
  width:70%;
  height:auto;
  margin:0 auto 0 auto;
  /*background-color:blue;*/
}

.main-wrapper-fifty{
  width:100%;
  height:auto;
  margin-top:65px;
  /*background-color:red;*/
}

.main-container-fifty{
  width:70%;
  height:300px;
  margin:0 auto 10px auto;
  /*background-color:blue;*/
  display:flex;
  justify-content:space-between;
}

.main-items-before-fifty{
  width:49%;
  height:100%;
  position:relative;
}

.main-items-before-fifty img{
  width:100%;
  height:100%;
}

.before-int-fifty{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-items-after-fifty{
  width:49%;
  height:100%;
  position:relative;
}

.main-items-after-fifty img{
  width:100%;
  height:100%;
}

.after-int-fifty{
  width:100%;
  height:60px;
  font-size:30px;
  line-height:60px;
  text-align:center;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  position:absolute;
  bottom:0;
}

.main-pt-fifty{
  width:70%;
  height:auto;
  margin:0 auto 0 auto;
  /*background-color:blue;*/
}

/*no-display部分*/
.no-display{
  width:100%;
  height:600px;
  position:relative;
}

.non{
  width:100%;
  position: absolute;
  top:50%;
  text-align:center;
  font-size:30px;
}





/*footer部分*/
footer{
  width:100%;
  height:80px;
  margin-top:50px;
  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%;
}