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

/*----------------------------------------------------------------------------------
	テーブル
----------------------------------------------------------------------------------*/
.table_01 {
	border-collapse: collapse;
	margin:10px 0 0;
	text-align:left;
	width:100%;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.table_01 td,
.table_01 th{
	padding: 10px 15px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	
}
.table_01 th{
	background:#ddeddb;
	width:120px;
	font-weight:bold;
	color:#555555;
	vertical-align:middle;
}
.table_01 td{
	background:#ffffff;
}

/*----------------------------------------------------------------------------------
	入力フォーム
----------------------------------------------------------------------------------*/
ul.nyuryoku {
	background:#ffffff;
	border:2px solid #cccccc;
	}

ul.nyuryoku li {
	padding:25px 14px ;
	border-bottom:1px dotted #cccccc;
	}

ul.nyuryoku li.last {
	border-bottom:none;
	}

.form_title {
	font-size:18px;
	font-weight:bold;
	margin:0 0 2px 0;
	color:#333333;
	}

.hissu { /*必須項目*/
	display:inline-block;
	font-size:14px;
	color:#fa4c61;
	padding:0 2px;
	}

.nini { /*任意項目*/
	display:inline-block;
	color:#6091d4;
	margin:0 0 0 4px;
	}

ul.input_2_narabi li { /*テキストインプット_2個並び*/
	float:left;
	border-bottom:none;
	padding:0 5px ;
	}

ul.radio_sentakushi li { /*ラジオボタン(チェックボックス)の選択肢_2個並び*/
	float:left;
	width:40%;
	margin:0 5px 0 0;
	padding:5px;
	border-bottom:none;
	}

ul.radio_sentakushi li a:link , ul.radio_sentakushi li a:visited , ul.radio_sentakushi li a:hover   {
	color:#555555;
	text-decoration:none;
	}

/*生年月日_プルダウン横並び*/
ul.pull_narabi_list li {
	display:inline-block;
	margin-right:15px;
	}

pre { /*確認画面のみ入力項目表示*/
	font-size:16px;
	color:#666666;
	margin-left:25px;
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

/*確認のお願い*/
.form_att {
	color:#f65669;
	font-weight:bold;
	text-shadow:1px 1px 1px #ffffff;
	margin:30px 15px 25px !important;
	}

/*===================================
　フォーム装飾
===================================*/
.text, .textarea, .pulldown {
	border:1px solid #cccccc;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	padding: 6px 8px;
	margin:4px 0;
	font-size:18px;
	line-height:1.4em;
	color: #555555;
	background: #fafafa;
	zoom: 1;
}

textarea {
	width:90%;
	}

input, select, textarea {
	font-size:16px;
	}
	
.txt_width {
	width:70%;
	}

.number { /*スマホ版数値入力フォーム*/
	-moz-appearance: textfield;
	}
	
/*数値入力のスピンボタン非表示*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number].num_a { /*firefox*/
	-moz-appearance: textfield;
}



label {
	display:block;
	padding:2px 5px;
	margin:0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	}

label.bg {
	display:block;
	padding:10px 30px;
	margin:0;
	}
	
label.bg:hover {
	background-color:#f4f3f3;
	}

/* Chrome, Safari */
input::-webkit-input-placeholder{
    color: #cccccc;
}
input::-moz-placeholder{ /* Firefox */
    color: #cccccc;
}
input:-moz-placeholder{ /* Firefox 18以前 */
    color: #cccccc;
}

/*----------------------------------------------------------------------------------
	ボタン
----------------------------------------------------------------------------------*/

/*ボタン2つ並び*/
ul.btn_2narabi {
	margin:20px auto 5px;
	width:100%;
	}

ul.btn_2narabi li {
	float:left;
	width:49%;
	box-sizing:border-box;
	margin:0;
	}
	
ul.btn_2narabi li.doc_first {
	margin-right:2%;
	}

/*ボタン*/
.button {
	display:block;
	border:none;
	font-size:20px;
	letter-spacing:0.2em;
	text-align:center;
	padding:10px 0;
	background-color: #ddeddb;
	color: #555555;
	line-height: 2em;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #bed8ba;
	text-shadow: 1px 1px 1px #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-decoration:none;
	cursor: pointer;
}

.button:hover {
	background-color: #c5e9c3;
	box-shadow: 0 3px 0 #b5d9b0;
}
.button:active {
	top: 3px;
	box-shadow: none;
}

/*ボタン_グレー*/
.button_gray {
	background-color: #d3d3d3;
	color: #555555;
	line-height: 52px;
	box-shadow: 0 3px 0 #a9a9a9;
	text-shadow: 1px 1px 1px #ffffff;
}

.button_gray:hover {
	background-color: #dbdbdb;
	box-shadow: 0 3px 0 #b5b5b5;
	}

.button_gray:active {
	top: 3px;
	box-shadow: none;
}

/*1つボタンの場合*/
.all_btn {
	width:100%;
	margin:0 auto 40px;
	}

.all_btn i {
	margin-left:20px;
	font-size:28px;
	}

/*----------------------------------------------------------------------------------
	フッター
----------------------------------------------------------------------------------*/

/*クリアーフィックス*/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 

* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}