@charset "utf-8";

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

  インプラント

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

.about-txt p:not(:first-child) {
  padding-top:1em;
}

.about-txt p b,
.about-bottom p b {
  margin-left:0.5rem;
  margin-right:0.5rem;
}

.about-bottom {
  text-align:left;
}

@media print,screen and (min-width:641px) {
  .about-photo {
    width:35%;
    -webkit-box-ordinal-group:2;
    -ms-flex-order:1;
    order:1;
  }
  
  .about-photo .s-ofi {
    height:270px;
  }
  
  .about-txt {
    width:-webkit-calc(65% - 4.6%);
    width:calc(65% - 4.6%);
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
  }

  .about-txt p:first-child b {
    margin-left:0;
  }
  
  .about-bottom {
    padding-top:1em;
    padding-bottom:96px;
  }
}

@media screen and (max-width:640px) {
  .about-photo .s-ofi {
    height:270px;
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
  
  .about-txt {
    padding-top:1.5em;
    padding-bottom:1em;
  }
  
  .about-txt .pc-view {
    display:none;
  }
  
  .about-bottom {
    padding-bottom:2.5em;
  }
}

@media screen and (max-width:560px) {
  .about-photo .s-ofi {
    height:-webkit-calc(270 / 560 *100vw);
    height:calc(270 / 560 *100vw);
  }
}


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

  設備
  
----------------------------------------------------------------------------------------------------*/

.setsubi {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.setsubi .item {
  background-color:#fff;
}

.setsubi .itemimg {
  vertical-align:top;
}

@media print,screen and (min-width:641px) {
  .setsubi {
    padding-bottom:96px;
    max-width:1140px;
    margin-left:auto;
    margin-right:auto;
  }
  
  .setsubi .item {
    width:-wevkit-calc(50% - 20px);
    width:calc(50% - 20px);
  }
  
  .setsubi .item:nth-child(n+3) {
    margin-top:60px;
  }
  
  .setsubi p {
    padding:1.2em 1.5em 1.5em 1.5em;
  }
}

@media screen and (max-width:640px) {
  .setsubi {
    padding-bottom:2.5em;
  }
  
  .setsubi .item {
    width:100%;
    padding:1.75em;
    border-radius:10px;
  }
  
  .setsubi .item:not(:first-child) {
    margin-top:2em;
  }
  
  .setsubi .item img {
    border-radius:5px;
    max-width:inherit;
    width:100%;
    height:-webkit-calc(250 / 560 *100vw);
    height:calc(250 / 560 *100vw);
    object-fit:cover;
    font-family:"object-fit:cover;"
  }

  .setsubi p {
    padding:1.25em 0 0 0;
    line-height:1.6;
  }
}

@media screen and (max-width:560px) {
  .setsubi .item {
    padding:1.5em;
  }
}


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

  治療法
  
----------------------------------------------------------------------------------------------------*/

.chiryo {
  background-color:#d9f1f1;
}

.chiryo-hdline {
  letter-spacing:0;
}

.chiryo-box {
  border-radius:10px;
  background-color:#fff;
}

.chiryo-ttl {
  position:relative;
}

.chiryo-ttl .hdline {
  display:inline;
  color:#12aaa5;
  font-weight:700;
  line-height:1.4;
  padding-bottom:0.4em;
  border-bottom:4px dotted #2fbfbb;
}
    
.chiryo-txt p {
  text-align:left;
}

.chiryo-photo.photos {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}


@media print,screen and (min-width:641px) {
  .chiryo {
    padding-top:96px;
    padding-bottom:96px;
  }
  
  .chiryo-hdline .sp-view {
    display:none;
  }
  
  .chiryo-about {
    padding-top:40px;
    padding-bottom:56px;
  }
  
  .chiryo-cnt .chiryo-box:not(:first-child) {
    margin-top:48px;
  }

  .chiryo-box {
    display:grid;
    display:-ms-grid;
    grid-template-columns:60% 40%;
    grid-template-rows:auto auto;
    -ms-grid-columns:60% 40%;
    -ms-grid-rows:auto auto;
  }
  
  .chiryo-ttl {
    grid-column:1 / 2;
    grid-row:1;
    -ms-grid-column:1;
    -ms-grid-row:1;
    text-align:left;
    padding:56px 56px 0 56px;
  }
  
  .chiryo-txt {
    grid-column:1 / 2;
    grid-row:2;
    -ms-grid-column:1;
    -ms-grid-row:2;
    text-align:left;
    padding:2.5em 56px 56px 56px;
  }
  
  .chiryo-photo {
    grid-column:2 / 3;
    grid-row:1 / 4;
    -ms-grid-column:2;
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    padding:56px 56px 56px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  .chiryo-photo img {
    border-radius:8px;
    width:100%;
    height:310px;
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
}

@media screen and (max-width:640px) {
  .chiryo {
    padding-top:3em;
    padding-bottom:2.5em;
  }
  
  .chiryo-hdline {
    line-height:1.5;
  }
  
  .chiryo-about {
    text-align:left;
    padding-top:1.5em;
  }
  
  .chiryo-cnt .chiryo-box {
    margin-top:2em;
  }

  .chiryo-box {
    padding:1.75em 1.75em 2em 1.75em;
  }
  
  .chiryo-ttl {
    font-size:1.1em;
    padding-bottom:2.5em;
  }
  
  .chiryo-ttl .hdline {
    padding-left:0.5em;
    padding-right:0.5em;
    padding-bottom:0.4em;
  }
  
  .chiryo-photo img {
    border-radius:5px;
    width:100%;
    max-width:400px;
    height:-webkit-calc(250 / 640 * 100vw);
    height:calc(250 / 640 * 100vw);
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
  
  .chiryo-box--02 .chiryo-photo img {
    height:-webkit-calc(250 / 640 * 100vw);
    height:calc(250 / 640 * 100vw);
  }
  
  .chiryo-txt {
    padding-top:1.5em;
  }
}

@media screen and (max-width:560px) {
  .chiryo-box {
    padding-left:1.5em;
    padding-right:1.5em;
  }
  
  .chiryo-ttl {
    font-size:1em;
  }
}

@media screen and (max-width:480px) {
  .chiryo-hdline {
    font-size:1.66em;
  }
}


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

  相談
  
----------------------------------------------------------------------------------------------------*/

.sodan p:not(:first-child) {
  padding-top:1em;
}

.sodan p b {
  margin-right:0.5rem;
}

@media print,screen and (min-width:641px) {
  .sodan {
    padding-top:72px;
    padding-bottom:72px;
    font-size:1.1em;
  }
}

@media screen and (max-width:640px) {
  .sodan {
    padding-top:2.5em;
    padding-bottom:2.5em;
    text-align:left;
  }
  
  .sodan p .pc-view {
    display:none;
  }
}