<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*--------------------------------------------------------------- */
/* index page */
/*--------------------------------------------------------------- */
.sec-slide-wrap .js-ss, .sec-recruit-wrap .sec-lead {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  background-repeat: no-repeat;
}

/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}

Example usage in HTML:

`display: block` sprite:
&lt;div class="icon-home"&gt;&lt;/div&gt;

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
&lt;i class="icon icon-home"&gt;&lt;/i&gt;
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/*-------------------------------------------&gt; ページ共通スタイル */
/*-------------------------------------------&gt; フェードスライダー */
.sec-slide-wrap {
  position: relative;
  width: 100%;
  height: 88vh;
  overflow: hidden;
  margin-bottom: 96px;
}

.sec-slide-wrap .block-op-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.sec-slide-wrap .block-op-wrap #icon-logo {
  width: 259px;
  height: 144px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
}

.sec-slide-wrap .block-op-wrap #icon-logo svg .path {
  fill: rgba(255, 255, 255, 0);
  stroke: white;
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.sec-slide-wrap .block-op-wrap #icon-logo.is-anim svg .path {
  -webkit-animation: DASH-W 2.5s ease-in-out .5s alternate forwards;
          animation: DASH-W 2.5s ease-in-out .5s alternate forwards;
}

.sec-slide-wrap .block-op-wrap figure {
  width: auto;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sec-slide-wrap .block-op-wrap figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.sec-slide-wrap .block-slide-list {
  width: 100%;
  height: 100%;
  position: relative;
}

.sec-slide-wrap .block-slide-list li {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}

.sec-slide-wrap .block-slide-list li img {
  position: absolute;
  left: -100%;
  right: -100%;
  top: -100%;
  bottom: -100%;
  margin: auto;
  width: auto;
  height: 100%;
}

.sec-slide-wrap .js-ss {
  position: absolute;
  z-index: 2;
  bottom: 120px;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  height: 65px;
  display: block;
  background: url(/sp/img/ar_scroll.svg) no-repeat center center;
  background-size: auto 100%;
  -webkit-animation: scroll 3s ease infinite;
          animation: scroll 3s ease infinite;
}

.sec-slide-wrap .slide-lead {
  position: absolute;
  left: 0;
  right: 0;
  top: 400px;
  margin: auto;
  z-index: 20;
  width: 380px;
  height: 39px;
  overflow: hidden;
  color: #fff;
  font-size: 39px;
  /* legacy */
  line-height: 1em;
  font-style: italic;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  opacity: 0;
  letter-spacing: 1em;
}

.sec-slide-wrap .slide-lead.lead-01 {
  padding-right: 20px;
  top: 370px;
}

.sec-slide-wrap .slide-lead.lead-02 {
  padding-left: 20px;
  top: 430px;
}

.sec-slide-wrap .slide-lead.is-anim.lead-01 {
  -webkit-animation: lead 1.5s ease-in-out 1.5s forwards;
          animation: lead 1.5s ease-in-out 1.5s forwards;
}

.sec-slide-wrap .slide-lead.is-anim.lead-02 {
  -webkit-animation: lead 1.5s ease-in-out 2.5s forwards;
          animation: lead 1.5s ease-in-out 2.5s forwards;
}

/*-------------------------------------------&gt; ABOUT TOSHIMA DENKI */
.sec-about-wrap {
  margin-bottom: 100px;
}

.sec-about-wrap .block-sec-inner &gt; h1 {
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 24px;
  /* legacy */
  line-height: 1em;
  margin-bottom: 50px;
  letter-spacing: 0.2em;
}

.sec-about-wrap .block-sec-inner ul li {
  margin-bottom: 60px;
}

.sec-about-wrap .block-sec-inner ul li:last-child {
  margin-bottom: 0;
}

.sec-about-wrap .block-sec-inner ul li figure {
  width: 170px;
  height: 170px;
  margin: 0 auto 20px;
}

.sec-about-wrap .block-sec-inner ul li figure svg .path {
  fill: rgba(217, 22, 22, 0);
  stroke: #d91616;
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.sec-about-wrap .block-sec-inner ul li figure.is-anim svg .path {
  -webkit-animation: DASH-R 3s ease-in-out 1s alternate forwards;
          animation: DASH-R 3s ease-in-out 1s alternate forwards;
}

.sec-about-wrap .block-sec-inner ul li h3 {
  font-size: 24px;
  /* legacy */
  line-height: 1em;
  letter-spacing: 0.2em;
}

.sec-about-wrap .block-sec-inner ul li h2 {
  font-size: 34px;
  /* legacy */
  line-height: 1em;
}

/*-------------------------------------------&gt; NEWS */
.sec-news-wrap {
  padding: 94px 0;
  background: #f5f5f7;
}

.sec-news-wrap .block-sec-inner &gt; h1 {
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 26px;
  /* legacy */
  line-height: 1em;
  margin-bottom: 45px;
}

.sec-news-wrap .block-sec-inner dl dt, .sec-news-wrap .block-sec-inner dl dd {
  font-size: 22px;
  /* legacy */
  line-height: 1.72727em;
}

.sec-news-wrap .block-sec-inner dl dt {
  color: #969799;
}

/*-------------------------------------------&gt; RECRUIT */
.sec-recruit-wrap {
  padding-top: 100px;
  margin-bottom: 55px;
}

.sec-recruit-wrap .sec-lead {
  margin: 0 auto 45px;
  width: 515px;
  height: 101px;
  background: url(/sp/img/lead_recruit.png) no-repeat center top;
  background-size: 100% auto;
}

.sec-recruit-wrap #js-slide-ticker {
  width: 100%;
  height: 274px;
  margin-bottom: 45px;
}

.sec-recruit-wrap #js-slide-ticker:after {
  content: "";
  display: block;
  clear: both;
}

.sec-recruit-wrap #js-slide-ticker li {
  float: left;
  margin-left: -20px;
  margin-bottom: 10px;
  width: 441px;
  height: 274px;
  overflow: hidden;
}

.sec-recruit-wrap #js-slide-ticker li a {
  display: block;
}

.sec-recruit-wrap .m-cate-title {
  margin: 0 auto 45px;
}

.sec-recruit-wrap .m-cate-title figure svg .path {
  fill: rgba(217, 22, 22, 0);
  stroke: #d91616;
  stroke-width: 1;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
}

.sec-recruit-wrap .m-cate-title figure.is-anim svg .path {
  -webkit-animation: DASH-R 3s ease-in-out alternate forwards;
          animation: DASH-R 3s ease-in-out alternate forwards;
}

.sec-recruit-wrap .m-cate-title h2 {
  letter-spacing: 0.12em;
}

.sec-recruit-wrap .txt-wrap .txt {
  text-align: justify;
}

.sec-recruit-wrap .txt-wrap .btn-more {
  border-bottom: none;
}

/*-------------------------------------------&gt; CONTACT */
.sec-contact-wrap {
  background: url(/sp/img/ar_contact.svg) no-repeat center top;
  background-size: 100% auto;
  position: relative;
  padding-top: 100px;
}

.sec-contact-wrap .m-cate-title .txt {
  text-align: center;
}

.sec-contact-wrap .btn-rd {
  width: 456px;
  margin: 0 auto 55px;
}

/*-------------------------------------------&gt; アニメーション */
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  20% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  30% {
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  40% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes DASH-W {
  0% {
    stroke-dashoffset: 1000;
  }
  80% {
    stroke-dashoffset: 500;
    fill: rgba(255, 255, 255, 0);
    stroke: white;
  }
  100% {
    stroke-dashoffset: 0;
    fill: white;
    stroke: rgba(255, 255, 255, 0);
  }
}

@keyframes DASH-W {
  0% {
    stroke-dashoffset: 1000;
  }
  80% {
    stroke-dashoffset: 500;
    fill: rgba(255, 255, 255, 0);
    stroke: white;
  }
  100% {
    stroke-dashoffset: 0;
    fill: white;
    stroke: rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes DASH-R {
  0% {
    stroke-dashoffset: 1000;
  }
  80% {
    stroke-dashoffset: 500;
    fill: rgba(217, 22, 22, 0);
    stroke: #d91616;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #d91616;
    stroke: rgba(217, 22, 22, 0);
  }
}

@keyframes DASH-R {
  0% {
    stroke-dashoffset: 1000;
  }
  80% {
    stroke-dashoffset: 500;
    fill: rgba(217, 22, 22, 0);
    stroke: #d91616;
  }
  100% {
    stroke-dashoffset: 0;
    fill: #d91616;
    stroke: rgba(217, 22, 22, 0);
  }
}

@-webkit-keyframes lead {
  0% {
    opacity: 0;
    letter-spacing: 1em;
  }
  100% {
    opacity: 1;
    letter-spacing: 0;
  }
}

@keyframes lead {
  0% {
    opacity: 0;
    letter-spacing: 1em;
  }
  100% {
    opacity: 1;
    letter-spacing: 0;
  }
}

/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 * http://logicbox.net/jquery/simplyscroll
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 * Dual licensed under the MIT and GPL licenses.
 * Last revised: 31/01/2012
 */
/*-------------------------------------------&gt; プラグイン：simplyScroll.js */
.simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative;
}

.simply-scroll-clip {
  /* Clip DIV - automatically generated */
  position: relative;
  overflow: hidden;
}

.simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  padding: 0;
  margin: 0;
  list-style: none;
}

.simply-scroll-list li img {
  border: none;
  display: block;
}
</pre></body></html>