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

html{
	overflow:auto;
}
html.no_scroll{
	overflow:hidden;
}


body{
	width:100%;
	min-width:100%;
	height:100%;
	margin:0px auto;
	padding:0px;
	position:relative;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#333;
	overflow:hidden;
	word-break:break-all;
}

a{color:#06C;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{color:#6CF;text-decoration:none;}

img{
	max-width:100%;
	height:auto;
	width /***/:auto;
	border:none;
	vertical-align:bottom;
}

.clearfix{zoom:1;overflow:hidden;}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

iframe{max-width:100%;border:0;}


/* font */

.red		{color:#ff0000;}
.deep_red	{color:#D80000;}
.deep_blue	{color:#2C5279;}
.green		{color:#2cbf13;}


/* table */

.table_box table{
	width:100%;
	border-collapse:collapse;
}
.table_box table tr,
.table_box table th,
.table_box table td{
	border-collapse:collapse;
}
.table_box.schedule_table table tr,
.table_box.schedule_table table th,
.table_box.schedule_table table td,
.other .table_box table tr,
.other .table_box table th,
.other .table_box table{
	border:1px solid #CCC;
}
.table_box table th,
.table_box table td{
	background:#FFF;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
}
.table_box table th{
	background:#E8F1F4;
	vertical-align:top;
	font-weight:bold;
}
.table_box.schedule_table td,
.other .table_box table td{
	text-align:left;
}
.company .table_box table th,
.company .table_box table td{
	text-align:left;
}
.table_box table a{
	color:#06C;
}


/* form */

.contact .table_box table th{
	vertical-align:middle;
	text-align:right;
}
.contact .table_box table td{
	text-align:left;
}
input[type="text"],
input[type="email"],
textarea{
	width:100%;
	background:#FFF;
	border:1px solid #CCC;
	border-radius:0;
	-webkit-appearance:none;
}
select{
	background:#FFF;
	border:1px solid #CCC;
	border-radius:0;
	-webkit-appearance:none;
}


@media screen and (max-width:640px){
	body{
		-webkit-text-size-adjust:100%;
	}

	.pc{display:none;}

	.table_box{
		padding-top:10px;
	}
	.other .table_box{
		font-size:15px;
	}
	.table_box table th,
	.table_box table td{
		padding:5px;
	}
	.table_box.schedule_table th{
		width:20%;
	}
	.other .table_box th{
		width:25%;
	}

	.contact .table_box table tr,
	.table_box.company_detail table tr{
		display:block;
	}
	.contact .table_box table th,
	.contact .table_box table td,
	.table_box.company_detail table th,
	.table_box.company_detail table td{
		width:100%;
		padding:10px;
		display:list-item;
		list-style-type:none;
		text-align:left;
	}
	.contact .table_box table td,
	.table_box.company_detail table td{
		border-top:none;
		border-bottom:none;
	}
	.contact .table_box table tr:last-child td,
	.table_box.company_detail table tr:last-child td{
		border-bottom:1px solid #CCC;
	}
	.contact .table_box table td span{
		padding-top:5px;
		display:block;
		font-size:13px;
	}

	.company .table_box table th{
		width:25%;
		background:#FFF;
		font-weight:normal;
	}
	.company .table_box.company_detail table th{
		width:100%;
		background:#E8F1F4;
		font-weight:bold;
	}

	.clean .table_box table th{
		width:30%;
		vertical-align:middle;
	}

	input[type="text"],
	input[type="email"],
	select,
	textarea{
		padding:10px;
		font-size:16px;
	}
	select{
		width:100%;
	}
	textarea{
		min-height:200px;
	}
}

@media screen and (min-width:641px) and ( max-width:768px){

	.pc{display:none;}

	.table_box{
		padding-top:10px;
	}
	.other .table_box{
		font-size:15px;
	}
	.table_box table th,
	.table_box table td{
		padding:10px;
	}
	.table_box.schedule_table th,
	.other .table_box th{
		width:20%;
	}
	.contact .table_box table tr th{
		width:25%;
	}
	.contact .table_box table td span{
		padding-top:5px;
		display:block;
		font-size:13px;
	}

	.company .table_box table th{
		width:30%;
		background:#FFF;
		font-weight:normal;
	}
	.company .table_box.company_detail table th{
		width:30%;
		background:#E8F1F4;
		font-weight:bold;
		text-align:right;
	}

	.clean .table_box table th{
		width:30%;
		vertical-align:middle;
	}

	input[type="text"],
	input[type="email"],
	select,
	textarea{
		padding:10px;
		font-size:14px;
	}
	textarea{
		min-height:250px;
	}
}

@media screen and (min-width:769px){
	body{
		min-width:950px;
	}

	.over{transition:all 0.2s ease-in 0s;}
	.over:hover{opacity:0.6;}

	.sp{display:none;}
	.sp_dial{pointer-events:none;color:#333;}

	.table_box{
		padding-top:10px;
	}
	.table_box.schedule_table{
		width:480px;
	}
	.other .table_box{
		width:400px;
		font-size:16px;
	}
	.table_box table th,
	.table_box table td{
		padding:10px;
	}
	.table_box.schedule_table th{
		width:15%;
	}
	.other .table_box th{
		width:22%;
	}
	.contact .table_box table tr th{
		width:30%;
	}
	.contact .table_box table td span{
		padding-top:5px;
		display:block;
		font-size:13px;
	}

	.company .table_box table th{
		width:25%;
		background:#FFF;
		font-weight:normal;
	}
	.company .table_box.company_detail table th{
		width:25%;
		background:#E8F1F4;
		font-weight:bold;
		text-align:right;
	}

	.clean .table_box table th{
		width:25%;
		vertical-align:middle;
	}

	input[type="text"],
	input[type="email"],
	select,
	textarea{
		padding:10px;
		font-size:14px;
	}
	textarea{
		min-height:250px;
	}
}