@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*!
  Theme Name: 
  Author: advoke
*/
/* Scss Document */
html,
body {
  position: relative;
  font-family: "Noto Sans Japanese", "Yu Gothic", "メイリオ", sans-serif;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  line-height: 0;
  color: #666666; }
  html a,
  body a {
    text-decoration: none;
    color: #666666; }
  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;
    font-family: sans-serif; }
  html table,
  body table {
    border-collapse: collapse;
    border-spacing: 0; }
  html main,
  body main {
    display: block; }
  html input[type="submit"],
  body input[type="submit"] {
    -webkit-appearance: none; }

dl.left {
  overflow: hidden; }
  dl.left > dt {
    float: left; }
  dl.left > dd {
    float: right; }

dl.right {
  overflow: hidden; }
  dl.right > dt {
    float: right; }
  dl.right > dd {
    float: left; }

body header {
  width: 100%;
  height: 150px;
  background-image: url("../img/header1.jpg");
  background-size: auto 150px;
  background-position: top center;
  background-repeat: no-repeat; }
  body header > h1 {
    display: none; }
body div.bg_head {
  height: 50px;
  background-image: url("../img/header2.jpg");
  background-size: 50px 50px;
  background-position: top center;
  position: relative;
  z-index: 1; }
body footer {
  background-image: url("../img/footer.jpg");
  background-size: 55px 55px;
  background-position: top center; }
  body footer > p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 3.92857;
    color: #fff;
    text-align: center; }
body main {
  background-image: url("../img/background.jpg");
  background-size: 90px 90px;
  background-position: top center; }
  body main > div {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px; }
    body main > div > div.area01 {
      margin-top: -30px;
      margin-left: 46px; }
      body main > div > div.area01 > img {
        position: relative;
        z-index: 2; }
    body main > div > div.area02 {
      margin-top: 63px;
      margin-left: 113px;
      letter-spacing: -0.5em; }
      body main > div > div.area02 > img:first-child {
        margin-right: 40px; }
    body main > div > div.area03 {
      position: relative; }
      body main > div > div.area03 > img.pic1 {
        position: absolute;
        top: 44px;
        left: 65px; }
      body main > div > div.area03 > img.pic2 {
        margin-left: 155px; }
      body main > div > div.area03 > ul {
        margin-left: 202px; }
        body main > div > div.area03 > ul > li {
          display: inline-block;
          width: 300px;
          margin-left: 55px; }
          body main > div > div.area03 > ul > li:first-child {
            margin-left: 0px; }
          body main > div > div.area03 > ul > li > p {
            font-size: 26px;
            font-size: 2.6rem;
            line-height: 1;
            margin-top: 20px; }
          body main > div > div.area03 > ul > li > img {
            margin-top: 3px; }
      body main > div > div.area03 > p {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 1;
        margin-top: 26px;
        margin-left: 465px; }
    body main > div > div.area04 {
      position: relative;
      margin-top: 74px;
      padding-top: 87px; }
      body main > div > div.area04 > img.pic1 {
        position: absolute;
        top: 0;
        left: 107px; }
      body main > div > div.area04 > img.pic2 {
        position: absolute;
        top: 0;
        left: 477px; }
      body main > div > div.area04 > iframe {
        width: 300px;
        height: 220px;
        position: absolute;
        left: 110px;
        bottom: -5px;
        background-color: #838382; }
      body main > div > div.area04 > div {
        margin-left: 462px; }
        body main > div > div.area04 > div > p.txt1 {
          font-size: 21px;
          font-size: 2.1rem;
          line-height: 1;
          color: #88507a;
          font-weight: bold;
          margin-top: 25px;
          margin-left: 34px; }
          body main > div > div.area04 > div > p.txt1:first-child {
            margin-top: 0; }
        body main > div > div.area04 > div > p.txt2 {
          font-size: 26px;
          font-size: 2.6rem;
          line-height: 1;
          margin-top: 5px;
          margin-left: 34px; }
        body main > div > div.area04 > div > p.txt3 {
          font-size: 21px;
          font-size: 2.1rem;
          line-height: 1;
          margin-top: 14px;
          margin-left: 34px; }
        body main > div > div.area04 > div > p.txt4 {
          font-size: 21px;
          font-size: 2.1rem;
          line-height: 1;
          margin-top: 23px;
          margin-left: 30px; }
        body main > div > div.area04 > div > p.txt5 {
          font-size: 19px;
          font-size: 1.9rem;
          line-height: 1;
          margin-top: 23px; }
        body main > div > div.area04 > div > img {
          margin-top: 5px;
          margin-left: 34px; }
        body main > div > div.area04 > div > a.link1 {
          display: inline-block;
          margin-top: 30px; }
        body main > div > div.area04 > div > a.link2 {
          display: inline-block;
          margin-top: 8px; }
    body main > div > div.area05 {
      margin-top: 20px; }
      body main > div > div.area05 > img.pic1 {
        margin-left: 39px; }
      body main > div > div.area05 > img.pic2 {
        margin-top: 12px;
        margin-left: 115px; }
    body main > div > div.area06 {
      margin-top: 55px;
      position: relative; }
      body main > div > div.area06 > img.pic1 {
        margin-left: 83px; }
      body main > div > div.area06 > img.pic2 {
        margin-top: 3px;
        margin-left: 123px; }
      body main > div > div.area06 > p.txt1 {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1;
        margin-top: 5px;
        margin-left: 525px; }
      body main > div > div.area06 > p.txt2 {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 1;
        margin-top: 8px;
        margin-left: 140px; }
    body main > div > div.area07 {
      margin-top: 33px;
      padding-bottom: 17px;
      position: relative; }
      body main > div > div.area07 > div {
        margin-left: 84px;
        letter-spacing: -0.5em; }
        body main > div > div.area07 > div > img {
          display: inline-block;
          vertical-align: middle;
          margin-right: 15px; }
        body main > div > div.area07 > div > p {
          font-size: 26px;
          font-size: 2.6rem;
          line-height: 1;
          display: inline-block;
          vertical-align: middle;
          letter-spacing: normal; }
      body main > div > div.area07 > img {
        margin-top: -37px;
        margin-left: 157px; }
      body main > div > div.area07 > ul {
        position: absolute;
        bottom: 27px;
        left: 90px; }
        body main > div > div.area07 > ul > li {
          display: inline-block;
          vertical-align: middle;
          margin-left: 40px; }
          body main > div > div.area07 > ul > li:first-child {
            margin-left: 0; }

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