@charset "utf-8";

/*
******************************************************************
* style.css
******************************************************************
*/

#contentsWrap {
	background-color: #f1f1f1;
}
#contents {
	height: 2727px;
}
.section-02 {
	width: 1366px;
	margin: auto;
	position: absolute;
	top: 876px;
	left: 0;
	right: 0;
	z-index: 2;
	text-align: center;
}
main #mainInner:before {
	-webkit-filter: hue-rotate(-120deg) saturate(210%) brightness(0.9);
	-moz-filter: hue-rotate(-120deg) saturate(210%) brightness(0.9);
	-ms-filter: hue-rotate(-120deg) saturate(210%) brightness(0.9);
	filter: hue-rotate(-120deg) saturate(210%) brightness(0.9);
}
main .mainChara {
	top: -128px;
}
main h2 {
	left: 323px;
	top: 441px;
}
.section-02 .inner {
	height: 1475px;
	background: url(../img/bg_pattern.jpg) 352px 761px no-repeat;
}
.section-02 .item {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.section-02 .flowTop {
	position: relative;
	height: 465px;
}
.section-02 .flowCenter {
	position: relative;
	height: 710px;
}
.section-02 .flowBottom {
	position: relative;
	height: 569px;
}
.section-02 .item.no_01 {
	top: 0;
	left: 30px;
	right: auto;
}
.section-02 .item.no_02 {
	top: 0;
	right: 31px;
	left: auto;
}
.section-02 .item.no_03 {
	left: auto;
	right: 85px;
	top: 328px;
}
.section-02 .item.no_04 {
	top: -27px;
	right: auto;
	left: 30px;
}
.section-02 .item.no_05 {
	top: -27px;
	left: auto;
	right: 31px;
}
.section-02 .item.no_06 {
    bottom: 93px;
    left: -428px;
}
.section-02 .item.no_07 {
    bottom: 93px;
    left: auto;
    right: 85px;
}
.section-02 .item.no_08 {
    left: 0;
    top: -109px;
}
.section-02 .item.no_09 {
    bottom: -16px;
    left: 373px;
    right: auto;
}
a:hover {
	opacity: 0.7;
}
footer {
	bottom: 15px;
	position: absolute;
	right: 30px;
	z-index: 10;
}

/* モーダル用 */
#popModal_1 .modalInner {
	background: url(../img/m1_bg.png) no-repeat;
	height: 950px;
	position: relative;
}
#popModal_2 .modalInner {
	background: url(../img/m2_bg.png) no-repeat;
	height: 4688px;
	position: relative;
}
#popModal_3 .modalInner {
	background: url(../img/m3_bg.png) no-repeat;
	height: 1354px;
	position: relative;
}
.mItem_01 {
	position: absolute;
	left: 266px;
	top: 55px;
}
.mItem_02 {
	position: absolute;
	left: 178px;
	top: 377px;
}
.mItem_03 {
	position: absolute;
	left: 37px;
	top: 519px;
}
.mItem_04 {
	position: absolute;
	left: 242px;
	top: 486px;
}
.mItem_05 {
	position: absolute;
	left: 814px;
	top: 565px;
}
.mItem_06 {
	position: absolute;
	left: 74px;
	top: 35px;
}
.mItem_07 {
	position: absolute;
	left: 44px;
	top: 619px;
}
.mItem_08 {
	position: absolute;
	left: 55px;
	top: 1172px;
}
.mItem_09 {
	position: absolute;
	left: 36px;
	top: 2007px;
}
.mItem_10 {
	position: absolute;
	left: 51px;
	top: 3088px;
}
.mItem_11 {
	position: absolute;
	left: 54px;
	top: 3854px;
}
.mItem_12 {
	position: absolute;
	left: 129px;
	top: 46p
}
.mItem_13 {
	position: absolute;
	left: 55px;
	top: 740px;
}