@charset "UTF-8";

/*テーブル*/
@media screen and (max-width: 798px) {
  .contents table {
	width: 100% !important;
  }
}

.contents table {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
}
.contents table tr th {
	font-weight: bold;
	text-align: left;
	background: #1169b8;
	color: #fff;
	border: none;
	border-bottom: solid 1px #fff;
	min-width: 198px;
	padding: 13px 15px 10px;
	letter-spacing: 0;
	position: static;
}
.contents table tr td,
.contents table tr:nth-child(even) td {
	width: auto;
	font-weight: normal;
	background: #f6f6f6;
	border: none;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-size: 1.5rem;
	letter-spacing: -.2px;
	padding: 11px 19px;
	position: static;
}

@media screen and (max-width: 798px) {
  .contents table,
  .contents table caption,
  .contents table tbody,
  .contents table tfoot {
	display: block;
  }
  .contents table tr {
	display: block;
	margin-top: 0;
  }
  .contents table tr th {
    font-size: 1.4rem;
    width: auto;
  }
  .contents table tr th,
  .contents table tr td,
  .contents table tr:nth-child(even) td {
	display: block;
	padding: 10px;
  }
  .contents table tr td,
  .contents table tr:nth-child(even) td {
	border-top: none;
	font-size: 1.3rem;
  }
  .contents table.normal_table tr th,
  .contents table.normal_table tr td {
	  width: auto;
  }
}

/* フォーム系css
 * ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- ----- **/
.contents .table_form {
	margin-bottom: 80px;
}
.contents .table_form table tr th {
	width: 25%;
	min-width: 0;
	padding: 19px 11px 15px;
}
.contents .table_form table tr  td,
.contents .table_form table tr :nth-child(even) td {
	letter-spacing: 0;
	padding: 17px 38px 17px 32px;
}

.contents .table_form th .must {
	display: inline-block;
	background: #e10012;
	color: #fff;
	padding: 0 10px 0 9px;
	line-height: 1.5;
	font-size: 1rem;
	vertical-align: middle;
	margin-left: 11px;
	font-weight: normal;
}

@media screen and (max-width: 798px) {
	.contents .table_form {
		margin-bottom: 40px;
	}
	.contents .table_form table tr th {
		width: auto;
		padding: 13px 15px 10px;
	}
	.contents .table_form table tr  td,
	.contents .table_form table tr :nth-child(even) td {
		padding: 11px 15px;
	}
}

/* 初期値 */
.contents .table_form td input.no_input {
    border: none !important;
    padding: 0 !important;
	width: 100%;
}

.contents .table_form td label {
	margin-right: 20px;
	display: inline-block;
}
.contents .table_form td .checkbox_ul label {
	margin-right: 10px;
}

/* チェックボックス */
.contents .table_form td input[type="checkbox"] {
	margin-right: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #c1c1c1;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	vertical-align: middle;
	border-radius: 2px;
}
.contents .table_form td input[type="checkbox"]:checked {
    background: #fff;
	position: relative;
}
.contents .table_form td input[type="checkbox"]:checked::before {
	content: "";
    position: absolute;
    width: 2px;
    height: 5px;
    top: 1px;
    left: 2px;
    background: #ed8383;
    transition: width .2s;
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
}
.contents .table_form td input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 8px;
    background: #ed8383;
    top: -1px;
    left: 6px;
    transition: width .2s .2s;
    -webkit-transform: rotate(230deg);
    transform: rotate(230deg);
}

/* ラジオボタン */
.contents .table_form td input[type="radio"] {
	margin-right: 7px;
	width: 18px;
	height: 18px;
	border: 1px solid #c1c1c1;
	border-radius: 50%;
	-webkit-order-radius: 50%;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: none;
	vertical-align: middle;
}
.contents .table_form td input[type="radio"]:checked {
    background: #fff;
	position: relative;
}
.contents .table_form td input[type="radio"]:focus {
    background: #eaf1f9;
}
.contents .table_form td input[type="radio"]:checked::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	background: #1169b8;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 10px;
	height: 10px;
}

/* テキスト */
.contents .table_form td input[type="text"] {
	margin: 0 10px 0 0;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ddd;
	padding: 6px;
	box-sizing: border-box;
	outline: none;
	border-radius: 5px;
	font-family: inherit;
}
.contents .table_form td input[type="text"].input_txt_ss {
	padding: 3px 5px 2px;
	width: 30px;
}
.contents .table_form td input[type="text"].input_txt_sm {
	width: 40px;
}
.contents .table_form td input[type="text"].input_txt_sl {
	width: 160px;
}

.contents .table_form td input[type="text"].input_txt_ms {
	width: 200px;
}
.contents .table_form td input[type="text"].input_txt_mm {
	width: 300px;
}
.contents .table_form td input[type="text"].input_txt_ml {
	width: 360px;
}

.contents .table_form td input[type="text"].input_txt_ls {
	width: 470px;
}
.contents .table_form td input[type="text"].input_txt_lm {
	width: 530px;
}
.contents .table_form td input[type="text"].input_txt_ll {
	width: 100%;
}

.contents .table_form td input[type="text"]:focus {
	background: #eaf1f9;
}
@media screen and (max-width: 798px) {
	.contents .table_form td input[type="text"] {
		max-width: 100%;
		margin: 4px 5px 4px 0;
	}
	.contents .table_form td input[type="text"].input_txt_sl {
		width: 70px;
	}
}

/* テキストエリア */
.contents .table_form td textarea {
	width: 100%;
	height: 176px;
	display: block;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 5px 3px;
	box-sizing: border-box;
	outline: none;
	resize: none;
}

.contents .table_form td textarea:focus {
	background: #eaf1f9;
}

/* セレクトボックス */
.contents .table_form td .select_box {
	display: inline-block;
	border:1px solid #ddd;
	border-radius: 5px;
	position: relative;
	margin: 0;
	min-width: 290px;
	background: #fff;
}
.contents .table_form td .select_box::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 7px solid #0d6ab8;
    margin-right: 0;
	position: absolute;
	top: 39%;
	right: 20px;
}
.contents .table_form td .select_box select {
	outline:none;
	text-overflow: '';
	background: none transparent;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	padding: 10px 15px 10px;
	font-size: 1.4rem;
	font-family: inherit;
	width: 100%;
}
.contents .table_form td .select_box select::-ms-expand {
	display: none;
}
@media screen and (max-width: 798px) {
	.contents .table_form td .select_box {
		min-width: 0;
		width: 100%;
	}
}


.contents .table_form td .note {
	margin-right: 10px;
	font-size: 1.8rem;
}
@media screen and (max-width: 798px) {
	.contents .table_form td .note {
		margin-right: 7px;
	}
}

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

.contents .thanks_txt h3 {
	margin-bottom: 20px;
	color: #219b42;
	font-size: 2.4rem
}

@media screen and (max-width: 798px) {
	.contents .thanks_txt h3 {
		margin-bottom: 20px;
		font-size: 1.8rem
	}
}