@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%;
	padding: 120px 0;
	text-align: center;
}
#Intro span {
	display: block;
}
#Intro span.h2_en {
	font-family: var(--fontJp);
	color: var(--Color5);
	line-height: 1;
	letter-spacing: .1em;
	font-weight: 300;
	font-size: 2.5rem;
}
#Intro span.h2_jp {
	font-size: 1.5rem;
	font-weight: 300;
	margin: 2vw auto;
}

.sec_copy h2 {
	width: 260px;
	font-family: var(--fontJp);
	color: var(--Color3);
	line-height: 1;
	letter-spacing: .1em;
	font-weight: 300;
	font-size: 2.5rem;
	margin-bottom: 2vw;
}
.sec_copy h3 {
	margin-bottom: 2vw;
	line-height: 1.5;
}
.sec_copy h3 span {
	font-size: 60%;
}
.sec_copy p.ann {
	margin-top: .5vw;
}

#Location01,
#Location02,
#Location03,
#Location04 {
	margin-bottom: 120px;
}


.loc01_01,.loc01_03 {
	width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 60px auto;
}
.loc01_01 .sec_copy {
	width: 30%;
}
.loc01_01 figure {
	width: 65%;
}
.loc01_02 {
	width: calc(100% - ((100% - 1000px) / 2));
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin: 60px 0;
}
.loc01_02 .sec_copy {
	width: 55%;
}
.loc01_02 .sec_copy p {
	margin-bottom: 3vw;
}
.loc01_02 figure.loc2_fig {
	width: 45%;
}
.loc01_02 figure.loc2_fig figcaption {
	left: 1vw;
	bottom: 5vw;
}
.loc01_03 .sec_copy {
	width: 45%;
}
.loc01_03 figure {
	width: 45%;
}
.aerial {
	width: calc(100% - ((100% - 1000px) / 2));
}
.loc01_04 {
	width: 1000px;
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.loc01_04 .sec_copy {
	width: 43%;
}
.loc01_04 figure {
	width: 52%;
}
.loc01_05 {
	background-color: var(--Color5);
	padding: 60px 0;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	color: var(--Color2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.loc01_05 .sec_copy {
	width: 43%;
}
.loc01_05 figure {
	width: 52%;
}
.loc01_06 {
	background-color: var(--Color3);
	padding: 60px 0;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	color: var(--Color2);
}
.loc01_06 .inner01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.loc01_06 .inner02 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.loc01_06 .sec_copy {
	width: 40%;
}
.loc01_06 figure {
	width: 55%;
}

.loc02_01 {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	padding-left: calc((100% - 1000px) / 2);
}
.loc02_01 .sec_copy {
	width: 35%;
}
.loc02_01 figure {
	width: 65%;
}
.loc02_02 {
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: calc((100% - 1000px) / 2);
}
.loc02_02_photo {
	width: 55%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 2%;
}
.loc02_02_photo1 {
	width: 100%;
}
.loc02_02_photo2 {
	width: 49%;
}
.loc02_02_ill {
	width: 45%;
}
.loc02_03 {
	background-color: var(--Color3);
	padding-top: 60px;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	color: var(--Color2);
}
.loc02_03 .sec_copy,
.loc02_03 figure {
	width: 45%;
}
.loc02_04 {
	background-color: var(--Color3);
	padding-bottom: 60px;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	color: var(--Color2);
}
.loc02_04 .loc02_04_inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2vw;
}
.loc02_04 .loc02_04_inner div {
	width: 24%;
	display: flex;
	flex-wrap: wrap;
	gap: 1vw;
}
.loc02_04 .loc02_04_inner div figure {
	width: 100%;
}
.loc02_04 .loc02_04_inner .loc02_04_ill {
	width: 50%;
}

.loc03_01 {
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-right: calc((100% - 1000px) / 2);
}
.loc03_01 .sec_copy {
	width: 30%;
}
.loc03_01 figure {
	width: 65%;
}
.loc03_02 {
	width: 1000px;
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 40px 20px;
}
.loc03_02 .p_half {
	width: 49%;
}
.loc03_02 .p_quater {
	width: 23.5%;
}


.loc03_03 {
	background-color: var(--Color3);
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
	color: var(--Color2);
}
.loc03_03 .sec_copy {
	width: 45%;
}
.loc03_03 figure {
	width: 50%;
}

.loc03_04 {
	background-color: var(--Color3);
	padding: 60px 0;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
}
.loc03_04 img {
	width: 19%;
}

.loc03_05,
.loc03_06 {
	background-color: var(--Color3);
	padding: 60px 0;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	display: flex;
	justify-content: space-between;
	color: var(--Color2);
	position: relative;
}
.loc03_06 {
	flex-direction: row-reverse;
}
.loc03_05:before,
.loc03_06:before {
	content: "";
	position: absolute;
	left: 50%;
	right: 50%;
	transform: translate(-50%);
	top: 0;
	width: 1000px;
	height: 1px;
	background-color: var(--Color2);
}
.loc03_05_left,
.loc03_05_right {
	width: 49%;
}
.loc03_05_inner {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-top: 1vw;
}
.loc03_05_inner figure,
.loc03_05_inner div {
	width: 49%;
}
.loc03_06 figure,
.loc03_06 .sec_copy {
	width: 49%;
}
.loc03_06 .sec_copy ul {
	margin-top: 1vw;
	border-top: 1px solid var(--Color2);
}
.loc03_06 .sec_copy ul li {
	border-bottom: 1px solid var(--Color2);
	margin-top: .3em;
	padding-bottom: .3em;
}

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

.loc04_02 {
	width: 100%;
	margin: 60px auto;
}
.loc04_02 figure {
	width: 100%;
}
.loc04_02 figure figcaption {
	position: static;
}
.slick-slide {
  margin: 0 1vw;
}
.slick-dots {
	bottom: -3vw;
}
.slick-dots li button:before {
	font-size: 10px;
}
.loc04_03 {
	background-color: var(--Color3);
	margin-top: 120px;
	padding: 60px 0;
	padding-left: calc((100% - 1000px) / 2);
	padding-right: calc((100% - 1000px) / 2);
	color: var(--Color2);
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
.loc04_03 .sec_copy {
	width: 43%;
}
.loc04_03 figure {
	width: 52%;
}




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

.main_copy {
	width: 30vw;
}
#Intro {
	padding: 12vw 0;
}
.sec_copy h2 {
	width: 26vw;
}
#Location01,
#Location02,
#Location03,
#Location04 {
	margin-bottom: 12vw;
}

.loc01_01,.loc01_02,.loc01_03,.loc01_04 {
	width: 95%;
	margin: 6vw auto;
}
.aerial {
	width: 100%;
}
.loc01_05,.loc01_06 {
	padding: 6vw 0;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.loc02_01 {
	padding-left: 2.5%;
}
.loc02_01 .sec_copy {
	width: 42%;
}
.loc02_01 figure {
	width: 55%;
}
.loc02_02 {
	margin: 6vw auto;
	padding-right: 2.5%;
}
.loc02_02_photo {
	width: 55%;
	gap: 1vw 2%;
}
.loc02_03 {
	padding-top: 6vw;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.loc02_04 {
	padding-bottom: 6vw;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.loc03_01 {
	padding-right: 2.5%;
}
.loc03_01 .sec_copy {
	width: 42%;
}
.loc03_01 figure {
	width: 55%;
}
.loc03_02 {
	width: 95%;
	margin: 6vw auto;
	gap: 6vw 2vw;
}
.loc03_02 .p_half {
	width: 48%;
}
.loc03_02 .p_quater {
	width: 22%;
}
.loc03_03 {
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.loc03_03 .sec_copy {
	width: 42%;
}
.loc03_03 figure {
	width: 55%;
}
.loc03_04 {
	padding: 6vw 0;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.loc03_05,
.loc03_06 {
	padding: 6vw 0;
	padding-left: 2.5%;
	padding-right: 2.5%;
}
.loc03_05:before,
.loc03_06:before {
	width: 95%;
}
.loc04_01 {
	padding-left: 2.5%;
}
.loc04_01 .sec_copy {
	width: 43%;
}
.loc04_01 figure {
	width: 55%;
}
.loc04_02 {
	margin: 6vw auto;
}
.loc04_03 {
	margin-top: 12vw;
	padding: 6vw 0;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

}

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

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

.loc01_01, .loc01_03{
	display: block;
}
.loc01_01 .sec_copy,
.loc01_01 figure {
	width: 100%;
}
.loc01_02 {
	display: block;
}
.loc01_02 .sec_copy,
.loc01_02 figure.loc2_fig {
	width: 100%;
}
.loc01_02 figure.loc2_fig figcaption {
	left: 3vw;
	bottom: -1.5vw;
}
.loc01_03 .sec_copy,
.loc01_03 figure {
	width: 100%;
}
.loc01_04 {
	display: block;
}
.loc01_04 .sec_copy,
.loc01_04 figure {
	width: 100%;
}
.loc01_05 {
	display: block;
}
.loc01_05 .sec_copy,
.loc01_05 figure {
	width: 100%;
}
.loc01_06 .inner01,
.loc01_06 .inner02 {
	display: block;
	margin-bottom: 6vw;
}
.loc01_06 .sec_copy,
.loc01_06 figure {
	width: 100%;
}
#Location01,
#Location02,
#Location03,
#Location04 {
	margin-bottom: 0;
}
.loc02_01 {
	display: block;
	padding: 0;
	width: 100%;
}
.loc02_01 .sec_copy {
	width: 95%;
	margin: auto;
}
.loc02_01 figure {
	width: 100%;
	margin-bottom: 2vw;
}
.loc02_02 {
	display: block;
	padding: 0;
}
.loc02_02_photo {
	width: 95%;
	margin: auto;
}
.loc02_02_photo1 {
	width: 100%;
}
.loc02_02_ill {
	width: 100%;
}
.loc02_03 {
	display: block;
	padding-bottom: 3vw;
}
.loc02_03 .sec_copy,
.loc02_03 figure {
	width: 100%;
}
.loc02_04 .loc02_04_inner {
	display: block;
}
.loc02_04 .loc02_04_inner div,
.loc02_04 .loc02_04_inner div figure,
.loc02_04 .loc02_04_inner .loc02_04_ill {
	width: 100%;
	margin-bottom: 3vw;
}
.loc03_01 {
	display: block;
	padding-right: 0;
}
.loc03_01 .sec_copy {
	width: 95%;
	margin: 3vw auto 0;
}
.loc03_01 figure {
	width: 100%;
}
.loc03_02 .p_half {
	width: 100%;
	margin-bottom: 3vw;
}
.loc03_02 .p_quater {
	width: 48%;
	margin-bottom: 3vw;
}
.loc03_03 {
	display: block;
}
.loc03_03 .sec_copy {
	margin-top: 3vw;
}
.loc03_03 .sec_copy,
.loc03_03 figure {
	width: 100%;
}
.loc03_04 {
	display: block;
}
.loc03_04 img {
	width: 100%;
}
.loc03_05,
.loc03_06,
.loc03_05_inner {
	display: block;
}
.loc03_05_left,
.loc03_05_right,
.loc03_05_inner figure,
.loc03_05_inner div,
.loc03_06 figure,
.loc03_06 .sec_copy {
	width: 100%;
	margin-bottom: 3vw;
}
.loc03_06 .sec_copy ul li {
	font-size: 3.2vw;
}
.loc04_01 {
	display: block;
	padding-left: 0;
}
.loc04_01 .sec_copy {
	width: 95%;
	margin: 3vw auto;
}
.loc04_01 figure {
	width: 100%;
}
.loc04_03 {
	display: block;
}
.loc04_03 .sec_copy,
.loc04_03 figure {
	width: 100%;
}


}