@charset "UTF-8";


/*メインイメージ
---------------------------------------------------------*/
.contentpage #header {
	background-color: #FAF9FC;
}
.contentpage #header::before {
	background-color: #F4F4EC;
}
.contentpage #header .m_bg {
	background-image: url(../images/price_m_img.jpg);
}



/*共通
---------------------------------------------------------*/
.price .com_titile_sub{
	margin-bottom: 40px;
}
.price .in_box {
	padding-top: 50px;
	font-size: 94%;
	line-height: 2.3em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.price .com_titile_sub{
	margin-bottom: 4%;
}
.price .in_box {
	padding-top: 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price .com_titile_sub{
	margin-bottom: 5%;
}
.price .in_box {
	padding-top: 5%;
	line-height: 1.8em;
}
}


	
/*保険診療と自由診療（自費診療）の違い
---------------------------------------------------------*/
.price .type_flt {
	margin-top: 40px;
}
.price .type_flt dl {
	width: 49%;
	max-width: 500px;
	margin: 0 auto;
	background: #F7F7F1;
}
.price .type_flt dt {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .2em;
	line-height: 1.2em;
	text-align: center;
	padding: 15px 0;
}
.price .type_flt .flt_l dt {
	background: rgb(148,138,59);
	background: -moz-linear-gradient(top,  rgba(148,138,59,1) 0%, rgba(177,170,113,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(148,138,59,1) 0%,rgba(177,170,113,1) 100%);
	background: linear-gradient(to bottom,  rgba(148,138,59,1) 0%,rgba(177,170,113,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#948a3b', endColorstr='#b1aa71',GradientType=0 );
}
.price .type_flt .flt_r dt {
	background: rgb(148,102,59);
	background: -moz-linear-gradient(top,  rgba(148,102,59,1) 0%, rgba(177,145,114,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(148,102,59,1) 0%,rgba(177,145,114,1) 100%);
	background: linear-gradient(to bottom,  rgba(148,102,59,1) 0%,rgba(177,145,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94663b', endColorstr='#b19172',GradientType=0 );
}
.price .type_flt dd {
	padding: 25px 5%;
	line-height: 1.6em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.price .type_flt {
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price .type_flt {
	margin-top: 0;
}
.price .type_flt dl {
	width: 100%;
	max-width: 100%;
	float: none;
	margin-top: 5%;
}
.price .type_flt dd {
	padding: 5%;
}

}



/*医療費控除
---------------------------------------------------------*/
.price .box02 .formula {
	margin: 20px 0;
	background: #EEF5EE;
	padding: 20px 3%;
	text-align: center;
}
.price .box02 .col_1 {
	color: #3D8C92;
	font-weight: bold;
}
.price .box02 .col_2 {
	color: #9F8A25;
	font-weight: bold;
}
.price .box02 .col_3 {
	color: #333333;
	font-weight: bold;
}
.price .box02 .col_4 {
	color: #668C00;
	font-weight: bold;
}

.price .tbl_iryohi {
	margin-top: 40px;
	width: 100%;
}
.price .tbl_iryohi {
	width: 100%;
	border-right: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-size: 106%;
	line-height: 1.4em;
}
.price .tbl_iryohi .col_01 {
	width: 24%;
}
.price .tbl_iryohi .col_02 {
	width: 14%;
}
.price .tbl_iryohi th,
.price .tbl_iryohi td {
	text-align: center;
	vertical-align: middle;
	border-left: solid 1px #ddd;
	border-top: solid 1px #ddd;
}
.price .tbl_iryohi th {
	background: #668C00;
	color: #fff;
	font-weight: normal;
	padding: 5px 0;
}
.price .tbl_iryohi th.bg_yel {
	background: #B3A741;
	font-weight: bold;
}
.price .tbl_iryohi td {
	background: #fff;
	padding: 10px 0;
	line-height: 1.4em;
}
.price .tbl_iryohi td.txt_red {
	color: #668C00;
	font-weight: normal;
}

/* 微調整
------------------------------------------*/
@media only screen and (max-width: 1050px) {
.price .tbl_iryohi {
	font-size: 1.6vw;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.price .box02 .formula {
	margin: 3% 0;
}

.price .tbl_iryohi {
	margin-top: 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price .box02 .formula {
	margin: 5% 0;
	padding: 5%;
	text-align: left;
}

.price .box02 .formula .txt_large {
	font-size: 120%;
}
.price .box02 .formula .col_5 {
	color: #CA3A40;
}
.price .box02 .formula .txt_cap {
	vertical-align: super;
	font-size: 70%;
	margin-left: 3px;
}
.price .box02 .formula .txt_small {
	margin-top: 10px;
	font-size: 90%;
	line-height: 1.5em;
	text-indent: -1.3em;
	margin-left: 1.3em;
}

.price .tbl_iryohi {
	display: none;
}
.price .tbl_iryohi_img {
	margin-top: 6%;
}
.price .tbl_iryohi_img p {
	margin-bottom: 5px;
	text-align: center;
	color: #666;
	font-size: 90%;
	font-weight:  bold;
	letter-spacing: .05em;
	line-height: 1.2em;
}
}



/*料金表
---------------------------------------------------------*/
.price .box03 .ank_link {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}
.price .box03 .ank_link li {
	display: inline-block;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.2em;
	margin: 0 20px 30px;
}
.price .box03 .ank_link li a {
	position: relative;
	vertical-align: middle;
	padding-left: 20px;
}
.price .box03 .ank_link li a::before{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #484741;
	border-right: 2px solid #484741;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.price .price_box {
	padding-bottom: 50px;
}
.price .price_box h4 {
	background: #213d5d;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: .25em;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.price .price_box caption {
	color: #crown;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 1.4em;
	text-align: left;
	margin-bottom: 20px;
}
.price .price_box caption::before {
	font-family: 'fontello';
	content: '\e800';
	margin-right: 5px;
}

/* テーブルレイアウト */
.price .price_box table {
	width: 100%;
	border-collapse: collapse;
	border-right: solid 1px #DDDDDD;
	border-top: solid 1px #DDDDDD;
	line-height: 1.8em;
	margin-bottom: 50px;
}
.price .price_box th,
.price .price_box td {
	padding: 20px 20px;
	border-bottom: solid 1px #DDDDDD;
	_zoom: 1;
	overflow: hidden;
}
.price .price_box th {
	border-left: solid 1px #DDDDDD;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.price .price_box th.col_1 {
	width: 16%;
	padding: 30px 10px;
	text-align: center;
	vertical-align: middle;
}
.price .price_box td {
	background: #F7F7F0;
	text-align: right;
	vertical-align: middle;
	width: 24%;
	line-height: 1.4em;
}

/* デザイン */
.price .price_box th p {
	float: right;
	margin-left: 30px;
	margin-bottom: 10px;
}
.price .price_box th dl.no_img,
.price .price_box th p.no_img {
	float: none;
	margin: 0;
}

.price .price_box th.col_1,
.price .price_box th dt,
.price .price_box th .txt_item {
	color: #5182b9;
	font-size: 116%;
	font-weight: bold;
	letter-spacing: .1em;
}
.price .price_box th dd {
	margin-top: 5px;
}

.price .price_box td dl {
	margin-top: 15px;
	font-size: 94%;
}
.price .price_box td dl:first-child {
	margin-top: 0;
}
.price .price_box td dt {
	margin-bottom: 5px;
}
.price .price_box td dd,
.price .price_box td p {
	color: #CA393F;
	font-size: 120%;
	font-weight: bold;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.price .box03 .ank_link {
	padding-bottom: 3%;
}
.price .box03 .ank_link li {
	margin-bottom: 10px;
}

.price .price_box {
	padding-bottom: 5%;
}
.price .price_box h4 {
	margin-bottom: 5%;
}

.price .price_box caption {
	margin-bottom: 3%;
}

/* テーブルレイアウト */
.price .price_box table {
	margin-bottom: 5%;
}
.price .price_box th,
.price .price_box td {
	padding: 20px 3%;
}
.price .price_box th.col_1 {
	padding: 20px 5px;
}

/* デザイン */
.price .price_box th p {
	margin-left: 20px;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.price .box03 .ank_link {
	padding-bottom: 5%;
	text-align: left;
}
.price .box03 .ank_link li {
	display: block;
	width: 49%;
	float: left;
	margin: 0 0 10px;
	
	font-size: 90%;
	letter-spacing: normal;
	line-height: 1.2em;
}
.price .box03 .ank_link li:first-child {
	width: 100%;
}
.price .box03 .ank_link li:nth-child(odd) {
	float: right;
}
.price .box03 .ank_link li a {
	display: block;
	padding: 10px 5px;
	border: solid 1px #ccc;
	padding-left: 20px;
}
.price .box03 .ank_link li a::before{
	left: 5px;
	width: 4px;
	height: 4px;
	border-width: 1px;
}

.price .price_box {
	padding-bottom: 5%;
}
.price .price_box h4 {
	font-size: 120%;
	letter-spacing: .15em;
	margin-bottom: 5%;
}

.price .price_box caption {
	font-size: 110%;
	margin-bottom: 3%;
}

.price .price_box table {
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	border-top: none;
	margin-bottom: 5%;
}
.price .price_box tr,
.price .price_box th,
.price .price_box td {
	display: block;
	width: 100% !important;
	box-sizing: border-box;
}
.price .price_box th,
.price .price_box td {
	padding: 30px;
	border: none;
}
.price .price_box th {
	border-top: solid 1px #DDDDDD;
	padding: 20px 5% 15px;
}
.price .price_box th.col_1 {
	padding: 10px 3%;
	background: #B28500;
	font-size: 120%;
	color: #fff;
}
.price .price_box td {
	padding: 15px 5%;
}

/* デザイン */
.price .price_box th p {
	float: none;
	margin-left: 0;
	margin-bottom: 20px;
	text-align: center;
}

.price .price_box td dl {
	margin-top: 5px;
}
.price .price_box td dt,
.price .price_box td dd {
	display: inline-block;
	margin-left: 10px;
}
}

/*歯周病の原因
---------------------------------------------------------*/
.box05 .flx_l {
	width: 31.6%;
	margin-right: 6%;
}

.box05 .flx_r {
	width: 100%;
}

.box05 .flx_r dt {
	font-weight: bold;
	font-size: 140%;
	letter-spacing: .05em;
	line-height: 1.6em;
	border-bottom: 1px solid #e2ddda;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.box05 .flx_r dt.blue {
	color: #5bc0c0;
}
.box05 .flx_r dd.blue {
	color: #5bc0c0;
    margin-top: -20px;
    font-size: 130%;
    font-weight: bold;
}
.box05 .flx_r dd.orange {
	color: #e1b36c;
    margin-top: -20px;
    font-size: 130%;
    font-weight: bold;
}
.box05 .flx_r dd.red {
	color: #e32a33;
    margin-top: 0px;
    font-weight: bold;
}

.box05 .flx_r dt.orange {
	color: #e1b36c;
	margin-top: 20px;
}

.box05 .flx_r dt.aoao {
	color: #213d5d;
	margin-top: 20px;
}
.box05 .flx_r dt.green {
	color: #5ac064;
	margin-top: 20px;
}

.box05 .flx_r dd {
	font-size: 100%;
	line-height: 2.3em;
}

.box05 .med_flow_box {
	margin: 85px auto 45px;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box05 .flx_l {
	width: 40%;
	margin-right: 5%;
}

.box05 .flx_r {
	width: 100%;
}

.box05 .flx_r dt {
	font-size: 130%;
}

.box05 .med_flow_box {
	margin: 8% auto 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box05 .flex {
	display: block;
}

.box05 .flx_l {
	margin: 0 auto 10px;
	width: 70%;
	text-align: center;
}

.box05 .flx_r {
	width: 100%;
}

.box05 .flx_r dt {
	font-size: 130%;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.box05 .med_flow_box {
	margin: 8% auto 5%;
}
}