@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
/* ==========================================================================
	CONTENT
========================================================================== */

.step{
  border-radius:10px;
  border:1px solid #ccc4d8;
  padding:40px;
}
.step .box{
  position: relative;
  border-bottom:1px dotted #ccc4d8;
  padding-bottom:20px;
  margin-bottom:20px;
}
.step .box .inner{
  overflow:hidden;
}
.step .box:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #ccc4d8;
}
.step .box-end{
  overflow:hidden;
}
.step .float-l{
  width:20%;
}
.step .float-r{
  width:76%;
}
/* ------------------------------------------------------------
	 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) {

.step{
  padding:15px;
}
.step .box{
  padding-bottom:10px;
  margin-bottom:20px;
}

.step .float-l{
  width:100%;
  margin-bottom:10px;
}
.step .float-r{
  width:100%;
}


}