@font-face {
  font-family: 'avenir';
  src: url("../font/Avenir.ttc");
}


.main-area img{
  width: 100%;
}
/*.main-area{
  max-width: 1200px;
  min-width: auto;
  margin: 0 auto;
  padding: 0;
  }*/
/*.main_inner{
  max-width: 1200px;
  margin: 0 auto;
  }*/
  .main_inner{
   /* background-image: url(/Page/feature/umeharu/vol3/img/atari.jpg); */
   background-repeat: no-repeat;
   background-size: 100%;
   width: 1400px;
   /* height: 6445px; */
   margin: 0 auto;
   padding-bottom: 280px;
   padding-top: 30px;
 }
 .main_inner .grey{
  width: 480px;
}
.main_inner h2{
  width: 392px;
  margin: 0 auto;
    /*font-size: 28px;
    letter-spacing: 0.08em;
    font-family: 'avenir', sans-serif;
    text-align: center;
    margin-bottom: 15px;*/
  }
  .main_inner h3{
   /* font-size: 54px;
    letter-spacing: 0.05em;
    font-family: 'avenir', sans-serif;
    text-align: center;*/
  }

  .main_inner .first1:hover {
    background-image: url(../img/1hover.png);
    background-size: cover;
  }
  .main_inner .first1{
    width: 400px;
  }
  .main_inner .second1:hover {
    background-image: url(../img/2hover.png);
    background-size: cover;
  }
  .main_inner .second1{
    width: 360px;
  }
  .main_inner .third1:hover {
    background-image: url(../img/3hover.png);
    background-size: cover;
  }
  .main_inner .fifth1:hover {
    background-image: url(../img/4hover.png);
    background-size: cover;
  }
  .main_inner .sixth1:hover {
    background-image: url(../img/5hover.png);
    background-size: cover;
  }
  .main_inner .sixth2:hover {
    background-image: url(../img/6hover.png);
    background-size: cover;
  }
  .main_inner .seventh1:hover {
    background-image: url(../img/7hover.png);
    background-size: cover;
  }

  .main_inner .second1{
    /*width: 400px;*/
  }
  .main_inner .first{
    width: 850px;
    margin: 0 auto;
    padding-top: 77px;
  }
  .main_inner .first img{
    width: 400px;
  }
  .main_inner .second {
    width: 1140px;
    margin: 0 auto;
    padding-top: 60px;
  }
  .main_inner .second img{
    width: 360px;
  }
  .main_inner .third{
   width: 850px;
   margin: 0 auto;
   padding-top: 61px;
   padding-right: 30px;
 }
 .main_inner .third img{
  width: 400px;
}
.main_inner .fourth{
 width: 420px;
 margin: 0 auto;
 padding-top: 60px;   
}
.main_inner .fifth{
  width: 850px;
  margin: 0 auto;
  padding-top: 60px;
}
.main_inner .fifth img{
  width: 400px;
}
.main_inner .sixth {
  width: 1140px;
  margin: 0 auto;
  padding-top: 60px;
}
.main_inner .sixth img{
  width: 360px;
}
.main_inner .seventh{
  width: 850px;
  margin: 0 auto;
  padding-top: 60px;
}
.main_inner .seventh img{
  width: 400px;
}
.main_inner .eighth{
 width: 400px;
 margin: 0 auto;
 padding-top: 60px;   
}
.main_inner .nineth {
  width: 1140px;
  margin: 0 auto;
  padding-top: 60px;
}
.main_inner .nineth img{
  width: 360px;
}
/*
.main_inner .text1, .text2, .text3{
  /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;*/
  /*
  font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Lato, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align: center;
    letter-spacing: 0.1em;
}
*/
/*
.main_inner .credit{
  font-size: 12px;
    letter-spacing: 0.1em;
    line-height: 24px;
    text-align: center;
    font-family: 'quasimoda', sans-serif;
    text-decoration: underline;
    margin-top: 11px;
}
*/
/*FADE IN & FADE OUT*/

img.fade {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 1;
}

img.fade:hover {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0 !important;
}

/*FADE IN & FADE OUT*/


.main_inner .flex_justify{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*position: relative;*/
  /* z-index: -1;*/
}


.nopos{
  position: static !important;
}
.check{
  width: 380px;
  border: 1px solid #000;
  font-size: 22px;
  font-family: quasimoda, sans-serif;
  letter-spacing: 0.04em;

  height: 66px;
  margin: auto;
  font-weight: 400;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 67px;
  text-align: center;
  margin-top: 120px;
  margin-bottom: 10px;
}
.view{
 width: 380px;
 border: 1px solid #000;
 font-size: 22px;
 font-family: quasimoda, sans-serif;
 letter-spacing: 0.04em;

 height: 66px;
 margin: auto;
 font-weight: 400;
 text-align: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
 line-height: 67px;
 text-align: center;
}




/*
.credit li{
  display: inline-block;
}
.credit li:not(:last-child)::after{
  content: '　';
}
*/

.main-area .allbtn{
  border: 1px solid #000;
  font-size: 22px;
  font-family: 'quasimoda-light', sans-serif;
  letter-spacing: 0.04em;
  width: 320px;
  height: 70px;
  margin: auto;
  font-weight: 400;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 70px;
  text-align: center;
}
.main-area .allbtn a{
  display: block;
  margin: auto;
}
.main-area .copy{
  font-size: 13px;
  letter-spacing: 0.1em;
  margin: 47px auto 100px;
  text-align: center;
  font-family: 'quasimoda-light', sans-serif;
}


/*
@-moz-document url-prefix() {
    .main-area .allbtn {
      height: 40px;

padding-bottom: 30px;
font-family: 'quasimoda', sans-serif;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main-area .allbtn{
  padding-top: 5px;
    
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .main_inner .left5 img{
  
    z-index: -9999;
}
}
*/