@charset "shift_jis";
/* Updated 2025/03/03,T */
/* Updated 2024/12/16,T */
/* Updated 2023/07/24,T */
/* Updated 2022/09/01,T */
/*-------------------------------------------
content-block01
-------------------------------------------*/
@media screen and (min-width: 768px) {
  .content-block01 .btn-list01 {
    align-items: flex-start;
  }
}
/*-------------------------------------------
movie-area
-------------------------------------------*/
.movie-area {
  margin-top: 104px;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .movie-area {
    margin-top: 62px;
  }
}
/*-------------------------------------------
slider-nav01
-------------------------------------------*/
.slider-nav01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 58px 0 15px 0 !important;
}
.slider-nav01 .item {
  margin: 0 7px;
}
.slider-nav01 .item.is-current button {
  background: #e2efbc;
}
.slider-nav01 .item button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 37px 4px 37px;
  height: 42px;
  outline: 0;
  border-radius: 40px;
  color: #004831;
  font-weight: 700;
  font-size: 1.8rem;
  font-family: "noto-sans-bold";
  line-height: 1;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  .slider-nav01 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin: 30px 0 -10px 0 !important;
  }
  .slider-nav01 .item {
    margin: 0 10px 18px 10px;
  }
  .slider-nav01 .item button {
    padding: 0 15px 3px 15px;
    height: 36px;
    font-size: 1.6rem;
  }
}
/*-------------------------------------------
slider-block01
-------------------------------------------*/
.slider-block01 {
  margin-bottom: 155px;
}
.slider-block01 .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: .6;
  -webkit-transition: all 1.4s;
  transition: all 1.4s;
}
.slider-block01 .slick-slide .inr01 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 594px;
  height: 430px;
}
.slider-block01 .img01 img {
  width: 470px;
  height: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 30px rgba(20, 29, 29, 0.3);
          box-shadow: 0 10px 30px rgba(20, 29, 29, 0.3);
  -webkit-transition: all 1.4s;
  transition: all 1.4s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.slider-block01 .img01 a {
  position: relative;
  display: inline-block;
  outline: 0;
}
.slider-block01 .img01 a:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/kojin/debit/imgs/index_ico_play_01.svg") calc(50% + 13px) calc(50% + 5px) no-repeat;
  background-size: 42px auto;
  content: "";
  -webkit-transition: all 1.4s;
  transition: all 1.4s;
}
.slider-block01 .txt01 {
  color: #004831;
  text-align: center;
  font-weight: 700;
  font-family: "noto-Sans-bold";
  line-height: 1;
  -webkit-transition: all 1.4s;
  transition: all 1.4s;
  -webkit-transform: translate(0, 24px);
      -ms-transform: translate(0, 24px);
          transform: translate(0, 24px);
}
.slider-block01 .slick-slide[aria-hidden=false] {
  text-align: center;
  opacity: 1;
}
.slider-block01 .slick-slide[aria-hidden=false] .inr01 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-block01 .slick-slide[aria-hidden=false] .img01 img {
  border-radius: 14px;
  -webkit-transform: scale(1.31);
      -ms-transform: scale(1.31);
          transform: scale(1.31);
}
.slider-block01 .slick-slide[aria-hidden=false] .img01 a:before {
  background-size: 114px auto;
}
.slider-block01 .slick-slide[aria-hidden=false] .txt01 {
  font-size: 2.4rem;
  -webkit-transform: translate(0, 65px);
      -ms-transform: translate(0, 65px);
          transform: translate(0, 65px);
}
.slider-block01 .slick-slide[data-slick-index="4"],
.slider-block01 .slick-slide.next + .slick-cloned.next,
.slider-block01 .slick-slide.slick-center + .slick-cloned.next {
  opacity: .6;
}
.slider-block01 .slick-slide[data-slick-index="4"] .img01 img,
.slider-block01 .slick-slide.next + .slick-cloned.next .img01 img,
.slider-block01 .slick-slide.slick-center + .slick-cloned.next .img01 img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.slider-block01 .slick-slide[data-slick-index="4"] .img01 a:before,
.slider-block01 .slick-slide.next + .slick-cloned.next .img01 a:before,
.slider-block01 .slick-slide.slick-center + .slick-cloned.next .img01 a:before {
  background-size: 42px auto;
}
.slider-block01 .slick-slide[data-slick-index="4"] .txt01,
.slider-block01 .slick-slide.next + .slick-cloned.next .txt01,
.slider-block01 .slick-slide.slick-center + .slick-cloned.next .txt01 {
  font-size: 1.6rem;
  -webkit-transform: translate(0, 24px);
      -ms-transform: translate(0, 24px);
          transform: translate(0, 24px);
}
.slider-block01 .slick-slide[data-slick-index="-1"].slick-center,
.slider-block01 .slick-slide[data-slick-index="2"].prev:not(.slick-active) + .slick-slide[data-slick-index="3"]:not(.slick-active) + .slick-slide[data-slick-index="4"].next {
  text-align: center;
  opacity: 1;
}
.slider-block01 .slick-slide[data-slick-index="-1"].slick-center .inr01,
.slider-block01 .slick-slide[data-slick-index="2"].prev:not(.slick-active) + .slick-slide[data-slick-index="3"]:not(.slick-active) + .slick-slide[data-slick-index="4"].next .inr01 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider-block01 .slick-slide[data-slick-index="-1"].slick-center .img01 img,
.slider-block01 .slick-slide[data-slick-index="2"].prev:not(.slick-active) + .slick-slide[data-slick-index="3"]:not(.slick-active) + .slick-slide[data-slick-index="4"].next .img01 img {
  border-radius: 14px;
  -webkit-transform: scale(1.31);
      -ms-transform: scale(1.31);
          transform: scale(1.31);
}
.slider-block01 .slick-slide[data-slick-index="-1"].slick-center .img01 a:before,
.slider-block01 .slick-slide[data-slick-index="2"].prev:not(.slick-active) + .slick-slide[data-slick-index="3"]:not(.slick-active) + .slick-slide[data-slick-index="4"].next .img01 a:before {
  background-size: 114px auto;
}
.slider-block01 .slick-slide[data-slick-index="-1"].slick-center .txt01,
.slider-block01 .slick-slide[data-slick-index="2"].prev:not(.slick-active) + .slick-slide[data-slick-index="3"]:not(.slick-active) + .slick-slide[data-slick-index="4"].next .txt01 {
  font-size: 2.4rem;
  -webkit-transform: translate(0, 65px);
      -ms-transform: translate(0, 65px);
          transform: translate(0, 65px);
}
.slider-block01 .slick-slide.slick-center + .slick-slide,
.slider-block01 .slick-slide[role=tabpanel] + .slick-cloned.next + .slick-cloned.next {
  opacity: .6;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.slider-block01 .slick-prev,
.slider-block01 .slick-next {
  position: absolute;
  top: calc(50% - 36px);
  z-index: 10;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #c4d700;
  background-position: 0 0;
  -webkit-box-shadow: 0 10px 12px rgba(196, 215, 0, 0.3);
          box-shadow: 0 10px 12px rgba(196, 215, 0, 0.3);
  cursor: pointer;
}
.slider-block01 .slick-prev:before,
.slider-block01 .slick-next:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("/kojin/cmn/imgs/ico_arrow_right_01.svg") center center no-repeat;
  background-size: 38px auto;
  content: "";
}
.slider-block01 .slick-disabled {
  display: none;
}
.slider-block01 .slick-prev {
  left: calc(50% - 374px);
}
.slider-block01 .slick-prev:before {
  -webkit-transform: translate(-3px, 0) rotate(180deg);
      -ms-transform: translate(-3px, 0) rotate(180deg);
          transform: translate(-3px, 0) rotate(180deg);
}
.slider-block01 .slick-next {
  right: calc(50% - 374px);
}
.slider-block01 .slick-next:before {
  -webkit-transform: translate(3px, 0);
      -ms-transform: translate(3px, 0);
          transform: translate(3px, 0);
}
.slider-block01 .slick-dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 43px 0 0 0;
}
.slider-block01 .slick-dots li {
  margin: 0 4px;
}
.slider-block01 .slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  outline: none;
  border-radius: 50%;
  background: #d5dedb;
  color: transparent;
}
.slider-block01 .slick-dots .slick-active button {
  background: #004831;
}
.slider-block01 .slick-dots .slide-stop {
  position: relative;
  margin-left: 8px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.slider-block01 .slick-dots .slide-stop:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 6px;
  height: 10px;
  border-right: 2px solid #d5dedb;
  border-left: 2px solid #d5dedb;
  content: "";
}
.slider-block01 .slick-dots .slide-stop.is-stop::before {
  width: 0;
  height: 0;
  border-width: 5px 0 5px 10px;
  border-style: solid;
  border-color: transparent transparent transparent #004831;
}
/*-------------------------------------------
modal01
-------------------------------------------*/
#modal01 .modal-block01,
#modalFixed01 .modal-block01 {
  width: 960px;
}
#modal01 .modal-block01 > .inner > .header,
#modalFixed01 .modal-block01 > .inner > .header {
  position: relative;
}
#modal01 .green-box,
#modalFixed01 .green-box {
  padding: 48px 40px;
  background: #e2efbc;
  border-radius: 8px;
}
#modal01 .flex-box,
#modalFixed01 .flex-box {
  display: flex;
  justify-content: space-between;
}
#modal01 .flex-box .flex-inner,
#modalFixed01 .flex-box .flex-inner {
  width: 373px;
}
#modal01 .flex-box .flex-inner .ttl,
#modalFixed01 .flex-box .flex-inner .ttl {
  margin-bottom: 22px;
  padding-bottom: 10px;
  border-bottom: 2px solid #004831;
  color: #004831;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
}
#modal01 .flex-box .flex-inner .conts,
#modalFixed01 .flex-box .flex-inner .conts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding-right: 154px;
}
#modal01 .flex-box .flex-inner .conts::after,
#modalFixed01 .flex-box .flex-inner .conts::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
#modal01 .flex-box .flex-inner:nth-child(1) .conts::after,
#modalFixed01 .flex-box .flex-inner:nth-child(1) .conts::after {
  width: 132px;
  height: 210px;
  background: url(/kojin/debit/imgs/index_img_modal_01.png) no-repeat 0 0/contain;
}
#modal01 .flex-box .flex-inner:nth-child(2) .conts::after,
#modalFixed01 .flex-box .flex-inner:nth-child(2) .conts::after {
  width: 149px;
  height: 210px;
  background: url(/kojin/debit/imgs/index_img_modal_02.png) no-repeat 0 0/contain;
}
#modal01 .flex-box .flex-inner .conts .txt01,
#modalFixed01 .flex-box .flex-inner .conts .txt01 {
  font-size: 1.5rem;
}
#modal01 .flex-box .flex-inner .conts .img-box,
#modalFixed01 .flex-box .flex-inner .conts .img-box {
  margin-top: 24px;
  text-align: center;
}
/* SP STYLES */
@media screen and (max-width: 767px) {
  /*-------------------------------------------
  slider-block01
  -------------------------------------------*/
  .slider-block01 {
    margin-bottom: 75px;
  }
  .slider-block01 .slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .slider-block01 .slick-slide .inr01 {
    padding: 0 1.33333vw;
    width: 74.66667vw;
    height: 64vw;
  }
  .slider-block01 .img01 a:before {
    background-position: calc(50% + 0px) calc(50% + 0px);
  }
  .slider-block01 .img01 img {
    width: 55.46667vw;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .slider-block01 .txt01 {
    font-size: 1.6rem;
    -webkit-transform: translate(0, 3.4vw);
        -ms-transform: translate(0, 3.4vw);
            transform: translate(0, 3.4vw);
  }
  .slider-block01 .slick-slide.slick-center .img01,
  .slider-block01 .slick-slide[role=tabpanel] + .slick-cloned.next .img01 {
    padding: 0;
  }
  .slider-block01 .slick-slide.slick-center .img01 img,
  .slider-block01 .slick-slide[role=tabpanel] + .slick-cloned.next .img01 img {
    border-radius: 10px;
    -webkit-box-shadow: 0 7px 12px rgba(20, 29, 29, 0.3);
            box-shadow: 0 7px 12px rgba(20, 29, 29, 0.3);
    -webkit-transform: scale(1.51);
        -ms-transform: scale(1.51);
            transform: scale(1.51);
  }
  .slider-block01 .slick-slide.slick-center .img01 a:before,
  .slider-block01 .slick-slide[role=tabpanel] + .slick-cloned.next .img01 a:before {
    background-position: calc(50% + 4px) calc(50% + 0px);
    background-size: 44px auto;
  }
  .slider-block01 .slick-slide.slick-center .txt01,
  .slider-block01 .slick-slide[role=tabpanel] + .slick-cloned.next .txt01 {
    font-size: 2.0rem;
    -webkit-transform: translate(0, 10.4vw);
        -ms-transform: translate(0, 10.4vw);
            transform: translate(0, 10.4vw);
  }
  .slider-block01 .slick-slide.next + .slick-cloned.next .img01,
  .slider-block01 .slick-slide.slick-center + .slick-cloned.next .img01 {
    padding: 0 10px;
  }
  .slider-block01 .slick-slide.next + .slick-cloned.next .img01 img,
  .slider-block01 .slick-slide.slick-center + .slick-cloned.next .img01 img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  .slider-block01 .slick-slide.next + .slick-cloned.next .txt01,
  .slider-block01 .slick-slide.slick-center + .slick-cloned.next .txt01 {
    font-size: 1.6rem;
    -webkit-transform: translate(0, 3.4vw);
        -ms-transform: translate(0, 3.4vw);
            transform: translate(0, 3.4vw);
  }
  .slider-block01 .slick-prev,
  .slider-block01 .slick-next {
    top: calc(50% - 20px - 4vw);
    width: 40px;
    height: 40px;
  }
  .slider-block01 .slick-prev:before,
  .slider-block01 .slick-next:before {
    background-size: 36px auto;
  }
  .slider-block01 .slick-prev {
    left: calc(50% - 48vw);
  }
  .slider-block01 .slick-prev:before {
    -webkit-transform: translate(-2px, 0) rotate(180deg);
        -ms-transform: translate(-2px, 0) rotate(180deg);
            transform: translate(-2px, 0) rotate(180deg);
  }
  .slider-block01 .slick-next {
    right: calc(50% - 48vw);
  }
  .slider-block01 .slick-next:before {
    -webkit-transform: translate(2px, 0);
        -ms-transform: translate(2px, 0);
            transform: translate(2px, 0);
  }
  .slider-block01 .slick-dots {
    margin: 24px 0 0 0;
  }
  .slider-block01 .slick-dots button {
    width: 8px;
    height: 8px;
  }
  .slider-block01 .slick-dots .slide-stop {
    position: relative;
    margin-left: 8px;
    width: 10px;
    height: 10px;
    cursor: pointer;
  }
  .slider-block01 .slick-dots .slide-stop:before {
    height: 8px;
  }
  .slider-block01 .slick-dots .slide-stop.is-stop::before {
    border-width: 4px 0 4px 8px;
  }
  /*-------------------------------------------
  modal01
  -------------------------------------------*/
  #modal01 .modal-block01 > .inner > .header > .title,
  #modalFixed01 .modal-block01 > .inner > .header > .title {
    padding: 28px 0 0;
  }
  #modal01 .modal-block01 > .inner > .header > .btn,
  #modalFixed01 .modal-block01 > .inner > .header > .btn {
    top: 16px;
    right: 4%;
  }
  #modal01 .modal-block01 > .inner > .body,
  #modalFixed01 .modal-block01 > .inner > .body {
    margin-top: 16px;
    padding: 0 4% 4%;
  }
  #modal01 .green-box,
  #modalFixed01 .green-box {
    padding: 0;
    background: none;
    border-radius: none;
  }
  #modal01 .flex-box,
  #modalFixed01 .flex-box {
    flex-direction: column;
  }
  #modal01 .flex-box .flex-inner,
  #modalFixed01 .flex-box .flex-inner {
    width: 100%;
    padding: 18px 4% 24px;
    background: #e2efbc;
    border-radius: 8px;
  }
  #modal01 .flex-box .flex-inner:not(:first-child),
  #modalFixed01 .flex-box .flex-inner:not(:first-child) {
    margin-top: 16px;
  }
  #modal01 .flex-box .flex-inner .ttl,
  #modalFixed01 .flex-box .flex-inner .ttl {
    margin-right: 130px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  #modal01 .flex-box .flex-inner .conts,
  #modalFixed01 .flex-box .flex-inner .conts {
    justify-content: flex-start;
    min-height: 110px;
    padding-right: 130px;
    text-align: left;
  }
  #modal01 .flex-box .flex-inner:nth-child(1) .conts::after,
  #modalFixed01 .flex-box .flex-inner:nth-child(1) .conts::after {
    width: 116px;
    height: 184px;
  }
  #modal01 .flex-box .flex-inner:nth-child(2) .conts::after,
  #modalFixed01 .flex-box .flex-inner:nth-child(2) .conts::after {
    width: 116px;
    height: 164px;
  }
  #modal01 .flex-box .flex-inner .conts .txt01,
  #modalFixed01 .flex-box .flex-inner .conts .txt01 {
    font-size: 1.6rem;
  }
  #modal01 .btn-list01,
  #modalFixed01 .btn-list01 {
    margin-top: 32px;
  }
  #modal01 .btn-list01 .item .btn-type01,
  #modalFixed01 .btn-list01 .item .btn-type01 {
    width: 100%;
  }
  #modal01 .btn-list01 .item .btn-type01 > .inner,
  #modalFixed01 .btn-list01 .item .btn-type01 > .inner {
    padding-right: 2.25em;
    padding-left: 2.25em;
  }
  #modal01 .btn-list01 .item .btn-type01 > .inner::after,
  #modalFixed01 .btn-list01 .item .btn-type01 > .inner::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: calc(50% - (1.375em / 2));
    right: 1em;
    width: 1.375em;
    height: 1.375em;
    background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) 0 0/cover no-repeat;
  }
}

#footer-content {
  margin-bottom: 108px;
}

@media screen and (max-width: 767px) {
  #footer-content {
    margin-bottom: 100px;
  }
}