@charset "UTF-8";
/* SCSSの読み込み */
@import url(all_ent.css);
/*===============================================
  切り替え用
===============================================*/
html {
  font-size: clamp(14px, 1.1034482759vw, 16px);
}

.pc-none {
  display: none !important;
}

a[href^="tel:"] {
  pointer-events: none;
}

/*===============================================
  wrapper
===============================================*/
#wrapper {
  min-width: 1200px;
  overflow: hidden;
}

/*===============================================
  header
===============================================*/
#header .header__logo {
  width: clamp(172px, 13.4375vw, 258px);
  aspect-ratio: 258/142;
  background: var(--color-blue);
  border-bottom-right-radius: clamp(54px, 4.1666666667vw, 80px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#header .header__logo img {
  width: 78.6822%;
}
#header .header__ig {
  width: clamp(94px, 7.2916666667vw, 140px);
  aspect-ratio: 7/6;
  background: var(--color-pink);
  border-bottom-left-radius: clamp(60px, 4.6875vw, 90px);
  padding-left: clamp(16px, 1.25vw, 24px);
  padding-bottom: clamp(18px, 1.3541666667vw, 26px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
#header .header__ig img {
  width: 37.9312%;
}

/*===============================================
  footer
===============================================*/
/*コピーライト
-----------------------------*/
.copy {
  padding-block: calc((1.875rem - 1em) / 2);
}

/*===============================================
  main#container
===============================================*/
/*===============================================
  エントランスページ
===============================================*/
.entrance {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: clamp(620px, 48.4375vw, 930px);
  min-height: calc(100svh - 1.875rem);
}
.entrance__box {
  outline-width: clamp(28px, 2.1875vw, 42px);
  outline-offset: clamp(-42px, -2.1875vw, -28px);
}
.entrance__box::before {
  height: 67.957%;
}
.entrance__item {
  width: 64.792%;
  max-width: 38.875rem;
}