@charset "UTF-8";
/***************************************

variables

***************************************/
/*---------------------------------------
break point
---------------------------------------*/
/*---------------------------------------
color
---------------------------------------*/
/*---------------------------------------
font family
---------------------------------------*/
/***************************************

mixins

***************************************/
/*---------------------------------------
media queries
---------------------------------------*/
/*---------------------------------------
vwのサイズ計算
---------------------------------------*/
/***************************************

plan

***************************************/
header .flex_wrap h1 svg path {
  fill: #3c3c3c;
}
header .flex_wrap #hamburger .menu_btn span {
  background-color: #3c3c3c;
}

#contact #fv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#contact #fv picture {
  width: 60.8%;
}
#contact #fv img {
  width: 100%;
}
#contact #fv .details {
  width: 39.2%;
  background-color: #f0f0f0;
  padding: 20.7439198856vw 0 0 2.5035765379vw;
}
#contact #fv .details h2 {
  font-size: 26px;
  padding: 0 0 50px;
}
#contact #fv .details p {
  font-size: 16px;
  line-height: 32px;
  font-family: "Lato", sans-serif;
}
#contact #fv .details p a {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #contact #fv {
    display: block;
  }
  #contact #fv picture {
    width: 100%;
  }
  #contact #fv .details {
    width: 86.6666666667vw;
    margin: 0 auto;
    background-color: #fff;
    padding: 7.3333333333vw 0 13.3333333333vw;
  }
  #contact #fv .details h2 {
    font-size: 5.3333333333vw;
    padding: 0 0 6.6666666667vw;
  }
  #contact #fv .details p {
    font-size: 3.4666666667vw;
    line-height: 6.9333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1160px) {
  #contact #fv .details {
    padding: 240px 0 0 29px;
  }
}
/*# sourceMappingURL=contact.css.map */