@charset "utf-8";

/** ***************************************************************************
 * 会話（大）
 * ************************************************************************* */

#main div.talk-large div.item ~ div.item {
  margin-top: 10px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large {
    letter-spacing: -0.4em;
  }

  body.layout-lower
  #main div.talk-large {
    max-width: none;
    margin-left: -40px;
    margin-right: -40px;
  }

  #main div.talk-large > * {
    letter-spacing: normal;
  }

  #main div.talk-large div.item {
    width: 50%;
    vertical-align: bottom;
    display: inline-block;
  }

}

/** ***************************************************************************
 * まもる
 */

/** ===========================================================================
 * 1
 */

#main div.talk-large div.mamoru-1 {
  padding-top: 13.33vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.mamoru-1 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.mamoru-1 .hukidashi {
  width: 65.33vw;
  margin-top: -13.33vw;
  margin-right: -12vw;
  padding: 12vw 2.66vw 12vw 8vw;
  background: url("../../_image/_common/hukidashi-1.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.mamoru-1 .image {
  width: 22.13vw;
  max-width: 125px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.mamoru-1 {
    padding-top: 100px;
  }

  #main div.talk-large div.mamoru-1 .hukidashi {
    width: 72.10%;
    max-width: 100%;
    margin-top: -100px;
    margin-right: -13.95%;
    padding: 13.95% 5.81% 13.95% 11.62%;
    font-size: 16px;
  }

  #main div.talk-large div.mamoru-1 .image {
    width: 29.06%;
  }

}

/** ===========================================================================
 * 2
 */

#main div.talk-large div.mamoru-2 {
  padding-top: 10.66vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.mamoru-2 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.mamoru-2 .hukidashi {
  width: 69.73vw;
  margin-top: -10.66vw;
  margin-left: -8.66vw;
  padding: 8.66vw 0 8vw 9.33vw;
  background: url("../../_image/_common/hukidashi-2.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.mamoru-2 .image {
  width: 20.93vw;
  max-width: 121px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.mamoru-2 {
    padding-top: 150px;
  }

  #main div.talk-large div.mamoru-2 .hukidashi {
    width: 351px;
    max-width: 100%;
    margin-top: -150px;
    margin-left: 0;
    padding: 50px 40px 50px 50px;
    font-size: 16px;
  }

  #main div.talk-large div.mamoru-2 .image {
    width: 121px;
  }

}

/** ***************************************************************************
 * みこ
 */

/** ===========================================================================
 * 1
 */

#main div.talk-large div.miko-1 {
  padding-top: 20vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.miko-1 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.miko-1 .hukidashi {
  width: 61.33vw;
  margin-top: -20vw;
  margin-left: -8vw;
  padding: 9.33vw 5.33vw 6.66vw 10.66vw;
  background: url("../../_image/_common/hukidashi-2.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.miko-1 .image {
  width: 23.46vw;
  max-width: 134px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.miko-1 {
    padding-top: 130px;
  }

  #main div.talk-large div.miko-1 .hukidashi {
    width: 74.42%;
    max-width: 100%;
    margin-top: -130px;
    margin-left: -9.30%;
    padding: 11.63% 9.30% 13.95% 3.125em;
    font-size: 16px;
  }

  #main div.talk-large div.miko-1 .image {
    width: 31.16%;
  }

}

/** ===========================================================================
 * 2
 */

#main div.talk-large div.miko-2 {
  padding-top: 12vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.miko-2 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.miko-2 .hukidashi {
  width: 65.33vw;
  margin-top: -12vw;
  margin-right: -12vw;
  padding: 10.66vw 9.33vw 12vw 8vw;
  background: url("../../_image/_common/hukidashi-1.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.miko-2 .image {
  width: 24.8vw;
  max-width: 143px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.miko-2 {
    padding-top: 100px;
  }

  #main div.talk-large div.miko-2 .hukidashi {
    width: 72.10%;
    max-width: 100%;
    margin-top: -100px;
    margin-right: -13.95%;
    padding: 13.95% 5.81% 13.95% 11.62%;
    font-size: 16px;
  }

  #main div.talk-large div.miko-2 .image {
    width: 33.25%;
  }

}

/** ===========================================================================
 * 3
 */

#main div.talk-large div.miko-3 {
  padding-top: 25.33vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.miko-3 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.miko-3 .hukidashi {
  width: 82.53vw;
  margin-top: -25.33vw;
  margin-right: -22.66vw;
  padding: 10.66vw 2.66vw 14.66vw 6.66vw;
  background: url("../../_image/_common/hukidashi-3.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.miko-3 .image {
  width: 22.66vw;
  max-width: 125px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.miko-3 {
    padding-top: 0;
  }

  #main div.talk-large div.miko-3 .hukidashi {
    width: 410px;
    max-width: 100%;
    min-width: 400px;
    margin-top: 60px;
    margin-right: 0;
    padding: 45px 50px 45px 50px;
    font-size: 16px;
    background: url("../../_image/_common/hukidashi-4.png") no-repeat;
    background-size: 100% 100%;
  }

  #main div.talk-large div.miko-3 .image {
    width: 209px;
    margin-top: 10px;
  }

}

/** ===========================================================================
 * 4
 */

#main div.talk-large div.miko-4 {
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.miko-4 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.miko-4 .hukidashi {
  width: 57.34vw;
  margin-right: -2.66vw;
  padding: 8vw 10.66vw 8vw 8.66vw;
  background: url("../../_image/_common/hukidashi-5.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.miko-4 .image {
  width: 26.66vw;
  max-width: 142px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.miko-4 {
    width: 100%;
  }

  #main div.talk-large div.miko-4 .hukidashi {
    width: 340px;
    max-width: 100%;
    margin-right: 0;
    margin-top: 40px;
    padding: 5.72% 6.36% 6.36% 5.08%;
    font-size: 16px;
  }

  #main div.talk-large div.miko-4 .image {
    width: 18.06%;
  }

}
/** ===========================================================================
 * 5
 */

#main div.talk-large div.miko-5 {
  padding-top: 12vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.miko-5 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.miko-5 .hukidashi {
  width: 65.33vw;
  margin-top: -12vw;
  margin-right: -12vw;
  padding: 10.66vw 9.33vw 12vw 8vw;
  background: url("../../_image/_common/hukidashi-6.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.miko-5 .image {
  width: 24.8vw;
  max-width: 143px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.miko-5 {
    padding-top: 100px;
  }

  #main div.talk-large div.miko-5 .hukidashi {
    width: 72.10%;
    max-width: 100%;
    margin-top: -100px;
    margin-right: -13.95%;
    padding: 13.95% 5.81% 13.95% 11.62%;
    font-size: 16px;
  }

  #main div.talk-large div.miko-5 .image {
    width: 33.25%;
  }

}

/** ***************************************************************************
 * 病院
 */

/** ===========================================================================
 * 1
 */

#main div.talk-large div.hospital-1 {
  padding-top: 31.06vw;
  letter-spacing: -0.4em;
  text-align: center;
  white-space: nowrap;
}

#main div.talk-large div.hospital-1 > * {
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
}

#main div.talk-large div.hospital-1 .hukidashi {
  width: 64vw;
  margin-top: -31.06vw;
  margin-left: -8vw;
  padding: 12vw 4vw 14.66vw 10.66vw;
  background: url("../../_image/_common/hukidashi-2.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: top;
  display: inline-block;
}

#main div.talk-large div.hospital-1 .image {
  width: 30.66vw;
  max-width: 200px;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-large div.hospital-1 {
    padding-top: 130px;
  }

  #main div.talk-large div.hospital-1 .hukidashi {
    width: 69.77%;
    max-width: 100%;
    margin-top: -130px;
    margin-left: -9.30%;
    padding: 11.63% 8.13% 13.95% 3.125em;
    font-size: 16px;
  }

  #main div.talk-large div.hospital-1 .image {
    width: 46.51%;
  }

}

/** ***************************************************************************
 * 会話（小）
 * ************************************************************************* */

#main div.talk-small div.item {
  padding-left: 10px;
  padding-right: 10px;
  letter-spacing: -0.4em;
}

#main div.talk-small div.item > * {
  letter-spacing: normal;
}

#main div.talk-small div.item ~ div.item {
  margin-top: 20px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-small {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
  }

  #main div.talk-small div.item {
    padding-left: 0;
    padding-right: 0;
  }

}

/** ***************************************************************************
 * 画像
 */

#main div.talk-small .image {
  width: 15%;
  vertical-align: top;
  display: inline-block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-small .image {
    width: 52px;
  }

}

/** ***************************************************************************
 * 会話
 */

#main div.talk-small .text {
  width: 78%;
  margin-top: 0;
  margin-left: 7%;
  padding: 1em;
  border-radius: 0.5em;
  background-color: #fff0b6;
  vertical-align: top;
  display: inline-block;
  position: relative;
  z-index: 2;
}

#main div.talk-small .text::after {
  content: '';
  border-top: 0.71em solid transparent;
  border-left: 2.14em solid transparent;
  border-right: 2.14em solid #fff0b6;
  border-bottom: 0.71em solid transparent;
  display: block;
  position: absolute;
  z-index: 1;
  top: 1em;
  left: -3.5em;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #main div.talk-small .text {
    width: calc(100% - 52px - 25px);
    max-width: 31em;
    margin-left: 25px;
    font-size: 16px;
  }

  #main div.talk-small .text::after {
    border-top-width: 10px;
    border-left-width: 30px;
    border-right-width: 30px;
    border-bottom-width: 10px;
    left: -45px;
  }

}

/** ***************************************************************************
 * テキスト
 * ************************************************************************* */

/* ルビ */

.ruby {
  position: relative;
  z-index: 1;
}

.ruby::before {
  content: attr(data-ruby);
  max-width: none;
  min-width: 100%;
  line-height: 1.2;
  font-size: 0.625em;
  text-align: center;
  white-space: nowrap;
  display: block;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  position: absolute;
  z-index: 1;
  top: -1em;
  left: 50%;
}

/* 改行位置の調整 */

.break {
  vertical-align: middle;
  display: inline-block;
}

/* インデント */

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.indent-2 {
  padding-left: 1.75em;
  text-indent: -1.75em;
}

/* 注釈など */

.note {
  line-height: 1.6;
  font-size: 10px;
}

.note　+ *,
* + .note {
  margin-top: 5px;
}

/* キャプション */

.caption {
  line-height: 1.6;
  font-size: 10px;
}

.caption　+ *,
* + .caption {
  margin-top: 5px;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  /* 注釈など */

  .note {
    font-size: 12px;
  }

  /* キャプション */

  .caption {
    font-size: 12px;
  }

}

/** ***************************************************************************
 * リンク要素
 * ************************************************************************* */

/* PC時に電話番号のリンクを解除 */

html:not(.mobile)
.tel-link {
  cursor: default;
  color: inherit;
  pointer-events: none;
  text-decoration: none;
}

/* SP時にモーダルウィンドウで表示 */

.modal-sp {
  display: block;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  .modal-sp {
    pointer-events: none;
  }

}

/** ***************************************************************************
 * ボタン
 * ************************************************************************* */

.button-style {
  margin: 0;
  padding: 0.5em 1em;
  padding-right: 2em;
  cursor: pointer;
  color: #fff !important;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
  display: inline-block;
  transition: opacity 0.3s ease-in-out 0.0s;
}

.button-style:hover {
  opacity: 0.8;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  .button-style {
    min-width: 200px;
    font-size: inherit;
  }

}

/** ***************************************************************************
 * 「看護師になるには」ページ色
 */

.button-style.button-become {
  background-image: url("../../_image/_common/button-bg-become.png");
}

/** ***************************************************************************
 * 「看護職のキャリア」ページ色
 */

.button-style.button-career {
  background-image: url("../../_image/_common/button-bg-career.png");
}

/** ***************************************************************************
 * 「PRツール」ページ色
 */

.button-style.button-pr {
  background-image: url("../../_image/_common/button-bg-pr.png");
}

/** ***************************************************************************
 * テーブル
 * ************************************************************************* */

table.default { border-collapse:collapse; }

table.default + * { margin-top:1.5em; }

* + table.default { margin-top:1.5em; }

table.default > tbody > tr > th {
  font-weight: normal;
  border: solid 1px #ccc;
}

table.default > tbody > tr > th[scope="col"] {
  background-color: #f0f0f0;
}

table.default > tbody > tr > th[scope="row"] {
  background-color: #fafafa;
}

table.default > tbody > tr > td {
  border: solid 1px #ccc;
  background-color: #fff;
}

/** ***************************************************************************
 * 表示／非表示
 * ************************************************************************* */

.active-pc {
  position: fixed;
  top: -100%;
  left: -100%;
  z-index: -99999;
}

br.active-pc {
  display: none;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  .active-sp {
    position: fixed;
    top: -100%;
    left: -100%;
    z-index: -99999;
  }

  br.active-sp {
    display: none;
  }

  .active-pc {
    position: static;
    z-index: inherit;
  }

  br.active-pc {
    display: inline;
  }

}
/** ***************************************************************************
 * PR動画
 */

#pr div.movie-list div.item {
  color: #fff;
  font-weight: 400;
}

#pr div.movie-list div.item a {
  color: inherit;
  text-decoration: none;
  display: block;
}

#pr div.movie-list div.item ~ div.item {
  margin-top: 20px;
}

#pr div.movie-list div.item div.content {
  padding: 15px;
  border-radius: 10px;
  background: url("../../_image/_common/bg-3.png");
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:801px) {

  #pr div.movie-list {
    max-width: none;
    margin-left: -25px;
    margin-right: -25px;
    margin-bottom: -50px;
    letter-spacing: -0.4em;
    overflow: hidden;
  }

  #pr div.movie-list > * {
    letter-spacing: normal;
  }

  #pr div.movie-list div.item {
    width: 50%;
    margin-bottom: 50px;
    padding-left: 25px;
    padding-right: 25px;
    vertical-align: top;
    display: inline-block;
  }

  #pr div.movie-list div.item ~ div.item {
    margin-top: 0;
  }

}

/** ===========================================================================
 * タイトル
 */

#pr div.movie-list div.item .title {
  margin-bottom: 15px;
  text-align: center;
}

/**#pr div.movie-list div.item .title::before {
  content: '\f0da';
  margin-right: 10px;
  line-height: 1;
  font-family: icomoon;
  font-size: 1.25em;
  vertical-align: middle;
  display: inline-block;
}*/

#pr div.movie-list div.item .title + * {
  margin-top: 0;
}

/** ===========================================================================
 * 動画
 */

#pr div.movie-list div.item div.movie {
  padding-bottom: 56.25%;
  position: relative;
  z-index: 1;
}

#pr div.movie-list div.item div.movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}