@charset "UTF-8";
/* CSS Document */


.form_txt {
  line-height: 1.3;
  margin-bottom: 20px;
}

.form_txt a{
  color: #6e72ab;
}


#prof{
  background: rgba(255,255,255,.74);
  min-height: 90vw;
  padding: 5% 1% 10%;
  margin: 0 5% 5%;
  border-radius: 10px;
}
p.dot{
  text-align: center;
  color: #78261a;
  font-size: .85em;
}
p.dot > span + span{
  padding-left: .5em;
}
p.dot > span.av{
  color: #534ae2;
}

.qbox{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;}

p.quest{
    margin: 5% 0;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 3px;
    color: #68281f;
    text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 5px #fff;
}
.q1 .qbox{ flex-direction: column; align-items: center;}
.q1_btn{ width: 40%; margin: 1em auto 0;}
.q1 label + span{ font-weight: bold;}

#prof select{ background: linear-gradient(#fbfbfb,#918b8f); border: 1px solid #000; font-size: 1.25em; padding: .5em;}
#prof select{ background: #eee; background: url( "../img/select.png") no-repeat top right/auto 100%, -webkit-linear-gradient(top, #fbfbfb 0%,#918b8f 100%);
  background: url("../img/select.png") no-repeat top right/auto 100%, linear-gradient(#fbfbfb,#918b8f); border: 1px solid #000; font-size: 1.14em; padding: .5em;}

.q01 select{padding: 5px 0 5px 0;height: 40px;font-size: 1.1em;}
select.by{width:29%;}
select.bm{width:22%;}
select.bd{width:20%;}

.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;}
.q4 label{ 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: 100%; 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;}


/*-----------------form-----------------*/



#form {

}

#form #pro_top h1{
width:100%;
margin: 0 auto;
}
#form #pro_top h2{
max-width: 960px;
width:100%;
height: 121px;
margin: 0 auto;
}
#form table{
  margin: 5px;
  border-collapse: collapse;
}
#form table td b{
padding:4px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'Meiryo', 'sans-serif';
text-align: left;
line-height: 1.4em;
}

#form table th{
    background-image: -webkit-gradient(linear,left top,left bottom,from( #755c58 ),to( #42241f ));
    background-image: -webkit-linear-gradient( #755c58,#42241f );
    background-image: -moz-linear-gradient( #755c58,#42241f );
    background-image: -ms-linear-gradient( #755c58,#42241f );
    background-image: -o-linear-gradient( #755c58,#42241f );
    background-image: linear-gradient( #755c58,#42241f );
    display: block;
    font-size: 13px;
    padding: 3px 10px;
    border-radius: 5px;
    line-height: 1.6;
    color: #fff;
    width: 117px;
    margin-right: 10px;
}


#form table td{
text-align: left;
}

#form p img{
vertical-align:middle;
}

#form p.domain_txt{
margin-top: 10px;
font-size: 16px;
line-height: 1.4em;
}
.d_link {
margin-top: 30px;
padding-bottom:30px;
}

.d_link a:link{
font-size: 16px;
text-decoration: none;
}


#form .form_t {
    margin-top: 25px;

}


#form h4 {
font-size: 18px;
text-shadow: 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 20px #fff, 0px 0px 5px #fff;
padding: 3% 0 0;
text-align: center;
line-height: 1.5em;
letter-spacing: 2px !important;
}

#p_center {
  text-align: center;
}