@charset "utf-8";

/*PC*/
@media print, screen and (min-width:641px){
	.sideTitleArea h1 {
		font-family:'Lato-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	.mainContentsArea {
		margin-top:23px;
		letter-spacing:0.11em;
	}
	.mainContentsArea h1 {
		margin-bottom:25px;
	}
	.mainContentsArea p {
		letter-spacing:0.075em;
	}
	table {
		margin-top:30px;
		width: 100%;
		border-top: 1px solid #e8e8e8;
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	th {
		border-bottom: 1px solid #e8e8e8;
		font-weight: normal;
		width: 140px;
		padding: 13px 0;
		text-align: left;
	}
	td {
		border-bottom: 1px solid #e8e8e8;
		padding: 8px 0;
	}
	h2 {
		font-size:14px;
	}

	#accessMap {
		height: 545px;
	}
}

/*tablet*/
@media screen and (max-width:1000px) and (min-width:641px){
	.sideTitleArea {
		width:180px;
	}
	.mainContentsArea h1 {
		margin-left:0;
	}
	.mainContentsArea {
		margin-left:180px;
		margin-right:3%;
	}
	.mainContentsArea p{
		font-size:20px;
	}
	th {
		width:100px;
	}
	h2 {
		font-size:14px;
	}
	

}

/*smart*/
@media screen and (max-width:640px){
	.mainContentsArea section {
		margin: 10px 18px 30px;
	}
	.mainContentsArea h1 {
		margin-bottom: 10px;
	}
	.mainContentsArea > section:nth-child(1) h1{
		font-size: 2.8rem;
		white-space:nowrap;
	}
	.mainContentsArea > section:nth-child(1) p{
		font-size: 2.4rem;
	}
	.mainContentsArea > section:nth-child(2) h1{
		font-size: 3.6rem;
	}
	.mainContentsArea p{
		font-size:20px;
	}
	table {
		width: 100%;
		margin: 0;
		border-top: 1px solid #e8e8e8;
		font-family:'NotoSansJP-Regular', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif;
	}
	tr {
		display:block;
		border-bottom: 1px solid #e8e8e8;
	}
	th {
		display:block;
		padding: 8px;
		text-align: left;
		white-space: nowrap;
		font-size: 3.2rem;
	}
	td {
		padding: 8px;
		font-size: 2.8rem;
	}
	#accessMap {
		width: auto;
		height: 300px;
		margin: 0 -18px;
	}
	.mainContentsArea > section:nth-child(3) h1{
		font-size: 15px;
	}
	.mainContentsArea > section:nth-child(3) p{
		font-size: 13px;
	}
	h2 {
		font-size:16px;
	}

}