@charset "utf-8";

/*==================================================================== auth
*/

.auth h1 { color: #6b5040; font-size: 18px; text-align: center;}

.auth .sec1 { background-color: transparent; border: none; padding:  0;}

.ballon_box_a {
	position: relative;
	text-align: center;
	border: none;
	border-style: solid;
	border-width: 5px 5px;
	-moz-border-image: url(../img/bg_white1.png) 10 round;
	-webkit-border-image: url(../img/bg_white1.png) 10 round;
	-o-border-image: url(../img/bg_white1.png) 10 round;
	border-image: url(../img/bg_white1.png) 10 fill round;
	padding: 5px 20px;
	margin-bottom: 20px;
}
.ballon_box_a:before {
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border: 10px solid transparent;
	margin: auto;
}
.ballon_box_a:after {
	position: absolute;
	top: -50px;
	right: 0;
	display: inline-block;
	width: 48px;
	height: 48px;
	background:  url(../img/icon/ico_uguisu1.png);
	background-size: 48px auto; -webkit-background-size: 48px auto;
	content: "";
}

.form_line2 { padding: 0 0 5px; margin: 0 -2px;}
.form_line2 li { display: table; width: 100%;}
.form_line2 li > div { display: table-cell; width: 50%; padding: 2px;}
.form_line2.type2 li > div { width: 70%;}
.form_line2.type2 li > div:first-child { width: 30%;}
.form_line1 .slct,
.form_line2 .slct { width: 100%;}
.form_line1 { padding: 0;}
.form_line1 li { padding-bottom: 5px;}


@media screen and (max-width: 959px) {
	.auth .container_wrap {
	background: none;
	padding-bottom: 80px;
}
	.auth .sec1 {
		position: relative;
		background: #d7faae url(../img/bg_bambooshoot.png) no-repeat 10px 100%;
		background-size: auto 20px; -webkit-background-size: auto 20px;
		padding: 10px;
		margin: 40px -10px 10px;
	}
	.auth .sec1:before {
		position: absolute;
		top: -60px;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 60px;
		background: url(../img/bg_mount.png) repeat-x 100% 0;
		background-size: auto 60px; -webkit-background-size: auto 60px;
	}
}
@media screen and (max-width: 599px) {
	.auth .sec1 { margin-top: 30px;}
	.auth .sec1:before {
		top: -45px;
		height: 45px;
		background-size: auto 45px; -webkit-background-size: auto 45px;
	}
}