@charset "UTF-8";

/* ■■ width940 ■■ */
@media screen and (max-width: 901px) {

/*--------------------------------------------------------
定数
--------------------------------------------------------*/

.visible900{
  display: block;
  margin:auto;
  }
.hidden900{
  display: none;
  }

.sp_l {
  text-align:left;
}


/*--------------------------------------------------------
サイト毎に変化のある定数
--------------------------------------------------------*/
.contents{
  width: 100%;
}

.img_center {
  margin-left:0px;
}

/* body {
	min-width: 100%;
} */

/*画像関係*/
img {
	width:100%;
	max-width: 100%;
	height: auto;
}


/*--------------------------------------------------------
各種レイアウト
--------------------------------------------------------*/
#wrapper {
  margin-top:9%;
}

.db_08_01 {
  width:33.333%;
}
.db_08_02 {
  width:33.333%;
}

/* .input {
  width:90%;
}

.button {
  width:100%;
  height:auto;
  padding-top: 30%;
}
input[type="text"]
,input[type="email"] {
  font-size: 1.0em;
  font-size: 4vw;

  border:1px solid #FFA936;

  padding:0% 2%;
  margin:0%;
} */



/*--------------------------------------------------------
//各種レイアウト
--------------------------------------------------------*/
.bg_law_01 {
  background: url("../img/db_p_bg_sp.png") repeat;
  background-size: 100%;
}





}


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

  .visible500{
    display: block;
    margin:auto;
  }
  .hidden500{
    display: none;
  }

  #law {
    font-size:1.0em;
  }
  #law h3 {
    font-size:1.1em;
  }


}

@media screen and (max-width: 401px) {
  .visible500{
    display: block;
    margin:auto;
  }
  .hidden500{
    display: none;
  }


}

@media screen and (max-width: 321px) {
  .visible320{
    display: block;
    margin:auto;
  }
  .hidden320{
    display: none;
  }


}