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

table{border-collapse:collapse;}

/*================================================
　　　　
* table01

================================================*/
.table-style01 {
	width: 100%;
	border-collapse: collapse;
	border:1px solid #afafaf;
}

/* thead */
.table-style01 thead th {
	vertical-align: bottom;
	padding: 0.45em;
	background-color: #f1edee;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}


/* tbody */
.table-style01 tbody th,
.table-style01 tbody td {
	padding: 0.75em;

	border-bottom: 1px solid #afafaf;
}

.table-style01 tbody th {
	font-weight:normal;
	background-color: #fff0f2;
}


.table-style01 tbody th + td {
	border-left: 1px solid #afafaf;
}

.table-style01 tbody td {
		border-left: 1px solid #afafaf;
}
.table-style01 tbody td.col1{
	text-align: center;

	background-color:#f8f8f8;
}


@media screen and (max-width: 740px) {
	.table-style01 thead {
		display: none;
	}

	.table-style01 thead th,
	.table-style01 tbody th,
	.table-style01 tbody td {
		display: block;
	}

	.table-style01 tbody th {
		text-align: left;
	}

	.table-style01 tbody th + .table-style01 td,
	.table-style01 tbody td {
	border: 1px solid #CCC;
	}

	.table-style01 tbody td:nth-of-type(1):before,
	.table-style01 tbody td:nth-of-type(2):before,
	.table-style01 tbody td:nth-of-type(3):before {
		position: relative;
		width: 2.5em;
	}

	.table-style01 tbody td:nth-of-type(1):before {
		display:block;
		content: '【行うこと】';
		width:100%;
		font-weight:bold;
	}

	.table-style01 tbody td:nth-of-type(2):before {
		content: '【詳細】';
		display:block;
		width:100%;
		font-weight:bold;
		
	}

}



/*================================================
　　　　
* table-style02

================================================*/

table.table-style02{
	margin-bottom:30px;}
	
table.table-style02 td{
	background-color:#F9F9F9;
	text-align:left;
	padding:12px;
	border:1px solid #D6D6D6;
	line-height:20px;
}

table.table-style02 th{
	background-color:#F5F5F5;
	vertical-align:top;
	text-align:left;
	padding:12px;
	border-top:1px solid #D4D4D4;
	border-right:3px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	letter-spacing:1px;
}


/*================================================
　　　　
* table-style03

================================================*/
.table-style03{
	width:100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
.table-style03 th{
	padding:12px;
	border-top:1px solid #D4D4D4;
	border-right:3px solid #D4D4D4;
	border-bottom:1px solid #D4D4D4;
	border-left:1px solid #D4D4D4;
	width: 20%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color:#F5F5F5;
}
 
.table-style03 td{
	padding: 12px;
	background-color: #ffffff;
border:1px solid #D6D6D6;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}
 
@media (max-width: 600px){
.table-style03 th{
	padding:8px 12px;
	width:100%;
	display:block;
	margin: 0 auto;
	border:1px solid #D4D4D4;
}
.table-style03 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}

/*================================================
　　　　
* table-style04 線なしtable

================================================*/


.table-style04 {
	font-size:80%;
}

.table-style04 th  {
	text-align: left;
	border:none;
	width: 50%;
}

.table-style04 td{
	width: 50%;
	border:none;
	padding:0px 5px 5px 0;
}
	
@media only screen and (max-width:640px){
.table-style04 {
	font-size:100%;
}
.table-style04 th,
.table-style04 td{
	width: 100%;
	display: block;
	padding:0px 5px 0px 0px;

}

.table-style04 td:nth-child(even) {
		padding-bottom:15px;

}

}


/*=============================================

　　問い合わせフォーム用

=============================================*/

.contact_table{
	width:100%;
}
.contact_table th p.notes{
	font-size:12px;
	color:#cc0022
}

.contact_table input{
	padding:13px;
	border:1px solid #d5d5d5;
	line-height:normal;
}
.contact_table input.security_no1{
	width:120px;
}
.contact_table input.security_no2{
	width:170px;
}
.contact_table input.mail_add{
	width:385px;
}
input[type="text"],
input[type="email"],
input[type="tel"]{
	width:100%;
}

input[type="text"].namae{
	width:49.5%;
}

input[type="minitext"]{
	width:38px;
}

.contact_table textarea{
	width:100%;
	padding:10px;
}

input.half {
	width: 45%;
	margin: 20px 2.5%;
	float: left;
	cursor: pointer;
}

.back {
	background-color: #666666;
}



.contact_table select {
    -moz-appearance: button;
	border:1px solid #d5d5d5;
    border-radius: 0;
    cursor: pointer;
    padding: 11px 1em 14px 2%;
    width: auto;
	line-height:normal;
}
/* for Microsoft Edge */
@supports (-ms-ime-align:auto) {
 .contact_table select {
padding: 7px 1em 12px 2%;
  }
}

/* テキストエリアの枠 */

.contact_table textarea,
.contact_table select{
	border:1px solid #d5d5d5;
	background-color : #FFFFFF;
}

.contact_table input.doubleclm{
margin-top:10px;}

.contact_table th{
	padding:20px;
	width:30%;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	border-top: 1px #E5E5E5 solid;
}
.contact_table td{	
	padding:10px;
	border-top: 1px #E5E5E5 solid;
	
}

a.uline {
	text-decoration: underline!important;
}

@media (max-width:760px) {
input[type="text"].namae{
	width:100%;
}

.contact_table input.second_frame{
	margin-top:6px;
}
}
@media (max-width:480px) {
	
.contact_table{
	width:100%;
}


.contact_table tr {
	display:block;
}

.contact_table th{
	display:block;
	padding:6px;
	border-style: none;
	width:100%;
	background-color:#eeeeee;
	margin:0;
}

.contact_table td {
	display:block;
	border-style: none;
	padding:15px;
}

.contact_table th img{
	margin-right:5px;
}



input.half {
	width: 80%;
	margin: 10px 30px;
	float: none;
}
	
/*===== thの<br>無効に=====*/
.contact_table th br {
    display: none;
  }
}



/*=============================================

　　インタビューページの目次で使用

=============================================*/

.interview-table{
	width:100%;	
	border:1px solid #D6D6D6;
	margin-bottom:30px;}

.interview-table th{
	text-align:left;
	font-size:120%;
	color:#cc6b70;
	font-weight:normal;
	padding:8px;
	background-color:#f5f5f5;
	border:1px solid #D6D6D6;

}


.interview-table td{
	text-align:left;
	padding:8px 2px 8px 8px;
	border-bottom:1px solid #D6D6D6;
	line-height:20px;
}
.interview-table td ul {
	padding:0;}
	

.interview-table td.imgcell{
	text-align:center;
	width:20%;
	padding-left:20px;
	border-right:none;
}
@media (max-width:480px) {

.interview-table td.imgcell{
	text-align:center;
	width:30%;
}
}