@charset "UTF-8";
/* CSS Document */
#cont01 {
padding: 120px 0;
}
#cont01 ul.icon_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#cont01 ul.icon_list li {
width: 48%;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 40px;
}
#cont01 ul.icon_list li:last-child{
margin-bottom: 0;
}
#cont01 ul.icon_list li .icon {
max-width: 162px;
width: 29%;
}
#cont01 ul.icon_list li dl {
width: 68%;
}
#cont01 ul.icon_list li dl dt {
font-size: 24px;
font-size: 2.4rem;
border-bottom: 1px solid #e0d8d5;
margin-bottom: 20px;
}
#cont01 ul.icon_list li dl dd {
line-height: 1.6;
}
#cont01 .beige_box{
background: #f6f2f0;
padding: 80px 60px;
margin-top: 90px;
}
#cont01 .beige_box h3 {
font-size: 42px;
font-size: 4.2rem;
margin-bottom: 30px;
text-align: center;
font-weight: 400;
line-height: 1.7;
}
#cont01 .beige_box h3 small {
font-size: 21px;
font-size: 2.1rem;
display: block;
}
#cont01 .beige_box .txt {
max-width: 670px;
margin: 0 auto 40px;
}

#cont01 .beige_box .img01 {
max-width: 907px;
margin: 0 auto 80px;
}

#cont01 .generation_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#cont01 .generation_list li {
width: 32%;
background: #fff;
border-radius: 5px;
position: relative;
padding:30px 40px;
}
#cont01 .generation_list li .title span {
color: #fff;
font-size: 15px;
font-size: 1.5rem;
background: #826e60;
border-radius: 50px;
padding: 5px 20px;
position: absolute;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
  top: -10px;
}
#cont01 .generation_list li .img {
max-width: 110px;
margin: 0 auto;
}
#cont01 .generation_list li dl dt {
color: #826e60;
font-size: 21px;
font-size: 2.1rem;
text-align: center;
margin-bottom: 10px;
}
#cont01 .generation_list li dl dd {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
}
.bg-title.pediatric{
background:url("../../img/pediatric/bg01.jpg") center center no-repeat;
}

.float-cont .flex_box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.float-cont .flex_box .img{
width: 46%;
}
.float-cont .flex_box dl {
width: 50%;
}

.float-cont .flex_box dl dt {
font-size: 30px;
font-size: 3rem;
line-height: 1.7;
margin-bottom: 30px;
}
.float-cont .flex_box dl dt small {
display: block;
}

.float-cont .flex_box dl dd {
line-height: 2;
}

.float-cont .beige_box {
background: #f6f2f0;
padding: 60px;
margin-bottom: 80px;
}

.float-cont .beige_box ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.float-cont .beige_box ul li {
width: 21%;
position: relative;
}

.float-cont .beige_box ul li:after {
content:"";
background: url("../../img/pediatric/arrow.svg") left top no-repeat;
width: 30px;
display: block;
position: absolute;
right: -40px;
top: 26%;
height: 24px;
background-size: 100% auto;
}
.float-cont .beige_box ul li:last-child:after {
display: none;
}

.float-cont .beige_box ul li .icon {
text-align: center;
position: relative;
margin-bottom: 30px;
}
.float-cont .beige_box ul li .icon img {
max-width: 157px;
}

.float-cont .beige_box ul li .icon span {
color: #fff;
font-size: 15px;
font-size: 1.5rem;
background: #826e60;
border-radius: 50px;
padding: 5px 0;
position: absolute;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
  bottom: -10px;
  width: 120px;
  display: block;
}

.float-cont .beige_box ul li .txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4!important;
}
.float-cont .flex_box .col2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.float-cont .flex_box .col2 li {
width: 48%;
}
.float-cont .flex_box .col2 dl {
  width: 100%;
}
.float-cont .flex_box .col2 dl dt {
text-align: center;
font-variant-position: 21px;
font-size: 2.1rem;
color: #826e60;
line-height: 1.4;
margin: 20px 0;
}

.float-cont .flex_box .col2 dl dd{
font-size: 15px;
font-size: 1.5rem;
line-height: 1.7;
}
.slide-bl {
padding: 0;
}
.float-cont .flex_box.second {
padding: 80px 0;
}
.float-cont .flex_box.second .img{
text-align: center;
}
.float-cont .flex_box.second .img img {
max-width: 376px;
}

.float-cont .flex_box.second dl dt {
font-size: 24px;
font-size: 2.4rem;
}

.orthodontics_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 80px;
}

.orthodontics_list li {
width: 19%;
position: relative;
}
.orthodontics_list li .title {
position: absolute;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
  bottom: -10px;
  width: 100%;
  text-align: center;
}
.orthodontics_list li span {
color: #fff;
font-size: 15px;
font-size: 1.5rem;
background: #826e60;
border-radius: 50px;
padding: 5px 10px;
}
.brown-btn{
    text-align: center;
}

.brown-btn a{
    display: block;
    background: #321809;
    color: #fff;
    border-radius: 100px;
    padding: 24px 25px 25px;
    text-align: center;
    position: relative;
    max-width: 400px;
    margin: 0 auto;
    width: 90%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.brown-btn a:hover{
    background: #4c2d1b;
}

.brown-btn a span{
    left: 90%;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    font-size: 1.8rem;
}
@media screen and (max-width: 834px){
#cont01 ul.icon_list li{
width: 100%;
}
#cont01 {
  padding: 40px 0;
}
#cont01 ul.icon_list li dl dt {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 10px;
}

#cont01 .beige_box {
  padding: 40px 20px;
  margin-top: 40px;
}
#cont01 .beige_box h3 {
font-size: 22px;
font-size: 2.2rem;
}
#cont01 .beige_box h3 small {
font-size: 12px;
font-size: 1.2rem;
}
#cont01 .generation_list li {
width: 100%;
margin-bottom: 20px;
}
.bg-title-big {
  font-size: 20px;
}
.bg-title {
  height: 350px;
}
.float-cont .flex_box .img {
  width: 100%;
}
.float-cont .flex_box dl {
  width: 100%;
}
.float-cont .flex_box dl dt {
  font-size: 2rem;
  margin-bottom: 10px;
  text-align: center;
}
.float-cont .flex_box {
margin-bottom: 40px;
}
.float-cont .beige_box ul li {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.float-cont .beige_box ul li:last-child {
margin-bottom: 0;
}
.float-cont .beige_box ul li .icon {
width: 30%;
}
.float-cont .beige_box ul li .txt {
  width: 62%;
}
.float-cont .beige_box ul li .icon span {
  font-size: 1.2rem;
  padding: 2px 0;
  width: 90px;
}
.float-cont .beige_box {
  padding:20px;
  margin-bottom: 40px;
}
.float-cont .beige_box ul li::after {
content: "▼";
background: none;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
  bottom: -20px;
  top: inherit;
  color: #64b0b2;
}
.float-cont .flex_box .col2 li {
  width: 100%;
  margin-bottom: 40px;
}
.white-bg {
  padding: 40px 20px 0;
}
.float-cont .flex_box.second {
  padding: 0;
}
.float-cont .flex_box.second dl dt {
  font-size: 2rem;
}
.orthodontics_list li {
  width: 48%;
margin-bottom: 40px;
}
.orthodontics_list li span {
  font-size: 1.2rem;
}
.orthodontics_list {
  margin-bottom: 10px;
}
.brown-btn {
  padding-bottom: 40px;
}

#cont01 .generation_list li dl dt {
font-size: 1.8rem;
}
}