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


select {
-webkit-appearance: none !important;/* ベンダープレフィックス(Google Chrome、Safari用) */
-moz-appearance: none !important; /* ベンダープレフィックス(Firefox用) */
appearance: none !important;/* 標準のスタイルを無効にする */
}
::-ms-expand { /* select要素のデザインを無効にする（IE用） */
display: none !important;
}


.form_txt {
  font-size: 0.7em;
  line-height: 1.3;
  margin: 0 5%;
}

.form_txt a{
  color: #e77fdf;
}


#prof {
    margin: 0 5% 5%;
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(61,43,103,0.9);
    border-radius: 10px;
    padding: 5% 0;
}


#prof form{
    padding-bottom: 5%;
}

#contents {
  padding: 0 5% 5%;
}

p.dot{
    text-align: center;
    font-size: .5em;
    color: #ffffff;
    letter-spacing: .5em;
    margin: 10% 0 5%;
}

.q2 p.dot{
}

.q3 p.dot{
}

.q4 p.dot{
}

.q5 p.dot{
}

.q6 p.dot{
}


p.dot > span + span{
  padding-left: .5em;
}
p.dot > span.av{
  color: #ffe850;
}

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

.q2 label{ width: 23%;}

p.quest{
    margin: 5% 0;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 3px;

}
.q1 .qbox{ flex-direction: column; align-items: center;}
.q1_btn{ width: 55%; margin: 1.5em 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%; margin-top: 2em;}
.q2 input{display: none;}
.q2 label{ }

.q3 .qbox{ justify-content: space-around; padding: 0 2.5vw; margin-top: 2em; margin-top: 2em}
.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:60%; margin: 0 auto; display: block;}
.q5_btn{ width: 45%; margin: 1.5em auto 0;}
.q6_btn{ width: 45%; margin: 1.5em auto 0;}
.q7_btn{ width: 45%; margin: 1.5em auto 0;}

.q6 .qbox{ width: 100%; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center;}
input.h-name{ width: 80%; padding: .5em; font-size: 16px; border-radius:4px; border: 1px solid #4c4c4c;
  box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.5); margin-bottom: 10px;}
.q7 .qbox {
  text-align: center;
  justify-content: center;
}
.q8 .qbox{
  padding: 0 2.5vw;
  align-items: center;
}
.q8 #submit{ width: 80%;}

input#submit:disabled{ opacity: 1;}

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


/*=================================================
UNDER PC DEVICE
=================================================*/
@media only screen and (min-width: 480px) {




}