@charset "utf-8";
/*------------------------------------------------------------
	person02
------------------------------------------------------------*/
.headLine01 .inner {
	border-color: #68B114;
}
.headLine01 {
	color: #68B114;
}
#main .showBox {
	background-color: #68B114;
}
#main .subTitle span {
	color: #79CD18;
}
#main .imgBox .title::after {
	background-color: #68B114;
}
#main .btmTxt {
	color: #68B114;
}
#main .bgBox::before {
	width: 66.5rem;
	min-height: 435.5rem;
	top: 28.6rem;
	bottom: 11.5rem;
	background-image: url("../img/person02/line.png");
	right: 19.9rem;
}
#main .dayBox .image {
	width: 28.9rem;
	bottom: 0;
	left: -22.6rem;
}
#main .dayBox .img02 {
	width: 25.4rem;
	bottom: 0;
	left: auto;
	right: -20.5rem;
}
#main .showBox .content {
	position: relative;
	padding: 7.9rem 0 7.3rem;
}
#main .showBox .image {
	width: 22.6rem;
	right: -15.3rem;
	bottom: 0;
}
#main .listBox .content {
	max-width: 113.6rem;
}
#main .listBox {
	padding: 18rem 0 12.6rem;
}
@media all and (min-width: 897px) {
	#main .dotImg {
		margin-top: 4.3rem;
		transform: translateX(-4.4rem);
	}
	#main .subTitle {
	margin: 6.4rem -2.8rem 5.5rem -1.7rem;
}
	#main .flowBox {
		padding: 0 0 6.4rem 3.2rem;
	}
	#main .flowBox .list span {
		min-width: 8rem;
		padding-right: 1.5rem;
	}
	#main .flowBox .list {
		width: 48%;
	}
	#main .flowBox .list02 {
		margin-right: -4rem;
		width: calc(47.6% + 3rem);
	}
	#main .flowBox .list li {
		margin-bottom: 5.9rem;
	}
	#main .flowBox .list li::after {
		bottom: -4.3rem;
		margin-left: -0.5rem;
	}
	#main .flowBox .list02 li::after {
		margin-left: -2rem;
	}
	#main .btmTxt {
		margin: 3.2rem 5.9rem 0 0;
	}
}
@media all and (max-width: 896px) {
	.mainVisual {
		margin-bottom: 3.7rem;
	}
	#main .headLine01 {
		margin-bottom: 2.4rem;
	}
	#main .dayBox .content {
		padding-bottom: 4.8rem;
	}
	#main .dayBox .image {
		width: 6.5rem;
		bottom: 0;
		left: -2.1rem;
	}
	#main .dayBox .img02 {
		width: 8.2rem;
		bottom: 0;
		left: auto;
		right: 2.6rem;
	}
	#main .showBox .content {
		padding: 4.7rem 0;
	}
	#main .showBox .image {
		width: 16.9rem;
		right: -6.3rem;
		bottom: 0;
	}
	#main .imgBox .title {
		border-color: #68B114;
		width: auto;
	}
	#main .dotImg {
		margin: 3.2rem auto 0;
	}
	#main .bgBox::before {
		width: 29.6rem;
		min-height: 310.9rem;
		top:19.6rem;
		bottom: 38rem;
		background-image: url("../img/person02/line_sp.png");
		right: 16px;
	}
}


/* box01 */
@media all and (min-width: 897px) {
	#main .imgBox.box01 .photo {
		width: 68.8rem;
		order: 3;
	}
	#main .imgBox.box01 .rightBox {
		margin: 21.7rem 5rem 0 1rem;
	}
	#main .imgBox.box01 .title {
		margin-bottom: 1.2rem;
		padding-bottom: 2rem;
		letter-spacing: 0;
	}
	#main .imgBox.box01 .title .num {
		margin: 0 0 2.4rem 5rem;
  		width: 34.4rem;
	}
	#main .imgBox.box01 .title .time {
		width: 5.9rem;
		top: -20.3rem;
		right: auto;
		left: 0;
	}
	#main .imgBox.box01 .title::after {
		left: 0;
	}
	#main .imgBox.box01 {
		margin-bottom: 29.5rem;
	}
}

@media all and (max-width: 896px) {
	#main .listBox {
		padding: 15rem 0 6.2rem;
	}
	#main .imgBox .photo .innerImg {
		border-radius: 0.8rem;
	}
	#main .imgBox.box01 .title {
		position: static;
	}
	#main .imgBox.box01 .title .num {
		position: absolute;
		top: -8.5rem;
		left: -2rem;
		z-index: 10;
		margin: 0;
		width: 17.7rem;
	}
	#main .imgBox.box01 .title .time {
		position: absolute;
		top: -8.4rem;
		left: 16.9rem;
		z-index: 10;
	}
	#main .imgBox.box01 .rightBox {
		margin: 1.7rem 0 0 9rem;
		position: static;
		z-index: 10;
	}
	#main .imgBox.box01 {
		margin-bottom: 8rem;
	}
}

/* box02 */
@media all and (min-width: 897px) {
	#main .imgBox.box02 {
		margin: 0 0 15rem 1.8rem;
	}
	#main .imgBox.box02 .photo {
		width: 62.4rem;
	}
	#main .imgBox.box02 .title {
		letter-spacing: 0;
		padding-bottom: 2rem;
		margin: 0 -4rem 1.7rem -2rem;
	}
	#main .imgBox.box02 .title::after {
		left: -7.9rem;
	}
	#main .imgBox.box02 .title .num {
		width: 24rem;
		left: 0;
		margin: 0 0 3rem 0.9rem;
	}
	#main .imgBox.box02 .title .time {
		width: 5.7rem;
		top: -12.7rem;
		right: auto;
		left: 25.8rem;
	}
	#main .imgBox.box02 .rightBox {
		margin: 12.8rem 8rem 0 4.5rem;
	}
}

@media all and (max-width: 896px) {
	#main .imgBox.box02 .photo {
		margin: 0 8.8rem 0 -2rem;
	}
	#main .imgBox.box02 .title .num {
		margin: -2.2rem -0.1rem 1.1rem auto;
		width: 12.3rem;
	}
	#main .imgBox.box02 .rightBox {
		margin: 0 0 0 8.9rem;
	}
	#main .imgBox.box02 .title .time {
		width: 4rem;
		top: 1.4rem;
		right: auto;
		left: auto;
		right: 13.4rem;
		background-color: #eaeaea;
		border-radius: 50%;
	}
	#main .imgBox.box02 {
		margin-bottom: 8rem;
	}
}

/* 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: 63.1rem;
		margin-left: -0.3rem;
	}
	#main .imgBox.box03 .rightBox {
		margin: 26.6rem 0 0 3.3rem;
	}
	#main .imgBox.box03 .title .num {
		width: 32.4rem;
		margin-bottom: 4.3rem;
		left: 7.7rem;
	}
	#main .imgBox.box03 .title {
		letter-spacing: 0;
		padding-bottom: 2.4rem;
	}
	#main .imgBox.box03 .title .time {
		width: 5.7rem;
		top: -18.4rem;
		right: auto;
		left: 1.3rem;
	}
	#main .imgBox.box03 .wid {
		max-width: inherit;
	}
	#main .imgBox.box03 .title::after {
			left: 0;
		}
	#main .imgBox.box03 {
		margin: 0 3.3rem 13.8rem 0;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box03 .photo {
		margin: 0 3.4rem;
	}
	#main .imgBox.box03 .rightBox {
		margin: -1.6rem 0 0 0;
	}
	#main .imgBox.box03 .title .num {
		width: 14.4rem;
  		margin: 0 0 1.1rem 0;
	}
	#main .imgBox.box03 .title {
		width: fit-content;
	}
	#main .imgBox.box03 .title .time {
		width: 4rem;
		top: 2.4rem;
		right: auto;
		left: 15.9rem;
	}
	#main .imgBox.box03 {
		margin-bottom: 7.7rem;
	}
}

/* box04 */
@media all and (min-width: 897px) {
	#main .imgBox.box04 {
		margin: 0 7.1rem 18.1rem 0;
	}
	#main .imgBox.box04 .photo {
		width: 47.1rem;
		z-index: 12;
	}
	#main .imgBox.box04 .title {
		letter-spacing: 0;
		padding-bottom: 2.1rem;
		margin: 0 -4rem 1.3rem 0;
	}
	#main .imgBox.box04 .title::after {
		left: 0;
		width: 47rem;
	}
	#main .imgBox.box04 .rightBox {
		margin: 7.2rem 3.9rem 0 0;
		position: relative;
		z-index: 11;
	}
	#main .imgBox.box04 .wid {
		max-width: 38.5rem;
	}
	#main .imgBox.box04 .title .num {
		width: 16.5rem;
		left: 1.2rem;
		margin-bottom: 4rem;
	}
	#main .imgBox.box04 .title .time {
		width: 5.9rem;
		top: -11.1rem;
		right: auto;
		left: 18.5rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box04 .photo {
		margin: 0 17.6rem 0 -2.1rem;
	}
	#main .imgBox.box04 .innerImg {
		border-radius: 0;
	}
	#main .imgBox.box04 .title .num {
		margin: 0 0.3rem 1.6rem auto;
		width: 10.1rem;
	}
	#main .imgBox.box04 .rightBox {
		margin: -4.2rem 0 0 8.9rem;
	}
	#main .imgBox.box04 .title .time {
		width: 4rem;
		top: 0.2rem;
		right: auto;
		left: 8.8rem;
	}
	#main .imgBox.box04 {
		margin-bottom: 9.3rem;
	}
}

/* box05 */
@media all and (min-width: 897px) {
	#main .imgBox.box05 {
		margin: 0 27rem 15rem 0;
	}
	#main .imgBox.box05 .photo {
		margin-left: -3.5rem;
		width: 37.9rem;
	}
	#main .imgBox.box05 .rightBox {
		margin: 10.2rem 0.2rem 0 0;
	}
	#main .imgBox.box05 .title {
		letter-spacing: 0;
		padding-bottom: 1.8rem;
	}
	#main .imgBox.box05 .title .num {
		margin-bottom: 2.2rem;
		width: 16.4rem;
		left: -0.2rem;
	}
	#main .imgBox.box05 .title::after {
		left: 0;
	}
	#main .imgBox.box05 .title .time {
		width: 6.1rem;
		top: -8.6rem;
		right: auto;
		left: 17.5rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box05 {
		display: flex;
		margin: 0 0 16.8rem -2rem;
	}
	#main .imgBox.box05 .photo {
		width: 50%;
	}
	#main .imgBox.box05 .photo .innerImg {
		border-radius: 0 0.8rem 0.8rem 0;
	}
	#main .imgBox.box05 .rightBox {
		order: 3;
		margin: -1.9rem 0 0 2.7rem;
	}
	#main .imgBox.box05 .title .num {
		width: 10.2rem;
  		margin: 0 0 1.3rem;
	}
	#main .imgBox.box05 .title {
		line-height: 1.5;
		padding-bottom: 0.5rem;
	}
	#main .imgBox.box05 .title .time {
		width: 4rem;
		top: 0.4rem;
		right: auto;
		left: 11.4rem;
	}
}


/* box06 */
@media all and (min-width: 897px) {
	#main .imgBox.box06 {
		margin: 0 0.3rem 25rem 0;
	}
	#main .imgBox.box06 .photo {
		width: 64.6rem;
	}
	#main .imgBox.box06 .wid {
		max-width: 48rem;
	}
	#main .imgBox.box06 .rightBox {
		margin: 15.9rem 6.7rem 0 0;
	}
	#main .imgBox.box06 .title {
		letter-spacing: 0;
		margin: 0 -5rem 2.6rem 0;
		padding-bottom: 2rem;
	}
	#main .imgBox.box06 .title::after {
		left: 0;
		width: 52rem;
	}
	#main .imgBox.box06 .title .num {
		width: 38.4rem;
		left: 6.6rem;
		margin-bottom: 3.9rem;
	}
	#main .imgBox.box06 .title .time {
		width: 6.1rem;
		top: -20.4rem;
		right: auto;
		left: -0.4rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box06 .title {
		position: static;
	}
	#main .imgBox.box06 .title .num {
		position: absolute;
		top: -8.1rem;
		left: auto;
		z-index: 10;
		margin: 0;
		width: 22.4rem;
		right: -2.1rem;
	}
	#main .imgBox.box06 .title .time {
		position: absolute;
		top: -8.2rem;
		left: auto;
		z-index: 10;
		right: 21.4rem;
	}
	#main .imgBox.box06 .rightBox {
		margin: 1.7rem 9rem 0 0;
		position: static;
		z-index: 10;
	}
	#main .imgBox.box06 {
		margin-bottom: 8.2rem;
	}
}

/* box07 */
@media all and (min-width: 897px) {
	#main .imgBox.box07 {
		margin: 0 39.1rem 7.6rem -0.4rem;
	}
	#main .imgBox.box07 .photo {
		width: 36.9rem;
	}
	#main .imgBox.box07 .rightBox {
		margin: 2.5rem 3.8rem 0 0;
	}
	#main .imgBox.box07 .title {
		letter-spacing: 0;
		padding-bottom: 1.4rem;
		margin-bottom: 2rem;
	}
	#main .imgBox.box07 .title::after {
		left: -0.8rem;
	}
	#main .imgBox.box07 .title .num {
		width: 16.1rem;
		margin-bottom: 3.3rem;
		left: 0.8rem;
	}
	#main .imgBox.box07 .title .time {
		width: 5.7rem;
		top: -10.4rem;
		right: auto;
		left: 18.3rem;
	}
	#main .imgBox.box07 .image {
		width: 29.7rem;
		left: 100%;
		top: auto;
		bottom: 0;
		right: auto;
		margin: 0 0 0.1rem -3.4rem;
		z-index: 20;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box07 .photo {
		margin: 0 4.6rem 0 11rem;
	}
	#main .imgBox.box07 .photo .innerImg {
		border-radius: 0.6rem;
	}
	#main .imgBox.box07 .title .num {
		width: 9.6rem;
  		margin: 0 0 1.8rem 0;	
	}
	#main .imgBox.box07 .rightBox {
		margin: -4.4rem 9rem 0 0;
	}
	#main .imgBox.box07 .title .time {
		width: 4rem;
		top: -4.8rem;
		right: auto;
		left: 0;
	}
	#main .imgBox.box07 .photo .image {
		width: 12.3rem;
		bottom: 0;
		left: 100%;
		margin: 0 0 0 -4.9rem;
		z-index: 10;
	}
	#main .imgBox.box07 {
		margin-bottom: 8.1rem;
	}
}

/* box08 */
@media all and (min-width: 897px) {
	#main .imgBox.box08 {
		margin: 0 21rem 20.3rem 0;
	}
	#main .imgBox.box08 .photo {
		width: 47.2rem;
	}
	#main .imgBox.box08 .rightBox {
		margin: 20.8rem 0 0 0;
	}
	#main .imgBox.box08 .wid {
		max-width: 34.3rem;
	}
	#main .imgBox.box08 .title {
		letter-spacing: 0;
		padding-bottom: 1.8rem;
	}
	#main .imgBox.box08 .title::after {
		left: -0.7rem;
	}
	#main .imgBox.box08 .title .num {
		margin-bottom: 3.8rem;
		width: 15.6rem;
		bottom: 100%;
		left: 0.9rem;
	}
	#main .imgBox.box08 .title .time {
		width: 5.8rem;
		top: -9.6rem;
		right: auto;
		left: 17.6rem;
	}
	#main .imgBox.box08 {
		margin: 0 21rem 25.8rem 0;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box08 {
		display: flex;
		margin: 0 -0.1rem 8.2rem 0;
	}
	#main .imgBox.box08 .photo {
		width: calc(50% - 1rem);
	}
	#main .imgBox.box08 .photo .innerImg {
		border-radius: 0.8rem;
	}
	#main .imgBox.box08 .rightBox {
		margin: 0;
	}
	#main .imgBox.box08 .title .num {
		width: 10rem;
  		margin: 0 0 0.5rem;
	}
	#main .imgBox.box08 .title {
		line-height: 1.5;
		padding-bottom: 0.5rem;
	}
	#main .imgBox.box08 .title .time {
		width: 4rem;
		top: 0.4rem;
		right: auto;
		left: 11.2rem;
	}
}

/* box09 */
@media all and (min-width: 897px) {
	#main .imgBox.box09 {
		margin: 0 -1.2rem 0 0;
	}
	#main .imgBox.box09 .photo {
		width: 73.4rem;
	}
	#main .imgBox.box09 .rightBox {
		margin: 12.2rem 7rem 0 0;
	}
	#main .imgBox.box09 .title {
		letter-spacing: 0;
		padding-bottom: 2.6rem;
		margin-bottom: 2.7rem;
	}
	#main .imgBox.box09 .wid {
		max-width: 41.3rem;
	}
	#main .imgBox.box09 .title .num {
		width: 40.6rem;
		margin: 0 0 2.5rem 9rem;
		z-index: 20;
	}
	#main .imgBox.box09 .title .time {
		width: 5.9rem;
		top: -8.4rem;
		right: auto;
		left: 0.4rem;
	}
	#main .imgBox.box09 .title::after {
		left: 0;
	}
	#main .imgBox.box09 .photo .image {
		left: auto;
		right: -0.6rem;
		margin: 0 0 -0.1rem 0;
		width: 28.5rem;
	}
}
@media all and (max-width: 896px) {
	#main .imgBox.box09 .title {
		line-height: 1.5;
		padding-bottom: 0.5rem;
	}
	#main .imgBox.box09 .title .num {
		margin: 0;
		position: absolute;
		top: -3.2rem;
		right: -2.1rem;
		left: auto;
		width: 22rem;
	}
	#main .imgBox.box09 .rightBox {
		margin: 1.6rem 0 0 0;
	}
	#main .imgBox.box09 .title .time {
		width: 4rem;
		top: -3.2rem;
		right: auto;
		left: 8.2rem;
		background-color: #eaeaea;
		border-radius: 50%;
	}
	#main .imgBox.box09 .title + * {
		margin-top: 0.7rem;
	}
	#main .imgBox.box09 .photo .image {
		width: 10.9rem;
		bottom: 100%;
		left: auto;
		margin-bottom: -2rem;
		right: 0.4rem;
	}
}