.main_visual#main_visual_mo{
	display:none;
}
.main_visual .swiper-slide{
	width:100% !important;
	height:80rem;
	position:relative;
}
.main_visual .swiper-slide .item {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:cover !important;
}
.main_visual .swiper-slide .item > .txt_box {
	position:absolute;
	left:50%;
	top:45%;
	width:100%;
	transform:translateX(-50%);
	text-align:left;
	color:#fff;
	z-index:10;
	box-sizing:border-box;
	padding:0 15rem;
	opacity:1;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
	opacity:1;
	top:45%;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box > h3 > b {
	font-weight:600 !important;
}
.main_visual .swiper-slide .item > .visual_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 3s ease-in-out;
	transform:scale(1,1);
}
.main_visual .swiper-slide.swiper-slide-active .item > .visual_bg {
	transform:scale(1.05,1.05);
}

@media(max-width:991.98px){
 	.main_visual{
		height:auto;
	}
	.main_visual#main_visual_pc{
		display:none;
	}
	.main_visual#main_visual_mo{
		display:block;
	}
	.main_visual .swiper-slide {
		max-height:280px;
	    position: relative;
	}
}
.main_visual .visual-bullet {
	position:absolute;
	text-align:left;
	margin-top:6rem;
}
.main_visual .visual-bullet .swiper-pagination-bullet{
	opacity:1;
	background:#fff;
	width:10px;
	height:10px;
	margin:0 6px !important;
}
.main_visual .visual-bullet .swiper-pagination-bullet-active {
	background:#cf2027;
	width:30px;
	border-radius:10px;
}
@media (max-width: 1199.98px) {
	.main_visual .visual-bullet {
		margin-top:3rem;
	}
}
@media(max-width:991.98px){
	.main_visual .swiper-slide .item > .txt_box {
		text-align:center;
		padding:0;
	}
	.main_visual .visual-bullet {
		text-align:center;
		margin-top:0;
	}
}

.btn-more {
	display:inline-block;
	box-sizing:border-box;
	width:20rem;
	padding:2rem 0;
	text-align:center;
	color:#fff;
	border:1px solid #fff;
	padding-left:1rem;
	border-radius:4rem;
	font-size:1.6rem;
}
.btn-more.btn-black {
	border:1px solid #000;
	color:#000;
}
.btn-more:hover {
	background:#cf2027;
	border:1px solid #cf2027;
	color:#fff;
}
@media(max-width:991.98px){
	.btn-more {
		width:16rem;
		padding:1.5rem 0;
		font-size:1.4rem;
		padding-left:1rem;
	}
}

#main_containe > section {
	box-sizing:border-box;
	overflow:hidden;
}
#main_container .sec01 .box {
	box-sizing:border-box;
	padding:12rem 1.5rem 10rem;
	background:url('../_img/main/main_sec01_bg.jpg') no-repeat center center / cover;
	color:#fff;
	text-align:center;
}
@media(max-width:991.98px){
	#main_container .sec01 .box {
		padding:6rem 1.5rem;
	}
}

#main_container .sec02 {
	padding:10rem 0 12rem;
	background:url('../_img/main/main_sec02_bg.png') no-repeat right top;
}
@media (max-width: 1199.98px) {
	#main_container .sec02 {
		background:none;
	}
}
@media(max-width:991.98px){
	#main_container .sec02 {
		padding:6rem 0;
	}
}
#main_container .sec02 .box {
	align-items:center;
}
#main_container .sec02 .box > .img {
	width:calc(50% - 1rem);
}
#main_container .sec02 .box > .img > img {
	width:100%;
}
#main_container .sec02 .box > .txt {
	box-sizing:border-box;
	width:calc(50% + 1rem);
	padding-left:6rem;
}
#main_container .sec02 .box:nth-child(odd){
	flex-direction:row-reverse;
}

@media (max-width: 1199.98px) {
	#main_container .sec02 .box > .img {
		width:100%;
	}
	#main_container .sec02 .box > .txt {
		width:100%;
		padding-left:0;
		text-align:center;
	}
}


#main_container .sec03 {
	position:relative;
	padding:6rem 0 0;
}
#main_container .sec03:before {
	content:"";
	position:absolute;
	width:100%;
	height:70%;
	top:0;
	background:#f9f9f9;
	z-index:-1;
}
@media(max-width:991.98px){
	#main_container .sec03 {
		padding:6rem 0;
	}
}
#main_container .sec03 .imgBox {
	position:relative;
	height:auto;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
#main_container .sec03 .imgBox > .img {
	box-sizing:border-box;
	max-width:33.3333%;
	flex:0 0 33.3333%;
	padding:0 1rem;
	margin-bottom:2rem;
}
#main_container .sec03 .imgBox > .img > .inner > a {
	display:block;
	position:relative;
}
#main_container .sec03 .imgBox > .img > .inner > a:before {
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:1;
	box-sizing:border-box;
	border-bottom:5px solid #cf2027;
	opacity:0;
	transition:all 0.2s ease;
}
#main_container .sec03 .imgBox > .img > .inner > a:after {
	content:"View";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:12.4rem;
	height:12.4rem;
	border:1px solid #ddd;
	border-radius:50%;
	box-sizing:border-box;
	text-align:center;
	line-height:12rem;
	font-size:1.8rem;
	color:#fff;
	z-index:2;
	opacity:0;
	transition:all 0.2s ease;
}
#main_container .sec03 .imgBox > .img > .inner > a > .txt {
	position:absolute;
	width:100%;
	bottom:0;
	box-sizing:border-box;
	padding:2rem;
	color:#fff;
	z-index:10;
	word-break:break-all;
	opacity:0;
	transition:all 0.2s ease;
}
#main_container .sec03 .imgBox > .img > .inner > a:hover:before,
#main_container .sec03 .imgBox > .img > .inner > a:hover:after,
#main_container .sec03 .imgBox > .img > .inner > a:hover > .txt {
	opacity:1;
}
#main_container .sec03 .imgBox > .img > .inner > a > img {
	width:100%;
}
#main_container .sec03 .imgBox:after {
	content:"";
	display:block;
	clear:both;
}
@media (max-width: 1199.98px) {
	#main_container .sec03 .imgBox > .img {
		max-width:50%;
		flex:0 0 50%;
	}
	#main_container .sec03 .imgBox > .img > .inner > a:after {
		width:10rem;
		height:10rem;
		line-height:10rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec03 .imgBox > .img > .inner > a:before {
		background:rgba(0,0,0,0);
		border-bottom:5px solid #cf2027;
		opacity:1;
		z-index:20;
	}
	#main_container .sec03 .imgBox > .img > .inner > a > .txt {
		opacity:1;
		background:rgba(0,0,0,0.6);
	}
	#main_container .sec03 .imgBox > .img > .inner > a:hover:after {
		opacity:0;
	}
}
@media (max-width: 767.98px) {
	#main_container .sec03 .imgBox > .img {
		max-width:100%;
		flex:0 0 100%;
	}
}

#main_container .sec04 .row {
	align-items:center;
}
#main_container .sec04 .row > div[class^='col-'] > .inner > a {
	display:block;
	position:relative;
	box-sizing:border-box;
	padding:5rem 7rem 10rem;
	background:#000;
	color:#fff;
	border-radius:2rem;
	overflow:hidden;
}
#main_container .sec04 .row > div[class^='col-'] > .inner > a > .icon {
	position:absolute;
	right:7rem;
	bottom:5rem;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(2) > .inner > a {
	background:#cf2027 url('../_img/main/main_sec04_box_bg.png') no-repeat center center;
}

#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner {
	box-sizing:border-box;
	padding:0 3rem;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info > div {
	box-sizing:border-box;
	padding:1rem;
	border:1px solid #ddd;
	border-radius:3rem;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info > div:nth-of-type(1){
	width:34%;
	border:1px solid #cf2027;
	background:#cf2027;
	color:#fff;
}
#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info > div:nth-of-type(2){
	width:66%;
}

@media (max-width: 1400px) {
	#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner {
		padding:0 1rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec04 .row > div[class^='col-'] > .inner > a {
		padding:3rem 4rem 10rem;
		background:#000;
		color:#fff;
		border-radius:2rem;
		overflow:hidden;
	}
	#main_container .sec04 .row > div[class^='col-'] > .inner > a > .icon {
		position:absolute;
		right:7rem;
		bottom:5rem;
	}
	#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info > div:nth-of-type(1){
		width:12rem;
	}
	#main_container .sec04 .row > div[class^='col-']:nth-of-type(3) > .inner > .info > div:nth-of-type(2){
		width:calc(100% - 12rem);
	}
}

#main_container .sec05 {
	box-sizing:border-box;
	padding:10rem 0 8rem;
	background:url('../_img/main/main_sec05_bg.jpg') no-repeat center center / cover;
	color:#fff;
}