@charset "utf-8";

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

  小児・矯正歯科

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

/*----------------------------------------------------------------------------------------------------

  小児歯科
  
----------------------------------------------------------------------------------------------------*/

.shoni .about-hdline {
  padding-bottom:0.6em;
}

.shoni .about-txt p:last-child {
  padding-top:1em;
}

.shoni .about-txt p .p-namisen {
  margin-left:0;
}

@media print,screen and (min-width:641px) {
  .shoni {
    padding-top:96px;
  }

  .shoni .about {
    padding-top:72px;
    max-width:1140px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .shoni .about-photo {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
    width:500px;
  }
  
  .shoni .about-photo img {
    margin-top:-32px;
  }
  
  .shoni .about-txt {
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
    width:-webkit-calc(100% - 500px);
    width:calc(100% - 500px);
  }
}

@media screen and (max-width:640px) {
  .shoni {
    padding-top:2.5em;
  }
  
  .shoni .about-hdline {
    text-align:center;
  }
  
  .shoni .about-photo {
    padding-top:2em;
    padding-bottom:1.5em;
  }
  
  .shoni .about-txt .pc-view {
    display:none;
  }
}


/*--------------------------------------------------------------------------------
  キッズコーナー
--------------------------------------------------------------------------------*/

.shoni .kidsCorner-photo img {
  border-radius:10px;
}

.kidsCorner-txt {
  text-align:left;
}

.kidsCorner-txt p {
  padding-top:1.5em;
}

.kidsCorner-ttl {
  display:inline;
  background-color:#f8c628;
  color:#fff;
  font-weight:700;
  line-height:1;
  padding:0.25rem 1rem;
  border-radius:2px;
}
  
@media print,screen and (min-width:641px) {
  .shoni .kidsCorner {
    padding-top:80px;
    padding-bottom:80px;
    position:relative;
  }
  
  .shoni .kidsCorner-photo {
    width:70%;
  }
  
  .shoni .kidsCorner-photo img {
    width:100%;
    height:500px;
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
  
  .kidsCorner-txt {
    border-radius:10px;
    background-color:#fff;
    padding:48px;
    width:500px;
    position:absolute;
    right:0;
    top:148px;
  }
}

@media screen and (max-width:640px) {
  .shoni .kidsCorner {
    padding-top:2.25em;
    padding-bottom:2.5em;
  }
  
  .kidsCorner-txt {
    margin-top:-0.5em;
    position:relative;
    z-index:2;
  }
  
  .shoni .kidsCorner-photo img {
    max-width:480px;
    width:100%;
  }
  
  .kidsCorner-txt .f-nowrap {
    display:inline;
  }
}


/*--------------------------------------------------------------------------------
  コンテンツ下
--------------------------------------------------------------------------------*/

.shoni .cnt-bottom-txt p:first-child {
  padding-bottom:1em;
}

@media screen and (max-width:640px) {
  .shoni .cnt-bottom {
    padding-bottom:0.5em;
  }
  
  .shoni .cnt-bottom-txt {
    padding-top:1.5em;
  }
}


/*----------------------------------------------------------------------------------------------------

  矯正歯科
  
----------------------------------------------------------------------------------------------------*/

.kyosei .about-txt p b {
  margin-right:0.5rem;
}

.kyosei .about-txt p .p-namisen {
  margin-left:0;
}

.kyosei .about-txt p:first-child {
  padding-bottom:1em;
}

@media print,screen and (min-width:641px) {
  .kyosei {
    padding-top:96px;
    padding-bottom:96px;
  }

  .kyosei .about {
    padding-top:72px;
  }
  
  .kyosei .about-photo {
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }
  
  .kyosei .about-txt {
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
  }
}

@media screen and (max-width:640px) {
  .kyosei {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .kyosei .about-photo {
    padding-top:2em;
    padding-bottom:1.5em;
  }
  
  .kyosei .about-txt .pc-view {
    display:none;
  }
}