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


/* ==========================================================================
	CONTENT
========================================================================== */
#main{
  position:relative;
  background:url(../images/index-images/main.jpg) 50% 0% no-repeat;
  background-size: cover;
  margin:0 auto;
  padding-top:82%;
}
#main .btn{
  position:absolute;
  width:100%;
  bottom:20px;
  left:0;
}
#main .btn a{
  display:block;
  width:200px;
  height:auto;
  text-align:center;
  color:#fff;
  background-color:#0fc5c1;
  border-radius:5px;
  padding:10px 0;
  margin:0 auto;
	font-size: 1.5em;
	box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.2);
}
#main .btn a:hover{
  text-decoration:none;
}

#lead {
    color: #444;
    background: url(../images/index-images/bg00.png) no-repeat;
    background-size: cover;
    background-color: #fff;
    background-position: center top 15px;
	padding: 30px 0 30px;
}


#headline{
  margin-top:-50px;
}
#headline{
  color:#fff;
  background:url(../images/index-images/bg01.jpg) 50% 50% no-repeat;

  background-size: cover;
  padding:50px 0 50px 0;
}

#headline .cmn-title01{
  text-align:center;
}
#headline .cmn-btn{
  margin:0 auto;
}
#headline .news dd{
  border-bottom:1px dotted #fff;
  padding-bottom:10px;
  margin-bottom:10px;
}
#headline .news dd:last-child{
  border-bottom:none;
  padding-bottom:0px;
  margin-bottom:30px;
}


#guide{
  position:relative;
  z-index:100;
    padding: 0px 15px 30px;
	background-color: #fff;
}
#guide .inner{
  z-index:110;
  overflow:hidden;
  text-align:left;
  background-color:#ff0;
  padding:15px;
    border-radius: 5px;
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.1));
}
}