@charset "UTF-8";
/* 共通CSS */
.bold {
	font-weight: bold;
}
table {
	width: 100%;
}
table tr th{
	text-align: left;
	border-bottom: #b4b4b4 solid 0.1rem;
}

.text-right {
	text-align: right;
}

.company-service li a {
	display: inline;
	color: #00afdc;
}

/*  smp  */
@media screen and (max-width:768px) {
	/* smp共通CSS */
	main {
		font-size: 1.4rem;
		line-height: 180%;
	}
	
	section {
		margin: 3rem 0 8rem 0;
	}
	
	.title-bg, .pankuzu, main {
		padding: 0 15px;
	}
	
	.h2-img {
		max-width: 100%;
	}
	
	table tr th {
		padding: 0.6rem 0 0.6rem 1rem;
		width: 35%;
		vertical-align: top;
	}
	
	table tr td {
		border-bottom: #b4b4b4 solid 1px;
		padding: 0.6rem 0;
	}
	
/* アクセス */
	.g-map {
		margin: 5rem 0 -0.8rem 0;
	}
	
	.g-map iframe {
		max-width: 100%;
	}
	
	.g-map-text {
		background: #00afdc;
		padding: 1.2rem;
		text-align: center;
		color: #fff;
	}
	
}

/* smp-横画面 */
@media screen and (min-width: 568px) and (max-width: 768px),
       screen and (orientation: landscape) {
}

/*  pc  */
@media screen and (min-width:769px) {
	
	section {
		width: 990px;
		margin: 5rem auto 15rem auto;
	}
	
	main {
		font-size: 1.8rem;
		line-height: 180%;
	}
	
	main article section + section {
		margin-top: 5rem;
	}
	
	/* 会社概要 */
	table {
		margin-top: 4rem;
	}
	
	table tr th {
		padding: 0.6rem 0 0.6rem 3rem;
		vertical-align: top;
	}
	
	table tr td {
		border-bottom: #b4b4b4 solid 1px;
		padding: 0.6rem 0;
	}
	
	.company-service li a:hover {
		text-decoration: underline;
	}
	
	/* 沿革 */
	.history-text {
		margin: 4rem 0;
	}
	
	/* アクセス */
	.g-map {
		margin: 5rem 0 -0.8rem 0;
	}
	
	.g-map-text {
		background: #00afdc;
		padding: 1.2rem 0;
		text-align: center;
		color: #fff;
	}
	
}