@charset "UTF-8";
/*------------------------------------------------------------

p-hero

------------------------------------------------------------*/
.p-hero { 
	position: relative;
	top: 80px;
	margin-bottom: 200px;
}
@media screen and (max-width: 800px){
	.p-hero {
		margin-bottom: 150px;
	}
}

.p-hero__figure img{
	width: 100%;
	object-fit: cover;
}

.p-hero__contents{ 
	max-width: var(--design-size-pc);
	width: var( --design-size-percent);
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: var(--color-white);
}

.p-hero__title-jp{
	font-size: 3.5rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
@media screen and (max-width: 800px){
	.p-hero__title-jp{
		line-height: 1;
		font-size: clamp(20px, 2vw, 23px);
	}
}

.p-hero__title-en{
	font-size: 2.5rem; 
	font-family: var(--font-eg-style);
}
@media screen and (max-width: 800px){
	.p-hero__title-en{
		font-size: clamp(18px, 2vw, 20px);
	}
}
/*------------------------------------------------------------

p-flex-section

------------------------------------------------------------*/
.p-flex-section__inner{
	display: flex;
	margin-bottom: 3rem;
}
@media screen and (max-width: 800px){
	.p-flex-section__inner{
		display: block;
	}
}

.p-flex-section__inner .c-txt-xlarge{
	margin-bottom: 0;
}

.p-flex-section__title{
	width: 48.88vw;
	padding: 0 3.5vw;
}
@media screen and (max-width: 800px){
	.p-flex-section__title{ 
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
	}
}

.p-flex-section__contents{
	width: 48.88vw;
}
@media screen and (max-width: 800px){
	.p-flex-section__contents{
		width: 100%;
	}
}

.p-flex-section__figure{
	margin: 3rem auto;
}
/*------------------------------------------------------------

l-about

------------------------------------------------------------*/
.l-about{
	margin: 8rem auto;
	padding: 0 0 8rem 0; 
}

/*------------------------------------------------------------

l-faq

------------------------------------------------------------*/
.l-faq .l-section__title{
	margin-bottom: 3rem;
}

.l-faq .l-section__title:nth-of-type(n+2){
	margin-top: 80px;
}
@media screen and (max-width: 800px){
	.l-faq .l-section__title:nth-of-type(n+2){
		margin-top: 40px;
	}
}

.pg-faq{
	margin-bottom: 20px;
}

.pg-faq__inner{
	padding: 3rem 3rem 0 3rem;
	border: 1px solid var(--color-green);
	border-radius: 15px;
}

.pg-faq__item{ 
	cursor: pointer;
	padding: 0 0 3rem 50px;
	position: relative;
	transition: all .6s ease;
	-webkit-transition: all .6s ease;
}
@media screen and (max-width: 800px){
	.pg-faq__item{ 
		padding: 0 1.5rem 3rem 30px;
	}
}

.pg-faq__item::before,
.pg-faq__item::after{
	content: "";
	position: absolute;
	width: 15px;
	height: 2px;
	top: 50%;
	background: var(--color-black);
}

.pg-faq__item::before{
	top: 24%;
	left: 15px;
	transform: rotate(0deg);
}
@media screen and (max-width: 800px){
	.pg-faq__item::before{
		left: 0;
	}
}

.pg-faq__item.close::before{
	transform: rotate(45deg);
}

.pg-faq__item::after{
	top: 24%;
	left: 15px;
	transform: rotate(90deg);
}
@media screen and (max-width: 800px){
	.pg-faq__item::after{
		left: 0;
	}
}
.pg-faq__item.close::after{
	transform: rotate(-45deg);
}

.pg-faq__box{
	display: none;
	padding-top: 3rem;
	border-top: 1px solid var(--color-green);
}
@media screen and (max-width: 800px){
	.pg-faq__box{
		padding-top: 2rem;
	}
}

/*------------------------------------------------------------

pg-recruit-job

------------------------------------------------------------*/
.pg-recruit-job__item{
	padding: 3rem;
	border-radius: 15px;
	background: #E3EBE2;
	margin-bottom: 50px;
}

.pg-recruit-job__item .c-table>.c-button{
	margin-left: auto;
	margin-right: auto;
}

/*------------------------------------------------------------

l-company

------------------------------------------------------------*/
.l-company__list{
	height: 100%;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	margin: 8rem auto;
}
@media screen and (max-width: 800px){
	.l-company__list{
	display: block;
	}
}

.l-company__figure{
	width: 27.985vw;
	height: 100vh;
	padding: 3rem 0;
}
@media screen and (max-width: 800px){
	.l-company__figure{ 
		width: 100%;
		height: 100%;
		margin-top: 3rem;
	}
}
.l-company__figure img{
	height: 100vh;
	object-fit: cover;
	object-position: 10% 0%;
}
@media screen and (max-width: 800px){
	.l-company__figure img{
		height: auto;
		object-position: top center;
	}
}

.pg-access-map{
	height: 64rem!important;
	border-radius: 15px;
}

@media screen and (max-width: 560px){
	.pg-access-map { 
		height: 100%!important;
		border-radius: 8px;
	}
}

.l-company__table{ 
	width: 69.776vw;
	height: 100%;
	padding: 3rem 0 3rem 3rem;
}
@media screen and (max-width: 800px){
	.l-company__table{
		width: 100%;
		padding: 0;
	}
}

.l-history{
	margin: 8rem auto;
}

.l-history .c-section-title{
	text-align: center;
}

.l-history__inner li{ 
	display: flex; 
}
@media screen and (max-width: 800px){
	.l-history__inner li{ 
		display: block; 
		margin-bottom: 2rem;
	}
}

.l-history__data{
	width: 15%;
	font-weight: 500;
	font-size: 1.8rem; 
	line-height: 1;
	font-family: var(--font-eg-style);
	padding-left: 20px;
}
@media screen and (max-width: 800px){
	.l-history__data{
		width: 100%;
		font-size: 1.6rem; 
		padding-left: 0;
	}
}

.l-history__contents{ 
	width: 85%;
	position: relative;
	border-left: 2px solid var(--color-green);
	padding: 0 20px 60px 30px;
}
@media screen and (max-width: 800px){
	.l-history__contents{ 
		width: 100%;
		border-left: none;
		padding: 0.5rem 0 0 0;
	}
}

.l-history__contents::before{
	content: "";
	position: absolute;
	top: 0;
	left: -11px;
	width: 20px;
	height: 20px;
	background: var(--color-green);
	border-radius: 10px;
}
@media screen and (max-width: 800px){
	.l-history__contents::before{
		display: none;
	}
}
/*------------------------------------------------------------

l-repair

------------------------------------------------------------*/
.l-repair__slider{
	position: relative;
}

.l-repair__slider .swiper-pagination-bullet { 
	background: none!important;
	font-family: var(--font-eg-style);
	color: var(--color-black);
	font-size: 2rem;
	height: 15px;
	width: 15px;
	transition: transform .2s linear;
}
@media screen and (max-width: 800px){
	.l-repair__slider .swiper-pagination-bullet { 
		font-size: 1.6rem;
		height: 8px;
		width: 8px;
	}
}

.swiper-container-horizontal>.swiper-pagination-bullets
{
	bottom: -40px!important;
}

.l-repair__slider .swiper-horizontal>.swiper-pagination-bullets,
.l-repair__slider .swiper-pagination-bullets .swiper-pagination-horizontal{
	bottom: -40px!important;
}
@media screen and (max-width: 800px){
	.l-repair__slider .swiper-horizontal>.swiper-pagination-bullets,
	.l-repair__slider  .swiper-pagination-bullets .swiper-pagination-horizontal{
		bottom: -30px!important;
	}
}

.l-repair__slider .swiper-pagination-bullet-active {
	color: var(--color-green);
	transform: scale(1.2);
}
/*------------------------------------------------------------

l-order

------------------------------------------------------------*/
.l-order-point{
	margin: 12rem auto 8rem;
}

.l-order-point__inner{
	display: flex;
	flex-direction: row-reverse;
	position: relative;
}
@media screen and (max-width: 900px){
	.l-order-point__inner{
		display: block;
	}
}

.l-order-point__figure{ 
	width: 58.955vw;
}
@media screen and (max-width: 900px){
	.l-order-point__figure{ 
		width: 100%;
	}
}

.l-order-point__contents{ 
	max-width: 45.522vw;
	width: 610px;
	transform: translateY(30px) translateX(-30px);
	z-index: 1;
}
@media screen and (max-width: 900px){
	.l-order-point__contents{ 
		max-width: 100%;
		width: 100%;
		transform: translateY(0) translateX(0);
	}
}

.l-order-point__box{
	border-radius: 8px;
	background: var(--color-white);
	box-shadow: 6px 6px 6px 0px rgba(210, 210, 210, 0.45);
	padding: 5rem 3rem;

}
@media screen and (max-width: 900px){
	.l-order-point__box{
		border-radius: 0;
		background: 0;
		padding: 0;
		margin-bottom: 3rem;
		box-shadow: none;
	}
}

.l-order-point .l-order-point__inner:nth-of-type(2){
	margin: 12rem 0;
	flex-direction: row;
}

.l-order-point .l-order-point__inner:nth-of-type(2) .l-order-point__contents{
	transform: translateY(30px) translateX(30px);
}
@media screen and (max-width: 900px){
	.l-order-point .l-order-point__inner:nth-of-type(2){
		margin: 5rem 0;
	}	
	.l-order-point .l-order-point__inner:nth-of-type(2) .l-order-point__contents{ 
		max-width: 100%;
		width: 100%;
		transform: translateY(0) translateX(0);
	}
	.l-order-point .l-order-point__inner:nth-of-type(2) .l-order-point__box{
		border-radius: 0;
		background: 0;
		padding: 0;
		margin-bottom: 3rem;
		box-shadow: none;
	}
}

.l-order-point__number{
	font-size: 1.8rem;
	font-family: var(--font-eg-style);
	color: var(--color-lightgreen);
}
@media screen and (max-width: 900px){
	.l-order-point__number{
		font-size: 1.6rem;
	}
}

.l-order-point__title{
	font-size: 2rem;
	font-weight: 500;
	color: var(--color-green);
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 900px){
	.l-order-point__title{
		font-size: 1.8rem;
	}
}

.l-order-flow .c-section-title{
	text-align: center;
}

.l-order-flow__item{
	display: flex;
}
@media screen and (max-width: 800px){
	.l-order-flow__item{
		display: block;
		margin-bottom: 2rem;
	}
}

.l-order-flow__item .c-txt-xlarge{
	margin-bottom: 0;
}

.l-order-flow__process{
	width: 12%;
	padding-left: 20px;
	color: var(--color-lightgreen);
	font-weight: 500;
}
@media screen and (max-width: 800px){
	.l-order-flow__process{
		width: 100%;
		padding-left: 0;
	}
}

.l-order-flow__process::before{
	counter-increment: number 1;
	content: "Step."counter(number);
	font-size: clamp(18px, 2vw, 20px);
	font-family: var(--font-eg-style);
	margin-top: -11px;
}
@media screen and (max-width: 800px){
	.l-order-flow__process::before{
		font-size: 1.8rem;
		margin-top: 0;
	}
}

.l-order-flow__contents{
	position: relative;
	width: 85%;
	padding: 0 20px 60px 30px;
	border-left: 2px solid var(--color-green);
}
@media screen and (max-width: 800px){
	.l-order-flow__contents{
		width: 100%;
		padding: 0;
		border-left: none;
	}
}

.l-order-flow__contents h3{
	font-size: 2rem;
	color: var(--color-green);
	font-weight: 500;
	margin-top: -11px;
}
@media screen and (max-width: 800px){
	.l-order-flow__contents h3{
		font-size: 1.8rem;
		margin-top: 0;
	}
}

.l-order-flow__contents::before{
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 20px;
	height: 20px;
	background: var(--color-green);
	border-radius: 10px;
}
@media screen and (max-width: 800px){
	.l-order-flow__contents::before{
		display: none;
	}
}
/*------------------------------------------------------------

l-404

------------------------------------------------------------*/
.l-404 .c-txt-xlarge{
	text-align: center!important;
	margin-bottom: 5rem;
}
@media screen and (max-width: 800px){
	.l-404 .c-txt-xlarge{
		text-align: left!important;
	}
}

/*------------------------------------------------------------

l-product

------------------------------------------------------------*/
.l-product__post{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.l-product__article{ 
	width: 32.333%;
	margin-bottom: 30px;
}
@media screen and (max-width: 800px){
	.l-product__article{
		width: 48.5%;
		margin-bottom: 30px;
	}
}

.l-product__figure{
	width: 100%;
}

.l-product__txt{
	font-weight: 500;
	color: var(--color-green);
	font-size: clamp(1.5rem, 1.5vw, 1.7rem) ;
	margin-top: 2rem;
}
@media screen and (max-width: 800px){
	.l-product__txt{
		margin-top: 1rem;
		font-size: clamp(13px, 1.2vw, 15px);
	}
}