@charset "UTF-8";
/* ======================================================
message
====================================================== */
.contactForm {
  padding: 14.66667vw 0vw 0vw 0vw;
  font-size: 2.4vw;
  line-height: 2.11111;
  letter-spacing: 0.3em;
}

@media screen and (min-width: 751px) {
  .contactForm {
    padding: 110px 0 0;
    font-size: 18px;
  }
}

.contactForm__inr {
  width: 82vw;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

@media screen and (min-width: 751px) {
  .contactForm__inr {
    max-width: 1090px;
    padding: 0 30px;
  }
}

.contactForm__bg {
  background-image: url("../images/img_contact01.png"), url("../images/img_contact02.png");
  background-position: right 14% top 4.2%, left 13% bottom 11%;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
  background-color: #FBFBF9;
  padding: 13.33333vw 0vw 21.33333vw 0vw;
}

@media screen and (min-width: 751px) {
  .contactForm__bg {
    padding: 100px 0 160px;
  }
}

.contactForm_lead {
  text-align: justify;
  font-weight: bold;
  color: #231815;
  width: 82vw;
  margin: 0 auto;
  margin-bottom: 13.33333vw;
}

@media screen and (min-width: 751px) {
  .contactForm_lead {
    width: auto;
    text-align: center;
    margin-bottom: 100px;
  }
}

.contactForm dl {
  text-align: left;
  margin-bottom: 4.66667vw;
}

@media screen and (min-width: 751px) {
  .contactForm dl {
    margin-bottom: 35px;
  }
}

.contactForm dl:last-of-type {
  margin-bottom: 9.33333vw;
}

@media screen and (min-width: 751px) {
  .contactForm dl:last-of-type {
    margin-bottom: 70px;
  }
}

.contactForm label {
  color: #000000;
  font-weight: bold;
  margin-bottom: 1.33333vw;
}

@media screen and (min-width: 751px) {
  .contactForm label {
    margin-bottom: 10px;
  }
}

.required {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.required::after {
  content: "必 須";
  display: block;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  padding: 5px 10px;
  color: #943F43;
  border: 1px solid #943F43;
  margin-left: 2.66667vw;
  font-size: 2.13333vw;
  letter-spacing: 0.1em;
  line-height: 1;
}

@media screen and (min-width: 751px) {
  .required::after {
    font-size: 16px;
    margin-left: 15px;
  }
}

.contactForm input[type="text"],
.contactForm input[type="email"],
.contactForm input[type="tel"] {
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 15px;
  font-size: 3.7vw;
}

@media screen and (min-width: 751px) {
  .contactForm input[type="text"],
  .contactForm input[type="email"],
  .contactForm input[type="tel"] {
    font-size: 19px;
    height: 78px;
    line-height: 78px;
  }
}

.contactForm textarea {
  font-size: 3.7vw;
  resize: vertical;
  height: 50vw;
  width: 100%;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  padding: 5px 15px;
  display: block;
  font-family: YuMincho, "Yu Mincho", 游明朝体, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", 'Noto Serif JP' ,"ＭＳ 明朝", "MS Mincho";
}

@media screen and (min-width: 751px) {
  .contactForm textarea {
    font-size: 19px;
    height: 590px;
  }
}
@media screen and (min-width: 1001px) {
.a_back{
  background: url(../images/a_back.png) top center no-repeat;
}
.a_back2{
  background: url(../images/a_back2.png) top center no-repeat;
  padding: 70px 0;
}
.a_back3{
  background: url(../images/a_back3.png) top center no-repeat;
  padding: 70px 0;
}
.a_back4{
  background: url(../images/a_back4.png) top center no-repeat;
  padding: 70px 0;
}


.a_back iframe{
  width: 100%;
  height:880px;
  margin: 0 auto;
  display: block;
  padding-top: 140px;
}
article{
  width: 1280px;
  margin: 0 auto;
  overflow:hidden;
}
.car{
  margin-top: 100px;
  margin-bottom: 100px;
}
.train{
  margin-top: 150px;
  margin-bottom: 90px;
}
.susukino{
  margin-top: 150px;
  margin-bottom: 90px;
}
.acces h3 img{
  display: block;
  margin: 170px auto 0;
}
.left{
  float: left;
}
.right{
  float: right;
}
.icon{
    margin: 0 0 10px 15px;
    font-weight: bold;
}
.icon p{
  font-size: 14px;
  margin: 0;
}
.car h4,.train h4{
  color:#943F43;
  font-size: 20px;
  margin: 0 0 0px;
}
.car h4 span,.train h4 span{
  font-size: 24px;
}
.w570{
  width: 570px;
  margin: 0 0 20px 50px;
}
.w570 h5{
  font-size: 24px;
  margin: 0 0 20px;
}
.sp{
  display: none;

}

.red{
  background: #943F43;
}
.red ul{
  overflow: hidden;
  width: 250px;
  margin: 0 auto;
  padding: 5px 0;
}
.red ul li{
  width: 50%;
  float: left;
  list-style: none;
}
}

@media screen and (max-width: 1000px) {
* {
  max-width: 100% !important;
}
img{
  max-width: 100% !important;
  height: auto;
}
.pc{
  display: none;
}
.a_back{
  background: url(../images/a_back.png) top center no-repeat;
    padding: 70px 0;
}
.a_back2{
  background: url(../images/a_back2.png) top center no-repeat;
  padding: 70px 0;
}
.a_back3{
  background: url(../images/a_back3.png) top center no-repeat;
  padding: 70px 0;
}
.a_back4{
  background: url(../images/a_back4.png) top center no-repeat;
  padding: 70px 0;
}

.w100 img{
  display: block;
  margin: 0 auto;
  width: 100%;
}
.a_back iframe{
  width: 95%;
  height:400px;
  margin: 0 auto;
  display: block;
}
article{
  width: 1280px;
  margin: 0 auto;
  overflow:hidden;
}
.car{
  margin: 50px auto;
}
.train{
  margin-top: 150px;
  margin-bottom: 90px;
}
.susukino{
  margin-top: 150px;
  margin-bottom: 90px;
}
.susukino .left{
  float: none;
}
.susukino img{
  display: block;
  margin: 0 auto;
}
.acces h3 img{
  display: block;
  width: 60%;
  margin: 170px auto 0;
}
.sp_center{
  display: block;
  margin: 0 auto 50px;
  float: none !important;
  width: 60%;
  overflow:hidden;
}
.sp_center_right{
  display: block;
  margin: 0 auto 50px;
  float: none !important;
  width: 80%;
  overflow:hidden;
}
.sp_w230{
  width: 230px;
  margin: 0 auto;
}
.sp_w290{
  width: 290px;
  margin: 0 auto;
}
.sp_center_right a img{
  display: block;
  margin: 0 auto;
}
.left{
  float: left;
}
.right{
  float: right;
}
.mr10{
  margin-right: 10px;
}
.icon{
    margin: 0;
    font-weight: bold;
}
.icon p{
  font-size: 14px;
  margin: 0;
}
.car h4,.train h4{
  color:#943F43;
  font-size: 20px;
  margin: 0;
}
.car h4 span,.train h4 span{
  font-size: 24px;
}
.w570{
  width: 100%;
  margin: 20px 0;
}
.w570 h5{
  font-size: 24px;
  margin: 0 0 20px;
}
.mt100{
  margin-top: 100px;
}

.red{
  background: #943F43;
}
.red ul{
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 25px 0;
}
.red ul li{
  width: 50%;
  float: left;
  list-style: none;
}
.red ul li a img{
  display: block;
  margin: 0 auto;
}
}

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