.section{
	background-color:var(--theme-blue);
	position:relative;
	color:#fff;
}




.sec1{
	border-bottom:1px solid rgba(255,255,255,0.25);
	padding:4.5% 0 5.2%;
}
.sec1 .inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 h3{
	font-size:3.25em;
}
.sec1 a{
	display:block;	
	width:7.125em;
	height:3.75em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:1.875em;
	border:1px solid #fff;
	transition:color 0.5s,border-color 0.5s;
}


.sec2{
	padding:1% 0 7%;
}
.sec2 .row-box{
	border-bottom:1px solid rgba(255,255,255,0.25);
	padding:5.88% 0;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec2 .row-box:last-child{
	border-bottom:0 none;
}
.sec2 h3{
	font-size: 3.25em;
	line-height: 1.23;
}
.sec2 h4{
	font-weight:1.125em;
	line-height:1.67;
	opacity:0.65;
	font-weight:normal;
}
.sec2 h5{
	font-size: 1.375em;
	line-height: 1.23;
	margin-bottom:0.55em;
}
.sec2 p{
	line-height:1.3125;
	opacity:0.7;
}
.sec2 .left-part p{
	line-height:1.875;
}
.sec2 .left-part{
	width:36.88%;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:column;
}
.sec2 .btn-more{
	vertical-align:middle;
	background-color:#fff;
	border-radius:0.5em;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex-direction:row;
	width:13.75em;
	height:4.6875em;
	margin-right:1.5em;
	transition:background-color 0.5s;
}
.sec2 .btn-more span{
	font-size:0.875em;
	color:#000;
	transition:color 0.5s;
}
.sec2 .btn-more svg{
	transition:stroke 0.5s;
	fill:none;
	stroke:#666;
	margin-left:1.125em;
	height:0.4375em;
	width:auto;
}
.sec2 .btn-ques{
	display:inline-block;
	vertical-align:middle;
	line-height:1.5;
	border-bottom:1px solid #fff;
	transition:border-color 0.5s,color 0.5s;
}
.sec2 .right-part{
	width:63.12%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec2 .right-part a{
	transition:opacity 0.5s,transform 0.5s;
}
.sec2 .right-part a.nohover{
	opacity:0.15;
	transform:scale(0.9);
}
.sec2 .right-part .img-box{
	border-radius:1.25em;
	overflow:hidden;
	position:relative;
	margin-bottom:2em;
	width:28.125em;
	transition:border-radius 0.5s;
}
.sec2 .right-part a.hover .img-box{
	border-radius:50%;
}
.sec2 .right-part .img-box::before{
	content:"";
	padding-top:100%;
	display:block;
}
.sec2 .right-part .img-box img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}



.question-box{
	position:fixed;
	right:0;
	bottom:0;
	pointer-events:none;
	width:100%;
	height:100%;
	padding:5% 0;
}
.question-box .inner{
	height:100%;
	position:relative;
}
.question-box li{
	position:absolute;
	right:0;
	bottom:0;
	opacity:0;
	transform:translateY(20vh);
	border-radius:2.5em;
	background-color:var(--theme-cyan);
	padding:2.5em;
	transition:transform 0.5s,opacity 0.5s;
}
.question-box li.active{
	pointer-events:auto;
	opacity:1;
	transform:translateY(0);
}
.question-box .btn-close{
	width:2.5em;
	height:2.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	transition:transform 0.5s;
	position:absolute;
	right:2.5em;
	top:2.5em;
}
.question-box .btn-close::before{
  	font-family: 'fontello';
  	content:"\e9e1";
  	font-size:0.75em;
  	margin-top:0.15em;
}
.question-box .link{
	width:2.5em;
	height:2.5em;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	background-color:#000;
	color:#fff;
	cursor:pointer;
	transition:transform 0.5s;
	position:absolute;
	right:2.5em;
	bottom:2.5em;
}
.question-box .link::before{
  	font-family: 'fontello';
  	content:"\e836";
}
.question-box h3{
	font-size:2.25em;
	padding-right:2em;
}
.question-box h5{
	font-size:0.875em;
	opacity:0.6;
	margin-top:2em;
}
.question-box p{
	font-size:1.125em;
	line-height:1.2;
	margin-top:0.75em;
	padding-left:1em;
}
.question-box p::before{
	width:0.375em;
	height:0.375em;
	background-color:#000;
	border-radius:50%;
	display:inline-block;
	vertical-align:top;
	margin-left:-1em;
	margin-right:0.625em;
	margin-top:0.4125em;
	content:"";
}
@media only screen and (min-width:1025px){
	.sec1 a:hover{
		border-color:var(--theme-cyan);
		color:var(--theme-cyan);
	}
	.sec2 .btn-ques:hover{
		border-color:var(--theme-cyan);
		color:var(--theme-cyan);
	}
	.sec2 .btn-more:hover{
		background-color:var(--theme-cyan);
	}
	.sec2 .btn-more:hover span{
		color:#fff;
	}
	.sec2 .btn-more:hover svg{
		stroke:#fff;
	}
	.question-box .btn-close:hover{
		transform:rotate(180deg) scale(1.1);
	}
}


@media only screen and (max-width:1024px){
	.sec1{
		padding:7.5% 0;
	}
	.sec1 h3{
		font-size:2.75em;
	}


	.sec2{
		padding:5% 0 10%;
	}
	.sec2 .row-box{
		padding:10% 0;
		display:block;
	}
	.sec2 h3{
		font-size: 2.75em;
		margin-bottom:5%;
	}
	.sec2 h4{
		margin-bottom:5%;
	}
	.sec2 .left-part p{
		margin-bottom:5%;
	}
	.sec2 .left-part{
		width:100%;
		display:block;
		margin-bottom:10%;
	}
	.sec2 .right-part{
		width:100%;
		display:block;
	}
	.sec2 .right-part a{
		margin-bottom:10%;
		display:block;
	}
	.sec2 .right-part a:last-child{
		margin-bottom:0;
	}
	.sec2 .right-part .img-box{
		margin-bottom:2em;
		width:100%;
	}


	.question-box{
		position:fixed;
		right:0;
		bottom:0;
		pointer-events:none;
		width:100%;
		height:100%;
		padding:5% 0;
	}
	.question-box .inner{
		height:100%;
		position:relative;
	}
	.question-box li{
		position:absolute;
		right:0;
		bottom:0;
		opacity:0;
		transform:translateY(20vh);
		border-radius:2.5em;
		background-color:var(--theme-cyan);
		padding:2.5em;
		transition:transform 0.5s,opacity 0.5s;
	}
	.question-box li.active{
		pointer-events:auto;
		opacity:1;
		transform:translateY(0);
	}
	.question-box .btn-close{
		width:2.5em;
		height:2.5em;
		display:flex;
		align-items:center;
		justify-content:center;
		border-radius:50%;
		background-color:#000;
		color:#fff;
		cursor:pointer;
		transition:transform 0.5s;
		position:absolute;
		right:2.5em;
		top:2.5em;
	}
	.question-box .btn-close::before{
	  	font-family: 'fontello';
	  	content:"\e9e1";
	  	font-size:0.75em;
	  	margin-top:0.15em;
	}
	.question-box h3{
		font-size:2.25em;
		padding-right:2em;
	}
	.question-box h5{
		font-size:0.875em;
		opacity:0.6;
		margin-top:2em;
	}
	.question-box p{
		font-size:1.125em;
		line-height:1.2;
		margin-top:0.75em;
		padding-left:1em;
	}
	.question-box p::before{
		width:0.375em;
		height:0.375em;
		background-color:#000;
		border-radius:50%;
		display:inline-block;
		vertical-align:top;
		margin-left:-1em;
		margin-right:0.625em;
		margin-top:0.4125em;
		content:"";
	}

}