/* placeholder */
:-ms-input-placeholder{ color: #ccc; }
::-webkit-input-placeholder{ color: #ccc; }
:-moz-placeholder{ color: #ccc; }
::-moz-placeholder{ color: #ccc; opacity: 1; }
:placeholder-shown{ color: #ccc; }
:focus::-webkit-input-placeholder { color: #fff; }
:focus:-moz-placeholder { color: #fff; }
:focus::-moz-placeholder { color: #fff; }
:focus:placeholder-shown { color: #fff; }

/* Form */
input[type="text"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
input[type="text"] { margin: 5px 5px 5px 0px; padding: 2px 10px; color: #333; border: solid #999 1px; }
input[type="text"]:read-only { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
input[type="text"]:read-only { margin: 5px auto; padding: 2px 10px; color: #333; border: solid #fff 1px; }
input[type="submit"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
input[type="submit"] { margin: 20px auto; padding: 2px 10px; color: #fff; background: linear-gradient(to right,#ee87b4,#d2ecfa); border: solid #ee87b4 1px; border-radius: 6px; cursor: pointer; opacity: 1.0; }
input[type="submit"]:hover { opacity: 0.5; }
input[type="button"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
input[type="button"] { margin: 20px auto; padding: 2px 10px; color: #fff; background: linear-gradient(to right,#ee87b4,#d2ecfa); border: solid #ee87b4 1px; border-radius: 6px; cursor: pointer; opacity: 1.0; }
input[type="button"]:hover:not(.disabled) { opacity: 0.5; }
input { font-size: 16px; line-height: 140%; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select { margin: 0px 5px 0px 0px; padding: 2px 10px; color: #333; font-size: 16px; line-height: 140%; border:solid 1px #999; background: #f8f8f8; }
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { margin: 0px 5px 0px 0px; padding: 2px 10px; width: 90%; color: #333; font-size: 16px; line-height: 140%; border:solid 1px #999; background: #f8f8f8; }
label { margin: 0px; padding: 0px; }
.input { width: 95%; }
.error { margin: 0px; padding: 4px 0px; width: 100%; color: #ff0066; }
.submit_set { margin: 0px; padding: 0px; width: 100%; }
.submit_set input[type="submit"] { margin: 20px 0px 20px 40px; }

.min { font-family:serif; font-size:calc(24px + ((1vw - 5px)*(4/7))); font-weight: 800; line-height:1; letter-spacing: 0.1em; vertical-align: top; text-align: center; }
#page_title { margin: 0px auto 30px; padding: 30px 0px 15px; width: 90%; border-bottom:1px solid #0a657b; }
#form_title { margin: 50px auto 30px; padding: 0px; width: 1000px; height: 56px; color: #fff; background: url(../i/form_title_back.jpg) center center no-repeat; }
#form_title span { margin: 12px auto 0px auto; padding: 0px; display: inline-block; }
#form_title2 { margin: 50px auto 30px; padding: 0px; width: 1000px; height: 56px; color: #666; background:  url(../i/form_title_back2.jpg) center center no-repeat; }
#form_title2 span { margin: 12px auto 0px auto; padding: 0px; display: inline-block; }
#form_title3 { margin: 50px auto 30px; padding: 0px; width: 1000px; height: 56px; color: #666; background: #efefef center center no-repeat; border-radius: 6px; }
#form_title3 span { margin: 12px auto 0px auto; padding: 0px; display: inline-block; }
#form_mess { margin: 0px; padding: 0px; width: 100%; text-align: center; }
#form_mess * { color: #777; font-size: 16px; line-height: 140%; }
#form_mess hr { width: 60%; height: 2px; background: #ccc; border: 0px none; }
#form_mess span { margin: 0px; padding: 0px; color: #777; text-align: left; display: inline-block; }
#form_mess .mess { margin: 20px auto 30px auto; padding: 0px; width: 96%; text-align: left; }

#sample_price { margin: 0px auto; padding: 15px; border: solid 3px #eee; border-radius: 10px; }
#sample_price ul { margin: 0px; padding: 0px; }
#sample_price li { margin: 0px; padding: 3px 0px; text-align: center; }
#sample_price dl { margin: 0px; padding: 0px; display: flex; }
#sample_price dt { margin: 0px; padding: 0px; width: 50%; text-align: right; }
#sample_price dd { margin: 0px; padding: 0px 0px 0px 4%; width: 46%; text-align: left; }
#sample_price .through { text-decoration: line-through; }

.br { display: inline; }
.br_mob { display: none; }

ul,dl { list-style: none; }
form { margin: 20px 0px 50px 0px; padding: 0px; width: 100%; }
form dl { margin: 5px 0px 0px 0px; padding: 0px; width: 100%; display: flex; }
form dt { margin: 0px; padding: 20px 15px; width: 30%; color: #fff; font-size: 16px; line-height: 160%; text-align: left; background: #f2c2d8; box-sizing: border-box; }
form dt span { margin: 0px 0px 0px 5px; padding: 0px 5px; color: #f2c2d8; font-size: 14px; line-height: 160%; background: #fff; border-radius: 3px; }
form dd { margin: 0px; padding: 20px 15px 20px 30px; width: 70%; color: #333; font-size: 16px; line-height: 140%; text-align: left; border-top: solid 1px #eee; border-right: solid 1px #eee; border-bottom: solid 1px #eee; box-sizing: border-box; }
form dd span { padding: 5px 0px 0px 0px; color: #999; font-size: 16px; line-height: 140%; display: inline-block; }
form dd b { padding: 0px; color: #999; font-size: 16px; line-height: 140%; }
form dd a { color: #00b8ee; }
.cr { margin: 0px; padding: 0px; width: 100%; display: flex; }
.cr li:first-child { margin: 0px; padding: 0px; }
.cr li:last-child { margin: 0px; padding: 0px 0px 0px 6px; width: 95%; box-sizing: border-box; }
.select_menu { margin: 0px; padding: 10px 0px 0px 0px; width: 100%; color: #f3a9c9; font-size: 16px; line-height: 220%; }
.form_method_line { margin: 0px; width: 100%; }
form dd .form_method_line:not(:last-child) { padding: 0px 0px 20px 0px; }

#form_select { margin: 0px; padding: 0px; width: 100%; }
#form_select li { margin: 0px; padding: 0px; width: 100%; }

.att { margin: 0px; padding: 20px 0px; width: 100%; text-align: center; }
.att span { margin: 0px; padding: 0px; color: #777; font-size: 16px; text-align: left; line-height: 140%; }

#end_mess { margin: 30px 0px 0px 0px; padding: 0px; width: 100%; }
#end_mess span { margin: 0px; padding: 0px; color: #f3a9ca; font-size: 16px; text-align: left; display: inline-block; }

@media (max-width: 500px) {
	.box ul li div{ width:50%; }
}

@media (max-width: 800px){
	input { font-size: 3.4vw; }
	select { font-size: 3.4vw; }
	textarea { font-size: 3.4vw; }
	.br { display: none; }
	.br_mob { display: inline; }
	
	#page_title { width:55%; }
	#form_title { width: 100%; }
	#form_mess * { font-size: 3.4vw; }
	#form_mess dl { padding: 20px; }
	#form_mess hr { width: 90%; }
	#form_mess div { margin: 20px auto 30px auto; width: 96%; }
	
	#sample_price li { padding: 0px; }
	
	form dl { margin: 15px auto; width: 90%; display: block; border-top: solid 1px #ccc; }
	form dt { padding: 15px 0px; width: 100%; color: #666; font-size: 3.4vw; background: #fff; }
	form dt span { font-size: 3.4vw; }
	form dd { padding: 0px 0px 15px 0px; width: 100%; color: #000; font-size: 3.4vw; background: #fff; border-top: none; border-right: none; border-bottom: none; }
	form dd span { width: 100%; font-size: 3vw; text-align: left; }
	form dd b { font-size: 3.4vw; }
	.select_menu { font-size: 4vw; }
	
	#form_select li dl:last-child { border-bottom: solid 1px #ccc; }
	
	.att { margin: 0px auto; width: 90%; text-align: left; }
	.att span { font-size: 3.4vw; text-align: left; }
	#end_mess span { font-size: 3.4vw; }
}