@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : faq.css
 author     : Ability Consultant
 style info : コピー
=================================================================== */
@font-face {
  font-family: Noto Serif JP;
  src: url("../font/NotoSerifMedium.woff") format("woff"), url("../font/NotoSerifMedium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Cinzel;
  src: url("../font/Cinzel-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Montserrat;
  src: url("../font/Montserrat-Medium.ttf") format("truetype");
}
@font-face {
  font-family: Tenali Ramakrishna;
  src: url("../font/TenaliRamakrishna-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Questrial;
  src: url("../font/Questrial-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Cormorant Infant;
  src: url("../font/CormorantInfant-Regular.ttf") format("truetype");
}
@font-face {
  font-family: FontAwesome;
  src: url("../font/fontawesome-webfont.ttf") format("truetype");
}
@font-face {
  font-family: 'ic';
  src: url("../fonts/ic.ttf?h6h1x") format("truetype"), url("../fonts/ic.woff?h6h1x") format("woff"), url("../fonts/ic.svg?h6h1x#ic") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* -----------------------------------------------------------
	#pnav
----------------------------------------------------------- */
#pnav {
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
#pnav li {
  width: calc(20% - 10px + 10px / 5);
}
#pnav li:nth-child(n+6) {
  width: calc(25% - 10px + 10px / 4);
  margin-top: 20px;
}
#pnav li:not(:nth-child(5n+1)) {
  margin-left: 10px;
}
#pnav li a {
  display: block;
  text-align: center;
  padding: 10px 0.5em;
  font-family: "Noto Serif JP", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
  font-size: 116%;
  text-decoration: none;
  border-bottom: solid 2px #dce7ee;
  position: relative;
}
@media only screen and (min-width: 1px) and (max-width: 0px) {
  #pnav li a {
    padding: 1em 0.5em;
  }
}
@media only screen and (max-width: 0px) {
  #pnav li a {
    padding: 0.8em 0.5em;
  }
}
#pnav li a:before, #pnav li a:after {
  position: absolute;
}
#pnav li a:before, #pnav li a:after {
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: baselilne;
}
#pnav li a > * {
  vertical-align: baselilne;
  display: inline;
}
#pnav li a:after {
  content: "";
  margin-left: .5em;
  vertical-align: baseline;
  right: 0;
}
#pnav li a:before {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  bottom: -2px;
  left: 0;
  background: #4475ae;
  -webkit-transition: color 300ms ease, width 300ms ease;
  -moz-transition: color 300ms ease, width 300ms ease;
  -o-transition: color 300ms ease, width 300ms ease;
  transition: color 300ms ease, width 300ms ease;
}
#pnav li a:hover {
  color: #4172ac;
}
#pnav li a:hover:before {
  width: 100%;
}

/* -----------------------------------------------------------
	.con_faq
----------------------------------------------------------- */
.con_faq li {
  position: relative;
  margin-top: 80px;
}
.con_faq li .txt {
  margin-top: 40px;
}
.con_faq li a {
  display: block;
  position: absolute;
  top: 887px;
  left: 79px;
  text-decoration: underline;
  font-size: 14px;
  font-family: "游ゴシック体", "YuGothic", "Yu Gothic Medium", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif";
}
.con_faq li a:hover {
  text-decoration: none;
}