@charset "utf-8";

p {
	font-size: 18px;
}
span.g {
	color: #32b16c;
}
span.b {
	font-weight: bold;
}
span.font12 {
	font-size: 12px;
}

/*--- サブページ 定義 ---*/
/*.sub-menu li a {
	color: #222 !important;
}
.sub-menu li a:hover {
	color: #fff !important;
}
*/
h3.title {
	color: #ffffff;
	font-size: 14px;
	width: 100%;
	height: 34px;
	padding: 10px 0 0 15px;
	margin-top: 20px;
	margin-left: 0px;
	background-image: url(../images/bg-title.png);
	background-repeat: no-repeat;
}
table#cost {
	font-size: 14px;
	max-width: 500px;
}
table#cost th {
	color: #ffffff;
	font-weight: bold;
	width: 160px;
	padding: 20px 0;
	background-color: #446325;
	border: 1px solid #ffffff;
}
table#cost td {
	color: red;
	font-weight: bold;
	width: 450px;
	padding-left: 25px;
	background-color: #ffffff;
	border: 1px solid #446325;
}
table#cost2 {
	font-size: 14px;
	width: 710px;
	border-collapse: collapse;
}
table#cost2 th {
	color: #ffffff;
	font-size: 17px;
	font-weight: normal;
	padding: 5px 3px;
	background-color: #446325;
	border: 1px solid #aaaaaa;
}
table#cost2 td {
	font-size: 17px;
	text-align: center;
	padding: 5px 0;
	background-color: #ffffff;
	border: 1px solid #aaaaaa;
}
table#cost2 td.price {
	color: red;
	padding: 5px 0;
}
.keeping,
.service {
	width: 714px;
	height: 150px;
	font-size: 14px;
	line-height: 2;
	padding: 25px 10px 25px 40px;
	margin: 15px 20px;
	background-image: url(../images/bg-keeping.png);
	background-repeat: no-repeat;
}
.keeping img,
.service img {
	width: 200px;
	height: 130px;
}
.keeping img#keeping-cost {
	float: right;
	margin: 0px 100px 20px 10px;
}
.keeping img.about-keeping,
.service img.about-service {
	float: right;
	width: 170px;
	height: 135px;
	margin: 0 65px 10px 0px;
}
/*--- 会社概要 (company) ---*/
table.company {
	font-size: 18px;
	width: 100%;
	margin: 20px 0 30px 0px;
	border-collapse: collapse;
	border: 1px solid #eeeeee;
}
table.company th {
	width: 180px;
	height: 50px;
	text-align: left;
	font-weight: normal;
	padding: 8px 0 8px 30px;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
}
table.company td {
	padding: 10px 25px;
	border: 1px solid #eeeeee;
}
/*--- 基礎知識 (knowledge) ---*/
#k-nav ul {
	max-width: 740px;
	min-height: 30px;
	font-size: 14px;
	line-height: 1;
	list-style-type: none;
	margin: 30px 0 30px 0px;
	padding: 5px 5px 5px 0;
	background-color: #eeeeee;
}
#k-nav ul li {
	float: left;
	display: block;
	padding: 5px 0 15px 10px;
}
#k-nav ul li a {
	color: #000000;
	text-decoration: none;
	padding: 5px 0 5px 10px;
}
#k-nav ul li a:hover,
#k-nav span.current {
	color: #0e9cca;
	font-weight: bold;
	text-decoration: underline;
}
#k-nav span.arrow {
	color: #a40035;
}
table.knowledge,
table.knowledge2 {
	font-size: 18px;
	width: 100%;
	margin: 30px 50px 15px 0px;
	border-collapse: collapse;
	border: 1px solid #d1c0a5;
}
@media only screen and (max-width: 500px) {
	.table.knowledge {
		font-size: 15px;
	}
}
table.knowledge th {
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	background-color: #d1c0a5;
}
table.knowledge td {
	padding: 10px 20px;
	border: 1px solid #d1c0a5;
}
@media only screen and (max-width: 500px) {
	table.knowledge td {
		padding: 5px;
	}
}
table.knowledge2 th {
	text-align: left;
	font-weight: bold;
	padding: 8px 0 8px 20px;
	background-color: #d1c0a5;
}
table.knowledge2 td {
	padding: 20px;
	border: 1px solid #d1c0a5;
}
@media only screen and (max-width: 500px) {
	table.knowledge2 td {
		padding: 5px;
	}
}
/*--- 保管・処分サービス ---*/
img#keeping-img1 {
	float: left;
	width: 35%;
}
.keeping img#keeping-cost {
	float: left;
	width: 40%;
}

/*--- 国別情報 ---*/
.tm-table {
	width: 100%;
	border: 1px solid #ccc;
}
.tm-table thead th:first-of-type {
	background-color: 007130;
}
.tm-table thead th {
	background-color: #00c4cc;
	padding: 10px 15px;
	border-radius: 2px;
	color: #ffffff;
	border: 1px solid #ccc;
}
.tm-table tbody td {
	background-color: #ffffff;
	box-shadow: 0 0 0 1px #eeeeee inset;
	padding: 10px 15px;
	border: 1px solid #ccc;
	font-size: 18px;
}

/*---
2020/06/04
アメリカ大陸の見出し変更
-----*/
#america .fh-section-title h2,
#mexico .fh-section-title h2,
#canada .fh-section-title h2,
#brazil .fh-section-title h2 {
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 0;
	margin-top: 0;
	position: relative;
	text-transform: uppercase;
}
#america .fh-section-title h2:before,
#mexico .fh-section-title h2:before,
#canada .fh-section-title h2:before,
#brazil .fh-section-title h2:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 67px;
	height: 2px;
	background-color: #ff0000;
}

/*---
2020/06/04
アメリカ大陸1ページにメキシコ、カナダ、ブラジルの情報を追加
-----*/
#mexico .col-md-9,
#canada .col-md-9,
#brazil .col-md-9,
.country2 .col-md-9
{
	margin: 100px 0 20px 25%;
}

@media (max-width: 991px) {
	#mexico .col-md-9,
	#canada .col-md-9,
	#brazil .col-md-9,
	.country2 .col-md-9
	{
		width: 100%;
		margin: 110px 0 20px 0;
	}
}

/*--- アクセス ---*/
.googlemap {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.googlemap iframe,
.googlemap object,
.googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*--- FAQ ---*/
ul.faq {
	list-style-type: none;
	margin-left: 0px;
	font-size: 18px;
}
ul.faq li {
	margin: 5px 0;
	padding-left: 35px;
	background-image: url(../image/faqicon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 2px;
}
ul.faq li a {
	color: #0761db;
	text-decoration: underline;
}
ul.faq li a:hover {
	color: #b40d48;
	text-decoration: none;
}
#faq_list p {
	width: 620px;
	line-height: 2;
	padding: 0;
	margin: 0 0 0 75px;
	font-size: 18px;
}
#faq_list p a {
	color: #b40d48;
	text-decoration: underline;
}
#faq_list p a:hover {
	color: #b40d48;
	text-decoration: none;
}
h3.faq {
	color: #0761db;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 0 5px 55px;
	margin-top: 30px;
	margin-left: 20px;
	background-image: url(../images/faq-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
span.faq_red {
	color: #b40d48;
	color: red;
}
table.knowledge2 {
	width: 100%;
}
img.faq-qa3 {
	margin-top: 30px;
	margin-left: 85px;
}
/*--- privacypolicy ---*/
#privacy {
	max-width: 720px;
	width: 100%;
	margin-left: 10px;
	padding-bottom: 30px;
	border-bottom: 5px solid #a40035;
}

/* mobile nav */
/*
.sub-menu li a {
	color: #222 !important;
}
.sub-menu li a:hover {
	color: #222 !important;
}
.sub-menu li li a:hover {
	color: #222 !important;
}
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
	.container {
		width: 100%;
		padding: 0;
	}
	table {
		width: 100%;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.col-md-6 {
		padding-left: 5px;
		padding-right: 5px;
	}
	/*--- 国別情報 ---*/
	.tm-table td table {
		width: 80%;
	}
	/*--- 会社概要 ---*/
	table.company {
		width: 100%;
		margin: 20px 0 30px 0;
	}
	table.company th {
		width: 25%;
	}
	/*--- FAQ ---*/
	#faq_list p {
		width: 90%;
		margin: 0 0 0 75px;
	}
	table.knowledge2 {
		width: 100%;
	}
	img.faq-qa3 {
		margin-left: 30px;
	}
}

/*media Queries スマホサイズ（480px以下）
----------------------------------------------------*/
@media screen and (max-width: 480px) {
	.container {
		width: 100%;
		padding: 0;
	}
	table {
		width: 100%;
	}
	.row {
		margin-right: 0;
		margin-left: 0;
	}
	.col-md-6 {
		padding-left: 5px;
		padding-right: 5px;
	}
	/*--- 保管・処分サービス ---*/
	.keeping,
	.service {
		width: 95%;
		height: auto;
		padding: 10px 0px 25px 0px;
		margin: 15px 0px;
		background-image: none;
	}
	.keeping img.about-keeping,
	.service img.about-service {
		float: none;
		width: 60%;
		margin: 5px 19%;
	}
	img#keeping-img1 {
		float: none;
		width: 60%;
		margin: 10px;
	}
	.keeping img#keeping-cost {
		float: none;
		width: 60%;
		margin: 10px;
	}
	/*--- 国別情報 ---*/
	.tm-table td table {
		width: auto;
		margin: 0;
	}
	.tm-table td table tr {
		padding: 0;
	}
	.tm-table td table td {
		padding: 2px 1px;
	}
	/*--- 会社概要 ---*/
	table.company {
		width: 100%;
		margin: 20px 0 30px 0;
	}
	table.company th {
		width: 25%;
	}
	/*--- FAQ ---*/
	ul.faq {
		padding-left: 10px;
	}
	#faq_list p {
		width: 90%;
		margin: 0 0 0 5%;
	}
	img.faq-qa3 {
		width: 90%;
		margin-left: 5%;
	}
}