@charset "utf-8";
/* --------------------全体レイアウト------------------- */
#wp-side{
	display: grid;
	gap: var(--GAP_30);
}
.wp-postContainer{
	margin: 0 auto;
}
@media screen and (min-width: 951px){
	.wp-blogpostContainer > .g-headingContainer{
		grid-column: span 2;
		order: 1;
	}
	.wp-blogpostContainer > .wp-archive{
		order: 2;
	}
	.wp-blogpostContainer > #wp-side{
		order: 3;
	}
	.wp-postContainer{
		padding: 60px 0 100px;
	}
	.wp-postContainer:has(aside){
		display: grid;
		grid-template-columns: 1fr 220px;
		align-items: flex-start;
		column-gap: 50px;
	}
	#wp-side{
		position: sticky;
		top: 100px;
		right: 0;
	}
}
@media screen and (max-width: 950px){
	.wp-postContainer{
		padding: 20px 0 80px;
	}
	.wp-postContainer main{
		margin-bottom: 30px;
	}
	.wp-postContainer main.wp-single{
		margin-bottom: 0;
	}
	.wp-postContainer:has(.wp-single){
		width: 92%;
	}
}
/* ---------------------オブジェクト------------------------- */
@keyframes bubble01 {
	0% {
		transform: translate(50px, 30px);
	}
	50% {
		transform: translate(50px, 60px);
	}
	100% {
		transform: translate(50px, 30px);
	}
}
@keyframes bubble02 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(30px, -20px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
.wp-object{
  position: fixed;
  z-index: -1;
}
.wp-object--yellowS{
  aspect-ratio: 488/477;
  background: url(/asset2025/images/top/yellowBall_S.png) no-repeat center center / 100%;
  animation: bubble01 6s ease-in infinite alternate;
}
.wp-object--orange{
  aspect-ratio: 861/619;
  background: url(/asset2025/images/top/orangeBall.png) no-repeat center center / 100%;
  animation: bubble02 6s ease-in infinite alternate;
}
@media screen and (min-width: 768px){
	.wp-object--yellowS{
		width: clamp( 80px, 10vw, 120px);
		top: 20%;
		left: -50px;
	}
	.wp-object--orange{
		width: clamp( 150px, 18vw, 210px);
		bottom: 10%;
		right: 3%;
	}
}
@media screen and (max-width: 767px){
	.wp-object--yellowS{
		width: 39px;
		top: 10%;
		left: -50px;
	}
	.wp-object--orange{
		width: 78px;
		bottom: 8%;
		right: 4%;
	}
}

/* --------------------サイド------------------- */
/* タイトル */
.wp-side__ttl{
	font-family: var(--FF_BASE_E);
	border-bottom: 1px solid var(--BLACK);
	letter-spacing: 0.12em;
}
@media screen and (min-width: 768px){
	.wp-side__ttl{
		font-size: 16px;
		margin-bottom: 10px;
		padding: 5px 12px 7px 0px;
	}
}
@media screen and (max-width: 767px){
	.wp-side__ttl{
		font-size: 16px;
		margin-bottom: 8px;
		padding: 5px 0 7px 0px;
	}
}
/* 検索フォーム */
.wp-archive__searchHeading{

	font-weight: 700;
	color: var(--GRAY04);
	letter-spacing: 0.2em;
}
.wp-archive__searchContainer{
	background-color: var(--WHITE);
	border: 3px solid var(--GRAY01);
	border-radius: 10px;
}
.wp-archive__searchFrom form{
	position: relative;
}
.wp-archive__searchFrom input[type="text"]{
	width: 100%;
	display: block;
	border: 1px solid var(--GRAY03);
	background-color: var(--WHITE);
	border-radius: 3px;
}
.wp-archive__searchFrom button[type="submit"]{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	display: block;
	aspect-ratio: 1/1;
	width: 20px;
}
.wp-archive__searchFrom button[type="submit"]::after{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQxNiAyMDhjMCA0NS45LTE0LjkgODguMy00MCAxMjIuN0w1MDIuNiA0NTcuNGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwzMzAuNyAzNzZjLTM0LjQgMjUuMi03Ni44IDQwLTEyMi43IDQwQzkzLjEgNDE2IDAgMzIyLjkgMCAyMDhTOTMuMSAwIDIwOCAwUzQxNiA5My4xIDQxNiAyMDh6TTIwOCAzNTJhMTQ0IDE0NCAwIDEgMCAwLTI4OCAxNDQgMTQ0IDAgMSAwIDAgMjg4eiIvPjwvc3ZnPg==) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: var(--GRAY02);
	width: 20px;
	aspect-ratio: 1/1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px){
	.wp-archive__searchContainer{
		padding: var(--GAP_30);
		margin-bottom: var(--GAP_50);
	}
	.wp-archive__searchHeading{
		font-size: var(--FZ_30);
		margin-bottom: 20px;
	}
	.wp-archive__searchHeading__ja{
		display: none;
	}
	.wp-archive__searchHeading__en{
		font-family: var(--FF_EN);
	}
	.wp-archive__searchFrom input[type="text"]{
		padding: 10px 31px 10px 15px;
	}
	.wp-archive__searchFrom form input[type="image"]{
		width: 16px;
		right: 9px;
	}
}
@media screen and (max-width: 767px){
	.wp-archive__searchContainer{
		margin-bottom: 30px;
	}
	.wp-archive__searchFromContainer{
		padding-top: 20px;
		display: none;
	}
	.wp-archive__searchHeading{
		position: relative;
	}
	.wp-archive__searchHeading::before,
	.wp-archive__searchHeading::after{
		content: "";
		display: inline-block;
		background: var(--GRAY02);
		height: 3px;
		position: absolute;
		right: 0;
		width: 15px;
		top: 10px;
	}
	.wp-archive__searchHeading::after{
		transform: rotate(90deg);
		transition: .3s;
	}
	.wp-archive__searchHeading.is-open::after{
		transform: rotate(0deg);
	}
	.wp-archive__searchHeading__en{
		display: none;
	}
	.wp-archive__searchHeading__ja{
		font-size: 15px;
		font-family: var(--FF_BASE_M);
		letter-spacing: 0.05em;
	}
	.wp-archive__searchFrom input[type="text"]{
		padding: 10px 35px 10px 10px;
	}
	.wp-archive__searchFrom form input[type="image"]{
		width: 20px;
		right: 9px;
	}
	.wp-archive__searchContainer{
		padding: 15px 20px;
	}
}
/* 記事 */
.wp-side__archive{
	display: grid;
	gap: var(--GAP_10_CONST);
}
.wp-side__archive li a{
	display: flex;
	align-items: center;
	border: 1px solid var(--BLACK);
	padding: 10px;
}
.wp-side__archive__ttl{
	flex: 1;
	font-size: 12px;
	line-height: 1.4;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
/* 人気記事 */
.wp-side__archive--popular{
	counter-reset: original-counter;
}
.wp-side__archive--popular li{
	position: relative;
	z-index: 0;
}
.wp-side__archive--popular li::before{
	content: counter(original-counter);
	counter-increment: original-counter;
	color: #fff;
	position: absolute;
	top: 1px;
	left: 8px;
	font-size: 12px;
	z-index: 2;
}
.wp-side__archive--popular li::after{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 35px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.wp-side__archive--popular li:nth-of-type(1)::after{
	border-color: var(--RANKING_1ST) transparent transparent transparent;
}
.wp-side__archive--popular li:nth-of-type(2)::after{
	border-color: var(--RANKING_2ND) transparent transparent transparent;
}
.wp-side__archive--popular li:nth-of-type(3)::after{
	border-color: var(--RANKING_3RD) transparent transparent transparent;
}
/* メニュー */
.wp-side__menu li a{
	display: block;
	position: relative;
	border-bottom: 1px dashed #ababab;
}
.wp-side__menu li a::before{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMwMS43IDI1MC4zYzMuMSAzLjEgMy4xIDguMiAwIDExLjNsLTIxNiAyMTZjLTMuMSAzLjEtOC4yIDMuMS0xMS4zIDBzLTMuMS04LjIgMC0xMS4zTDI4NC43IDI1NiA3NC4zIDQ1LjdjLTMuMS0zLjEtMy4xLTguMiAwLTExLjNzOC4yLTMuMSAxMS4zIDBsMjE2IDIxNnoiLz48L3N2Zz4=) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: #ababab;
	width: 10px;
	aspect-ratio: 1/1;
	position: absolute;
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
}
.wp-side__menu li.is-current a{
	background: var(--BEIGE01);
	opacity: 1;
}
@media (hover: hover){
	.wp-side__menu li a:hover{
		background: var(--BEIGE01);
		opacity: 1;
	}
}
@media screen and (min-width: 951px){
	.wp-side__archive__thumb{
		width: 30%;
		margin-right: 10px;
	}
}
@media screen and (max-width: 950px){
	.wp-side__archive__thumb{
		width: fit-content;
		margin-right: 10px;
	}
	.wp-side__archive__thumb img{
		width: auto;
		max-height: clamp( 80px, 12vw, 150px);
	}
}
@media screen and (min-width: 768px){
	.wp-side__menu li a{
		padding: 9px 0 7px 20px;
		font-size: 14px;
	}
	.wp-side__menu li a::before{
		font-size: 13px;
	}
}
@media screen and (max-width: 767px){
	.wp-side__menu li a{
		padding: 7px 0 7px 20px;
		font-size: 14px;
	}
	.wp-side__menu li a::before{
		font-size: 12px;
	}
}
/* セレクトボックス */
.wp-side__select{
	position: relative;
}
.wp-side__select::after{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNy4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTIzMy40IDQwNi42YzEyLjUgMTIuNSAzMi44IDEyLjUgNDUuMyAwbDE5Mi0xOTJjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNzLTMyLjgtMTIuNS00NS4zIDBMMjU2IDMzOC43IDg2LjYgMTY5LjRjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zbDE5MiAxOTJ6Ii8+PC9zdmc+) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: #adadad;
	width: 12px;
	aspect-ratio: 1/1;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
.wp-side__select select{
	width: 100%;
	padding: 5px;
	border: 1px solid var(--GRAY03);
	border-radius: 3px;
	font-size: 14px;
	padding: 10px;
}
/* --------------------一覧・シングル共通-------------------- */
/* カテゴリー */
.wp-post__cats{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.wp-post__cats li a{
	width: fit-content;
	padding: 1px 8px;
	display: block;
	border: 1px solid var(--BLACK);
	border-radius: 3px;
	font-size: 12px;
}
/* タグ */
.wp-post__tags{
	display: flex;
	flex-wrap: wrap;
}
.wp-post__tags li a{
	display: block;
	text-align: center;
	background: #fff;
	letter-spacing: 0.05em;
	background-color: var(--BEIGE01);
	border: 1px solid var(--BEIGE01);
	border-radius: 2px;
}
.bgcolor--beige .wp-post__tags li a{
	background-color: var(--WHITE);
}
@media (hover: hover){
	.wp-post__tags li a:hover{
		opacity: 1;
		color: var(--WHITE);
		background-color: var(--ORANGE02);
	}
}
@media screen and (min-width: 768px){
	.wp-post__tags{
		gap: 8px 10px;
	}
	.wp-post__tags li a{
		font-size: 11px;
		padding: 2px 5px;
	}
}
@media screen and (max-width: 767px){
	.wp-post__tags{
		gap: 6px 10px;
	}
	.wp-post__tags li a{
		font-size: 12px;
		padding: 2px 7px;
	}
}
.wp-archive__search__tags li.is-current a{
	background-color: var(--ORANGE02);
	border-color: var(--ORANGE02);
	color: var(--WHITE);
}
@media screen and (min-width: 768px){
	.wp-archive__search__tags.wp-archive__tags{
		margin-top: 20px;
	}
}
@media screen and (max-width: 767px){
	.wp-archive__search__tags.wp-archive__tags{
		margin-top: 15px;
	}
}
/* --------------------ブログ一覧------------------- */
.wp-archive__thumb{
	overflow: hidden;
}
.wp-archive__thumb img{
	aspect-ratio: 3/2;
	object-fit: cover;
}
.wp-archive__foot{
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	margin-top: 10px;
}
.wp-archive__writer{
	margin-bottom: 0;
}
.wp-archive__writer a{
	display: grid;
	grid-template-columns: 30px 1fr;
	gap: 10px;
	align-items: center;
}
.wp-archive__writer img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}
.wp-archive__writer figcaption{
	font-size: 11px;
	letter-spacing: 0.01em;
}
.wp-archive__time{
	text-align: right;
}
.wp-archive__time time{
	font-size: 11px;
	letter-spacing: 0.08em;
}
.wp-archive__tags{
	gap: 5px;
	margin-top: 10px;
}
.wp-archive__ttl{
	line-height: 1.5;
	overflow: hidden;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-family: var(--FF_BASE_D);
}
@media (hover: hover){
	.wp-archive__thumb a:hover,
	.wp-archive__thumb a:hover img{
		opacity: 1 !important;
	}
	.wp-archive__thumb a img{
		transition: .2s;
	}
	.wp-archive__thumb a:hover img{
		transform: scale(1.1);
	}
}
@media screen and (min-width: 768px){
	.wp-archive__list{
		grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
		gap: 50px clamp( 20px, 3.5vw, 40px);
	}
	.wp-archive__ttl{
		margin: 8px 0 5px;
		-webkit-line-clamp: 2;
	}
}
@media screen and (max-width: 767px){
	.wp-archive__list{
		gap: 30px 10px;
	}
	.wp-archive__cats li a{
		font-size: 12px;
	}
	.wp-archive__ttl{
		margin: 8px 0 5px;
		-webkit-line-clamp: 2;
		font-size: 12px;
	}
}
/* --------------------お知らせ一覧------------------- */
.wp-news li{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
}
.wp-news__ttl a{
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	display: -webkit-box;
}
.wp-news li:not(:last-child){
	border-bottom: 1px solid var(--BLACK);
}
@media screen and (min-width: 768px){
	.wp-news li{
		padding: 10px 0;
		gap: 15px;
	}
}
@media screen and (max-width: 767px){
	.wp-news li{
		padding: 8px 0;
		gap: 10px;
	}
}
/* --------------------ページナビ------------------- */
.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
}
#next > span.pages{
	display: block;
	text-align: center;
	margin-top: 10px;
	display: none;
}
#next .post_range{
	font-size: 13px;
	text-align: center;
	margin-bottom: 16px;
}
.wp-pagenavi > *{
	aspect-ratio: 1/1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	color: var(--BLACK);
	letter-spacing: 0.02em;
	font-family: var(--FF_EN);
}
.wp-pagenavi .current{
	color: var(--GRAY03);
}
.wp-pagenavi > *{
	font-weight: 500;
}
#next a.previouspostslink,
#next a.nextpostslink{
	position: relative;
	font-size: 0;
}
#next a.previouspostslink::before,
#next a.nextpostslink::before{
	content: "";
	display: inline-block;
	aspect-ratio: 1/2;
	background-color: var(--BLACK);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#next a.previouspostslink::before{
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
#next a.nextpostslink::before{
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media (hover: hover){
	.wp-pagenavi > .page:hover,
	.wp-pagenavi > .last:hover{
		color: var(--ORANGE02);
		opacity: 1;
	}
	#next a.previouspostslink:hover,
	#next a.nextpostslink:hover{
		opacity: 1;
	}
	#next a.previouspostslink::before,
	#next a.nextpostslink::before{
		transition: .3s;
	}
	#next a.previouspostslink:hover::before,
	#next a.nextpostslink:hover::before{
		background-color: var(--ORANGE02);
		opacity: 1;
	}
}
@media screen and (min-width: 768px){
	.wp-pagenaviContainer {
		padding-bottom: 80px;
	}
	.wp-pagenavi{
		font-size: 18px;
		gap: 5px;
	}
	#next {
		margin: var(--GAP_50) auto 0;
	}
	.wp-pagenavi > *{
		width: 30px;
	}
	#next a.previouspostslink::before,
	#next a.nextpostslink::before{
		width: 12px;
	}
}
@media screen and (max-width: 767px){
	.wp-pagenaviContainer {
		padding-bottom: 60px;
	}
	.wp-pagenavi{
		font-size: 16px;
		gap: 3px;
	}
	#next {
		margin: 30px auto 0;
	}
	.wp-pagenavi > *{
		width: 30px;
	}
	#next a.previouspostslink::before,
	#next a.nextpostslink::before{
		width: 10px;
	}
}
/* --------------------制作事例------------------- */
.wp-works__taxonomy{
	background-color: var(--GRAY05);
}
.wp-works__taxonomy dl{
	display: grid;
}
.wp-works__taxonomy dt{
	color: var(--WHITE);
	font-family: var(--FF_BASE_D);
}
.wp-works__taxonomy ul{
	display: flex;
	flex-wrap: wrap;
}
.wp-works__taxonomy ul li a{
	display: block;
	color: var(--WHITE);
	border: 1px solid var(--WHITE);
	border-radius: 3px;
}
.wp-works__taxonomy ul li.is-current a{
	background-color: var(--WHITE);
	color: var(--GRAY05);
}
.wp-works__list{
	display: grid;
}
.wp-works__list__mockupContainer{
  position: relative;
}
.wp-works__list__mockup{
  position: relative;
}
.wp-works__list__mockup__sp{
  position: absolute;
  width: 40%;
  right: 5%;
  bottom: 0;
  transform: translateY(10%);
  z-index: 2;
}
[class*="wp-works__list__mockup__"] img{
  object-fit: cover;
  border: 2px solid var(--BLACK);
  box-sizing: border-box;
  border-radius: 10px;
}
.wp-works__list__links{
  position: absolute;
  background-color: var(--WHITE_OP40);
  width: calc(100% + 1px);
  height: calc(100% + 1px);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.1);
	border-radius: 10px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
  transition: .3s;
}
.wp-works__list__link{
  width: 90%;
	max-width: 270px;
}
.wp-works__list__link a{
  display: block;
  text-align: center;
  width: 100%;
  background-color: var(--BLACK);
	color: var(--WHITE);
	border-radius: 70px;
	padding: 5px;
	font-size: var(--FZ_14);
}
.wp-works__list__siteName{
	margin-bottom: 10px;
	letter-spacing: 0;
}
.wp-works__list__siteName small{
	display: block;
}
.wp-works__list__tags{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.wp-works__list__tag a{
  display: block;
  font-weight: bold;
  border: 1px solid var(--BLACK);
  border-radius: 2px;
  font-size: 12px;
  padding: 2px 7px;
	letter-spacing: 0;
}
.wp-works__list__tag--industry a{
  background-color: var(--BEIGE01);
  border-color: var(--BEIGE01);
}
.wp-works__list__tag--kinds a{
  background-color: var(--GRAY05);
  border-color: var(--GRAY05);
	color: var(--WHITE);
}
@media (hover: hover){
	.wp-works__list__tag--industry a:hover{
    opacity: 1;
    color: var(--WHITE);
    background-color: var(--ORANGE02);
  }
	.wp-works__list__tag--kinds a:hover{
		opacity: 1;
		color: var(--GRAY05);
		background-color: var(--WHITE);
	}
  .wp-works__list__tag--interviewLink a:hover{
    opacity: 1;
    background-color: var(--BLACK);
    color: var(--WHITE);
  }
	.wp-works__list__link a{
		transition: .3s;
	}
	.wp-works__list__link a:hover{
		opacity: 1;
		background-color: var(--ORANGE02);
		color: var(--WHITE);
	}
	.wp-works__taxonomy ul li a:hover{
		opacity: 1;
		background-color: var(--WHITE);
		color: var(--GRAY05);
	}
}
@media screen and (min-width: 768px){
	.wp-works__lead{
		display: grid;
		gap: var(--GAP_15);
		margin-block: var(--GAP_50) var(--GAP_30);
	}
	.wp-works__lead p{
		line-height: 2;
		font-family: var(--FF_BASE_D);
		font-size: var(--FZ_18);
		letter-spacing: 0.15em;
		max-width: 1188px;
	}
	.wp-works__lead p strong{
		font-family: var(--FF_BASE_E);
	}
	.wp-works__lead p mark{
		background: linear-gradient(transparent 50%, #fff799 50%);
		padding-bottom: 5px;
	}
	.wp-works__taxonomy{
		padding-block: var(--GAP_20);
		margin-bottom: var(--GAP_80);
	}
	.wp-works__taxonomy dl{
		grid-template-columns: auto 1fr;
		align-items: baseline;
		gap: var(--GAP_15) var(--GAP_35);
	}
	.wp-works__taxonomy dt{
		font-size: var(--FZ_16);
	}
	.wp-works__taxonomy ul{
		gap: var(--GAP_10);
	}
	.wp-works__taxonomy ul li a{
		font-size: var(--FZ_14);
		padding: 3px 12px;
	}
	.wp-works__list{
		grid-template-columns: repeat(3,1fr);
		gap: var(--GAP_80) var(--GAP_50);
	}
	.wp-works__list__mockupContainer{
    padding-bottom: 30px;
		margin-bottom: 10px;
  }
  .wp-works__list__mockupContainer:hover .wp-works__list__links{
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    z-index: 99;
    transform: translate(-50%, -50%) scale(1);
  }
	.wp-works__list__siteName{
		font-size: var(--FZ_16);
	}
	.wp-works__list__mockup__sp img{
		border-radius: 15px;
	}
}
@media screen and (max-width: 767px){
	.wp-works__taxonomy{
		padding-block: 15px;
		margin-bottom: 40px;
	}
	.wp-works__taxonomy dt{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.wp-works__taxonomy dd:not(:last-child){
		margin-bottom: 30px;
	}
	.wp-works__taxonomy ul{
		gap: 5px;
	}
	.wp-works__taxonomy ul li a{
		font-size: 12px;
		padding: 3px 8px;
	}
	.wp-works__list{
		width: 92%;
		grid-template-columns: repeat(2,1fr);
		gap: 40px 15px;
	}
	.wp-works__list__mockupContainer{
    padding-bottom: 15px;
		margin-bottom: 10px;
  }
  .wp-works__list__mockupContainer.is-active .wp-works__list__links{
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    z-index: 99;
    transform: translate(-50%, -50%) scale(1);
  }
	.wp-works__list__siteName{
		font-size: 13px;
	}
	.wp-works__list__mockup__sp img{
		border-radius: 8px;
	}
}
/* --------------------インタビューシングル------------------- */
.wp-interview{
	font-family: var(--FF_YUGOTHIC);
}	
.wp-interview__ttl{
	font-family: var(--FF_YUGOTHIC);
	font-weight: bold;
}
.wp-interview__mockup{
  position: relative;
}
.wp-interview__mockup__sp{
  position: absolute;
  width: 30%;
  right: 5%;
  bottom: 0;
  transform: translateY(10%);
  z-index: 2;
}
[class*="wp-interview__mockup__"] img{
  object-fit: cover;
  border: 2px solid var(--BLACK);
  box-sizing: border-box;
  border-radius: 10px;
}
.wp-interview__mockup__pc img{
  aspect-ratio: 598/693;
}
.wp-interview__mockup__sp img{
  aspect-ratio: 208/374;
}
.wp-interview__info{
	background-color: var(--BEIGE01_OP50);
	border-radius: 10px;
}
.wp-interview__siteName{
	font-family: var(--FF_BASE_D);
	letter-spacing: 0.15em;
}
.wp-interview__siteName small{
	display: block;
	font-family: var(--FF_BASE_M);
}
.wp-interview__tags{
	display: flex;
	flex-wrap: wrap;
}
.wp-interview__tag a{
	display: inline-block;
}
.wp-interview__tag a{
	border-radius: 3px;
	font-family: var(--FF_BASE_D);
}
.wp-interview__tag--industry a{
	background-color: var(--WHITE);
	border: 1px solid var(--GRAY05);
	color: var(--GRAY05);
}
.wp-interview__tag--kinds a{
	background-color: var(--GRAY05);
	color: var(--WHITE);
	border: 1px solid var(--GRAY05);
}
.wp-interview__siteUrl a{
	display: flex;
	text-decoration: underline;
}
.wp-interview__siteUrl a::after{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjkuNiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDkuMDMgQnVpbGQgNTQ5ODYpICAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IgoJIHk9IjBweCIgdmlld0JveD0iMCAwIDIwMCAyMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwMCAyMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTY4LjQsMTY4LjRIMTAuNWMtNS44LDAtMTAuNS00LjctMTAuNS0xMC41VjYzLjJjMC01LjgsNC43LTEwLjUsMTAuNS0xMC41aDE1Ny45YzUuOCwwLDEwLjUsNC43LDEwLjUsMTAuNQoJCXY5NC43QzE3OC45LDE2My43LDE3NC4yLDE2OC40LDE2OC40LDE2OC40eiBNMTAuNSw2My4ybDAsOTQuN2gxNTcuOVY2My4ySDEwLjV6IE0xMC41LDU3LjlsMCw1LjNoMFY1Ny45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE5NC43LDEzMS42Yy0yLjksMC01LjMtMi40LTUuMy01LjNWNTIuNmMwLTIuOS0wLjQtNi43LTIuMi04LjVjLTIuMS0yLjEtNi44LTItMTEuOC0ybC0xMzguNiwwCgkJYy0yLjksMC01LjMtMi40LTUuMy01LjNjMC0yLjksMi40LTUuMyw1LjMtNS4zbDEzOC42LDBjNi43LTAuMSwxNC4xLTAuMSwxOS4zLDUuMWMzLjUsMy41LDUuMyw4LjgsNS4zLDE2djczLjcKCQlDMjAwLDEyOS4yLDE5Ny42LDEzMS42LDE5NC43LDEzMS42eiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: var(--BLACK);
	aspect-ratio: 1/1;
	width: 15px;
}
.wp-interview__member{
	border: 2px solid #727272;
	position: relative;
}
.wp-interview__speaker{
	display: grid;
	grid-template-columns: 170px 1fr;
	align-items: center;
}
.wp-interview__company{
	position: absolute;
	top: -10px;
	line-height: 1.5;
	transform: translateY(-50%);
	background-color: var(--WHITE);
	font-family: var(--FF_YUGOTHIC);
}
.wp-interview .blogcontentsarea blockquote{
	padding:20px 40px;
}
.wp-interview__photo img{
	border-radius: 10px;
	aspect-ratio: 1/1;
	object-fit: cover;
}
.wp-interview__name{
	font-weight: bold;
}
.wp-interview__name small{
	display: block;
	font-weight: normal;
}
.wp-interview_mainimg{
	width:100%;
}
.wp-interview__company span{
	display:block;
	font-size:0.7em;
	font-weight:bold;
}
.wp-interview__photo{
}
.wp-interview_mainimg{
	margin-bottom: 65px;
}
.wp-interview_clientarea{
	display: flex;
	justify-content: space-between;
}
.wp-interview .wp-single__content h3.wp-block-heading{
	border-bottom: none;
	margin: 35px 0 17px;
}
@media (hover: hover){
	.wp-interview__tag--industry a{
		transition: .3s;
	}
	.wp-interview__tag--industry a:hover{
		opacity: 1;
		color: var(--WHITE);
		background-color: var(--ORANGE02);
		border-color: var(--ORANGE02);
	}
	.wp-interview__siteUrl a{
		overflow: hidden;
	}
	.wp-interview__siteUrl a::before{
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: -1;
		background: var(--ORANGE02);
		transform: scaleX(0);
		transform-origin: right;
		transition: transform 0.3s;
	}
	.wp-interview__siteUrl a:hover{
		transform: scale(1);
		opacity: 1;
	}
}
@media screen and (min-width: 951px){
	.wp-interview__speakers li{
	}
}
@media screen and (min-width: 768px) and (max-width: 950px){
	.wp-interview__speakers li{
	}
}
@media screen and (min-width: 768px){
	.wp-interview .wp-single__content h2.wp-block-heading{
		font-size:var(--FZ_22);
	}
	.wp-interview .wp-single__content h3.wp-block-heading{
		font-size:var(--FZ_20);
	}
	.wp-interview__ttl{
		font-size: var(--FZ_28);
		margin-bottom: var(--GAP_50);
	}
	.wp-interview__intro{
		display: grid;
		grid-template-columns: 4fr 5fr;
		align-items: flex-start;
		gap: var(--GAP_80);
		margin-bottom: var(--GAP_120);
	}
	.wp-interview__info{
		padding: var(--GAP_30);
	}
	.wp-interview__siteName{
		font-size: var(--FZ_22);
	}
	.wp-interview__siteName small{
		font-size: var(--FZ_18);
	}
	.wp-interview__tags{
		margin-block: var(--GAP_20);
		gap: var(--GAP_10);
	}
	.wp-interview__tag a{
		font-size: var(--FZ_14);
		padding: 2px 8px 1px;
	}
	.wp-interview__summary{
		font-size: var(--FZ_16);
	}
	.wp-interview__siteUrl{
	}
	.wp-interview__siteUrl a{
		font-size: var(--FZ_14);
		padding:6px 0 12px;
		gap: 6px;
	}
	.wp-interview__member{
		padding: var(--GAP_65);
	}
	.wp-interview__company{
		left: 10%;
		width:80%;
		font-size: var(--FZ_22);
		padding-inline: 10px;
	}
	.wp-interview__speakers{
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		--GAP: var(--GAP_50);
		gap: var(--GAP);
	}
	.wp-interview__speaker{
		gap: var(--GAP_30);
	}
	.wp-interview__name{
		font-size: var(--FZ_18);
	}
	.wp-interview__name small{
		font-size: var(--FZ_12);
	}
	.wp-interview__summary{
		font-size: var(--FZ_12);
		margin-top: var(--GAP_10);
	}
}
@media screen and (max-width: 767px){
	.wp-interview__ttl{
		font-size: 18px;
		margin-bottom: 30px;
	}
	.wp-interview__intro{
		margin-bottom: 50px;
	}
	.wp-interview__info{
		padding: var(--GAP_30);
		margin-top: 40px;
	}
	.wp-interview__siteName{
		font-size: 18px;
	}
	.wp-interview__siteName small{
		font-size: 16px;
	}
	.wp-interview__tags{
		margin: 5px 0 20px;
		gap: 5px;
	}
	.wp-interview__tag a{
		font-size: 12px;
		padding: 3px 8px 2px;
	}
	.wp-interview__summary{
		font-size: 14px;
	}
	.wp-interview_clientarea{
	  flex-wrap: wrap;
  }
  .wp-interview_clientarea > div{
	  width:100%;
  }
	.wp-interview__siteUrl{
		margin: 5px auto 0;
	}
	.wp-interview__siteUrl a{
		font-size: 14px;
		padding-block: 10px;
		gap: 5px;
	}
	.wp-interview__member{
		padding: 30px 30px;
	}
	.wp-interview__company{
		left: 15px;
		font-size: 16px;
		padding-inline: 10px;
	}
	.wp-interview__speakers{
		display: grid;
		gap: 30px;
	}
	.wp-interview__speaker{
		gap: 20px;
	}
	.wp-interview__name{
		font-size: 12px;
	}
	.wp-interview__name small{
		font-size: 10px;
	}
	.wp-interview__summary{
		font-size: 12px;
		margin-top: 15px;
	}
	.wp-interview__speaker{
		grid-template-columns: 38% 1fr;
		align-items: flex-start;
	}
}
/* 本文 */
.wp-single__content #toc_container{
	width: 100%;
	background-color: var(--BEIGE01_OP50);
	border: none;
	border-radius: 10px;
}
.wp-single__content #toc_container .toc_title{
	font-family: var(--FF_BASE_E);
	text-align: left;
}
.wp-single__content #toc_container .toc_list{
	display: grid;
	counter-reset: original-counter;
}
.wp-single__content #toc_container .toc_list > li > a::before{
	content: counter(original-counter)'.';
	counter-increment: original-counter;
}
.wp-single__content #toc_container .toc_list li a{
	color: var(--BLACK);
	border-bottom: 1px solid var(--GRAY02);
	display: block;
	padding-block: 5px 3px;
	text-decoration: none;
}
@media screen and (min-width: 768px){
	.wp-interview,.wp-interview__content{
		margin-top: var(--GAP_80);
		max-width: 700px;
		margin-inline: auto;
	}
	.wp-interview__content{
		margin-top: 40px;
	}
	.wp-interview{
		margin-top: 0;
	}
	.wp-single__content{
		font-size: var(--FZ_16);
	}
	.wp-single__content #toc_container{
		padding: var(--GAP_40) var(--GAP_60);
		margin-block: var(--GAP_30);
	}
	.wp-single__content #toc_container .toc_title{
		font-size: var(--FZ_25);
	}
	.wp-single__content #toc_container .toc_list{
		gap: var(--GAP_15);
		margin-top: var(--GAP_20);
	}
	.wp-single__content #toc_container .toc_list > li a{
		font-size: var(--FZ_16);
	}
}
@media screen and (max-width: 767px){
	.wp-interview__content{
		margin-top: 50px;
	}
	.wp-single__content{
		font-size: 15px;
		line-height: 1.9;
	}
	.wp-single__content #toc_container{
		padding: 20px 30px;
		margin-block: 30px;
	}
	.wp-single__content #toc_container .toc_title{
		font-size: 20px;
	}
	.wp-single__content #toc_container .toc_list{
		gap: 10px;
		margin-top: 10px;
	}
	.wp-single__content #toc_container .toc_list > li a{
		font-size: 12px;
		overflow: hidden;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		display: -webkit-box;
	}
}
/* --------------------シングル------------------- */
.wp-single__ttl{
	font-family: var(--FF_BASE_D);
	margin-bottom: 10px;
	line-height: 1.5;
}
.wp-single__thumbnail{
	margin-bottom: var(--GAP_30);
}
.wp-single__time{
	text-align: right;
	color: var(--GRAY03);
}
.wp-single__tags{
	justify-content: flex-end;
}
.wp-single__tags li a{
	font-size: 13px;
}
#wp-single__link{
	border: 1px solid var(--BLACK);
	border-left: none;
	border-right: none;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	column-gap: 15px;
}
[id*="wp-single__link__"]{
	display: flex;
	flex-direction: column;
}
#wp-single__link__previous,
#wp-single__link__next{

}
#wp-single__link__next{
	align-items: flex-end;
}
[id*="wp-single__link__"] span{
	display: flex;
	letter-spacing: 0.05em;
}
#wp-single__link__next span{
	flex-direction: row-reverse;
}
[id*="wp-single__link__"] span::before{
	content: "";
	display: inline-block;
	--MASK: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48IS0tIUZvbnQgQXdlc29tZSBQcm8gNi43LjIgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UgKENvbW1lcmNpYWwgTGljZW5zZSkgQ29weXJpZ2h0IDIwMjUgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTMwMS43IDI1MC4zYzMuMSAzLjEgMy4xIDguMiAwIDExLjNsLTIxNiAyMTZjLTMuMSAzLjEtOC4yIDMuMS0xMS4zIDBzLTMuMS04LjIgMC0xMS4zTDI4NC43IDI1NiA3NC4zIDQ1LjdjLTMuMS0zLjEtMy4xLTguMiAwLTExLjNzOC4yLTMuMSAxMS4zIDBsMjE2IDIxNnoiLz48L3N2Zz4=) no-repeat center center / 100%;
	mask: var(--MASK);
	-webkit-mask: var(--MASK);
	background-color: var(--BLACK);
	aspect-ratio: 1/1;
}
#wp-single__link__previous span::before{
	transform: rotate(180deg);
}
[id*="wp-single__link__"] a{
	font-family: var(--FF_BASE_D);
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	max-width: 300px;
}
#wp-single__link__next a{
	text-align: right;
}
.wp-single__link__toArchive{
	grid-column: span 2;
}
.wp-single .wp-archive__searchContainer{
	margin-bottom: 0;
}
@media screen and (min-width: 768px){
	.news-article{
		max-width: 770px;
	}
	.wp-single{
		max-width: 700px;
		margin-inline: auto;
	}
	.wp-single__meta{
		margin-bottom: 15px;
	}
	.wp-single__ttl{
		font-size: 25px;
	}
	.wp-single__time{
		font-size: 13px;
	}
	.wp-single__content{
		margin-bottom: 60px;
	}
	.wp-single__tags{
		margin-bottom: 30px;
	}
	#wp-single__link{
		row-gap: 30px;
	}
	#wp-single__link__previous,
	#wp-single__link__next{
		padding-block: 20px;
	}
	.wp-single__link__toArchive{
		max-width: 230px;
		margin-top: var(--GAP_30);
	}
	[id*="wp-single__link__"] span{
		font-size: 12px;
		gap: 5px;
	}
	[id*="wp-single__link__"] span::before{
		width: 6px;
	}
}
@media screen and (max-width: 767px){
	.wp-single__meta{
		margin-bottom: 10px;
	}
	.wp-single__ttl{
		font-size: 20px;
		letter-spacing: 0;
	}
	.wp-single__time{
		font-size: 14px;
	}
	.wp-single__content{
		margin-bottom: 40px;
	}
	.wp-single__tags{
		margin-bottom: 20px;
	}
	#wp-single__link{
		row-gap: 20px;
	}
	#wp-single__link__previous,
	#wp-single__link__next{
		padding-block: 15px;
	}
	.wp-single__link__toArchive{
		max-width: 200px;
		margin-top: 25px;
	}
	[id*="wp-single__link__"] span{
		font-size: 10px;
		gap: 3px;
	}
	[id*="wp-single__link__"] span::before{
		width: 4px;
	}
	[id*="wp-single__link__"] a{
		font-size: 12px;
	}
}
/* お知らせシングル */
.wp-newsPostContainer{
	margin: 0 auto;
}
@media screen and (min-width: 768px){
	.wp-newsPostContainer{
		max-width: 770px;
		padding: 60px 0 100px;
	}
}
@media screen and (max-width: 767px){
	.wp-newsPostContainer{
		padding: 20px 0 80px;
	}
}

/* 執筆者 */
.wp-single__writer a{
	border: 3px solid var(--GRAY01);
	border-radius: 10px;
	display: grid;
	align-items: center;
}
.wp-single__writer__photo img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border-radius: 50%;
}
.wp-single__writer__label{
	font-family: var(--FF_EN);
}
.wp-single__writer__name{
	font-weight: bold;
	line-height: 1.4;
}
.wp-single__writer__name span{
	font-weight: normal;
	display: block;
	letter-spacing: 0.02em;
	color: var(--GRAY03);
}
@media screen and (min-width: 768px){
	.wp-single__writer a{
		grid-template-columns: 50px 1fr;
		padding: var(--GAP_20);
		gap: var(--GAP_20);
		margin-bottom: var(--GAP_30);
	}
	.wp-single__writer__name span{
		font-size: 12px;
	}
	.wp-single__writer__desc{
		margin-top: 5px;
		font-size: var(--FZ_12);
	}
}
@media screen and (max-width: 767px){
	.wp-single__writer a{
		align-items: center;
		grid-template-columns: 50px 1fr;
		padding: 20px;
		gap: 10px;
		margin-bottom: 20px;
	}
	.wp-single__writer__name span{
		font-size: 12px;
	}
}


/* 投稿本文 */
.wp-single__content h1.wp-block-heading,
.wp-single__content h2.wp-block-heading,
.wp-single__content h3.wp-block-heading,
.wp-single__content h4.wp-block-heading,
.wp-single__content h5.wp-block-heading,
.wp-single__content h6.wp-block-heading{
	font-weight: bold;
}
.wp-single__content strong{
	font-weight: bold;
	font-family: var(--FF_BASE_B);
}
.wp-single__content h2.wp-block-heading{
	background-color: unset !important;
	border-left: 3px solid var(--ORANGE02);
}
.wp-single__content h3.wp-block-heading{
	border-bottom: 1px solid var(--ORANGE01);
}
.wp-single__content h4.wp-block-heading{
	position: relative;
}
.wp-single__content h4.wp-block-heading::before{
	content: "";
	display: inline-block;
	background-color: var(--ORANGE02);
	position: absolute;
	left: 0;
}
@media screen and (min-width: 768px){
	.wp-single__content h2.wp-block-heading{
		font-size: var(--FZ_20);
		padding-left: 15px;
		margin-block: 40px;
	}
	.wp-single__content h3.wp-block-heading{
		font-size: var(--FZ_18);
		padding-bottom: 5px;
		margin-block: 30px;
	}
	.wp-single__content h4.wp-block-heading{
		font-size: var(--FZ_16);
		margin-block: 20px;
		padding-left: 33px;
	}
	.wp-single__content h4.wp-block-heading::before{
		height: 3px;
		width: 20px;
		top: 14px;
	}
}
@media screen and (max-width: 767px){
	.wp-single__content h2.wp-block-heading{
		font-size: 18px;
		padding-left: 10px;
		margin-block: 30px;
	}
	.wp-single__content h3.wp-block-heading{
		font-size: 16px;
		padding-bottom: 3px;
		margin-block: 20px;
	}
	.wp-single__content h4.wp-block-heading{
		font-size: 14px;
		margin-block: 15px;
		padding-left: 25px;
	}
	.wp-single__content h4.wp-block-heading::before{
		height: 2px;
		width: 15px;
		top: 10px;
	}
}

/* おすすめ記事 */
@media screen and (min-width: 768px){
	.wp-single__archive .wp-archive__list{
		gap: var(--GAP_20) var(--GAP_20);
	}
}
@media screen and (max-width: 767px){
	.wp-single__archive .wp-archive__list{
		grid-template-columns: repeat(2,1fr);
		gap: 10px 10px;
	}
}


/* ブログ */
@media screen and (min-width: 768px){
	.blogcontentsarea{
		line-height: 1.9;
	}
	.blogcontentsarea blockquote{
		padding:23px;
		border-radius:10px;
		background:#f8f8f8;
	}
	.blogcontentsarea p{
		margin-bottom:10px;
	}
	.blogcontentsarea a{
		color:#398cf2;
		text-decoration: underline;
	}
	.blogcontentsarea a:hover{
		color:#fa9038;
	}
	h1.blogtitle{
		font-weight: bold;
		font-size: 30px;
		margin-bottom:30px;
	}
	#subP2columnP .blogcontentsarea h3 {
		margin-bottom: 20px;
		margin-top: 50px;
		padding-left: 0px;
		font-size: 20px;
		letter-spacing: 2px;
		color: #252525;
		font-weight: bold;
		position: relative;
		border-bottom:1px solid #909090;
	}
	#subP2columnP .blogcontentsarea h3::before{
		content: none;
	}
	
	
	.blogcontentsarea .has-fixed-layout {
		width: 100%;
		margin: 0px auto 50px;
		border-top:1px solid #c8c8c8;
		border-left:1px solid #c8c8c8;
		border-collapse:collapse;
		border-spacing:0;
		empty-cells:show;
	}
	.blogcontentsarea .has-fixed-layout th {
		font-weight:normal;
		text-align: center;
		border-right:1px solid #c8c8c8;
		border-bottom:1px solid #c8c8c8;
		background-color:#f0efee;
		padding:15px 0 10px;
		width:200px;
	}
	.blogcontentsarea .has-fixed-layout td {
		border-right:1px solid #c8c8c8;
		border-bottom:1px solid #c8c8c8;
		padding:15px 10px 10px 15px;
		vertical-align: top;
	}
	
	
	
	
	span.underline{
		background: linear-gradient(transparent 60%, #ffef8d 60%);
	}
	.codearea{
		background:#dcfafa;
		padding:25px 25px 10px;
		margin:25px 0;
	}
	.shadowimg{
		width:90%;
		margin:20px auto;
	}
	.shadowimg img{
		width:100%;
		box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	}
	
	
	table.abouttable {
			width: 100%;
			margin: 0px auto 50px;
			border-top:1px solid #c8c8c8;
			border-left:1px solid #c8c8c8;
			border-collapse:collapse;
			border-spacing:0;
			empty-cells:show;
	}
	.abouttable th {
		font-size: 16px;
		font-weight:normal;
			text-align: center;
			border-right:1px solid #c8c8c8;
			border-bottom:1px solid #c8c8c8;
			background-color:#f0efee;
			padding:15px 0 10px;
			width:200px;
	}
	.abouttable td {
			font-size: 16px;
			border-right:1px solid #c8c8c8;
			border-bottom:1px solid #c8c8c8;
			padding:15px 10px 10px 15px;
	}
	.abouttable .minfont{
		font-size:0.94em;
	}
	.blogcontentsarea .reservebtn a{
		background:#05ab84;
		width:400px;
		display: block;
		text-decoration: none;
		margin:20px auto;
		color: #fff;
		text-align: center;
		padding:13px 0 11px;
	}
	.blogcontentsarea .map iframe{
		width: 100%;
		height:300px;
	}
}


@media screen and (max-width: 767px){
	/* ブログ */
h1.blogtitle{
  margin-bottom: 23px;
  font-weight: bold;
  font-size: 24px;
  color: #393939;
}
.blogcontentsarea blockquote{
	padding:20px;
	border-radius:10px;
	background:#f8f8f8;
}


.blogcontentsarea p{
	margin-bottom:10px;
	letter-spacing: 0;
}
.blogcontentsarea a{
	color:#398cf2;
	text-decoration: underline;
}
.blogcontentsarea a:hover{
	color:#fa9038;
}
#subP2columnP .blogcontentsarea h3 {
	margin-bottom: 20px;
	margin-top: 50px;
	padding-left: 0px;
	font-size: 17px;
	letter-spacing: 2px;
	color: #252525;
	font-weight: bold;
	position: relative;
	border-bottom:1px solid #909090;
	text-align:left;
	font-family: "游ゴシック","YuGothic","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
#subP2columnP .blogcontentsarea h3::before{
	content: none;
}

.blogcontentsarea .has-fixed-layout {
	width: 100%;
	margin: 0px auto 50px;
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
.blogcontentsarea .has-fixed-layout th {
	font-weight:normal;
	text-align: center;
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	background-color:#f0efee;
	padding:15px 0 10px;
	width:200px;
}
.blogcontentsarea .has-fixed-layout td {
	border-right:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	padding:15px 10px 10px 15px;
	vertical-align: top;
}





span.underline{
	background: linear-gradient(transparent 60%, #ffef8d 60%);
}
.side-tag a,.main-tag a  {
	padding: 2px 8px 2px;
	display: block;
	border-radius: 2px;
	color: #5e5e5e;
	transition: all .3s;
	float: left;
	background: #efefec;
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 1px !important;
	margin: 0 7px 5px 0;
}
.codearea{
	background:#dcfafa;
	padding:25px 25px 10px;
	margin:25px 0;
}
.shadowimg{
	width:100%;
	margin:20px auto;
}
.shadowimg img{
	width:100%;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
}

table.abouttable {
    width: 100%;
    margin: 0px auto 50px;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
    border-bottom:1px solid #c8c8c8;
}
.abouttable th {
	font-size: 15px;
	font-weight:normal;
    text-align: center;
    background-color:#f0efee;
    padding:8px 0 6px;
    display: block;
}
.abouttable td {
    font-size: 15px;
    padding:5px 5px 10px 5px;
    display: block;
}
.abouttable .minfont{
	font-size:0.94em;
}
.blogcontentsarea .reservebtn a{
	background:#05ab84;
	width:90%;
	display: block;
	text-decoration: none;
	margin:20px auto;
	color: #fff;
	text-align: center;
	padding:13px 0 11px;
}
.blogcontentsarea .map iframe{
	width: 100%;
	height:300px;
}

}
.wp-single__ttl,
.blogcontentsarea *{
	font-family: YuGothic, "游ゴシック Medium", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.wp-postContainer .g-headingContainer{
	margin-bottom: clamp(20px, 0.2vw, 30px);
}
.wp-single__archive{
	margin-top: clamp(33px, 0.13vw, 50px);
	margin-bottom: clamp(50px, 0.33vw, 80px);
}

.presscontents p{
	margin-bottom: 30px;
	line-height: 1.7;
	font-size: 16px;
}
.presscontents h2.wp-block-heading{
	border-bottom: 1px dashed #787878;
	border-left:none;
	padding-left:0;
	margin-bottom: 15px;
	margin-top:38px;
}
.presscontents ul.wp-block-list li{
	list-style-type: disc;
	margin-bottom: 10px;
	margin-left:13px;
}
.presscontents .wp-block-table table {
    margin: 0 auto;
    border-spacing: 0;
    width: 100%;
    border-collapse: collapse;
}
.presscontents .wp-block-table table {
    width: 100%;
    margin: 0px auto 50px;
    border-top:1px solid var(--GRAY02);
    border-left:1px solid var(--GRAY02);
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
.presscontents .wp-block-table table th {
	font-weight:normal;
    text-align: center;
    border-right:1px solid var(--GRAY02);
    border-bottom:1px solid var(--GRAY02);
    background-color:var(--GRAY01);
    padding:15px 0 10px;
    width:200px;
}
.presscontents .wp-block-table table td {
    border-right:1px solid var(--GRAY02);
    border-bottom:1px solid var(--GRAY02);
    padding:15px 10px 10px 15px;
}
.presscontents p a{
	text-decoration: underline;
	color: #1365f3;
}
@media screen and (max-width: 767px){
	.wp-single__content.presscontents h2.wp-block-heading{
		font-size:20px;
	}
	.presscontents p{
		line-height: 1.76;
		font-size: 17.5px;
	}
 .wp-newsPostContainer.g-inner{
	  width:90%;
  }
  .presscontents .wp-block-table table th{
	  width:30%;
  }
}