/* screen - index-all-breakpoints */

.index-all-breakpoints {
  background-color: var(--selago);
  height: 2470px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1921px;
}

.index-all-breakpoints .fixed-totop-Xvh7qk {
  background-color: transparent;
  cursor: pointer;
  height: 80px;
  left: 1560px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 2390px;
  transition: all 0.2s ease;
  width: 80px;
}

.index-all-breakpoints .fixed-totop-Xvh7qk:hover {
  transform: scale(0.9); 
}

.index-all-breakpoints .pc-wrap-Xvh7qk {
  background-color: transparent;
  height: 2470px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.index-all-breakpoints .relative-firstview-id_mv_-gxHxeJ {
  background-color: transparent;
  height: 810px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.index-all-breakpoints .anim-blur-light-in-OJN1Cx {
  background-color: transparent;
  height: 810px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.index-all-breakpoints .top-mv-pc-qUEEVA {
  background-color: transparent;
  height: 810px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.index-all-breakpoints .anim-blur-in-OJN1Cx {
  background-color: transparent;
  height: 600px;
  left: 340px;
  position: absolute;
  top: 150px;
  width: 500px;
}

.index-all-breakpoints .top-mv-img-1-L7vdml {
  background-color: transparent;
  height: 600px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 500px;
}

.index-all-breakpoints .anim-blur-in-order-OJN1Cx {
  height: 270px;
  left: 975px;
  top: 265px;
  width: 333px;
}

.index-all-breakpoints .title-6GhIhY {
  color: var(--comet);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 80px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  letter-spacing: 0.00px;
  line-height: 70px;
  position: absolute;
  text-align: left;
  top: 17px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .by-kyosuke-ichinose-6GhIhY {
  background-color: transparent;
  color: var(--comet);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: 240px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .relative-id_seminar_-gxHxeJ {
  background-color: transparent;
  height: 1500px;
  left: 0px;
  position: absolute;
  top: 710px;
  width: 1920px;
}

.index-all-breakpoints .area-ozoJnj {
  background-color: #9c96ae;
  height: 1400px;
  opacity: 1.0;
  top: 100px;
  width: 1920px;
}

.index-all-breakpoints .flex-section-secontent-ozoJnj {
  background-color: transparent;
  height: 1360px;
  left: 405px;
  position: absolute;
  top: 0px;
  width: 1110px;
}

.index-all-breakpoints .rel-online-anim-fade-in-oAxxxM {
  background-color: transparent;
  height: 1360px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .inc-onlineslide-BeCR74 {
  background-color: transparent;
  height: 300px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .online-seminar-pic-1-vfMplq {
  background-color: transparent;
  height: 300px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .x1-vRi3t1 {
  background-color: var(--comet);
}

.index-all-breakpoints .title-lCMow7 {
  height: 160px;
  position: relative;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .bg-bzgItY {
  background-color: var(--comet);
  height: 160px;
  width: 540px;
}

.index-all-breakpoints .ichinose-online-lesson-bzgItY {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 60px;
  letter-spacing: 0.00px;
  line-height: 44px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-bzgItY {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 60px;
  letter-spacing: 0.80px;
  line-height: 20px;
  top: 89px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .inc-onlinetext-BeCR74 {
  background-color: transparent;
  height: 636px;
  left: 60px;
  position: absolute;
  top: 495px;
  width: 422px;
}

.index-all-breakpoints .x120-PKdE81 {
  color: var(--comet);
}

.index-all-breakpoints .line-PKdE81 {
  top: 244px;
}

.index-all-breakpoints .text_label-PKdE81 {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 273px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-uHdNLk {
  height: 47px;
  left: 110px;
  letter-spacing: 1.60px;
  line-height: 24px;
  top: 267px;
  width: 302px;
}

.index-all-breakpoints .line-uHdNLk {
  top: 324px;
}

.index-all-breakpoints .text_label-xf5F4X {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 352px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-OxfKpx {
  height: 47px;
  left: 110px;
  letter-spacing: 1.60px;
  line-height: 24px;
  top: 346px;
  width: 302px;
}

.index-all-breakpoints .line-xf5F4X {
  top: 404px;
}

.index-all-breakpoints .text_label-o87ZWp {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 432px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .x500010000-PKdE81 {
  background-color: transparent;
  color: var(--comet);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-weight: 700;
  height: 45px;
  left: 110px;
  letter-spacing: 0.70px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 423px;
  width: 302px;
}

.index-all-breakpoints .span0-nua4W2 {
  font-style: normal;
  letter-spacing: 1.00px;
}

.index-all-breakpoints .span1-nua4W2 {
}

.index-all-breakpoints .line-OxfKpx {
  top: 484px;
}

.index-all-breakpoints .text_label-llJrH6 {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 512px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-4Cxnrr {
  height: 107px;
  left: 110px;
  letter-spacing: 0.65px;
  line-height: 23px;
  top: 507px;
  width: 302px;
}

.index-all-breakpoints .line-o87ZWp {
  top: 634px;
}

.index-all-breakpoints .text_label-63JDVo {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .checkonlinetxt-V5jtKT {
  background-color: transparent;
  height: 19px;
  left: 22px;
  position: absolute;
  top: 0px;
  width: 117px;
}

.index-all-breakpoints .text_label-2tq97c {
  color: var(--comet);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .span0-TVygsv {
  text-decoration: underline;
}

.index-all-breakpoints .span1-TVygsv {
}

.index-all-breakpoints .inc-checkonline-V5jtKT {
  background-color: transparent;
  height: 14px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.index-all-breakpoints .box-AJYsxr {
  border-color: var(--comet);
}

.index-all-breakpoints .link-online-dMvMfE {
  background-color: transparent;
  height: 100px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 420px;
}

.index-all-breakpoints .bg-MxbD2P {
  background-color: var(--comet);
  height: 100px;
  width: 420px;
}

.index-all-breakpoints .text_label-MxbD2P {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 40px;
  letter-spacing: 2.00px;
  line-height: 24px;
  top: 36px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .rel-real-anim-fade-in-oAxxxM {
  background-color: transparent;
  height: 1360px;
  left: 570px;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .inc-realslide-DycnVw {
  background-color: transparent;
  height: 300px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .real-session-pic-1-Z02X6d {
  background-color: transparent;
  height: 300px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .x1-laUEnF {
  background-color: var(--coffee);
}

.index-all-breakpoints .bg-7EmEKP {
  background-color: var(--coffee);
  height: 160px;
  width: 540px;
}

.index-all-breakpoints .ichinose-real-session-7EmEKP {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 60px;
  letter-spacing: 0.00px;
  line-height: 44px;
  position: absolute;
  text-align: left;
  top: 38px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-7EmEKP {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 60px;
  letter-spacing: 0.80px;
  line-height: 20px;
  top: 89px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .inc-realtext-DycnVw {
  background-color: transparent;
  height: 635px;
  left: 60px;
  position: absolute;
  top: 495px;
  width: 422px;
}

.index-all-breakpoints .x120-9yRIT7 {
  color: var(--coffee);
}

.index-all-breakpoints .line-9yRIT7 {
  top: 244px;
}

.index-all-breakpoints .text_label-9yRIT7 {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 273px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .x1017-9yRIT7 {
  background-color: transparent;
  height: 47px;
  left: 110px;
  letter-spacing: 1.60px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 267px;
  width: 302px;
}

.index-all-breakpoints .line-QL08Dg {
  top: 324px;
}

.index-all-breakpoints .text_label-QL08Dg {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 352px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-EoMtrJ {
  height: 47px;
  left: 110px;
  letter-spacing: 1.60px;
  line-height: 24px;
  top: 346px;
  width: 302px;
}

.index-all-breakpoints .line-EoMtrJ {
  top: 404px;
}

.index-all-breakpoints .text_label-ViyYxi {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 432px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .x440000-9yRIT7 {
  background-color: transparent;
  color: var(--coffee);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-weight: 700;
  height: 45px;
  left: 110px;
  letter-spacing: 0.70px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 423px;
  width: 302px;
}

.index-all-breakpoints .span0-30nTVt {
  font-style: normal;
  letter-spacing: 1.00px;
}

.index-all-breakpoints .span1-30nTVt {
}

.index-all-breakpoints .line-ViyYxi {
  top: 484px;
}

.index-all-breakpoints .text_label-dbvXxw {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 512px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .text_label-7mYvbF {
  height: 107px;
  left: 110px;
  letter-spacing: 0.65px;
  line-height: 23px;
  top: 507px;
  width: 302px;
}

.index-all-breakpoints .line-dbvXxw {
  top: 634px;
}

.index-all-breakpoints .text_label-jIPF6m {
  height: auto;
  left: 0px;
  letter-spacing: 1.60px;
  line-height: 20px;
  top: 2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .inc-checkreal-wGzRxB {
  background-color: transparent;
  height: 14px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 14px;
}

.index-all-breakpoints .box-8EHJeJ {
  border-color: var(--coffee);
}

.index-all-breakpoints .checkrealtxt-wGzRxB {
  background-color: transparent;
  height: 19px;
  left: 22px;
  position: absolute;
  top: 0px;
  width: 117px;
}

.index-all-breakpoints .text_label-beHGL3 {
  color: var(--coffee);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .span0-xfyHZ6 {
  text-decoration: underline;
}

.index-all-breakpoints .span1-xfyHZ6 {
}

.index-all-breakpoints .link-real-RJZAxM {
  background-color: transparent;
  height: 100px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 420px;
}

.index-all-breakpoints .bg-ENrfxq {
  background-color: var(--coffee);
  height: 100px;
  width: 420px;
}

.index-all-breakpoints .text_label-ENrfxq {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 40px;
  letter-spacing: 2.00px;
  line-height: 24px;
  top: 36px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .relative-id_footer_-gxHxeJ {
  background-color: transparent;
  height: 260px;
  left: 0px;
  position: absolute;
  top: 2210px;
  width: 1920px;
}

.index-all-breakpoints .area-rUQPV9 {
  background-color: var(--comet);
  height: 260px;
  top: 0px;
  width: 1920px;
}

.index-all-breakpoints .anim-blur-in-order-rUQPV9 {
  height: 70px;
  left: 405px;
  top: 140px;
  width: 976px;
}

.index-all-breakpoints .logo-link-top-WY3xun {
  background-color: transparent;
  height: 33px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-all-breakpoints .seo-logo-RxlTm7 {
  height: 100%;
  position: relative;
  width: 100%;
}

.index-all-breakpoints .logo-footer-pc-ePidBF {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-all-breakpoints .link-top-WY3xun {
  height: 21px;
  left: 418px;
  top: 6px;
  width: 49px;
}

.index-all-breakpoints .text_label-JQxhiZ {
  height: auto;
  left: 0px;
  letter-spacing: 0.75px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .link-law-WY3xun {
  background-color: transparent;
  height: 21px;
  left: 500px;
  position: absolute;
  top: 6px;
  width: 190px;
}

.index-all-breakpoints .text_label-rq9df4 {
  height: auto;
  left: 0px;
  letter-spacing: 0.75px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .link-terms-WY3xun {
  background-color: transparent;
  height: 21px;
  left: 723px;
  position: absolute;
  top: 6px;
  width: 64px;
}

.index-all-breakpoints .text_label-TWKQc9 {
  height: auto;
  left: 0px;
  letter-spacing: 0.75px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .link-privacypolicy-WY3xun {
  background-color: transparent;
  height: 21px;
  left: 820px;
  position: absolute;
  top: 6px;
  width: 158px;
}

.index-all-breakpoints .text_label-g5JK9b {
  height: auto;
  left: 0px;
  letter-spacing: 0.75px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .p-txt-WY3xun {
  background-color: transparent;
  height: 16px;
  left: 0px;
  position: absolute;
  top: 54px;
  width: 137px;
}

.index-all-breakpoints .iss-all-rights-reserved-X0Pjz3 {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: -10px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .span0-HsnGk1 {
}

.index-all-breakpoints .span1-HsnGk1 {
}

.index-all-breakpoints .fixed-header-Xvh7qk {
  background-color: transparent;
  height: 100px;
  left: 240px;
  position: absolute;
  top: 0px;
  width: 1440px;
}

.index-all-breakpoints .header-wrap-4JcD6S {
  background-color: transparent;
  height: 100px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 1440px;
}

.index-all-breakpoints .area-UdMFql {
  background-color: transparent;
  height: 100px;
  object-fit: cover;
  top: 0px;
  width: 1440px;
}

.index-all-breakpoints .align-left-UdMFql {
  background-color: transparent;
  height: 33px;
  left: 40px;
  position: absolute;
  top: 34px;
  width: 594px;
}

.index-all-breakpoints .link-top-yx13Xh {
  height: 33px;
  left: 0px;
  top: 0px;
  width: 320px;
}

.index-all-breakpoints .header-logo-Qed0r1 {
  background-color: transparent;
  height: 33px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 320px;
}

.index-all-breakpoints .seo-logo-m0UpBS {
  height: 33px;
  object-fit: cover;
  position: absolute;
  width: 320px;
}

.index-all-breakpoints .links-yx13Xh {
  background-color: transparent;
  height: 24px;
  left: 380px;
  position: absolute;
  top: 4px;
  width: 214px;
}

.index-all-breakpoints .link-top-J3dmnz {
  height: 24px;
  left: 0px;
  top: 0px;
  width: 32px;
}

.index-all-breakpoints .top-aEgV1T {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .link-seminar-J3dmnz {
  background-color: transparent;
  height: 24px;
  left: 54px;
  position: absolute;
  top: 0px;
  width: 70px;
}

.index-all-breakpoints .seminar-cUrgVj {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .span0-QqnOAP {
}

.index-all-breakpoints .span1-QqnOAP {
}

.index-all-breakpoints .link-contact-J3dmnz {
  background-color: transparent;
  height: 24px;
  left: 146px;
  position: absolute;
  top: 0px;
  width: 70px;
}

.index-all-breakpoints .contact-ixxzFI {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-all-breakpoints .span0-htvXzC {
}

.index-all-breakpoints .span1-htvXzC {
}

.index-all-breakpoints .area {
  left: 0px;
  position: absolute;
}

.index-all-breakpoints .arrow {
  background-color: transparent;
  height: 18px;
  left: 369px;
  object-fit: cover;
  position: absolute;
  top: 41px;
  width: 12px;
}

.index-all-breakpoints .bg-hidden {
  background-color: var(--selago);
  height: 900px;
  left: 0px;
  position: absolute;
  top: 460px;
  width: 540px;
}

.index-all-breakpoints .box {
  background-color: transparent;
  border: 1px solid;
  height: 14px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 14px;
}

.index-all-breakpoints .js-addhref {
  background-color: transparent;
  height: 19px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 119px;
}

.index-all-breakpoints .line {
  background-color: transparent;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 420px;
}

.index-all-breakpoints .link-top {
  background-color: transparent;
  position: absolute;
}

.index-all-breakpoints .pagenation {
  background-color: transparent;
  height: 10px;
  left: 235px;
  position: absolute;
  top: 270px;
  width: 70px;
}

.index-all-breakpoints .rel-box {
  background-color: transparent;
  height: 100px;
  left: 60px;
  position: absolute;
  top: 1210px;
  width: 420px;
}

.index-all-breakpoints .rel-checkbox {
  background-color: transparent;
  height: 19px;
  left: 60px;
  position: absolute;
  top: 1167px;
  width: 139px;
}

.index-all-breakpoints .rel-h1-txt {
  background-color: transparent;
  height: 160px;
  left: 0px;
  position: absolute;
  top: 300px;
  width: 540px;
}

.index-all-breakpoints .sample {
  background-color: transparent;
  height: 300px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 540px;
}

.index-all-breakpoints .text_label {
  background-color: transparent;
  position: absolute;
  text-align: left;
}

.index-all-breakpoints .title {
  background-color: transparent;
  left: 0px;
}

.index-all-breakpoints .x1 {
  border-radius: 5px;
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-all-breakpoints .x120 {
  background-color: transparent;
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  height: 172px;
  left: 0px;
  letter-spacing: 0.75px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 38px;
  width: 422px;
}

.index-all-breakpoints .x2 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 20px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-all-breakpoints .x3 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 40px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-all-breakpoints .x4 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 60px;
  position: absolute;
  top: 0px;
  width: 10px;
}
/* screen - index-sp */

.index-sp {
  background-color: var(--selago);
  height: 3527px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.index-sp .fixed-spmenu-xls0kk {
  background-color: transparent;
  height: 667px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 375px;
}

.index-sp .wrap-mknEkq {
  background-color: transparent;
  height: 667px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 375px;
}

.index-sp .menu-QznxxT {
  background-color: transparent;
  height: 667px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 375px;
}

.index-sp .bg-Jinx0o {
  background-color: var(--white);
  height: 667px;
  opacity: 1.0;
  width: 375px;
}

.index-sp .content-center-Jinx0o {
  background-color: transparent;
  height: 308px;
  left: 70px;
  position: absolute;
  top: 160px;
  width: 239px;
}

.index-sp .animlinks-U1YZoq {
  background-color: transparent;
  height: 308px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 239px;
}

.index-sp .link-top-VIK3xJ {
  height: 25px;
  top: 0px;
  width: 239px;
}

.index-sp .logo-spmenu-lLkEig {
  background-color: transparent;
  height: 25px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 239px;
}

.index-sp .link-top-rnxL7z {
  height: 29px;
  top: 67px;
  width: 41px;
}

.index-sp .top-iqfZyf {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-sp .link-seminar-VIK3xJ {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 108px;
  width: 91px;
}

.index-sp .seminar-zGGKKm {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-sp .span0-PjA4xx {
}

.index-sp .span1-PjA4xx {
}

.index-sp .link-contact-VIK3xJ {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 149px;
  width: 90px;
}

.index-sp .contact-xx58YX {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  top: -6px;
  white-space: nowrap;
  width: auto;
}

.index-sp .span0-xj3Dbx {
}

.index-sp .span1-xj3Dbx {
}

.index-sp .link-raw-VIK3xJ {
  background-color: transparent;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 218px;
  width: 178px;
}

.index-sp .text_label-xWbVjn {
  height: auto;
  left: 0px;
  letter-spacing: 0.70px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-sp .link-terms-VIK3xJ {
  background-color: transparent;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 253px;
  width: 58px;
}

.index-sp .x2-Tb6jMJ {
  background-color: transparent;
  height: 20px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 60px;
}

.index-sp .text_label-a6QyHP {
  height: auto;
  left: 0px;
  letter-spacing: 0.70px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-sp .link-privacypolicy-VIK3xJ {
  background-color: transparent;
  height: 20px;
  left: 0px;
  position: absolute;
  top: 288px;
  width: 148px;
}

.index-sp .text_label-xZa7cL {
  height: auto;
  left: 0px;
  letter-spacing: 0.70px;
  line-height: 24px;
  top: -2px;
  white-space: nowrap;
  width: auto;
}

.index-sp .spmenu-close-btn-Jinx0o {
  left: 335px;
  top: 20px;
}

.index-sp .sp-wrap-xls0kk {
  background-color: transparent;
  height: 3527px;
  left: -184px;
  position: absolute;
  top: 0px;
  width: 745px;
}

.index-sp .relative-firstview-id_mv_-e92lAv {
  background-color: transparent;
  height: 667px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 745px;
}

.index-sp .area-ktlPcK {
  background-color: var(--black);
  height: 667px;
  top: 0px;
}

.index-sp .top-mv-sp-ktlPcK {
  background-color: transparent;
  height: 667px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 745px;
}

.index-sp .anim-blur-in-ktlPcK {
  background-color: transparent;
  height: 336px;
  left: 212px;
  position: absolute;
  top: 87px;
  width: 280px;
}

.index-sp .top-mv-img-1-T12meB {
  background-color: transparent;
  height: 336px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 280px;
}

.index-sp .anim-blur-in-order-ktlPcK {
  height: 201px;
  left: 290px;
  top: 380px;
  width: 246px;
}

.index-sp .title-5R5qf4 {
  background-color: transparent;
  color: var(--comet);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 59px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 52px;
  position: absolute;
  text-align: left;
  top: 12px;
  white-space: nowrap;
  width: auto;
}

.index-sp .by-kyosuke-ichinose-5R5qf4 {
  background-color: transparent;
  color: var(--comet);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: 174px;
  white-space: nowrap;
  width: auto;
}

.index-sp .relative-id_seminar_-e92lAv {
  background-color: transparent;
  height: 2700px;
  left: 0px;
  position: absolute;
  top: 627px;
  width: 745px;
}

.index-sp .area-qo4t17 {
  background-color: #9c96ae;
  height: 2660px;
  opacity: 1.0;
  top: 40px;
}

.index-sp .rel-online-anim-fade-in-qo4t17 {
  background-color: transparent;
  height: 1278px;
  left: 212px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-sp .inc-onlineslide-E5wuRo {
  background-color: transparent;
  height: 178px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-sp .online-seminar-pic-1-sp-Wo28gd {
  background-color: transparent;
  height: 178px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-sp .x5-YtxhIu {
  background-color: var(--comet);
}

.index-sp .bg-ly9Tvt {
  background-color: var(--comet);
  height: 120px;
  width: 320px;
}

.index-sp .ichinose-online-lesson-ly9Tvt {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 36px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-ly9Tvt {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 29px;
  letter-spacing: 0.65px;
  line-height: 11px;
  top: 69px;
  white-space: nowrap;
  width: auto;
}

.index-sp .inc-onlinetext-E5wuRo {
  background-color: transparent;
  height: 764px;
  left: 29px;
  position: absolute;
  top: 334px;
  width: 262px;
}

.index-sp .text_label-KSfiZl {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 4px;
  white-space: nowrap;
  width: auto;
}

.index-sp .line-KSfiZl {
  top: 304px;
}

.index-sp .text_label-e3qDmA {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 334px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-xP5AfC {
  height: 47px;
  left: 90px;
  letter-spacing: 1.40px;
  line-height: 24px;
  top: 327px;
  width: 172px;
}

.index-sp .line-e3qDmA {
  top: 384px;
}

.index-sp .text_label-xCJ2VN {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 414px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-ARG0Ny {
  height: 47px;
  left: 90px;
  letter-spacing: 1.40px;
  line-height: 24px;
  top: 406px;
  width: 172px;
}

.index-sp .line-xP5AfC {
  top: 464px;
}

.index-sp .text_label-NM4zl6 {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 494px;
  white-space: nowrap;
  width: auto;
}

.index-sp .x500010000-KSfiZl {
  background-color: transparent;
  color: var(--comet);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 17px;
  font-weight: 700;
  height: 56px;
  left: 90px;
  letter-spacing: 0.60px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 481px;
  width: 172px;
}

.index-sp .span0-JVz2J9 {
  font-style: normal;
  letter-spacing: 0.85px;
}

.index-sp .span1-JVz2J9 {
  font-size: var(--font-size-xs);
  font-style: normal;
}

.index-sp .line-xCJ2VN {
  top: 584px;
}

.index-sp .text_label-3N20xp {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 614px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-NKmYeG {
  color: var(--comet);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
  height: 114px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  top: 634px;
  width: 262px;
}

.index-sp .line-ARG0Ny {
  top: 764px;
}

.index-sp .checkonlinetxt-BdWBKe {
  background-color: transparent;
  height: 17px;
  left: 24px;
  position: absolute;
  top: 0px;
  width: 108px;
}

.index-sp .text_label-j8tNLz {
  color: var(--comet);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  top: 2px;
  white-space: nowrap;
  width: auto;
}

.index-sp .span0-WHo1b0 {
  font-style: normal;
  text-decoration: underline;
}

.index-sp .span1-WHo1b0 {
  font-style: normal;
}

.index-sp .inc-checkonline-BdWBKe {
  background-color: transparent;
  height: 13px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 13px;
}

.index-sp .box-xrEd1U {
  border-color: var(--comet);
}

.index-sp .link-online-v2NUkR {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}

.index-sp .bg-lzx43Y {
  background-color: var(--comet);
  height: 70px;
  width: 260px;
}

.index-sp .text_label-lzx43Y {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 30px;
  letter-spacing: 0.70px;
  line-height: 13px;
  top: 27px;
  white-space: nowrap;
  width: auto;
}

.index-sp .rel-real-anim-fade-in-qo4t17 {
  background-color: transparent;
  height: 1278px;
  left: 212px;
  position: absolute;
  top: 1338px;
  width: 320px;
}

.index-sp .inc-realslide-FbnfTq {
  background-color: transparent;
  height: 178px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-sp .real-session-pic-1-sp-6UA28j {
  background-color: transparent;
  height: 178px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 320px;
}

.index-sp .x5-IEAHfp {
  background-color: var(--coffee);
}

.index-sp .bg-iuxDvE {
  background-color: var(--coffee);
  height: 120px;
  width: 320px;
}

.index-sp .ichinose-real-session-iuxDvE {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-dmsans_14pt-bold);
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 29px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 36px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-iuxDvE {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 29px;
  letter-spacing: 0.65px;
  line-height: 11px;
  top: 69px;
  white-space: nowrap;
  width: auto;
}

.index-sp .inc-realtext-FbnfTq {
  background-color: transparent;
  height: 764px;
  left: 29px;
  position: absolute;
  top: 334px;
  width: 262px;
}

.index-sp .text_label-sytmWU {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 4px;
  white-space: nowrap;
  width: auto;
}

.index-sp .line-sytmWU {
  top: 304px;
}

.index-sp .text_label-pKyLVi {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 334px;
  white-space: nowrap;
  width: auto;
}

.index-sp .x1017-sytmWU {
  background-color: transparent;
  height: 47px;
  left: 90px;
  letter-spacing: 1.40px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 327px;
  width: 172px;
}

.index-sp .line-pKyLVi {
  top: 384px;
}

.index-sp .text_label-KqVzsY {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 414px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-DNUuVx {
  height: 47px;
  left: 90px;
  letter-spacing: 1.40px;
  line-height: 24px;
  top: 406px;
  width: 172px;
}

.index-sp .line-KqVzsY {
  top: 464px;
}

.index-sp .text_label-jw840n {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 494px;
  white-space: nowrap;
  width: auto;
}

.index-sp .x440000-sytmWU {
  background-color: transparent;
  color: var(--coffee);
  font-family: var(--font-family-noto_sans_jp);
  font-size: 17px;
  font-weight: 700;
  height: 56px;
  left: 90px;
  letter-spacing: 0.60px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 481px;
  width: 172px;
}

.index-sp .span0-s1A5E1 {
  font-style: normal;
  letter-spacing: 0.85px;
}

.index-sp .span1-s1A5E1 {
  font-size: var(--font-size-xs);
  font-style: normal;
}

.index-sp .line-DNUuVx {
  top: 584px;
}

.index-sp .text_label-IGk2Im {
  height: auto;
  left: 0px;
  letter-spacing: 1.40px;
  line-height: 11px;
  top: 614px;
  white-space: nowrap;
  width: auto;
}

.index-sp .text_label-3ZbxQi {
  color: var(--coffee);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xxs);
  font-style: normal;
  font-weight: 400;
  height: 114px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 22px;
  top: 634px;
  width: 262px;
}

.index-sp .line-jw840n {
  top: 764px;
}

.index-sp .checkrealtxt-sCG8b0 {
  background-color: transparent;
  height: 17px;
  left: 24px;
  position: absolute;
  top: 0px;
  width: 108px;
}

.index-sp .text_label-5o6oQZ {
  color: var(--coffee);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-xs);
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 12px;
  top: 2px;
  white-space: nowrap;
  width: auto;
}

.index-sp .span0-YHcJaF {
  font-style: normal;
  text-decoration: underline;
}

.index-sp .span1-YHcJaF {
  font-style: normal;
}

.index-sp .inc-checkreal-sCG8b0 {
  background-color: transparent;
  height: 13px;
  left: 0px;
  position: absolute;
  top: 3px;
  width: 13px;
}

.index-sp .box-GoBOsC {
  border-color: var(--coffee);
}

.index-sp .link-real-1lneqZ {
  background-color: transparent;
  height: 70px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 260px;
}

.index-sp .bg-8nZWZu {
  background-color: var(--coffee);
  height: 70px;
  width: 260px;
}

.index-sp .text_label-8nZWZu {
  color: var(--white);
  font-family: var(--font-family-noto_sans_jp);
  font-size: var(--font-size-m);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 30px;
  letter-spacing: 0.70px;
  line-height: 13px;
  top: 27px;
  white-space: nowrap;
  width: auto;
}

.index-sp .relative-id_footer_-e92lAv {
  background-color: transparent;
  height: 200px;
  left: 0px;
  position: absolute;
  top: 3327px;
  width: 745px;
}

.index-sp .bg-xXZCnG {
  background-color: transparent;
  height: 200px;
  object-fit: cover;
  width: 745px;
}

.index-sp .anim-blur-in-order-xXZCnG {
  height: 50px;
  left: 211px;
  top: 120px;
  width: 232px;
}

.index-sp .link-top-dFoKY7 {
  height: 26px;
  top: 0px;
  width: 232px;
}

.index-sp .seo-logo-L8Qprl {
  background-color: transparent;
  height: 26px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 232px;
}

.index-sp .logo-footer-sp-cXj8ph {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.index-sp .p-txt-dFoKY7 {
  background-color: transparent;
  height: 14px;
  left: 0px;
  position: absolute;
  top: 36px;
  width: 126px;
}

.index-sp .iss-all-rights-reserved-FB9gDt {
  background-color: transparent;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: -10px;
  white-space: nowrap;
  width: auto;
}

.index-sp .span0-td82HK {
}

.index-sp .span1-td82HK {
}

.index-sp .fixed-totop-e92lAv {
  background-color: transparent;
  cursor: pointer;
  height: 64px;
  left: 495px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 3327px;
  transition: all 0.2s ease;
  width: 64px;
}

.index-sp .fixed-totop-e92lAv:hover {
  transform: scale(0.9); 
}

.index-sp .fixed-header-sp-xls0kk {
  background-color: transparent;
  height: 60px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 375px;
}

.index-sp .bg-QYYN5W {
  background-color: var(--white-2);
  height: 60px;
  width: 375px;
}

.index-sp .align-right-QYYN5W {
  background-color: transparent;
  height: 20px;
  left: 335px;
  position: absolute;
  top: 20px;
  width: 20px;
}

.index-sp .spmenu-open-btn-2epFb0 {
  background-color: transparent;
  height: 13px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 4px;
  width: 20px;
}

.index-sp .spmenu-close-btn-2epFb0 {
  left: 0px;
  top: -0px;
}

.index-sp .align-left-QYYN5W {
  background-color: transparent;
  height: 22px;
  left: 20px;
  position: absolute;
  top: 19px;
  width: 220px;
}

.index-sp .link-home-JXBq1j {
  background-color: transparent;
  height: 22px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 220px;
}

.index-sp .logo-header-sp-YzasgY {
  background-color: transparent;
  height: 22px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 220px;
}

.index-sp .area {
  left: 0px;
  position: absolute;
  width: 745px;
}

.index-sp .arrow {
  background-color: transparent;
  height: 12px;
  left: 224px;
  object-fit: cover;
  position: absolute;
  top: 30px;
  width: 8px;
}

.index-sp .bg-hidden {
  background-color: var(--selago);
  height: 980px;
  left: 0px;
  position: absolute;
  top: 298px;
  width: 320px;
}

.index-sp .box {
  background-color: transparent;
  border: 1px solid;
  height: 13px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 13px;
}

.index-sp .js-addhref {
  background-color: transparent;
  height: 17px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 110px;
}

.index-sp .line {
  background-color: transparent;
  height: 1px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  width: 260px;
}

.index-sp .link-top {
  background-color: transparent;
  left: 0px;
  position: absolute;
}

.index-sp .pagenation {
  background-color: transparent;
  height: 10px;
  left: 125px;
  position: absolute;
  top: 148px;
  width: 70px;
}

.index-sp .rel-box {
  background-color: transparent;
  height: 70px;
  left: 29px;
  position: absolute;
  top: 1168px;
  width: 260px;
}

.index-sp .rel-checkbox {
  background-color: transparent;
  height: 17px;
  left: 29px;
  position: absolute;
  top: 1125px;
  width: 132px;
}

.index-sp .rel-h1-txt {
  background-color: transparent;
  height: 120px;
  left: 0px;
  position: absolute;
  top: 178px;
  width: 320px;
}

.index-sp .sample {
  background-color: transparent;
  height: 178px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 320px;
}

.index-sp .text_label {
  background-color: transparent;
  position: absolute;
  text-align: left;
}

.index-sp .x120 {
  background-color: transparent;
  height: 234px;
  left: 0px;
  letter-spacing: 0.65px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 36px;
  width: 251px;
}

.index-sp .x5 {
  border-radius: 5px;
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-sp .x6 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 20px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-sp .x7 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 40px;
  position: absolute;
  top: 0px;
  width: 10px;
}

.index-sp .x8 {
  background-color: var(--white);
  border-radius: 5px;
  height: 10px;
  left: 60px;
  position: absolute;
  top: 0px;
  width: 10px;
}
@media screen and (max-width: 1920px) {
  .screen.index-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1921px) {
  .screen.index-sp { 
    display: none;
   }
}