/* common */
.section{
	padding: 130px 0;
}

.tit{
	font-size: 40px;
	font-weight: 600;
	color: #1c1c1c;
	margin-bottom: 30px;
}

.tit.center{
	text-align: center;
}

.tit .sm{
	color: var(--mainCol);
	color: #d1deee;
	font-size: 20px;
	display: block;
	text-transform: capitalize;
	font-family: "gmm";
	margin-bottom: 10px;
}

.conTxt{
	line-height: 1.8;
	font-size: 18px;
}

/* visual */
.visual{
	max-width: 1800px;
	width: 97%;
	border-radius: 50px;
	overflow: hidden;
	margin: auto;
}

.visual .slideUl{
	margin-bottom: 0 !important;
}

.visual .slideLi{
	position: relative;
	height: calc(100vh - 100px - 40px);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: cover;
	background-image: url(/include/img/visual01.jpg);
}

.visual .slideLi.slick-current{
	animation: visual 3s forwards;
}

@keyframes visual{
	0%{background-position: left -30px center;}
	100%{background-position: left 0px center;}
}

.visual .slideLi.slideLi1{
	background-image: url(/include/img/visual02.jpg);
}

.visual .slideLi.slideLi2{
	background-image: url(/include/img/visual01.jpg);
}

.visual .slideLi.slideLi3{
	background-image: url(/include/img/visual03.jpg);
}

.visual .slideLi .txtBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-end;
	box-sizing: border-box;
	padding: 70px;
}

.visual .slideLi .txtBox h2{
	color: #fff;
	font-size: 50px;
	line-height: 1.4;
	width: 100%;
	margin-bottom: 20px;
}

.visual .slideLi .txtBox p{
	font-size: 30px;
	color: #fff;
	line-height: 1.4;
}

.visual .slideLi img{
	max-width: 100%;
	width: 100%;
}

.visual .slick-dots{
	bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.visual .slick-dots li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	margin: 0 10px;
}

.visual .slick-dots li.slick-active{
	background: var(--mainCol);
}

.visual .slick-dots li button,
.visual .slick-dots li button::before{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	opacity: 0;
}

/* section1 */
.section1{
	overflow: hidden;
}

.section1 .inner{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.section1 .inner .tit{
	margin-bottom: 20px;
}

.section1 .leftBox{
	width: 700px;
	position: relative;
	z-index: 3;
}

.section1 .btnBox{
	display: flex;
	margin-top: 30px;
}

.section1 .btnBox li{
	cursor: pointer;
	width: 50px;
}

.section1 .btnBox li + li{
	margin-left: 15px;
}

.section1 .btnBox li img{
	width: 100%;
}

.section1 .rightBox{
	width: calc(100% - 700px);
	position: relative;
}

.section1 .rightBox::before{
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	width: 1000px;
	height: 100%;
	background: #fff;
	z-index: 2;
}

.section1 .slick-list{
	overflow: visible;
}

.section1 .slideUl{
	width: 65%;
}

.section1 .slideLi{
	border: 2px solid #666;
	margin: 0 15px;
	border-radius: 40px;
	background-repeat: no-repeat;
	background-position: bottom right 20px;
	background-size: contain;
	transition: all 0.3s;
}

.section1 .slideLi:hover{
	border-color: var(--mainCol)
}

.section1 .slideLi a{
	height: 420px;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 50px 70px;
}

.section1 .slideLi a p{
	font-size: 18px;
	line-height: 1.7;
}

.section1 .slideLi a h3{
	margin: 15px 0 25px;
	font-size: 20px;
	line-height: 1;
}

.section1 .slideLi a h3 strong{
	font-size: 40px;
}

.section1 .slideLi a .more{
	display: inline-block;
	background: #182e4e;
	color: #fff;
	font-size: 18px;
	padding: 5px 30px;
	line-height: 1;
	border-radius: 100px;
	font-family: "gmm";
	transition: all 0.3s;
}

.section1 .slideLi:hover a .more{
	background: var(--mainCol);
}

/* section2 */
.section2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.section2 ul li {
  position: relative;
  width: calc(48%/2 - 60px/2);
  border-radius: 30px;
  margin-top: 30px;
  box-sizing: border-box;
  overflow: hidden;
  /* box-shadow: rgba(0,0,0,0.1) 0 0 10px; */
  border: 2px solid #fff;
  transition: all 0.4s;
}

.section2 ul li:hover{
	border: 2px solid var(--mainCol);
}

.section2 ul li::before {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, #feddca, #fef4ef);
  background: #f6f8fa;
  transition: opacity 0.4s;
  z-index: 0;
}

.section2 ul li::after {
  content: "";
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(90deg, #ff5b01, #fc7d38);
  background: #fff;
  opacity: 0;
  transition: opacity 0.4s;
  z-index: 1;
}

.section2 ul li:hover::after {
  opacity: 1;
}

.section2 ul li.big{
	width: 52%;
}

.section2 ul li:nth-child(-n+3){
	margin-top: 0;
}

.section2 ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 50px;
	position: relative;
	z-index: 2;
}

.section2 ul li a h5{
	font-size: 24px;
	line-height: 1;
	/* transition: all 0.4s; */
}

.section2 ul li:hover a h5{
	/* color: #fff; */
}

.section2 ul li img.on{
	display: none;
}

/* .section2 ul li:hover img.on{
	display: block;
}

.section2 ul li:hover img.off{
	display: none;
} */

/* section3 */
.section3{
	overflow: hidden;
}

.section3 .slick-list{
	overflow: visible;
}

.section3 .slideUl{
	width: 80%;
}

.section3 .slideLi{
	margin-right: 30px;
}

.section3 .slideLi a{
	display: flex;
	width: 100%;
	border: 1px solid #eaeaea;
	border-radius: 30px;
}

.section3 .slideLi .imgBox{
	border-radius: 30px;
	overflow: hidden;
	width: 263px;
}

.section3 .slideLi .imgBox img{
	width: 100%;
}

.section3 .slideLi .txtBox{
	box-sizing: border-box;
	padding: 50px 30px;
	width: calc(100% - 263px);
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.section3 .slideLi .txtBox div{
	width: 100%;
}

.section3 .slideLi .txtBox h3{
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
	width: 100%;
}

.section3 .slideLi .txtBox p{
	color: #4f4f4f;
	font-size: 15px;
	line-height: 1.8;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	width: 100%;
}

.section3 .slideLi .txtBox .proDiv{
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.section3 .slideLi .txtBox .proDiv .profile{
	width: 62px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 15px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}

.section3 .slideLi .txtBox .proDiv + .proDiv{
	display: none;
}

.section3 .slideLi .txtBox .proDiv .profile img{
	opacity: 0 !important;
}

.section3 .slideLi .txtBox .proDiv span{
	font-weight: 600;
	font-size: 16px;
}

.section3 .slideLi .txtBox .more{
	display: inline-block;
	background: #182e4e;
	transition: all 0.3s;
	color: #fff;
	font-size: 18px;
	padding: 5px 30px;
	line-height: 1;
	border-radius: 100px;
	font-family: "gmm";
}

.section3 .slideLi:hover .txtBox .more{
	background: var(--mainCol);
}

/* section4 */
.section4 article{
	display: flex;
	justify-content: space-between;
}

.section4 article > div{
	background: #fffbf8;
	background: #f6f8fa;
	padding: 25px 30px;
	border-radius: 30px;
}

.section4 article .leftBox{
	width: 45%;
}

.section4 article .leftBox .cateBox{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.section4 article .leftBox .cateBox span{
	background: #fff;
	display: inline-block;
	padding: 10px 30px;
	font-size: 16px;
	border-radius: 100px;
	line-height: 1;
	margin-right: 15px;
	cursor: pointer;
}

.section4 article .leftBox .cateBox span.on{
	font-weight: 600;
	color: #fff;
	background: var(--mainCol);
	background: #182e4e;
}

.section4 article .leftBox .listBox ul{
	display: none;
}

.section4 article .leftBox .listBox ul.on{
	display: block;
}

.section4 article .leftBox .listBox ul li{
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	padding: 30px;
	padding-right: 30%;
	position: relative;
}

.section4 article .leftBox .listBox ul li + li{
	margin-top: 15px;
}

.section4 article .leftBox .listBox ul li h5{
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 15px;
}

.section4 article .leftBox .listBox ul li p{
	font-size: 18px;
	line-height: 1.7;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.section4 article .leftBox .listBox ul li span{
	font-size: 16px;
	color: var(--mainCol);
	color: #999;
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0%,-50%);
}

.section4 article .rightBox{
	width: calc(100% - 45% - 50px);
	display: flex;
	justify-content: center;
}

.section4 article .mapDiv{
	position: relative;
	max-width: 424px;
	margin: auto;
}

.section4 article .mapDiv img{
	max-width: 100%;
}

.section4 article .mapDiv .spot{
	border: 3px solid #ff5b01;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	position: absolute;
	top: 200px;
	left: 150px;
	transform: translate(-50%,-50%);
	animation: spot 6s infinite;
	opacity: 0;
}

@keyframes spot{
	0%{transform: translate(-50%,-50%) scale(0.2);opacity: 0;}
	80%{transform: translate(-50%,-50%) scale(1);opacity: 0.7;}
	90%{transform: translate(-50%,-50%) scale(0.2);opacity: 0;}
	100%{transform: translate(-50%,-50%) scale(0.2);opacity: 0;}
}

.section4 article .mapDiv .spot::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: radial-gradient(circle at center, #ff5b01 0%, transparent 60%);
	border-radius: 50%;
}

.section4 article .mapDiv .spot[data-num="1"]{
	top: 10%;
	left: 40%;
	animation-delay: 0.2s;
}

.section4 article .mapDiv .spot[data-num="2"]{
	top: 30%;
	left: 35%;
	animation-delay: 1.2s;
}

.section4 article .mapDiv .spot[data-num="3"]{
	top: 20%;
	left: 70%;
	animation-delay: 0.6s;
}

.section4 article .mapDiv .spot[data-num="4"]{
	top: 40%;
	left: 55%;
}

.section4 article .mapDiv .spot[data-num="5"]{
	top: 37%;
	left: 85%;
	animation-delay: 0.4s;
}

.section4 article .mapDiv .spot[data-num="6"]{
	top: 55%;
	left: 40%;
	animation-delay: 1s;
}

.section4 article .mapDiv .spot[data-num="7"]{
	top: 60%;
	left: 87%;
	animation-delay: 1.4s;
}

.section4 article .mapDiv .spot[data-num="8"]{
	top: 65%;
	left: 65%;
	animation-delay: 0.8s;
}

.section4 article .mapDiv .spot[data-num="9"]{
	top: 80%;
	left: 20%;
	animation-delay: 1.6s;
}

/* section5 */
.section5{
	overflow-x: hidden;
}

.section5 .slick-list{
	overflow: visible;
}

.section5 .slideUl{
	width: 80%;
}

.section5 .slideLi{
	border-radius: 30px;
	background: #fffbf8;
	background: #fafafa;
	margin-right: 30px;
	overflow: hidden;
}

.section5 .slideLi .txtBox{
	box-sizing: border-box;
	padding: 30px;
}

.section5 .slideLi .txtBox .cateSpan{
	border-radius: 100px;
	background: var(--mainCol);
	background: #182e4e;
	transition: all 0.3s;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.section5 .slideLi:hover .txtBox .cateSpan{
	/* background: var(--mainCol); */
}

.section5 .slideLi .txtBox .cateSpan img{
	width: 16px;
	margin-right: 9px;
}

.section5 .slideLi .txtBox h3{
	font-size: 24px;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
}

.section5 .slideLi .txtBox p{
	font-size: 18px;
	line-height: 1.7;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.section5 .slideLi .txtBox .dateSpan{
	text-align: right;
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-top: 15px;
	color: var(--mainCol);
	color: #999;
}

.section5 .slideLi .imgBox{
	height: 210px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-radius: 30px;
}

/* section7 */
.section7 article{
	display: flex;
	justify-content: space-between;
}

.section7 .inner .leftBox{
	width: 45%;
}

.section7 .onlineForm{
	background: #fffbf8;
	background: #f6f8fa;
	border: 0;
}

.section7 .onlineForm .formTit{
	text-align: left;
}

.section7 .onlineForm .formP{
	display: none;
}

.section7 .onlineForm ul li .inputBox input, 
.section7 .onlineForm ul li .inputBox select, 
.section7 .onlineForm ul li .inputBox textarea {
    background: #fff;
}

.section7 .onlineForm ul li .inputBox textarea{
	height: 150px;
}

.section7 .inner .rightBox {
    width: calc(100% - 45% - 50px);
    border-radius: 30px;
    overflow: hidden;
}

.section7 .inner .rightBox iframe{
	width: 100%;
	height: 560px;
}

.section7 .inner .rightBox > *{
	width: 100%;
	height: 560px;
}



/* ---------------------------------------------------------- 1600 */
@media screen and (max-width: 1600px){

/* common */
.tit{
	font-size: 36px;
}

/* section1 */
.section1 .leftBox{
	width: 600px;
}

.section1 .rightBox{
	width: calc(100% - 600px);
}

.section1 .slideUl{
	width: 75%;
}

.section1 .slideLi a{
	height: 420px;
	padding: 40px 50px;
}

.section1 .slideLi a h3{
	font-size: 20px;
}

.section1 .slideLi a h3 strong{
	font-size: 36px;
}

/* section2 */
.section2 ul li a{
	padding: 50px 30px;
}

.section2 ul li a h5{
	font-size: 24px;
	line-height: 1;
	/* transition: all 0.4s; */
}

.section2 ul li img{
	width: 65px;
}

/* section3 */

/* section4 */
.section4 article .leftBox .listBox ul li h5{
	font-size: 22px;
}

.section4 article .leftBox .listBox ul li p{
	font-size: 18px;
}

.section4 article .leftBox .listBox ul li span{
	font-size: 16px;
}

/* section5 */
.section5 .slideUl{
	width: 100%;
}

.section5 .slideLi .txtBox h3{
	font-size: 22px;
	line-height: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 15px;
}

.section5 .slideLi .txtBox p{
	font-size: 18px;
}

.section5 .slideLi .imgBox{
	height: 210px;
}

/* section7 */






}




/* ---------------------------------------------------------- 720 */
@media screen and (max-width: 720px){

/* common */
.section{
	padding: 20vw 0;
}

.tit{
	font-size: 5.5vw;
	margin-bottom: 5vw;
}

.tit .sm{
	font-size: 3vw;
	margin-bottom: 2vw;
}

.conTxt{
	font-size: 3.5vw;
}

/* visual */
.visual{
	width: 90%;
	border-radius: 5vw;
	overflow: hidden;
	margin: auto;
}

.visual .slideLi{
	height: calc(100vh - 80px - 80px);
}

.visual .slideLi.slideLi1{
	background-image: url(/include/img/visual02.jpg);
}

.visual .slideLi.slideLi2{
	background-image: url(/include/img/visual01_m.jpg);
}

.visual .slideLi.slideLi3{
	background-image: url(/include/img/visual03.jpg);
}

.visual .slick-dots{
	bottom: 5vw;
}

.visual .slick-dots li{
	width: 2vw;
	height: 2vw;
	margin: 0 1vw;
}

.visual .slideLi .txtBox{
	padding: 6vw;
	align-content: center;
	text-align: center;
}

.visual .slideLi .txtBox h2{
	font-size: 6vw;
	margin-bottom: 4vw;
}

.visual .slideLi .txtBox p{
	font-size: 3.5vw;
	width: 100%;
}

/* section1 */
.section1 .inner{
	flex-wrap: wrap;
	justify-content: center;
}

.section1 .inner .tit{
	margin-bottom: 4vw;
}

.section1 .leftBox{
	width: 100%;
}

.section1 .btnBox{
	margin-top: 3vw;
}

.section1 .btnBox li{
	width: 8vw;
}

.section1 .btnBox li + li{
	margin-left: 3vw;
}

.section1 .rightBox{
	width: calc(100%);
	margin-top: 5vw;
}

.section1 .slideUl{
	width: 100%;
}

.section1 .slideLi{
	margin: 0;
	margin-right: 3vw;
	border-radius: 5vw;
	background-position: bottom right 0vw;
	background-size: 70% auto;
}

.section1 .slideLi a{
	height: 80vw;
	padding: 5vw 5vw;
}

.section1 .slideLi a p{
	font-size: 3vw;
}

.section1 .slideLi a h3{
	margin: 3vw 0 4vw;
	font-size: 4vw;
}

.section1 .slideLi a h3 strong{
	font-size: 5vw;
	font-weight: 600;
}

.section1 .slideLi a .more{
	font-size: 3.5vw;
	padding: 1vw 5vw;
}

/* section2 */
.section2 ul{
	justify-content: space-between;
}

.section2 ul li {
	width: calc(100%/2 - 3vw/2) !important;
	border-radius: 5vw;
	margin-top: 4vw !important;
}

.section2 ul li.big{
	/* width: 50% !important; */
}

.section2 ul li:nth-child(-n+2){
	margin-top: 0 !important;
}

.section2 ul li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 5vw 3vw;
	position: relative;
	z-index: 2;
}

.section2 ul li a h5{
	font-size: 3.5vw;
}

.section2 ul li a img{
	width: 8vw;
}

/* section3 */
.section3 .slideUl{
	width: 100%;
}

.section3 .slideLi{
	margin-right: 5vw;
}

.section3 .slideLi a{
	border-radius: 5vw;
}

.section3 .slideLi .imgBox{
	border-radius: 5vw;
	width: 45%;
}

.section3 .slideLi .imgBox img{
	width: 100%;
}

.section3 .slideLi .txtBox{
	padding: 5vw 3vw;
	width: calc(100% - 45%);
}

.section3 .slideLi .txtBox div{
	width: 100%;
}

.section3 .slideLi .txtBox h3{
	font-size: 4vw;
	margin-bottom: 3vw;
}

.section3 .slideLi .txtBox p{
	font-size: 3vw;
	-webkit-line-clamp: 2;
}

.section3 .slideLi .txtBox .proDiv{
	margin: 4vw 0;
}

.section3 .slideLi .txtBox .proDiv .profile{
	width: 10vw;
	margin-right: 2vw;
}

.section3 .slideLi .txtBox .proDiv .profile img{
	max-width: 100%;
}

.section3 .slideLi .txtBox .proDiv span{
	font-size: 3vw;
}

.section3 .slideLi .txtBox .more{
	font-size: 3.5vw;
	padding: 1vw 4vw;
}

/* section4 */
.section4 article{
	flex-wrap: wrap;
	justify-content: center;
}

.section4 article > div{
	padding: 4vw 5vw;
	border-radius: 5vw;
}

.section4 article .leftBox{
	width: 100%;
	margin-bottom: 5vw;
}

.section4 article .leftBox .cateBox{
	margin-bottom: 3vw;
}

.section4 article .leftBox .cateBox span{
	padding: 1vw 4vw;
	font-size: 3vw;
	margin-right: 3vw;
}

.section4 article .leftBox .listBox ul li{
	border-radius: 3vw;
	padding: 5vw;
	padding-right: 30%;
}

.section4 article .leftBox .listBox ul li + li{
	margin-top: 3vw;
}

.section4 article .leftBox .listBox ul li h5{
	font-size: 4vw;
	margin-bottom: 3vw;
}

.section4 article .leftBox .listBox ul li p{
	font-size: 3vw;
}

.section4 article .leftBox .listBox ul li span{
	font-size: 3vw;
	right: 5vw;
}

.section4 article .rightBox{
	width: calc(100%);
}

.section4 article .mapDiv{
	position: relative;
	max-width: 424px;
	margin: auto;
}

.section4 article .mapDiv img{
	max-width: 100%;
}

.section4 article .mapDiv .spot{
	border: 2px solid #ff5b01;
	width: 40px;
	height: 40px;
}

/* section5 */
.section5 .slideUl{
	width: 100%;
}

.section5 .slideLi{
	border-radius: 5vw;
	margin-right: 5vw;
}

.section5 .slideLi .txtBox{
	padding: 5vw;
}

.section5 .slideLi .txtBox .cateSpan{
	font-size: 3.5vw;
	width: 20vw;
	padding: 1vw 2vw;
	margin-bottom: 4vw;
}

.section5 .slideLi .txtBox .cateSpan img{
	width: 3.5vw;
	margin-right: 1vw;
}

.section5 .slideLi .txtBox h3{
	font-size: 4vw;
	margin-bottom: 3vw;
}

.section5 .slideLi .txtBox p{
	font-size: 3.5vw;
	-webkit-line-clamp: 1;
}

.section5 .slideLi .txtBox .dateSpan{
	font-size: 3vw;
	margin-top: 3vw;
}

.section5 .slideLi .imgBox{
	height: 50vw;
	border-radius: 5vw;
}

/* section7 */
.section7 article{
	flex-wrap: wrap;
}

.section7 .inner .leftBox{
	width: 100%;
	margin-bottom: 5vw;
}

.section7 .onlineForm ul li .inputBox textarea{
	height: 30vw;
}

.section7 .inner .rightBox{
	width: calc(100%);
	border-radius: 5vw;
}

.section7 .inner .rightBox iframe{
	height: 70vw;
}

.section7 .inner .rightBox > *{
	height: 250px;
}












}