@charset "utf-8";

/* PC/スマホ共通表示 */
.-----PC_MOBILE_COMMON_CSS_START----- {}

#access .office {
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:70px;
}

#access .office .s_ttl_02{
	margin-top: 0px;
	margin-bottom: 20px;
}
#access .office .photo {
	width: 380px;
	margin-bottom: 20px;
}
#access .office .map {
	width: 575px;
	margin-bottom: 20px;
}

#access .office .map iframe {
	height: 285px;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#access .office .table_01 {
	width: 100%;
}


.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(480 / 854 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}






.-----PC_MOBILE_COMMON_CSS_END----- {}


/* スマートフォン用CSS */
@media screen and (max-width: 640px) {
	
.-----MOBILE_ONLY_CSS_START----- {}

#access .office {
	width: 100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-bottom:70px;
}

#access .office .s_ttl_02{
	margin-top: 0px;
	margin-bottom: 20px;
}
#access .office .photo {
	width: 100%;
	text-align:center;
}
#access .office .map {
	width: 100%;
}


.-----MOBILE_ONLY_CSS_END----- {}

	
}