@charset "utf-8";

/*
************************************************************************
* テーブルレイアウト
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* 会社概要など
************************************************************************
*/
.profile-table
{
	margin-bottom:1em;
}
.profile-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid;
}
.profile-table table tr th,
.profile-table table tr td
{
	border-bottom:1px solid;
	padding:1.0em 0.0em;
	line-height:1.3;
	font-weight:100%;
	vertical-align:middle;
	text-align:left;
}
.profile-table table tr th
{
	min-width:200px;
	max-width:280px;
}
.profile-table table tr td
{
	width:100%;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.profile-table
	{
	}
	.profile-table table,
	.profile-table table tbody,
	.profile-table table thead,
	.profile-table table tr,
	.profile-table table tr th,
	.profile-table table tr td
	{
		display:block;
		width:100%;
		min-width:auto;
		max-width:100%;
	}
	.profile-table table tr
	{
		padding:0.4em 0.0em;
		border-bottom:1px solid;
	}
	.profile-table table tr th,
	.profile-table table tr td
	{
		margin:0px;
		padding:0.4em 0.0em;
		border-bottom:0px solid;
	}
	.profile-table table tr td
	{
		padding-left:0.5em;
	}
}

/*
************************************************************************
* 料金表など
************************************************************************
*/
.tariff-table
{
	margin-bottom:1em;
}
.tariff-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid;
}
.tariff-table table tr th,
.tariff-table table tr td
{
	border-bottom:1px solid;
	padding:1.0em 0.0em;
	line-height:1.3;
	font-weight:100%;
	vertical-align:middle;
	text-align:left;
}
.tariff-table table tr th
{
}
.tariff-table table tr td.price
{
	width:auto;
	max-width:8em;
	text-align:right;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.tariff-table
	{
	}
	.tariff-table table,
	.tariff-table table tbody,
	.tariff-table table thead,
	.tariff-table table tr,
	.tariff-table table tr th,
	.tariff-table table tr td
	{
		display:block;
		width:100%;
		min-width:100%;
		max-width:100%;
	}
	.tariff-table table tr
	{
		padding:0.4em 0.0em;
		border-bottom:1px solid;
		
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
	}
	.tariff-table table tr th,
	.tariff-table table tr td
	{
		margin:0px;
		padding:0.4em 0.0em;
		border-bottom:0px solid;
	}
	.tariff-table table tr th
	{
		flex-grow: 5;
	}
	.tariff-table table tr td
	{
		padding-left:0.5em;
	}
	.tariff-table table tr td.price
	{
	}
	.tariff-table table tr td.price.shrik
	{
		width:auto;
		min-width:auto;
		max-width:auto;
		flex-grow: 1;
	}
}

/*
************************************************************************
* 入力フォーム用
************************************************************************
*/
.input-table
{
}
.input-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid;
	border-left:1px solid;
}
.input-table table tr th,
.input-table table tr td
{
	border-bottom:1px solid;
	border-right:1px solid;
}
.input-table table tr th
{
	border-bottom:1px solid;
	vertical-align:middle;
	font-weight:bold;
}
.input-table table tr td
{
	width:100%;
	line-height:1.2;
}
.input-table table tr th > div
{
	min-width:300px;
}
.input-table table tr th > div,
.input-table table tr td > div
{
	padding:0.8em;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.input-table
	{
	}
	.input-table table,
	.input-table table tbody,
	.input-table table thead,
	.input-table table tr,
	.input-table table tr th,
	.input-table table tr td
	{
		display:block;
		width:auto;
	}
	.input-table table tr th,
	.input-table table tr td
	{
		margin:0px;
	}
	.input-table table tr th
	{
		text-align:left;
		margin-bottom:0px;
	}
	.input-table table tr td
	{
		margin-top:0px;
	}
	.input-table table tr th > div
	{
		width:100%;
		min-width:0px;
	}
	.input-table table tr th > div
	{
		padding:1.5625vw;
	}
	.input-table table tr td > div
	{
		padding:1.5625vw;
	}
}

/*
************************************************************************
* 検索結果など
************************************************************************
*/
.list-table
{
}
.list-table table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border-top:1px solid;
	border-left:1px solid;
}
.list-table table tr th,
.list-table table tr td
{
	border-bottom:1px solid;
	border-right:1px solid;
}
.list-table table tr th
{
	border-bottom:1px solid;
	vertical-align:middle;
	font-weight:bold;
}
.list-table table tr td
{
	line-height:1.2;
}
.list-table table tr th > div
{
}
.list-table table tr th,
.list-table table tr td
{
	padding:0.8em;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.list-table
	{
	}
	.list-table table,
	.list-table table tbody,
	.list-table table thead,
	.list-table table tr,
	.list-table table tr th,
	.list-table table tr td
	{
		display:block;
		width:auto;
	}
	.list-table table tr th,
	.list-table table tr td
	{
		margin:0px;
	}
	.list-table table tr th
	{
		display:none;
		text-align:left;
		margin-bottom:0px;
		padding:1.5625vw;
	}
	.list-table table tr td
	{
		margin-top:0px;
		padding:1.5625vw;
		padding-bottom:0vw;
		border-bottom:0px;
	}
	.list-table table tr td:last-child
	{
		padding:1.5625vw;
		border-bottom:1px solid;
	}
	.list-table table tr th > div
	{
		width:100%;
		min-width:0px;
	}
}