body , p{
	font-family: "TazuganeGothicStdN-Medium";
}
h3 , h4 , h5 , h6 , b , strong , .smb-section__title ,  .p-global-nav a:not(.p-global-nav .c-navbar__submenu a) , .h-c-request a , .h-c-mail a{
	font-family: "TazuganeGothicStdN-Bold";
}
h1 , h2 , .h-c-item-tel a{
	font-family: "TazuganeGothicStdN-Black";
}
.en_font , .en_font span , .en_font strong{
	font-family: "FuturaLTPro-Heavy" !important;
}


/*共通クラス*/
.btn_temp1 a{
	padding:15px 35px;
}
.full-bleed {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
.imgFade {
  position: relative;
  display: inline-block;
}

.imgFade img{
  display: block;
}

/* 下はそのまま・上ほど透明に見える */
.imgFade::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(250,246,242,1) 100%);
}



@media screen and (max-width:1023px){
	.btn_temp1 a , .btn_temp1{
		max-width:initial;
		width:100%;
	}
	.sp_text_left{
		text-align:left !important;
	}
}
/*ヘッダー*/
.h-contents1 a{
	text-decoration:none !important;
	transition:all 0.3s;
}
.h-contents1 a:hover{
	opacity:0.7;
}
.h-contents1{
	display: flex;
    gap: 20px;
	align-items:center;
}
.h-contents1 .h-c-item-tel a{
	font-size:22px;
	color:#000;
}
.h-contents1 .h-c-item-tel{
	position:relative;
	padding-left:26px;
}
.h-contents1 .h-c-item-tel:after{
	content: "";
  position: absolute;
  top: 50%;
  left:0;
  transform: translateY(-50%);
	
  width: 20px;
  height: 20px;
  background-image: url("https://procsdemo2.net/j-line/wp-content/uploads/2025/12/Tel-Icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;      /* クリック透過 */
}
.h-c-request a{
	color:#EA6300;
	min-width: 123px;
    text-align: center;
	padding: 3px 28px;
	display:block;
	font-size:14px;
}
.h-c-request{
	border: 3px solid #EA6300;
    border-radius: 3px;
    background-color: #fff;
}
.h-c-mail a{
	color:#fff;
	min-width: 123px;
    text-align: center;
	padding: 3px 28px;
	display:block;
	font-size:14px;
}
.h-c-mail{
	border: 3px solid #EA6300;
	background-color:#EA6300;
	border-radius: 3px;
}
.p-global-nav .c-navbar__item>a{
	border-right:1px solid #D9D9D9;
}
.p-global-nav .c-navbar__item>a{
	padding-top:0 !important;
	padding-bottom:0 !important;
	margin-top: 15px;
    margin-bottom: 15px;
}
@media screen and (min-width:1024px){
	.c-site-branding__title .custom-logo{
		width:160px !important;
	}	
	.l-header__content .c-fluid-container .c-row{
		position:relative;
	}
	.l-header__content .c-fluid-container .c-row__col:has(.h-contents1){
		position:absolute;
		right: 0;
		top: 8px;
	}
	.l-header__content .c-fluid-container .c-row__col:has(.p-global-nav){
		margin-top:55px;
	}
}
@media screen and (max-width:1023px){
	.c-site-branding__title .custom-logo{
		width:80px !important;
	}
}
/*フッター*/
.l-footer-widget-area{
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.l-footer-widget-area__item{
	padding-left:0 !important;
	padding-right:0 !important;
}
.fo_cta_left .tel_group{
	margin-right:15px;
	max-width:335px;
}
@media screen and (max-width:1023px){
	.fo_tel_link span{
		font-size:26px;
	}
	.fo_tel_link img{
		width:26px !important;
	}
	.about_Back{
		width:100% !important;
	}
	.l-footer .c-fluid-container{
		padding-left:15px;
		padding-right:15px;
	}
}
/*トップ*/
.home .c-section {
	padding-top:0;
}
.home .main_cover{
	aspect-ratio: 1920 / 865;
	padding-bottom:75px;
	
}
.top_main_text , .top_main_text2 , .top_main_text_sp , .top_main_text2_sp{
	text-shadow: 0 0 24px rgba(0, 0, 0, 1),0 0 24px rgba(0, 0, 0, 1);
}

.top_main_text {
	margin-bottom:10px !important;
}
.for_people_section{
	padding-top:0;
}
.for_people_section .smb-section__inner>.c-container{
	position:initial;
}
.for_people_texImage{
	position: absolute;
    left: 0;
    top: 0;
}
.fp_ab_image1 , .fp_ab_image2 , .fp_ab_image3 , .fp_ab_image4{
	position:absolute;
	z-index: 2;
	border-radius:10px;
}
.fp_ab_image1 img , .fp_ab_image2 img , .fp_ab_image3 img , .fp_ab_image4 img{
	border-radius:10px;
}

.for_people_gr{
	z-index:10;
}

.work_panel .smb-panels__item__body{
	padding:0;
}
.work_panel .smb-media-text__body{
	max-width: max-content;
    margin: 0 auto;
}
.work_panels{
	position: absolute;
    z-index: 10;
    top: -140px;
	/*padding-left:20px;
	padding-right:20px;*/
}
.fo_tel_link a{
	text-decoration:none;
}
/* 外枠：画面に1枚だけ見せる */
.autoScroll-wrapper {
  width: 100vw;
  overflow: hidden;
  position: relative;
}

/* 動かす本体（2枚＋gap） */
.autoScroll-track {
  display: flex;
  gap: 25px;
  width: calc(200vw + 25px);
  animation: autoScroll-loop 30s linear infinite;
  will-change: transform;
}
.autoScroll-track.noGap {
  gap: 0;
  width: 200vw;
  animation: autoScroll-loop-noGap 50s linear infinite;
}

/* 各画像は必ず1画面分 */
.autoScroll-item {
  flex: 0 0 100vw;
}

.autoScroll-item img {
  width: 100vw;
  height: auto;
  display: block;
}
@keyframes autoScroll-loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100vw - 25px));
  }
}

@keyframes autoScroll-loop-noGap {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100vw);
  }
}
.toTheWorld{
	position: absolute;
    top: -45px;
	z-index:2;
}
.other_btn a{
	border: 2px solid #329B4A;
    /*border-radius: 5px;*/
}
.colum_slide_layout1 .c-entries-carousel{
	width:49.1vw;
}
.colum_slide_layout1 .spider__dots:not([data-thumbnails=true]) .spider__dot[aria-current=true]{
	background-color:#329B4A;
}
.colum_slide_layout1 .spider__dots{
	justify-content:left;
}
.colum_slide_layout1 .spider__slide{
	padding: 14px;
    background-color: #fff;
	border-radius:10px;
}
.colum_slide_layout1 .spider__slide img{
	border-radius:10px;
}
}
.colum_slide_layout1 .c-entry-summary__term{
	display:none;
}
.colum_slide_layout1 .c-entry-summary__figure:before{
    padding-top: 66%;
}
.colum_slide_layout1 .contens_column{
	max-width:500px;
	margin-left:0;
}
.colum_slide_layout1 .spider__arrow{
	background-color: #329B4A;
    border-radius: 100%;
}
.colum_slide_layout1 .work_post .c-entry-summary__term{
	display:none;
}
.about_BOX{
	width: 100%;
    max-width: 1528px;
}
.about_BOX .smb-box__body{
	position:initial;
}
.about_Back{
	position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
}
.company_bunner{
  position: relative;
}

.company_bunner::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 41px;
  transform: translateY(-50%);
	
  width: 85px;              /* 必要に応じて調整 */
  height: 60px;              /* 必要に応じて調整 */
  background-image: url("https://procsdemo2.net/j-line/wp-content/uploads/2025/12/arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  pointer-events: none;      /* クリック透過 */
}
.about_BOX .smb-box__body{
	max-width:1280px;
	margin:0 auto;
}
.columLayout1{
	gap:0 !important;
}
.about_BOX .colum_left , .about_BOX .colum_right{
	z-index:2;
}
.about_BOX .c-entry-summary__term{
	background-color:#329B4A;
}
.top_news .c-entry-summary__body{
	display:flex;
	flex-direction:column-reverse;
}
@media screen and (max-width:1320px){
	.work_panels{
		padding-left:20px;
		padding-right:20px;
	}
}

@media screen and (min-width:1024px){
	.home .main_cover{
		padding-left: 80px;
        padding-right: 80px;
		padding-bottom:6vw;
	}
	.for_people_back{
		margin-top:-280px !important;
	}
	.fp_ab_image1{
		width:9vw;
		top:40%;
		left:0;
	}
	.fp_ab_image2{
		width:47vw;
		top:11%;
		right:-2.5%;
	}
	.fp_ab_image3{
		width:12vw;
		right: 4%;
		top: 41%;
	}
	.fp_ab_image4{
		width:18vw;
		right: 20%;
		top: 54%;
	}
	.work_panel .smb-panels__item{
		border-radius:15px;
	}
	.coool_media .smb-media-text__figure img{
		border-radius: 15px 0 0 15px;
	}	
	.sheet_media .smb-media-text__figure img{
		border-radius: 0 15px 15px 0;
	}
	.work_post .spider__arrow[data-direction=prev]{
		left:-65px;
	}
	.work_post .spider__arrow[data-direction=next]{
		display:none;
	}
	.about_BOX{
		margin-top:-90px !important;
	}
	.columLayout1 .colum_left{
		padding-right:70px;
		border-right:1px solid #D6D6D6;;
	}
	.columLayout1 .colum_right{
		padding-left:70px;
	}
}
@media screen and (max-width:1023px){
	.fp_ab_image2{
		position: relative;
		width: 100vw;
		max-width: initial;
	}
	.for-people-title span{
		font-size:29px;
	}
	.for_people_back{
		margin-top:-150px !important;
		margin-bottom:-10px !important;
	}
	.fp_ab_image4{
		width:50%;
	}
	.fp_ab_image3{
		width: 30%;
		right: 20px;
		margin-top: 70px !important;
	}
	.sheet_media .smb-media-text__body , .coool_media .smb-media-text__body{
		padding: 0px 20px 40px 20px !important;
	}
	.worksBackImage img{
		min-height:450px !important;
		object-fit:cover;
	}
	.work_post .c-entries-carousel{
		width:100%;
	}
	.work_post .spider__dots{
		justify-content:center;
	}
	.about_BOX{
		margin-top:-60px !important;
	}
	
	
	/*スライド1*/
	/* ここで拡大率を決める（140vwなら画面より40%大きい） */
  .autoScroll-wrapper.toTheWorld {
    --itemW: 400vw;   /* 画像（=1枚分）の横幅 */
    --gap: 25px;      /* gapはそのままでも、縮めてもOK */
    --startOffset: 20vw; /* どれだけ画面外から始めるか（左へずらす量） */
  }

  .autoScroll-wrapper.toTheWorld .autoScroll-track {
    gap: var(--gap);
    width: calc(var(--itemW) * 2 + var(--gap));
    animation: autoScroll-loop-sp 30s linear infinite;
  }

  .autoScroll-wrapper.toTheWorld .autoScroll-item {
    flex: 0 0 var(--itemW);
  }

  .autoScroll-wrapper.toTheWorld .autoScroll-item img {
    width: var(--itemW);
    height: auto;
    display: block;
  }

  /* 1枚分 + gap だけ左へ流す（=継ぎ目なし） */
  @keyframes autoScroll-loop-sp {
    from {
      transform: translateX(calc(-1 * var(--startOffset)));
    }
    to {
      transform: translateX(calc(-1 * (var(--itemW) + var(--gap) + var(--startOffset))));
    }
  }
	/*スライド2*/
	/* ここで拡大率を決める（140vwなら画面より40%大きい） */
  .autoScroll-wrapper.worksImages {
    --itemW: 250vw;   /* 画像（=1枚分）の横幅 */
    --gap: 0px;      /* gapはそのままでも、縮めてもOK */
    --startOffset: 20vw; /* どれだけ画面外から始めるか（左へずらす量） */
  }

  .autoScroll-wrapper.worksImages .autoScroll-track {
    gap: var(--gap);
    width: calc(var(--itemW) * 2 + var(--gap));
    animation: autoScroll-loop-sp2 30s linear infinite;
  }

  .autoScroll-wrapper.worksImages .autoScroll-item {
    flex: 0 0 var(--itemW);
  }

  .autoScroll-wrapper.worksImages .autoScroll-item img {
    width: var(--itemW);
    height: auto;
    display: block;
  }

  /* 1枚分 + gap だけ左へ流す（=継ぎ目なし） */
  @keyframes autoScroll-loop-sp2 {
    from {
      transform: translateX(calc(-1 * var(--startOffset)));
    }
    to {
      transform: translateX(calc(-1 * (var(--itemW) + var(--gap) + var(--startOffset))));
    }
  }
	
	
}

/* メディア横並び用 */
@media (max-width:63.9375em) {
  .wp-block-snow-monkey-blocks-media-text.smb-media-text.media-sp-row .c-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 12px;
flex-direction: row !important;
  }

  .wp-block-snow-monkey-blocks-media-text.smb-media-text.media-sp-row
  .c-row__col--lg-2-3 {
    flex: 1 1 70% !important;
    min-width: 0 !important;
  }

  .wp-block-snow-monkey-blocks-media-text.smb-media-text.media-sp-row
  .c-row__col--lg-1-3 {
    flex: 0 0 30% !important;
  }

  .wp-block-snow-monkey-blocks-media-text.smb-media-text.media-sp-row
  .smb-media-text__figure img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}