/* CSS Document */
#sec1 {
  background: url("../img/franchise/s1_bg.jpg") no-repeat center/cover;
  padding-bottom: 15%; }
  #sec1 .txt {
    padding-top: 8%; }

#sec2 {
  padding-bottom: 20%; }
  #sec2 h2 {
    padding-bottom: 10%; }

#sec3 {
  background: url("../img/shared/sec2-bg.png") repeat;
  padding-top: 10%;
  padding-bottom: 15%; }
  #sec3 h2 {
    padding-bottom: 8%; }
  #sec3 .slider3 .slick-arrow {
    top: 30vw; }
  #sec3 .slider3 dl {
    padding-top: 5%; }
    #sec3 .slider3 dl dt {
      padding-bottom: 5%; }
  #sec3 .slider3 .slick-dots li button {
    width: 13px;
    height: 17px;
    border: none;
    font-size: 15px;
    border-radius: 50%;
    background: none;
    font-weight: bold; }
  #sec3 .slider3 .slick-dots li.slick-active button {
    color: #fcd45d; }

#sec4 {
  position: relative;
  z-index: 1;
  padding-top: 8%; }
  #sec4::before {
    content: "";
    background: url(../img/recruit/s4_bg.jpg) repeat center top;
    position: absolute;
    top: 150vw;
    left: 0;
    width: 100%;
    bottom: -500px;
    -webkit-transform: skewY(12deg);
    -ms-transform: skewY(12deg);
    -o-transform: skewY(12deg);
    transform: skewY(12deg);
    z-index: -1; }
  #sec4 h2 {
    padding-bottom: 5%; }
  #sec4 .mail .fc-form .main {
    background: #fff;
    box-shadow: inset 0 0 0 1px #303030, inset 0 0 0 1px #101010; }
  #sec4 .mail input, #sec4 .mail textarea {
    background: transparent;
    box-shadow: none;
    border: 1px solid #202020; }
  #sec4 .mail input[type=radio], #sec4 .mail input[type=checkbox] {
    box-shadow: none; }
  #sec4 .mail [class^=error] {
    left: auto;
    bottom: auto;
    top: 5px;
    right: 10px;
    font-weight: normal;
    font-size: 85%; }
  #sec4 .mail .mark-require {
    color: #fff;
    font-size: small;
    line-height: 0;
    background: #A00709;
    padding: 1px 6px; }
  #sec4 .tel {
    padding: 4% 3% 18%; }