@charset "UTF-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap');

body {

	font-size:16px;
    font-family: 'Noto Sans TC', 'Helvetica Neue','微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
    color: #333333;
}


/*kv*/
article{
	background: #f7f7f7;
}
section{
	/*background: #f7f7f7;*/
	padding: 60px 0;
}
.result-btns{padding-bottom: 50px;}
.btn-calculator{display: flex;height: 45px;border-radius: 5px;overflow: hidden;margin:0 auto;width: 185px;cursor: pointer;background: #e3b449;}
.btn-send{width: 250px;}
.btn-calculator:hover .btn-arrow img{
	transform: translateX(5px);
}
.btn-calculator .btn-arrow img{
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.btn-calculator .btn-txt{
	width: calc(100% - 45px);
	height: 100%;
	font-size: 16px;
	color: #002247;
	font-weight: bold;
	text-align: center;
	line-height: 45px;
}
.btn-calculator .btn-arrow{
	width: 45px;
	background: rgba(255 255 255 / .15);
	display: flex;
	justify-content: center;align-items: center;
	height: 100%;
	
}
.btn-calculator .btn-arrow img{width: 15px;}

.result-btns{
	display: flex;
	justify-content: center;align-items: center;
}
.result-btns  .btn-calculator{width: 285px;margin:0 20px;}
 .btn-calculator.btn-prev{	background: #002247;}

.btn-calculator.btn-prev .btn-txt{color: #fff;}
.btn-calculator.btn-prev{flex-direction: row-reverse;}
.btn-calculator.btn-prev .btn-arrow{transform:scale(-1); }

.kv{
	background:url(../images/calculator/kv.jpg) center center no-repeat;
	background-size: cover;
	height: 400px;
	display: flex;
	justify-content: center;align-content: center;flex-direction: column;
}
.kv h1{font-size: 36px;font-weight: bold;text-align: center;color: #fff;line-height: 1.5em;}
.kv span{font-size: 24px;font-weight: bold;text-align: center;color: #fff;}

h2{
	font-size: 30px;
	text-align: center;
	color: #002247;
	background: linear-gradient(to bottom,  rgba(255,216,126,1) 0%,rgba(227,180,73,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border:1px solid #fff;
	box-shadow: 0 5px 7px rgba(0, 0, 0, 0.20);
	border-radius: 25px;
	line-height: 50px;
	position: absolute;
	padding: 0 1.5em;
	top: 0;left: 50%;
	transform: translate(-50%,-50%);
}
.calculator-wrap{
	position: relative;
	width: 1300px;margin:0 auto;padding: 50px 80px;
	background: #fff;
	border-radius: 25px;
	box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.15);
}
.calculator-step{margin-bottom: 50px}

.calculator-title{
	margin-bottom: 10px;
	/*display: flex;align-self: center;justify-content: flex-start;*/
}
.calculator-title i{width: 70px;vertical-align: middle;}
.calculator-title h3{
	vertical-align: middle;
	font-size: 24px;
	font-weight: bold;
	color: #002247;
	border-bottom: 4px solid #e3b449;
	display: inline-block;	
	margin-left: 10px;
	line-height: 1.25em;
}

.form-row{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.input-item{
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 32px;
	margin-right: 55px;
}
.calculator-step2 .form-box:nth-child(2) .input-item{margin-right:0px; }

.form-box{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.form-box > label{
	margin-bottom: 10px;
	/*flex-basis: 100%;*/

}
.input-box{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border:1px solid #cacaca;
	height: 45px;
	border-radius: 5px;
	/*overflow: hidden;*/
}
.input-box label{
	position: relative;
	width: 140px;
	background: #d8d9db;
	color: #333;
	height: 100%;
	text-align: center;
	height: 43px;
	display: flex;justify-content: center;align-items: center;
}
.input-item input,.input-item select{width: 192px;border:none;text-align: center;font-size: 16px;height: 100%;border-radius:0 5px 5px 0;}
input[name=cost2]{margin-left: 10px;border:1px solid #cacaca;border-radius: 5px;}
.input-item > p{
	color: #333333;
	font-size: 16px;
	/*margin:0 .5em;*/
	padding: 0 .5em;
	width: 32px;
}
.select-items{margin-top: 8px;}
.select-items input{
	opacity: 0;
	position: absolute;

}
.select-items input:checked + label,.select-items input:hover + label{
	background: #d8d9db;
}
.select-items label{
	width: 210px;
	height: 45px;
	border-radius: 5px;
	color: #333;
	border:1px solid #cacaca;
	display: inline-block;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    cursor: pointer;
    text-align: center;
    line-height: 43px;
    margin-right: 15px;
    margin-bottom: 32px;
}

label small.tip{
	background: #e3b449;
	display: inline-block;
	margin-left: .25em;
	line-height: 16px;
	width: 16px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	height: 16px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 12px;
	color: #002247;
	cursor: pointer;
}
label small.tip:hover{
	color: #fff;
	background: #002247;
}
.button-aide{display: flex;color: #e3b449;font-size: 16px;align-items: center;cursor: pointer;display: none;}
.button-aide.show{display: flex;}
.button-aide i{
	display: flex;
	background: #e3b449;
	border-radius: 50%;
	width: 30px;height: 30px;
	text-align: center;
	justify-content: center;align-items: center;
	margin-right: 5px;
}
.button-aide i svg{
	width: 14px;

}
.popup-aide{
	width: 630px;
	height: 380px;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(3, 14, 45, 0.25) ,0 5px 15px rgba(3, 14, 45, 0.25);
	/*box-shadow: 0 5px 7px rgba(0, 0, 0, 0.20);*/
	position: fixed;
	z-index: 9;
	background: #fff;
	left: calc(50% - 315px);
	top: calc(50% - 190px);
	padding: 40px 0px 25px 28px;
}


.popup-aide .input-box label{width: 110px;}
.popup-aide .input-item{margin-right: 30px;margin-bottom: 13px;}
.popup-aide .input-item input,.popup-aide  .input-item select{width: 120px;}

.popup-aide .form-row{align-items: flex-start;}
.popup-close{position: absolute;right: 20px;top: 20px;width: 21px;cursor: pointer;}

.font-yellow{color: #e3b449;}
.tip-popup{
	left: 100%;
	top: 50%;
	position: absolute;
	width: 310px;
	min-height: 270px;
	border-radius: 8px;
	background: #002247;
	border:1px solid #fff;
	transform: translateY(-50%);
	box-shadow: 0 5px 20px rgba(3, 14, 45, 0.25) ,0 5px 15px rgba(3, 14, 45, 0.25);
	padding: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 2;
}
.tip-icon{margin-bottom: 30px;text-align: center;justify-content: center;align-items: center;display: flex;}
.tip-icon img{display: block;}
.tip-popup p.tip-title{
	font-size: 24px;
	color: #d5ad33;
	text-align: center;
	margin-bottom: .25em;
}
.tip-popup p{font-size: 16px;line-height: 26px;color: #fff;}
.tip-popup p b{font-size: 150%;}

.tip-popup small{
	margin-top: .5em;
	display: block;
	text-align: left;
	font-size: 13px;
	color: #e5e5e5;
}
/*result*/
.calculator-result .calculator-wrap{display: flex;flex-wrap: wrap;}
.result-main-txts{display: flex;padding-top: 16px;border-bottom: 1px solid #dddddd;padding-bottom: 16px;}
.result-main-txts > div{width: 50%;padding-left: 15px;}
.result-main-txts > div:nth-child(1)::before{
	content: "";
	width: 15px;height: 15px;border-radius: 50%;
	background: #e3b449;
	display: inline-block;
	margin-right: 10px;
}
.result-main-txts > div:nth-child(2)::before{
	content: "";
	width: 15px;height: 15px;border-radius: 50%;
	background: #002247;
	display: inline-block;
	margin-right: 10px;
}
.result-main-txts label{font-size: 16px;margin-bottom: .5em;display: inline-block;}
.result-main-txts p{padding-left: 25px;font-size: 24px;color: #333333;font-weight: bold;}
.result-main-txts span{font-size: 36px;font-weight: bold;margin:0 .1em;}
.result-main-txts > div:nth-child(1) span{color: #e3b449;}
.result-main-txts > div:nth-child(2) span{color: #002247;}
.result-chart{width: 297px;margin:0 auto;margin-top: 35px;position: relative;}
.result-chart-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 134px;height: 134px;border-radius: 50%;background: #fff;box-shadow: 0 5px 20px rgba(3, 14, 45, 0.25) ,0 5px 15px rgba(3, 14, 45, 0.25);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.result-chart-txt p{font-size:16px;font-weight: bold;color: #333; }
.result-chart-txt span{font-size: 40px;font-weight: bold;color:#002247 }
.result-chart-txt small{font-size: 24px;font-weight: bold;}
.result-main{
	width: 520px;
	margin-right: 25px
}
.tip-popup{display: none;}

.calculator-result .tip-popup{
	left: 50%;
	top: 35px;
	transform: translate(-50%,0);
}
.result-txts{
	color: #fff;
	width: 570px;margin-left: 25px;
	background: url(../images/calculator/result-txtbg.png) center center no-repeat;
	/*background-size: cover;*/
	padding: 40px 40px;
	border-radius: 20px;
}
.result-txts p{line-height: 2em;}
.result-txt1{display: flex;align-items: center;}
.result-txt1 p:nth-child(1){font-size: 48px;line-height: 1em;}
/*.result-txt1 p:nth-child(2){line-height: 2em;}*/
.result-txt1 p:nth-child(2) span{font-size: 30px;}

.result-msg{
	position: relative;
	width: 100%;
	border:1px solid rgb(0 123 195 / .7);
	height: 164px;
	display: flex;align-items: center;
	padding-left: 12px;
	font-size: 24px;
	font-weight: bold;
	color: #e3b449;
	line-height: 1.25em;
	border-radius: 15px;
	margin:30px 0;
	z-index: 1;
}
.result-msg::before{
	content: "";
	position: absolute;

	width: 100%;
	height: 100%;
	right: 20px;
	top: 0;
	background: url(../images/calculator/result-msg.png) right center no-repeat;
	z-index: -1;
}

.result-bottom{
	width: 100%;
	display: flex;justify-content: center;align-items: center;
	margin-top: 56px;
}
.result-bottom .flex-box{
	display: flex;
	justify-content: center;align-items: center;
}
.result-bottom > span{width: 50px;display: flex;justify-content: center;align-items: center;}
.result-bottom dl{border:1px solid #bbbcbd;border-radius: 15px;width: 259px;position: relative;}
.result-bottom dt{line-height: 35px;height: 35px;background: #002247;color: #fff;text-align: center;border-radius: 15px 15px 0 0 ;}
.result-bottom dd{height: 92px;background: #f7f7f7;border-radius: 0 0 15px 15px;display: flex;justify-content: center;align-items: center;}

.result-bottom dd p{font-size: 16px;color: #333;font-weight: bold;}
.result-bottom dd span{font-size: 65px;color:#002247;font-weight: bold;margin-right: 16px;}

.result-num4 dt{background: #e3b449;}
.result-num4 dd span{color: #e3b449;}

.result-bottom dl.result-num2{border-right: none;}
.result-bottom .tip{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border:2px solid #fff;
	margin-left: .25em;
	line-height: 16px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;;
	border-radius: 50%;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	line-height: 16px;
}
.result-bottom dl.result-num3{border-left: none;}
.result-bottom dl.result-num3 .result-tiptxt{position: absolute;top: 100%;margin-top: 1em;font-size: 12px;}
.result-num1 dt{background: #007bc3;}
.result-num1 dd span{color: #007bc3;}

.result-num-plus{position: absolute;right: 0;top: 50%;transform: translate(50%,-50%);z-index: 1;}








/*recommend*/

.recommend-head{
	background: #f0f0f0;
	width: 840px;
	border-radius: 15px;
	margin:0 auto;
	padding: 20px;
	display: flex;
	justify-content: center;align-items: center;
}
.recommend-head-icon{margin: 0 20px;}
.recommend-head-txts{
	margin: 0 20px;
}


.recommend-head-txts p{
	color:#333333;
	font-size: 16px;
	line-height: 2.25em;
}

.recommend-head-txts p span{font-weight: bold;}

.recommend-head-txts p b{font-weight: bold;font-size: 30px;}

.recommend-pro{}
.recommend-pro-head{background: #002246;display: flex;justify-content: center;align-items: center;}
.recommend-pro-head > div{width: 50%;color: #fff;text-align: center;display: inline-block;line-height: 50px;}

.recommend-pro .recommend-prolist{

	width: 1140px;margin:0 auto;
	display: flex;justify-content: center;align-items: flex-start;flex-wrap: wrap;
	box-shadow: 0 5px 20px rgba(3, 14, 45, 0.25) ,0 5px 15px rgba(3, 14, 45, 0.25);border-radius: 0 0 20px 20px;overflow: hidden;display: none;}

.recommend.type1 .recommend-pro .recommend-prolist.type1{display: flex;}
.recommend.type2 .recommend-pro .recommend-prolist.type2{display: flex;}
.recommend.type3 .recommend-pro .recommend-prolist.type3{display: flex;}


.recommend-pro .recommend-prolist dt{width: 50%;background: #f0f0f0;height: 200px;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;border-bottom: 1px solid #d8d9db;}
.recommend-pro .recommend-prolist dt p{font-size: 24px;font-weight: bold;color:#002246;margin-bottom: 1em;}
.recommend-pro .recommend-prolist dt span{
	color: #007bc3;
	display: inline-block;
	/*font-size: 60%;*/
	line-height: 1.25em;
	margin-top: .5em;padding-right: 1em;
}
.recommend-pro .recommend-prolist dd{width: 50%;;height: 200px;border-bottom: 1px solid #d8d9db;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.recommend-pro .recommend-prolist a{background: #e3b449;border-radius: 5px;color:#002246;padding: 0 1em;line-height: 35px;font-size: 16px;display: inline-block; }

.recommend-pro .recommend-prolist a i{width: 15px;display: inline-block;}
.recommend-pro .recommend-prolist a i img{width: 100%;}

.recommend-pro .recommend-prolist dd ul{padding-left: 20px;}
.recommend-pro .recommend-prolist dd li{list-style: disc;color: #007bc3;margin: 10px 0;}
.recommend-pro .recommend-prolist dd li span{color: #000;}


.recommend-title{
	text-align: center;
	margin-bottom: 20px;
}
.recommend .calculator-wrap > h3{color:#002247;font-size: 24px;font-weight: 700;text-align: center;margin:50px 0 30px 0; }

.recommend .calculator-wrap > h3::before,.recommend .calculator-wrap > h3::after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	height: 2px;
	background: #dddddd;
	margin:0 90px;
}
.recommend-title h3{color: #e3b449;}
.recommend-chart{width: 514px;margin:0 auto;margin-bottom: 50px;position: relative;}

.recommend-chart-link{
	position: absolute;

	width: 335px;
	height: 95px;
	background: url(../images/calculator/pei_msg_bg.png);
	/*box-shadow: 0 5px 20px rgba(3, 14, 45, 0.25) ,0 5px 15px rgba(3, 14, 45, 0.25);*/
	filter: drop-shadow(5px 5px 10px rgba(3, 14, 45, 0.25));
	padding-left: 20px;
	display: flex;
	align-items: center;
	display: none;
}
.recommend-chart-link p{font-size: 20px;color: #000000;font-weight: bold;line-height: 1.25em;}
.recommend-cl1{left: 50%;margin-left: 200px;top: 170px;background: url(../images/calculator/pei_msg_bg2.png);padding-left: 33px;}
.recommend-cl2{left: -210px;top: 320px;}
.recommend-cl3{left: -210px;top: 60px;}

.recommend.type2 .recommend-cl1.type2,.recommend.type3 .recommend-cl1.type3{left: 50%;margin-left: 200px;top: 210px;}
.recommend.type2 .recommend-cl2.type2,.recommend.type3 .recommend-cl2.type3{left: -250px;top: 280px;}
.recommend.type2 .recommend-cl3.type2,.recommend.type3 .recommend-cl3.type3{left: -230px;top: 40px;}

.recommend.type1 .recommend-chart-link.type1,.recommend.type2 .recommend-chart-link.type2,.recommend.type3 .recommend-chart-link.type3{display: flex;}

.recommend-chart-link-bar{
	display: block;
	width: 10px;
	height: 28px;
	border-radius: 5px;
	margin-right: 12px;
	background: #002247;
}
/*e3b449*/
.recommend-cl2 .recommend-chart-link-bar{background: #e3b449;}
.recommend-cl3 .recommend-chart-link-bar{background: #007bc3;}

.recommend-arrow{
	background: #e3b449;
	width: 30px;height: 30px;border-radius: 50%;position: absolute;right: 34px;top: 50%;transform: translateY(-50%);
	display: flex;justify-content: center;align-items: center;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.recommend-arrow::before{
	 position: relative;
    /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
    content: "";
    display: inline-block;
    /* By using an em scale, the arrows will size with the font */
    width: 7px;
    height: 7px;
    border-right: 2px solid black;
    border-top: 2px solid black;
    transform: rotate(45deg);
    margin-right: 3px;
    	
}
.recommend-chart-link:hover .recommend-arrow{
	transform: translateX(-10px) translateY(-50%);
}


#result-pie,#recommend-pie,#advise-radar{pointer-events: none;}

.advise .calculator-wrap{flex-wrap: wrap;}
.calculator-txt{width: 100%;text-align: center;margin-bottom: 3rem;}
.advise-wrap{display: flex;justify-content: center;align-items: flex-start;width: 100%;}
.advise-main{width: 550px;height: 550px;position: relative;margin-right: 25px;display: flex;justify-content: center;align-items: center;}
.advise-main .advise-chart{width: 356px;position: relative;}
.advise-main .advise-chart img{position: absolute;left: 0;top: 0;width: 100%;padding: 10px;}

.advise .calculator-wrap{
	display: flex;justify-content: center;align-items: flex-start;
	padding-top: 75px;
}
.advise-txts{
	width: 570px;margin-left: 25px;
	background: url(../images/calculator/advise-txtbg.png) center center no-repeat;
	background-size: 100% 100%;
	padding: 40px 40px 30px 40px;
	border-radius: 20px;
}
.advise-txts .calculator-title {margin-bottom: 0;}
.advise-txtbox{
	position: relative;
	border-radius: 10px;
	border:1px solid #e3b449;
	margin-bottom: 34px;
}
.advise-txtbox p:nth-child(1){position: absolute;left: 0;top: 0;transform: translate(-50%,-50%);background: #f0f0f0;left: 50%;padding: 0 1em;width: auto; white-space:nowrap; }
.advise-txtbox p:nth-child(2){color: #000;font-weight: bold;font-size: 16px;text-align: center;padding: 2em 0 1.5em 0;margin-bottom: 0;}
.advise-txtbox p:nth-child(2) span{font-size: 30px;color: #d5ad33;font-weight: bold;}
.advise-txts p{
	font-size: 16px;
	line-height: 26px;margin-bottom: 1.5em;
}
.advise-txts > p:last-child{margin-bottom: 0;}
#advise-radar{position: relative;z-index: 2;}
.advise-chart-label{
	position: absolute;z-index: 3;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    width: 0;
 }
 .advise-chart-label.current{z-index: 10;}
 .advise-chart-label > img{
 	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transform: scale(0) translateX(-50%);
 }
 .advise-chart-label > p{opacity: 0;transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;width: 3em;left: 50%;transform: translateX(-50%);}
.advise-chart-label1{left: 50%;top: 0;}
.advise-chart-label2{left: 90%;top: 35%;}
.advise-chart-label3{left: 75%;bottom: 5%;}
.advise-chart-label4{left: 25%;bottom: 5%;}
.advise-chart-label5{top: 35%;left: 5%;}

.advise-main.act .advise-chart-label > img{
	transform: scale(1) translateX(-50%);
}
.advise-main.act .advise-chart-label > p{opacity: 1;}
.advise-main .advise-chart img{
	transform: scale(1.1);
	opacity: 0;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.advise-main #advise-radar{
	transform: scale(0);
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
.advise-main.act .advise-chart img{transform: scale(1);opacity: 1;}
.advise-main.act #advise-radar{transform: scale(1);}

.advise-chart-label{text-align: center;}
.advise-chart-label > p{
	margin-top: 6px;
	font-size: 16px;
	font-weight: bold;
	color: #002247;
	text-align: center;
	display: block;
	position: relative;
}
.advise-chart-label small.tip{
	background: #e3b449;
	position: absolute;
	line-height: 16px;
	width: 16px;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
	height: 16px;
	border-radius: 50%;
	font-weight: bold;
	font-size: 12px;
	color: #002247;
	cursor: pointer;
	left: calc(100% + .25em);
	top: 50%;
	transform: translateY(-50%);
}
.calculator-result .tip-popup ul{padding-left: 1em;}
.calculator-result .tip-popup li{list-style: decimal;text-align: left;}
.calculator-result .tip-popup a{
	color: #e3b449;
	text-decoration: underline;
}
.advise-chart-label{}
.advise-chart-label .tip-popup ul{width: fit-content;text-align: left;margin:0 auto;}
.advise-chart-label .tip-popup li {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}


/*popup*/

.calculator-form,.loading-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0 / .6);
	z-index: 999;
	display: flex;
	justify-content: center;align-items: center;
}
.popup-box{
	position: relative;
	border-radius: 8px;
	border:1px solid #002247;
	width: 1000px;
	overflow:hidden;
}
.popup-box .popup-close{z-index:2 }
.popup-head{background: #002247;position: relative;
	text-align: center;height: 136px;display: flex;justify-content: center;align-items: center;
	flex-direction: column;}
.popup-head span{font-size: 22px;font-weight: bold;color: #d5ad33;line-height: 1.6em;}
.popup-head h3{font-weight: bold;font-size: 30px;color: #fff;}

.popup-body{
	background: #fff;
	padding:50px; 
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.popup-btn{position: relative;width: 100%;margin-top: 40px;}
.popup-body-form-box{
	width: 425px;
}
.popup-body-form-box p{
	line-height: 26px;

}
.form-item{margin-top: 30px;width: 100%;}
.form-item label{display: block;font-size: 14px;color: #383838;margin-bottom: 1em;}
.form-item input{display: block;border:1px solid #bbbcbd;outline: none;height: 48px;width: 100%;font-size: 16px;padding: 0 1em;} 
.popup-ing1{position: absolute;top: 0;left: 96px;}
.popup-ing2{position: absolute;top: 68px;left: 206px;}
.privacy-box{
	width: 425px;
}
.privacy-box p{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.privacy-con{
	position: relative;
	width: 100%;
	height: 320px;
	overflow-y: scroll;
	padding: 1em 1em 1em 3em;
	background: #f7f7f7;
}
.privacy-con ul li{
	list-style:cjk-ideographic;
	font-size: 16px;
	line-height: 26px;
}
.privacy-btn{
	margin-top: 1em;
}
.privacy-btn input{
	position: relative;
    /*margin-top: 6px;
    margin-right: 4px;*/
    margin-right: .5em;
    vertical-align: top;
    border: none;
    background-color: transparent;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}

.privacy-btn input::after,.privacy-btn input::before{
	    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms;
}
.privacy-btn input:before{
    position: absolute;
    left: 2px;
    top: -1px;
    background-color: #002247;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.privacy-btn input:checked:before{
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
}
.privacy-btn input:after{
    position: relative;
    top: -3px;
    border: 2px solid #666666;
}

.calculator-form .btn-calculator{background:#d6ba66}

/*0401*/

/*.popup-box{width: 530px;}*/

.loading-ico.no-border {
    border: 3px solid transparent;
    border-top-color: #2bb98b;
    animation: spin 0.9s linear infinite;
}
.loading-ico {
    width: 64px;
    height: 64px;
    border: 3px solid #efefef;
    border-radius: 50%;
    border-top-color: #2bb98b;
    display: inline-block;
    animation: spin 650ms ease infinite;
}
@media (max-width: 1366px){
	.calculator-step2 .form-row{flex-wrap: wrap;}
	.recommend-pro .recommend-prolist{width: 100%;}
	.calculator-wrap{width: 90%; padding: 50px 40px;}
	.calculator-result .calculator-wrap{}
	.result-main{width: 450px;}
	.result-txts{width: calc(100% - 450px - 50px);background-size: 100% 100%;}
	.result-bottom dd span{font-size: 45px;margin-right: 0em;}

}

@media (max-width: 1150px){
	.recommend-pro .recommend-prolist dt{width: 58%}
	.recommend-pro .recommend-prolist dd{width: 42%;}
	.recommend-pro .recommend-prolist dt,.recommend-pro .recommend-prolist dd{
		height: 180px;
	}
	.popup-box{width: 95%;}
	.popup-body{padding: 40px;}
	.popup-btn{margin-top: 30px;}
	.result-bottom{flex-direction: column;}
	.result-bottom > span {
	    width: 26px;
	    margin: 20px 0;
	    display: block;
	}
	.result-bottom > span:nth-of-type(2){
		margin-top: 40px;
	}

}
@media (max-width: 1150px) and (min-width: 901px){
	.advise-txts{padding: 25px;}
	.advise-txtbox p:nth-child(2) span{font-size: 25px;}
}
@media (max-width: 900px){
	.mb{display: block;}
	.kv{height:calc(227 /640 * 100vw); }
	.kv h1{font-size: calc(36 /640 * 100vw);}
	.kv span{font-size: calc(24 /640 * 100vw);}

	.calculator-wrap{max-width: 610px;padding: 60px 15px}
	.form-row{flex-wrap: wrap;}

	h2{width: 400px;}
	.input-item{margin-bottom: 40px;height: 75px;margin-right: 0;}
	.calculator-step2 .form-row{position: relative;}
	.calculator-step2 .form-box:nth-child(2) .input-item{height: auto;}
	.input-box{height: 79px;border-radius: 10px;border:2px solid #cacaca;}
	.input-box label{width: 230px;height: 75px;font-size: 26px;}
	.input-item > p{
		font-size: 26px;
		width: initial;
		padding: 0;
		margin-left: 10px;
	}
	.input-item input, .input-item select{
		width: 310px;
		height: 75px;
		font-size: 26px;
		border-radius: 0 10px 10px 0;
	}
	.select-list label{font-size: 26px;}
	.select-items{margin-top: 20px;}
	.select-items label{width: 100%;height: 75px;line-height: 75px;border-radius: 10px;}
	.calculator-title h3{font-size: 30px;}
	.form-box > label{font-size: 26px;}
	.calculator-step2{position: relative;}
	.calculator-step3{padding-top: 50px;}
	input[name=cost2]{margin-left: 0;margin-top: 25px;}
	.button-aide{font-size: 26px;position: absolute;right: 10px;bottom: 65px;}
	label small.tip{
		font-size: 22px;
		width: 30px;
		height: 30px;line-height: 30px;
	}

	.btn-calculator{height: 70px;border-radius: 10px;width: 285px;}
	.btn-send{width: 360px;}
	.btn-calculator .btn-txt{
		width: calc(100% - 45px);
		height: 100%;
		font-size: 26px;
		color: #002247;
		font-weight: bold;
		text-align: center;
		line-height: 70px;
	}
	.btn-calculator .btn-arrow{
		width: 70px;
		background: rgba(255 255 255 / .15);
		display: flex;
		justify-content: center;align-items: center;
		height: 100%;
		
	}
	.btn-calculator .btn-arrow img{width: 23px;}


	.calculator-wrap{flex-direction: column;}
	.result-main{width: 100%;margin-right: 0;margin-bottom: 35px;}
	.result-txts{width: 100%;margin-left: 0;padding: 40px 14px 30px 14px;background: url(../images/calculator/m-result-txtbg.png);}
	.result-main-txts label{font-size: 24px;}
	.result-main-txts p{font-size: 26px;}
	.result-txts p{font-size: 24px;line-height: 1.5em;}
	.result-txt1 p:nth-child(2) span{font-size: 36px;}
	.result-msg{font-size: 30px;}
	.result-msg::before{width: 210px;}
	.result-bottom{flex-direction: column;}
	.result-bottom > div{width: 100%;display: flex;justify-content: center;align-items: center;margin: 10px 0;}
	.result-bottom > span{width: 26px;margin:20px 0;display: block;}

	.result-bottom dt{line-height: 45px;height: 45px;font-size: 24px;}
	.result-bottom dd p{font-size: 24px;}
	.result-num-plus{top: calc(50% + 24px)}
	.advise-chart-label small.tip,.result-bottom .tip{width: 24px;height: 24px;line-height: 22px;font-size: 18px;}
	.recommend-head{width: 100%;flex-direction: column;}
	.recommend-head-txts p{font-size: 24px;text-align: center;line-height: 1.5em;}
	.recommend-head-txts p span{line-height: 2em;}
	.recommend .calculator-wrap > h3{font-size: 24px;margin-top: 120px;margin-bottom: 60px;}
	.recommend .calculator-wrap > h3::before, .recommend .calculator-wrap > h3::after{width: 110px;margin:0 30px;}
	.recommend-chart{width: 462px;}
	.recommend-pro-head{display: none;}
	.recommend-pro .recommend-prolist dt{width: 100%;flex-direction: row;background: #002247;color: #fff;min-height: 110px;height:auto;padding: 20px 15px 20px 24px;align-items: center;justify-content: space-between;}
	.recommend-pro .recommend-prolist dt p{font-size: 26px;color: #fff;width: calc(100% - 240px);margin-bottom: 0;line-height: 1.25em;}
	.recommend-pro .recommend-prolist a{font-size: 26px;line-height: 53px;border-radius: 10px;}
	.recommend-pro .recommend-prolist a i{width: 23px;margin-left: 10px;}
	.recommend-pro .recommend-prolist dd{width: 100%;height: auto;padding: 15px 0 15px 30px;}
	.recommend-pro .recommend-prolist dd li{font-size: 26px;margin:15px 0;}
	.advise-main{margin: 0 auto;}
	.advise-txts{background: url(../images/calculator/m-advise-txtbg.png);width: 100%;margin-left: 0;margin-top: 60px;padding:40px 15px;}
	.advise-txts p{font-size: 26px;line-height: 1.5em;}

	.result-btns{flex-direction: column;}
	.result-btns .btn-calculator{width: 550px;margin-bottom: 20px;}
	.tip-popup{position: fixed;left: 0vw;top: 0vw;transform: translate(-50%,-50%);z-index: 5;}
	.recommend-cl1{background: url(../images/calculator/m-pei_msg_bg1.png);background-size: cover;width: 290px;height: 115px;padding-bottom: 20px;}
	.recommend-cl2{background: url(../images/calculator/m-pei_msg_bg2.png);background-size: cover;width: 290px;height: 115px;padding-top: 20px;}
	.recommend-cl3{background: url(../images/calculator/m-pei_msg_bg3.png);background-size: cover;width: 270px;height: 115px;padding-bottom: 20px;}

	.recommend-cl1{left: 53%;margin-left: 0px;top: 50px;}
	.recommend-cl2{left: -10px;top: 360px;}
	.recommend-cl3{left: -95px;top: 10px;}

	.recommend.type2 .recommend-cl1.type2,.recommend.type3 .recommend-cl1.type3{left: 53%;margin-left: 0px;top: 80px;}
	.recommend.type2 .recommend-cl2.type2,.recommend.type3 .recommend-cl2.type3{left: -75px;top: 320px;}
	.recommend.type2 .recommend-cl3.type2,.recommend.type3 .recommend-cl3.type3{left: -65px;top: -10px;}
	.recommend-chart-link p{font-size: 22px;}
	.recommend-arrow{
		right: 20px;top: calc(50% - 10px)
	}
	.recommend-cl2 .recommend-arrow{top: calc(50% + 10px)}

	.tip-popup{width: 420px;}
	.tip-popup p.tip-title{font-size: 36px;}
	.tip-popup p{font-size: 24px;line-height: 1.5em;}
	.tip-popup small{font-size: 18px;}
	.result-num4 .tip-popup div:last-child{width: calc(274px * 1.25);margin:0 auto;}
	.result-num4 .tip-popup div:last-child img{width: 100%;}
	.advise-chart-label > p{font-size: 26px; white-space:nowrap;}

	.advise-chart-label .tip-popup li{font-size: 24px;line-height: 1.5em;}
	.advise-chart-label2 .tip-popup{left: -5vw;}
	.advise-chart-label3 .tip-popup{left: 5vw;}
	.advise-chart-label4 .tip-popup{left: 20vw;top: 8vw;}
	.advise-chart-label5 .tip-popup{left: 20vw;}

	.popup-aide{
		width: 620px;
		height: auto;
		top: 50%;
		transform: translateY(-50%);
		padding: 40px 0px 25px 15px;
	}
	.popup-aide .form-row{
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.popup-aide .input-item{
		margin-bottom: 26px;
	}
	.popup-box{height: calc(90dvh);padding-bottom: 25px;background: #fff;}

	.popup-body-form-box{width: 100%;}
	.privacy-box{width: 100%;margin-top: 30px;}
	.popup-body{padding: 25px;overflow: scroll;height:calc(90dvh - 110px - 25px);position: relative; }
	.popup-btn{margin-top: 25px;}
	.privacy-btn{text-indent: -2em;padding-left: 2em;}
	.privacy-btn label{}
	.popup-ing1{width: 80px;left: 40px;}
	.popup-ing2{width: 75px;left: 80px;top: initial;bottom: 0;}
	.popup-ing img{width: 100%;}
	.popup-head{height:140px; }
	.privacy-con{height: auto;overflow: initial;}
	.privacy-con ul li,.popup-body-form-box p{
		font-size: 26px;line-height: 40px;
	}
	.form-item label{font-size: 22px;}
	.form-item input{font-size: 26px;height: 68px;}
	.popup-head h3{font-size: 40px;}
	.popup-body .popup-btn{padding-bottom: 25px;}
	.popup-head span{font-size: 26px;}
	.privacy-box p{
		font-size: 32px;
	}
	.privacy-btn label{font-size: 24px;}
}




@media (max-width: 640px){

	.calculator-wrap{max-width: calc(610 / 640 * 100vw);padding:  calc(60 / 640 * 100vw)  calc(15 / 640 * 100vw);width: calc(610 / 640 * 100vw); }
	h2{
		width: calc(400 / 640 * 100vw);
		font-size: calc(30 / 640 * 100vw);
		line-height: calc(50 / 640 * 100vw);
		border-radius: calc(25 / 640 * 100vw);
		padding: 0em;
	}
	.input-item{margin-bottom:calc( 40 / 640 * 100vw);height:calc( 75 / 640 * 100vw);margin-right: 0;}
	.input-box{height: calc(79 / 640 * 100vw);border-radius: calc(10 / 640 * 100vw);border:calc(2 / 640 * 100vw) solid #cacaca;}
	.input-box label{width: calc(230 / 640 * 100vw);height: calc(75 / 640 * 100vw);font-size:calc( 26 / 640 * 100vw);}
	.input-item > p{
		font-size: calc(26 / 640 * 100vw);
		width: initial;
		padding: 0;
		margin-left: calc(10 / 640 * 100vw);
	}
	.calculator-title i{width: calc(70 / 640 * 100vw);display: inline-block;}
	.calculator-title i img{width: 100%;}
	.input-item input, .input-item select{
		width: calc(310 / 640 * 100vw);
		height: calc(75 / 640 * 100vw);
		font-size:calc(26 / 640 * 100vw);
		border-radius: 0 calc(10 / 640 * 100vw) calc(10 / 640 * 100vw) 0;
	}
	.select-list label{font-size: calc(26 / 640 * 100vw);}
	.select-items{margin-top: calc(20 / 640 * 100vw);}
	.select-items label{width: 100%;height: calc(75 / 640 * 100vw);line-height: calc(75 / 640 * 100vw);border-radius: calc(10 / 640 * 100vw);}
	.calculator-title h3{font-size: calc(30 / 640 * 100vw);}
	.form-box > label{font-size: calc(26 / 640 * 100vw);}
	.calculator-step2{position: relative;}
	.calculator-step3{padding-top: calc(50 / 640 * 100vw);}
	input[name=cost2]{margin-left: 0;margin-top: calc(25 / 640 * 100vw);}
	.button-aide{
		font-size: calc(26 / 640 * 100vw);
		position: absolute;
		right: calc(10 / 640 * 100vw);
		bottom: calc(60 / 640 * 100vw);
	}
	label small.tip{
		font-size: calc(22 / 640 * 100vw);
		width: calc(30 / 640 * 100vw);
		height: calc(30 / 640 * 100vw);line-height: calc(30 / 640 * 100vw);
	}

	.btn-calculator{height: calc(70 / 640 * 100vw);border-radius: calc(10 / 640 * 100vw);width: calc(285 / 640 * 100vw);}
	.btn-send{width: calc(360 / 640 * 100vw);}
	.btn-calculator .btn-txt{
		width: calc(100% - 45 / 640 * 100vw);
		height: 100%;
		font-size: calc(26 / 640 * 100vw);
		color: #002247;
		font-weight: bold;
		text-align: center;
		line-height: calc(70 / 640 * 100vw);
	}
	.btn-calculator .btn-arrow{
		width: calc(70 / 640 * 100vw);
		background: rgba(255 255 255 / .15);
		display: flex;
		justify-content: center;align-items: center;
		height: 100%;
		
	}
	.btn-calculator .btn-arrow img{width: calc(23 / 640 * 100vw);}

	.advise-txtbox p:nth-child(2) span{font-size:calc(30 / 640 * 100vw) }
	.calculator-wrap{flex-direction: column;border-radius:calc(25 / 640 * 100vw); }
	.result-main{width: 100%;margin-right: 0;margin-bottom: calc(35 / 640 * 100vw);}
	.result-txts{width: 100%;margin-left: 0;padding: calc(40 / 640 * 100vw) calc(14 / 640 * 100vw) calc(30 / 640 * 100vw) calc(14 / 640 * 100vw);background: url(../images/calculator/m-result-txtbg.png);}
	.result-main-txts label{font-size: calc(24 / 640 * 100vw);}
	.result-main-txts p{font-size: calc(26 / 640 * 100vw);}
	.result-txts{background-position: center top;background-size: 100% 100%;}
	.result-txts p{font-size: calc(24 / 640 * 100vw);line-height: 1.5em;}
	.result-txt1 p:nth-child(2) span{font-size: calc(36 / 640 * 100vw);}
	.result-bottom dd span{margin-right: calc(16 / 640 * 100vw);}
	.result-msg{font-size: calc(30 / 640 * 100vw);height: calc(164 / 640 * 100vw);margin:calc(30 / 640 * 100vw) 0;}
	.result-msg::before{width: calc(210 / 640 * 100vw);background-size: 100% auto;}
	.result-bottom dd span{font-size:calc(65 / 640 * 100vw); }
	.result-bottom{flex-direction: column;}
	.result-bottom dd{height: calc(92 / 640 * 100vw);}
	.result-txt1 p:nth-child(1){font-size: calc(48 / 640 * 100vw);}
	.result-bottom > div{width: 100%;display: flex;justify-content: center;align-items: center;margin: calc(10 / 640 * 100vw) 0;}
	.result-bottom > span{width: calc(26 / 640 * 100vw);margin:calc(20 / 640 * 100vw) 0;display: block;}
	.result-num-plus{
    	width: calc(26 / 640* 100vw);
	}
	.result-num-plus img,.result-bottom > span img{width: 100%;}
	.result-bottom dt{line-height: calc(45 / 640 * 100vw);height: calc(45 / 640 * 100vw);font-size: calc(24 / 640 * 100vw);}
	.result-bottom dd p{font-size: calc(24 / 640 * 100vw);}
	.result-num-plus{top: calc(50% + calc(24 / 640 * 100vw))}
	.advise-chart-label small.tip,.result-bottom .tip{width: calc(24 / 640 * 100vw);height: calc(24 / 640 * 100vw);line-height: calc(22 / 640 * 100vw);font-size: calc(18 / 640 * 100vw);}
	.recommend-head-txts p{font-size: calc(24 / 640 * 100vw);}
	.recommend-head-txts p span{line-height: 2em;}
	.recommend .calculator-wrap > h3{font-size: calc(24 / 640 * 100vw);margin-top: calc(120 / 640 * 100vw);margin-bottom: calc(60 / 640 * 100vw);}
	.recommend .calculator-wrap > h3::before, .recommend .calculator-wrap > h3::after{width: calc(110 / 640 * 100vw);margin:0 calc(30 / 640 * 100vw);}
	.recommend-chart{width: calc(462 / 640 * 100vw);}
	.recommend-pro .recommend-prolist dt{min-height: calc(110 / 640 * 100vw);padding: calc(20 / 640 * 100vw) calc(15 / 640 * 100vw) calc(20 / 640 * 100vw) calc(24 / 640 * 100vw);}
	.recommend-pro .recommend-prolist dt p{font-size: calc(26 / 640 * 100vw);color: #fff;width: calc(100% - 240 / 640 * 100vw);}
	.recommend-pro .recommend-prolist a{font-size: calc(26 / 640 * 100vw);line-height: calc(53 / 640 * 100vw);border-radius: calc(10 / 640 * 100vw);}
	.recommend-pro .recommend-prolist a i{width: calc(23 / 640 * 100vw);margin-left: calc(10 / 640 * 100vw);}
	.recommend-pro .recommend-prolist dd{width: 100%;height: auto;padding: calc(15 / 640 * 100vw) 0 calc(15 / 640 * 100vw) calc(30 / 640 * 100vw);}
	.recommend-pro .recommend-prolist dd li{font-size: calc(26 / 640 * 100vw);margin:calc(15 / 640 * 100vw) 0;}
	.recommend-pro .recommend-prolist dt span{padding-right: 0;}
	.advise-txts{margin-top: calc(60 / 640 * 100vw);padding:calc(40 / 640 * 100vw) calc(15 / 640 * 100vw);background-position: center top;background-size: 100% auto;}
	.advise-txts p{font-size: calc(26 / 640 * 100vw);line-height: 1.5em;}

	.result-btns .btn-calculator{width: calc(550 / 640 * 100vw);margin-bottom: calc(20 / 640 * 100vw);}
	.recommend-cl1{width: calc(290 / 640 * 100vw);height: calc(115 / 640 * 100vw);padding-bottom: calc(20 / 640 * 100vw);}
	.recommend-cl2{width: calc(290 / 640 * 100vw);height: calc(115 / 640 * 100vw);padding-top: calc(20 / 640 * 100vw);}
	.recommend-cl3{width: calc(270 / 640 * 100vw);height: calc(115 / 640 * 100vw);padding-bottom: calc(20 / 640 * 100vw);}

	.recommend-cl1{left: 53%;margin-left: 0;top: calc(50 / 640 * 100vw);}
	.recommend-cl2{left: calc(-10 / 640 * 100vw);top: calc(360 / 640 * 100vw);}
	.recommend-cl3{left: calc(-95 / 640 * 100vw);top: calc(10 / 640 * 100vw);}

	.recommend.type2 .recommend-cl1.type2,.recommend.type3 .recommend-cl1.type3{left: 53%;margin-left: 0;top: calc(80 / 640 * 100vw);}
	.recommend.type2 .recommend-cl2.type2,.recommend.type3 .recommend-cl2.type3{left: calc(-75 / 640 * 100vw);top: calc(320 / 640 * 100vw);}
	.recommend.type2 .recommend-cl3.type2,.recommend.type3 .recommend-cl3.type3{left: calc(-65 / 640 * 100vw);top: calc(-10 / 640 * 100vw);}
	.recommend-chart-link{padding-left:calc(20 / 640 * 100vw); }
	.recommend-chart-link p{font-size: calc(22 / 640 * 100vw);}
	.recommend-arrow{
		width: calc(30 / 640 * 100vw);
		height:calc(30 / 640 * 100vw);

		right: calc(20 / 640 * 100vw);top: calc(50% - 10 / 640 * 100vw)
	}
	.recommend-arrow::before{
		width: calc(7 / 640 * 100vw);
	    height:calc(7 / 640 * 100vw);
	    margin-right: calc(3 / 640 * 100vw);
	}
	.recommend-cl2 .recommend-arrow{top: calc(50% + 10 / 640 * 100vw))}

	.tip-popup{width: calc(420 / 640 * 100vw);left: 50% !important;top: 50% !important;transform: translate(-50%, -50%) !important;}

	.tip-popup p.tip-title{font-size: calc(36 / 640 * 100vw);}
	.tip-popup p{font-size: calc(24 / 640 * 100vw);line-height: 1.5em;}
	.tip-popup small{font-size: calc(18 / 640 * 100vw);}
	.result-num4 .tip-popup div:last-child{width: calc(274 / 640 * 100vw * 1.25); margin:0 auto;}
	.result-num4 .tip-popup div:last-child img{width: 100%;}
	.advise-chart-label > p{font-size: calc(26 / 640 * 100vw); white-space:nowrap;}

	.advise-chart-label .tip-popup li{font-size: calc(24 / 640 * 100vw);line-height: 1.5em;}
	.calculator-title{margin-bottom: calc(10 / 640 * 100vw)}
	.advise .calculator-wrap{padding-top: 12vw}
	.advise-wrap{flex-direction: column;}
	.calculator-txt{line-height: 1.5em;text-align: left;margin-bottom: 1em;}
	.advise-main .advise-chart{width:calc(356 / 640 * 100vw) }
	.advise-main .advise-chart img{padding: calc(10 / 640 * 100vw);}
	.advise-main{
		width: calc(550 / 640 * 100vw);
		height:calc(550 / 640 * 100vw);
	}
	.advise-chart-label{
		height:calc(47 / 640 * 100vw);
	}
	.advise-chart-label img{
		height: 100%;width: auto;
	}
	.advise-txtbox p:nth-child(2){font-size:calc(16 / 640 * 100vw); }
	.recommend-head-icon{
		width: calc(292 / 640 * 100vw);
		margin:calc(10 / 640 * 100vw) 0 ;
	}
	.recommend-head-txts p b{font-size:calc(30 / 640 * 100vw); }
	.recommend-head-txts{margin:0;}
	.recommend-head-icon img{width: 100%;}

	.popup-aide{
		left: 50%;
		width: calc(620 / 640 * 100vw);
		height: auto;
		top: 10%;
		transform: translate(-50%,0%);
		padding: calc(40 / 640 * 100vw) 0px calc(25 / 640 * 100vw) calc(15 / 640 * 100vw);
	}
	.popup-aide .form-row{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.popup-aide .input-item{
		margin-bottom: calc(26 / 640 * 100vw);
		margin-right: 0;
	}
	.popup-aide .input-box label{width: calc(230 / 640* 100vw);

	}
	.popup-aide .input-box input{width: calc(310 / 640* 100vw);}


	.popup-box{height: calc(90dvh);padding-bottom: calc(25 / 640* 100vw);background: #fff;}

	.popup-body-form-box{width: 100%;}
	.privacy-box{width: 100%;margin-top: calc(30 / 640* 100vw);}
	.popup-body{padding: calc(25 / 640* 100vw);overflow: scroll;height:calc(90dvh - calc(110 / 640* 100vw) - calc(25 / 640* 100vw));position: relative; }
	.popup-btn{margin-top: calc(25 / 640* 100vw);}
	.privacy-btn{text-indent: -2em;padding-left: 2em;}
	.privacy-btn label{}
	.popup-ing1{width: calc(80 / 640* 100vw);left: calc(40 / 640* 100vw);display: none;}
	.popup-ing2{width: calc(75 / 640* 100vw);left: calc(80 / 640* 100vw);top: initial;bottom: 0;display: none;}
	.popup-ing img{width: 100%;}
	.popup-head{height:calc(140 / 640* 100vw); }
	.privacy-con ul li,.popup-body-form-box p{
		font-size: calc(26 / 640* 100vw);line-height: calc(40 / 640* 100vw);
	}
	.form-item label{font-size: calc(22 / 640* 100vw);}
	.form-item input{font-size: calc(26 / 640* 100vw);height: calc(68 / 640* 100vw);}
	.popup-head h3{font-size: calc(40 / 640* 100vw);}
	.popup-head span{font-size: calc(26 / 640* 100vw);}
	.privacy-box p{
		font-size: calc(32 / 640* 100vw);
	}
	.privacy-btn label{font-size: calc(24 / 640* 100vw);}
	.result-bottom dl.result-num3 .result-tiptxt{font-size: calc(12/ 640* 100vw);}
	.result-bottom > span:nth-of-type(2){margin-top: calc(40/ 640* 100vw);}
}

.loading-box{z-index: 999;}

.lds-roller,
.lds-roller div,
.lds-roller div:after {
  box-sizing: border-box;
}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7.2px;
  height: 7.2px;
  border-radius: 50%;
  background: #fff;
  margin: -3.6px 0 0 -3.6px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 62.62742px;
  left: 62.62742px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 67.71281px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 70.90963px;
  left: 48.28221px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 70.90963px;
  left: 31.71779px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 67.71281px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 62.62742px;
  left: 17.37258px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12.28719px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% { transform: rotate(360deg); }
}