@charset "utf-8";

/* ヘッダー */
header{
	position: relative;
	margin: 0 auto ;
	display: block;
	width: 100%;
}
/* pagettl */
#pagettl{
	position: relative;
	margin: 93px auto 20px auto;
	width: 100%;
	height:0;
	padding-top: 30%;
	background-image: url("../img/access/main.jpg");
	background-position: 100px 0;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

.btn{font-size: .13rem;letter-spacing: .08em;}
.btn span{font-size: .09rem;}

ul.dotlist{
	position: relative;
	width: 90%;
	margin: 20px auto;
}
ul.planlist li a, .inner p a{text-decoration: underline;}
p.contttl{font-weight: 500;margin: 5px 0;}

/* access */
#access{
	position: relative;
	margin: 125px auto 0 auto;
	background-color: #f3f3f3;
	padding-bottom: 40px;
}
#access .map{
	position: relative;
	margin: 20px auto;
	width: 96%;
}
#access .map iframe{
	position: relative;
	width: 100%;
}
#access ul.accesslist{
	position: relative;
	margin: 30px auto;
}
#access ul.accesslist li{
	position: relative;
	margin-bottom:30px;
}
.acttl{
	font-size: .16rem;
	color: #0000bf;
	font-weight: 500;
}
.accontent{
	margin-left: 1em;
	line-height: 2em;
}

/* info */
#info{
	position: relative;
	margin: 125px auto 70px auto;
	background-color: #f3f3f3;
	padding-bottom: 40px;
}
#info h2.ttl{background-color: #5b3faa;}
#info ul.infoList{
	position: relative;
	margin: 50px auto;
}
#info ul.infoList li{
	position: relative;
	border-bottom: solid 1px #dfdfdf;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#info ul.infoList li h3{
	position: relative;
	color: #0000bf;
	font-weight: 500;
	font-size: .17rem;
	margin-bottom: 7px;
}
#info h3.ttl{
	position: relative;
	border-left: solid 3px #0000bf;
	color: #0000bf;
	padding-left: 1em;
	font-size: .16rem;
	font-weight: 700;
	margin: 10px 0;
}
#info ul.infoList li h3 span{
		font-size: .13rem;
		padding-left: 2em;
	font-weight: normal;
	color: #272727;
	}

/* ----- pc ----- */
@media screen and (min-width: 641px) {

	/* pagettl */
	#pagettl{
		margin: 100px auto 45px auto;
		padding-top: 300px;
		background-position: 220px 0;
		background-size: calc(100% - 220px) auto;
	}

	.btn{font-size: .18rem; font-weight: 700;letter-spacing: .2em;}
	.btn span{font-size: .12rem;}
	.btn_w{font-size: .14rem; font-weight: 500;letter-spacing: normal;}
	
	ul.dotlist{
		width: 910px;
		margin: 20px auto;
	}
	p.contttl{ margin: 0 auto 15px auto !important;}
	
	/* access */
	#access{
		margin: 225px auto 0 auto;
		padding-bottom: 100px;
	}
	#access .map{width: 900px; margin: 40px auto ;}
	#access ul.accesslist{margin: 50px auto 10px auto;}
	#access ul.accesslist li{margin-bottom:40px;}
	.acttl{font-size: .18rem;}
	
	
	/* info */
	#info{
		margin: 225px auto 140px auto;
		padding-bottom: 100px;
	}
	#info ul.infoList{margin: 100px auto 0 auto;}
	#info ul.infoList li{
		margin-bottom: 30px;
		padding-bottom: 15px;
	}
	#info ul.infoList li h3{
		font-size: .24rem;
		margin-bottom: 10px;
	}
	#info ul.infoList li h3 span{
		font-size: .16rem;
		padding-left: 2em;
	}
}