@layer variable{
:root{
	--dynamicScale:.6;

	--color-base:#333;
	--color-gray:#ccc;
	--color-gray-light:#ccc;
	--color-primary:#fe7f0c;
	--color-primary-light:#fdf1da;

	--font-size--base:clamp(0.938rem, 0.917rem + 0.1vw, 1rem);
	--font-size--xs:clamp(0.625rem, 0.583rem + 0.21vw, 0.75rem);
	--font-size--sm:clamp(0.75rem, 0.708rem + 0.21vw, 0.875rem);
	--font-size--md:clamp(1rem, 0.958rem + 0.21vw, 1.125rem);
	--font-size--lg:clamp(1.125rem, 1.083rem + 0.21vw, 1.25rem);
	--font-size--xl:clamp(1.25rem, 1.167rem + 0.42vw, 1.5rem);
	--font-size--2-xl:clamp(1.375rem, 1.208rem + 0.83vw, 1.875rem);
	--font-size--3-xl:clamp(1.5rem, 1.25rem + 1.25vw, 2.25rem);
	--font-size--4-xl:clamp(1.625rem, 1.292rem + 1.67vw, 2.625rem);
	--font-size--5-xl:clamp(1.75rem, 1.333rem + 2.08vw, 3rem);
	--font-size--6-xl:clamp(1.875rem, 1.375rem + 2.5vw, 3.375rem);
	--font-size--7-xl:clamp(2rem, 1.417rem + 2.92vw, 3.75rem);
	--font-size--8-xl:clamp(2.125rem, 1.5rem + 3.13vw, 4rem);
	--font-size--9-xl:clamp(2.625rem, 2rem + 3.13vw, 4.5rem);
	--font-size--10-xl:clamp(4rem, 3.333rem + 3.33vw, 6rem);

	--thumbnail-ratio:1 / 1;
	--transition:all ease 0.3s;

}

}
@layer component{
.c-grids{
	column-gap:calc(var(--dynamicScale)*var(--grids-gap-x, 1rem));
	display:grid;
	grid-template-columns:repeat(var(--grids-cols, 1), minmax(0, 1fr));
	row-gap:calc(var(--dynamicScale)*var(--grids-gap-y, 1rem));
}
.c-columns,.c-grids{
	margin-bottom:calc(var(--dynamicScale)*1rem);
	margin-top:calc(var(--dynamicScale)*1rem);
}
.c-columns{
	column-gap:calc(var(--dynamicScale)*var(--columns-gap-x, 1rem));
	display:flex;
	flex-wrap:wrap;
	row-gap:calc(var(--dynamicScale)*var(--columns-gap-y, 1rem));
	--columns-basis:1;
}
		.c-columns:not(:has(.c-column[class*=basis-])) .c-column{
			flex-basis:calc((100% - (var(--columns-basis) - 1)*var(--dynamicScale)*var(--columns-gap-x, 1rem))/var(--columns-basis));
		}
	.c-columns .c-column{
		min-width:0;
	}
		.c-columns .c-column[class*=basis-]{
			flex-grow:0;
		}
	figure figcaption{
		font-size:var(--font-size--sm);
		margin-top:calc(var(--dynamicScale)*1rem);
	}

}
.txt-left{
		text-align:left;
	}
.txt-right{
		text-align:right;
	}
.txt-center{
		text-align:center;
	}
.block{
	display:block;
}
.inline-block{
	display:inline-block;
}
.m-auto,.mt-auto,.my-auto{
	margin-top:auto;
}
.m-auto,.mb-auto,.my-auto{
	margin-bottom:auto;
}
.m-auto,.ml-auto,.mx-auto{
	margin-left:auto;
}
.m-auto,.mr-auto,.mx-auto{
	margin-right:auto;
}
.m-0,.mt-0,.my-0{
	margin-top:0;
}
.m-0,.mb-0,.my-0{
	margin-bottom:0;
}
.m-0,.ml-0,.mx-0{
	margin-left:0;
}
.m-0,.mr-0,.mx-0{
	margin-right:0;
}
.p-0,.pt-0,.py-0{
	padding-top:0;
}
.p-0,.pb-0,.py-0{
	padding-bottom:0;
}
.p-0,.pl-0,.px-0{
	padding-left:0;
}
.p-0,.pr-0,.px-0{
	padding-right:0;
}
.m-1,.mt-1,.my-1{
		margin-top:calc(var(--dynamicScale)*1rem);
	}
.m-1,.mb-1,.my-1{
		margin-bottom:calc(var(--dynamicScale)*1rem);
	}
.m-1,.ml-1,.mx-1{
		margin-left:calc(var(--dynamicScale)*1rem);
	}
.m-1,.mr-1,.mx-1{
		margin-right:calc(var(--dynamicScale)*1rem);
	}
.p-1,.pt-1,.py-1{
		padding-top:calc(var(--dynamicScale)*1rem);
	}
.p-1,.pb-1,.py-1{
		padding-bottom:calc(var(--dynamicScale)*1rem);
	}
.p-1,.pl-1,.px-1{
		padding-left:calc(var(--dynamicScale)*1rem);
	}
.p-1,.pr-1,.px-1{
		padding-right:calc(var(--dynamicScale)*1rem);
	}
.m-2,.mt-2,.my-2{
		margin-top:calc(var(--dynamicScale)*2rem);
	}
.m-2,.mb-2,.my-2{
		margin-bottom:calc(var(--dynamicScale)*2rem);
	}
.m-2,.ml-2,.mx-2{
		margin-left:calc(var(--dynamicScale)*2rem);
	}
.m-2,.mr-2,.mx-2{
		margin-right:calc(var(--dynamicScale)*2rem);
	}
.p-2,.pt-2,.py-2{
		padding-top:calc(var(--dynamicScale)*2rem);
	}
.p-2,.pb-2,.py-2{
		padding-bottom:calc(var(--dynamicScale)*2rem);
	}
.p-2,.pl-2,.px-2{
		padding-left:calc(var(--dynamicScale)*2rem);
	}
.p-2,.pr-2,.px-2{
		padding-right:calc(var(--dynamicScale)*2rem);
	}
.m-3,.mt-3,.my-3{
		margin-top:calc(var(--dynamicScale)*3rem);
	}
.m-3,.mb-3,.my-3{
		margin-bottom:calc(var(--dynamicScale)*3rem);
	}
.m-3,.ml-3,.mx-3{
		margin-left:calc(var(--dynamicScale)*3rem);
	}
.m-3,.mr-3,.mx-3{
		margin-right:calc(var(--dynamicScale)*3rem);
	}
.p-3,.pt-3,.py-3{
		padding-top:calc(var(--dynamicScale)*3rem);
	}
.p-3,.pb-3,.py-3{
		padding-bottom:calc(var(--dynamicScale)*3rem);
	}
.p-3,.pl-3,.px-3{
		padding-left:calc(var(--dynamicScale)*3rem);
	}
.p-3,.pr-3,.px-3{
		padding-right:calc(var(--dynamicScale)*3rem);
	}
.m-4,.mt-4,.my-4{
		margin-top:calc(var(--dynamicScale)*4rem);
	}
.m-4,.mb-4,.my-4{
		margin-bottom:calc(var(--dynamicScale)*4rem);
	}
.m-4,.ml-4,.mx-4{
		margin-left:calc(var(--dynamicScale)*4rem);
	}
.m-4,.mr-4,.mx-4{
		margin-right:calc(var(--dynamicScale)*4rem);
	}
.p-4,.pt-4,.py-4{
		padding-top:calc(var(--dynamicScale)*4rem);
	}
.p-4,.pb-4,.py-4{
		padding-bottom:calc(var(--dynamicScale)*4rem);
	}
.p-4,.pl-4,.px-4{
		padding-left:calc(var(--dynamicScale)*4rem);
	}
.p-4,.pr-4,.px-4{
		padding-right:calc(var(--dynamicScale)*4rem);
	}
.p-business__h2{
	background-color:#fdf1da;
	border:1px solid #fe7f0c;
	border-radius:100px;
	color:#fe7f0c;
	font-size:1.5rem;
	line-height:1.4;
	margin:80px 0 40px;
	padding:20px;
	text-align:center
}
.p-business__h2:before{
	display:none
}
.p-business__h3{
	border-left:5px solid #818181;
	font-size:1.125rem;
	margin-bottom:20px;
	padding-left:10px
}
.p-business__h4{
	color:#fe7f0c;
	font-size:1.125rem;
	margin-bottom:10px
}
.p-business__h5{
	font-size:1.0625rem;
	margin-bottom:10px;
	padding-left:1em;
	text-indent:-1em
}
.p-business__h5:before{
	color:#fe7f0c;
	content:"■";
	margin-right:.1em
}
.p-business__lead{
	color:#fe7f0c;
	font-size:1.125rem;
	font-weight:700
}
.p-business__list{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:30px 20px;
	text-align:left
}
.p-business__item{
	font-size:1.0625rem;
	line-height:2;
	padding-left:1.4em
}
.p-business__item.is-type--check{
	background:url(../img/ico_check_square_orange.svg) no-repeat 0 .4em/20px auto
}
.p-business__container{
	background-color:#f5f5f5;
	padding:20px
}
.p-business__flow{
	margin-top:72px;
	position:relative
}
.p-business__flow:before{
	background:url(../img/ico_arrow_bottom_gray.svg) no-repeat center 0/30px auto;
	content:"";
	height:32px;
	left:calc(50% - 15px);
	position:absolute;
	top:-52px;
	width:30px
}
.p-business-fixed{
	align-items:center;
	bottom:0;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	left:0;
	position:fixed;
	width:100%;
	z-index:9999
}
.p-business-fixed__button{
	background:url(../img/ico_chevron_right_white.svg) no-repeat right 20px center/10px auto #fe7f0c;
	background-color:#ec6c1f;
	border-radius:5px 5px 0 0;
	color:#fff;
	font-size:1.125rem;
	font-weight:700;
	max-width:640px;
	padding:20px 25px 20px 15px;
	text-align:center;
	text-decoration:none;
	width:90%
}
.p-businessAbout__container{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin:auto;
	width:100%
}
.p-businessAbout__image{
	background-position:50%;
	background-repeat:no-repeat;
	background-size:cover;
	display:block;
	position:relative;
	width:100%
}
.p-businessAbout__image:before{
	content:"";
	display:block;
	padding-top:104.2666666667%
}
.p-businessAbout__text{
	align-items:center;
	background-color:#ec6c1f;
	color:#fff;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:1.5rem;
	justify-content:center;
	line-height:1.4;
	padding:20px;
	width:100%
}
.p-businessPhilosophy{
	background:url(../../img/business/philosophy_bg.jpg) no-repeat center -80px;
	padding:30px
}
.p-businessPhilosophy__container{
	background-color:hsla(0,0%,100%,.9);
	font-size:1.0625rem;
	line-height:2;
	padding:20px
}
.p-businessPhilosophy__h2{
	border:0;
	color:#fe7f0c;
	font-size:1.25rem;
	font-weight:400;
	margin-top:20px;
	text-align:center
}
.p-businessPhilosophy__h2:before{
	display:none
}
.p-businessTrouble{
	background-color:#fdf1da;
	padding:40px;
	text-align:center
}
.p-businessTrouble__title{
	border-bottom:1px solid #fe7f0c;
	display:inline-block;
	font-size:1.75rem;
	line-height:1.4;
	margin:auto
}
.p-businessTrouble__lead{
	color:#fe7f0c;
	font-size:1.25rem
}
.p-businessNav{
	margin:40px 0
}
.p-businessNav__list{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-left:-10px
}
.p-businessNav__item{
	margin:10px 0 0 10px;
	width:calc(100% - 10.01px)
}
.p-businessNav__link{
	align-items:center;
	border:1px solid #fe7f0c;
	border-radius:5px;
	color:#fe7f0c;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	font-size:1rem;
	font-weight:700;
	height:100%;
	justify-content:center;
	padding:10px;
	text-align:center;
	text-decoration:none
}
.p-businessNav__link,.p-businessPolicy__container{
	background:url(../img/ico_chevron_bottom_orange.svg) no-repeat right 20px center/10px auto
}
.p-businessPolicy__list{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-left:-20px
}
.p-businessPolicy__item{
	margin:0 0 20px 20px;
	width:calc(100% - 20.01px)
}
.p-businessPolicy-service{
	background-color:#fff;
	border:1px solid #fe7f0c;
	font-size:1rem;
	padding:20px 20px 5px
}
.p-businessPolicy-service__h4{
	background-color:#fe7f0c;
	color:#fff;
	font-size:1.125rem;
	margin:-20px -20px 10px;
	padding:10px;
	text-align:center
}
.p-businessPolicy-service__list{
	margin:20px 0 -10px
}
.p-businessPolicy-service__item{
	border-top:1px solid rgba(0,0,0,.2);
	padding:10px 0
}
.p-businessPolicy-service__item:first-of-type{
	border:0
}
.p-businessPolicy-support__container{
			align-items:flex-start;
			column-gap:calc(var(--dynamicScale)*4rem);
			display:grid;
			row-gap:calc(var(--dynamicScale)*3rem);
		}
.p-businessPolicy-support__text{
			background-color:var(--color-primary-light);
			padding:calc(var(--dynamicScale)*2.6rem);
		}
.p-businessPolicy-support__h6{
			align-items:end;
			color:var(--color-primary);
			column-gap:calc(var(--dynamicScale)*.6rem);
			display:flex;
			font-size:var(--font-size--xl);
			justify-content:center;
			line-height:1.3;
			margin-bottom:20px;
			padding:10px 20px;
			position:relative;
			text-align:center;
		}
.p-businessPolicy-support__h6:after,.p-businessPolicy-support__h6:before{
				display:block;
			}
.p-businessPolicy-support__h6:before{
				content:"＼";
			}
.p-businessPolicy-support__h6:after{
				content:"／";
			}
.p-businessPolicy-support__lead{
			background-color:#f5f5f5;
			padding:10px;
			text-align:center;
		}
.p-businessPolicy-support__list{
			align-items:stretch;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:flex-start;
			margin-left:-50px;
		}
.p-businessPolicy-support__item{
			background-color:var(--color-primary);
			color:#fff;
			font-size:var(--font-size--lg);
			font-weight:700;
			margin:0 0 40px 50px;
			padding:calc(var(--dynamicScale)*.4rem);
			position:relative;
			text-align:center;
			width:calc(100% - 50.01px);
		}
.p-businessPolicy-support__item2{
			background-color:#fff;
			border-radius:.6em;
			color:var(--color-base);
			font-size:var(--font-size--base);
			font-weight:600;
			margin:calc(var(--dynamicScale)*.4rem) 0;
			padding:calc(var(--dynamicScale)*1rem);
			text-align:center;
		}
.p-businessPolicy-support__item:nth-of-type(2):after,.p-businessPolicy-support__item:nth-of-type(2):before{
	background:url(../img/ico_times_gray.svg) no-repeat center 0/20px auto;
	content:"";
	height:20px;
	position:absolute;
	width:20px
}
.p-businessPolicy-support__item:nth-of-type(2):before{
	left:-35px
}
.p-businessPolicy-support__item:nth-of-type(2):after{
	right:-35px
}
.p-businessTools__list{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start;
	margin-left:-20px
}
.p-businessTools__item{
	margin:0 0 20px 20px;
	width:calc(100% - 20.01px)
}
.p-businessTools .c-cat__build,.p-businessTools .c-cat__reform{
	color:#fff;
	display:inline-block;
	font-size:1rem;
	font-weight:400;
	margin-right:10px;
	min-width:100px;
	padding:4px 8px 2px;
	text-align:center
}
.p-businessIntroduction__container{
	background-color:#f5f5f5;
	padding:20px
}
.p-businessIntroduction__list{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between
}
.p-businessIntroduction__item{
	background-color:#fff;
	margin-bottom:30px;
	text-align:center;
	width:100%
}
.p-businessIntroduction__image{
	margin:0 auto 20px;
	padding-top:30px;
	width:50%
}
.p-businessIntroduction__text{
	background-color:#fff;
	padding:0 20px 5px
}
.p-businessIntroduction__title{
	color:#512609;
	font-size:1.125rem;
	font-weight:700;
	line-height:1.4
}
.p-businessTtraining__container{
	align-items:stretch;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-start
}
.p-businessTtraining__text{
	font-size:1.0625rem;
	width:100%
}
.p-businessTtraining__title{
	border-bottom:1px solid #fe7f0c;
	display:inline-block;
	font-weight:700
}
.p-businessTtraining__image{
	width:100%
}
.p-businessRegister__container{
	background-color:#fdf1da;
	padding:20px
}
@media (width > 768px){
:root{
		--dynamicScale:1;

}
		.md\:txt-left{
			text-align:left;
		}
		.md\:txt-right{
			text-align:right;
		}
		.md\:txt-center{
			text-align:center;
		}
	.md\:hidden{
		display:none;
	}
.p-businessPolicy-support__container{
				grid-template-columns:1fr 50%
		}
.p-businessPolicy-support__item{
				width:calc(33.33333% - 50.01px)
		}}
@media screen and (min-width:769px){
	.p-business__h2{
		font-size:1.875rem;
		font-size:1.75rem;
		line-height:1.6;
		line-height:1.4;
		margin:80px 0 40px;
		padding:30px
	}
	.p-business__h3,.p-business__h4{
		font-size:1.25rem
	}
	.p-business__h5{
		font-size:1.125rem
	}
	.p-business__lead{
		font-size:1.25rem
	}
	.p-business__list{
		margin:40px auto;
		max-width:750px
	}
	.p-business__item{
		font-size:1.125rem;
		width:50%
	}
	.p-business__container{
		padding:40px
	}
	.p-business-fixed__button{
		font-size:1.25rem
	}
	.p-businessAbout__container{
		width:950px
	}
	.p-businessAbout__image{
		width:320px
	}
	.p-businessAbout__text{
		font-size:1.875rem;
		line-height:1.6;
		padding:60px;
		width:calc(100% - 320px)
	}
	.p-businessPhilosophy{
		padding:60px 200px
	}
	.p-businessPhilosophy__container{
		font-size:1.125rem;
		padding:40px;
		text-align:center
	}
	.p-businessPhilosophy__h2{
		font-size:1.5rem
	}
	.p-businessTrouble__title{
		font-size:2.125rem;
		line-height:1.6
	}
	.p-businessTrouble__lead{
		font-size:1.5rem
	}
	.p-businessNav{
		margin:80px 0
	}
	.p-businessNav__item{
		width:calc(25% - 10.01px)
	}
	.p-businessPolicy__item{
		width:calc(50% - 20.01px)
	}
	.p-businessPolicy-service{
		padding:30px 30px 15px
	}
	.p-businessPolicy-service__h4{
		font-size:1.25rem;
		margin:-30px -30px 20px
	}
	.p-businessPolicy-service__item{
		text-align:center
	}
	.p-businessPolicy-support__item:nth-of-type(2):after,.p-businessPolicy-support__item:nth-of-type(2):before{
		top:calc(50% - 10px)
	}
	.p-businessTools__item{
		width:calc(50% - 20.01px)
	}
	.p-businessIntroduction__container{
		padding:40px
	}
	.p-businessIntroduction__item{
		width:calc(30% - 15px)
	}

	.p-businessIntroduction__item:last-of-type{
		width:calc(40% - 15px)
	}
	.p-businessIntroduction__text{
		padding:0 30px 15px
	}
	.p-businessIntroduction__title{
		font-size:1.25rem
	}
	.p-businessTtraining__text{
		font-size:1.125rem;
		width:calc(100% - 580px)
	}
	.p-businessTtraining__image{
		width:450px
	}
	.p-businessRegister__container{
		padding:40px
	}}
@media screen and (min-width:769px)and (min-width:769px){
	.p-business__h2{
		font-size:2.125rem;
		line-height:1.6
	}}
@media (width > 1024px){
.c-grids{
		--grids-cols:2
}
		.lg\:txt-left{
			text-align:left;
		}
		.lg\:txt-right{
			text-align:right;
		}
		.lg\:txt-center{
			text-align:center;
		}
	.lg\:hidden{
		display:none;
	}}
@media (width <= 1024px){
	.lgd\:hidden{
		display:none;
	}}
@media (width <= 768px){
	.mdd\:hidden{
		display:none;
	}}
@media screen and (max-width:768px){
	.p-business-fixed__button{
		background-position:right 10px center;
		background-size:8px auto;
		font-size:1rem;
		padding:15px 25px 15px 15px
	}
	.p-businessPolicy-support__item:nth-of-type(2):before{
		left:calc(50% - 10px);
		top:-30px
	}
	.p-businessPolicy-support__item:nth-of-type(2):after{
		bottom:-30px;
		right:calc(50% - 10px)
	}

	.p-businessTools .c-cat__build,.p-businessTools .c-cat__reform{
		margin-top:5px
	}
	.p-businessIntroduction__image{
		margin-bottom:15px
	}}
