@charset "utf-8";
@import url("common.css");

/*Layer*/
body{width:100%}
#wrap{width:100%}
#header{}
#container{width:100%}
#contents{}
#footer{width:100%;}

/*header*/


.pcbr{display:none;}
.ptbr{display:block;}
.tbbr{display:block;}
.tmbr{display: block;}
.mbbr{display:none;}
.dn{display:none;}


.pc_view{display: none;}
.m_view{display: none;}


.innerwrap{
	width: 92%;
	max-width: 1560px;
	margin: 0 auto;
}
.innerwrap2{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
}
.page_tit{
	margin-bottom: 80px;
}
.page_tit h3{
	font-size: 56px;
	font-weight: 600;
}
.page_tit p{
	font-size: 24px;
	line-height: 1.5em;
	margin-top: 40px;
}


.page_top{
	padding-top: 230px;
}
.page_top.pn3.sn2{background: #fafafa;}
.page_top.nosubtop{display: none;}
.page_top .txtwrap{
	width: 92%;
	max-width: 1560px;
	margin: 0 auto 70px;
}
.page_top .txtwrap h2{
	color: #BB355E;
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 40px;
}
.page_top .txtwrap .slg{
	font-size: 56px;
	font-weight: 600;
	line-height: 1.3em;
}
.page_top .imgwrap{
	width: 92%;
	max-width: 1860px;
	height: 700px;
	margin: 0 auto;
	border-radius: 24px;
	overflow: hidden;
}
.page_top.pn6 .imgwrap{
	height: 422px;
}
.page_top .imgwrap > div{
	width: 100%;
	height: 100%;
}

.page_top.pn1 .imgwrap > div{background: url(/images/page/sub_visual1.jpg) no-repeat center / cover;}
.page_top.pn3 .imgwrap > div{background: url(/images/page/sub_visual3.jpg) no-repeat center / cover;}
.page_top.pn6 .imgwrap > div{background: url(/images/page/sub_visual6.jpg) no-repeat center / cover;}
.page_top.pn8 .imgwrap > div{background: url(/images/page/sub_visual8.jpg) no-repeat center / cover;}

.page_top .sub_tab{
	margin: 60px auto 0;
	padding: 8px;
	border-radius: 12px;
	border: 1px solid #ccc;
	width: fit-content;
}
.page_top .sub_tab ul{
	display: flex;
}
.page_top .sub_tab li{
	display: inline-block;
	white-space: nowrap;
}
.page_top .sub_tab li a{
	display: block;
	padding: 16px 40px;
	border-radius: 8px;
	text-align: center;
	font-size: 18px;
	color: #000;
}
.page_top .sub_tab li.on a{
	background: #BB355E;
	color: #fff;
}


/* paging */
.paging{
	margin-top:100px;
	text-align:center;
}
.paging a{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:32px;height:32px;
	color:#666;font-size:14px;line-height:32px; border-radius: 50%;
}
.paging strong{
	display:inline-block;vertical-align:top;box-sizing:border-box;
	width:32px;height:32px;
	border-radius:50%;
	background:#BB355E;
	color:#fff;font-size:14px;line-height:32px;font-weight:400;
}
.paging .page_begin{
	width:32px;height:32px;
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.paging .page_prev{
	width:32px;height:32px;
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.paging .page_next{
	width:32px;height:32px;
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.paging .page_end{
	width:32px;height:32px;
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}



.m11{}
.m11 h3{
	font-size: 56px;
	font-weight: 600;
}
.m11 h4{
	font-size: 24px;
	font-weight: 500;
	color: #333;
	margin-top: 20px;
}
.m11 .section1{
	padding: 160px 0;
}
.m11 .section1 .conwrap{
	display: flex;
	justify-content: space-between;
}
.m11 .section1 .conwrap .txtwrap{
	width: 49%;
}
.m11 .section1 .conwrap .txtwrap p{
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
	margin: 40px 0 110px;
}
.m11 .section1 .conwrap .txtwrap strong{
	display: inline-block;
	font-size: 32px;
	font-weight: 600;
	color: #BB355E;
}
.m11 .section1 .conwrap .imgwrap{
	width: 49%;
	display: flex;
	align-items: flex-start;
	gap: 24px;
	margin-top: 150px;
}
.m11 .section1 .conwrap .imgwrap .img{
	border-radius: 20px;
	overflow: hidden;
}
.m11 .section1 .conwrap .imgwrap .img1{
	margin-top: -100px;
}
.m11 .section1 .conwrap .imgwrap .img img{
	width: 100%;
}
.m11 .section2{
	padding: 160px 0;
	background: #F9F9F9;
}
.m11 .section2 .conwrap{
	margin-top: 100px;
}
.m11 .section2 .conwrap .tit{
	font-size: 32px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m11 .section2 .conwrap ul{
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.m11 .section2 .conwrap li{
	width: calc((100% - 48px) / 3);
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
}
.m11 .section2 .conwrap li .thumb{
	width: 100%;
	height: 240px;
	border-radius: 20px;
	overflow: hidden;
}
.m11 .section2 .conwrap li .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m11 .section2 .conwrap li .txtwrap{
	width: 100%;
	height: 230px;
	padding: 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m11 .section2 .conwrap li .txtwrap .num{
	display: block;
	width: 45px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #BB355E;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
}
.m11 .section2 .conwrap li .txtwrap p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4em;
	color: #666;
}

.m11 .section3{
	padding: 160px 0;
	background: url(/images/page/m11_sec3_bg.jpg) no-repeat center / cover;
}
.m11 .section3 ul{
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}
.m11 .section3 li{
	width: calc((100% - 24px) / 2);
	padding: 40px;
	border-radius: 20px;
	background: #fff;
}
.m11 .section3 li .num{
	display: block;
	width: 45px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #BB355E;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	border-radius: 8px;
}
.m11 .section3 li .tit{
	font-size: 32px;
	font-weight: 600;
	margin: 24px 0 8px;
}
.m11 .section3 li p{
	font-size: 20px;
	font-weight: 500;
	color: #666;
}

.m11 .section4{}
.m11 .section4 .titwrap{
	padding: 160px 4% 100px;
	text-align: center;
	background: #fff;
}

.m11 .section4 .conwrap{
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding-top: 100px;
}
.m11 .section4 .conwrap .txtwrap{
	position: relative;
	width: 50%;
	padding: 160px 0;
	background: #F1F1F1;
	display: none;
}
.m11 .section4 .conwrap .txtwrap .inner{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 60%;
	opacity: 0;
	text-align: center;
	transition: all 0.3s;
}
.m11 .section4 .conwrap .txtwrap .inner.on{
	opacity: 1;
}
.m11 .section4 .conwrap .txtwrap .slg{
	font-size: 32px;
	font-weight: 600;
	color: #BB355E;
}
.m11 .section4 .conwrap .txtwrap .period{
	font-size: 80px;
	font-weight: 500;
	margin: 10px 0 100px;
}

.m11 .section4 .conwrap .txtwrap .imgwrap .img{
	border-radius: 25px;
	overflow: hidden;
}

.m11 .section4 .conwrap .yearwrap{
	width: 100%;
	background: #FAFAFA;
}
.m11 .section4 .conwrap .yearwrap .year_con + .year_con{
}
.m11 .section4 .conwrap .yearwrap .year_con .year_info{
	text-align: center;
	padding: 60px 4%;
	background: #fff;
}
.m11 .section4 .conwrap .yearwrap .year_con .year_info .slg{
	font-size: 32px;
	font-weight: 600;
	color: #BB355E;
}
.m11 .section4 .conwrap .yearwrap .year_con .year_info .period{
	font-size: 60px;
	font-weight: 500;
	margin: 20px 0;
}
.m11 .section4 .conwrap .yearwrap .year_con .con{
	padding: 30px 4%;
}

.m11 .section4 .conwrap .yearwrap .year_con .con .year{
	font-size: 40px;
	font-weight: 500;
}
.m11 .section4 .conwrap .yearwrap .year_con .con .list{
	margin-top: 24px;
}
.m11 .section4 .conwrap .yearwrap .year_con .con .list dl{
	display: flex;
	padding: 13px 0;
	border-bottom: 1px solid #ccc;
}

.m11 .section4 .conwrap .yearwrap .year_con .con .list dl dt{
	width: 45px;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4em;
	color: #BB355E;
}
.m11 .section4 .conwrap .yearwrap .year_con .con .list dl dd{
	width: calc(100% - 45px);
}
.m11 .section4 .conwrap .yearwrap .year_con .con .list dl dd p{
	font-size: 20px;
	line-height: 1.4em;
	color: #666;
}
.m11 .section4 .conwrap .yearwrap .year_con .con .list dl dd p + p{
	margin-top: 7px;
}

.m11 .section4 .conwrap .fix_menu{
	position: absolute;
	left: 0;
	top: 68px;
	width: 100%;
}
.m11 .section4 .conwrap .fix_menu .menu{
	display: flex;
	align-items: baseline;
	width: 100%;
}
.m11 .section4 .conwrap .fix_menu .menu li{
	width: 25%;
}
.m11 .section4 .conwrap .fix_menu .menu li a{
	position: relative;
	width: 100%;
	font-family: "Wix Madefor Display";
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	align-items: center;
	padding: 12px 10px;
	white-space: nowrap;
	text-align: center;
	background: #fff;
}
.m11 .section4 .conwrap .fix_menu .menu li a i{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 90%;
	height: 2px;
	background: none;;
}

.m11 .section4 .conwrap .fix_menu .menu li.on a{
	background: #fff;
	color: #000;
}
.m11 .section4 .conwrap .fix_menu .menu li.on a i{
	background: #BB355E;
}



.m12{}
.m12 .page_tit{
	margin-bottom: 160px;
}
.m12 .section1{
	padding: 160px 0 240px;
}
.m12 .section1 .ceowrap{
	
}
.m12 .section1 .con_tit{
	font-size: 56px;
	font-weight: 600;
	margin-bottom: 60px;
}
.m12 .section1 .ceowrap .conwrap{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.m12 .section1 .ceowrap .conwrap .imgwrap{
	width: 100%;
	height: 500px;
	border-radius: 24px;
	overflow: hidden;
}
.m12 .section1 .ceowrap .conwrap .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m12 .section1 .ceowrap .conwrap .txtwrap{
	width: 100%;
	background: #f9f9f9;
	border-radius: 24px;
	padding: 60px 40px;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .titwrap{}
.m12 .section1 .ceowrap .conwrap .txtwrap .titwrap .position{
	display: inline-block;
	padding: 9px 24px;
	border-radius: 12px;
	background: #BB355E;
	color: #fff;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .titwrap .name{
	font-size: 40px;
	font-weight: 600;
	line-height: 1.35em;
	margin-top: 20px;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con{
	width: 48%;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .tit{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 16px;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .edu{
	
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .edu dl{
	display: flex;
	padding: 10px 4px;
	border-top: 1px solid #ccc;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .edu dl:first-child{
	border-top: none;
	padding-top: 0;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .edu dl dt{
	width: 155px;
	color: #999;
	font-size: 16px;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con .edu dl dd{
	width: calc(100% - 155px);
	color: #666;
	font-size: 16px;
}
.m12 .section1 .ceowrap .conwrap .txtwrap .infowrap .con p{
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}

.m12 .section1 .people{
	margin-top: 160px;
}
.m12 .section1 .people ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 24px;
	row-gap: 40px;
}
.m12 .section1 .people li{
	width: calc((100% - 54px) / 3);
	aspect-ratio: 372 / 540;
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	padding: 20px;
}
.m12 .section1 .people li .thumb{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m12 .section1 .people li .info{
	position: relative;
}
.m12 .section1 .people li .info .position{
	display: inline-block;
	margin-bottom: 15px;
	padding: 9px 24px;
	border-radius: 12px;
	background: #000;
	color: #fff;
}
.m12 .section1 .people li .info .name{
	font-size: 32px;
	font-weight: 600;
}



.m13{}
.m13 .section1{
	padding: 160px 0 240px;
}
.m13 .section1 .listwrap{}
.m13 .section1 .listwrap .list + .list{
	margin-top: 40px;
}
.m13 .section1 .listwrap .list{
	width: 100%;
	display: flex;
	flex-direction: column;
	background: #f9f9f9;
	border-radius: 0 0 24px 24px;
}

.m13 .section1 .listwrap .list .mapwrap{
	width: 100%;
	height: 500px;
	border-radius: 24px;
	overflow: hidden;
}
.m13 .section1 .listwrap .list .infowrap{
	width: 100%;
	height: 500px;
	padding: 80px 40px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m13 .section1 .listwrap .list .infowrap .top{}
.m13 .section1 .listwrap .list .infowrap .top .cate{
	font-size: 40px;
	font-weight: 600;
	margin-bottom: 40px;
}
.m13 .section1 .listwrap .list .infowrap .top .adr{
	font-size: 24px;
	color: #666;
	line-height: 1.5em;
}
.m13 .section1 .listwrap .list .infowrap .bot{}
.m13 .section1 .listwrap .list .infowrap .bot dl{
	display: flex;
}
.m13 .section1 .listwrap .list .infowrap .bot dl + dl{
	margin-top: 10px;
}
.m13 .section1 .listwrap .list .infowrap .bot dl dt{
	width: 70px;
	font-size: 24px;
	color: #666;
}
.m13 .section1 .listwrap .list .infowrap .bot dl dd{
	width: calc(100% - 70px);
	font-size: 24px;
	color: #666;
}




.m20{background: #fafafa;}
.m20 .sec_tit{
	font-size: 30px;
	font-weight: 600;
}
.m20 .section1{
	padding: 230px 0 80px;
}
.m20 .section1 .introTxt{
	text-align: center;
}
.m20 .section1 .introTxt h2{
	font-size: 40px;
	font-weight: 500;
	margin-bottom:8px;
}
.m20 .section1 .introTxt h3{
	font-size: 80px;
	font-weight: 700;
	color: #333;
}
.m216 .section1 .introTxt h3 .img{
	position: relative;
	display: inline-block;
	width: 72px;
	height: 72px;
	transform: translateY(6px);
}
.m216 .section1 .introTxt h3 .img img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	animation: imgScaleFade 6s infinite ease-in-out;
}
.m216 .section1 .introTxt h3 .img img:nth-child(1) {
opacity: 1;
  animation-delay: 0s;
}
.m216 .section1 .introTxt h3 .img img:nth-child(2) {
  animation-delay: 2s;
}
.m216 .section1 .introTxt h3 .img img:nth-child(3) {
  animation-delay: 4s;
}
@keyframes imgScaleFade {
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.7);
  }
  5% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.05); /* 등장 시 살짝 커짐 */
  }
  33.33% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  38.33% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1); /* 사라질 때 작아짐 */
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.1);
  }
}
.m20 .section1 .introImg{
	text-align: center;
	margin-top: 50px;
}
.m20 .section2{
	padding: 0 0 40px;
	overflow: hidden;
}
.m20 .section2 .spec{
	margin-top: 60px;
	overflow: visible;
}
.m20 .section2 .spec .swiper-slide{
	width: fit-content;
}
.m20 .section2 .spec .ctr{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
}
.m20 .section2 .spec .ctr .vprev{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url(/images/page/prev_btn.png) no-repeat center / contain;
	cursor: pointer;
}
.m20 .section2 .spec .ctr .vnext{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url(/images/page/next_btn.png) no-repeat center / contain;
	cursor: pointer;
}
.m20 .section2 .spec .vpaging{
	padding: 15px 15px;
	border-radius: 100px;
	background: #EBEBF0;
	width: fit-content;
	margin: 0 15px;
}
.m20 .section2 .spec .vpaging .swiper-pagination-bullet{
	background: #6F6F73;
	border-radius: 8px;
	margin: 0 8px;
	opacity: 1;
	transition: all 0.3s;
}
.m20 .section2 .spec .vpaging .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 52px;
	background: #BB355E;
}


.m21 .section1{
	padding: 150px 0 80px;
}
.m21 .section1 .titwrap{
	margin-bottom: 50px;
}
.m21 .section1 .titwrap .tit{
	font-size: 40px;
	font-weight: 600;
	color: #111;
}
.m21 .section1 .titwrap ul{
	margin-top: 20px;
	display: flex;
	gap: 25px;
}
.m21 .section1 .titwrap li{
	position: relative;
}
.m21 .section1 .titwrap li:after{
	content: "";
	position: absolute;
	right: -12px;
	top: -2px;
	width: 1px;
	height: 28px;
	background: #d9d9d9;
}
.m21 .section1 .titwrap li:last-child:after{
	display: none;
}
.m21 .section1 .titwrap li a{
	font-size: 20px;
	color: #999;
}
.m21 .section1 .titwrap li.on a{
	font-weight: 500;
	color: #111;
}

.m21 .section3{
	padding: 60px 0 160px;
	background: #fff;
}
.m21 .section3 .conwrap{
	margin-top: 15px;
	border-top: 1px solid #ccc;
}
.m21 .section3 .conwrap .slidewrap{
	width: 100%;
}
.m21 .section3 .conwrap .slidewrap .detail{}
.m21 .section3 .conwrap .slidewrap .detail .swiper-slide{
	height: 450px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr{
	display: flex;
	justify-content: center;
	align-items: center;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr .vprev2{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url(/images/page/prev_btn.png) no-repeat center / contain;
	cursor: pointer;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr .vnext2{
	display: block;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: url(/images/page/next_btn.png) no-repeat center / contain;
	cursor: pointer;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr .vpaging2{
	padding: 15px 15px;
	border-radius: 100px;
	background: #EBEBF0;
	width: fit-content;
	margin: 0 15px;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr .vpaging2 .swiper-pagination-bullet{
	background: #6F6F73;
	border-radius: 8px;
	margin: 0 8px;
	opacity: 1;
	transition: all 0.3s;
}
.m21 .section3 .conwrap .slidewrap .detail .ctr .vpaging2 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	width: 52px;
	background: #BB355E;
}
.m21 .section3 .conwrap .infowrap{
	width: 100%;
	margin-top: 80px;
	padding-top: 80px;
	border-top: 1px  solid #ccc;
}
.m21 .section3 .conwrap .infowrap dl{
	display: flex;
}
.m21 .section3 .conwrap .infowrap dl + dl{
	margin-top: 40px;
}
.m21 .section3 .conwrap .infowrap dl dt{
	width: 140px;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4em;
}
.m21 .section3 .conwrap .infowrap dl dd{
	width: calc(100% - 140px);
}
.m21 .section3 .conwrap .infowrap dl dd p{
	font-size: 16px;
	font-weight: 500;
}
.m21 .section3 .conwrap .infowrap dl dd p + p{
	margin-top: 10px;
}
.m21 .section3 .conwrap .infowrap dl dd p span{
	font-weight: 700;
}
.m21 .section3 .conwrap .infowrap .btnwrap{
	margin-top: 60px;
	display: flex;
	gap: 20px;
}
.m21 .section3 .conwrap .infowrap .btnwrap a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: calc((100% - 20px) / 2);
	height: 120px;
	border-radius: 24px;
	background: #EBEBF0;
	font-size: 20px;
	font-weight: 600;
	color: #4B4B4B;
}


.m212 .section1 .introTxt h2{
	background: linear-gradient(90deg, #7CBEF3 0%, #629BC9 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.m212 .section1 .introTxt h3{
	background: linear-gradient(90deg, #7CBEF3 0%, #629BC9 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.m212 .section1 .introTxt h3 span.thin{
	font-weight: 200;
}


.m213 .section1 .introTxt h3{
	color: #000;
}
.m213 .section1 .introTxt h3 span{
	position: relative;
}
.m213 .section1 .introTxt h3 span:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	background: #14ECA4;
}


.m22{}
.m22 .section3{
	padding: 60px 0 160px;
	background: #fff;
}
.m22 .section3 .sec_tit span{
	font-size: 16px;
	font-weight: 500;
}
.m22 .section3 .conwrap {
	position: relative;
	margin-top: 15px;
	padding-top: 50px;
	padding-bottom: 20px;
	border-top: 1px solid #ccc;
}
.m22 .section3 .conwrap:after{
	content: "";
	position: absolute;
	left: 265px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #ccc;
}
.m22 .section3 .conwrap dl{
	display: flex;
}
.m22 .section3 .conwrap dl + dl{
	margin-top: 40px;
}
.m22 .section3 .conwrap dl dt{
	width: 265px;
	font-size: 20px;
	font-weight: 600;
}
.m22 .section3 .conwrap dl dd{
	width: calc(100% - 265px);
	padding-left: 50px;
	font-size: 16px;
	font-weight: 500;
}
.m22 .section3 .btnwrap{
	margin-top: 60px;
	display: flex;
	justify-content: center;
	gap: 20px;
}
.m22 .section3 .btnwrap a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 120px;
	border-radius: 24px;
	background: #EBEBF0;
	font-size: 20px;
	font-weight: 600;
	color: #4B4B4B;
}
.m222 .section1 .introTxt h2{
	background: radial-gradient(113.68% 138.43% at -7.98% 0%, #333 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.m222 .section1 .introTxt h3{
	background: radial-gradient(121.45% 226.02% at -11.61% -40.1%, #333 0%, #999 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}



.m31{}
.m31 .section1{
	padding: 160px 0;
	overflow: hidden;
}
.m31 .section1 .conwrap{
	display: flex;
	align-items: center;
}
.m31 .section1 .conwrap .txtwrap{
	width: 56%;
	padding-right: 4%;
}
.m31 .section1 .conwrap .txtwrap strong{
	font-size: 56px;
	font-weight: 600;
	display: inline-block;
}
.m31 .section1 .conwrap .txtwrap  span{
	display: block;
	font-size: 24px;
	font-weight: 500;
	margin: 20px 0 40px;
}
.m31 .section1 .conwrap .txtwrap p{
	font-size: 16px;
	line-height: 1.6em;
	color: #666;
}
.m31 .section1 .conwrap .imgwrap{
	width: 44%;
	height: 640px;
}
.m31 .section1 .conwrap .imgwrap img{
	width: 154%;
	height: 100%;
	object-fit: cover;
	max-width: unset;
	border-radius: 24px;
}
.m31 .section2{
	padding: 160px 0 240px;
	background: #fafafa;
}
.m31 .section2 .con{}
.m31 .section2 .con + .con{
	margin-top: 160px;
}
.m31 .section2 .con .con_tit{
	margin-bottom: 80px;
}
.m31 .section2 .con .con_tit h3{
	font-size: 56px;
	font-weight: 600;
}
.m31 .section2 .con .con_tit span{
	display: block;
	margin-top: 20px;
	font-size: 24px;
	font-weight: 500;
	color: #BB355E;
}
.m31 .section2 .con .con_tit p{
	font-size: 17px;
	color: #666;
	line-height: 1.6em;
	margin-top: 40px;
}
.m31 .section2 .con.vision .conwrap{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.m31 .section2 .con.vision .conwrap > div{
	position: relative;
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	padding: 40px 4%;
}
.m31 .section2 .con.vision .conwrap > div .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m31 .section2 .con.vision .conwrap > div .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m31 .section2 .con.vision .conwrap > div .txtwrap{
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.m31 .section2 .con.vision .conwrap > div .txtwrap .num{
	font-size: 28px;
	font-weight: 700;
	color: #fff;
}
.m31 .section2 .con.vision .conwrap > div .txtwrap .txts{
	margin-top: 60px;
}
.m31 .section2 .con.vision .conwrap > div .txtwrap .txts b{
	font-size: 28px;
	font-weight: 600;
	color: #fff;
}
.m31 .section2 .con.vision .conwrap > div .txtwrap .txts p{
	font-size: 20px;
	font-weight: 500;
	line-height: 1.4em;
	color: #fff;
	margin-top: 15px;
}


.m31 .section2 .con.result{}
.m31 .section2 .con.result .tablewrap{
	width: 100%;
}
.m31 .section2 .con.result .tablewrap table{
	width: 100%;
	background: #fff;
	border-radius: 20px;
}
.m31 .section2 .con.result .tablewrap table th{
	padding: 25px 0;
	font-size: 24px;
	font-weight: 600;
}
.m31 .section2 .con.result .tablewrap table td{
	padding: 25px 0;
	font-size: 20px;
	color: #333;
	border-top: 1px solid #ccc;
}
.m31 .section2 .con.result .tablewrap table .date{
	width: 300px;
}
.m31 .section2 .con.result .tablewrap table .tit{
	width: calc(100% - 300px);
}
.m31 .section2 .con.result .tablewrap table td.date{
	text-align: center;
}
.m31 .section2 .con.result .viewMore{
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	font-size: 20px;
	color: #111;
	font-weight: 500;
	margin: 100px auto 0;
}
.m31 .section2 .con.result .viewMore i{
	display: block;
	width: 14px;
	height: 8px;
	background: url(/images/page/select_arrow.png) no-repeat center / contain;
	margin-left: 10px;
}


.m32{background: #FAFAFA;}
.m32 .section1{
	padding: 160px 0 240px;
}
.m32 .section1 .con + .con{
	margin-top: 160px;
}
.m32 .section1 .con .con_tit{
	font-size: 56px;
	font-weight: 600;
	margin-bottom: 55px;
}
.m32 .section1 .con .formwrap{
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 24px;
}
.m32 .section1 .con .formwrap .number{
	display: flex;
	align-items: center;
}
.m32 .section1 .con .formwrap .number .total{
	font-size: 20px;
}
.m32 .section1 .con .formwrap .number select{
	width: 127px;
	font-size: 20px;
	color: #666;
	box-sizing: border-box;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background: url(/images/page/select_arrow.png) no-repeat right 0 center #fafafa;
	margin-left: 40px;
	cursor: pointer;
}
.m32 .section1 .con .formwrap .searchwrap{
	padding: 15px 30px;
	background: #fff;
	border-radius: 15px;
	display: flex;
	justify-content: center;
}
.m32 .section1 .con .formwrap .searchwrap select{
	width: 150px;
	height: 30px;
	font-size: 20px;
	box-sizing: border-box;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background: url(/images/page/select_arrow.png) no-repeat right 0 center #fff;
	cursor: pointer;
}
.m32 .section1 .con .formwrap .searchwrap .search_box{
	display: inline-block;
	width: calc(100% - 150px);
	position: relative;
	padding-left: 30px;
}
.m32 .section1 .con .formwrap .searchwrap .search_box input[type=text]{
	width: 100%;
	height: 30px;
	border: none;
	background: #fff;
	font-size: 20px;
	box-sizing: border-box;
}
.m32 .section1 .con .formwrap .searchwrap .search_box button{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	appearance: none;
	background: none;
	border: none;
}

.m32 .section1 .tablewrap{
	width: 100%;
	overflow-x: auto;
	padding-bottom: 20px;
}
.m32 .section1 .tablewrap table{
	width: 1300px;
	background: #fff;
	border-radius: 20px;
	table-layout: fixed;
	border-collapse: collapse;
}
.m32 .section1 .tablewrap.table2 table{
	width: 100%;
}
.m32 .section1 .tablewrap table th{
	padding: 25px 10px;
	font-size: 24px;
	font-weight: 600;
}
.m32 .section1 .tablewrap table td{
	padding: 25px 10px;
	font-size: 20px;
	color: #333;
	border-top: 1px solid #ccc;
	text-align: center;
}
.m32 .section1 .tablewrap table td.date{
	text-align: center;
}
.m32 .section1 .tablewrap.table1 table .col1{width: 8%;}
.m32 .section1 .tablewrap.table1 table .col2{width: 8%;}
.m32 .section1 .tablewrap.table1 table .col3{width: 13%;}
.m32 .section1 .tablewrap.table1 table .col4{width: 15%;}
.m32 .section1 .tablewrap.table1 table .col5{}
.m32 .section1 .tablewrap.table1 table .col6{width: 15%;}

.m32 .section1 .tablewrap.table2 table .order{width: 300px;}
.m32 .section1 .tablewrap.table2 table .tit{width: calc(100% - 300px);}
.m32 .section1 .tablewrap.table2 table td.tit{text-align: left;}


.m32 .section1 .paging a{border-radius: 50%; background: #fff;}
.m32 .section1 .paging .page_begin{
	background:url(/images/page/page_begin.png) no-repeat center;
	border:0;
}
.m32 .section1 .paging .page_prev{
	background:url(/images/page/page_prev.png) no-repeat center;
	border:0;margin-right:20px;
}
.m32 .section1 .paging .page_next{
	background:url(/images/page/page_next.png) no-repeat center;
	border:0;margin-left:20px;
}
.m32 .section1 .paging .page_end{
	background:url(/images/page/page_end.png) no-repeat center;
	border:0;
}
.m32 .section1 .paging strong{
	background: #BB355E;
}

.m41{}
.m41 .page_tit{
	margin-bottom: 120px;
}
.m41 .slgwrap{
	position: relative;
	width: 94%;
	max-width: 1860px;
	height: 820px;
	margin: 90px auto 0;
	border-radius: 24px;
	overflow: hidden;
}
.m41 .slgwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m41 .slgwrap .bg img{
	width: 100%;
	height: 100%;
	object-fit:cover;
}
.m41 .slgwrap .txtwrap{
	position: absolute;
	left: 50%;
	bottom: 130px;
	transform: translateX(-50%);
	width: 92%;
	max-width: 1560px;
}
.m41 .slgwrap .txtwrap .tit{
	font-size: 32px;
	font-weight: 600;
	color: #fff;
}
.m41 .slgwrap .txtwrap .p{
	font-size: 56px;
	font-weight: 600;
	line-height: 1.3em;
	color: #fff;
	margin-top: 60px;
}

.m41 .section1{
	padding: 160px 0;
}
.m41 .section1 .conwrap{
	display: flex;
}
.m41 .section1 .conwrap .linewrap{
	position: relative;
	width: 12px;
	height: auto;
	background: #f3f3f3;
}
.m41 .section1 .conwrap .linewrap:after{
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -14px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: #BB355E;
	box-sizing: border-box;
	z-index: 2;
}
.m41 .section1 .conwrap .linewrap .line_fill{
	position: absolute;
	width: 100%;
	height: 10%;
	background: #BB355E;
	border-radius: 10px;
} 
.m41 .section1 .conwrap .listwrap{
	width: calc(100% - 12px);
	padding-left: 85px;
}
.m41 .section1 .conwrap .listwrap .list{
	display: flex;
	flex-direction: column;
}
.m41 .section1 .conwrap .listwrap .list + .list{
	margin-top: 160px;
}
.m41 .section1 .conwrap .listwrap .list .txtwrap{
	width: 100%;
	margin-top: 50px;
}
.m41 .section1 .conwrap .listwrap .list .txtwrap .tit{
	font-size: 28px;
	font-weight: 600;
	color: #BB355E;
}
.m41 .section1 .conwrap .listwrap .list .txtwrap strong{
	display: inline-block;
	font-size: 56px;
	font-weight: 600;
	margin: 20px 0;
}
.m41 .section1 .conwrap .listwrap .list .txtwrap p{
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
}
.m41 .section1 .conwrap .listwrap .list .imgwrap{
	width: 100%;
	border-radius: 24px;
	overflow: hidden;
	margin-top: 50px;
}
.m41 .section1 .conwrap .listwrap .list .imgwrap img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .section2{
	padding: 0 0 240px;
}
.m41 .section2 .conwrap{
	position: relative;
	width: 100%;
	padding: 120px 4%;
	border-radius: 20px;
	overflow: hidden;
}
.m41 .section2 .conwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.m41 .section2 .conwrap .bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m41 .section2 .conwrap .txtwrap{
	position: relative;
	width: 100%;
	text-align: center;
}
.m41 .section2 .conwrap .txtwrap strong{
	display: inline-block;
	font-size: 56px;
	font-weight: 600;
	color: #fff;
}
.m41 .section2 .conwrap .txtwrap p{
	font-size: 24px;
	font-weight: 500;
	color: #fff;
	margin: 20px 0 80px;
}
.m41 .section2 .conwrap .txtwrap .downwrap{
	display: flex;
	justify-content: center;
	gap: 24px;
}
.m41 .section2 .conwrap .txtwrap .downwrap a{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 80px;
	border-radius: 20px;
	border: 1px solid #fff;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
}
.m41 .section2 .conwrap .txtwrap .downwrap a i{
	display: block;
	width: 20px;
	height: 23px;
	background: url(/images/page/down_arr.png) no-repeat center / contain;
	margin-left: 20px;
}



.bbs{}
.bbs .section1{
	padding: 160px 0 240px;
}
.bbs .section1 .top{
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.bbs .section1 .top .catewrap{display: flex; gap: 5px;}
.bbs .section1 .top .catewrap li{
	display: inline-block;
}
.bbs .section1 .top .catewrap li a{
	display: inline-block;
	padding: 6px 16px;
	border-radius: 12px;
	border: 1px solid #ccc;
	font-size: 18px;
	font-weight: 700;
}
.bbs .section1 .top .catewrap li.on a{
	border: 1px solid #BB355E;
	background: #BB355E;
	color: #fff;
}

.bbs .section1 .top .formwrap{
	padding: 15px 30px;
	background: #f9f9f9;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	width: fit-content;
	margin-top: 10px;
}
.bbs .section1 .top .formwrap select{
	width: 100px;
	height: 30px;
	font-size: 20px;
	box-sizing: border-box;
	-o-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border: none;
	background: url(/images/page/select_arrow.png) no-repeat right 0 center #f9f9f9;
	cursor: pointer;
}
.bbs .section1 .top .formwrap .search_box{
	display: inline-block;
	width: 300px;
	position: relative;
	padding-left: 30px;
}

.bbs .section1 .top .formwrap .search_box input[type=text]{
	width: 100%;
	height: 30px;
	border: none;
	background: #f9f9f9;
	font-size: 20px;
	box-sizing: border-box;
}
.bbs .section1 .top .formwrap .search_box button{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	appearance: none;
	background: none;
	border: none;
}

.bbs .section1 .list{
	display: flex;
	flex-wrap: wrap;
	row-gap: 40px;
	column-gap: 24px;
}
.bbs .section1 .list > li{
	width: calc((100% - 24px) / 2);
}
.bbs .section1 .list > li > a{
	display: block;
}
.bbs .section1 .list > li .thumb{
	width: 100%;
	aspect-ratio: 500 / 320;
	border-radius: 20px;
	overflow: hidden;
}
.bbs .section1 .list li .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bbs .section1 .list li .txtwrap{
	margin-top: 25px;
}
.bbs .section1 .list li .txtwrap .info{}
.bbs .section1 .list li .txtwrap .info .cate{
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	color: #bb355e;
}
.bbs .section1 .list li .txtwrap .info .bar{
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #c4c4c4;
	margin: 0 10px;
}
.bbs .section1 .list li .txtwrap .info .date{
	display: inline-block;
	font-size: 16px;
	color: #666;
}
.bbs .section1 .list li .txtwrap .tit{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 15px 0 10px;
}
.bbs .section1 .list li .txtwrap .con{
	font-size: 16px;
	color: #666;
	line-height: 1.5em;
	height: 3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.bbs .section1 .list li .tag{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.bbs .section1 .list li .tag li{
	display: inline-block;
	padding: 6px 9px;
	border: 1px solid #ddd;
	border-radius: 30px;
}
.bbs .section1 .list li .tag li a{
	font-size: 14px;
	color: #666;
}
.bbs .section1 .list li .tag li:hover{
	border: 1px solid #000;
	background: #000;
}
.bbs .section1 .list li .tag li:hover a{
	color: #fff;
}


.bbs2{}
.bbs2 .section1{
	padding: 160px 0 240px;
}
.bbs2 .section1 .tablewrap{}
.bbs2 .section1 .tablewrap table{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 24px;
}
.bbs2 .section1 .tablewrap table .col1{width: 100px;}
.bbs2 .section1 .tablewrap table .col2{width: calc(100% - 380px);}
.bbs2 .section1 .tablewrap table .col3{width: 140px;}
.bbs2 .section1 .tablewrap table .col4{width: 140px;}
.bbs2 .section1 .tablewrap table th{
	font-size: 24px;
	font-weight: 600;
	padding: 20px 0;
}
.bbs2 .section1 .tablewrap table td{
	font-size: 20px;
	color: #333;
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.bbs2 .section1 .tablewrap table td.tit{
	text-align: left;
}
.bbs2 .section1 .tablewrap table td.tit a{
	font-size: 20px;
	color: #333;
}




.bbs_view{}
.bbs_view .section1{
	padding: 240px 0;
}
.bbs_view .section1 .titwrap{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto 30px;
}
.bbs_view .section1 .titwrap .info{}
.bbs_view .section1 .titwrap .info .cate{
	display: inline-block;
	font-size: 17px;
	font-weight: 600;
	color: #bb355e;
}
.bbs_view .section1 .titwrap .info .bar{
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #c4c4c4;
	margin: 0 10px;
}
.bbs_view .section1 .titwrap .info .date{
	display: inline-block;
	font-size: 16px;
	color: #666;
}
.bbs_view .section1 .titwrap .tit{
	font-size: 45px;
	font-weight: 600;
	margin: 20px 0 40px;
}
.bbs_view .section1 .titwrap .tag{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.bbs_view .section1 .titwrap .tag li{
	display: inline-block;
	padding: 6px 9px;
	border: 1px solid #ddd;
	border-radius: 30px;
}
.bbs_view .section1 .titwrap .tag li a{
	font-size: 14px;
	color: #666;
}
.bbs_view .section1 .titwrap .tag li:hover{
	border: 1px solid #000;
	background: #000;
}
.bbs_view .section1 .titwrap .tag li:hover a{
	color: #fff;
}
.bbs_view .section1 .conwrap{
	padding: 80px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.bbs_view .section1 .conwrap .inner{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}
.bbs_view .section1 .filewrap{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
}
.bbs_view .section1 .filewrap .inner{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
}
.bbs_view .section1 .filewrap .inner dl{
	display: flex;
}
.bbs_view .section1 .filewrap .inner dl dt{
	width: 120px;
	font-size: 24px;
	font-weight: 600;
}
.bbs_view .section1 .filewrap .inner dl dd{
	width: calc(100% - 120px);
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 10px;
}
.bbs_view .section1 .filewrap .inner dl dd a{
	display: inline-block;
	position: relative;
	padding-left: 32px;
	font-size: 18px;
}
.bbs_view .section1 .filewrap .inner dl dd a:after{
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 21px;
	height: 21px;
	background: url(/images/page/file_icon.png) no-repeat center / contain;
}
.bbs_view .section1 .list_btn{
	margin-top: 80px;
	text-align: center;
}
.bbs_view .section1 .list_btn a{
	display: inline-block;
	width: 320px;
	height: 80px;
	line-height: 80px;
	background: #f3f3f3;
	border-radius: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #666;
}


.mediaPage{}
.mediaPage .section1{
	padding: 160px 0 240px;
}
.mediaPage .section1 .list{
	display: flex;
	flex-wrap: wrap;
	row-gap: 60px;
	column-gap: 24px;
}
.mediaPage .section1 .list > li{
	width: calc((100% - 24px) / 2);
}
.mediaPage .section1 .list > li > a{
	display: block;
}
.mediaPage .section1 .list > li .thumb{
	width: 100%;
	aspect-ratio: 500 / 320;
	border-radius: 20px;
	overflow: hidden;
}
.mediaPage .section1 .list li .thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mediaPage .section1 .list li .txtwrap{
	margin-top: 30px;
}
.mediaPage .section1 .list li .txtwrap .date{
	font-size: 16px;
	color: #666;
}
.mediaPage .section1 .list li .txtwrap .tit{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 15px 0 0;
}

.video_pop{
	position: fixed;
	display: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	max-width: 1100px;
	width: 92%;
	margin: 0 auto;
	z-index: 10000;
	border-radius: 24px;
}
.video_pop .btn_x {
	position: absolute;
	right: 0;
	bottom: calc(100% + 30px);
	width: 58px;
	height: 58px;
	background: url(/images/page/btn_x.png) no-repeat center / contain;
}
.video_pop .conwrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	border-radius: 30px;
}
.video_pop .conwrap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





.m81{}
.m81 .section1{
	padding: 160px 0 240px;
}
.m81 .page_tit{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}
.m81 .page_tit span{
	font-size: 16px;
	color: #666;
}
.m81 .section1 .formwrap{
	padding-top: 80px;
	border-top: 1px solid #ccc;
}
.m81 .section1 .formwrap .inquirywrap{
	display: flex;
	flex-direction: column;
}
.m81 .section1 .formwrap .inquirywrap dl{
	width: 50%;
}
.m81 .section1 .formwrap .inquirywrap dl.maildd{
	width: 80%;
}
.m81 .section1 .formwrap .inquirywrap dl + dl{
	margin-top: 50px;
}
.m81 .section1 .formwrap .inquirywrap dl dt{
	font-size: 24px;
	font-weight: 500;
	color: #111;
	margin-bottom: 16px;
}
.m81 .section1 .formwrap .inquirywrap dl dt span{
	color: #BB355E;
}
.m81 .section1 .formwrap .inquirywrap dl dd{
	width: 100%;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select{
	display: flex;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li{
	margin-right: 24px;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"]{
	display: none;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"] + label{
	position: relative;
	display:inline-block;
	box-sizing:border-box;	
	padding-left: 36px;
	font-size: 16px;
	color: #666;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"]:checked + label{
	color: #000;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"] + label:before{
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-45%);
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"]:checked + label:before{
	border: 1px solid #BB355E;
}

.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"] + label:after{
	display: block;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 50%;
	transform: translateY(-45%);
	box-sizing: border-box;
	background: #F1F1F1;
}
.m81 .section1 .formwrap .inquirywrap dl dd .type_select li input[type="radio"]:checked + label:after{
	background: #BB355E;
}

.m81 .section1 .formwrap .inquirywrap dl dd select {
	width: 100%;
	border: 1px solid #ccc;
	height: 60px;
	padding: 0 40px;
	box-sizing: border-box;
	border-radius: 16px;
	font-size: 16px;
	appearance: none;
	background: url(/images/page/m81_select_arr.png) no-repeat right 40px center;
}
.m81 .section1 .formwrap .inquirywrap dl dd input[type="text"]{
	font-size: 16px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 16px;
	height: 60px;
	padding: 0 24px;
	box-sizing: border-box;
}
.m81 .section1 .formwrap .inquirywrap dl dd input[type="tel"]{
	font-size: 16px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 16px;
	height: 60px;
	padding: 0 24px;
	box-sizing: border-box;
}
.m81 .section1 .formwrap .inquirywrap dl dd .email{
	display: flex;
	align-items: center;
	gap: 12px;
}
.m81 .section1 .formwrap .inquirywrap dl dd .email .etc{
	flex-shrink: 0;
	font-size: 20px;
	color: #666;
	font-weight: 500;
}
.m81 .section1 .formwrap .inquirywrap dl dd .email select{
	padding: 0 24px;
	background: url(/images/page/m81_select_arr.png) no-repeat right 24px center;
}
.m81 .section1 .formwrap .inquirywrap dl.w100{width: 100%;}
.m81 .section1 .formwrap .inquirywrap dl dd textarea {
	box-sizing: border-box;
	width: 100%;
	height: 200px;
	padding: 16px 24px;
	background: #fff;
	border: 1px solid #ccc;;
	outline: 0;
	resize: none;
	border-radius: 24px;
	font-size: 20px;
	line-height: 1.5em;
}

.m81 .section1 .formwrap .agreewrap{
	width: 100%;
	margin-top: 80px;
	padding: 80px 0;
	border-top: 1px solid #ccc;
}
.m81 .section1 .formwrap .agreewrap .tit{
	font-size: 32px;
	font-weight: 600;
}
.m81 .section1 .formwrap .agreewrap .allAgree{
	margin: 40px 0;
}
.m81 .section1 .formwrap .agreewrap .allAgree input[type="checkbox"]{
	opacity: 0;
	width: 0.0001px;
	height: 0.0001px;
}
.m81 .section1 .formwrap .agreewrap .allAgree input[type="checkbox"] + label{
	position: relative;
	padding-left: 48px;
	font-size: 24px;
}
.m81 .section1 .formwrap .agreewrap .allAgree input[type="checkbox"] + label:before{
	display: block;
	content: "";
	width: 32px;
	height: 32px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	background: url(/images/page/m81_check_icon1.png) no-repeat center / contain;
}
.m81 .section1 .formwrap .agreewrap .allAgree input[type="checkbox"]:checked + label:before{
	background: url(/images/page/m81_check_icon2.png) no-repeat center / contain;
}
.m81 .section1 .formwrap .agreewrap .allAgree .info{
	margin-top: 20px;
	padding-left: 48px;
	font-size: 16px;
	line-height: 1.5em;
	color: #555;
}
.m81 .section1 .formwrap .agreewrap .box{
	width: 100%;
	padding: 40px;
	border-radius: 16px;
	border: 1px solid #ccc;
}
.m81 .section1 .formwrap .agreewrap .box > div + div{
	margin-top: 30px;
}
.m81 .section1 .formwrap .agreewrap .box dl{
	margin-bottom: 20px;
}
.m81 .section1 .formwrap .agreewrap .box dl dt{
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 10px;
}
.m81 .section1 .formwrap .agreewrap .box dl dd{
	font-size: 18px;
	color: #555;
}
.m81 .section1 .formwrap .agreewrap .box input[type="checkbox"]{
	opacity: 0;
	width: 0.0001px;
	height: 0.0001px;
}
.m81 .section1 .formwrap .agreewrap .box input[type="checkbox"] + label{
	position: relative;
	padding-left: 36px;
	font-size: 16px;
}
.m81 .section1 .formwrap .agreewrap .box input[type="checkbox"] + label:before{
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
	background: url(/images/page/m81_check_icon1.png) no-repeat center / contain;
}
.m81 .section1 .formwrap .agreewrap .box input[type="checkbox"]:checked + label:before{
	background: url(/images/page/m81_check_icon2.png) no-repeat center / contain;
}

.m81 .section1 .formwrap .btnwrap{
	padding-top: 80px;
	border-top: 1px solid #ccc;
	text-align: center;
}
.m81 .section1 .formwrap .btnwrap button{
	display: inline-block;
	width: 320px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #F3F3F3;
	border: none;
	border-radius: 24px;
	font-size: 20px;
	font-weight: 500;
	color: #666;
}



.m82{}
.m82 .section1{
	padding: 160px 0 240px;
}
.m82 .section1 ul{
	display: flex;
	flex-wrap: wrap;
	column-gap: 24px;
	row-gap: 60px;
}
.m82 .section1 li{
	width: calc((100% - 72px) / 4);
}
.m82 .section1 li a{
	display: block;
	width: 100%;
	padding: 40px 16px;
	border-radius: 20px;
	background: #F1F1F1;
}
.m82 .section1 li a .top{
	display: flex;
	justify-content: space-between;
}
.m82 .section1 li a .top .cate{
	font-size: 24px;
	font-weight: 500;
	color: #BB355E;
}
.m82 .section1 li a .thumb{
	margin: 32px 0;
	width: 100%;
	aspect-ratio: 1;
	border-radius: 20px;
}
.m82 .section1 li a .txtwrap{}
.m82 .section1 li a .txtwrap .tit{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.3em;
	color: #111;
}
.m82 .section1 li a .txtwrap .date{
	margin-top: 8px;
	font-size: 16px;
	color: #666;
}






@-webkit-keyframes showImg{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes showImg2{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
0%{ clip-path: polygon(0 0, 28% 0, 58% 100%, 0 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
}
@-webkit-keyframes showImg3{
0%{ clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%); }
animation-delay: 1s;
}
@-webkit-keyframes opacityAni{
0%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes scaleAni{
0%{opacity:0;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes scaleAni2{
0%{opacity:0.5;transform:scale(1.3);}
100%{opacity:1;transform:scale(1);}
}
@-webkit-keyframes fadeUpAni{
0%{opacity:0; transform:translateY(30px);}
100%{opacity:1;transform:translateY(0);}
}
@-webkit-keyframes fadeLeftAni{
0%{opacity:0; transform:translateX(-50px);}
100%{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes fadeRightAni{
0%{opacity:0; transform:translateX(50px);}
100%{opacity:1;transform:translateX(0);}
}

.fadeUp{opacity: 0;}
.fadeLeft{opacity: 0;}
.fadeRight{opacity: 0;}
.showImg{opacity: 0;}

.showImg.in-view{animation-name: showImg;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; opacity: 1;}
.showImg2.in-view{animation-name: showImg2;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; opacity: 1;}
.showImg3.in-view{animation-name: showImg3;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1s; opacity: 1;}
.opacity.in-view{animation-name: opacityAni;animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s;}
.fadeUp.in-view{animation-name: fadeUpAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1s; opacity: 1;}
.fadeLeft.in-view{animation-name: fadeLeftAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.fadeRight.in-view{animation-name: fadeRightAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01);animation-duration: 1.4s; opacity: 1;}
.scaleAni.in-view{animation-name: scaleAni; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 2s; }
.scaleAni2.in-view{animation-name: scaleAni2; animation-timing-function: cubic-bezier(0.42, 0, 0.14, 1.01); animation-duration: 1.5s; }




.page_top .txtwrap h2{overflow: hidden;}
.page_top .txtwrap h2 span{
	display: inline-block;
	transform: translateY(100%);
}
.page_top.in-view .txtwrap h2 span{transform: translateY(0); transition: all 1.2s 0.1s;}

.page_top .txtwrap .slg .txt{overflow: hidden;}
.page_top .txtwrap .slg .txt span{display: inline-block;transform: translateY(100%);}
.page_top.in-view .txtwrap .slg .txt1 span{transform: translateY(0); transition: all 1.2s 0.2s;}
.page_top.in-view .txtwrap .slg .txt2 span{transform: translateY(0); transition: all 1.2s 0.3s;}

.page_top .imgwrap > div{transform: scale(1.2);}
.page_top.in-view .imgwrap > div{transform: scale(1); transition: all 1.7s;}


.m11 .section1 .conwrap .imgwrap .img1{opacity: 0; transform: translateY(60px);}
.m11 .section1 .conwrap .imgwrap.in-view .img1{opacity: 1;transform: translateY(0); transition: all 1.2s 0.2s;}

.m11 .section1 .conwrap .imgwrap .img2{opacity: 0; transform: translateY(-60px);}
.m11 .section1 .conwrap .imgwrap.in-view .img2{opacity: 1;transform: translateY(0); transition: all 1.2s 0.2s;}


.m11 .section2 .conwrap li{opacity: 0; transform: translateY(40px);}
.m11 .section2 .conwrap ul.in-view li:nth-child(1){opacity: 1; transform: translateY(0); transition: all 1.2s 0.1s;}
.m11 .section2 .conwrap ul.in-view li:nth-child(2){opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}
.m11 .section2 .conwrap ul.in-view li:nth-child(3){opacity: 1; transform: translateY(0); transition: all 1.2s 0.3s;}




.m20 .section1 .introImg img{opacity: 0; transform: scale(0.9);}
.m20 .section1 .introImg.in-view img{opacity: 1; transform: scale(1); transition: all 1.5s 0.2s;}



.m211 .section1 .introTxt h3 > span{display: inline-block; opacity: 0; transform: translateY(30px);}
.m211 .section1 .introTxt.in-view h3 > span:nth-child(1){opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}
.m211 .section1 .introTxt.in-view h3 > span:nth-child(2){opacity: 1; transform: translateY(0); transition: all 1.2s 1s;}

.m212 .section1 .introTxt h3{opacity: 0; transform: translateY(30px);}
.m212 .section1 .introTxt.in-view h3{opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}


.m213 .section1 .introTxt h3{opacity: 0; transform: scale(0.9);}
.m213 .section1 .introTxt.in-view h3{opacity: 1; transform: scale(1); transition: all 1.2s 0.2s;}

.m213 .section1 .introTxt h3 span:after{width: 0;}
.m213 .section1 .introTxt.in-view h3 span:after{width: 100%; transition: all 0.6s 1s;}

.m221 .section1 .introTxt h3{opacity: 0; transform: translateY(30px);}
.m221 .section1 .introTxt.in-view h3{opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}

.m222 .section1 .introTxt h3{opacity: 0; transform: translateY(30px);}
.m222 .section1 .introTxt.in-view h3{opacity: 1; transform: translateY(0); transition: all 1.2s 0.2s;}


.m31 .section1 .conwrap .imgwrap.in-view img{
animation-name: imgMotion;
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-timing-function: ease-in-out;
        animation-delay: 0.1s;
        opacity: 0;
    }
	@keyframes imgMotion{
	0% { clip-path: inset(50%);opacity:0; }
	100% {clip-path: inset(0);opacity:1;}
}



.m41 .slgwrap .bg{transform: scale(1.2);}
.m41 .slgwrap.in-view .bg{transform: scale(1); transition: all 1.7s;}

.m41 .slgwrap .txtwrap .tit{overflow: hidden;}
.m41 .slgwrap .txtwrap .tit span{
	display: inline-block;
	transform: translateY(100%);
}
.m41 .slgwrap.in-view .txtwrap .tit span{transform: translateY(0); transition: all 1.2s 0.1s;}

.m41 .slgwrap .txtwrap .p .txt{overflow: hidden;}
.m41 .slgwrap .txtwrap .p .txt span{display: inline-block;transform: translateY(100%);}
.m41 .slgwrap.in-view .txtwrap .p .txt1 span{transform: translateY(0); transition: all 1.2s 0.2s;}
.m41 .slgwrap.in-view .txtwrap .p .txt2 span{transform: translateY(0); transition: all 1.2s 0.3s;}


.m41 .section1 .conwrap .listwrap .list .imgwrap.in-view{
	animation-name: imgMotion;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 0.1s;
	opacity: 0;
}