@charset "UTF-8";

/* =========================================================
 profile
========================================================= */
#profile .profile dt{ background-color: #b4b4b4;color:#fff; }
#profile .profile dd{ background-color: #f7f9f9; }

/* =========================================================
 access
========================================================= */
#access .gmap-area{ position: relative;width: 100%; }
#access .gmap{ position: absolute;width: 100%;height: 100%;top:0;left:0; }

.map-area {
  position: relative;
  width: 100%;
  padding-top: 22.5%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
}
.map-area iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}

/*//////////////////////////
PC-TAB
//////////////////////////*/
@media only screen and (min-width:768px) {
	/* =========================================================
	 common
	========================================================= */
	#profile .section-inner,
	#access .section-inner{ padding-top: 11px;padding-bottom: 11px; }

	/* =========================================================
	 profile
	========================================================= */
	#profile .profile{
		display: table;table-layout: fixed;border-collapse: collapse;
		width: 80%;min-width: 1125px;margin-left: auto;margin-right: auto;
	}
	#profile .profile .ct-prof{ display: table-row;font-size: 14px; }
	#profile .profile dt,
	#profile .profile dd{ display: table-cell;border-top: 10px solid  #fff;border-bottom: 10px solid  #fff;padding: 20px 40px; }
	#profile .profile dt{ width:130px;text-align: center;vertical-align: middle;border-right: 15px solid #fff; }
	#profile .profile dd{ border-left: 15px solid #fff; }

	/* =========================================================
	 access
	========================================================= */
	#access .gmap-area{ padding-top: 432px; }
	#access .address{
		width: 80%;min-width: 1125px;margin-left: auto;margin-right: auto;
		padding-top: 25px;padding-bottom: 25px;line-height: 1.8;
	}
}
/*//////////////////////////
SP
//////////////////////////*/
@media only screen and (max-width:767px) {
	/* =========================================================
	 common
	========================================================= */
	#profile .section-inner,
	#access .section-inner{ padding-top: 7%;padding-bottom: 0; }

	/* =========================================================
	 profile
	========================================================= */
	#profile .profile{
		padding-left: 15px;padding-right: 15px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	}
	#profile .profile{ width: 100%;display: table;table-layout: fixed;border-collapse: separate; }
	#profile .profile .ct-prof{ display: table-row;font-size: 10px; }
	#profile .profile dt,
	#profile .profile dd{
		
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;
	}
	#profile .profile dt,
	#profile .profile dd{ display: table-cell;border-top: 3px solid  #fff;border-bottom: 3px solid  #fff;padding: 1.4em 1em; }
	#profile .profile dt{ width: 8em;text-align: center;vertical-align: middle;border-right: 3px solid #fff; }
	#profile .profile dd{ border-left: 3px solid #fff; }

	/* =========================================================
	 access
	========================================================= */
	#access .gmap-area{ padding-top: 70%; }
	#access .address{ padding-left:15px;padding-right:15px;padding-top: 5%;padding-bottom: 5%;line-height: 1.3; }

	.map-area {
		padding-top: 70%;
	}

}