html {
  font-size: 3.125vw;
}

h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}

* {
  box-sizing: border-box;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

dl {
  margin: 0;
}

/*footer {
  background: #000000;
  font-size: 10px;
  color: #fff;
  padding: 1.5rem 1rem;
  text-align: center;
}*/

.lp-box {
  overflow-x: hidden;
  max-width: 480px;
  box-shadow: 0 2px 8px rgba(64, 62, 61, .1);
  margin: 0 auto;
  background: #fff;
}

.lp-main {
  position: relative;
  margin: 0 auto -.4rem;
  height: 100%;
  padding: 0;
  padding-bottom: 0;
}

.body_area-cp {
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow-x: inherit;
  line-height: 1.4em;
  font-family: "ヒラギノ丸ゴ ProN", ' Noto Sans JP', sans-serif, " Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #FFFFFF;
  font-size: 1rem;
  /*font-feature-settings: "palt";*/
  max-width: 440px;

}
/*調整用*/
.body_area-cp {
  max-width: none;
}

.lp-main-img5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
}

.lp-main-img3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.5s, bounce-in-top 1s 1s both, bounce-in-top2 1s 2s infinite;
  opacity: 0;
}

.lp-main-img6 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 1.2s, image1-2 1.5s infinite ease-in-out;
  opacity: 0;
}

.lp-main-img-poke2 {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 1.2s, image1-2 1.5s infinite ease-in-out;
  opacity: 0;
}

.lp-main-img7 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 1s, image1-2 2s infinite ease-in-out;
  opacity: 0;
}

@keyframes image1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes image1-2 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@keyframes bounce-in-top {
  0% {
    transform: translateY(-500px);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    transform: translateY(-65px);
    animation-timing-function: ease-in;
  }

  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  81% {
    transform: translateY(-28px);
    animation-timing-function: ease-in;
  }

  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  95% {
    transform: translateY(-8px);
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-top2 {


  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    transform: translateY(-30px);
    animation-timing-function: ease-in;
  }

  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  81% {
    transform: translateY(-15px);
    animation-timing-function: ease-in;
  }

  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  95% {
    transform: translateY(-5px);
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}

.z-i-10 {
  z-index: 10;
}

.l-21_5 {
  left: 21.5rem;
}





.sumi-btn-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
  width: 100%;
  margin-top: -5rem;
}

.sumi-btn-box2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
  width: 100%;
  margin-top: -3rem;
}

a.sumi-btn {
  animation: btn-sumi 1.5s infinite ease-in-out;
  position: relative;
  font-size: 1.2rem;
  color: #fff;
  width: 90%;
  padding: 1.8rem 1rem 1.8rem 3rem;
  text-align: center;
  display: block;
  margin: 0 auto;
  background: transparent linear-gradient(90deg, #2AD867 0%, #26CB60 100%) 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #26CB60;
  text-decoration: none;
  border-radius: 2rem;
}

.sumi-btn span {
  position: relative;
  display: inline-block;
}

.sumi-btn span::before {
  content: "";
  position: absolute;
  background-image: url(/assets/images/sumikomi/pokeko-face.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 3rem;
  height: 3rem;
  left: -3rem;
  top: -.7rem;
}

@keyframes btn-sumi {
  50% {
    background: transparent linear-gradient(90deg, #2AD867 0%, #26CB60 100%) 0% 0% no-repeat padding-box;
    filter: drop-shadow(0px 0px 10px #26CB60);

  }

}



.top-linebtn {
  width: 10rem;
  margin-top: .5rem;
}

.top-9000 {
  position: relative;
}

.top-9000-bonus {
  position: relative;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.top-9000-bonus::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/images/sumikomi/top-bonus-left.webp);
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.top-9000-bonus::after {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/images/sumikomi/top-bonus-right.webp);
  right: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.main01 {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  overflow: hidden;
}

.main01>img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  border: 6px solid #fff;
  box-sizing: border-box;
}

.main-img-g {
  position: absolute;
  z-index: 4;
  width: 100%;

}

.main02,
.main03 {
  display: flex;
  padding: .25rem .5rem;
  justify-content: space-between;
}


.main02 {
  position: relative;
}

.main02::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/assets/images/sumikomi/top2-img-fuki.webp);
  width: 26rem;
  height: 4rem;
  left: 50%;
  top: 0%;
  transform: translate(-50%, -50%);
  z-index: 12;
}

.main02 img {
  width: 49%;
  height: auto;
  display: block;
  border: 4px solid #fff;
  border-radius: 1rem;
}

.main03 img {
  width: 32%;
  height: auto;
  display: block;
  border: 4px solid #fff;
  border-radius: 1rem;
}

.main02-03-box {
  padding: 0 1rem;
  position: relative;
  top: -5rem;
  height: 100%;
  width: 100%;
}

.nbt01 {
  transform: rotate(-48deg);
  position: relative;
  top: 9rem;
  left: 0rem;
}

.nbt02 {
  transform: rotate(-36deg);
  position: relative;
  top: 6.3rem;
  left: -1.7rem;
}

.nbt03 {
  transform: rotate(-23deg);
  position: relative;
  top: 4.4rem;
  left: -2.8rem;
}

.nbt04 {
  transform: rotate(-9deg);
  position: relative;
  top: 3.3rem;
  left: -3.6rem;
}

.nbt05 {
  transform: rotate(7deg);
  position: relative;
  top: 3.2rem;
  right: 4.1rem;
}

.nbt06 {
  transform: rotate(22deg);
  position: relative;
  top: 4.3rem;
  right: 4.8rem;
}

.nbt07 {
  transform: rotate(36deg);
  position: relative;
  top: 6.3rem;
  right: 5.9rem;
}

.nbt08 {
  transform: rotate(50deg);
  position: relative;
  top: 9rem;
  right: 7.6rem;
}

.slider-btnbox {
  position: relative;
  top: -10rem;
}

.job-dl dt {
  background-color: #fff;
  border: 2px solid #1f1f1f;
  border-radius: 2rem;
  width: 80%;
  font-size: 1.3rem;
  font-weight: bold;
  color: #1f1f1f;
  margin: 1rem auto .5rem;
  padding: .5rem 1rem;
  text-align: center;
}

.job-dl {
  position: relative;
  top: -5rem;
}

.job-dl dd {
  margin: 0;
}

.job-dl dd ul {
  margin-left: 4.5rem;
}

.job-dl dd ul li {
  list-style: disc;
}


.area-img-p {
  text-align: center;
  background-color: #fff;
}

.area-img-p {
  position: absolute;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  padding: .5rem 1rem;
  height: auto;
  font-size: .8rem;
  line-height: 1.2;
  border-radius: 1rem;
  font-weight: bold;
}

.area-img-p2 {
  position: absolute;
  width: 100%;
  left: 74%;
  top: 13%;
  transform: translate(-50%, -50%);
  padding: .5rem 0;
  height: auto;
  font-size: 1.3rem;
  line-height: 1;
}

.area-img-p2>img {
  width: 17rem;
  height: auto;
}

.area-img-p span {
  font-size: 2.4rem;
  color: #f9f;
  font-weight: bold;
  padding: 0 .5rem;
}

.lp-main-img-poke {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
}

.img-group-box {
  position: absolute;
  left: 0;
}

.img-group-box {
  display: none;
}

#img-group03 {
  display: block;
  /* 初期表示 */
}

.btn-tri-box {
  display: flex;
  justify-content: space-between;
  padding: 0 2rem;
  position: relative;
  top: 4rem;
  z-index: 3;
}

/* スライダーの基本設定 */
.slider-container {
  max-width: 500px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.slider {
  display: flex;
  transition: transform 0.3s ease;
}

.slider img {
  width: 100px;
  height: 100px;
  margin-right: 10px;
}

/* ボタンのスタイル */
.buttons {
  text-align: center;
  margin-top: 10px;
  transform: rotate(0deg);
  position: relative;
  z-index: 10;
  white-space: nowrap;
  height: 6rem;
  left: .5rem;
}

.nav-button {
  margin: .2rem;
  padding: .2rem .6rem;
  cursor: pointer;
  background-color: #1f1f1f;
  color: #f9f;
  border: 2px solid #fff;
  border-radius: .8rem;
  font-size: 1.22rem;
  font-weight: bold;
}

.safari .nav-button {
  font-size: 1.32rem;
}

.control-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
}


.sumi-merit-ul dd span, .sumi-p span {
  color: #FF5FC1;
  font-weight: bold;
}

.merit-dt {
  text-align: center;
  background: repeating-linear-gradient(90deg, #57D2FF, #57D2FF 1rem, #46CEFF 1rem, #46CEFF 2rem);
  padding: 1.5rem 1rem;
}

.merit-dt span {
  font-weight: bold;
  font-size: 1.5rem;
  color: #fff;
  transform: rotate(-5deg);
  display: block;
  line-height: 1.2;
  position: relative;
}

.meri-be01 span::before,
.meri-be02 span::before,
.meri-be03 span::before,
.meri-be04 span::before,
.meri-be05 span::before {
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  width: 6rem;
  height: 2.5rem;
  left: 5%;
  top: 5%;
  transform: translate(0%, -100%);
}

.meri-be01 span::before {
  background-image: url(/assets/images/sumikomi/merit-1.webp);
}

.meri-be02 span::before {
  background-image: url(/assets/images/sumikomi/merit-2.webp);
}

.meri-be03 span::before {
  background-image: url(/assets/images/sumikomi/merit-3.webp);
}

.meri-be04 span::before {
  background-image: url(/assets/images/sumikomi/merit-4.webp);
}

.meri-be05 span::before {
  background-image: url(/assets/images/sumikomi/merit-5.webp);
}

.sumi-merit-ul-dd,
.sumi-p {
  padding: 1rem 2rem;
  display: block;
  margin: 0;
  line-height: 1.8;
  position: relative;
}

.sumi-merit-ul-dd::after {
  content: "";
  position: absolute;
  background-image: url(/assets/images/sumikomi/sumi-pokeko-img01.webp);
  background-size: contain;
  background-repeat: no-repeat;
  width: 4rem;
  height: 5rem;
  right: 5%;
  top: 8%;
  transform: translate(0%, -100%);
}

.step-box {
  position: relative;
  z-index: 3;
  top: 0;
  left: 0;
}

.step-box-last {
  position: relative;
  z-index: 0;
  top: -3rem;
  left: 0;
}

.step-box-last2 {
  position: relative;
  z-index: 0;
  top: -3rem;
  left: 0;
  animation: image1 1s forwards 1.2s, image1-2 1.5s infinite ease-in-out;
  opacity: 0;
}


.dt-imgbox {
  padding: 0 1rem;
}

.qa-bg {
  margin: 1rem;
  background-color: #eee;
  border-radius: 2rem;
  padding: 2rem 1rem;
}

.fot-bg {
  padding: 1rem 0;
}

.fot-ul {
  border-top: 2px solid #fff;
  padding: 2rem;
  text-align: left;
  border-bottom: 2px solid #fff;
}

.fot-ul li {
  font-size: 1.3rem;
  line-height: 2;
  color: #fff;
  list-style: disc;
  margin-left: 2rem;
}

.fot-ul li a {
  color: #fff;
  text-decoration: none;
}

.fot-p {
  font-size: 1rem;
  padding: 0;
  margin: 0 auto 1rem;
  color: #fff;
}

.sumi-p-qa {
  padding: 1rem 2rem;
  display: block;
  margin: 0;
  line-height: 1.8;
  position: relative;
  background-color: #fff;
  border-radius: 1rem;
  margin: 0 1rem 2rem;
}

.ma-tb4lr0 {
  margin: 4rem 0;
}

.mg-t-4 {
  margin-top: -4rem;
}

.mg-b3 {
  margin-bottom: 3rem;
}


.job-dl {
  margin-top: 39rem;
  padding-bottom: 1rem;
}

.area-dd>ul>li:first-of-type {
  padding: .3rem 1rem .3rem 3rem;
  border-bottom: 1px dashed;
  display: inline-block;
  margin-left: 0;
  position: relative;
  width: 23rem
}

.area-dd>ul>li:first-of-type::before {
  content: "";
  position: absolute;
  background-image: url(/assets/images/sumikomi/pokeko-face.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
  left: .5rem;
  top: 0;
}

.area-dd>ul>li {
  margin-left: 1.5rem;
  margin-top: .5rem;
}

.area-dd ul {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.housyu-box {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 56%;
  left: 50%;
  width: 75%;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
}

.housyu-bg {
  bottom: 7rem;
  position: absolute;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
  width: 100%;
}

.housyu-img {
  width: 80%;
  margin: .5rem auto;
}

.fadein {
  transition: all .6s ease-in-out
}

.fadein.toup {
  transform: translateY(40px);
  opacity: 0
}

.fadein.tor {
  transform: translateX(40px);
  opacity: 0
}

.fadein.tol {
  transform: translateX(-40px);
  opacity: 0
}

.fadein.show {
  transform: translate(0);
  opacity: 1
}

.top-aspect {
  aspect-ratio: 100 / 183;
}

.top-aspect>img {
  width: 100%;
  height: 100%;
}

/*.fot-menu {
  position: fixed;
  bottom: -12rem;
  z-index: 10;
  width: 100%;
  max-width: 480px;
}*/

.fot-bg {
  padding: 1rem 0 6rem;
}

.top-2-bg {
  width: 100%;
  height: 268rem;
  margin-bottom: 8rem;
  background-color: #75daff;
  background-image: radial-gradient(circle, #81ddff 5px, transparent 5px), radial-gradient(circle, #81ddff 5px, transparent 5px);
  background-position: 10px 0, 22px 24px;
  background-size: 24px 48px;
  position: relative;
  margin-top: -1.3rem;
}


/*@media (min-width: 480px) {

  html {
    font-size: 14px;
  }

  .fot-menu {
    transform: translateX(-50%);
    left: 50%;
  }

  .buttons {
    left: 1rem;
  }

  .nav-button {
    font-size: 1.32rem;
  }

  .safari .nav-button {
    font-size: 1.42rem;
  }

  .l-21_5 {
    left: 22.8rem;
  }

  .top-linebtn {
    width: 11rem;
  }

  .area-img-p2 {
    left: 74%;
  }

  .job-dl {
    margin-top: 44rem;
  }

  .area-dd>ul>li:first-of-type {
    width: 25rem;
  }

  .top-2-bg {
    height: 143rem;
  }
}
*/
/*****20250205デザイン変更に伴う追加スタイル******/

.lp-main-img5-2 {
  position: absolute;
  top: 53%;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
}

.lp-main-img5-3 {
  position: absolute;
  top: 68%;
  left: 0;
  z-index: 6;
}

.lp-main-img6-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: forwards 1.2s, image1-2 1.5s infinite ease-in-out;
}

.lp-main-img3-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.5s, bounce-in-top 1s 1s both;
  opacity: 0;
}

.lp-main-img-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: bounce-in-left 2s 1s both;
}

.lp-main-img-right {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  animation: bounce-in-right 2s 1s both;
}

.l-21_5-t47 {
  left: 21.5rem;
  top: 47.3rem;
}

.top-fuki-img {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 7rem;
}

.fuki01 {
  left: 1rem;
  top: -110%;
}

.fuki02 {
  left: 24rem;
  top: -110%;
}

.fuki03 {
  left: 0rem;
  top: -35%;
}

.fuki04 {
  left: 25rem;
  top: -35%;
}

.anime-fuwa2 {
  opacity: 0;
  animation: image4 1s forwards 1s, image1-2 2.5s infinite ease-in-out;
}

.anime-fuwafuwa2 {
  opacity: 0;
  animation: image4 1s forwards 1s, image1-2 2s infinite ease-in-out;
}

.anime-fuwafuwafuwa2 {
  opacity: 0;
  animation: image4 1s forwards 1s, image1-2 1.8s infinite ease-in-out;
}

@keyframes image1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes image3 {
  0% {
    top: -10px;
  }

  100% {
    opacity: 1;
  }
}

@keyframes image1-2 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

@keyframes image4 {
  0% {
    top: 50%;
    left: 50%;

  }

  100% {
    opacity: 1;
  }
}

@keyframes left-in {

  0% {
    opacity: 0;
    transform: translateX(-100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes right-in {

  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes bounce-in-top2 {


  38% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }

  55% {
    transform: translateY(-30px);
    animation-timing-function: ease-in;
  }

  72% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  81% {
    transform: translateY(-15px);
    animation-timing-function: ease-in;
  }

  90% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }

  95% {
    transform: translateY(-5px);
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-left {
  0% {
    transform: translateX(-100%);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  55% {
    transform: translateX(-30px);
    animation-timing-function: ease-in;
  }

  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  81% {
    transform: translateX(-15px);
    animation-timing-function: ease-in;
  }

  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  95% {
    transform: translateX(-5px);
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-right {
  0% {
    transform: translateX(100%);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  55% {
    transform: translateX(30px);
    animation-timing-function: ease-in;
  }

  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  81% {
    transform: translateX(15px);
    animation-timing-function: ease-in;
  }

  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }

  95% {
    transform: translateX(5px);
    animation-timing-function: ease-in;
  }

  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}

.top-a-box a {
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  background-size: contain;
  width: 82%;
  height: 7rem;
  background-repeat: no-repeat;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 80%;
  z-index: 10;
}

/*  20230718_身分証誘導バナー設置css */
li {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
}

section {
  margin-bottom: 4rem;
}

section:last-of-type {
  margin-bottom: 0;
}

.lp-main-sec {
  position: relative;
  margin-top: 28rem;
  z-index: -1;
  height: 1070px;
}

.ib-bana-bg {
  display: none;
}

.ib-bana-bg-waku {
  padding: .5rem 1rem;
  border: 1px dashed #1f1f1f;
  border-radius: 1rem 1rem 0 0;
}

.ib-bana-flex {
  display: flex;
  align-items: center;
}

.ib-bana-fig {
  width: 23%;
  margin: 0;
  padding-top: 2rem;
}

.ib-bana-dl {
  width: 77%;
  padding-left: 0.5rem;
}

.ib-bana-dl>dt {
  padding: .5rem 0;
  font-size: 1rem;
  letter-spacing: 1.5px;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 1px solid #1f1f1f;
  padding-bottom: 0.5rem;
  text-align: left;
  background-color: #FFFF33;
  width: 100%;
  border-radius: 0;
  margin: 0;
  border-left: none;
  border-right: none;
  border-top: none;
}

.ib-bana-dl>dd {
  font-size: .8rem;
  margin-left: 0;
  line-height: 1.6;
  padding-top: 0.5rem;
  margin-bottom: .5rem;
  font-weight: 300;
}

.ib-bana-dl>dd strong {
  background: linear-gradient(transparent 60%, #FF88A6 60%);
  font-weight: 700;
  border-bottom: 1px dashed;
  padding: 0 4px 3px;
}

.ib-bana-btn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffff33;
  border: none;
}

.ib-bana-btn-lab {
  width: 14rem;
  font-size: 1rem;
  border: 1px solid #1f1f1f;
  background-color: #ffff33;
  border-radius: 1.5rem;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0.3rem;
  box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
  position: relative;
  cursor: pointer;
}

.ib-bana-btn-lab::before,
.ib-bana-btn-lab::after {
  content: "";
  position: absolute;
  border-top: 1px dashed #1f1f1f;
  width: 6rem;
  height: 1px;
  transform: translate(-50%, -50%);
  top: 55%;
}

.ib-bana-btn-lab::before {
  left: -3.2rem;
}

.ib-bana-btn-lab::after {
  right: -9.2rem;
}

.ib-bana-ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #ffc;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0 !important;
}

.ib-bana-ul li {
  width: 33%;
  height: auto;
  padding: 1rem 1rem 0;
  list-style: none !important;
}

.ib-bana-ul li:last-of-type {
  width: 27%;
}

input[type="checkbox"] {
  display: none;
}

label[for="id-img-all"] {
  display: block;
  background: #ffff33;
}

.dropdown {
  display: none;
}

#id-img-all:checked+.dropdown {
  display: flex;
}


.ib-bana-btn-lab-span {
  position: relative;
}


.ib-bana-btn-lab-span::after {
  content: "";
  display: inline-block;
  position: absolute;
  border-top: #000 2px solid;
  border-left: #000 2px solid;
  transform: rotate(225deg);
  width: 0.5rem;
  height: 0.5rem;
  top: 0.1rem;
  right: -2rem;
}

.housyu-bg {
  position: absolute;
  top: 50rem;
  left: 0;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  bottom: auto;
}

.housyu-box {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 56%;
  left: 50%;
  width: 75%;
  z-index: 4;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
  /* bottom: 3rem; */
}


/*@media (min-width: 728px) {

  .ib-bana-btn-lab::before,
  .ib-bana-btn-lab::after {
    width: 11.4rem;
  }

  .ib-bana-btn-lab::before {
    left: -5.9rem;
  }

  .ib-bana-btn-lab::after {
    right: -17.3rem;
  }

  .ib-bana-dl>dt {
    font-size: 1.6rem;
    letter-spacing: 7.5px;
  }

  .ib-bana-btn-lab {
    width: 16rem;
    font-size: 1.2rem;
  }

  .ib-bana-ul li {
    width: 20%;
  }

  .ib-bana-ul li:last-of-type {
    width: 17%;
  }

  .ib-bana-dl {
    width: 74%;
    padding-left: 1rem;
  }

  .ib-bana-fig {
    width: 26%;
    height: 9rem;
    padding: 1rem;
  }

  .lp-main-sec {
    margin-top: 32rem;
  }
}
*/
/*  20230718_身分証誘導バナー設置css ここまで*/
.flipLeft {
  animation-name: flipLeftAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  perspective-origin: left center;
  opacity: 0;
  background-color: #FFFF33;
  padding: .5rem;
  margin-top: 1rem;
  border-radius: 1rem 1rem 0 0;
  display: block;
  margin-left: 2rem;
  margin-right: 2rem;
}

@keyframes flipLeftAnime {
  from {
    transform: perspective(600px) translate3d(3rem, 3rem, 0) rotateY(30deg);
    opacity: 0;
  }

  to {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
  }
}

.ho-plan-box {
  margin-top: -6rem;
  position: absolute;
  margin-bottom: 8rem;
  top: 127rem;
}

/*調整スタイル*/


.job-dl {
  margin-top: -3rem;
  padding-bottom: 1rem;
  position: absolute;
  top: 147rem;
}

.job-dl dd {
  margin: 0;
}

.job-dl dd ul {
  margin-left: 5rem;
}

.area-dd ul {
  margin-left: 3.5rem !important;
  margin-bottom: 1rem;
}

/*@media (min-width: 480px) {
  .top-2-bg {
    height: 290rem;
  }

  .ib-bana-dl>dt {
    font-size: 1.1rem;
    letter-spacing: 4.5px;
  }

  .ib-bana-dl {
    width: 77%;
    padding-left: .5rem;
  }

  .ib-bana-fig {
    width: 23%;
    height: auto;
    padding: 2rem 0 0;
  }

  .job-dl {
    margin-top: 0;
    top: 157rem;
  }

  .job-dl dt {
    padding: .5rem 0;
  }

  .ib-bana-btn-lab::before,
  .ib-bana-btn-lab::after {
    width: 6rem;
  }

  .ib-bana-btn-lab::before {
    left: -3.2rem;
  }

  .ib-bana-btn-lab::after {
    right: -9.3rem;
  }

  .ib-bana-ul li:last-of-type {
    width: 27%;
  }

  .ib-bana-ul li {
    width: 33%;
  }

  .lp-main-sec {
    margin-top: 32rem;
  }

  .housyu-bg {
    top: 54rem;
  }

  .ho-plan-box {
    top: 137rem;
  }

  .fuki02 {
    left: 26rem;

  }

  .fuki04 {
    left: 27rem;

  }

  .l-21_5-t47 {
    left: 22.5rem;
    top: 50.3rem;
  }
}*/
.sumi-btn-box3 {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  animation: image1 1s forwards 0.1s;
  opacity: 0;
  width: 100%;
  margin-top: -3rem;
}

.mg-t-6 {
  margin-top: -6rem;
}



/**調整用**/

.header-mag {
  margin-top: 5rem;
}

@media (min-width: 440px) {
  html {
    font-size: 13.5px;
  }

  .l-21_5-t47 {
    left: 22rem;
    top: 48rem;
  }
}

@media (min-width: 820px) {
  .header-mag {
    margin-top: 0;
  }
}

.top-2-bg {
  height: 284rem;
  margin-bottom: 8rem;
}

.ho-plan-box {
  margin-top: 4rem;
  position: absolute;
  margin-bottom: 2rem;
  top: 127rem;
}

.cp5000-25-live {
  position: relative;
  top: 33rem;
  z-index: -1;
}

.job-dl {
  margin-top: 0;
  top: 157rem;
}