.contact-btn {
  width: 370px;
  margin: 62px auto 0; }
  @media screen and (max-width: 640px) {
    .contact-btn {
      width: 100%;
      margin: 8.5% auto 0; } }
  .contact-btn a {
    display: block;
    width: 100%;
    padding: 14px 0;
    background: #0068b5;
    border: 2px solid #0068b5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    @media screen and (max-width: 640px) {
      .contact-btn a {
        padding: 4.2% 0;
        font-size: 15px; } }
  .contact-btn .far {
    font-weight: 100;
    font-size: 17px;
    margin-right: 12px; }
  .contact-btn a:hover {
    opacity: 1;
    color: #0068b5;
    background: #fff; }

.club-heading-11 {
  position: relative;
  margin-bottom: 16px;
  padding: 13px 15px 13px 15px;
  background: #efefef;
  font-size: 24px;
  line-height: 1.08333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .club-heading-11 {
      margin: 0 -10px 3.5%;
      padding: 3% 3% 3% 2.52%;
      font-size: 18px;
      line-height: 1.55556; } }
  .club-heading-11 span {
    position: relative;
    display: block;
    padding: 8px 0 8px 15px; }
    @media screen and (max-width: 640px) {
      .club-heading-11 span {
        padding: 0 0 0 4.48%; } }
    .club-heading-11 span:before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 15px;
      left: 0;
      margin: auto;
      width: 5px;
      height: 40px;
      background: #005a9e; }
      @media screen and (max-width: 640px) {
        .club-heading-11 span:before {
          height: 100%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; } }
  @media screen and (max-width: 640px) {
    .club-heading-11.twoline span:before {
      height: 87%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }
h2.club-heading-11.web-head {
    background: -webkit-linear-gradient(to right, rgba(0,104,181,.9), rgba(87,197,243,.9)),url(/ja/club-fujikin/assets/img/gas/midashi-dot.png);
    background: linear-gradient(to right, rgba(0,104,181,.9), rgba(87,197,243,.9)),url(/ja/club-fujikin/assets/img/gas/midashi-dot.png);
    color: #fff;
}
h2.club-heading-11.dl-head {
    background: -webkit-linear-gradient(to right, rgba(53,160,60,.9), rgba(192,222,53,.9)),url(/ja/club-fujikin/assets/img/gas/midashi-dot.png);
    background: linear-gradient(to right, rgba(53,160,60,.9), rgba(192,222,53,.9)),url(/ja/club-fujikin/assets/img/gas/midashi-dot.png);
    color: #fff;
}
h2.club-heading-11.web-head span:before {
    background: #54b6ff;
}
h2.club-heading-11.dl-head span:before {
    background: #8ada90;
}
@media screen and (max-width: 640px) {
  #header {
    height: 56px;
    padding: 9px 0 7px;
    border-bottom: 5px solid #005a9e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

@media screen and (max-width: 640px) {
  #header header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 95.2%;
    margin: 0 auto; } }

@media screen and (max-width: 640px) {
  #headerLogo {
    width: 81.93%;
    padding: 0; } }

@media screen and (max-width: 640px) {
  #hamburgerWrap {
    position: static; } }

@media screen and (max-width: 640px) {
  #menuContentsSp {
    top: 52px; } }

@media screen and (max-width: 640px) {
  .ttlBg {
    display: none; } }

@media screen and (max-width: 640px) {
  #contents {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10.67%; } }

@media screen and (max-width: 640px) {
  .cf-contents {
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.cf-contents a {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }

.cf-contents a:hover {
  opacity: .8; }

.club-login {
  margin-top: 32px; }
  @media screen and (max-width: 640px) {
    .club-login {
      margin-top: 0; } }
  .club-login .club-login-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    @media screen and (max-width: 640px) {
      .club-login .club-login-wrap {
        display: none; } }
  .club-login .club-login-item {
    width: 300px;
    text-align: center; }
  .club-login .club-login-item + .club-login-item {
    margin-left: 30px; }
  .club-login .club-login-btn {
    width: 100%; }
    .club-login .club-login-btn a {
      display: block;
      width: 100%;
      padding: 12px 0;
      background: #0068b5;
      border: 2px solid #0068b5;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      border-radius: 6px;
      -webkit-transition: all .2s;
      -o-transition: all .2s;
      transition: all .2s;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 640px) {
        .club-login .club-login-btn a {
          padding: 4.2% 0;
          font-size: 15px; } }
    .club-login .club-login-btn a:hover {
      opacity: 1;
      color: #0068b5;
      background: #fff; }
    .club-login .club-login-btn.membership-btn a {
      border-color: #cf0010;
      background: #cf0010; }
    .club-login .club-login-btn.membership-btn a:hover {
      color: #cf0010;
      background: #fff; }
  .club-login .club-login-attention {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.57143; }
    @media screen and (max-width: 640px) {
    .club-login .club-login-attention br {
     display: none; } }
  .club-login .contact-btn {
    margin-top: 32px !important; }
    @media screen and (max-width: 640px) {
      .club-login .contact-btn {
        margin-top: 8.5% !important; } }

.club-heading-07 {
  margin: 37px 0 20px;
  padding: 25px;
  color: #000;
  font-size: 27px; }
  @media screen and (max-width: 640px) {
    .club-heading-07 {
      margin: 20px 0 6%;
      padding: 1.7%;
      font-size: 18px;
      color: #7b7a7b;
      border: 1px solid #7b7a7b;
      border-width: 1px 0;
      background: transparent !important; } }

section {
  padding-bottom: 60px; }
  @media screen and (max-width: 640px) {
    section {
      padding-bottom: 14%; } }
  @media screen and (max-width: 640px) {
    section:last-child {
      padding-bottom: 0; } }
  section p {
    margin: 0; }

article {
  margin-bottom: 60px; }
  @media screen and (max-width: 640px) {
    article {
      margin-bottom: 14.8%; } }
  @media screen and (max-width: 640px) {
    article:last-child {
      margin: 0; } }

.club-gas-system p {
  font-size: 16px;
  line-height: 1.5; }
  @media screen and (max-width: 640px) {
    .club-gas-system p {
      font-size: 14.5px;
      line-height: 1.44828; } }
  .club-gas-system p + p {
    margin-top: 1.5em; }
    @media screen and (max-width: 640px) {
      .club-gas-system p + p {
        margin-top: 1.45em; } }
  @media screen and (max-width: 640px) {
    .club-gas-system p.attention {
      font-weight: normal;
      text-align: left;
      font-size: 13.5px;
      line-height: 1.5; } }

@media screen and (max-width: 640px) {
  .club-gas-download-text {
    margin: 8.5% auto 0; } }

.club-gas-download-text div {
  margin: 1.5em 0; }

@media screen and (max-width: 640px) {
  .club-gas-download-text p {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    line-height: 2.03448; } }

.gas .club-gas-download-btn {
  width: 100%;
  max-width: 700px;
  margin: 32px auto; }
.gas .club-gas-download-btn.manual-btn {
  width: 100%;
  max-width: 370px;
  margin: 0 auto 32px; }
  @media screen and (max-width: 640px) {
    .gas .club-gas-download-btn {
      width: 100%;
      margin: 8.5% auto; }
    .gas .club-gas-download-btn.manual-btn {
      margin: 0 auto 8.5%; } }
  .gas .club-gas-download-btn a {
    display: block;
    width: 100%;
    padding: 16px 0;
    background: #0068b5;
    border: 2px solid #0068b5;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
.gas .club-gas-download-btn.manual-btn a {
  background: #7F9EB5;
  border-radius: 50px;
  border: 2px solid #7F9EB5;
  padding: 6px; }
.gas .club-gas-download-btn.dl-btn a {
  background: #42AC49;
  border: 2px solid #42AC49; }
    @media screen and (max-width: 640px) {
      .gas .club-gas-download-btn a {
        padding: 4.2% 0;
        font-size: 15px; } }
  .gas .club-gas-download-btn .fas {
    font-size: 19px;
    margin-right: 12px; }
  .gas .club-gas-download-btn a:hover {
    opacity: 1;
    color: #0068b5;
    background: #fff; }
  .gas .club-gas-download-btn.manual-btn a:hover {
    color: #7F9EB5; }
  .gas .club-gas-download-btn.dl-btn a:hover {
    color: #42AC49; }

@media screen and (max-width: 640px) {
  .club-gas-intro .club-heading-11 {
    margin-bottom: 5%; } }

.club-gas-intro-img {
  margin: 30px 0 0; }
  @media screen and (max-width: 640px) {
    .club-gas-intro-img {
        margin: 6.5% 0 0; } }
.club-gas-download-text.web-text{
  margin-bottom: 60px;
}
.web-text p{
  width:100%; max-width: 700px; margin: 0 auto;
}
.club-gas-download-text.web-text p.attention{
   padding-left: 1em; text-indent: -1em;-webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; 
}
.club-gas-system .club-gas-download-text.web-text p + p {
  margin-top: .5em;
}
.club-gas-download-text.dl-text h3{
  color:#42AC49;
}
.club-gas-download-text.dl-text p{
  padding-left: 2em; text-indent: 0;
}
.club-gas-download-text.dl-text p.attention{
  padding-left: 3em; text-indent: -1em;
}
.club-gas-download-login .club-login-text {
  padding-left: 2em; text-indent: 0;
}
.club-gas-download-login .club-login-wrap {
  margin: 32px 0;
}
@media screen and (min-width: 641px){
  .club-gas-download-text.dl-text p{
    padding-left: 2em; text-indent: 0;
  }
}
.club-gas-download-text.dl-text table{
   border-collapse:collapse; margin: 0 0 0 2em; width: calc(100% - 2em);
}
.club-gas-download-text.dl-text td,.club-gas-download-text.dl-text th{
   border:1px solid #ccc; padding:10px;line-height: 1.6;
}
.club-gas-download-text.dl-text th{
   background:#EFEFEF;
}