@charset "utf-8";

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

歯ブラシを選ぼう！

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

#contents h1 {
margin-bottom: 2em;
}

#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 {
float: left;
margin-right: 30px;
width: 670px;
}

#box01 img {
float: right;
margin-top: -40px;
}

#box02 {
margin-bottom: 3em;
}

#box02 div{
margin-bottom: 2em;
display: table;
}

#box02 div img{
display: table-cell;
vertical-align: top;
padding-right: 2em;
}

#box02 div dl{
display: table-cell;
vertical-align: middle;
}

#box02 div dt{
font-size: 18px;
font-weight: bold;
}

#box02 p{
margin-bottom: 0;
}

#box02 p strong{
font-size: 18px;
color: #3CB324;
}

.clear {
clear: both;
}

#box03 {
margin-bottom: 4em;
}

#box03 p {
margin-bottom: 0.5em;
}

#box03 dl {
margin: 0 0 1em 0;
width: 700px;
}

#box03 dt {
clear: left;
float: left;
margin-top: 1em;
width: 120px;
}

#box03 dd {
float: left;
margin-top: 1em;
padding-top: 5px;
width: 580px;
}

#box04 {
margin-bottom: 2em;
}

#box04 p {
float: left;
margin-right: 50px;
width: 750px;
}

#box04 div {
float: left;
width: 150px;
}

#box05 {
margin-bottom: 2em;
}

#box05 div {
float: left;
margin-right: 40px;
width: 170px;
}

#box05 p {
float: left;
width: 740px;
}

#box06 {
text-align: center;
}