@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
/* ==========================================================================
	CONTENT
========================================================================== */
#main {
  background-color:#f0e8ff;
}
#main .inner{
  width:100%;
  max-width:1300px;
  text-align:center;
  overflow:hidden;
  margin:0 auto;
}
.slider{
  width:100%;
}
.slider ul{
  width:100%;
}
.slider li{
  display:block;
  text-align:center;
}
.slider li img{
  width:100%;
  height:auto;
}



#first{
  text-align:center;
}
#first h2{
  font-size:1.4rem;
  font-weight:normal;
}
#first h2 span{
  color:#93823c;
  font-size:1.6rem;
}

#service ul{
  overflow:hidden;
}
#service ul li{
  float:left;
  width:30%;
  text-align:center;
  margin:0 1.5%;
}
#service ul li h3{
  color:#9f90bc;
  font-size:2.0rem;
  padding:20px 0;
}

#hot{
  border-radius:10px;
  background:url(../images/index-images/hot-bg.jpg) 100% 0 no-repeat;
  background-size:cover;
  box-sizing:border-box;
  padding:90px 60px;
}
#hot p{
  line-height:2.5em;
}

#news h2{
  text-align:center;
  margin-bottom:20px;
}
#news dl{
  overflow:hidden;
  border-bottom:1px dotted #000;
  margin-bottom:20px;
}
#news dt{
  float:left;
  width:14%;
  text-align:center;
  border-right:1px dotted #000;
  box-sizing:border-box;
  padding:10px 0;
}
#news dd{
  float:left;
  width:80%;
  box-sizing:border-box;
  padding:10px 0 10px 20px;
}
#news dd a:hover{
  text-decoration:underline;
}
#news .btn{
  text-align:center;
  padding-top:20px;
}
/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {
}

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

@media screen and (max-width:1199px) {
#service ul li h3{
  font-size:1.7rem;
  padding:20px 0;
}
}

/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */
@media screen and (max-width: 699px) {

#first h2 span{
  display:block;
}
#service ul li{
  float:none;
  width:90%;
  text-align:center;
  margin:0 auto 30px auto;
}
#service ul li h3{
  font-size:1.5rem;
  padding:10px 0;
}

#hot{
  border-radius:10px;
  background:url(../images/index-images/hot-bg2.jpg) 100% 0 no-repeat;
  background-size:cover;
  box-sizing:border-box;
  padding:30px 20px;
}
#hot p{
  line-height:1.8em;
}

#news h2 img{
  width:150px;
  height:auto;
}
#news dl{
  margin-bottom:3px;
}
#news dt{
  float:none;
  width:100%;
  text-align:left;
  border-right:none;
  box-sizing:border-box;
  padding:10px 0 0 0;
}
#news dd{
  float:none;
  width:100%;
  box-sizing:border-box;
  padding:10px 0 10px 0;
}
#news dd a{
  display:block;
}
#news .btn{
  padding-top:20px;
}
#news .btn img{
  width:150px;
  height:auto;
}


}