/*
Theme Name: サニースクエア
*/

/* 使用カラー */
:root {
  --terracotta: #ff9b18;
  --darkOrange: #ff7a00;
  --orange: #fda925;
  --yellow: #F3C13B;
  --lightOrange: #FBDCB4;
  --tintOrange: #FEF4E7;
  --gray: #2C3840;
  --black: #26221D;
  --white: #ffffff;
}
/* 使用カラー
:root {
  --terracotta: #E4633A;
  --darkOrange: #E07C15;
  --orange: #F89733;
  --lightOrange: #FBDCB4;
  --tintOrange: #FEF4E7;
  --gray: #4A443D;
  --black: #26221D;
  --white: #ffffff;
} */


:root {
  --shadow: 0.2rem 0.2rem 0.3rem #33333380;
  --grayShadow: 0.2rem 0.2rem 0.3rem #33333340;
  --lightShadow: 0.2rem 0.2rem 0.3rem #7C766D;
  --whiteShadow: 0.2rem 0.2rem 0.3rem #fff;
}


/* 使用フォント */
:root {
  --ZenMaru: "Zen Maru Gothic", sans-serif;
  --NotoSans: "Noto Sans JP", sans-serif;
}


body {
  /* max-width: 1280px; */
  width: 100%;
  min-height: 100vh;
  font-family: var(--ZenMaru);
  font-family: var(--NotoSans);
  position: relative;
  overflow-x: hidden;
  margin: 0 auto;
  color: #333;
}

body::-webkit-scrollbar {
  display: none;
}


html {
  /* font-size: min(calc(10 / 1280 * 100vw), 10px); */
  font-size: calc(10 / 1440 * 100vw);
  /* 画面幅1280pxで10px*/
  /* overflow-y: overlay; */
}

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

.pc_only {
  display: block!important;
}

.sp_only {
  display: none!important;
}


/*fade表示関連*/

.fade_in {
  opacity: 0;
  transition: opacity 2.0s cubic-bezier(0, 0.42, 0.58, 1);
  /* transition: opacity 1.5s cubic-bezier(0, 0.42, 0.58, 1); */
  /* transform: translateY(-2rem); */
}

.fade_up {
  transform: translateY(2vw);
  opacity: 0;
  transition: all 1.2s cubic-bezier(0, 0.42, 0.58, 1);
}

.fade_in.show {
  opacity: 1;
  transition-duration: 0.5s;
}

.fade_up.show {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


.mv {
  position: relative;
  height: 20rem;
  margin-top: 7rem;
}
.mv_title {
  font-size: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

a:hover{
  opacity: 0.7;
}


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

  .pc_only {
    display: none!important;
  }

  .sp_only {
    display: block!important;
  }

}