@charset "UTF-8";
/*--------------------------------------------------------------
#floormap-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#floormap-area {
		background: url("img/bg_img1.jpg") top center no-repeat;
		-webkit-background-size: 200% auto;
		background-size: 200% auto;
		padding: 100px 0 30px 0;
	}

	#floormap-area h3 {
		font-size: 25px;
		font-family: "Sawarabi Mincho", serif;
		color: #365074;
		margin-bottom: 30px;
		text-align: center;
	}
	
	#floormap-area h3 span {
		font-size: 18px;
		display: block;
	}
	
	#floormap-area p {
		width: 95%;
		margin: 0 auto;
	}
	
	#photo {
		background: url("img/bg_img2.jpg") top center no-repeat;
		-webkit-background-size: 200% 100%;
		background-size: 200% 100%;
		padding: 50px 0 50px 0;
	}
	
	#photo ul {
		margin: 0 20px;
	}
	
	#photo ul li {
		margin-bottom: 15px;
	}
	
	#photo ul li dl {
		position: relative;
	}
	
	#photo ul li dt {
		position: absolute;
		top: 20px;
		left: 0;
		background: rgba(255,255,255,0.90);
		font-size: 16px;
		font-family: "Shippori Mincho", serif;
		font-weight: 600;
		color: #365074;
		text-align: center;
		padding: 10px;
		width: 160px;
	}
	
	.md_img {
		line-height: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#floormap-area {
		background: url("img/bg_img1.jpg") top center no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
		padding: 5.208vw 0 1.562vw 0;
	}

	#floormap-area h3 {
		font-size: 2.083vw;
		font-family: "Sawarabi Mincho", serif;
		color: #365074;
		margin-bottom: 1.562vw;
		text-align: center;
	}
	
	#floormap-area h3 span {
		font-size: 1.302vw;
		display: block;
	}
	
	#floormap-area p {
		width: 41.66vw;
		margin: 0 auto;
	}
	
	#photo {
		background: url("img/bg_img2.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		padding: 4.167vw 0 6.771vw 0;
	}
	
	#photo ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 62.5vw;
		margin: 0 auto;
	}
	
	#photo ul li {
		width: 20.05vw;
		margin-bottom: 0;
	}
	
	#photo ul li dl {
		position: relative;
	}
	
	#photo ul li dt {
		position: absolute;
		top: 1.042vw;
		left: 0;
		background: rgba(255,255,255,0.90);
		font-size: 1.042vw;
		font-family: "Shippori Mincho", serif;
		font-weight: 600;
		color: #365074;
		text-align: center;
		padding: 0.521vw;
		width: 8.333vw;
	}
	
	.md_img {
		line-height: 0;
	}
	
}

/*--------------------------------------------------------------
#access-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#access-area {
		background: url("img/bg_img3.jpg") top center no-repeat;
		-webkit-background-size: 102% 102%;
		background-size: 102% 102%;
		padding: 50px 0;
	}

	#access-area ul {
		margin: 0 30px;
		padding-bottom: 80px;
	}
	
	#access-area ul li:first-child {
		text-align: center;
		margin-bottom: 30px;
	}
	
	#access-area ul li:first-child dt {
		margin-bottom: 30px;
		margin-top: 20px;
	}
	
	#access-area ul li:first-child dt img {
		width: 125px;
	}
	
	#access-area ul li:first-child dd {
		display: none;
	}
	
	
	
	#access-area ul li:last-child {
		color: #FFF;
	}
	
	#access-area ul li:last-child dl {
		border-bottom: 1px solid #919FB5;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 15px 0;
	}
	
	#access-area ul li:last-child dt {
		font-size: 15px;
		width: 100px;
	}
	
	#access-area ul li:last-child dd {
		font-size: 15px;
		width: 250px;
	}
	
	#access-area ul li:last-child dd span {
		display: block;
		line-height: 0;
		margin-top: 15px;
	}
	
	#access-area ul li:last-child dd span img {
		width: 135px;
	}
	
	.map {
		width: 100%;
		max-width: 1000px; 
		margin: 0 auto;
	}
	
	.map iframe {
		width: 100%;
		aspect-ratio: 16 / 9; 
		border: 0;
		display: block; 
		overflow: hidden;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#access-area {
		background: url("img/bg_img3.jpg") top center no-repeat;
		-webkit-background-size: 102% 102%;
		background-size: 102% 102%;
		padding: 4.167vw 0;
	}

	#access-area ul {
		width: 42.7vw;
		margin: 0 auto;
		padding-bottom: 4.167vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#access-area ul li:first-child {
		width: 14.58vw;
		text-align: center;
	}
	
	#access-area ul li:first-child dt {
		margin-bottom: 1.562vw;
		margin-top: 1.042vw;
	}
	
	#access-area ul li:first-child dt img {
		width: 7.552vw;
	}
	
	#access-area ul li:first-child dd {
		color: #FFF;
		font-size: 0.885vw;
		font-family: "Sawarabi Mincho", serif;
		display: inherit;
	}
	
	#access-area ul li:first-child dd span {
		font-size: 0.885vw;
		font-family: "Noto Sans JP", sans-serif;
		border-left: 1px solid #FFF;
		margin-left: 0.521vw;
		padding-left: 0.521vw;
	}
	
	#access-area ul li:first-child dd.phone {
		font-size: 1.771vw;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 400;
		margin-bottom: 0.26vw;
	}
	
	#access-area ul li:first-child dd.phone span {
		border-left: none;
		margin-right: 0.521vw;
		vertical-align: -3px;
	}
	
	#access-area ul li:first-child dd.phone span img {
		width: 1.302vw;
	}
	
	#access-area ul li:last-child {
		width: 23.96vw;
		color: #FFF;
	}
	
	#access-area ul li:last-child dl {
		border-bottom: 1px solid #919FB5;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		padding: 0.781vw 0;
	}
	
	#access-area ul li:last-child dt {
		font-size: 1.042vw;
		width: 5.208vw;
	}
	
	#access-area ul li:last-child dd {
		font-size: 0.938vw;
		width: 18.22vw;
	}
	
	#access-area ul li:last-child dd span {
		display: block;
		line-height: 0;
		margin-top: 15px;
	}
	
	#access-area ul li:last-child dd span img {
		width: 9.031vw;
	}
	
	.map {
		width: 100%;
		max-width: 52.08vw; 
		margin: 0 auto;
	}
	
	.map iframe {
		width: 100%;
		aspect-ratio: 16 / 9; 
		border: 0;
		display: block; 
		overflow: hidden;
	}
	
}