@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

/*-----------------------------------------
-----------------------------------------*/
/*----------------------------------------
	plan CSS
	- plan_bt
	- plan_box
	- plan_detail_bg


-----------------------------------------*/

/*-----------------------------------------
	plan_bt
-----------------------------------------*/
.plan_bt ul{
	display: flex;
	/* padding-bottom: 50px; */
	flex-wrap: wrap;
	gap: 40px 40px;
	justify-content: space-between;
	margin-bottom: 80px;
}
.plan_bt ul li{
	width: calc((100% - 40px)/2);
	/* margin-right: 3%; */
	/* margin-bottom: 30px; */
}
.plan_bt ul li:nth-child(2n){
	margin-right: 0%;
}
.plan .page_caption {
	margin-bottom: 120px;
}
@media only screen and (max-width: 768px){
	.plan_bt ul{
		display: block;
		margin-bottom: 40px;
	}
	.plan_bt ul li{
		width: auto;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.plan .page_caption {
		margin-bottom: 60px;
	}
}

/*-----------------------------------------
	plan_detail_bg
-----------------------------------------*/

.plan_detail {
	padding: 60px 0;
}

.plan_detail_bg{
	background: #FFF;
	border: #947f60 1px solid;
	width: 90%;
	padding: 60px 2.5%;
	max-width: 1000px;
	margin: 10px auto 30px;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	word-wrap : break-word;
  overflow-wrap : break-word;
}
.plan_detail_bg .spec{
	width: 37%;
	font-family: 'Shippori Mincho', serif;
	padding-top: 8%;
	min-width: 370px;
}
.plan_detail_bg .spec .type{
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
	font-size: 40px;
	line-height: 1.0;
	color: #a9934a;
}
.plan_detail_bg .spec .type strong{
	font-size: 90px;
}
.plan_detail_bg .spec .ldk{
	/* color: #000; */
	text-align: center;
	font-size: 50px;
	line-height: 1.0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #000;
}
.plan_detail_bg .spec .ldk span{
	font-size: 30px;
}
.plan_detail_bg .spec .menseki{
	display: flex;
	justify-content: center;
	/* color: #00562e; */
	align-items: center;
	gap: 0 20px;
	margin-bottom: 15px;
}
.plan_detail_bg .spec .menseki .txt{
	text-align: center;
}
.plan_detail_bg .spec .menseki .num{
	font-size: 40px;
	line-height: 1.2;
}
.plan_detail_bg .spec .menseki .num strong{
	font-size: 66px;
}
.plan_detail_bg .spec ul li{
	margin-bottom: 5px;
	padding-left: 10px;
	display: inline-block;
	font-size: 20px;
}
.plan_detail_bg .spec ul li p{
	display: inline-block;
}
.plan_detail_bg .spec ul li p.right{
	text-align: right;
	display: block;
}
.plan_detail_bg .spec ul li span{
	padding-left: 1em;
	font-size: 12px;
}
.plan_detail_bg .spec ul li::before {
  content: '';
  display: inline-block;
  background: #a9934a;
  vertical-align: middle;
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.plan_detail_bg .plan_img {
	text-align: center;
	max-width: 580px;
	/* width: 65%; */
}
.plan_detail_bg .plan_img .hanrei img {
	width: 240px;
}
.plan_list_btn{
	max-width: 300px;
	background: #363636;
	padding: 14px 0;
	display: block;
	color: #FFF;
	text-align: center;
	margin: 0 auto 30px;
	text-decoration: none;
	font-size: 18px;
	transition: all 0.3s 0s ease;
}
.plan_list_btn:hover{
	background: #999;
	color: #FFF;
}
@media only screen and (max-width: 1100px){
	.plan_detail_bg .spec ul li{
		margin-bottom: 5px;
		padding-left: 10px;
		font-size: calc(18 / 1100 * 100vw);
		display: block;
	}
	.plan_detail_bg .spec ul li.inline{
		display: inline-block;
	}
}
@media only screen and (max-width: 980px){
	.plan_detail_bg .spec{
		min-width: auto;
	}
	.plan_detail_bg .spec .type{
		text-align: center;
		padding: 0 0 10px 0;
		/* border-bottom: 1px solid #00562f; */
		margin-bottom: 10px;
		font-size: calc(40 / 980 * 100vw);
		line-height: 1.0;
		/* color: #00562e; */
	}
	.plan_detail_bg .spec .type strong{
		font-size: calc(90 / 980 * 100vw);
	}
	.plan_detail_bg .spec .ldk{
		/* color: #00562e; */
		text-align: center;
		font-size: calc(50 / 980 * 100vw);
		line-height: 1.0;
		padding: 0 0 10px 0;
		/* border-bottom: 1px solid #00562f; */
	}
	.plan_detail_bg .spec .menseki{
		display: flex;
		justify-content: center;
		/* color: #00562e; */
		align-items: center;
		gap: 0 10px;
		margin-bottom: 15px;
	}
	.plan_detail_bg .spec .menseki .txt{
		text-align: center;
		font-size: calc(16 / 980 * 100vw);
	}
	.plan_detail_bg .spec .menseki .num{
		font-size: calc(30 / 980 * 100vw);
		line-height: 1.2;
	}
	.plan_detail_bg .spec .menseki .num strong{
		font-size: calc(60 / 980 * 100vw);
	}
	.plan_detail_bg .spec ul li{
		margin-bottom: 5px;
		padding-left: 10px;
		font-size: calc(14 / 980 * 100vw);
		display: block;
	}
	.plan_detail_bg .spec ul li.inline{
		display: inline-block;
	}
	.plan_detail_bg .spec ul li::before {
		width: 10px;
		height: 10px;
		margin-right: 5px;
	}
	.plan_detail_bg .spec ul li span{
		font-size: calc(11 / 980 * 100vw);
	}
	.plan_detail_bg .plan_img {
		text-align: center;
		padding: 30px 4%;
		width: 100%;
		max-width: 63%;
	}
}

@media only screen and (max-width: 768px){
	.plan_detail_bg{
		background: #FFF;
		border: #947f60 1px solid;
		padding: 10px 3%;
		max-width: 1000px;
		width: 90%;
		margin: 10px auto 30px;
		display: block;
		justify-content: space-between;
		box-shadow: 0 0 8px rgba(0,0,0,0.2);
	}
	.plan_detail_bg .spec{
		width: auto;
		font-family: 'Shippori Mincho', serif;
		padding-top: 2%;
	}
	.plan_detail_bg .spec .type{
		text-align: center;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000;
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 1.0;
		color: #a9934a;
	}
	.plan_detail_bg .spec .type strong{
		font-size: 50px;
	}
	.plan_detail_bg .spec .ldk{
		/* color: #000; */
		text-align: center;
		font-size: 30px;
		line-height: 1.0;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #000;
		margin-bottom: 10px;
	}
	.plan_detail_bg .spec .menseki{
		display: flex;
		justify-content: center;
		/* color: #000; */
		align-items: center;
		gap: 0 20px;
		margin-bottom: 15px;
	}
	.plan_detail_bg .spec .menseki .txt{
		text-align: center;
		font-size: 13px;
	}
	.plan_detail_bg .spec .menseki .num{
		font-size: 20px;
		line-height: 1.2;
	}
	.plan_detail_bg .spec .menseki .num strong{
		font-size: 40px;
	}
	.plan_detail_bg .spec ul li{
		margin-bottom: 5px;
		padding-left: 10px;
		font-size: 14px;
	}
	.plan_detail_bg .spec ul li.inline{
		display: inline-block;
	}
	.plan_detail_bg .spec ul li span{
		font-size: 12px;
	}
	.plan_detail_bg .spec ul li::before {
		content: '';
		display: inline-block;
		background: #a9934a;
		vertical-align: middle;
		width: 12px;
		height: 12px;
		margin-right: 5px;
	}
	.plan_list_btn{
		max-width: 300px;
		background: #363636;
		padding: 14px 0;
		display: block;
		color: #FFF;
		text-align: center;
		margin: 0 auto 30px;
		text-decoration: none;
		font-size: 18px;
		transition: all 0.3s 0s ease;
	}
	.plan_list_btn:hover{
		background: #999;
		color: #FFF;
	}
	.plan_detail_bg .plan_img {
		max-width: 100%;
	}
}