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

/* ==========================================================================
	CONTENT
========================================================================== */
#policy{
  background-color:#f4e2cd;
}
#policy h2 img{
  height:24px;
  width:auto;
  margin-bottom:15px;
}

.saiyou-title{
  border-bottom:1px solid #b5b5b6;
  padding-bottom:5px;
  margin-bottom:20px;
}
.saiyou-title img{
  height:22px;
  width:auto;
}
.bn-box{
  margin-bottom:20px;
  overflow:hidden;
}
.bn-box li{
  width:226px;
}
.bn-box li img{
  width:100%;
  height:auto;
}
.flow-next{
  padding-bottom:30px;
  background:url(../images/saiyou-images/flow-icon.gif) 7px 35px no-repeat;
  background-size:15px 12px;
}
.flow-box li div{
  height:29px;
  background-color:#dee3f3;
}
.flow-box li div img{
  height:29px;
  width:auto;
}

/*table-group*/
.table-group{
  width:100%;
  border-collapse: separate;
  border-spacing:1px;
}
.table-group th{
  width:80px;
  border-right:1px solid #9fa0a0;
  background-color:#9c897e;
  color:#ffffff;
  text-align:center;
  vertical-align:top;
  padding:8px;
}
.table-group td{
  text-align:left;
  vertical-align:top;
  background-color:#e3ddd9;
  padding:8px;
}
/* ------------------------------------------------------------
	 PC   800px -
------------------------------------------------------------ */

@media screen and (min-width: 800px) {
#head{
  border-bottom:1px solid #c6c6c6;
}

#policy{
  padding:30px;
}
.bn-box li{
  float:left;
  margin-right:10px;
}

.flow-box li div{
  width:600px;
}


}

/* ------------------------------------------------------------
	 TABLET   for - 799px
------------------------------------------------------------ */

@media screen and (max-width:799px) {
#policy{
  padding:30px;
}
.bn-box li{
  float:left;
  margin-right:30px;
}

.flow-box li div{
  width:100%;
}

}
/* ------------------------------------------------------------
	 SP　599pxまで
------------------------------------------------------------ */

@media screen and (max-width: 599px) {
#policy{
  padding:15px;
}
.bn-box li{
  float:none;
  margin-right:0px;
  margin-bottom:10px;
}

.table-group th{
  width:60px;
  padding:8px 5px;
}
.table-group td{
  padding:8px;
}


}