/* CSS Document */
.res_block {
  display: none !important; }

.res_none {
  display: block !important; }

.res_center {
  text-align: left !important; }

@media screen and (max-width: 850px) {
  .res_block {
    display: block !important; }

  .res_none {
    display: none !important; }

  .res_center {
    text-align: center !important; }

  .right_res_center {
    text-align: center !important; } }
.center {
  text-align: center !important; }

.a_left {
  text-align: left !important; }

.a_right {
  text-align: right !important; }

.center_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center; }

.bold {
  font-weight: bold; }

.flex_5 {
  margin: 3rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  box-sizing: border-box; }
  @media screen and (max-width: 850px) {
    .flex_5 {
      display: none; } }
  .flex_5 > div {
    padding: 0.4%;
    margin: 0;
    width: 18%; }

ul.list_none li {
  list-style-type: none;
  padding-inline-start: 1rem; }

a.fuwa img {
  transition: transform 0.3s ease-out; }
a.fuwa:hover img {
  transform: translateY(-5px); }

.doctor_name {
  font-size: 1.25rem !important;
  font-weight: bold;
  color: #1866CF; }

.lyric_japanese {
  color: #777;
  font-style: italic; }

.flex_doctor {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  box-sizing: border-box; }
  .flex_doctor > div:nth-child(1) {
    width: 59%;
    order: 1; }
    @media screen and (max-width: 767px) {
      .flex_doctor > div:nth-child(1) {
        width: 100%;
        order: 2; } }
  .flex_doctor > div:nth-child(2) {
    width: 36%;
    order: 2;
    text-align: center;
    padding: 0 1rem; }
    .flex_doctor > div:nth-child(2) figure {
      margin: 3rem 0; }
      @media screen and (max-width: 767px) {
        .flex_doctor > div:nth-child(2) figure {
          margin: 1rem; } }
    .flex_doctor > div:nth-child(2) img {
      border-radius: 1rem; }
    @media screen and (max-width: 767px) {
      .flex_doctor > div:nth-child(2) {
        width: 100%;
        order: 1; } }