@charset "utf-8";


.edit-area.company.on{
}
.edit-area.company .company-list li .list-photo{
	position: relative;
	opacity: 0;
	left: -4rem;
	transition: ease 0.25s opacity,ease 0.25s left;
}
.edit-area.company.on .company-list li .list-photo{ left: 0; opacity: 1;}
.edit-area.company .company-list li:nth-child(1) .list-photo{transition-delay: .25s,.25s;}
.edit-area.company .company-list li:nth-child(2) .list-photo{transition-delay: .25s,.25s;}
.edit-area.company .company-list li:nth-child(3) .list-photo{transition-delay: .25s,.25s;}

.edit-area.company .company-list li .list-text{
	position: relative;
	opacity: 0;
	right: -4rem;
	transition: ease 0.25s opacity,ease 0.25s right;
}
.edit-area.company.on .company-list li .list-text{ right: 0; opacity: 1;}
.edit-area.company .company-list li:nth-child(1) .list-text{transition-delay: .75s,.75s;}
.edit-area.company .company-list li:nth-child(2) .list-text{transition-delay: .75s,.75s;}
.edit-area.company .company-list li:nth-child(3) .list-text{transition-delay: .75s,.75s;}


.edit-area.company .common-btn{
	position: relative;
	opacity: 0;
	bottom: 4rem;
	transition: ease 0.25s opacity,ease 0.25s bottom;
	transition-delay: 1.25s,1.25s;
}
.edit-area.company.on .common-btn{ bottom: 0; opacity: 1;}


.edit-area.ir .ir-list li{
	position: relative;
	opacity: 0;
	left: -4rem;
	transition: ease 0.25s opacity,ease 0.25s left;
}
.edit-area.ir.on .ir-list li{ left: 0; opacity: 1;}
.edit-area.ir .ir-list li:nth-child(1){transition-delay: .05s,.05s;}
.edit-area.ir .ir-list li:nth-child(2){transition-delay: .25s,.25s;}
.edit-area.ir .ir-list li:nth-child(3){transition-delay: .5s,.5s;}


.edit-area.ir .common-btn{
	position: relative;
	opacity: 0;
	bottom: 4rem;
	transition: ease 0.25s opacity,ease 0.25s bottom;
	transition-delay: 1s,1s;
}
.edit-area.ir.on .common-btn{ bottom: 0; opacity: 1;}