/* アクセス --------------------------------------------------------------- */
body {
	background-color: #dbdddb;
	}

/* ハンバーガーメニュー：トリガー */
  #globalnavi_trg .globalnavi_trg {
		background-image: url("../../img/hamburger/trg.png");
    }


/* アクセスページ --------------------------------------------------------------- */
#access {
	margin: 230px auto 0 auto;
	}

	#access h2 {
		height: 70px;
		font-size: 22px;
		text-align: center;
		font-family: "Jost", sans-serif;
		font-weight: 400;
		color: #231815;
		letter-spacing: 1px;
		}

		#access h2 span {
			margin-top: 5px;
			font-size: 16px;
			text-align: center;
			font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
			font-style: normal;
			font-weight: 300;
			}

	#access #content {
		padding-bottom: 100px;
		background-color: #bec1be;
		}

		#access #map {
			}

			#access #map img {
				width: 100%;
				}

		#access #address {
			width: 700px;
			margin: -250px auto 0 430px;
			color: #4c544c;
			font-size: 16px;
			line-height: 2;
			}

			#access #address dl {
				width: 100%;
				display: table;
				margin: 0 auto 10px auto;
				line-height: 1;
				font-size: 21px;
				font-family: "Jost", sans-serif;
				font-weight: 400;
				}

			#access #address dl:last-of-type {
				margin: 0 auto 30px auto;
				}

				#access #address dl dt,
				#access #address dl dd {
					display: table-cell;
					vertical-align: middle;
					}

				#access #address dl dt {
					width: 130px;
				}

					#access #address dl dt span {
						display: inline-block;
						width: 20px;
						margin: 0 6px 0 0;
						position: relative;
						top: -2px;
						}

						#access #address dl dt span img {
							width: 100%;
							vertical-align: middle;
							}
				
				#access #address dl:nth-of-type(2) dd {
					font-size: 16px;
					}

		#access #address p {
			}

			#access #address p span {
				font-size: 18px;
				}

			#access #address p a {
				color: #4c544c;
				display: inline;
				font-size: 16px;
				font-weight: 400;
				text-decoration: underline;
				}

		#access #address p:nth-of-type(2) {
			width: 450px;
			margin: 40px 0;
			}

			#access #address p:nth-of-type(2) img {
				width: 100%;
				}

		#access #content .googlemap {
			display: none;
			}

		#access #content .googlemap,
		#access #content .googlemap a,
		#access #content .googlemap a img {
			width: 100%;
			}

	#side {
		width: 320px;
		height: 100vh;
		position: fixed;
		left: 0;
		top: 0;
		background-image: url("../../img/access/leftbg.png");
		background-repeat: repeat;
		}

		#side #logo {
			width: 100%;
			height: 300px;
			margin: 0 auto;
			text-align: center;
			}

			#side #logo a {
				width: 180px;
				margin: 60px auto 0 auto;
				}

				#side #logo a img {
					width: 100%;
					}

		#side .google {
			width: 320px;
			height: 90px;
			position: fixed;
			left: 0;
			bottom: 0;
			}

			#side .google a {
				width: 100%;
				height: 100%;
				text-align: center;
				background-image: url("../../img/access/link_bg.png");
				background-repeat: repeat;
				position: relative;
				}

				#side .google a img {
					width: 240px;
					text-align: center;
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%,-50%);
					}
	
@media(max-width: 990px){
	#access {
		margin: 100px auto 0 auto;
		}

		#access h2 {
			height: auto;
			margin-bottom: 30px;
			}

		#access #content {
			padding-bottom: 30px;
			}

			#access #address {
				width: 90%;
				margin: 0 auto;
				font-size: 15px;
				line-height: 1.7;
				}

				#access #address dl {
					width: 100%;
					display: table;
					margin: 0 auto 10px auto;

					line-height: 1.5;
					font-size: 18px;
					}

				#access #address dl:last-of-type {
					margin: 0 auto 30px auto;
					}

					#access #address dl dt,
					#access #address dl dd {
						vertical-align: top;
						}

					#access #address dl dt {
						width: 100px;
						}

						#access #address dl dt span {
							width: 18px;
							margin: 0 3px 0 0;
							}
					
					#access #address dl:nth-of-type(2) dd {
						font-size: 15px;
						}

			#access #address p {
				}

				#access #address p span {
					font-size: 18px;
					}

				#access #address p a {
					font-size: 15px;
					}

			#access #address p:nth-of-type(2) {
					width: 100%;
					margin: 20px 0;
					}

			#access #content .googlemap {
				display: block;
				}

		#side {
			width: 100%;
			height: auto;
			position: static;
			background-image: none;
			}

			#side #logo {
				display: none;
				}

			#side .google {
				width: 100%;
				height: auto;
				position: static;
				}

				#side .google a {
					height: auto;
					padding: 30px 0;
					}
	}

@media(min-width: 1px) and (max-width: 660px){
	}