@charset "UTF-8";
/*
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);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/**
* message
* ===============
*/
.messageBody {
  max-width: 630px;
  margin: 0 auto 150px;
  line-height: 200%;
  font-size: 14px;
  font-size: 1.4rem;
}
.messageBody p {
  text-indent: 1em;
  font-weight: bold;
}
.messageBody .bottom {
  margin-top: 3em;
  font-weight: normal;
  text-indent: 0;
}
@media only screen and (max-width: 767px) {
  .messageBody {
    padding: 0 20px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .messageBody .bottom {
    font-weight: bold;
  }
}

.rakuhodoCEO {
  background: #F5EFDE;
  padding: 40px;
  margin-bottom: 100px;
}
.rakuhodoCEO img {
  float: left;
  margin-right: 30px;
}
.rakuhodoCEO figcaption {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 222.22222%;
}
.rakuhodoCEO ul {
  line-height: 150%;
  overflow: hidden;
}
.rakuhodoCEO li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.rakuhodoCEO li:before {
  content: "■";
}
@media only screen and (max-width: 767px) {
  .rakuhodoCEO {
    padding: 20px;
    margin: 0 -20px 40px;
    font-size: 1.2rem;
  }
  .rakuhodoCEO figure {
    margin-bottom: 10px;
  }
  .rakuhodoCEO figcaption {
    font-size: 1.4rem;
  }
  .rakuhodoCEO img {
    width: 80px;
    height: auto;
    margin-right: 15px;
  }
  .rakuhodoCEO ul {
    clear: left;
  }
  .rakuhodoCEO figcaption {
    height: 92px;
    line-height: 92px;
  }
}