/* ==========================================
   Media Query Mixins
   ========================================== */
main {
  background: var(--bg2);
}

.photo {
  background: var(--br);
  padding: 45rem 10rem 50rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.photo__ttl {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 45rem;
}
.photo__ttl-en {
  width: 170rem;
  margin-bottom: 12rem;
}
.photo__ttl-jp {
  color: #fff;
  font-size: 16rem;
  font-weight: 400;
}
.photo__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20rem 10rem;
}
.photo__menu {
  text-decoration: none;
  position: relative;
}
.photo__menu-thumb {
  box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.16);
  margin-bottom: 10rem;
}
.photo__menu-ttl-en {
  color: #3B2205;
  font-family: "Tangerine", cursive;
  font-size: 30rem;
  text-shadow: 0 0 4rem white;
  transform: rotate(-15deg);
  position: absolute;
  bottom: 17rem;
  left: 0;
}
.photo__menu-ttl-jp {
  color: #fff;
  font-size: 14rem;
  font-weight: 400;
  text-align: center;
}

.studio {
  padding-top: 70rem;
}

/*# sourceMappingURL=style.css.map */