@charset "UTF-8";
/* CSS 固定ページ料金css*/
/*====================================================共通設定==========================================================*/

.y_line{
	background: linear-gradient(rgba(255, 255, 255, 0) 50%, #FFF6AB);
}
.c_red{
	color:#DC0532;
}

/*===支払い例===*/
.pay_img{
	text-align: center;
	max-width: 85%;
	margin:20px auto;}
.pay_img img{
	display: block;
	width: 100%;
	height: auto;}

	/* 料金表20201.13修正村上 */
	.mrkm_money{
		text-align:center;
	}
	.page_h2{
		padding-top:3%;
	}
	.money_h3 {
		position: relative;
		display: inline-block;
		padding: 0 65px;
		}
	.money_h3:before,.money_h3:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 40px;
		height: 1px;
		background-color:#ffbaca;
		}
	.money_h3:before {
		left:0;
		}
	.money_h3:after {
		right:0;
		}

	.mrkm_money span:not(.hiru){
		font-size:1.2rem;
	}
	.mrkm_money_hr{
		border: solid 1px #666;
	}
	.mrkm_money h4{
		margin:10% auto;
		font-size:1.1rem;
	}
	.kakoi{
		padding: 0.5em 1em;
		margin: 1.5em auto;
		width:70%;
		font-weight: bold;
		border: solid 1px #ffbaca;
		background-color:#F7F7F7;
	}
	.kakoi p {
		margin: 0; 
		padding: 0;
	}
	.purasu{
		font-size:1.4rem;
		font-weight: bold;
		color:#ff82a4;
	}
	.mrkm_money2 p:nth-child(1){
		font-size:1.2rem;
		text-align:left;
		margin:auto;
		width:80%;
	} 

	.mrkm_money2 p:nth-child(2){
		border-bottom: solid 1px #ffbaca;
		margin:1em auto 2em;
		width:100%;
		font-size:1.2rem;
		font-weight: bold;
		text-align:right;
	} 
	.mrkm_money2 p:nth-child(3){
		font-size:0.8rem;
		margin:0 auto 5%;
		width:80%;
	} 
	.hiru{
		color:#26D7F0;
	}
	.hiru_greet{
		margin:1% auto 2%;
	}
	.price_midori{
		font-size:0.8rem;
		line-height: 1.4;
	}
	/* お支払い方法 */
	.mrkm_money_way{
		text-align:center;
	}
	.m_greet{
		width:80%;
		margin:auto;
	}
	.mrkm_money_way2 {
		margin-top:5%;
	}
	.mrkm_money_way2 h4{
		font-weight: bold;
		border-top: solid 1px #ffbaca;
		padding-top:2%;
		font-size:1.2rem;
	}
	.card {
		margin-top:6%;
	}
	.card img{
		width:25%;
	}
	.card2{
		font-size:0.6rem;
	}

	/* デンタルローンの支払い表 */
	#money_split p:nth-of-type(4){text-align:center;margin-bottom: 10px;}

	.accshow table{
		width: 100%;
		border-collapse: collapse;
	  }
	  
	  .accshow table tr{
		border-bottom: solid 2px white;
	  }
	  
	  .accshow table tr:last-child{
		border-bottom: none;
	  }
	  
	  .accshow table th{
		position: relative;
		text-align: left;
		width: 30%;
		background-color: #ffb5c9;
		color: black;
		text-align: center;
		padding: 10px 0;
	  }
	  
	  .accshow table th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid #ffb5c9;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	  }
	  
	  .accshow table td{
		text-align: left;
		width: 70%;
		text-align: center;
		background-color: #eee;
		padding: 10px 0;
	  }
	  #deduction{
		  margin:auto;
	  }

	.btn {
		padding: 0.5em 1em;
		margin: 2em auto 4em;
		width:280px;
		border-radius:50px;
		box-shadow: 1px 2px 3px gray;
		background: #ec7c1c;/*背景色*/
	}
	.btn p {
		margin: 0; 
		padding: 0;
		text-align:center;
		color:white;
		font-weight:bold;
	}
/*====================================================pc設定==========================================================*/
@media print, screen and (min-width:768px){
	
	.money_1{
		padding-bottom: 80px;
	}	
	ul.money_page{
		width: 600px;
		margin: 0 auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-around;
		margin-bottom: 20px;
}
	.bg_money{
		padding-bottom: 80px;
	}
	
	.page_h2{
		padding: 50px 0;
	}
	
	.money_table{
		margin-bottom: 100px;
	}
	.money_table:last-child{
		margin-bottom: 0;
	}
	table{
		width: 1000px;
	}

/*支払い例*/
	#money_split{
		margin-top: -120px; /* リンク位置上昇分 */
    	padding-top: 120px; /* 上昇分を戻す分 */
	}
	
	.pay_text{
	width: 60%;
	min-width: 600px;
	margin: 0 auto;
}
	.pay_case{
	width: 600px;
	margin:60px auto 50px;
	font-size: 2.5rem;
	text-align: center;
}
	.pay_h4{
		text-align: center;
		border-radius: 15px;
		margin:5% auto 2%;
		padding: 0.8%;
		font-size: 1.25rem;
	}
	.pay_block{
		width: 1000px;
		margin: 0 auto 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;	
	}
	.pay_block .pay_box{
		width: 32%;
	}
	.pay_box{margin-top:2%;}
	.pay_box h5{
		text-align: center;
		padding: 2%;
		font-size: 1.2rem;
		border-radius: 15px;
		margin-bottom: 8px;
	}
	/*インビザ昼画像*/
	.hiruh5 img{
		margin:4% auto 0;
		width:60%;}

	.in_money{
		display:flex;
		justify-content:space-between;
		width:90%;
		margin:auto;
	}
	.in_money img{
		width:45%;
	}
	/* 料金表20201.13修正村上 */
	.mrkm_money{
		width:60%;
		margin:auto;
	}
	.mrkm_money h2{
		margin-top:8%;
	}
	.mrkm_money2{
		width:40%;
		margin:auto;
	}
	.money_h3{
		font-size:1.6rem;
		margin:3% auto;
	}
	.mrkm_money_hr{
		width:55%;
	}
	.hiru_greet{
		font-size:1.2rem;
	}
	/* お支払い方法 */
	.m_greet{
		text-align:center;
	}
	.mrkm_money_way2{
		width:35%;
		margin:3% auto 0;
	}
	.page_blockA:nth-child(1){
		margin-top:3%;
	}

	.btn {
		padding: 0.5em 1em;
		margin: 2em auto 4em;
		width:280px;
		border-radius:50px;
		box-shadow: 1px 2px 3px gray;
		background: #ec7c1c;/*背景色*/
	}

	#deduction{
		width:500px;
		margin:auto;
	}
	#deduction p{
		text-align:center;
	}
}/*====================================================pc設定終了==========================================================*/

/*=============================タブレット設定===================================*/
@media screen and (min-width:768px) and (max-width:1024px) { 
	.mrkm_money{
		width:80%;
		margin:auto;
	}
		table{
		width: 700px;
		margin: 20px auto;

	}
	.pay_block{
		max-width:100%;
	}
	.mrkm_money_way h4{margin:70px auto;}


}/*====================================================タブレット設定終了==========================================================*/



/*====================================================sp設定==========================================================*/
@media print, screen and (max-width:767px){
	
	
	table{
		width: 100%;
		font-size: 0.8rem;
	}
	
	ul.money_page{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
}
	ul.money_page li{
		text-align: center;
		margin-bottom: 10px;
	}
	.money_img{
		width: 100%;
		margin: 0 auto;
	}
	.money_img img{
		display: block;
		width: 100%;
		height: auto;
	}
		.money_table{
		padding-bottom: 50px;
	}
	
	/*支払い例*/
	.pay_text{
		width:88%;
		margin: 0 auto;
}
	.pay_img{
		text-align: center;
		width: 100%;
		margin:20px auto;
}
	.pay_case{
	width:90%;
	margin:40px auto;
	font-size: 1.8rem;
	text-align: center;
}
	.pay_h4{
		text-align: center;
		border-radius: 15px;
		margin-bottom: 10px;
		padding: 1%;
		font-size: 1.3rem;
	}
	.p{
		width: 100%;
		margin: 5% auto 40px;
	}
	.pay_block .pay_box{
		width:100%;
		margin: 5% auto 20px;
	}
	.pay_box h5{
		text-align: center;
		padding: 1.5%;
		font-size: 1.1rem;
		border-radius: 15px;
		margin-bottom: 8px;
	}
	
	h2.money_img_h2{
		padding:30px 0 0;
	}
	/*インビザ昼画像*/
	.hiruh5 img{
		margin:10% auto 0;
		width:100%;}
	
	/* 料金表20201.13修正村上 */
	#money_list{margin-bottom:50px;}
	.money_h3{
		font-size:1.4rem;
		margin:15% auto 10%;
	}
	.mrkm_money_hr{
		width:95%;
	}
	.hiru_greet{
		width:95%;
	}
	/* お支払い方法 */
	.m_greet{
		text-align:left;
	}
	.mrkm_money_way2{
		width:80%;
	}
	.mrkm_money_way2:not(.loan){
		margin:20% auto;
	}
	.mrkm_money_way h4{margin-bottom:20px;}
	.loan{
		margin:auto;
	}

	#deduction{
		width:90%;
		margin:auto;
	}
	
}/*=============================sp設定終了===================================*/