.guide-link--main {
  display: flex;
  width: 100%;
  padding-left:0.8rem;
  flex-direction: column;
}

.page-rule {
  gap: 1.2rem;
}
.page-rule--list{
  gap:2rem;
  width: 47rem;
}
.page-rule--list-item > div .num:first-child{position: relative; top:0;}

.page-rule--list-item .katex-display{display: inline-block; font-size: 1.6rem;}
.page-rule--list-item{padding-left: 2.6rem; font-size: 1.8rem;}

.page-rule--list-item .num ~ .num{transform: translateY(-0.1rem);}


.page-main{
  padding-bottom: 4rem;
  position: relative;
  background: url(./images/bg.jpg) no-repeat 100% 12rem / 34.5rem;
}




[data-drag-target]::after{
  display: none;
}
.bg {
  position: absolute;
  top: 3.3rem;
  left: 23.5rem;
  width: 25rem;
  height: 27.8rem;
  z-index: 3;
  pointer-events: none;
  /* transform: translate(-50%, -50%); */
}

[data-drag-object] {
  width: 4rem !important;
  height: 4rem !important;
}
[data-drag-object] .rotate {display: none;}
[data-drag-object] [data-drag-rotate="item"]::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: .1rem dashed rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.05);
  position: absolute;
  z-index: 2;
}
[data-drag-object][data-reverse-y="true"][data-reverse-x="true"] [data-drag-rotate="item"] svg{transform: scaleY(-1) scaleX(-1);}
[data-drag-object][data-reverse-y="true"] [data-drag-rotate="item"] svg{transform: scaleY(-1);}
[data-drag-object][data-reverse-x="true"] [data-drag-rotate="item"] svg{transform: scaleX(-1);}
[data-drag-object].disabled{opacity: 0;}

[data-drag-rotate="item"] svg {position: absolute;}

.ex1 {
  margin-top: 0;
}
[data-drag-rotate="item"] svg,
[data-drag-rotate="item"] img{pointer-events: none;}
[data-drag-group="object"]{
  position: absolute;
}
.ex1 [data-drag-target="1"]{
  border:1px solid #E2E2E2;
  border-radius: 2rem;
  background-color: #fff;
}
[data-drag-group="target"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

[data-drag-item="object"][data-value="1"] {
  position: absolute;
  top: 23.4rem;
  left: 36.5rem;
}
[data-drag-item="object"][data-value="2"] {
  position: absolute;
  top: 26.4rem;
  left: 34.6rem;
}
[data-drag-item="object"][data-value="3"] {
  position: absolute;
  top: 24.6rem;
  left: 31.5rem;
}
[data-drag-item="object"][data-value="4"] {
  position: absolute;
  top: 21.5rem;
  left: 33.3rem;
}
[data-drag-item="object"][data-value="5"] {
  position: absolute;
  top: 15.2rem;
  left: 25.3rem;
}


[data-drag-object="1"]:hover svg path{fill:#E8C88A !important;}
[data-drag-object="1"] [data-drag-rotate="item"] svg{
  width: 5.4rem;
  height: 9.1rem;
  left: calc(50% - 2.7rem);
  top: calc(50% - 4.55rem);
}
[data-drag-object="2"]:hover svg path{fill:#A7C4E2 !important;}
[data-drag-object="2"] [data-drag-rotate="item"] svg{
  width: 9.1rem;
  height: 5.4rem;
  left: calc(50% - 4.55rem);
  top: calc(50% - 2.7rem);
}
[data-drag-object="3"]:hover svg path{fill:#EAA8B2 !important;}
[data-drag-object="3"] [data-drag-rotate="item"] svg{
  width: 5.4rem;
  height: 9.1rem;
  left: calc(50% - 2.7rem);
  top: calc(50% - 4.55rem);
}
[data-drag-object="4"]:hover svg path{fill:#B7ACE4 !important;}
[data-drag-object="4"] [data-drag-rotate="item"] svg{
  width: 9.1rem;
  height: 5.4rem;
  left: calc(50% - 4.55rem);
  top: calc(50% - 2.7rem);
}
[data-drag-object="5"]:hover svg path{fill:#91CED3 !important;}
[data-drag-object="5"] [data-drag-rotate="item"] svg{
  width: 7.6rem;
  height: 7.6rem;
  left: calc(50% - 3.8rem);
  top: calc(50% - 3.8rem);
}

[data-drag-object].disabled{opacity: 0;}

[data-drag-object]:focus{outline: 0 !important;}
[data-drag-object]:focus svg {
  outline:1px solid #000;
  outline-offset: .3rem;
}
.text-justify .katex-display {display:inline-block;transform: translateY(.2rem)}