@charset "UTF-8";
/* --------------------------------
	グロナビ
-------------------------------- */
@media screen and (min-width: 736px) {
	.gnav_btn {
		visibility: hidden;
		opacity: 0;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.gnav_btn.is-show {
		visibility: visible;
		opacity: 1;
	}
}

.l-gnav_pc {
	display: none;
}
@media screen and (min-width: 736px) {
	.l-gnav_pc {
		display: block;
		margin: 0 auto 75px;
		max-width: 1000px;
		pointer-events: all;
	}
}

.gnav_pc_inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
.gnav_pc_inner > li a {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.gnav_pc_inner > li a span {
	display: inline-block;
	position: relative;
	padding-left: 50px;
}
.gnav_pc_inner > li a span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 36px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background: url(/assets/sp/ilm/img/top/gnav_arrow.png) no-repeat;
	background-size: cover;
}
.gnav_pc_inner > li a:hover {
	opacity: 0.75;
}
.gnav_pc_inner > li a:hover span:before {
	-webkit-transform: translateX(10px);
	    -ms-transform: translateX(10px);
	        transform: translateX(10px);
}

/* --------------------------------
	SNS
-------------------------------- */
.l-social {
	position: relative;
	z-index: 2; 
	margin-top: 13.33333vw;
	padding: 0 25px;
	background: #c71629;
}
@media screen and (min-width: 736px) {
	.l-social {
		margin-top: 0;
		padding: 0 0 0;
	}
}
@media screen and (min-width: 736px) and (min-width: 736px) {
	.l-social:after {
		content: "";
		display: inline-block;
		position: absolute;
		z-index: -1; 
		top: 100%;
		right: 0;
		width: 683px;
		height: 90px;
		background: url(/assets/sp/ilm/img/top/social_bg.png) no-repeat left top/100% auto;
	}
}

.social_inner {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	max-width: 375px; 
	height: auto;
}
@media screen and (min-width: 736px) {
	.social_inner {
		margin: 0 auto; 
		max-width: 1405px;
	}
}
.social_inner .social_block {
	float: left;
}
.social_inner .block_item {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	float: left;
}
.social_inner .block_item.is-tw:before,
.social_inner .block_item.is-fb:before,
.social_inner .block_item.is-inst:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1; 
	right: 0;
	bottom: 0;
	width: 26px;
	height: 26px;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw:before,
	.social_inner .block_item.is-fb:before,
	.social_inner .block_item.is-inst:before {
		width: 38px;
		height: 38px;
	}
}
.social_inner .block_item.is-tw {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social_inner .block_item.is-tw:before {
	background: url(/assets/sp/ilm/img/top/social_icon_tw.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-tw .item_txt {
	display: block;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 16px auto 0;
	padding: 0 18%;
	width: 100%;
	height: 88px;
	-webkit-transform: translate(-50%, -80%);
	    -ms-transform: translate(-50%, -80%);
	        transform: translate(-50%, -80%);
	color: #fff; 
	font-size: 9px;
	line-height: 1.57143;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt {
		margin: 12px auto 0;
		padding: 6% 10%;
		font-size: 10px;
	}
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-tw .item_txt {
		margin: 24px auto 0;
		padding: 23px 25px;
		width: 200px;
		height: 132px;
		font-size: 14px;
	}
}
.social_inner .block_item.is-tw .item_txt:before,
.social_inner .block_item.is-tw .item_txt:after {
	content: "";
	display: block;
	position: absolute;
	width: 11px;
	height: 8px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-tw .item_txt:before,
	.social_inner .block_item.is-tw .item_txt:after {
		width: 22px;
		height: 16px;
	}
}
.social_inner .block_item.is-tw .item_txt:before {
	top: 0;
	left: 8%;
	background: url(/assets/sp/ilm/img/top/social_bg_tw_top.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:before {
		left: 8px;
	}
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:before {
		left: 12px;
	}
}
.social_inner .block_item.is-tw .item_txt:after {
	right: 8%;
	bottom: 0;
	background: url(/assets/sp/ilm/img/top/social_bg_tw_bottom.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:after {
		right: 8px;
	}
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-tw .item_txt:after {
		right: 12px;
	}
}
.social_inner .block_item.is-fb:before {
	background: url(/assets/sp/ilm/img/top/social_icon_fb.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-fb:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-fb .item_img {
	background-size: cover !important;
}
.social_inner .block_item.is-inst:before {
	background: url(/assets/sp/ilm/img/top/social_icon_inst.png) no-repeat;
	background-size: 26px auto;
}
@media screen and (min-width: 736px) {
	.social_inner .block_item.is-inst:before {
		background-size: cover;
	}
}
.social_inner .block_item.is-txt.is-data {
	float: right;
}
.social_inner .block_item.is-txt.is-data .item_txt {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 122px;
	height: 122px;
	text-align: center;
	color: #fff;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt {
		width: 168px;
		height: 180px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt > span {
	display: block;
	line-height: 1;
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_01 {
	margin-top: 0;
	letter-spacing: 0.1em; 
	font-size: 16px;
	line-height: 1.22581;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_01 {
		margin-top: 10px;
		font-size: 23px;
		line-height: 1.21739;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_02 {
	margin-top: 15px;
	font-size: 27px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_02 {
		font-size: 36px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt .txt_03 {
	margin-top: 5px;
	font-size: 16px;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt .txt_03 {
		font-size: 24px;
	}
}
.social_inner .block_item.is-txt.is-data .item_txt:hover {
	opacity: 1;
}
.social_inner .block_item.is-txt.is-data .item_txt:after {
	content: "";
	position: absolute;
	bottom: 3px;
	left: 0;
	width: 121px;
	height: 10px;
	background: url(/assets/sp/ilm/img/top/social_date_txt.png) no-repeat;
	background-size: 100% 100%;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item.is-txt.is-data .item_txt:after {
		width: 162px;
		height: 12px;
	}
}
.social_inner .block_item .item_txt,
.social_inner .block_item .item_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.social_inner .block_item .item_txt:hover,
.social_inner .block_item .item_img:hover {
	opacity: 1;
}
@media screen and (min-width: 1191px) {
	.social_inner .block_item .item_txt:hover,
	.social_inner .block_item .item_img:hover {
		opacity: 0.75;
	}
}
.social_inner .block-01 {
	float: none;
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-01 {
		float: left;
		width: 33.33%;
	}
}
.social_inner .block-01 .grid-1-1 {
	padding-top: 50%;
	width: 50%;
}
.social_inner .block-01 .grid-2-1 {
	padding-top: 50%;
	width: 100%;
}
.social_inner .block-01 .item_img img {
	width: 100%;
}
.social_inner .block-02,
.social_inner .block-04 {
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-02,
	.social_inner .block-04 {
		float: left;
		width: 16.66%;
	}
}
.social_inner .block-02 .grid-1-1,
.social_inner .block-04 .grid-1-1 {
	float: left;
	padding-top: 50%;
	width: 50%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-02 .grid-1-1,
	.social_inner .block-04 .grid-1-1 {
		padding-top: 100%;
		width: 100%;
	}
}
.social_inner .block-03 {
	width: 100%;
}
@media screen and (min-width: 736px) {
	.social_inner .block-03 {
		width: 33.33%;
	}
}
.social_inner .block-03 .grid-2-2 {
	padding-top: 100%;
	width: 100%;
}

/* --------------------------------
	history
-------------------------------- */
.l-history {
	position: relative;
	z-index: 2; 
	background: #e96c05;
}
@media screen and (min-width: 736px) {
	.l-history {
		background: url(/assets/sp/ilm/img/top/history_bg_repeat.jpg) repeat calc(50% - 17px) 0;
		background-size: auto 100%;
	}
}

.history_inner_lv1 {
	background: url(/assets/sp/ilm/img/top/history_bg_sp.jpg) no-repeat center 0;
	background-size: auto 100%;
}
@media screen and (min-width: 736px) {
	.history_inner_lv1 {
		background: url(/assets/sp/ilm/img/top/history_bg.jpg) no-repeat center 0;
		background-size: auto 100%;
	}
}

.history_inner_lv2 {
	margin: 0 auto;
	padding: 45px 0;
	width: 320px;
	height: 476px;
}
@media screen and (min-width: 736px) {
	.history_inner_lv2 {
		padding: 110px 12px;
		width: 1024px;
		height: 767px;
	}
}

.history_h {
	margin: 0 auto 36px;
	width: 228px;
}
@media screen and (min-width: 736px) {
	.history_h {
		margin: 0 auto 70px;
		width: 656px;
	}
}

.slick_slider {
	margin: 0 auto; 
	width: 280px;
}
@media screen and (min-width: 736px) {
	.slick_slider {
		width: 820px;
	}
}

@media screen and (min-width: 736px) {
	.slide_item {
		border: 1px solid transparent;
	}
}

.slide_item a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out; 
	text-decoration: none;
	color: inherit;
}
.slide_item a:hover {
	opacity: 0.75;
}

@media screen and (min-width: 736px) {
	.slider_img {
		margin-bottom: 10px;
	}
}

.slider_txtWrap {
	text-align: center;
}

.slider_h {
	margin-bottom: 8px;
	text-align: left; 
	color: #fff;
	font-size: 16px;
}
@media screen and (min-width: 736px) {
	.slider_h {
		float: left; 
		width: 460px;
		font-size: 24px;
	}
}

.slider_txt {
	margin-bottom: 16px;
	text-align: left; 
	font-size: 13px;
	line-height: 1.54;
}
@media screen and (min-width: 736px) {
	.slider_txt {
		float: left; 
		width: 500px;
		font-size: 16px;
	}
}

.slider_btn {
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding: 14px 50px;
	background-color: #f1e719;
	text-align: center;
	text-decoration: none; 
	font-size: 12px;
}
@media screen and (min-width: 736px) {
	.slider_btn {
		float: right; 
		padding: 16px 70px 16px 80px;
		font-size: 14px;
	}
}
.slider_btn span {
	display: block;
	position: relative;
	color: #316ba5; 
	font-weight: bold;
}
.slider_btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -10px;
	margin: auto;
	width: 54px;
	height: 8px;
	background: url(/assets/sp/ilm/img/common/arrow_long.png) no-repeat 0 0;
}

/* --------------------------------
	アクセス
-------------------------------- */
.l-access {
	position: relative; 
	margin: 13.33333vw 0 0;
}
@media screen and (min-width: 736px) {
	.l-access {
		margin: 190px 0 0;
		padding-top: 64px;
		background: #fff;
	}
}
@media screen and (min-width: 736px) and (min-width: 736px) {
	.l-access:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		width: 393px;
		height: 188px;
		background: url(/assets/sp/ilm/img/top/access_cap_bg.png) no-repeat left top/100% auto;
	}
}
@media screen and (min-width: 736px) {
	.l-access .tag {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		top: -89px;
		left: 193px;
		width: 25px;
		height: 89px; 
		background: url(/assets/sp/ilm/img/top/sec_tag_04_pc.png) no-repeat left top/100% auto;
	}
}
.l-access .link {
	margin-top: 6.66667vw;
	text-align: center;
}
@media screen and (min-width: 736px) {
	.l-access .link {
		margin: 29px auto 0; 
		width: 1000px;
		text-align: right;
	}
}
.l-access .access_title {
	display: block;
	overflow: hidden;
	margin: 0 auto 0;
	width: 37.46667vw;
	height: 10.4vw;
	background: url(/assets/sp/ilm/img/top/sec_cap_05.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 37.46667vw;
}
@media screen and (min-width: 736px) {
	.l-access .access_title {
		width: 238px;
		height: 67px;
		background-image: url(/assets/sp/ilm/img/top/sec_cap_05.png);
	}
}
.l-access .access_map {
	position: relative;
	z-index: 1;
	padding-top: 47%;
	height: 0;
}
@media screen and (min-width: 736px) {
	.l-access .access_map {
		z-index: 10; 
		margin-top: 0;
		padding-top: 0;
		height: 400px;
	}
}
.l-access .access_map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.l-access .access_link {
	margin: 10px 0 0;
	text-align: center;
}
@media screen and (min-width: 736px) {
	.l-access .access_link {
		margin: 10px 16px 0 0;
		text-align: right;
	}
}
.l-access .access_link a {
	position: relative;
	padding-right: 8px;
	text-decoration: none; 
	color: #423f37;
	font-size: 12px;
	font-weight: bold;
}
.l-access .access_link a::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 5px;
	height: 5px;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
}
@media screen and (min-width: 736px) {
	.l-access .access_link a {
		padding-right: 16px;
		font-size: 14px;
	}
}
.l-access .access_link a:hover {
	text-decoration: underline;
}
.l-access .access_container {
	padding: 25px 0 50px; 
	background: url(/assets/sp/ilm/img/top/access_bg.png) repeat-y center top;
}
@media screen and (min-width: 736px) {
	.l-access .access_container {
		padding: 60px 98px 80px; 
		background: url(/assets/sp/ilm/img/top/access_bg.png) repeat;
	}
}
@media screen and (min-width: 736px) {
	.l-access .access_inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;

		-webkit-box-pack: center;

		    -ms-flex-pack: center;

		        justify-content: center;
	}
}
.l-access .access_itemWrap {
	margin: 0 auto; 
	width: 225px;
}
@media screen and (min-width: 736px) {
	.l-access .access_itemWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 0; 
		width: 374px;
		max-width: 374px;

		-webkit-box-flex: 1;

		    -ms-flex: 1 0 374px;

		        flex: 1 0 374px;
	}
}
.l-access .access_item {
	text-align: left;
}
@media screen and (min-width: 736px) {
	.l-access .access_item {
		max-width: 190px;

		-webkit-box-flex: 1;

		    -ms-flex: 1 0 190px;

		        flex: 1 0 190px;
	}
}
.l-access .access_item + .access_item {
	margin-top: 20px;
}
@media screen and (min-width: 736px) {
	.l-access .access_item + .access_item {
		margin-top: 0;
		margin-left: 20px; 
		max-width: 160px;

		-webkit-box-flex: 1;

		    -ms-flex: 1 0 160px;

		        flex: 1 0 160px;
	}
}
.l-access .access_itemLabel {
	border-bottom: 1px solid #9cadc5;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
@media screen and (min-width: 736px) {
	.l-access .access_itemLabel {
		font-size: 17px;
	}
}
.l-access .access_itemTxt {
	padding-top: 6px;
	color: #fff;
	font-size: 13px; 
	line-height: 1.42857;
}
@media screen and (min-width: 736px) {
	.l-access .access_itemTxt {
		padding-top: 12px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.6;
	}
}
.l-access .access_itemTxt > a {
	color: #fff;
}
.l-access .access_itemTxt > a[href^="tel:"] {
	pointer-events: none;
}
.l-access .access_btnWrap {
	margin-top: 24px;
	text-align: center;
}
@media screen and (min-width: 736px) {
	.l-access .access_btnWrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-top: 0; 
		margin-left: 36px;
		width: 572px;
		max-width: 572px;

		-webkit-box-pack: justify;

		    -ms-flex-pack: justify;

		        justify-content: space-between;
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 572px;
		        flex: 1 0 572px;
	}
}
.l-access .access_item_busBtn .btn {
	display: inline-block;
	overflow: hidden;
	width: 60vw;
	height: 16vw;
	background: rgba(4, 45, 102, 0.2) url(/assets/sp/ilm/img/top/access_btn_bus.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 60vw;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.l-access .access_item_busBtn .btn {
		width: 310px;
		height: 100px;
		-webkit-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease;
		background: rgba(4, 45, 102, 0.2) url(/assets/sp/ilm/img/top/access_btn_bus_pc.png) no-repeat left top/100% auto;
	}
	.l-access .access_item_busBtn .btn:hover {
		background-color: #042d66;
	}
}
.l-access .access_item_accessBtn .btn {
	display: inline-block;
	overflow: hidden;
	margin-top: 10px; 
	width: 60vw;
	height: 11.73333vw;
	background: rgba(4, 45, 102, 0.2) url(/assets/sp/ilm/img/top/access_btn_about.png) no-repeat left top/100% auto;
	white-space: nowrap;
	text-indent: 60vw;
	font-size: 0;
}
@media screen and (min-width: 736px) {
	.l-access .access_item_accessBtn .btn {
		margin-top: 0;
		width: 256px;
		height: 100px;
		-webkit-transition: background-color 0.3s ease;
		transition: background-color 0.3s ease; 
		background: rgba(4, 45, 102, 0.2) url(/assets/sp/ilm/img/top/access_btn_about_pc.png) no-repeat left top/100% auto;
	}
	.l-access .access_item_accessBtn .btn:hover {
		background-color: #042d66;
	}
}

/* --------------------------------
	works list
-------------------------------- */
.works_list {
	padding: 50px 24px 48px;
	background: url(/assets/sp/ilm/img/top/works_list_bg.png) repeat left top;
}
@media screen and (min-width: 736px) {
	.works_list {
		margin: 0 auto;
		padding: 55px 0 0; 
		width: 100%;
	}
}
.works_list ol {
	line-height: 1;
}
@media screen and (min-width: 736px) {
	.works_list ol {
		margin: 0 auto; 
		width: 980px;
	}
}
.works_list ol li {
	display: inline;
	font-size: 10px;
	line-height: 1;
}
@media screen and (min-width: 736px) {
	.works_list ol li {
		font-size: 12px;
		line-height: 2.1;
	}
}
.works_list ol li:after {
	display: none;
}
.works_list ol li:last-child:after {
	display: none;
}

/* --------------------------------
  footer
-------------------------------- */
@media screen and (max-width: 736px) {
	.l-ftr {
		margin-top: 0;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body .inner {
		width: 320px;
	}
}

@media screen and (min-width: 736px) {
	.l-ftr .ftr_body.cover {
		padding-top: 60px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body.cover .logo {
		width: 286.5px;
		height: 136.5px;
		background-image: url(/assets/sp/ilm/img/top/ftr_logo.png);
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body.cover .ftr_note {
		font-size: 10px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body.cover .menu {
		padding-top: 0;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body .menu > li {
		width: 156px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body .inner .menu > li > a {
		font-size: 10px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body.uftr > div.inner {
		width: 320px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .ftr_body.uftr > div.inner > ul > li {
		width: 150px;
	}
}

@media screen and (max-width: 736px) {
	.l-ftr .copyright > p {
		font-size: 10px !important;
	}
}

/* SNS share */
.ftr_share {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px auto 25px; 
	width: 270px;

	-webkit-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;
}
@media screen and (min-width: 736px) {
	.ftr_share {
		margin: 20px auto 5px; 
		width: 180px;
	}
}
.ftr_share .share_item.share_item-fb {
	margin: -3px 0 0 0;
}
@media screen and (min-width: 736px) {
	.ftr_share .share_item.share_item-line {
		display: none;
	}
}

/* --------------------------------
  loading
-------------------------------- */
.is-loading {
	display: fixed;
	overflow: hidden;
	width: 100vw;
	height: 100vh;
}

.l-loading {
	position: fixed;
	z-index: 100000; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #265a96;
	font-size: 50px;

	-webkit-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* --------------------------------
	override index_common
-------------------------------- */
.l-main {
	position: relative;
	z-index: 1; 
	background: url(/assets/sp/ilm/img/top/bg_body.png) repeat-y right top/66.66667vw auto;
}
@media screen and (max-width: 736px) {
	.l-main {
		margin-top: 50px;
	}
}
@media screen and (min-width: 736px) {
	.l-main {
		overflow: hidden;
		background: url(/assets/sp/ilm/img/top/bg_body_pc.png) repeat-y center top/580px auto;
	}
	.l-main:before {
		content: "";
		display: inline-block;
		position: absolute;
		top: 670px;
		left: 0;
		width: 103px;
		height: 299px;
		background: url(/assets/sp/ilm/img/top/sec_highlight_bg_01_pc.png) no-repeat left top/100% auto;
	}
}

.wrapper {
	overflow: hidden;
	min-width: 0;
}
@media screen and (min-width: 736px) {
	.wrapper {
		overflow: visible;
		margin: 0 auto; 
		min-width: 1366px;
		max-width: 2560px;
	}
}
.wrapper .c-btn.btn_layout-right a:before {
	right: 14px;
	left: auto;
	-webkit-transform: translate(0, 0) scale(-1, 1);
	    -ms-transform: translate(0, 0) scale(-1, 1);
	        transform: translate(0, 0) scale(-1, 1);
}
@media screen and (min-width: 736px) {
	.wrapper .c-btn.btn_layout-right a:before {
		right: 8px;
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
}
@media screen and (min-width: 736px) {
	.wrapper .c-btn.btn_layout-right a:hover:before {
		-webkit-transform: translate(3px, 0) scale(-1, 1);
		    -ms-transform: translate(3px, 0) scale(-1, 1);
		        transform: translate(3px, 0) scale(-1, 1);
	}
}
@media screen and (max-width: 736px) {
	.wrapper .c-btn {
		display: block; 
		margin: 5.33333vw auto 0;
		width: 60vw;
	}
	.wrapper .c-btn > a {
		display: inline-block; 
		font-size: 4vw;
	}
}
@media screen and (min-width: 736px) {
	.wrapper .c-txt {
		font-size: 18px !important;
	}
}

.c-link-arrow {
	position: relative;
	padding-right: 20px;
}
.c-link-arrow:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 9px;
	height: 14px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease; 
	background: url(/assets/sp/ilm/img/common/icon_arrow_txt.png) no-repeat left top/100% auto;
}
.c-link-arrow:hover {
	text-decoration: underline;
}
.c-link-arrow:hover:before {
	-webkit-transform: translate(3px, 0);
	    -ms-transform: translate(3px, 0);
	        transform: translate(3px, 0);
}

/*
	mv
-------------------------------- */
.mv {
	position: relative; 
	height: 164.53333vw;
}
@media screen and (min-width: 736px) {
	.mv {
		width: 100%;
		height: 610px; 
		background: url(/assets/sp/ilm/img/top/mv_frame_bg_01.png) repeat-x left top;
	}
}
@media screen and (min-width: 736px) {
	.mv .mv_pic_wrap {
		position: relative;
		margin: 0 auto; 
		width: 1366px;
		height: 610px;
	}
}
@media screen and (max-width: 736px) {
	.mv .mv_pic_wrap:before {
		content: "";
		display: inline-block;
		position: absolute;
		z-index: 5;
		bottom: 0;
		left: 0;
		width: 13.33333vw;
		height: 83.2vw; 
		background: #fff;
	}
}
.mv .mv_pic {
	position: absolute;
	z-index: 1; 
	width: 100%;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic {
		overflow: hidden; 
		top: 0;
		left: 0;
		width: 1366px;
		height: 610px;
	}
}
.mv .mv_pic.is-mvCurrent {
	z-index: 2;
}
.mv .mv_pic .pic {
	position: absolute;
	z-index: 1;
	top: 0; 
	left: 0;
	width: 80.8vw;
	height: 81.33333vw;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic .pic {
		top: 0;
		right: 50%;
		left: auto;
		margin-right: 40px; 
		width: 643px;
		height: 610px;
	}
}
.mv .mv_pic .pic img {
	width: 100%;
	max-width: inherit; 
	height: auto;
}
.mv .mv_pic .mv_pic_image_01 .bg-l {
	display: inline-block;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0; 
	width: 86.66667vw;
	height: 164.53333vw;
	background: url(/assets/sp/ilm/img/top/mv_bg_01.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic .mv_pic_image_01 .bg-l {
		left: 643px;
		width: 660px;
		height: 610px;
		background: url(/assets/sp/ilm/img/top/mv_bg_01_pc_l.png) repeat-x left top;
	}
}
.mv .mv_pic .mv_pic_image_01 .bg-r {
	display: inline-block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 100%;
	width: 80.8vw;
	height: 81.33333vw;
	background: url(/assets/sp/ilm/img/top/mv_bg_01_r.png) repeat-x left top/auto 81.33333vw;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic .mv_pic_image_01 .bg-r {
		right: 0;
		left: auto;
		width: 89px;
		height: 610px;
		background: url(/assets/sp/ilm/img/top/mv_bg_01_pc_r.png) repeat-x left top;
	}
}
@media screen and (max-width: 736px) {
	.mv .mv_pic .mv_pic_image_02 .pic {
		width: 85.86667vw;
	}
}
.mv .mv_pic .mv_pic_image_02 .bg-l {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0; 
	width: 86.66667vw;
	height: 164.53333vw;
	background: url(/assets/sp/ilm/img/top/mv_bg_02.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic .mv_pic_image_02 .bg-l {
		left: 50%;
		margin-left: -40px;
		width: 660px;
		height: 610px;
		background: url(/assets/sp/ilm/img/top/mv_bg_02_pc_l.png) repeat-x left top;
	}
}
.mv .mv_pic .mv_pic_image_02 .bg-r {
	display: inline-block;
	position: absolute;
	z-index: 5;
	top: 0;
	left: 100%;
	width: 100vw;
	height: 81.33333vw;
	background: url(/assets/sp/ilm/img/top/mv_bg_02_r.png) repeat-x left top/auto 81.33333vw;
}
@media screen and (min-width: 736px) {
	.mv .mv_pic .mv_pic_image_02 .bg-r {
		right: 0;
		left: auto;
		width: 89px;
		height: 610px;
		background: url(/assets/sp/ilm/img/top/mv_bg_02_pc_r.png) repeat-x left top;
	}
}
.mv .mv_title {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	z-index: 10;
	right: 0;
	margin-top: 81.33333vw;
	padding: 9.33333vw 0 0;
	width: 73.33333vw;
	min-width: 300px;
	height: 74.66667vw;
	background: #fff;
	text-align: center;
}
@media screen and (min-width: 736px) {
	.mv .mv_title {
		top: 40px;
		right: auto;
		left: 50%;
		margin-top: 0;
		margin-left: -40px;
		padding: 50px 85px 0;
		width: 530px;
		height: 540px;
		background: none;
	}
}
.mv .mv_title .mv_title_txtReplace {
	display: inline-block;
	overflow: hidden;
	width: 60vw;
	height: 28.13333vw;
	background: url(/assets/sp/ilm/img/top/mv_title.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 71.46667vw;
}
@media screen and (min-width: 736px) {
	.mv .mv_title .mv_title_txtReplace {
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 530px;
		height: 540px;
		background: url(/assets/sp/ilm/img/top/mv_title_pc.png) no-repeat left top/100% auto; 
		white-space: nowrap;
		text-indent: 540px;
	}
}
.mv .mv_title .mv_title_note {
	margin-top: 1.33333vw;
	text-align: center;
	word-break: keep-all; 
	font-size: 2.4vw;
}
@media screen and (min-width: 736px) {
	.mv .mv_title .mv_title_note {
		margin-top: 306px; 
		font-size: 14px;
	}
}
@media screen and (min-width: 736px) {
	.mv .c-btn {
		margin-top: 36px; 
		width: 100%;
	}
}

.ilmNav {
	background: #c71629;
}
.ilmNav .ilmNav_menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 60px;

	-webkit-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.ilmNav .ilmNav_menu li a {
	position: relative;
	padding-right: 20px;
	-webkit-transition: 0.2s ease color;
	transition: 0.2s ease color; 
	color: #fff;
	font-weight: bold;
}
.ilmNav .ilmNav_menu li a:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 11.5px;
	height: 18.5px;
	-webkit-transition: -webkit-transform 0.3s ease;
	transition: -webkit-transform 0.3s ease;
	transition: transform 0.3s ease;
	transition: transform 0.3s ease, -webkit-transform 0.3s ease; 
	-webkit-transform: translate(0, 0) scale(-1, 1); 
	    -ms-transform: translate(0, 0) scale(-1, 1); 
	        transform: translate(0, 0) scale(-1, 1);
	background: url(/assets/sp/ilm/img/common/icon_arrow.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.ilmNav .ilmNav_menu li a:hover {
		color: #316ba5;
	}
	.ilmNav .ilmNav_menu li a:hover:after {
		-webkit-transform: translate(3px, 0) scale(-1, 1);
		    -ms-transform: translate(3px, 0) scale(-1, 1);
		        transform: translate(3px, 0) scale(-1, 1);
	}
}
.ilmNav .ilmNav_menu li.link-01 {
	margin-right: 90px;
}
.ilmNav .ilmNav_menu li.link-03 .not-link {
	opacity: 0.8;
	color: #fff;
	font-weight: bold;
}
.ilmNav .ilmNav_menu li.link-02,
.ilmNav .ilmNav_menu li.link-03 {
	margin-right: 58px;
}

/*
	contentArea
-------------------------------- */
@media screen and (min-width: 736px) {
	.contentArea {
		margin: 0 auto;
		width: 100%; 
		max-width: 1366px;
	}
}

.section_highlight {
	position: relative;
	margin-top: 5.33333vw;
	padding: 14.66667vw 0 0;
}
@media screen and (min-width: 736px) {
	.section_highlight {
		margin: 0 auto;
		padding: 88px 0 0;
		width: 1000px; 
		height: 874px;
	}
}
.section_highlight:before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 6.4vw;
	height: 39.86667vw;
	background: url(/assets/sp/ilm/img/top/sec_highlight_bg_01.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_highlight:before {
		content: none;
	}
}
@media screen and (min-width: 736px) {
	.section_highlight .section_highlight_txtBlock {
		position: absolute;
		top: 178px; 
		left: 10px;
		width: 450px;
	}
}
.section_highlight .section_highlight_title {
	display: inline-block;
	overflow: hidden;
	margin: 0 13.33333vw 0;
	width: 71.46667vw;
	height: 30.26667vw;
	background: url(/assets/sp/ilm/img/top/sec_cap_01.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 71.46667vw;
}
@media screen and (min-width: 736px) {
	.section_highlight .section_highlight_title {
		margin: 0;
		width: 453px;
		height: 194px;
		background: url(/assets/sp/ilm/img/top/sec_cap_01_pc.png);
	}
}
.section_highlight .c-txt {
	margin: 5.33333vw 13.33333vw 0;
	font-size: 3.46667vw;
}
@media screen and (min-width: 736px) {
	.section_highlight .c-txt {
		margin: 0;
		margin: 0;
	}
}
@media screen and (min-width: 736px) {
	.section_highlight .txt-01 {
		margin-top: 36px;
	}
}
@media screen and (min-width: 736px) {
	.section_highlight .txt-02 {
		margin-top: 18px;
	}
}
@media screen and (min-width: 736px) {
	.section_highlight .txt-03 {
		margin-top: 24px;
	}
}
.section_highlight .txt-link {
	margin: 1.33333vw 13.33333vw 0;
}
@media screen and (min-width: 736px) {
	.section_highlight .txt-link {
		margin: 10px 0 0;
		text-align: right;
	}
}
.section_highlight .c-btn {
	margin: 6.13333vw auto;
}
@media screen and (min-width: 736px) {
	.section_highlight .c-btn {
		margin-top: 66px;
		width: 340px;
	}
}
.section_highlight .pic {
	display: block;
	position: relative;
	height: 111.33333vw;
}
@media screen and (min-width: 736px) {
	.section_highlight .pic {
		margin-left: 500px; 
		width: 490px;
		height: 620px;
	}
}
.section_highlight .pic:before {
	content: "";
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 58.4vw;
	height: 41.33333vw;
	background: url(/assets/sp/ilm/img/top/sec_highlight_bg_02.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_highlight .pic:before {
		right: -72px; 
		bottom: -110px;
		width: 469px;
		height: 310px;
		background-image: url(/assets/sp/ilm/img/top/sec_highlight_bg_02_pc.png);
	}
}
.section_highlight .pic:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 6.66667vw;
	right: 6.66667vw;
	width: 73.33333vw;
	height: 92.8vw;
	background: url(/assets/sp/ilm/img/top/sec_highlight_pic_01.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_highlight .pic:after {
		top: 0;
		right: auto;
		left: 0;
		width: 490px;
		height: 620px;
	}
}

.section_exhibition {
	position: relative; 
	margin-top: 10.4vw;
	padding-top: 12vw;
}
@media screen and (min-width: 736px) {
	.section_exhibition {
		margin-top: 0;
		padding-top: 147px;
	}
}
.section_exhibition .tag {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6.66667vw;
	width: 6.66667vw;
	height: 25.33333vw;
	background: url(/assets/sp/ilm/img/top/sec_tag_01.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_exhibition .tag {
		top: 0;
		right: 194px;
		width: 50px;
		height: 164px;
		background-image: url(/assets/sp/ilm/img/top/sec_tag_01_pc.png);
	}
}
.section_exhibition .section_exhibition_title {
	display: inline-block;
	overflow: hidden;
	margin: 0 13.33333vw 0;
	width: 68.13333vw;
	height: 48.93333vw;
	background: url(/assets/sp/ilm/img/top/sec_cap_02.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 71.46667vw;
}
@media screen and (min-width: 736px) {
	.section_exhibition .section_exhibition_title {
		width: 973px;
		height: 131px;
		background-image: url(/assets/sp/ilm/img/top/sec_cap_02_pc.png); 
		text-indent: 100%;
	}
}
.section_exhibition .c-txt {
	margin: 5.33333vw 24.26667vw 0 13.33333vw;
	font-size: 3.46667vw;
}
@media screen and (min-width: 736px) {
	.section_exhibition .c-txt {
		margin-top: 26px;
	}
}
.section_exhibition .section_exhibition_container {
	position: relative; 
	margin-top: 6.66667vw;
}
@media screen and (min-width: 736px) {
	.section_exhibition .section_exhibition_container {
		margin-top: 40px;
	}
	.section_exhibition .section_exhibition_container:before,
	.section_exhibition .section_exhibition_container:after {
		content: "";
		display: inline-block;
		position: absolute;
		z-index: -1; 
		top: 0;
		width: 50vw;
		height: 100%;
	}
	.section_exhibition .section_exhibition_container:before {
		left: 50%; 
		background: url(/assets/sp/ilm/img/top/exhibition_bg_r.png) repeat-x left top/auto 730px;
	}
	.section_exhibition .section_exhibition_container:after {
		right: 50%; 
		background: url(/assets/sp/ilm/img/top/exhibition_bg_l.png) repeat-x left top/auto 730px;
	}
}
.section_exhibition .c-btn {
	margin: 6.66667vw auto 0;
}
.section_exhibition .c-btn a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.section_exhibition .c-btn .btn_txt {
	line-height: 1.4;
}
@media screen and (min-width: 736px) {
	.section_exhibition .c-btn {
		display: block; 
		margin: 60px auto 0;
		width: 440px;
	}
	.section_exhibition .c-btn a {
		padding: 16px 40px;
	}
}

.js-hoverContainer {
	width: 100%;
	background: #000;
}
@media screen and (min-width: 736px) {
	.js-hoverContainer {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		position: relative;
		width: 1364px;
		background: #000;
		white-space: nowrap;
		font-size: 100%;
		font-size: 0; 
		line-height: 0;
	}
}
.js-hoverContainer .js-hoverContainer_block {
	opacity: 0.3; 
	font-size: 0;
}
@media screen and (max-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block {
		width: 100vw;
		height: 40vw;
		line-height: 0;
	}
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block {
		display: inline-block;
		position: relative; 
		width: 341px;
		height: 730px;
		-webkit-transition: 0.2s -webkit-transform ease;
		transition: 0.2s -webkit-transform ease;
		transition: 0.2s transform ease;
		transition: 0.2s transform ease, 0.2s -webkit-transform ease;

		-webkit-box-flex: 0;

		    -ms-flex: 0 1 341px;

		        flex: 0 1 341px;
		will-change: transform;
	}
}
.js-hoverContainer .js-hoverContainer_block a {
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	width: 100%;
	height: 100%;
	-webkit-transition: 0.2s opacity ease;
	transition: 0.2s opacity ease; 
	line-height: 0;
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block a {
		display: block;
	}
}
.js-hoverContainer .js-hoverContainer_block a .pic {
	display: inline-block; 
	width: 77.33333vw;
	height: 40vw;
	background: url(/assets/sp/ilm/img/top/exhibition_list_01.jpg) no-repeat top right/77.33333vw auto;
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block a .pic {
		position: relative;
		top: 0;
		left: 50%;
		margin-left: -211.655172413px;
		width: 423.310344826px;
		height: 100%;
		-webkit-transition: 0.2s -webkit-transform ease;
		transition: 0.2s -webkit-transform ease;
		transition: 0.2s transform ease;
		transition: 0.2s transform ease, 0.2s -webkit-transform ease;
		-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
		background: url(/assets/sp/ilm/img/top/exhibition_list_01_pc.jpg) no-repeat top center/100% auto;

		will-change: transform;
	}
}
.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt {
	overflow: hidden;
	width: 22.66667vw;
	height: 40vw;
	background: url(/assets/sp/ilm/img/top/exhibition_cap_01.jpg) no-repeat top right/100% auto;
	white-space: nowrap; 
	text-indent: 22.66667vw;
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt {
		position: absolute;
		z-index: 3;
		bottom: 0; 
		left: 0;
		width: 100%;
		height: 150px;
		text-indent: 0;
	}
	.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt:before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 150px;
		background: url(/assets/sp/ilm/img/top/exhibition_bg_01.png) repeat top right/auto 150px;
		line-height: 0;
	}
	.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 22px;
		height: 22px;
		background: url(/assets/sp/ilm/img/top/exhibition_num_01_pc.png) repeat top right/22px;
		line-height: 0;
	}
}
@media screen and (min-width: 736px) and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt .link-arrow {
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 20px;
		bottom: 0;
		margin: auto;
		width: 11.5px;
		height: 18.5px;
		background: url(/assets/sp/ilm/img/common/icon_arrow_w.png) no-repeat right center/contain;
	}
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block .js-hoverContainer_block_txt .replaceTxt {
		overflow: hidden;
		position: absolute;
		right: 0;
		bottom: 36px; 
		left: 0;
		margin: auto;
		width: 297px;
		height: 74px;
		-webkit-transition: -webkit-transform 0.3s 0.03s ease;
		transition: -webkit-transform 0.3s 0.03s ease;
		transition: transform 0.3s 0.03s ease;
		transition: transform 0.3s 0.03s ease, -webkit-transform 0.3s 0.03s ease;
		-webkit-transform: scale3d(0.61, 0.61, 1);
		        transform: scale3d(0.61, 0.61, 1);
		background: url(/assets/sp/ilm/img/top/exhibition_txt_01.svg) no-repeat top right/contain;
		white-space: nowrap;
		text-indent: 100%;
	}
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block:hover {
		opacity: 1; 
		outline-width: 0;
	}
	.js-hoverContainer .js-hoverContainer_block:hover a .js-hoverContainer_block_txt:after {
		-webkit-transform: scale3d(0.65, 1, 1);
		        transform: scale3d(0.65, 1, 1);
	}
}
@media screen and (min-width: 736px) and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block:hover a .link-arrow {
		-webkit-transform: scale3d(0.65, 1, 1);
		        transform: scale3d(0.65, 1, 1);
	}
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .js-hoverContainer_block:hover a .replaceTxt {
		-webkit-transform: scale3d(0.65, 1, 1);
		        transform: scale3d(0.65, 1, 1);
	}
}
.js-hoverContainer .block-01 a .pic {
	background-image: url(/assets/sp/ilm/img/top/exhibition_list_01.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-01 a .pic {
		background-image: url(/assets/sp/ilm/img/top/exhibition_list_01_pc.jpg);
	}
}
.js-hoverContainer .block-01 a .js-hoverContainer_block_txt {
	background-image: url(/assets/sp/ilm/img/top/exhibition_cap_01.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-01 a .js-hoverContainer_block_txt {
		background-image: url(/assets/sp/ilm/img/top/exhibition_bg_01.png);
	}
	.js-hoverContainer .block-01 a .js-hoverContainer_block_txt:after {
		background-image: url(/assets/sp/ilm/img/top/exhibition_num_01_pc.png);
	}
	.js-hoverContainer .block-01 a .js-hoverContainer_block_txt .replaceTxt {
		width: 297px;
		height: 74px; 
		background-image: url(/assets/sp/ilm/img/top/exhibition_txt_01.svg);
	}
}
.js-hoverContainer .block-02 a .pic {
	background-image: url(/assets/sp/ilm/img/top/exhibition_list_02.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-02 a .pic {
		background-image: url(/assets/sp/ilm/img/top/exhibition_list_02_pc.jpg);
	}
}
.js-hoverContainer .block-02 a .js-hoverContainer_block_txt {
	background-image: url(/assets/sp/ilm/img/top/exhibition_cap_02.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-02 a .js-hoverContainer_block_txt:before {
		background-image: url(/assets/sp/ilm/img/top/exhibition_bg_02.png);
	}
	.js-hoverContainer .block-02 a .js-hoverContainer_block_txt:after {
		background-image: url(/assets/sp/ilm/img/top/exhibition_num_02_pc.png);
	}
	.js-hoverContainer .block-02 a .js-hoverContainer_block_txt .replaceTxt {
		bottom: 14px; 
		width: 261px;
		height: 101px;
		background-image: url(/assets/sp/ilm/img/top/exhibition_txt_02.svg);
	}
}
.js-hoverContainer .block-03 a .pic {
	background-image: url(/assets/sp/ilm/img/top/exhibition_list_03.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-03 a .pic {
		background-image: url(/assets/sp/ilm/img/top/exhibition_list_03_pc.jpg);
	}
}
.js-hoverContainer .block-03 a .js-hoverContainer_block_txt {
	background-image: url(/assets/sp/ilm/img/top/exhibition_cap_03.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-03 a .js-hoverContainer_block_txt:before {
		background-image: url(/assets/sp/ilm/img/top/exhibition_bg_03.png);
	}
	.js-hoverContainer .block-03 a .js-hoverContainer_block_txt:after {
		background-image: url(/assets/sp/ilm/img/top/exhibition_num_03_pc.png);
	}
	.js-hoverContainer .block-03 a .js-hoverContainer_block_txt .replaceTxt {
		bottom: 40px;
		left: -5%; 
		width: 376px;
		height: 75px;
		background-image: url(/assets/sp/ilm/img/top/exhibition_txt_03.svg);
	}
}
.js-hoverContainer .block-04 a .pic {
	background-image: url(/assets/sp/ilm/img/top/exhibition_list_04.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-04 a .pic {
		background-image: url(/assets/sp/ilm/img/top/exhibition_list_04_pc.jpg);
	}
}
.js-hoverContainer .block-04 a .js-hoverContainer_block_txt {
	background-image: url(/assets/sp/ilm/img/top/exhibition_cap_04.jpg);
}
@media screen and (min-width: 736px) {
	.js-hoverContainer .block-04 a .js-hoverContainer_block_txt:before {
		background-image: url(/assets/sp/ilm/img/top/exhibition_bg_04.png);
	}
	.js-hoverContainer .block-04 a .js-hoverContainer_block_txt:after {
		background-image: url(/assets/sp/ilm/img/top/exhibition_num_04_pc.png);
	}
	.js-hoverContainer .block-04 a .js-hoverContainer_block_txt .replaceTxt {
		bottom: 38px; 
		width: 305px;
		height: 75px;
		background-image: url(/assets/sp/ilm/img/top/exhibition_txt_04.svg);
	}
}

@media screen and (min-width: 736px) {
	.js-hoverContainer.is-hover-0 .block-01 {
		-webkit-transform: scale3d(1.53079, 1, 1) translate3d(17.3%, 0, 0);
		        transform: scale3d(1.53079, 1, 1) translate3d(17.3%, 0, 0);
	}
	.js-hoverContainer.is-hover-0 .block-01 a .pic {
		-webkit-transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
		        transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
	}
	.js-hoverContainer.is-hover-0 .block-02,
	.js-hoverContainer.is-hover-0 .block-03,
	.js-hoverContainer.is-hover-0 .block-04 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(53%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(53%, 0, 0);
	}
	.js-hoverContainer.is-hover-1 .block-02 {
		-webkit-transform: scale3d(1.53079, 1, 1) translate3d(0, 0, 0);
		        transform: scale3d(1.53079, 1, 1) translate3d(0, 0, 0);
	}
	.js-hoverContainer.is-hover-1 .block-02 a .pic {
		-webkit-transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
		        transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
	}
	.js-hoverContainer.is-hover-1 .block-01 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(-26.5%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(-26.5%, 0, 0);
	}
	.js-hoverContainer.is-hover-1 .block-03,
	.js-hoverContainer.is-hover-1 .block-04 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(26.5%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(26.5%, 0, 0);
	}
	.js-hoverContainer.is-hover-2 .block-03 {
		-webkit-transform: scale3d(1.53079, 1, 1) translate3d(0, 0, 0);
		        transform: scale3d(1.53079, 1, 1) translate3d(0, 0, 0);
	}
	.js-hoverContainer.is-hover-2 .block-03 a .pic {
		-webkit-transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
		        transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
	}
	.js-hoverContainer.is-hover-2 .block-01,
	.js-hoverContainer.is-hover-2 .block-02 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(-26.5%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(-26.5%, 0, 0);
	}
	.js-hoverContainer.is-hover-2 .block-04 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(26.5%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(26.5%, 0, 0);
	}
	.js-hoverContainer.is-hover-3 .block-04 {
		-webkit-transform: scale3d(1.53079, 1, 1) translate3d(-17.3%, 0, 0);
		        transform: scale3d(1.53079, 1, 1) translate3d(-17.3%, 0, 0);
	}
	.js-hoverContainer.is-hover-3 .block-04 a .pic {
		-webkit-transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
		        transform: scale3d(0.80558, 1.24138, 1) translate3d(0, 2.5%, 0);
	}
	.js-hoverContainer.is-hover-3 .block-01,
	.js-hoverContainer.is-hover-3 .block-02,
	.js-hoverContainer.is-hover-3 .block-03 {
		-webkit-transform: scale3d(1, 1, 1) translate3d(-53%, 0, 0);
		        transform: scale3d(1, 1, 1) translate3d(-53%, 0, 0);
	}
}

.section_research {
	position: relative; 
	margin-top: 10.4vw;
	padding-top: 24vw;
}
@media screen and (min-width: 736px) {
	.section_research {
		margin-top: 92px;
		padding-top: 90px;
	}
}
.section_research:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1;
	top: 18.93333vw;
	right: 0;
	width: 26.66667vw;
	height: 91.33333vw;
	background: url(/assets/sp/ilm/img/top/research_bg.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_research:before {
		top: 0;
		right: 104px;
		width: 290px;
		height: 685px;
		background-image: url(/assets/sp/ilm/img/top/research_bg_pc.png);
	}
}
.section_research .tag {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6.66667vw;
	width: 6.66667vw;
	height: 19.06667vw;
	background: url(/assets/sp/ilm/img/top/sec_tag_02.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.section_research .tag {
		top: -137px;
		right: 194px;
		width: 43px;
		height: 137px;
		background-image: url(/assets/sp/ilm/img/top/sec_tag_02_pc.png);
	}
}
.section_research .section_research_title {
	display: inline-block;
	overflow: hidden;
	margin: 0 13.33333vw 0;
	width: 53.86667vw;
	height: 18.66667vw;
	background: url(/assets/sp/ilm/img/top/sec_cap_03.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 53.86667vw;
}
@media screen and (min-width: 736px) {
	.section_research .section_research_title {
		margin: 0 0 0 192px; 
		width: 343px;
		height: 118px;
		background-image: url(/assets/sp/ilm/img/top/sec_cap_03_pc.png);
	}
}
.section_research .c-txt {
	margin: 4vw 0 0 13.33333vw;
	width: 54vw;
	font-size: 3.46667vw;
}
@media screen and (min-width: 736px) {
	.section_research .c-txt {
		margin: 10px 0 0 192px;
	}
}
@media screen and (min-width: 736px) {
	.section_research .c-btn {
		display: block;
		margin: 0 auto; 
		width: 440px;
	}
}
.section_research .btn-comingSoon {
	margin: 7.33333vw auto 0;
	padding: 38.66667vw 0 0;
	width: 87.06667vw;
	height: 90.66667vw;
	background: rgba(255, 255, 255, 0.9);
	text-align: center;
}
@media screen and (min-width: 736px) {
	.section_research .btn-comingSoon {
		margin: 38px auto 0;
		padding: 140px 0 0; 
		width: 980px;
		height: 360px;
	}
}
.section_research .btn-comingSoon .btn {
	display: inline-block;
	width: 42.8vw;
	height: 13.06667vw;
}
@media screen and (min-width: 736px) {
	.section_research .btn-comingSoon .btn {
		width: 268px;
		height: auto;
	}
}

.carouselFrame {
	position: relative; 
	margin: 52px auto;
	padding: 9.33333vw 13.6vw 9.33333vw;
	width: 87.06667vw;
	background: #fff;
}
@media screen and (min-width: 736px) {
	.carouselFrame {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box; 
		padding: 36px 40px 26px;
		width: 1000px;
	}
}

.js-carouselWrap {
	position: static;
}

@media screen and (min-width: 736px) {
	.js-carousel_block {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 920px;
	}
}

.js-carousel_block .pic {
	margin-top: 5.33333vw;
	max-width: 558px; 

	-webkit-box-flex: 1; 

	    -ms-flex: 1 0 558px; 

	        flex: 1 0 558px;
}
@media screen and (min-width: 736px) {
	.js-carousel_block .pic {
		margin-top: 0;
	}
}

.js-carousel_block .title {
	padding-top: 20px; 
	font-size: 4vw;
	font-weight: bold;
}
@media screen and (min-width: 736px) {
	.js-carousel_block .title {
		padding: 52px 0 0 40px;
		min-height: 157px; 
		font-size: 22px;
		line-height: 1.6;
	}
}

.carousel_number {
	z-index: 10; 
	text-align: center;
}
@media screen and (min-width: 736px) {
	.carousel_number {
		position: absolute;
		top: 33px !important;
		right: 36px !important;
		bottom: auto;
		left: auto;
		width: auto !important;
		height: 1em !important; 
		text-align: right;
	}
}
.carousel_number .swiper-pagination-bullet {
	opacity: 1;
	width: auto;
	height: 1em;
	background: none;
	letter-spacing: 0.1em;
	color: #c71629;
	font-family: Impact;
	font-size: 4vw; 
	font-weight: bold;
	font-weight: 800;
	line-height: 1em;
}
@media screen and (min-width: 736px) {
	.carousel_number .swiper-pagination-bullet {
		margin: 0 7px !important; 
		font-size: 13px;
	}
}
.carousel_number .swiper-pagination-bullet:last-child {
	margin-right: 0 !important;
}
.carousel_number .swiper-pagination-bullet:after {
	content: "";
	display: inline-block;
	position: relative;
	top: -0.4em;
	width: 0;
	-webkit-transition: width 0.3s ease;
	transition: width 0.3s ease; 
	background: #c71629;
}
.carousel_number .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: #000;
}
.carousel_number .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: "";
	display: inline-block;
	margin-left: 3.86667vw; 
	width: 10.66667vw;
	height: 1px;
	background: #000;
}
@media screen and (min-width: 736px) {
	.carousel_number .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
		margin-left: 16px; 
		width: 40px;
	}
}

.swiper-button {
	position: absolute;
	width: 14px;
	height: 24px;
	background: url(/assets/sp/ilm/img/common/icon_arrow_txt.png) no-repeat left top/14px 24px;
}

.swiper-button-prev {
	-webkit-transform: scale(-1, -1);
	    -ms-transform: scale(-1, -1);
	        transform: scale(-1, -1);
}

.btnWrap {
	padding: 6.4vw 10.13333vw 0; 
	text-align: center;
}
@media screen and (min-width: 736px) {
	.btnWrap {
		margin-top: 12px;
		margin-left: 70px; 
		padding: 0;
		text-align: left;
	}
}
.btnWrap .btn {
	display: inline-block;
	position: relative;
	padding: 4vw 0;
	border-top: 1px solid #c71629;
	border-right: 1px solid #c71629;
	border-bottom: 1px solid #316ba5;
	border-left: 1px solid #316ba5;
	width: 100%;
	background: #fff;
	text-align: center;
	color: #c71629;
	font-size: 13px;
	font-size: 3.46667vw; 
	font-weight: bold;
	line-height: 1;
}
@media screen and (min-width: 736px) {
	.btnWrap .btn {
		padding: 0; 
		width: 250px;
		height: 60px;
		font-size: 16px;
		line-height: 60px;
	}
}
.btnWrap .btn:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 1.73333vw;
	bottom: 0;
	margin: auto;
	width: 11.5px;
	height: 18.5px;
	background: url(/assets/sp/ilm/img/common/icon_arrow_txt.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.btnWrap .btn:after {
		-webkit-transition: -webkit-transform 0.3s ease;
		transition: -webkit-transform 0.3s ease;
		transition: transform 0.3s ease;
		transition: transform 0.3s ease, -webkit-transform 0.3s ease;
	}
}
@media screen and (min-width: 736px) {
	.btnWrap .btn:hover:after {
		-webkit-transform: translate(3px, 0);
		    -ms-transform: translate(3px, 0);
		        transform: translate(3px, 0);
	}
}

/*
	contentArea
-------------------------------- */
.info {
	position: relative; 
	margin-top: 13.33333vw;
	padding-top: 38vw;
}
@media screen and (min-width: 736px) {
	.info {
		margin-top: 198px;
		padding: 90px 0 0;
		background: #fff;
	}
}
.info:before {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: -1; 
	top: 4.8vw;
	left: 0;
	width: 66.8vw;
	height: 20vw;
	background: url(/assets/sp/ilm/img/top/info_bg_01.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.info:before {
		z-index: 1; 
		top: 0;
		left: 0;
		width: 683px;
		height: 90px;
		background-image: url(/assets/sp/ilm/img/top/info_bg_01_pc.png);
	}
}
@media screen and (min-width: 736px) {
	.info .info_inner {
		padding: 60px 0 90px; 
		background: url(/assets/sp/ilm/img/top/info_bg.png) repeat left top;
	}
}
.info .tag {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	right: 6.66667vw;
	width: 6.66667vw;
	height: 24.66667vw;
	background: url(/assets/sp/ilm/img/top/sec_tag_03.png) no-repeat left top/100% auto;
}
@media screen and (min-width: 736px) {
	.info .tag {
		top: -85px;
		left: 50%;
		margin-left: 442px;
		width: 48px;
		height: 175px;
		background-image: url(/assets/sp/ilm/img/top/sec_tag_03_pc.png);
	}
}
.info .info_title {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 86vw;
	height: 11.86667vw;
	background: url(/assets/sp/ilm/img/top/sec_cap_04.png) no-repeat left top/100% auto; 
	white-space: nowrap;
	text-indent: 86vw;
}
@media screen and (min-width: 736px) {
	.info .info_title {
		width: 531px;
		height: 69px;
		background-image: url(/assets/sp/ilm/img/top/sec_cap_04_pc.png);
	}
}
.info .info_items {
	margin-top: 5.33333vw;
}
@media screen and (min-width: 736px) {
	.info .info_items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex; 
		margin: 40px auto 0;
		width: 980px;
	}
}
.info .info_item_wrap {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	margin: 0 auto; 
	width: 275px;
}
.info .info_item_wrap > a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff; 
	text-align: center;
	text-decoration: none;
	color: #000;
}
.info .info_item_wrap + .info_item_wrap {
	margin-top: 25px;
}
@media screen and (min-width: 736px) {
	.info .info_item_wrap + .info_item_wrap {
		margin-top: 0;
	}
}
.info .info_item_category {
	display: block;
	width: 100%;
	height: 20px;
	height: 50px;
	background: url(/assets/sp/ilm/img/common//bg_info_top.png) repeat-y center top;
	color: #fff;
	font-size: 16px; 
	line-height: 50px;
}
.info .info_item_ttl {
	margin: 0 0 20px;
	padding: 29px 0 0;
	height: auto;
	min-height: 3em; 
	text-align: center;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (min-width: 736px) {
	.info .info_item_ttl {
		height: 74px;
		font-size: 16px;
		font-weight: normal;
	}
}
.info .info_item_img {
	position: relative;
	z-index: 2; 
	margin: 0 auto;
	height: 225px;
	text-align: center;
}
.info .info_item_img img {
	height: 100%;
}
.info .info_item_date {
	margin-top: 20px; 
	font-size: 14px;
}
.info .info_item_date span {
	display: inline-block;
	margin-left: 5px;
	color: #d63c17;
}
.info .info_item-default {
	display: block;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative; 
	top: 0;
	left: 0;
	padding-bottom: 50px;
	width: 100%;
	height: 100%;
	background: #fff;
	background-size: cover;
}
.info .info_item-default::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1; 
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(/assets/sp/ilm/img/common//bg_info_bottom_01.png) repeat-y center top;
}
.info .info_item_wrap:nth-child(3n) .info_item-default::after {
	background-image: url(/assets/sp/ilm/img/common//bg_info_bottom_03.png);
}
.info .info_item_wrap:nth-child(3n - 1) .info_item-default::after {
	background-image: url(/assets/sp/ilm/img/common//bg_info_bottom_02.png);
}
.info .info_item-over {
	display: none;
}
@media screen and (min-width: 1000px) {
	.info .info_item-over {
		display: block;
		opacity: 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: absolute;
		z-index: 2; 
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
		background: url(/assets/sp/ilm/img/common/info_item_bg_ov.png) no-repeat 0 0;
		background-size: cover;
	}
}
@media screen and (min-width: 1000px) {
	.info .info_item-over:hover {
		opacity: 0.95;
	}
}
@media screen and (min-width: 1000px) {
	.info .info_item_txt {
		padding: 70px 35px 0; 
		text-align: left;
		color: #fff;
		font-size: 16px;
		line-height: 2;
	}
}
@media screen and (min-width: 1000px) {
	.info .info_item_arrow {
		display: inline-block;
		position: relative;
		margin: 0 auto;
		margin-top: 40px;
		padding: 0px 35px 0;
		border-top: 1px solid #316ba5;
		border-right: 1px solid #316ba5;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		width: 230px;
		height: 60px;
		color: #fff;
		font-weight: bold; 
		line-height: 60px;
	}
	.info .info_item_arrow:after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 194px;
		bottom: 0;
		margin: auto;
		width: 11.5px;
		height: 18.5px;
		-webkit-transform: scale(-1, 1);
		    -ms-transform: scale(-1, 1);
		        transform: scale(-1, 1); 
		background: url(/assets/sp/ilm/img/common/icon_arrow.png) no-repeat right center/contain;
	}
	.info .info_item_arrow .info_item_more {
		letter-spacing: 0.1em; 
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}
}

.ftr_body.cover {
	background-image: url(/assets/sp/ilm/img/top/works_list_bg.png);
	background-repeat: repeat;
}
@media screen and (max-width: 736px) {
	.ftr_body.cover {
		padding-top: 0;
	}
}

/* ------------------------
	animation

	js-fadeIn
	is-startAnime
------------------------ */
.mv_title {
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.is-startAnime .mv_title {
	opacity: 1;
}

.section_highlight_txtBlock {
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	-webkit-transform: translate3d(1em, 0, 0);
	        transform: translate3d(1em, 0, 0);
}
.is-startAnime .section_highlight_txtBlock {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.section_highlight .pic:before {
	opacity: 0;
	-webkit-transition: opacity 0.7s 0.1s ease, -webkit-transform 0.7s 0.1s ease;
	transition: opacity 0.7s 0.1s ease, -webkit-transform 0.7s 0.1s ease;
	transition: opacity 0.7s 0.1s ease, transform 0.7s 0.1s ease;
	transition: opacity 0.7s 0.1s ease, transform 0.7s 0.1s ease, -webkit-transform 0.7s 0.1s ease;
	-webkit-transform: translate3d(0.5em, 0, 0);
	        transform: translate3d(0.5em, 0, 0);
}

.section_highlight .pic:after {
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	-webkit-transform: translate3d(-0.5em, 0, 0);
	        transform: translate3d(-0.5em, 0, 0);
}

.section_highlight .pic.is-startAnime:before,
.section_highlight .pic.is-startAnime:after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.section_exhibition_title,
.section_exhibition_txt {
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	-webkit-transform: translate3d(1em, 0, 0);
	        transform: translate3d(1em, 0, 0);
}
.is-startAnime .section_exhibition_title,
.is-startAnime
  .section_exhibition_txt {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 736px) {
	.js-hoverContainer_block {
		-webkit-transition: opacity 0.7s ease;
		transition: opacity 0.7s ease;
	}
}

@media screen and (max-width: 736px) {
	.js-hoverContainer_block.is-startAnime {
		opacity: 1;
	}
}

.section_research_title,
.section_research_txt {
	opacity: 0;
	-webkit-transition: opacity 0.7s 0.2s ease, -webkit-transform 0.7s 0.2s ease;
	transition: opacity 0.7s 0.2s ease, -webkit-transform 0.7s 0.2s ease;
	transition: opacity 0.7s 0.2s ease, transform 0.7s 0.2s ease;
	transition: opacity 0.7s 0.2s ease, transform 0.7s 0.2s ease, -webkit-transform 0.7s 0.2s ease;
	-webkit-transform: translate3d(1em, 0, 0);
	        transform: translate3d(1em, 0, 0);
}
.is-startAnime .section_research_title,
.is-startAnime
  .section_research_txt {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.section_research:before {
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	-webkit-transform: translate3d(-1em, 0, 0);
	        transform: translate3d(-1em, 0, 0);
}

.section_research.is-startAnime:before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.info_title {
	opacity: 0;
	-webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
	-webkit-transform: translate3d(0, 1em, 0);
	        transform: translate3d(0, 1em, 0);
}
.is-startAnime .info_title {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.info_item_wrap {
	opacity: 0;
	-webkit-transform: translate3d(0, 1em, 0);
	        transform: translate3d(0, 1em, 0);
}
.info_item_wrap:nth-child(1) {
	-webkit-transition: opacity 0.8s 0.4s ease, -webkit-transform 0.8s 0.4s ease;
	transition: opacity 0.8s 0.4s ease, -webkit-transform 0.8s 0.4s ease;
	transition: opacity 0.8s 0.4s ease, transform 0.8s 0.4s ease;
	transition: opacity 0.8s 0.4s ease, transform 0.8s 0.4s ease, -webkit-transform 0.8s 0.4s ease;
}
.info_item_wrap:nth-child(2) {
	-webkit-transition: opacity 0.8s 0.5s ease, -webkit-transform 0.8s 0.5s ease;
	transition: opacity 0.8s 0.5s ease, -webkit-transform 0.8s 0.5s ease;
	transition: opacity 0.8s 0.5s ease, transform 0.8s 0.5s ease;
	transition: opacity 0.8s 0.5s ease, transform 0.8s 0.5s ease, -webkit-transform 0.8s 0.5s ease;
}
.info_item_wrap:nth-child(3) {
	-webkit-transition: opacity 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
	transition: opacity 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
	transition: opacity 0.8s 0.6s ease, transform 0.8s 0.6s ease;
	transition: opacity 0.8s 0.6s ease, transform 0.8s 0.6s ease, -webkit-transform 0.8s 0.6s ease;
}
.is-startAnime .info_item_wrap {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

/*  COLORS
========================================== */
/*  MIXINS
========================================== */
/*  LOADER
========================================== */
.loader {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}
.loader .line {
	opacity: 0.3;
	margin-bottom: 12px;
	width: 70px;
	height: 3px;
	-webkit-animation: expand 1.3s ease infinite;
	        animation: expand 1.3s ease infinite; 
	background-color: #243c72;
}
.loader .line:nth-child(1) {
	-webkit-animation-delay: -720ms;
	        animation-delay: -720ms;
}
.loader .line:nth-child(2) {
	-webkit-animation-delay: -540ms;
	        animation-delay: -540ms;
	background-color: #b12033;
}
.loader .line:nth-child(3) {
	-webkit-animation-delay: -360ms;
	        animation-delay: -360ms;
	background-color: #bfa576;
}
.loader .line:nth-child(4) {
	-webkit-animation-delay: -180ms;
	        animation-delay: -180ms;
	background-color: #93b5cc;
}
.loader .line:last-child {
	margin-bottom: 0px;
}

/*  KEYFRAMES
========================================== */
@-webkit-keyframes expand {
	0% {
		opacity: 1; 
		-webkit-transform: scale3d(1, 1, 1);
		    -ms-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
	25% {
		opacity: 1; 
		-webkit-transform: scale3d(1.4, 1.4, 1);
		    -ms-transform: scale3d(1.4, 1.4, 1);
		        transform: scale3d(1.4, 1.4, 1);
	}
}

@keyframes expand {
	0% {
		opacity: 1; 
		-webkit-transform: scale3d(1, 1, 1);
		    -ms-transform: scale3d(1, 1, 1);
		        transform: scale3d(1, 1, 1);
	}
	25% {
		opacity: 1; 
		-webkit-transform: scale3d(1.4, 1.4, 1);
		    -ms-transform: scale3d(1.4, 1.4, 1);
		        transform: scale3d(1.4, 1.4, 1);
	}
}