@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700,900");
/* line 6, ../../sass/customersupport/style.scss */
.customer-support .main-contents {
  margin: auto; }
/* line 11, ../../sass/customersupport/style.scss */
.customer-support .form-block .form-box {
  padding: 55px 60px;
  background: #f5f7f7;
  border: 1px solid #e4e4e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  /* line 16, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 24px 0;
    border-bottom: 1px solid #e4e4e4; }
    /* line 22, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box dl:first-child {
      padding-top: 0; }
    /* line 25, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box dl dt, .customer-support .form-block .form-box dl dd {
      display: table-cell;
      vertical-align: middle; }
    /* line 29, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box dl dt {
      width: 250px; }
      /* line 31, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box dl dt span {
        margin-left: 1em;
        padding: 4px 10px;
        color: #fff;
        background: #ff7777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px; }
    /* line 39, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box dl .va-top {
      padding-top: 15px;
      vertical-align: top; }
  /* line 44, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box .btn-box {
    margin-top: 40px;
    text-align: center;
    letter-spacing: -.4rem; }
    /* line 48, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box input {
      display: inline-block;
      font-size: 18px;
      font-size: 1.8rem;
      color: #fff;
      letter-spacing: normal;
      background: #008ddf;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      -ms-transition: all .3s;
      -webkit-transition: all .3s;
      transition: all .3s; }
      /* line 58, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box .btn-box input:hover {
        background: #1b4067; }
    /* line 62, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box input[type="submit"][disabled] {
      background: #c2c2c2;
      cursor: default; }
    /* line 67, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box span input {
      padding: 12px 130px; }
    /* line 71, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box li {
      display: inline-block; }
      /* line 73, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box .btn-box li input {
        padding: 12px 80px; }
      /* line 76, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box .btn-box li:first-child {
        margin-right: 2em; }
        /* line 78, ../../sass/customersupport/style.scss */
        .customer-support .form-block .form-box .btn-box li:first-child input {
          background: #c2c2c2; }
          /* line 80, ../../sass/customersupport/style.scss */
          .customer-support .form-block .form-box .btn-box li:first-child input:hover {
            background: #dddbdc; }
@media screen and (max-width: 960px) {
  /* line 92, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box {
    padding: 5% 4%; }
    /* line 94, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box dl {
      display: block;
      width: 100%;
      padding: 24px 0 22px; }
      /* line 98, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box dl:first-child {
        padding-top: 5px; }
      /* line 101, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box dl dt, .customer-support .form-block .form-box dl dd {
        display: block; }
      /* line 104, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box dl dt {
        width: 100%;
        margin-bottom: 12px;
        line-height: 1.2; }
      /* line 109, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box dl .va-top {
        padding-top: 0;
        vertical-align: middle; }
    /* line 114, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box {
      margin-top: 30px; }
      /* line 116, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box .btn-box input {
        font-size: 17px;
        font-size: 1.7rem; }
      /* line 120, ../../sass/customersupport/style.scss */
      .customer-support .form-block .form-box .btn-box span input {
        padding: 12px 100px; } }
@media screen and (max-width: 640px) {
  /* line 136, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box .btn-box input {
    font-size: 16px;
    font-size: 1.6rem; }
  /* line 139, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box .btn-box li {
    width: 48%; }
    /* line 141, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box li input {
      width: 100%;
      padding: 12px 0; }
    /* line 145, ../../sass/customersupport/style.scss */
    .customer-support .form-block .form-box .btn-box li:first-child {
      margin-right: 4%; } }
@media screen and (max-width: 320px) {
  /* line 158, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box .agree-box span {
    padding-left: 30px; }
  /* line 164, ../../sass/customersupport/style.scss */
  .customer-support .form-block .form-box .btn-box span input {
    padding: 12px 90px; } }

/* line 6, ../../sass/customersupport/_top.scss */
.customer-support .at-box {
  margin-bottom: 30px;
  padding: 25px 40px;
  color: #ff7777;
  background: #ffe8e8;
  border: 1px solid #ff7777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
/* line 17, ../../sass/customersupport/_top.scss */
.customer-support .form-block .form-box :focus {
  outline: 0; }
/* line 21, ../../sass/customersupport/_top.scss */
.customer-support .form-block .form-box dl dd {
  /* error */ }
  /* line 22, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .txt, .customer-support .form-block .form-box dl dd select {
    width: 90%;
    padding: 15px 20px 14px;
    line-height: 1.2;
    background: #fff;
    border: 2px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
  /* line 30, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd ::-webkit-input-placeholder {
    color: #c2c2c2; }
  /* line 33, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd ::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1; }
  /* line 37, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd :-ms-input-placeholder {
    color: #c2c2c2; }
  /* line 41, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd label.error {
    display: block;
    margin-top: 5px;
    color: #ff7777; }
  /* line 46, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .select-box {
    position: relative;
    display: block; }
    /* line 49, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box dl dd .select-box option {
      color: #4c4c4c; }
    /* line 52, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box dl dd .select-box:before {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 60px;
      width: 10px;
      height: 10px;
      margin-top: -6px;
      border-right: 2px solid #e4e4e4;
      border-bottom: 2px solid #e4e4e4;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  /* line 67, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .read-txt {
    display: block;
    margin: 15px 0 5px;
    font-size: 13px;
    font-size: 1.3rem; }
  /* line 72, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd textarea {
    display: block;
    width: 100%;
    padding: 15px 20px;
    height: 269px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #d0d0d0;
    resize: vertical; }
/* line 84, ../../sass/customersupport/_top.scss */
.customer-support .form-block .form-box .agree-box {
  margin-top: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center; }
  /* line 88, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box .agree-box input {
    display: none; }
  /* line 91, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box .agree-box span {
    position: relative;
    padding-left: 40px;
    color: #c2c2c2; }
    /* line 95, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box .agree-box span a {
      color: #008ddf; }
    /* line 98, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box .agree-box span:before, .customer-support .form-block .form-box .agree-box span:after {
      content: "";
      display: block;
      position: absolute; }
    /* line 103, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box .agree-box span:before {
      top: -1px;
      left: 0;
      width: 20px;
      height: 20px;
      background: #d4d4d4;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    /* line 111, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box .agree-box span:after {
      top: 3px;
      left: 6px;
      width: 7px;
      height: 9px;
      transform: rotate(40deg);
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff; }
  /* line 122, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box .agree-box input:checked + span {
    color: #4c4c4c; }
    /* line 124, ../../sass/customersupport/_top.scss */
    .customer-support .form-block .form-box .agree-box input:checked + span:before {
      background: #008ddf; }
@media screen and (max-width: 960px) {
  /* line 134, ../../sass/customersupport/_top.scss */
  .customer-support .at-box {
    padding: 4%; }
  /* line 141, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .txt, .customer-support .form-block .form-box dl dd select {
    width: 100%; }
  /* line 145, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .select-box:before {
    right: 20px; }
  /* line 149, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd textarea {
    height: 150px; } }
@media screen and (max-width: 640px) {
  /* line 163, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd .txt, .customer-support .form-block .form-box dl dd select {
    padding: 10px; }
  /* line 166, ../../sass/customersupport/_top.scss */
  .customer-support .form-block .form-box dl dd textarea {
    padding: 10px; } }

/* line 6, ../../sass/customersupport/_thanks.scss */
.customer-support .top-btn {
  text-align: center; }
  /* line 8, ../../sass/customersupport/_thanks.scss */
  .customer-support .top-btn a {
    display: inline-block;
    padding: 12px 80px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    background: #008ddf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s; }
    /* line 18, ../../sass/customersupport/_thanks.scss */
    .customer-support .top-btn a:hover {
      opacity: 1;
      filter: alpha(opacity=100);
      background: #1b4067; }
@media screen and (max-width: 960px) {
  /* line 27, ../../sass/customersupport/_thanks.scss */
  .customer-support .top-btn a {
    font-size: 17px;
    font-size: 1.7rem; } }
@media screen and (max-width: 640px) {
  /* line 35, ../../sass/customersupport/_thanks.scss */
  .customer-support .top-btn a {
    padding: 12px 60px;
    font-size: 16px;
    font-size: 1.6rem; } }