@charset "UTF-8";
/*------ 画像のパスを設定 ------*/
/*------ webフォントの設定 ------*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
/*------ サポートブラウザの定義 ------*/
/*------ テーマ設定 ------*/
/*---------- link color ----------*/
a:link,
a:visited {
  color: #000;
  text-decoration: none;
  -webkit-touch-callout: none; }

a:hover,
a:active {
  text-decoration: none; }

/*---------- html ----------*/
html {
  height: 100%;
  min-height: 100%; }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/*---------- body ----------*/
body {
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  min-height: 100%;
  color: #333;
  line-height: 1.5;
  font: 13px/1.231 Helvetica, Arial, "ヒラギノ角ゴ ProN", "Hiragino kakugo ProN", "モリサワ 新ゴ R", "Droid Sans", メイリオ, "sans-serif";
  *font-size: small;
  *font: x-small;
  background: #fff;
  -webkit-text-size-adjust: none; }
  body:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../../../resources/images/bg.jpg);
    background-size: cover;
    z-index: -1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, nav, section, address {
  display: block; }

table {
  font-size: inherit;
  font: 100%;
  line-height: 1.5;
  border-collapse: collapse; }

th, td {
  padding: 0; }

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

img {
  border: none;
  font-size: 1%;
  line-height: 1;
  vertical-align: top; }

dl {
  zoom: 1; }

dl, dt, dd {
  margin: 0;
  padding: 0; }

ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

ol {
  margin: 0 0 10px 0.8em;
  padding: 0 0 0 0.8em; }

ol li {
  margin: 0;
  padding: 0;
  list-style-position: outside; }

form, input, select {
  font: 100%;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.clear {
  clear: both; }

.protect {
  -webkit-touch-callout: none; }

.borderNone {
  border: none !important; }

.block {
  display: block; }

.bold {
  font-weight: bold; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.pd5 {
  padding: 5px; }

.pdtb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pd10 {
  padding: 10px; }

.pd15 {
  padding: 15px; }

.red,
.error {
  color: red; }

.white {
  color: white !important; }

.fontXXS {
  font-size: 77%; }

.fontXS {
  font-size: 85%; }

.fontS {
  font-size: 93%; }

.fontM {
  font-size: 108%; }

.fontL {
  font-size: 116%; }

.fontXL {
  font-size: 123.1%; }

.fontXXL {
  font-size: 131%; }

.gray {
  color: #ccc !important; }

.center {
  text-align: center; }

.right {
  text-align: right; }

.hidden {
  overflow: hidden; }

/*------ @global setting ------*/
#globalHeader {
  position: relative;
  min-width: 960px; }

#globalHeaderInner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 960px;
  height: 100%;
  min-height: 100vh;
  margin: 0 auto; }
  #globalHeaderInner #nack5 {
    position: absolute;
    top: 10px;
    left: 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap; }
    #globalHeaderInner #nack5 a {
      display: block;
      width: 100px;
      height: 58px;
      background: url(https://www.nack5.co.jp/resources/images/logo.png) no-repeat center center;
      background-size: 100px 58px; }
  #globalHeaderInner h1 {
    width: 640px;
    height: 640px;
    background: url(../../../resources/images/title.png) no-repeat center center;
    background-size: contain;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap; }

.arrow {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  font-size: 60px;
  text-align: center; }
  .arrow a {
    color: #fff; }

@media screen and (max-width: 959px) {
  #globalHeader {
    min-width: 100% !important; }

  #globalHeaderInner {
    width: 100% !important;
    -webkit-background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -ms-background-size: 100% auto !important;
    -o-background-size: 100% auto !important;
    background-size: 100% auto !important; }
    #globalHeaderInner #nack5 {
      left: 10px;
      -webkit-background-size: 50% auto !important;
      -moz-background-size: 50% auto !important;
      -ms-background-size: 50% auto !important;
      -o-background-size: 50% auto !important;
      background-size: 50% auto !important; } }
#globalFooter {
  text-align: center;
  padding: 20px 0; }
  #globalFooter small {
    font-size: 11px; }

#page {
  position: relative; }

#content {
  width: 100%;
  padding-bottom: 30px; }

#main h2 {
  padding: 40px 0;
  font-weight: bold;
  font-size: 197%;
  text-align: center;
  color: #0a5aaa;
  letter-spacing: 1px; }

.contentInner {
  max-width: 960px;
  margin: 0 auto;
  background: #fff; }

.contentCenter {
  margin: 0 auto;
  padding: 20px; }

.tblStyle {
  width: 100%;
  background: #fff; }
  @media (width >= 640px) {
    .tblStyle tr:nth-child(odd) {
      background: #f2f2f2; } }
  @media (width <= 640px) {
    .tblStyle tr {
      border-left: 1px #ccc solid;
      border-top: 1px #ccc solid; } }
  .tblStyle tr th,
  .tblStyle tr td {
    padding: 20px;
    box-sizing: border-box; }
    @media (width >= 640px) {
      .tblStyle tr th,
      .tblStyle tr td {
        border: 1px #ccc solid; } }
    @media (width <= 640px) {
      .tblStyle tr th,
      .tblStyle tr td {
        display: block;
        width: 100% !important;
        border-right: 1px #ccc solid;
        border-bottom: 1px #ccc solid; } }
  .tblStyle tr th {
    text-align: center;
    vertical-align: middle;
    width: 100px;
    font-weight: normal; }
    @media (width <= 640px) {
      .tblStyle tr th {
        background: #f2f2f2;
        font-weight: bold;
        text-align: left; }
        .tblStyle tr th br {
          display: none; } }
  .tblStyle tr td {
    line-height: 1.5;
    letter-spacing: 1px; }

.images {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px; }
  .images li {
    width: 32%; }
    .images li:not(:first-child) {
      margin-left: 2%; }
    .images li img {
      width: 100%; }

.btn {
  max-width: 420px;
  width: 90%;
  height: 44px;
  margin: 0 auto 30px;
  line-height: 44px;
  background: #000;
  border-radius: 22px; }
  .btn a,
  .btn input {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff; }
  .btn input {
    width: 100%;
    line-height: 44px;
    background: none;
    border: none;
    cursor: pointer; }

.note {
  margin-bottom: 40px;
  padding: 15px;
  text-align: center;
  font-size: 100%;
  line-height: 1.6;
  letter-spacing: 1px;
  color: #cc0000; }

.txt {
  line-height: 1.8;
  letter-spacing: 0.5px; }

.blue {
  color: #0c5195; }

/* ==============================

応募フォーム

============================== */
#errMsg {
  padding: 15px;
  color: red;
  line-height: 1.6; }

.attention {
  padding: 15px;
  line-height: 1.6;
  color: red; }

.roomExplain {
  line-height: 1.6;
  margin-bottom: 15px;
  padding: 0 15px; }

.formStyle {
  width: 100%;
  margin-bottom: 30px;
  letter-spacing: 1px;
  line-height: 1.5;
  background: #fff; }
  .formStyle caption {
    padding: 10px;
    text-align: left;
    font-size: 100%;
    font-weight: bold;
    letter-spacing: 1px;
    background: #0f559e;
    color: #fff; }
  .formStyle tr th,
  .formStyle tr td {
    line-height: 1.6; }
  .formStyle tr th {
    padding: 10px 15px;
    width: 80px;
    text-align: left;
    background: #f5f5f5;
    border-top: 1px #ccc solid;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
    border-bottom: 1px #ccc dotted; }
  .formStyle tr td {
    padding: 10px 15px 0 15px;
    border-bottom: 1px #ccc solid;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid; }
    .formStyle tr td .inputStyle {
      display: inline-block;
      margin-bottom: 10px;
      border: 1px #ccc solid; }
      .formStyle tr td .inputStyle input,
      .formStyle tr td .inputStyle textarea {
        background: none;
        border: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .formStyle tr td .inputStyle input {
        padding: 5px;
        font-size: 108%; }
    .formStyle tr td label {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      margin-bottom: 10px; }

/* ==============================

応募完了

============================== */
#thanks {
  width: 280px;
  margin: 0 auto;
  padding: 40px 20px; }
  #thanks dt {
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
    font-size: 138.5%; }
  #thanks dd {
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.6;
    font-size: 116%; }

@media screen and (max-width: 959px) {
  .contentInner {
    margin: 0 auto 40px;
    background: #fff; }

  .contentCenter {
    width: calc(100% - 40px);
    margin: 0 auto; }

  .formStyle {
    width: 100%; }
    .formStyle tbody {
      border-top: 1px #ccc solid; }
    .formStyle th,
    .formStyle td {
      display: block;
      width: 100% !important;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .formStyle th:first-child {
      border-bottom: none;
      border-top: none; }
    .formStyle th:nth-child(2) {
      border-bottom: 1px #ccc solid; }

  .submit {
    width: 280px !important; }
    .submit input,
    .submit img {
      width: 100% !important;
      height: auto !important; } }

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