@charset "UTF-8";
@media screen and (min-width: 1024px), print {
  .medical-records .ctnMain_content .listIndent, .medical-records .ctnMain_content .listNumber {
    display: grid;
    row-gap: 1em;
    margin-block: 1em;
  }
  .medical-records .ctnMain_content .listIndent > li b, .medical-records .ctnMain_content .listNumber > li b {
    display: block;
  }
  .medical-records .ctnMain_content .listIndent > li > .listDot, .medical-records .ctnMain_content .listNumber > li > .listDot {
    text-indent: -3px;
  }
  .medical-records .ctnMain_content .lineflex > li .rg {
    padding-left: 1em;
    text-indent: -1em;
  }
  .medical-records .ctnMain_content .listChart {
    display: grid;
    gap: 2em 1em;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 40px;
  }
  .medical-records .ctnMain_content .listChart__item {
    -moz-border-radius: 10px;
         border-radius: 10px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    background-color: #9f5cd1;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01) {
    position: relative;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01)::before {
    content: "↓";
    display: inline-block;
    font-size: 3rem;
    color: #000;
    position: absolute;
    left: 50%;
    top: -90%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .medical-records .ctnMain_content .listChart__item.item_01 {
    grid-row: 1;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_02 {
    grid-row: 2;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_03 {
    grid-row: 3;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_04 {
    grid-row: 4;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_05 {
    grid-row: 3;
    grid-column: 2/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_06 {
    grid-row: 4;
    grid-column: 2/3;
  }
  .medical-records .ctnMain_content .listChart__item.item_07 {
    grid-row: 4;
    grid-column: 3/4;
  }
  .medical-records .ctnMain_content .listNumber_01 {
    display: grid;
    row-gap: 10px;
    margin-block: 1em;
    counter-reset: ol;
  }
  .medical-records .ctnMain_content .listNumber_01 > li {
    position: relative;
    counter-increment: ol;
    padding-left: 3em;
  }
  .medical-records .ctnMain_content .listNumber_01 > li::before {
    content: "※" counter(ol) "...";
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .medical-records .ctnMain_content .listIndent, .medical-records .ctnMain_content .listNumber {
    display: grid;
    row-gap: 1.1730205279vw;
    margin-block: 1em;
  }
  .medical-records .ctnMain_content .listIndent > li b, .medical-records .ctnMain_content .listNumber > li b {
    display: block;
  }
  .medical-records .ctnMain_content .listIndent > li > .listDot > li, .medical-records .ctnMain_content .listNumber > li > .listDot > li {
    text-indent: -3px;
    text-indent: -0.0977517107vw;
  }
  .medical-records .ctnMain_content .lineflex > li .rg {
    padding-left: 1em;
    text-indent: -1em;
  }
  .medical-records .ctnMain_content .listChart {
    display: grid;
    gap: 2em 1em;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 4.1055718475vw;
  }
  .medical-records .ctnMain_content .listChart__item {
    -moz-border-radius: 1.1730205279vw;
         border-radius: 1.1730205279vw;
    padding: 1.1730205279vw 0;
    color: #fff;
    text-align: center;
    background-color: #9f5cd1;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01) {
    position: relative;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01)::before {
    content: "↓";
    display: inline-block;
    font-size: 3.128054741vw;
    color: #000;
    position: absolute;
    left: 50%;
    top: -90%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .medical-records .ctnMain_content .listChart__item.item_01 {
    grid-row: 1;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_02 {
    grid-row: 2;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_03 {
    grid-row: 3;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_04 {
    grid-row: 4;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_05 {
    grid-row: 3;
    grid-column: 2/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_06 {
    grid-row: 4;
    grid-column: 2/3;
  }
  .medical-records .ctnMain_content .listChart__item.item_07 {
    grid-row: 4;
    grid-column: 3/4;
  }
  .medical-records .ctnMain_content .listNumber_01 {
    display: grid;
    row-gap: 1.1730205279vw;
    margin-block: 1em;
    counter-reset: ol;
  }
  .medical-records .ctnMain_content .listNumber_01 > li {
    position: relative;
    counter-increment: ol;
    padding-left: 3em;
  }
  .medical-records .ctnMain_content .listNumber_01 > li::before {
    content: "※" counter(ol) "...";
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .medical-records .ctnMain_content .listIndent, .medical-records .ctnMain_content .listNumber {
    display: grid;
    row-gap: 3.125vw;
    margin-block: 1em;
  }
  .medical-records .ctnMain_content .listIndent > li b, .medical-records .ctnMain_content .listNumber > li b {
    display: block;
  }
  .medical-records .ctnMain_content .listIndent > li > .listDot > li, .medical-records .ctnMain_content .listNumber > li > .listDot > li {
    text-indent: -0.1302083333vw;
  }
  .medical-records .ctnMain_content .lineflex > li .rg {
    padding-left: 1em;
    text-indent: -1em;
  }
  .medical-records .ctnMain_content .listChart {
    display: grid;
    gap: 2em 1em;
    grid-template-rows: repeat(4, 1fr);
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: 7.03125vw;
  }
  .medical-records .ctnMain_content .listChart__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-border-radius: 3.125vw;
         border-radius: 3.125vw;
    padding: 3.125vw 0;
    color: #fff;
    text-align: center;
    background-color: #9f5cd1;
    position: relative;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01) {
    position: relative;
  }
  .medical-records .ctnMain_content .listChart__item:not(.item_01)::before {
    content: "↓";
    display: inline-block;
    font-size: 4.9479166667vw;
    color: #000;
    position: absolute;
    left: 50%;
    top: -45%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .medical-records .ctnMain_content .listChart__item.item_01 {
    grid-row: 1;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_02 {
    grid-row: 2;
    grid-column: 1/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_03 {
    grid-row: 3;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_04 {
    grid-row: 4;
    grid-column: 1;
  }
  .medical-records .ctnMain_content .listChart__item.item_05 {
    grid-row: 3;
    grid-column: 2/4;
  }
  .medical-records .ctnMain_content .listChart__item.item_06 {
    grid-row: 4;
    grid-column: 2/3;
  }
  .medical-records .ctnMain_content .listChart__item.item_07 {
    grid-row: 4;
    grid-column: 3/4;
  }
  .medical-records .ctnMain_content .listNumber_01 {
    display: grid;
    row-gap: 3.125vw;
    margin-block: 1em;
    counter-reset: ol;
  }
  .medical-records .ctnMain_content .listNumber_01 > li {
    position: relative;
    counter-increment: ol;
    padding-left: 3em;
  }
  .medical-records .ctnMain_content .listNumber_01 > li::before {
    content: "※" counter(ol) "...";
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
  }
}