/*body全体共通部分*/
body {
  width:100%;
  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;
  line-height:80px;
  text-align:center;
}

.logo{
  width:30%;
  height:100%;
  margin-left:5%;
  float:left;
  font-size:35px;
}

.menu-wrapper{
  width:60%;
  height:100%;
  margin-right:5%;
  float:right;
  display: flex;
}

.menu-item{
  width:25%;
  height:100%;
  font-size:20px;
  list-style:none;
  border-radius:10px;
}

.menu-item a{
  text-decoration:none;
  color:black;
}

.menu-item:hover{
  color:white;
  background-color:rgba(10, 90, 246, 0.4);
  transition:2.0s;
  cursor:pointer;
}

.non-fixed-two{
  height:950px;
}


/*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:950px;
  margin-bottom:80px;
  position:relative;
}

.top-wrapper img{
  width:100%;
  height:100%;
  float:left;/*子要素にfloatで横並び*/
  vertical-align:bottom;
}

.top-wrapper-center{
  width:70;/*親要素top-wrapperに対してのwidth%*/
  height:600px;
  font-size:17px;
  color:rgb(241, 234, 249);
  /*background-color:rgba(10, 90, 246, 0.4);*/
  position:absolute;/*親要素top-wrapperに対しての位置決め～top50%・left30%にて要素中央寄せ*/
  top:7.5%;
  left:15%;
}

.top-wrapper-center img{
  width:100%;
  height:100%;
}

.center-int{
  width:80%;/*親要素top-wrapper-centerに対してのwidth%*/
  height:120px;
  margin:0 auto;/*左右の等間隔調整*/
  padding-top:10%;
}

.navi-wrapper{
  width: 40%;/*親要素top-wrapperに対してのwidth%*/
  height:50px;
  position:absolute;/*親要素top-wrapperに対しての位置決め～top65%・left30%にて要素中央寄せ*/
  top:65%;
  left:30%;
  display:flex;/*横並び*/
  justify-content:space-between;/*横並び等間隔*/
}

.navi-wrapper :hover{
  background-color:rgba(10, 90, 246, 0.9);
  transform:scale(1.1,1.1);
  transition:1.0s;
  cursor:pointer;
}

.navi-button{
  width:30%;/*親要素navi-wrapperに対してのwidth%*/
  background-color:rgba(10, 90, 246, 0.4);
  color:rgb(241, 234, 249);
  border-radius:5px;
  text-align:center;
  line-height:50px;
  text-decoration:none;/*aタグリンク下部線消去*/
}

/*news-wrapper部分*/
.news-wrapper{
  width:1130px;
  margin:0 auto;
  margin-bottom:100px;
  height:auto;
  position:relative;
}

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

.news-title{
  width:100%;
  height:45px;
  font-size:30px;
  color:white;
  background-color:rgba(10, 90, 246, 0.55);
  text-align:center;
}

.news-container{
  width:100%;
  height:150px;
  border:solid 3px rgba(10, 90, 246, 0.55);
  box-sizing:border-box;
  overflow:auto;
}

.news-item{
  width:100%;
  height:40px;
  display:flex;
  justify-content:space-around;
  margin:20px auto;
}

.news-time{
  width:15%;
  height:auto;
  text-align:center;
  line-height:40px;
}

.news-navi{
  width:10%;
  height:auto;
  color:white;
  background-color:rgba(10, 90, 246, 0.55);
  border-radius:10px;
  text-align:center;
  line-height:40px;
}



.items{
  width:60%;
  height:auto;
  line-height:40px;
}

/*jQuery houzin-wrapper出現部分-------------------------------------------------------------*/
#houzin-wrapper{
  width:100%;
  height:100%;
  background-color:rgba(242, 245, 250, 0.7);
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:100;
  display:none;
}

.houzin-container{
  width:70%;
  height:500px;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  border-radius:10px;
  position:absolute;
  top:80px;
  left:15%;
}

.houzin-center{
  width:50%;
  height:400px;
  margin:60px auto 0 auto;
}

#close{
  width:10%;
  height:50px;
  line-height:50px;
  text-align:center;
  border:solid 3px white;
  border-radius:5px;
  position:absolute;
  top:60px;
  right:5%;
}

#close:hover{
  cursor:pointer;
  transform:rotateZ(360deg);
  transition:1.0s;
}

#close a{
  color:white;
  text-decoration:none;
}

/*jQuery staff-wrapper出現部分-------------------------------------------------------------*/
#staff-wrapper{
  width:100%;
  height:100%;
  background-color:rgba(242, 245, 250, 0.7);
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:100;
  display:none;
}

.staff-container{
  width:70%;
  height:500px;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  border-radius:10px;
  position:absolute;
  top:80px;
  left:15%;
}

.staffs{
  width:70%;
  height:440px;
  position:absolute;
  top:60px;
  left:10%;
}

.staff-image{
  width:100%;
  height:210px;
  display:flex;
  justify-content:space-around;
}

.staff-image img{
  width:28%;
  height:210px;
}

.staff-int{
  width:100%;
  height:210px;
  display:flex;
  justify-content:space-around;
}

.staff-name{
  width:33%;
  height:210px;
}

#close-two{
  width:10%;
  height:50px;
  line-height:50px;
  text-align:center;
  border:solid 3px white;
  border-radius:5px;
  position:absolute;
  top:60px;
  right:5%;
}

#close-two:hover{
  cursor:pointer;
  transform:rotateZ(360deg);
  transition:1.0s;
}

#close-two a{
  color:white;
  text-decoration:none;
}

/*jQuery contact-wrapper出現部分-------------------------------------------------------------*/
#contact-wrapper{
  width:100%;
  height:100%;
  background-color:rgba(242, 245, 250, 0.7);
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:100;
  display:none;
}

.contact-container{
  width:70%;
  height:500px;
  color:white;
  background-color:rgba(10, 90, 246, 0.7);
  border-radius:10px;
  position:absolute;
  top:80px;
  left:15%;
}

.contact-center{
  width:50%;
  height:400px;
  margin:60px auto 0 auto;
}

.contact-center p{
  font-size:30px;
}

#close-third{
  width:10%;
  height:50px;
  line-height:50px;
  text-align:center;
  border:solid 3px white;
  border-radius:5px;
  position:absolute;
  top:60px;
  right:5%;
}

#close-third:hover{
  cursor:pointer;
  transform:rotateZ(360deg);
  transition:1.0s;
}

#close-third a{
  color:white;
  text-decoration:none;
}



/*int-wrapper部分*/
.int-wrapper{
  width:1130px;
  margin:0 auto;
  margin-bottom:100px;
  height:auto;
}

.int-center-first{
  width:100%;
  height:20%;
  margin-bottom:50px;
  font-size:30px;
  text-align:center;
}

.under{
  border-bottom:solid 3.5px rgba(10, 90, 246, 0.55);
}

.int-center-second{
  width:70%;
  height:auto;
  margin:0 auto;
}

/*int-wrapper-second部分*/
.int-wrapper-second{
  width:1130px;
  margin:0 auto;
  margin-bottom:40px;
  font-size:30px;
  text-align:center;
}

/*company-wrapper部分*/
.company-wrapper{
  width:1130px;
  height:250px;
  margin:0 auto;
  margin-bottom:100px;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.company-wrapper.scrollin{
  opacity:1;
  transform:translate(0,0);
}

.company-container{
  width:90%;
  height:250px;
  margin:0 auto;
  display:flex;
  justify-content:space-around;
}

.company-items{
  width:31.5%;
  height:250px;
  position:relative;
}

/*.company-items::after{
  border-radius:10px;
  content:"";
  background-color:rgba(241, 234, 242, 0.4);
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
}*/

.company-items img{
  width:100%;
  height:100%;
  border-radius:10px;
}

.company-items:hover{
  transform:scale(1.1,1.1);
  transition:1.0s;
}


.company-image{
  width:100%;
  height:50px;
  color:rgba(10, 90, 246, 0.85);
  font-size:50px;
  text-shadow:20px 20px 20px rgba(234, 236, 241, 0.3), -20px 20px 20px rgba(234, 236, 241, 0.3), 20px -20px 20px rgba(234, 236, 241, 0.3), -20px -20px 20px rgba(234, 236, 241, 0.3);
  position:absolute;
  top:40%;
  line-height:50px;
  text-align:center;
}

/*strong-int-wrapper部分*/
.strong-int-wrapper{
  width:100%;
  margin-bottom:40px;
  font-size:30px;
  text-align:center;
}

/*strong-wrapper部分*/
.strong-wrapper{
  width:1130px;
  margin:0 auto;
  margin-bottom:100px;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.strong-wrapper.scrollin-strong{
opacity:1;
transform:translate(0,0);
}

.strong-pr{
  width:70%;
  height:auto;
  margin:0 auto;
}

/*int-wrapper-third部分*/
.int-wrapper-third{
  width:100%;
  margin-bottom:50px;
  font-size:30px;
  text-align:center;
}

/*main-wrapper部分*/
.main-wrapper{
  width:95%;/*1130px*/
  height:300px;
  margin:0 auto;
  margin-bottom:40px;/*15px*/
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.main-wrapper.scrollin-one{
opacity:1;
transform:translate(0,0);
}

.main-container{
  width:100%;
  height:300px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}

.main-items{
  width:32%;/*49%*/
  height:300px;
  background-color:white;/*main-items:hover imgの為の背景色付け*/
  border:solid 3px rgb(133, 127, 131);
  position:relative;
}

/*.main-items::before メモ～画像を暗くする方法　beforeで疑似要素
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:250px;
  background-color:rgba(0, 0, 0, 0.4);
}*/

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

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

/*.main-items-int{
  width:100%;
  height:50px;
  color:white;
  font-size:30px;
  line-height:50px;
  text-align:center;
  background-color:rgba(10, 90, 246, 0.5);
  box-sizing:border-box;
  position:absolute;
  bottom:0;
}*/

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

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

/*main-wrapper-second部分*/
.main-wrapper-second{
  width:95%;
  height:300px;
  margin:0 auto;
  margin-bottom:80px;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.main-wrapper-second.scrollin-two{
opacity:1;
transform:translate(0,0);
}

.main-container-second{
  width:100%;
  height:300px;
  margin:0 auto;
  display:flex;
  justify-content:space-between;
}

.main-items-second{
  width:32%;
  height:300px;
  background-color:white;/*main-items-second:hover imgの為の背景色付け*/
  border:solid 3px rgb(133, 127, 131);
  position:relative;
}

/*.main-items-second:hover img{
  opacity:0.5;
  transition:1.0s;
}*/

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

/*.main-items-int-second{
  width:100%;
  height:50px;
  color:white;
  font-size:30px;
  line-height:50px;
  text-align:center;
  background-color:rgba(10, 90, 246, 0.5);
  box-sizing:border-box;
  position:absolute;
  bottom:0;
}

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

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

/*kyuhuken-wrapper部分*/
.kyuhuken-wrapper{
  width:1130px;
  height:auto;
  margin:0 auto;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.kyuhuken-wrapper.scrollin-kyuhuken{
opacity:1;
transform:translate(0,0);
}

.kyuhuken-container{
  width:100%;
  height:auto;
  margin-bottom:80px;
  border:7px solid rgba(10, 90, 246, 0.7);
  border-image: linear-gradient(to right, rgba(10, 90, 246, 0.7) 0%, rgba(84, 214, 31, 0.7) 100%);
  border-image-slice:1;
}

.kyuhuken-midasi{
  width:100%;
  height:auto;
  font-size:30px;
  color:rgba(10, 90, 246, 0.9);
  margin:40px auto 40px auto;
  text-align:center;
}

.kyuhuken-int{
  width:80%;
  height:auto;
  margin-bottom:40px;
  margin-left:10%;
}

/*access-wrapper部分*/
.access-wrapper{
  width:1130px;
  height:500px;
  margin:0 auto;
  margin-bottom:80px;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.access-wrapper.scrollin-access{
opacity:1;
transform:translate(0,0);
}

.access{
  width:100%;
  height:100%;
  position:relative;
}

/*another-wrapper部分*/
.another-wrapper{
  width:100%;
  height:230px;
  margin-bottom:80px;
  background-color:rgba(241, 234, 242, 0.4);
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.another-main{
  width:1130px;
  height:160px;
}

.another-container{
  width:100%;
  height:100%;
  display:flex;
  justify-content:space-around;
}

.another-item{
  width:31%;
  height:100%;
  background-color:white;
}

.another-item:hover{
  opacity:0.5;
  transition:1.0s;
  cursor:pointer;
}

.another-item img{
  width:100%;
  height:100%;
}

.another-wrapper.scrollin-another{
opacity:1;
transform:translate(0,0);
}

/*end-wrapper部分*/
.end-wrapper{
  width:1130px;
  height:auto;
  margin:0 auto;
  margin-bottom:80px;
  border-top:solid 3.5px rgba(241, 234, 242, 0.7);
  border-bottom:solid 3.5px rgba(241, 234, 242, 0.7);
  position:relative;
  opacity:0;
  transform:translate(0,50px);
  transition:all 1500ms;
}

.end-wrapper.scrollin-end{
opacity:1;
transform:translate(0,0);
}

.end-container{
  width:100%;
  height:auto;
}

.end-wrapper img{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}

.end-container-int{
  width:100%;
  height:auto;
  margin:120px auto 40px auto;
}

.tel{
  width:100%;
  height:auto;
  margin:0px auto 120px auto;
  color:rgba(10, 90, 246, 0.5);
  font-size:30px;
}

/*footer部分*/
footer{
  width:100%;
  height:200px;
  color:white;
  background-color:rgba(10, 90, 246, 0.55);
  position:relative;
}

.footer-center{
  width:40%;
  font-size:20px;
  position:absolute;
  top:40%;
  left:10%;
}