@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
@import "../normalize.css";
@import "../common.css";
/*=================================
  医院のご案内
==================================*/
/*
#header li.nav02 a {	background-position:-156px -80px;}
*/
#box * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.case__list .case__sections {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 24px;
}
.case__list .case__sections section:nth-child(n+2) {
  border-top: 1px dotted #0068b7;
  padding-top: 24px;
}
.case__list .case__sections .subHeading {
  font-weight: bold;
  font-size: 24px;
  color: #0068b7;
}
.case__list .case__sections ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.case__list .case__sections ul li {
  width: 50%;
  padding: 1em;
}
.case__list .case__sections ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 0.5em;
  text-decoration: none;
}
.case__list .case__sections ul li .thumb img {
  display: block;
  width: 100%;
  height: auto;
}
.case__list .case__sections ul li span {
  display: block;
  text-align: center;
  font-weight: bold;
}

.case__single .single__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1px;
}
.case__single .single__info .info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.case__single .single__info .info__item dt, .case__single .single__info .info__item dd {
  padding: 0.5em 1em;
  font-size: 16px;
  line-height: 1.8;
}
.case__single .single__info .info__item dt {
  width: 35%;
  font-weight: bold;
  background-color: #d8f0fc;
  color: #0068b7;
}
.case__single .single__info .info__item dd {
  width: 65%;
  background-color: #ebf7fd;
}
.case__single .single__figure {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
}
.case__single .single__figure .before,
.case__single .single__figure .after {
  display: block;
  margin: 0a;
  padding: auto;
}
.case__single .single__figure .before figcaption,
.case__single .single__figure .after figcaption {
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #0068b7;
}
.case__single .single__figure .before .img,
.case__single .single__figure .after .img {
  margin-top: 1em;
}
.case__single .single__figure .before .img img,
.case__single .single__figure .after .img img {
  display: block;
  width: 100%;
  height: auto;
}
.case__single .single__risk {
  margin-top: 40px;
}
.case__single .single__risk .subHeading {
  display: block;
  font-weight: bold;
  font-size: 24px;
  color: #0068b7;
}
.case__single .single__risk .risk__list li {
  margin-top: 0.5em;
  text-indent: -1em;
  padding-left: 1em;
}