/*
.newBlog 
*/

/* single top */
.newBlog .sns_box {
    width: 30%;
    display: flex;
    justify-content: flex-end;
}
.newBlog.blog-article_wrap .section {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .newBlog .main_title span {
    font-size: 6vw;
    padding-left: 0;
  }
  .newBlog.blog-article_wrap .page-header {
    flex-wrap: wrap;
  }
  .newBlog .sns_box {
    width: 100%;
    position: absolute;
    top: -5vw;
    right: 3vw;
  }
  .newBlog.blog-article_wrap .sns-item {
    position: relative;
    right: auto;
    left: auto;
    top: 0;
    width: 11vw;
  }
  .newBlog.blog-article_wrap .share__icon.sns-item {
      margin-right: 2%;
  }
}

/* single 人 */
.newBlog .blog_thumb_multiple02 {
  display: flex;
  flex-direction: column;
}
.newBlog .blog_thumb01 p {
  width: 70%;
}

@media screen and (min-width: 768px) {
  .newBlog .blog_thumb_multiple02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row;
  }
  .newBlog .blog_thumb_multiple02 .blog_thumb01 {
    width: 49%;
    padding: 0 0 20px;
  }
  .newBlog .blog_thumb_multiple02 .blog_thumb01 p {
    width: 77%;
  }
  .newBlog .blog_thumb_multiple02 .blog_thumb01_img {
    min-width: 60px;
    width: 20%;
    min-height: 60px;
  }
  .newBlog .blog_thumb_multiple02 .blog_thumb01_img img {
    object-fit: cover;
    min-width: 60px;
    min-height: 60px;
    width: 4vmin;
    height: 4vmin;
  }

}

/* single contants */
.newBlog .page-box.blog_page a {
  margin-right: 10px;
  display: inline;
  text-decoration: underline;
  /* text-decoration-color: #fff100;
  text-decoration-thickness: 7px; */
  font-size: 18px;
}

.newBlog .page-box a::after {
  display: none;
}

/* .newBlog.blog-article_wrap .page-box a img {
  width: 90px;
} */



/* .newBlog #toc_container {
    background: #fff;
    border: 5px solid #808080;
    box-sizing: border-box;
    padding: 15px 20px;
    margin-bottom: 1em;
    width: 100%;
    display: block;
}
.newBlog #toc_container p.toc_title {
  font-size: 18px;
  font-family:  FB Benton Sans Medium;
  text-align: left;
}
.newBlog #toc_container p.toc_title+ul.toc_list {
    margin-top: 5px;
}
.newBlog #toc_container p.toc_title+ul.toc_list li {
  margin-bottom: 5px;
  font-size: 14px;
}
.newBlog #toc_container p.toc_title+ul.toc_list li:last-child {
  margin-bottom: 0;
}
.newBlog #toc_container p.toc_title+ul.toc_list li a:hover {
  text-decoration: none;
  box-shadow: inset 0 -7px 0 #fff100;
}
.newBlog #toc_container p.toc_title+ul.toc_list li a::after {
  font-size: 14px;
  content: "▽";
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  bottom: auto;
  z-index: 1;
  background: transparent;
}

.newBlog .blog_relation_box p.blog_relation_title {
  font-size: 18px;
  font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin-bottom: 30px;
}
.newBlog .blog_relation_box ul {
  width: 100%;
}
.newBlog .blog_relation_box ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3%;
}
.newBlog .blog_relation_box ul li:last-child {
  margin-bottom: 0;
}
.newBlog .blog_relation_box ul li .blog_relation_img {
  width: 15%;
  margin-right: 2%;
}
.newBlog .blog_relation_box ul li .blog_relation_txt {
  width: 80%;
  font-family: TBGothic SL;
  font-size: 14px;
  line-height: 1.6;
}

.newBlog .blog_relation_box ul li:hover {
  opacity: 0.7;
} */


@media screen and (max-width: 768px) {
  .newBlog .page-box.blog_page a {
    width: 50%;
    font-size: 4.0625vw;
  }

  .newBlog .page-box.blog_page table {
    width: 92vw;
    margin: 0 auto;
  }

  .newBlog .page-box.blog_page table td:nth-child(2){
    padding-left: 2vw;
    line-height: 1.6;
  }

  /* .newBlog #toc_container {
    width: 92vw;
    margin: 4vw auto;
  }
  .newBlog #toc_container p.toc_title {
    font-size: 4.2666vw;
  }
  .newBlog #toc_container p.toc_title+ul.toc_list li {
    margin-bottom: 2vw;
  }
  .newBlog #toc_container p.toc_title+ul.toc_list li:last-child {
    margin-bottom: 0;
  }
  .newBlog #toc_container p.toc_title+ul.toc_list li a {
    font-size: 4.2666vw;
  } */

  /* .newBlog.blog-article_wrap .page-box a img {
    width: 46vw;
  } */

  /* .newBlog .blog_relation_box {
    width: 92vw;
    margin: 20vw auto 0;
  }
  .newBlog .blog_relation_box p.blog_relation_title {
    font-size: 4.6875vw;
    margin-bottom: 4vw;
  }
  .newBlog .blog_relation_box ul li {
    width: 100%;
    align-items: flex-start;
  }
  .newBlog .blog_relation_box ul li:nth-child(3) {
    margin-bottom: 5%;
  }
  .newBlog .blog_relation_box ul li .blog_relation_img {
      width: 46vw;
  }
  .newBlog .blog_relation_box ul li .blog_relation_txt {
      width: 44vw;
      font-size: 4.0625vw;
  } */


}


/* single SNS */
.newBlog .facebook_share_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
.newBlog .fb-share-button {
  margin: 0;
}
.newBlog .share__icon {
  margin-right: 5%;
}









/* 2303 archive-blog newBlog_wrap */
.newBlog_wrap {
	font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.newBlog_wrap .font_en {
	font-family: FB Benton Sans Medium;
}
.newBlog_wrap .sub_title p {
	margin: 50px 0 0;
	font-size: 18px;
}

.newBlog_wrap .sub_container {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.newBlog_wrap .sub_container {
  max-width: 960px;
}
/* 2511 */


.newBlog_wrap .sub_container .section {
	margin-top: 60px;
	margin-bottom: 70px;
}
.newBlog_wrap .sub_container .search_txt {
	margin-top: 30px;
}

.newBlog_wrap .sub_container .con_box ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li {
	width: 31%;
	margin-top: 100px;
	margin-right: 3.5%;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li:nth-child(3n) {
	margin-right: 0;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list {
	padding: 6.4516% 3.2258%;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	border-bottom: none;
	position: relative;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .newIcon_txt {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border: none;
	background: #fff100;
	color: #000;
	padding: 7px 10px 8px;
	margin: 0;
	vertical-align: middle;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list time {
	display: block;
	font-size: 16px;
	line-height: 1;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p {
	margin-top: 10px;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p.cat {
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p.tit {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	min-height: 108px;

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-top: 1px solid #eaeaea;
	margin-top: 20px;
	padding-top: 20px;
	min-height: 65px;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .txt_box {
	width: 76.3889%;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .txt_box p {
	margin-top: 0;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .txt_box b {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .img_box {
	width: 17.3611%;
}
.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .img_box .page-thumb {
	width: 50px;
	height: 50px;
	margin-top: 0;
	margin-bottom: 0;
}


.newBlog_wrap .sub_container .con_box .con_img {
	height: 230px;
	border: 1px solid #cccccc;
}
.newBlog_wrap .sub_container .con_box .con_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.blog-article_wrap .page-tags {
  margin: 45px 0 100px;
}

/* .newBlog_wrap .sub_container .wp-pagenavi {
	padding: 70px 0 0;
} */


@media screen and (max-width: 768px) {
	.newBlog_wrap .sub_title .main_title {
		text-align: left;
		font-size: 6.6667vw;
	}
	.newBlog_wrap .sub_title .main_title span {
		display: inline-block;
		font-size: 3.7333vw;
	}
	.newBlog_wrap .sub_title p {
		font-size: 4.2666vw;
	}

	.newBlog_wrap .sub_container .section {
		margin-top: 15.3333vw;
		margin-bottom: 4vw;
	}
	.newBlog_wrap .sub_container .search_txt {
		margin-top: 4vw;
	}

	.newBlog_wrap .sub_container .con_box>ul {
		width: 90.9333vw;
		margin: 0 auto;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li {
		/* width: 44.6667vw; */
    width: 43.2vw;
		margin-top: 13.3333vw;
		margin-right: 0;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li:nth-child(3n) {
		margin-right: 0;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li:nth-child(2n) {
		/* margin-left: 3.6vw; */
		margin-left: 3.6vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list {
		padding: 2.6667vw 2vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .newIcon_txt {
		font-size: 1.8667vw;
		padding: 0.9333vw 1.6vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list time {
		font-size: 3.7333vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p {
		margin-top: 2vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p.cat {
		font-size: 3.7333vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list p.tit {
		font-size: 4.2666vw;
		line-height: 1.3;
		min-height: 12vw;
		margin-top: 2.6667vw;
	}
	
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box {
		margin-top: 3.3333vw;
		padding-top: 2.6667vw;
		/* min-height: 12.6667vw; */
		min-height: 15vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .txt_box {
		width: 32vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .img_box {
		width: 8.4000vw;
	}
	.newBlog_wrap .sub_container .con_box ul.con_box_list>li .con_list .author_box .img_box .page-thumb {
		width: 8.4000vw;
		height: 8.4000vw;
	}

	.newBlog_wrap .sub_container .con_box .con_img {
		height: 33.0667vw;
	}

	.newBlog_wrap .sub_container .con_box ul.page-tags {
		width: 44.6667vw;
		margin: 2vw 0 0;
		padding: 0;
	}

	/* .newBlog_wrap .sub_container .wp-pagenavi {
		padding: 13.333vw 0 0;
	} */
}





/* 2502 ADD */

.blog-article_wrap .section {
  margin-top: 60px;
}

.page-box.blog_page a {
  margin-right: 10px;
  text-decoration: underline;
  font-size: 14px;
}
.page-box a::after {
  display: none;
}

#toc_container {
    background: #fff;
    border: 2px solid #000;
    box-sizing: border-box;
    padding: 20px 30px;
    width: 92%;
    display: block;
    margin: 60px auto;
}
#toc_container p.toc_title {
  font-size: 16px;
  font-family:  FB Benton Sans Medium;
  text-align: left;
}
#toc_container p.toc_title+ul.toc_list {
    margin-top: 5px;
}
#toc_container p.toc_title+ul.toc_list li {
  margin-bottom: 5px;
  font-size: 14px;
}
#toc_container p.toc_title+ul.toc_list li:last-child {
  margin-bottom: 0;
}
#toc_container p.toc_title+ul.toc_list li a {
  text-decoration: underline;
}
#toc_container p.toc_title+ul.toc_list li a::after {
  font-size: 14px;
  content: "▽";
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  bottom: auto;
  z-index: 1;
  background: transparent;
}


.blog_relation_box {
  background: #F2F2F2;
  padding-top: 100px;
  padding-bottom: 100px;
}
.blog_relation_box p.blog_relation_title {
  font-size: 30px;
	font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin-bottom: 30px;
}
.blog_relation_box ul {
  width: 100%;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}
.blog_relation_box ul li {
  width: 24%;
  width: calc(24% - 2px);
  margin-top: 30px;
  background: #fff;
  border: 1px solid #E7E7E7;
  margin-right: 10px;
}
.blog_relation_box ul li:nth-child(4),
.blog_relation_box ul li:last-child {
  margin-right: 0;
}
.blog_relation_box ul li .blog_relation_img {
  width: 100%;
}
.blog_relation_box ul li .cat {
  font-size: 16px;
  padding: 20px 8px;
}
.blog_relation_box ul li .blog_relation_txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 25px;
  padding: 0 8px;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog_relation_box ul li .blog_relation_txt a {
  text-decoration: none;
}
.blog_relation_box ul li:hover {
  opacity: 0.7;
}

.blog_work_box {
  margin-top: 100px;
  margin-bottom: 100px;
}
.blog_work_box p.blog_work_title {
  font-size: 30px;
	font-family: "TBGothic M", YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  margin-bottom: 60px;
}
.blog_work_box ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.blog_work_box ul li {
  width: 24%;
}
.blog_work_box ul li .cat {
  font-size: 16px;
  padding: 10px 0;
}
.blog_work_box ul li .blog_work_txt {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
  .blog-article_wrap .page-header {
    flex-wrap: wrap;
  }

  .page-box.blog_page a {
    width: 50%;
    font-size: 4.0625vw;
  }
  
  .page-box.blog_page table {
    width: 92vw;
    margin: 0 auto;
  }
  
  .page-box.blog_page table td:nth-child(2){
    padding-left: 2vw;
    line-height: 1.6;
  }
  
  
  
  #toc_container {
    width: 93.6vw;
    margin: 10.6667vw auto;
  }
  #toc_container p.toc_title {
    font-size: 4.0625vw;
  }
  #toc_container p.toc_title+ul.toc_list li {
    margin-bottom: 2vw;
  }
  #toc_container p.toc_title+ul.toc_list li:last-child {
    margin-bottom: 0;
  }
  #toc_container p.toc_title+ul.toc_list li a {
    font-size: 3.75vw;
    width: 100%;
  }
  

  .blog_relation_box {
    padding-top: 21.3333vw;
    padding-bottom: 21.3333vw;
  }
  .blog_relation_box p.blog_relation_title {
    font-size: 5.8667vw;
    margin-bottom: 0;
    margin-left: 4.5333vw;
  }
  .blog_relation_box ul {
    width: 90.9333vw;
    margin: 0 auto;
    justify-content: space-between;
  }
  .blog_relation_box ul li {
    /* width: 45.3333vw; */
    width: 44vw;
    margin-top: 10.6667vw;
    margin-right: 0;
  }
  .blog_relation_box ul li:nth-child(1),
  .blog_relation_box ul li:nth-child(2) {
    margin-top: 8vw;
  }
  .blog_relation_box ul li .cat {
    font-size: 3.2vw;
    padding: 5.3333vw 2.6667vw;
  }
  .blog_relation_box ul li .blog_relation_txt {
    font-size: 4.2667vw;
    margin-bottom: 5.3333vw;
    padding: 0 2.6667vw;
  
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .blog_work_box {
    margin-top: 21.3333vw;
    margin-bottom: 21.3333vw;
  }
  .blog_work_box p.blog_work_title {
    font-size: 5.8667vw;
    margin-bottom: 8vw;
    margin-left: 3.2000vw;
  }
  .blog_work_box ul {
    width: 90.9333vw;
    margin: 0 auto;
  }
  .blog_work_box ul li {
    width: 100%;
    margin-top: 8vw;
  }
  .blog_work_box ul li .blog_work_img img {
    width: 100%;
    object-fit: cover;
  }
  .blog_work_box ul li .cat {
    font-size: 3.2vw;
    padding: 2.6667vw 0;
  }
  .blog_work_box ul li .blog_work_txt {
    font-size: 4.2667vw;
  }
  
  
  .blog-article_wrap .sub_container .new2025_page {
    width: 90.9333vw;
    margin: 0 auto;
  }
}




@media screen and (min-width: 768px) {
  .blog_thumb_multiple02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex-direction: row;
    gap: 20px;
  }
  .blog_thumb_multiple02 .blog_thumb01 {
    padding: 0 0 20px;
  }
  .blog_thumb_multiple02 .blog_thumb01 p {
    width: initial;
  }
  .blog_thumb_multiple02 .blog_thumb01_img img {
    object-fit: cover;
    min-width: 60px;
    min-height: 60px;
  }
}
@media (min-width:768px) and ( max-width:1024px) { 
  .blog_thumb_multiple02 .blog_thumb01 {
    width: 33%;
  }

  .blog_thumb_multiple02 .blog_thumb01 p {
    width: 70%;
  }
}