/*
character.css
*/


.l-main {
	padding: 300px 0 180px;
	background-image:
		url(../images/character/bg_main_03.jpg),
		url(../images/character/bg_main_02.jpg),
		url(../images/character/bg_main_01.jpg);
	background-repeat:
		no-repeat,
		no-repeat,
		repeat;
	background-position:
		center bottom,
		center top,
		center top;
}

@media all and (min-width: 750px) {
	br.sp {
		display: none;
	}
}
@media all and (max-width: 750px) {
	br.pc {
		display: none;
	}
}



.cha-section {
	max-width: 1500px;
	margin: 0 auto;
	font-family: 'Noto Sans CJK JP',sans-serif;
}
.cha-section-inner {
	margin: 0 0 72px;
}
.cha-section-title {
	max-width: 680px;
	margin: 0 auto 48px;
}
.cha-section-title-inner {
	margin: 0 20px;
}
	@media all and (min-width: 750px) {
		.cha-section-title-inner {
			padding: 0 50px;
		}
	}
.cha-section-title h2 {
	line-height: 1;
	font-size: 38px;
	letter-spacing: -1px;
}
	@media all and (min-width: 750px) {
		.cha-section-title h2 {
			font-size: 48px;
		}
	}

.cha-item-wrap {
	padding: 40px 0;
	background-repeat: no-repeat;
	background-position: center top;
}
	.cha01.cha-item-wrap {
		background-image: url(../images/character/cha01_bg_01.jpg);
	}
	.cha02.cha-item-wrap {
		background-image: url(../images/character/cha02_bg_01.jpg);
	}
	.cha03.cha-item-wrap {
		background-image: url(../images/character/cha03_bg_01.jpg);
	}
	.cha04.cha-item-wrap {
		background-image: url(../images/character/cha04_bg_01.jpg);
	}
	.cha05.cha-item-wrap {
		background-image: url(../images/character/cha05_bg_01.jpg);
	}
.cha-item {
	max-width: 680px;
	margin: 0 auto;
}
.cha-item-inner {
	margin: 0 20px;
}
.cha-item-head {
	margin-bottom: 42px;
	padding: 0;
}
	@media all and (min-width: 750px) {
		.cha-item-head {
			padding: 0 58px 0 50px;
		}
	}
.cha-item-desc {
	margin-bottom: 18px;
	padding: 0;
	font-size: 14px;
}
	@media all and (min-width: 750px) {
		.cha-item-desc {
			padding: 0 58px 0 50px;
			font-size: 16px;
		}
	}
.cha-item-image-wrap {
	width: 100%;
	position: relative;
	height: auto;
}
.cha-item-image-wrap:before {
	content: "";
	display: block;
	padding-top: 95%;
}
	@media all and (min-width: 750px) {
		.cha-item-image-wrap {
			width: auto;
		}
	}
.cha-item-image {
	position: absolute;
	top: 0;
}
	/*cha01*/
	.cha01 .cha-item-image.img01 {width: 26.875%; left: 0;}
		@media all and (min-width: 750px) {.cha01 .cha-item-image.img01 {left: 0;}}
	.cha01 .cha-item-image.img02 {width: 27.656%; left: 23.75%;}
		@media all and (min-width: 750px) {.cha01 .cha-item-image.img02 {left: 152px;}}
	.cha01 .cha-item-image.img03 {width: 27.813%; left: 48.28%;}
		@media all and (min-width: 750px) {.cha01 .cha-item-image.img03 {left: 309px;}}
	.cha01 .cha-item-image.img04 {width: 27.813%; left: 72.19%;}
		@media all and (min-width: 750px) {.cha01 .cha-item-image.img04 {left: 462px;}}
	/*cha02*/
	.cha02 .cha-item-image.img01 {width: 34.688%; left: 0;}
		@media all and (min-width: 750px) {.cha02 .cha-item-image.img01 {left: 0;}}
	.cha02 .cha-item-image.img02 {width: 35.156%; left: 32.188%;}
		@media all and (min-width: 750px) {.cha02 .cha-item-image.img02 {left: 206px;}}
	.cha02 .cha-item-image.img03 {width: 35.156%; left: 64.844%;}
		@media all and (min-width: 750px) {.cha02 .cha-item-image.img03 {left: 415px;}}
	/*cha03*/
	.cha03 .cha-item-image.img01 {width: 34.688%; left: 0;}
		@media all and (min-width: 750px) {.cha03 .cha-item-image.img01 {left: 0;}}
	.cha03 .cha-item-image.img02 {width: 35.938%; left: 31.719%;}
		@media all and (min-width: 750px) {.cha03 .cha-item-image.img02 {left: 203px;}}
	.cha03 .cha-item-image.img03 {width: 35.156%; left: 64.844%;}
		@media all and (min-width: 750px) {.cha03 .cha-item-image.img03 {left: 415px;}}
	/*cha04*/
	.cha04 .cha-item-image.img01 {width: 26.563%; left: 0;}
		@media all and (min-width: 750px) {.cha04 .cha-item-image.img01 {left: 0;}}
	.cha04 .cha-item-image.img02 {width: 27.813%; left: 23.438%;}
		@media all and (min-width: 750px) {.cha04 .cha-item-image.img02 {left: 150px;}}
	.cha04 .cha-item-image.img03 {width: 27.813%; left: 47.969%;}
		@media all and (min-width: 750px) {.cha04 .cha-item-image.img03 {left: 307px;}}
	.cha04 .cha-item-image.img04 {width: 27.813%; left: 72.19%;}
		@media all and (min-width: 750px) {.cha04 .cha-item-image.img04 {left: 462px;}}
	/*cha05*/
	.cha05 .cha-item-image.img01 {width: 21.406%; left: 0;}
		@media all and (min-width: 750px) {.cha05 .cha-item-image.img01 {left: 0;}}
	.cha05 .cha-item-image.img02 {width: 25.313%; left: 17.188%;}
		@media all and (min-width: 750px) {.cha05 .cha-item-image.img02 {left: 110px;}}
	.cha05 .cha-item-image.img03 {width: 24.688%; left: 38.438%;}
		@media all and (min-width: 750px) {.cha05 .cha-item-image.img03 {left: 246px;}}
	.cha05 .cha-item-image.img04 {width: 24.688%; left: 59.375%;}
		@media all and (min-width: 750px) {.cha05 .cha-item-image.img04 {left: 380px;}}
	.cha05 .cha-item-image.img05 {width: 19.531%; left: 80.469%;}
		@media all and (min-width: 750px) {.cha05 .cha-item-image.img05 {left: 515px;}}

.cha-item-caption {
	font-size: 12px;
	text-align: center;
}
	@media all and (min-width: 750px) {
		.cha-item-caption {
			font-size: 14px;
		}
	}
.cha-item-caption span {
	display: block;
}

.inview {
	opacity: 0;
}
.animated {
	opacity: 0;
}