@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
/* ==========================================================================
	CONTENT
========================================================================== */
#lead .float-l{
  width:56%;
}
#lead .float-r{
  width:40%;
}
#lead .box{
  margin-bottom:15px;
}
#lead h3{
  font-size:1.6rem;
  margin-bottom:10px;
}
#lead h4{
  font-size:1.8rem;
}
#lead h3 span{
  color:#fff;
  background-color:#F60;
  border-radius:15px;
  padding:3px 20px;
}

#amethyst{
  border-radius:10px;
  border:1px solid #ccc4d8;
  padding:40px;
}
#amethyst .float-l{
  width:30%;
}
#amethyst .float-r{
  width:66%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
 
#amethyst dl{
  overflow:hidden;
  float:left;
  width:50%;
  margin-bottom:10px;
}
#amethyst dt{
  float:left;
  display: block;
  color:#fff;
  width:30px;
  font-size:1.5rem;
  text-align:center;
  padding:5px 0;
  margin-right:10px;
}
#amethyst dd{
  padding:5px 0;
}


/* ------------------------------------------------------------
	 PC   1000px -
   ------------------------------------------------------------ */
@media screen and (min-width: 1200px) {
}

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

@media screen and (max-width:1199px) {

}

/* ------------------------------------------------------------
	 SP　599pxまで
   ------------------------------------------------------------ */
@media screen and (max-width: 699px) {
#lead .float-l{
  width:100%;
  margin-bottom:10px;
}
#lead .float-r{
  width:100%;
}
#lead h3{
  font-size:1.6rem;
  margin-bottom:10px;
}
#lead h4{
  font-size:1.5rem;
}
#lead .box{
  margin-bottom:10px;
}

#amethyst{
  border-radius:5px;
  border:1px solid #ccc4d8;
  padding:15px;
}
#amethyst .float-l{
  width:100%;
  margin-bottom:20px;
}
#amethyst .float-r{
  width:100%;
}
#amethyst dl{
  overflow:hidden;
  float:left;
  width:100%;
  margin-bottom:10px;
}

}