/*
Theme Name: imazen v2024
Theme URI: --
Description: --
Author: --
Author URI: --
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:wght@700&display=swap');
.ja{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style:normal;
}
.ja.bold{font-weight:700;}

.en,
time{
	font-family:"Roboto", sans-serif;
	font-weight:700;
	font-style:normal;
	line-height:1;
}
.en.num{display:inline-block; padding:0 .05em; position:relative; top:.05em;}

:root{
	--color-main:#f8b800;
	--color-main-rgb:248, 184, 0;
	--color-main-dark:#f0a000;
	--color-main-dark-rgb:240, 160, 0;

	--color-yellow-light:#FFF7DB;
	--color-blue:#1762C9;
	--color-gray:#F2F2F2;

	--border-color:#AAAAAA;
	--border-color-light:#E6E6E6;

	--icon-arrow-down:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f8b800'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	
	--bs-gutter-x:40px;
	
	--bs-body-color:black;
}


/* WP
----------------------------------------------- */
/* #wpadminbar{display:none;} */
/* body.open #wpadminbar{z-index:0;} */

/* Bootstrap
----------------------------------------------- */
/*
.form-control-plaintext{background-color:transparent !important;}
select{display:inline-block !important; width:auto !important;}
*/
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{border-color:transparent;}

/* Main Layout
----------------------------------------------- */
html{font-size:16px;}
body{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
	font-style:normal;
	line-height:1.8;
}
/* #container{overflow-x:hidden;} *//* lazyload が効かなくなる */
.hidden-x{overflow-x:hidden;}

.container-fluid,
.container{--bs-gutter-x:40px;}
.row:not([class*=g-]){--bs-gutter-x:40px;}
.contents{padding-top:100px; padding-bottom:100px;}
.contents-lg{padding-top:200px; padding-bottom:200px;}
.contents-sm{padding-top:80px; padding-bottom:80px;}
.mb-md{margin-bottom:80px !important;}
.thin{max-width:960px; margin:0 auto;}
.container.thin{max-width:calc(960px + var(--bs-gutter-x));}
.thin-sm{max-width:760px; margin:0 auto;}
/*
.contents-sm{padding-top:45px; padding-bottom:45px;}
.contents.box{padding-left:60px; padding-right:60px;}
.container.thin{max-width:calc(1100px + 40px);}
*/
/*
.thin-sm{max-width:calc(950px + 40px);}

.row-panels>*{display:flex;}
.row-panels>*>*{width:100%;}
*/

/*
@media (min-width: 768px){
	.row:not(.g-0){--bs-gutter-x:40px;}
}
*/
@media (max-width:991px){
/*
	html.fixed,
	body.open{overflow:hidden;}
	#wrap{padding-top:80px;}
*/
	
	.container{max-width:100%;}
/*
    .contents{padding-top:60px; padding-bottom:60px;}
	.contents-lg{padding-top:90px; padding-bottom:90px;}
*/
}
/*
@media (max-width:767px){
	.contents.box{padding-left:40px; padding-right:40px;}
}
*/
@media (max-width:575px){
    .contents{padding-top:50px; padding-bottom:50px;}
	.contents-lg{padding-top:100px; padding-bottom:100px;}
	.contents-sm{padding-top:40px; padding-bottom:40px;}
	.mb-md{margin-bottom:40px !important;}
}

/* Layout
----------------------------------------------- */
.bg-yellow{background-color:var(--color-main);}
.bg-yellow-sprit{background-color:var(--color-main); overflow:hidden;}
.bg-yellow-sprit,
.bg-yellow-sprit>*{position:relative;}
.bg-yellow-sprit::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-color:white;
	position:absolute;
	top:0;
	left:0;
	transform:skew(0deg,5deg);
}
.bg-grid{
	background-color:var(--color-gray);
	background-image:
		linear-gradient(0deg, transparent calc(100% - 1px), rgba(0,0,0,.05) calc(100% - 1px)),
		linear-gradient(90deg, transparent calc(100% - 1px), rgba(0,0,0,.05) calc(100% - 1px));
	background-size:40px 40px;
	background-repeat:repeat;
	background-position:center top;
	position:relative;
}
.bg-yellow-light{background-color:var(--color-yellow-light);}

.bg-arrow::before{
	content:'';
	display:block;
	background:white;
	width:76px;
	height:50px;
	clip-path:polygon(0 0, 100% 0, 50% 100%);
	position:absolute;
	top:-1px;
	left:50%;
	transform:translateX(-50%);
}

.kakko{letter-spacing:.15em; text-indent:.15em;}
.kakko + span.en{letter-spacing:.25em; text-indent:.25em;}
.kakko::before{content:'\300C';}
.kakko::after{content:'\300D';}
.kakko::before,
.kakko::after{color:var(--color-main);}
.bg-yellow .kakko::before,
.bg-yellow .kakko::after{color:white;}

.c-main{color:var(--color-main);}
.c-blue{color:var(--color-blue);}
.c-white{color:white;}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-weight:700 !important; margin:0; line-height:1.6; /* letter-spacing:.1em; */}
h1,.h1{font-size:40px;}
h2,.h2{font-size:36px;}
h2{margin-bottom:3rem;}
h3,.h3,[class*=h-box]{font-size:26px; margin-bottom:2rem;}
h4,.h4{font-size:20px; font-weight:700;}
/* .lead{font-size:20px; margin-bottom:0; font-weight:500;} */
.small{font-size:14px;}
.fs-1{font-size:1rem !important; margin-bottom:0;}
.bold{font-weight:700;}

.page-aboutus #pos-01 h2,
.nav-two-tone .h2{font-size:32px;}

h2 span.en{display:block; font-size:14px; padding:.5em; letter-spacing:.25em;}

.square-list h3{display:flex; align-items:flex-start; font-size:20px; margin-bottom:.5em;}
.square-list h3::before{
	content:'';
	min-width:14px;
	margin-top:.5em;
	margin-right:.5rem;
	aspect-ratio:1/1;
	background-color:var(--color-main);
}
.square-list>*{margin-bottom:4rem;}

.h-fk{display:flex; flex-direction:column; align-items:center; font-size:110px; letter-spacing:.3em; text-indent:.3em; background:linear-gradient(180deg, white 65%, transparent 65%);}
.h-fk span:first-child{font-size:51px/* .4545em */; color:white; letter-spacing:.65em; text-indent:.65em; -webkit-text-stroke:2px black; text-stroke:2px black; paint-order:stroke;}

[class*=h-box]{width:100%; max-width:460px; text-align:center; padding:.25em .5em; margin:0 auto 3rem; background-color:var(--color-main);}
.h-box-up{transform:translateY(-50%);}
[class*=h-sm-box]{}

.txt-both{display:inline-block; min-width:4em; text-align-last:justify;}

p{margin-bottom:2rem;}

@media (max-width:991px){
	.h-fk{font-size:11vw;}
	.h-fk span:first-child{font-size:39px;}
}
@media (max-width:767px){
	.h-fk{font-size:12vw;}
	h1,.h1,h2,.h2{font-size:24px;}
	h2{margin-bottom:2rem;}
	h3,.h3,[class*=h-box]{font-size:20px;}
	.square-list h3,
	h4,.h4{font-size:18px;}
	[class*=h-box]{margin:0 auto 1.25rem;}
	.page-aboutus #pos-01 h2,
	.nav-two-tone .h2{font-size:22px;}
}
@media (max-width:575px){
	.h-fk span:first-child{font-size:21px;}
	.nav-two-tone .h2{font-size:18px;}
}

ul.disc,
ul:not([class]){padding-left:1em;}

.table{
	--bs-table-color:black;
	--bs-table-border-color:#e6e6e6;
	caption-side:top;
}
.table th{white-space:nowrap; font-weight:500;}
.table th,
.table td{padding:1rem 2rem;}

.table-bordered{
	--bs-table-border-color:black;
	border:1px solid black;
}
.table-bordered th{background-color:var(--color-gray);}
.table-bordered caption{color:black;}
.table-bordered th{text-align:center; width:50%;}
.table-bordered th,
.table-bordered td{padding:.5rem 2rem;}

.table-bordered.th-border-none th,
.table-bordered.th-border-none td{border-width:0; width:auto;}
.table-bordered.th-border-none th{text-align:left; font-weight:normal;}

.table.profile{border-top:1px solid #e6e6e6;}
.table.profile th,
.table.profile td{padding:1.5em 2rem;}

.page-rental .table th,
.page-repair .table th,
.page-inspection .table th{white-space:normal;}


.card{border-color:var(--border-color); border-radius:0; padding:30px;}
.card p:last-child{margin-bottom:0;}

@media (max-width:575px){
	.card{padding:1rem;}

	.table th,
	.table td{padding:1rem 2rem;}

	.table-bordered th,
	.table-bordered td{padding:.5rem 1rem;}

	.table.profile th,
	.table.profile td{display:block; padding:.5rem;}
	.table.profile th{border:none; background-color:var(--color-gray);}
}

.btn{
	--bs-btn-padding-y:.5rem;
	--bs-btn-padding-x:1rem;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn{opacity:.5 !important;}

.btn-close{opacity:1;}

.btn-main,
.btn-main:hover{
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
	column-gap:1em;
	font-size:20px;
	font-weight:700;
	border-radius:0;
	padding:1em;
	color:black !important;
	background-color:white !important;
	border:5px solid black !important;
	position:relative;
	opacity:1 !important;
	width:480px;
	max-width:100%;
}
.btn-main:hover{
	background-color:var(--color-main) !important;
}
.btn-main::before,
.btn-main::after{
	content:'';
	min-width:1em;
	height:1em;
	-webkit-mask:no-repeat left center/contain;
	mask:no-repeat left center/contain;
	background-color:black;
	-webkit-mask-image:url(assets/images/ic-arrow.svg);
	mask-image:url(assets/images/ic-arrow.svg);
}
.btn-main::before{transform:scale(-1,1); visibility:hidden;}

.btn-ol,
.btn-ol:hover{
	border-radius:0;
	padding:.25em 1em;
	color:black !important;
	border:1px solid black !important;
	opacity:1 !important;
	width:160px;
	max-width:100%;
}
.btn-ol:hover{
	color:white !important;
	background-color:black !important;
}

.btn-blue,
.btn-blue:hover{
	padding:1em;
	color:white !important;
	background-color:var(--color-blue);
	opacity:1 !important;
	width:350px;
	max-width:100%;
}

.btn-search-open{
	display:inline-flex;
	justify-content:space-between;
	align-items:center;
	column-gap:1em;
}
.btn-search-open::before,
.btn-search-open::after{
	content:'';
	min-width:1em;
	height:1em;
}
.btn-search-open::after{
	background:url(assets/images/ic-search.svg) no-repeat center center/contain;
}

@media (max-width:575px){
	.btn-main,
	.btn-main:hover{font-size:17px; padding:.8em .5em; column-gap:.5em;}
}
/*
@media (max-width:374px){
	.btn-main,
	.btn-main:hover{font-size:16px;}
}
*/

.nav-category-bar{}
ul.nav-category{padding:.5em 0; gap:.5rem; overflow:auto;}
ul.nav-category li{flex-shrink:0;}
ul.nav-category a{
	font-size:13px;
	padding:.25rem 1.5rem;
	border:1px solid black !important;
	border-radius:10em;
}
ul.nav-category a.current,
ul.nav-category a:hover{
	background-color:var(--color-main);
}

.post-list{flex-direction:column; width:100%; border-bottom:1px solid var(--border-color-light);}
.post-list>*{width:100%; padding:1.5rem 0; border-top:1px solid var(--border-color-light);}
.post-list a{display:flex; gap:2rem; text-decoration:none; color:black;}
.post-list h2{font-size:1rem; font-weight:normal !important; margin:0;}
.col-cats{min-width:8em;}

time{min-width:6em; font-size:14px; line-height:2.2;}
.cats>*{
	display:inline-block;
	margin:0 1px;
	font-size:13px;
	text-align:center;
	padding:.1em 1em;
	border-radius:10em;
	border:1px solid black;
	min-width:8em;
}

.post-grid{row-gap:3.5rem;}
.post-grid .post-tmb{aspect-ratio:9/6; margin-bottom:1rem;}
.post-grid h2{font-weight:500 !important; margin-bottom:.5rem;}

.category-columns time{display:none;}

@media (max-width:767px){
	.post-list a{display:flex; gap:.5rem 1rem; flex-wrap:wrap;}
	.post-list a .col-title{min-width:100%;}
}

.accordion-container{display:flex; flex-direction:column; gap:1rem;}
.accordion-block .btn-accordion,
.accordion-block .inner{padding:1rem;}
.accordion-block .btn-accordion,
.accordion-block .btn-accordion:active{
	display:flex;
	width:100%;
	border-radius:0;
	text-align:left;
	background-color:var(--color-main);
	font-size:20px;
	font-weight:700;
}
.accordion-block .inner{
	background-color:white;
}
.accordion-block .inner p:last-child{margin-bottom:0;}

.accordion-block .btn-accordion::after{
	content:'';
	display:flex;
	width:30px;
	min-width:30px;
	aspect-ratio:1/1;
	margin-left:auto;
	background:url(assets/images/ic-plus-lg.svg) no-repeat right center/contain;
}
.accordion-block .btn-accordion[aria-expanded="true"]::after{
	background-image:url(assets/images/ic-minus-lg.svg);
}

@media (max-width:575px){
	.accordion-block .btn-accordion,
	.accordion-block .btn-accordion:active{
		font-size:16px;
	}
}


/* swiper(home-event)
-------------------------------------------------------------- */
.swiper .swiper-slide{height:auto;}
.swiper .swiper-slide-item{height:100%;}
.swiper-pagination{position:relative; margin:1rem 0 0;}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width:8px;
    height:8px;
    margin:0 8px;
}
.swiper-pagination-bullet{}
.swiper-pagination-bullet-active{background:var(--color-main);}
/*
.swiper-button-prev,
.swiper-button-next{top:40%; width:44px; aspect-ratio:1/1; background-color:#002456; border-radius:10em;}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after{color:white; font-size:1.2rem; font-weight:700;}
*/

/* banner-swiper */
.banner-swiper{width:90%; max-width:960px; margin:-3rem auto 0;}

.banner-swiper .swiper-slide{
/*
	width:100%;
	max-width:960px;
	opacity:.5;
	transform:translateZ(0) scale(.95) !important;
	transition:.7s;
*/
}
.banner-swiper .swiper-slide.swiper-slide-active{
/*
	opacity:1;
	transform:translateZ(0) scale(1) !important;
	z-index:1;
*/
}
.banner-swiper .swiper-slide img{
/*
	width:100%;
	height:auto;
	border-radius:16px;
*/
}

/* header
-------------------------------------------------------------- */
#header{width:100%; background-color:white;}
#header .nav-bar{display:flex; width:100%; height:100px; gap:2rem; justify-content:space-between; align-items:center;}

#header a.brand{min-width:200px; max-width:200px;}

#header .drawer-pannel{width:100%; align-self:flex-start; display:flex; flex-direction:column; align-items:flex-end; position:relative;}

#header .nav .nav-link{padding:0 var(--bs-nav-link-padding-x); line-height:1.4; color:black;}
#gnavi a{min-width:130px; text-align:center;}
#gnavi a span{display:inline-block; min-width:4em; text-align-last:justify;}

#subnavi li[class*=nav-ic] a.nav-link{display:flex; column-gap:.25em;}
#subnavi li[class*=nav-ic] a.nav-link::before{
	content:'';
	width:1.5em;
    background:no-repeat center center/contain;
}
#subnavi li.nav-ic-en a.nav-link::before{background-image:url(assets/images/ic-en.svg); aspect-ratio:1/1;}
#subnavi li.nav-ic-ja a.nav-link::before{background-image:url(assets/images/ic-ja.svg); aspect-ratio:1/1;}

#header .dropdown-toggle{display:inline-flex;}
#header .dropdown-toggle::after {
    margin-left:.5em;
    vertical-align:.255em;
    width:1.25rem;
    height:1.25rem;
    border:none;
    background:var(--icon-arrow-down) no-repeat center center/contain;
    transition:transform 0.2s ease-in-out;
}
#header .dropdown-toggle.show::after{
    transform:rotate(-180deg);
}
#header .dropdown-menu{padding:.5rem;}
#header .dropdown-menu li{margin-bottom:.5rem;}
#header .dropdown-menu li:last-child{margin-bottom:0;}
#header .dropdown-menu a{display:flex; justify-content:space-between; align-items:center; background-color:var(--color-gray);}
#header .dropdown-menu a::after{
	content:'';
    margin-left:2em;
    vertical-align:.255em;
    width:1.25rem;
    height:1.25rem;
    background:var(--icon-arrow-down) no-repeat center center/contain;
    transform:rotate(-90deg);
}

li.nav-btn a.nav-link{
	display:flex;
	justify-content:center;
	align-items:center;
	height:50px;
	min-width:170px;
	column-gap:.25em;
	line-height:1;
	color:white !important;
	background-color:var(--color-blue);
}
li.nav-btn a.nav-link::before{
	content:'';
	width:1.4em;
	aspect-ratio:16/13;
	background-color:white;
	-webkit-mask:no-repeat left center/contain;
	mask:no-repeat left center/contain;
}
li.nav-btn.ic-mail a.nav-link::before{
	-webkit-mask-image:url(assets/images/ic-mail2.svg);
	mask-image:url(assets/images/ic-mail2.svg);
}
li.nav-btn.ic-tel a.nav-link::before{
	-webkit-mask-image:url(assets/images/ic-tel.svg);
	mask-image:url(assets/images/ic-tel.svg);
}

li.nav-child .nav-link{display:flex; align-items:center; column-gap:.25em;}
li.nav-child .nav-link::before{
	content:'';
	width:1em;
	height:0;
	border-bottom:1px solid black;
}

#header .dropdown-menu{
	transform:none !important;
	top:100%;
}

@media (min-width:992px){
	#header .container-fluid{padding-right:0;}
	#header .drawer-pannel{padding-top:calc(50px + 15px);}

	#header .nav{align-items:center;}

	#gnavi{align-self:flex-end;}
	#gnavi li{border-left:1px solid black;}
	#gnavi li:first-child{border:none;}
	
	#subnavi{column-gap:1em; position:absolute; top:0; right:0;}
	#subnavi a{font-size:14px;}
}
@media (max-width:1199px){
	#gnavi a{min-width:118px;}
}
@media (max-width:991px){
	html{scroll-padding-top:70px;}
	#header{position:fixed; top:0; left:0; z-index:999;}
	#container{padding-top:70px;}

	#header .nav-bar{height:70px;}
	#header a.brand{min-width:120px; max-width:120px;}

	#header .drawer-pannel{width:100%; background-color:var(--color-yellow-light); border:10px solid var(--color-main); align-items:flex-start; position:fixed; top:0; left:0;}
	#header .drawer-pannel::before{
		content:'CONTENTS';
		font-size:20px;
		font-family: "Roboto", sans-serif;
		font-weight: 700;
		font-style: normal;
		letter-spacing:.15em;
	}

	#header .nav{flex-direction:column; width:100%;}
	#header .nav li{border-top:1px solid black;}
	#header .nav li:not(.nav-btn) .nav-link{display:flex; align-items:center; padding:1em .5em;}
	#header .nav li:not(.nav-btn) .nav-link::after{
		content:'';
		min-width:.6em;
		height:1em;
		margin-left:auto;
		-webkit-mask:no-repeat left center/contain;
		mask:no-repeat left center/contain;
		background-color:black;
		-webkit-mask-image:url(assets/images/ic-arrow.svg);
		mask-image:url(assets/images/ic-arrow.svg);
	}

	#header .nav li.nav-btn{border:none; margin-bottom:.8em;}
	li.nav-btn a.nav-link{
		height:4em;
		justify-content:flex-start;
		color:black !important;
		background-color:var(--color-main);
	}
	li.nav-btn a.nav-link::before{
		width:1.6em;
		background-color:black;
	}
	li.nav-btn.ic-mail a.nav-link::before{
		-webkit-mask:none;
		mask:none;
		background:url(assets/images/ic-mail.svg) no-repeat left center/contain;
	}
	li.nav-btn.ic-tel a.nav-link::before{
		-webkit-mask-image:url(assets/images/ic-tel.svg);
		mask-image:url(assets/images/ic-tel.svg);
	}

	#header .nav li.border-none{border:none;}
	#header .nav li.link-none .nav-link{pointer-events:none;}
	#header .nav li.link-none .nav-link::after{content:none;}
/*
    body.open #header .drawer-pannel{
		height:100vh;
		visibility:visible;
		opacity:1;
    }
*/
	.admin-bar #header{top:32px;}
}
@media (max-width:782px){
	.admin-bar #header{top:46px;}
}

/* Cover
----------------------------------------------- */
#cover{
	display:flex;
	justify-content:center;
	align-items:center;
	height:700px;
	max-height:100vh;
	background:url(assets/images/cover.webp) no-repeat center center/cover;
	position:relative;
}
#cover>*{position:relative;}
#cover::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:radial-gradient(rgba(0,0,0,.2), rgba(0,0,0,.7));
	background:-moz-radial-gradient(rgba(0,0,0,.2), rgba(0,0,0,.7));
	background:-webkit-radial-gradient(rgba(0,0,0,.2), rgba(0,0,0,.7));
	mix-blend-mode:multiply;
}

#cover h1 img{filter:drop-shadow(0 0 5px black);}

@media (max-width:767px){
	#cover{height:520px;}
	#cover h1{width:90%; max-width:450px;}
}

/* footer
--------------------------------------------------------------*/
#footer .upper .row{gap:1px;}
#footer .upper a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:1rem;
	padding:2rem 1rem;
	background-color:var(--color-main);
}

.en.tel{display:inline-flex; line-height:1; gap:.5rem; font-size:40px; text-decoration:none;}
.en.tel::before{
	content:'';
	min-width:.7em;
	background:url(assets/images/ic-tel.svg) no-repeat center center/contain;
}

#footer ul.labels{flex-wrap:nowrap; gap:5px;}
#footer ul.labels li{padding:.15rem 2rem; background-color:white; border:1px solid black;}
#footer ul.labels li span{display:inline-block; min-width:3em; text-align-last:justify;}

#footer .lower,
#footer a{font-size:13px;}
#fnavis{display:flex; gap:6em; margin-bottom:4rem;}
#fnavis ul.nav{flex-direction:column; gap:1em;}
#fnavis ul.nav a.nav-link{color:black; padding:0;}

#footer a.logo{display:inline-block; font-size:13px; margin-bottom:2rem;}
#footer address span.d-flex{column-gap:2em; flex-wrap:wrap;}
#copyright{display:block; font-size:12px;}

.scroll-link{background-color:var(--color-main); z-index:1000;}

@media (max-width:1199px){
	.en.tel{font-size:3.5vw;}
	#footer ul.labels li{padding:.15rem 1rem;}
}
@media (max-width:991px){
	#fnavis{gap:3em;}
}
@media (max-width:767px){
	#footer .lower{text-align:center;}
	#footer address span.d-flex{justify-content:center;}
	#fnavis{display:none;}
	.en.tel{font-size:30px;}
	#footer img.form{width:60px;}
}


/* content-header
--------------------------------------------------------------*/
.content-header{display:flex; align-items:center; height:260px; background-color:var(--color-main-dark); position:relative; overflow:hidden;}
.content-header>*{position:relative;}
.content-header::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-color:var(--color-main);
	position:absolute;
	top:0;
	right:30%;
	transform:skewX(-50deg);
}

.breadcrumbs-wrap{padding:0;}
.breadcrumbs{display:inline-flex; gap:1em; padding:.5em calc(var(--bs-gutter-x) / 2); z-index:1; background-color:black; font-size:13px; color:white;}
.breadcrumbs a{color:white; text-decoration:none;}
.breadcrumbs>span{display:inline-flex; gap:1em;}
.breadcrumbs>span::after{content:'\FF1E';}
.breadcrumbs>span:last-child::after{content:none;}

.page-product .content-header,
.single-parts .content-header{height:70px;}

@media (min-width:576px){
	.breadcrumbs-wrap{position:absolute; left:50%; transform:translate(-50%,-50%); padding:0; z-index:2;}
	.breadcrumbs{min-width:360px; position:relative;}
	.breadcrumbs::before{
		content:'';
		display:block;
		width:100vw;
		height:100%;
		background-color:black;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
}
@media (max-width:767px){
	.content-header{height:200px;}
}
@media (max-width:575px){
	.breadcrumbs,
	.breadcrumbs>span{gap:.5em;}
	.content-header{height:90px;}
	.content-header h1,
	.content-header .h1{font-size:1rem;}
	.breadcrumbs{font-size:12px; width:100%;}

/*
	.breadcrumbs-wrap{position:absolute; left:50%; transform:none;}
	.breadcrumbs{display:inline-flex; gap:1em; min-width:360px; padding:.5em calc(var(--bs-gutter-x) / 2); z-index:1; background-color:black; position:relative; font-size:13px; color:white;}
	.breadcrumbs a{color:white; text-decoration:none;}
	.breadcrumbs::before{
		content:'';
		display:block;
		width:100vw;
		height:100%;
		background-color:black;
		position:absolute;
		top:0;
		right:0;
		z-index:-1;
	}
	.breadcrumbs>span{display:inline-flex; gap:1em;}
	.breadcrumbs>span::after{
		content:'＞';
	}
	.breadcrumbs>span:last-child::after{
		content:none;
	}
*/
}

/* widget
----------------------------------------------- */

/* archive & single
----------------------------------------------- */
.single-post header h2{margin-bottom:.5em;}

/*
.single-post article header h2{display:flex; column-gap:1rem;}
.single-post article header h2:before{
	content:'';
	display:inline-block;
	min-width:6px;
	height:1.2em;
	margin-top:.3em;
	background-color:var(--color-red);
}
*/

/*
.single-header,
.archive-header{}
*/

/*
.post-tmb{margin-bottom:.75rem;}
*/

/* the_posts_pagination */
nav.navigation{justify-content:center; padding:130px 0 0;}
nav.navigation ul{display:flex; column-gap:40px; margin:0; padding:0; list-style:none;}
nav.navigation ul *{display:flex;}
nav.navigation ul li>*{width:60px; height:60px; color:black; border:1px solid black; justify-content:center; align-items:center; border-radius:0;}
nav.navigation ul li a{text-decoration:none;}
nav.navigation ul li a:hover,
nav.navigation ul li>*.current{color:white; background-color:black; border-color:black;}

@media (max-width:767px){
	nav.navigation{padding:65px 0 0;}
	nav.navigation ul{column-gap:20px;}
	nav.navigation ul li>*{width:40px; height:40px;}

	.related-articles{padding-top:100px;}
}

/* single parts(forklift)
----------------------------------------------- */
.tax-forklift-parts .bg-grid{position:relative;}
.tax-forklift-parts .bg-grid::before{
	content:'';
	display:inline-block;
	border-style:solid;
	border-width:50px 38px 0 38px;
	border-color:white transparent;
	position:absolute;
	left:50%;
	top:-1px;
	transform:translate(-50%,0);
}

.tmbs-main-swiper .swiper-slide img{width:100%;}
.tmbs-main-swiper .swiper-button-prev,
.tmbs-main-swiper .swiper-button-next{display:flex; justify-content:center; align-items:center; width:48px; aspect-ratio:1/1; background-color:rgba(255,255,255,.7);}
.tmbs-main-swiper .swiper-button-prev::after,
.tmbs-main-swiper .swiper-button-next::after{color:black; font-size:1rem;}
.tmbs-main-swiper .swiper-button-prev{left:0;}
.tmbs-main-swiper .swiper-button-next{right:0;}

.tmbs-nav-swiper{padding:1rem 0;}
.tmbs-nav-swiper .swiper-wrapper{display:flex; gap:8px; flex-wrap:wrap;}
.tmbs-nav-swiper .swiper-slide{max-width:calc((100% - 4 * 8px) / 5); aspect-ratio:126/84; position:relative; opacity:.5;}
.tmbs-nav-swiper .swiper-slide img{position:absolute; width:100%; height:100%; object-fit:cover;}
.tmbs-nav-swiper .swiper-slide-thumb-active{opacity:1;}

/* pages
--------------------------------------------------------------*/
/* home */
#pos-forklift{position:relative;}
#pos-forklift::before{
	content:'';
	display:block;
	width:100%;
	height:calc(130px + 130px);
	background-color:white;
	position:absolute;
	top:-1px;
	left:0;
}
.nav-two-tone{row-gap:var(--bs-gutter-x);}
.nav-two-tone>*{display:flex;}
.nav-two-tone a{
	display:block;
	width:100%;
	aspect-ratio:36/28;
	text-align:center;
	background:linear-gradient(-37.875deg, var(--color-main-dark) 50%, var(--color-main) 50%);
	padding:2rem 1.5rem;
	position:relative;
}
.nav-two-tone a::before,
.nav-two-tone a::after{
	content:'';
	display:block;
	position:absolute;
}
.nav-two-tone a::before{
	width:calc(100% - 20px);
	height:calc(100% - 20px);
	border:5px solid black;
	top:10px;
	left:10px;
}
.nav-two-tone a::after{
	width:100%;
	height:45%;
	background:url(assets/images/home/fl-rental.png) no-repeat center center/contain;
	left:0;
	bottom:-5%;
}
.nav-two-tone a.panel-rental::after{background-position:60% center;}
.nav-two-tone a.panel-inspection::after{background-image:url(assets/images/home/fl-inspection.png);}
.nav-two-tone a.panel-repair::after{background-image:url(assets/images/home/fl-repair.png);}
.nav-two-tone a.panel-sale-ja::after{background-image:url(assets/images/home/fl-sale-ja.png);}
.nav-two-tone a.panel-sale-en::after{background-image:url(assets/images/home/fl-sale-en.png); background-position:40% center;}
.nav-two-tone a.panel-parts::after{background-image:url(assets/images/home/fl-parts.png);}

.nav-two-tone h3{margin-bottom:1rem !important; position:relative;}
.nav-two-tone h3::after{
	content:'';
	display:block;
	width:50px;
	aspect-ratio:5/4;
	background:var(--color-blue) url(assets/images/ic-arrow-w.svg) no-repeat center center;
	position:absolute;
	top:0;
	right:calc(-2rem - 5px);
}
.nav-two-tone h3 span.fs-1{display:block;}

#pos-strengths .h-fk{background:none; transform:translateY(-65%);}
#pos-strengths .number{margin-top:-6rem; row-gap:var(--bs-gutter-x);}
#pos-strengths .col{counter-increment:i 1;}
#pos-strengths .col .photo{position:relative;}
#pos-strengths .col .photo::after{
	content:counter(i);
	color:white;
	font-size:81px;
	font-family:"Roboto", sans-serif;
	font-weight:700;
	font-style:normal;
	line-height:1;

	-webkit-text-stroke:2px black;
	text-stroke:2px black;
	paint-order:stroke;

	position:absolute;
	top:0;
	left:0;
	transform:translate(20%,-30%);
}
#pos-strengths .btn-main{width:90%; margin-left:5%; transform:translateY(-50%);}

.row.nav-guide{
	--bs-gutter-x:1px;
	--bs-gutter-y:1px;
}
.nav-guide a{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	aspect-ratio:240/180;
	background-color:white;
}
.nav-guide a span{display:inline-block; min-width:3em; text-align-last:justify;}
.nav-guide a::before{
	content:'';
	width:74px;
	aspect-ratio:74/60;
	background:no-repeat center center/contain;
}
.nav-guide a.ic-flag::before{background-image:url(assets/images/ic-flag.svg)}
.nav-guide a.ic-area::before{background-image:url(assets/images/ic-area.svg)}
.nav-guide a.ic-calendar::before{background-image:url(assets/images/ic-calendar.svg)}
.nav-guide a.ic-calculator::before{background-image:url(assets/images/ic-calculator.svg);}
.nav-guide a.ic-track::before{background-image:url(assets/images/ic-track.svg);}
.nav-guide a.ic-tag::before{background-image:url(assets/images/ic-tag.svg);}
.nav-guide a.ic-box::before{background-image:url(assets/images/ic-box.svg);}
.nav-guide a.ic-payment::before{background-image:url(assets/images/ic-payment.svg);}

#pos-fl-type .inner{min-width:480px; width:53%; margin-left:auto;}
#pos-fl-type .inner>*:not(img){position:relative; z-index:1;}
#pos-fl-type img{max-height:100%; position:absolute; top:0; right:60%; z-index:-1;}
#pos-fl-type .btn-main{width:100%;}

#pos-news.bg-yellow-sprit::before{height:120%;}
#pos-news .col-auto{padding-right:5em;}

#pos-recruit a{
	display:block;
	height:500px;
	background:url(assets/images/recruit/recruit.jpg) no-repeat center center/cover;
	position:relative;
}
#pos-recruit a>*{position:relative;}
#pos-recruit a::before{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.25);
	position:absolute;
	top:0;
	left:0;
}

@media (min-width: 768px) {
	#pos-fl-type h2{text-align:left;}
	#pos-fl-type h2 .kakko::before{margin-left:-.5em;}
	#pos-fl-type .btn-main{justify-content:flex-start;}
	#pos-fl-type .btn-main::after{margin-left:auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.nav-two-tone{font-size:15px;}
	.nav-two-tone a{aspect-ratio:36/34;}
	.nav-two-tone a::after{height:40%;}
}
@media (max-width:991px){
	#pos-forklift>.container{max-width:800px;}
	#pos-strengths .btn-main{font-size:17px;}

	#pos-news .post-list a{display:flex; gap:.5rem 1rem; flex-wrap:wrap;}
	#pos-news .post-list a .col-title{min-width:100%;}

	#pos-recruit a{height:auto;}
	#pos-recruit h2{padding-bottom:3em;}
}
@media (max-width:767px){
	.nav-two-tone a{aspect-ratio:auto; height:128px; padding:1rem;}
	.nav-two-tone p{display:none;}
	.nav-two-tone .fs-1{font-size:12px !important;}
	.nav-two-tone h3::after{
		width:28px;
		aspect-ratio:5/4;
		background-size:40%;
		right:calc(-1rem - 3px);
	}
	.nav-two-tone a::after{
		height:50%;
		bottom:-10%;
	}
	.nav-two-tone a::before{
		width:calc(100% - 10px);
		height:calc(100% - 10px);
		border-width:2px;
		top:5px;
		left:5px;
	}

	#pos-guide .row.nav-guide{font-size:15px;}

	#pos-fl-type .inner{min-width:inherit; width:100%;}
	#pos-fl-type img{position:relative; top:0; right:auto; display:block; width:50%; margin:0 auto 2rem;}
}
@media (max-width:575px){
	#pos-strengths .number{margin-top:-3rem;}
	.nav-guide a::before{width:56px;}
}
@media (max-width:390px){
	#pos-fl-type h2{font-size:6vw;}
}
@media (max-width:374px){
	.row.nav-two-tone>*{width:100%;}
}


/* about us
--------------------------------------------------------------*/
.page-aboutus #pos-01 .container{display:flex; flex-direction:column; align-items:center;}
.page-aboutus #pos-01 .img{width:50%; max-width:300px;}
.page-aboutus #pos-01 h2{border-bottom:5px solid var(--color-main);}

.page-aboutus #pos-02 section{counter-increment:i 1; position:relative;}
.page-aboutus #pos-02 section>*{position:relative;}
.page-aboutus #pos-02 section::before{
	content:'';
	display:block;
	width:85%;
	height:calc(100% - (80px + 3rem));
	background-color:var(--color-gray);
	background-image:
		linear-gradient(0deg, transparent calc(100% - 1px), rgba(0,0,0,.05) calc(100% - 1px)),
		linear-gradient(90deg, transparent calc(100% - 1px), rgba(0,0,0,.05) calc(100% - 1px));
	background-size:40px 40px;
	background-repeat:repeat;
	background-position:center center;
	position:absolute;
	bottom:0;
	right:0;
}

.page-aboutus #pos-02 .h-box{padding-left:2em; margin-top:calc((80px * .9) - 2em); margin-bottom:3rem; position:relative; z-index:1; max-width:100%; text-align:left;}
.page-aboutus #pos-02 .h-box::after{
	content:counter(i);
	color:white;
	font-size:81px;
	font-family:"Roboto", sans-serif;
	font-weight:700;
	font-style:normal;
	line-height:1;

	-webkit-text-stroke:2px black;
	text-stroke:2px black;
	paint-order:stroke;

	position:absolute;
	bottom:0;
	left:0;
	transform:translate(-50%,0);
}
.page-aboutus #pos-02 .h-box::before{
	content:'';
	display:block;
	width:calc(100% + 60px);
	height:100%;
	background-color:var(--color-main);
	position:absolute;
	top:0;
	right:0;
	z-index:-1;
}

.page-aboutus #pos-02 ul{flex-direction:column;}
.page-aboutus #pos-02 ul li{margin-bottom:2rem;}
.page-aboutus #pos-02 ul .h3{margin-bottom:0 !important;}
.page-aboutus #pos-02 ul span{display:inline-block; margin:0 .25rem; line-height:1.4; position:relative; z-index:1;}
.page-aboutus #pos-02 ul span.en{font-size:40px; line-height:.9;}
.page-aboutus #pos-02 ul span::before{
	content:'';
	display:inline-block;
	height:10px;
	width:100%;
	background-color:var(--color-main);
	position:absolute;
	left:0;
	bottom:0;
	z-index:-1;
}

.page-aboutus #pos-03 .ceo{text-align:center;}
.page-aboutus #pos-03 .ceo img{width:70%; box-shadow:10px 10px 0 var(--color-main);}

.table.profile ul.nav{flex-direction:column;}
.table.profile ul.branch li{margin-bottom:1.5em;}

@media (max-width:991px){
	.page-aboutus #pos-02 .im{aspect-ratio:4/3; position:relative;}/* 画像遅延アンカーリンク対応 */
	.page-aboutus #pos-02 .im img{width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover;}
}
@media (max-width:767px){
	.page-aboutus #pos-02 .im{aspect-ratio:1000/536;}
	.page-aboutus #pos-02 .h-box{padding-left:4rem; margin-top:0; margin-bottom:0; transform:translateY(-100%);}
	.page-aboutus #pos-02 .h-box::before{width:100%;}
	.page-aboutus #pos-02 .h-box::after{left:.5rem; transform:none;}

	.page-aboutus #pos-02 section .inner{padding-left:4rem;}
	.page-aboutus #pos-02 section::before{width:calc(100% - 3rem);}

	.page-aboutus #pos-02 ul li{margin-bottom:1rem;}
}
@media (max-width:575px){
	.page-aboutus #pos-02 ul span.en{font-size:30px;}
	.page-aboutus #pos-02 section .inner{padding-left:1rem;}
	.page-aboutus #pos-02 section::before{width:calc(100% - var(--bs-gutter-x)/2);}
	.page-aboutus #pos-03 .ceo img{width:240px; max-width:60%;}
}


/* recruit
--------------------------------------------------------------*/
#recruit-01 h2{
	width:100%;
	aspect-ratio:1600/560;
	background:url(assets/images/recruit/recruit.jpg) no-repeat center center/cover;
	position:relative;
}
#recruit-01 h2 span{
	display:block;
	font-size:110px;
	letter-spacing:.25em;
	text-indent:.25em;
	color:var(--color-yellow-light);
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%, 16%);
}

ul.nav-license{padding-top:1rem; justify-content:space-between;}
ul.nav-license li{width:180px; aspect-ratio:1/1; display:flex; justify-content:center; align-items:center; border-radius:50%; background-color:var(--color-yellow-light); position:relative;}
ul.nav-license li::before{
	content:'';
	display:block;
	width:100%;
	height:55px;
	background:url(assets/images/ic-tag2.svg) no-repeat center center/contain;
	position:absolute;
	top:-10px;
	left:0;
}

#recruit-career h3{background-color:white; border-radius:10em; padding:.4em 2em; margin-bottom:1rem; max-width:20em;}
#recruit-career h3 span{display:inline-block; padding-left:1.5em;}
#recruit-career ol{padding-bottom:2em; margin-left:2em; border-left:1px solid black;}
#recruit-career ol li{padding-left:1em; margin-bottom:.5em;}

#recruit-number .row{justify-content:center;}
#recruit-number .row>*{margin-bottom:var(--bs-gutter-x);}
#recruit-number .card{border-radius:10px;}
#recruit-number .card h3{text-align:center; padding:.25em 1em; border-radius:10em; background-color:var(--color-yellow-light);}
#recruit-number .card .h1{text-align:center; padding:1em 0;}
#recruit-number .card .h1 .en{font-size:2.25em; color:var(--color-main);}

@media (max-width:991px){
	ul.nav-license li{width:170px;}
}
@media (max-width:767px){
	#recruit-01 h2 span{font-size:14vw;}
	ul.nav-license{max-width:400px; margin:0 auto; gap:2rem;}
	ul.nav-license li{width:calc(50% - 2rem / 2);}

	#recruit-career .row{flex-direction:column; align-items:center; gap:2rem;}
	#recruit-career .row>*{width:auto;}

}
@media (max-width:575px){
	ul.nav-license{gap:2rem 1rem;}
	ul.nav-license li{width:calc(50% - 1rem / 2);}
	#recruit-career h3 span{display:block; padding-left:0;}
	#recruit-number .row>*{margin-bottom:1rem;}

	.table.recruit th,
	.table.recruit td{display:block; padding:.5rem;}
}
@media (max-width:374px){
	ul.nav-license li{width:100%; aspect-ratio:auto; border-radius:6px; padding:3em 1rem 1.5em;}
	ul.nav-license li::before{top:-20px;}
}

/* forklift(common)
--------------------------------------------------------------*/
ol.flow li::after,
.fl-header .nav li .h4::before,
.accordion-faq .btn-accordion::before,
.accordion-faq .inner::before{
	font-family:"Roboto", sans-serif;
	font-weight:700;
	font-style:normal;
	line-height:1;
}

.fl-header{padding-bottom:80px; margin-bottom:100px; display:flex; flex-direction:column; align-items:center; background:#f4f4f4 no-repeat center center/cover;}
.fl-header .kakko{color:white;}
.fl-header .nav{flex-direction:column; gap:1rem; width:760px; max-width:100%;}
.fl-header .nav li{counter-increment:i; display:flex; align-items:center; padding:1rem 2rem; background-color:white; box-shadow:5px 5px 0 rgba(0,0,0,.4);}
.fl-header .nav li .h4{line-height:54px; min-width:calc(12em + 5rem); padding-left:5rem; color:var(--color-blue); font-weight:700; position:relative;}
.fl-header .nav li .h4::before{
	content:counter(i);
	font-size:54px;
	color:var(--color-blue);
	position:absolute;
	left:1rem;
	top:50%;
	transform:translateY(-50%);
}
.fl-header .nav li .h4::after{
	content:'';
	width:17px;
	height:15px;
	background-color:var(--color-blue);
	clip-path:polygon(0 0, 100% 50%, 0 100%);
	position:absolute;
	left:-2rem;
	top:50%;
	transform:translateY(-50%);
}

.nav.label-btns{gap:30px; margin-bottom:1.5rem;}
.nav.label-btns li{width:calc((100% - 30px * 1)/2);}
.nav.label-btns a{width:100%; color:black; background-color:white; border:1px solid black; border-radius:10em; font-weight:700; --bs-btn-padding-y:.75em;}

@media (max-width:767px){
	.fl-header .nav li{flex-direction:column;}
	.fl-header .nav li .h4{line-height:40px; min-width:100%; padding-left:0; text-align:center; margin-bottom:.5rem;}
	.fl-header .nav li .h4::before{font-size:40px; left:0;}
}
@media (max-width:575px){
	.fl-header{padding-bottom:50px; margin-bottom:50px;}
	.fl-header .nav li{padding:1rem 1.5rem;}
	.fl-header .nav li .h4::after{left:-1.5rem;}

	.nav.label-btns{gap:1rem;}
	.nav.label-btns li{width:100%;}
	.nav.label-btns a{font-size:14px !important;}
}

ol.flow{flex-direction:column; --flow-circle:80px;}
ol.js-flow strong{display:block;}
ol.flow li{counter-increment:i; padding-left:calc(var(--flow-circle) + 3rem); padding-bottom:1em; min-height:calc(var(--flow-circle) * 1.5); position:relative;}
ol.flow li::after{
	content:counter(i);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	width:var(--flow-circle);
	aspect-ratio:1/1;
	background-color:var(--color-main);
	font-size:30px;
	color:white;
	position:absolute;
	left:0;
	top:0;
}
ol.js-flow li::before{
	content:'';
	display:block;
	width:2px;
	height:100%;
	background-color:var(--color-main);
	position:absolute;
	left:calc(var(--flow-circle) / 2);
	top:0;
}
ol.js-flow li:last-child::before{content:none;}

.accordion-faq .inner{display:flex;}
.accordion-faq .btn-accordion::before,
.accordion-faq .inner::before{
	font-size:30px;
	min-width:1.5em;
	color:var(--color-main);
}
.accordion-faq .btn-accordion::before{
	content:'Q';
	color:white;
}
.accordion-faq .inner::before{
	content:'A';
}

@media (max-width:575px){
	ol.flow{--flow-circle:54px;}
	ol.flow li{padding-left:calc(var(--flow-circle) + 1.5rem); padding-top:.5em; min-height:calc(var(--flow-circle) * 2);}
	ol.flow li::after,
	.accordion-faq .btn-accordion::before,
	.accordion-faq .inner::before{font-size:26px;}
	
	#en-flow h2{text-align:center;}
}
@media (max-width:375px){
	ol.flow{--flow-circle:46px;}
}

/* forklift-type
--------------------------------------------------------------*/
.fl-type .inner{background-color:white; margin-top:90px; margin-bottom:40px; position:relative;}
.fl-type .cat-img{
	display:block;
	text-align:center;
	width:100%;
	height:120px;
	position:absolute;
	top:-90px;
	left:0;
	z-index:1;
}
.fl-type .cat-img img{height:100%; width:auto;}

.fl-type h3{color:white; background-color:var(--border-color); padding:2em 1em; margin-bottom:1rem; text-align:center; position:relative;}
.fl-type h3::after{
	content:'';
	display:inline-block;
	border-style:solid;
	border-width:16px 9px 0 9px;
	border-color:var(--border-color) transparent;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translate(-50%,100%);
}
.fl-type dl{padding:20px; margin:0;}
.fl-type dl dt{padding:.25em 1em; margin-bottom:1rem; text-align:center; background-color:var(--color-yellow-light);}
.fl-type dl dd{padding-bottom:1.5em; margin:0;}

/* inspection
--------------------------------------------------------------*/
.page-inspection .in-photo{width:72%; padding-right:4em; position:relative;}
.page-inspection .in-photo .photo{width:540px; position:absolute; top:0; right:0; transform:translateX(100%);}

@media (max-width:1200px){
	.page-inspection .in-photo{width:60%;}
}
@media (max-width:767px){
	.page-inspection .in-photo{width:100%; padding-right:0;}
	.page-inspection .in-photo .photo{width:100%; position:relative; transform:none;}
	.page-inspection .in-photo .photo img{width:100%; aspect-ratio:16/9; object-fit:cover;}
}

/* guide
--------------------------------------------------------------*/
.accordion-flow{margin-bottom:1rem;}
.accordion-flow .accordion-block .btn-accordion,
.accordion-flow .btn-accordion:active{
	background-color:var(--color-gray);
}
.accordion-flow ol.flow li{
	--flow-circle:50px;
	display:flex;
	padding-top:.5rem;
	padding-left:calc(var(--flow-circle) + 2rem);
	min-height:calc(var(--flow-circle) * 1.5);
	border-bottom:1px solid var(--border-color-light);
	margin-bottom:1em;
}
.accordion-flow ol.flow li::after{
	width:var(--flow-circle);
	background-color:black;
	color:var(--color-main);
}
.accordion-flow ol.flow .h4{min-width:12em;}

#guide-list .h4{padding:2em 0;}

@media (max-width:767px){
	.accordion-flow ol.flow li{flex-direction:column;}
	.accordion-flow ol.flow .h4{min-width:inherit;}
}
@media (max-width:575px){
	.accordion-flow ol.flow li{--flow-circle:40px; padding-left:calc(var(--flow-circle) + 1rem);}
	.accordion-flow .accordion-block .inner{padding:1rem 0;}
}

/* product common
--------------------------------------------------------------*/
.price{margin-bottom:1.5rem;}
.price .tax{display:block; font-size:16px; font-weight:700; margin-bottom:.5em;}
.price .en{color:var(--color-main); font-size:46px;}
.card .price .tax{font-size:12px;}

.result-bar{position:relative;}
.result-bar .d-flex{align-items:center; column-gap:2rem; position:relative;}
.result-bar .total-count .en{font-size:30px; margin-right: .25rem;}
.result-bar .sort{position:relative; z-index:2;}
.result-bar ul.nav-page{width:100%; justify-content:center; gap:.5rem; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;}
.result-bar ul.nav-page .btn{padding:.5rem;}
.result-bar ul.nav-page .btn:disabled{border:none; color:var(--color-main); opacity:1 !important;}

.product-id{display:inline-block; text-align:center; line-height:2; color:var(--color-blue); background-color:var(--color-gray);}

.info-bar{display:flex; margin-left:-.5rem;}
.info-bar>*{padding:0 .5rem; border-right:1px solid; line-height:1;}
.info-bar>*:last-child{border:none;}

.table.spec{border:1px solid var(--border-color); --bs-table-border-color:var(--border-color); font-size:14px; margin-top:auto;}
.table.spec th,
.table.spec td{padding:.25rem 1rem;}

.table.spec th{max-width:11em;}
.table.spec tr.battery_status dl{margin:0; display:flex; flex-wrap:wrap;}
.table.spec tr.battery_status dl dt{font-weight:normal; min-width:6em;}
.table.spec tr.battery_status dl dd{width:calc(100% - 6em); margin-bottom:0;}

@media (max-width:991px){
	.table.spec tr.battery_status dl dd{min-width:100%;}
}
@media (max-width:575px){
	#kintone-search *{font-size:14px;}
	.result-bar ul.nav-page{position:relative; top:auto; transform:none; padding-top:.5rem;}
}
@media (max-width:374px){
	.search-open-txt{font-size:14px;}
}

/* forklift-parts
--------------------------------------------------------------*/
.parts-list>*{margin-bottom:20px;}
.parts-list img.tmb{
	width:100%;
	aspect-ratio:360/240;
	object-fit:cover;
}
a.card-product:hover,
a.card-parts:hover{background-color:var(--color-yellow-light);}

@media (max-width:767px){
	.card-parts .col-tmb{margin-bottom:1rem;}
}

/* forklift-used
--------------------------------------------------------------*/
.product-list{border-bottom:1px solid var(--border-color);}
.product-list .card-product{border-width:1px 0 0;}
.card-product .row>*{display:flex; flex-direction:column;}
.card-product .api-img img{
	width:100%;
	aspect-ratio:360/240;
	object-fit:cover;
}

.card-product .product-id{width:130px; font-size:12px;}
.card-product .price,
.card-product .table{margin:auto 0 0;}
.product-detail .product-id{width:215px; font-weight:700; margin-bottom:3rem;}

.recommend-list .result-bar{display:none;}
.recommend-list .product-list{margin:0 !important;}

.wpcf7-form .card-product .col-tmb{max-width:200px; min-width:200px;}
.wpcf7-form .card-product .col-info{align-self:center;}
.wpcf7-form .card-product .info-bar{padding-top:.5em;}
.wpcf7-form .card-product .col-price{border-left:1px solid var(--border-color);}
.wpcf7-form .card-product .price{margin:auto 0;}
.wpcf7-form .card-product .price .en{font-size:2em;}

#kintone-search>.row>*>*{margin-bottom:1rem;}
#kintone-search .title{font-weight:700; margin-bottom:.5rem;}
#kintone-search .form-check-list{display:flex; flex-wrap:wrap; gap:.75rem 2rem;}
#kintone-search .form-check-list>*{min-width:10em;}
/* #kintone-search select{width:100%;} */
#kintone-search ul.nav{flex-wrap:nowrap; align-items:center;}
#kintone-search ul.nav li{width:100%;}
#kintone-search ul.nav li:nth-child(2){min-width:2rem; max-width:3em; text-align:center;}
#kintone-search ul.nav li{width:100%;}

@media (max-width:991px){
	#kintone-search .form-check-list>*{min-width:inherit;}
	.product-list .card-product>.row{row-gap:1rem;}
	.product-list .col-last{min-width:100%;}
	.wpcf7-form .card-product .col-price{border-left:none; padding-top:1rem;}
}
@media (max-width:767px){
	.card-product .price{margin:1rem 0 0;}
	.card-product .price .en{font-size:36px;}

	#kintone-search-container{
		width:100%;
		position:fixed;
		top:0;
		right:0;
		z-index:10001;
		height:100vh;
		height:100dvh;
		overflow-y:auto;
		transform:translateX(100%);
	}
	body.search-open{width:100%; overflow:hidden;}
	body.search-open #kintone-search-container{
		transform:translateX(0);
        transition:ease .3s;
	}
	.admin-bar #kintone-search-container{top:46px;}
}
@media (max-width:575px){
	.product-list .card.card-product{padding:1rem 0;}
	.product-list .row{--bs-gutter-x:20px;}
	.card-product .price .en{font-size:7vw;}
}

/* form
--------------------------------------------------------------*/
.form-check-input[type=checkbox],
.form-select{border-radius:0; border-color:black; --bs-form-select-bg-img:var(--icon-arrow-down);}

.form-check{display:inline-flex; align-items:center; gap:.5em;}
.form-check-input[type=checkbox]{width:1.5em; height:1.5em; margin-top:0;}

.form-check-input:checked{
	background-color:var(--color-main);
}
/* contact / thanks
--------------------------------------------------------------*/
.page-product .form-contact,
.single-parts .form-contact{padding-top:0;}

.wpcf7-form .col-form-label{max-width:16em;}
.thanks-box{display:flex; flex-direction:column; align-items:center;}

/* plug-in contact form 7
----------------------------------------------- */
/* .wpcf7-list-item label{display:inline-flex; align-items:center; column-gap:} */

/* form.wpcf7-form label{display:block;} */
form .form-group{margin-bottom:2rem;}
form .form-group>label{font-size:20px; font-weight:700; padding-top:.6em;}
form .form-group>label.req::after{
	content:'\5FC5\9808';/* 必須 */
	font-size:13px;
	font-weight:normal;
	padding:.25em .5em;
	color:black;
	margin-left:.5rem;
	background-color:var(--color-main);
	border-color:var(--color-main);
}

.form-control{
	height:auto;
	padding:1rem 2rem;
	border-radius:0;
	border-color:var(--border-color);
}

.form-control::placeholder{color:#BEBEBE;}
.form-control::-ms-input-placeholder{color:#BEBEBE;}/* 旧Edge対応 */

.checkbox-group{padding-top:1em;}
.checkbox-group .wpcf7-checkbox{display:flex; gap:1rem 2rem; flex-wrap:wrap;}
.checkbox-group.align-column .wpcf7-checkbox{flex-direction:column;}
.wpcf7-checkbox{}

.wpcf7-list-item{margin:0;}

.submit-bar{margin:3rem 0;}

.wpcf7-not-valid-tip{font-size:14px;}
.wpcf7-response-output{
	color:#dc3232;
	border-color:#dc3232 !important;
}

@media (max-width:575px){
	.checkbox-group.align-column .wpcf7-checkbox{flex-direction:row;}
	.checkbox-group.align-column .wpcf7-checkbox>*{width:calc(50% - 1rem);}
}

/* recaptcha
--------------------------------------------------------------*/
.grecaptcha-badge{visibility:hidden;}