/*-----------------setting_css---------------------*/
/*-----------------/setting_css/---------------------*/
#plan main {
	opacity: 1;
	background: url("../img/bg_brand.jpg") left top/cover no-repeat;
}
@media screen and (max-width: 768px) {
	#plan main {
		padding-bottom: 15%;
		/*@media screen end*/
	}
}
#plan main p {
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}
#plan .mv_img .ttl {
	width: 25%;
	max-width: 150px;
}
#plan .mv_img .com-imgnote {
	color: #fff;
}
#plan .text {
	font-size: clamp(10px, 5vw, 15px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
	#plan {
		/*@media screen end*/
	}
	#plan .text {
		font-size: clamp(10px, 3.5vw, 15px);
	}
}
#plan .plan_inner {
	background: transparent url("../img/con_bg.jpg") center top/cover no-repeat;
	padding-block: 8%;
}
#plan .plan_inner .com-notebox {
	padding-bottom: 0;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner {
		padding-block: 10%;
		/*@media screen end*/
	}
}
#plan .plan_inner .lead_box {
	text-align: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#plan .plan_inner .lead_box .lead {
	font-size: clamp(10px, 5vw, 28px);
	position: relative;
	display: inline-block;
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	line-height: 2em;
}
#plan .plan_inner .lead_box .lead .gld {
	color: #D9BD95;
}
#plan .plan_inner .lead_box .lead .big {
	font-size: clamp(10px, 5vw, 32px);
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .lead_box .lead {
		/*@media screen end*/
	}
	#plan .plan_inner .lead_box .lead .big {
		font-size: clamp(10px, 6vw, 32px);
	}
}
#plan .plan_inner .lead_box .lead .note {
	position: absolute;
	font-size: 11px;
	right: 3%;
	top: 91%;
	line-height: 1em;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .lead_box .lead {
		/*@media screen end*/
	}
	#plan .plan_inner .lead_box .lead:last-child {
		margin-top: 5%;
	}
	#plan .plan_inner .lead_box .lead .note {
		font-size: 10px;
		right: 21%;
		top: 100%;
	}
}
#plan .plan_inner .plan_area {
	margin-top: 10%;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	width: 95%;
	margin-inline: auto;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area {
		margin-top: 15%;
		/*@media screen end*/
	}
}
#plan .plan_inner .plan_area .plan_box {
	width: 47.5%;
	margin-bottom: 5%;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area .plan_box {
		width: 100%;
		margin-inline: auto;
		margin-bottom: 12%;
		/*@media screen end*/
	}
}
#plan .plan_inner .plan_area .plan_box p {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
#plan .plan_inner .plan_area .plan_box .plan_detail {
	background-color: #ddc9b1;
	position: relative;
	padding-block: 12% 6%;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .corner {
	position: absolute;
	right: 10px;
	top: 10px;
	background-color: #540000;
	color: #D9BD95;
	font-weight: 500;
	padding: 5px 10px 2px 12px;
	letter-spacing: 0.05em;
	font-size: clamp(10px, 5vw, 15px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .bg {
	position: absolute;
	width: 58%;
	left: 0;
	top: 0;
	mix-blend-mode: color-dodge;
	pointer-events: none;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox {
	width: 85%;
	margin-inline: auto;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	z-index: 1;
	position: relative;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type {
	width: 24%;
	text-align: center;
	border-right: 5px solid #540000;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-block: 0% 7%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type p {
	font-size: clamp(10px, 5vw, 50px);
	position: relative;
	color: #540000;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type p span {
	font-size: clamp(10px, 5vw, 19px);
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	line-height: 1em;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type {
		/*@media screen end*/
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type p {
		font-size: clamp(10px, 11vw, 50px);
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .type p span {
		font-size: clamp(10px, 5vw, 19px);
	}
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail {
	width: 76%;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p,
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p {
	margin-left: 5%;
	letter-spacing: 0.05em;
	color: #353535;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-bottom: 1px solid #540000;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p {
	font-size: clamp(10px, 5vw, 25px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p .big {
	font-size: clamp(10px, 5vw, 50px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p .middle {
	font-size: clamp(10px, 5vw, 30px);
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail {
		/*@media screen end*/
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p {
		font-size: clamp(10px, 6vw, 25px);
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p .big {
		font-size: clamp(10px, 9vw, 50px);
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_1 p .middle {
		font-size: clamp(10px, 6vw, 30px);
	}
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 {
	padding-top: 10%;
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p {
	font-size: clamp(10px, 5vw, 16px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .big {
	font-size: clamp(10px, 5vw, 50px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .middle {
	font-size: clamp(10px, 5vw, 35px);
}
#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .small {
	font-size: clamp(10px, 5vw, 14px);
	margin-left: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: block;
	margin-right: 25%;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail {
		/*@media screen end*/
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 {
		padding-top: 10%;
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .big {
		font-size: clamp(10px, 10vw, 50px);
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .middle {
		font-size: clamp(10px, 7vw, 35px);
	}
	#plan .plan_inner .plan_area .plan_box .plan_detail .flbox .detail .box_2 p .small {
		font-size: clamp(10px, 5vw, 14px);
		margin-right: 6%;
	}
}
#plan .plan_inner .plan_area .plan_box .view {
	background-color: #000;
	text-align: center;
	padding-block: 10px 8px;
	width: 100%;
}
@media screen and (max-width: 768px) {
	#plan .plan_inner .plan_area .plan_box .view {
		padding-block: 8px 7px;
		/*@media screen end*/
	}
}
#plan .plan_inner .plan_area .plan_box .view p {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	font-size: clamp(10px, 4vw, 18px);
	display: inline-block;
	letter-spacing: 0.15em;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
#plan .plan_inner .plan_area .plan_box .view p::before {
	content: "";
	position: absolute;
	width: 10px;
	aspect-ratio: 0.8660254038;
	-webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: #fff;
	right: -34%;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateY(-50%);
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media (any-hover: hover) {
	#plan .plan_inner .plan_area .plan_box:hover .view p {
		letter-spacing: 0.2em;
	}
	#plan .plan_inner .plan_area .plan_box:hover .view p::before {
		right: -40%;
	}
}
#plan .type_inner {
	background: transparent url("../img/type/type_bg.jpg") center top/cover no-repeat;
}
@media screen and (max-width: 768px) {
	#plan .type_inner {
		background: transparent url("../img/type/type_bg_sp.jpg") center top/cover no-repeat;
		padding-block: 15% 10%;
		/*@media screen end*/
	}
}
#plan .type_inner .flbox1 {
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
#plan .type_inner .flbox1 .box_l {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l {
		width: 90%;
		margin-inline: auto;
		/*@media screen end*/
	}
}
#plan .type_inner .flbox1 .box_l p {
	font-family: "Jost", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	color: #fff;
}
#plan .type_inner .flbox1 .box_l .name p {
	color: #e1c298;
	letter-spacing: 0em;
	font-size: clamp(10px, 20vw, 80px);
}
#plan .type_inner .flbox1 .box_l .name p span {
	font-size: clamp(10px, 5vw, 30px);
	margin-left: 3%;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .box_l .name p {
		line-height: 1em;
	}
	#plan .type_inner .flbox1 .box_l .name p span {
		font-size: clamp(10px, 7vw, 30px);
		margin-left: 5%;
	}
}
#plan .type_inner .flbox1 .box_l .detail {
	width: 75%;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l .detail {
		width: 100%;
		/*@media screen end*/
	}
}
#plan .type_inner .flbox1 .box_l .detail .box_1 p,
#plan .type_inner .flbox1 .box_l .detail .box_2 p {
	letter-spacing: 0.05em;
}
#plan .type_inner .flbox1 .box_l .detail .box_1 {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-bottom: 1px solid #e1c298;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-bottom: 2%;
}
#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 {
	font-size: clamp(10px, 5vw, 32px);
}
#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 .big {
	font-size: clamp(10px, 5vw, 70px);
}
#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 .middle {
	font-size: clamp(10px, 5vw, 40px);
}
#plan .type_inner .flbox1 .box_l .detail .box_1 .p2 {
	font-size: clamp(10px, 4vw, 16px);
	background-color: #540000;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: #e1c298;
	border: 1px solid #e1c298;
	padding: 6px 14px 3px;
	margin-top: 10px;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l .detail {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 {
		font-size: clamp(10px, 6vw, 32px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 .big {
		font-size: clamp(10px, 13vw, 70px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_1 .p1 .middle {
		font-size: clamp(10px, 7vw, 40px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_1 .p2 {
		padding: 3px 8px 2px;
	}
}
#plan .type_inner .flbox1 .box_l .detail .box_2 {
	padding-top: 8%;
}
#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 {
	font-size: clamp(10px, 5vw, 16px);
}
#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .big {
	font-size: clamp(10px, 5vw, 50px);
}
#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .middle {
	font-size: clamp(10px, 5vw, 35px);
}
#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .small {
	font-size: clamp(10px, 5vw, 14px);
}
#plan .type_inner .flbox1 .box_l .detail .box_2 .p2 {
	font-size: clamp(10px, 5vw, 14px);
	margin-top: 5%;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l .detail {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 {
		padding-top: 7%;
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 {
		font-size: clamp(10px, 3.5vw, 16px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .big {
		font-size: clamp(10px, 12vw, 50px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .middle {
		font-size: clamp(10px, 7vw, 35px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 .p1 .small {
		font-size: clamp(10px, 3.5vw, 14px);
	}
	#plan .type_inner .flbox1 .box_l .detail .box_2 .p2 {
		font-size: clamp(10px, 3.5vw, 14px);
	}
}
#plan .type_inner .flbox1 .box_l .mrt {
	font-size: clamp(10px, 10vw, 18px);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	margin-block: 20% 15%;
}
#plan .type_inner .flbox1 .box_l .mrt p {
	line-height: 2em;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 .box_l {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .box_l .mrt {
		font-size: clamp(10px, 3vw, 18px);
		margin-block: 11% 8%;
	}
}
#plan .type_inner .flbox1 .box_r {
	width: 50%;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .box_r {
		width: 100%;
	}
}
#plan .type_inner .flbox1 .note {
	font-size: 12px;
	letter-spacing: 0.05em;
	width: 80%;
	color: #fff;
}
@media screen and (max-width: 768px) {
	#plan .type_inner .flbox1 {
		/*@media screen end*/
	}
	#plan .type_inner .flbox1 .note {
		margin-inline: auto;
		margin-top: 10%;
		width: 90%;
		font-size: 10px;
	}
}

@media screen and (max-width: 768px) {
	/*@media screen end*/
}
@media screen and (max-width: 768px) {
	/*@media screen end*/
}
@media screen and (max-width: 768px) {
	/*@media screen end*/
}
/*# sourceMappingURL=plan.css.map */