@charset "UTF-8";
/* Scss Document */
@keyframes RightToLeft {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes topanime {
  0% {
    opacity: 0; }
  24% {
    opacity: 1; }
  51% {
    opacity: 1; }
  85% {
    opacity: 0;
    transform: scale(1.2) rotate(0.1deg);
    z-index: 9; }
  100% {
    opacity: 0; } }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?3plcb6");
  src: url("../fonts/icomoon.eot?3plcb6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3plcb6") format("truetype"), url("../fonts/icomoon.woff?3plcb6") format("woff"), url("../fonts/icomoon.svg?3plcb6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-phone:before {
  content: "\e942"; }

.icon-notification:before {
  content: "\e901"; }

.icon-facebook:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-arrow:before {
  content: "\e900"; }

.icon-arrow-left:before {
  content: "\e903"; }

.icon-arrow-top:before {
  content: "\e902"; }

.icon-arrow-bottom:before {
  content: "\e904"; }

select::-ms-expand {
  display: none; }

input:focus, select:focus, textarea:focus {
  outline: 0; }

input[type=text],
input[type=number],
input[type=tel],
input[type=password],
textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #320506;
  background-color: #fff;
  box-sizing: border-box;
  max-width: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 12px; }
  @media (max-width: 480px) {
    input[type=text],
    input[type=number],
    input[type=tel],
    input[type=password],
    textarea {
      max-width: inherit; } }

input[type="submit"], input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset; }

input[type=radio],
input[type=checkbox] {
  display: inline-block;
  margin-right: 6px; }

.radiostyle,
.checkboxstyle {
  position: relative;
  display: inline-block;
  line-height: 1.6;
  cursor: pointer; }

@media (min-width: 1px) {
  input[type=radio],
  input[type=checkbox] {
    display: none;
    margin: 0; }

  input[type=radio] + .radiostyle,
  input[type=checkbox] + .checkboxstyle,
  input[type=checkbox] + .radiostyle {
    padding-left: 24px;
    font-size: 1.2rem; }

  .radiostyle::before,
  .checkboxstyle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -10px;
    background-color: white; }

  .radiostyle::before, .radio-c .radiostyle::before {
    border: none;
    left: -5px;
    top: -6px;
    background-color: #eee;
    background-image: url(../image/common/check_icon2.png) !important;
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 20px;
    width: 22px;
    height: 22px; }

  .checkboxstyle::before {
    border: 1px solid #320506; }

  input[type=radio]:checked + .radiostyle::after,
  input[type=checkbox]:checked + .checkboxstyle::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block; }

  input[type=radio]:checked + .radiostyle::after, .radio-c input[type=checkbox]:checked + .radiostyle::after {
    content: "";
    position: absolute;
    top: -15px !important;
    left: -5px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 20px !important;
    background-color: #320506 !important;
    background-image: url(../image/common/check_icon2.png) !important;
    background-size: 10px auto;
    background-repeat: no-repeat;
    background-position: center;
    transform: none;
    border: none; }

  input.boy:checked + .radiostyle::after {
    background-color: #005D97 !important; }

  input.girl:checked + .radiostyle::after {
    background-color: #AC0B0F !important; }

  input[type=checkbox]:checked + .checkboxstyle::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #320506;
    border-bottom: 3px solid #320506;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); } }
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none transparent;
  text-overflow: "";
  height: 40px;
  padding: 4px 35px 4px 10px;
  border: 1px solid #320506;
  border-radius: 0;
  text-indent: .01px;
  background: url(../image/common/icon_select.png) no-repeat;
  background-position: right 10px center;
  background-size: auto 6px;
  background-color: #fff;
  line-height: 1.4em;
  color: #320506; }

.btn {
  background: #320506;
  color: #FFF;
  text-align: center;
  display: block;
  padding: 13px 0px;
  line-height: 1.5;
  font-size: 1.6rem; }

.requried {
  display: block;
  float: right;
  padding: 5px 5px;
  background-color: #320506;
  color: #fff;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1; }
  .requried.not {
    background: #707070; }

input.input_inline {
  display: inline-block; }

input[type=tel].box60, input[type=text].box60 {
  width: 60px; }
  @media (max-width: 480px) {
    input[type=tel].box60, input[type=text].box60 {
      width: 80px; } }

input[type=tel].box80 {
  width: 80px; }
  @media (max-width: 480px) {
    input[type=tel].box80 {
      width: 100px; } }

input[type=text].box100 {
  width: 100px; }
  @media (max-width: 480px) {
    input[type=text].box100 {
      width: 120px; } }

input[type=text].box200 {
  width: 200px; }
  @media (max-width: 480px) {
    input[type=text].box200 {
      width: 220px; } }

textarea.box-h100 {
  height: 100px; }

textarea.box-h200 {
  height: 200px; }

.formBox .btn_form {
  display: block;
  padding: 13px 15px 11px;
  color: #320506;
  border: 1px solid #320506;
  cursor: pointer; }

.submit {
  margin: 50px auto 0;
  text-align: center; }
  @media (max-width: 600px) {
    .submit {
      width: 85%;
      margin-top: 30px; } }
  .submit .submitstyle {
    cursor: pointer;
    background: #320506;
    color: #FFF;
    text-align: center;
    display: block;
    padding: 13px 0px;
    line-height: 1.5;
    font-size: 1.6rem;
    transition: all .4s ease;
    margin: 0 auto; }
    .submit .submitstyle input[type=submit], .submit .submitstyle input[type=button] {
      width: 100%;
      border: 0;
      font-size: 1.3rem;
      background-color: #320506;
      border: solid 1px #320506;
      color: #FFF;
      letter-spacing: .08em;
      padding: 0px;
      line-height: 1;
      cursor: pointer; }
    @media (min-width: 1080px) {
      .submit .submitstyle:hover {
        opacity: .65; } }
    @media (max-width: 480px) {
      .submit .submitstyle {
        padding: 20px 0px;
        font-size: 1.6rem; } }
  .submit .backstyle a, .submit .backstyle {
    background: none;
    color: #320506;
    border: solid 1px #320506;
    text-align: center;
    display: block;
    padding: 13px 0px;
    position: relative;
    transition: all .4s ease;
    display: block;
    margin: 0 auto; }
    .submit .backstyle a input[type=submit], .submit .backstyle a input[type=button], .submit .backstyle input[type=submit], .submit .backstyle input[type=button] {
      width: 100%;
      border: 0;
      font-size: 1.3rem;
      color: #320506;
      letter-spacing: .08em;
      padding: 0px;
      line-height: 1;
      cursor: pointer;
      background: none; }
    @media (min-width: 1080px) {
      .submit .backstyle a:hover, .submit .backstyle:hover {
        opacity: .65; } }
    @media (max-width: 480px) {
      .submit .backstyle a, .submit .backstyle {
        padding: 20px 0px; } }
  .submit.w250 {
    width: 250px; }
    @media (max-width: 480px) {
      .submit.w250 {
        width: 100%;
        margin-top: 0px; } }

.backstyle a, .submitstyle {
  width: 100%; }

.complete .flow {
  background: #EFEFEF;
  padding: 50px 0px;
  margin-bottom: 80px;
  letter-spacing: -0.4em; }
  @media (max-width: 768px) {
    .complete .flow {
      margin-bottom: 50px; } }
  @media (max-width: 600px) {
    .complete .flow {
      padding: 20px 0px; } }
  .complete .flow ul {
    width: 90%;
    margin: 0 auto; }
    @media (min-width: 1080px) {
      .complete .flow ul {
        width: 75%; } }
    @media (max-width: 600px) {
      .complete .flow ul {
        width: 100%; } }
    .complete .flow ul li {
      display: inline-block;
      width: 33.333%;
      letter-spacing: normal;
      background: #FFF;
      text-align: center;
      padding: 20px 0px;
      color: #320506;
      background: #FFF url(../image/common/flow_bg.png) no-repeat right 0;
      background-size: 18px auto;
      background-position: 100% center; }
      .complete .flow ul li:nth-child(2) {
        background: #FFF url(../image/common/flow_bg_on2.png) no-repeat right 0;
        background-size: 18px auto;
        background-position: 100% center; }
      .complete .flow ul li:last-child {
        background: #320506;
        color: #FFF; }
      @media (max-width: 600px) {
        .complete .flow ul li {
          padding: 10px 0px; } }
.complete h1 {
  font-size: 2.9rem;
  color: #320506;
  text-align: center;
  margin: 100px 10px 50px;
  font-family: "HGS明朝E", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: .08em;
  font-weight: 300; }
  @media (max-width: 600px) {
    .complete h1 {
      margin: 50px 10px 30px; } }
  @media (max-width: 480px) {
    .complete h1 {
      font-size: 2.4rem; } }
.complete .thanks {
  width: 90%;
  margin: 0 auto 60px;
  padding: 70px;
  border: solid 1px #320506; }
  @media (min-width: 1080px) {
    .complete .thanks {
      width: 75%; } }
  @media (max-width: 600px) {
    .complete .thanks {
      padding: 30px; } }
  @media (max-width: 480px) {
    .complete .thanks {
      padding: 0px;
      border: none;
      width: 100%; } }
  .complete .thanks .mbsp35 {
    margin-bottom: 35px; }
  .complete .thanks h2 {
    background: #F4F4F4;
    padding: 10px 15px 8px;
    font-weight: bold;
    font-size: 1.6rem;
    margin-bottom: 20px;
    text-align: center; }

.ajax-file-upload {
  width: 250px;
  padding: 7px 0;
  background-color: #320506;
  border: none;
  text-align: center;
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px; }
.ajax-file-upload input[type=file]{width: auto!important;}
.ajax-file-upload input[type=file]::-webkit-file-upload-button { 
  cursor: pointer;
}
.ajax-file-upload:hover{opacity: .65; }
  @media (max-width: 480px) {
    .ajax-file-upload {
      padding: 12px 0;
      width: 100%; } }

@media (max-width: 480px) {
  .sp-img100 img {
    width: 100% !important; }

  .sp-w100 {
    width: 100% !important; }

  .sp-w50 {
    width: 49% !important; }

  .sp-bd-bottom {
    border-bottom: solid 1px #320506;
    padding-bottom: 15px !important;
    margin-bottom: 15px; } }
#undercolumn {
  width: 90%;
  margin: 100px auto; }
  @media (min-width: 1080px) {
    #undercolumn {
      width: 75%; } }
  @media (max-width: 480px) {
    #undercolumn {
      width: 100%; } }
  #undercolumn h1.main-title {
    margin-top: 150px !important; }
  #undercolumn .btn_area {
    width: 260px;
    margin: 40px auto 50px; }
    @media (max-width: 480px) {
      #undercolumn .btn_area {
        width: 100%; } }
    #undercolumn .btn_area a {
      background: #919191;
      color: #FFF;
      text-align: center;
      display: block;
      padding: 13px 0px;
      line-height: 0;
      position: relative; }
      #undercolumn .btn_area a i:before {
        position: absolute;
        left: 15px;
        font-size: 1.8rem;
        top: 11px; }
  #undercolumn .border-box {
    padding: 50px;
    border: solid 1px #320506;
    color: #320506;
    text-align: center; }
    @media (max-width: 480px) {
      #undercolumn .border-box {
        padding: 30px; } }

.i-name span {
  display: inline-block;
  width: 38%; }
  .i-name span input {
    width: 85%; }
  @media (max-width: 480px) {
    .i-name span {
      width: 49%; } }
  .i-name span + span {
    text-align: right; }

.i-tel span {
  display: inline-block;
  width: 80px;
  margin: 0px 5px; }
  .i-tel span:nth-child(1) {
    margin-left: 0px; }
  .i-tel span:nth-child(3) {
    margin-right: 0px; }
  .i-tel span input {
    width: 100%; }
  @media (max-width: 480px) {
    .i-tel span {
      width: 27%; } }
  .i-tel span + span {
    text-align: right; }

.i-code input {
  width: 100px; }
@media (max-width: 480px) {
  .i-code {
    text-align: right; }
    .i-code input {
      width: 92%; } }

.errorBg {
  background-color: #ffe8e8 !important; }

@media (max-width: 320px) {
  .i-code input[type=tel].box80 {
    width: 80px; }

  .i-tel span {
    width: 27%; } }
@media all and (-ms-high-contrast: none) {
  .formBox .btn_form {
    padding-top: 16px; }

  .requried {
    padding: 5px 5px 2px; } }

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