/* Scss Document */
* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

p {
  line-height: 1.8em;
  vertical-align: middle;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 400;
  color: #2a2a2a; }

html, body {
  width: 100%;
  height: 100%;
  font-family: 'Open Sans', "Noto Sans Japanese", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 1px; }

#profile {
  position: fixed;
  z-index: 10; }
  @media screen and (max-width: 640px) {
    #profile {
      position: relative;
      background-image: url(../img/pro_bg.jpg);
      background-size: cover;
      background-position: top center;
      top: 0;
      left: 0;
      padding-bottom: 24px;
      overflow: hidden; } }
  #profile a {
    color: #222; }
  #profile a :hover {
    color: #aaa; }
  #profile #desc {
    width: 360px;
    background-color: #FFF;
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 32px; }
    @media screen and (max-width: 640px) {
      #profile #desc {
        width: 68%;
        padding: 16px; } }
    #profile #desc .txt {
      line-height: 1.8em;
      vertical-align: middle;
      font-size: 16px;
      letter-spacing: 1px;
      font-weight: 400;
      color: #2a2a2a;
      display: inline-block; }
      @media screen and (max-width: 640px) {
        #profile #desc .txt {
          font-size: 13px; } }
  #profile .profile {
    position: relative;
    margin-top: 24px;
    line-height: 40px;
    background-color: #FFF;
    vertical-align: middle;
    padding-left: 32px;
    padding-right: 20px;
    width: auto;
    display: inline-block; }
    @media screen and (max-width: 640px) {
      #profile .profile {
        font-size: 13px;
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 12px; } }
  #profile .clear {
    clear: both; }

@media screen and (max-width: 640px) {
  .nobg {
    background: none !important;
    position: fixed !important; } }

#wrapper {
  overflow: hidden;
  width: 100%; }
  #wrapper #main .content {
    width: 100%;
    height: 320px;
    background-position: top center;
    background-size: auto 320px;
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #FFF; }
    @media screen and (max-width: 640px) {
      #wrapper #main .content {
        height: 280px;
        background-attachment: inherit;
        background-size: cover; } }
    #wrapper #main .content .works {
      position: absolute;
      right: 0;
      font-size: 0;
      text-align: right; }
      #wrapper #main .content .works .content_title {
        font-size: 17px;
        font-weight: 300;
        color: #FFF;
        background-color: #222;
        line-height: 44px;
        vertical-align: middle;
        display: inline-block;
        right: 0;
        margin-top: 12px;
        padding-right: 24px;
        padding-left: 24px; }
        @media screen and (max-width: 640px) {
          #wrapper #main .content .works .content_title {
            font-size: 16px; } }
      #wrapper #main .content .works .content_title :hover {
        border-bottom: 1px #FFF solid; }
      #wrapper #main .content .works .tag {
        font-size: 12px;
        font-weight: 300;
        color: #FFF;
        background-color: #222;
        line-height: 36px;
        vertical-align: middle;
        display: inline-block;
        position: relative;
        right: 0;
        margin-top: 16px;
        padding-right: 24px;
        padding-left: 24px;
        font-style: italic; }
  #wrapper #main .car_chat {
    background-image: url(../img/car_chat.png); }
  #wrapper #main .car_kodomo {
    background-image: url(../img/car_kodomo.png); }
  #wrapper #main .car_cm {
    background-image: url(../img/car_cm.jpg); }
  #wrapper #main .tech_conf {
    background-image: url(../img/tech_conf.png); }
  #wrapper #main .tech_kick {
    background-image: url(../img/tech_kick.png); }
  #wrapper #main .ri_des {
    background-image: url(../img/ri_des.jpg); }
  #wrapper #main .mi_ph {
    background-image: url(../img/mizukami_photo.jpg); }
  #wrapper #main .lm {
    background-image: url(../img/lm.jpg); }
  #wrapper #main .llc {
    background-image: url(../img/love.png); }
  #wrapper #main .tamaya {
    background-image: url(../img/tamaya.png); }
  #wrapper #main .toki {
    background-image: url(../img/toki.jpg); }
  #wrapper #cont_main {
    width: 100%;
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto; }
    #wrapper #cont_main .main_img {
      margin-bottom: 84px; }
      @media screen and (max-width: 640px) {
        #wrapper #cont_main .main_img {
          margin-bottom: 44px; } }
      #wrapper #cont_main .main_img .main_i {
        width: 100%; }
    #wrapper #cont_main .work_desc {
      text-align: left;
      width: 840px;
      margin: 0 auto;
      margin-bottom: 84px; }
      @media screen and (max-width: 640px) {
        #wrapper #cont_main .work_desc {
          width: 310px;
          margin-bottom: 44px; } }
      #wrapper #cont_main .work_desc .work_title {
        font-size: 32px;
        margin-bottom: 16px;
        font-weight: 400; }
        @media screen and (max-width: 640px) {
          #wrapper #cont_main .work_desc .work_title {
            font-size: 24px; } }
      #wrapper #cont_main .work_desc .work_tag {
        line-height: 30px;
        vertical-align: middle;
        background: #222;
        color: #FFF;
        display: inline-block;
        padding-left: 16px;
        padding-right: 16px;
        margin-bottom: 24px; }
        @media screen and (max-width: 640px) {
          #wrapper #cont_main .work_desc .work_tag {
            font-size: 12px; } }
      #wrapper #cont_main .work_desc .desc_txt {
        font-size: 18px;
        line-height: 2.0em;
        margin-bottom: 24px; }
        @media screen and (max-width: 640px) {
          #wrapper #cont_main .work_desc .desc_txt {
            font-size: 14px; } }
      #wrapper #cont_main .work_desc .prise {
        color: #aaa;
        margin-bottom: 24px; }
        @media screen and (max-width: 640px) {
          #wrapper #cont_main .work_desc .prise {
            font-size: 12px; } }
      #wrapper #cont_main .work_desc .link {
        display: inline-block;
        color: #222; }
        @media screen and (max-width: 640px) {
          #wrapper #cont_main .work_desc .link {
            font-size: 12px; } }
      #wrapper #cont_main .work_desc .link:hover {
        border-bottom: 1px #222 solid; }
    #wrapper #cont_main .second_i {
      width: 100%;
      margin: 0;
      vertical-align: middle; }
    #wrapper #cont_main .main_video {
      position: relative;
      width: 100%;
      padding: calc(315 / 560 * 100%) 0 0; }
      #wrapper #cont_main .main_video .video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
  #wrapper footer {
    text-align: center; }
    #wrapper footer .copy {
      font-size: 12px;
      font-weight: 500; }

/*# sourceMappingURL=style.css.map */