@charset "UTF-8";
/*!
YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html {
  color: #000;
  background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

html,
body {
  background: #fff;
  font-size: 62.5%; }

body {
  line-height: 1.5;
  font-size: 1.4rem;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ArialMT;
  color: #4C4C4C; }

a {
  text-decoration: none;
  color: #429FFE;
  transition: all 400ms ease-out; }
  a:hover {
    text-decoration: underline; }

figure {
  padding: 0;
  margin: 0; }

img {
  vertical-align: top;
  max-width: 100%; }

.wrap {
  width: 1000px;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.left {
  float: left; }

.right {
  float: right; }

.viewSp {
  display: none; }

.viewPc {
  display: block; }

.globalNav {
  min-height: 75px;
  border-bottom: 1px solid #F3F1F2;
  line-height: 1.5;
  position: fixed;
  z-index: 100;
  background: #fff;
  width: 100%; }
  .globalNav .wrap:after {
    display: block;
    content: "";
    clear: both; }
  .globalNav h1 {
    float: left;
    display: table;
    height: 75px; }
    .globalNav h1 a {
      display: table-cell;
      vertical-align: middle; }
  .globalNav .navigation {
    float: right;
    font-family: 'Fugaz One', cursive; }
    .globalNav .navigation li {
      float: left;
      text-align: center;
      display: table;
      height: 75px; }
      .globalNav .navigation li a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 34px;
        color: #4C4C4C; }
        .globalNav .navigation li a:hover {
          color: #c5262d;
          text-decoration: none; }
        .globalNav .navigation li a small {
          display: block;
          font-size: 1rem; }
      .globalNav .navigation li .btnContactNav {
        background: #cd950f;
        color: #fff; }
        .globalNav .navigation li .btnContactNav:hover {
          color: #fff;
          background: #B98508; }
  .globalNav .btnContact {
    display: none; }

.mainVisual {
  background: url(img/bgMain.jpg);
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-shadow: 0 0 7px #fff,0 0 14px #fff;
  font-weight: bold;
  padding-top: 75px;
  text-align: center; }
  .mainVisual .wrap {
    padding: 87px 120px; }
    .mainVisual .wrap:after {
      display: block;
      content: "";
      clear: both; }
  .mainVisual .left {
    text-align: center; }
  .mainVisual .mainArea {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 50px 0; }
  .mainVisual h1 {
    padding-bottom: 25px; }
  .mainVisual h2 {
    padding-bottom: 10px;
    font-size: 2.8rem;
    font-weight: bold; }
  .mainVisual .lead {
    line-height: 2; }

.serviceWrap, .campaignWrap, .advertisingWrap, .infoWrap {
  padding: 50px 0 70px; }
  .serviceWrap .detail, .campaignWrap .detail, .advertisingWrap .detail, .infoWrap .detail {
    line-height: 2;
    text-align: justify;
    letter-spacing: 0.15rem; }

.serviceList:after {
  display: block;
  content: "";
  clear: both; }
.serviceList li {
  float: left;
  width: 300px; }
  .serviceList li figure {
    text-align: center;
    min-height: 179px; }
  .serviceList li:nth-child(2) {
    margin: 0 50px; }

.campaignArea {
  width: 660px;
  margin: auto; }
  .campaignArea figure {
    display: inline-block;
    margin-bottom: 70px; }
    .campaignArea figure:nth-child(2) {
      padding-left: 90px; }

.advertisingArea {
  width: 660px;
  margin: auto; }
  .advertisingArea figure {
    text-align: center;
    display: block;
    margin-bottom: 70px; }

.infoList li {
  margin-bottom: 50px; }
  .infoList li:after {
    display: block;
    content: "";
    clear: both; }
.infoList .right {
  width: 580px; }
.infoList .left {
  width: 400px;
  text-align: center;
  padding-top: 50px; }
.infoList .noah {
  color: #00CC94; }
.infoList .allied {
  color: #dd0033; }

.contactWrap {
  background: #c5262d;
  padding: 30px 0; }
  .contactWrap .wrap {
    width: 870px; }
  .contactWrap .contactLead {
    display: inline-block;
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    margin-right: 60px;
    position: relative;
    top: 10px;
    color: #FFF; }

footer {
  background-color: #7F8081;
  font-size: 1.3rem;
  color: #fff; }
  footer .wrap:after {
    display: block;
    content: "";
    clear: both; }
  footer a {
    color: #fff; }
  footer a:hover {
    text-decoration: underline; }
  footer small {
    display: block;
    font-size: 1.4rem;
    padding-top: 45px; }
  footer ul li {
    display: inline-block;
    margin-right: 20px; }
  footer .iso {
    padding: 20px 0; }
  footer .relatedSite {
    clear: both;
    padding: 40px 0;
    background-color: #999; }
    footer .relatedSite h1 {
      float: left; }
    footer .relatedSite ul {
      margin-left: 100px; }
      footer .relatedSite ul li {
        padding-right: 20px;
        border-right: 1px solid #fff;
        line-height: 0.8;
        margin-bottom: 10px; }

.btnContact {
  background: #cd950f;
  color: #fff;
  display: inline-block;
  height: 70px;
  line-height: 70px;
  width: 360px;
  text-align: center;
  font-size: 2.1rem;
  letter-spacing: 0.3rem;
  font-weight: bold;
  border: 1px solid #fff; }
  .btnContact:hover {
    background: #B98508;
    text-decoration: none; }
  .btnContact:after {
    content: "";
    display: inline-block;
    background: url(img/iconBtnArrow.png) no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 29px;
    height: 20px;
    vertical-align: middle;
    margin-left: 20px; }

.headLine1 {
  position: relative;
  height: 40px;
  font-size: 4.6rem;
  text-align: center;
  color: #c5262d;
  font-family: 'Fugaz One', cursive;
  margin-bottom: 120px; }
  .headLine1:before {
    content: "";
    width: 100%;
    border-top: 5px solid #c5262d;
    display: block;
    position: absolute;
    bottom: 0; }
  .headLine1 span {
    position: relative;
    padding: 0 90px;
    margin: 0 50px;
    background: #fff;
    display: inline-block; }
  .headLine1 small {
    font-size: 2.1rem;
    display: block; }

.headLine2 {
  text-align: center;
  font-size: 2.1rem;
  font-weight: bold;
  margin: 40px 0 20px;
  color: #c5262d; }

.headLineInfo {
  font-size: 2.1rem;
  font-weight: bold; }

@media screen and (max-width: 768px) {
  body {
    line-height: 1.3; }

  .wrap {
    max-width: 1000px;
    width: 100%;
    margin: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .viewSp {
    display: block; }

  .viewPc {
    display: none; }

  br {
    display: none; }

  .globalNav {
    min-height: 45px; }
    .globalNav h1 {
      height: 45px;
      margin-left: 14px; }
      .globalNav h1 img {
        width: 100px;
        height: 30px; }
    .globalNav .btnContact {
      background: #cd950f;
      color: #fff;
      display: inline-block;
      height: 30px;
      line-height: 30px;
      width: 50%;
      text-align: center;
      font-size: 1.4rem;
      float: right;
      padding: 0px;
      position: relative;
      top: 8px;
      margin-right: 14px; }

  .mainVisual {
    background-position: center;
    padding-top: 45px; }
    .mainVisual .wrap {
      padding: 40px 30px; }
    .mainVisual h1 img {
      height: 71px; }
    .mainVisual h2 {
      font-size: 1.8rem;
      text-align: left; }
    .mainVisual .lead {
      line-height: 1.5;
      font-weight: normal;
      text-align: left; }
    .mainVisual .mainArea {
      padding: 30px 20px; }

  .serviceWrap, .campaignWrap, .advertisingWrap, .infoWrap {
    padding: 30px; }
    .serviceWrap .detail, .campaignWrap .detail, .advertisingWrap .detail, .infoWrap .detail {
      line-height: 2;
      text-align: justify;
      letter-spacing: 0.15rem; }

  .serviceList li {
    float: left;
    width: 100%; }
    .serviceList li figure {
      text-align: center;
      min-height: 179px; }
    .serviceList li:nth-child(2) {
      margin: 60px 0; }

  .campaignArea {
    width: 100%; }
    .campaignArea figure {
      display: block;
      margin-bottom: 70px;
      text-align: center; }
      .campaignArea figure:nth-child(2) {
        padding-left: 0; }

  .advertisingArea {
    width: 100%; }

  .infoList li {
    margin-bottom: 80px; }
  .infoList .right {
    width: 100%; }
  .infoList .left {
    width: 100%;
    text-align: center;
    padding-top: 0; }
  .infoList .noah {
    color: #00CC94; }
  .infoList .allied {
    color: #dd0033; }

  .contactWrap {
    background: #F3F1F2;
    padding: 30px 0; }
    .contactWrap .wrap {
      width: 100%;
      padding: 0 40px; }
    .contactWrap .contactLead {
      display: none; }

  footer {
    font-size: 1rem; }
    footer .wrap {
      padding: 20px 30px; }
    footer small {
      padding-top: 0;
      margin-bottom: 4px;
      font-size: 1.2rem; }
    footer .iso {
      padding: 10px 0 0;
      height: 60px; }
    footer .right {
      float: none; }
    footer .left {
      float: none; }
    footer .relatedSite {
      padding: 0; }
      footer .relatedSite h1 {
        float: none;
        margin-bottom: 10px; }
      footer .relatedSite ul {
        margin-left: 10px; }
        footer .relatedSite ul li {
          border-right: dotted 1px #ccc;
          padding-right: 20px;
          display: inline-block;
          line-height: 1;
          margin-bottom: 7px;
          margin-right: 20px; }

  .btnContact {
    background: #cd950f;
    color: #fff;
    display: inline-block;
    height: 70px;
    line-height: 70px;
    width: 100%;
    text-align: center;
    font-size: 2.1rem; }
    .btnContact:hover {
      background: #B98508;
      text-decoration: none; }
    .btnContact:after {
      width: 14px;
      height: 10px;
      margin-left: 1px; }

  .headLine1 {
    font-size: 3rem;
    margin-bottom: 70px; }
    .headLine1:before {
      content: "";
      width: 100%;
      border-top: 5px solid #c5262d;
      display: block;
      position: absolute;
      bottom: 0; }
    .headLine1 span {
      padding: 0 20px;
      margin: 17px 50px 0; }
    .headLine1 small {
      font-size: 1.4rem; }

  .headLine2 {
    text-align: center;
    font-size: 2.1rem;
    font-weight: bold;
    margin: 40px 0 20px; }

  .headLineInfo {
    margin: 40px 0 10px;
    text-align: center; } }

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