/**********

common

************/
/** buttons **/
.index-video-wrap .common-btn,
.index-solution-section .common-btn,
.index-support-section .common-btn,
.index-voice-section .common-btn {
	display: block;
	font-size: 18px;
	height: 60px;
	line-height: 60px;
	width: 368px;
	padding: 0 16px;
	margin: 0 auto;
}

/** layout **/
.index-video-wrap,
.index-solution-section,
.index-support-section,
.index-voice-section {
	width: 1040px;
	height: auto;

	padding-bottom: 62px;
	margin: 0 auto;

	text-align: center;
}

/** h3 underline **/
.index-video-wrap h3 span,
.index-solution-section h3 span,
.index-support-section h3 span,
.index-voice-section h3 span{
	border-bottom: 5px solid #FFE200;
	font-size: inherit;
	padding: 0 10px;
}
.index-support-title-sp {
	display: none; 
}
/**********

slideshow

************/
.sliderImg{
	width: 100%;
}
.swiper-pagination-bullet-active,
.swiper-pagination-bullet{
	background:#6BB84E!important;
}
.swiper-button-prev{
	background-image: url(/images/prevIcon.svg)!important;
	background-size: 62px 62px!important;
	width: 62px!important;
	height: 62px!important;
}
.swiper-button-next{
	background-image: url(/images/nextIcon.svg)!important;
	background-size: 62px 62px!important;
	width: 62px!important;
	height: 62px!important;
}
.swiper-wrapperPC{
  max-width: 1080px;
}
.swiper-wrapperSP{
	display: none;
}
/**********

news

************/
.index-news{
    margin: 0 auto 50px;
    width: 70%;
}
.index-news-label{
    display: flex;
    justify-content: center;
    color: #6BB84E;
	font-size: 22px;
    margin: 30px auto 20px;
}
.index-news-list{
    display: flex;
    justify-content: center;
    margin: 30px auto 30px;
    color: #626161;
}
.index-news-list li{
    margin: 0 0 10px;
}
.index-news-list a{
    color: #6BB84E;
}
.index-news-list a:hover{
	text-decoration: underline;
	text-decoration-color: #000;
}
.index-news p{
    text-align: center;
    font-size: 18px;
    color: #707070;
}
.index-news p a{
    color: #626161;
}

.announcement-more{
	font-size: 16px;
}

.announcement-more:hover{
	text-decoration: underline;
}

@media screen and (max-width: 1080px) {
    .index-news{
        width: 80%;
        margin: 0 auto 30px;
    }
    .index-news-label{
        display: flex;
        justify-content: center;
        color: #6BB84E;
	    font-size: 22px;
        margin: 30px auto 20px;
    }
    .index-news p{
        text-align: center;
    }
}

@media screen and (max-width: 680px) {
    .index-news{
        width: 80%;
        margin: 0 auto 30px;
    }
}

/**********

video

************/
.index-video{
	backgroun4-color: #E8EFE2;
	padding-top: 30px;
}

.index-video-wrap{
	/* padding-bottom: 62px; */
	/* margin: 0 auto; */
	/* width: 1040px; */
	position: relative;
	text-align: center;
	object-fit: cover;

	background-image: url(/images/indexVideoBg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.index-video h3{
	font-weight: 200;
	width: 50%;
	margin: 0 auto;
	/* padding-top: 192px; */
}
.index-video h3 span{
	color: #14AAA2;
	border-bottom: 5px solid #FFE200;
	font-size: inherit;
}
.index-video p{
	padding: 24px 0;
	width: 64%;
	margin: 0 auto;
	line-height: 32px;
	text-align: left;
}
.index-video-youtube{
  position:relative;
  width:60%;
  padding-top:36.25%;
  margin: 0 auto;
}
.index-video-youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.index-video-wrap h2{
	padding: 0 41%;
}
.index-video h2 img{
	width: 100%;
	height: auto;
}

.index-video-wrap .index-video-btn {
	margin: 75px 0 0;
}

/**********

solution

************/
.index-solution{
	background-color: #D6EB9B;
	padding-top: 61px;
}
.index-solution-section{
	/* margin:0 auto; */
	/* width:1040px; */
	/* max-width: 1280px; */
	/* text-align: center; */
	/* padding: 80px 0; */
	background-image: url(/images/indexSolutionBg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.index-solution-section-title h3{
	font-weight: 100;
	margin: 0 auto;
	line-height: 2em;
	/* padding-top: 180px; */
}
.index-solution-section-title h3 span{
	color: #14AAA2;
	font-size: inherit;
}
.index-solution-section-title{
	width: 50%;
	margin: 0 auto;
	/* background:url(../images/index/indexSolutionIcon.png) no-repeat; */
	background-position: center;
	background-size: contain;
	position: relative;
	text-align: center;
	object-fit: cover;
	background-size: 70%;
	margin-bottom: 50px;
}
.index-solution-section-content{
	display: flex;
}
.index-solution-section-content-box{
	width: 50%;
	background-color: #ffffff;
	color: #6BB84E;
	padding: 32px;
	position: relative;
	display: inline-flex;
	align-items: center;
	box-shadow: 0 0 0 2px #6BB84E inset;
}
.index-solution-section-content-box:nth-of-type(1){
	margin: 16px 16px 16px 0;
}
.index-solution-section-content-box:nth-of-type(2){
	margin: 16px 0 16px 16px;
}
.index-solution-section-content-box span{
	margin-top: 8px;
}
.index-solution-section-content-box span::after{
	background-color: #BEBEBE;
	content: '';
	width: 1px;
	height: 80%;
	top: 10%;
	margin: 0 16px;
	position: absolute;
}
.index-solution-section-content-box p{
	text-align: left;
    color: #707070;
    padding-left: 36px;
}
.index-solution-section-content-box::after{
	content: "";
    border-color: #6BB84E #D6EB9B #D6EB9B #6BB84E;
    border-style: solid;
    -webkit-border-width: 0 0 24px 24px;
    -moz-border-width: 0 0 24px 24px;
    border-width: 0 0 24px 24px;
    bottom: 0;
    position: absolute;
    right: 0;
}

.index-solution-section .index-solution-btn {
	margin-top: 81px;
}

.index-solution-section .fulluse-btn{
	margin: 0 auto;
	/* display: none; */
}

.index-solution h2{
	/* display: none; */
}

/**********

support

************/
.index-support{
	background-color: #A2E8FD;
	padding-top: 92px;
}
.index-support-section{
	/* margin:0 auto; */
	/* width:1040px; */
	/* max-width: 1280px; */
	/* text-align: center; */
	/* padding: 80px 0; */
	background-image: url(/images/indexSupportBg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;

}
.index-support-section-title h3{
	font-weight: 100;
	margin: 0 auto;
	/* padding-top: 160px; */
}
.index-support-section-title h3 span{
	color: #14AAA2;
	border-bottom: 5px solid #FFE200;
	font-size: inherit;
}
.index-support-section-title{
	width: 50%;
	margin: 0 auto;
	/* background:url(/images/indexSupportIcon.png) no-repeat; */
	background-position: center;
	background-size: contain;
	position: relative;
	text-align: center;
	object-fit: cover;
	background-size: 70%;
}
.index-support-section-title p{
	text-align: left;
	padding-top: 24px;
}
.index-support-section-content{
	display: flex;
	margin: 0 auto;
}
.index-support-section-content-box{
	width: 33.3%;
}
.index-support-section-content-box:hover{
	cursor: pointer;
}
.supportBoxIcon{
	width: 90%;
}
.index-support-section-content-box p{
	display: inline-block;
	width: 120px;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	padding: 12px 16px;
	border-radius: 40px;
	margin: 16px 0;
}
.index-support-section-btn{
	display: flex;
	align-items: baseline;
	justify-content: center;
	margin-top: 60px;
}

.index-support-section .common-btn{
	width: 320px;
	margin: 0 19px;
}

.index-support h2{
	/* display: none; */
}
/**********

voice

************/
.index-voice{
	background-color: #F3F4EF;
	padding-top: 55px;
}
.index-voice-section{
	/* margin:0 auto; */
	/* width:1040px;
	max-width: 1280px; */
	/* text-align: center; */
	/* padding: 80px 0; */
	background-image: url(/images/indexVoiceBg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}

.index-voice-section-title{
	/* width: 60%; */
	margin: 0 auto;
	/* background:url(../images/index/indexVoiceIcon.png) no-repeat; */
	background-position: center;
	background-size: contain;
	position: relative;
	text-align: center;
	object-fit: cover;
	background-size: 70%;
}
.index-voice-section-title h3{
	font-weight: 100;
	margin: 0 auto;
	/* padding-top: 220px; */
}
.index-voice-section-title h3 span{
	color: #14AAA2;
	border-bottom: 5px solid #FFE200;
	font-size: inherit;
	line-height: 2;
}
.index-voice-section-title p{
	padding-top: 24px;
}
.index-voice-section-content{
	display: flex;
	padding: 40px 0;
}
.index-voice-section-content-box{
	width: 33.3%;
	background-color: #ffffff;
	padding: 12px;
	margin-right: 24px;
}
.index-voice-section-content-box p{
	padding: 12px 0;
}
.index-voice-section-content-box h3{
	padding: 12px 0;
	color: #150202;
	font-size: 18px;
	font-weight: 300;
}
.index-voice-section-content-box em{
	font-size: 24px;
	font-style: normal;
}
.voiceBoxIcon{
	width: 100%;
}
.common-btn-yellow,
.common-btn-green,
.common-btn-gray{
	margin-top: 16px;
}
.indexIcon{
	vertical-align: middle;
}
.fulluse-btn{
	margin: 40px auto 0 auto;
	display: block;
}
.index-voice h2{
	/* display: none; */
}
em.voice-box1{
	color: #5B9FD8;
}
em.voice-box2{
	color: #FFBCD6;
}
em.voice-box3{
	color: #A782C7;
}

@media screen and (max-width: 1080px) {
	.index-video-wrap,
	.index-solution-section,
	.index-support-section,
	.index-voice-section{
		width: 100%;
		box-sizing: border-box;
	}
	.index-video-wrap,
	.index-solution-section,
	.index-support-section,
	.index-voice-section{
		/* padding: 0; */
	}
	.index-video h3,
	.index-solution-section-title h3,
	.index-support-section-title h3,
	.index-voice-section-title h3{
		padding-top: 0;
		/* padding-top: 18vw; */
		font-size: 2.4vw;
	}
	.index-solution-section-title,
	.index-support-section-title
	{
		width: 50vw;
		/* width: 100%; */
	}
	.index-voice-section-title{
		/* width: 60vw; */
		width: 100%;
	}
	.index-solution-section-content-box{
		margin: 1.6vw;
	}
	.fulluse-btn{
		margin: 0 auto;
	}
	.index-solution-btn{
		padding: 40px 0;
	}
	.index-solution-section-content-box:nth-of-type(1),
	.index-solution-section-content-box:nth-of-type(2){
		margin: 16px;
	}
}
@media screen and (max-width: 960px) {
	.index-video-wrap {
		padding-bottom: 62px;
	}

	.common-btn{
		width: 32vw;
	}
	.icon{
		width: 3vw;
	}
	.index-solution-section-title h3, .index-support-section-title h3, .index-voice-section-title h3{
		/* padding-top: 24vw; */
		font-size: 2.6vw;
	}
	.index-video h3{
		padding-top: 0;
		font-size: 2.8vw;
	}
	.index-video p,
	.index-support-section-title p{
		font-size: 2.1vw;
    	line-height: 3.6vw;
    	font-weight: 200;
	}
	.common-btn-yellow,
	.common-btn-green,
    .common-btn-gray{
		width: 24vw;
    	font-size: 2.4vw;
    	padding: 1.8vw;
	}
	.index-voice-section-content-box{
		margin-right: 1.6vw;
	}
	.index-voice-section-content{
		padding: 2.6vw 0;
	}
	.index-solution-section-content-box p{
		word-break: break-all;
	}
}
@media screen and (max-width: 680px) {
	.swiper-wrapperPC{
		display: none;
	}
	.swiper-wrapperSP{
		display: block;
		padding-bottom: 8vw !important;
	}	
	.index-news{
        margin: 0 auto 30px;
        width: 90%;
    }
    .index-news-label{
        display: flex;
        justify-content: center;
        color: #6BB84E;
	    font-size: 22px;
        margin: auto;
    }
    .index-news p{
        text-align: center;
    }
    .icon{
		width: 5vw;
	}
	.index-solution-section {
		padding-bottom: 10vw;
	}
	.index-voice-section {
		padding-bottom: 0;
	}
	.index-support-section{
		padding-bottom: 40px;
	}
	.index-support-section-content{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.index-support-section-content-box p {
	    width: 32vw;
	    margin: 2.1vw 0;
	    font-size: 3.2vw;
	    padding: 2.1vw;
	}
	.supportBoxIcon {
		width: 50vw;
	}
	.index-support-section-content-box{
		width: 50%;
	}

	.index-support-section-btn{
		display: block;
		padding: 0;
		margin: 7vw auto 0;
		width: 84%;
	}
	.index-support-title-pc {
		display: none;
	}
	.index-support-title-sp {
		display: block;
		width: 100%;
		padding-left: 5vw;
	}
	.index-support-strong {
		margin-top: -15vw !important;
	}
	.common-btn{
		width: 90%;
		font-size: 3.8vw;
		padding: 3.2vw 0;
		margin: 3.2vw auto;
	}

	.index-support-section-btn .common-btn{
		margin: 17px auto;
	}

	.index-support-section-btn a{
		margin:2.1vw 0;
	}
	.index-solution-section-title{
		margin: 0 auto;
	}
	.index-solution-section-title h3 br{
		display: none;
	}	
	.index-solution-section-title, .index-support-section-title{
		width: 84%;
		padding: 0 0 3.2vw 0;
	}
	.index-solution-section-title h3{
		font-size: 4.3vw;
	}
	.index-solution-section-title h3 span{
		padding: 0;
		font-size: 4.8vw;
		line-height: 2;
	}
	.index-solution-section-content-box p {
		font-size: 4.26666vw;
	}
	.index-voice-section-title h3{
		font-size: 4.8vw;
		/* padding-top: 42vw; */
	}
	.index-support-section-title h3{
		font-size: 4.3vw;
		/* padding-top: 48vw;		 */
	}
	
	.index-solution-section .index-solution-btn {
		margin: 6.4vw auto 0;
		width: 84%;
	}

	.index-solution-btn{
		padding: 0;
		margin: 0;
	}

	.index-video h3{
		font-size: 4.3vw;
		width: 100%;
	}
	.index-video h3 span {
		font-size: 4.8vw;
		padding: 0 3.73333vw 1vw;
		width: 100%;
		line-height: 2;
		margin-bottom: 5.3333vw;
	}
	.index-voice-section-content,
	.index-solution-section-content{
		display: block;
	}
	.index-solution-section-content:last-child{
		margin: 0 0 6.4vw 0;
	}
	.index-voice-section-content-box{
		width: 86%;
		margin: 0 auto 6.4vw auto;
	}
	.index-solution-section-content-box{
		width: 76%;
		align-items: center;
	}
	.index-solution-section-content-box span::after {
		margin: auto 0;
    height: 64%;
    top: 18%;
    left: 60px;
	}
	.index-solution-section-content-box{
		padding: 4.8vw;
		width: 80%;
	}
	.common-btn-yellow,
    .common-btn-green,
    .common-btn-gray{
	    width: 96%;
			font-size: 4.26666vw;
			height: 12.5333vw;
			display: flex;
			align-items: center;
			padding: 0;
			margin: 4.2666vw auto 0;
			justify-content: center;
	}
	.index-voice-section-content-box h3 {
		padding: 3.2vw  0 0 0;
		font-size: 3.2vw;
	}
	.index-support {
		padding-top: 16vw;
	}
	.index-video p, .index-support-section-title p{
		font-size: 4.2666vw;
		line-height: 2;
		text-align: left;
		padding-top: 2.6666vw;
	}	
	.index-voice-section-title{
		width: 90vw;
	}
	.index-video p {
		width: 100%;
		word-break: break-word;
		font-size: 4.26666vw;
	}
	.index-video{
		padding-top: 5.3333vw;
	}
	.index-video-wrap{
		background: url(/images/indexVideoBgSP.png) no-repeat;
		background-position: top;
		background-size: contain;
		position: relative;
		text-align: center;
		object-fit: cover;
		width: 85vw;
    padding: 0 0 7.2vw 0;
    	/* background-size: 80%; */
	}
	.index-video-wrap h2{
		padding: 7% 32% 0;
	}

	.index-video-wrap h3{
		padding-top: 7vw;
	}

	.index-video-youtube{
		position:relative;
		width: 100%;
		padding-top: 61%;
		margin: 0 auto;
	}
	.index-voice-btn{
		padding-bottom: 9.6vw;
		width: 84%;
		margin: 9.6vw auto 0;
	}
	.index-video-wrap .index-video-btn {
		margin: 5.3333vw 0 0;
	}
	.index-voice-btn .common-btn{
		margin: 0 auto;
	}
	.index-voice-section-content{
		padding: 0;
	}
	.index-solution-section-title,.index-support-section-title,.index-voice-section-title{
		background-size: 100%;
	}
	.index-video-wrap .common-btn, .index-solution-section .common-btn, .index-support-section .common-btn, .index-voice-section .common-btn{
		width: 100%;
		margin: 0 auto;
		display: block;
		font-size: 3.8vw;
	}
	.index-support-section .common-btn{
	    margin: 2.8vw auto 0 auto;		
	}
	.index-support-section-title h3 span {
		font-size: 4.8vw;
		padding-bottom: 1vw;
	}
	.announcement-more{
		color: #626161;
		font-size: 3.2vw;
	}

}