.app-component-wrapper {
  display: contents;
}
 
.app-component-container {
  display: flex;
  position: relative;
}
 
.app-component-text1 {
  color: rgb(89, 87, 87);
  position: relative;
  font-size: 24px;
  text-align: left;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-fragment1 {
  display: contents;
}
 
.index-text17 {
  color: #595757;
  display: inline-block;
  font-size: 15px;
  line-height: 1.6;
}
 
.app-componentroot-class-name {
  top: 0px;
  fill: #595757;
  left: 0px;
  color: #595757;
  right: 0px;
  margin: auto;
  position: absolute;
}
 
.app-componentroot-class-name1 {
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}
 
.app-componentroot-class-name2 {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  margin: auto;
  position: absolute;
  letter-spacing: 1px;
}
 
@media(max-width: 1600px) {
  .app-component-text1 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-theme-neutral-dark);
    right: 0px;
    margin: auto;
    position: absolute;
    font-size: 24px;
    text-align: left;
    font-family: Noto Sans;
    line-height: 1.6;
  }
  .app-componentroot-class-name2 {
    top: 70px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 1200px) {
  .app-component-text1 {
    text-align: left;
  }
  .app-componentroot-class-name1 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 991px) {
  .app-component-text1 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
  }
  .app-componentroot-class-name1 {
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .app-componentroot-class-name2 {
    top: 30px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
}
 
@media(max-width: 767px) {
  .app-component-text1 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    text-align: left;
  }
  .app-componentroot-class-name {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 479px) {
  .app-component-text1 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-theme-neutral-dark);
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    position: absolute;
    text-align: left;
    font-family: Noto Sans;
  }
  .app-componentroot-class-name2 {
    top: auto;
    width: auto;
    bottom: 0px;
    height: 250px;
    position: absolute;
  }
}

.app-component-wrapper-dqll {
  display: contents;
}
 
.app-component-container1 {
  display: flex;
  position: relative;
}
 
.app-component-text2 {
  color: rgb(89, 87, 87);
  position: relative;
  font-size: 24px;
  text-align: left;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-fragment2 {
  display: contents;
}
 
.index-text18 {
  color: #595757;
  display: inline-block;
  font-size: 15px;
  line-height: 1.6;
}
 
.app-componentroot-class-name {
  top: 0px;
  fill: #595757;
  left: 0px;
  color: #595757;
  right: 0px;
  margin: auto;
  position: absolute;
}
 
.app-componentroot-class-name1 {
  top: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}
 
.app-componentroot-class-name2 {
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  margin: auto;
  position: absolute;
  letter-spacing: 1px;
}
 
@media(max-width: 1600px) {
  .app-component-text2 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-theme-neutral-dark);
    right: 0px;
    margin: auto;
    position: absolute;
    font-size: 24px;
    text-align: left;
    font-family: Noto Sans;
    line-height: 1.6;
  }
  .app-componentroot-class-name2 {
    top: 70px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 1200px) {
  .app-component-text2 {
    text-align: left;
  }
  .app-componentroot-class-name1 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 991px) {
  .app-component-text2 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
  }
  .app-componentroot-class-name1 {
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .app-componentroot-class-name2 {
    top: 30px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
}
 
@media(max-width: 767px) {
  .app-component-text2 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    text-align: left;
  }
  .app-componentroot-class-name {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
}
 
@media(max-width: 479px) {
  .app-component-text2 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-theme-neutral-dark);
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    position: absolute;
    text-align: left;
    font-family: Noto Sans;
  }
  .app-componentroot-class-name2 {
    top: auto;
    width: auto;
    bottom: 0px;
    height: 250px;
    position: absolute;
  }
}

.text311-wrapper {
  display: contents;
}
 
.text311-container {
  display: flex;
  position: relative;
}
 
.text311-text3 {
  color: var(--dl-color-theme-secondary1);
  height: auto;
  display: flex;
  position: relative;
  font-size: 15px;
  text-align: center;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-fragment3 {
  display: contents;
}
 
.index-text45 {
  color: var(--dl-color-theme-neutral-light);
  display: inline-block;
}
 
.text311root-class-name {
  top: 0px;
  left: auto;
  right: auto;
  width: 530px;
  height: 30px;
  position: absolute;
  text-align: center;
  writing-mode: horizontal-tb;
}
 
@media(max-width: 1600px) {
  .text311-text3 {
    top: 0px;
    left: 0px;
    color: #fdffff;
    right: 0px;
    height: 70px;
    margin: auto;
    position: absolute;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
  }
  .text311root-class-name {
    top: 0px;
    -top: 0px;
    left: auto;
    right: auto;
    width: 530px;
    height: 30px;
    position: absolute;
    align-self: center;
    writing-mode: horizontal-tb;
  }
}
 
@media(max-width: 1200px) {
  .text311-text3 {
    top: 0px;
    height: 70px;
    margin: auto;
    font-size: 15px;
    text-align: center;
    line-height: 1.5;
  }
  .text311root-class-name {
    left: auto;
    right: auto;
    width: 530px;
  }
}
 
@media(max-width: 991px) {
  .text311-text3 {
    top: 0px;
    left: 0px;
    color: var(--dl-color-theme-secondary1);
    right: 0px;
    margin: auto;
    font-size: 15px;
    font-family: Noto Sans;
    line-height: 1.6;
  }
  .text311root-class-name {
    top: 0px;
    left: auto;
    right: auto;
    width: 530px;
  }
}
 
@media(max-width: 767px) {
  .text311-text3 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 600px;
    height: 30px;
    margin: auto;
    text-align: center;
  }
  .text311root-class-name {
    height: 60px;
  }
}
 
@media(max-width: 479px) {
  .text311-text3 {
    top: 5125px;
    left: 0px;
    right: 0px;
    width: 400px;
    height: auto;
    margin: auto;
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
  }
  .text311root-class-name {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 300px;
    height: auto;
  }
}

.index-container1 {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
 
.index-indexhtml {
  width: 100%;
  height: 11000px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  border-color: rgba(0, 0, 0, 0.10000000149011612);
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  justify-content: flex-start;
  background-color: rgba(255, 255, 255, 1);
}
 
.index-frame {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1920px;
  bottom: 0px;
  height: 11000px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 1);
}
 
.index-group {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1920px;
  height: 11000px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-frame4 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: 11000px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-end;
  flex-shrink: 1;
  justify-content: center;
}
 
.index-navbar-interactive {
  top: 0px;
  width: 100%;
  height: 100px;
  margin: 0px;
  display: flex;
  opacity: 1;
  z-index: 1000;
  position: fixed;
  align-items: center;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  justify-content: space-between;
  background-color: #ffffff;
}
 
.index-logopc {
  top: 0px;
  left: 50px;
  bottom: 0px;
  height: 50px;
  margin: auto;
  display: flex;
  position: absolute;
  justify-content: flex-start;
}
 
.index-logosp {
  top: 0px;
  left: 100px;
  bottom: 0px;
  height: 77px;
  margin: auto;
  display: none;
  position: absolute;
  justify-content: flex-start;
}
 
.index-desktop-menu {
  flex: 1;
  display: flex;
  justify-content: space-between;
}
 
.index-links1 {
  flex: 1;
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
 
.index-text1 {
  top: 0px;
  right: 250px;
  position: absolute;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}
 
.index-text2 {
  top: 0px;
  right: 150px;
  position: absolute;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}
 
.index-text31 {
  top: 0px;
  right: 50px;
  display: flex;
  position: absolute;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
}
 
.index-burger-menu {
  display: none;
}
 
.index-icon10 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.index-mobile-menu {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: 32px;
  z-index: 100;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
}
 
.index-nav {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.index-top {
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: var(--dl-layout-space-threeunits);
  justify-content: space-between;
}
 
.index-close-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.index-icon12 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.index-links2 {
  flex: 0 0 auto;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 
.index-link1 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.index-link2 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.index-link3 {
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.index-text10 {
  margin-bottom: var(--dl-layout-space-unit);
}
 
.index-text13 {
  margin-bottom: var(--dl-layout-space-unit);
}
 
.index-buttons {
  width: 100%;
  display: flex;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
 
.index-login {
  margin-right: var(--dl-layout-space-twounits);
}
 
.index-icon14 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  margin-right: var(--dl-layout-space-twounits);
}
 
.index-icon16 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  margin-right: var(--dl-layout-space-twounits);
}
 
.index-icon18 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
}
 
.index-container4bgpc {
  top: 6500px;
  width: 100vw;
  height: auto;
  display: flex;
  position: absolute;
  aspect-ratio: 1919 / 3687;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
 
.index-pc4bg {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1919 / 3687;
}
 
.index-container2 {
  width: 100vw;
  bottom: 450px;
  height: auto;
  display: flex;
  position: absolute;
  aspect-ratio: 1920 / 78;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
 
.index-vectorfooterbanner {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  display: flex;
  object-fit: cover;
  aspect-ratio: 1920 / 78;
}
 
.index-vector4section1 {
  top: 7800px;
  left: 0px;
  right: 0px;
  width: 541px;
  height: 71px;
  margin: auto;
  position: absolute;
}
 
.index-vector4section2 {
  top: 8940px;
  left: 0px;
  right: 0px;
  width: 541px;
  height: 71px;
  margin: auto;
  position: absolute;
}
 
.index-vector6infobutton {
  left: 0px;
  right: 0px;
  width: 250px;
  bottom: 635px;
  height: auto;
  margin: auto;
  z-index: 20;
  position: absolute;
}
 
.index-group31 {
  top: 5500px;
  left: 0px;
  right: 0px;
  width: 541px;
  height: 71px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-vector10 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 541px;
  height: 71px;
  margin: auto;
  position: absolute;
}
 
.index-group32 {
  top: 4560px;
  left: 0px;
  right: 0px;
  width: 300px;
  height: 55px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-vector11 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  max-width: 345px;
  align-items: center;
  justify-content: center;
}
 
.index-group3text {
  top: 4650px;
  left: 0px;
  right: 0px;
  width: 1000px;
  height: 100px;
  margin: auto;
  display: flex;
  position: absolute;
  text-align: center;
  align-items: flex-start;
  flex-shrink: 1;
  justify-content: center;
}
 
.index-text32 {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 15px;
  text-align: center;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-grouptext12 {
  top: 2800px;
  left: 0px;
  right: 0px;
  width: 1000px;
  height: 100px;
  margin: auto;
  display: block;
  position: absolute;
  text-align: center;
  flex-shrink: 1;
}
 
.index-text11 {
  top: 0px;
  left: 0px;
  color: #595757;
  right: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
  font-size: 15px;
  text-align: left;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-grouptext11 {
  top: 1770px;
  left: 0px;
  right: 0px;
  width: 1000px;
  height: 100px;
  margin: auto;
  display: block;
  position: absolute;
  text-align: center;
  flex-shrink: 1;
}
 
.index-text12 {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
  font-size: 15px;
  text-align: left;
  font-family: "Noto Sans";
  line-height: 1.6;
}
 
.index-texttopmenu {
  top: 110px;
  color: rgb(89, 87, 87);
  right: 190px;
  width: 571px;
  height: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-textcategory1 {
  top: 1560px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 175px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  font-size: 25px;
  font-style: Bold;
  text-align: center;
  align-items: stretch;
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-texttitle1 {
  top: 1680px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 543px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  align-items: stretch;
  font-family: "Noto Sans";
  font-weight: bold;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-vector12 {
  top: 1620px;
  left: 0px;
  right: 0px;
  width: 68px;
  height: 4px;
  margin: auto;
  display: flex;
  position: absolute;
  justify-content: center;
}
 
.index-text5 {
  top: 6800px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 456px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 25px;
  font-style: Bold;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-texttitle5 {
  top: 6920px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 350px;
  height: 30px;
  margin: auto;
  display: flex;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: bold;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-vector5 {
  top: 6860px;
  left: 0px;
  right: 0px;
  width: 68px;
  height: 4px;
  margin: auto;
  position: absolute;
}
 
.index-group4sectiontext1 {
  top: 7010px;
  left: 0px;
  right: 0px;
  width: 1000px;
  height: var(--dl-layout-size-medium);
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  justify-content: center;
}
 
.index-fragment1 {
  display: contents;
}
 
.index-text17 {
  color: #595757;
  display: inline-block;
  font-size: 15px;
  line-height: 1.6;
}
 
.index-group4sectiontext3 {
  top: 8650px;
  left: 0px;
  right: 0px;
  width: 1000px;
  height: var(--dl-layout-size-medium);
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  justify-content: flex-start;
}
 
.index-fragment2 {
  display: contents;
}
 
.index-text18 {
  color: #595757;
  display: inline-block;
  font-size: 15px;
  line-height: 1.6;
}
 
.index-text19 {
  top: 0px;
  left: 0px;
  color: rgb(212, 136, 87);
  position: absolute;
  font-size: 22px;
  text-align: left;
  font-weight: bold;
}
 
.index-container3bg {
  top: 3160px;
  width: 100vw;
  height: auto;
  display: flex;
  position: absolute;
  aspect-ratio: 1920 / 1044; ;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
 
.index-rectangle1 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: auto;
  align-self: flex-start;
  aspect-ratio: 1920 / 1044;
}
 
.index-containerstaff {
  top: 3297px;
  left: 0px;
  right: 0px;
  width: 1385.3515625px;
  height: 562.203125px;
  margin: auto;
  display: flex;
  position: absolute;
}
 
.index-containerkatayama {
  left: 713px;
  width: 259px;
  bottom: 0px;
  height: 367.15625px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 258 / 358;
  justify-content: space-between;
}
 
.index-vector13 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 259px;
  height: 259px;
  margin: auto;
  z-index: 1;
  position: absolute;
}
 
.index-vectorcomment1 {
  width: 260px;
  height: 260px;
  opacity: 0;
  z-index: 2;
  transition: 0.3s;
}
 
.index-vectorcomment1:hover {
  top: 0px;
  left: 0px;
  right: 0px;
  margin: auto;
  opacity: 0.9;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 500ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-container3 {
  top: 284.1015625px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 79px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.index-text20 {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 210px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text21 {
  top: 24.0546875px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 230px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: left;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text22 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 133px;
  bottom: 0px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containershiokai {
  left: 407px;
  width: 259px;
  bottom: 0px;
  height: 367.15625px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 258 / 358;
  justify-content: space-between;
}
 
.index-vector14 {
  width: 259px;
  height: 259px;
  opacity: 1;
  z-index: 1;
}
 
.index-vectorcomment2 {
  width: 260px;
  height: 260px;
  opacity: 0;
  z-index: 2;
  transition: 0.3s;
}
 
.index-vectorcomment2:hover {
  opacity: 0.9;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 500ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-groupshiokai {
  top: 285.515625px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 79px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.index-text23 {
  top: -0.0000519225541211199px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 210px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text24 {
  top: 24.424489974975586px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 250px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text25 {
  top: 52.70057678222656px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 107px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containeriwai {
  left: 115px;
  width: 259px;
  bottom: 20px;
  height: 368.78125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 258 / 358;
  justify-content: space-between;
}
 
.index-vector15 {
  width: 259px;
  height: 259px;
  opacity: 1;
  z-index: 1;
}
 
.index-vectorcomment3 {
  width: 260px;
  height: 260px;
  opacity: 0;
  z-index: 2;
  transition: 0.3s;
}
 
.index-vectorcomment3:hover {
  opacity: 0.9;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 500ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-container4 {
  top: 285.515625px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 79px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.index-text26 {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 170px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text27 {
  top: 23.0546875px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 250px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text28 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 82px;
  bottom: 0px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containerotsuki {
  left: auto;
  right: 115px;
  width: 259px;
  bottom: 20px;
  height: 368.78125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 258 / 358;
  justify-content: space-between;
}
 
.index-vector16 {
  width: 259px;
  height: 259px;
  opacity: 1;
  z-index: 1;
}
 
.index-vectorcomment4 {
  width: 260px;
  height: 260px;
  opacity: 0;
  z-index: 2;
  transition: 0.3s;
}
 
.index-vectorcomment4:hover {
  opacity: 0.9;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 500ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-groupootsuki1 {
  top: 285.515625px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 79px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.index-text29 {
  top: 0.00012601737398654222px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 170px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text30 {
  top: 25px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 185px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text33 {
  top: 52.70075607299805px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 107px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containerootsuki {
  right: 115px;
  width: 259px;
  bottom: 20px;
  height: 368.78125px;
  display: none;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 258 / 358;
  justify-content: space-between;
}
 
.index-vectorimage {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 259px;
  height: 259px;
  margin: auto;
  z-index: 1;
  position: absolute;
}
 
.index-vectorcomment5 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 260px;
  margin: auto;
  opacity: 0;
  z-index: 2;
  transition: 0.3s;
}
 
.index-vectorcomment5:hover {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 250px;
  height: 250px;
  margin: auto;
  opacity: 0.9;
  animation-name: fadeIn;
  animation-delay: 0s;
  animation-duration: 500ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-groupootsuki2 {
  top: 285.515625px;
  left: 0px;
  right: 0px;
  width: 260px;
  height: 79px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
}
 
.index-text34 {
  top: 0.00012601737398654222px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 170px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text35 {
  top: 25px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 185px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14.2274px;
  font-style: Regular;
  text-align: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text36 {
  top: 52.70075607299805px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 107px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-textcategory3 {
  top: 4370px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 294px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  font-size: 25px;
  font-style: Bold;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-texttitle3 {
  top: 4490px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 570px;
  height: 50px;
  margin: auto;
  display: flex;
  position: absolute;
  font-size: 20px;
  font-style: Regular;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: bold;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-vector3 {
  top: 4430px;
  left: 0px;
  right: 0px;
  width: 68px;
  height: 4px;
  margin: auto;
  display: flex;
  position: absolute;
}
 
.index-vector2 {
  top: 3300px;
  left: 0px;
  right: 0px;
  width: 63px;
  height: 4px;
  margin: auto;
  position: absolute;
}
 
.index-textcategory2 {
  top: 3240px;
  left: 0px;
  color: rgba(255, 255, 255, 1);
  right: 0px;
  width: 206px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 25px;
  font-style: Bold;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: 700;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-vectorsp3copy {
  top: 3338.703125px;
  left: 0px;
  right: 0px;
  width: 664px;
  height: auto;
  margin: auto;
  display: none;
  position: absolute;
}
 
.index-vector3copy {
  top: 3360px;
  left: 0px;
  right: 0px;
  width: 664px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
}
 
.index-groupfooter {
  left: 110px;
  width: 120px;
  bottom: 110px;
  height: auto;
  display: flex;
  position: absolute;
  flex-shrink: 1;
  aspect-ratio: 302 / 260;
}
 
.index-rectangle2 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: auto;
  display: block;
  position: absolute;
  max-width: 280px;
}
 
.index-imagetopillustsp {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-clippathgrouptoppc {
  top: 157px;
  right: -115px;
  width: 100%;
  height: 1364px;
  display: flex;
  position: absolute;
  max-width: 2000px;
  max-height: auto;
  align-items: flex-start;
  flex-shrink: 1;
  aspect-ratio: 4/3;
}
 
.index-vectorcatchcopy1 {
  top: 400px;
  right: 300px;
  width: 350px;
  height: auto;
  display: block;
  position: absolute;
  max-width: 350px;
  max-height: auto;
  min-height: auto;
}
 
.index-imgaecatchcopy2 {
  top: 720px;
  right: 260px;
  width: 560px;
  height: auto;
  margin: auto;
  opacity: 0;
  z-index: 60;
  position: absolute;
  object-fit: cover;
  animation-name: fadeIn;
  animation-delay: 1s;
  animation-duration: 2s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-imgaecatchcopy2sp {
  top: 720px;
  right: 260px;
  width: 560px;
  height: auto;
  margin: auto;
  display: none;
  opacity: 0;
  z-index: 60;
  position: absolute;
  object-fit: cover;
  animation-name: fadeIn;
  animation-delay: 2.5s;
  animation-duration: 5s;
  animation-direction: normal;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
}
 
.index-vectortopillust1 {
  top: 0px;
  right: -50px;
  width: 100%;
  height: auto;
  display: flex;
  z-index: 50;
  position: absolute;
  max-width: 2200px;
  max-height: auto;
  align-content: flex-end;
  animation-name: pulse;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
 
.index-vectortopillust2 {
  left: 0px;
  width: 504px;
  bottom: 0px;
  height: auto;
  position: absolute;
  align-self: flex-end;
  object-fit: cover;
  animation-name: pulse;
  animation-delay: 0s;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
 
.index-vectortopillustshadow {
  top: 120px;
  right: -130px;
  width: 1865px;
  bottom: var(--dl-layout-space-sixunits);
  height: auto;
  display: flex;
  position: absolute;
  object-fit: cover;
  animation-name: flash;
  animation-delay: 0s;
  justify-content: flex-start;
  animation-duration: 10s;
  animation-direction: normal;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
 
.index-vector17 {
  top: 1950px;
  left: 0px;
  right: 0px;
  width: 1408px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  padding-top: 0px;
  padding-left: 150px;
  padding-right: 150px;
  padding-bottom: 0px;
}
 
.index-textsptop {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-container5 {
  top: 900px;
  left: 150px;
  width: 901px;
  height: 270.9453125px;
  display: flex;
  position: absolute;
  align-items: flex-end;
  justify-content: flex-start;
}
 
.index-grouptoptext1 {
  top: 0px;
  left: 0px;
  width: 599.5527954101562px;
  height: 76.00697326660156px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-text37 {
  color: #595757;
  width: 600px;
  height: auto;
  position: absolute;
  font-size: 20px;
  text-align: left;
  font-family: "Noto Sans";
  font-weight: bold;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text38 {
  color: #595757;
  width: 600px;
  bottom: 0px;
  height: auto;
  position: absolute;
  font-size: 20px;
  text-align: left;
  font-family: "Noto Sans";
  font-weight: bold;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-grouptoptext2 {
  left: 0px;
  width: 897px;
  bottom: 0px;
  height: 155.94602966308594px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-text39 {
  top: 0.0000029187572181399446px;
  left: 0.5786668658256531px;
  color: rgba(89, 87, 87, 1);
  width: 100%;
  height: auto;
  position: absolute;
  font-size: 17px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text40 {
  top: 44.389404296875px;
  left: 0.7682531476020813px;
  color: rgba(89, 87, 87, 1);
  width: 100%;
  height: auto;
  position: absolute;
  font-size: 17px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text41 {
  top: 88.78886413574219px;
  left: -0.000018092830941895954px;
  color: rgba(89, 87, 87, 1);
  width: 100%;
  height: auto;
  position: absolute;
  font-size: 17px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text42 {
  top: 133.17813110351562px;
  left: 0.5786668658256531px;
  color: rgba(89, 87, 87, 1);
  width: 100%;
  height: auto;
  position: absolute;
  font-size: 17px;
  font-style: Regular;
  text-align: left;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containerfootersidebanner {
  flex: 1;
  right: -10px;
  width: 300px;
  bottom: 0px;
  height: 200px;
  display: block;
  z-index: 99999;
  position: fixed;
  max-width: 300px;
  max-height: 200px;
}
 
.index-vector18 {
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  aspect-ratio: 483 / 335;
  justify-content: flex-start;
}
 
.index-group33 {
  top: 3956.66943359375px;
  left: 0px;
  right: 0px;
  width: 344.76995849609375px;
  height: 51.240055084228516px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-text43 {
  top: -0.00017793200095184147px;
  left: 27.108579635620117px;
  color: rgba(89, 87, 87, 1);
  width: 293px;
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-text44 {
  top: 30.640411376953125px;
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 345px;
  height: auto;
  margin: auto;
  position: absolute;
  font-size: 14px;
  font-style: Regular;
  text-align: center;
  font-family: "Noto Sans";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-container3pc {
  top: 4031px;
  left: 0px;
  right: 0px;
  width: 368px;
  height: 122.90625px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  justify-content: flex-end;
}
 
.index-vector19 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 368px;
  height: auto;
  margin: auto;
  position: absolute;
}
 
.index-image4sp {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-clippathgroup4illust {
  top: 7200px;
  left: 0px;
  right: 0px;
  width: 1207px;
  height: 508px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
 
.index-rectangle3 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1207px;
  height: auto;
  margin: auto;
  opacity: 1;
  position: absolute;
}
 
.index-container4illust31 {
  top: 8000px;
  left: 0px;
  right: 0px;
  width: 1114px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
 
.index-image4illust1 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  height: auto;
  margin: auto;
  position: absolute;
  object-fit: cover;
}
 
.index-image4illustsp1 {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-container5illustsp {
  top: 0px;
  left: 38.5px;
  width: 400px;
  height: 7116.4765625px;
  display: none;
  position: absolute;
  align-items: flex-end;
  justify-content: center;
}
 
.index-image5sp1 {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-image5sp2 {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-container5illust4pc {
  top: 9050px;
  left: 0px;
  right: 0px;
  width: 1583.5703125px;
  height: auto;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
 
.index-image5illust {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1583.5739px;
  height: auto;
  margin: auto;
  position: absolute;
  object-fit: cover;
  padding-top: 100px;
  padding-left: 200px;
  padding-right: 200px;
  padding-bottom: 200px;
}
 
.index-container4illust32 {
  top: 5570px;
  left: 0px;
  right: 0px;
  width: 1583.5703125px;
  height: 890px;
  margin: auto;
  display: flex;
  position: absolute;
}
 
.index-image4illust2 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1583.5739px;
  bottom: 0px;
  height: auto;
  margin: auto;
  position: absolute;
  object-fit: cover;
  padding-top: 100px;
  padding-left: 200px;
  padding-right: 200px;
  padding-bottom: 200px;
}
 
.index-image4illustsp2 {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-container4illust2 {
  top: 4700px;
  left: 0px;
  right: 0px;
  width: 1583.5703125px;
  height: 686.2109375px;
  margin: auto;
  display: flex;
  position: absolute;
  max-width: 1583.5703125px;
  max-height: 686.2109375px;
  align-items: center;
  justify-content: flex-start;
}
 
.index-image4illust3 {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 1583.5739px;
  height: auto;
  margin: auto;
  position: absolute;
  object-fit: cover;
  padding-top: 100px;
  padding-left: 200px;
  padding-right: 200px;
  padding-bottom: 200px;
}
 
.index-image4illustsp3 {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-containerfooterlink {
  top: auto;
  left: 0px;
  right: 0px;
  width: 600px;
  bottom: 320px;
  height: 30px;
  margin: auto;
  display: flex;
  position: absolute;
  justify-content: center;
}
 
.index-footertextlinkhome {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  width: 250px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: relative;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  align-items: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-footertextlinkmember {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 450px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: relative;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  align-items: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-footertextlinkjigyo {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 250px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: relative;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  align-items: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-footertextlinkjirei {
  top: 0px;
  left: 0px;
  color: rgb(89, 87, 87);
  right: 0px;
  width: 250px;
  bottom: 0px;
  height: auto;
  display: flex;
  position: relative;
  font-size: 15px;
  font-style: Regular;
  text-align: center;
  align-items: center;
  font-family: "Inter";
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  justify-content: center;
  text-decoration: none;
}
 
.index-container2text {
  top: 3420px;
  left: 0px;
  right: 0px;
  width: 600px;
  bottom: auto;
  height: 30px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
}
 
.index-fragment3 {
  display: contents;
}
 
.index-text45 {
  color: var(--dl-color-theme-neutral-light);
  display: inline-block;
}
 
.index-container3bgsp {
  top: 2540px;
  left: 0px;
  width: 100vw;
  height: 1861.78125px;
  display: none;
  position: absolute;
  align-items: flex-end;
  justify-content: flex-start;
}
 
.index-image3bg {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 390 / 1514;
}
 
.index-containerspkenkyushobanner {
  top: 7297.1328125px;
  left: 205px;
  width: 200px;
  height: 198.7265625px;
  display: none;
  position: absolute;
  align-items: flex-end;
  justify-content: flex-start;
}
 
.index-image3sp {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-image3linesp {
  width: 200px;
  display: none;
  object-fit: cover;
}
 
.index-footertextlinksp1 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 712px;
  bottom: 275px;
  height: auto;
  margin: auto;
  display: none;
  position: absolute;
  font-size: 23.926998138427734px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-footertextlinksp2 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 712px;
  bottom: 275px;
  height: auto;
  margin: auto;
  display: none;
  position: absolute;
  font-size: 23.926998138427734px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-footertextlinksp3 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 712px;
  bottom: 275px;
  height: auto;
  margin: auto;
  display: none;
  position: absolute;
  font-size: 23.926998138427734px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-footertextlinksp4 {
  left: 0px;
  color: rgba(89, 87, 87, 1);
  right: 0px;
  width: 712px;
  bottom: 275px;
  height: auto;
  margin: auto;
  display: none;
  position: absolute;
  font-size: 23.926998138427734px;
  font-style: Regular;
  text-align: center;
  font-family: Inter;
  font-weight: 400;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
 
.index-containerfooterbanner {
  left: 0px;
  right: 0px;
  width: 657px;
  bottom: 200px;
  height: 81px;
  margin: auto;
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: column;
}
 
.index-image1 {
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
  position: absolute;
  max-width: 200px;
  max-height: auto;
  object-fit: cover;
}
 
.index-image2 {
  top: 0px;
  left: 231px;
  width: 100%;
  height: auto;
  position: absolute;
  max-width: 200px;
  max-height: auto;
  object-fit: cover;
}
 
.index-image3 {
  top: 0px;
  right: 0px;
  width: 100%;
  height: auto;
  position: absolute;
  max-width: 200px;
  max-height: auto;
  object-fit: cover;
}
 
@media(max-width: 1600px) {
  .index-indexhtml {
    height: 10800px;
  }
  .index-frame {
    width: 100%;
    height: 10800px;
  }
  .index-group {
    width: 100%;
    height: 10800px;
  }
  .index-frame4 {
    left: 0px;
    right: 0px;
    width: 100%;
    height: 10800px;
    margin: 0px;
  }
  .index-logopc {
    left: 50px;
  }
  .index-desktop-menu {
    align-self: center;
    padding-right: var(--dl-layout-space-unit);
  }
  .index-container4bgpc {
    top: 6450px;
    width: 100vw;
    height: 3250px;
  }
  .index-pc4bg {
    width: 100%;
  }
  .index-vector4section1 {
    top: 7600px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector4section2 {
    top: 8600px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector6infobutton {
    z-index: 20;
  }
  .index-group31 {
    top: 5500px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector10 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group32 {
    top: 4600px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector11 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group3text {
    top: 4700px;
    left: 0px;
    right: 0px;
    width: 800px;
    margin: auto;
  }
  .index-text32 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    font-size: 15px;
    text-align: left;
  }
  .index-grouptext12 {
    top: 2750px;
    left: 0px;
    right: 0px;
    width: 800px;
    margin: auto;
  }
  .index-text11 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    font-size: 15px;
    text-align: left;
  }
  .index-grouptext11 {
    top: 1770px;
    left: 0px;
    right: 0px;
    width: 800px;
    height: 130px;
    margin: auto;
  }
  .index-text12 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    font-size: 15px;
    text-align: left;
  }
  .index-texttopmenu {
    font-size: 20px;
  }
  .index-textcategory1 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle1 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector12 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text5 {
    top: 6700px;
  }
  .index-texttitle5 {
    top: 6820px;
    width: 350px;
    display: flex;
    justify-content: center;
  }
  .index-vector5 {
    top: 6760px;
  }
  .index-group4sectiontext1 {
    top: 6910px;
    width: 1000px;
    height: var(--dl-layout-size-medium);
  }
  .index-group4sectiontext3 {
    top: 8350px;
    width: 890px;
    height: var(--dl-layout-size-large);
  }
  .index-text19 {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .index-container3bg {
    top: 3100px;
    left: 0px;
    right: 0px;
    width: 100vw;
    height: 1150px;
    margin: auto;
    display: flex;
  }
  .index-rectangle1 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
  }
  .index-containerstaff {
    top: 3240px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-twounits);
  }
  .index-containerkatayama {
    bottom: 0px;
    margin: auto;
  }
  .index-vectorcomment1 {
    width: 260px;
    height: 260px;
    opacity: 0;
    z-index: 2;
    position: absolute;
  }
  .index-container3 {
    width: 260px;
    height: 79px;
  }
  .index-text20 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text21 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text22 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containershiokai {
    bottom: 0px;
    margin: auto;
  }
  .index-vector14 {
    opacity: 1;
    z-index: 1;
  }
  .index-vectorcomment2 {
    opacity: 0;
    z-index: 2;
    position: absolute;
  }
  .index-groupshiokai {
    width: 260px;
    height: 79px;
  }
  .index-text23 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text24 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text25 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containeriwai {
    top: 157px;
    left: 113px;
    margin: auto;
  }
  .index-vector15 {
    opacity: 1;
    z-index: 1;
  }
  .index-vectorcomment3 {
    opacity: 0;
    z-index: 2;
    position: absolute;
  }
  .index-container4 {
    width: 260px;
    height: 79px;
  }
  .index-text26 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text27 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text28 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerotsuki {
    top: 157px;
    left: auto;
    right: 113px;
    margin: auto;
  }
  .index-vector16 {
    opacity: 1;
    z-index: 1;
  }
  .index-vectorcomment4 {
    opacity: 0;
    z-index: 2;
    position: absolute;
  }
  .index-groupootsuki1 {
    width: 260px;
    height: 79px;
  }
  .index-text29 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text30 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text33 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerootsuki {
    top: 157px;
    right: 113px;
    margin: auto;
  }
  .index-vectorcomment5 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    opacity: 0;
    z-index: 2;
    position: absolute;
  }
  .index-groupootsuki2 {
    width: 260px;
    height: 79px;
  }
  .index-text34 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text35 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text36 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-textcategory3 {
    top: 4420px;
  }
  .index-texttitle3 {
    top: 4540px;
  }
  .index-vector3 {
    top: 4480px;
  }
  .index-vector2 {
    top: 3260px;
  }
  .index-textcategory2 {
    top: 3200px;
  }
  .index-vectorsp3copy {
    display: none;
  }
  .index-vector3copy {
    top: 3300px;
    display: flex;
  }
  .index-groupfooter {
    left: 86px;
    width: 120px;
    bottom: 110px;
    height: auto;
  }
  .index-rectangle2 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
  }
  .index-imagetopillustsp {
    display: none;
  }
  .index-clippathgrouptoppc {
    right: -120px;
    width: 1600px;
    height: 1287px;
  }
  .index-vectorcatchcopy1 {
    top: 320px;
    right: 250px;
    width: 320px;
    position: absolute;
  }
  .index-imgaecatchcopy2 {
    top: 600px;
    right: 230px;
    width: 483px;
  }
  .index-imgaecatchcopy2sp {
    top: 600px;
    right: 230px;
    width: 483px;
    display: none;
  }
  .index-vectortopillust1 {
    right: -50px;
    width: 100%;
    max-width: 2200px;
    max-height: auto;
  }
  .index-vectortopillustshadow {
    top: 100px;
    right: -130px;
    width: 100%;
    max-width: 1865px;
    max-height: auto;
  }
  .index-vector17 {
    top: 1950px;
    position: absolute;
    padding-top: 0px;
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 0px;
  }
  .index-textsptop {
    display: none;
  }
  .index-container5 {
    top: 800px;
    left: 140px;
    display: flex;
  }
  .index-containerfootersidebanner {
    width: 300px;
    bottom: 0px;
    height: 200px;
  }
  .index-group33 {
    top: 4050px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text43 {
    color: rgb(89, 87, 87);
    font-size: 15.8746px;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-text44 {
    color: rgb(89, 87, 87);
    font-size: 15.8746px;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-container3pc {
    top: 4120px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
  }
  .index-vector19 {
    left: 0px;
    right: 0px;
    width: 368px;
    height: auto;
    margin: auto;
  }
  .index-image4sp {
    display: none;
  }
  .index-clippathgroup4illust {
    top: 6950px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-rectangle3 {
    left: 0px;
    right: 0px;
    margin: auto;
    padding: 100px;
  }
  .index-container4illust31 {
    top: 7700px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    max-width: 1583.5703125px;
    max-height: 1114px;
  }
  .index-image4illust1 {
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    padding-top: 80px;
    padding-left: 250px;
    padding-right: 250px;
    padding-bottom: 80px;
  }
  .index-container5illustsp {
    display: none;
  }
  .index-image5sp1 {
    display: none;
  }
  .index-image5sp2 {
    display: none;
  }
  .index-container5illust4pc {
    top: 8750px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    max-width: 1583.5703125px;
    max-height: 1114px;
  }
  .index-image5illust {
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    padding-top: 0px;
    padding-left: 250px;
    padding-right: 250px;
    padding-bottom: 0px;
  }
  .index-container4illust32 {
    top: 5970px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
  }
  .index-image4illust2 {
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    padding-top: 100px;
    padding-left: 250px;
    padding-right: 250px;
    padding-bottom: 200px;
  }
  .index-container4illust2 {
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
  }
  .index-image4illust3 {
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    padding: 200px;
  }
  .index-image4illustsp3 {
    display: none;
  }
  .index-containerfooterlink {
    top: auto;
    left: 0px;
    right: 0px;
    width: 600px;
    bottom: 320px;
    height: 30px;
    margin: auto;
  }
  .index-container2text {
    margin: auto;
    align-items: center;
    justify-content: center;
  }
  .index-container3bgsp {
    display: none;
  }
  .index-containerspkenkyushobanner {
    display: none;
  }
  .index-image3sp {
    display: none;
  }
  .index-image3linesp {
    display: none;
  }
  .index-footertextlinksp1 {
    display: none;
  }
  .index-footertextlinksp2 {
    display: none;
  }
  .index-footertextlinksp3 {
    display: none;
  }
  .index-footertextlinksp4 {
    display: none;
  }
  .index-containerfooterbanner {
    bottom: 200px;
  }
  .index-image1 {
    top: 0px;
  }
  .index-image3 {
    top: 0px;
  }
}
 
@media(max-width: 1200px) {
  .index-indexhtml {
    height: 8900px;
  }
  .index-frame {
    height: 8900px;
  }
  .index-group {
    width: 100%;
    height: 8900px;
  }
  .index-frame4 {
    height: 8900px;
  }
  .index-logopc {
    left: 30px;
    height: 47px;
  }
  .index-logosp {
    height: 47px;
  }
  .index-desktop-menu {
    padding-right: 0px;
  }
  .index-container4bgpc {
    top: 5365px;
    left: 0px;
    right: 0px;
    height: 2850px;
    margin: auto;
  }
  .index-pc4bg {
    width: 100%;
    height: auto;
  }
  .index-container2 {
    bottom: 400px;
  }
  .index-vector4section1 {
    top: 6370px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector4section2 {
    top: 7250px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector6infobutton {
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: 500px;
    margin: auto;
    z-index: 20;
  }
  .index-group31 {
    top: 4700px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector10 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group32 {
    top: 3965px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector11 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group3text {
    top: 4055px;
    left: 0px;
    right: 0px;
    width: 500px;
    height: 100px;
    margin: auto;
    max-width: 1000px;
    max-height: 130px;
  }
  .index-text32 {
    color: rgb(89, 87, 87);
    font-size: 15px;
    text-align: left;
    font-family: Noto Sans;
    line-height: 1.6;
  }
  .index-grouptext12 {
    top: 2250px;
    left: 0px;
    right: 0px;
    width: 700px;
    height: 130px;
    margin: auto;
    max-width: 1000px;
    max-height: 130px;
  }
  .index-text11 {
    font-size: 15px;
    text-align: left;
  }
  .index-grouptext11 {
    top: 1535px;
    left: 0px;
    right: 0px;
    width: 700px;
    height: 130px;
    margin: auto;
    max-width: 1000px;
    max-height: 130px;
  }
  .index-text12 {
    color: rgb(89, 87, 87);
    font-size: 15px;
    text-align: left;
    font-family: Noto Sans;
    line-height: 1.6;
  }
  .index-texttopmenu {
    top: var(--dl-layout-space-unit);
    right: 0px;
    font-size: 20px;
    text-align: center;
    font-family: Noto Sans;
  }
  .index-textcategory1 {
    top: 1342px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    aspect-ratio: auto;
  }
  .index-texttitle1 {
    top: 1462px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector12 {
    top: 1402px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text5 {
    top: 5542px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle5 {
    top: 5662px;
    left: 0px;
    right: 0px;
    width: 350px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .index-vector5 {
    top: 5602px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group4sectiontext1 {
    top: 5752px;
    left: 0px;
    right: 0px;
    width: 800px;
    height: var(--dl-layout-size-medium);
    margin: auto;
    position: absolute;
    max-width: 1280.4193115234375px;
    max-height: var(--dl-layout-size-large);
  }
  .index-group4sectiontext3 {
    top: 7000px;
    left: 0px;
    right: 0px;
    width: 800px;
    height: var(--dl-layout-size-large);
    margin: auto;
    position: absolute;
    max-width: 1000px;
    max-height: auto;
  }
  .index-container3bg {
    top: 2550px;
    left: 0px;
    right: 0px;
    height: 850px;
    margin: auto;
    display: flex;
  }
  .index-rectangle1 {
    height: 838px;
  }
  .index-containerstaff {
    top: 2830px;
    left: 0px;
    width: 1000px;
    height: 562px;
    margin: auto;
    max-width: 1200px;
  }
  .index-containerkatayama {
    top: 30px;
    left: auto;
    right: 255px;
    width: 230px;
    bottom: auto;
    height: 400px;
  }
  .index-vector13 {
    width: 229px;
    height: 229px;
    max-width: 259px;
    max-height: 259px;
    aspect-ratio: 1/1;
  }
  .index-vectorcomment1 {
    width: 230px;
    height: 230px;
  }
  .index-container3 {
    top: 280px;
    height: 79px;
  }
  .index-text20 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text21 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text22 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containershiokai {
    top: 30px;
    left: 255px;
    right: auto;
    width: 230px;
    bottom: auto;
    height: 400px;
  }
  .index-vector14 {
    width: 229px;
    height: 229px;
  }
  .index-vectorcomment2 {
    width: 230px;
    height: 230px;
  }
  .index-groupshiokai {
    top: 280px;
    width: 230px;
    height: 79px;
  }
  .index-text23 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text24 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text25 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containeriwai {
    top: 0px;
    left: 0px;
    right: auto;
    width: 230px;
    bottom: auto;
    height: 400px;
    margin: 0px;
  }
  .index-vector15 {
    width: 229px;
    height: 229px;
  }
  .index-vectorcomment3 {
    width: 230px;
    height: 230px;
  }
  .index-container4 {
    top: 280px;
    width: 230px;
    height: 79px;
  }
  .index-text26 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text27 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text28 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerotsuki {
    top: 0px;
    right: 0px;
    width: 230px;
    bottom: auto;
    height: 400px;
    margin: 0px;
  }
  .index-vector16 {
    width: 229px;
    height: 229px;
  }
  .index-vectorcomment4 {
    width: 230px;
    height: 230px;
  }
  .index-groupootsuki1 {
    top: 280px;
    width: 230px;
    height: 79px;
  }
  .index-text29 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text30 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text33 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerootsuki {
    top: 0px;
    left: auto;
    right: 0px;
    width: 230px;
    bottom: auto;
    height: 400px;
    margin: 0px;
  }
  .index-vectorimage {
    width: 229px;
    height: 229px;
    max-width: 259px;
    max-height: 259px;
    aspect-ratio: 1/1;
  }
  .index-vectorcomment5 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 230px;
    height: 230px;
    margin: auto;
  }
  .index-groupootsuki2 {
    top: 280px;
    width: 230px;
    height: 79px;
  }
  .index-text34 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text35 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text36 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-textcategory3 {
    top: 3785px;
    left: 0px;
    right: 0px;
    height: 50px;
    margin: auto;
  }
  .index-texttitle3 {
    top: 3905px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector3 {
    top: 3845px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector2 {
    top: 2680px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-textcategory2 {
    top: 2622px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vectorsp3copy {
    top: 2963px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: none;
  }
  .index-vector3copy {
    top: 2730px;
    left: 0px;
    right: 0px;
    width: 500px;
    height: auto;
    margin: auto;
  }
  .index-groupfooter {
    left: 50px;
    width: 120px;
    bottom: 110px;
    height: auto;
  }
  .index-rectangle2 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 280px;
  }
  .index-imagetopillustsp {
    display: none;
  }
  .index-clippathgrouptoppc {
    right: -60px;
    width: 1200px;
    height: 1075px;
  }
  .index-vectorcatchcopy1 {
    top: 240px;
    right: 180px;
    width: 262px;
    position: absolute;
  }
  .index-imgaecatchcopy2 {
    top: 400px;
    right: 180px;
    width: 360px;
  }
  .index-imgaecatchcopy2sp {
    top: 400px;
    right: 180px;
    width: 360px;
    display: none;
  }
  .index-vectortopillust1 {
    right: -40px;
  }
  .index-vectortopillust2 {
    bottom: 0px;
  }
  .index-vectortopillustshadow {
    top: 70px;
    right: -100px;
  }
  .index-vector17 {
    top: 1650px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    max-width: 1408px;
    max-height: 850px;
    padding-top: 0px;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 0px;
  }
  .index-textsptop {
    display: none;
  }
  .index-container5 {
    top: 700px;
    left: 130px;
    display: flex;
  }
  .index-grouptoptext1 {
    top: 0px;
    left: 0px;
  }
  .index-grouptoptext2 {
    left: 0px;
    bottom: 0px;
  }
  .index-text39 {
    font-size: 19px;
    line-height: 1.5;
  }
  .index-text40 {
    font-size: 19px;
    line-height: 1.5;
  }
  .index-text41 {
    font-size: 19px;
    line-height: 1.5;
  }
  .index-text42 {
    font-size: 19px;
    line-height: 1.5;
  }
  .index-containerfootersidebanner {
    width: 200px;
    bottom: 0px;
    height: auto;
    aspect-ratio: 3/2;
  }
  .index-vector18 {
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    position: absolute;
    max-width: 350px;
    max-height: 250px;
  }
  .index-group33 {
    top: 3350px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text43 {
    top: 0px;
  }
  .index-container3pc {
    top: 3430px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
  }
  .index-vector19 {
    top: 0px;
    left: 0px;
    width: 368 px;
    margin: auto;
    position: absolute;
    margin-top: auto;
  }
  .index-clippathgroup4illust {
    top: 6000px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    padding: 100px;
    max-width: 1207px;
    max-height: 508px;
  }
  .index-rectangle3 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: 0px;
    height: auto;
    margin: auto;
    max-width: 1207px;
    max-height: auto;
    padding-top: 100px;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 100px;
  }
  .index-container4illust31 {
    top: 6450px;
    right: -2px;
    height: auto;
    margin: auto;
  }
  .index-image4illust1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .index-container5illustsp {
    display: none;
  }
  .index-image5sp1 {
    display: none;
  }
  .index-image5sp2 {
    display: none;
  }
  .index-container5illust4pc {
    top: 7340px;
    left: 0px;
    right: 0px;
    height: 600px;
    margin: auto;
    position: absolute;
  }
  .index-image5illust {
    padding-top: 80px;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 80px;
  }
  .index-container4illust32 {
    top: 5150px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-image4illust2 {
    top: -212px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .index-container4illust2 {
    top: 4125px;
  }
  .index-image4illust3 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-top: 100px;
    padding-left: 200px;
    padding-right: 200px;
    padding-bottom: 100px;
  }
  .index-image4illustsp3 {
    display: none;
  }
  .index-containerfooterlink {
    top: auto;
    left: 0px;
    right: 0px;
    width: 600px;
    bottom: 320px;
    height: 30px;
    margin: auto;
  }
  .index-footertextlinkhome {
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 270px;
    position: relative;
    font-size: 15px;
    align-self: center;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinkmember {
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 270px;
    position: relative;
    font-size: 15px;
    align-self: center;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinkjigyo {
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 270px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinkjirei {
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 270px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-container2text {
    top: 2790px;
    width: 600px;
    height: 30px;
    margin: auto;
  }
  .index-container3bgsp {
    display: none;
  }
  .index-image3sp {
    display: none;
  }
  .index-image3linesp {
    display: none;
  }
  .index-footertextlinksp1 {
    color: rgb(89, 87, 87);
    bottom: 295px;
    display: none;
    font-size: 23.927px;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinksp2 {
    color: rgb(89, 87, 87);
    bottom: 295px;
    display: none;
    font-size: 23.927px;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinksp3 {
    color: rgb(89, 87, 87);
    bottom: 295px;
    display: none;
    font-size: 23.927px;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-footertextlinksp4 {
    color: rgb(89, 87, 87);
    bottom: 295px;
    display: none;
    font-size: 23.927px;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
  }
  .index-containerfooterbanner {
    left: 0px;
    right: 0px;
    width: 500px;
    bottom: 200px;
    height: 81px;
    margin: auto;
  }
  .index-image1 {
    top: 0px;
    width: 150px;
    bottom: 0px;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  .index-image2 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 150px;
    bottom: 0px;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
  .index-image3 {
    top: 0px;
    width: 150px;
    bottom: 0px;
    margin: auto;
    display: flex;
    justify-content: space-between;
  }
}
 
@media(max-width: 991px) {
  .index-indexhtml {
    height: 8700px;
  }
  .index-frame {
    height: 8700px;
  }
  .index-group {
    height: 8700px;
  }
  .index-frame4 {
    height: 8700px;
  }
  .index-logopc {
    display: none;
  }
  .index-logosp {
    left: 30px;
    display: flex;
  }
  .index-desktop-menu {
    display: none;
  }
  .index-burger-menu {
    right: 50px;
    height: auto;
    margin: auto;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
  }
  .index-icon10 {
    width: var(--dl-layout-size-small);
    height: var(--dl-layout-size-small);
  }
  .index-mobile-menu {
    left: auto;
    right: 0px;
    width: 50%;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .index-link1 {
    font-size: 20px;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-link2 {
    font-size: 20px;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-link3 {
    font-size: 20px;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-text10 {
    display: none;
  }
  .index-text13 {
    display: none;
  }
  .index-buttons {
    display: none;
  }
  .index-container4bgpc {
    top: 5165px;
    height: 2690px;
  }
  .index-pc4bg {
    width: 100%;
  }
  .index-container2 {
    bottom: 450px;
  }
  .index-vector4section1 {
    top: 6083px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector4section2 {
    top: 7020px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector6infobutton {
    width: 250px;
    bottom: 550px;
  }
  .index-group31 {
    top: 4550px;
    left: 0px;
    right: 0px;
    height: 71px;
    margin: auto;
  }
  .index-vector10 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 71px;
    margin: auto;
  }
  .index-group32 {
    top: 3976px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector11 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
  }
  .index-group3text {
    width: 500px;
  }
  .index-text32 {
    top: -16px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
  }
  .index-grouptext12 {
    top: 2250px;
    width: 870px;
  }
  .index-text11 {
    top: -16px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
  }
  .index-grouptext11 {
    top: 1619px;
    left: 0px;
    right: 0px;
    width: 870px;
    margin: auto;
  }
  .index-text12 {
    top: -16px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
  }
  .index-textcategory1 {
    top: 1432px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle1 {
    top: 1552px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector12 {
    top: 1492px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text5 {
    top: 5342px;
  }
  .index-texttitle5 {
    top: 5462px;
    width: 350px;
    display: flex;
    justify-content: center;
  }
  .index-vector5 {
    top: 5402px;
  }
  .index-group4sectiontext1 {
    top: 5552px;
    height: var(--dl-layout-size-large);
    max-width: 1000px;
  }
  .index-group4sectiontext3 {
    top: 6800px;
    max-height: auto;
  }
  .index-container3bg {
    height: 900px;
    display: flex;
  }
  .index-rectangle1 {
    height: 100%;
  }
  .index-containerstaff {
    width: 900px;
    height: 450px;
    padding: var(--dl-layout-space-halfunit);
    max-width: 1200px;
  }
  .index-containerkatayama {
    top: 50px;
    left: auto;
    right: 240px;
    width: 200px;
    bottom: auto;
    height: 300px;
  }
  .index-vector13 {
    width: 200px;
    height: 200px;
  }
  .index-vectorcomment1 {
    width: 200px;
    height: 200px;
  }
  .index-container3 {
    top: auto;
    width: 200px;
    bottom: 0px;
    height: 79px;
  }
  .index-text20 {
    color: rgb(89, 87, 87);
    display: flex;
    font-size: 14.2274px;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-text21 {
    color: rgb(89, 87, 87);
    display: flex;
    font-size: 14.2274px;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-text22 {
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .index-containershiokai {
    top: 50px;
    left: 240px;
    width: 200px;
    bottom: auto;
    height: 300px;
  }
  .index-vector14 {
    width: 200px;
    height: 200px;
  }
  .index-vectorcomment2 {
    width: 200px;
    height: 200px;
  }
  .index-groupshiokai {
    top: auto;
    left: 0px;
    right: 0px;
    width: 200px;
    bottom: 0px;
    height: 79px;
    margin: auto;
    justify-content: center;
  }
  .index-text23 {
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    margin: auto;
    display: flex;
    font-size: 14.2274px;
    text-align: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-text24 {
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .index-text25 {
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
    justify-content: center;
  }
  .index-containeriwai {
    left: 30px;
    width: 200px;
    bottom: 0px;
    height: 300px;
  }
  .index-vector15 {
    width: 200px;
    height: 200px;
  }
  .index-vectorcomment3 {
    width: 200px;
    height: 200px;
  }
  .index-container4 {
    top: auto;
    left: 0px;
    right: 0px;
    width: 200px;
    bottom: 0px;
    height: 79px;
    margin: auto;
  }
  .index-text26 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text27 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text28 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerotsuki {
    left: auto;
    right: 30px;
    width: 200px;
    bottom: 0px;
    height: 300px;
  }
  .index-vector16 {
    width: 200px;
    height: 200px;
  }
  .index-vectorcomment4 {
    width: 200px;
    height: 200px;
  }
  .index-groupootsuki1 {
    top: auto;
    width: 200px;
    bottom: 0px;
    height: 79px;
  }
  .index-containerootsuki {
    left: auto;
    right: 50px;
    width: 200px;
    bottom: 0px;
    height: 300px;
  }
  .index-vectorimage {
    width: 200px;
    height: 200px;
  }
  .index-vectorcomment5 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 200px;
    height: 200px;
    margin: auto;
  }
  .index-groupootsuki2 {
    top: auto;
    width: 200px;
    bottom: 0px;
    height: 79px;
  }
  .index-vectorsp3copy {
    display: none;
  }
  .index-vector3copy {
    width: 600px;
    display: flex;
  }
  .index-groupfooter {
    width: 120px;
    bottom: 50px;
    height: auto;
  }
  .index-rectangle2 {
    max-width: 301.84613037109375px;
    max-height: 259px;
  }
  .index-imagetopillustsp {
    top: 100px;
    display: none;
    position: absolute;
  }
  .index-clippathgrouptoppc {
    right: -60px;
    width: 1000px;
    height: 1175px;
  }
  .index-vectorcatchcopy1 {
    top: 180px;
    right: 140px;
    width: 262px;
    bottom: 4px;
  }
  .index-imgaecatchcopy2 {
    top: 340px;
    right: 140px;
  }
  .index-imgaecatchcopy2sp {
    top: 340px;
    right: 140px;
  }
  .index-vectortopillust1 {
    right: 0px;
  }
  .index-vectortopillustshadow {
    top: 60px;
    right: -100px;
  }
  .index-vector17 {
    top: 1800px;
    flex: 1;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
    position: absolute;
    max-width: 1408px;
    max-height: 850px;
  }
  .index-textsptop {
    display: none;
  }
  .index-container5 {
    top: 700px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
  }
  .index-grouptoptext1 {
    top: 0px;
    left: 0px;
  }
  .index-grouptoptext2 {
    top: 115px;
    left: 4px;
  }
  .index-containerfootersidebanner {
    width: 180px;
  }
  .index-vector18 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: auto;
    margin: auto;
  }
  .index-group33 {
    top: 3350px;
  }
  .index-container3pc {
    top: 3430px;
  }
  .index-clippathgroup4illust {
    top: 5700px;
    left: 0px;
    right: 0px;
    width: 700px;
    height: auto;
    margin: auto;
  }
  .index-rectangle3 {
    margin: 0px;
    padding: 50px;
  }
  .index-container4illust31 {
    top: 6200px;
    left: 0px;
    right: 0px;
    height: auto;
    margin: auto;
  }
  .index-image4illust1 {
    padding-top: 50px;
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 50px;
  }
  .index-container5illustsp {
    display: none;
  }
  .index-image5sp1 {
    display: none;
  }
  .index-image5sp2 {
    display: none;
  }
  .index-container5illust4pc {
    top: 7150px;
    left: 0px;
    right: 0px;
    height: 500px;
    margin: 0px;
  }
  .index-image5illust {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding-top: 50px;
    padding-left: 150px;
    padding-right: 150px;
    padding-bottom: 50px;
  }
  .index-container4illust32 {
    top: 4950px;
  }
  .index-image4illustsp3 {
    display: none;
  }
  .index-containerfooterlink {
    top: auto;
    left: 0px;
    right: 0px;
    width: 600px;
    bottom: 320px;
    height: 30px;
    margin: auto;
  }
  .index-footertextlinkhome {
    bottom: 350px;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .index-footertextlinkmember {
    bottom: 350px;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .index-footertextlinkjigyo {
    bottom: 350px;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .index-footertextlinkjirei {
    bottom: 350px;
    position: relative;
    align-items: center;
    justify-content: center;
  }
  .index-container2text {
    left: 0px;
    right: 0px;
    width: 600px;
    height: 60px;
    margin: auto;
    position: absolute;
    align-items: center;
    justify-content: center;
  }
  .index-container3bgsp {
    display: none;
  }
  .index-image3sp {
    display: none;
  }
  .index-image3linesp {
    display: none;
  }
  .index-footertextlinksp1 {
    bottom: 325px;
    display: none;
  }
  .index-footertextlinksp2 {
    bottom: 325px;
    display: none;
  }
  .index-footertextlinksp3 {
    bottom: 325px;
    display: none;
  }
  .index-footertextlinksp4 {
    bottom: 325px;
    display: none;
  }
  .index-containerfooterbanner {
    width: 500px;
    bottom: 250px;
    height: auto;
  }
  .index-image1 {
    top: 0px;
    left: 0px;
  }
  .index-image2 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-image3 {
    top: 0px;
    right: 0px;
  }
}
 
@media(max-width: 767px) {
  .index-indexhtml {
    height: 12000px;
  }
  .index-frame {
    height: 12000px;
  }
  .index-group {
    height: 12000px;
  }
  .index-frame4 {
    left: -2px;
    bottom: -92px;
    height: 12000px;
  }
  .index-navbar-interactive {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
  .index-logosp {
    left: 30px;
  }
  .index-icon10 {
    width: 30px;
    height: 30px;
  }
  .index-mobile-menu {
    left: auto;
    right: 0px;
    width: 50%;
    padding: 35px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .index-link1 {
    font-size: 20px;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-link2 {
    font-size: 20px;
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-link3 {
    font-size: 20px;
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .index-text10 {
    display: none;
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .index-text13 {
    display: none;
    margin-left: 0;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .index-buttons {
    display: none;
  }
  .index-container4bgpc {
    top: 7700px;
    left: 0px;
    right: 0px;
    bottom: auto;
    height: 1515px;
    margin: auto;
  }
  .index-pc4bg {
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    align-self: flex-start;
  }
  .index-vector4section1 {
    top: 9300px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector4section2 {
    top: 10450px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector6infobutton {
    left: 0px;
    right: 0px;
    width: 200px;
    margin: auto;
  }
  .index-group31 {
    top: 6630px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector10 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
  }
  .index-group32 {
    top: 5832px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector11 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
  }
  .index-group3text {
    top: 5900px;
    right: -4px;
    width: 380px;
    height: 200px;
    margin: auto;
    max-height: 300px;
  }
  .index-text32 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    text-align: left;
  }
  .index-grouptext12 {
    top: 2900px;
    left: 0px;
    right: 0px;
    width: 500px;
    height: 200px;
    margin: auto;
    max-height: 300px;
  }
  .index-text11 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-twounits);
    text-align: left;
  }
  .index-grouptext11 {
    top: 2250px;
    left: 0px;
    right: 0px;
    width: 500px;
    height: 200px;
    margin: auto;
    max-height: 300px;
  }
  .index-text12 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-twounits);
    text-align: left;
  }
  .index-textcategory1 {
    top: 2100px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle1 {
    top: 2220px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector12 {
    top: 2160px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text5 {
    top: 7811px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle5 {
    top: 7961px;
    left: 0px;
    right: 0px;
    width: 350px;
    margin: auto;
    justify-content: center;
  }
  .index-vector5 {
    top: 7911px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group4sectiontext1 {
    top: 8000px;
    left: 0px;
    width: 600px;
    height: auto;
    margin: auto;
    position: absolute;
  }
  .index-group4sectiontext3 {
    top: 10200px;
    width: 600px;
    height: 200px;
    position: absolute;
  }
  .index-container3bg {
    display: none;
  }
  .index-containerstaff {
    top: 3470px;
    width: 100%;
    height: 1800px;
  }
  .index-containerkatayama {
    top: 850px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    height: 350px;
    margin: auto;
    z-index: 35;
  }
  .index-vector13 {
    width: 250px;
    height: 250px;
  }
  .index-vectorcomment1 {
    width: 250px;
    height: 250px;
  }
  .index-container3 {
    width: 250px;
  }
  .index-containershiokai {
    top: 450px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    height: 350px;
    margin: auto;
    z-index: 35;
  }
  .index-vector14 {
    width: 250px;
    height: 250px;
  }
  .index-vectorcomment2 {
    width: 250px;
    height: 250px;
  }
  .index-groupshiokai {
    width: 250px;
    height: 79px;
  }
  .index-containeriwai {
    top: 1250px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    height: 350px;
    margin: auto;
    z-index: 40;
  }
  .index-vector15 {
    width: 250px;
    height: 250px;
  }
  .index-vectorcomment3 {
    width: 250px;
    height: 250px;
  }
  .index-container4 {
    width: 250px;
    height: 79px;
  }
  .index-containerotsuki {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    height: 350px;
    margin: auto;
    z-index: 40;
  }
  .index-vector16 {
    width: 250px;
    height: 250px;
  }
  .index-vectorcomment4 {
    width: 250px;
    height: 250px;
  }
  .index-groupootsuki1 {
    width: 250px;
    height: 79px;
  }
  .index-containerootsuki {
    top: 50px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    height: 350px;
    margin: auto;
    z-index: 40;
    position: absolute;
  }
  .index-vectorimage {
    width: 250px;
    height: 250px;
  }
  .index-vectorcomment5 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 250px;
    height: 250px;
    margin: auto;
  }
  .index-groupootsuki2 {
    width: 250px;
    height: 79px;
  }
  .index-textcategory3 {
    top: 5669px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle3 {
    top: 5725px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector3 {
    top: 5793px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector2 {
    top: 3260px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 40;
  }
  .index-textcategory2 {
    top: 3200px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 40;
  }
  .index-vectorsp3copy {
    top: 3320px;
    left: 0px;
    right: 0px;
    width: 300px;
    margin: auto;
    display: flex;
    z-index: 40;
  }
  .index-vector3copy {
    display: none;
  }
  .index-groupfooter {
    width: 120px;
  }
  .index-imagetopillustsp {
    top: 100px;
    left: var(--dl-layout-space-twounits);
    width: 300px;
    display: flex;
    position: absolute;
    animation-name: pulse;
    animation-delay: 0s;
    animation-duration: 10s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
  }
  .index-vectorcatchcopy1 {
    top: 100px;
  }
  .index-imgaecatchcopy2 {
    top: 370px;
    right: 170px;
    display: none;
  }
  .index-imgaecatchcopy2sp {
    top: 370px;
    left: auto;
    right: 120px;
    width: 200px;
    margin: 0px;
    display: flex;
    animation-delay: 1s;
    animation-duration: 2s;
  }
  .index-vectortopillust1 {
    display: none;
  }
  .index-vectortopillust2 {
    display: none;
  }
  .index-vectortopillustshadow {
    display: none;
  }
  .index-vector17 {
    top: 2400px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    padding-top: 0px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 0px;
  }
  .index-textsptop {
    top: 900px;
    left: 100px;
    right: auto;
    width: 400px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-container5 {
    display: none;
  }
  .index-containerfootersidebanner {
    bottom: 0px;
  }
  .index-group33 {
    top: 5303px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-container3pc {
    display: none;
  }
  .index-image4sp {
    top: 8200px;
    left: 0px;
    right: 0px;
    width: 400px;
    height: auto;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-clippathgroup4illust {
    display: none;
  }
  .index-rectangle3 {
    display: none;
  }
  .index-container4illust31 {
    top: 7485px;
    right: -24px;
  }
  .index-image4illust1 {
    display: none;
  }
  .index-container5illustsp {
    top: 9450px;
    left: 0px;
    right: 0px;
    width: 450px;
    height: 800px;
    margin: auto;
    display: flex;
  }
  .index-image5sp1 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-image5sp2 {
    top: 10600px;
    left: 0px;
    right: 0px;
    width: 450px;
    bottom: auto;
    height: auto;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-container5illust4pc {
    display: none;
  }
  .index-container4illust32 {
    top: 6333px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
  }
  .index-image4illust2 {
    top: 0px;
    display: none;
  }
  .index-image4illustsp2 {
    top: 440px;
    left: 0px;
    right: 0px;
    width: 400px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-container4illust2 {
    top: 6100px;
    left: 0px;
    right: 0px;
    height: 500px;
    margin: auto;
  }
  .index-image4illust3 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: none;
  }
  .index-image4illustsp3 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 500px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-containerfooterlink {
    top: auto;
    left: 0px;
    right: 0px;
    width: 600px;
    bottom: 320px;
    height: 30px;
    margin: auto;
    position: absolute;
    justify-content: center;
  }
  .index-footertextlinkhome {
    top: 0px;
    left: 0px;
    color: rgb(89, 87, 87);
    right: auto;
    width: 100%;
    bottom: 0px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinkmember {
    top: 0px;
    left: 0px;
    color: rgb(89, 87, 87);
    right: auto;
    width: 100%;
    bottom: 0px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinkjigyo {
    top: 0px;
    left: 0px;
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 0px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinkjirei {
    top: 0px;
    color: rgb(89, 87, 87);
    width: 100%;
    bottom: 0px;
    position: relative;
    font-size: 15px;
    align-items: center;
    font-family: Inter;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-container2text {
    top: 3430px;
    left: 0px;
    right: 0px;
    height: 60px;
    margin: auto;
    z-index: 100;
    position: absolute;
    align-items: center;
    justify-content: center;
  }
  .index-container3bgsp {
    top: 3129px;
    left: 0px;
    right: 0px;
    width: 100vw;
    height: 2100px;
    margin: auto;
    display: flex;
    z-index: 0000;
  }
  .index-image3bg {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 0000;
    position: absolute;
  }
  .index-containerspkenkyushobanner {
    top: 5388px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
  }
  .index-image3sp {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-image3linesp {
    top: 5630px;
    left: 0px;
    right: 0px;
    bottom: auto;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-footertextlinksp1 {
    display: none;
  }
  .index-footertextlinksp2 {
    display: none;
  }
  .index-footertextlinksp3 {
    display: none;
  }
  .index-footertextlinksp4 {
    display: none;
  }
  .index-containerfooterbanner {
    bottom: 250px;
  }
  .index-image1 {
    width: 150px;
  }
  .index-image2 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-image3 {
    right: 0px;
  }
}
 
@media(max-width: 479px) {
  .index-indexhtml {
    height: 11000px;
  }
  .index-frame {
    height: 11000px;
  }
  .index-group {
    height: 11000px;
  }
  .index-frame4 {
    height: 11000px;
  }
  .index-navbar-interactive {
    height: 80px;
    padding: var(--dl-layout-space-halfunit);
  }
  .index-logopc {
    height: 37px;
  }
  .index-logosp {
    left: 20px;
    height: 37px;
  }
  .index-burger-menu {
    right: 30px;
  }
  .index-icon10 {
    width: 30px;
    height: 30px;
  }
  .index-mobile-menu {
    left: auto;
    right: 0px;
    width: 70%;
    height: 100vh;
    padding: 30px;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .index-container4bgpc {
    top: 6480px;
    left: 0px;
    right: 0px;
    width: 100vw;
    height: 1395px;
    margin: auto;
  }
  .index-pc4bg {
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%;
    margin: auto;
    position: absolute;
  }
  .index-container2 {
    left: 0px;
    right: 0px;
    bottom: 1040px;
    height: 80px;
    margin: auto;
  }
  .index-vectorfooterbanner {
    left: 0px;
    right: 0px;
    bottom: 950px;
  }
  .index-vector4section1 {
    top: 7950px;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: auto;
    height: auto;
    margin: auto;
    max-width: 359px;
    max-height: 68px;
  }
  .index-vector4section2 {
    top: 8950px;
    left: 0px;
    right: 0px;
    width: 100%;
    bottom: auto;
    height: auto;
    margin: auto;
    position: absolute;
    max-width: 359px;
    max-height: 68px;
  }
  .index-vector6infobutton {
    left: 0px;
    right: 0px;
    width: 200px;
    bottom: 1200px;
    height: auto;
    margin: auto;
  }
  .index-group31 {
    top: 5800px;
    left: 0px;
    right: 0px;
    width: 280px;
    height: auto;
    margin: auto;
    display: flex;
  }
  .index-vector10 {
    width: 100%;
    height: auto;
    max-width: 359px;
    max-height: 68px;
  }
  .index-group32 {
    top: 5160px;
    left: 0px;
    right: 0px;
    width: 200px;
    height: auto;
    margin: auto;
  }
  .index-vector11 {
    width: 100%;
    height: auto;
    max-width: 359px;
    max-height: 68px;
  }
  .index-group3text {
    top: 5200px;
    left: 0px;
    right: 0px;
    width: 370px;
    height: 120px;
    margin: auto;
    max-height: 550px;
  }
  .index-text32 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-oneandhalfunits);
    position: absolute;
    text-align: left;
  }
  .index-grouptext12 {
    top: 2070px;
    right: -4px;
    width: 100%;
    height: 200px;
    max-height: 550px;
  }
  .index-text11 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    position: absolute;
    text-align: left;
  }
  .index-grouptext11 {
    top: 1540px;
    width: 400px;
    height: 250px;
    max-height: 550px;
  }
  .index-text12 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: var(--dl-layout-space-threeunits);
    position: absolute;
    text-align: left;
  }
  .index-textcategory1 {
    top: 1400px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle1 {
    top: 1520px;
    left: 0px;
    right: 0px;
    width: 350px;
    margin: auto;
    position: absolute;
    font-size: 17px;
    max-width: 543px;
    max-height: auto;
  }
  .index-vector12 {
    top: 1460px;
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
  }
  .index-text5 {
    top: 6620px;
    left: 0px;
    right: 0px;
    width: 400px;
    height: auto;
    margin: auto;
    font-size: 25px;
  }
  .index-texttitle5 {
    top: 6740px;
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    width: 350px;
    margin: auto;
    display: flex;
    font-size: 17px;
    font-family: Noto Sans;
    font-weight: bold;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-vector5 {
    top: 6680px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-group4sectiontext1 {
    top: 6780px;
    left: 0px;
    right: 0px;
    width: 380px;
    height: auto;
    margin: auto;
  }
  .index-group4sectiontext3 {
    top: 8600px;
    left: 0px;
    right: 0px;
    width: 380px;
    height: 260px;
    margin: auto;
  }
  .index-text19 {
    top: 0px;
    left: 50px;
    position: absolute;
    font-size: 17px;
  }
  .index-container3bg {
    display: none;
  }
  .index-containerstaff {
    top: 2750px;
    left: 0px;
    height: 1700px;
    position: absolute;
    max-height: auto;
  }
  .index-containerkatayama {
    top: 800px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    margin: auto;
    z-index: 35;
    align-items: flex-start;
    justify-content: center;
  }
  .index-vectorcomment1 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .index-container3 {
    width: 250px;
    justify-content: center;
  }
  .index-text20 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text21 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text22 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containershiokai {
    top: 400px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    margin: auto;
    z-index: 35;
    align-items: flex-start;
    justify-content: center;
  }
  .index-vector14 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vectorcomment2 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .index-groupshiokai {
    width: 250px;
    justify-content: center;
  }
  .index-text23 {
    left: 0px;
    right: 0px;
    margin: auto;
    justify-content: center;
  }
  .index-text24 {
    left: 0px;
    right: 0px;
    margin: auto;
    justify-content: center;
  }
  .index-text25 {
    left: 0px;
    right: 0px;
    margin: auto;
    justify-content: center;
  }
  .index-containeriwai {
    top: 1200px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    margin: auto;
    z-index: 40;
    align-items: flex-start;
    justify-content: center;
  }
  .index-vector15 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vectorcomment3 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .index-container4 {
    width: 250px;
    height: 72px;
  }
  .index-text26 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text27 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text28 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-containerotsuki {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 250px;
    margin: auto;
    z-index: 40;
    align-items: flex-start;
    justify-content: center;
  }
  .index-vector16 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vectorcomment4 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0px;
  }
  .index-groupootsuki1 {
    width: 250px;
    bottom: 0px;
  }
  .index-text29 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text30 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text33 {
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
  }
  .index-containerootsuki {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 250px;
    bottom: auto;
    margin: auto;
    z-index: 40;
    align-items: flex-start;
    justify-content: center;
  }
  .index-vectorcomment5 {
    top: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-groupootsuki2 {
    width: 250px;
    bottom: 0px;
  }
  .index-text34 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text35 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-text36 {
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
  }
  .index-textcategory3 {
    top: 4982px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-texttitle3 {
    top: 5077px;
    left: 0px;
    right: 0px;
    width: 420px;
    margin: auto;
    font-size: 17px;
    justify-content: center;
  }
  .index-vector3 {
    top: 5051px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-vector2 {
    top: 2460px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 40;
  }
  .index-textcategory2 {
    top: 2400px;
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 40;
  }
  .index-vectorsp3copy {
    top: 2520px;
    width: 300px;
    z-index: 40;
  }
  .index-vector3copy {
    display: none;
  }
  .index-groupfooter {
    left: 0px;
    right: 0px;
    width: 180px;
    bottom: 560px;
    height: auto;
    margin: auto;
  }
  .index-rectangle2 {
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-imagetopillustsp {
    top: 100px;
    left: 0px;
    width: 200px;
    display: flex;
    position: absolute;
  }
  .index-vectorcatchcopy1 {
    top: 36px;
    right: 100px;
    width: 200px;
    height: auto;
    position: absolute;
  }
  .index-imgaecatchcopy2 {
    top: 35.234375px;
    right: -290px;
  }
  .index-imgaecatchcopy2sp {
    top: 210px;
    left: auto;
    right: 100px;
    width: 150px;
    margin: 0px;
  }
  .index-vector17 {
    top: 1800px;
    left: 0px;
    right: 0px;
    margin: auto;
    padding: 0px;
    position: absolute;
  }
  .index-textsptop {
    top: 600px;
    left: 50px;
    right: auto;
    width: 300px;
    display: flex;
  }
  .index-container5 {
    display: none;
  }
  .index-containerfootersidebanner {
    bottom: 0px;
  }
  .index-group33 {
    top: 4550px;
    z-index: 40;
  }
  .index-container3pc {
    display: none;
  }
  .index-image4sp {
    top: 7050px;
    left: 0px;
    right: 0px;
    width: 300px;
    bottom: auto;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-clippathgroup4illust {
    display: flex;
  }
  .index-rectangle3 {
    display: none;
  }
  .index-container4illust31 {
    display: none;
  }
  .index-image4illustsp1 {
    left: 0px;
    right: 0px;
    width: 400px;
    bottom: 238px;
    margin: auto;
    position: absolute;
  }
  .index-container5illustsp {
    top: 8050px;
    left: 0px;
    right: 0px;
    width: 300px;
    height: 550px;
    margin: auto;
  }
  .index-image5sp1 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 300px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-image5sp2 {
    top: 9050px;
    left: 0px;
    right: 0px;
    width: 300px;
    bottom: auto;
    margin: auto;
    position: absolute;
  }
  .index-container5illust4pc {
    top: 7970px;
    left: 0px;
    right: 0px;
    height: 1500px;
    margin: auto;
    display: none;
  }
  .index-image5illust {
    right: -10px;
    bottom: 17px;
    display: flex;
  }
  .index-container4illust32 {
    top: 5588px;
    right: -1px;
  }
  .index-image4illust2 {
    display: none;
    padding: var(--dl-layout-space-twounits);
  }
  .index-image4illustsp2 {
    top: 279px;
    left: 0px;
    right: 0px;
    width: 300px;
    height: auto;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-container4illust2 {
    top: 5349px;
    left: 0px;
    right: 0px;
    margin: auto;
  }
  .index-image4illust3 {
    display: none;
    padding: var(--dl-layout-space-twounits);
  }
  .index-image4illustsp3 {
    top: 0px;
    left: 0px;
    right: 0px;
    width: 400px;
    bottom: auto;
    margin: auto;
    position: absolute;
  }
  .index-containerfooterlink {
    display: none;
  }
  .index-footertextlinkhome {
    bottom: 270px;
    display: none;
  }
  .index-footertextlinkmember {
    bottom: 270px;
    display: none;
  }
  .index-footertextlinkjigyo {
    bottom: 270px;
    display: none;
  }
  .index-footertextlinkjirei {
    bottom: 270px;
    display: none;
  }
  .index-container2text {
    top: 2640px;
    left: 0px;
    right: 0px;
    width: 300px;
    height: 60px;
    margin: auto;
    z-index: 100;
    position: absolute;
  }
  .index-container3bgsp {
    top: 2300px;
    width: 100vw;
    height: 2200px;
    display: flex;
    z-index: 0000;
  }
  .index-image3bg {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: auto;
    z-index: 00000;
    position: absolute;
  }
  .index-containerspkenkyushobanner {
    top: 4643px;
    left: 0px;
    right: 0px;
    margin: auto;
    display: flex;
  }
  .index-image3sp {
    top: 0px;
    left: 0px;
    margin: auto;
    display: flex;
    position: absolute;
  }
  .index-image3linesp {
    top: 4920px;
    left: 122px;
    width: 300px;
    margin: auto;
    display: none;
    position: absolute;
  }
  .index-footertextlinksp1 {
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    width: 280px;
    bottom: 894px;
    margin: auto;
    display: flex;
    font-size: 15px;
    align-items: center;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinksp2 {
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    width: 180px;
    bottom: 789px;
    margin: auto;
    display: flex;
    position: absolute;
    font-size: 15px;
    text-align: center;
    align-items: center;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinksp3 {
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    width: 130px;
    bottom: 844px;
    margin: auto;
    display: flex;
    position: absolute;
    font-size: 15px;
    text-align: center;
    align-items: center;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-footertextlinksp4 {
    left: 0px;
    color: rgb(89, 87, 87);
    right: 0px;
    width: 100px;
    bottom: 947px;
    margin: auto;
    display: flex;
    position: absolute;
    font-size: 15px;
    text-align: center;
    align-items: center;
    font-family: Noto Sans;
    font-weight: 400;
    line-height: normal;
    justify-content: center;
    text-decoration: none;
  }
  .index-containerfooterbanner {
    left: 0px;
    right: 0px;
    width: 350px;
    bottom: 200px;
    height: 300px;
    margin: auto;
    align-items: center;
    flex-direction: column;
  }
  .index-image1 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: auto;
    margin: auto;
    position: absolute;
  }
  .index-image2 {
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
  }
  .index-image3 {
    top: auto;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
  }
}