@charset "shift_jis";
/* Updated 2025/07/01.T */
.bg-content {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_bg_05.jpg);
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
}
/*-----------------------
footer
------------------------*/
#footer-content {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #footer-area.footer-fixed:not(.-close) #footer-content .footer-logo {
    padding-bottom: 120px;
  }
}
/*-----------------------
footer-fixed
------------------------*/
#footer-fixed .panel {
  padding: 13px;
  background: #2b2b2be0;
  text-align: center;
}
#footer-fixed .teiki-btn01 {
  max-width: 400px;
}
#footer-fixed .linkWrap01 {
  margin-top: 12px;
}
/*-----------------------
section-main
------------------------*/
.section-main {
  position: relative;
  max-width: 500px;
  margin: 0 auto;
  overflow: visible;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_bg_01.jpg) 0 0 repeat-y;
  background-size: 100% auto;
  box-shadow: 0 14px 40px 0 rgba(20, 29, 29, 0.16);
}
@media screen and (max-width: 767px) {
  .section-main {
    box-shadow: none;
  }
}
/*-----------------------
kv-area01
------------------------*/
.kv-area01 {
  position: relative;
}
/*-----------------------
kv-img01
------------------------*/
.kv-img01 {
  padding: 75px 31px 187px;
  text-align: center;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_bg_02.png) center top / 100% auto no-repeat;
}
/*-----------------------
about-area01
------------------------*/
.about-area01>.lead {
  margin-top: 24px;
  padding: 0 16px;
  text-align: center;
  line-height: 2.0;
  color: #fff;
}
/*-----------------------
offers-area01
------------------------*/
.offers-area01 {
  padding-top: 80px;
}
.offers-area01>.txtWrap01 {
  margin: 24px 20px;
  color: #fff;
}
.offers-area01>.txtWrap02 {
  margin: 8px 20px 0;
  color: #fff;
}
/*-----------------------
gain-area01
------------------------*/
.gain-area01 {
  padding-top: 80px;
}
/*-----------------------
details-area01
------------------------*/
.details-area01 {
  padding: 56px 0;
}
.details-area01>.wrap01 {
  padding: 0 20px;
}
.details-area01 .card-normal01 {
  margin-top: 20px;
  border-radius: 0;
}
/*-----------------------
campaign-area01
------------------------*/
.campaign-area01 {
  padding: 56px 0;
  background: #d9d9d9;
}
.campaign-area01>.body {
  padding: 0 36px;
}
.campaign-area01 .teiki-link01.-black01 {
  text-decoration: none;
}
.campaign-area01 .teiki-link01.-black01:hover {
  text-decoration: underline;
}
/*-----------------------
teiki-layout01
------------------------*/
.teiki-layout01 {
  display: flex;
  justify-content: center;
  margin-top: 12px;
}
.teiki-layout01>.txt {
  width: 50%;
}
.teiki-layout01>.img {
  width: calc(50% - 4px);
  margin-left: 4px;
  text-align: center;
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .teiki-layout01 .teiki-btn01.-green01::after {
    right: 2px;
  }
}
/*-----------------------
accordion
------------------------*/
.card-normal01.-teiki01 {
  margin: 24px 20px 0;
  border-radius: 0;
}
.card-normal01.-teiki01>.inner>.header {
  border-radius: 0;
}
.acc-title01 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 24px;
}
.acc-title01>.label01 {
  padding: 4px 10px;
  min-width: 62px;
  background: #000;
  color: #fff;
  font-size: 1.2rem;
}
.acc-title01>.txt01 {
  width: calc(100% - 70px);
  text-align: left;
  font-size: 1.4rem;
  font-weight: bold;
}
.acc-title01>.txt01:not(:first-child) {
  margin-left: 8px;
}
.toggle-block01>[role=tablist]>[role=tab]::after {
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_03.svg) center / contain no-repeat;
  transform: rotate(180deg);
}
.toggle-block01.card-normal01>.inner>.header[role=tab]::after {
  top: calc(50% - 4px);
  right: 18px;
  width: 14px;
  height: 8px;
}
.toggle-block01>[role=tablist]>[role=tab][aria-selected=true]::after {
  transform: rotate(0deg);
}
/*-----------------------
card-normal01
------------------------*/
.card-normal01.-teiki {
  border-radius: 0;
}
.card-normal01.-teiki>.inner>.header {
  border-radius: 0;
}
.card-normal01.-teiki>.inner>.body>.title01 {
  padding: 8px 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 1px solid #d5dedb;
}
/*-----------------------
cmn-box
------------------------*/
.cmn-box01 {
  margin: 32px 20px 0;
  padding: 32px 20px;
  background: #00000033;
  color: #fff;
}
.cmn-box01>.txt01 {
  margin-top: 6px;
  text-align: center;
  font-size: 1.2rem;
}
.cmn-box01>.txt02 {
  margin-top: 12px;
  text-align: center;
  font-size: 1.2rem;
}
.cmn-box01>.txt03 {
  position: relative;
  margin-top: 32px;
  padding: 10px 4px;
  text-align: center;
  font-weight: bold;
}
.cmn-box01>.txt03::before,
.cmn-box01>.txt03::after {
  position: absolute;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_img_08.svg) center / contain no-repeat;
}
.cmn-box01>.txt03::before {
  top: 0;
}
.cmn-box01>.txt03::after {
  bottom: 0;
}
.cmn-box01>.txt04 {
  margin-top: 10px;
  font-size: 1.4rem;
  text-align: center;
  letter-spacing: 0.06em;
}
.cmn-box02 {
  position: relative;
  padding: 13px 32px;
  text-align: center;
  border: 1px solid #fff;
  line-height: 1.0;
}
.cmn-box02:not(:first-child) {
  margin-top: 40px;
}
.cmn-box02.-gradation01 {
  position: relative;
  border: none;
}
.cmn-box02.-gradation01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_bg_03.png) center / contain no-repeat;
}
.cmn-box02.-gradation01>.title01 {
  background: #4b4948;
}
.cmn-box02.-gradation01>.txtWrap01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4px;
}
.cmn-box02.-gradation01>.txtWrap01>.img01 {
  margin-right: 8px;
}
.cmn-box02.-gradation01>.txtWrap01>.txt01 {
  display: flex;
  align-items: end;
  line-height: 1.0;
}
.cmn-box03 {
  position: relative;
  padding: 16px;
  background-color: #fff;
  z-index: 1;
  color: #2b2b2b;
}
.cmn-box03::after {
  content: "";
  position: absolute;
  bottom: -20px;
  right: -20px;
  width: 120px;
  height: 120px;
  background: url('/kojin/olive/special/campaign/shin-teiki/imgs/index_bg_04.png') no-repeat;
  background-size: contain;
  z-index: 0;
  pointer-events: none;
}
.cmn-box03:not(:first-child) {
  margin-top: 40px;
}
.cmn-box03>.title01 {
  text-align: center;
  background: #2b2b2b;
  color: #fff;
}
.cmn-box03>.txt01 {
  margin-top: 8px;
  text-align: center;
}
.cmn-box03>.txt02 {
  margin-top: 6px;
  text-align: center;
  font-size: 1.2rem;
}
.cmn-box03>.txt03 {
  margin-top: 12px;
  text-align: center;
  font-size: 1.2rem;
}
/*-----------------------
gain-box01
------------------------*/
.gain-box01:not(:first-child) {
  margin-top: 32px;
  padding: 0 20px;
}
.gain-box01>.title {
  padding: 24px 20px;
  background: #0003;
  text-align: center;
  color: #fff;
}
.gain-box01>.title>.txtWrap01 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gain-box01>.title>.label01 {
  padding: 4px;
  background: #4b4948;
}
.gain-box01>.body {
  padding: 30px 12px;
  background: #fff;
}
.gain-box01>.body.-black01 {
  padding: 0 20px 34px;
  background: #0003;
}
.gain-box01>.body>.linkWrap01 {
  margin-top: 12px;
}
.gain-box01>.body>.slideWrap01 {
  padding: 16px 20px 52px;
}
/*-----------------------
table-type01
------------------------*/
.table-type01.-teiki01>tbody>tr>th {
  background: #d9d9d9;
  color: #2b2b2b;
}
.table-type01.-teiki01>tbody>tr>th:not(:last-child) {
  border-bottom: 1px solid #fff;
}
.table-type01.-teiki01>tbody>tr>th.-gray01 {
  background: #efefef;
  border-bottom: 1px solid #d5dedb;
}
@media screen and (max-width: 767px) {
  .table-type01.-teiki01>tbody>tr>td,
  .table-type01.-teiki01>tbody>tr>th,
  .table-type01.-teiki01>thead>tr>td,
  .table-type01.-teiki01>thead>tr>th {
    padding: 6px;
  }
}
/*-----------------------
tieki-stepList01
------------------------*/
.tieki-stepList01:not(:first-child) {
  margin-top: 20px;
}
.tieki-stepList01>.item {
  position: relative;
  margin-bottom: 40px;
}
.tieki-stepList01>.item:last-child {
  margin-bottom: 0;
}
.tieki-stepList01>.item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_plus_01.svg) center / contain no-repeat;
}
/*-----------------------
details-list01
------------------------*/
.details-list01 {
  margin-top: 32px;
}
.details-list01>.title {
  padding: 16px 16px 15px;
  background: #2b2b2b;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
}
.details-list01>.detail {
  padding: 16px;
  background: #fff;
  font-size: 1.4rem;
  color: #2b2b2b;
}
/*-----------------------
list-num02
------------------------*/
.list-num02.-black01>.item>.mark {
  background: #2b2b2b;
  color: #fff;
}
/*-----------------------
list-circle01
------------------------*/
.list-circle01.dotblack>.item::before {
  background: #56635f;
}
/*-----------------------
campaign-list01
------------------------*/
.campaign-list01>.item {
  margin-top: 32px;
}
.campaign-list01>.item>.linkWrap01 {
  margin-top: 24px;
  text-align: center;
}
/*-----------------------
step-list01
------------------------*/
.step-list01>.title {
  background: #2b2b2b;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}
.step-list01>.title:not(:first-of-type) {
  margin-top: 14px;
}
.step-list01>.detail {
  padding: 10px 0;
  text-align: center;
  font-size: 1.6rem;
}
/*-----------------------
kv-btn01
------------------------*/
.kv-btn01 {
  position: absolute;
  top: 84%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  padding: 0 32px;
  text-align: center;
}
.kv-btn01>.linkWrap01 {
  display: inline-block;
  margin-top: 32px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .kv-btn01 {
    top: 81%;
  }
}
/*-----------------------
teiki-btn
------------------------*/
.teiki-btn01 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 45px;
  padding: 3px 6px 6px;
  width: 100%;
  transition: background-color .3s ease-out;
  background: #ff5f04;
  border-radius: 3.65em;
  box-shadow: 0 6px 10px #c15d0080;
  text-decoration: none;
  color: #fff !important;
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .teiki-btn01 {
    font-size: 1.8rem;
  }
}
.teiki-btn01:hover,
.teiki-btn01:focus {
  background: #ee7800;
}
.teiki-btn01.-green01 {
  background: #004831;
  box-shadow: 0 6px 10px #004831b3;
}
.teiki-btn01.-green01:hover,
.teiki-btn01.-green01:focus {
  background: #003927;
  color: #fff;
}
.teiki-btn01::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_01.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}
.teiki-btn01.-green01::after {
  background-image: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_04.svg);
}
.teiki-btn02 {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 231px;
  min-height: 32px;
  padding: 5px 16px;
  background: #2b2b2b;
  border: 1px solid #fff;
  border-radius: 3.65em;
  box-shadow: 0 4px 6px #ffffffbf;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  font-size: 1.4rem;
}
.teiki-btn02:hover,
.teiki-btn02:focus {
  color: #fff;
}
.teiki-btn02::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_02.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center top;
}
/*-----------------------
teiki-link01
------------------------*/
.teiki-link01 {
  text-decoration: none;
  position: relative;
}
.teiki-link01:focus {
  outline: none;
}
.teiki-link01:hover {
  text-decoration: underline #fff;
}
.teiki-link01.-black01 {
  text-decoration: underline;
}
.teiki-link01>.inner {
  position: relative;
  vertical-align: baseline;
  color: #fff;
}
.teiki-link01.-black01>.inner {
  color: #141d1d;
  font-weight: bold;
}
.teiki-link01>.inner::after {
  content: "";
  display: inline-block;
  position: relative;
  top: .25em;
  left: 8px;
  width: 1.375em;
  height: 1.375em;
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) 0 0 / cover no-repeat;
}
.teiki-link01.-black01>.inner::after {
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_03.svg) 0 0 / contain no-repeat;
  transform: rotate(90deg);
  top: calc(50% - 4px);
  width: 14px;
  height: 8px;
}
/*-----------------------
text-hooray01
------------------------*/
.text-hooray01.-teiki01>.inner::after,
.text-hooray01.-teiki01>.inner::before {
  bottom: 23px;
  width: 44px;
}
.text-hooray01.-teiki01>.inner::after {
  right: -5px;
  transform: rotate(-58deg);
}
.text-hooray01.-teiki01>.inner::before {
  left: -5px;
  transform: rotate(58deg);
}
/*-----------------------
line-txt01
------------------------*/
.line-txt01 {
  padding-bottom: 4px;
  border-bottom: 1px solid currentColor;
}
/*-----------------------
rate-txt01
------------------------*/
.rate-txt01 {
  display: flex;
  justify-content: center;
  align-items: end;
  line-height: 1.0;
}
/*-----------------------
bubble-txt01
------------------------*/
.bubble-txt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 8px 15px;
  background: #004831;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.bubble-txt01::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -16px;
  left: calc(50% - 12px);
  width: 0;
  height: 0;
  border-width: 18px 12px 0 12px;
  border-style: solid;
  border-color: #004831 transparent transparent transparent;
}
/*-----------------------
circle-txt01
------------------------*/
.circle-txt01 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-left: 12px;
  border: 1px solid #fff;
  border-radius: 50%;
  font-size: 1.2rem;
}
/*-----------------------
hr-arrow01
------------------------*/
.hr-arrow01 {
  display: block;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_06.png) no-repeat 0 0 / 100%;
  width: 124px;
  height: 30px;
  margin: 16px auto;
}
/*-----------------------
slide
------------------------*/
.slick-wrap01 {
  position: relative;
  max-width: 960px;
  margin: 0 auto;
}
.slick-wrap01:not(.slick-vertical) .slick-track {
  display: flex;
}
.slick-wrap01 .slick-slide {
  margin: 30px 20px 0;
  background: #fff;
}
.slick-wrap01:not(.slick-vertical) .slick-slide {
  height: auto !important;
}
.slick-wrap01 .slick-slide img {
  width: 80%;
  margin: auto;
}
.slick-wrap01 .slick-arrow {
  top: -80px;
  bottom: 0;
  width: 40px;
  height: 40px;
  margin: auto 0;
  background: #2b2b2b;
  border-radius: 50%;
  z-index: 1;
}
.slick-wrap01 .slick-prev {
  left: 26px;
}
.slick-wrap01 .slick-next {
  right: 26px;
}
.slick-wrap01 .slick-arrow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1.375em;
  height: 1.375em;
  margin: auto;
  background: url(/kojin/cmn/imgs/ico_arrow_right_02.svg) 0 0 / cover no-repeat;
}
.slick-wrap01 .slick-prev::before {
  transform: rotate(180deg);
}
.slick-wrap01 .slick-dots {
  bottom: 0;
  font-size: 0;
}
.slick-wrap01 .slick-dots li button {
  width: 8px;
  height: 8px;
  background: #d9d9d9;
  border-radius: 50%;
  transition: background .2s ease-in-out;
}
.slick-wrap01 .slick-dots > .slick-active button {
  background: #2b2b2b;
}
.slick-wrap01 .slick-dots > :not(:first-child) {
  margin-left: 10px;
}
.slide-item01>.title01 {
  padding: 4px;
  color: #2b2b2b;
  background: #d9d9d9;
  text-align: center;
  font-weight: bold;
}
.slide-item01>.img01 {
  margin-top: 16px;
  padding: 0 50px;
}
.slide-item01>.txt01 {
  width: fit-content;
  margin: 20px auto;
  font-size: 1.2rem;
  font-weight: bold;
}
/*-----------------------
general parts
------------------------*/
._txt-fs72 {
  font-size: 7.2rem !important;
}
._txt-gray01 {
  color: #4f4f4f !important;
}
/*-----------------------
Fixed
------------------------*/
.fixed-content.-menu01 {
  position: fixed;
  top: 25%;
  left: 8vw;
  width: 320px;
  z-index: 2;
  background: #0009;
}
@media screen and (max-width: 1350px) {
  .fixed-content.-menu01 {
    display: none;
  }
}
.fixed-menu01 {
  padding-top: 32px;
}
.fixed-menu01>.title {
  font-size: 4.0rem;
  color: #fff;
  text-align: center;
}
.fixed-menu01>.wrap {
  padding: 11px 0 29px;
}
/*-----------------------
text-link
------------------------*/
.text-link>.link {
  text-decoration: none;
  font-size: 2.0rem;
  color: #8b8b8b;
}
.text-link.-curt01>.link {
  position: relative;
  display: block;
  font-weight: bold;
  color: #8b8b8b;
  padding: 12px 51px 12px 69px;
}
.text-link.-curt01>.link.-active {
  color: #fff;
}
.text-link.-curt01>.link.-active::after {
  position: absolute;
  top: calc(50% - 12px);
  left: 34px;
  content: "";
  display: block;
  width: 28px;
  height: 24px;
  background: url(/kojin/olive/special/campaign/shin-teiki/imgs/index_ico_arrow_05.png);
}
/*-----------------------
modal
------------------------*/
.modal-block01.-teiki01 {
  max-width: 960px;
  width: 100%;
  background-color: #2b2b2b;
  border-radius: 0;
}
.modal-block01.-teiki01>.inner>.header {
  padding: 30px 40px;
}
.modal-block01.-teiki01>.inner>.header>.title>.inner {
  color: #fff;
}
.modal-block01.-teiki01>.inner>.body {
  padding: 50px 4% 50px 4%;
  background-color: #fff;
}
.modal-block01.-teiki01>.inner>.body:not(:first-child) {
  margin: 0 40px 40px;
}
.modal-block01.-teiki01>.inner>.body>.txtWrap01 {
  max-width: 520px;
  margin: auto;
}
.modal-block01.-teiki01>.inner>.body>.btnWrap01 {
  max-width: 488px;
  margin: 16px auto 0;
}
.modal-block01.-teiki01>.inner>.header>.btn {
  top: 30px;
  right: 30px;
}
.modal-block01.-teiki01>.inner>.header>.btn:focus {
  outline: none;
}
.modal-list01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}
.modal-list01>.item {
  position: relative;
  text-align: center;
}
.modal-list01>.item:not(:first-child) {
  margin-left: 138px;
}
.modal-list01>.item:not(:last-child)::after {
  position: absolute;
  top: 40%;
  right: -90px;
  display: block;
  width: 42px;
  height: 42px;
  background-color: #2b2b2b;
  content: "";
  clip-path: polygon(100% 0, 0 0, 50% 100%);
  transform: rotate(-90deg);
}
@media screen and (max-width: 767px) {
  .modal-block01.-teiki01>.inner>.header {
    padding: 24px;
  }
  .modal-block01.-teiki01>.inner>.body:not(:first-child) {
    margin: 0 24px 24px;
  }
  .modal-block01>.inner>.header>.title>.inner {
    font-size: 1.6rem;
  }
}
/* SMALL STYLES */
@media screen and (max-width: 374px) {
  .modal-block01.-teiki01 .teiki-btn01 {
    font-size: 1.4rem;
  }
}