html {
  font-size: 62.5%;
}

body {
  background-color: #ffffff;
  color: #363636;
  font-size: 1.6rem;
  font-family: "Noto Serif JP", serif, "FOT-筑紫Aオールド明朝 Pr6 M", "游明朝体",
    "游明朝", YuMincho, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN",
    "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.8;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #005B9D;
}

a img:hover {
  opacity: 0.7;
}

/* ------------------------------------
■　タイトル
------------------------------------ */
#aboutwhj div h2, #corpinfo div h2 {
  font-size: 2.6rem;
  line-height: 1.4;
  margin: 60px auto 20px auto;
  text-align: center;
}
#aboutwhj div h2:first-child {
  margin: 0px auto 20px auto;
}
#aboutwhj div h2 span, #corpinfo div h2 span {
  font-size: 1.2rem;
  color: #be6d00;
  vertical-align: top;
}


/* ------------------------------------
■　aboutwhj
------------------------------------ */
#aboutwhj {
  margin: 0 auto;
  width: 100%;
  max-width: 840px;
}
#aboutwhj div {
  width: 100%;
  max-width: 840px;
}
#aboutwhj h4 {
  margin-bottom: -6px;
  font-size: 1.7rem;
}


/* ------------------------------------
■　corpinfo
------------------------------------ */
#corpinfo {
  background-color: #e4ebed;
  color: #363636;

}

#corpinfo div {
  margin: 0 auto;
  width: 100%;
  max-width: 840px;
}
#corpinfo dl {
  margin: 5px 0;
  overflow: hidden;
  border-bottom: 1px #a4b6bb solid;
  padding-bottom: 5px;
}

/* ------------------------------------
■　PDF
------------------------------------ */
#aboutwhj ul li a:before, #corpinfo ul li a:before {
  content:url(../img/icon_pdf.png);
}
#aboutwhj ul, #corpinfo ul {
  padding: 20px 0 40px;
}


/* ------------------------------------
■　PDF
------------------------------------ */
.f_menu {
  font-size: 1.4rem;
}


@media screen and (max-width: 599px) {
  #aboutwhj, #corpinfo div {
    width: 92%;
  }
}



/*PCの場合*/
.pc {
  display: inline !important;
}
.sp {
  display: none !important;
}
@media screen and (max-width: 599px) {
  /*タブレット、スマホの場合*/
  .pc {
    display: none !important;
  }
  .sp {
    display: inline !important;
  }
}