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

.top_form{
	position: relative;
}

.top_form .main{
	line-height: 0;
	text-align: center;
}

.top_form .mid{
	padding: 1px 0%;
	background: url("../img/form/mid.jpg") no-repeat center top;
	background-size: 100% 100%;
}

.top_form .mid .form{
	margin: -6vw 0 0;
	min-height: 280px;
}

.top_form .mid .form .sample{
	color: #fff;
}

.top_form .mid > p, .top_form .mid{	
	line-height: 0;
	/*margin: 20px auto -11vw;*/
	margin: 0 auto;
	position: relative;
	text-align: center;	
	/*width: 78%;*/
	z-index: 1;
}

.top_form .mid > p, .top_form .mid .mid_bottom_text{	
	line-height: 0;
	/*margin: 20px auto -11vw;*/
	margin: 0 auto;
	position: relative;
	text-align: center;	
	width: 60%;
	z-index: 1;
}

.top_form .bottom{
	line-height: 0;
	text-align: center;
}

.main_top{
	line-height: 0;
	vertical-align: top;
	width: 100%;
}

#prof{
	/*background: rgba(255,255,255,0.74);*/
	border-radius: 10px;
	/*height: 53.5vw;*/
	height: 777px;
	/*margin: 5vw auto;*/
	margin: 0 auto;
	overflow: hidden;
	/*padding: 1em 0;*/
	/*padding: 0.5em 0 1em;*/
	/*padding: 3vw 0 0em 0;*/
	padding: 8vw 0 0em 0;
	text-align: center;
	/*width: 92%;*/
	/*width: 90%;*/
}

.prof{
	/*background: rgba(255,255,255,0.74);*/
	border-radius: 10px;
	/*height: 53.5vw;*/
	height: 66.5vw;
	/*margin: 5vw auto;*/
	margin: 0 auto;
	overflow: hidden;
	/*padding: 1em 0;*/
	/*padding: 0.5em 0 1em;*/
	/*padding: 3vw 0 0em 0;*/
	padding: 8vw 0 0em 0;
	text-align: center;
	/*width: 92%;*/
	/*width: 90%;*/
}
.qbox{ display: flex;}

p.form-ttl{ color: #fbd45c; text-align: center; font-size: 1.28em;}
p.dot{
	color: #fff;
	/*font-size: .8em;*/
	font-size: 20.0px;
	/*margin: 3vw auto 0;*/
	margin: 10px auto 0;
	position: relative;
	text-align: center;
}
p.dot span.rd{ color: #ff0078;}
p.dot span.on{ color: #6d2929;}
p.dot span.off{ color: #decfa1;}

p.dot span.ccc{ color: #ccc;}
p.dot span + span{ color: #decfa1; padding-left: .25em;}
p.quest{
	/*color: #fff;*/
	color: #000;
	/*font-size: 1.25em;*/
	font-size: 25px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	/*line-height: 8vw;*/
	line-height: 37px;
	/*margin: 3vw auto 0;*/
	margin: 37px auto 0;
	/*padding: 0.5em 0 1em;*/
	/*padding: 0em 0 0.7em;*/
	padding: 0em 0 37px;
	text-align: center;
}

.q1 .qbox{ flex-direction: column; align-items: center;}
.q1_btn{
	/*margin: 1em auto 0;*/
	margin: 37px auto 0;
	/*width: 65%;*/
	/*width: 42vw;*/
	width: 220px;
	/*width: 32vw;*/
}
.q1 label + span{ /*color: #fff;*/ font-weight: bold;}

#prof select{ background: linear-gradient(#fbfbfb,#918b8f); border: 1px solid #000; color: #000; font-size: 1.25em; padding: .5em;}
.prof select{ background: linear-gradient(#fbfbfb,#918b8f); border: 1px solid #000; color: #000; font-size: 1.25em; padding: .5em;}

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

.q01 select{padding: 5px 0 5px 0;height: 40px;font-size: 1.1em;}
select.by{/*width:29%;*//*width: 21vw;*/width: 150px;}
select.bm{/*left: -1.5vw;*/left: 10px; position: relative; /*width: 15vw;*/width: 100px;}
select.bd{left: 25px; position: relative; /*width:20%;*//*width: 15vw;*/width: 100px;}

span.by_text{font-size: 1.0em; /*left: -1.5vw;*/left: 5px; position: relative;}
span.bm_text{font-size: 1.0em; /*left: -1.0vw;*/left: 20px; position: relative;}
span.bd_text{font-size: 1.0em; /*left: 0vw;*/left: 35px; position: relative;}

.label_q1_set{left: -10px; margin: 0 auto; position: relative;}

.q2 .qbox{ margin: 3vw auto; justify-content: space-around; /*padding: 0 5%;*//*padding: 0 2.5vw;*/padding: 0 5.5vw;}
/*.q2 p.quest{ padding: 2.5em 0 .88em;}*/
/*.q2 p.quest{ padding: 0.5em 0 1em;}*/
.q2 p.quest{ padding: 0.2em 0 0.5em;}
.q2 input{display: none;}
.q2 label{ /*width: 47%;*/ /*width: 37vw;*/ width: 17vw;}

.q3 .qbox{
	justify-content: space-around;
	/*padding: 0 2.5vw;*/
	/*padding: 0 10.0vw;*/
	/*padding: 0 5.0vw;*/
	padding: 0 100px;
}
/*.q3 p.quest{ padding: 2.5em 0 .88em;}*/
/*.q3 p.quest{ padding: 0.5em 0 1em;}*/
.q3 p.quest{ padding: 0.2em 0 1em;}
.q3 input{display: none;}
.q3 label{
	/*width: 47%;*/
	/*width: 32vw;*/
	/*width: 42vw;*/
	width: 220px;
}

.q4 .qbox{
	justify-content: space-around;
	/*padding: 0 2.5vw;*/
	/*padding: 0 10.0vw;*/
	/*padding: 0 5.0vw;*/
	padding: 0 100px;
}
/*.q4 p.quest{ padding: 2.5em 0 .88em;}*/
/*.q4 p.quest{ padding: 0.5em 0 1em;}*/
.q4 p.quest{ padding: 0.2em 0 1em;}
.q4 input{display: none;}
.q4 label{
	/*width: 47%;*/
	/*width: 32vw;*/
	/*width: 42vw;*/
	width: 220px;
}

.q5 .qbox{ width: 100%; flex-direction: column; margin: 0 auto; justify-content: center; align-items: center; position: relative;/* top: -1.5vw;*/}
input.h-name{ /*width: 80%;*/width: 50%; /*padding: 1em .5em;*/padding: 0.5em .5em; /*font-size: 16px;*/font-size: 25px; border-radius:4px; border: 1px solid #4c4c4c;
  box-shadow: inset 1px 1px 5px -3px rgba(0,0,0,0.5);}


.q5 p.quest_mail{
	color: #000;
	font-size: 25px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	line-height: 37px;
	margin: 37px auto 0;
	padding: 0em 0 20px;
	text-align: center;
}

.mail{
	font-size: 25px;
	margin: 0px auto 0;
	padding: 0.5em;
    width: 50%;    
}

.at_domain{
	margin: 20px auto 0;
}

.form_text_at{
	font-size: 25px;
	margin: 0 10px 0 0;
	position: relative;
	top: 5px;
}

.q5_btn{
	margin: 30px auto 0px;
	/*width: 42vw;*/
	/*width: 66vw;*/
	width: 320px;
}
.q5 #submit{
	/*margin-top: 0.5em;*/
	margin-top: 1.0em;
	/*width: 65%;*/
	/*width: 37vw;*/
	/*width: 32vw;*/
	width: 100%;
}
input#submit:disabled{ opacity: .5;}

.mid_text{
	line-height: 0;
	margin: 0px auto 11vw;
	position: relative;
	text-align: center;	
	width: 100%;
	z-index: 1;
}