@charset "UTF-8";
/* ヘッダーメニューカスタマイズ */
body {
	color:#333333;
}
.global-nav--layout--penetration .global-nav-list>li:first-child {
    border-left: 1px solid transparent!important;
}
.global-nav--layout--penetration .global-nav-list>li {
	border-right: 1px solid transparent!important;
}
.global-nav-list>li:before {
	content:none!important;
}
.device-pc .global-nav-list>li>a {
	transition:all .3s;
	color:#333333;
}
.device-pc .global-nav-list>li>a:hover {
	opacity:.7;
}
.global-nav-list>li .global-nav-name {
 font-weight: 500;
}
/* ハンバーガーメニューカスタマイズ */
@media (max-width: 991px) {
.vk-mobile-nav-menu-btn {
    border-color: #0075c1!important;
	border-color: #0075c1 !important;
	background-color:#0075c1!important;
	background-image:url(https://matubara-office.com/cms_wp2/wp-content/uploads/2025/03/menu-btn-white.png)!important;
}
.vk-mobile-nav {
    padding: 45px 20px;		
}
.vk-mobile-nav nav>ul {
 border-top: none!important;
}
.vk-mobile-nav-menu-btn.menu-open {
	background-image:url(https://matubara-office.com/cms_wp2/wp-content/uploads/2025/03/menu-btn-white-open.png)!important;
}
.vk-menu-acc .acc-btn {
	border: none!important;
	background-image:url(https://matubara-office.com/cms_wp2/wp-content/uploads/2025/03/acc-close.png)!important;
}
.vk-menu-acc .acc-btn-close {
	background-image:url(https://matubara-office.com/cms_wp2/wp-content/uploads/2025/03/acc-open.png)!important;	
}
.menu-item {
	font-weight: 700!important;
	color:#0075C1!important;
}
.vk-mobile-nav nav ul li a {
	border-bottom: none!important;	
}
.vk-mobile-nav nav ul li.menu-item-has-children a{
	border-bottom: 1px solid #0075C1!important;
}
.vk-mobile-nav nav ul.acc-child-open li a,
.vk-mobile-nav nav ul.acc-child-close li a{
    padding: .7em .5em .1em;
	border: none!important;
	font-weight: 500!important;
}
}
/* ヘッダー右側カスタマイズ */
.header-custom-offer-wrapper {
	float:right;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding-top:1.5rem;
	width: min(100%, 900px);
}
.header-custom-offer-tags {
	display: inline-flex;
    gap: 0.2rem;
}
.header-custom-offer-tag {
	 border-radius: 4px;
    color: #0075c1;
    background-color: #def2ff;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
	font-size: 14px;
    font-weight: 200;
}
.header-custom-btns{
	display:flex;
	align-items:center;
	gap: 1rem;
}
.header-custom-btn {
	display:block;
	font-weight:700;
	font-size:1rem;
	border-radius: 100px;
    padding-top: .8rem;
    padding-bottom: .8rem;
    padding: 0.8rem 1.2rem;
	border: 1px solid #0075c1;
	transition:all .3s;
}
.custom-btn-white {
	background-color: transparent;
    border: 1px solid #0075c1;
	color: #0075c1;
}
.custom-btn-white:hover {
	background-color: #0075c1;
    border: 1px solid #0075c1;
	color: #fff;
}
.custom-btn-blue {
	background-color: #0075c1;
    border: 1px solid #0075c1;
	color: #fff;
}
.custom-btn-blue:hover {
	background-color: #fff;
    border: 1px solid #0075c1;
	color: #0075c1;
}
.header_scrolled .header-custom-offer-wrapper {
	display:none;
}
.site-header-logo.site-header-logo--scrolled--nav-center img{
	margin-left:initial;
}
@media (max-width: 991px) {
	.header-custom-offer-wrapper {
		display:none;
	}
}
/* 下層ページメインビジュアルカスタマイズ */
.page-header{
  aspect-ratio: 1920 / 400!important;
}

@media (max-width: 576px) {
.page-header{
	aspect-ratio: 375 / 240!important;
} 
}
/* お金を残せる理由を詳しく見るボタン*/
.u-position-relative {
	position:relative;
}
.c-to-bottom-anker {
    position: absolute;
    margin-top: -158px;
    margin-left: 92px;
    z-index: 100;
	transition:all.3s;
	max-width: 205px;
}
.c-to-bottom-anker:hover {
	opacity:.7;
}
@media (max-width: 991px){
	.c-to-bottom-anker {
    left: 50%;
    margin-left: 0;
	margin-top: -182px;
    transform: translateX(-50%);
	width: 160px;
	}
}
@media (max-width: 767px){
	.c-to-bottom-anker {
	margin-top: -147px;
	width: 140px;
	}
	.c-to-bottom-anker:hover {
	opacity:1;
}
}
/* フッターカスタマイズ */
.footer-nav {
	display:none;
}
.site-footer {
    background-color: #FFFFFF !important;
	color: #333;
}
.site-footer .menu-item a {
	color: #333;
	font-weight:500;
	font-size:1rem;
}
.site-footer .menu-item.menu-item-has-children > a {
	font-size:18px;
	font-weight:700;
	padding-left:0;
	display: flex;
    align-items: center;
}
.site-footer .menu-item.menu-item-has-children > a::before {
	content:"●";
	font-size:12px;
	color:#0075C1;
	margin-right: 0.5rem;
}
.site-footer .sub-menu a {
	padding-top:0.2rem;
}
.footer_left_area {
	max-width:303px;
}
@media (max-width: 768px) {
.site-footer-content{
	padding-right: 2.3rem !important;
    padding-left: 2.3rem !important;
}
.footer_left_area {
    max-width: 100%;
}
.site-footer-content .row .col-md-6:nth-of-type(1) {
	order:3;
	margin-top: 3rem;
}
}

/* 下層ページH1 */
.page-header-title, h1.page-header-title {
	color:transparent;
}
/* 下層ページH2 */
.u-tac {
	text-align:center;
}
h2:not(.home h2):not(.single-post h2) {
	font-weight: 700;
	font-size: 32px;
	letter-spacing: 0.03em;
	line-height: 1.125;
	color: #333;
	display: inline-flex;
    flex-direction: column;
	text-align:center;
}
h2:not(.home h2):not(.single-post h2)::after{
	content:"";
	border-bottom:solid #4BBEEF 5px;
	width: 67%;
    display: inline-block;
	margin: 5px auto 0;
}
/* フローティングボタン PC資料請求 */
.u-blue {
	background-color:#0075C1;
}
.u-skyblue {
	background-color:#38BEEF;
}
#FloatingMenu {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
#FloatingMenu.show {
  opacity: 1;
}
/* top46vhをbottom7%に変更 */
.FloatingMenu {
	background-color:#fff;
	position: fixed;
	bottom: 8%;
    right: 0;
	width: 118px;
	z-index: 100;
	padding: 0.5rem;
	border-top-left-radius:8px;
	border-bottom-left-radius:8px;
}
.FloatingMenu a {
	display:block;
	color:#fff;
	border-radius:8px;
	padding:24px 16px;
	min-height: 200px;
	letter-spacing: 0.2em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	transition:all .3s;
}
.FloatingMenu a:first-child {
	margin-bottom:0.5rem;
}
.FloatingMenu a:hover {
	opacity:.7;
	color:#fff!important;
}
@media (max-width: 768px) {
	.FloatingMenu {
		display:none;
	}
}
/* フッターフローティングボタン */
.footerFloatingMenu {
  display: none!important;
    z-index: 3000;
}
@media (max-width: 991px) {
  .footerFloatingMenu {
    display: flex!important;
	text-align: center;
    position: fixed;
    bottom: 0;
    right: 0;
   left: 0;
   z-index: 3000;
}
.footerFloatingMenu a {
  padding: 0.5rem 0.25rem;
  color:#fff;
  display:block;
  width:100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.footerFloatingMenu a:hover {
		  color:#fff;
}
.u-fz16 {
	font-size:1rem;
}
.u-fz12 {
	font-size:0.857142852rem;
}
.u-fz10 {
	font-size:0.71428571rem;
}
.u-fw700 {
	font-weight: 700;
}
.u-fw500 {
	font-weight: 500;
}
.p-sp-cta__btn {
	background-color:#0075C1;
}
.p-sp-cta__btn--mail {
	background-color:#38BEEF;
	font-weight: 700;
	font-size: 10px;
	max-width:18.6%;
	min-width: 70px;
}
.p-sp-cta__btn--mail img {
	margin-inline: auto;
	width:20px;
	margin-bottom:5px;
}
/* トップへ戻るボタン */
 .page_top_btn {
 display:none!important;
}
}
/* トップへ戻るボタン */
.page_top_btn {
 display:none!important;
}

/* スマホ時非表示 */
@media (max-width: 991px) {
 .sp-none {
	display:none;
}
}

/* スクロールヒントカスタマイズ */
.scroll-hint-icon {
 z-index:10;	
}

/* 吹き出し */
h2.balloon1 {
  position: relative!important;
  display: block!important;
  margin: 1.5em auto!important;
  padding: 1rem 10px!important;
  min-width: 120px!important;
  max-width: 1020px!important;
  background: #DEF2FF!important;
  border-bottom:initial!important;
  border-radius:8px;
  text-wrap:blance;
  word-break:auto-phrase;
}
h2.balloon1::after {
	content: none!important;
}
h2.balloon1::before {
  content: ""!important;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #DEF2FF;
}

/*  */
@media (max-width: 768px) {
	.mobile-fix-nav-top{
		display:none!important;
	}
}
