section .title{
	text-align:center;
}
section .title h3{
	font-size:3em;
	color:var(--theme-blue);
	line-height:1.333;
}
section .title p{
	font-size:1.125em;
	line-height:2;
}




.sec1{
	padding:6% 0 5.73%;
}
.sec1 .inner{
	width:84.875em;
}
.sec1 .title{
	margin-bottom:8.54%;
}
.sec1 ul{
	text-align:center;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 li{
	width:30.7%;
	background-color:var(--theme-mint);
	border-radius:0.9375em;
	padding:0 4.2% 3.5%;
}
.sec1 .svg-box{
	width:7.25em;
	height:7.25em;
	border-radius:50%;
	background-color:var(--theme-blue);
	margin:-3.625em auto 1em;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec1 .svg-box svg{
	width:37%;
}
.sec1 li h5{
	font-size:1.375em;
	line-height:1.82;
	color:var(--theme-blue);
}
.sec1 li .line{
	width:100%;
	height:1px;
	background-color:rgba(0, 0, 0, 0.3);
	margin:9% 0;
}
.sec1 li p{
	font-size:1.125em;
	line-height:1.78;
	font-weight:500;
	margin-bottom:0.5em;
}
.sec1 li p:last-child{
	margin-bottom:0;
}




.sec2{
	padding:5.2% 0 6.25%;
	background-color:var(--theme-mint);
}
.sec2 .inner{
	width:66.75em;
}
.sec2 .title{
	margin-bottom:5.9%;
}
.sec2 .title h3{
	margin-bottom:0.25em;
}
.sec2 ::-webkit-input-placeholder { /* WebKit browsers */
	color: inherit;
	opacity: 0.7;
}
.sec2 :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: inherit;
	opacity: 0.7;
}
.sec2 ::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: inherit;
	opacity: 0.7;
}
.sec2 :-ms-input-placeholder { /* Internet Explorer 10+ */
	color: inherit;
	opacity: 0.7;
}
.sec2 form ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:3em;
}
.sec2 form li{
	margin-bottom:2.25em;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:row;
	width:100%;
}
.sec2 form li.half{
	width:45.88%;
}
.sec2 form li:last-child{
	margin-bottom:0;
}
.sec2 form p{
	font-size:1.125em;
	line-height:2;
	width:5.4em;
	flex-shrink:0;
	margin-top:0.625em;
}
.sec2 form .input-box{
	position:relative;
	width:100%;
}
.sec2 form .must{
	position:absolute;
	right:0.5em;
	top:0;
	font-size:1.375em;
	color:var(--theme-blue);
	line-height:1.64;
	pointer-events:none;
}
.sec2 form input[type='text'],.sec2 form select,.sec2 form textarea{
	width:100%;
	border-radius:0.5em;
	font-size:1.125em;
	line-height:2;
	padding:0.67em 1.67em;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	color:inherit;
}
.sec2 form select{
	background-color:#fff;
}
.sec2 form .select-box::after{
	content:"";
	display:block;
	width:0.75em;
	height:0.625em;
	position:absolute;
	right:1.75em;
	top:50%;
	margin-top:-0.3125em;
	background-repeat:no-repeat;
	background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.747 6.538a1 1 0 0 1-1.555 0L.224 1.628A1 1 0 0 1 1.002 0h7.936a1 1 0 0 1 .778 1.629L5.747 6.538z' fill='%23333'/%3E%3C/svg%3E");
	background-size:contain;
	pointer-events:none;
}
.sec2 form textarea{
	resize:none;
	height:11.4em;
}
.sec2 .submit{
	position:relative;
	width:12.5em;
	height:3.5em;
	border-radius:1.75em;
	background-color:var(--theme-blue);
	color:#fff;
	margin:0 auto 2.5em;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
}
.sec2 .submit span{
	font-size:1.125em;
}
.sec2 .submit input{
	position:absolute;
	inset:0;
	opacity:0;
	cursor:pointer;
}
.sec2 .tip p{
	text-align:center;
	font-size:0.875em;
	line-height:1.714;
	color:#666;
}
.sec2 .tip p b{
	font-weight:600;
}


#popform{
	background-color:#fff;
	border-radius:1.25em;	
	box-shadow: 0px 0.25em 0.25em rgba(0, 0, 0, 0.25);
	padding:3.125em 0 2.5em;
	text-align:center;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:39.375em;
	display:none;
}
#popform.active{
	display:block;
}
#popform svg{
	width:3.375em;
	fill:var(--theme-blue);
}
#popform p{
	font-size:1.25em;
	color:#333;
	line-clamp:1.5;
	margin:1em 0 2.6em;
}
#popform .close{
	width:9.75em;
	height:2.75em;
	line-height:2.75;
	border-radius:1.375em;
	background-color:#d9d9d9;
	color:#333;
	transition:color 0.3s,background-color 0.3s;
	display:inline-block;
	vertical-align:top;
}
@media only screen and (min-width:1025px){
	#popform .close:hover{
		background-color:var(--theme-blue);
		color:#fff;
	}
}
@media only screen and (max-width:1024px){
	section .title h3{
		font-size:2.5em;
	}




	.sec1{
		padding:15% 0;
	}
	.sec1 .title{
		margin-bottom:20%;
	}
	.sec1 ul{
		flex-direction:column;
	}
	.sec1 li{
		width:100%;
		padding:0 5% 5%;
		margin-bottom:20%;
	}
	.sec1 li:last-child{
		margin-bottom:0;
	}
	.sec1 li .line{
		margin:5% 0;
	}




	.sec2{
		padding:15% 0;
	}
	.sec2 .title{
		margin-bottom:10%;
	}
	.sec2 form li.half{
		width:100%;
	}
	.sec2 .tip p{
		font-size:1em;
	}



	#popform{
		width:90%;
	}
}