<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* ===============================================
 *
 * 【コンテンツエリア内のスタイルシート記述の約束】
 * コンテンツエリアのＣＳＳセレクタは他のエリアと
 * 重複を防ぐため、セレクタの先頭に必ず
 * 「#cts_CR_企業番号_商品番号」
 * を指定してください。
 * 例）
 * #cts_CR_99999999_1 p { width:100%;margin: 0 auto; }
 *
 * テンプレートVer：20230116
 * =============================================== */

/* PC/SP共通の指定 */

#cts_CR_00008218_1 {
  --color-body: #000;
  --color-unpainted: #fff;
  background-color: var(--color-unpainted);
  color: var(--color-body);

  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.57;
  text-align: justify;
  text-justify: distribute;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

#cts_CR_00008218_1 img {
  display: block;
  height: auto;
  max-width: 100%;
}

#cts_CR_00008218_1 .l-section {
  border: 5px solid var(--color-body);
}

#cts_CR_00008218_1 .l-header {
  background: url("/ts/ori-tab/00008218/1/img/bg_main.jpg") no-repeat center/cover var(--color-unpainted);
  position: relative;
}

#cts_CR_00008218_1 .l-header .p-main-title {
  position: absolute;
}

#cts_CR_00008218_1 .l-header .p-logo {
  position: absolute;
}

#cts_CR_00008218_1 .p-work .p-work__inner {
  background: no-repeat center top/contain var(--color-unpainted);
  font-weight: bold;
  letter-spacing: -0.03em;
  line-height: 1.5;
}

#cts_CR_00008218_1 .p-work .p-work__inner--invert {
  background-color: var(--color-body);
  color: var(--color-unpainted);
}

#cts_CR_00008218_1 .p-work .p-work__inner + .p-work__inner {
  border-top: 5px solid var(--color-body);
}

#cts_CR_00008218_1 .p-work .p-work__inner:nth-child(1) {
  background-image: url("/ts/ori-tab/00008218/1/img/bg_work1.svg");
}

#cts_CR_00008218_1 .p-work .p-work__inner:nth-child(2) {
  background-image: url("/ts/ori-tab/00008218/1/img/bg_work2.jpg");
}

#cts_CR_00008218_1 .p-work .p-work__inner:nth-child(3) {
  background-image: url("/ts/ori-tab/00008218/1/img/bg_work3.jpg");
}

#cts_CR_00008218_1 .p-about .p-about__title {
  background: url("/ts/ori-tab/00008218/1/img/bg_about-title.jpg") no-repeat center/contain;
}

#cts_CR_00008218_1 .p-about-cards {
  background-color: var(--color-body);
  border-top: 5px solid var(--color-body);
  display: -ms-grid;
  display: grid;
}

#cts_CR_00008218_1 .p-about-cards .c-data-card {
  background-color: var(--color-unpainted);
}

#cts_CR_00008218_1 .c-data-card {
  font-weight: bold;
}

#cts_CR_00008218_1 .c-data-card .c-data-card__title &gt; img {
  margin: auto;
  width: auto;
}

#cts_CR_00008218_1 .c-data-card#about-allowance1 {
  text-align: center;
}

#cts_CR_00008218_1 .c-data-card#about-allowance1 .c-data-card__text &gt; img {
  margin: auto;
}

/* ▼▼768px以上の表示　主にPC用▼▼ */

/* ▼▼767px以下の表示　SP用 ▼▼ */

/*▼▼768px以上の表示　主にPC用▼▼*/
@media screen and (min-width: 768px){

  #cts_CR_00008218_1 {
    font-size: 14px;
  }

  #cts_CR_00008218_1 .u-view-sp {
    display: none;
  }

  #cts_CR_00008218_1 .l-section + .l-section {
    margin-top: 40px;
  }

  #cts_CR_00008218_1 .l-header {
    height: 450px;
  }

  #cts_CR_00008218_1 .l-header .p-main-title {
    right: 30px;
    top: 36px;
  }

  #cts_CR_00008218_1 .l-header .p-main-title img {
    width: 273px;
  }

  #cts_CR_00008218_1 .l-header .p-logo {
    bottom: 16px;
    right: 22px;
  }

  #cts_CR_00008218_1 .l-header .p-logo img {
    width: 277px;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner {
    font-size: 20px;
    padding: 44px;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(odd) {
    margin-right: 44px;
    padding-right: 220px;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(even) {
    margin-left: 44px;
    padding-left: 280px;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(1) {
    background-position: right 2px top 54px;
    background-size: 192px auto;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(2) {
    background-position: left bottom;
    background-size: 250px auto;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(3) {
    background-position: right top;
    background-size: 355px auto;
    padding-right: 348px;
  }

  #cts_CR_00008218_1 .p-work .p-work__title {
    margin-bottom: 24px;
  }

  #cts_CR_00008218_1 .p-work .p-work__title &gt; img {
    width: 120px;
  }

  #cts_CR_00008218_1 .p-about .p-about__title {
    background-position: 285px bottom;
    background-size: 163px auto;
    padding: 28px 45px;
  }

  #cts_CR_00008218_1 .p-about .p-about__title &gt; img {
    width: 240px;
  }

  #cts_CR_00008218_1 .p-about-cards {
    gap: 5px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }

  #cts_CR_00008218_1 .c-data-card {
    padding: 30px 20px;
  }

  #cts_CR_00008218_1 .c-data-card .c-data-card__title &gt; img {
    height: 24px;
  }

  #cts_CR_00008218_1 .c-data-card .c-data-card__img {
    margin: 16px auto 14px;
    width: 180px;
  }

  #cts_CR_00008218_1 .c-data-card#about-allowance1 .c-data-card__text &gt; img {
    margin-top: 8px;
    width: 148px;
  }
}

/*▼▼767px以下の表示　SP用 ▼▼*/
@media screen and (max-width: 767px){

  #cts_CR_00008218_1 {
    font-size: 3.5vw;
  }

  #cts_CR_00008218_1 .u-view-pc {
    display: none;
  }

  #cts_CR_00008218_1 .l-section {
    border-width: 1vw;
  }

  #cts_CR_00008218_1 .l-section + .l-section {
    margin-top: 5vw;
  }

  #cts_CR_00008218_1 .l-header {
    height: 55.78vw;
  }

  #cts_CR_00008218_1 .l-header .p-main-title {
    right: 2.75vw;
    top: 3.25vw;
  }

  #cts_CR_00008218_1 .l-header .p-main-title img {
    width: 33.71vw;
  }

  #cts_CR_00008218_1 .l-header .p-logo {
    bottom: 1.25vw;
    right: 1.75vw;
  }

  #cts_CR_00008218_1 .l-header .p-logo img {
    width: 34.24vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner {
    font-size: 4vw;
    padding: 7.5vw 6.25vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(even) {
    margin-left: 6.25vw;
    padding-left: 0;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner + .p-work__inner {
    border-width: 1vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(1) {
    background-position: center 20.51vw;
    background-size: 48.12vw auto;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(2) {
    background-position: center 3.5vw;
    background-size: 62.53vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(3) {
    background-position: center top;
    background-size: 100% auto;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(3) &gt; p {
    margin-top: 45.02vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__inner &gt; p {
    margin-top: 50.02vw;
  }

  #cts_CR_00008218_1 .p-work .p-work__title &gt; img {
    width: 20.26vw;
  }

  #cts_CR_00008218_1 .p-about .p-about__title {
    background-position: right 3.25vw bottom;
    background-size: 32.51vw auto;
    padding: 7.5vw 5vw;
  }

  #cts_CR_00008218_1 .p-about .p-about__title &gt; img {
    width: 40.27vw;
  }

  #cts_CR_00008218_1 .p-about-cards {
    border-width: 1vw;
    gap: 1vw;
    grid-column-gap: 1fr;
  }

  #cts_CR_00008218_1 .c-data-card {
    padding: 7.5vw 6.25vw;
  }

  #cts_CR_00008218_1 .c-data-card .c-data-card__title &gt; img {
    height: 6vw;
  }

  #cts_CR_00008218_1 .c-data-card .c-data-card__img {
    margin: 2.5vw auto;
    width: 45.02vw;
  }

  #cts_CR_00008218_1 .c-data-card#about-allowance1 .c-data-card__text &gt; img {
    margin-top: 2vw;
    width: 37.02vw;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 3/2), screen and (min-resolution: 1.5dppx){

  #cts_CR_00008218_1 .l-header {
    background-image: url("/ts/ori-tab/00008218/1/img/bg_main_2x.jpg");
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(2) {
    background-image: url("/ts/ori-tab/00008218/1/img/bg_work2_2x.jpg");
  }

  #cts_CR_00008218_1 .p-work .p-work__inner:nth-child(3) {
    background-image: url("/ts/ori-tab/00008218/1/img/bg_work3_2x.jpg");
  }

  #cts_CR_00008218_1 .p-about .p-about__title {
    background-image: url("/ts/ori-tab/00008218/1/img/bg_about-title_2x.jpg");
  }
}
</pre></body></html>