@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	word-break: normal;
	font-weight:normal;
	-webkit-font-smoothing:subpixel-antialiased;
}

a {
	color: #d00;
	text-decoration:none;
	outline:none;
}

img {  vertical-align: bottom; border:0;}
html{height: auto;}
body{ font-size: 14px; line-height:1.61;  color: #ff007f; font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; 
background: #ff007f;
padding: 1% 0;
}

#wrapper{ background-color: rgba(255,255,255,0.9); width: 98%; max-width: 800px; margin: 0 auto 0; border-radius: 10px; border: solid 1px #ff007f; position:relative;}
#contents{ width:80%; margin:0 auto 0;}
hr{display:none;}

h2{ display: block; width: 100%; line-height: 1.3; text-align: center; padding: 10% 0 3% 0%; margin-bottom: 2%; font-size: 24px; border-bottom: double 4px #ff007f;}
h2 b, h2 strong{ font-weight:bold;}
h3{ font-size:16px;line-height:120%; color:#ff007f; display:block; text-align:center; background-color:#a00; padding: 5% 0 3% 0%;}
h4{ display: inline; line-height: 120%; font-size: 18px; color: #ff007f; font-weight:bold !important;}

@media screen and (max-width: 640px) {
	  h2{font-size: 18px;}
	  h3{font-size: 14px;}
}

#lead{ border:1px rgba(255,255,255,0.4) dotted; border-width:0 0 1px; margin-bottom:5%; padding-bottom:5%; font-weight: normal;}
#lead a{color:#f6fb8d;text-decoration: underline;}






.question{ margin:35px 0 0;}
.question_title{ display:inline; font-weight:bold;}

input{ display:block; border:none; border-radius:3px; font-size:19px; border:1px solid #ddd; padding:3px 2%; margin:10px 0 0; }
.text input{ width:96%; max-width:96%;}

textarea{ display:block; border:none; border-radius:3px; font-size:19px; border:1px solid #ddd; padding: 3px 2%; margin:10px 0 0; max-width:96%; width:96%;  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }

.question_desc{ display:inline-block; color:#fff; font-size:12px; padding:4px 12px; background:#ff007f; border-radius:20px;}

input:focus{ outline:none;}


#btn_area{ text-align:center; margin:50px 0 20px;}

#btn_area input{ display:inline; width:30%;height:auto; padding:10px 0; background:#ff007f; color:#fff; cursor:pointer; -webkit-appearance:none;}
#btn_area input:hover{ opacity:0.5;}
input[type="submit"] { -webkit-appearance: none; border-radius: 0;}

#footer{ text-align:center; padding:30px 0 10px;}
#footer address{ font-size:11px;}

#attention{}
#attention div{ text-indent: -1em; margin-left:1em;}
#attention a{text-decoration: underline;}

#alert{ display: block; background:#fff; padding: 18px 3%; margin: 0 0 30px; width: 94%;}

.option input{ display:inline; margin-right:5px;}
.option label{ font-size:16px;}

select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:19px; padding: 3px 8px; margin: 10px 0 0; max-width: 100%; width:100%; background: url(arrow.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%); background-size: 20px, 100%;}
input.text{ width:100%;}

/*---confirm---*/
#body_id_confirm span.text{ font-size:20px; color:#000000;}
#body_id_confirm .option span.text{ margin-left:0;}
#body_id_confirm .option { display:block; margin:8px 0 0; font-size:20px; color:#000000; font-weight:500;}
#body_id_confirm .question_desc{ display:none;}
#body_id_confirm .attention{ display:none;}
/*
#body_id_confirm .q_textarea span.text pre{ display: block; white-space: pre-wrap; }
*/

#body_id_confirm #btn_bck{ background-color:#666; margin-right:20px; }





/*---confirm---*/

#finish{ display:block; margin:30px 0 0; text-align:center; }
#finish h3{ font-size:27px; font-weight:800; display:block; text-align:center; background-color:transparent; margin:0 0 20px;}

@media screen and (max-width: 640px) {
	  #finish h3{font-size: 18px;}
}


#finish p{ display:block; font-size:15px; text-align:center; }
#closebt a{ display:inline-block; border-radius:20px; background-color:#a00; color:#fff; margin:30px 0 0; padding:2px 15px; }
#closebt a:hover{ opacity:0.8; }


.free-btn a{display:block; width:80%; max-width:640px; margin: 0 auto;  background: #ff007f; color: #fff; padding: 10px;}