@charset "UTF-8";

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



/*box1
---------------------------------------------------------*/
.box1 .map_box iframe {
	display: block;
	width: 100%;
	height: 50vw;
	max-height: 550px;
}
.box1 .box_520 dt {
	font-size: 140%;
	letter-spacing: .05em;
	line-height: 1.2em;
	margin-bottom: .8em;
}
.box1 .box_520 dd ul {
	display: flex;
    flex-wrap: wrap;
}
.box1 .box_520 dd li {
	margin-right: 1.0em;
}
.box1 .box_520 dd li:last-child {
	margin-right: 0;
}

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .map_box iframe {
	height: 53vw;
}
.box1 .box_520 {
	text-align: center;
}
.box1 .box_520 dt {
	font-size: 130%;
	margin-bottom: .5em;
}
.box1 .box_520 dd ul {
    justify-content: center;
}
.box1 .box_520 dd li {
	margin-left: .5em;
	margin-right: .5em;
}
.box1 .box_520 dd li:last-child {
	margin: 0;
}
}



/*box3
---------------------------------------------------------*/
.box3 dl {
	text-align: center;
}
.box3 dt.ft_gothic {
	font-size: 170%;
	font-size: min(170%,3.0vw);
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: .5em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 dt.ft_gothic {
	font-size: 3.2vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 dt.ft_gothic {
	font-size: 160%;
	margin-bottom: .3em;
}
}



/*box4
---------------------------------------------------------*/
.box4 .com_time_layout {
	font-size: 125%;
	font-size: min(125%,2.2vw);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box4 .com_time_layout {
	font-size: 2.4vw;
}
.box4 .com_time_layout .time_bg dd p .red {
	display: inline-block;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box4 .com_contact_layout {
	border-top: solid 1px rgba(38,28,20,0.5);
	padding-top: 8%;
}
}



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

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

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