/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2025 | 01:35:36 */
body, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text,.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file{font-family: "Noto Sans JP", serif;}
body {background: #FFF;}
body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, .footer-menu a, .footer-widgets a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote::before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover {color: inherit;}
body {color:#424242;}
.entry-content {font-family: "Noto Sans JP", serif;}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	/* width: calc(100% - 4rem); */
	width: 90%;max-width: 100%;
}
#top h1.entry-title,.entry-header.has-text-align-center.header-footer-group {opacity: 0;display: none;}
.entry-content,.widget-content {font-size:clamp(1.4rem, 2vw, 1.8rem);}
h2, .heading-size-2 {font-size: clamp(3rem, 5vw, 3.3rem);}
#top h2 {padding-bottom: clamp(0.2rem, 3vw, 3.2rem);;color: #5b5959;}
h3, .heading-size-3 {font-size: 2.3rem;}
.tp-business h2 {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	text-align: center;
}
#top .entry-content > .wp-block-columns {
	padding-top:clamp(5rem, 6vw, 8rem);
	padding-bottom:clamp(5rem, 6vw, 8rem);
}
#top .post-inner.thin {padding-top: 0;}
.tp-info #lcp_instance_0 li {
	padding-bottom: 1.5rem;
	border-bottom: 0.5px dotted #808080;
	margin: 1.5rem 0;
}
#lcp_instance_0 li {list-style: none;}
.tp-work #lcp_instance_0 li {width: 25%;}
.tp-work #lcp_instance_0 li a {display: block;margin-bottom: 0.5rem;}
.tp-work #lcp_instance_0 {
	display: flex;
	margin-left: 0;
}
.wp-block-columns.tp-work2 {
	background-image: url(https://m3-sign.jp/wp-content/uploads/2025/03/sekou_bk_wt.jpg);
	background-size: auto;background-attachment: fixed;
	background-position: center;#FFF !important;
}


.entry-content li img {width: 100%;aspect-ratio: 16 / 9;}
.tp-info ul {margin-left: auto;margin-right: auto;width: 60%;}
.tp-info li a {padding-left: 2rem;}

.wp-block-columns.beta.is-layout-flex.wp-block-columns-is-layout-flex {margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);	background-color: #f4f4f4;
	width: 100vw !important;display: block;
}
.wp-block-columns.beta.is-layout-flex.wp-block-columns-is-layout-flex > div {
	width: 90%;
	margin: auto;
}

.footer-widgets {
	margin-left: 4rem;
	width: 100%;
	text-align: center;
	margin-left: 0 !important;
}
#wpcf7-f46-p2-o1,#ub-content-toggle-b73545cf-c487-4b45-bffe-30ef4dfc3b93 {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.vk_button_link.btn.has-background.btn-md {
	font-size: inherit;
	border-radius: 3rem;
	padding-left: 3.5rem;
	padding-right: 3.5rem;
}
.beta.tp-about {
	background-image: url(https://m3-sign.jp/wp-content/uploads/2024/12/bk_aboutus.jpg) !important;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.beta.tp-mente {	
background-color: transparent !important;
	position: relative;

}
.beta.tp-mente::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 400px;
	background-image: url(https://m3-sign.jp/wp-content/uploads/2025/01/mentekun_network.jpg) !important;
	background-size: cover;
	z-index: -1;
	background-position: bottom;
}
.tp-mente > div {
	padding: clamp(2rem, 4vw, 4rem);width: 70% !important;
	background-color: #FFF;}
.tp-mente .wp-block-image {margin-top: 0 !important;}

#top h3 {color: #a34c4c;}
.tp-about .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	width: 50% !important;
	max-width: 800px;
}
.tp-about h2 {
	font-family: "Noto Serif JP", serif;
	text-align: center;
	font-weight: initial;
}
#top .footer-nav-widgets-wrapper.header-footer-group {
	margin-top: 0;
}
.wp-image-72 {max-height: 90px;width: auto;}
.tp-business figure img {aspect-ratio: 16 / 9 !important;}
/*--------------------- 画像半透明 ---------------------*/
a:hover{
    opacity:0.7;
    -moz-opacity:0.9;
    filter:alpha(opacity = 50);

}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}
a,a:visited {color: inherit;text-decoration: none;}
a:hover {color: inherit;text-decoration: none;}
/* ★★ */
.vk_button_link.btn-md {background-color: #d05a5a;}
#top h2 {color: #8a1b1b;}
#top h2 span {font-family: "Noto Serif JP", serif;color: #aa9f9f;display: block;margin-top: 1rem;letter-spacing: 0.5rem;}
.entry-content p, .entry-content li {line-height: 1.8;}
.header-inner {padding: 0.8rem 0;}
p.date {margin-bottom: 0;font-size: 1.5rem;}
.wp-block-columns.beta.tp-mente.is-layout-flex.wp-block-columns-is-layout-flex {padding-top: clamp(6rem, 6vw, 14rem) !important;}
.post-inner.thin:not(#top .post-inner.thin){
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	/* width: calc(100% - 4rem); */
	width: 100%;
	max-width: 100%;
}
.post-inner.thin h2 {margin-top: 0;}
.post-date {margin-bottom: 0;}
.pagetitle h1 {
	font-size: 4rem;
	text-align: center;
	margin: clamp(4rem, 9vw, 13rem) auto clamp(0rem, 3vw, 1rem);
}
/* ★★ */
.archive-posts.post-inner.thin article {margin-bottom: 3rem;}
.archive-posts.post-inner.thin article h2 {font-size: 2rem;font-weight: normal;}
.entry-link {display: block;width: 100%;}
.category-news .archive-posts.post-inner.thin article .entry-header a {display: flex;}
.category-news .archive-posts.post-inner.thin article .entry-meta {width: 20%;}
.category-news .archive-posts.post-inner.thin article h2 {width: 80%;}
.category-news .archive-posts.post-inner.thin {width: 70% !important;}
.pagination {padding-top: 2rem;}
.nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 1.5rem 0;
  max-width: 800px;
  margin: 0 auto;
}

/* 数字を中央にグループ化 */
.page-numbers-inner {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  flex-grow: 1;
}

/* 数字共通 */
.page-numbers-inner .page-numbers {
	padding: 0.4rem 1.8rem;
	text-decoration: none;
	transition: all 0.2s ease;
	color: #A9A9A9;font-weight: normal;
}

.page-numbers-inner .page-numbers.current {font-weight: bold;color: #900000;}
.pagination .nav-links {max-width: 1920px;}
/* prev / next スタイル */
.page-numbers.prev, .page-numbers.next {
	padding: 0.4rem 0.8rem;
	text-decoration: none;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 0.3rem;
	transition: 1s;color: #A6A6A6;
  font-weight: normal;
}


/* ★★ */
.pagetitle {
	background-image: url(https://m3-sign.jp/wp-content/uploads/2025/01/title-bk.jpg);
	background-position: center;
	background-size: cover;
	padding: 6rem 0 6rem 0;
	color: #623f3c;
}
.metaslider { height: 400px !important; /* 希望の高さを指定 */  overflow: hidden; /* 必要に応じてオーバーフローを隠す */}

.metaslider img {
    object-fit: cover; /* 画像のサイズ調整 */
    height: 100%; /* 画像をスライダー全体に適合させる */
}
.metaslider .flex-direction-nav a {
    position: absolute;
    top: 50%; /* 縦位置を中央に設定 */
    transform: translateY(-50%); /* 縦位置を中央に調整 */
    z-index: 10; /* 必要に応じて他の要素より前面に表示 */
}

.metaslider .flex-prev {   left: 10px; /* 左矢印の位置を調整 */}
.metaslider .flex-next {   right: 10px; /* 右矢印の位置を調整 */}
.tp-mente h3 {
	font-size:clamp(2.8rem, 5vw, 3.5rem);
	  position: relative;
    padding: 0.5rem 0 2rem;
    margin-bottom: 0.5rem;  line-height: inherit;
    font-weight: bold;
}
.tp-mente h3::before {
    position: absolute;
    border-bottom: 2px solid #353535;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    content: '';
}
#site-footer {font-size: 1.4rem;padding: 1.3rem 0 1.3rem 0;color: #535353;}
.footer-widgets-outer-wrapper {padding: 0 0 clamp(3rem, 5vw, 7rem) 0;}
.wpcf7-form.init {width: 80%;margin-left: auto;margin-right: auto;}
.wp-block-ub-content-toggle-accordion-title-wrap {background-color: #7f6e5a!important;}
.wp-block-ub-content-toggle-accordion-title,.wp-block-ub-content-toggle-accordion-state-indicator.wp-block-ub-chevron-down {color: #FFF!important;}
#ub-content-toggle-panel-block- {width: 80%;margin-left: auto;margin-right: auto;}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #900000;
	border: none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.0333em;
	line-height: 1.25;
	margin: 0;
	opacity: 1;
	padding: 0.8em 2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: opacity 0.15s linear;
	border-radius: 1rem;
	width: 100%;
}
.tp-business .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {width: 90%;margin-left: auto;margin-right: auto;}
.scrolled .header-inner.section-inner {
	padding: ;
	padding: 0.5rem 0;
	transition: 0.5s;
}
.tp-business {
	width: 95% !important;
}
#site-header {
	transition: 2s;
	position: fixed !important;
	width: 100%;
	background: none;z-index: 1;
	color: #FFF;
}
#site-header.scrolled {
	position: fixed;
	width: 100%;
	transition: 2s;
	padding: 0;z-index: 1;
	color: inherit;  background: #FFFFFFBF;
}
#site-header {transition: 2s;}

 .category-posts {   display: flex;   flex-wrap: wrap;}
.category-posts a {width:25%;box-sizing: border-box;}
.archive.category .post-thumbnail {
    flex-shrink: 0; /* 画像が縮小しないように設定 */
}
.archive.category .post-thumbnail img {
	width: 100%;
	height: auto;
	aspect-ratio: 16/9;
	object-fit: cover;margin-bottom: 1rem;
}

.archive.category .post-content {  flex-grow: 1; /* コンテンツエリアが残りのスペースを占める */}
.category-post h2 {font-size: 2rem;margin: 0 0 10px;}
.category-post .post-date {font-size: 1.4rem;color: #777;}
.category-posts a:nth-child(4n) {margin-right: 0;}
.color-accent {display: none;}

.n2_clear {margin-bottom: 0;}
.tp-about {margin-top: 0 !important;}
#top .tp-mente h3.wp-block-heading.has-text-align-center {margin-top: 0;}
h3.wp-block-ub-content-toggle-accordion-title.ub-content-toggle-title-52a77230-0b80-45c4-8218-7a545d703d1b {font-size: inherit;margin: auto;}
#ub-content-toggle-panel-0-52a77230-0b80-45c4-8218-7a545d703d1b h4,#ub-content-toggle-panel-0-52a77230-0b80-45c4-8218-7a545d703d1b {font-size: initial;}
#ub-content-toggle-panel-block- .wp-block-list li {margin: auto;}
#ub-content-toggle-panel-block- h4 {margin: 2rem 0 1rem;}
.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p,#ub-content-toggle-panel-0-81e56e7d-e9c0-4f51-abb8-1db58f170dde,#ub-content-toggle-panel-block- h4 {font-size: initial;}
#ub-content-toggle-panel-block- h3 {margin: 0;font-size: inherit;}
.btn {transition: 0.5s;}
#contact #ub-content-toggle-panel-block- {border: #7F6E5A 1px solid;}
.hdtel a {display: initial;padding-left: 0.5rem;transition: 0s !important;}
.hdtel .fa-solid.fa-phone {margin-right: 1rem;margin-left: 1rem;}
.hdtel:hover {color: #FFF;}
.hdtel {transition: none !important;
	background: #d05a5a;
	text-align: center;
	color: #FFF;
	padding: 0.5rem;
	border-radius: 2rem;margin-bottom: 1rem;

}
.header-inner.section-inner {width: calc(100% - 4rem);}
.header-inner {max-width: 100%;}

/* ★★ */
#company tbody tr:nth-child(2n+1) {background-color: #f2f2f2;}
#company .wp-block-table td, .wp-block-table th {padding: .5em 1em .5em 2.5em;}
#company td:nth-child(2n+1) {width: 25%;font-weight: bold;}
#company table {
	border-color: none;
	border: none;
	margin-top: 1rem;
	font-size:  clamp(1.4rem, 2vw, 1.7rem);
	margin-bottom: 6rem;
}
#company h2 {
	color: #7a6853;
	font-size: 3rem;
}.scroll-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
#company h2:not(.read-com h2)::before {content: "\f24d";font-family: "Font Awesome 5 Free";margin-right: 1rem;}
.scroll-left {
  display: flex;min-width: 200%; /* 親要素の2倍の幅にしてループ可能に */
	  width: 100vw;
   margin: 0 calc(50% - 50vw);
  gap: 0; /* 画像の間の余白をなくす */
  flex-wrap: nowrap;
  animation: scroll 30s linear infinite;
}
.scroll-left li { margin: 0;padding: 0; list-style: none;}
.scroll-left img { display: block;max-width: none !important; /* max-width: 100% を無効化 */ aspect-ratio: 4 / 3 !important; object-fit: cover;}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%); /* ループをスムーズに */
  }
}
.scroll-left2 {
  display: flex;min-width: 200%; /* 親要素の2倍の幅にしてループ可能に */
	  width: 100vw;
   margin: 0 calc(50% - 50vw);
  gap: 0; /* 画像の間の余白をなくす */
  flex-wrap: nowrap;
  animation:scroll 65s linear infinite;
}
.scroll-left2 li { margin: 0;padding: 0; list-style: none;}
.scroll-left2 img { display: block;max-width: none !important; /* max-width: 100% を無効化 */ aspect-ratio: 4 / 3 !important; object-fit: cover;width: clamp(200px, 50vw, 400px) !important;  filter: brightness(50%);height: 100%;}
.tp-work3 h2 {
	color: #FFF !important;
}

@keyframes scroll2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%); /* ループをスムーズに */
  }
}
#top .entry-content > .wp-block-columns.tp-work3 {padding: 0;}
.work-con {
	position: absolute;
	z-index: 1;
	right: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.wp-block-list.gyomuu_com {
	display: flex;
	flex-wrap: wrap;
}
	.wp-block-list.gyomuu_com li {
	list-style: none;
	border-radius: 0.5rem;
	text-align: center;
	border: 1.5px solid #7a6853;
	font-weight: bold;
	color: #7a6853;
	line-height: normal;
	padding: 0.5rem 1rem;margin-bottom: 1rem;
}.read-com h2::after {
	content: "Attention!";
	font-family: "Noto Serif JP", serif;
	color: #fdf5f5;
	display: block;
	letter-spacing: 0.5rem;
	position: absolute;
	right: 0;
	left: 0;
	top: -71px;
	font-size: 8rem;
	z-index: -1;
}.has-text-align-center.contact-tel {
	font-weight: bold;
	font-size: 2rem !important;
}.has-text-align-center.contact-tel a::before {
	content: "\f095";
	font-family: "Font Awesome 5 Free";
	margin-right: 0.5rem;
}.has-text-align-center.contact-tel a {font-size: 3.5rem;}

.flowting {
	position: fixed;
	top: 40%;
	writing-mode: vertical-rl;
	right: 0;
}
.flowting ul {
	display: flex;
	margin: 0;
	list-style: none;
}
.flowting li {
	right: -10px;
	color: #FFF;
position: relative;
	transition: 0.8s;
}
.flowting a {
	display: block;	background: #6a6a6a;
	padding: 2rem 2rem 2rem 1rem;}
.flowting li.flowting-li1:hover,.flowting li.flowting-li2:hover {right: 0;}
.flowting .fa-solid.fa-phone {margin-bottom: 0.5rem;}
.tp-work3 {color: #FFF;position: relative;}
.work-con {
	position: absolute;
	z-index: 1;
}.wp-block-columns.tp-work3 .wp-block-columns.beta.is-layout-flex.wp-block-columns-is-layout-flex {
	background: none;
}
#about h2:first-child {font-size: 3rem;line-height: normal;font-family: "Noto Serif JP", serif;}
/* ★★ */
.ngg-galleryoverview.default-view {text-align: left;}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {width: calc(100% / 5);}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img {object-fit: cover;aspect-ratio: 1/1;}
.ngg-pre-p {
	text-align: right;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 3rem;}
.ngg-pre-p::after {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 1.5rem;
}
.wpcf7-spinner {display: none;}
.pagination .nav-links {font-size: 1.8rem;}
.grecaptcha-badge { visibility: hidden; }
.resmall {font-size: 0.9rem !important;}