@charset "UTF-8";

.m_img {
	background-image: url("../images/access/m_img@2x.jpg");
}
.com_deco_txt1 {
	color: #e6dcc6;
}

/*access
---------------------------------------------------------*/
#map iframe {
	display: block;
}
#map .com_btn2 a::before {
	background-color: #473219;
}
#map .com_btn2 a:hover::before {
	background-color: #fc890f;
}
#map .acs_grid {
	display: grid;
}
#map .cli_name {
	font-size: min(2.5vw,200%);
	font-weight: bold;
	letter-spacing: .18em;
	line-height: 1.5;
	margin-bottom: .4em;
}
#map .acs_list {
	display: flex;
	flex-wrap: wrap;
	letter-spacing: .12em;
	line-height: 1.4;
	margin-top: 2em;
}
#map .acs_list dt,
#map .acs_list dd {
	box-sizing: border-box;
	margin-bottom: 1.2em;
}
#map .acs_list dt:last-of-type,
#map .acs_list dd:last-of-type {
	margin-bottom: 0;
}
#map .acs_list dt {
	align-self: center;
	text-align: center;
	width: 17%;
	font-size: 86%;
	font-weight: bold;
	white-space: nowrap;
	font-feature-settings: "halt";
	background: url("../images/access/icon_train.svg") no-repeat center top;
	background-size: 2.3em auto;
	padding-top: 2.8em;
}
#map .acs_list dt:nth-of-type(2) {
	background-image: url("../images/access/icon_car.svg");
}
#map .acs_list dd {
	width: 80%;
	padding: .5em 0;
	padding-left: 1.5em;
	margin-left: 3%;
	border-left: 1px solid #fc890f;
}
#map .acs_list dd p {
	font-size: 105%;
	font-weight: bold;
}
#map .acs_list dd p span {
	display: inline-block;
	font-size: 87%;
}
#map .acs_list dd p.orange {
	font-size: 125%;
	margin-top: .1em;
	margin-bottom: .8em;
}
#map .acs_list dd p.orange:last-of-type {
	margin-bottom: 0;
}
#map .acs_grid .map {
	max-width: 550px;
}

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#map .acs_grid {
	justify-content: space-between;
	grid-template-columns: 46% 50%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
#map .acs_grid .cli_add {
	grid-row: 1 / 2;
	grid-column: 1 / 2;
	margin-bottom: 2em;
}
#map .acs_grid .acs_list {
	grid-row: 2 / 3;
	grid-column: 1 / 2;
	margin-top: 0;
}
#map .acs_grid .map {
	grid-row: 1 / 3;
	grid-column: 2 / 3;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#map .acs_grid .cli_add {
	grid-row: 1 / 2;
	grid-column: 1 / 3;
	text-align: center;
}
#map .acs_grid .map {
	grid-row: 2 / 3;
	align-self: flex-end;
}
#map .acs_list {
	letter-spacing: .08em;
}
#map .acs_list dt {
	width: 17%;
}
#map .acs_list dd {
	width: 78%;
	padding-left: 1.2em;
	margin-left: 5%;
}
#map .acs_list dd p.orange {
	font-size: 115%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#map iframe {
	height: 70vw;
}
#map .cli_name {
	font-size: 130%;
	letter-spacing: .1em;
}
#map .acs_list {
	order: 3;
	letter-spacing: .02em;
	margin-top: 5%;
}
#map .acs_list dt,
#map .acs_list dd {
	margin-bottom: 1.2em;
}
#map .acs_list dt {
	width: 17%;
	font-size: 86%;
}
#map .acs_list dd {
	width: 78%;
	padding-left: 1.2em;
	margin-left: 5%;
}
#map .acs_list dd p {
	font-size: 100%;
}
#map .acs_list dd p.orange {
	font-size: 110%;
}
#map .acs_grid .map {
	margin: 5% auto;
}
}


/*schedule
---------------------------------------------------------*/
#schedule {
	background-color: #ffffe1;
}
#schedule .com_wave {
	color: #ffffe1;
}
#schedule .bg_area {
	background: url("../images/access/sche_bg@2x.jpg") no-repeat center center;
	background-size: cover;
	padding-top: min(22vw,330px);
}
#schedule .com_style1_txt {
	text-align: center;
	margin-bottom: 1em;
}
/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {
#schedule .com_timetable {
	width: 75%;
	padding-top: 4%;
	padding-bottom: 4%;
}
#schedule .com_time_txt {
	font-size: 140%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#schedule .com_time_txt {
	font-size: 120%;
}
}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#schedule .com_timetable {
	width: 95%;
}
#schedule .com_style1_txt {
	font-size: 110%;
}
}



/*
---------------------------------------------------------*/

/* PC,Tablet
------------------------------------------*/
@media only screen and (min-width: 768px) {

}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}