@charset "utf-8";

/*@import "reset.css";
@import "common.css";
@import "style_01.css";*/
a{
  text-decoration: none;
}
.page .search_block p{
  color: #6b8492;
  font-size: 16px;
  margin: 0 0 10px;
}
.page .search_block{
  position: relative;
  margin: 0 0 50px;
}
.page .search_block span.search_btn{
  display: block;
  background-color: #a8b7bf;
  position: absolute;
  width: 58px;
  height: 36px;
  bottom: 0;
  right: 0;
}
.page .search_block span.search_btn::before{
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../images/faq/icon_search.png);
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
  pointer-events: none;
}
.page .search_block input[type="submit"]{
  background-color: #a8b7bf;
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.page .search_block input[type="text"]{
  display: block;
  width: calc(100% - 25px);
  border: solid 1px #a8b7bf;
  padding: 10px 12px;
  box-shadow: none;
}
/*.page h1{
  color: #333;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}*/
.page h1 img{
  display: block;
  width: 220px;
  margin: 0 auto 10px;
}
.page .main_content{
  width: 100%;
  max-width: 1028px;
  margin: 0 auto;
}
.page p{
  font-size: 15px;
}
.page .read_block{
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #e4e9eb;
}
.page .read_block a{
  color: #0071a7;
}
.page .keyword_area{
  margin: 0 0 60px;
}
.page .keyword_area ul{
  display: flex;
  flex-wrap: wrap;
}
.page .keyword_area ul li{
  margin: 10px 10px 0 0;
}
.page .keyword_area ul li a{
  display: block;
  padding: 5px 10px;
  background-color: #6b8492;
  font-size: 13px;
  color: #ffff;
}
.page .comment_area{
  margin: 0 0 40px;
}
.page .comment_area ul{
  width: calc(100% - 2em);
  width: -webkit-calc(100% - 2em);
  margin-left: 2em;
}
.page .comment_area li{
  margin: 20px 0;
  list-style-type: decimal;
  font-size: 13px;
}
.page .content_list dl{
  border-bottom: 1px dotted #b7b7b7;
  padding: 15px 0;
}
.page .content_list dt{
  display: flex;
  margin: 0 0 20px;
  align-items: baseline;
}
.page .content_list dt span.date{
  margin-right: 10px;
  color: #6b8492;
  font-size: 14px;
}
.page .content_list dt .category{
  margin-right: 10px;
  color: #6b8492;
  font-size: 14px;
}
.page .content_list dt .category a{
  color: #6b8492;
  font-size: 14px;
}
.page .content_list ul{
  display: flex;
  flex-wrap: wrap;
}
.page .content_list ul li{
  margin: 10px 10px 0 0;
}
.page .content_list ul li a{
  display: block;
  padding: 5px 10px;
  background-color: #6b8492;
  font-size: 13px;
  color: #ffff;
}
.page .content_list dd a.title{
  margin: 0 0 1.5em;
  color: #333;
  font-size: 18px;
  line-height: 1.5;
	font-weight: bold;
}
.page .content_list tr{
  display: flex;
}
.page .content_list table,
.page .content_list tbody,
.page .content_list th,
.page .content_list td{
  display: block;
}
.page .content_list table{
  width: 100%;
  border: solid 1px #a8b7bf;
}
.page .content_list table th{
  background-color: #a8b7bf;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: calc(20% - 20px);
  padding: 15px 10px;
}
.page .content_list table td{
  width: calc(80% - 30px);
  padding: 15px;
  font-size: 14px;
  border-bottom: 1px solid #a8b7bf;
}
.page .content_list dd .details{
  display: block;
  margin: 0 0 10px;
  font-size: 14px;
}
.page .content_list dd .details span{
  display: inline-block;
  width: 6em;
}
.page .content_list table tr:last-of-type th,
.page .content_list table tr:last-of-type td{
  border: none;
}
.page .content_list .dl_area{
  border: solid 1px #a8b7bf;
  border-top: none;
  background-color: #eef1f3;
  padding: 40px 0;
}
.page .content_list .dl_area h3{
  margin: 0 0 1em;
  color: #cea400;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
}
.page .content_list .dl_area h3 img{
  width: 80px;
  position: relative;
  top: 1px;
}
.page .content_list .dl_area a.dl_btn{
  display: block;
  width: 90%;
  max-width: 390px;
  margin: 0 auto 35px;
  background-color: #3aa5f5;
  color: #fff;
  line-height: 33px;
  text-align: center;
  border-radius: 100px;
}
.page .content_list .dl_area a.dl_btn img{
  display: inline-block;
  width: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
.page .content_list .dl_area p{
  text-align: center;
  font-size: 15px;
}
.page .content_list .dl_area p a{
  color: #0071a7;
}
.page .content_list .dl_area .seriallist {
  margin-top: .5em;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}

.page .wp-pagenavi{
	display: flex;
  align-items: center;
  margin: 50px 0 0;
  justify-content: center;
}
.page .nexts,
.page .nextpostslink{
	display: block;
	width: 10px;
	height: 10px;
  background-image: url(../images/literature/icon_next.png);
  background-size: cover;
  margin: 0 0 0 1em;
}
.page .nextpostslink.prev{
  background-image: url(../images/literature/icon_prev.png);
	margin: 0 1em 0 0em;
}
.page .wp-pagenavi span a{
color:#333;
}
.page .wp-pagenavi span a{
	display: inline-block;
	color: #333;
	margin: 0 5px;
}
.page .wp-pagenavi .current{
	font-weight: bold;
  color: #3fa9f5;
  display: inline-block;
}
.page .pagenation ul{
	margin: 0 auto;
	justify-content: center;
}
.page .content_list .pagenation ul{
	margin:10px 0 0;
}
.page .content_list .pagenation ul li{
margin: 0;
}
.page .content_list .pagenation ul li.active{
padding: 5px 10px
}
.page .content_list .pagenation ul li a{
	color: #333;
	background: transparent;
}
.page .search_block p{
  color: #6b8492;
  font-size: 16px;
  margin: 0 0 10px;
}
.page .search_block{
  position: relative;
  margin: 0 0 50px;
}
.page .search_block span.search_btn{
  display: block;
  background-color: #a8b7bf;
  position: absolute;
  width: 58px;
  height: 36px;
  bottom: 0;
  right: 0;
}
.page .search_block span.search_btn::before{
  content: '';
  width: 21px;
  height: 21px;
  background-image: url(../images/faq/icon_search.png);
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
  pointer-events: none;
}
.search_word_block{
	text-align: center;
    font-size: 20px;
    margin: 0 0 2em;
}
@media (max-width: 767px){
  .agreement h1 {
      text-align: center;
  }
  .page .search_block input[type="submit"]{
    background-color: #a8b7bf;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
  }
  .page .search_block input[type="text"]{
    display: block;
    width: calc(100% - 25px);
    border: solid 1px #a8b7bf;
    padding: 10px 12px;
    box-shadow: none;
  }
  .page .search_block{
    margin: 0 0 20px
  }
  .page .search_block input[type="text"]::placeholder{
    color: #fff;
  }
  .page .search_block span.search_btn{
    bottom: 42px;
  }
  .page .search_block p.sp{
    margin:5px 0 0;
    font-size: 12px;
  }
  .page .search_block{
    margin: 0 0 20px
  }
    .page .side_content dl.taxsonomy_toggle dt{
      padding: 10px 0 7px 45px;
  }
    .page .side_content dl.taxsonomy_toggle{
      margin: 0 0 8px;
  }
    .page .side_content{
      margin: 0 0 20px
  }
    .page .search_block input[type="text"]::placeholder{
      color: #fff;
  }
    .page .search_block span.search_btn{
      bottom: 42px;
  }
    .page .search_block p.sp{
      margin:5px 0 0;
      font-size: 12px;
  }
}