.main_visual#main_visual_mo{
	display:none;
}
.main_visual .swiper-slide{
	width:100% !important;
	height:600px;
	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:55%;
	width:100%;
	transform:translateX(-50%);
	text-align:left;
	color:#fff;
	z-index:10;
	opacity:0;
	transition:all 2s ease;
}
.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
	opacity:1;
	top:45%;
}

.main_visual .swiper-slide .item > .txt_box h3 {
	font-size:5.2rem;
	line-height:1.4;
	font-weight:300;
	position:relative;
}
.main_visual .swiper-slide .item > .txt_box h3:after {
	content:"";
	position:absolute;
	width:1.4rem;
	height:1.4rem;
	border-radius:50%;
	background:var(--red);
	left:1rem;
	top:-2rem;
	z-index:1;
}
.main_visual .swiper-slide .item > .txt_box h3 > b {
	font-weight:600;
}

.main_visual .swiper-slide .item > .visual_bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition:all 5s 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;
		overflow-x:hidden;
	}
	.main_visual .swiper-slide{
		height:36rem;
	}
	.main_visual .swiper-slide .item > .txt_box {
		top:60%;
	}
	.main_visual .swiper-slide.swiper-slide-active > .item > .txt_box {
		top:50%;
	}
	.main_visual .swiper-slide .item > .txt_box h3 {
		font-size:2.8rem;
	}
	.main_visual .swiper-slide .item > .txt_box h3:after {
		width:0.8rem;
		height:0.8rem;
		left:0.5rem;
		top:-1.5rem;
	}
}




#main_container section {
	box-sizing:border-box;
}
@media (max-width: 991.98px) {
	#main_container section {
		overflow-x:hidden;
	}
}
#main_container .sec01 {
	padding:4rem 0;
	background:#ae0841 url('../_img/main/sec01_pattern.png') no-repeat center center / cover;
}
#main_container .sec01 .tit {
	font-size:3rem;
	font-weight:600;
	color:#fff;
	text-align:center;
}
#main_container .sec01 .tit > span {
	font-weight:400;
}
#main_container .sec01 .row {
	margin-top:2rem;
}
#main_container .sec01 .row > div[class^='col-'] > .inner {
	height:26rem;
	background:#fff url('../_img/main/sec01_box.png') no-repeat right bottom / contain;
	border-radius:2rem;
	overflow:hidden;
	text-align:center;
	box-sizing:border-box;
	padding:3.5rem 0;
}
#main_container .sec01 .row > div[class^='col-'] > .inner > a {
	display:block;
}
#main_container .sec01 .row > div[class^='col-'] > .inner > a  > p {
	font-size:1.6rem;
	color:#666;
	font-weight:300;
}
#main_container .sec01 .row > div[class^='col-'] > .inner > a  > p.tit {
	font-size:2.2rem;
	color:#000;
	font-weight:500;
}
#main_container .sec01 .row > div[class^='col-'] > .inner > a  > p.desc {
	font-size:1.8rem;
	color:var(--red);
	font-weight:400;
}
#main_container .sec01 .row > div[class^='col-'] > .inner > a  > .logo {
	display:flex;
	align-items:center;
	justify-content:center;
	height:5rem;
	margin:1.5rem 0;
}
@media (max-width: 1199.98px) {
	#main_container .sec01 .row{
		margin-left:-10px;
		margin-right:-10px;
	}
	#main_container .sec01 .row > div[class^='col-'] {
		padding-left:10px;
		padding-right:10px;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner {
		height:22rem;
		padding:2.5rem 0;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner > a  > p {
		font-size:1.5rem;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner > a  > p.tit {
		font-size:2rem;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner > a  > .logo {
		display:flex;
		align-items:center;
		justify-content:center;
		height:5rem;
		margin:1.5rem 0;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner > a  > .logo {
		height:4rem;
		margin:1rem 0;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner > a  > .logo > img {
		max-height:100%;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec01 {
		padding:3rem 0;
	}
	#main_container .sec01 .tit {
		font-size:2.4rem;
	}
	#main_container .sec01 .row > div[class^='col-'] {
		margin-bottom:2rem;
	}
	#main_container .sec01 .row > div[class^='col-']:last-child {
		margin-bottom:0;
	}
	#main_container .sec01 .row > div[class^='col-'] > .inner {
		height:auto;
		padding:2.5rem 0;
	}
}


#main_container .sec02 {
	padding:12rem 0;
}
#main_container .sec02 .row > div[class^='col-'] .youtube-box {
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 56.25%;
}
#main_container .sec02 .row > div[class^='col-'] .youtube-box > iframe {
	z-index: 1;
	top: 0;
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
}
#main_container .sec02 .row > div[class^='col-']:nth-of-type(1) {
	box-sizing:border-box;
	padding-right:6rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab {
	padding-left:0;
	list-style:none;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab {
	display:flex;
	align-items:center;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li > a {
	font-size:2.8rem;
	font-weight:300;
	color:#bbb;
	position:relative;
	display:inline-block;
	margin-right:2rem;
	padding-right:2rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li:last-child > a {
	margin-right:0;
	padding-right:0;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li > a:after {
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	width:6px;
	height:6px;
	background:#ccc;
	border-radius:50%;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li:last-child > a:after {
	display:none;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li.on > a {
	font-weight:600;
	color:#000;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li.on > a:before {
	content:"";
	position:absolute;
	width:1rem;
	height:1rem;
	left:45%;
	top:-2rem;
	transform:translateX(-50%);
	border-radius:50%;
	background:var(--red);
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li:last-child.on > a:before {
	left:50%;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox {
	display:none;
	position:relative;
	margin-top:4.5rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox.on {
	display:block;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul {
	list-style:none;
	padding-left:0;
	box-sizing:border-box;
	border-top:1px solid #ccc;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li {
	box-sizing:border-box;
	padding:1.5rem 0;
	border-bottom:1px solid #eee;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li > a {
	display:block;
	font-size:2rem;
	color:#000;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	position:relative;
	padding:0 14rem 0 1.5rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li > a:before {
	content:"";
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:3px;
	height:3px;
	border-radius:50%;
	background:#000;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li > a:after {
	content: "\e93f";
	font-family:"xeicon";
	font-size:2rem;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	color:#000;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li > a > span {
	position:absolute;
	right:4rem;
	top:50%;
	transform:translateY(-50%);
	color:#777;
	font-size:1.5rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li.noData {
	height:30.6rem;
	text-align:center;
	line-height:30.6rem;
}
#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > .btn-more {
	position:absolute;
	right:0;
	top:-9rem;
	width:4.6rem;
	height:4.6rem;
	border-radius:50%;
	background:#ededed;
	font-size:2.4rem;
	color:#000;
	text-align:center;
	line-height:4.6rem;
}

@media (max-width: 1399.98px) {
	#main_container .sec02 .row > div[class^='col-']:nth-of-type(1) {
		padding-right:4rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li > a {
		font-size:2rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li > a:after {
		width:4px;
		height:4px;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tab > li.on > a:before {
		width:0.6rem;
		height:0.6rem;
		left:40%;
		top:-1rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox {
		margin-top:2rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li {
		padding:1.4rem 0;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li > a {
		font-size:1.8rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li.noData {
		height:28rem;
		line-height:28rem;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > .btn-more {
		top:-5.5rem;
		width:3.6rem;
		height:3.6rem;
		font-size:2rem;
		line-height:3.6rem;
	}
}
@media (max-width: 1199.98px) {
	#main_container .sec02 .row > div[class^='col-']:nth-of-type(1) {
		padding-right:0;
	}
	#main_container .sec02 .row > div[class^='col-'] .tabArea > .tabBox > ul > li.noData {
		height:18rem;
		line-height:14rem;
	}
}
@media (max-width: 991.98px) {
	#main_container .sec02 {
		padding:6rem 0;
	}
}


#main_container .sec03 {
	padding:7rem 0;
	background:#f8f8f8;
}
#main_container .sec03 .row > div[class^='col-'] > a {
	display:block;
	color:#000;
	text-align:center;
	font-size:1.9rem;
	height:10rem;
	box-sizing:border-box;
	border-right:1px solid #ddd;
}
#main_container .sec03 .row > div[class^='col-']:first-child > a {
	border-left:1px solid #ddd;
}
#main_container .sec03 .row > div[class^='col-'] > a > .img {
	min-height:6rem;
}
#main_container .sec03 .row > div[class^='col-'] > a > p {
	margin-top:1rem;
}

@media (max-width: 991.98px) {
	#main_container .sec03 {
		padding:4rem 0;
	}
	#main_container .sec03 .row {
		margin-left:-5px;
		margin-right:-5px;
	}
	#main_container .sec03 .row > div[class^='col-'] {
		padding-right:5px;
		padding-left:5px;
		margin-bottom:1rem;
	}
	#main_container .sec03 .row > div[class^='col-'] > a {
		font-size:1.8rem;
		height:12rem;
		padding:2rem 0;
		border-right:0;
		border:1px solid #ddd;
	}
	#main_container .sec03 .row > div[class^='col-'] > a > .img {
		min-height:3rem;
	}
	#main_container .sec03 .row > div[class^='col-'] > a > .img > img {
		max-width:4rem;
	}
}