@charset "utf-8";

#PlanTitle {
	padding: 120px 0 60px;
	background-color: var(--Color3);
}
#PlanTitle .ttl_inner {
	width: 1000px;
	margin: auto;
	color: var(--Color2);
}
#PlanTitle .ttl_inner div {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 40px;
	margin-bottom: 1vw;
}
#PlanTitle h2 {
	font-family: var(--fontJp);
	font-weight: 300;
	letter-spacing: .1em;
	line-height: 1.2;
	color: var(--Color4);
	padding-right: 40px;
	border-right: 1px solid var(--Color2);
}
#PlanTitle h2 span {
	font-size: 3.5rem;
}
#PlanTitle .plan_note {
	font-family: var(--fontJp);
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.2;
}
#PlanTitle .plan_note span {
	font-size: 200%;
}
#PlanTitle .plan_occ {
	font-size: 1rem;
	line-height: 1.2;
}
#PlanTitle .plan_occ span {
	font-size: 300%;
	font-family: var(--fontJp);
	font-weight: 300;
}
#PlanTitle .plan_occ span span {
	font-size: 75%;
}
#PlanTitle .plan_area {
	text-align: center;
}


#PlanDetail {
	width: 1000px;
	margin: 60px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#PlanDetail h3 {
	margin-bottom: 1vw;
}
#PlanDetail li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: .5vw;
}
#PlanDetail figure {
	width: 450px;
}


#PlanIMG {
	width: 1000px;
	margin: 60px auto;
}

.hanrei img {
	height: 12px;
}


.back_btn {
	width: 300px;
	height: 50px;
	margin: 40px auto 0;
	background-color: var(--Color3);
	color: var(--Color2);
}
.back_btn a {
	width: 300px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}

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

#PlanTitle {
	padding: 12vw 0 6vw;
}
#PlanTitle .ttl_inner {
	width: 95%;
}
#PlanTitle .ttl_inner div {
	gap: 2vw;
}

#PlanDetail {
	width: 95%;
	margin: 6vw auto;
}
#PlanDetail div,
#PlanDetail figure {
	width: 45vw;
}
#PlanDetail ul li br {
	display: none;
}

#PlanIMG {
	width: 95%;
	margin: 6vw auto;
}

.hanrei img {
	height: 1.2vw;
}


}

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

#PlanTitle {
	margin-top: 70px;
	padding: 6vw 0;
}
#PlanTitle .ttl_inner div {
	display: block;
}
#PlanTitle h2 {
	border-bottom: 1px solid var(--Color2);
	border-right: none;
}
#PlanTitle h2 span {
	font-size: 14vw;
}
#PlanTitle .plan_note {
	font-size: 6.25vw;
}
#PlanTitle .plan_note span {
	font-size: 200%;
}
#PlanTitle .plan_occ {
	font-size: 4vw;
}
#PlanTitle .plan_occ span span {
	font-size: 75%;
}
#PlanTitle .plan_area {
	text-align: justify;
}

#PlanDetail {
	display: block;
}
#PlanDetail div,
#PlanDetail figure {
	width: 100%;
}

.hanrei img {
	height: 2.4vw;
}


}