@charset "utf-8";
/* CSS Document */

/* 10px = 77% 11px = 85% 12px = 93% 13px = 100%
14px = 108% 15px = 116% 16px = 123.1% 17px = 131%
18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6%
22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% */

#about-service th,
#service-all th {
	background-color: #EFEEE4;
	color: #333;
	width: 30%;
	vertical-align: top;
}
#about-service td .note {margin: 0;}

#payment>section,
#payment>section section {margin-bottom: 20px;}
#payment>section:last-child {margin-bottom: 0;}

#payment>section section.yobo {
	border-bottom: 1px dotted #bfbfbf;
	padding-bottom: 20px;
}
#payment>section .note {margin: 0;}

#payment th {text-align: left;}
#payment .taisho tr:first-child th {text-align: center;}
#payment td {text-align: right;}
#payment .taishogai tr:first-child th {text-align: center;}
#payment .taisho th.secondTh,
#payment .taisho th.secondTh2 {width: 15%;text-align: center;}
#payment .taisho td {width: 20%;}
#payment .taishogai td {width: 20%;}


@media print, screen and (min-width: 641px) {

.pc-gNav>ul>li.gNav-guide>a {
	background-color: #736357;
	color: #FFF;
}

#about-service th,
#service-all th {width: 20%;}

#payment>section,
#payment>section section {margin-bottom: 40px;}
#payment>section:last-child {margin-bottom: 0;}

#payment>section section.yobo {
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#payment .taisho table {width: 90%;}
#payment .taisho td {width: 11%;}
#payment .taishogai table {width: 50%;}
#payment .taisho th {width: 21%;}
#payment .taisho tr:first-child th {width: auto;}
#payment .taisho th.secondTh,
#payment .taisho th.secondTh2 {width: 10%;}
#payment .taishogai th.secondTh {width: 15%;}
#payment .taishogai td {width: 12%;}
}