.u-txt-ttl {
	display : inline-block;
	margin : 0 auto;
	width : 80px;
}
@media print, screen and (min-width: 768px) {
	.u-txt-ttl {
		width : 100px;
	}
}
.u-txt-ttl > img {
	width : 100%;
	max-width : 100%;
}

@media screen and (max-width: 767px) {
	#l-footer .footer-inner .footer-nav .nav-bottom {
		margin-top : 0;
		border : none;
		padding-top : 0;
	}
}

#l-header .header-inner .header-lang .lang-inner .lang-img {
	width : 21px;
	height : 21px;
	background : url(../../svg/i_global.svg?c=3F5683) no-repeat;
	background-size : cover;
}
@media screen and (max-width: 767px) {
	#l-header .header-inner .header-lang .lang-inner .lang-img.color-change {
		background : url(../../svg/i_global.svg?c=fff) no-repeat;
		background-size : cover;
	}
}

.his-now.spread .ani-01.en {
	left : 40px;
}

@-webkit-keyframes sp-zoomUp {
	0% {
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		-webkit-transform : scale(1.1);
		        transform : scale(1.1);
	}
}

@keyframes sp-zoomUp {
	0% {
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		-webkit-transform : scale(1.1);
		        transform : scale(1.1);
	}
}

@-webkit-keyframes pc-zoomUp {
	0% {
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		-webkit-transform : scale(1.05);
		        transform : scale(1.05);
	}
}

@keyframes pc-zoomUp {
	0% {
		-webkit-transform : scale(1);
		        transform : scale(1);
	}
	100% {
		-webkit-transform : scale(1.05);
		        transform : scale(1.05);
	}
}

@-webkit-keyframes sp-left-anim {
	0% {
		left : -100%;
	}
	100% {
		left : 0;
	}
}

@keyframes sp-left-anim {
	0% {
		left : -100%;
	}
	100% {
		left : 0;
	}
}

@-webkit-keyframes sp-left-anim-in {
	0% {
		left : 100%;
	}
	100% {
		left : 0;
	}
}

@keyframes sp-left-anim-in {
	0% {
		left : 100%;
	}
	100% {
		left : 0;
	}
}

@-webkit-keyframes sp-right-anim {
	0% {
		left : 100%;
	}
	100% {
		left : 0;
	}
}

@keyframes sp-right-anim {
	0% {
		left : 100%;
	}
	100% {
		left : 0;
	}
}

@-webkit-keyframes sp-right-anim-in {
	0% {
		left : -100%;
	}
	100% {
		left : 0;
	}
}

@keyframes sp-right-anim-in {
	0% {
		left : -100%;
	}
	100% {
		left : 0;
	}
}

@-webkit-keyframes pc-left-anim {
	0% {
		top : 100%;
	}
	100% {
		top : 0;
	}
}

@keyframes pc-left-anim {
	0% {
		top : 100%;
	}
	100% {
		top : 0;
	}
}

@-webkit-keyframes pc-left-anim-in {
	0% {
		top : -100%;
	}
	100% {
		top : 0;
	}
}

@keyframes pc-left-anim-in {
	0% {
		top : -100%;
	}
	100% {
		top : 0;
	}
}

@-webkit-keyframes pc-right-anim {
	0% {
		top : -100%;
	}
	100% {
		top : 0;
	}
}

@keyframes pc-right-anim {
	0% {
		top : -100%;
	}
	100% {
		top : 0;
	}
}

@-webkit-keyframes pc-right-anim-in {
	0% {
		top : 100%;
	}
	100% {
		top : 0;
	}
}

@keyframes pc-right-anim-in {
	0% {
		top : 100%;
	}
	100% {
		top : 0;
	}
}

#u-main .main-container {
	position : relative;
}
#u-main .main-container .main-bg {
	width : 100%;
	height : 100vh;
	position : relative;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg {
		display : -webkit-flex;
		display : -ms-flexbox;
		display :         flex;
	}
}
#u-main .main-container .main-bg:before {
	position : absolute;
	content : '';
	width : 100%;
	height : 100%;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	z-index : 2;
}
#u-main .main-container .main-bg .bg-left, #u-main .main-container .main-bg .bg-right {
	position : relative;
	width : 100%;
	height : 50%;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left, #u-main .main-container .main-bg .bg-right {
		width : calc(50% + 1px);
		height : 100%;
	}
}
#u-main .main-container .main-bg .bg-left.swiper-container, #u-main .main-container .main-bg .bg-right.swiper-container {
	padding : 0;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper, #u-main .main-container .main-bg .bg-right .swiper-wrapper {
	position : absolute;
	width : 100%;
	height : 100%;
	overflow : hidden;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide {
	display : block;
	width : 100%;
	height : 100%;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img {
	display : block;
	width : 100%;
	height : 100%;
	overflow : hidden;
	position : absolute;
	top : 0;
	left : 0;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img .img-bg, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img .img-bg {
	position : absolute;
	top : 0;
	left : 0;
	display : block;
	width : 100%;
	height : 100%;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img .img-bg .bg-item {
	display : block;
	width : 100%;
	height : 100%;
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-duplicate-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-prev .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-duplicate-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-prev .slide-img .img-bg .bg-item {
	-webkit-animation : sp-zoomUp 10s linear 0s 1 normal both;
	        animation : sp-zoomUp 10s linear 0s 1 normal both;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-duplicate-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-prev .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-duplicate-active .slide-img .img-bg .bg-item, #u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-prev .slide-img .img-bg .bg-item {
		-webkit-animation : pc-zoomUp 10s linear 0s 1 normal both;
		        animation : pc-zoomUp 10s linear 0s 1 normal both;
	}
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img {
	-webkit-animation : sp-left-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	        animation : sp-left-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img {
		-webkit-animation : pc-left-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
		        animation : pc-left-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	}
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img .img-bg {
	-webkit-animation : sp-left-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	        animation : sp-left-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide-active .slide-img .img-bg {
		-webkit-animation : pc-left-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
		        animation : pc-left-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	}
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img1 .img-bg .bg-item {
	background : url('../../images/top/bg_main_left01_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img1 .img-bg .bg-item {
		background : url('../../images/top/bg_main_left01_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img2 .img-bg .bg-item {
	background : url('../../images/top/bg_main_left02_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img2 .img-bg .bg-item {
		background : url('../../images/top/bg_main_left02_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img3 .img-bg .bg-item {
	background : url('../../images/top/bg_main_left03_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-left .swiper-wrapper .swiper-slide .slide-img.img3 .img-bg .bg-item {
		background : url('../../images/top/bg_main_left03_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img {
	-webkit-animation : sp-right-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	        animation : sp-right-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img {
		-webkit-animation : pc-right-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
		        animation : pc-right-anim 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	}
}
#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img .img-bg {
	-webkit-animation : sp-right-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	        animation : sp-right-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide-active .slide-img .img-bg {
		-webkit-animation : pc-right-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
		        animation : pc-right-anim-in 1.8s cubic-bezier(0.49, 0.09, 0, 0.94) 0s 1 normal both;
	}
}
#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img1 .img-bg .bg-item {
	background : url('../../images/top/bg_main_right01_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img1 .img-bg .bg-item {
		background : url('../../images/top/bg_main_right01_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img2 .img-bg .bg-item {
	background : url('../../images/top/bg_main_right02_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img2 .img-bg .bg-item {
		background : url('../../images/top/bg_main_right02_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img3 .img-bg .bg-item {
	background : url('../../images/top/bg_main_right03_sp.jpg') center center no-repeat;
	background-size : cover;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-bg .bg-right .swiper-wrapper .swiper-slide .slide-img.img3 .img-bg .bg-item {
		background : url('../../images/top/bg_main_right03_pc.jpg') center center no-repeat;
		background-size : cover;
	}
}
#u-main .main-container .main-txt {
	position : absolute;
	width : 100%;
	bottom : 40px;
	right : 40px;
	color : #fff;
	text-align : right;
	font-size : 19.2px;
	font-size : 1.2rem;
	z-index : 2;
}
@media print, screen and (min-width: 768px) {
	#u-main .main-container .main-txt {
		top : 40px;
		bottom : auto;
	}
}

@media screen and (max-width: 767px) {
	.swiper-container {
		overflow : visible;
		padding : 0 45px 0 15px;
	}
	[data-swiper='cardslider'] {
		width : 100%;
		height : 100%;
		margin-bottom : 32px;
		margin-top : 40px;
	}
	[data-swiper='cardslider'] .swiper-wrapper .swiper-slide {
		max-width : calc(100% - 50px);
	}
}