@charset "utf-8";

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

  診療内容

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

/*--------------------------------------------------------------------------------
  Page navigation
--------------------------------------------------------------------------------*/

.s-pNavList {
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.s-pNavList li a {
  display:block;
  padding-right:2em;
}

.s-pNavList li a:after {
  content:"";
  width:1em;
  height:1em;
  display:inline-block;
  background-image:url(../../image/icon/ar_green.svg);
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  position:absolute;
  right:1.5em;
  top:50%;
  margin-top:-0.5em;
  -webkit-transform:rotate(90deg) translateY(-50%);
  transform:rotate(90deg) translateY(-50%);
}

.ua-pc .s-pNavList li a:hover:after {
  background-image:url(../../image/icon/ar_green_on.svg);
}

@media print,screen and (min-width:641px) {
  .s-pNavList li {
    width:25%;
    margin-left:8px;
    margin-right:8px;
  }

  .s-pNavList li a {
    padding-top:0.8em;
    padding-bottom:0.8em;
  }
}

@media screen and (max-width:640px) {
  .s-pNavList {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .s-pNavList li {
    width:-webkit-calc(50% -  0.25em);
    width:calc(50% -  0.25em);
  }
}


/*--------------------------------------------------------------------------------
  Check list
--------------------------------------------------------------------------------*/

.s-checkList {
  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;
  text-align:left;
}

.s-checkList li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  -webkit-align-items:center;
  align-items:center;
  color:#12aaa5;
  font-weight:500;
  border:2px solid #b7e5e4;
  background-color:#fff;
  border-radius:6px;
  padding:0.6em 1.25em;
  width:-webkit-calc(50% - 4px);
  width:calc(50% - 4px);
  line-height:1.5;
}

.s-checkList li:nth-child(n+3) {
  margin-top:8px;
}

.s-checkList li span {
  display:inline-block;
  position:relative;
  padding-left:1.6em;
}

.s-checkList li span:before {
  content:"";
  width:1em;
  height:1em;
  background:url(../../image/icon/check.svg) no-repeat center center;
  background-size:contain;
  position:absolute;
  left:0;
  top:0.25em;
}

@media screen and (max-width:640px) {
  .s-checkList li {
    padding-left:1em;
    padding-right:1em;
  }
}

@media screen and (max-width:560px) {
  .s-checkList li {
    font-size:3vw;
  }
}


/*--------------------------------------------------------------------------------
  写真 + テキスト
--------------------------------------------------------------------------------*/

.s-flexBlock__txt {
  text-align:left;
}

.s-flexBlock__photo {
  text-align:center;
}

.s-flexBlock__photo img {
  border-radius:10px;
}

@media print,screen and (min-width:641px) {
  .s-flexBlock {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
  
  .s-flexBlock__photo {
    width:40%;
  }
  
  .s-flexBlock__photo .s-ofi {
    width:100%;
    height:330px;
    object-fit:cover;
    font-family:"object-fit:cover;"
  }
  
  .s-flexBlock__txt {
    width:-webkit-calc(60% - 4.6%);
    width:calc(60% - 4.6%);
  }
}

@media screen and (max-width:640px) {
  .s-flexBlock__photo img {
    width:100%;
    max-width:480px;
  }
}