/*form 140318*/
.form_14318{
width:100%;
height: auto;
margin:0px; padding:0px;
background-size:100% auto;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
-ms-background-size: 100% auto;
text-align:center;
vertical-align:bottom;
}


.str_color {
  color: #c34e77;
}

.f12{
font-size: x-small !important;
color:#1c34a6;
margin-left: 8%;
margin-right: 5%;
padding-bottom: 5%;
}

.left{text-align:left !important;}
.lh-120{ line-height:120% !important;}


.form_14318 form{

  margin:0 auto;
  position:relative;
  padding-bottom: 5%;
  
}



input[type=submit]{
  display:block;
  width:100%;
}


/*-----------------Q-----------------*/

.form_14318 form .q-title{
  padding:8px 0 0px;
  font-weight:bold;

}

.form_14318 .q-count{
  text-align:center;  
}

.form_14318 .q-count span{
  margin:0 5px;
  
}
.form_14318>ul{
  position:relative;
  
}
.form_14318>li{
  position:absolute;
  top:0;
  left:0;
  
}


.form_14318 .btn-back{
    width: 7em;
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -3.2em;
}


.q-title img {
    width: 90%;
    margin: 0 auto;
    margin-top: 5%;
} 


.q1 .qbox{ flex-direction: column; align-items: center;}
.q1_btn{ width: 40%; margin: 1em auto 0;}
.q1 label + span{ font-weight: bold;}


.q01 select{padding: 5px 0 5px 0;height: 40px;font-size: 1.1em;}
select#birth{width:29%;}
select#month{width:19%;}
select#date{width:19%;}

.q2 .qbox{ justify-content: space-around; padding: 0 5%;}
.q2 input{display: none;}
.q2 label{ width: 22%;}

.q3 .qbox{ justify-content: space-around; padding: 0 2.5vw;}
.q3 input{display: none;}
.q3 label{ width: 47%;}

.q4 .qbox{ justify-content: space-around; padding: 0 2.5vw;}
.q4 input{display: none;}
select#area{width:47%;}

.q5 select{padding: 5px 0 5px 5px!important;height: 40px;font-size: 1.1em;}
select.pr{width:40%; margin: 0 auto; display: block;}
.q5_btn{ width: 40%; margin: 1em auto 0;}

.q6 .qbox{ width: 90%; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center;}
input.h-name{ width: 80%; padding: 1em .5em; font-size: 16px; border-radius:4px; border: 1px solid #4c4c4c;
  box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.5);}
.q6 #submit{ width: 40%; margin-top: 1em;}
input#submit:disabled{ opacity: .5;}

::placeholder{color: #b2b2b2;}
input disabled{ opacity: .8;}


.entryform dl {
  padding-top: 15%;
}

/*-----------------Q1-----------------*/

#q-1 .q-title{

}

#q-1 dl{
  text-align:center;
  margin:0 auto;  
  padding-bottom: 5%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;

}

#q-1 dl dd{
  display:inline-block;  
}

#q-1 dl dd{
    
}

#sexf {

}

#sexm {

}

/*-----------------Q2-----------------*/

#q-2 .q-title{
    padding-bottom: 5%;
}

#q-2 dl dd{
  display:inline-block;  
  width: 100%;
}

#q-2 dl{
  margin:0 auto;  
  padding-bottom: 5%;


}

form #birth{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
  border-radius:4px;
}

form #month{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
  border-radius:4px;
}

form #date{

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: left;
  color: #000000;
  background-color: #FFFFFF;
  border-radius:4px;
}


/*-----------------Q3-----------------*/


#q-3 .q-title{

}


#q-3  dl{
  margin:0 auto;  
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}
#q-3 dd{

}


#q-3 dl dd{
}
dd#ub-B{
background-position: 0 -285px;
}

dd#ub-O{
  background-position:0 -375px;
}

dd#ub-AB{
  background-position:0 -467px;
}


/*-----------------Q4-----------------*/
#q-4 .q-title{
}


#q-4  dl{
  margin:0 auto;  
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
}

#q-4  dd{

  
}

#q-4 dl dd{
    
}



dd#um-f{

}

dd#um-t{

}





/*-----------------Q5-----------------*/

#q-5 .q-title{
    padding-bottom: 5%;
}

#q-5 dl{
  text-align:center;
  padding-bottom: 5%;
}

#inpu-text{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 10px;
  text-align: center;
  color: #666666;
  background-color: #FFFFFF;
  border-radius:4px;
  margin:0 auto;
}

/*-----------------Q6-----------------*/

#q-6 dl{
  text-align:center;
  padding-top: 20%;
}


form #area{
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 50px;
  margin: 0 5px 0 0;
  padding: 8px;
  text-align: center;
  color: #000000;
  background-color: #FFFFFF;
  border-radius:4px;
}


/*----------------- -----------------*/

.btn-next {
  width:100%;
  text-align:center;
}

.btn-next span{
  display:block;
  margin:0 auto;
  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  box-shadow:inset 0px 1px 0px 0px #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7e7dc9), color-stop(1, #292787) );
  background:-moz-linear-gradient( center top, #7e7dc9 5%, #292787 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e7dc9', endColorstr='#292787');
  background-color:#7e7dc9;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0;
  border:1px solid #292787;
  display:inline-block;
  color:#ffffff;

  font-weight:bold;
  font-style:normal;
  height:50px;
  line-height:50px;
  width:100px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #1c1b69;
}
.btn-next span:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #292787), color-stop(1, #7e7dc9) );
  background:-moz-linear-gradient( center top, #292787 5%, #7e7dc9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292787', endColorstr='#7e7dc9');
  background-color:#292787;
}.btn-next span:active {
  position:relative;
  top:1px;
}

#q-2,#q-3,#q-4,#q-5,#entry{
  display:none;  
}