@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


/* ==========================================================================
	CONTENT
========================================================================== */
#slideshow {
   position:relative;
   width:100%;
   height:773px;
}
#slideshow li {
   position:absolute;
   height:773px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
   background-size:cover;
}
#main{
  width:100%;
  position:absolute;
  z-index:9999;
  top:0;
}

#lead .wrapper{
  text-align:center;
}

#menu{
  background:url(../images/index-images/sky-bg.jpg) 50% 0;
  background-size: cover;
}
#menu .wrapper{
  text-align:center;
}
#menu .btn{
  width:100%;
  max-width:756px;
  height:auto;
}


/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {
#lead p{
  line-height:2.1em;
}

#menu ul{
  overflow:hidden;
  margin-bottom:60px;
}
#menu ul li{
  float:left;
  width:31%;
  margin:0 1%;
}



}

/* ------------------------------------------------------------
	 TABLET   for - 999px
   ------------------------------------------------------------ */

@media screen and (max-width:1199px) {
#slideshow {
   height:700px;
}
#slideshow li {
   height:700px;
}

#lead p{
  line-height:2.0em;
}

#menu ul{
  overflow:hidden;
  margin-bottom:50px;
}
#menu ul li{
  float:left;
  width:31%;
  margin:0 1%;
}



}
@media screen and (max-width: 849px) {
#slideshow {
  height:600px;
}
#slideshow li {
  height:600px;
}
}
/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */

@media screen and (max-width: 649px) {
#slideshow {
  height:400px;
}
#slideshow li {
  height:400px;
}

#lead p{
  line-height:1.8em;
}

#menu ul{
  overflow:hidden;
  margin-bottom:0;
}
#menu ul li{
  float:none;
  width:100%;
  margin:0 auto 20px auto;
}

#lead .wrapper p{
  text-align:left;
}


}
@media screen and (max-width: 449px) {
#slideshow {
  height:240px;
}
#slideshow li {
  height:240px;
}
}
@media screen and (max-width: 350px) {
#slideshow {
  height:220px;
}
#slideshow li {
  height:220px;
}
}