/*
 *  YMO / introduction.scss / introduction.css
 *  compass mode
 *  version --- 1.0
 *  author  --- coreframe, inc.
 *  updated --- 2014/09/29
 *
 */
/* line 17, ../sass/introduction.scss */
#header {
  background-image: url("../img/mainimg_sp.jpg");
  background-repeat: no-repeat;
  background-repeat: center;
  height: 250px; }
  @media screen and (max-width: 640px) {
    /* line 17, ../sass/introduction.scss */
    #header {
      background-image: none;
      height: auto; } }
  /* line 26, ../sass/introduction.scss */
  #header a {
    display: block;
    width: 100%;
    height: 250px; }
    @media screen and (max-width: 640px) {
      /* line 26, ../sass/introduction.scss */
      #header a {
        height: auto; } }
  /* line 34, ../sass/introduction.scss */
  #header h2, #header p {
    display: none; }
  /* line 37, ../sass/introduction.scss */
  #header .sp {
    display: none; }
    @media screen and (max-width: 640px) {
      /* line 37, ../sass/introduction.scss */
      #header .sp {
        display: block; } }

/* line 47, ../sass/introduction.scss */
#contents {
  margin-top: 20px;
  width: auto;
  padding: 40px;
  background-image: url("../img/bg_ymo1.jpg"); }
  @media screen and (max-width: 640px) {
    /* line 47, ../sass/introduction.scss */
    #contents {
      width: 96%;
      margin: 2%;
      padding: 20px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
  /* line 58, ../sass/introduction.scss */
  #contents h3 {
    color: #3b3b3b;
    font-size: 18px; }
  /* line 62, ../sass/introduction.scss */
  #contents .block {
    padding: 20px 0; }
    @media screen and (max-width: 640px) {
      /* line 62, ../sass/introduction.scss */
      #contents .block {
        padding: 20px 0; } }
    /* line 68, ../sass/introduction.scss */
    #contents .block p {
      margin: 0 0 30px 0;
      clear: both; }
    /* line 72, ../sass/introduction.scss */
    #contents .block .img1 {
      float: left;
      margin: 0 20px 10px 0px;
      line-height: 0;
      border: solid 3px #fff; }
    /* line 78, ../sass/introduction.scss */
    #contents .block .img2 {
      float: right;
      margin: 0 0px 10px 20px;
      line-height: 0;
      border: solid 3px #fff; }
    /* line 84, ../sass/introduction.scss */
    #contents .block .img3 {
      float: left;
      margin: 0 20px 10px 0px;
      line-height: 0;
      border: solid 3px #fff; }
    /* line 90, ../sass/introduction.scss */
    #contents .block .img4 {
      float: right;
      margin: 0 0px 10px 20px;
      line-height: 0;
      border: solid 3px #fff; }
    /* line 96, ../sass/introduction.scss */
    #contents .block .img5 {
      float: left;
      margin: 0 20px 10px 0px;
      line-height: 0;
      border: solid 3px #fff; }