@font-face{
  font-family: "swiper-icons";
  src:
    url("https://cdn.jsdelivr.net/npm/swiper-src@5.2.3/package/src/icons/font/swiper-icons.woff2") format("woff2"),
    url("https://cdn.jsdelivr.net/npm/swiper-src@5.2.3/package/src/icons/font/swiper-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

header a {
	text-decoration: none;
}

.siteHeader {
    background-color: #ffffff00;
		box-shadow: none;
}

.siteHeader_logo img {
    max-height: 30px;
	  margin-top: 15px;
}

.vk-mobile-nav-menu-btn {
		border: 0px solid #333;
    width: 40px;
    height: 40px;
	  box-shadow: 0 0 5px gray;
}

.footerMenu ul {
	margin-top: 1.5em;
}

.footerMenu li {
	font-size: 18px !important;
}

.vk_slider.slider01 .swiper-wrapper {
  transition-timing-function:linear !important;
}

.vk_slider_item_container {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.works-page-article .vk_post_excerpt.card-text {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.works-page-article  .vk_post_taxonomy_title {
	display: none;
}

.works-page-article .vk_post_taxonomy_terms a {
	position: relative;
	
	&::before {
		position: absolute;
		content: '#';
		left: -0.7em;
		top: 50%;
		transform: translateY(-50%);
	}
}

.works-page-article .vk_post_btnOuter a {
	border-radius: 100vmax;
	background-color: transparent;
	color: #494776;
	
	&:hover {
		background-color: #494776;
		color: #fff;
	}
}

.works-page-article .card-post {
  background-color: transparent;
	border: none;
}

.works-page-article .card-body {
	padding-right: 0;
	padding-left: 0;
}

.works-page-article .vk_post_title {
	font-size: 16px;
}

.works-page-article .vk_post .vk_post_btn {
	font-size: 14px;
}

.top-page-works-section .swiper-wrapper {
	gap: 0 20px;
}

.swiper-container {
	overflow: visible !important;
}

.top-page-works-section .swiper-wrapper > div {
	background-color: #fff;
	border-radius: 15px;
	width: 400px;
	height: 170px;
	box-shadow: 0 0 0 1px rgba(0,0,0,.04),
    0 0 24px rgba(0,0,0,.12);
}

.top-page-works-section .swiper-wrapper .vk_slider_item_container {
	position: absolute;
	inset: 0;
	margin: auto;
	width: 60%;
}

.top-page-works-section .swiper-wrapper .vk_slider_item_container figure {
	position: absolute;
	inset: 0;
	margin: auto;
}

.top-page-works-slider-item-2 .vk_slider_item_container,
.top-page-works-slider-item-3 .vk_slider_item_container,
.top-page-works-slider-item-4 .vk_slider_item_container,
.top-page-works-slider-item-5 .vk_slider_item_container {
	width: 50% !important;
}

.top-page-works-section-items .vk_slider_item_container {
	width: 45% !important;
}

.postListText_singleTermLabel {
	pointer-events: none;
}

@media (max-width: 699px) {
	.siteContent {
  	  margin: 0 10px;
	}
	.navbar-brand.siteHeader_logo {
    width: 200px;
}
	.wp-block-image.size-large.is-resized {
			width: 90%;
		margin-bottom: 1rem !important;
	}
	.about.is-style-vk-heading-plain.vk_block-margin-md--margin-top
	{
			line-height: 150%;
			font-size: 16px!important;
			margin-top: 18px!important;
	}
	.about-txt.vk_block-margin-sm--margin-top {
			font-size: 12px!important;
	}
	
	.wp-block-image.size-full.is-resized.vk_block-margin-xxl--margin-top.vk_block-marg in-md--margin-bottom {
			width: 50%;
	}
	.wp-block-image.size-full.is-resized.vk_block-margin-md--margin-bottom {
			width: 50%;
	}
	.wp-block-image.size-full.is-resized {
			width: 70%;	
		  margin: 0 auto;
		}
	.div.wp-block-cover__inner-container .is-layout-constrained.wp-block-.cover-is-layout-constrainedfigure.aligncenter.size-full.is-resized {
				width: 50%;
	}

	.wp-block-vk-blocks-grid-column-item.vk_gridColumn_item.col-12.col-sm-6.col-md-4.col-lg-4.col-xl-4.col-xxl-4 {
		  max-width: 80%;
    	margin: 0 auto;
	}
	.vk_gridColumn [class*=col-] {
    padding: 0px;
}

	.plan-title.vk_block-margin-lg--margin-top {
		width: 40%;
		margin: 0 auto;
	}
	.plan.vk_block-margin-sm--margin-top {
			font-size: 16px !important;
	}
	.contact-img.vk-aligncenter--mobile {
		width: 60% !important;
		margin: 0 auto;
	}

	.company-title.vk_block-margin-md--margin-bottom {
			width: 60% !important;
			margin: 0 auto;
	}
	.access-title {
			width: 55% !important;
	}
	.service.is-style-vk-group-shadow {
			margin-top: 10px !important;
	}
	.plan-img {
		 width: 70%;
		margin: 10px auto;
	}
	.number.vk_block-margin-xs--margin-top {
			width: 50px;
			margin: 0 auto;
	}
	.recruit-title {
			 width: 50%;
	}
	.plan-ttl {
		width: 50%!important;
	}
	.recruit-title {
		width: 60%!important;
		margin: 0 auto;
	}
	.recruit-txt.vk_block-margin-0--margin-bottom.vk_block-margin-xs--margin-top {
		font-size: 15px!important;
		margin-top: 12px!important;
		text-align: center!important;
	}

	.wp-block-media-text>.wp-block-media-text__content {
		padding: 0px;
	}
	.service-h1.is-style-vk-heading-plain {
			line-height: 150%;
	}
	.service-txt.service-title.vk_block-margin-md--margin-top {
		text-align: center;
		margin-top: 15px!important;
	}
	.service-page-txt {
		font-size: 13px!important;
	}
	.gutena-tabs-block-94be0f-76 {
    --gutena--tabs-tab-min-width: 29px!important;
    --gutena--tabs-tab-spacing: 5px!important;
    --gutena--tabs-tab-after-gap: 15px!important;
    --gutena--tabs-tab-font-size: 12px!important;
    --gutena--tabs-tab-font-style: normal!important;
    --gutena--tabs-tab-font-weight: 600!important;
    --gutena--tabs-tab-padding: 7px!important;
	}
	.vk-mobile-nav-menu-btn.menu-open {
    border: none!important;
}
	}

figure.is-style-vk-table-border-top-bottom {
	tbody {
		border-top: 1px solid #808080;
	}
}

.footerWidget h2.wp-block-heading {
	border-top-color: #fff;
	border-top-width: 1px;
}

.tssc-nav.prev { 
		display: none;
	}
	
  .tssc-nav.next { 
		display: none;
	}

	#post-1,
	#post-2601,
	#post-3449 {
		margin-bottom: 0 !important;
	}
	
	.mainSection:has(#post-1),
  .mainSection:has(#post-3449),
	.mainSection:has(#post-2601){
		margin-bottom: 0;
	}
	
	.page-id-1 .siteContent,
	.page-id-3449 .siteContent,
	.page-id-2601 .siteContent{
		padding-bottom: 0 !important;
	}

.company-page-member-position {
	margin-bottom: 0;
}

.company-page-member-name {
	margin-bottom: 0.5em;
}

.company-page-member-image {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 321px;
}

.company-column .row {
	width: 100%;
	margin-inline: auto;
}

.company-page-member-position {
		font-size: 13px;
	}
	
.company-page-member-name {
	font-size: 18px;
}
	
.company-page-member-description {
	font-size: 14px;
}

.company-page-message-description {
	font-size: 14px;
}

.company-page-position-title {
	font-size: 14px;
}

.company-page-name {
	font-size: 20px:
}

.single.single-post {
	.section.page-header {
		display: none;
	}
}

@media screen and (min-width: 375px) and (max-width: 440px) {
	.service-h1.is-style-vk-heading-plain {
		font-size: clamp(15px, 3.9893617vw, 18px) !important;
	}
	
	.service-page-steps-heading {
		font-size: clamp(18px, 4.78723404vw, 21px);
	}
}

.gutena-tabs-block.mobile-scroll>.gutena-tabs-tab {
	flex-wrap: wrap !important;
}

.main-visual-sp {
	@media screen and (max-width: 440px) 		{
		height: calc((100vh / 3) * 2);
		margin-top: 1rem;
		margin-right: -0.5rem;
		margin-left: -0.5rem;
		border-radius: 10px;
		
		video {
			scale: 1.05;
		}
	}
}

@media screen and (max-width: 440px) {
	
	#top .siteHeader-trans-true {
		background-color: transparent !important;
	}
	
	.page-id-2449 .siteHeadContainer {
		display: none;
	}
	
	.page-id-2449 .siteContent {
		padding-top: 0;
	}
	
	.page-id-2449 .alignwide.wp-block-cover {
		margin-top: 1rem !important;
	}
	
	.page-id-2449 .vk-mobile-nav-menu-btn {
		top: 1.5rem;
		left: 1.5rem;
	}
	
	/* サービスエリア */
	.top-service-section-slide-container .row {
		display: grid !important;
		grid-auto-flow: column;
		grid-area: item;
		column-gap: 50px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scroll-snap-stop: always;
		scroll-behavior: smooth;
		scrollbar-width: none;
		anchor-name: --carousel;
		-webkit-overflow-scrolling: touch;
		min-width: 0;
		padding-inline: 50px;
	}
	
	.top-service-section-slide-container > .row::-webkit-scrollbar{ 
		display:none; 
	}
	
	.top-service-section-slide-container > .row::-webkit-scrollbar{ 
		display:none;
	}
	
	.top-service-section-slide-container > .row > * {
	width: calc(100vw - 100px);
  min-width: calc(100vw - 100px);
  scroll-snap-align: center;
	}
	

	
	.top-service-section-slide-container .row > div > dis {
		height: 100%;
	}
	
	.wp-block-vk-blocks-grid-column.company-column {
		grid-template-columns: auto;
	}
	
	.wp-block-vk-blocks-grid-column-item {
			width: var(--item-width);
			min-width: var(--item-width);
			height: var(--item-height);
			scroll-snap-align: center;
		}
	
	/* スライドの矢印表示したい */
	.top-service-section-slide-container { 			position: relative; 
	}
	
	.tssc-nav {
		position: absolute; top:50%;
		transform: translateY(-50%);
		width: 2.4rem;
		height: 2.4rem;
		border: 0;
		border-radius: 5px;
		display: grid; 
		place-items: center;
		background-color: rgba(255,255,255,0.5);
		color:#333;
		box-shadow: 0 2px 6px rgba(0,0,0,.18);
		cursor: pointer; 
		z-index: 2;
		font-size: 0;
	}
	
	.tssc-nav.prev {
		display: block;
		left: 8px;
	}
	
  .tssc-nav.next { 
		display: block;
		right: 8px;
	}
	
  .tssc-nav:hover { 
		cursor: pointer;
	}
	
  .tssc-nav:disabled { 
		display:none; 
	}
	
	/* swiper-icons でアイコン表示（フォント必須） */
	.tssc-nav::before {
		font-family: "swiper-icons", system-ui, sans-serif;
		font-size: 18px;
		line-height: 2.4rem;
		color: currentColor;
		content: ""; 
	}
	
	.tssc-nav.prev::before { 
		content: "prev"; 
	}
	
	.tssc-nav.next::before { 
		content: "next";
	}
	
	.tssc-nav:disabled { 
		display: none;
	}
	
	/* 動きが苦手な利用者に配慮（任意） */
	@media (prefers-reduced-motion: reduce){
		.top-service-section-slide-container > .row { 
			scroll-behavior: auto;
		}
	}
	
	.service-page-jump-anchor > figure {
		scroll-margin-top: 20px;
	}
	
	.postListText_date {
		font-size: 11px !important;
	}
	
	.postListText_title {
		font-size: 12px !important;
	}
	
	.postListText_singleTermLabel {
		min-width: unset;
	}
	
	.postListText_singleTermLabel_inner {
		font-size: 10px !important;
		width: fit-content !important;
	}
	
	.contact-title {
		width: 140px !important;
	}
	
	.contact-img.vk-aligncenter--mobile {
		width: 50% !important;
	}
	
	.footerMenu .nav {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		column-gap: 12px;
	}
	
	.footerMenu li {
		font-size: 14px !important;
	}
	
	
	.wp-block-image.size-full.is-resized.vk_block-margin-md--margin-bottom.wp-block-image.size-full.is-resized.vk_block-margin-md--margin-bottom 	{
	width: 40% !important;
	}
	
	.top-news-section-title {
		margin-bottom: 0 !important;
	}
	
	.top-service-section-title {
		width: 60% !important;
	}
	
	.works-page-article
	.vk_post_excerpt.card-text {
		display: none;
	}
	
	.works-page-article .vk_post_title {
		font-size: 14px;
	}
	
	
	.works-page-article .vk_post
	.vk_post_btn 	{
		font-size: 12px;
	}

	.top-page-works-section-title {
		margin-top: 40px !important;
	}
	
	.top-page-works-section .swiper-wrapper > div {
	height: auto;
		aspect-ratio: 400 / 170;
	}
	
	.company-page-member-image {
		height: auto;
	}
	
	.company-column .row > div {
		max-width: 100%;
		width: 100%;
	}
	
	.company-page-member-position {
		font-size: 10px !important;
	}
	
	.company-page-member-name {
		font-size: 15px !important;
	}
	
	.company-page-member-description {
		font-size: 12px !important;
	}
	
	.vk_hidden-md.vk_hidden-lg.vk_hidden-xl-v2.vk_hidden-xxl.company-page-message-title-sp {
		margin-bottom: 5px !important;
	}
	
	.vk_hidden-md.vk_hidden-lg.vk_hidden-xl-v2.vk_hidden-xxl.company-page-message-sub-title-sp {
		margin-bottom: 0;
	}
	
	.company-page-message-description {
		font-size: 12px;
	}
	
	.company-page-position-title {
		font-size: 11px;
	}

	.company-page-name {
		font-size: 15px:
	}
	
	.wp-block-image.size-large.is-resized.company-page-main-title {
		width: 70%;
		margin-bottom: 15px !important;
	}
	
	.company-page-join-our-team {
		max-width: 100vw;
		width: 100vw;
	  margin: 0 calc(50% - 50vw);
	}
	
	.vk-mobile-nav-menu-btn {
		box-shadow: none !important;
		background: var(--vk-mobile-nav-menu-btn-bg-src) center 50% no-repeat  !important;
	}

.vk-mobile-nav-menu-btn {
		background-image: url('https://funsee.co.jp/wp-content/uploads/2026/01/icons8-ハンバーガーメニュー-500.png') !important;
	background-size: contain !important;
	}

.vk-mobile-nav-menu-btn.menu-open {
	border: none;
	background: url('https://funsee.co.jp/wp-content/themes/lightning-pro/inc/vk-mobile-nav/package/images/vk-menu-close-black.svg') !important;
}

.vk-mobile-nav-open {
	padding: 85px 10px;
} 
	
	.company-column .row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 50px 18px;
	}
	
	.about-title-sp {
		margin-top: 0 !important;
	}
	
	.about-contents-container-pc {
		margin-top: 0 !important;
	}
	
	.wp-block-image.size-large.is-resized:has(works-title) {
		width: 60% !important;
	}
	
	.gutena-tabs-block>.gutena-tabs-tab.tab-flex .gutena-tab-title {
		flex: auto !important;
	}
	
	.contact__banner-image--sp {
		min-height: unset !important;
		
		img {
			object-fit: cover !important;
		}
	}
}

@media (min-width: 320px) and (max-width: 440px) {
	.gutena-tab-title-text{
		font-size: clamp(11.00px, 2.50vw + 3.00px, 14.00px);
	}
}

/* toCページ */
.page-id-4332 {
	background-image: none !important;
	
	footer {
		display: none !important;
	}
	
	.siteContent {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.post-4332 {
		margin-bottom: 0;
	}
	
	.page-header {
		display: none;
	}
	
	.wp-block-media-text__media {
		position: relative;
		aspect-ratio: 1 / 1;
		
		img {
			position: absolute;
			/* 上下左右に50pxずつ飛び出させる */
			top: -100px;
			left: -100px;

			/* 親の幅(100%) + 100px のサイズにする */
			width: calc(100% + 200px) !important;
			height: calc(100% + 200px) !important;

			object-fit: cover; /* 画像が歪まないように調整 */
		}
	}
	
	.corporate-list-item {
		position: relative;
		list-style: none;
		
		&::before {
			content: '';
			width: 1.5em;
			height: 1.5em;
			position: absolute;
			left: -2.5em;
			top: 50%;
			transform: translateY(-50%);
			background-image: url('https://funsee.co.jp/wp-content/uploads/2026/02/list-item-icon.png');
			background-size: contain;
			background-repeat: no-repeat;
			padding-left: 2.5em;
		}
	}
	
	.corporate-plan-image {
		img {
			width: 100%;
		}
	}
	
	.vk_faq_title:has(.faq_section_question_text) {
		border-bottom: none !important;
	}
	
.faq_list_first_item {
  border-top: 1px solid rgba(0, 0, 0, .12) !important;
}
	
	.vk_faq .vk_faq_title {
		margin-bottom: 15px;
	}
	
	.vk_faq .vk_faq_title:before {
		width: 2.5em;
		height: 2.5em;
		aspect-ratio: 1 / 1;
		content: '' !important;
		background-image: url('https://funsee.co.jp/wp-content/uploads/2026/02/faq_question_icon.png');
		background-size: contain;
		background-repeat: no-repeat;
		top: 50%;
		transform: translatey(-50%);
		
		@media screen and (max-width: 440px) {
			width: 2em;
			height: 2em;
		}
	}
	
	.faq_section_question_text,
	.faq_section_answer_text{
		padding-left: 20px;
	}
	
	.vk_faq .vk_faq_content:before {
		width: 2.5em;
		height: 2.5em;
		aspect-ratio: 1 / 1;
		content: '' !important;
		background-image: url('https://funsee.co.jp/wp-content/uploads/2026/02/faq_answer_icon.png');
		background-size: contain;
		background-repeat: no-repeat;
		
		@media screen and (max-width: 440px) {
			width: 2em;
			height: 2em;
		}
	}
	
	.contact_flow {
		width: 100%;
		
		img {
			width: 100%;
		}
	}
	
	.corporate_heading_section_sp {
		.wp-block-media-text__media {
			aspect-ratio: auto;
			
			img {
				top: -50px;
				left: auto;
				width: 100% !important;
				height: auto !important;
			}
		}
	}
	
	@media screen and (max-width: 440px) {
		.corporate-list-item {
			font-size: 16px !important;
		}
		
		.corporate_title {
			width: 180px;
			margin-inline: auto;
			
			img {
				width: 100% !important;
			}
		}
		
		.corporate_title_faq {
			width: 160px;
		}
		
		.corporate_plan_items_pc {
			display: none;
		}
		
		.corporate_sub_title {
			font-size: 16px !important;
		}
		
		.corporate_flow_steps_title {
			width: 80% !important;
			margin-inline: auto;
		}
	}
}