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


/* ==========================================================================
	CONTENTS
	========================================================================== */

.reform dl{
  overflow:hidden;
  background:url(../images/reform-images/bf-icon.png) 50% 60% no-repeat;
  background-size:10px auto;
  margin-bottom:10px;
}
.reform dt,.reform dd{
  width:46%;
}
.reform dt{
  float:left;
}
.reform dd{
  float:right;
}

.reform .pic {
  webkit-animation: fadeIn 0.5s ease-in 1;
  -moz-animation: fadeIn 0.5s ease-in 1;
  -o-animation: fadeIn 0.5s ease-in 1;
  animation: fadeIn 0.5s ease-in 1;
  animation-fill-mode: none;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  padding-top: 75%;
  cursor: pointer;
  display: block;
  background-color: #fff;
  box-sizing:border-box;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

.reform .box {
	width: 100%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

.reform .box {
	margin: 0 auto 40px auto;
}
.pager {
	margin-bottom: 40px;
}

}