@media only screen and (max-width: 1423px) {
  .cake {
    width: 40.47786367vw;
    margin-bottom: 7.23822909vw;
  }
  .cake .intro {
    font-size: 1.40548138vw;
  }
  .cake .desc .name {
    font-size: 1.68657765vw;
  }
}
@media only screen and (max-width: 1024px) {
  /*1024px*/
  #resinfo {
    padding: 3em 0 8em;
  }
  #resinfo .list {
    width: 100%;
    margin-bottom: 2em;
  }
  #resinfo .list .intro,
  #resinfo .list .readmore {
    padding-right: 0;
  }
  #resinfo .info {
    width: 100%;
  }
  #resinfo .confirm {
    padding-right: 0;
  }
  /*1024px*/
  #healthcare {
    padding: 3em 0 8em;
  }
  #healthcare .title {
    font-size: 2em;
  }
  #healthcare li {
    width: 50%;
  }
  /*1024px*/
  #back {
    width: 4.5em;
  }
  #back a {
    width: auto;
  }
  /*1024px*/
  #columnname {
    clear: both;
    margin: 0 auto;
    font-size: 2.75em;
  }
  /*1024px*/
  #thrombosis {
    padding: 2em 0 5em;
  }
  #thrombosis .list li {
    width: 100%;
  }
  /*1024px*/
  .tpname {
    margin-bottom: 1em;
  }
  /*1024px*/
  #thrombosis01 .item {
    width: 100%;
    margin-bottom: 1em;
  }
  /*1024px*/
  #thrombosis02 {
    margin-bottom: 2em;
  }
  #thrombosis02 .excerpt,
  #thrombosis02 .list {
    margin-bottom: 2em;
  }
  /*1024px*/
  #thrombosis03 {
    padding-bottom: 2em;
  }
  #thrombosis03 .tpname {
    margin-bottom: 1em;
  }
  #thrombosis03 .man {
    width: 100%;
    margin-bottom: 2em;
  }
  #thrombosis03 .man img {
    width: 30%;
    margin: 0 auto;
  }
  #thrombosis03 .info {
    width: 100%;
  }
  #thrombosis03 .tab {
    width: 100%;
    margin-bottom: 1.5em;
  }
  #thrombosis03 .tab ul {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -moz-flex-flow: wrap;
    -ms-flex-flow: wrap;
    -o-flex-flow: wrap;
    flex-flow: wrap;
  }
  #thrombosis03 .tab li {
    width: 20%;
  }
  #thrombosis03 .list {
    width: 100%;
  }
  #thrombosis03 .post .text {
    width: 100%;
    margin-bottom: 1.5em;
    text-align: center;
  }
  #thrombosis03 .post .title {
    text-align: center;
    width: 100%;
  }
  #thrombosis03 .post .icon {
    width: 100%;
  }
  #thrombosis03 .post .icon img {
    margin: 0 auto;
  }
  #thrombosis03 .post .intro {
    width: 100%;
    padding: 1.5em 2em;
  }
  #thrombosis03 .item:nth-child(n+1) .text {
    transform: none;
  }
  /*1024px*/
  #training {
    padding: 1em 0 2em;
  }
  #training .text {
    width: 100%;
    margin-bottom: 2em;
  }
  #training .maga {
    width: 100%;
  }
  /*1024px*/
  #sodium {
    padding: 1em 0 2.5em;
  }
  #sodium .text {
    padding-right: 0;
    margin-bottom: 2em;
  }
  #sodium .figure {
    width: 100%;
    transform: none;
  }
  #sodium .item:nth-child(1) .text {
    padding-right: 0;
  }
  /*1024px*/
  #indications {
    padding-bottom: 2em;
  }
  #indications .tips {
    justify-content: flex-start;
    padding-top: 0;
  }
  #indications .tips span {
    margin: 0 1em 0 0;
  }
  /*1024px*/
  .cake {
    width: auto;
  }
  .cake .desc .name {
    font-size: 1.125em;
  }
  .cake .intro {
    font-size: 1em;
  }
  /*1024px*/
  .indlist .item {
    margin-bottom: 1em;
  }
  /*1024px*/
  .puzzle {
    width: auto;
  }
  #materials .tips {
    position: static;
  }
}
@media only screen and (max-width: 640px) {
  #resource {
    min-height: calc(100vh - 54px);
  }
}