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

/*form
-----------------------------------------*/
.form_box dl dd input[type=text],
.form_box dl dd input[type=tel],
.form_box dl dd input[type=email],
.form_box dl dd input[type=password] {
	width:100%;
	padding:5px;
	font-family: system-ui;
}
.form_box input[type="radio"] {
    vertical-align: middle;
	margin:0 0 2px 0;
}
.form_box label {
	margin:0 50px 0 5px ;
}
.form_box dl dd textarea {
	width:100%;
	padding:5px;
	height:10em;
	font-family: system-ui;
}
.form_box dl dd select {
	width:100%;
	padding:5px;
	font-family: system-ui;
}
.form_box .fm_smp {
	font-size:85%;
	color:#999;
	margin:3px 0 0 0;
}
.form_box .fm_err {
	font-size:85%;
	background:#FECDD2;
	color:#990000;
	padding:0 10px;
	display:inline-block;
	margin:2px 0 0 0;
}
.form_box dl dd ul li {
	margin:5px 0 10px 0;
}
.form_box dl dd ul li label {
	margin:5px 0 0 5px;
}
.form_box dl {
	margin:0;
	background:#f6f6f6;
	border-top: 1px #ddd solid;
	display:table;
	width:100%;
	table-layout: fixed;
}
.form_box dl dt {
	width:15em;
	display:table-cell;
	padding:10px 1em;
	vertical-align:middle;
	font-weight: bold;
}
.form_box dl dd {
	display:table-cell;
	padding:10px;
	background:#f7f7f7;
}
.form_box dl dd p {
	margin:0;
}

.form_box .radio_box {
	margin:0 0 0 5px;
}
.form_box .radio_box li {
	display:inline-block;
	list-style:none;
	margin:3px 20px 3px 0;
}

.form_box .check_box {
	margin:0 0 0 5px;
}
.form_box .check_box li {
	display:inline-block;
	list-style:none;
	margin:3px 20px 3px 0;
}
.form_box .button_photo {
	margin-top:10px;
}
.form_btn {
	margin:30px auto !important;
	text-align:center;
	overflow:hidden;
}
.form_btn ul li {
	list-style:none;
}
.form_btn_col2 ul li {
	width:50%;
	float:right;
	padding:0 2%;
}
.form_btn_col2 ul .form_btn_col2_01 {
	text-align:left;
}
.form_btn_col2 ul .form_btn_col2_02 {
	text-align: right;
}

.form_btn input {
	padding:10px 30px;
	border:none;
	color:#fff;
	font-family: system-ui;
	font-size: 100%;
	font-weight: bold;
	border-radius: 22px;
	background: #ff6666;
	border: #ff6666 2px solid;
}
.form_btn input:hover {
    background: #e05555;
    border-color: #e05555;
    cursor: pointer;
}
.form_btn input.dis {
	background:#ccc;
	cursor:default;
}
.form_btn input.redit {
	background:#666;
}
.form_btn input.redit:hover {
	background: #999;
}
.form_box p.error {
	font-size:80%;
	color:#990000;
	margin:4px 0 0 0;
}

.form_box  .form_btn .btn_back {
	text-align:center;
	margin:5em 0 0 0;
}

.form_box .note_text {
	background-color:#F0F0F5;
	color:#144AB8;
	display:none;
}
.form_box .thanks_text {
	font-size: 18px; /* font: size 110%; から変更 */
	font-weight:bold;
	margin:30px 0 100px; /* margin:15px 0 0 10px; から変更 */
	text-align:center; /* 新規追加 */
}

.title-text {
	font-size:23px;
	font-weight:bold;
	margin:15px 0 0 10px;
	color: #4d4d4d;
	font-size: 150%;
	border-bottom: 2px #4d4d4d solid;
}

.require_cont {
	background: #FF0000;
	color: #FFF;
	font-size: 85%;
	padding: 2px 5px;
	margin-right: 5px;
}

.optional_cont {
	background: #808080;
	color: #FFF;
	font-size: 85%;
	padding: 2px 5px;
	margin-right: 5px;
}