@charset "UTF-8";

/* 料金案内ページ  */
@media (min-width: 768px) {
	.price_tb{ width: 100%; border: 1px solid #aaa; font-size: 24px;}
	.price_tb th,.price_tb td{ padding: 22px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center;}
	.price_tb th{ width: 35%; background-color: rgba(90,90,90,0.7);}
	.price_tb td{ width: 65%; font-size: 30px;}
	.price_tb span{ font-weight: bold; display: block; margin: 0 0 0 20px; font-size: 18px;}
	.price_tb small{ font-weight: bold; display: inline-block; margin: 0 0 0 5px;}
	
	.lead{ text-align: center; margin: 0 0 70px 0;}
	.lead img{ width: 700px;}
	.lead>div{ font-size: 60px; font-weight: bold; display: inline-block; background: linear-gradient(90deg, #c59f3b, #fbf1b4 30%, #c59f3b); background: -webkit-linear-gradient(0deg, #c59f3b, #fbf1b4 30%, #c59f3b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4;}
	
	.price_btn{ text-align: center; margin: 60px 0 0 0;}
	.price_btn img{ width: 140px; display: block; margin: 0 auto;}
	.price_btn .btn{ margin: 40px auto 0;}
    .price_btn_t{ margin: 0;}
    .price_btn_t .btn{ margin: 0;}
	
	.ul_price{ display: flex; justify-content: space-around; margin: 100px 50px 70px; padding: 0;}
	.ul_price>li{ background: -webkit-linear-gradient(top left, #eee, #7ec4bd);
    background: linear-gradient(to bottom right, #fff, #7ec4bd); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 230px; height: 230px; font-weight: bold; font-size: 22px; text-align: center; color: #000;}
	
	.bottom_text{ font-size: 24px; text-align: center; margin: 70px 0;}
	.bottom_text span{ font-size: 34px;} 
}
@media (min-width: 768px) and (max-width: 1100px) {
	.price_btn .btn { width: 700px;}
	
	.ul_price{ margin: 100px 20px 70px;}
}
@media (min-width: 768px) and (max-width: 900px) {
	.lead img{ width: 600px;}
	
	.price_btn .btn { width: 600px;}
	.btn span { font-size: 32px;}
	
	.lead>div{ font-size: 46px;}
	
	.ul_price{ margin: 80px 0 60px;}
	.ul_price>li{ width: 200px; height: 200px; font-size: 18px;}
	
	.bottom_text{ font-size: 20px;}
	.bottom_text span{ font-size: 30px;} 
}
@media (max-width: 767.98px) {
	.price_tb{ width: 100%; border: 1px solid #aaa;}
	.price_tb th,.price_tb td{ padding: 10px; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; text-align: center;}
	.price_tb th{ width: 40%; background-color: rgba(90,90,90,0.7); font-size: 16px;}
	.price_tb td{ width: 60%; font-size: 20px;}
	.price_tb span{ font-weight: bold; display: block; margin: 0; font-size: 14px;}
	.price_tb small{ font-weight: bold;}
	
	.lead{ text-align: center; margin: 0 0 50px 0;}
	.lead img{ width: 100%;}
	.lead>div{ font-size: 30px; font-weight: bold; display: inline-block; background: linear-gradient(90deg, #c59f3b, #fbf1b4 30%, #c59f3b); background: -webkit-linear-gradient(0deg, #c59f3b, #fbf1b4 30%, #c59f3b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 1.4;}
	
	.price_btn{ text-align: center; margin: 30px 0 0 0;}
	.price_btn img{ width: 80px;}
	.price_btn .btn{ margin: 30px auto 0;}
	.price_btn span{ line-height: 1.2;}
    .price_btn_t{ margin: 0;}
    .price_btn_t .btn{ margin: 0;}
	
	.ul_price{ display: flex; justify-content: space-around; flex-wrap: wrap; margin: 50px 0 20px; padding: 0;}
	.ul_price>li{ background: -webkit-linear-gradient(top left, #eee, #7ec4bd);
    background: linear-gradient(to bottom right, #fff, #7ec4bd); border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; width: 150px; height: 150px; font-size: 14px; font-weight: bold; text-align: center; color: #000; margin:  5px 5px;}
	
	.bottom_text{ font-size: 18px; text-align: center; margin: 30px 0;}
	.bottom_text span{ font-size: 28px;}
}