@charset "UTF-8";
/*--------------------------------------------------------------- */
/* facility index page */
/*--------------------------------------------------------------- */
/*
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:
<div class="icon-home"></div>

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

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

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

@include sprites($spritesheet-sprites);
*/
/*-------------------------------------------> ページ共通スタイル */
#contents .block-inner {
  margin: 0 auto 60px;
  border-bottom: 1px solid #d9d9d9;
}

#contents .block-inner:last-child {
  border-bottom: none;
  margin: 0 auto;
  padding-bottom: 30px;
}

/*-------------------------------------------> main visual */
.sec-mv-wrap {
  background: url(/workplace/img/ph_mv.jpg) no-repeat center center;
  background-size: cover;
}

/*-------------------------------------------> common */
.sec-content-wrap {
  background: #f5f5f7;
  padding-top: 90px;
  padding-bottom: 120px;
}

.sec-content-wrap .m-cate-title.l-content {
  padding: 92px 0 47px;
}

.sec-content-wrap .block-content-inner {
  background: #fff;
  padding-top: 80px;
}

/*-------------------------------------------> index */
.block-content-inner .block-inner > .txt {
  text-align: center;
  font-size: 14px;
  /* legacy */
  font-size: 0.875rem;
  /* modern */
  line-height: 2.14286em;
  padding-bottom: 50px;
}

.block-content-inner .block-inner .clm-title {
  color: #d91616;
  font-size: 20px;
  /* legacy */
  font-size: 1.25rem;
  /* modern */
  line-height: 1.8em;
  letter-spacing: 0.06em;
  margin-bottom: 20px;
}

.block-content-inner .block-inner .clm-title span {
  font-size: 18px;
  /* legacy */
  font-size: 1.125rem;
  /* modern */
  line-height: 2em;
}

.block-content-inner .block-inner .clm-txt {
  text-align: justify;
  font-size: 14px;
  /* legacy */
  font-size: 0.875rem;
  /* modern */
  line-height: 2.14286em;
  letter-spacing: 0.06em;
  padding-bottom: 55px;
}

.block-content-inner .block-inner figure {
  position: relative;
}

.block-content-inner .block-inner figure figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 12px;
  /* legacy */
  font-size: 0.75rem;
  /* modern */
  line-height: 1.66667em;
  padding: 0 12px 1px;
  letter-spacing: 0.1em;
  background: #333;
}

.block-content-inner .m-2clm-uneven {
  padding-bottom: 50px;
}

.block-content-inner .m-2clm-uneven .box {
  vertical-align: top;
}

.block-content-inner .m-2clm-uneven .box figure {
  padding-top: 0;
  margin-bottom: 10px;
}

.block-content-inner .m-2clm-uneven .box .clm-title {
  line-height: 1em;
  margin-bottom: 28px;
}

.block-content-inner .m-2clm-even figure {
  width: 390px;
}

.block-content-inner .m-2clm-even.ph-only .box:nth-child(-n+2) figure {
  margin-bottom: 60px;
}

#sec-02 .clm-txt {
  letter-spacing: 0;
}

/*-------------------------------------------> アニメーション */
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(180deg);
            transform: translateY(0) rotate(180deg);
  }
}

/*-------------------------------------------> プラグイン：プラグイン名 */