@charset "UTF-8";
#firstViewSection{
  position: relative;
}
#firstView{
	height: 100vh;
}
#firstViewText {
  padding-top: 4.5vw;
}
#firstView h1 {
  font-size: 4.3vw;
  line-height: 13vw;
  padding-top: 11vw;
}
#firstView h1 span {
  font-size: 10.2vw;
}
#firstView h2 {
  font-size: 9.2vw;
  padding-top: 21.5vw;
}
.jobContentAccordion{
	position: relative;
  left: 0;
  top: -100vh;
	z-index: 100;
	width: 100vw;
	height: auto;
	/* min-height: 70vh; */
  margin-top: 110vw;
  margin-bottom: -140vw;
}
.accordion-003 {
	position: relative;
}
.accordion-003::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 12.82vw;
	right: 0;
	width: 74.36vw;
	border-top: 2px solid #fff;
}
/* .accordion-003:first-child {
	margin-top: -45vh;
	margin-bottom: 45vh;
  margin-bottom: 97.5vw;
} */
/* .accordion-003:nth-child(2) {
	margin-top: -45vh;
  margin-top: -97.5vw;
	margin-bottom: 45vh;
} */
/* .accordion-003:nth-child(3) {
	margin-top: -45vh;
	margin-bottom: 23vh;
} */
.accordion-003[open] {
	margin-bottom: 0;
}
.accordion-003:first-child[open] + .accordion-003:nth-child(2) {
	margin-top: 0;
	margin-bottom: 20.51vw;
}
.accordion-003 summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	color: #fff;
	font-weight: 600;
	cursor: pointer;
	width: 100%;
	box-sizing: border-box;
	padding: 0 12.82vw;
}

.accordion-003 summary::-webkit-details-marker {
	display: none;
}

.accordion-003 summary::before,
.accordion-003[open] summary::before,
.accordion-003 summary::after {
  position: absolute;
  top: calc(7.7vw - .5px);
  right: calc(13.1vw - .5px);
  content: '';
  line-height: 1;
  font-weight: 300;
  transition: transform .3s;
  width: 3.85vw;
  height: 2px;
  border-top: 2px solid #fff;
	transform: rotate(0);
}
.accordion-003 summary::before {
	transform: rotate(-90deg);
}

.accordion-003 .jaTrigger{
	padding-top: 4.7vw;
	padding-bottom: 4.7vw;
	width: 100%;
  transition: all .1s;
}
.accordion-003 .jaTrigger:active {
  background: rgba(0,0,0,.7);
}

.accordion-003 .jaContent {
	transform: translateY(-10px);
	opacity: 0;
	margin: 0;
	color: #fff;
	transition: transform .5s, opacity .5s;
	height: auto;
}

.accordion-003[open] .jaContent {
	transform: none;
	opacity: 1;
	min-height: 48vh;
}

.accordion-003:first-child[open] #jobContent02 img {
	margin-bottom: 0;
}

.jaContentTitle{
	font-size: 4.62vw;
	line-height: 2;
	padding: 0 12.82vw;
}

#jobContent01 .jaContentText,
#jobContent02 .jaContentText,
#jobContent03 .jaContentText,
#jobContent04 .jaContentText{
	font-size: 3.59vw;
	line-height: 1.8;
	padding: 12.82vw 12.82vw 0;
}

#jobContent02 img{
	margin-top: 0;
}

.verticalImgDiv + .jaContentTitle{
	padding-top: 23.08vw;
}

.jaContentImg2A{
	padding-top: 11.03vw;
	padding-bottom: 16.15vw;
}
.jaContentImg2B{
	padding-top: 12.82vw;
	padding-bottom: 12.82vw;
}
#jobContent01{
	margin-top: 0;
}
@media screen and (min-width: 768px) {
	#firstView h2{
		width: 40vw;
	}
	.accordion-003 {
		width: 30vw;
		margin-left: 45vw;
		margin-right: auto;
	}
	.accordion-003[open]{
		padding-bottom: .1vw;
	}
	/* .accordion-003:nth-child(2)[open]{
		padding-bottom: 7vw;
	} */
	.accordion-003 summary {
		margin: 0;
		padding: 0;
	}
	.accordion-003::after {
		left: 0;
		right: 0;
		width: 30vw;
	}
	.accordion-003 .jaTrigger {
    padding-top: 1.3vw;
    padding-bottom: 1.3vw;
		font-size: 0.98vw;
	}
  
  
	.accordion-003 summary::before,
  .accordion-003[open] summary::before,
  .accordion-003 summary::after{
		width: 1vw;
		top: 2.13vw;
		right: 0;
	}
	.jaContentTitle{
		font-size: 0.94vw;
		/* line-height: 2.86vw; */
		padding: 0.5vw 0;
		width: 30vw;
	}
	#jobContent01 .jaContentText,
	#jobContent02 .jaContentText,
	#jobContent03 .jaContentText,
	#jobContent04 .jaContentText{
		font-size: 0.83vw;
		width: 100%;
		padding: 1vw 0;
	}
	#jobContent01,
	#jobContent02,
	#jobContent03,
	#jobContent04{
		margin-left: 0;
		width: 30vw;
	}
	#jobContent01 img,
	#jobContent02 img,
	#jobContent03 img,
	#jobContent04 img{
		width: 30vw;
		margin-top: 1vw;
	}
	#jobContent01{
		margin-bottom: 3vw;
	}
	#jobContent02{
		margin-bottom: 4vw;
	}
	#jobContent03{
		margin-bottom: 3vw;
	}
  #jobContent04{
    margin-left: 0;
    width: 30vw;
    margin-bottom: 4vw;
  }
  #jobContent04 img{
    width: 30vw;
  }
	.accordion-003:first-child {
		margin-top: -70vh;
		margin-bottom: 70vh;
	}
	.accordion-003:nth-child(2) {
    margin-top: -45vh;
    margin-top: -25.3vw;
    margin-bottom: 70vh;
  }
	.accordion-003:nth-child(3) {
		margin-top: -10vh;
		margin-bottom: 70vh;
	}
	.accordion-003:nth-child(1) {
    margin-bottom: 45vh;
    margin-bottom: 25.3vw;
    margin-top: 0;
  }
	.accordion-003:nth-child(1)[open] {
    margin-bottom: 0;
	}
	.accordion-003:nth-child(2) {
    margin-bottom: 10vh;
    margin-bottom: 5.6vw;
	}
	.accordion-003:nth-child(2)[open] {
    margin-bottom: 0;
	}
	.accordion-003:nth-child(3) {
    margin-top: -5.6vw;
    margin-bottom: 48vh;
    margin-bottom: 0;
	}
	.accordion-003:nth-child(3)[open] {
    margin-bottom: 10vh;
	}
	.accordion-003:first-child[open] + .accordion-003:nth-child(2) {
		margin-top: 0;
		margin-bottom: 0;
	}
	.accordion-003:nth-child(1)[open] + .accordion-003:nth-child(2) + .accordion-003:nth-child(3) {
		margin-top: 0;
		margin-bottom: 5vw;
	}
	.accordion-003:nth-child(1)[open] + .accordion-003:nth-child(2)[open] + .accordion-003:nth-child(3) {
		margin-top: 0;
		margin-bottom: 5vw;
	}
	.accordion-003:nth-child(2)[open] + .accordion-003:nth-child(3) {
		margin-top: 0;
		margin-bottom: 5vw;
	}
	#bg02LeftPc{
		display: none;
	}
  #bg01Pc{
    opacity: 0;
    transition: all .8s;
  }
  .ac01 #bg01Pc,
  .ac02 #bg01Pc,
  .ac03 #bg01Pc{
    opacity: 1;
  }
  #firstViewText{
    padding-top: 7.9vw;
  }
  #firstView h1 {
    font-size: 1.35vw;
    padding-top: 0;
    line-height: initial;
  }
  #firstView h1 span {
    font-size: 3.4vw;
  }
  #firstView h2{
		width: 40vw;
    font-size: 2.75vw;
    padding-top: 3vw;
    line-height: 3.95vw;
	}
  .jobContentAccordion{
    top: 0;
    margin-top: calc(-100vh + 17vw);
    margin-bottom: 10vw;
  }
}