@charset "UTF-8";
/*!
  Theme Name: 
  Author: advoke
*/
/* Scss Document */
html,
body {
  position: relative;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  color: #663200; }
  html a,
  body a {
    text-decoration: none;
    color: #663200; }
  html a:hover img,
  body a:hover img {
    opacity: 0.8; }
  html a:focus,
  body a:focus {
    outline: none; }
  html img,
  body img {
    border: 0;
    max-width: 100%; }
  html blockquote,
  html figure,
  html dd,
  html div,
  html dl,
  html dt,
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html li,
  html ol,
  html p,
  html pre,
  html span,
  html td,
  html th,
  html ul,
  body blockquote,
  body figure,
  body dd,
  body div,
  body dl,
  body dt,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body li,
  body ol,
  body p,
  body pre,
  body span,
  body td,
  body th,
  body ul {
    margin: 0;
    padding: 0;
    font-weight: normal; }
  html figure,
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html p,
  body figure,
  body h1,
  body h2,
  body h3,
  body h4,
  body h5,
  body h6,
  body p {
    font-size: 0;
    line-height: 0; }
  html li,
  body li {
    list-style: none; }
  html input,
  html select,
  body input,
  body select {
    border: 1px solid;
    padding: 0 0.2em;
    box-sizing: border-box;
    vertical-align: middle; }
  html textarea,
  body textarea {
    border: 1px solid;
    padding: 0 0.2em; }
  html table,
  body table {
    border-collapse: collapse;
    border-spacing: 0; }
  html main,
  body main {
    display: block; }

.f12 {
  font-size: 12px;
  line-height: 1.5; }

.f14, body main .profile_area > dl > dt p.kana, body main .profile_area > dl > dt p.param {
  font-size: 14px;
  line-height: 1.5; }

.f14l24, body main .company_area > dl > dd.pc p, body main .company_area > dl > dd.sp > div > p {
  font-size: 14px;
  line-height: 26px; }

.f16l28, body main .profile_area > dl > dd p {
  font-size: 16px;
  line-height: 28px; }
  @media screen and (max-width: 737px) {
    .f16l28, body main .profile_area > dl > dd p {
      font-size: 14px;
      line-height: 2; } }

.f17l34, body main .txt_area > dl > dd p, body main .work_area > div > ul p, body main .company_area > dl > dt p {
  font-size: 17px;
  line-height: 33px; }
  @media screen and (max-width: 737px) {
    .f17l34, body main .txt_area > dl > dd p, body main .work_area > div > ul p, body main .company_area > dl > dt p {
      font-size: 14px;
      line-height: 2; } }

.f18, body div.mainvis p {
  font-size: 18px;
  line-height: 1.5; }

.f20, body main .profile_area > dl > dt p.name {
  font-size: 20px;
  line-height: 1.5; }

.center, body main .txt_area > dl, body main .work_area > div, body main .profile_area > dl, body main .company_area > dl {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px; }
  @media screen and (max-width: 1000px) {
    .center, body main .txt_area > dl, body main .work_area > div, body main .profile_area > dl, body main .company_area > dl {
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }

@media screen and (max-width: 737px) {
  .pc {
    display: none; } }

@media screen and (min-width: 737px) {
  .sp {
    display: none; } }

dl.left {
  overflow: hidden; }
  @media screen and (min-width: 737px) {
    dl.left > dt {
      float: left; } }
  @media screen and (min-width: 737px) {
    dl.left > dd {
      float: right; } }

dl.right {
  overflow: hidden; }
  @media screen and (min-width: 737px) {
    dl.right > dt {
      float: right; } }
  @media screen and (min-width: 737px) {
    dl.right > dd {
      float: left; } }

body header {
  display: none; }
body div.mainvis {
  background-image: url(../img/bg01.jpg);
  background-size: cover;
  background-position: top center;
  height: 543px;
  text-align: center; }
  body div.mainvis img {
    margin-top: 70px; }
  body div.mainvis p {
    color: #663200; }
  @media screen and (max-width: 737px) {
    body div.mainvis {
      background-image: url(../img/bg01_sp.jpg);
      height: auto; }
      body div.mainvis img {
        margin-top: 10px; } }
body footer {
  background-image: url(../img/bg06.jpg);
  background-size: cover;
  background-position: top center;
  display: table;
  width: 100%; }
  body footer > div {
    display: table-cell;
    vertical-align: middle;
    height: 56px; }
    body footer > div img {
      display: block;
      margin: 0 auto; }
body main .txt_area {
  background-image: url(../img/bg02.jpg);
  background-size: cover;
  background-position: top center; }
  @media screen and (min-width: 737px) {
    body main .txt_area {
      height: 933px; } }
  @media screen and (max-width: 737px) {
    body main .txt_area {
      background-image: url(../img/bg02_sp.jpg); } }
  body main .txt_area > dl {
    padding-top: 25px; }
    @media screen and (min-width: 737px) {
      body main .txt_area > dl > dt {
        width: 300px; }
        body main .txt_area > dl > dt img.pic1 {
          margin-left: 120px; }
        body main .txt_area > dl > dt img.pic2 {
          margin-top: 85px;
          margin-left: 125px; }
        body main .txt_area > dl > dt img.pic3 {
          margin-top: 90px;
          margin-left: 115px; } }
    @media screen and (max-width: 737px) {
      body main .txt_area > dl > dt {
        width: 30%;
        float: left; }
        body main .txt_area > dl > dt img.pic2 {
          margin-top: 65px; }
        body main .txt_area > dl > dt img.pic3 {
          margin-top: 70px; } }
    body main .txt_area > dl > dd {
      width: 680px; }
      body main .txt_area > dl > dd p {
        color: #663200;
        margin-top: 2em; }
        body main .txt_area > dl > dd p:first-child {
          margin-top: 0; }
        body main .txt_area > dl > dd p > span {
          font-weight: bold; }
      @media screen and (max-width: 737px) {
        body main .txt_area > dl > dd {
          width: 68%;
          float: right; } }
body main .work_area {
  background-image: url(../img/bg03.jpg);
  background-size: cover;
  background-position: top center;
  padding-top: 20px; }
  @media screen and (min-width: 737px) {
    body main .work_area {
      height: 549px;
      padding-top: 0; } }
  @media screen and (max-width: 737px) {
    body main .work_area {
      background-image: url(../img/bg03_sp.jpg); } }
  body main .work_area > div {
    position: relative; }
    @media screen and (min-width: 737px) {
      body main .work_area > div > img {
        margin-left: 22px; } }
    body main .work_area > div > ul p {
      font-weight: bold; }
    @media screen and (min-width: 737px) {
      body main .work_area > div > ul {
        position: absolute;
        top: 150px;
        left: 160px; }
        body main .work_area > div > ul > li {
          display: inline-block;
          vertical-align: top;
          margin-right: 25px; }
          body main .work_area > div > ul > li:first-child {
            margin-right: 80px; }
          body main .work_area > div > ul > li img {
            margin-top: 20px;
            margin-left: 35px; } }
    @media screen and (max-width: 737px) {
      body main .work_area > div > ul > li {
        text-align: center; }
        body main .work_area > div > ul > li p {
          text-align: left; }
        body main .work_area > div > ul > li img {
          margin-top: 20px; } }
body main .profile_area {
  background-image: url(../img/bg04.jpg);
  background-size: cover;
  background-position: top center;
  padding-top: 20px; }
  @media screen and (min-width: 737px) {
    body main .profile_area {
      height: 474px;
      padding-top: 0; } }
  @media screen and (max-width: 737px) {
    body main .profile_area {
      background-image: url(../img/bg04_sp.jpg); } }
  body main .profile_area > dl > dt {
    position: relative; }
    @media screen and (min-width: 737px) {
      body main .profile_area > dl > dt {
        padding-left: 70px; } }
    body main .profile_area > dl > dt > img.hukidasi {
      position: absolute;
      top: 80px;
      left: 170px; }
      @media screen and (min-width: 737px) {
        body main .profile_area > dl > dt > img.hukidasi {
          top: 40px;
          left: 325px; } }
    body main .profile_area > dl > dt > img.char {
      margin-left: 35px;
      padding-top: 20px; }
      @media screen and (max-width: 737px) {
        body main .profile_area > dl > dt > img.char {
          margin: 0;
          width: 40%;
          max-width: 133px; } }
    body main .profile_area > dl > dt > img.graph {
      margin-left: 5px;
      vertical-align: top;
      margin-top: 20px; }
      @media screen and (max-width: 737px) {
        body main .profile_area > dl > dt > img.graph {
          width: 58%;
          margin-left: 2%;
          max-width: 211px; } }
    body main .profile_area > dl > dt p {
      color: #663200;
      font-weight: bold; }
      body main .profile_area > dl > dt p.name {
        max-width: 350px;
        box-sizing: border-box;
        margin-top: 15px;
        margin-left: 50px;
        padding-left: 15px;
        border-bottom: 1px dashed #663200; }
        @media screen and (max-width: 737px) {
          body main .profile_area > dl > dt p.name {
            width: auto;
            margin-left: 0;
            margin-top: 50px; } }
      body main .profile_area > dl > dt p.kana {
        margin-top: 3px;
        margin-left: 90px; }
        @media screen and (max-width: 737px) {
          body main .profile_area > dl > dt p.kana {
            margin-left: 38px; } }
      body main .profile_area > dl > dt p.param {
        margin-top: 8px; }
        @media screen and (min-width: 737px) {
          body main .profile_area > dl > dt p.param:before {
            display: inline-block;
            margin-left: 50px;
            margin-right: 14px;
            content: "";
            width: 160px;
            border-top: 1px dashed #663200;
            vertical-align: middle; } }
  body main .profile_area > dl > dd {
    margin-top: 45px;
    position: relative; }
    @media screen and (min-width: 737px) {
      body main .profile_area > dl > dd {
        width: 470px; } }
    body main .profile_area > dl > dd img {
      position: absolute;
      bottom: 0;
      left: 310px; }
      @media screen and (max-width: 737px) {
        body main .profile_area > dl > dd img {
          bottom: 5px;
          left: 245px; } }
body main .company_area {
  background-image: url(../img/bg10.jpg);
  background-size: cover;
  background-position: top center;
  padding-top: 20px; }
  @media screen and (min-width: 737px) {
    body main .company_area {
      height: 911px;
      padding-top: 0; } }
  @media screen and (max-width: 737px) {
    body main .company_area {
      background-image: url(../img/bg05_sp.jpg); } }
  body main .company_area > dl > dt p {
    color: #663200;
    padding-left: 20px; }
    body main .company_area > dl > dt p > span {
      width: 70px;
      display: inline-block; }
    body main .company_area > dl > dt p a {
      font-weight: bold; }
  @media screen and (min-width: 737px) {
    body main .company_area > dl > dt {
      margin-left: 75px; }
      body main .company_area > dl > dt p {
        padding-left: 58px; } }
  body main .company_area > dl > dd.pc {
    width: 500px;
    margin-top: 65px;
    position: relative; }
    body main .company_area > dl > dd.pc p {
      position: absolute;
      top: 120px;
      left: 55px; }
      body main .company_area > dl > dd.pc p > span {
        font-weight: bold; }
  body main .company_area > dl > dd.sp {
    text-align: center; }
    body main .company_area > dl > dd.sp > img {
      width: 100%;
      max-width: 456px; }
    body main .company_area > dl > dd.sp > div {
      background: url(../img/mission_txt.png) repeat-y;
      background-size: contain;
      max-width: 456px;
      margin: 0 auto; }
      body main .company_area > dl > dd.sp > div > p {
        margin: 0 auto;
        margin-top: -20px;
        width: 75%;
        max-width: 360px;
        text-align: left;
        z-index: 9999; }
        body main .company_area > dl > dd.sp > div > p > span {
          font-weight: bold; }

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