@charset "UTF-8";


/* 767px以下SP
--------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
	#access .mainimg{
		background: url("../img/access/mainv_access_sp.png") center 50% no-repeat;
		background-size: cover;
	}
ul.main_access {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
	padding-top: 50px;
}
ul.main_access li {
text-align: left;
margin-bottom: 20px;
}
ul.main_access .rosen {
font-size: 12px;

}
ul.main_access .exit {
font-size: 14px;

letter-spacing: 0.2em;
}
ul.main_access .exit span {
font-size: 24px;
}
ul.train_access {
width: 90%;
margin: 0 auto 50px;
display: flex;
flex-direction: column;
}
ul.train_access li {
width: 100%;
margin-bottom: 30px;
}
.train_access_box {
padding-bottom: 20px;
}
ul.train_access .ttl {
font-size: 16px;
letter-spacing: 0.2em;

border-bottom: 1px solid #333;
margin-bottom: 15px;
}
ul.train_access .point {
font-size: 14px;

}
ul.train_access .point span {
font-size: 28px;
}
ul.train_access .point_sub {
font-size: 12px;

}

ul.taxi_access {
width: 90%;
margin: 0 auto 50px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
ul.taxi_access li {
width: 100%;
margin-bottom: 20px;
display: flex;
align-items: center;
letter-spacing: 0.1em;
}
ul.taxi_access li .name {
font-size: 12px;
width: 30%;
padding-right: 10px;
text-align: right;
}
ul.taxi_access li .name span {
font-size: 10px;
}
ul.taxi_access li .fee {
padding: 0 0 10px 10px;
border-left: 1px solid #333;
}
ul.taxi_access li .fee1 {
font-size: 12px;
padding-bottom: 10px;
}
ul.taxi_access li .fee1 span {
font-size: 24px;
}
ul.taxi_access li .fee2 {
font-size: 12px;
}

ul.car_access {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
}
ul.car_access li {
margin-bottom: 30px;
text-align: left;
letter-spacing: 0.2em;
width: 100%;
display: flex;
justify-content: flex-start;
letter-spacing: 0.05em;
align-items: center;
}
ul.car_access li .route {
font-size: 13px;

}
ul.car_access li .distance {
font-size: 13px;
padding-left: 1em;

}
ul.car_access li .distance span {
font-size: 24px;
}

.img01 {
width: 100%;
margin: 30px auto 50px;
}
.img02 {
width: 100%;
margin: 0 auto 50px;
}
.img03 {
margin: 0 auto 50px;
}
}

/* 768px以上 PC
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
	#access .mainimg{
		background: url("../img/access/mainv_access.png") center 50% no-repeat;
		background-size: cover;
	}
ul.main_access {
width: 1000px;
margin: 0 auto 50px;
	padding-top: 80px;
display: flex;
flex: 1;
justify-content: space-around;
}
ul.main_access li {
text-align: center;
}
ul.main_access .rosen {
font-size: 15px;

}
ul.main_access .exit {
font-size: 22px;

letter-spacing: 0.2em;
}
ul.main_access .exit span {
font-size: 44px;
}
ul.train_access {
width: 1000px;
margin: 0 auto 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
ul.train_access li {
width: 48%;
margin-bottom: 30px;
}
.train_access_box {
padding-bottom: 20px;
}
ul.train_access .ttl {
font-size: 24px;
letter-spacing: 0.2em;

border-bottom: 1px solid #333;
margin-bottom: 15px;
}
ul.train_access .point {
font-size: 18px;

}
ul.train_access .point span {
font-size: 36px;
}
ul.train_access .point_sub {
font-size: 13px;

}

ul.taxi_access {
width: 1000px;
margin: 0 auto 50px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
ul.taxi_access li {
width: 48%;
margin-bottom: 20px;
display: flex;
align-items: center;
letter-spacing: 0.1em;
}
ul.taxi_access li .name {
font-size: 16px;
width: 30%;
padding-right: 10px;
text-align: right;
}
ul.taxi_access li .name span {
font-size: 12px;
}
ul.taxi_access li .fee {
padding: 0 0 10px 10px;
border-left: 1px solid #333;
}
ul.taxi_access li .fee1 {
font-size: 16px;
padding-bottom: 10px;
}
ul.taxi_access li .fee1 span {
font-size: 32px;
}
ul.taxi_access li .fee2 {
font-size: 14px;
}

ul.car_access {
width: 800px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex: 1;
flex-wrap: wrap;
}
ul.car_access li {
margin-bottom: 30px;
text-align: center;
letter-spacing: 0.2em;
width: 48%;
}
ul.car_access li .route {
font-size: 16px;

}
ul.car_access li .distance {
font-size: 16px;
}
ul.car_access li .distance span {
font-size: 32px;
}

.img01 {
width: 1000px;
margin: 30px auto 50px;
}
.img02 {
width: 700px;
margin: 0 auto 50px;
}
.img03 {
width: 760px;
margin: 0 auto 50px;
}


}