/* line 33, ../../sass/_mixins.scss */
.banner {
  width: 100%;
  height: 376px;
}
@media only screen and (max-width: 991px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 300px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 33, ../../sass/_mixins.scss */
  .banner {
    height: 120px;
  }
}

/* line 3, ../../sass/_base.scss */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding: 0;
}

/* line 8, ../../sass/_base.scss */
body {
  font-size: 16px;
}

/* line 11, ../../sass/_base.scss */
div, h1, h2, h3, h4, h5, h6, p, li, input, select, button {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 300;
}

/* line 15, ../../sass/_base.scss */
a, a:link, a:hover, a:active, a:focus {
  text-decoration: none;
  color: inherit;
}

/* line 20, ../../sass/_base.scss */
h1 {
  font-size: 48px;
  color: #272e35;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  /* line 20, ../../sass/_base.scss */
  h1 {
    font-size: 36px;
  }
}

/* line 29, ../../sass/_base.scss */
h2 {
  font-size: 30px;
  color: #272e35;
  font-weight: 500;
}

/* line 35, ../../sass/_base.scss */
h3 {
  font-size: 20px;
  color: #272e35;
}

/* line 40, ../../sass/_base.scss */
p {
  font-weight: 300;
}

/* line 44, ../../sass/_base.scss */
li {
  font-weight: 500;
}

/* line 47, ../../sass/_base.scss */
.container li {
  font-weight: 300;
}

/* line 51, ../../sass/_base.scss */
select {
  cursor: pointer;
}

/* line 55, ../../sass/_base.scss */
img {
  max-width: 100%;
}

/* line 59, ../../sass/_base.scss */
.container {
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 48px;
}

/* line 65, ../../sass/_base.scss */
.row {
  margin: 0;
}

/* line 68, ../../sass/_base.scss */
.gap {
  margin: 20px;
}

/* line 6, ../../sass/layouts/contact.scss */
.banner {
  background: url("../../images/l_1/banners/contact_banner.jpg") center/cover;
}

/* line 11, ../../sass/layouts/contact.scss */
h1 {
  margin-top: 30px;
}

/* line 15, ../../sass/layouts/contact.scss */
.container {
  width: 1000px;
  max-width: 100%;
}
/* line 18, ../../sass/layouts/contact.scss */
.container .gap {
  margin: 40px 20px;
}

/* line 23, ../../sass/layouts/contact.scss */
main {
  background: #f2f2f2;
}

/* line 27, ../../sass/layouts/contact.scss */
p {
  /*margin: 17px 0;*/
  margin: 2em 0 -2em;
  margin: 2em 0;
}

/* line 31, ../../sass/layouts/contact.scss */
.form-container {
  margin: 30px 0;
  height: 100%;
}

/* line 36, ../../sass/layouts/contact.scss */
.input-container {
  position: relative;
  margin-top: 23px;
}
/* line 39, ../../sass/layouts/contact.scss */
.input-container label {
  position: absolute;
  left: 22px;
  top: 0;
  font-size: 20px;
  line-height: 58px;
  font-weight: 500;
  transition: all 0.5s cubic-bezier(0.2, 0.8, 0.25, 1);
}
/* line 48, ../../sass/layouts/contact.scss */
.input-container input,
.input-container select {
  width: 345px;
  height: 58px;
}
/* line 53, ../../sass/layouts/contact.scss */
.input-container textarea {
  width: 637px;
  max-width: 100%;
  height: 300px;
}
/* line 58, ../../sass/layouts/contact.scss */
.input-container select,
.input-container input,
.input-container textarea {
  position: relative;
  padding: 16px 22px;
  line-height: 160%;
  font-size: 20px;
  background: #fff;
  color: #272e35;
  font-weight: 500;
  border: none;
  max-width: 100%;
}
/* line 69, ../../sass/layouts/contact.scss */
.input-container select#send,
.input-container input#send,
.input-container textarea#send {
  background: #415065;
  color: #fff;
  width: 95px;
  margin: 0 14px;
  line-height: 100%;
}
/* line 76, ../../sass/layouts/contact.scss */
.input-container select#reset-button,
.input-container input#reset-button,
.input-container textarea#reset-button {
  width: auto;
  margin: 0 14px;
  line-height: 100%;
}

/* line 84, ../../sass/layouts/contact.scss */
.reset-container,
.send-container {
  display: inline-block;
}

/* line 89, ../../sass/layouts/contact.scss */
input:focus + label,
input:valid + label,
textarea:focus + label,
textarea:valid + label {
  -webkit-transform: translate(-1em, -2em) scale(0.6);
  -ms-transform: translate(-1em, -2em) scale(0.6);
  transform: translate(-1em, -2em) scale(0.6);
  opacity: 0.5;
}

/* line 99, ../../sass/layouts/contact.scss */
input[value]:invalid + label,
textarea[value]:invalid + label {
  color: red;
  -webkit-transform: translate(-1em, -2em) scale(0.6);
  -ms-transform: translate(-1em, -2em) scale(0.6);
  transform: translate(-1em, -2em) scale(0.6);
  opacity: 0.5;
}

@media only screen and (max-width: 991px) {
  /* line 109, ../../sass/layouts/contact.scss */
  .input-container input,
  .input-container select,
  .input-container textarea {
    width: 100%;
  }
}

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