@charset "UTF-8";
/* --- @mixin box-center
-------------------------------------------*/
/* ---スマホ用フォントサイズ
-------------------------------------------*/
/* ---PC用フォントサイズ（max-1100px）
-------------------------------------------*/
/* ---フォントタイプ指定
-------------------------------------------*/
/* ---カラー指定
-------------------------------------------*/
/* --- PC/SP　メディアクエリ
-------------------------------------------*/
/* ---フォントサイズ指定
-------------------------------------------*/
.w100 {
  font-weight: 100; }

.w200 {
  font-weight: 200; }

.w300 {
  font-weight: 300; }

.w400 {
  font-weight: 400; }

.w500 {
  font-weight: 500; }

.w700 {
  font-weight: 700; }

.w900 {
  font-weight: 900; }

@media screen and (max-width: 750px) {
  .pc-on {
    display: none; } }
@media screen and (min-width: 751px) {
  .pc-on {
    display: inline; } }

@media screen and (min-width: 751px) {
  .sp-on {
    display: none; } }
@media screen and (max-width: 750px) {
  .sp-on {
    display: inline; } }

@media (min-width: 751px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none; } }
.txt-l {
  text-align: left; }

.txt-c {
  text-align: center; }

.txt-r {
  text-align: right; }

table {
  width: 100%; }

img {
  vertical-align: bottom; }

a:hover {
  opacity: .6;
  transition: .5s; }

/* fadeUp */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-out;
  opacity: 0; }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger {
  opacity: 0; }

/* --- medicalページ専用
-------------------------------------------*/
body.medical {
  background: #b8d2e9;
  /* タイトル（アンダーラインあり）　*/ }
  body.medical .header__cv__contact .icon, body.medical .lp-nayami__list__item__img {
    filter: invert(37%) sepia(7%) saturate(4715%) hue-rotate(167deg) brightness(94%) contrast(87%); }
  body.medical .lp-fv__tl {
    position: absolute;
    width: 70%;
    top: 4.5vw;
    left: 25vw; }
    @media screen and (min-width: 751px) {
      body.medical .lp-fv__tl {
        width: 50%;
        left: 30vw; } }
  body.medical .lp-intro__midashi, body.medical .lp-nayami__midashi, body.medical .lp-nayami__list__item__tl, body.medical .lp-kaiketsu__midashi__txt, body.medical .lp-voice__box__name__notes {
    color: #244562; }
  body.medical .header__cv__contact a {
    color: #30689a; }
  body.medical .lp-nayami__list__item__tlbox, body.medical .header__cv__contact {
    background: #dce9f4; }
  body.medical .main-tl, body.medical .lp-voice__box__name__profile, body.medical .profile__table__tl span, body.medical .header__cv__consult {
    background: #30689a; }
  body.medical .lp-support__subtl {
    color: #244562; }
  body.medical .lp-support__subtl__num {
    color: #fff;
    background: #e45b18; }
  body.medical .lp-support__subtl__txt:before {
    background: #244562; }
  body.medical .btn__financing {
    background: #dce9f4;
    border: 1px solid #244562; }
  body.medical .btn__financing:before {
    color: #30689a; }
  body.medical .btn__financing:visited {
    color: #244562; }
  body.medical .lp-seminer__main {
    background: url("../images/medical/lp/seminer-bg-sp.png") no-repeat;
    background-size: cover; }
    @media screen and (min-width: 751px) {
      body.medical .lp-seminer__main {
        background: url("../images/medical/lp/seminer-bg-pc.png") no-repeat; } }
  body.medical .lp-seminer__list__item {
    color: #244562; }
    body.medical .lp-seminer__list__item span {
      background: linear-gradient(transparent 70%, #fabb9d 30%); }
  body.medical .tl-under {
    color: #244562;
    text-align: center;
    font-size: 16px;
    font-size: 5vw; }
    @media screen and (min-width: 751px) {
      body.medical .tl-under {
        margin-bottom: min(50px, 5.5vw);
        font-size: min(3.64vw, 40px); } }
  body.medical .tl-under:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    display: inline-block;
    width: 30vw;
    height: 2px;
    background-color: #050534;
    background: #244562; }
    @media screen and (min-width: 751px) {
      body.medical .tl-under:before {
        bottom: -15px;
        width: 10vw; } }
  body.medical .lp-voice__box__name {
    background: #b8d2e9 url("../images/lp/voice-profile-img.svg") no-repeat top right;
    background-size: 20%; }
    @media screen and (min-width: 751px) {
      body.medical .lp-voice__box__name {
        background-size: 13%; } }
  body.medical .omoi__box {
    background-size: contain; }
  body.medical .seminer .main-tl {
    background: #d7f54c;
    color: #050534; }
  @media screen and (max-width: 750px) {
    body.medical .lp-nayami__list__item__tlbox {
      justify-content: center; } }
  body.medical .seminer .tl-under {
    font-size: 14px;
    font-size: 4.375vw; }
    @media screen and (min-width: 751px) {
      body.medical .seminer .tl-under {
        font-size: min(2.18vw, 24px); } }
  body.medical .lp-nayami__list {
    flex-wrap: wrap; }
  @media screen and (min-width: 751px) {
    body.medical .lp-nayami__list__item {
      width: calc(25% - 5px);
      margin-bottom: 15px; } }

/* --- TOP fv
-------------------------------------------*/
body.medical .top-fv {
  position: relative;
  height: 54.27vw;
  background: url("../images/medical/top/fv-bg.jpg") no-repeat top center;
  background-size: 100%; }
  @media screen and (min-width: 751px) {
    body.medical .top-fv {
      height: 35vw;
      background: url("../images/medical/top/fv-bg.jpg") no-repeat bottom center;
      background-size: cover; } }
  body.medical .top-fv__tl__sub {
    color: #244562; }
  body.medical .top-fv__tl__sub:before {
    background: #244562; }
  body.medical .top-fv__tl__main {
    color: #244562; }
body.medical .top-intro .normal {
  padding-bottom: .5rem; }
body.medical .bg-g {
  background: #dce9f4; }
body.medical .jobs {
  background: #e1e1e9 url("../images/medical/top/seminer-bg.png") no-repeat center bottom; }
  body.medical .jobs__tl {
    background: #fabb9d;
    color: #244562; }
body.medical .top-intro__midashi {
  color: #244562; }