@charset "utf-8";

#MainVisual2 {
	width: 100%;
	padding-top: 70px;
}
.main_copy {
	position: absolute;
	top:0;
	bottom: 0;
	left: 10%;
	width: 300px;
	margin: auto;
}

.white_back {
	background-color: var(--Color2);
}

#Intro {
	width: 100%;
	background-image: url(../images/plan/back_gd.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#Intro h2.intro_copy {
	width: 1000px;
	margin: auto;
	padding: 120px 0;
	line-height: 2;
	color: var(--Color5);
	text-align: center;
}


.yk_cont {
	width: 1000px;
	margin: 120px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.yk_cont img {
	width: 55%;
}
.sec_copy {
	width: 42%;
}
.sec_copy h2 {
	width: 260px;
	font-family: var(--fontJp);
	color: var(--Color5);
	line-height: 1;
	letter-spacing: .1em;
	font-weight: 300;
	font-size: 2.5rem;
	margin-bottom: 120px;
}
.sec_copy h3 {
	margin-bottom: 20px;
	line-height: 1.5;
}
.sec_copy p.ann {
	margin-top: 10px;
}
.yk_cont2 {
	padding-right: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.yk_cont2 figure {
	width: 50%;
}

.yk_cont3 {
	width: 1000px;
	margin: 60px auto 120px;
}
.yk_cont3 .yk_list {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}
.yk_cont3 .yk_list img {
	width: 23%;
}

.yk_facility {
	background-color: var(--Color3);
	color: var(--Color2);
}
.yk_facility_copy {
	padding-left: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.yk_facility_copy figure {
	width: 50%;
}
.yk_facility_list {
	margin: 60px auto 120px;
	width: 1000px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px 20px;
	padding-bottom: 120px;
}
.yk_facility_list li {
	width: 320px;
}
.yk_facility_list li figure figcaption {
	color: var(--Color4);
}

#Position {
	width: 1000px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#Position .sec_copy {
	width: 35%;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}
#Position figure {
	width: 60%;
}

.train_access {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: calc((100% - 1000px) / 2);
	margin: 120px auto 0;
}
.train_access figure {
	width: 50%;
}
.train_access .sec_copy {
	width: 45%;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}
.train_access .sec_copy h2 {
	width: auto;
}
.train2 {
	width: 1000px;
	margin: 60px auto 30px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.route_map {
	width: 40%;
}
.train_photo {
	width: 55%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2%;
}
.tr_p_half {
	width: 49%;
	margin: 2% auto;
}
.acc_list {
	width: 100%;
	margin-top: 2%;
}
p.ann.train_acc {
	width: 1000px;
	margin: 0 auto 60px;
	text-align: justify;
}



.other_train {
	width: 100%;
	padding: 120px 0;
	background-color: var(--Color7);
}
.other_train .other_train_inner {
	width: 1000px;
	margin: auto;
}
.other_train .other_train_inner h3 {
	text-align: center;
	margin-bottom: 2vw;
}
.other_train .other_train_inner p.copy {
	text-align: center;
}
.other_train .line_info {
	margin-top: 60px;
}
.other_train .line_info .line_inner {
	display: flex;
	justify-content: space-between;
}
.other_train .line_info .line_inner div,
.other_train .line_info .line_inner figure {
	width: 47.5%;
}
.other_train .line_info .line_inner div h4 {
	margin: 1.5vw 0;
}
.other_train .shonan_col {
	background-color: var(--Color2);
	margin-top: 60px;
	padding: .5em;
}
.other_train .shonan_col .shonan_col_inner {
	padding: 2em;
	border: 1px solid var(--Color3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_l {
	width: 34%;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_l h5 {
	color: var(--Color3);
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_l p {
	margin: .5em 0;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_r {
	width: 64%;
	display: flex;
	justify-content: space-between;
	gap: 0;
	align-items: flex-start;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_r figure {
	width: 50%;
}



.acc_col {
	background-color: var(--Color3);
	color: var(--Color2);
	margin: 0 auto 60px;
	padding: 120px 0;
}
.airport {
	width: 1000px;
	margin: auto;
	padding-bottom: 60px;
	border-bottom: 1px solid var(--Color2);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.shinkansen {
	width: 1000px;
	margin: auto;
	padding-top: 60px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: flex-end;
}
.airport .airport_copy,
.airport figure,
.shinkansen .shinkansen_copy,
.shinkansen figure {
	width: 48%;
}
.airport .airport_copy h3,
.airport .airport_copy p,
.shinkansen .shinkansen_copy h3,
.shinkansen .shinkansen_copy p {
	margin-bottom: 30px;
}

.bus_access {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	padding-left: calc((100% - 1000px) / 2);
	margin: 120px auto 0;
}
.bus_access figure {
	width: 50%;
}
.bus_access .sec_copy {
	width: 45%;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}
.bus_access .sec_copy h2 {
	width: auto;
}
.loc_illust {
	width: 1000px;
	margin: 60px auto;
}

.bus_station {
	width: 1000px;
	margin: 60px auto;
}
.bus_station h4 {
	border-bottom: 1px solid var(--Color1);
	margin-bottom: 30px;
}
.bus_acc {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.bus_acc_list,
.bus_map {
	width: 49%;
}
.bus_acc_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bus_acc_list li {
	width: 48%;
}
.bus_acc_list li p {
	line-height: 1.2;
}
.bus_acc_list li p span {
	font-size: 150%;
	color: var(--Color3);
}
.bus_acc_list li .ann {
	margin-top: .5vw;
}

.taxi_acc {
	background-color: var(--Color3);
	color: var(--Color2);
	margin: 60px auto;
	padding: 120px 0;
}
.first_col,
.taxi_img {
	width: 1000px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.first_col {
	margin-bottom: 20px;
}
.first_col .second_col,
.first_col .taxi_svg,
.taxi_img figure {
	width: 48%;
}
.first_col .second_col p {
	margin: 20px auto;
}

.car_access {
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: calc((100% - 1000px) / 2);
	margin: 120px auto 0;
}
.car_access figure {
	width: 50%;
}
.car_access .sec_copy {
	width: 45%;
}
.car_access .sec_copy h2 {
	width: auto;
}
.car_map,
.car_detail {
	width: 1000px;
	margin: 60px auto 20px;
}
.car_detail h4 {
	border-bottom: 1px solid var(--Color1);
}
.car_detail ul {
	display: flex;
	justify-content: space-between;
	margin: 10px auto 30px;
}
.car_detail ul.car_detail_list {
	font-size:1.25rem;
}
.car_detail ul.car_detail_list li span.car_detail_1 {
	font-size: 150%;
	color: var(--Color3);
}
.car_detail .car_img_list figure {
	width: 33%;
}
#Access .annotation {
	margin: 0 auto 120px;
	padding-top: 0;
}






@media screen and (max-width: 1000px) {

.main_copy {
	width: 30vw;
}

#Intro .intro_copy {
	width: 95%;
	padding: 16vw 0 12vw;
}

#Intro h2.intro_copy {
	width: 100%;
	padding: 12vw 0;
}

.yk_cont {
	width: 95%;
	margin: 12vw auto;
}
.sec_copy h2 {
	width: 26vw;
	margin-bottom: 6vw;
}
.sec_copy h3 {
	margin-bottom: 2vw;
}
.sec_copy p.ann {
	margin-top: 1vw;
}
.yk_cont2 {
	padding-right: 2.5%;
}
.yk_cont3 {
	width: 95%;
	margin: 6vw auto 12vw;
}
.yk_cont3 .yk_list {
	margin-top: 4vw;
}

.yk_facility_copy {
	padding-left: 2.5%;
}
.yk_facility_list {
	margin: 6vw auto 12vw;
	width: 95%;
	gap: 4vw 1vw;
	padding-bottom: 12vw;
}
.yk_facility_list li {
	width: 32%;
}

#Position {
	width: 95%;
}

.train_access {
	padding-right: 2.5%;
	margin: 12vw auto 0;
}
.train2 {
	width: 95%;
	margin: 6vw auto 3vw;
}
p.ann.train_acc {
	width: 95%;
	margin: 0 auto 6vw;
}


.other_train {
	padding: 12vw 0;
}
.other_train .other_train_inner {
	width: 95%;
}
.other_train .line_info {
	margin-top: 6vw;
}
.other_train .shonan_col {
	margin-top: 6vw;
}


.acc_col {
	margin: 0 auto 6vw;
	padding: 12vw 0;
}
.airport {
	width: 95%;
	padding-bottom: 6vw;
}
.shinkansen {
	width: 95%;
	padding-top: 6vw;
}
.airport .airport_copy h3,
.airport .airport_copy p,
.shinkansen .shinkansen_copy h3,
.shinkansen .shinkansen_copy p {
	margin-bottom: 3vw;
}
.airport .airport_copy h3 {
	letter-spacing: 0;
}

.bus_access {
	padding-left: 2.5%;
	margin: 12vw auto 0;
}
.loc_illust {
	width: 95%;
	margin: 6vw auto;
}

.bus_station {
	width: 95%;
	margin: 6vw auto;
}
.bus_station h4 {
	margin-bottom: 3vw;
}

.taxi_acc {
	margin: 0 auto 6vw;
	padding: 12vw 0;
}
.first_col,
.taxi_img {
	width: 95%;
}
.first_col {
	margin-bottom: 2vw;
}
.first_col .second_col p {
	margin: 2vw auto;
}

.car_access {
	padding-right: 2.5%;
	margin: 12vw auto 0;
}
.car_map,
.car_detail {
	width: 95%;
	margin: 6vw auto 2vw;
}
.car_detail ul {
	margin: 1vw auto 3vw;
}
.car_detail ul.car_detail_list {
	font-size:2vw;
}
#Access .annotation {
	margin: 0 auto;
}




}

@media screen and (max-width: 767px) {

.main_copy {
	position: absolute;
	top:20vw;
	bottom: auto;
	left: 0;
	right: 0;
	width: 60vw;
}

#Intro .intro_copy {
	display: block;
	text-align: center;
}

.yk_cont {
	display: block;
}
.sec_copy {
	width: 95%;
	margin: auto;
}
.yk_cont img {
	width: 100%;
	margin-top: 4vw;
}
.sec_copy h2 {
	width: 100%;
	margin: 12vw 0 6vw;
}
.sec_copy h3 {
	margin-bottom: 4vw;
}
.sec_copy p.ann {
	margin-top: 2vw;
}
.yk_cont2 {
	padding-right: 0;
	display: block;
}
.yk_cont2 figure {
	width: 100%;
	margin-bottom: 6vw;
}

.yk_cont3 {
	width: 95%;
	margin: 12vw auto 24vw;
}
.yk_cont3 .yk_list {
	flex-wrap: wrap;
	gap: 4vw 0;
	margin-top: 8vw;
}
.yk_cont3 .yk_list img {
	width: 48%;
}

.yk_facility_copy {
	display: block;
	padding: 12vw 0 0;
}
.yk_facility_copy figure {
	width: 100%;
	margin-top: 6vw;
}
.yk_facility_list {
	margin: 6vw auto 12vw;
	width: 95%;
	gap: 10vw 0;
	padding-bottom: 12vw;
}
.yk_facility_list li {
	width: 48%;
}

#Position {
	display: block;
}
#Position .sec_copy {
	width: 100%;
	display: block;
}
#Position figure {
	width: 100%;
}

.train_access {
	display: block;
	padding-right: 0;
	margin: 12vw auto 0;
}
.train_access figure {
	width: 100%;
	margin-bottom: 12vw;
}
.train_access .sec_copy {
	width: 95%;
	display: block;p;
}
.train_access .sec_copy h2 {
	width: auto;
}
.train2 {
	display: block;
}
.route_map {
	width: 100%;
}
.train_photo {
	width: 100%;
	margin: 12vw auto 6vw;
	gap: 2%;
}
p.ann.train_acc {
	width: 95%;
	margin: 0 auto 6vw;
	text-align: justify;
}


.other_train .line_info .line_inner {
	display: block;
}
.other_train .line_info .line_inner div,
.other_train .line_info .line_inner figure {
	width: 100%;
	margin-bottom: 6vw;
}
.other_train .line_info .line_inner div h4 {
	margin: 4vw 0;
}
.other_train .shonan_col .shonan_col_inner {
	padding: 2vw 3vw;
	display: block;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_l {
	width: 100%;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_r {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: 0;
	align-items: flex-start;
}
.other_train .shonan_col .shonan_col_inner .shonan_col_inner_r figure {
	width: 50%;
}

.airport,
.shinkansen {
	display: block;
}
.airport .airport_copy,
.airport figure,
.shinkansen .shinkansen_copy,
.shinkansen figure {
	width: 100%;
	margin: 4vw auto;
}
.acc_col {
	margin: 0;
}
.bus_access {
	display: block;
	padding-left: 0;
	width: 95%;
	margin: 6vw 0;
}
.bus_access figure {
	width: 100%;
}
.bus_access .sec_copy {
	width: 100%;
	display: block;
}

.bus_access .sec_copy h2 {
	width: auto;
	margin: 6vw auto;
}
.loc_illust {
	width: 100%;
}

.bus_station {
	width: 95%;
}
.bus_acc {
	display: block;
}
.bus_acc_list,
.bus_map {
	width: 100%;
}
.bus_acc_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bus_acc_list li {
	width: 48%;
	margin-bottom: 4vw;
}


.taxi_acc {
	background-color: var(--Color3);
	color: var(--Color2);
	margin: 0;
}
.first_col,
.taxi_img {
	display: block;
}
.first_col .second_col,
.first_col .taxi_svg,
.taxi_img figure {
	width: 100%;
}


.car_access {
	display: block;
	padding-right: 0;
	width: 95%;
}

.car_access figure {
	width: 100%;
}
.car_access .sec_copy {
	width: 100%;
}
.car_access .sec_copy h2 {
	margin: 12vw 0 6vw;
}
.car_detail h4 {
	border-bottom: 1px solid var(--Color1);
}
.car_detail ul {
	display: block;
	margin: 1vw auto 3vw;
}
.car_detail ul.car_detail_list {
	font-size:5vw;
}
.car_detail .car_img_list figure {
	width: 100%;
	margin-bottom: 2vw;
}







}