@charset "utf-8";
/*////////////////////////////////////
 plan
////////////////////////////////////*/
@media screen and (min-width: 768px){
#under_plan_startimg{
	background: url("../plan/img/plan_top.jpg");
	background-position: center;
	background-size: cover;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#under_plan_startimg{
	background: url("../plan/img/plan_top.jpg");
	background-position: center;
	background-size: cover;
}
}


/*////////////////////////////////////
 plan_area
////////////////////////////////////*/

@media screen and (min-width: 768px){
#plan_area{
	position: relative;
	width: 100%;
	padding: 50px 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

#plan_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#plan_main_word{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	font-size: clamp(1.6rem,1.4vw,2rem);
 	font-weight: 400;
	text-align: center;
	letter-spacing: 0.06em;
	line-height: 1.8;
}

#plan_main_word span{
	font-weight: 700;
}

#plan_table_area{
	position: relative;
	width: 100%;
	padding: 50px 0;
}

#plan_table_area table{
	width: 100%;
	border-collapse: collapse;
}

#plan_table_area table th{
	width: 25%;
	font-size: clamp(1.6rem,1.4vw,2rem);
	padding: 20px;
	color: #333;
	border: 3px solid #A00303;
}

#plan_table_area table th span{
	font-weight: 700;
	font-size: 1.4rem;
}

.plan_th{
	font-weight: 400;
	background-color: #FFFFFF;
}

.plan_th2{
	background-color:rgba(183,183,183,1.00);
}

.pro{
	background: linear-gradient(90deg, #a57e65 0%, #FFFFFF 50%, #a57e65 100%);
}

.silver{
	background: linear-gradient(90deg, #BDC3C9 0%, #FFFFFF 50%, #BDC3C9 100%);
}

.gold{
	background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
}

#plan_table_area table td{
	font-size: 2rem;
	text-align: center;
	padding: 20px;
	background-color: #FFFFFF;
	color: #333;
	border: 3px solid #A00303;
}

#plan_table_area table td.plan_td{
	font-size: clamp(2.4rem,1.8vw,3rem);
	font-weight: 500;
	color: #A00303;
}

#plan_table_area table td.plan_td span{
	font-size: clamp(1.4rem,1.2vw,1.6rem);
	font-weight: 400;
	color: #333;
}

#plan_comment{
	position: relative;
	width: 100%;
	font-size: clamp(1.6rem,1.2vw,1.8rem);
	color: #333;
	line-height: 1.4;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#plan_area{
	position: relative;
	width: 100%;
	padding: 0 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

#plan_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#plan_main_word{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.6rem;
 	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8;
}

#plan_main_word span{
	font-weight: 700;
}

#plan_table_area{
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	overflow-x: scroll;
}

#plan_table_area table{
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}

#plan_table_area table th{
	width: 25%;
	font-size: 1.6rem;
	padding: 10px;
	color: #333;
	border: 3px solid #A00303;	
}

#plan_table_area table th span{
	font-weight: 700;
	font-size: 1.4rem;
}

.plan_th{
	font-weight: 400;
	background-color: #FFFFFF;
}

.plan_th2{
	background-color:rgba(183,183,183,1.00);
}
.pro{
	background: linear-gradient(90deg, #a57e65 0%, #FFFFFF 50%, #a57e65 100%);
}

.silver{
	background: linear-gradient(90deg, #BDC3C9 0%, #FFFFFF 50%, #BDC3C9 100%);
}

.gold{
	background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
}

#plan_table_area table td{
	font-size: 1.6rem;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: #333;
	border: 3px solid #A00303;
}

#plan_table_area table td.plan_td{
	font-size: 1.8rem;
	font-weight: 500;
	color: #A00303;
}

#plan_table_area table td.plan_td span{
	font-size: 1.2rem;
	font-weight: 400;
	color: #333;
}

#plan_comment{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	font-size: 1.4rem;
	color: #333;
	line-height: 1.4;
	white-space: nowrap;
}
}

/*////////////////////////////////////
 option_area
////////////////////////////////////*/

@media screen and (min-width: 768px){
#option_area{
	position: relative;
	width: 100%;
	padding: 50px 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

#option_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#option_main_word{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	font-size: clamp(1.6rem,1.4vw,2rem);
 	font-weight: 400;
	text-align: center;
	letter-spacing: 0.06em;
	line-height: 1.8;
}

#option_list_area{
	position: relative;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.option_list_place{
	position: relative;
	width: 80%;
	min-width: 650px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.option_img_area{
	position: relative;
	width: 24%;
	padding: 10px 40px;
	background-color: #A00303;
	display: flex;
	align-items: center;
}

.option_word_area{
	position: relative;
	width: 76%;
	padding: 30px;
	background-color: #FFFFFF;
}

.option_title{
	position: relative;
	width: 95%;
	margin-bottom: 30px;
	font-size: clamp(1.8rem,2vw,2.4rem);
	font-weight: 600;
	color: #A00303;
}

.option_word{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	font-size: clamp(1.6rem,1.5vw,1.8rem);
	font-weight: 400;
	color: #333333;
	line-height: 1.6;
}

.option_comment{
	position: relative;
	width: 100%;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
	color: #A00303;
}

}

@media screen and (min-width: 0px) and (max-width: 767px){
#option_area{
	position: relative;
	width: 100%;
	background-color: #e7e5e5;
	overflow: hidden;
}

#option_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#option_main_word{
	position: relative;
	width: 100%;
	margin-bottom: 50px;
	font-size: 1.6rem;
 	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 1.8;
}

#option_list_area{
	position: relative;
	width: 100%;
}

.option_list_place{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
}

.option_img_area{
	position: relative;
	width: 30%;
	padding: 0 20px;
	background-color: #A00303;
	display: flex;
	align-items: center;
}

.option_word_area{
	position: relative;
	width: 70%;
	padding: 10px 20px;
	background-color: #FFFFFF;
}

.option_title{
	position: relative;
	width: 95%;
	margin-bottom: 20px;
	font-size: clamp(1.8rem,2vw,2.4rem);
	font-weight: 600;
	color: #A00303;
}

.option_word{
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	font-size: clamp(1.6rem,1.5vw,1.8rem);
	font-weight: 400;
	color: #333333;
	line-height: 1.6;
}

.option_comment{
	position: relative;
	width: 100%;
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.6;
	color: #A00303;
}
}