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

.mainvisual{
	background: #00aeca;
	background-image: linear-gradient(90deg, #1ab6cf 1px, transparent 0),
	linear-gradient(#1ab6cf 1px, transparent 0);
	background-size: 10px 10px;
	padding: 0;
	min-width: 700px;
}
.mainvisual h2{
	padding: 50px 0;
	color: #fff;
	font-weight: bold;
	font-size: 32px;
}
.sec_form .edit_form input[type="text"],
.sec_form .edit_form textarea {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    vertical-align: bottom;
    font-size: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.sec_form h2{
	text-align: center;
	font-size: 24px;
	margin: 0 0 30px;
}
.sec_form form{
    width: 700px;
    margin: 0 auto 50px;
}

.sec_form .btn {
    margin-top: 15px;
    text-align: center;
}

.sec_form input[type="submit"]{
    margin: 0 10px 30px 10px;
    font-size: 16px;
    color: #fff;
    background: #333;
    border-radius: 5px;
    padding: 10px 2em;
    cursor: pointer;
}

.sec_form input[type="submit"]:hover{opacity: .8;}

.sec_form input[name="back_button"]{
	background: #888;
}

.sec_form .error{color: #d00; }

.sec_form .confirm_form dd {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}
.sec_form p{
	text-align: center;
	margin: 0 0 100px;
}

.edit_form dd, .confirm_form dd{margin-bottom: 1em;}
.required {color: #d00; margin-left: 10px; font-size: 85%;}

.pricacy {
    border: 1px solid #ddd;
    height: 190px;
    padding: 30px;
    overflow-y: scroll;
    margin-top: 30px;
    background: #f9fcfe;
}

.pricacy h3{text-align: center; margin-bottom: 26px; font-size: 20px; line-height: 1.8;}
.pricacy li {margin-bottom: .8em; text-indent: -1em; margin-left: 1em;}
.pricacy li strong{font-weight: bold;}

.agree_check{text-align: center; margin-top: 2em;}

/* ----------------------------------------------------------
	SP用トップページ
---------------------------------------------------------- */
@media screen and (max-width: 768px) {

	.mainvisual{
		text-align: center;
		min-width: auto;
	}

	.sec_form{
		margin: 0 10px;
	}
	.sec_form h2{
		text-align: center;
		font-size: 20px;
		margin: 0 0 20px;
	}
	.sec_form form{
		width: auto;
	}


}