#cover {
  width: 100%;
  padding: 0 0 calc(114 / 750 * 100vw);
}
#cover > picture {
  display: block;
  width: 100%;
}
#cover > picture > img {
  width: 100%;
  height: auto;
}
#cover > div {
  display: grid;
  grid-template: auto auto auto auto/auto;
  width: 100%;
  margin: calc(67 / 750 * 100vw) 0 0;
}
#cover > div > h3 {
  width: calc(398 / 750 * 100vw);
  margin: 0 auto;
  transform: scale(0.9);
}
#cover > div > h3 > img {
  width: 100%;
  height: auto;
}
#cover > div > h2 {
  width: fit-content;
  margin: calc(57 / 750 * 100vw) auto 0;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(50 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(216, 34%, 68%);
}
#cover > div > a:nth-of-type(1) {
  display: block;
  width: calc(700 / 750 * 100vw);
  position: relative;
  margin: calc(32 / 750 * 100vw) auto 0;
}
#cover > div > a:nth-of-type(1) > div {
  width: 100%;
  height: calc(394 / 750 * 100vw);
  overflow: hidden;
}
#cover > div > a:nth-of-type(1) > div > img {
  width: 100%;
  height: auto;
}
#cover > div > a:nth-of-type(1)::after {
  content: "PLAY";
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(190 / 750 * 100vw);
  height: calc(60 / 750 * 100vw);
  position: absolute;
  inset: auto calc(-15 / 750 * 100vw) calc(-30 / 750 * 100vw) auto;
  padding: 0 0 0.1em 0;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-size: calc(26 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 100%);
  background: hsl(216, 34%, 68%);
  clip-path: polygon(14.2105263158% 0%, 100% 0%, 85.7894736842% 100%, 0% 100%);
}
#cover > div > a:nth-of-type(2) {
  width: calc(430 / 750 * 100vw);
  margin: calc(110 / 750 * 100vw) auto 0;
}
#cover > div > a:nth-of-type(2) > figure > figcaption > picture {
  width: calc(430 / 750 * 100vw);
}
#cover > div > a:nth-of-type(2) > figure > figcaption > picture > img {
  width: 100%;
  height: auto;
}
#cover > div > a:nth-of-type(2) > figure > div {
  width: calc(425 / 750 * 100vw);
  margin: calc(13 / 750 * 100vw) auto 0;
}
#cover > div > a:nth-of-type(2) > figure > div > img {
  width: 100%;
  height: auto;
}

#newasc {
  width: 100%;
  margin: calc(85 / 750 * 100vw) 0 0;
  padding: 0 0 calc(51 / 750 * 100vw);
}
#newasc > h2 {
  width: fit-content;
  margin: 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#newasc > .splide {
  width: 100%;
  margin: calc(31 / 750 * 100vw) 0 0;
}
#newasc > .splide .splide__slide > a {
  display: block;
  width: 100%;
  height: calc(690 / 750 * 100vw);
  overflow: hidden;
}
#newasc > .splide .splide__slide > a > img {
  width: 100%;
  height: auto;
}

#posts {
  width: calc(700 / 750 * 100vw);
  margin: calc(50 / 750 * 100vw) auto 0;
  padding: 0 0 calc(87 / 750 * 100vw);
}
#posts > hgroup {
  width: 100%;
  position: relative;
}
#posts > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(-5 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#posts > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#posts > hgroup > a {
  display: block;
  width: fit-content;
  position: absolute;
  inset: auto 0 0 auto;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#posts #postsgrid {
  width: 100%;
  margin: calc(33 / 750 * 100vw) 0 0;
}
#posts #postsgrid > div {
  display: grid;
  grid-template: calc(368 / 750 * 100vw) calc(340 / 750 * 100vw) calc(340 / 750 * 100vw) calc(340 / 750 * 100vw)/calc(263 / 750 * 100vw) calc(111 / 750 * 100vw) calc(286 / 750 * 100vw);
  gap: calc(20 / 750 * 100vw);
  width: 100%;
}
#posts #postsgrid > div > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: hsl(0, 0%, 97%);
}
#posts #postsgrid > div > div > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#posts #postsgrid > div > div > a {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0 auto auto 0;
  text-decoration: none;
  background: linear-gradient(hsla(0, 0%, 0%, 0) 60%, hsla(0, 0%, 0%, 0.65));
}
#posts #postsgrid > div > div > a > hgroup {
  display: grid;
  grid-template: 1fr auto/auto;
  gap: calc(6 / 750 * 100vw);
  width: 100%;
  height: 100%;
  padding: 0 0 calc(19 / 750 * 100vw);
}
#posts #postsgrid > div > div > a > hgroup > h3 {
  grid-row: 1/2;
  grid-column: 1/2;
  align-self: end;
  padding: 0 0 0 calc(19 / 750 * 100vw);
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  color: hsl(0, 0%, 100%);
}
#posts #postsgrid > div > div > a > hgroup > p {
  grid-row: 2/3;
  grid-column: 1/2;
  padding: 0 0 0 calc(21 / 750 * 100vw);
  font-weight: 400;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1;
  color: hsl(0, 0%, 100%);
}
#posts #postsgrid > div.postcontainer_pc {
  display: none;
}

#season {
  width: 100%;
  margin: calc(80 / 750 * 100vw) 0 0;
  padding: 0 0 calc(64 / 750 * 100vw);
}
#season > hgroup {
  width: calc(700 / 750 * 100vw);
  margin: 0 auto;
}
#season > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(-5 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#season > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#season > div {
  width: 100%;
  overflow: auto hidden;
  margin: calc(34 / 750 * 100vw) 0 0;
  padding: 0 calc(25 / 750 * 100vw);
}
#season > div > nav {
  display: flex;
  gap: calc(18 / 750 * 100vw);
  width: calc(2254 / 750 * 100vw);
}
#season > div > nav > li {
  width: calc(550 / 750 * 100vw);
}
#season > div > nav > li > a {
  width: 100%;
}
#season > div > nav > li > a > figure {
  width: 100%;
  padding: 0 0 calc(36 / 750 * 100vw);
}
#season > div > nav > li > a > figure > div {
  width: 100%;
  height: calc(550 / 750 * 100vw);
  overflow: hidden;
}
#season > div > nav > li > a > figure > div > img {
  width: 100%;
  height: auto;
}
#season > div > nav > li > a > figure > figcaption {
  width: fit-content;
  margin: calc(21 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 0%);
}

#monthly {
  width: calc(700 / 750 * 100vw);
  margin: calc(65 / 750 * 100vw) auto 0;
  padding: 0 0 calc(180 / 750 * 100vw);
}
#monthly > hgroup {
  width: calc(700 / 750 * 100vw);
  margin: 0 auto;
}
#monthly > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(-5 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(20em / 1000);
  color: hsl(0, 1%, 45%);
}
#monthly > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#monthly > nav {
  display: flex;
  flex-wrap: wrap;
  gap: calc(13 / 750 * 100vw) calc(6 / 750 * 100vw);
  width: 100%;
  margin: calc(32 / 750 * 100vw) 0 0;
}
#monthly > nav > li {
  width: calc(347 / 750 * 100vw);
}
#monthly > nav > li > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 0 calc(21 / 750 * 100vw);
  background: hsl(0, 0%, 97%);
}
#monthly > nav > li > a > figure > div {
  width: 100%;
  overflow: hidden;
}
#monthly > nav > li > a > figure > div > img {
  width: 100%;
  height: auto;
}
#monthly > nav > li > a > figure > figcaption {
  width: 100%;
  min-height: calc(64 / 750 * 100vw);
  margin: calc(24 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(32 / 750 * 100vw);
  letter-spacing: calc(50em / 1000);
  text-align: center;
  word-break: keep-all;
  color: hsl(0, 0%, 0%);
}
#monthly > nav > li > a > p {
  width: 100%;
  margin: calc(15 / 750 * 100vw) 0 0;
  font-weight: 350;
  font-size: calc(20 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(50em / 1000);
  text-align: center;
  color: hsl(0, 0%, 0%);
}

#salon {
  width: 100%;
  height: calc(966 / 750 * 100vw);
  position: relative;
  padding: calc(56 / 750 * 100vw) 0 0;
  background: linear-gradient(hsla(356, 100%, 39%, 0) 69.4616977226%, hsl(356, 100%, 39%) 69.4616977226%);
}
#salon > div {
  width: calc(750 / 750 * 100vw);
  height: calc(671 / 750 * 100vw);
  margin: 0;
  padding: calc(85 / 750 * 100vw) 0 0;
  background: hsl(0, 0%, 97%);
}
#salon > div > hgroup {
  width: calc(700 / 750 * 100vw);
  margin: 0 auto;
}
#salon > div > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(28 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#salon > div > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0 calc(33 / 750 * 100vw);
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#salon > div > nav {
  display: flex;
  flex-wrap: wrap;
  gap: calc(46 / 750 * 100vw);
  width: fit-content;
  margin: calc(53 / 750 * 100vw) 0 0 calc(79 / 750 * 100vw);
}
#salon > div > nav > li > a {
  display: block;
  width: fit-content;
  position: relative;
  padding: 0 0 0 calc(53 / 750 * 100vw);
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#salon > div > nav > li > a::before {
  content: "";
  display: block;
  width: calc(40 / 750 * 100vw);
  height: 0;
  position: absolute;
  inset: calc(50% + 0.1em) auto auto 0;
  border-bottom: calc(1 / 750 * 100vw) solid hsl(0, 0%, 27%);
}
#salon > img {
  display: block;
  position: absolute;
}
#salon > img:nth-of-type(1) {
  width: calc(670 / 750 * 100vw);
  height: auto;
  inset: calc(520 / 750 * 100vw) 0 auto auto;
}
#salon > img:nth-of-type(2) {
  width: calc(252 / 750 * 100vw);
  height: auto;
  inset: calc(425 / 750 * 100vw) calc(24 / 750 * 100vw) auto auto;
}

#natural {
  width: calc(700 / 750 * 100vw);
  margin: calc(181 / 750 * 100vw) auto 0;
  padding: 0 0 calc(74 / 750 * 100vw);
}
#natural > hgroup {
  width: calc(700 / 750 * 100vw);
  margin: 0 auto;
}
#natural > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(-5 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#natural > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#natural nav {
  display: grid;
  grid-template: auto auto auto/auto auto;
  gap: calc(6 / 750 * 100vw) calc(8 / 750 * 100vw);
  width: calc(700 / 750 * 100vw);
  margin: calc(85 / 750 * 100vw) auto 0;
}
#natural nav > li > a > figure {
  position: relative;
}
#natural nav > li > a > figure > div {
  overflow: hidden;
}
#natural nav > li > a > figure > div > img {
  width: 100%;
  height: auto;
}
#natural nav > li > a > figure > figcaption {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(151 / 750 * 100vw);
  height: calc(38 / 750 * 100vw);
  position: absolute;
  inset: auto 0 0 auto;
  padding: 0 0 0.1em;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(18 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(50em / 1000);
  color: hsl(0, 0%, 100%);
  background: hsl(0, 1%, 45%);
}
#natural nav > li:nth-of-type(1) {
  grid-row: 1/2;
  grid-column: 1/2;
}
#natural nav > li:nth-of-type(1) > a > figure > div {
  width: calc(346 / 750 * 100vw);
  height: calc(486 / 750 * 100vw);
}
#natural nav > li:nth-of-type(2) {
  grid-row: 1/2;
  grid-column: 2/3;
}
#natural nav > li:nth-of-type(2) > a > figure > div {
  width: calc(346 / 750 * 100vw);
  height: calc(486 / 750 * 100vw);
}
#natural nav > li:nth-of-type(3) {
  grid-row: 2/3;
  grid-column: 1/3;
}
#natural nav > li:nth-of-type(3) > a > figure > div {
  width: calc(700 / 750 * 100vw);
  height: calc(316 / 750 * 100vw);
}
#natural nav > li:nth-of-type(4) {
  grid-row: 3/4;
  grid-column: 1/3;
}
#natural nav > li:nth-of-type(4) > a > figure > div {
  width: calc(700 / 750 * 100vw);
  height: calc(316 / 750 * 100vw);
}

#synergy {
  width: 100%;
  margin: calc(70 / 750 * 100vw) 0 0;
  padding: 0 0 calc(110 / 750 * 100vw);
  background: linear-gradient(hsla(0, 0%, 97%, 0) 2.2343324251%, hsl(0, 0%, 97%) 2.2343324251%, hsl(0, 0%, 97%) 96.1852861035%, hsla(0, 0%, 97%, 0) 96.1852861035%);
}
#synergy > hgroup {
  width: calc(700 / 750 * 100vw);
  margin: 0 auto;
}
#synergy > hgroup > h2 {
  width: fit-content;
  margin: 0 0 0 calc(-5 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#synergy > hgroup > p {
  width: fit-content;
  margin: calc(14 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: calc(36 / 750 * 100vw);
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 27%);
}
#synergy > nav {
  display: flex;
  flex-wrap: wrap;
  gap: calc(38 / 750 * 100vw);
  width: calc(700 / 750 * 100vw);
  margin: calc(33 / 750 * 100vw) auto 0;
}
#synergy > nav > li > a > figure > picture {
  display: block;
  width: calc(700 / 750 * 100vw);
  height: calc(400 / 750 * 100vw);
  overflow: hidden;
}
#synergy > nav > li > a > figure > picture > img {
  width: 100%;
  height: auto;
}
#synergy > nav > li > a > figure > figcaption {
  width: fit-content;
  margin: calc(30 / 750 * 100vw) 0 0;
  font-weight: 500;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(100em / 1000);
  color: hsl(0, 0%, 0%);
}
#synergy > nav > li > a > h3 {
  width: fit-content;
  margin: calc(28 / 750 * 100vw) 0 0;
  font-weight: 400;
  font-size: calc(20 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(50em / 1000);
  color: hsl(0, 0%, 0%);
}

#about {
  display: grid;
  grid-template: auto auto auto/auto;
  width: 100%;
  margin: calc(100 / 750 * 100vw) 0 0;
  padding: 0 0 calc(35 / 750 * 100vw);
}
#about > h2 {
  grid-row: 1/2;
  grid-column: 1/2;
  width: fit-content;
  margin: 0 0 0 calc(21 / 750 * 100vw);
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(60 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 1%, 45%);
}
#about > nav {
  grid-row: 3/4;
  grid-column: 1/2;
  display: flex;
  flex-wrap: wrap;
  width: calc(700 / 750 * 100vw);
  margin: calc(16 / 750 * 100vw) auto 0;
}
#about > nav > li {
  width: 100%;
  border-top: calc(2 / 750 * 100vw) solid hsl(0, 0%, 92%);
}
#about > nav > li:first-of-type {
  border-top: none;
}
#about > nav > li > a {
  display: block;
  width: 100%;
  position: relative;
  padding: calc(28 / 750 * 100vw) 0;
  font-weight: 400;
  font-size: calc(24 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(50em / 1000);
  color: hsl(0, 0%, 0%);
}
#about > picture {
  grid-row: 2/3;
  grid-column: 1/2;
  width: 100%;
  margin: calc(30 / 750 * 100vw) auto 0;
}
#about > picture > img {
  width: 100%;
  height: auto;
}

#youtubedialog {
  width: calc(740 / 750 * 100vw);
  height: calc(449 / 750 * 100vw);
  margin: auto auto;
  padding: calc(24 / 750 * 100vw) 0 0;
  border: none;
  transition: opacity 0.7s;
}
#youtubedialog #youtubeplayer {
  width: calc(676 / 750 * 100vw);
  height: calc(380 / 750 * 100vw);
}
#youtubedialog::backdrop {
  background: hsl(0, 0%, 100%);
  transition: opacity 0.7s;
}
#youtubedialog[open] {
  opacity: 1;
}
@starting-style {
  #youtubedialog[open] {
    opacity: 0;
  }
}
#youtubedialog[open]::backdrop {
  opacity: 1;
}
@starting-style {
  #youtubedialog[open]::backdrop {
    opacity: 0;
  }
}
#youtubedialog > button {
  appearance: none;
  position: absolute;
  inset: 0 0 auto auto;
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: calc(16 / 750 * 100vw);
  line-height: 1;
  letter-spacing: calc(25em / 1000);
  color: hsl(0, 0%, 0%);
  background: none;
  border: none;
}
@media print, screen and (min-width:769px) {
  #cover {
    padding: 0 0 min(calc(88 / 1920 * 100vw), 88px);
  }
  #cover > picture {
    width: min(calc(1920 / 1920 * 100vw), 1920px);
    margin: 0 auto;
  }
  #cover > div {
    display: grid;
    grid-template: auto auto/1fr min(calc(862 / 1920 * 100vw), 862px) 1fr;
    gap: min(calc(32 / 1920 * 100vw), 32px) 0;
    width: min(calc(1632 / 1920 * 100vw), 1632px);
    margin: min(calc(114 / 1920 * 100vw), 114px) auto 0;
  }
  #cover > div > h3 {
    grid-row: 2/3;
    grid-column: 1/2;
    justify-self: end;
    align-self: center;
    width: min(calc(358 / 1920 * 100vw), 358px);
    margin: 0;
  }
  #cover > div > h2 {
    grid-row: 1/2;
    grid-column: 1/4;
    justify-self: center;
    margin: 0;
    font-size: min(calc(37 / 1920 * 100vw), 37px);
  }
  #cover > div > a:nth-of-type(1) {
    grid-row: 2/3;
    grid-column: 2/3;
    justify-self: center;
    width: min(calc(720 / 1920 * 100vw), 720px);
    height: min(calc(403 / 1920 * 100vw), 403px);
    margin: 0;
  }
  #cover > div > a:nth-of-type(1) > div {
    height: min(calc(450 / 1920 * 100vw), 450px);
  }
  #cover > div > a:nth-of-type(1) > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #cover > div > a:nth-of-type(1)::after {
    width: min(calc(140 / 1920 * 100vw), 140px);
    height: min(calc(44 / 1920 * 100vw), 44px);
    inset: auto min(calc(-41 / 1920 * 100vw), -41px) min(calc(-22 / 1920 * 100vw), -22px) auto;
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    clip-path: polygon(19.2857142857% 0%, 100% 0%, 80.7142857143% 100%, 0% 100%);
  }
  #cover > div > a:nth-of-type(1):hover > div > img {
    transform: scale(1.07);
  }
  #cover > div > a:nth-of-type(2) {
    grid-row: 2/3;
    grid-column: 3/4;
    justify-self: end;
    align-self: center;
    width: min(calc(308 / 1920 * 100vw), 308px);
    margin: 0;
  }
  #cover > div > a:nth-of-type(2) > figure > figcaption > picture {
    width: min(calc(307 / 1920 * 100vw), 307px);
  }
  #cover > div > a:nth-of-type(2) > figure > div {
    width: min(calc(304 / 1920 * 100vw), 304px);
    height: min(calc(120 / 1920 * 100vw), 120px);
    margin: min(calc(19 / 1920 * 100vw), 19px) auto 0;
  }
  #cover > div > a:nth-of-type(2) > figure > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #cover > div > a:nth-of-type(2):hover > figure > div > img {
    transform: scale(1.07);
  }
  #newasc {
    margin: min(calc(80 / 1920 * 100vw), 80px) 0 0;
    padding: 0 0 min(calc(55 / 1920 * 100vw), 55px);
  }
  #newasc > h2 {
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #newasc > .splide {
    margin: min(calc(30 / 1920 * 100vw), 30px) 0 0;
  }
  #newasc > .splide .splide__slide > a {
    height: min(calc(605 / 1920 * 100vw), 605px);
  }
  #newasc > .splide .splide__slide > a > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #newasc > .splide .splide__slide > a:hover > img {
    transform: scale(1.07);
  }
  #posts {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: min(calc(50 / 1920 * 100vw), 50px) auto 0;
    padding: 0 0 min(calc(63 / 1920 * 100vw), 63px);
  }
  #posts > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #posts > hgroup > p {
    margin: min(calc(2 / 1920 * 100vw), 2px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #posts > hgroup > a {
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
    transition: opacity 0.3s;
  }
  #posts > hgroup > a:hover {
    opacity: 0.7;
  }
  #posts #postsgrid {
    margin: min(calc(35 / 1920 * 100vw), 35px) 0 0;
  }
  #posts #postsgrid > div {
    grid-template: min(calc(440 / 1920 * 100vw), 440px) min(calc(440 / 1920 * 100vw), 440px)/min(calc(340 / 1920 * 100vw), 340px) min(calc(538 / 1920 * 100vw), 538px) min(calc(512 / 1920 * 100vw), 512px) min(calc(340 / 1920 * 100vw), 340px);
    gap: min(calc(30 / 1920 * 100vw), 30px);
  }
  #posts #postsgrid > div > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #posts #postsgrid > div > div:has(> a:hover) > img {
    transform: scale(1.07);
  }
  #posts #postsgrid > div > div > a > hgroup {
    gap: min(calc(6 / 1920 * 100vw), 6px);
    padding: 0 0 min(calc(27 / 1920 * 100vw), 27px);
  }
  #posts #postsgrid > div > div > a > hgroup > h3 {
    padding: 0 0 0 min(calc(21 / 1920 * 100vw), 21px);
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    line-height: min(calc(32 / 1920 * 100vw), 32px);
  }
  #posts #postsgrid > div > div > a > hgroup > p {
    padding: 0 0 0 min(calc(23 / 1920 * 100vw), 23px);
    font-size: min(calc(14 / 1920 * 100vw), 14px);
  }
  #posts #postsgrid > div.postcontainer_sp {
    display: none;
  }
  #posts #postsgrid > div.postcontainer_pc {
    display: grid;
  }
  #season {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: min(calc(55 / 1920 * 100vw), 55px) auto 0;
    padding: 0 0 min(calc(59 / 1920 * 100vw), 59px);
  }
  #season > hgroup {
    width: 100%;
    margin: 0 auto;
  }
  #season > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #season > hgroup > p {
    margin: min(calc(2 / 1920 * 100vw), 2px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #season > div {
    width: 100%;
    overflow: hidden;
    margin: min(calc(33 / 1920 * 100vw), 33px) 0 0;
    padding: 0;
  }
  #season > div > nav {
    gap: min(calc(16 / 1920 * 100vw), 16px);
    width: 100%;
  }
  #season > div > nav > li {
    width: min(calc(443 / 1920 * 100vw), 443px);
  }
  #season > div > nav > li > a {
    width: 100%;
  }
  #season > div > nav > li > a > figure {
    width: 100%;
    padding: 0 0 min(calc(26 / 1920 * 100vw), 26px);
  }
  #season > div > nav > li > a > figure > div {
    height: min(calc(444 / 1920 * 100vw), 444px);
  }
  #season > div > nav > li > a > figure > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #season > div > nav > li > a > figure > figcaption {
    margin: min(calc(14 / 1920 * 100vw), 14px) 0 0;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    line-height: min(calc(26 / 1920 * 100vw), 26px);
  }
  #season > div > nav > li > a:hover > figure > div > img {
    transform: scale(1.07);
  }
  #monthly {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: min(calc(50 / 1920 * 100vw), 50px) auto 0;
    padding: 0 0 min(calc(111 / 1920 * 100vw), 111px);
  }
  #monthly > hgroup {
    width: 100%;
    margin: 0 auto;
  }
  #monthly > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #monthly > hgroup > p {
    margin: min(calc(2 / 1920 * 100vw), 2px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #monthly > nav {
    gap: min(calc(8 / 1920 * 100vw), 8px);
    margin: min(calc(34 / 1920 * 100vw), 34px) 0 0;
  }
  #monthly > nav > li {
    width: min(calc(449 / 1920 * 100vw), 449px);
  }
  #monthly > nav > li > a {
    padding: 0 0 min(calc(44 / 1920 * 100vw), 44px);
  }
  #monthly > nav > li > a > figure > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #monthly > nav > li > a > figure > figcaption {
    min-height: min(calc(48 / 1920 * 100vw), 48px);
    margin: min(calc(37 / 1920 * 100vw), 37px) 0 0;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    line-height: min(calc(24 / 1920 * 100vw), 24px);
  }
  #monthly > nav > li > a > p {
    margin: min(calc(17 / 1920 * 100vw), 17px) 0 0;
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #monthly > nav > li > a:hover > figure > div > img {
    transform: scale(1.07);
  }
  #salon {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    height: min(calc(517 / 1920 * 100vw), 517px);
    margin: 0 auto;
    padding: 0;
    background: linear-gradient(90deg, hsla(356, 100%, 39%, 0) 50%, hsl(356, 100%, 39%) 50%);
  }
  #salon > div {
    width: min(calc(980 / 1920 * 100vw), 980px);
    height: 100%;
    margin: 0;
    padding: min(calc(18 / 1920 * 100vw), 18px) 0 0;
  }
  #salon > div > hgroup {
    width: min(calc(570 / 1920 * 100vw), 570px);
    margin: 0 0 0 min(calc(37 / 1920 * 100vw), 37px);
  }
  #salon > div > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
    line-height: 1;
  }
  #salon > div > hgroup > p {
    margin: min(calc(1 / 1920 * 100vw), 1px) 0 0;
    font-size: min(calc(20 / 1920 * 100vw), 20px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #salon > div > nav {
    gap: min(calc(25 / 1920 * 100vw), 25px);
    width: min(calc(570 / 1920 * 100vw), 570px);
    margin: min(calc(130 / 1920 * 100vw), 130px) 0 0 min(calc(78 / 1920 * 100vw), 78px);
  }
  #salon > div > nav > li {
    width: 100%;
  }
  #salon > div > nav > li > a {
    padding: 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(30 / 1920 * 100vw), 30px);
    transition: opacity 0.3s;
  }
  #salon > div > nav > li > a::before {
    display: none;
  }
  #salon > div > nav > li > a:hover {
    opacity: 0.7;
  }
  #salon > img:nth-of-type(1) {
    width: min(calc(778 / 1920 * 100vw), 778px);
    inset: min(calc(46 / 1920 * 100vw), 46px) min(calc(131 / 1920 * 100vw), 131px) auto auto;
  }
  #salon > img:nth-of-type(2) {
    width: min(calc(338 / 1920 * 100vw), 338px);
    inset: min(calc(257 / 1920 * 100vw), 257px) min(calc(961 / 1920 * 100vw), 961px) auto auto;
  }
  #natural {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: min(calc(94 / 1920 * 100vw), 94px) auto 0;
    padding: 0 0 min(calc(65 / 1920 * 100vw), 65px);
  }
  #natural > hgroup {
    width: 100%;
    margin: 0 auto;
  }
  #natural > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #natural > hgroup > h2 > br {
    display: none;
  }
  #natural > hgroup > p {
    margin: min(calc(2 / 1920 * 100vw), 2px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #natural nav {
    grid-template: auto auto/auto auto auto;
    gap: min(calc(6 / 1920 * 100vw), 6px);
    width: 100%;
    margin: min(calc(36 / 1920 * 100vw), 36px) auto 0;
  }
  #natural nav > li > a > figure > div {
    overflow: hidden;
  }
  #natural nav > li > a > figure > div > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #natural nav > li > a > figure > figcaption {
    width: min(calc(140 / 1920 * 100vw), 140px);
    height: min(calc(36 / 1920 * 100vw), 36px);
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: 1;
  }
  #natural nav > li > a:hover > figure > div > img {
    transform: scale(1.07);
  }
  #natural nav > li:nth-of-type(1) {
    grid-row: 1/3;
    grid-column: 1/2;
  }
  #natural nav > li:nth-of-type(1) > a > figure > div {
    width: min(calc(510 / 1920 * 100vw), 510px);
    height: min(calc(716 / 1920 * 100vw), 716px);
  }
  #natural nav > li:nth-of-type(2) {
    grid-row: 1/3;
    grid-column: 2/3;
  }
  #natural nav > li:nth-of-type(2) > a > figure > div {
    width: min(calc(510 / 1920 * 100vw), 510px);
    height: min(calc(716 / 1920 * 100vw), 716px);
  }
  #natural nav > li:nth-of-type(3) {
    grid-row: 1/2;
    grid-column: 3/4;
  }
  #natural nav > li:nth-of-type(3) > a > figure > div {
    width: min(calc(787 / 1920 * 100vw), 787px);
    height: min(calc(355 / 1920 * 100vw), 355px);
  }
  #natural nav > li:nth-of-type(4) {
    grid-row: 2/3;
    grid-column: 3/4;
  }
  #natural nav > li:nth-of-type(4) > a > figure > div {
    width: min(calc(787 / 1920 * 100vw), 787px);
    height: min(calc(355 / 1920 * 100vw), 355px);
  }
  #synergy {
    width: 100%;
    margin: min(calc(72 / 1920 * 100vw), 72px) 0 0;
    padding: 0 0 min(calc(71 / 1920 * 100vw), 71px);
    background: linear-gradient(hsla(0, 0%, 97%, 0) 4.7952047952%, hsl(0, 0%, 97%) 4.7952047952%, hsl(0, 0%, 97%) 74.7252747253%, hsla(0, 0%, 97%, 0) 74.7252747253%);
  }
  #synergy > hgroup {
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: 0 auto;
  }
  #synergy > hgroup > h2 {
    margin: 0 0 0 min(calc(-2 / 1920 * 100vw), -2px);
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #synergy > hgroup > p {
    margin: min(calc(2 / 1920 * 100vw), 2px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
  }
  #synergy > nav {
    gap: min(calc(79 / 1920 * 100vw), 79px);
    width: min(calc(1600 / 1920 * 100vw), 1600px);
    margin: min(calc(60 / 1920 * 100vw), 60px) auto 0;
  }
  #synergy > nav > li {
    width: min(calc(480 / 1920 * 100vw), 480px);
  }
  #synergy > nav > li > a > figure > picture {
    width: min(calc(480 / 1920 * 100vw), 480px);
    height: min(calc(680 / 1920 * 100vw), 680px);
  }
  #synergy > nav > li > a > figure > picture > img {
    transform-origin: center;
    transition: transform 0.8s;
  }
  #synergy > nav > li > a > figure > figcaption {
    margin: min(calc(29 / 1920 * 100vw), 29px) 0 0;
    font-size: min(calc(20 / 1920 * 100vw), 20px);
  }
  #synergy > nav > li > a > h3 {
    margin: min(calc(19 / 1920 * 100vw), 19px) 0 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
  }
  #synergy > nav > li > a:hover > figure > picture > img {
    transform: scale(1.07);
  }
  #about {
    display: grid;
    grid-template: auto auto/auto auto;
    width: min(calc(1820 / 1920 * 100vw), 1820px);
    margin: min(calc(75 / 1920 * 100vw), 75px) auto 0;
    padding: 0 0 min(calc(38 / 1920 * 100vw), 38px);
  }
  #about > h2 {
    grid-row: 1/2;
    grid-column: 1/2;
    margin: 0;
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: min(calc(60 / 1920 * 100vw), 60px);
  }
  #about > nav {
    grid-row: 1/2;
    grid-column: 2/3;
    justify-self: end;
    align-self: end;
    justify-content: end;
    gap: min(calc(51 / 1920 * 100vw), 51px);
    width: min(calc(910 / 1920 * 100vw), 910px);
    margin: 0;
  }
  #about > nav > li {
    width: fit-content;
    border-top: none;
  }
  #about > nav > li > a {
    width: fit-content;
    padding: 0;
    font-size: min(calc(18 / 1920 * 100vw), 18px);
    line-height: min(calc(28 / 1920 * 100vw), 28px);
    transition: opacity 0.3s;
  }
  #about > nav > li > a:hover {
    opacity: 0.7;
  }
  #about > picture {
    grid-row: 2/3;
    grid-column: 1/3;
    width: 100%;
    margin: min(calc(27 / 1920 * 100vw), 27px) auto 0;
  }
  #youtubedialog {
    width: min(calc(1200 / 1920 * 100vw), 1200px);
    height: min(calc(699 / 1920 * 100vw), 699px);
    padding: min(calc(24 / 1920 * 100vw), 24px) 0 0;
  }
  #youtubedialog #youtubeplayer {
    width: min(calc(1200 / 1920 * 100vw), 1200px);
    height: min(calc(675 / 1920 * 100vw), 675px);
  }
  #youtubedialog > button {
    font-size: min(calc(16 / 1920 * 100vw), 16px);
    transition: opacity 0.3s;
    cursor: pointer;
  }
  #youtubedialog > button:hover {
    opacity: 0.7;
  }
}