#whim_250213 {
  margin: 0 auto;
}
#whim_250213 img {
  display: block;
  width: 100%;
}
#whim_250213 figure {
  margin: 0;
}
#whim_250213 a {
  display: block;
}
#whim_250213 a[href=""] {
  pointer-events: none;
}
#whim_250213 .garamond {
  font-family: "garamond-premier-pro-display", serif;
  font-weight: 300;
  font-style: normal;
  max-width: 500px;
}
#whim_250213 .container {
  width: 95%;
  margin: 20px auto 120px;
  max-width: 400px;
}
#whim_250213 .credit {
  font-size: 12px;
  width: fit-content;
  margin: 20px auto 120px;
}
#whim_250213 .credit a {
  color: #000;
  margin-bottom: 5px;
}
#whim_250213 .top .item_block {
  padding: 50px 0;
}
#whim_250213 .top .item_block .title {
  font-size: 32px;
  padding-left: 20px;
}
#whim_250213 .top .item_block .title.right {
  text-align: right;
  padding-right: 20px;
}
#whim_250213 .top .top_image1 {
  margin: -10px 30px -10px auto;
  width: 60%;
  rotate: 10deg;
}
#whim_250213 .top .top_image2 {
  margin: -10px auto -10px 30px;
  width: 60%;
  rotate: -10deg;
}
#whim_250213 .top .top_com {
  font-size: 11px;
  text-align: center;
  width: 65%;
  line-height: 1.2;
}
#whim_250213 .top .top_com.right {
  margin: 0 0 0 auto;
}
#whim_250213 .top .credit {
  width: 60%;
  margin: 10px auto 0 0;
}
#whim_250213 .top .credit a {
  text-align: center;
}
#whim_250213 .top .credit.right {
  margin: 10px 0 0 auto;
}
#whim_250213 .code {
  margin-top: 80px;
}
#whim_250213 .code .code_title {
  font-size: 40px;
  text-align: center;
  width: fit-content;
  margin: 0 auto 40px;
  background-image: url(../assets/images/bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
#whim_250213 .code .section_title {
  font-size: 24px;
  margin-bottom: 20px;
}
#whim_250213 .code .section_title span {
  font-size: 40px;
  margin-right: 10px;
}
#whim_250213 .code .image_wrap {
  display: flex;
  gap: 5px;
  align-items: center;
}
#whim_250213 .code .image_wrap > ol {
  width: calc(50% - 5px);
}
#whim_250213 .code .image_wrap > ol > li:nth-child(2) {
  margin-top: 5px;
}
#whim_250213 .code .code_com {
  font-size: 12px;
  text-align: center;
  padding: 10px 0;
  width: 80%;
  margin: 0 auto;
  line-height: 1.3;
}
#whim_250213 .code .code_block:nth-of-type(even) .image_wrap {
  flex-direction: row-reverse;
}/*# sourceMappingURL=style.css.map */