.page .box_p {
  margin: 20px auto 60px;
}
.page .box_p .p_hd {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  color: #f5b918;
  border-bottom: 1px solid #f5b918;
}
.page .box_p .p_bd {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 767px) {
  .page .box_p .p_bd {
  	margin-top: 0px;
    flex-direction: column;
  }
}
.page .box_p .p_bd .col_l {
  width: 100%;
}
@media (max-width: 767px) {
  .page .box_p .p_bd .col_l {
    width: 100%;
  }
}
.page .box_p .p_bd .list_p li {
  margin-bottom: 40px;
}
.page .box_p .p_bd .list_p li .p_link {
  display: flex;
}
.page .box_p .p_bd .list_p li .p_link:hover {
  opacity: 0.7;
}
.page .box_p .p_bd .list_p li .p_link:visited {
  color: #1b1b1b;
  opacity: 1;
}
.page .box_p .p_bd .list_p li .col_img {
  width: 30%;
}
@media (max-width: 767px) {
  .page .box_p .p_bd .list_p li .col_img {
    width: 40%;
  }
}
.page .box_p .p_bd .list_p li .col_txt {
  width: calc(100% - 30%);
  padding-left: 10px;
  color: #1b1b1b;
}
@media (max-width: 767px) {
  .page .box_p .p_bd .list_p li .col_txt {
    width: calc(100% - 40%);
    padding-left: 15px;
  }
}
.page .box_p .p_bd .list_p li .p_pl {
  color: #f5b918;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
}
.page .box_p .p_bd .list_p li .p_des {
  margin-top: 10px;
}
.page .box_p .p_bd .list_p li .p_date {
  color: #999999;
  font-size: 13px;
  font-size: 1.3rem;
}

.page .box_p .p_bd .p_cnt .p_pl {
  color: #f5b918;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}
.page .box_p .p_bd .p_cnt .p_date {
  color: #999999;
  font-size: 13px;
  font-size: 1.3rem;
}
.page .box_p .p_bd .p_cnt {
  margin-top: 20px;
}
.page .box_p .p_bd .p_cnt p {
  margin-bottom: 20px;
}
.page .box_p .p_bd .p_cnt h2 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #210098;
}
.page .box_p .p_bd .p_cnt h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.page .box_p .p_bd .p_cnt h4 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.page .box_p .p_bd .p_cnt ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}
.page .box_p .p_bd .p_cnt ol {
  list-style: decimal;
  padding-left: 20px;
  margin-bottom: 20px;
}
.page .box_p .p_bd .p_cnt blockquote {
  background: #fff8e5;
  padding: 10px 20px 10px;
}
.page .box_p .p_bd .p_cnt .next-prevbox {
  margin-top: 50px;
  border-top: 1px solid #e9e9e9;
  padding-top: 30px;
}
@media (max-width: 767px) {
  .page .box_p .p_bd .p_cnt .next-prevbox {
    margin-bottom: 50px;
    border-bottom: 1px solid #e9e9e9;
    padding: 20px 0;
  }
}
.page .box_p .p_bd .p_cnt .next-prevbox .list {
  display: flex;
}
.page .box_p .p_bd .p_cnt .next-prevbox .list .prev {
  width: 50%;
  text-align: left;
}
.page .box_p .p_bd .p_cnt .next-prevbox .list .next {
  width: 50%;
  text-align: right;
}
.page .box_p .p_bd .p_cnt .next-prevbox .list a {
  color: #f5b918;
}
.page .box_p .p_bd .col_r {
  width: 30%;
  padding-left: 100px;
}
@media (max-width: 767px) {
  .page .box_p .p_bd .col_r {
    width: 100%;
    padding-left: 0;
  }
}
.page .box_p .p_bd .col_r .cat_hd {
  font-size: 16px;
  font-size: 1.6rem;
  color: #f5b918;
  font-weight: bold;
}
.page .box_p .p_bd .col_r .cat_bd li {
  margin-bottom: 10px;
}
.page .box_p .p_bd .col_r .cat_bd li .cat_link {
  color: #1b1b1b;
}
.page .box_p .p_bd .col_r .cat_bd li .cat_link:hover {
  opacity: 0.7;
}
.page .box_p .p_bd .col_r .cat_bd li .cat_link:visited {
  opacity: 1;
}
.page .box_p .p_bd .col_r .cat_bd li .cat_active {
  color: #f5b918;
  font-weight: bold;
  border-bottom: 2px solid #f5b918;
  margin-bottom: 5px;
  display: inline-block;
}

.page .p_list_3c{
	display: flex;
	flex-wrap: wrap;
}
.page .p_list_3c .p_item{
	width: calc(100% / 3);
	padding: 0 10px;
	margin-bottom: 30px;
}
.page .p_list_3c .p_url:hover{
	opacity: 0.7;
	
}
.page .p_list_3c .p_img img{
	width: 300px;
	height: 192px;
	object-fit: cover;
}
.page .p_list_3c .p_ttl{
	color: #1b1b1b;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
}
.page .p_list_3c .p_cnt{
	color: #1b1b1b;
}

@media (max-width: 767px) {
	.page .p_list_3c{
		flex-direction: column;

	}
	.page .p_list_3c .p_item{
		width: 100%;
		padding: 0;
	}
  .page .box_p .p_hd{
    line-height: 1.4;
    border-bottom: 0;

  }
	.page .p_list_3c .p_img img{
		width: 100%;
		height: auto;
	}
	
}