@charset "utf-8";

.main {position:relative}
.main .main_box {width:100%; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 20px;}
.main h2 {font-size:50px; color:#fff; font-weight:200; margin:20px 0px 26px; line-height:1.3;}
.main h2 span {font-weight:500;}
.main p.reserv {font-size:20px; color:#fff; word-break:keep-all; margin-top:20px;}

.main_slide .slick-slide{height: 700px; }
.main_slide .img01 { background-image:url(../img/main_banner1.jpg); background-size: cover; background-position: center;}
.main_slide .img02 { background-image:url(../img/main_banner2.jpg); background-size: cover; background-position: center;}
.main_slide .img03 { background-image:url(../img/main_banner3.jpg); background-size: cover; background-position: center;}
.main_slide .img04 { background-image:url(../img/main_banner4.jpg); background-size: cover; background-position: center;}

@media (max-width:969px) {
  .main {}
  .main h2 {font-size:36px;}
  .main h3 {font-size:25px;}
  .main p.reserv {font-size:18px;}	
  
  .main_slide .slick-slide {height: 600px;}    
}

@media (max-width:767px) {
  .main {}
  .main h2 {font-size:28px;}
  .main h3 {font-size:18px; line-height:1.4;}
  .main p.reserv {font-size:16px; margin-top:10px;}	
  
   .main_slide .slick-slide {height: 400px;}    
}

@media (max-width:480px) {
  .main {}
  .main h2 {font-size:21px; margin:16px 0 20px;}	
  .main p.reserv{font-size: 14px;  margin-top: 0px;}
  
   .main_slide .slick-slide {height: 300px;}    

}