/*
Theme Name: 特定相談支援事業所　あんど．すまいる
Author: ANDSMILE Member
Description: 特定相談支援事業所　あんど．すまいるのWebサイトです。
*/


/* 使用カラー */
:root {
  --black: #484848;
  --navygreen: #006368;
  --white: #F5F5F5;
}

/* 使用フォント */
:root {
  --FiraSans: "Fira Sans Condensed", sans-serif;
  /* Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800 Black 900 */
  --Montserrat: "Montserrat", sans-serif;
  /* Regular 400 SemiBold 600 Bold 700 */
  --Lato: "Lato", sans-serif;
  /* Regular 400 Bold 700 Black 900 */
  --NotoSans: "Noto Sans JP", sans-serif;
  /* Regular 400 Medium 500 SemiBold 600 Bold 700 */
  --NotoSerif: 'Noto Serif JP', serif;
  /* Regular 400 Medium 500 Bold 700 */
}


body {
  min-height: 100vh;
  /* min-height: -webkit-fill-available; */
  font-family: var(--NotoSans);
  z-index: 0;
  position: relative;
}

html {
  font-size: min(calc(10 / 1920 * 100vw), 10px);
  /* 画面幅1920pxで10px*/
  /* overflow-y: overlay; */
  color: var(--black);
  /* height: -webkit-fill-available; */

}

a {
  text-decoration: none;
}

ul {
  list-style: none;
  padding-left: 0;
}


img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}


.my_loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  animation: my_fadeOutBackground 1.0s 1.5s forwards;
}

.my_loading img {
  opacity: 0;
  animation: my_logo_fade 1s 0.1s forwards;
  width: 250px;
  /* ロゴのサイズ（パソコン） */
}

@media screen and (max-width: 699.98px) {
  html {
    font-size: calc(10 / 375 * 100vw);
    /* 画面幅375pxで10px*/
  }

  .pc_only {
    display: none;
  }

  .sp_only {
    display: block;
  }
}