html {
  -webkit-overflow-scrolling: touch; }

body {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  color: #000;
  font-size: 16px;
  margin: 0;
  line-height: 1;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  background-color: #f1f1f1; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

p {
  margin: 0;
  padding: 0; }

img {
  border: 0; }

a {
  text-decoration: none; }

address {
  font-style: normal; }

a:hover img {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: all 0.5s ease; }

.clearfix:after {
  display: block;
  clear: both;
  content: ""; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ui-tooltip {
  font-size: 14px;
  box-shadow: 2px 2px 2px #aaa;
  background: #fff;
  padding: 4px;
  color: #000;
  border: 1px solid #000 !important;
  opacity: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.chosen-single {
  background: #fff !important;
  height: 35px !important;
  line-height: 34px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid #ccc !important;
  font-size: 18px !important; }

.modal-body,
.modal2-body {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2000;
  background-color: white;
  overflow: auto; }
.modal-close,
.modal2-close {
  position: fixed;
  top: 0;
  right: 0;
  margin: 16px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 2001; }
.modal-msg,
.modal2-msg {
  max-width: 300px;
  margin: 80px auto 0 auto; }

.modal2-body {
  z-index: 2100; }
.modal2-close {
  z-index: 2101; }

.close-btn {
  display: inline-block;
  vertical-align: middle;
  transition: all .4s;
  box-sizing: border-box;
  position: relative;
  width: 32px;
  height: 32px;
  color: #aaa;
  cursor: pointer; }
  .close-btn span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 4px;
    background-color: #aaa;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }
    .close-btn span:nth-of-type(1) {
      top: 7px;
      -webkit-transform: translateY(10px) rotate(-315deg);
      transform: translateY(10px) rotate(-315deg); }
    .close-btn span:nth-of-type(2) {
      top: 27px;
      -webkit-transform: translateY(-10px) rotate(315deg);
      transform: translateY(-10px) rotate(315deg); }

.dt-left {
  text-align: left; }

.cup {
  cursor: pointer; }

#Loading,
#createFile {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3000;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2); }

.createFile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 288px;
  height: 160px;
  background-color: #fff;
  line-height: 2;
  font-size: 18px;
  font-weight: 700;
  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.08);
  border: 5px solid #2185d0;
  border-radius: 8px; }
  .createFile img {
    margin: 16px auto 0 auto;
    display: block;
    max-width: 100px;
    height: auto; }

.red {
  color: #db2828; }

.Btn {
  font-family: 'Zen Maru Gothic', sans-serif;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 200px;
  height: 40px;
  margin: 0 16px;
  font-size: 14px;
  line-height: 40px;
  border: none;
  color: #fff;
  background-color: #fd7574;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer; }
  .Btn:active {
    transform: translateY(2px); }
  .Btn-mini {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    width: auto;
    padding: 0 10px;
    margin: 0 4px; }
  .Btn-tiny {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    width: auto;
    padding: 0 16px;
    margin: 0 4px; }
  .Btn-small {
    height: 32px;
    line-height: 32px;
    width: auto;
    padding: 0 16px;
    margin: 0 4px; }
  .Btn-medium {
    width: auto;
    padding: 0 16px; }
  .Btn-red {
    background-color: #db2828; }
  .Btn-orange {
    background-color: #f2711c; }
  .Btn-green {
    background-color: #21ba45; }
  .Btn-blue {
    background-color: #2185d0; }
  .Btn-violet {
    background-color: #6435c9; }
  .Btn-brown {
    background-color: #a5673f; }
  .Btn-gray {
    background-color: #f0f0f0;
    color: #000; }
  .Btn-yellow {
    background-color: #ffb370; }
  .Btn-sky {
    background-color: #7dcaff; }
  .Btn-invalid {
    background-color: #ccc;
    border-bottom: 2px solid #aaa;
    pointer-events: none; }

.label {
  display: inline-block;
  padding: 4px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }
  .label--ro {
    background-color: #000;
    color: #fff; }
  .label-blue {
    border: 1px solid #2185d0;
    color: #2185d0; }
    .label-blue--ro {
      background-color: #2185d0;
      color: #fff; }
  .label-red {
    border: 1px solid #db2828;
    color: #db2828; }
    .label-red--ro {
      background-color: #db2828;
      color: #fff; }
  .label-green {
    border: 1px solid #21ba45;
    color: #21ba45; }
    .label-green--ro {
      background-color: #21ba45;
      color: #fff; }
  .label-orange {
    border: 1px solid #f2711c;
    color: #f2711c; }
    .label-orange--ro {
      background-color: #f2711c;
      color: #fff; }
  .label-violet {
    border: 1px solid #6435c9;
    color: #6435c9; }
    .label-violet--ro {
      background-color: #6435c9;
      color: #fff; }
  .label-brown {
    border: 1px solid #a5673f;
    color: #a5673f; }
    .label-brown--ro {
      background-color: #a5673f;
      color: #fff; }
  .label-gray {
    border: 1px solid #aaa;
    color: #aaa; }
    .label-gray--ro {
      background-color: #aaa;
      color: #fff; }
  .label-scarlet {
    border: 1px solid #fd7574;
    color: #fd7574; }
    .label-scarlet--ro {
      background-color: #fd7574;
      color: #fff; }
  .label-yellow {
    border: 1px solid #ffb370;
    color: #ffb370; }
    .label-yellow--ro {
      background-color: #ffb370;
      color: #fff; }
  .label-sky {
    border: 1px solid #7dcaff;
    color: #7dcaff; }
    .label-sky--ro {
      background-color: #7dcaff;
      color: #fff; }
  .label-large {
    font-size: 20px;
    padding: 8px; }

.Msg {
  border: 1px solid #db2828;
  color: #db2828;
  background-color: #fdd;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  padding: 6px 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
  .Msg--green {
    border: 1px solid #21ba45;
    background-color: #ddf9e4;
    color: #21ba45; }
  .Msg--inline {
    display: inline-block; }

#msgData,
#msgData2,
#msgData3 {
  padding: 8px 0;
  text-align: center; }

#msg_result {
  text-align: center; }

#msg_bottom {
  margin-top: 24px; }

.Ttl {
  font-size: 20px;
  line-height: 1.5;
  text-align: left; }
  .Ttl--center {
    text-align: center; }

input::placeholder {
  color: #ccc; }
input:-ms-input-placeholder {
  color: #ccc; }
input::-ms-input-placeholder {
  color: #ccc; }

.input-area, .input-inline {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: bold;
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px;
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.input-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.input-zero {
  pointer-events: none;
  /*
  width : 0;
  height : 0;
  transform:		scale(0);
   */ }
.input--mini {
  width: 40px; }
.input--tiny {
  width: 60px; }
.input--small {
  width: 80px; }
.input--medium {
  width: 120px; }
.input--large {
  width: 160px; }
.input-msg {
  margin-top: 4px;
  font-size: 12px;
  color: #db2828; }

.select-area, .select-inline {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px 24px 8px 8px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: url("../images/bg_pulldown1.svg");
  background-repeat: no-repeat;
  background-position: right 8px center; }
.select-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto; }
.select--mini {
  width: 50px; }
.select--tiny {
  width: 60px; }
.select--small {
  width: 80px; }
.select--medium {
  width: 120px; }
.select--large {
  width: 160px; }
.select--big {
  width: 240px; }

.textarea-area {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  display: block;
  width: 100%;
  height: 200px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.textarea--large {
  height: 600px; }
.textarea--max {
  height: 100%; }

.radio-btn {
  display: inline-block;
  margin-right: 8px;
  min-width: 104px; }
.radio-i_red, .radio-i_orange, .radio-i_green, .radio-i_blue, .radio-i_violet, .radio-i_brown, .radio-i_scarlet, .radio-i_nevy, .radio-i_gray, .radio-i_yellow, .radio-i_sky, .radio-i_black {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important; }
.radio-i_red:checked + .radio-l_red {
  background-color: #db2828;
  color: #fff; }
.radio-i_orange:checked + .radio-l_orange {
  background-color: #f2711c;
  color: #fff; }
.radio-i_green:checked + .radio-l_green {
  background-color: #21ba45;
  color: #fff; }
.radio-i_blue:checked + .radio-l_blue {
  background-color: #2185d0;
  color: #fff; }
.radio-i_violet:checked + .radio-l_violet {
  background-color: #6435c9;
  color: #fff; }
.radio-i_brown:checked + .radio-l_brown {
  background-color: #a5673f;
  color: #fff; }
.radio-i_scarlet:checked + .radio-l_scarlet {
  background-color: #fd7574;
  color: #fff; }
.radio-i_navy:checked + .radio-l_navy {
  background-color: #2e375a;
  color: #fff; }
.radio-i_gray:checked + .radio-l_gray {
  background-color: #aaa;
  color: #fff; }
.radio-i_black:checked + .radio-l_black {
  background-color: #000;
  color: #fff; }
.radio-i_yellow:checked + .radio-l_yellow {
  background-color: #ffb370;
  color: #fff; }
.radio-i_sky:checked + .radio-l_sky {
  background-color: #7dcaff;
  color: #fff; }
.radio-l_red, .radio-l_orange, .radio-l_green, .radio-l_blue, .radio-l_violet, .radio-l_brown, .radio-l_scarlet, .radio-l_nevy, .radio-l_gray, .radio-l_yellow, .radio-l_sky, .radio-l_black {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: flex;
  width: 100%;
  height: 32px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 1.5;
  padding: 0 2px;
  cursor: pointer; }
.radio-l_red {
  color: #db2828;
  border: 1px solid #db2828; }
.radio-l_orange {
  color: #f2711c;
  border: 1px solid #f2711c; }
.radio-l_green {
  color: #21ba45;
  border: 1px solid #21ba45; }
.radio-l_blue {
  color: #2185d0;
  border: 1px solid #2185d0; }
.radio-l_violet {
  color: #6435c9;
  border: 1px solid #6435c9; }
.radio-l_brown {
  color: #a5673f;
  border: 1px solid #a5673f; }
.radio-l_scarlet {
  color: #fd7574;
  border: 1px solid #fd7574; }
.radio-l_navy {
  color: #2e375a;
  border: 1px solid #2e375a; }
.radio-l_gray {
  color: #aaa;
  border: 1px solid #aaa; }
.radio-l_black {
  color: #000;
  border: 1px solid #000; }
.radio-l_yellow {
  color: #ffb370;
  border: 1px solid #ffb370; }
.radio-l_sky {
  color: #7dcaff;
  border: 1px solid #7dcaff; }

.form {
  max-width: 800px;
  margin: 32px auto; }
  .form-table {
    margin-top: 8px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: justify; }
    .form-table th, .form-table td {
      width: 180px;
      padding: 8px;
      font-size: 16px;
      line-height: 1.5;
      text-align: left;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc; }
    .form-table td {
      width: calc(100% - 180px); }
    .form-table__box {
      display: inline-block;
      vertical-align: middle;
      margin: 2px 8px 2px 0;
      font-size: 16px; }
    .form-table__block {
      display: inline-block;
      vertical-align: middle; }
    .form-table__bgc {
      background-color: #fdd; }
  .form-radio {
    display: inline-block;
    vertical-align: middle; }
    .form-radio label {
      cursor: pointer; }
  .form-btn {
    margin: 24px 0 40px 0;
    text-align: center; }
  .form-update {
    margin-top: 8px; }
    .form-update p {
      font-size: 12px;
      line-height: 1.5;
      color: #333; }
      .form-update p span {
        font-weight: bold; }
  .form-block01 {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 8px 2px 0; }
  .form-block02 {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .form-block02 label {
      width: calc(100% - 94px); }
    .form-block02 button {
      width: 90px; }
  .form-img01 {
    display: block;
    max-width: 100%;
    margin: 0 auto; }

.basic {
  padding-top: 48px; }
  .basic--pt {
    padding-top: 16px; }
  .basic-table {
    margin-top: 48px;
    padding: 0 8px;
    font-size: 14px; }
    .basic-table__act {
      background-color: #ffffc0 !important; }
    .basic-table--wd {
      max-width: 1024px;
      margin: 48px auto 0 auto; }
  .basic-btn {
    margin-top: 48px;
    text-align: center; }
    .basic-btn__mini {
      margin-bottom: 8px; }
    .basic-btn__small {
      margin-bottom: 16px; }
  .basic-btn2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
  .basic-msg {
    text-align: center; }

.bg-scarlet {
  background-color: #ffd1d1; }
.bg-yellow {
  background-color: #ffe3c2; }

.mt8 {
  margin-top: 8px; }

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