@charset "UTF-8";
/* ============
* ADD
============== */
.wrapper {
  width: 1480px;
  margin: auto;
}

.wrapper--lower {
  width: 1180px;
  margin: auto;
}

/* ============
* RESET >> grid system padding
============== */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-top: 0;
  line-height: 1.2;
}

/* l-container window幅 指定数値以下 100%に切り替わる */
@media only screen and (max-width: 1480px) {
  div.l-container--index {
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) {
  div.l-container {
    width: 100%;
    padding: 0;
  }
}
main.container {
  width: 100%;
  padding: 30px;
}
@media (max-width: 768px) {
  main.container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

main.container--index {
  width: 100%;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .row {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.container--reset .row {
  margin-left: 0px;
  margin-right: 0px;
}
.container--reset div[class*='col-'],
.container--reset li[class*='col-'],
.container--reset dl[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/*カラムのpaddingリセット*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

/*gridのgutter調整*/
.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.row-0 > div {
  padding-right: 0px;
  padding-left: 0px;
}

.sample-box {
  display: table;
  width: 100%;
  height: 180px;
  background: #ccc;
}
.sample-box span {
  display: table-cell;
  color: #FFF;
  text-align: center;
  vertical-align: middle;
}

.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 992px) {
  .no-gutter--md > div[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 768px) {
  .no-gutter--sm > div[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .no-gutter--xs > div[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
}
.list-inline, .list-inline--none {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline li, .list-inline--none li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.list-inline--none a {
  text-decoration: none;
}

/* ============
* table
============== */
.table-no-border > tbody > tr:first-child th, .table-no-border > tbody > tr:first-child td {
  border-top: 0 !important;
}

.table-bordered th {
  border-bottom: 3px solid #DDD;
  background: #F7F7F7;
}

.table-text--center th, .table-text--center td {
  text-align: center;
}

/* ============
* form-default
============== */
form.form-default .panel,
form.form-confirm-border .panel {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

form.form-default .panel-heading > [class*='title-'] {
  margin-bottom: 0;
}
form.form-default .form-group {
  width: 100%;
  margin-bottom: 20px;
}
form.form-default .form-group label {
  padding: 5px 0;
}
form.form-default .form-group .checkbox label {
  padding: 5px 20px;
}
form.form-default p {
  margin-bottom: 10px;
}
form.form-default a.form-pdf {
  display: inline-block;
  margin-bottom: 10px;
}
form.form-default .checkbox-sp-initial input[type="checkbox"] {
  margin-top: 10px;
  margin-left: 0;
}
form.form-default .form-control--text {
  display: inline-block;
  width: auto;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  background-color: #fff;
  background-image: none;
}
form.form-default .btn-box {
  width: 40%;
  margin: 30px auto;
}
@media (max-width: 768px) {
  form.form-default label {
    width: 100%;
  }
  form.form-default .u-w10,
  form.form-default .u-w20,
  form.form-default .u-w30,
  form.form-default .u-w40,
  form.form-default .u-w50,
  form.form-default .u-w60,
  form.form-default .u-w70,
  form.form-default .u-w80,
  form.form-default .u-w90,
  form.form-default .u-w100 {
    width: 100% !important;
  }
  form.form-default .btn-box {
    width: 80%;
    margin: 30px auto;
  }
}

form.form-confirm-border .form-group {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  border: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
}
form.form-confirm-border .form-group:first-child {
  border-top: 1px solid #eaeaea;
}
form.form-confirm-border .form-group > div[class*='col-'] {
  padding: 10px 15px;
}
form.form-confirm-border .form-group > div[class*='col-']:first-child {
  border-right: 1px solid #eaeaea;
}
form.form-confirm-border .form-group > div[class*='col-']:nth-child(2) {
  border-left: 1px solid #eaeaea;
  padding: 15px;
}
@media only screen and (max-width: 992px) {
  form.form-confirm-border .form-group > div[class*='col-'] {
    border-right: 1px solid #eaeaea;
  }
  form.form-confirm-border .form-group > div[class*='col-']:first-child {
    border-right: 1px solid #eaeaea;
  }
}
@media only screen and (max-width: 768px) {
  form.form-confirm-border .form-group > div[class*='col-']:first-child {
    background: #eaeaea;
  }
}
form.form-confirm-border .btn-box {
  width: 80%;
  margin: 30px auto;
}