@media screen and (min-width:960px){
* {
    margin: 0;
    padding: 0;
}
body{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
overflow:hidden;
  overflow-y:scroll;
background:#f1f0f5;
}
.wrapper{
    position: relative;/*←相対位置*/
}
.pic{
width:100vw;
height:80vh;
background-image: url("../pic_img/sample/demo2.jpg");/*ippin*/
  background-position: center bottom;/*ippin*/
  background-repeat: no-repeat;
  background-size: cover;
position:relative;
}
.navi{
position:relative;
height:8vh;
background:rgba(255,255,255,0.3);/*ippin*/
}
.material-icons.menu1{	/*ippin*/
color:white;
display:none;
}
.material-icons.menu2{	/*ippin*/
color:white;
font-size:1.3em;
position:absolute;
top:50%;
transform:translateY(-60%);
float: left;
margin-left:50px;
}
.dai{	/*ippin*/
color:white;
font-size:1.5em;
position:absolute;
top:57%;
transform:translateY(-50%);
float: left;
margin-left:75px;
}
.menu{	/*ippin*/
font-size:1.3em;
color:white;
position:absolute;
top:50%;
transform:translateY(-50%);
float: left;
margin-left:200px;
text-shadow: 1px 1px rgba(167,167,167,1);
}
.catch{
height:40vh;
width:100vw;
background:rgba(0,255,255,0.2);
margin:0;
  padding:0;
position:absolute;
color:white;
font-size:2.8em;
font-weight:bold;
text-shadow: 2px 2px rgba(167,167,167,0.8);
top: 65%;
left:50%;
 -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.catch p{
padding-top:25px;
text-align:center;}
.yume{
font-size:1.5em;
margin:0;
  padding:0;
position:absolute;
font-weight:bold;
color:white;
text-shadow: 2px 2px rgba(167,167,167,0.8);
top: 80%;
left:50%;
 -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.sec-dai{
margin-top:80vh;
text-align:center;
color:rgb(90,90,90);
}
.syudai{
font-weight:bold;
font-size:2em;
margin-top:4%;
}
.main{
width:965px; /*980px;*/
margin-top:4%;
margin:0 auto;
  display:-webkit-flex;
  display: -ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
justify-content: space-around;
margin:0 auto;
}
.mainbox1{
border-top:1px #a7a7a7 solid;
border-left:1px #a7a7a7 solid;
box-shadow: 2px 2px 2px 2px rgba(167,167,167,0.8);
border-radius:5px;
width:500px;
height:180px;
background:rgba(0,255,255,0.2);
padding:40px;
}
.mainbox1 span{
margin: 0 30px 0 0;
float:left;
}
.mainbox1 img{
width:100px;
}
.mainbox1 p{
color:rgb(90,90,90);
}
.mainbox1 a{
text-decoration:none;
color:rgb(90,90,90);
}
.mainbox1 a:hover{
text-decoration:underline;
}
.naiyou{
float:left;
color:white;
background:#64b1e2;
padding:2px;
width:100px;
text-align:center;
border-radius:5px;
}
.mainbox2{
margin-left:20px;
border-top:1px #a7a7a7 solid;
border-left:1px #a7a7a7 solid;
box-shadow: 2px 2px 2px 2px rgba(167,167,167,0.8);
border-radius:5px;
width:300px;
height:300px;
background:white;
padding:20px;
text-align:center;
}
.mainbox2 p{
box-shadow: 2px 2px 2px 2px rgba(167,167,167,0.8);
color:rgb(90,90,90);
}
.mainbox2 iframe{
box-shadow: 2px 2px 2px 2px rgba(167,167,167,0.8);
}
.syamei{
font-size:1.2em;
}
.material-icons.dis2{
color:rgb(90,90,90);
margin-left:130px;

}
.material-icons.dis3{
color:rgb(90,90,90);
}
.material-icons.dis4{
color:rgb(90,90,90);
}
.material-icons.dis5{
color:rgb(90,90,90);
margin-left:130px;
}
.intro-waku{
width:965px; /*980px;*/
margin-top:4%;
  display:-webkit-flex;
  display: -ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
justify-content: space-around;
margin:0 auto;
}
.each{
margin-top:30px;
border-top:1px #a7a7a7 solid;
border-bottom:1px #a7a7a7 solid;
border-left:1px #a7a7a7 solid;
border-right:1px #a7a7a7 solid;
width:300px;
height:390px;
/*box-shadow: 2px 2px rgba(167,167,167,0.8);*/
box-shadow: 10px 10px 15px -10px;
border-radius:5px;
}
.comp_name{
height:70px;
background:white;
text-align:center;
}
.comp_name p{
  line-height: 70px;
color:#64b1e2;
font-weight:bold;
}
.words{
background:white;
height:250px;
color:#96ace7;
padding:10px;
}
.words2{
background:white;
height:250px;
color:#96ace7;
padding:10px;
text-align:center;
}
.words2 img{
width:250px;
margin:0 auto;
}
.detail{
background:white;
height:49px;
text-align:center;
}
.detail span{
  line-height: 49px;
color:#96ace7;
}
.detail a{
text-decoration:none;
  line-height: 49px;
color:#96ace7;
}
.detail a:hover{
color:#64b1e2;
/*font-weight:bold;*/
}
.footer{
margin-top:4%;
height:50px;
background:rgb(72,91,180);
}
.thumb img{
width:30px;
line-height:50px;
padding-top:10px;
padding-left:20px;
}
.thank{
line-height:50px;
padding-left:15px;
color:white;
}
.copy{
padding-left:15px;
color:white;
}
.copy a{
text-decoration:none;
color:white;
}
.copy a:hover{
background:white;
color:rgb(72,91,180);
}
.copy2{
padding-left:15px;
color:white;
}
.copy2 a{
text-decoration:none;
color:white;
}
.copy2 a:hover{
background:white;
color:rgb(72,91,180);
}
.copy3{
color:white;
}
.thank a{
color:white;
text-decoration:none;
}
.thank a:hover{
background:white;
color:rgb(72,91,180);
}
.fixed_header{
    display:none; /*初期状態：非表示にする*/
    width:100vw;
height:50px;
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    background:rgba(0,255,255,0.1);
box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);
}
.dai2{
padding-top:10px;
color:silver;
font-size:1.3em;
float: left;
margin-left:75px;
}
.sp_br {
       display: none;
    }
.underline{
border-bottom:double;/*二重線を引く*/
border-color:#FF0000;
border-width:3px;
color:rgb(90,90,90);
}


}