@charset "UTF-8";




/*----- mv -----*/
.mv {
  width: 100%;
  /*min-width: 1100px;*/
  position: relative;
}
.mv_txt{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 676px;
  margin: auto;
  width: 55%;
}

@media all and (min-width:681px) and (max-width: 1099px){
}
@media all and (min-width:681px){
}
@media all and (max-width:680px){
  .mv_txt {
      width: 85%;
  }

}
@media all and (max-width:370px){}



/*--------------------sec1--------------------*/
.banner{
  padding: 60px 0;
  display: flex;
  flex-wrap: wrap;
}
.banner a{
  width: calc(50% - 2%);
}
.banner a img{
  width: 100%;
}

@media all and (min-width:681px){
  .banner a:nth-child(2n){
    margin-left: auto;
  }
  .banner a:nth-child(n + 3){
    margin-top: 3%;
  }
  .banner a:hover {
    opacity: .7;
  }
}
@media all and (max-width:680px){
  main.inner{
    margin-left: auto;
    margin-right: auto;
  }
  .banner a {
      width: 100%;
  }
  .banner a + a {
    margin-top: 20px;
  }
}
@media all and (max-width:370px){	
}

/*--------------------sec3--------------------*/

@media all and (min-width:681px){
  
}
@media all and (max-width:680px){
  
}
@media all and (max-width:370px){ 
}