/*
Theme Name: 株式会社レクスト
Template: lightning
Author: 株式会社 FEAT.
Version: 0.6.1
*/

/**************************************
 * 共通
***************************************/
.outfit {
	font-family: "Outfit", sans-serif;
}
.noto-sans {
	font-family: "noto-sans-cjk-jp", sans-serif;
}
.zen-old {
	font-family: "Zen Old Mincho", serif;
}
:root {
	--main-color: #fed801;
}
html {
	scroll-behavior: smooth;
}
body {
/* 	font-family: "noto-sans-cjk-jp", sans-serif; */
	font-family: "source-han-serif-japanese", serif;
	font-weight: 400;
	color: #fff;
	background-color: #000;
/* 	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / contain repeat #000; */
}
/* body.home {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / contain repeat #000;
} */
.bg_content,
body:has(.philo_content) .top_contact_content {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / contain repeat #000;
}
body::before {
	content: '';
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background: url('../../../wp-content/uploads/2025/06/main_bg_pc-scaled.webp') center / cover no-repeat;
}
.site-body-container.container,
.site-footer-content.container,
.site-footer-copyright.container {
	max-width: 1720px !important;
	width: 95%;
	padding: 0;
}
.vk_outer_container,
.wp-block-group__inner-container {
	max-width: unset !important;
}
#page_top.page_top_btn {
	width: 43px;
	height: 55px;
	background: url('../../../wp-content/uploads/2025/06/top_btn.png') center / contain no-repeat transparent !important;
	box-shadow: none !important;
	filter: drop-shadow(0px 0px 1px black);
}
@media screen and (max-width: 1024px) {
	body,
	html {
		font-size: 15px;
	}
	body::before {
		background: url('../../../wp-content/uploads/2025/06/main_bg_sp.webp') center / cover no-repeat;
	}
}
@media screen and (max-width: 767px) {
	body,
	html {
		font-size: 14px;
	}
	.site-body-container.container,
	.site-footer-content.container,
	.site-footer-copyright.container {
		width: 90%;
	}
	#page_top.page_top_btn {
		width: 35px;
    	height: 46px;
	}
}

/**************************************
 * ローディング
***************************************/



/**************************************
 * ヘッダー
***************************************/
.site-header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
}
.site-header-container.container {
	max-width: 100% !important;
}
.site-header-logo img {
/* 	max-height: 43px; */
	max-height: 35px;
}
.global-nav {
	display: none !important;
}
.vk-mobile-nav-menu-btn {
	display: block !important;
	background: transparent !important;
	text-indent: 0;
	color: #fff;
    width: 100px;
    font-family: "Outfit", sans-serif;
    font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.22em;
    border: none;
	line-height: 1;
    height: auto;
/*     top: 33px; */
	top: 25px;
    right: 17px !important;
}
.vk-mobile-nav-menu-btn::before {
	content: '[';
}
.vk-mobile-nav-menu-btn::after {
	content: ']';
}
.vk-mobile-nav-menu-btn.menu-open {
	border: none;
}
.vk-mobile-nav {
	display: block !important;
	max-width: clamp(25rem, 5rem + 31.25vw, 42.5rem);
	padding: clamp(3rem, -0.543rem + 5.54vw, 6.1rem) clamp(2.2rem, -2.371rem + 7.14vw, 6.2rem) 2rem;
	overflow: hidden;
	background-color: #1f1f1f;
}
.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-left-in,
.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
	left: calc(100% - clamp(25rem, 5rem + 31.25vw, 42.5rem));
}
.vk-mobile-nav .menu {
	border: none;
}
.vk-mobile-nav .menu a {
	color: #fff;
	border: none;
	font-family: "Outfit", sans-serif;
	font-size: clamp(1.25rem, 0.679rem + 0.89vw, 1.75rem);
	font-weight: 500;
	letter-spacing: 0.2em;
	padding: clamp(0.5rem, -0.3rem + 1.25vw, 1.2rem) 0;
	transition: color .3s;
}
.vk-mobile-nav .menu a:hover {
	color: var(--main-color);
}
.nav_logo {
	max-width: 204px;
	margin-bottom: 4rem;
}
.vk-mobile-nav .vk-mobile-nav-widget:has(.sns_title) {
	margin-bottom: 0.5rem;
}
.vk-mobile-nav .sns_btns a {
	font-size: clamp(1rem, 0.571rem + 0.67vw, 1.375rem) !important;
}

@media screen and (max-width: 1024px) {
	.site-header-logo img {
		margin-left: 0;
	}
	.vk-mobile-nav-menu-btn {
		top: 20px;
		width: 88px;
	}
	.nav_logo {
		max-width: 150px;
		margin-bottom: 3rem;
	}
	.site-header-logo a {
		display: block;
		width: max-content;
	}
}
@media screen and (max-width: 767px) {
	.vk-mobile-nav-menu-btn {
		font-size: 15px;
		right: 10px !important;
/*         top: 18px; */
		top: 15px;
		width: 74px;
	}
	.site-header-logo {
		padding-top: .8rem;
		margin-bottom: .8rem;
	}
	.site-header-logo img {
/* 		max-height: 30px; */
		max-height: 25px;
	}
	.vk-mobile-nav {
		max-width: 80%;
		padding: 3rem 1rem 1rem;
	}
	.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-left-in,
	.vk-mobile-nav.vk-mobile-nav-open.vk-mobile-nav-right-in {
		left: 20%;
		background-color: #1f1f1f;
	}
	.vk-mobile-nav .menu a {
		font-size: 16px;
	}
}

/**************************************
 * フッター
***************************************/
body:has(.philo_content) .site-footer {
	background: url('../../../wp-content/uploads/2025/06/load_bg.webp') center / cover no-repeat;
}
.site-footer {
	border-top: none;
	font-size: clamp(0.938rem, 0.723rem + 0.34vw, 1.125rem);
	letter-spacing: 0.08em;
}
.site-footer-content {
	padding-top: 2.5rem !important;
}
.site-footer-content > .row {
	margin: 0;
	justify-content: space-between;
}
.site-footer-content > .row > div {
	padding: 0;
	max-width: 100%;
}
.site-footer-content > .row > div:first-child {
	flex: 0 0 45%;
	display: flex;
	flex-direction: column;
}
.site-footer-content > .row > div:last-child {
	flex: 0 0 57%;
	margin-right: calc(50% - 50vw);
}
.footer_logo {
	max-width: 210px;
}
.site-footer-content > .row > div:first-child .widget_text:has(.footer_text) {
	margin-top: auto;
	margin-bottom: 24px;
}
.footer_items {
	justify-content: space-between;
	margin-bottom: 0;
}
.footer_items > .wp-block-column:first-child {
	flex-basis: 58.66% !important;
}
.footer_items > .wp-block-column:last-child {
	flex-basis: 30.33% !important;
}
.widget_nav_menu .menu {
	display: flex;
	justify-content: space-between;
}
.widget_nav_menu .menu a {
	border-bottom: none;
}
.widget_nav_menu .menu > .menu-item > a {
	font-family: "Outfit", sans-serif;
	font-size: clamp(1.063rem, 0.705rem + 0.56vw, 1.375rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	padding: 0px 6px;
}
.widget_nav_menu .sub-menu {
	margin-top: 20px;
}
.widget_nav_menu .sub-menu a {
	font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.08em;
	padding: 1px 5px;
}
.sns_title {
	font-family: "Outfit", sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.08em;
	margin-top: 50px;
}
.footer_contact_btn {
	height: 100%;
}
.footer_contact_btn a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	background-color: var(--main-color) !important;
	font-family: "Outfit", sans-serif;
	font-size: 22px !important;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #121212 !important;
	border: none;
	border-radius: 0;
	transition: all .3s;
	box-shadow: none !important;
}
.footer_contact_btn a:hover {
	opacity: 1;
	background-color: #1f1f1f !important;
	color: #fff !important;
}
.footer_contact_btn .vk_button_link_caption {
	position: relative;
	padding-top: 70px;
}
.footer_contact_btn .vk_button_link_caption::before {
	content: '';
	width: 76px;
	height: 53px;
	background: url('../../../wp-content/uploads/2025/06/message.png') center / contain no-repeat;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s;
}
.footer_contact_btn a:hover .vk_button_link_caption::before {
	background: url('../../../wp-content/uploads/2025/06/message_white.png') center / contain no-repeat;
}
.sns_btns .vk_buttons_col {
	gap: 10px 45px;
	margin-bottom: 50px;
}
.sns_btns .vk_button {
	position: relative;
}
.sns_btns .vk_button + .vk_button::before {
	content: '';
    width: 2px;
    height: 70%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
}
.sns_btns a {
	position: relative;
	font-family: "Outfit", sans-serif;
	font-size: 22px !important;
	font-weight: 600;
	letter-spacing: 0.08em;
	color: #fff !important;
	padding-left: 32px !important;
	text-decoration: none !important;
}
.sns_btns a .vk_button_link_txt {
	text-decoration: none !important;
}
.insta_btn a::before {
	content: '';
	width: 22px;
	height: 22px;
	background: url('../../../wp-content/uploads/2025/06/instagram.png') center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.youtube_btn a::before {
	content: '';
	width: 23px;
	height: 16px;
	background: url('../../../wp-content/uploads/2025/06/youtube.png') center / contain no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.site-footer-copyright p {
	font-family: "Outfit", sans-serif;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.2em;
}

@media screen and (min-width: 2500px) {
	.site-footer-content > .row > div:last-child {
		flex: 0 0 50%;
		margin-right: 0;
	}
}
@media screen and (max-width: 1300px) {
	.footer_items > .wp-block-column:first-child {
		flex-basis: 62.66% !important;
	}
	.footer_items > .wp-block-column:last-child {
		flex-basis: 33.33% !important;
	}
}
@media screen and (max-width: 1200px) {
	.site-footer-content > .row > div:first-child {
		flex: 0 0 100%;
	}
	.site-footer-content > .row > div:last-child {
		flex: 0 0 100%;
	}
	.widget_nav_menu .menu {
		gap: 20px;
		justify-content: flex-start;
	}
	.widget_nav_menu .sub-menu {
		margin-top: 10px;
	}
	.widget_nav_menu .sub-menu a {
		line-height: 1.6;
	}
	.sns_title {
		margin-top: 25px;
	}
	.sns_btns .vk_buttons_col {
		margin-bottom: 15px;
	}
	.footer_text {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 1024px) {
	.widget_media_image {
		margin-bottom: 0;
	}
	.footer_contact_btn .vk_button_link_caption {
		padding-top: 40px;
	}
	.footer_contact_btn .vk_button_link_caption::before {
		width: 46px;
		height: 32px;
	}
}
@media screen and (max-width: 767px) {
	.footer_logo {
		max-width: 160px;
	}
	.site-footer .footer_items {
		flex-wrap: wrap !important;
		gap: 1rem;
	}
	.footer_items > .wp-block-column:first-child,
	.footer_items > .wp-block-column:last-child {
		flex-basis: 100% !important;
	}
	.widget_nav_menu .menu {
		flex-wrap: wrap;
	}
	.widget_nav_menu .sub-menu {
		margin-top: 5px !important;
	}
	.sns_title {
		font-size: 14px;
	}
	.sns_btns a {
		font-size: 16px !important;
		padding-left: 28px !important;
	}
	.insta_btn a::before {
		width: 18px;
		height: 18px;
	}
	.youtube_btn a::before {
		width: 19px;
    	height: 13px;
	}
	.sns_btns .vk_buttons_col {
		gap: 10px 30px;
	}
	.sns_btns .vk_button + .vk_button::before {
		left: -16px;
	}
	.footer_contact_btn {
		height: auto;
		margin-bottom: 2rem;
	}
	.footer_contact_btn .vk_button_link_caption {
		padding-top: 0;
		padding-left: 30px;
	}
	.footer_contact_btn .vk_button_link_caption::before {
		width: 22px;
        height: 15px;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.footer_contact_btn a {
		font-size: 18px !important;
		padding: 15px 10px !important;
		border-radius: 4px !important;
	}
	.site-footer-copyright p {
		font-size: 11px;
		margin-bottom: 15px;
	}
}

/**************************************
 * MV
***************************************/
.mv_video {
	width: 100vw;
	margin: auto calc(50% - 50vw);
/* 	position: fixed;
	top: 0;
	left: 0; */
}


/**************************************
 * レクストについて
***************************************/
.top_about_content {
/* 	padding-bottom: clamp(5.5rem, -1.372rem + 10.73vw, 11.5rem); */
	padding-bottom: 4rem;
/* 	margin-top: 58vw; */
	color: #fff;
}
.top_about_sub_title {
	position: relative;
	font-size: clamp(1.125rem, 0.839rem + 0.45vw, 1.375rem);
	font-weight: 500;
	line-height: 1.363;
	letter-spacing: 0.2em;
	padding-bottom: 1.1rem;
	margin-bottom: clamp(5rem, -0.268rem + 8.22vw, 9.6rem);
}
.top_about_sub_title::before {
	content: '';
	width: 2px;
	height: 0;
	background-color: var(--main-color);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 9999px;
	transition: height .3s .2s;
}
.top_about_sub_title.class_active::before {
	height: clamp(3.125rem, 0.978rem + 3.35vw, 5rem);
}
.top_about_title {
	font-size: clamp(2.625rem, 1.337rem + 2.01vw, 3.75rem);
/* 	font-weight: 500; */
	line-height: 1.12;
	letter-spacing: 0.1em;
	margin-bottom: 2.8rem;
	margin-top: 0;
}
.top_about_text {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
	font-weight: 500;
	line-height: 2.2;
	letter-spacing: 0.2em;
	margin-bottom: 4rem;
}

@media screen and (max-width: 767px) {
	.top_about_content {
		padding-top: 3rem;
	}
	.top_about_sub_title {
		font-size: 15px;
		padding-bottom: 5px;
		margin-bottom: 50px;
	}
	.top_about_sub_title.class_active::before {
		height: 40px;
	}
	.top_about_title {
		font-size: 20px;
		margin-bottom: 2rem;
	}
	.top_about_text {
		font-size: 14px;
		line-height: 1.7;
		letter-spacing: 0.1em;
		margin-bottom: 2rem;
	}
}

/**************************************
 * お知らせ
***************************************/
.card_content {
/* 	background: url('../../../wp-content/uploads/2025/06/black_bg-1.webp') center / cover no-repeat; */
	padding-top: 0;
	padding-bottom: 0;
	color: #0c0c0c;
}
.card_content > div {
	width: 100vw;
	margin: auto calc(50% - 50vw);
}
.card_content .vk_outer_container {
	width: 98%;
	background: url('../../../wp-content/uploads/2025/06/news_bg.webp') center / cover no-repeat;
	border-radius: 4px;
}
.card_box {
	max-width: 1720px;
	width: 95%;
	margin: 0 auto 2.2rem;
}
.news_content .vk_outer_container {
	padding-top: 5rem;
	padding-bottom: 1rem;
}
.title01_box {
	margin-bottom: 3.8rem;
}
.title01 {
	font-size: clamp(3.75rem, 2.318rem + 2.23vw, 5rem);
	line-height: 1.2;
	letter-spacing: 0.04em;
}
.sub_title01 {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
	font-weight: 400;
	line-height: 2;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	margin-top: -19px;
}
.news_text {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	letter-spacing: 0.1em;
	line-height: 1.666;
}
.news_box {
	gap: 1.2%;
}
.news_box > .wp-block-column:first-child {
	flex-basis: 23% !important;
}
.news_box > .wp-block-column:last-child {
	flex-basis: 75.8% !important;
}
.news_items {
	gap: 0;
	justify-content: space-between;
	max-width: 1300px;
	width: 95%;
	margin: 0 auto 2.2rem;;
}
.news_items > .wp-block-column:first-child {
	flex-basis: 52.6% !important;
}
.news_items > .wp-block-column:last-child {
	flex-basis: 46% !important;
}
.news_main_post .vk_post_imgOuter {
	aspect-ratio: 1 / .75;
}
.news_content .vk_post {
	cursor: pointer;
	border-radius: 0 !important;
	border: none;
	background-color: transparent !important;
}
.type-news.vk_post .vk_post_imgOuter_singleTermLabel {
	display: none;
}
.type-news.vk_post .vk_post_body {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0;
	padding: 20px 0;
	height: auto;
}
.news_main_post .vk_post_title {
	padding-right: 8rem;
}
.type-news.vk_post .vk_post_title {
	width: 100%;
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0.01em;
	margin-top: 10px !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.type-news.vk_post .vk_post_date {
	order: -2;
	font-size: clamp(0.938rem, 0.651rem + 0.45vw, 1.188rem);
	line-height: 1.2;
	letter-spacing: 0.1em;
	font-weight: 600;
	color: #0c0c0c;
	margin-top: 0;
	min-width: 107px;
}
.type-news.vk_post .news_cat {
	order: -1;
	font-size: 16px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #1f1f1f;
	padding: 0 8px;
	margin-bottom: 0;
}
.vk_post_btn {
	background-color: transparent !important;
	border: none !important;
	border-radius: 0;
	font-size: 16px !important;
	font-weight: 500;
	color: #1f1f1f !important;
	letter-spacing: 0.1em;
	padding-right: 1.6rem !important;
}
.vk_post_btn::before {
	content: '';
	width: 19px;
	height: 16px;
	background: url('../../../wp-content/uploads/2025/06/post_arrow.png') center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.type-news.vk_post.card .vk_post_btnOuter {
	width: 100%;
}
.news_sub_post .vk_post + .vk_post {
	margin-top: 1.3rem;
}
.news_sub_post .vk_post {
	padding: 0;
	border: none !important;
	align-items: center;
}
.news_sub_post .vk_post:first-child {
	display: none;
}
.news_sub_post .vk_post:nth-child(2) {
	margin-top: 0;
}
.news_sub_post .vk_post_imgOuter {
	border: none;
	aspect-ratio: 1 / .75;
	flex-shrink: 0;
}
.news_sub_post .vk_post_body {
	padding: 10px !important;
}
.news_sub_post .vk_post_btnOuter {
	position: relative;
	margin-top: 5px;
}
.more_btn {
	padding: 0 10px;
}
.more_btn a {
	font-size: 24px !important;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #1f1f1f !important;
	padding: 41px 10px !important;
	box-shadow: none !important;
	border: non !important;
}
.more_btn.black_btn a {
	color: #fff !important;
}
.more_btn .vk_button_link_txt {
	position: relative;
	padding-right: 40px;
}
.more_btn .vk_button_link_txt::before {
	content: '';
	width: 22px;
	height: 22px;
	background: url('../../../wp-content/uploads/2025/06/more_plus_yellow.png') center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	transition: all .3s;
}
.more_btn a:hover {
	background-color: var(--main-color) !important;
}
.more_btn.black_btn a:hover {
	color: #1f1f1f !important;
}
.more_btn a:hover .vk_button_link_txt::before {
	transform: translateY(-50%) rotate(180deg);
	background: url('../../../wp-content/uploads/2025/06/more_plus.png') center / contain no-repeat;
}
.news_content .vk_post .vk_post_imgOuter::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	opacity: 0;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0;
}
.news_content .vk_post:hover .vk_post_imgOuter::after {
	opacity: .3;
}

@media screen and (max-width: 1600px) {
	.news_content .news_box {
		flex-wrap: wrap !important;
		justify-content: center;
		gap: 2rem;
	}
	.news_box > .wp-block-column:first-child {
		flex-basis: 100% !important;
	}
	.news_box > .wp-block-column:last-child {
		flex-basis: 1200px !important;
	}
}
@media screen and (max-width: 1024px) {
	.news_content .vk_outer_container {
		padding-top: 3rem;
	}
	.card_box {
		margin-bottom: 1rem;
	}
	.title01_box {
		margin-bottom: 2rem;
	}
	.news_content .news_box {
		gap: 1.5rem;
	}
	.type-news.vk_post .vk_post_date {
		min-width: 90px;
	}
	.type-news.vk_post .news_cat {
		font-size: 13px;
	}
	.news_main_post .vk_post_btnOuter {
		position: relative !important;
		bottom: 0 !important;
	}
	.vk_post_btn {
		font-size: 14px !important;
	}
	.vk_post_btn::before {
		width: 14px;
		height: 13px;
	}
	.news_main_post .vk_post_title {
		padding-right: 0;
	}
	.type-news.vk_post .vk_post_title {
		margin-top: 5px !important;
	}
	.type-news.vk_post .vk_post_body {
		padding: 10px 0;
	}
	.news_sub_post .vk_post_imgOuter {
		margin-right: 0;
	}
	.news_items > .wp-block-column:first-child {
		flex-basis: 45.6% !important;
	}
	.news_items > .wp-block-column:last-child {
		flex-basis: 53% !important;
	}
	.news_sub_post .vk_post + .vk_post {
		margin-top: .5rem;
	}
	.type-news.vk_post .vk_post_title {
		font-size: 14px;
	}
	.more_btn a {
		font-size: 20px !important;
		padding: 25px 10px !important;
	}
	.more_btn .vk_button_link_txt::before {
		width: 18px;
		height: 18px;
	}
}
@media screen and (max-width: 767px) {
	.card_content .vk_outer_container {
		width: 95%;
	}
	.card_box {
		margin-bottom: 2.5rem;
	}
	.news_items > .wp-block-column:first-child {
		display: none;
	}
	.news_items > .wp-block-column:last-child {
		flex-basis: 100% !important;
	}
	.news_sub_post .vk_post:first-child {
		display: flex;
	}
	.title01_box {
		margin-bottom: 1.5rem;
	}
	.title01 {
		font-size: 40px;
	}
	.sub_title01 {
		font-size: 14px;
		margin-top: -13px;
	}
	.more_btn a {
		font-size: 16px !important;
		padding: 15px 10px !important;
	}
	.more_btn .vk_button_link_txt {
		padding-right: 25px;
	}
	.more_btn .vk_button_link_txt::before {
		width: 14px;
		height: 14px;
	}
	.type-news.vk_post .vk_post_date {
		font-size: 12px;
		min-width: 80px;
	}
	.type-news.vk_post .news_cat {
		font-size: 12px;
		padding: 1px 5px;
	}
	.news_text {
		font-size: 14px;
	}
	.news_items {
		margin-bottom: 2.5rem;
	}
}

/* サービス */
.top_service_content {
	padding-top: 9.2rem;
	padding-bottom: 5.5rem;
	color: #fff;
}
.top_service_box {
	gap: 0;
	justify-content: space-between;
	align-items: center !important;
	margin-top: -6.1rem;
}
.top_service_box > .wp-block-column:first-child {
/* 	flex-basis: calc(100% - 600px) !important; */
	flex-basis: 65% !important;
}
.top_service_box > .wp-block-column:last-child {
/* 	flex-basis: 600px !important; */
	flex-basis: 35% !important;
}
.top_service_items {
	position: relative;
}
.top_service_items > .wp-block-vk-blocks-border-box {
	position: absolute;
	top: 0;
	left: 0;
/* 	opacity: 0; */
	pointer-events: none;
	transition: all .3s;
}
.top_service_items > .wp-block-vk-blocks-border-box:nth-child(even) {
	transform: rotate(2deg);
}
.top_service_items > .wp-block-vk-blocks-border-box.active {
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
	animation: blur .6s forwards;
	cursor: pointer;
}
.top_service_items > .wp-block-vk-blocks-border-box:first-child {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}
.top_service_btns > .vk_buttons_col {
	gap: 1rem;
}
.top_service_btns .vk_button_link {
	font-size: clamp(2.5rem, 0.782rem + 2.68vw, 4rem);
	font-weight: 600;
	letter-spacing: 0.1em;
	color: #000 !important;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	text-align: left;
	transition: all .3s !important;
	box-shadow: none !important;
	text-decoration: none !important;
	cursor: pointer;
}
.top_service_btns .vk_button_link .vk_button_link_txt {
	text-decoration: none !important;
}
.top_service_btns .vk_button_link:hover {
	color: #fff !important;
	text-shadow: none;
}
.top_service_items .vk_borderBox_title_container {
	position: relative;
	background-color: #fff !important;
	padding: 3px 16px 3px 21px !important;
	min-width: 270px;
	margin-bottom: -1px;
}
.top_service_items .vk_borderBox:nth-child(even) .vk_borderBox_title_container {
	background-color: var(--main-color) !important;
}
.top_service_items .vk_borderBox_title_container::before {
	content: '';
	width: 12px;
	height: 101%;
	background-color: #fff;
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
	position: absolute;
	top: 0;
	right: -11px;
}
.top_service_items .vk_borderBox:nth-child(even) .vk_borderBox_title_container::before {
	background-color: var(--main-color) !important;
}
/* .top_service_items .vk_borderBox_title_container::after {
	content: '';
	width: 281px;
	height: 38px;
	background: url('../../../wp-content/uploads/2025/06/top_service_bg1.png') center / contain no-repeat;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: -1;
	transition: all .6s .2s;
}
.top_service_items .class_active .vk_borderBox_title_container::after {
	top: -9px;
    left: 13px;
} */
.top_service_items i {
	display: none !important;
}
.top_service_items .vk_borderBox_title {
	font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem) !important;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.07em;
	color: #1f1f1f !important;
}
.top_service_items .vk_borderBox:nth-child(even) .vk_borderBox_body {
	background-color: var(--main-color);
}
.top_service_items .vk_borderBox_body {
	position: relative;
	border: none;
	padding: clamp(1.5rem, 0.126rem + 2.15vw, 2.7rem) clamp(1rem, -1.52rem + 3.93vw, 3.2rem) clamp(1.2rem, -0.861rem + 3.22vw, 3rem);
}
/* .top_service_items .vk_borderBox_body::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(0deg);
    z-index: -1;
	transition: transform .6s .2s;
}
.top_service_items .class_active .vk_borderBox_body::before {
	transform: rotate(2deg);
} */
.top_service_items .vk_borderBox_body figure {
	margin-bottom: clamp(1rem, -0.489rem + 2.32vw, 2.3rem);
}
.top_service_items .vk_borderBox_body p {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	line-height: 2.222;
	letter-spacing: 0.08em;
	margin-bottom: 0;
}

@keyframes blur {
	0% {
		filter: blur(3px);
	}
	100% {
		filter: blur(0);
	}
}
@media screen and (max-width: 1300px) {
	.top_service_items .vk_borderBox_body p {
		line-height: 1.6;
	}
}
@media screen and (max-width: 1024px) {
	.top_service_content {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.top_service_box {
		margin-top: 3rem;
	}
	.top_service_box > .wp-block-column:first-child {
		display: none;
	}
	.top_service_box > .wp-block-column:last-child {
		flex-basis: 100% !important;
		display: flex;
		flex-wrap: wrap;
		gap: 2rem 5%;
	}
	.top_service_items > .wp-block-vk-blocks-border-box:nth-child(even) {
		transform: rotate(0);
		pointer-events: auto;
	}
	.top_service_items > .wp-block-vk-blocks-border-box {
		position: relative;
		opacity: 1;
		width: 47.5%;
	}
}
@media screen and (max-width: 767px) {
	.top_service_content {
		padding-top: 6rem;
	}
	.top_service_box {
		margin-top: 2rem;
	}
	.top_service_items > .wp-block-vk-blocks-border-box {
		width: 100%;
	}
	.top_service_items .vk_borderBox_body {
		padding: 1rem 1rem 1.5rem;
	}
	.top_service_items .vk_borderBox_title_container {
		min-width: unset;
	}
	.top_service_items .vk_borderBox_title_container::after {
		width: 100%;
		height: 47px;
		background: url('../../../wp-content/uploads/2025/06/top_service_bg1.png') center / cover no-repeat;
		background-position: top right;
/* 		top: -18px;
		left: 26px; */
		top: -4px;
    	left: 14px;
	}
	.top_service_items .class_active .vk_borderBox_title_container::after {
		top: -8px;
        left: 26px;
        transform: rotate(2deg);
	}
	.top_service_items .vk_borderBox_body p {
		font-size: 14px;
	}
}

/* 実績紹介 */
.work_content .vk_outer_container {
	padding-top: 5rem;
	padding-bottom: 0.6rem;
}
.work_content .card_box {
	margin-bottom: 4rem;
}
.work_content .title01_box {
	margin-bottom: 3rem;
}
.work_box {
	gap: 0;
	justify-content: space-between;
}
.work_box > .wp-block-column:has(.work_main_post) {
	flex-basis: 37.3% !important;
}
.work_box > .wp-block-column:has(.work_sub_post) {
	flex-basis: 23.5% !important;
}
.work_box .vk_post {
	border: none;
	border-radius: 0 40px 0 40px;
	margin-bottom: 6.3%;
	background-color: var(--main-color);
}
.work_box .vk_post_imgOuter {
	border: none;
	aspect-ratio: 1 / 0.645;
	transition: all .3s;
}
.work_box > .wp-block-column:has(.work_main_post) .vk_post_imgOuter {
	aspect-ratio: 1 / 0.856;
}
.work_box .vk_post:hover .vk_post_imgOuter {
	opacity: .7;
/* 	scale: 1.1; */
}
.work_box .vk_post_body {
	display: none;
}

@media screen and (max-width: 1024px) {
	.work_content .vk_outer_container {
		padding-top: 3rem;
	}
	.work_content .card_box {
		margin-bottom: 2rem;
	}
	.work_box .vk_post {
		border-radius: 0 25px 0 25px;
	}
}
@media screen and (max-width: 767px) {
	.work_content .title01_box {
		margin-bottom: 1.5rem;
	}
	.work_content .work_box {
		flex-wrap: wrap !important;
	}
	.work_box > .wp-block-column:has(.work_main_post),
	.work_box > .wp-block-column:has(.work_sub_post) {
		flex-basis: 100% !important;
	}
	.work_box .vk_post {
        border-radius: 0 15px 0 15px;
    }
	.work_box > .wp-block-column:has(.work_main_post) .vk_post_imgOuter {
		aspect-ratio: 1 / 0.645;
	}
}

/* 会社案内 */
.top_company_content {
	padding-top: 8.2rem;
	color: #fff;
}
.top_company_content .title01_box {
	margin-bottom: 7.8rem;
}
.top_company_title {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1.9rem;
}
.top_company_main_img {
	max-width: 28.7499vw;
	margin: 0 auto;
}
.top_about_asset {
	position: absolute;
	z-index: -2;
}
.top_about_img1 {
	max-width: 19.843vw;
	top: 6.3vw;
	right: 0;
}
.top_about_img2 {
	max-width: 22.8125vw;
	bottom: 9.2vw;
	left: 0;
}
.top_company_box {
	position: relative;
}
.top_company_slider {
	position: absolute;
	top: 44%;
	left: 0;
	transform: translateY(-50%);
	width: 325vw;
	margin: auto calc(50% - 162.5vw);
	z-index: -1;
	pointer-events: none;
	font-family: "noto-sans-cjk-jp", sans-serif;
}
.top_company_slider .swiper-wrapper {
	transition-timing-function: linear;
	pointer-events: none;
}
.top_company_slider .vk_slider_item_container {
	max-width: unset !important;
	padding: 0;
}
.top_company_slider p {
	pointer-events: none;
	font-size: 10.416vw;
	color: #000 !important;
    text-shadow:1px 1px 0 var(--main-color), -1px -1px 0 var(--main-color),
              -1px 1px 0 var(--main-color), 1px -1px 0 var(--main-color),
              0px 1px 0 var(--main-color),  0-1px 0 var(--main-color),
              -1px 0 0 var(--main-color), 1px 0 0 var(--main-color);
	letter-spacing: 0.08em;
	font-weight: bold;
	white-space: nowrap;
}
.top_company_text {
	font-size: 20px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1em;
	max-width: 620px;
	margin: 3.8rem 0 0 auto;
	text-align: justify;
}
.top_company_content .more_btn {
	width: 100vw;
    margin: 7.5rem calc(50% - 50vw) 0;
    padding: 0 29px;
}

@media screen and (min-width: 2500px) {
	.top_about_img1 {
		top: 4.3vw;
    	right: -16vw;
	}
	.top_about_img2 {
		bottom: -3.8vw;
    	left: -20vw;
	}
}
@media screen and (max-width: 1024px) {
	.top_company_content {
		padding-top: 5rem;
	}
	.top_company_content .title01_box {
		margin-bottom: 4.5rem;
	}
	.top_company_title {
		font-size: 24px;
	}
	.top_company_text {
		font-size: 16px;
		max-width: 500px;
		margin: 2.5rem 0 0 auto;
	}
	.top_about_img2 {
		bottom: 15.2vw;
	}
	.top_company_content .more_btn {
		padding: 0 18px;
	}
}
@media screen and (max-width: 767px) {
	.top_company_content .title01_box {
		margin-bottom: 2.5rem;
	}
	.top_company_title {
		font-size: 20px;
	}
	.top_company_main_img {
		max-width: 60%;
	}
	.top_company_text {
		font-size: 14px;
		line-height: 1.7;
		margin: 1.5rem 0 0 auto;
	}
	.top_about_img1 {
		max-width: 30vw;
		top: 27.3vw;
	}
	.top_about_img2 {
		max-width: 30vw;
/* 		bottom: -11.8vw; */
		bottom: -3vw;
		left: -5vw;
	}
	.top_company_content .more_btn {
		margin-top: 8.5rem;
	}
}

/* お問い合わせ */
.top_contact_content {
	padding-top: 7.8rem;
	padding-bottom: 18rem;
}
.contact_btn {
	position: relative;
	max-width: 830px !important;
	margin-bottom: 0;
}
.contact_btn::before,
.contact_btn::after {
	content: '';
	width: 33px;
	height: 32px;
	background: url('../../../wp-content/uploads/2025/06/contact_btn.png') center / contain no-repeat;
	position: absolute;
	top: 0;
}
.contact_btn::before {
	left: 0;
}
.contact_btn::after {
	right: 0;
	transform: rotate(90deg);
}
.contact_btn a::before,
.contact_btn a::after {
	content: '';
	width: 33px;
	height: 32px;
	background: url('../../../wp-content/uploads/2025/06/contact_btn.png') center / contain no-repeat;
	position: absolute;
	bottom: 0;
}
.contact_btn a::before {
	left: 0;
	transform: rotate(-90deg);
}
.contact_btn a::after {
	right: 0;
	transform: rotate(180deg);
}
.contact_btn a {
	font-family: "Outfit", sans-serif;
	font-size: 100px !important;
	font-weight: 600;
	line-height: 1.33;
	letter-spacing: 0.1em;
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 10px !important;
	transition: all .3s;
}
.contact_btn a:hover {
	background-color: var(--main-color) !important;
	opacity: 1;
	color: #1f1f1f !important;
}
.contact_btn .vk_button_link_txt {
	transition: all .3s;
}
.contact_btn a:hover .vk_button_link_txt {
	transform: scale(1.05);
}

.top_contact_content .top_company_slider {
	position: relative;
	top: 0;
	transform: translateY(0);
	width: 120vw;
	margin: auto calc(50% - 60vw);
	display: none;
}

@media screen and (max-width: 1024px) {
	.top_contact_content {
		padding-top: 3rem;
    	padding-bottom: 6rem;
	}
	.contact_btn a {
		font-size: 60px !important;
		padding: 20px 10px !important;
	}
}
@media screen and (max-width: 767px) {
	.contact_btn a {
		font-size: 32px !important;
		padding: 15px 10px !important;
	}
	.contact_btn::before,
	.contact_btn::after,
	.contact_btn a::before,
	.contact_btn a::after {
		width: 20px;
		height: 20px;
	}
}


/**************************************
 * サービス
***************************************/
.service_link_content {
	padding-top: 9.4rem;
	z-index: 1;
}
.service_link_box {
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 5rem;
}
.service_link_box .vk_buttons_col {
	gap: 10px 3.9rem;
}
.service_link_btns .vk_button_link {
	position: relative;
	border: none !important;
	border-radius: 0;
	background-color: transparent !important;
	box-shadow: none !important;
	padding: 12px 0 5px !important;
}
.service_link_btns .vk_button_link::before {
	content: '';
	width: 0;
	height: 1px;
	background-color: var(--main-color);
	position: absolute;
	bottom: 0;
	left: 0;
	transition: width .3s;
}
.service_link_btns .vk_button_link:hover::before {
	width: 100%;
}
.service_link_btns .vk_button_link_caption {
	display: block;
	text-align: left;
}
.service_link_btns .vk_button_link_txt {
	font-family: "Outfit", sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.service_link_btns .vk_button_link_subCaption {
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0.1em;
	text-align: left;
}

@media screen and (max-width: 1024px) {
	.service_link_content {
		padding-top: 7rem;
	}
	.service_link_box {
		margin-bottom: 3rem;
	}
	.service_link_btns {
		width: 100%;
	}
	.service_link_box .vk_buttons_col {
		gap: 10px;
		justify-content: space-between;
	}
	.service_link_btns .vk_button_link_txt {
		font-size: 13px;
	}
	.service_link_btns .vk_button_link_subCaption {
		font-size: 15px;
	}
}
@media screen and (max-width: 767px) {
	.service_link_content {
		padding-top: 6rem;
	}
	.service_link_box {
		margin-bottom: 1.5rem;
	}
	.service_link_box .vk_buttons_col {
		gap: 5px 15px;
		justify-content: flex-start;
	}
	.service_link_btns .wp-block-vk-blocks-button {
		min-width: 130px;
	}
	.service_link_btns .vk_button_link {
		padding: 5px 0 !important;
	}
	.service_link_btns .vk_button_link_txt {
		font-size: 11px;
	}
	.service_link_btns .vk_button_link_subCaption {
		font-size: 13px;
	}
}

/* 映像制作 */
.video_content {
	padding-top: .78rem;
	padding-bottom: 13.2vw;
	overflow: visible;
}
.title02_box {
	margin-bottom: clamp(5rem, -0.497rem + 8.58vw, 9.8rem);
}
.title02 {
	font-size: clamp(2.813rem, 1.739rem + 1.68vw, 3.75rem);
    font-weight: 500;
    letter-spacing: 0.1em;
}
.sub_title02 {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
    letter-spacing: 0.1em;
    margin-top: -0.4rem;
}
.video_item {
	position: relative;
	justify-content: space-between;
	margin-bottom: 0;
}
.video_item + .video_item {
	margin-top: 12.5rem;
}
.video_item > .wp-block-column:has(.video_img_box) {
	flex-basis: 53.2% !important;
	margin-left: calc(50% - 50vw);
	flex-grow: unset;
}
.video_item.video_right > .wp-block-column:has(.video_img_box) {
	flex-basis: 48.2% !important;
	margin-right: calc(50% - 50vw);
	margin-left: 0;
}
.video_item > .wp-block-column:has(.video_text) {
	flex-basis: 37.5% !important;
	margin-right: 6.8%;
}
.video_item.video_right > .wp-block-column:has(.video_text) {
	margin-left: 6.8%;
	margin-right: 0;
}
.video_img_box {
	gap: 0;
	overflow: hidden;
}
.video_img1 {
	transition: transform 1s cubic-bezier(.16,1,.3,1),-webkit-transform 1s cubic-bezier(.16,1,.3,1);
	transform: translateX(-100%);
	z-index: 2;
}
.video_img2 {
	transition: transform 1s cubic-bezier(.16,1,.3,1),-webkit-transform 1s cubic-bezier(.16,1,.3,1);
	transform: translateX(-175%);
	z-index: 1;
}
.video_img3 {
	transition: transform 1s cubic-bezier(.16,1,.3,1),-webkit-transform 1s cubic-bezier(.16,1,.3,1);
	transform: translateX(-155%);
}
.video_item.video_right .video_img1 {
	transform: translateX(100%);
}
.video_item.video_right .video_img2 {
	transform: translateX(175%);
}
.video_item.video_right .video_img3 {
	transform: translateX(155%);
}
.video_img_box.class_active .video_img1 {
	transform: translateX(0);
}
.video_img_box.class_active .video_img2 {
	transform: translateX(0);
}
.video_img_box.class_active .video_img3 {
	transform: translateX(0);
}
.video_asset1 {
	position: absolute;
    bottom: -25vw;
    left: 1vw;
    z-index: -1;
    width: 54.27vw;
    margin-bottom: 0;
	opacity: .5;
}
.video_asset2 {
	position: absolute;
	bottom: -25vw;
    right: -9vw;
    z-index: -1;
    width: 53.593vw;
    margin-bottom: 0;
    opacity: .5;
}
.video_title {
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
	line-height: 1.375;
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
}
.video_text {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
	line-height: 2.2;
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	margin-bottom: 0;
	text-align: justify;
}

@media screen and (max-width: 1024px) {
	.title02_box {
		margin-bottom: 3rem;
	}
	.title02 {
		font-size: 32px;
	}
	.video_item + .video_item {
		margin-top: 5rem;
	}
	.video_item > .wp-block-column:has(.video_text) {
		flex-basis: 50% !important;
		margin-right: 0;
	}
	.video_item.video_right > .wp-block-column:has(.video_text) {
		margin-left: 0;
	}
	.video_title {
		font-size: 20px;
		margin-bottom: 1rem;
	}
	.video_text {
		line-height: 1.6;
	}
}
@media screen and (max-width: 767px) {
	.title02_box {
		margin-bottom: 2rem;
	}
	.title02 {
		font-size: 24px;
	}
	.video_content .video_item {
		flex-wrap: wrap !important;
		gap: 1.3rem;
	}
	.video_item + .video_item {
		margin-top: 4rem;
	}
	.video_item > .wp-block-column:has(.video_img_box) {
		flex-basis: 100% !important;
		margin-left: 0;
	}
	.video_item > .wp-block-column:has(.video_text) {
		flex-basis: 100% !important;
	}
	.video_item.video_right > .wp-block-column:has(.video_img_box) {
		flex-basis: 100% !important;
		margin-right: 0;
		order: -1;
	}
	.video_title {
		font-size: 18px;
		margin-bottom: .8rem;
	}
	.video_text {
		font-size: 14px;
	}
}

/* クリエイティブ支援 */
.creative_content .card_box {
	padding: clamp(4rem, -1.268rem + 8.22vw, 8.6rem) 0 clamp(4rem, -0.925rem + 7.69vw, 8.3rem);
	margin-bottom: 0;
}
.creative_content .title02_box {
	margin-bottom: 6rem;
}
.creative_content .title02 br {
	display: none !important;
}
.creative_items > .row {
	margin: 0;
	gap: 3rem 7%;
}
.creative_items .vk_gridColumn_item {
	flex: 0 0 46.5%;
	max-width: 100%;
	padding: 0;
}
.creative_img {
	margin-bottom: 0;
}
.creative_title {
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 1.375;
	margin: 1.9rem 0 1.5rem;
}
.creative_text {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
	line-height: 1.9;
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	margin-bottom: 0;
	text-align: justify;
}

@media screen and (max-width: 1024px) {
	.creative_content .title02_box {
		margin-bottom: 3rem;
	}
	.creative_items > .row {
		gap: 3rem 5%;
	}
	.creative_items .vk_gridColumn_item {
		flex: 0 0 47.5%;
	}
	.creative_title {
		margin: 1.2rem 0 .8rem;
	}
	.creative_text {
		line-height: 1.6;
	}
}
@media screen and (max-width: 767px) {
	#manegement.creative_content {
		padding-bottom: 2rem;
	}
	.creative_content .card_box {
		padding: 3rem 0;
	}
	.creative_content .title02_box {
		margin-bottom: 2rem;
	}
	.creative_content .title02 {
		line-height: 1.2;
	}
	.creative_content .title02 br {
		display: block !important;
	}
	.creative_items .vk_gridColumn_item {
		flex: 0 0 100%;
	}
	.creative_title {
		font-size: 18px;
	}
	.creative_text {
		font-size: 14px;
	}
}

/* Webサイト制作 */
.web_content {
	padding-top: clamp(6rem, 0.846rem + 8.04vw, 10.5rem);
	padding-bottom: clamp(6rem, -2.28rem + 12.93vw, 13.23rem);
}
.web_content .title02_box {
	margin-bottom: clamp(6rem, 4.282rem + 2.68vw, 7.5rem);
}
.web_item {
	justify-content: space-between;
	align-items: center !important;
	margin-bottom: 0;
}
.web_item + .web_item {
	margin-top: 9rem;
}
.web_item > .wp-block-column:has(.web_img) {
	flex-basis: 47.6% !important;
    margin-left: calc(50% - 52.6vw);
    flex-grow: unset;
}
.web_item > .wp-block-column:has(.web_text) {
	flex-basis: 37% !important;
    margin-right: 13%;
}
.web_item.web_right > .wp-block-column:has(.web_img) {
	margin-right: calc(50% - 52.6vw);
	margin-left: 0;
}
.web_item.web_right > .wp-block-column:has(.web_text) {
    margin-right: 0;
	margin-left: 13%;
}
.web_title {
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
/*     letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
    line-height: 1.375;
	margin-bottom: 1.2rem;
}
.web_text {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 1.9;
	margin-bottom: 0;
	text-align: justify;
}

@media screen and (max-width: 1024px) {
	.web_content .title02_box {
		margin-bottom: 3rem;
	}
	.web_item + .web_item {
		margin-top: 4rem;
	}
	.web_item > .wp-block-column:has(.web_text) {
		flex-basis: 50% !important;
		margin-right: 0;
	}
	.web_item.web_right > .wp-block-column:has(.web_text) {
		margin-left: 0;
	}
	.web_title {
		font-size: 20px;
	}
	.web_text {
		line-height: 1.6;
	}
}
@media screen and (max-width: 767px) {
	.web_content {
		padding-top: 4rem;
		padding-bottom: 2rem;
	}
	.web_content .title02_box {
		margin-bottom: 2rem;
	}
	.web_content .web_item {
		flex-wrap: wrap !important;
		gap: 1.3rem;
	}
	.web_item + .web_item {
		margin-top: 3rem;
	}
	.web_item > .wp-block-column:has(.web_text),
	.web_item.web_right > .wp-block-column:has(.web_text) {
		flex-basis: 100% !important;
	}
	.web_item > .wp-block-column:has(.web_img) {
		flex-basis: 100% !important;
		margin-left: 0;
	}
	.web_item.web_right > .wp-block-column:has(.web_img) {
		margin-right: 0;
		order: -1;
	}
	.web_title {
		font-size: 18px;
		margin-bottom: 0.8rem;
	}
	.web_text {
		font-size: 14px;
	}
}


/**************************************
 * 会社案内
***************************************/
/* 代表挨拶 */
.message_content {
	padding-top: 1.15rem;
	padding-bottom: 8.5rem;
	z-index: 1;
}
.message_content .title02_box {
	margin-bottom: clamp(6rem, 2.106rem + 6.08vw, 9.4rem);
}
.message_items {
	max-width: 1470px;
	margin: 0 auto;
}
.message_items {
	gap: 7.4%;
}
.message_items > .wp-block-column:first-child {
	flex-basis: 59% !important;
}
.message_items > .wp-block-column:last-child {
	flex-basis: 33.6% !important;
}
.message_text {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 2.2;
	margin-bottom: 2.9rem;
	text-align: justify;
}
.message_name {
	font-family: "Zen Old Mincho", serif;
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
	line-height: 1.375;
	letter-spacing: 0.2em;
}
.message_img {
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.message_content .title02_box {
		margin-bottom: 3rem;
	}
	.message_items {
		gap: 5%;
	}
	.message_items > .wp-block-column:last-child {
		flex-basis: 36% !important;
	}
	.message_text {
		line-height: 1.6;
		margin-bottom: 1.2rem;
	}
}
@media screen and (max-width: 767px) {
	.company_link_content .service_link_btns .wp-block-vk-blocks-button {
		min-width: 156px;
	}
	.message_content {
		padding-bottom: 4rem;
	}
	.message_content .title02_box {
		margin-bottom: 2rem;
	}
	.message_content .message_items {
		flex-wrap: wrap !important;
		gap: 1.5rem;
	}
	.message_items > .wp-block-column:first-child,
	.message_items > .wp-block-column:last-child {
		flex-basis: 100% !important;
	}
	.message_items > .wp-block-column:last-child {
		order: -1;
	}
	.message_img {
		max-width: 400px;
		width: 70%;
		margin: 0 auto;
	}
	.message_name {
		font-size: 20px;
	}
	.message_text {
		font-size: 14px;
	}
}

/* 企業理念 */
.philo_content {
	padding-top: 0;
	padding-bottom: 0;
}
.philo_content .vk_outer_container {
	padding: 8.7rem;
	padding-bottom: 15.7rem;
}
.philo_content .title02_box {
/* 	padding-top: 8.7rem; */
	margin-bottom: 2rem;
}
.philo_main_title {
	width: 100vw;
	margin: auto calc(50% - 50vw);
	font-size: 9.375vw;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: #fff !important;
	text-shadow: 1px 1px 0 #1f1f1f, -1px -1px 0 #1f1f1f,
              -1px 1px 0 #1f1f1f, 1px -1px 0 #1f1f1f,
              0px 1px 0 #1f1f1f,  0-1px 0 #1f1f1f,
              -1px 0 0 #1f1f1f, 1px 0 0 #1f1f1f;
	text-align: center;
}
.philo_video {
/* 	position: sticky; */
/* 	position: absolute; */
	position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100vw;
	height: 100vh;
    margin: auto calc(50% - 50vw);
}
.philo_video video {
	height: 100vh;
	object-fit: cover;
}
.philo_item {
	max-width: 1200px;
	margin: 0 auto;
	border: none !important;
	background-color: rgba(255, 254, 249, .9) !important;
	border-radius: 0 20px 0 20px;
	overflow: hidden;
	padding: 3.8rem 1rem 4.3rem;
}
.philo_item + .philo_item {
	margin-top: 6.1rem;
}
.philo_item .vk_borderBox_title_container {
	display: flex;
	justify-content: center;
	padding: 0 !important;
}
.philo_item .vk_borderBox_title_container i {
	display: none;
}
.philo_item .vk_borderBox_title {
	background-color: var(--main-color) !important;
	color: #1f1f1f !important;
	font-family: "Outfit", sans-serif;
/* 	font-size: clamp(1.125rem, 0.839rem + 0.45vw, 1.375rem) !important; */
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem) !important;
	font-weight: 500 !important;
	letter-spacing: 0.2em;
	border-radius: 9999px;
	padding: 2px 15px !important;
	margin-bottom: 2.2rem;
}
.philo_item .vk_borderBox_body {
	padding: 0 !important;
}
.philo_text_box + .philo_text_box {
	margin-top: 3.7rem;
}
.philo_title {
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
	line-height: 1.5625;
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	margin-bottom: clamp(1rem, -0.489rem + 2.32vw, 2.3rem);
}
.philo_text {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 2.444;
	margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
	.philo_content .vk_outer_container {
		padding-top: 4rem;
		padding-bottom: 5rem;
	}
	.philo_item {
		padding: 2rem 1rem 2.5rem;
	}
	.philo_item + .philo_item {
		margin-top: 4rem;
	}
	.philo_item .vk_borderBox_title {
		margin-bottom: 1rem;
	}
	.philo_text {
		line-height: 1.8;
	}
}
@media screen and (max-width: 767px) {
	.philo_item {
		border-radius: 0 20px 0 20px;
	}
	.philo_item + .philo_item {
		margin-top: 3rem;
	}
	.philo_item .vk_borderBox_title {
		font-size: 18px !important;
	}
	.philo_text_box + .philo_text_box {
		margin-top: 1.5rem;
	}
	.philo_title {
		font-size: 18px;
		margin-bottom: .6rem;
	}
	.philo_text {
		font-size: 14px;
	}
}


/* ロゴに込めた想い */
.logo_content {
	padding-top: 7.9rem;
	padding-bottom: clamp(4rem, -4.933rem + 13.94vw, 11.8rem);
}
.logo_content .title02_box {
	margin-bottom: clamp(6rem, -1.101rem + 11.08vw, 12.2rem);
}
.logo_items {
	gap: 0;
}
.logo_img {
	max-width: 364px;
    width: 90%;
    margin: 0 auto;
}
.logo_text {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	letter-spacing: 0.1em;
	line-height: 2.222;
}

@media screen and (max-width: 1024px) {
	.logo_content {
		padding-top: 4rem;
	}
	.logo_content .title02_box {
		margin-bottom: 3rem;
	}
	.logo_img {
		width: 80%;
	}
}
@media screen and (max-width: 767px) {
	.logo_content  {
		padding-bottom: 2rem;
	}
	.logo_content .logo_items {
		flex-wrap: wrap !important;
		gap: 1.5rem;
	}
	.logo_items > .wp-block-column {
		flex-basis: 100% !important;
	}
	.logo_img {
		width: 65%;
	}
	.logo_text {
		line-height: 1.7;
		font-size: 14px;
	}
}

/* 会社概要 */
.outline_content .card_box {
	padding-top: clamp(4rem, -1.955rem + 9.3vw, 9.2rem);
    padding-bottom: clamp(3rem, -3.07rem + 9.47vw, 8.3rem);
    margin-bottom: 0;
}
.outline_content .title02_box {
	margin-bottom: 4.3rem;
}
.outline_table {
	max-width: 810px;
	margin: 0 auto;
}
.outline_table td {
	border: none;
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	font-weight: 400;
	letter-spacing: 0.1em;
	line-height: 2.222;
	padding: 11px 9px;
}
.outline_table td:first-child {
	font-weight: bold;
	width: 150px;
}

@media screen and (max-width: 1024px) {
	.outline_table td {
		padding: 5px;
	}
	.outline_table td:first-child {
		width: 110px;
	}
	.outline_content .title02_box {
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 767px) {
	.outline_table tr {
		display: block;
		padding: 8px 0;
	}
	.outline_table td {
		display: block;
		font-size: 14px;
		line-height: 1.666;
		padding: 0;
	}
	.outline_table td:first-child {
		width: 100%;
		padding-bottom: 2px;
	}
}

/* アクセス */
.access_content {
	padding-top: 6.8rem;
}
.access_content .title02_box {
	margin-bottom: clamp(6rem, 4.626rem + 2.15vw, 7.2rem);
}
.access_items > .row {
	margin: 0;
	gap: 2rem 7%;
}
.access_items .vk_gridColumn_item {
	padding: 0;
	flex: 0 0 46.5%;
    max-width: 100%;
}
.map {
	margin-bottom: 0;
    vertical-align: top;
    aspect-ratio: 1 / .5;
}
.access_title {
	font-size: clamp(1.5rem, 0.927rem + 0.89vw, 2rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 1.375;
	margin: clamp(1rem, -0.145rem + 1.79vw, 2rem) 0 clamp(0.7rem, -0.445rem + 1.79vw, 1.7rem);
}
.access_text {
	font-size: clamp(1rem, 0.714rem + 0.45vw, 1.25rem);
/* 	letter-spacing: 0.2em; */
	letter-spacing: 0.04em;
	line-height: 1.9;
}

@media screen and (max-width: 1024px) {
	.access_content {
		padding-top: 4rem;
	}
	.access_content .title02_box {
		margin-bottom: 3rem;
	}
	.access_items > .row {
		gap: 2rem 5%;
	}
	.access_items .vk_gridColumn_item {
		flex: 0 0 47.5%;
	}
	.access_text {
		line-height: 1.6;
	}
}
@media screen and (max-width: 767px) {
	.access_items > .row {
		gap: 3rem;
	}
	.access_items .vk_gridColumn_item {
		flex: 0 0 100%;
	}
	.access_title {
		font-size: 18px;
	}
	.access_text {
		font-size: 14px;
	}
	.map {
		aspect-ratio: 1 / .6;
	}
}



/**************************************
 * お問い合わせ
***************************************/
body:has(.contact_content) .top_contact_content {
	display: none;
}
/* body:has(.contact_content) {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / cover repeat #000;
} */
.contact_text_content {
	padding-top: 9.4rem;
	padding-bottom: 6.7rem;
}
.contact_text {
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	letter-spacing: 0.04em;
	line-height: 2.222;
}
.contact_content {
	padding-bottom: 5.8rem;
}
.page_contact_box {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	padding: 5.2rem 0 12.8rem;
}
.contact_form_list {
	list-style: none;
	padding-left: 0;
	margin: 0;
	margin-block-end: 0 !important;
}
.contact_form_list > li {
	margin: 0;
}
.contact_form_list > li.type {
	margin-bottom: 2.8rem;
}
.contact_form_list > li + li {
	margin-top: 1.35rem;
}
.contact_form_list .form_title {
	display: flex;
	align-items: center;
	font-size: clamp(1rem, 0.857rem + 0.22vw, 1.125rem);
	font-weight: bold;
	letter-spacing: .2em;
	margin-block-end: .2rem !important;
}
.contact_form_list li.type .form_title {
	margin-block-end: .6rem !important;
}
.contact_form_list .form_title .imp {
	display: block;
	color: #fff;
	background-color: #e60012;
	font-size: .78em;
	font-weight: 500;
	line-height: 1;
	padding: .2em .45em .3em .6em;
    margin-left: 3px;
	border-radius: 5px;
}
.contact_form_list .wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 3.2rem;
	font-family: "noto-sans-cjk-jp", sans-serif;
}
.contact_form_list .wpcf7-list-item {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: .05em;
	margin-left: 0;
}
.contact_form_list .wpcf7-list-item > label {
	display: flex;
	align-items: flex-start;
}
.contact_form_list .wpcf7-list-item input[type="radio"] {
	flex-shrink: 0;
	width: 1.6em;
	height: 1.6em;
	margin: 0;
	margin-top: .2em;
	margin-right: .9em;
}
input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
	background-color: #fff;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-size: 1em;
	padding: .46em .5em;
	margin-bottom: 0;
	border: 1px solid #7d7d7d;
	border-radius: 0;
}
textarea {
	resize: none;
}
.wpcf7-not-valid-tip {
	font-size: .88em;
}
.privacy_policy {
	margin-top: 0.3rem;
	text-align: center;
}
.privacy_policy_text {
	font-size: 16px;
	letter-spacing: 0.2em;
	color: #333;
	line-height: 1.5;
	text-align: left;
}
.privacy_policy p {
	margin-bottom: 0;
	margin-block-end: 2.34rem !important;
}
.privacy_policy p:last-child {
	margin-block-end: 0 !important;
}
.privacy_policy .wpcf7-form-control-wrap {
	display: block;
}
.privacy_policy .wpcf7-acceptance {
	font-size: 18px;
}
.privacy_policy .wpcf7-acceptance .wpcf7-list-item {
	margin-left: 0;
}
.privacy_policy .wpcf7-acceptance .wpcf7-list-item > label {
	display: flex;
	align-items: flex-start;
	gap: .6em;
}
.privacy_policy .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
	width: 1.55em;
    height: 1.55em;
	margin: 0;
	border-radius: 0;
}
.privacy_policy .wpcf7-acceptance .wpcf7-list-item .wpcf7-list-item-label {
	line-height: 1;
}
.submit_btn {
	text-align: center;
	margin-top: 2rem;
}
.submit_btn input.wpcf7-submit {
	background-color: #1f1f1f;
	font-family: "noto-sans-cjk-jp", sans-serif;
	font-size: 18px;
    font-weight: bold;
    letter-spacing: .08em;
    max-width: 400px;
	width: 100%;
	padding: 1.1rem .5rem;
	border: none;
	border-radius: 0 10px 0 10px;
	transition: all .3s;
}
.submit_btn input.wpcf7-submit:not([disabled]):hover {
	background-color: var(--main-color);
/* 	opacity: .7; */
	color: #1f1f1f;
}
.submit_btn input.wpcf7-submit[disabled] {
	opacity: .3;
}
.submit_btn .wpcf7-spinner {
	display: none !important;
}
@media screen and (max-width: 1024px){
	.contact_text_content {
		padding-top: 7rem;
		padding-bottom: 3rem;
	}
	.page_contact_box {
		padding: 3rem 0 6rem;
	}
	.white_box.contact_box {
		padding: 3.15rem 3.3rem 3.7rem;
	}
	.contact_form_list > li.type {
		margin-bottom: 1.5rem;
	}
	.contact_form_list .wpcf7-radio {
		gap: .5rem 3.2rem;
	}
	.contact_form_list .wpcf7-list-item {
		font-size: 15px;
	}
	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=tel],
	input[type=text],
	input[type=url],
	select,
	textarea {
		font-size: 15px;
		padding: .4em .5em;
	}
	.privacy_policy_text {
		font-size: 15px;
		margin-block-end: 1rem !important;
	}
	.privacy_policy .wpcf7-acceptance {
		font-size: 16px;
	}
	.privacy_policy .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
		width: 15px;
		height: 15px;
	}
	.submit_btn {
		margin-top: 1.5rem;
	}
	.submit_btn input.wpcf7-submit {
		max-width: 300px;
		font-size: 16px;
		padding: .8rem .5rem;
	}
}
@media screen and (max-width: 767px){
	.contact_text_content {
		padding-top: 6rem;
	}
	.contact_text {
		font-size: 14px;
		line-height: 1.666;
	}
	.page_contact_container {
		padding-bottom: 4rem;
	}
	.page_contact_box {
		padding: 3rem 0 4rem;
	}
	.contact_form_list .wpcf7-list-item {
		font-size: 14px;
	}
	.contact_form_list .wpcf7-list-item input[type="radio"] {
		width: 15px;
		height: 15px;
		margin-top: 3px;
		margin-right: 7px;
	}
	.contact_form_list .form_title,
	.contact_form_list li.type .form_title {
		margin-block-end: .3rem !important;
	}
	.contact_form_list .form_title .imp {
		margin-left: .9em;
	}
	.contact_form_list .wpcf7-radio {
		flex-direction: column;
	}
	.privacy_policy_text {
		font-size: 13px;
	}
	.privacy_policy_text br {
		display: none;
	}
	.privacy_policy p {
		margin-bottom: 1rem !important;
	}
}



/**************************************
 * 製作実績（アーカイブページ）
***************************************/
html:has(.post-type-works.archive) {
	overflow: visible !important;
}
/* .post-type-works.archive {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / contain repeat #000;
}
.post-type-works.archive:has(.view-grid-small) {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / cover repeat #000;
} */
.post-type-works.archive .page-header,
.post-type-works.archive #breadcrumb,
.post-type-works.archive .archive-header {
	display: none !important;
}
.post-type-works.archive .top_contact_content {
	padding-top: 0;
}
.post-type-works.archive .top_company_slider {
	display: block;
}
.post-type-works.archive .site-body {
	padding-top: 9.4rem;
}
.works_archive_items {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	margin-bottom: 4.1rem;
}
.post-type-works.archive .title01_box {
	margin-bottom: 0;
}
.works_archive_cat_box {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 3.6rem;
}
.works_archive_cat_box p {
	font-family: "Outfit", sans-serif;
	flex-shrink: 0;
	margin-bottom: 0;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.works_archive_cat_box ul,
.works_cat_lists {
	list-style: none;
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
	margin: 0;
	font-family: "Outfit", sans-serif;
}
.works_archive_cat_box li,
.works_cat_lists li {
	margin: 0;
}
.works_archive_cat_box li a,
.works_cat_lists li a {
	position: relative;
	z-index: 1;
	display: block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 9999px;
	padding: 1px 8px;
	letter-spacing: 0.1em;
	overflow: hidden;
	text-decoration: none;
	transition: color .3s;
}
.works_archive_cat_box li a::before,
.works_cat_lists li a::before {
	content: '';
	width: 0;
	height: 100%;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transition: width .3s;
}
.works_archive_cat_box li a:hover,
.works_cat_lists li a:hover,
.works_archive_cat_box li.active a {
	color: #1f1f1f;
}
.works_archive_cat_box li a:hover::before,
.works_cat_lists li a:hover::before,
.works_archive_cat_box li.active a::before {
	width: 100%;
}
.vk-filter-search button[type='submit'] {
	display: none !important;
}
.works_view_box {
	position: sticky;
	bottom: 20px;
}
.works_view_box .works_view_lists {
	position: relative;
	display: flex;
	justify-content: center;
	max-width: 400px;
	padding-left: 0;
	margin: 0 auto;
	list-style: none;
	background-color: #1f1f1f;
	border-radius: 9999px;
	overflow: hidden;
}
.works_view_box .works_view_lists::before {
	content: '';
    width: calc(100% / 3);
    height: calc(100% - 5px);
    background-color: #fff;
    border-radius: 9999px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	pointer-events: none;
	transition: all 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}
.works_view_box .works_view_lists:has(button:nth-child(1).active)::before {
	left: 2px;
}
.works_view_box .works_view_lists:has(button:nth-child(2).active)::before {
	left: 133px;
}
.works_view_box .works_view_lists:has(button:last-child.active)::before {
	left: 263px;
}
.works_view_box button {
	position: relative;
	flex: 1;
    height: 52px;
    border: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1em;
	color: #fff;
	padding: 0;
	padding-left: 35px;
	z-index: 1;
	cursor: pointer;
}
.works_view_box button.active {
	color: #1f1f1f;
}
.works_view_box button::before {
	content: '';
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 27px;
	transform: translateY(-50%);
}
.works_view_box button[data-view="grid-small"]::before {
	background: url('../../../wp-content/uploads/2025/06/view_small_white.png') center / contain no-repeat;
}
.works_view_box button[data-view="grid-large"]::before {
	background: url('../../../wp-content/uploads/2025/06/view_big_white.png') center / contain no-repeat;
}
.works_view_box button[data-view="list"]::before {
	background: url('../../../wp-content/uploads/2025/06/view_list_white.png') center / contain no-repeat;
}
.works_view_box button[data-view="grid-small"].active::before {
	background: url('../../../wp-content/uploads/2025/06/view_small_black.png') center / contain no-repeat;
}
.works_view_box button[data-view="grid-large"].active::before {
	background: url('../../../wp-content/uploads/2025/06/view_big_black.png') center / contain no-repeat;
}
.works_view_box button[data-view="list"].active::before {
	background: url('../../../wp-content/uploads/2025/06/view_list_black.png') center / contain no-repeat;
}

@media screen and (max-width: 1024px) {
	.post-type-works.archive .site-body {
		padding-top: 7rem;
	}
}
@media screen and (max-width: 767px) {
	.post-type-works.archive .site-body {
		padding-top: 6rem;
	}
	.post-type-works.archive:has(.view-grid-small) {
		background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / contain repeat #000;
	}
	.works_view_box .works_view_lists {
		max-width: 335px;
	}
	.works_view_box button {
		height: 40px;
		font-size: 13px;
		padding-left: 15px;
	}
	.works_view_box button::before {
		width: 13px;
		height: 13px;
		left: 20px;
	}
	.works_view_box .works_view_lists:has(button:nth-child(2).active)::before {
		left: 110px;
	}
	.works_view_box .works_view_lists:has(button:last-child.active)::before {
		left: 220px;
	}
	.post-type-works.archive #page_top.page_top_btn {
		bottom: 75px;
	}
}
/* 一覧大 */
.post-type-works.archive .vk_posts {
	display: grid;
	gap: 3.4rem 20px;
	grid-template-columns: 1fr 1fr 1fr;
	margin: 0 0 6.3rem;
}
.works_archive_text_box {
	display: none;
}
.post-type-works.archive .vk_posts a {
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.works_text_content {
	margin-bottom: 12px;
}
.works_post_title_box.pc_hidden {
	margin-bottom: 15px;
	display: none;
}
.works_post_sub_title {
	margin-bottom: 4px;
	font-size: clamp(0.875rem, 0.732rem + 0.22vw, 1rem);
}
.works_post_title {
	margin: 0;
	padding: 0;
	border: none !important;
	font-weight: 500;
    font-size: clamp(1.125rem, 0.696rem + 0.67vw, 1.5rem);
    letter-spacing: 0.13em;
}
.works_post_title::after {
	display: none;
}
.works_archive_categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	gap: 5px 8px;
}
.works_archive_cat {
	display: block;
	border-radius: 9999px;
    border: 1px solid #fff;
    padding: 1px 10px;
    letter-spacing: 0.1em;
    font-family: "Outfit", sans-serif;
	font-size: clamp(0.75rem, 0.464rem + 0.45vw, 1rem);
}
.works_archive_img {
	position: relative;
	border-radius: 0 40px 0 40px;
	overflow: hidden;
	margin-top: auto;
}
.works_archive_img::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: #1f1f1f;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	transition: opacity .4s;
}
.works_post_item:hover .works_archive_img::before {
	opacity: .7;
}
.works_archive_img .works_post_title_box {
	position: absolute;
	bottom: 20px;
	left: 20px;
	opacity: 0;
	transition: opacity .4s;
}
.works_post_item:hover .works_archive_img .works_post_title_box {
	opacity: 1;
}
.works_archive_img img {
	display: block;
	aspect-ratio: 1 / .856;
	object-fit: cover;
}
@media screen and (max-width: 1024px) {
	.post-type-works.archive .vk_posts {
		grid-template-columns: 1fr 1fr;
		gap: 2rem 20px;
		margin: 0 0 2rem;
	}
	.works_archive_img {
		border-radius: 0 25px 0 25px;
	}
	.works_archive_cat {
		font-size: 14px;
		padding: 1px 8px;
	}
	.works_post_title_box {
		margin-bottom: 10px;
	}
	.works_post_title_box.pc_hidden {
		display: block;
	}
	.works_post_title {
		font-size: 20px;
	}
	.works_post_sub_title {
		margin-bottom: 0;
	}
	.works_archive_img .works_post_title_box,
	.works_archive_img::before {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.works_archive_items {
		flex-wrap: wrap;
	}
	.works_archive_cat {
		font-size: 12px;
	}
	.works_archive_cat_box ul,
	.works_cat_lists {
		gap: 8px;
	}
	.works_archive_cat_box li a {
		font-size: 14px;
	}
	.works_cat_lists li a {
		font-size: 12px;
	}
	.works_archive_cat_box {
		width: 100%;
		flex-wrap: wrap;
		gap: .5rem;
		margin-bottom: 0;
	}
	.works_archive_cat_box ul {
		width: 100%;
	}
	.post-type-works.archive .vk_posts {
		grid-template-columns: 1fr;
	}
	.works_archive_img {
		border-radius: 0 15px 0 15px;
	}
	.works_archive_img img {
		aspect-ratio: 1 / 0.645;
	}
	.post-type-works.archive .vk_posts {
		gap: 3rem;
	}
	.works_post_title_box.pc_hidden {
		margin-bottom: 10px;
	}
}
/* 一覧小 */
.post-type-works.archive .view-grid-small.vk_posts {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
/* 	gap: 1.7rem 2.2rem; */
	gap: 2.5rem 2%;
}
.view-grid-small.vk_posts .works_text_content {
	margin-bottom: 0;
}
.view-grid-small.vk_posts .works_archive_categories {
	display: none;
}
.view-grid-small.vk_posts .works_post_sub_title {
	font-size: 12px;
	margin-bottom: 0;
}
.view-grid-small.vk_posts .works_post_title {
	font-size: 17px;
}
.view-grid-small .works_archive_img {
	border-radius: 0 20px 0 20px;
}
.view-grid-small .works_archive_img .works_post_title_box {
	bottom: 10px;
	left: 10px;
}

@media screen and (max-width: 1300px) {
	.post-type-works.archive .view-grid-small.vk_posts {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
@media screen and (max-width: 1024px) {
	.post-type-works.archive .view-grid-small.vk_posts {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.5rem 2%;
	}
	.view-grid-small.vk_posts .works_post_item::before {
		border-radius: 0 25px 0 25px;
	}
	.post-type-works.archive .view-grid-small.vk_posts .works_post_title_box.pc_hidden {
		display: none;
	}
	.view-grid-small .works_archive_img {
		border-radius: 0 10px 0 10px;
	}
}
@media screen and (max-width: 767px) {
	.post-type-works.archive .view-grid-small.vk_posts {
		grid-template-columns: 1fr 1fr;
	}
}
/* リスト */
.post-type-works.archive .view-list.vk_posts {
	grid-template-columns: 1fr;
	gap: 0;
}
.post-type-works.archive .view-list.vk_posts a {
	flex-direction: row !important;
}
.view-list.vk_posts .works_post_item > a {
	display: flex;
    align-items: center;
    justify-content: space-between;
	padding: 2.6rem 0;
	border-top: 1px solid #fff;
}
.view-list.vk_posts .works_post_item:first-child > a {
	padding-top: 0;
	border-top: none;
}
.view-list.vk_posts .works_post_item:last-child > a {
	border-bottom: 1px solid #fff;
}
.view-list.vk_posts .works_text_content {
	width: 62%;
}
.view-list.vk_posts .works_archive_text_box {
	display: block;
}
.view-list.vk_posts .works_archive_img {
	order: -1;
	flex-shrink: 0;
    width: 32.6%;
	margin-top: 0;
}
.view-list.vk_posts .works_archive_title {
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 0;
	margin: 2rem 0 .5rem;
}
.view-list.vk_posts .works_archive_text {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom: 0;
	font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 1.875;
}
.view-list.vk_posts .works_archive_img img {
	aspect-ratio: 1 / .856;
}

@media screen and (max-width: 767px) {
	.view-list.vk_posts .works_post_item > a {
		flex-wrap: wrap;
/* 		padding: 1.5rem 0; */
	}
	.view-list.vk_posts .works_post_item > a .works_text_content,
	.view-list.vk_posts .works_post_item > a .works_archive_img {
		width: 100%;
	}
	.view-list.vk_posts .works_post_item > a .works_text_content {
		display: contents;
	}
	.view-list.vk_posts .works_post_item .works_archive_categories,
	.view-list.vk_posts .works_post_item .works_post_title_box {
		order: -1;
	}
	.view-list.vk_posts .works_post_item .works_archive_categories {
		margin-bottom: 12px;
	}
	.view-list.vk_posts .works_archive_title {
		font-size: 18px;
		margin: 1rem 0 .5rem;
	}
	.view-list.vk_posts .works_archive_text {
		font-size: 14px;
	}
	.view-list.vk_posts .works_archive_img img {
		aspect-ratio: 1 / 0.645;
	}
}


/**************************************
 * 製作実績（シングルページ）
***************************************/
.post-type-works.single .page-header,
.post-type-works.single #breadcrumb,
.post-type-works.single .entry-header,
.post-type-works.single .entry-footer {
	display: none !important;
}
.post-type-works.single .site-body {
	padding-top: 9.4rem;
	padding-bottom: 6.8rem;
}
.post-type-works.single .works_archive_items .title01_box {
	margin-bottom: 0;
}
.sub_company_name {
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-bottom: 0;
}
.client_name {
	font-size: 34px;
    letter-spacing: 0.1em;
    line-height: 1.176;
    margin: 9px 0 1.5rem;
    padding: 0;
    border: none !important;
}
.works_cat_lists {
	margin-bottom: 1.3rem;
}
.works_main_img {
	width: 100%;
	border-radius: 0 40px 0 40px;
	aspect-ratio: 1 / .35;
    object-fit: cover;
}
.works_info_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 5%;
	width: 98%;
    margin: 2.7rem auto 0;
}
.works_client_box,
.works_team_box {
	position: relative;
	display: flex;
	align-items: center;
	padding: 1rem 0;
}
.works_client_box::before,
.works_team_box::before {
	content: '';
	width: 1px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.works_client_box {
	width: 40%;
}
.works_team_box {
	width: 55%;
}
.works_info_title {
	margin-bottom: 0;
	padding: 0;
	border: none !important;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 1.555;
	flex-shrink: 0;
	padding: 0 2rem;
}
.works_info_title::after {
	display: none;
}
.works_info_text_box p {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.875;
	letter-spacing: 0.1em;
}
.works_info_text_box a {
	color: #fff;
	transition: color .3s;
}
.works_info_text_box a:hover {
	color: var(--main-color);
}
.works_team_box .works_info_text_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0 10px;
}
.works_team_box .works_info_text_box p {
	width: 49%;
	flex-shrink: 0;
}
.works_about_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 5.8%;
	margin-top: 8.5rem;
}
.works_about_text_box {
	width: 50%;
}
.works_about_slider {
	position: relative;
	width: 44.2%;
	padding-bottom: 2.7rem;
}
.works_about_title {
	font-size: 28px;
	line-height: 1.428;
	letter-spacing: 0.1em;
	border: none !important;
	padding: 0;
	margin-bottom: 1rem;
}
.works_about_text {
	font-size: 18px;
	line-height: 2.222;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	text-align: justify;
}
.works_about_slider img {
	aspect-ratio: 1 / .66;
	object-fit: cover;
}
.works_about_slider .swiper-pagination-bullet {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	outline: unset !important;
	background-color: #fff;
}
.works_about_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--main-color);
}
.works_gallery_slider {
	width: 100vw;
	margin: 7rem calc(50% - 50vw) 0;
}
.works_gallery_slider.static-gallery {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.works_gallery_slider.static-gallery .swiper-wrapper {
	gap: 1rem;
}
.works_gallery_slider.static-gallery .swiper-slide {
	flex-shrink: unset !important;
}
.works_gallery_slider img {
	width: 100%;
	aspect-ratio: 1 / 0.667114;
	object-fit: cover;
}
.post-type-works.single .work_content {
	padding-top: 9rem;
}
.post-type-works.single .work_content .vk_outer_container {
	padding-top: 6.1rem;
}
.post-type-works.single .work_content .title01 {
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.post-type-works.single .work_content .sub_title01 {
	margin-top: 0.1rem;
}
.post-type-works.single .work_box {
	gap: 0;
	justify-content: space-between;
}
.post-type-works.single .work_main_post {
	flex-basis: 37.2% !important;
}
.post-type-works.single .work_sub_post {
	flex-basis: 23.5% !important;
}
.post-type-works.single .work_box .vk_post_imgOuter {
	position: relative;
	border-radius: 0 40px 0 40px;
	overflow: hidden;
	aspect-ratio: 1 / 0.645;
}
.post-type-works.single .work_box .vk_post_imgOuter::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity .3s;
}
.post-type-works.single .work_box .vk_post_imgOuter:hover::before {
	opacity: .3;
}
.post-type-works.single .work_box .vk_post_imgOuter + .vk_post_imgOuter {
	margin-top: 6.3%;
}
.post-type-works.single .work_box .work_main_post .vk_post_imgOuter {
	aspect-ratio: 1 / 0.856;
}

@media screen and (max-width: 1700px) {
	.works_info_content {
		flex-wrap: wrap;
		gap: 2rem;
	}
	.works_client_box,
	.works_team_box {
		width: 100%;
	}
	.works_team_box .works_info_text_box {
		justify-content: flex-start;
	}
	.works_team_box .works_info_text_box p {
		width: 33%;
	}
}
@media screen and (max-width: 1450px) {
	.works_team_box .works_info_text_box p {
		width: 49%;
	}
}
@media screen and (max-width: 1024px) {
	.post-type-works.single .site-body {
		padding-top: 7rem;
		padding-bottom: 2rem;
	}
	.sub_company_name {
		font-size: 16px;
	}
	.client_name {
		font-size: 22px;
	}
	.works_main_img {
		border-radius: 0 20px 0 20px;
	}
	.works_info_content {
		gap: 1rem;
	}
	.works_client_box,
	.works_team_box {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: flex-start;
		padding: .5rem 0;
	}
	.works_client_box::before,
	.works_team_box::before {
		display: none;
	}
	.works_info_title {
		padding: 0;
		padding-left: 12px;
		border-left: 3px solid #fff !important;
		margin-bottom: .5rem;
	}
	.works_info_title br {
		display: none;
	}
	.works_info_text_box p {
		font-size: 15px;
	}
	.works_about_content {
		margin-top: 4rem;
		gap: 4%;
	}
	.works_about_slider {
		width: 46%;
		padding-bottom: 2rem;
	}
	.works_about_title {
		font-size: 22px;
	}
	.works_about_text {
		font-size: 15px;
		line-height: 1.666;
	}
	.works_gallery_slider {
		margin-top: 4rem;
	}
	.post-type-works.single .work_content .vk_outer_container {
		padding-top: 3rem;
	}
	.post-type-works.single .work_content .title01 {
		font-size: clamp(1.75rem, 0.891rem + 1.34vw, 2.5rem);
	}
	.post-type-works.single .work_content .sub_title01 {
		font-size: 14px;
		margin-top: 0;
	}
	.post-type-works.single .work_box .vk_post_imgOuter {
		border-radius: 0 25px 0 25px;
	}
	.work_content .title01_box {
		margin-bottom: 2rem;
	}
}
@media screen and (max-width: 767px) {
	.post-type-works.single .site-body {
		padding-top: 6rem;
	}
	.sub_company_name {
		font-size: 14px;
	}
	.client_name {
		font-size: 20px;
		margin: 5px 0 10px;
	}
	.works_main_img {
		border-radius: 0 10px 0 10px;
		aspect-ratio: 1 / .5;
	}
	.works_info_title {
		font-size: 16px;
	}
	.works_info_text_box p {
		font-size: 14px;
	}
	.works_team_box .works_info_text_box p {
		width: 100%;
	}
	.works_about_content {
		flex-wrap: wrap;
		gap: 1rem;
	}
	.works_about_text_box,
	.works_about_slider {
		width: 100%;
	}
	.works_about_slider {
		order: -1;
	}
	.works_about_title {
		font-size: 18px;
	}
	.works_about_text {
		font-size: 14px;
	}
	.post-type-works.single .work_main_post,
	.post-type-works.single .work_sub_post {
		flex-basis: 100% !important;
	}
	.post-type-works.single .work_box .vk_post_imgOuter {
		border-radius: 0 15px 0 15px;
	}
	.post-type-works.single .work_box .vk_post_imgOuter {
		aspect-ratio: 1 / 0.645 !important;
		margin-bottom: 6.3%;
	}
	.post-type-works.single .card_box {
		width: 100%;
		margin-bottom: 1rem;
	}
}
/**************************************
 * お知らせ
***************************************/
/* .post-type-archive-news,
.single-news {
	background: url('../../../wp-content/uploads/2025/06/main_bg-scaled.webp') center / cover repeat #000;
} */
.single-news {
	color: #fff;
}
.post-type-archive-news .page-header,
.post-type-archive-news #breadcrumb,
.single-news .page-header,
.single-news #breadcrumb {
	display: none !important;
}
.post-type-archive-news .site-body,
.single-news .site-body {
	padding-top: 12rem;
	padding-bottom: 0rem;
}
.single-news .site-body-container {
	max-width: 1200px !important;
}
.single-news .entry-footer {
	display: none;
}
.post-type-archive-news .vk_post {
	border: none;
	border-radius: 0 !important;
	cursor: pointer;
}
.post-type-archive-news .vk_post .vk_post_imgOuter::after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--main-color);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .3s;
}
.post-type-archive-news .vk_post:hover .vk_post_imgOuter::after {
	opacity: .3;
}
.post-type-archive-news .vk_post .news_cat {
	margin-bottom: 0;
}
.post-type-archive-news .type-news.vk_post .vk_post_body {
	padding: 20px 10px;
}
.post-type-archive-news .vk_post-btn-display .vk_post_btnOuter {
	position: relative;
	bottom: 0;
	margin-top: 10px;
}
.post-type-archive-news .type-news.vk_post .vk_post_title {
	white-space: normal;
	text-overflow: visible;
}
.post-type-archive-news .title01_box {
	color: #fff;
}
h1 {
	font-size: 32px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 26px;
}
h5 {
	font-size: 24px;
}

ul.page-numbers li {
	margin: 0 10px;
	overflow: visible;
}
ul.page-numbers li span.page-numbers.current {
	background-color: var(--main-color);
	color: #1f1f1f
}
ul.page-numbers li a,
ul.page-numbers li span.page-numbers {
	background-color: #fff;
	border-radius: 50% !important;
	width: 40px;
    height: 40px;
	color: #1f1f1f;
	font-weight: bold;
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
ul.page-numbers li a.next,
ul.page-numbers li a.prev {
	padding-bottom: 5px;
}

@media screen and (max-width: 1024px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {
	.post-type-archive-news .site-body,
	.single-news .site-body {
		padding-top: 7rem;
	}
	.post-type-archive-news .type-news.vk_post .vk_post_body {
		padding: 10px;
	}
	.post-type-archive-news .vk_post-btn-display .vk_post_btnOuter {
		margin-top: 0;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 18px;
	}
	h4 {
		font-size: 17px;
	}
	h5 {
		font-size: 16px;
	}
	ul.page-numbers li {
		margin: 0 5px;
	}
	ul.page-numbers li a,
	ul.page-numbers li span.page-numbers {
		width: 35px;
		height: 35px;
		font-size: 13px;
	}
	ul.page-numbers li a.next,
	ul.page-numbers li a.prev {
		padding-bottom: 3px;
	}
}



/**************************************
 * アニメーション
***************************************/
.animate_en span {
	display: inline-block;
	overflow: hidden;
	transform: translateY(70%);
	opacity: 0;
	transition: all .3s var(--char-index);
}
.animate_en.class_active span {
	opacity: 1;
	transform: translate(0);
}
.animate_en span.space {
	display: inline;
}

.animate_btn .vk_button_link_txt span {
	display: inline-block;
	transform: translate(350%, 20%) skewX(-20deg);
	opacity: 0;
	transition: transform .8s ease var(--char-index), opacity .8s ease var(--char-index);
}
.animate_btn .vk_button_link_txt span.space {
	display: inline;
}
.animate_btn.class_active .vk_button_link_txt span {
	transform: translate(0, 0) skewX(0deg);
    opacity: 1;
}

.delay1 {
	transition-delay: 0.1s !important;
}
.delay2 {
	transition-delay: 0.2s !important;
}
.delay3 {
	transition-delay: 0.3s !important;
}
.delay4 {
	transition-delay: 0.4s !important;
}
.delay5 {
	transition-delay: 0.5s !important;
}

/* ふわっと */
.class_key.up {
	transform: translateY(30px);
	opacity: 0;
	transition: all .3s;
}
.up.class_active {
	transform: translateY(0);
	opacity: 1;
}

/* 右から左 */
.class_key.right {
	transform: translateX(30px);
	opacity: 0;
	transition: all .5s;
}
.right.class_active {
	transform: translateX(0);
	opacity: 1;
}

/* 左から右 */
.class_key.left {
	transform: translateX(-30px);
	opacity: 0;
	transition: all .5s;
}
.left.class_active {
	transform: translateX(0);
	opacity: 1;
}

/* マスク */
.class_key.mask {
	mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    mask-size: 340% 340%;
    -webkit-mask-size: 340% 340%;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: 130% 130%;
    -webkit-mask-position: 130% 130%;
}
.class_active.mask {
	animation: mask-animation 1.2s linear forwards;
}
@keyframes mask-animation {
	0% {
		mask-position: 130% 130%;
    	-webkit-mask-position: 130% 130%;
		mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
	}
	99% {
		mask-position: 0 0;
    	-webkit-mask-position: 0 0;
		mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
	}
	100% {
		mask-image: unset;
		-webkit-mask-image: unset;
	}
}


.class_key.big {
	transform: scale(0.2);
	opacity: 0;
	transition: all .6s;
}
.class_key.big.class_active {
	transform: scale(1);
	opacity: 1;
}