@charset "UTF-8";

/* Scss Document */

.body {

  position: relative; }



.txt_header h1 {

  color: #008fc9;

  position: relative;

  padding: 55px 0 0 0; }

  .txt_header h1:before {

    position: absolute;

    content: "";

    background: url("../images/common/icon_nephrology.svg") center top no-repeat;

    background-size: contain;

    display: block;

    width: 60px;

    height: 55px;

    top: 0;

    left: 50%;

    -webkit-transform: translate(-50%, 0%);

    /* Safari用 */

    transform: translate(-50%, 0%); }



/***************************************/

/************************************************************/

.mv {

  background: url("../images/nephrology_training_program/mv.png") center center no-repeat #f5fbfe;

  height: 300px;

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  background-size: cover; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .mv {

    background: url("../images/nephrology_training_program/mv.png") center center no-repeat #f5fbfe;

    background-size: cover;

    height: 240px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mv {

    background: url("../images/nephrology_training_program/mv.png") center center no-repeat #f5fbfe;

    background-size: cover;

    height: 200px; } }

/*max-width:480px*/

/************************************************************/

.box {

  max-width: 1280px;

  width: calc(100% - 80px);

  margin: 0 auto; }

  .box h2 {

    color: #a0d1f1;

    font: 70px/1.0em 'Barlow', sans-serif;

    font-weight: 500;

    font-style: italic;

    margin: 0 0 15px; }

  .box .h2 {

    color: #fff;

    background-color: #30a6df;

    padding: 0 10px 3px;

    font: 19px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    margin: 0 0 40px;

    display: inline-block; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .box {

    width: calc(100% - 60px); } }

/*max-width:768px*/

@media (max-width: 480px) {

  .box {

    width: calc(100% - 40px); }

    .box h2 {

      font: 60px/1.0em 'Barlow', sans-serif;

      font-weight: 500;

      font-style: italic; }

    .box .h2 {

      font: 16px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500; } }

/*max-width:480px*/

/************************************************************/

.features {

  padding: 70px 0 45px; }

  .features dl {

    counter-reset: number 0;

    max-width: 1080px;

    width: 100%;

    margin: 0 auto; }

  .features dt {

    position: relative;

    padding: 0 0 0 90px;

    min-height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: flex-start;

    color: #008fc9;

    font: 20px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 700;

    margin: 0 0 5px; }

    .features dt:before {

      position: absolute;

      counter-increment: number 1;

      content: "0" counter(number);

      font: 68px/1.0em 'Barlow', sans-serif;

      font-weight: 300;

      font-style: italic;

      color: #5fb4e6;

      left: 0;

      top: 0; }

  .features dd {

    font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    text-align: justify;

    text-justify: inter-ideograph;

    margin: 0 0 40px; }



/*max-width:1280px*/

/*max-width:1024px*/

/*max-width:768px*/

@media (max-width: 480px) {

  .features {

    padding: 50px 0 50px; }

    .features dl {

      counter-reset: number 0;

      max-width: 1080px;

      width: 100%;

      margin: 0 auto; }

    .features dt {

      padding: 0 0 0 80px;

      min-height: 60px;

      font: 18px/1.3em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      margin: 0 0 10px; }

      .features dt:before {

        font: 60px/1.0em 'Barlow', sans-serif;

        font-weight: 300;

        font-style: italic; }

    .features dd {

      font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; } }

/*max-width:480px*/

/************************************************************/

.license div {

  max-width: 960px;

  width: 100%;

  border: 1px solid #ccc;

  margin: 0 auto 100px; }

.license ul {

  max-width: 900px;

  width: 100%;

  padding: 50px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start; }

.license li {

  font: 15px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

  font-weight: 400;

  position: relative;

  padding: 0 0 0 20px; }

  .license li:before {

    position: absolute;

    content: "";

    display: block;

    width: 15px;

    height: 15px;

    background-color: #a0d1f1;

    border-radius: 50%;

    left: 0;

    top: 6px; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .license div {

    margin: 0 auto 100px; }

  .license ul {

    max-width: 900px;

    width: 100%;

    padding: 30px 20px 20px;

    flex-direction: row; }

  .license li {

    width: 100%;

    position: relative;

    padding: 0 0 0 20px;

    margin: 0 0 15px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .license div {

    margin: 0 auto 100px; }

  .license ul {

    max-width: 900px;

    width: 100%;

    padding: 30px 20px 20px;

    flex-direction: column; }

  .license li {

    width: 100%;

    position: relative;

    padding: 0 0 0 20px;

    margin: 0 0 15px; } }

/*max-width:768px*/

/************************************************************/

.program div {

  max-width: 1080px;

  width: 100%;

  margin: 0 auto 200px; }

.program img {

  max-width: 100%; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .program div {

    max-width: 1080px;

    width: 100%;

    margin: 0 auto 150px; }

  .program img {

    max-width: 100%; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .program div {

    max-width: 1080px;

    width: 100%;

    margin: 0 auto 120px; } }

/*max-width:480px*/