@charset "UTF-8";




.faq-head{
	margin-top: 24px;
	background: transparent;
	padding-bottom: 54px;
}

.faq-head-h2{
	font-size: 27px;
	line-height: 1;
	text-align: center;
	color: #3399cc;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}

.faq-head-h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -30px; /*下線の上下位置調整*/
  display: inline-block;
  width: 75px; /*下線の幅*/
  height: 5px; /*下線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%); /*位置調整*/
  background-color: #3399cc; /*下線の色*/
}



.faq-list-wrapper{
	width: 100%;
	border-top: 1px solid #ddd;
}

.faq-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 18px 15px 18px 15px;
	border-bottom: 1px solid #ddd;
	align-items: center;
	text-decoration: none;
}

.faq-list:hover{
	background: #e7f7fe;
}


.faq-list-left{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.faq-list-icon{
	font-size:30px;
	font-weight: bold;
	margin-right: 15px;
}

.faq-list-title{
	font-size:16px;
	line-height: 1.8;
	font-weight: normal;
	color: #333;
}

.faq-list-title span{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}



.faq-detail-title-wrapper{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 18px 15px 18px 15px;
	border-bottom: 1px solid #ddd;
	align-items: center;
	text-decoration: none;
}

.faq-detail-icon{
	width: 60px;
	font-size:30px;
	font-weight: bold;
	margin-right: 15px;
	color:#3399cc;
}

.faq-detail-title{
	font-size:16px;
	line-height: 1.8;
	font-weight: bold;
	color: #333;
}

.faq-detail-title span{
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
}


.faq-detail-contents-wrapper{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 18px 15px 18px 15px;
	border-bottom: 1px solid #ddd;
	align-items: top;
	text-decoration: none;
	margin-bottom:36px;
}


.faq-detail-contents-icon{
	display: inline-block;
	width: 75px;
	font-size:30px;
	font-weight: bold;
	margin-right: 0px;
	color:#3399cc;
}

.faq-detail-contents{
	width: 725px;
	font-size:16px;
	color: #333;
}

.faq-detail-contents p{
	font-size:16px;
	line-height: 2;
	margin-bottom: 16px;
}



.faq-detail-contents p strong{
	font-weight: 600;
}


.faq-detail-contents img{
	margin-top:  21px ;
	margin-bottom:  21px ;
	max-width: 100%;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}


.detail-to-prev{
	display: block;
	margin: 0 auto 45px auto;
	padding: 9px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color:#fff;
	background:#3399cc;
	text-decoration: none;
	width: 240px;
}


.detail-to-prev:hover{
	background:#e7f7fe;
}

.detail-to-prev sapn{
	display: inline-block;
	margin: 0 9px;
}

.fa-solid{
	margin: 0 9px;
}

.prev-text{
	margin: 0 12px 0 0;
}




/* ページネーションの汎用スタイル */
.nav-links ul {
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 36px;
}
.nav-links li > * {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  height: 45px;
  text-decoration: none;
}
.nav-links li > *:not(.dots) {
  width: 45px;
  border-radius: 50%;
  color: #000000;
  background: #e7f7fe;
}
.nav-links li > .current,
.nav-links li > a:hover {
  color: #ffffff;
  background: #3399cc;
}