body{
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
}
.sm {
  display: none;
}
.md {
  display: block;
}

.title-back {
    width: 100%;
    min-width: 1920px;
    display: block;
    /* margin-left: calc((100% - 1920px)/2); */
}
.title-img {
  position: absolute;
  top: 41%;
  right: 54.7%;
}
img{
height: auto;
}
.form_bg{
  display: block;
  position: relative;

  width: 90%;
  max-width: 950px;

  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  
  padding-top: 4vw;
  padding-bottom: 2vw;

  background-color: rgb(255, 255, 255);
  color:#2b67b9;
  font-size: 0.8rem;
}

.form_bg ul {
  position: relative;
  padding-left: 0;
  list-style-type: none;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  max-width: 900px;
  font-size: 1rem;
  margin-right: 1rem;
  
  }

.form_bg li {

margin-bottom: 1vw;
line-height: 2vw;
}

.form_bg_inner{
  padding-left: 5vw;
  padding-right: 5vw;
}

.form_elem{
position: absolute;
top: 0px;

}

.form_kawari{
/*padding-left: 5vw;*/
}

.attention{
position: absolute;
right: 2vw;
top: 0em;
font-size: 1em;
color: #b2b2b2;
}
form{
/*padding-left: 5vw;*/
}

form input[type ="text"] {
width: 50vw;
max-width: 798px;
height: 1.5vw;
padding: 2px;
font-size: 1rem;
}

.btn_area{
position: relative;
height: 10rem;
margin-top: 4rem;
text-align: center;
}
.btn_submit{

display: inline-block;
justify-content: center;
align-items: center;

color: white;
font-size: 1.4rem;
width: 10rem;
height: 3.5rem;
background: none;
outline: none;

border: 0;
border: 0px solid #24539a;
background-color: #24539a;
border-radius: 6rem;
margin: 0 auto 0 auto;
text-align: center;
cursor: pointer;
transition: 0s;
line-height: 3.5rem;

}

.btn_submit2{

display: inline-block;
justify-content: center;
align-items: center;

color: white;
font-size: 1.4rem;
width: 10rem;
height: 3.5rem;
background: none;
outline: none;

border: 0;
border: 0px solid #24539a;
background-color: #24539a;
border-radius: 6rem;
margin: 0 auto 0 auto;
text-align: center;
cursor:default;
transition: 0s;
line-height: 3.5rem;

}


.btn_submit:hover {
background-color: hsl(32, 100%, 71%);
border: 0px solid hsl(32, 100%, 71%);
}


.btn_1{
position: absolute;
top: 2vw;
right: 25%;
}
.btn_2{
position: absolute;
top: 2vw;
left:  25%;
background-color: hsl(214, 3%, 57%);
}
.btn_3{
position: absolute;
top: 2vw;
right:  25%;
background-color: hsl(214, 3%, 57%);
}




form input[type = "radio"]{
  /* 色の変更※枠線の色は変更できない */
  accent-color: rgb(49, 80, 218);
  /* 大きさ */
  inline-size: 1.3rem;
  block-size: 1.3rem;
  margin: 5px 5px;
  vertical-align: middle;
  cursor: pointer;
}

form textarea{
overflow: hidden;
word-wrap: break-word;
resize: horizontal;
height: 170px;
width: 50vw;
font-size: 1rem;
line-height: 1.5rem;
max-width: 798px;
}

label {
  display: block;
  color: black;
  text-align: left;
  font-weight: bold;
  font-size: 1rem;
  margin-top: 1.5rem;
 }

.radio_sexlabel{
  margin-top: 0vw;
  font-weight: normal;
  display: inline-block;
}
.radio_joblabel{
font-weight: normal;
margin-top: 0.5rem;
}

 span{
color: red;
font-size: 0.8rem;
}

a{
color: #a3a3a3;
list-style: lower-roman;
text-decoration: underline;
}

.h1modoki{
margin-top: 2vw;
margin-bottom: 4vw;
font-size: 1.9rem;
font-weight: bold;
color: #434343;
}
.h2modoki{

font-size: 1.5rem;
font-weight: bold;
color: #2b67b9;
margin-top: 4vw;

}

.h2modoki_li{
font-size: 1.5rem;
}
.h3modoki{
font-weight: bold;
color: black;
font-size: 1rem;
}
.h3modoki a{
color: rgb(27, 157, 245);
text-decoration: underline;
}

li.h3modoki{
max-width: 300px;
margin-right: 0px;
}

h1{
margin-top: 2vw;

}
h2{
position: relative;
}


.error_m{

}
.f_black{
color: black;
font-size: 1rem;
font-weight: normal;
}

.example{
  
}
.accept{
display: block;
font-weight: normal;
}



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


.md {
      display: none ;
    }
.sm {
      display: block ;
    }


.title-back {
      width: 209%;
      min-width: unset;
      margin: 0;
}
.title-img {
  width: 63.9%;
  top: 39%;
  left: 10%;
  max-width: 395px;
  min-width: 266.7px;
}

  
label{
    font-size: 1rem;
}
        
.form_bg {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
form input[type ="text"] {
  width: 100%;
  height: 6vw;
  font-size: 3.6vw;
  line-height: 6vw;
}
form textarea{

  height: 170px;
  width: 80vw;
}

.accept{
  display: inline-block;
}

.h2modoki_li{
  font-size: 1.5rem;
  
}
.h3modoki{
  font-weight: bold;
  color: black;
  font-size: 1rem;
}
.f_black{
  color: black;
  font-size: 1rem;
  font-weight: normal;
}
.form_bg ul {
  width: 80vw;
}

.form_bg li {

  margin-bottom: 1vw;
  line-height: 6vw;
  height: 2rem;
}

.btn_1{
  top: 60%;
  right: calc((100% - 10rem)/2);
}
.btn_2{

  top: 0;
  left:  calc((100% - 10rem)/2);
  background-color: hsl(214, 3%, 57%);
}
.btn_3{

  background-color: hsl(214, 3%, 57%);
  top: 60%;
  right: calc((100% - 10rem)/2);
}
.btn_submit,
.btn_submit2{

  display: block;
  margin: 5vw auto;

}
.sp_yohaku{
  margin-bottom: 4rem;
}



}

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

.form_bg ul {
  -webkit-column-count:1;
     -moz-column-count:1;
          column-count:1;
  }
}