@charset "utf-8";

/* rem設定用 */
html{
    font-size: 15px;
}
body {
    font-family:"ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic Pro", sans-serif
}
#wrapper {
  width: 100%;
  background-color: #FFF;
    position: relative;
}
#wrapper .mainCont {
  position: relative;
  max-width: 750px;
  margin: 0 auto;
  background-color: #FFF;
  text-align: center;
  overflow: hidden;
}
#wrapper img {
  max-width: 100%;
}

#wrapper .header {
  text-align: center;
}
#wrapper .header_inner {
  max-width: 750px;
  margin: 0 auto;
  padding: 0;
}

/*============================
txt
font-size、line-heightは
基本デザインデータの2/3から半分程度に設定
(画面幅320pxのiPhone5で段落ちしない程度)
============================*/

#wrapper a {
  text-decoration: none;
}
#wrapper p {
  font-size: 1.00rem;
  line-height: 1.0;
}

#wrapper h1 {
  font-size: 1.0rem;
  line-height: 1.0;
  text-align: left;
  color: #000;
}

#wrapper h2 {
  font-size: 1.0rem;
  line-height: 1.0;
  text-align: left;
  color: #000;
}

/*============================
accordion
============================*/
.accordion {
  padding-bottom: 8px;
  background-color: #efefef;
}
  .accordion.last {
    padding-bottom: 60px;
  }


/*============================
cv
============================*/
#wrapper .cv a {
  text-decoration: none;
  color: #000;
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
#wrapper .cv a:hover {
  opacity: 0.7;
}

/*============================
footer
============================*/
.l-footer {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
}
.fixed_banner {
 margin-bottom: 22.5vw;
}

.l-footer_counter {
    padding: 20px 10px;
    background-color: #80ad4e;
}
footer_counter {
    display: block;
}
.footer_counter .footer_counter-title {
    border-left: 5px solid #fff;
    font-weight: bold;
    color: #fff;
    padding-left: 5px;
    font-size: 0.9rem;
    line-height: 1.0;
}
.footer_counter .footer_counter-link {
    font-size: 10px;
    color: #fff;
    margin-top: 10px;
    line-height: 1.6;
}
.footer_counter .footer_counter-link a {
    text-decoration: none;
    color: #fff;
}
.l-footer_company {
    padding: 16px 10px;
    background-color: #5d9320;
}

/*============================
#util
============================*/

#wrapper .mb15 {
  margin-bottom: 15%!important;
}

/*============================
レスポンシブ
============================*/

@media (min-width: 769px) {
  html {
    font-size: 20px;
  }
  #wrapper .mainCont {
    max-width: 750px;
  }
  #wrapper .faq-link .faq-link01{
    width: 59px;
    height: 28px;
  }
  #wrapper .faq-link .faq-link02{
    width: 70px;
    height: 28px;
  }
  #wrapper .faq-link .faq-link03{
    width: 70px;
    height: 28px;
  }
  #wrapper #fixdBtn img {
    max-width: 750px;
  }
  .fixed_banner {
    margin-bottom: 169px;
  }
}