@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 design
==================================================================================*/
#design .intro .tit {
  max-width: 310px;
  margin: 0 0 10px;
}
#design .intro .sub {
  font-size: 22px;
  line-height: 1.8;
  margin-bottom: 70px;
}
#design .intro .lead {
  font-size: 14px;
  line-height: 2.2;
  margin-bottom: 100px;
}
#design .sec01, #design .sec03 {
  background: #1a2f30;
  padding: 150px 0;
  color: #fff;
}
#design .sec01 .wrap, #design .sec03 .wrap {
  max-width: 900px;
  margin: auto;
}
#design .sec01 .tit, #design .sec03 .tit {
  font-size: 22px;
  writing-mode: vertical-rl;
  line-height: 2;
}
#design .sec01 .texts, #design .sec03 .texts {
  width: 68%;
  margin: -12% 0 0 auto;
}
#design .sec01 .texts.texts02, #design .sec03 .texts.texts02 {
  margin-top: -32%;
}
#design .sec01 .img-tit, #design .sec03 .img-tit {
  max-width: 310px;
  margin: 0 0 10px;
}
#design .sec01 .sub, #design .sec03 .sub {
  font-size: 22px;
  line-height: 1.8;
  margin-bottom: 70px;
}
#design .sec01 .lead, #design .sec03 .lead {
  font-size: 14px;
  line-height: 2.2;
}
/*==================================================================================
 lower-sp
==================================================================================*/
@media (max-width: 768px) {
  /*==================================================================================
   design
  ==================================================================================*/
  #design .intro .tit {
    max-width: 236px;
    margin: 0 0 20px;
  }
  #design .intro .sub {
    font-size: 22px;
    margin-bottom: 20px;
  }
  #design .intro .lead {
    font-size: 14px;
    line-height: 2.2;
    margin-bottom: 60px;
  }
  #design .sec01, #design .sec03 {
    position: relative;
    padding: 80px 0;
  }
  #design .sec01 .tit, #design .sec03 .tit {
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #design .sec01 .texts, #design .sec03 .texts {
    width: 100%;
    margin: 200px 0 0 auto;
  }
  #design .sec01 .texts.texts02, #design .sec03 .texts.texts02 {
    margin: 240px 0 0 auto;
  }
  #design .sec01 .img-tit, #design .sec03 .img-tit {
    max-width: 236px;
    margin: 0 0 20px;
  }
  #design .sec01 .sub, #design .sec03 .sub {
    font-size: 22px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
  #design .sec01 .lead, #design .sec03 .lead {
    font-size: 14px;
    line-height: 2.2;
  }
}/*# sourceMappingURL=style.css.map */