@charset "utf-8";

.mt200 {
    margin-top:200px;
}

.text-center {
    text-align:center;
}

body {
    background: #efefef;
}

/* page 見出し写真 */
.header_img {
    margin:15px auto;
    display:block;
}

/* 利用規約 */
.kiyaku {
    padding:15px;
    margin-left:auto;
    margin-right:auto;
    max-height:25em;
    overflow-x:auto;
    overflow-y:scroll;
}

.kiyaku h4 {
    padding:0px 20px 10px;
    font-weight:bold;
}

.kiyaku ol {
    padding-left:50px;
    padding-bottom:10px;
}

.kiyaku ol ol {
    padding-left:40px;
}

/* フォーム全般 */
span.form_required:before {
    content: " ※ ";
    color:#ff0000;
}
form span.required:before {
    content: " ※ ";
    color:#ff0000;
}
form .msg {
    color:#0000ff;
}

.form1, .form2, .form3, .form4, .form5, .user_menu {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1em;
    -sizing: border-box;
}

.form1 th, .form3 th, .form4 th, .form10 th {
    width:20%;
}

.form2 th, .form5 th {
    width:40%;
}

@media screen and (min-width:800px){

/* page 見出し写真 */
.header_img {
    width:80%;
}

}

/*button
---------------------------------------------------------------------------*/
a.btn,
button.btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	font-size: 15px;		/*文字サイズ*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
    text-decoration: none;
}
/*マウスオン時の設定*/
a.btn:hover,
button.btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}


.radio_label {
    margin-right:3rem;
}