@charset "UTF-8";

.contentpage .m_img_area .m_img_bg::before{	background:rgba(106,151,169,0.95);}
.contentpage .m_img_area .m_img_bg .m_img{background-image:url("../images/price/m_img@2x.png");}



/*共通
---------------------------------------------------------*/
/*com_index1*/
.com_index1{
	background-color: #5f8ca1;
	background-image:url("../medica/images/com_index1_corner@2x.png");
}
.pri_inbox{
	padding-bottom: 120px;
	max-width: 1222px;
	margin: 0 auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.pri_inbox{
	padding-bottom: 60px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pri_inbox{
	padding-bottom: 13%;}
}





/*lead
---------------------------------------------------------*/
.m_img_area {margin-bottom:0;}
.lead{
	position: relative;
	padding-bottom: 90px;
	padding-top: 90px;
}
.lead::before{
	display: block;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	max-width: 850px;
	height: 510px;
	width: 60%;
	background:url("../images/price/bg1@2x.png") no-repeat right top;
	background-size:100% auto;
	z-index: -1;
}
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.lead{	
	padding-bottom: 50px;
	padding-top: 50px;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.lead{
	padding-bottom: 10%;
	padding-top: 7%;
}
.lead::before{
	width: 90%;
	opacity: 0.5;}
}





/*自由診療と保険診療は何がどのように違うのか
---------------------------------------------------------*/
#chigai{
	border:3px solid rgba(0,120,176,0.50);
	padding: 55px 60px 45px 60px;
	margin-bottom: 115px;
}
#chigai h3{
	text-align:center;
	font-size:170%;
	letter-spacing: 0.18em;
	color:#0078b0;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 40px;
}
#chigai h3::before{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom:0;
	margin: 0 auto;
	width: 80%;
	max-width: 700px;
	height: 1px;
	background: #0078b0;
}
#chigai .img_box{
	max-width:333px;
	width: 31%;
	float: left;
	padding: 0 3% 1% 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#chigai{
	padding: 35px 30px 30px 30px;
	margin-bottom: 60px;
}
#chigai h3{
	font-size:155%;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
#chigai .img_box{
	width: 40%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#chigai{
	padding: 6% 5% 5% 5%;
	margin-bottom: 13%;
}
#chigai h3{
	font-size:6vw;
	letter-spacing: 0.13em;
	line-height: 1.4em;
	padding-bottom: 5%;
	margin-bottom: 8%;
}
#chigai h3::before{
	width: 60%;
}
#chigai .img_box{
	width: 70%;
	float: none;
	padding: 0 ;
	margin: 0 auto 5% auto;
}

}





/*共通
---------------------------------------------------------*/
.pri_title{
	margin-bottom:60px;
}
.pri_title .ft_din{
	font-size:600%;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1em;
	margin-bottom: 18px;
	color:rgba(114,219,247,0.90);
}
.pri_title .ft_din span{
	letter-spacing:-0.05em;
}
.pri_title .ft_source{
	font-size:160%;
	letter-spacing: 0.3em;
}

/* PC調整
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.pri_title .ft_din{
	font-size:8vw;
}}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.pri_title{
	margin-bottom:40px;
}
.pri_title .ft_din{
	font-size:8.5vw;
	letter-spacing: 0.15em;
	margin-bottom: 10px;
}
.pri_title .ft_source{
	font-size:140%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.pri_title{
	margin-bottom:6%;
}
.pri_title .ft_din{
	font-size:12vw;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 2%;
}
.pri_title .ft_source{
	font-size:5vw;
	letter-spacing: 0.1em;}
}





/*アンカーリンク
---------------------------------------------------------*/
#anklink {
	margin-bottom: 120px;}

#anklink .bgbox{
	position:relative;
}
#anklink .bgbox::before,
#anklink .bgbox::after{
	display:block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
#anklink .bgbox::before{
	z-index: -1;
	height:40px;
	background: #ffffff;
}
#anklink .bgbox::after{
	z-index: -2;
	height: 440px;
background: -moz-linear-gradient(top, rgba(242,243,245,1) 0%, rgba(242,243,245,0) 100%);
background: -webkit-linear-gradient(top, rgba(242,243,245,1) 0%,rgba(242,243,245,0) 100%);
background: linear-gradient(to bottom, rgba(242,243,245,1) 0%,rgba(242,243,245,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f5', endColorstr='#00f2f3f5',GradientType=0 );
}

#anklink .anklink_list1{
	max-width:940px;
	margin: 0 auto;
}
#anklink .anklink_list1 li{
	float:left;
	width: 32.333%;
	margin-right:1.5%;
	position: relative;
	background: #E2E4E8;
	margin-bottom: 15px;
	text-align: center;
}
#anklink .anklink_list1 li:nth-child(3),
#anklink .anklink_list1 li:nth-child(6),
#anklink .anklink_list1 li:nth-child(9){
	margin-right: 0;
}
#anklink .anklink_list1 li a{
	display:block;
	font-size:120%;
	letter-spacing: 0.1em;
	background:url("../images/price/icon_corner@2x.png") no-repeat right bottom;
	background-size:14px 14px;
	padding: 13px 0;
}

#anklink .anklink_list2{
	max-width:600px;
	margin: 30px auto 0 auto;
}
#anklink .anklink_list2 li{
	width: 52%;
	float:left;
	margin-right: 5%;
}
#anklink .anklink_list2 li:nth-child(2){
	width: 43%;
	margin-right: 0;
}
#anklink .anklink_list2 li a{
	display:block;
	border-bottom: #243953 1px solid;
	padding-bottom: 10px;
	letter-spacing: 0.2em;
	text-align: center;
}
#anklink .anklink_list2 li a i{
	padding-left:0.5em;
	font-size:130%;
}

#anklink .caution{
	margin-top: 60px;
	border:3px solid #80b2bc;
	padding: 20px 5%;
	text-align: center;
	color:#485a7e;
	letter-spacing: 0.25em;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#anklink {
	margin-bottom: 80px;}

#anklink .bgbox::before{
	height:30px;
}
#anklink .bgbox::after{
	height: 300px;
}
#anklink .anklink_list1 li a{
	font-size:110%;
}
#anklink .anklink_list2{
	margin: 20px auto 0 auto;
}
#anklink .caution{
	margin-top: 40px;
	padding: 20px 3%;
	letter-spacing: 0.05em;
}	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#anklink {
	margin-bottom: 10%;}

#anklink .bgbox{
	position:relative;
}
#anklink .bgbox::before{
	height:6vw;
}
#anklink .bgbox::after{
	height: 20vw;
}
#anklink .anklink_list1 li{
	float:left;
	width: 49%;
	margin-right:2%;
	margin-bottom: 2%;
}
#anklink .anklink_list1 li:nth-child(3),
#anklink .anklink_list1 li:nth-child(6),
#anklink .anklink_list1 li:nth-child(9){
	margin-right: 2%;
}
#anklink .anklink_list1 li:nth-child(even){
	margin-right: 0;
}	
#anklink .anklink_list1 li a{
	font-size:4.8vw;
	letter-spacing: 0.05em;
	background-size:12px 12px;
	padding: 7% 0;
}
#anklink .anklink_list2{
	margin: 3% auto 0 auto;
}
#anklink .anklink_list2 li{
	width: 90%;
	float:none;
	margin: 0 auto 5% auto;
}
#anklink .anklink_list2 li:nth-child(2){
	width: 90%;
	margin: 0 auto;
}
#anklink .anklink_list2 li a{
	padding-bottom: 2%;
	letter-spacing: 0.15em;
	font-size:4.7vw
}
#anklink .anklink_list2 li a i{
	padding-left:0.2em;
	font-size:4.6vw
}
#anklink .caution{
	margin-top: 8%;
	padding: 4%;
	letter-spacing: 0.05em;
	text-align: left;
}
}





/*プライスリスト
---------------------------------------------------------*/
.price_list .com_index1{
	margin-bottom:10px
}
.price_list .txt_tax{
	text-align: right;
	margin-bottom: 50px;
	letter-spacing: 0.1em;
	font-size:90%;
	line-height: 1.5em;
}
.price_list caption{
	position: relative;
	padding-left: 1.8em;
	text-align: left;
	margin-bottom: 15px;
	font-size:140%;
	letter-spacing: 0.13em;
	color:#3b728c;
}
.price_list caption::before{
	font-size:120%;
	font-family: 'fontello';
	content: '\e805';
	position: absolute;
	left: 0;
	top: 0;
	color: rgba(128,178,188,0.50);
}

/* テーブル */
.price_list table {
	width: 100%;
	border-collapse: collapse;
	box-sizing: border-box;
	border-top:#b5bcc2 1px solid;
}
.price_list table th,
.price_list table td {
	border-bottom:#b5bcc2 1px solid;
}
.price_list table th {
	width: 80%;
	padding: 40px 35px 40px 0;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.price_list table td {
	width: 20%;
	background: rgba(106,151,169,0.05);
	text-align: center;
	vertical-align: middle;
	line-height: 1.6em;
}
.price_list table th .flt_box {
	_zoom: 1;
	overflow: hidden;
}
.price_list table th .flt_box dl {
	width: 59%;
	float: right;
}
.price_list table th .flt_box p {
	width: 37%;
	float: left;
	max-width:340px;
	padding: 0;
}
.price_list table th dt,.price_list table th p {
	font-size: 140%;
	letter-spacing: .1em;
	line-height: 1.8em;
	margin-bottom: 0.5em;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.price_list table th dd{
	line-height:1.8em;
}
.price_list table td p{
	color: #e15e1f;
	letter-spacing: 0.15em;
	font-size: 140%;
	font-family: source-han-sans-japanese, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.price_list table td li{
	margin-bottom: 20px;
}
.price_list table td li:last-child{
	margin-bottom: 0;
}
.price_list table td dl{
	line-height:2em;
}
.price_list table td span{
	color: #282e3d;
	letter-spacing: 0;
	font-weight: normal;
	font-size:90%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {	
.price_list .txt_tax{
	margin-bottom: 20px;
}
	
/* テーブル */
.price_list table th {
	padding: 3% 3% 3% 0;
	width: 78%;
}
.price_list table td {
	padding: 3% 0;
	width: 22%;
}
.price_list table th dt,.price_list table th p {
	font-size: 115%;
	margin-bottom: 7px;
}
.price_list table th .flt_box dl {
	width: 66%;
}
.price_list table th .flt_box p {
	width: 30%;
}
.price_list table td li{
	margin-bottom: 15px;
}
.price_list table td dl{
	line-height:1.6em;
}
.price_list table td p{
	letter-spacing: 0.05em;
	font-size: 120%;
}
.price_list table td span{
	font-size: 95%;
	letter-spacing: .05em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price_list .com_index1{
	margin-bottom:2%
}
.price_list .txt_tax{
	margin-bottom: 4%;
	letter-spacing: 0.05em;
	font-size:4vw;
}
.price_list caption{
	margin-bottom: 3%;
	font-size:5.2vw;
	letter-spacing: 0.1em;
	padding-left: 1.5em;
}
.price_list caption::before{
	font-size:5.2vw;
	top: 0.1em;
}
	
/* テーブル */
.price_list table tr,
.price_list table th,
.price_list table td {
	display: block;
}

.price_list table th {
	border-bottom: none;
	padding:6% 0 5% 0;
	width: 100%;
}
.price_list table th::before {
	position: absolute;
	content: "";
	display:none;
}
.price_list table td {
	padding:5% 0;
	width: 100%;
}
.price_list table th .flt_box dl {
	width: 100%;
	float: none;
}
.price_list table th dt,.price_list table th p {
	margin-bottom: 2%;
	font-size:5vw;
	text-align: center;
}
.price_list table th dd {
	line-height: 1.8em;
}
.price_list table th .flt_box p {
	width: 70%;
	float: none;
	text-align: center;
	padding: 0;
	margin: 5% auto 0 auto;
}	

.price_list table td li{
	margin-bottom: 3%;
}
.price_list table td dl{
	line-height:1.4em;
}
.price_list table td p{
	font-size: 5vw;
}
}






/*治療費のお支払いについて
---------------------------------------------------------*/
#forpay .card_img{
	max-width:240px;
	margin: 30px auto 0 auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#forpay .card_img{
	margin: 20px auto 0 auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#forpay .card_img{
	width: 50%;
	margin: 5% auto 0 auto;}
#forpay .txt_al_c{
	text-align:left;
}
}





/*医療費控除について
---------------------------------------------------------*/
.other_bg{
	background:rgba(242,243,245,0.50);
	padding: 120px 0 30px 0;
}
#kojyo .txt_al_c{
	margin-bottom: 30px;
}
#kojyo .formula .formula_box{
	background:#ffffff;
	font-weight: bold;
	padding: 45px 3%;
	max-width: 1100px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: center;}
#kojyo .formula .col_1 {
	color: #e15e1f;
}
#kojyo .formula .col_2 {
	color: #4a7d95;
}
#kojyo .formula .txt_cap{
	vertical-align: top;
}
#kojyo .com_btn1{
	margin:60px auto 0 auto;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.other_bg{
	background:rgba(242,243,245,0.50);
	padding: 60px 0 0 0;
}
#kojyo .txt_al_c{
	margin-bottom:20px;
}
#kojyo .formula .formula_box{
	padding: 30px 3%;}
#kojyo .com_btn1{
	margin:30px auto 0 auto;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.other_bg{
	padding: 10% 0 0 0;
}
#kojyo .txt_al_c{
	margin-bottom:5%;
	text-align: left;
}
#kojyo .formula .formula_box{
	padding: 5%;
	text-align: left;}
#kojyo .com_btn1{
	margin:7% auto 0 auto;
}
}








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

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}