@charset "UTF-8";



/*導入*/
.com_lead_box .lead_bg {
	background-image: url("../images/caries/m_img@2x.png");
}


/*box1
---------------------------------------------------------*/
.box1 .med_bgbox2 {
	background-color: rgba(106,179,138,0.2);
}
.box1 .med_bgbox2 .bg_index {
	color: #FFF;
	background-color: #5b9e7e;
}
.box1 .med_bgbox2 .bg_index span {
	color: #ffffbf;
	background-color: #5b9e7e;
}
.box1 .med_bgbox2 .flex_box {
	display: flex;
}
.box1 .med_bgbox2 .flex_box .box_l {
	background-color: rgba(106,179,138,0.6);
}


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

	
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.box1 .med_bgbox2 .flex_box {
	display: block;
}
.box1 .med_bgbox2 .flex_box .box_r {
	padding-bottom: 1em;
}

}


/*box2
---------------------------------------------------------*/
.box2 > .med_flt .img_l {
	width: 24%;
	max-width: 290px;
}
.box2 > .med_flt .txt_r {
	width: 72%;
}
.box2 .med_sub_box {
	background-color: #f7f3e7;
	border-radius: 20px 20px 0 0;
	margin-bottom: 1px;
}
.box2 .med_sub_box .sub_index {
	color: #e87e3a;
	border-bottom-color: #fc945d;
}
.box2 .med_sub_box .med_flow li {
	padding-bottom: 5em;
}
.box2 .med_sub_box .med_flow li.arrow i {
	color: #4b4033;
}
.box2 .med_sub_box .med_flow li .ft_cinzel {
	display: block;
	color: #e87e3a;
	font-size: 166%;
}
.box2 .med_sub_box2 {
	border-radius: 0 0 20px 20px;
}

.box2 .med_bgbox2 {
	background-color: #6ab3b2;
}
.box2 .med_bgbox2 .bg_index {
	background-color: #5ea1a0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.com_lead_box .lead_bg .com_lead > dd {
    width: 61%;
}
	
.box2 > .med_flt .img_l {
	width: 30%;
}
.box2 > .med_flt .txt_r {
	width: 100%;
}
.box2 > .med_flt .med_style1 dt {
	letter-spacing: .02em;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
	
.box2 > .med_flt .img_l {
	width: 70%;
}

.box2 .med_sub_box {
	padding-bottom: 8%;
}
.box2 .med_sub_box .med_flow li {
	padding-bottom: 0;
}

.box2 .med_bgbox2 .med_flt .img_r {
    width: 90%;
}
	
}



/*box3
---------------------------------------------------------*/
.box3 .med_bgbox.difference {
	background-color: #f1efe7;
}
.box3 .med_bgbox.difference .scl_area {
	position: relative;
}
.ps__rail-x, .ps__thumb-x {
	max-width: 550px !important;
}
.box3 .med_bgbox.difference table {
	width: 100%;
	max-width: 1017px;
	margin: 0 auto;
}
.box3 .med_bgbox.difference table th,
.box3 .med_bgbox.difference table td {
	text-align: center;
	font-size: 117%;
	line-height: 1.5;
	height: 4.7em;
	box-sizing: border-box;
	border-collapse: collapse;
	border-color: #f1efe7;
	border-style: solid;
}
.box3 .med_bgbox.difference table thead th {
	width: 32%;
	border-bottom-width: 25px;
}
.box3 .med_bgbox.difference table thead th:nth-child(2),
.box3 .med_bgbox.difference table tbody td:nth-child(2) {
	border-right-width: 10px;
}
.box3 .med_bgbox.difference table thead th:nth-child(2) span,
.box3 .med_bgbox.difference table tbody td:nth-child(2) {
	background-color: rgba(255,255,255,0.7);
}
.box3 .med_bgbox.difference table thead th:nth-child(3) span,
.box3 .med_bgbox.difference table tbody td:nth-child(3) {
	background-color: rgba(249,206,79,0.5);
}
.box3 .med_bgbox.difference table thead th:first-of-type {
	background-color: transparent;
}
.box3 .med_bgbox.difference table thead th span {
	position: relative;
	display: block;
	font-size: 125%;
	letter-spacing: .3em;
	border-radius: 15px;
	padding: .8em 0;
}
.box3 .med_bgbox.difference table thead th span::after {
	position: absolute;
	content: "";
	width: 0;
    height: 0;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 15px solid rgba(255,255,255,0.7);
    border-bottom: 0;
	left: 50%;
	top: 100%;
	transform: translateX(-50%);
}
.box3 .med_bgbox.difference table thead th:nth-child(3) span::after {
	border-top-color: rgba(249,206,79,0.5);
}
.box3 .med_bgbox.difference table tbody th {
	position: relative;
	background-color: rgba(106,179,178,0.2);
	border-right-width: 40px;
}
.box3 .med_bgbox.difference table tbody th::after {
	position: absolute;
	content: "";
	width: 0;
    height: 0;
    border-style: solid;
    border-top: 2.2em solid transparent;
    border-bottom: 2.2em solid transparent;
    border-left: 20px solid rgba(106,179,178,0.2);
    border-right: 0;
	left: 100%;
	top: 0;
}
.box3 .med_bgbox.difference table tbody td span {
	color: #d25550;
}

.box3 .med_bgbox3 {
	color: #FFF;
}
.box3 .med_bgbox3 .bg_color {
	position: relative;
	background-color: rgba(73,110,137,1);
}
.box3 .med_bgbox3 .bg_color::after {
	position: absolute;
	content: "";
	background: url("../images/caries/bg1@2x.png") no-repeat left top, url("../images/caries/bg2@2x.png") no-repeat right top;
	background-size: auto 100%;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.5;
}
.box3 .med_bgbox3 .bg_color * {
	position: relative;
	z-index: 5;
}

.box3 .med_bgbox.device {
	background-color: rgba(106,179,138,0.05);
}
.box3 .med_bgbox.device .bg_index {
	color: #5b9e7e;
	border-color: #6ab38a;
}
.box3 .med_bgbox.device .med_style2 dt::before {
    color: #6ab38a;
}
.box3 .med_bgbox.device .com_link2 {
	margin-top: 2em;
	margin-left: 0;
}

.box3 .success_rate .ft_min {
	position: relative;
	display: inline-block;
	color: #ac9a58;
	font-size: 205%;
	line-height: 1.2;
	padding: 0 1.5em;
	margin-bottom: 1em;
}
.box3 .success_rate .ft_min::before,
.box3 .success_rate .ft_min::after {
	position: absolute;
	content: "";
	width: 2px;
	height: 1.7em;
	top: -10px;
	background-image: linear-gradient(to bottom, #ac9a58, #ac9a58 3px, transparent 2px);
    background-size: 2px 6px;
    background-position: left top;
    background-repeat: repeat-Y;
}
.box3 .success_rate .ft_min::before {
	left: 0;
	transform: rotate(-20deg)
}
.box3 .success_rate .ft_min::after {
	right: 0;
	transform: rotate(20deg)
}
.box3 .success_rate table {
	width: 100%;
	margin-bottom: 1.5em;
}
.box3 .success_rate table th,
.box3 .success_rate table td {
	font-size: 117%;
	line-height: 1.3;
	padding: 1em 0;
	border: 1px solid #fdfdf5;
}
.box3 .success_rate table th {
	background-color: #e9f4ed;
}
.box3 .success_rate table td {
	width: 22%;
	background-color: #f5f5f4;
}
.box3 .success_rate table thead th {
	width: 26%;
}
.box3 .success_rate table thead th:first-of-type {
	width: 22%;
	background-color: transparent;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.box3 .med_bgbox.difference table th,
.box3 .med_bgbox.difference table td {
	font-size: 105%;
	height: 4em;
}
.box3 .med_bgbox.difference table tbody th::after {
    border-top-width: 1.8em;
    border-bottom-width: 1.8em;
    border-left-width: 15px;
}
.box3 .med_bgbox.difference table thead th {
	border-bottom-width: 15px;
}
.box3 .med_bgbox.difference table thead th:nth-child(2),
.box3 .med_bgbox.difference table tbody td:nth-child(2) {
	border-right-width: 5px;
}
.box3 .med_bgbox.difference table tbody th {
	border-right-width: 30px;
}
.box3 .med_bgbox.difference table thead th span {
	padding: .6em 0;
}
	
.box3 .med_bgbox3 .bg_color::after {
	background-size: auto 100%, 30% auto;
}
	
.box3 .success_rate .ft_min {
	font-size: 160%;
}
.box3 .success_rate table th,
.box3 .success_rate table td {
	font-size: 105%;
	padding: .8em 0;
}
.box3 .success_rate .asterisk {
	text-align: left;
}
	
}

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

.box3 .med_bgbox.difference .scl_box {
	width: 170%;
	padding-bottom: 7%;
}
.box3 .med_bgbox.difference table th,
.box3 .med_bgbox.difference table td {
	font-size: 88%;
	height: 4em;
}
.box3 .med_bgbox.difference table tbody th::after {
    border-top-width: 1.8em;
    border-bottom-width: 1.8em;
    border-left-width: 15px;
}
.box3 .med_bgbox.difference table thead th {
	border-bottom-width: 15px;
}
.box3 .med_bgbox.difference table thead th span::after {
    border-right-width: 5px;
    border-left-width: 5px;
    border-top-width: 11px;
}
.box3 .med_bgbox.difference table thead th:nth-child(2),
.box3 .med_bgbox.difference table tbody td:nth-child(2) {
	border-right-width: 5px;
}
.box3 .med_bgbox.difference table tbody th {
	width: 30%;
	border-right-width: 20px;
}
.box3 .med_bgbox.difference table tbody th:first-of-type {
	width: 37%;
}
.box3 .med_bgbox.difference table thead th span {
	letter-spacing: .1em;
	padding: .6em 0;
}
.box3 .med_bgbox.device .com_link2 {
	margin-top: 1em;
	margin-left: auto;
}
	
.box3 .med_bgbox3 .bg_color::after {
	background: url("../images/caries/bg2@2x.png") no-repeat right top;
	background-size: 60% auto;
}

.box3 .success_rate .ft_min {
	font-size: 130%;
	padding: 0 1em;
}
.box3 .success_rate .ft_min::before,
.box3 .success_rate .ft_min::after {
	height: 105%;
	top: 0;
}
.box3 .success_rate table th,
.box3 .success_rate table td {
	font-size: 88%;
	padding: .8em 0;
}
.box3 .success_rate .asterisk {
	text-align: left;
}
	
}