@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 {
}
.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%;
}
.input_item_title{

}
.input_item_title
,.input_item {
  display:block;
  width:100%;
  max-width: 100%;
  padding:0 5%;

  font-size:1.5em;
  font-size:4vw;
}

.bg_01_bg {
  /*top:15%;*/
	top:-30%;
  margin-left:-25%;
  width:150%;
	z-index: -2;
}
.bg_01_bg img {
  /* width:1500px; */
  /* width:600%; */
  margin-left: 0%;
}
	
	
	


/*--------------------------------------------------------
//各種レイアウト
--------------------------------------------------------*/



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

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

}

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

  .raku_03_03 {
    /*top:19%;*/
	  top:-20%;
  }

}