@charset "UTF-8";
/* ========================================
    common
        サイト全体の設定、定義など
======================================== */
/* ========================================
    
    input
        inputの初期化に使うスタイル
        読み込むだけで初期化が適応されます

    INDEX
        - mixins, class
        - apply
======================================== */
/* ========================================
    mixins, class
======================================== */
/* ----------------------------------------------------------------------------------------------------

SCSS Form Reset Helpers - Forked from: https://gist.github.com/anthonyshort/552543

Intended usage:
- MIXINS: for very specific use cases, when you dont want to reset absolutly all the forms, very verbose output.
- PLACEHOLDER SELECTORS: use as extending classes. Less verbose, more generic overrides.

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/
input, label, select, button, textarea {
  display: inline-block;
  margin: 0;
  border: 0;
  padding: 0;
  width: auto;
  vertical-align: middle;
  white-space: normal;
  line-height: inherit;
  background: none;
  /* Browsers have different default form fonts */
  color: inherit;
  font-size: inherit;
  font-family: inherit;
}

input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
  box-sizing: border-box;
}

input {
  /* Make webkit render the search input like a normal text field */
  /* Turn off the recent search for webkit. It adds about 15px padding on the left */
  /* Fix IE7 display bug */
  /* These elements are usually rendered a certain way by the browser */
}

input:focus {
  outline: 0;
}

input[type=checkbox], input[type=radio] {
  width: 13px;
  height: 13px;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

::-webkit-search-decoration {
  display: none;
}

input[type=reset], input[type=button], input[type=submit] {
  overflow: visible;
}

select {
  /* Move the label to the top */
}

select[multiple] {
  vertical-align: top;
}

button {
  background: none;
  border: 0;
  outline: none;
  /* IE8 and FF freak out if this rule is within another selector */
}

button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:hover, button:active, button:focus {
  outline: 0;
}

::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none;
}

textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto;
}

/* ========================================
    apply
======================================== */
.contact .fs-14 {
  font-size: 14px;
}

.contact-btn-list {
  text-align: center;
}

.contact-btn-list li {
  margin-bottom: 10px;
  width: 48%;
  display: inline-block;
}

.contact-btn {
  margin: 0 auto;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝','MS PMincho',serif;
  font-size: 12px;
  letter-spacing: 1px;
  border: 1px solid #ccc;
  padding: 5px;
  cursor: pointer;
  color: #000;
  background: none;
  position: relative;
  display: block;
}

.contact-btn:hover {
  background-color: #fffa96;
}

.contact-btn-complete {
  margin: 0 auto;
  display: block;
  max-width: 230px;
}

.contact-btn-form-positive {
  margin-top: 20px;
  font-size: 14px;
  background-color: #fffa96;
}

.contact-btn-form-positive:hover {
  background-color: #fffa96;
}

.contact-btn-submit {
  font-size: 14px;
  border: 1px solid #6b6b6b;
  background: #fffa96;
  padding: 5px;
  border-radius: 5px;
  display: block;
  width: 230px;
  margin: 0 auto 10px;
}

.contact-btn-back {
  font-size: 14px;
  border: 1px solid #6b6b6b;
  background: #fff;
  padding: 5px;
  border-radius: 5px;
  display: block;
  width: 230px;
  margin: 0 auto 10px;
}

.contact-form {
  background: rgba(255, 255, 255, 0.5);
  padding: 20px;
  border: 1px solid #b5b5b5;
}

.contact-form-wrap {
  padding-top: 80px;
}

.contact-form dd {
  font-size: 13px;
  margin-bottom: 20px;
}

.contact-form input {
  width: 300px;
  max-width: 90%;
}

.contact-form select {
  min-width: 225px;
  max-width: 90%;
}

.contact-form textarea {
  width: 300px;
  max-width: 90%;
}

.contact-form input, .contact-form label, .contact-form select, .contact-form button, .contact-form textarea {
  border: 1px solid #6b6b6b;
  padding: 5px;
  border-radius: 5px;
}