@charset "utf-8";

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

  院長・スタッフ

====================================================================================================*/
.m-red {
  background: linear-gradient(rgba(255,255,255,0) 55%, #ffd3c7 55%);
  font-weight: 400; 
}

.m-blue {
  background: linear-gradient(rgba(255,255,255,0) 55%, #CAEDE2 55%);
  font-weight: 400; 
}

.m-green {
  background: linear-gradient(rgba(255,255,255,0) 55%, #81E69F 55%);
  font-weight: 400; 
}

.back-blue{
    background-color: #D1F0F7;
}

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

  ごあいさつ
  
----------------------------------------------------------------------------------------------------*/

.aisatsu {
  text-align:left;
}

.aisatsu-photo {
text-align: center;
}

.aisatsu h2{
    margin-bottom: 10px;
}

/*.aisatsu h2{
    text-align: center;
}*/

.aisatsu > span{
    display: block;
    text-align: right;
}

/*.aisatsu {
  padding-top:1.5em;
}*/

.aisatsu p {
    font-size: 0.88em;
  padding-bottom:1.5em;
}

@media print,screen and (min-width:641px) {
  .aisatsu-cnt {
    padding-bottom:72px;
    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;
  }
  
  .aisatsu-photo {
    width:35%;
  }
  
  .aisatsu {
    width:-webkit-calc(65% - 4.6%);
    width:calc(65% - 4.6%);
  }
  
/*  .aisatsu .sp-view {
    display:none;
  }*/
}

@media screen and (max-width:640px) {
  .aisatsu-cnt {
    padding-bottom:72px;
  }
  
  .aisatsu-photo img {
    width:100%;
    max-width:360px;
      
  }
  
  .aisatsu {
    padding-top:1.5em;
  }
/*  
  .aisatsu .pc-view {
    display:none;
  }*/
}


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

  略歴・所属
  
----------------------------------------------------------------------------------------------------*/

.prof-cols {
  text-align:left;
}

.prof-hdline {
    color: #32a5d7;
  /*color:#91c035;*/
  font-weight:500;
  line-height:1.5;
  padding-bottom:0.4em;
}

.prof-col {
  background-color:#fff;
  border-radius:10px;
}

@media print,screen and (min-width:641px) {
  .prof-cols {
    padding-top:96px;
    padding-bottom:96px;
    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;
  }

  .prof-cols {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .prof-col {
    width:-webkit-calc(50% - 20px);
    width:calc(50% - 20px);
    padding:20px 40px 40px 40px;
  }
}

@media screen and (max-width:640px) {
  .prof-cols {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .prof-col {
    padding:1.5em 1.75em 1.75em 1.75em;
  }
}

@media screen and (max-width:560px) {
  .prof-col {
    padding-left:1.5em;
    padding-right:1.5em;
  }
}


/*--------------------------------------------------------------------------------
  略歴
--------------------------------------------------------------------------------*/

.ryakurekiList {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}

.ryakurekiList dt,
.ryakurekiList dd {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  line-height:1.5;
}

.ryakurekiList dt {
  width:5.5em;
}

.ryakurekiList dd {
  width:-webkit-calc(100% - 5.5em);
  width:calc(100% - 5.5em);
}

.ryakurekiList dt:not(:first-child),
.ryakurekiList dt:not(:first-child) + dd { padding-top:0.4em; }


/*--------------------------------------------------------------------------------
  所属
--------------------------------------------------------------------------------*/

@media screen and (max-width:640px) {
  .shozoku {
    margin-top:1.5em;
  }
}

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

  ロゴに込めた思い
  
----------------------------------------------------------------------------------------------------*/

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

.about-logo-photo img {
/*  border-radius:10px;*/
}

/*.aisatsu {
  padding-top:1.5em;
}*/

.about-logo p {
  font-size: 0.88em;
  padding-bottom:1.5em;
}

.about-logo-hdline{
    margin-bottom: 10px;
}

@media print,screen and (min-width:641px) {
  .about-logo-cnt {
    padding-top:96px;
    padding-bottom:72px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-wrap:wrap;
    align-items: center;
    flex-wrap:wrap;
  }
  
  .about-logo-photo {
    width:45%;
  }
  
  .about-logo {
    width:-webkit-calc(55% - 4.6%);
    width:calc(55% - 4.6%);
  }
  
/*  .aisatsu .sp-view {
    display:none;
  }*/
}

@media screen and (max-width:640px) {
  .about-logo {
    padding-top:72px;
    padding-bottom:2.5em;
  }
  
  .about-logo img {
    width:100%;
    max-width:360px;
  }
  
/*  
  .aisatsu .pc-view {
    display:none;
  }*/
}

.mb30{
  margin-bottom: 30px;
}