@charset "utf-8";

/*============================================================

健康な歯を保つために

============================================================*/

#contents h2 {
margin-bottom: 15px;
padding: 1px 10px 2px;
position: relative;
display: inline-block;
background: #351506;
border-radius: 2px;
font-size: 16px;
color: #fff;
}

#contents h2:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(53, 21, 6, 0);
border-top-color: #351506;
border-width: 4px;
margin-left: -4px;
}

#box01 {
margin-bottom: 2em;
}

#box01 p {
margin-right: 30px;
width: 700px;
float: left;
}

#box01 strong{
color: #3CB324;
font-weight: normal;
}

#box01 img {
margin-top: -50px;
width: 195px;
float: left;
}

#box02 {
margin-bottom: 3em;
}

#box02 div {
margin-top: -30px;
width: 240px;
float: left;
}

#box02 p {
margin-left: 30px;
width: 680px;
float: left;
}

#box03 {
margin-bottom: 3em;
}

#box03 ul {
margin-bottom: 1.2em;
padding: 0px 0px 4px 15px;
border-left: 2px solid #351506;
}

#box03 ul li {
line-height: 1.3;
}

#box03 ul li span {
color:#351506;
font-size: 20px;
font-weight: bold;
}

.point {
margin-bottom: 3.5em;
}

.point div {
padding: 2px 20px 0;
display: inline-block;
background: #3CB324;
border-radius: 2px 2px 0px 0px;
text-align: center;
font-size: 16px;
color: #fff;
letter-spacing: 0px;
}

.point ul {
margin: 0;
padding: 20px 20px 10px;
width: 100%;
box-sizing: border-box;
overflow: hidden;
background:#fff;
border: 5px solid #3CB324;
border-radius: 0px 2px 2px;
}

.point li {
margin-bottom: 0.8em;
padding-left: 28px;
width: 422px;
float: left;
background: url(../img/liststyle/check_green.png) no-repeat 0 2px;
line-height: 1.4;
}

