<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/*ご自身の歯でいつまでも健康に過ごすために
---------------------------------------------------------*/
.yobo .graph{
	margin-top:1.5%;}

.yobo .graph .clearfix{
	padding:4% 7%;}
	
.yobo .graph .flt_r{
	width:20%;}	
	
.yobo .graph .flt_l{
	width:75%;}	
	
/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.yobo .graph .clearfix{
	padding:4% 3%;}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.yobo .graph{
	margin-top:3%;}

.yobo .graph .clearfix{
	padding:4% 2%;}
	
.yobo .graph .flt_r{
	display:none;}	
	
.yobo .graph .flt_l{
	width:100%;
	float:none;
	margin:0 auto;}	}	
	

	
/*予防がより効果的に実践されるために
---------------------------------------------------------*/
.yobo .pro_care h5 {
	background:#BDEAD9;
}
.yobo .self_care h5 {
	background:#C6EFED;
}
.yobo .care_box {
	padding:4%;
}
.yobo .care_box .care_style dt,
.yobo .care_box .care_style p {
	font-size: 120%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: 10px;
	position: relative;
	padding-left: 18px;
}
.yobo .care_box .care_style dt i,
.yobo .care_box .care_style p i {
	position: absolute;
	left: -5px;
	top: 0;
	color:#D3CC00;
}
.yobo .pro_care .care_style dt,
.yobo .pro_care .care_style p {
	color:#59CA9F;
}
.yobo .self_care .care_style dt,
.yobo .self_care .care_style p {
	color: #71D6D2;
}

.yobo .care_box .border_t {
	margin-top: 50px;
	border-top: solid 1px #D0DACB;
	padding-top: 50px;
}

.yobo .care_box .img_flt p {
	float: right;
	margin-left: 3%;
	margin-bottom: 10px;
}

.yobo .care_box .care_col3 li {
	width: 31.4%;
	margin-left: 2.9%;
	float: left;
}
.yobo .care_box .care_col3 li:first-child {
	margin-left: 0;
}
.yobo .care_box .care_col3 li p {
	margin-top: 20px;
}

/* プロケア */
.yobo .pro_care .flow_box {
	margin-top: 30px;
	background: #EDFAF5;
	padding:  25px 3%;
	text-align: center;
}
.yobo .pro_care .flow_box h6 {
	color: #59CA9F;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
	margin-bottom: 15px;
}
.yobo .pro_care .flow_box li {
	width: 14.6%;
	float: left;
}
.yobo .pro_care .flow_box li p {
	max-width: 140px;
	margin: 0 auto;
}
.yobo .pro_care .flow_box li .txt {
	text-align: left;
	margin-top: 5px;
	letter-spacing: 0em;
}
.yobo .pro_care .flow_box li.flow_arrow {
	width: 6.6666%;
	padding-top: 7%;
}
.yobo .pro_care .flow_box li.flow_arrow img {
	max-width: 11px;
	margin: auto;
}

.yobo .pro_care .flow_box p.annotation {
	margin-top: 1.5em;
}

/* セルフケア */
.yobo .self_care .point {
	margin-top: 30px;
	padding:  20px 2%;
	display: table;
	width: 96%;
}
.yobo .self_care .point dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left:1%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.yobo .care_box {
	padding: 5%;
}

.yobo .care_box .bg_white {
	padding: 5%;
}

.yobo .care_box .border_t {
	margin-top: 5%;
	padding-top: 5%;
}

.yobo .care_box .img_flt p {
	width: 36%;
}

.yobo .care_box .care_col3 li {
	width: 31.4%;
	margin-left: 2.9%;
	float: left;
}
.yobo .care_box .care_col3 li:first-child {
	margin-left: 0;
}
.yobo .care_box .care_col3 li p {
	margin-top: 3%;
}

/* プロケア */
.yobo .pro_care .flow_box {
	margin-top: 3%;
	padding:  4%;
}
.yobo .pro_care .flow_box li .txt {
	font-size: 90%;
	line-height: 1.4em;
}

/* セルフケア */
.yobo .self_care .point {
	margin-top: 3%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.yobo .care_box {
	padding:4%;
}

.yobo .care_box h5 {
	padding: 10px 5%;
}

.yobo .care_box .care_style dt,
.yobo .care_box .care_style p {
	margin-bottom: 0;
}

.yobo .care_box .border_t {
	margin-top: 6%;
	padding-top: 6%;
}

.yobo .care_box .img_flt p {
	float: none;
	max-width: 250px;
	margin: 0 auto 5%;
}

.yobo .care_box .care_col3 li {
	width: 100%;
	margin-left: 0;
	float: none;
	margin-top: 6%;
	border-top: dotted 1px #BFA91E;
	padding-top: 6%;
}
.yobo .care_box .care_col3 li:first-child {
	margin-top: 0;
	border-top: none;
	padding-top: 0;
}
.yobo .care_box .care_col3 li p {
	max-width: 200px;
	margin: 10px auto 0;
}

/* プロケア */
.yobo .pro_care .flow_box li {
	width: 100%;
	float: none;
}
.yobo .pro_care .flow_box h6 {
	margin-bottom: 0px;
}
.yobo .pro_care .flow_box li p {
	max-width: 100%;
	display: inline-block;
	vertical-align: middle;
}
.yobo .pro_care .flow_box li .illust {
	width: 28%;
}
.yobo .pro_care .flow_box li .txt {
	margin-top: 0;
	width: 62%;
	margin-left: 2%;
	font-size: 90%;
}
.yobo .pro_care .flow_box li.flow_arrow {
	width: 100%;
	padding: 0;
}
.yobo .pro_care .flow_box li.flow_arrow img {
	transform: rotate(90deg);
}

/* セルフケア */
.yobo .self_care .point .tb_pc {
	display:none;
}
.yobo .self_care .point .sp_only {
	color:#756452;
	background:#FFF40A;
	border-radius:30px;
	width:94%;
	margin:0 auto;
	text-align:center;
	padding:2px 0;
	font-weight:bold;
}

.yobo .self_care .point dd {
	display: block;
	font-size: 90%;
	line-height: 1.6em;
	padding:3% 3% 0% 3% ;
}
}	
	


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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}</pre></body></html>