@charset "utf-8";


/*-------------------------------------------- */
/* Module：particle
---------------------------------------------- */

#top_contents.l_top_contents {
	z-index: 2;
}
.l_footer {
	z-index: 2;
}

/*-------------------------------------------- */
/* Module：#history
---------------------------------------------- */

#history.media_sp .l_main_contents {
	padding-top: 40px;
}
.l_main_contents:before {
	content: "";
	width: 750px;
	height: 140px;
	display: block;
	background: url(/files/user/img/history/history_fx_cover.png) left top repeat-x;
	background-size: 20px 140px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#history.media_sp .l_footer .l_footer_wrap {
	margin-top: 0;
}

/* .historyBlock
---------------------------------------------- */

.historyFrame {
	display: block;
	width: 750px;
	height: 100%;
	margin: 0 0 110px;
	padding: 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 3;
}
.historyFrame:before {
	content: "";
	width: 3px;
	height: 100%;
	height: -webkit-calc(100% - 500px);
	height: calc(100% - 500px);
	display: block;
	position: absolute;
	top: 450px;
	left: 50%;
	margin-left: -1.5px;
	background-color: #13a4d3;
	z-index: 0;
}
.historyBlock {
	display: block;
	width: 750px;
	margin: 0 0 0 0;
	padding: 0 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}

/* .historyArticle
---------------------------------------------- */

.historyArticle {
	display: block;
	width: 750px;
	height: 770px;
	margin: 0 0 230px 0;
	padding: 135px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	background: url(/files/user/img/history/history_bg_01_sp.png) left top no-repeat;
	background-size: 100% auto;
}
.historyArticle_year {
	display: block;
	width: 206px;
	height: 206px;
	background: url(/files/user/img/history/history_year_bg.png) left top no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: -42px;
	left: 50%;
	margin-left: -103px;
}
.historyArticle_tit {
	display: block;
	width: 662px;
	height: 100px;
	margin: 0 0 25px 44px;
	text-indent: -9999px;
	background: url(/files/user/img/history/history_tit_01.svg) left top no-repeat;
	background-size: 100% auto;
}
.historyArticle_txt {
	display: block;
	width: 662px;
	margin: 0 0 0 44px;
	padding: 0 35px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.5;
}

/* .historyPic
---------------------------------------------- */

.historyPic {
	display: block;
	width: 750px;
	position: absolute;
	top: 520px;
	left: 0;
	-ms-transform: scale(1.06);
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
}
.historyPic a {
	display: block;
}
.historyPic a img {
	pointer-events: none;
	display: block;
	width: 662px;
	position: absolute;
}
.historyPic a:hover img {
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.historyPic_caption {
	display: none;
} 

/* .historyBlock_01
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_01 .historyArticle_txt {
	color: #fff;
}

/* .historyPic */

.historyBlock_01 .p1 img {
	-ms-transform: scale(0.72);
	-moz-transform: scale(0.72);
	-webkit-transform: scale(0.72);
	transform: scale(0.72);
	top: -5px;
	left: 50%;
	margin-left: -337px;
}

/* .historyBlock_02
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_02 .historyArticle,
.historyBlock_04 .historyArticle,
.historyBlock_06 .historyArticle {
	background: url(/files/user/img/history/history_bg_02_sp.svg) left top no-repeat;
	background-size: 100% auto;
	margin-bottom: 304px;
}
.historyBlock_02 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_02.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_02 .historyPic {
	top: 515px;
}
.historyBlock_02 .p1 img {
	-ms-transform: scale(0.46);
	-moz-transform: scale(0.46);
	-webkit-transform: scale(0.46);
	transform: scale(0.46);
	top: 135px;
	left: 146px;
	z-index: 3;
}
.historyBlock_02 .p2 img {
	-ms-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-webkit-transform: scale(0.52);
	transform: scale(0.52);
	top: -70px;
	left: 157px;
	z-index: 1;
}
.historyBlock_02 .p3 img {
	-ms-transform: scale(0.39);
	-moz-transform: scale(0.39);
	-webkit-transform: scale(0.39);
	transform: scale(0.39);
	top: -81px;
	left: -114px;
	z-index: 2;
}

/* .historyBlock_03
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_03 .historyArticle,
.historyBlock_05 .historyArticle,
.historyBlock_07 .historyArticle {
	background: url(/files/user/img/history/history_bg_03_sp.svg) left top no-repeat;
	background-size: 100% auto;
	padding-top: 190px;
	margin-bottom: 304px;
}
.historyBlock_03 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_03.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_03 .historyPic {
	top: 465px;
}
.historyBlock_03 .p1 img {
	-ms-transform: scale(0.46);
	-moz-transform: scale(0.46);
	-webkit-transform: scale(0.46);
	transform: scale(0.46);
	top: 24px;
	left: 189px;
	z-index: 2;
}
.historyBlock_03 .p2 img {
	-ms-transform: scale(0.52);
	-moz-transform: scale(0.52);
	-webkit-transform: scale(0.52);
	transform: scale(0.52);
	top: 0;
	left: -83px;
	z-index: 1;
}
.historyBlock_03 .p3 img {
	-ms-transform: scale(0.45);
	-moz-transform: scale(0.45);
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
	top: 178px;
	left: -81px;
	z-index: 3;
}

/* .historyBlock_04
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_04 .historyArticle {
	margin-bottom: 304px;
	padding-top: 145px;
}
.historyBlock_04 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_04.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_04 .historyPic {
	top: 480px;
}
.historyBlock_04 .p1 img {
	-ms-transform: scale(0.64);
	-moz-transform: scale(0.64);
	-webkit-transform: scale(0.64);
	transform: scale(0.64);
	top: 178px;
	left: 10px;
	z-index: 1;
}
.historyBlock_04 .p2 img {
	-ms-transform: scale(0.57);
	-moz-transform: scale(0.57);
	-webkit-transform: scale(0.57);
	transform: scale(0.57);
	top: -60px;
	left: -66px;
	z-index: 2;
}
.historyBlock_04 .p3 img {
	-ms-transform: scale(0.45);
	-moz-transform: scale(0.45);
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
	top: -26px;
	left: 188px;
	z-index: 3;
}

/* .historyBlock_05
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_05 .historyArticle {
	padding-top: 153px;
	margin-bottom: 362px;
}
.historyBlock_05 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_05.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_05 .historyPic {
	top: 472px;
}
.historyBlock_05 .p1 img {
	-ms-transform: scale(0.59);
	-moz-transform: scale(0.59);
	-webkit-transform: scale(0.59);
	transform: scale(0.59);
	top: 12px;
	left: -49px;
	z-index: 1;
}
.historyBlock_05 .p2 img {
	-ms-transform: scale(0.60);
	-moz-transform: scale(0.60);
	-webkit-transform: scale(0.60);
	transform: scale(0.60);
	top: 179px;
	left: 128px;
	z-index: 2;
}
/*
.historyBlock_03 .p3 img {
	-ms-transform: scale(0.45);
	-moz-transform: scale(0.45);
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
	top: 178px;
	left: -81px;
	z-index: 3;
}
*/

/* .historyBlock_06
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_06 .historyArticle {
	margin-bottom: 237px;
	padding-top: 145px;
}
.historyBlock_06 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_06.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_06 .historyPic {
	top: 480px;
}
.historyBlock_06 .p1 img {
	-ms-transform: scale(0.50);
	-moz-transform: scale(0.50);
	-webkit-transform: scale(0.50);
	transform: scale(0.50);
	top: 17px;
	left: 186px;
	z-index: 4;
}
/*
.historyBlock_06 .p2 img {
	-ms-transform: scale(0.47);
	-moz-transform: scale(0.47);
	-webkit-transform: scale(0.47);
	transform: scale(0.47);
	top: 105px;
	left: 191px;
	z-index: 3;
}
*/
.historyBlock_06 .p3 img {
	-ms-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	top: -86px;
	left: -100px;
	z-index: 1;
}
.historyBlock_06 .p4 img {
	-ms-transform: scale(0.42);
	-moz-transform: scale(0.42);
	-webkit-transform: scale(0.42);
	transform: scale(0.42);
	top: 100px;
	left: -84px;
	z-index: 2;
}

/* .historyBlock_07
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_07 .historyArticle {
	padding-top: 193px;
	margin-bottom: 300px;
}
.historyBlock_07 .historyArticle_tit {
	margin: 0 0 25px 44px;
	background: url(/files/user/img/history/history_tit_07.svg) left top no-repeat;
	background-size: 100% auto;
}

/* .historyPic */

.historyBlock_07 .historyPic {
	top: 465px;
}
.historyBlock_07 .p1 img {
	-ms-transform: scale(0.48);
	-moz-transform: scale(0.48);
	-webkit-transform: scale(0.48);
	transform: scale(0.48);
	top: 92px;
	left: -100px;
	z-index: 2;
}
.historyBlock_07 .p2 img {
	-ms-transform: scale(0.51);
	-moz-transform: scale(0.51);
	-webkit-transform: scale(0.51);
	transform: scale(0.51);
	top: 0px;
	left: 160px;
	z-index: 1;
}
.historyBlock_07 .p4 img {
	-ms-transform: scale(0.48);
	-moz-transform: scale(0.48);
	-webkit-transform: scale(0.48);
	transform: scale(0.48);
	top: 176px;
	left: 190px;
	z-index: 3;
}

/* .historyBlock_08
---------------------------------------------- */

/* .historyArticle  */

.historyBlock_08 .historyArticle {
	width: 750px;
	height: 330px;
	margin: 0 0 0 0;
	padding: 110px 0 0;
	background: url(/files/user/img/history/history_bg_04_sp.png) left top no-repeat;
	background-size: 100% auto;
	text-align: center;
}
.historyBlock_08 .historyArticle_txt {
	color: #fff;
	line-height: 1.7;
	font-size: 3.2rem;
}