@charset "utf-8";
/*------------------------------------------------------------
	person01
------------------------------------------------------------*/
/* box01 */
#main .imgBox.box01 .rightBox {
	order: 3;
}
@media all and (max-width: 896px) {
	#main .imgBox.box01 .photo {
		margin-top: 2.3rem;
	}
}

/* box02 */
@media all and (min-width: 897px) {
	#main .imgBox.box02 {
		margin: 0 2.8rem 22.7rem 0;
	}
	#main .imgBox.box02 .photo {
		width: 35.5rem;
	}
	#main .imgBox.box02 .title {
		letter-spacing: 0;
		padding-bottom: 1.8rem;
	}
	#main .imgBox.box02 .title::after {
		left: 0;
	}
	#main .imgBox.box02 .title .num {
		width: 16.4rem;
		left: 0.3rem;
	}
	#main .imgBox.box02 .title .time {
		width: 5.8rem;
		top: -8.4rem;
		right: auto;
		left: 18.3rem;
	}
}

@media all and (max-width: 896px) {
	#main .imgBox.box02 {
		margin-bottom: 19rem;
	}
	#main .imgBox.box02 .photo {
		margin: 0 6.8rem 0 0.1rem;
	}
	#main .imgBox.box02 .rightBox {
		margin: -1.6rem 0 0 11.8rem;
		z-index: 20;
		position: relative;
	}
	#main .imgBox.box02 .title .num {
		width: 15.2rem;
  		margin: 0 0 1.3rem 0.2rem;
	}
	#main .imgBox.box02 .title .time {
		left: 16.1rem;
  		top: 2.5rem;
	}
}

/* box03 */
@media all and (min-width: 897px) {
	#main .imgBox.box03 .title {
		letter-spacing: 0;
		padding-bottom: 2.4rem;
		margin-bottom: 1.6rem;
	}
	#main .imgBox.box03 .photo {
		width: 62.4rem;
		margin-left: -0.3rem;
	}
	#main .imgBox.box03 .rightBox {
		margin: 8.6rem 0 0 4.9rem;
	}
	#main .imgBox.box03 .title .num {
		width: 35.9rem;
		margin-bottom: 3.4rem;
		left: 1rem;
	}
	#main .imgBox.box03 .title {
		letter-spacing: 0;
		padding-bottom: 2.4rem;
	}
	#main .imgBox.box03 .title .time {
		width: 5.8rem;
		top: 0.5rem;
		right: -0.5rem;
	}
	#main .imgBox.box03 .wid {
		max-width: 33.6rem;
	}
	#main .imgBox.box03 .title::after {
		left: -12.7rem;
	}
	#main .imgBox.box03 {
		margin-bottom: 14.9rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box03 .title .num {
		width: 23rem;
		margin: 0 0 1.8rem 0;
	}
	#main .imgBox.box03 .rightBox {
		margin: -2.2rem 0 0 0;
	}
	#main .imgBox.box03 .title .time {
		width: 4rem;
		top: 6.1rem;
		right: auto;
		left: 22.5rem;
	}
	#main .imgBox.box03 .title {
		margin-right: -1.5rem;
		padding-bottom: 1.1rem;
	}
	#main .imgBox.box03 .rightBox {
		margin: -2.2rem 8rem 0 0;
	}
	#main .imgBox.box03 {
		margin-bottom: 4.8rem;
	}
}

/* box04 */
@media all and (min-width: 897px) {
	#main .imgBox.box04 {
		margin: 0 8.3rem 20.9rem 0;
	}
	#main .imgBox.box04 .photo {
		width: 44.3rem;
	}
	#main .imgBox.box04 .title {
		letter-spacing: 0;
		padding-bottom: 2rem;
		margin-bottom: 1.6rem;
	}
	#main .imgBox.box04 .title::after {
		left: 0;
		width: 47rem;
	}
	#main .imgBox.box04 .rightBox {
		margin: 15.9rem 0 0 0;
		position: relative;
		z-index: 11;
	}
	#main .imgBox.box04 .wid {
		max-width: 39.1rem;
	}
	#main .imgBox.box04 .title .num {
		width: 21.9rem;
		left: 0.5rem;
	}
	#main .imgBox.box04 .title .time {
		width: 6rem;
		top: -9.3rem;
		right: auto;
		left: 24.3rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box04 {
		margin-bottom: 9.4rem;
	}
	#main .imgBox.box04 .photo {
		margin: 0 -0.3rem 0 7.2rem;
	}
	#main .imgBox.box04 .rightBox {
		margin: 1.3rem 0 0 16rem;
	}
	#main .imgBox.box04 .title .num {
		width: 10.3rem;
		margin: 0 0 0.7rem 0.3rem;
	}
	#main .imgBox.box04 .title .time {
		left: 12rem;
		top: 0.5rem;
	}
	
}

/* box05 */
@media all and (min-width: 897px) {
	#main .imgBox.box05 .photo {
		margin-left: -3.5rem;
		width: 56.1rem;
	}
	#main .imgBox.box05 .rightBox {
		margin: 10.5rem 0 0 4.4rem;
	}
	#main .imgBox.box05 .title {
		letter-spacing: 0;
		padding-bottom: 1.6rem;
		margin-bottom: 1.7rem;
	}
	#main .imgBox.box05 .wid {
		max-width: 39.4rem;
	}
	#main .imgBox.box05 .title::after {
		left: -11.9rem;
	}
	#main .imgBox.box05 .title .num {
		width: 32.8rem;
		margin-bottom: 2.9rem;
		left: 8.5rem;
	}
	#main .imgBox.box05 .title .time {
		width: 6rem;
		top: -10.5rem;
		right: auto;
		left: 0.3rem;
	}
	#main .imgBox.box05 {
		margin-bottom: 23rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box05 .photo {
		margin: 0 3.4rem 0 3.5rem;
	}
	#main .imgBox.box05 .rightBox {
		margin: 1.7rem 8rem 0 0;
	}
	#main .imgBox.box05 .title .num {
		width: 14.6rem;
  		margin: 0 0 1.2rem 1.4rem;
	}
	#main .imgBox.box05 .title .time {
		width: 4rem;
		top: 2.4rem;
		right: auto;
		left: 16.6rem;
	}
	#main .imgBox.box05 {
		margin-bottom: 7.8rem;
	}
}

/* box06 */
@media all and (min-width: 897px) {
	#main .imgBox.box06 {
		margin: 0 -0.3rem 23.1rem;
	}
	#main .imgBox.box06 .photo {
		
		width: 56.1rem;
	}
	#main .imgBox.box06 .rightBox {
		margin: 15.4rem 7rem 0 0;
	}
	#main .imgBox.box06 .wid {
		max-width: 47rem;
	}
	#main .imgBox.box06 .title {
		padding-bottom: 2rem;
		margin-bottom: 1.9rem;
	}
	#main .imgBox.box06 .title .num {
		width: 38.8rem;
		margin-bottom: 2.9rem;
		left: -0.3rem;
	}
	#main .imgBox.box06 .title::after {
		left: 0.3rem;
	}
	#main .imgBox.box06 .title .time {
		width: 6.1rem;
		top: -27.8rem;
		right: auto;
		left: 1.8rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box06 .photo {
		margin: 0 0 0 6.9rem;
	}
	#main .imgBox.box06 .rightBox {
		margin: 4.9rem 0 0 12.9rem;
	}
	#main .imgBox.box06 .title .num {
		width: 10.3rem;
		margin: 0;
		position: absolute;
		left: 10.2rem;
		top: -2rem;
	}
	#main .imgBox.box06 .title .time {
		width: 4rem;
		top: -6.4rem;
		right: auto;
		left: 16.6rem;
		background-color: #eaeaea;
		border-radius: 50%;
	}
	#main .imgBox.box06 {
		margin-bottom: 7.9rem;
	}
}

/* box07 */
@media all and (min-width: 897px) {
	#main .imgBox.box07 {
		margin: 0 -5.2rem 13.2rem 0;
	}
	#main .imgBox.box07 .photo {
		width: 43.7rem;
	}
	#main .imgBox.box07 .rightBox {
		margin: 2.5rem 2rem 0 0;
	}
	#main .imgBox.box07 .title {
		letter-spacing: 0;
		padding-bottom: 2.7rem;
		margin-bottom: 2.7rem;
	}
	#main .imgBox.box07 .title::after {
		left: 0;
	}
	#main .imgBox.box07 .title .num {
		width: 17.3rem;
		left: 7.5rem;
		margin-bottom: 3.3rem;
	}
	#main .imgBox.box07 .title .time {
		width: 6.1rem;
		top: -9.5rem;
		right: auto;
		left: -0.9rem;
	}
	#main .imgBox.box07 .wid {
		max-width: 44rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box07 .photo {
		margin: 0 15.5rem 0 -0.1rem;
	}
	#main .imgBox.box07 .title .num {
		width: 10.3rem;
		margin: 0;
		position: absolute;
		left: 10.7rem;
		top: -6.5rem;
	}
	#main .imgBox.box07 .rightBox {
		margin: 2.1rem 0 0 9.3rem;
	}
	#main .imgBox.box07 .title .time {
		width: 4rem;
		top: -11.7rem;
		right: auto;
		left: 16.9rem;
	}
	#main .imgBox.box07 {
		margin-bottom: 8rem;
	}
}

/* box08 */
@media all and (min-width: 897px) {
	#main .imgBox.box08 {
		margin: 0 -5.2rem 20.3rem 0;
	}
	#main .imgBox.box08 .photo {
		width: 66.8rem;
	}
	#main .imgBox.box08 .rightBox {
		margin: 12.5rem 4rem 0 0;
	}
	#main .imgBox.box08 .title {
		letter-spacing: 0;
		padding-bottom: 2rem;
		margin-bottom: 1.3rem;
	}
	#main .imgBox.box08 .title::after {
		left: 0;
	}
	#main .imgBox.box08 .title .num {
		width: 17.3rem;
		left: 0;
		margin-bottom: 1.6rem;
	}
	#main .imgBox.box08 .title .time {
		width: 6.1rem;
		top: -7.9rem;
		right: auto;
		left: 18.1rem;
	}
	#main .imgBox.box08 .wid {
		max-width: 34rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box08 .title .num {
		width: 14.5rem;
		margin: 0;
		position: absolute;
		left: 9.6rem;
		top: -4.1rem;
	}
	#main .imgBox.box08 .rightBox {
		margin: 6.4rem 9.3rem 0 0;
	}
	#main .imgBox.box08 .title .time {
		width: 4rem;
		top: -4.5rem;
		right: auto;
		left: 4.7rem;
	}
	#main .imgBox.box08 {
		margin-bottom: 18rem;
	}
}

/* box09 */
@media all and (min-width: 897px) {
	#main .imgBox.box09 {
		margin: 0 14.3rem 0 -5.5rem;
	}
	#main .imgBox.box09 .photo {
		width: 51.3rem;
	}
	#main .imgBox.box09 .rightBox {
		margin: 12.3rem 4.1rem 0 0;
	}
	#main .imgBox.box09 .title {
		letter-spacing: 0;
		padding-bottom: 2.7rem;
		margin-bottom: 2.7rem;
	}
	#main .imgBox.box09 .title::after {
		left: 0;
	}
	#main .imgBox.box09 .title .num {
		width: 39.5rem;
		left: 8.9rem;
		margin-bottom: 3.1rem;
		z-index: 20;
	}
	#main .imgBox.box09 .title .time {
		width: 6.4rem;
		top: -9.7rem;
		right: auto;
		left: 0;
	}
	#main .imgBox.box09 .wid {
		max-width: inherit;
	}
	#main .imgBox.box09 .image {
		width: 25rem;
		margin: 0 0 -2.6rem 0;
		left: auto;
		right: -10.9rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box09 .photo {
		margin: 0 3.4rem;
	}
	#main .imgBox.box09 .title .num {
		width: 22.6rem;
		margin: 0;
		position: absolute;
		left: 9.7rem;
		top: -4.2rem;
	}
	#main .imgBox.box09 .title .time {
		width: 4rem;
		top: -4.2rem;
		right: auto;
		left: 4.7rem;
		background-color: #eaeaea;
		border-radius: 50%;
	}
	#main .imgBox.box09 .title {
		line-height: 1.5;
		padding-bottom: 0.3rem;
	}
	#main .imgBox.box09 .rightBox {
		margin: 3.2rem 0 0 0;
	}
	#main .imgBox.box09 .photo .image {
		width: 17.3rem;
		left: 1rem;
		margin-bottom: 0;
	}
}
