@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 {
  -webkit-text-size-adjust: 100%;
  position: relative;
  background: #fff;
  min-width: 320px;
  min-height: 100%;
  font-size: 62.5%; }

body {
  line-height: 1.5;
  font-size: 1.6rem;
  font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  color: #4C4C4C; }

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

figure {
  padding: 0;
  margin: 0; }

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

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

.globalNav {
  background: #fff;
  min-height: 83px;
  position: fixed;
  width: 100%;
  z-index: 100;
  transition: all 300ms ease-out; }
  .globalNav .wrap:after {
    display: block;
    clear: both;
    content: ""; }
  .globalNav h1 {
    float: left;
    margin-top: 20px; }
    .globalNav h1 img {
      height: 40px; }
  .globalNav .navToggle {
    display: none; }
  .globalNav .navigation {
    float: right; }
    .globalNav .navigation:after {
      display: block;
      clear: both;
      content: ""; }
    .globalNav .navigation li {
      float: left;
      font-family: "Lato", sans-serif;
      font-weight: bold;
      text-align: center;
      height: 83px;
      display: table;
      margin-left: 1rem;
      font-size: 1.5rem; }
    .globalNav .navigation .buttonContact3 {
      background-color: #df345c;
      color: #FFF; }
      .globalNav .navigation .buttonContact3:hover {
        background-color: #CC385B;
        color: #FFF; }
        .globalNav .navigation .buttonContact3:hover small {
          color: #FFF; }
      .globalNav .navigation .buttonContact3 small {
        color: #FFF; }
    .globalNav .navigation a {
      color: #000;
      display: block;
      height: 100%;
      display: table-cell;
      vertical-align: middle;
      padding: 0 24px; }
      .globalNav .navigation a:hover {
        color: #305097;
        transition: all 200ms ease-out;
        text-decoration: none; }
        .globalNav .navigation a:hover small {
          color: #305097;
          transition: all 200ms ease-out; }
      .globalNav .navigation a small {
        display: block;
        font-size: 1rem;
        color: #8b8b8b;
        font-weight: normal; }
  .globalNav.fixed {
    background: #fff;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }
    .globalNav.fixed a {
      color: #4C4C4C; }

.mainVisual {
  padding: 83px 0 5px;
  background: url("../img/bgMain.jpg") no-repeat center;
  height: 687px;
  font-weight: bold;
  color: #305097;
  text-shadow: 2px 2px 2px #fff,-2px -2px 2px #fff,-6px 6px 25px #fff,-6px 6px 65px #fff; }
  .mainVisual .wrap {
    width: 1100px; }
  .mainVisual h1 {
    font-family: "Lato", sans-serif;
    font-size: 13.3rem;
    font-weight: bold;
    line-height: 1;
    padding-top: 150px;
    position: relative;
    left: -27px;
    top: 10px; }
  .mainVisual h2 {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 10px; }
  .mainVisual .lead {
    width: 960px;
    margin: 60px auto;
    background: rgba(255, 255, 255, 0.75);
    text-align: center;
    padding: 70px 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("../img/bgFacebook.png"), url("../img/bgInstagram.png"), url("../img/bgTwitter.png"), url("../img/bgSmartnews.png");
    background-position: left 80px top 60px,left 150px top 172px,right 80px top 70px,right 150px top 172px;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; }
    .mainVisual .lead p {
      margin-top: 15px; }
  .mainVisual .buttonWrap {
    text-align: center; }

.topicsWrap, .serviceWrap, .solutionWrap, .advantageWrap, .troubleWrap, .inhouseWrap, .informationWrap, .aboutAllied {
  padding: 90px 0 100px; }
  .topicsWrap .headLine1, .serviceWrap .headLine1, .solutionWrap .headLine1, .advantageWrap .headLine1, .troubleWrap .headLine1, .inhouseWrap .headLine1, .informationWrap .headLine1, .aboutAllied .headLine1 {
    margin-bottom: 60px; }
  .topicsWrap .headLine2, .serviceWrap .headLine2, .solutionWrap .headLine2, .advantageWrap .headLine2, .troubleWrap .headLine2, .inhouseWrap .headLine2, .informationWrap .headLine2, .aboutAllied .headLine2 {
    text-align: center;
    font-weight: bold;
    color: #305097;
    font-size: 2.4rem;
    margin: 0 0px 30px;
    line-height: 1; }
    .topicsWrap .headLine2 strong, .serviceWrap .headLine2 strong, .solutionWrap .headLine2 strong, .advantageWrap .headLine2 strong, .troubleWrap .headLine2 strong, .inhouseWrap .headLine2 strong, .informationWrap .headLine2 strong, .aboutAllied .headLine2 strong {
      color: #305097;
      font-weight: bold;
      font-size: 1.4em; }
    .topicsWrap .headLine2 small, .serviceWrap .headLine2 small, .solutionWrap .headLine2 small, .advantageWrap .headLine2 small, .troubleWrap .headLine2 small, .inhouseWrap .headLine2 small, .informationWrap .headLine2 small, .aboutAllied .headLine2 small {
      display: block;
      font-weight: normal;
      font-size: 1.2rem;
      margin-top: 1em; }
  .topicsWrap .lead, .serviceWrap .lead, .solutionWrap .lead, .advantageWrap .lead, .troubleWrap .lead, .inhouseWrap .lead, .informationWrap .lead, .aboutAllied .lead {
    margin: 0 0 60px; }
    .topicsWrap .lead strong, .serviceWrap .lead strong, .solutionWrap .lead strong, .advantageWrap .lead strong, .troubleWrap .lead strong, .inhouseWrap .lead strong, .informationWrap .lead strong, .aboutAllied .lead strong {
      font-weight: bold;
      display: block;
      font-size: 1.3em;
      margin-bottom: 1em; }

.topicsWrap {
  padding-top: 0; }
  .topicsWrap .lead {
    margin: 0 0 50px;
    text-align: center; }

.topicsList:after {
  display: block;
  clear: both;
  content: ""; }
.topicsList li {
  float: left;
  width: 345px;
  margin-left: 62px;
  word-break: break-all;
  text-align: justify; }
  .topicsList li:first-child {
    margin-left: 0; }
  .topicsList li a {
    color: #4C4C4C; }
    .topicsList li a img {
      border: 1px solid #ccc; }
    .topicsList li a span {
      display: block;
      padding-top: 10px; }
      .topicsList li a span:before {
        content: url("../img/iconArrow.png");
        margin-right: 6px;
        position: relative;
        top: 3px; }

.serviceWrap {
  padding-top: 0; }

.serviceList {
  color: #305097; }
  .serviceList:after {
    display: block;
    clear: both;
    content: ""; }
  .serviceList li {
    float: left;
    width: 320px;
    text-align: center; }
    .serviceList li:nth-child(2) {
      margin: 0 105px; }
      .serviceList li:nth-child(2) img {
        position: relative;
        top: 20px; }
    .serviceList li .balloon {
      text-align: center;
      font-size: 1.4rem;
      font-weight: bold;
      position: relative;
      display: inline-block;
      padding: 25px 20px;
      color: #19283C;
      text-align: left;
      background: #efefef;
      z-index: 0; }
      .serviceList li .balloon:before {
        content: "";
        position: absolute;
        bottom: -20px;
        left: 38%;
        margin-left: -9px;
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 50px 50px 0 50px;
        border-color: #efefef transparent transparent transparent;
        z-index: 0; }
    .serviceList li img {
      display: block;
      margin: 60px auto 0; }

.solutionWrap {
  padding-top: 0; }

.facebookArea {
  margin: 60px 0 40px;
  text-align: center; }
  .facebookArea .headLine2 {
    padding: 60px 0 30px;
    border-top: 3px solid #EDEDED; }

.advantageWrap {
  padding-top: 0;
  padding-bottom: 0; }
  .advantageWrap .tag {
    text-align: center;
    background-color: #305097;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    padding: 5px 0; }
  .advantageWrap h2 {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    color: #305097;
    font-size: 3.8rem; }

.advantageList:after {
  display: block;
  clear: both;
  content: ""; }
.advantageList li {
  width: 343px;
  float: left;
  text-align: center; }
  .advantageList li p {
    text-align: justify;
    padding-top: 10px; }
  .advantageList li:nth-child(2) {
    margin: 0 70px; }
  .advantageList li a {
    color: #4C4C4C; }
  .advantageList li span {
    display: block; }
    .advantageList li span:before {
      content: url("../img/iconArrow.png");
      margin-right: 6px;
      position: relative;
      top: 3px; }

.advantageJapanese {
  margin-top: 60px; }

.memberList:after {
  display: block;
  clear: both;
  content: ""; }
.memberList li {
  width: 242px;
  min-height: 292px;
  margin-bottom: 110px;
  border: 8px solid #eee;
  position: relative;
  float: left;
  margin-right: 46px;
  font-size: 1.3rem; }
  .memberList li .name {
    text-align: center;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
    margin: 0 10px; }
  .memberList li .interview {
    padding: 13px;
    font-weight: bold;
    letter-spacing: -0.03em; }
  .memberList li:last-child {
    margin-right: 0; }

.troubleList {
  margin: -20px 30px 0;
  text-align: center; }
  .troubleList li {
    width: 277.5px;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    margin-top: 20px; }
  .troubleList img {
    display: block;
    margin: 0 auto 15px;
    max-width: 229px;
    width: 100%; }
  .troubleList span {
    display: block; }

.mediaList {
  margin: 0 30px 60px;
  text-align: center; }
  .mediaList li {
    display: inline-block;
    margin-left: 145px;
    vertical-align: middle; }
    .mediaList li:first-child {
      margin-left: 0; }
    .mediaList li img {
      vertical-align: middle; }

.clientList {
  margin: 0 30px;
  text-align: center; }
  .clientList li {
    display: inline-block;
    margin-left: 63px;
    vertical-align: middle; }
    .clientList li:first-child {
      margin-left: 0; }
    .clientList li img {
      vertical-align: middle; }

.inhouseWrap .seiviceIcon {
  text-align: center;
  margin-bottom: 20px; }
.inhouseWrap h2 {
  margin-bottom: 20px; }
.inhouseWrap .headline3:before {
  width: 100%;
  border: 3px solid #305097;
  border-bottom: none; }

.inhouseCont {
  border-top: 14px solid rgba(221, 0, 51, 0.2);
  padding-top: 45px;
  margin-top: 50px; }
  .inhouseCont h2 {
    text-align: center;
    color: #004A7B;
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 20px; }
  .inhouseCont .headline3 {
    margin-bottom: 50px; }

.inhouseList {
  margin: 0 0 60px; }
  .inhouseList:after {
    display: block;
    clear: both;
    content: ""; }
  .inhouseList li {
    width: -webkit-calc( ( 100% - 60px ) / 3 );
    width: calc( ( 100% - 60px ) / 3 );
    height: 540px;
    float: left;
    margin-left: 30px;
    border: 1px solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 7px solid #eee; }
    .inhouseList li:first-child {
      margin-left: 0; }
  .inhouseList figure {
    margin: 35px auto 90px;
    text-align: center;
    height: 189px; }
  .inhouseList figcaption {
    color: #305097;
    font-size: 3rem;
    margin-bottom: 50px;
    line-height: 1;
    font-family: "Lato", sans-serif;
    font-weight: bold; }
  .inhouseList .title {
    text-align: center;
    font-size: 1.8rem;
    background-color: #305097;
    color: #FFF;
    line-height: 1.3;
    padding: 20px 0; }
  .inhouseList .detail {
    padding: 20px;
    line-height: 1.7; }

.inhouseExample {
  margin: 0; }
  .inhouseExample:after {
    display: block;
    clear: both;
    content: ""; }
  .inhouseExample figure {
    float: left;
    width: 23%; }
  .inhouseExample .textWrap {
    float: left;
    width: 55%;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .inhouseExample .textWrap .name {
      font-weight: bold;
      margin-bottom: 1em;
      font-size: 1.6rem; }
      .inhouseExample .textWrap .name strong {
        font-weight: bold;
        font-size: 1.3em; }
    .inhouseExample .textWrap p {
      font-size: 1.4rem; }
  .inhouseExample .img {
    float: left;
    width: 22%; }

.inhouseReporting {
  text-align: center; }

.informationWrap {
  font-size: 1.4rem;
  padding-bottom: 90px;
  padding-top: 0; }
  .informationWrap .headLine1 {
    margin-bottom: 40px; }
  .informationWrap .buttonMore {
    text-align: center;
    display: block;
    width: 213px;
    height: 45px;
    line-height: 45px;
    background: linear-gradient(75deg, #2f4e9a, #217fb7 90%);
    margin: 0 auto;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 1.3rem;
    position: relative; }
    .informationWrap .buttonMore:hover {
      text-decoration: none;
      box-shadow: none;
      color: #305097;
      background: #fff;
      border: 2px solid #305097; }
      .informationWrap .buttonMore:hover:after {
        content: "";
        display: inline-block;
        background: url("../img/iconBtnArrowMore_hover.png") no-repeat;
        webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        vertical-align: middle;
        width: 27px;
        height: 11px;
        background-position: top -1px left 11px;
        transition: all 300ms ease-out; }
    .informationWrap .buttonMore:after {
      content: "";
      display: inline-block;
      background: url("../img/iconBtnArrow.png") no-repeat;
      webkit-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      vertical-align: middle;
      width: 27px;
      height: 11px;
      background-position: top -1px left 11px;
      transition: all 300ms ease-out; }
  .informationWrap h2 {
    margin: 50px 0;
    text-align: center; }
  .informationWrap .lead {
    margin-bottom: 20px;
    text-align: center; }
  .informationWrap .articleList:after {
    display: block;
    clear: both;
    content: ""; }
  .informationWrap .articleList li {
    display: inline-block;
    width: 268px;
    margin-left: 26px;
    float: left; }
    .informationWrap .articleList li a {
      color: #4C4C4C; }
    .informationWrap .articleList li:first-child {
      margin-left: 0; }
    .informationWrap .articleList li span {
      padding-top: 10px;
      display: block; }
      .informationWrap .articleList li span:before {
        content: url("../img/iconArrow.png");
        margin-right: 6px;
        position: relative;
        top: 3px; }

.aboutAllied {
  background: #F5F5f5; }

.aboutWrap {
  margin: 0; }
  .aboutWrap:after {
    display: block;
    clear: both;
    content: ""; }
  .aboutWrap figure {
    float: left;
    padding: 50px 20px;
    background: #D03;
    width: 40%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .aboutWrap .textWrap {
    float: right;
    width: 60%;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .aboutWrap h2 {
    font-size: 2.6rem;
    font-weight: bold;
    margin: 0 0 40px;
    text-align: center; }
  .aboutWrap p {
    margin-top: 1em; }
  .aboutWrap h3 {
    font-size: 2.1rem;
    font-weight: bold;
    margin: 0 0 10px; }
  .aboutWrap img {
    width: 70%; }

.smmlabWrap {
  background: #FFF;
  border: 5px solid #E7E7E7;
  padding: 4%;
  margin: 50px 0; }
  .smmlabWrap:after {
    display: block;
    clear: both;
    content: ""; }
  .smmlabWrap h2 {
    font-size: 2.1rem;
    font-weight: bold;
    margin-bottom: 30px;
    text-align: left; }
    .smmlabWrap h2:after {
      display: block;
      clear: both;
      content: ""; }
    .smmlabWrap h2 img {
      float: left;
      margin-right: 25px; }
    .smmlabWrap h2 small {
      font-size: 1.6rem;
      font-weight: normal; }
  .smmlabWrap .textWrap {
    width: 64%;
    float: left; }
    .smmlabWrap .textWrap p {
      margin-top: 1em; }
    .smmlabWrap .textWrap ul {
      margin-left: 1em;
      margin-top: 1em;
      line-height: 1.3; }
  .smmlabWrap .smmlabBook {
    display: block;
    float: right;
    text-align: center;
    width: 36%; }
    .smmlabWrap .smmlabBook img {
      max-width: 190px;
      display: inline-block; }
    .smmlabWrap .smmlabBook figcaption {
      margin-top: 10px;
      font-size: 1rem; }
      .smmlabWrap .smmlabBook figcaption span {
        margin-left: 13px; }

footer {
  background-color: #2760a7;
  font-size: 1.3rem;
  color: #fff; }
  footer a {
    color: #fff; }
  footer a:hover {
    text-decoration: underline; }
  footer small {
    padding-top: 50px;
    display: block;
    font-size: 1.4rem;
    margin-bottom: 2px; }
  footer ul li {
    display: inline-block;
    margin-right: 20px; }
  footer .right {
    float: right; }
  footer .iso {
    padding: 20px 0;
    margin-top: -90px; }
  footer .relatedSite {
    clear: both;
    padding: 40px 0;
    background-color: #2a4792; }
    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; }

.contactWrap {
  background: linear-gradient(75deg, #2f4e9a, #217fb7 90%);
  margin-bottom: 90px; }
  .contactWrap .wrap {
    width: 890px; }
    .contactWrap .wrap:after {
      display: block;
      clear: both;
      content: ""; }
    .contactWrap .wrap p {
      padding: 60px 0;
      display: block;
      color: #fff;
      text-align: left;
      float: left;
      font-weight: bold;
      font-size: 2.1rem;
      margin: 0 25px; }
    .contactWrap .wrap .buttonContact4 {
      float: left;
      color: #FFF;
      width: 435px;
      line-height: 92px;
      display: inline-block;
      font-weight: bold;
      font-size: 2.4rem;
      text-align: center;
      position: relative;
      top: 45px;
      box-shadow: 0 0 13px #122F63;
      background-color: #df345c;
      border: 2px solid #df345c; }
      .contactWrap .wrap .buttonContact4:after {
        content: "";
        display: inline-block;
        background: url("../img/iconBtnArrow.png") no-repeat;
        webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        vertical-align: middle;
        width: 39px;
        height: 20px;
        background-position: top 0px left 10px;
        transition: all 300ms ease-out; }
      .contactWrap .wrap .buttonContact4:hover {
        text-decoration: none;
        box-shadow: none;
        color: #df345c;
        background-color: #fff;
        border: 2px solid #df345c; }
        .contactWrap .wrap .buttonContact4:hover:after {
          background: url("../img/iconBtnArrow_hover.png") no-repeat;
          webkit-background-size: contain;
          -o-background-size: contain;
          background-size: contain;
          vertical-align: middle;
          width: 39px;
          height: 20px;
          background-position: top 0px left 10px; }

.buttonContact1 {
  display: inline-block;
  width: 270px;
  height: 70px;
  background: #305097;
  color: #fff;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 70px; }
  .buttonContact1:hover {
    background: #BA002B;
    text-decoration: none; }

.buttonContact2 {
  background: #FFF;
  display: block;
  font-size: 2.6rem;
  text-align: center;
  width: 1170px;
  height: 92px;
  line-height: 92px;
  margin: auto;
  color: #305097;
  font-weight: bold;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.5); }
  .buttonContact2 .buttonContactText {
    font-size: 1.5rem;
    color: #4C4C4C;
    margin-left: 3rem;
    position: relative;
    top: -2px; }
  .buttonContact2:hover {
    box-shadow: none;
    text-decoration: none; }

.buttonMore {
  text-align: center;
  display: block;
  width: 159px;
  height: 34px;
  line-height: 34px;
  background: linear-gradient(75deg, #2f4e9a, #217fb7 90%);
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -25px;
  color: #FFF;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  border: 2px solid #305097; }
  .buttonMore span {
    position: relative;
    left: 5px; }
  .buttonMore:hover {
    text-decoration: none;
    box-shadow: none;
    color: #305097;
    background: #fff;
    border: 2px solid #305097; }
    .buttonMore:hover:after {
      content: "";
      display: inline-block;
      background: url("../img/iconBtnArrowMore_hover.png") no-repeat;
      webkit-background-size: contain;
      -o-background-size: contain;
      background-size: contain;
      vertical-align: middle;
      width: 27px;
      height: 11px;
      background-position: top -1px left 11px;
      transition: all 300ms ease-out; }
  .buttonMore:after {
    content: "";
    display: inline-block;
    background: url("../img/iconBtnArrow.png") no-repeat;
    webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    vertical-align: middle;
    width: 27px;
    height: 11px;
    background-position: top -1px left 11px;
    transition: all 300ms ease-out; }

.headline3 {
  position: relative;
  height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 2.1rem;
  margin: 0 0 70px;
  color: #305097; }
  .headline3:before {
    content: "";
    width: 50%;
    height: 23px;
    border-top: 3px solid #305097;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    left: 0; }
  .headline3 span {
    position: relative;
    padding: 0 35px;
    margin: 0 50px;
    background: #fff;
    display: inline-block; }

.modal-window .modal-inner .interviewModal1 h2, .modal-window .modal-inner .interviewModal2 h2 {
  text-align: center;
  background-color: #305097;
  color: #FFF;
  font-family: "Lato", sans-serif;
  padding: 13px 30px;
  z-index: 2; }
.modal-window .modal-inner .interviewModal1 .interviewModal, .modal-window .modal-inner .interviewModal2 .interviewModal {
  text-align: left;
  background-color: #FFF;
  padding: 35px 40px 22px;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  text-align: justify; }
.modal-window .modal-inner .interviewModal1 {
  width: 540px;
  float: left;
  position: relative; }
  .modal-window .modal-inner .interviewModal1 h2 {
    position: absolute;
    font-size: 1.8rem;
    top: -25px;
    left: -25px; }
  .modal-window .modal-inner .interviewModal1 .interviewModal {
    min-height: 257px;
    font-size: 1.5rem;
    text-align: justify; }
.modal-window .modal-inner .profile {
  width: 426px;
  float: right;
  margin-bottom: 40px; }
  .modal-window .modal-inner .profile .tagModal {
    text-align: center;
    background-color: #305097;
    color: #FFF;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    padding: 5px 0; }
  .modal-window .modal-inner .profile .nameModal {
    text-align: center;
    background-color: #FFF;
    font-size: 1.8rem;
    padding: 5px 0; }
.modal-window .modal-inner .interviewModal2 {
  clear: both;
  position: relative; }
  .modal-window .modal-inner .interviewModal2 h2 {
    position: absolute;
    font-size: 1.8rem;
    top: -25px;
    left: -25px; }
  .modal-window .modal-inner .interviewModal2 .interviewModal {
    font-size: 1.5rem; }

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