@charset "UTF-8";
/* CSS Document */
.breadcrumb-area span,
.breadcrumb-area{
  color: #000;
}
#access {
  background: linear-gradient(0deg, #2A111B calc(100% - clamp(91px, 10vw, 155px)), transparent 10px);
  color: #fff;
  padding: clamp(54px, 10vw, 95px) 0 0;
}
#access #acces_h2 {
  max-width: clamp(98px, 12vw, 120px);
  margin:0 auto;
  padding: 0 0 clamp(25px, 5vw, 50px) 0;
  position:relative;
}
#access .ttl_box {
  margin: 0 0 35px 0;
}
#access .ttl_box .sub_ttl {
  font-size: 21px;
  font-weight: 400;
  margin: 0 0 30px 0;
}
#access .ttl_box p {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 10px 0;
}
#access .cnt_box {
  max-width: 1190px;
  margin: 0 auto;
  padding: 0 45px;
}
#access .cnt_box iframe {
  width: 100%;
	height: clamp(260px, 45vw, 450px);
}
#access .cnt_box .map_link {
	text-align: center;
	padding: 10px 0 0;
  margin: 0 0 clamp(60px, 8vw, 80px) 0;
}
#access .cnt_box .map_link a {
  font-size: 16px;
	color: #FFF;
}
#access .cnt_box .time {
  margin: 0 0 50px 0;
}
#access .cnt_box .time .ttl {
  font-size: 21px;
  padding: 0 0 30px 0;
}
#access .cnt_box .time p {
  font-size: clamp(20px, 2.1vw, 21px);
  font-weight: 400;
  padding: 0 0 12px 0;
  text-align: center;
}
#access .cnt_box table {
  font-size: 16px;
  font-weight: 500;
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
  padding: 0 0 clamp(70px, 10vw, 100px) 0;
}
#access .cnt_box table tr {
  text-align: left;
  display: block;
  border-top: 1px solid #7C7C7C;
}
#access .cnt_box table tr th {
  font-weight: 400;
  padding: 12px 0;
  width: clamp(100px, 20vw, 200px);
}
#access .cnt_box table tr td {
  padding: 12px 0;
}
#access .cnt_box table tr:last-child {
  border-bottom: 1px solid #7C7C7C;
}
@media screen and (max-width: 640px) {
#access .cnt_box {
    padding: 0 20px;
}
	
 }