/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 12 2026 | 01:15:21 */
.google-sans-flex{
  font-family: "Google Sans Flex", sans-serif;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "ROND" 0;
}
.f_500{
	font-weight: 500;

}
.ystdb-heading__subtext:before{
     font-family: "Google Sans Flex", sans-serif;
    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 0;
    font-weight: 500;
    letter-spacing: 4px;

}
header#masthead {z-index: 11;}

/***************************
**パンくず
**************************/
.breadcrumbs {
	     color: #004098;
    margin-top: 0px;
}
.breadcrumbs a{
	text-decoration: none;
}
.breadcrumbs  .current-item{
	     font-weight: 600;
    color: #888888;
	padding-left:10px;
}
.breadcrumbs a.home{
	padding-right:10px;
}
/***************************
**footer
**************************/
.footer_text a{
	color:#fff !important;
}
.footer-sub{
	    background: #fff !important;
}
.footer_bg .footer_Inner_co{
	      margin-left: 0;
    padding-left: 0 !important;
}
.footer_button .ys-icon svg{
	display:none;
	
}
.footer_button .ys-icon {
	    content: url(https://bizhomely1.xbiz.jp/totokoage/wp-content/uploads/2026/01/button.png);
    width: 40px;
}
.footer-main {
    padding-top: 0 !important;
    background-color: #ffffff !important;
}
.footer_Inner_co::before {
     content: "";
    position: absolute;
    top: 0;
    left: 100%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: #004098;
    z-index: -1;
}
@media screen and (max-width: 1023px) {
	.footer_bg{
		        background-color: #004098;
        padding: 0 !important;
	}
	.footer_text{
		text-align:left !important;
	}
	.footer_button  {
  justify-content: flex-start !important;
}
	    .footer_button a{
        justify-content: space-between !important;
    }
}
@media screen and (max-width: 768px) {
.footer_bg .footer_Inner_co {
    margin-left: auto;
    padding-left: 4% !important;
    margin-right: auto;
    padding-right: 4%;
}
}


/***************************
**下層MV
**************************/
/* セクション自体 */
.page_ttl.js-zoom{
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 0 12%;
	    height: 600px;
}
@media screen and (max-width: 1300px) {
	.page_ttl.js-zoom{
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 0 7%;
	    height: 500px;
}
}
@media screen and (max-width: 768px) {
	.page_ttl.js-zoom{
    position: relative;
    overflow: hidden;
    z-index: 0;
    padding: 0 10%;
	    height: 400px;
}
}
/* inner を “高さを持つ箱” にする（ここが重要） */
.page_ttl.js-zoom .ystdb-section__container,
.page_ttl.js-zoom .ystdb-section__inner{
  position: relative;
  height: 100%;
  
}

/* 画像ブロック（figure）を全面化 */
.page_ttl.js-zoom figure.wp-block-image{
  margin: 0;
  height: 100%;
  
}

/* img を cover にしてズーム対象にする */
.page_ttl.js-zoom figure.wp-block-image > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

  transform: scale(1);
  transform-origin: center;
  will-change: transform;
}
/***************************
**下層サイドバー
**************************/
.li_marker{
	    padding-left: 0 !important;
}
.li_marker li a{ 
	    text-decoration: none;
}
.li_marker li {
	      list-style: none;
    margin-bottom: 16px;
	 position: relative;
	  padding-left: 35px; 
}

.li_marker li::before{
	 content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 30px;       
  height: 1px;        
  background: #bfbfbf; 
  transform: translateY(-50%);
}
/* 追従（sticky） */

body #content 
{ overflow: initial !important; }

.li_marker a.is-active{
  font-weight: 700;
  color: #000;
}
.li_marker li.is-active::before{
  background: #000; /* 例：線の色を濃く */
}

.side_menu_area .li_marker a.is-active{
  font-weight: 700;
  color: #000;
}


/***************************
**会社案内
**************************/
@media screen and (min-width: 1100px) {
.max-img{
	margin: 0 calc(50% - 50vw);
    width: 100vw;
}
.max-img img{
	    width: 88vw;
}
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
    padding-top: 400px;
}

/***************************
**TOP
**************************/
.top_ttl {
	      list-style: none;
    margin-bottom: 16px;
	 position: relative;
	  padding-left: 85px;
}

.top_ttl::before{
	 content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 80px;       
  height: 1px;        
  background: #08285C; 
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
	.top_ttl {
	      list-style: none;
    margin-bottom: 16px;
	 position: relative;
	  padding-left: 45px; 
}

.top_ttl::before{
	 content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 40px;       
  height: 1px;        
  background: #08285C; 
  transform: translateY(-50%);
}
}
 /* NEWS */
.updated{
	    font-size: 14px;
}
.ys-posts.is-simple .ys-posts__meta .ys-posts__cat{
	background-color:#08285C !important;
	font-size:10px;
}
.ys-posts.is-simple .ys-posts__item{
	padding:28px 0 28px 32px !important;
}
.ys-posts__list li:nth-child(odd) {
  background-color:#EFF3FA;
}
.ys-posts__list{
	border-top: 1px solid #707070;
}
.ys-posts__list li {
	    border-bottom: 1px solid #707070 !important;
}
.ys-posts__item::after {
	 content: url('https://bizhomely1.xbiz.jp/totokoage/wp-content/uploads/2026/01/button_top-1.png');
    right: 32px;
    top: 28px;
    position: absolute;
}
@media screen and (max-width: 600px) {
	.ys-posts__item::after {
	 content:"";
    right: 32px;
    top: 28px;
    position: absolute;
}
}
 /* about */

.be_bo{
	    padding-left: 100px;
}
.be_bo::before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 80px;
    height: 1px;
    background: #ffffff;
    transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
	.be_bo {
	      list-style: none;
    margin-bottom: 0px;
	 position: relative;
	  padding-left: 0px; 
}

.be_bo::before{
    content: "";
    position: absolute;
    left: 0;
    top: -30%;
    width: 30px;
    height: 1px;
    background: #ffffff;
    transform: translateY(-50%);
}
}
@media screen and (max-width: 1024px) {
.ticss-6ed04e86.about_h2 .vk_highlighter{
	    background-image: linear-gradient(#ffffff 60%, #ffffff 0);
    padding: 12px;
}
}
@media screen and (max-width: 599px) {
.ticss-6ed04e86.about_h2 .vk_highlighter{
	    background-image: linear-gradient(#ffffff 60%, #ffffff 0);
    padding: 6px;
}
}
 /* recruit */
.recruit-section {
  position: relative;
  background: #fff; /* 下の白部分 */
}

.recruit-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    height: 85%;
    background: #F8F8F8;
    z-index: -1;
    left: 45%;
}
@media screen and (max-width: 768px) {
	.recruit-section::before {
    content: "";
    position: absolute;
    top: 16%;
    right: 0;
    width: 100%;
    height: 90%;
    background: #F8F8F8;
    z-index: -1;
    left: 0;
}
}
/* 文字が滑らかに表示される */
.smooth{
  clip-path: inset(0 100% 0 0);
  display: inline-block;
  transition: clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  line-height: 1;
}

/* 発火後 */
.smooth.is-animated{
  clip-path: inset(0);
}
@media (prefers-reduced-motion: reduce){
  .smooth{ clip-path: inset(0); transition: none; }
}
/* カーテンのスタイル */
 .image-container {
  overflow: hidden;
}

.image-container img {
  width: 100%;
  height: auto;

  /* 最初は右側から全部隠す */
  clip-path: inset(0 100% 0 0);
 transition: clip-path 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

/* スクロールで発火 */
.image-container.in-view img {
  clip-path: inset(0 0 0 0);
}
.curtain-section{
  position: relative;
  overflow: hidden; /* 幕がはみ出ないように */
}

/* 幕 共通 */
.curtain-section::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #004098; /* カーテン色 */
  z-index: 10;
  pointer-events: none;

  /* 最初は静止 */
  transform: translateY(0);
}
.curtain-section::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background: #08285C; /* カーテン色 */
  z-index: 10;
  pointer-events: none;

  /* 最初は静止 */
  transform: translateY(0);
}
/* 左半分の幕（下に開く） */
.curtain-section::before{
  left: 0;
}

/* 右半分の幕（上に開く） */
.curtain-section::after{
  right: 0;
}

/* in-view でアニメ開始 */
.curtain-section.in-view::before{
	animation: curtain-left 0.4s cubic-bezier(.7,0,.3,1) forwards;
}

.curtain-section.in-view::after{
animation: curtain-right 0.4s cubic-bezier(.7,0,.3,1) forwards;
}

@keyframes curtain-left{
  to { transform: translateY(100%); } /* 左は下へ */
}

@keyframes curtain-right{
  to { transform: translateY(-100%); } /* 右は上へ */
}


.alignfull.ystdb-section.has-background-image.ticss-01ca76e1 {
    display: none !important;
}
@media screen and (max-width:550px) { 
body .mv-text span {
    line-height: 1.6em !important;
}
	body .mv-text2{
margin-top:6px !important;
	}
}