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


/* ==========================================================================
	CONTENT
========================================================================== */
#main{
  position:relative;
  background:url(../images/index-images/mv.jpg) 50% 50% no-repeat;
  background-size: cover;
  margin:0 auto;
  padding-top:90vh;
}

#main .btn {
    width: 100%;
    left: 0;
    margin-bottom: 30px;
}

#main .btn a{
	display: block;
    max-width: 250px;
    height: auto;
    text-align: center;
    color: #fff;
    background-color: #FA824C;
    border-radius: 100px;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 16px;
    letter-spacing: 0.05em;
    border: 1px solid #0c791e;
}

#main .btn-l{
  width:100%;
  text-align:center;
  border-radius:5px;
  margin-bottom: 20px;
}

#main .btn-r{
  width:100%;
  text-align:center;
  border-radius:5px;
  margin-bottom: 20px;
}

#main .btn-l a{
  display:block;
  width:200px;
  height:auto;
  text-align:center;
  color:#fff;
  background-color:#0059B2;
  border-radius:5px;
  padding:10px 0;
  margin:0 auto;
	font-size: 1.5em;
}

#main .btn-r a{
  display:block;
  width:200px;
  height:auto;
  text-align:center;
  color:#fff;
  background-color:#0059B2;
  border-radius:5px;
  padding:10px 0;
  margin:0 auto;
  font-size: 1.5em;
}

#main .btn-l a:hover{
  text-decoration:none;
}

#main .btn-r a:hover{
  text-decoration:none;
}

#lead {
    color: #444;
    /*background: url(../images/index-images/back.jpg) 50% 80% no-repeat;
    background-size: cover;*/
    padding: 40px 0 40px;
    /*background-color: #fff;*/
}


#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;
	margin-bottom:-50px;
}
#guide .inner{
  z-index:110;
  overflow:hidden;
  text-align:left;
  background-color:#f2f3e4;
    padding: 20px;
    /*border: 4px solid #39a067;*/
    border-radius: 5px;
}

.top_character {
	width: 50px;
	margin: 0 auto;
    display: block;
}

@media screen and (max-width:640px){
#main{
  padding-top:260px;
}
}