@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 {
  padding-top:6.5%;
}
.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;
}

#recruit_02_02 {
    top: 32.4%;
    width: 26.0%;
}
#recruit_02_03 {
    top: 32.5%;
	right: 0%;
    width: 26.0%;
}	
	
.recruit_07_03 {
  top:15%;
  margin-left:-25%;
  width:150%;
}
.recruit_07_03 img {
  /* width:1500px; */
  /* width:600%; */
  margin-left: 0%;
}


.recruit_07_03_sita {
  top:0%;
  margin-left:-25%;
  width:150%;
}
.recruit_07_03_sita img {
  /* width:1500px; */
  /* width:600%; */
  margin-left: 0%;
}
/*	.question__list li{
		font-size: 1.5em;
	}
	.checkbox_text{
	padding: 20px 20px 20px 78px;
	}
	.checkbox_text::before, #template .radio_text::before{
	left: 30px;
	top: 22%;	
	-moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
	}
input {
    vertical-align: middle;
    margin: 0;
    font-size: 1em;
    line-height: inherit;
    color: #565656;
}
input[type="checkbox"]:checked + label, #template input[type="radio"]:checked + label {
    color: #ff5da8;
}*/

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






}


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

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

}

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

  .recruit_07_03 {
    top:19%;
  }

}