@charset "utf-8";

/*----- common -----*/
#formArea {font-size: 62.5%;}
#container {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 45px;
  font-weight: 400;
  color: #333333;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
.tac {text-align: center;}
@media screen and (max-width: 750px) {
  #container {
    font-size: 6vw;
  }
}

/*---------- upper -----------*/
#container {
  max-width: 750px;
  margin: 0 auto;
  overflow: hidden;
  background: #FFF;
  font-size: 28px;
}
.box {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.m_box {
  position: relative;
  padding-left: 50px;
  padding-right: 50px;
}
@media screen and (max-width: 750px) {
  #container {
    max-width: 100vw;
    font-size: 3.7333333333vw;
  }
  .box {
    padding-left: 2.66666667vw;
    padding-right: 2.66666667vw;
  }
  .m_box {
    padding-left: 6.66666667vw;
    padding-right: 6.66666667vw;
  }
}

/*---------- margin,padding -----------*/
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.pb50 {padding-bottom: 50px;}
.pt50 {padding-top: 50px;}
.ptb20 {padding-top: 20px; padding-bottom: 20px;}
@media screen and (max-width: 750px) {
  .mb20 {margin-bottom: 2.66666667vw;}
  .mb30 {margin-bottom: 4vw;}
  .pb50 {
    padding: 6.6666666667vw;
  }
  .pt50 {
    padding: 6.6666666667vw;
  }
  .ptb20 {
    padding-top: 2.6666666667vw;
    padding-bottom: 2.6666666667vw;
  }
}

p {
  margin: 0;
}

/*----- img -----*/
.img_h {
  transition: 0.3s;
}
.img_h:hover {
  opacity: 0.8;
}

/*----- color -----*/
.lgreen_bg03 {background: #ff5e08;}

.white {color: #ffffff;}

/*----- text -----*/
.fs13 {font-size: 13px;}
.fs14 {font-size: 14px;}
.fs24 {font-size: 24px;}
@media screen and (max-width: 750px) {
  .fs14 {
    font-size: 1.8666666667vw;
  }
  .fs13 {
    font-size: 1.7333333333vw;
  }
  .fs24 {
    font-size: 3.2vw;
  }
}

.fw100 {font-weight: 100;}