@charset "UTF-8";

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


/*acs_list
---------------------------------------------------------*/
.acs_list {
	margin-top: 30px;
	font-size: min(112%,1.8vw);
	letter-spacing: .12em;
	line-height: 1.4em;
}
.acs_list li {
	display: flex;
    align-items: center;
	margin-top: 2em;
}
.acs_list li:first-of-type {
	margin-top: 0;
}
.acs_list li div {
	width: 3.8em;
	max-width: 50px;
	margin-right: 1.2em;
}
.acs_list li p > span {
	display: inline-block;
	font-size: 110%;
	letter-spacing: .06em;
	line-height: 1.4em;
}
.acs_list li .ft_outfit {
	font-size: 160%;
	letter-spacing: .12em;
	line-height: 1.4em;
	display: inline-block;
	vertical-align: middle;
	margin-left: .2em;
	transform: translateY(-.1em);
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.acs_list li {
	margin-top: 1.5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.acs_list {
	margin-top: 6%;
	font-size: 100%;
	letter-spacing: .08em;
}
.acs_list li {
	margin-top: 1.5em;
}
.acs_list li div {
	width: 3em;
}
}



/*map
---------------------------------------------------------*/
#map iframe {
	display: block;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#map iframe {
	height: 500px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#map iframe {
	height: 80vw;
}
}


/*access
---------------------------------------------------------*/
.acs_info .logo {
	width: 24%;
	max-width: 149px;
	margin-bottom: 5%;
}
.acs_info .box_r dl {
	font-weight: 600;
	letter-spacing: .16em;
}
.acs_info .box_r dl dd {
	font-size: min(3.1vw,225%);
	letter-spacing: .16em;
	white-space: nowrap;
	margin-top: .2em;
}
.acs_info address {
	line-height: 1.6;
	margin-top: 2em;
}
.acs_info .acs_list {
	margin-top: 8%;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.acs_info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 170px;
}
.acs_info .box_l {
	width: 47%;
	max-width: 700px;
}
.acs_info .box_r {
	width: 40%;
	padding-right: 4%;
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.acs_info {
	margin-bottom: 15%;
}
.acs_info .box_r {
	width: 42%;
}
.acs_info .box_r dl dt {
	font-size: 90%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.acs_info {
	margin-bottom: 18%;
}
.acs_info .box_l {
	width: 70%;
	margin-bottom: 8%;
	margin: 0 auto 8%;
}
.acs_info .box_r {
	position: relative;
	padding: 0 5%;
}
.acs_info .logo {
	position: absolute;
	right: 3%;
	top: 0;
	transform: translateY(-60%);
}
.acs_info .box_r dl dt {
	font-size: 90%;
}
.acs_info .box_r dl dd {
	font-size: 150%;
}
.acs_info address {
	margin-top: 1.5em;
}
.acs_info .acs_list {
	margin-top: 8%;
}
}



/*schedule
---------------------------------------------------------*/
#schedule .com_bg {
	padding: 140px 0 160px;
}
#schedule .acs_list > li {
	justify-content: center;
}
#schedule .box2 {
	padding-top: 55px;
	margin-top: 80px;
	border-top: 1px solid rgba(64,55,0,0.1);
}
#schedule .com_tel_style {
	margin: 50px auto;
}
/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
#schedule .com_timetable {
	width: 80%;
	font-size: min(2vw,122%);
}
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#schedule .com_bg {
	padding: 12% 0 15%;
}
#schedule .box2 {
	padding-top: 5%;
	margin-top: 7%;
}
#schedule .com_tel_style {
	margin: 5% auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#schedule .com_bg {
	padding: 14% 0 15%;
}
#schedule .box2 {
	padding-top: 7%;
	margin-top: 9%;
}
#schedule .com_tel_style {
	margin: 7% auto;
}
}


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

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

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



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

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

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