@charset "Shift_JIS";
/* Updated 2026/10/15.T */

/*-------------------------------------
title
-------------------------------------*/
.title-background01.-tenpo01 > .inner > .body::before {
  background-image:url(/kojin/tenpo/imgs/index_bg_title_01_webp.webp);
}
html.no-webp .title-background01.-tenpo01 > .inner > .body::before {
  background-image:url(/kojin/tenpo/imgs/index_bg_title_01_webp.jpg);
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .title-background01.-tenpo01 > .inner > .body::before {
    background-image:url(/kojin/tenpo/imgs/index_bg_title_01_sp_webp.webp);
  }
  html.no-webp .title-background01.-tenpo01 > .inner > .body::before {
    background-image:url(/kojin/tenpo/imgs/index_bg_title_01_sp_webp.jpg);
  }
}

/*-------------------------------------
link
-------------------------------------*/
.tenpo-link a.card-tile02:not(.icon-link01):not([href$=pdf]):not([class*=fn-blank])::after {
  width: 1.5em;
  height: 1.5em;
  top: calc(50% - (1.5em / 2));
  right: 24px;
}
.tenpo-link .card-tile02 > .inner > .img > .ico {
  width: auto;
}
.tenpo-link .card-tile02 > .inner > .text > .title {
  font-size: 2.0rem;
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .tenpo-link a.card-tile02 {
    padding: 12px;
  }
  .tenpo-link a.card-tile02:not(.icon-link01):not([href$=pdf]):not([class*=fn-blank])::after {
    width: 1em;
    height: 1em;
    top: calc(50% - (1em / 2));
    right: 12px;
  }
  .tenpo-link .card-tile02 > .inner > .img > .ico {
    width: 60px;
  }
  .tenpo-link .card-tile02 > .inner > .text > .title {
    font-size: 1.4rem;
  }
}

/*-------------------------------------
example
-------------------------------------*/
.example-list01 {
  display: flex;
  justify-content: center;
}
.example-list01 > .item {
  text-align: center;
}
.example-list01 > .item > .text {
  font-weight: bold;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .example-list01 > .item:not(:first-child) {
    margin-left: 24px;
  }
  .example-list01 > .item > .text {
    margin-top: 8px;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .example-list01 {
    flex-flow: row wrap;
  }
  .example-list01 > .item {
    width: calc(50% - 3px);
  }
  .example-list01 > .item:nth-child(n+3) {
    margin-top: 10px;
  }
  .example-list01 > .item > .img.-type01 {
    display: inline-flex;
    align-items: center;
    height: 80px;
  }
  .example-list01 > .item > .text {
    font-size: 1.2rem;
  }
  .example-list01 > .item > .img.-type02 + .text {
    letter-spacing: -2px;
  }
}

/* SMALL STYLES */
@media screen and (max-width: 374.98px) {
  .example-list01 > .item > .text {
    font-size: 3.2vw;
  }
}

/*-------------------------------------
shop-consultation
-------------------------------------*/

/* PC Only */
@media screen and (min-width: 768px) {
  .shop-consultation .card-imgBlock01 > .inner {
    align-items: flex-end;
  }
  .shop-consultation .card-imgBlock01 > .inner > .text {
    min-height: 216px;
    padding: 50px 50px 50px 20px;
  }
}

/*-------------------------------------
step-list
-------------------------------------*/
.step-list .card-tile03 > .inner .title {
  display: flex;
}
.step-list .card-tile03 > .inner .title > .num {
  font-size: 4.0rem;
  line-height: 1.1;
  margin-right: 12px;
}
.step-list .card-tile03 > .inner .title > .txt {
  display: inline-flex;
  align-items: center;
  font-size: 2.0rem;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .step-list > .list > .item {
    width: 29%;
    position: relative;
  }
  .step-list > .list > .item:not(:first-child)::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -6.5%;
    width: 0;
    height: 0;
    margin: auto 0;
    border-top: 36px solid transparent;
    border-bottom: 36px solid transparent;
    border-left: 30px solid #C4D700;
    transform: translateX(-100%);
  }
  .step-list > .list > .item:not(:first-child):not(:nth-child(3n+1)) {
    margin-left: 6.5%;
  }
  .step-list > .list > .item > .inner {
    height: 100%;
  }
  .step-list .card-tile03 {
    height: 100%;
  }
  .step-list .card-tile03 > .inner > .text {
    padding-bottom: 30px;
  }
}

/* SP STYLES */
@media screen and (max-width: 767.98px) {
  .fn-carouselSp01-step {
    padding: 0 4.8vw 40px;
  }
  .fn-carouselSp01-step > .list .item > .inner {
    margin: 0;
  }
  .fn-carouselSp01-step > .list {
    margin-left: 0;
    margin-right: 0;
  }
  .fn-carouselSp01-step .slick-list {
    margin-right: -24px;
  }
  .fn-carouselSp01-step .slick-list.draggable {
    overflow: visible;
  }
  .fn-carouselSp01-step > .list > .slick-dots {
    bottom: -24px;
    font-size: 0;
  }
  .fn-carouselSp01-step > .list > .slick-dots li button {
    width: 10px;
    height: 10px;
    background: #d5dedb;
    border-radius: 50%;
  }
  .fn-carouselSp01-step > .list > .slick-dots li button[aria-selected=true] {
    background: #004831;
  }
  .fn-carouselSp01-step > .list > .slick-dots li.slick-active button:before {
    background: #004831;
  }
  .fn-carouselSp01-step > .list > .slick-dots li:not(:first-child) {
    margin-left: 12px;
  }
  .fn-carouselSp01-step .slick-track {
    display: flex !important;
  }
  .fn-carouselSp01-step .slick-slide {
    height: auto !important;
    display: flex !important;
    margin-right: 24px;
  }
  .fn-carouselSp01-step .slick-slide > div {
    display: flex;
    flex: 1;
    height: 100%;
  }
}

/*-------------------------------------
Custom
-------------------------------------*/
.card-tile03.-tenpo01 > .inner {
  padding-bottom: 24px;
}

.list-circle01.-disc01 > .item::before {
  width: .25em;
  height: .25em;
  top: .65em;
}

/* PC Only */
@media screen and (min-width: 768px) {
  .card-tile03.-tenpo01 > .inner {
    padding-bottom: 54px;
    position: relative;
  }
  .card-tile03.-tenpo01 > .inner > .list-normal01 {
    width: 100%;
    position: absolute;
    bottom: 24px;
  }
}