@import url(sub.css);


.address .btn{height:42px; font-size:16px; line-height:42px; font-weight:400}



.expense  table{width:100%;}
.expense .subcon1{}

.expense .subcon1 th,.expense .subcon1 td{text-align:center;line-height: 1.3em;}
.expense .subcon1 th{background-color:#f8f0e0; color:#2c0000;}
.expense .subcon1 th span{display:block; font-size:0.85em; font-weight:300}
.expense .subcon1 td{border-top:1px solid #f0eae7; color:#222}
.expense .subcon1 td span.pen{display:inline-block;}

.expense .subcon1 .result th,.expense .subcon1 .result td{background-color: #2c0000;color:#fff;font-weight:bold;}

.expense .subcon1 li,.expense .subcon2 .inbox>div p{color:#222; font-weight:300; background:url(/images/brand/check.png) no-repeat 0 50%;}
.expense .subcon1 li.org,.expense .subcon2 .inbox>div p{font-weight:500}





.expense .subcon2 h3 img{vertical-align:baseline;}
.expense .subcon2 table{width:100%;}
.expense .subcon2 th{font-weight:400}
.expense .subcon2 th{ text-align:center;}
.expense .subcon2 thead th{background-color:#2c0000; color:#fff;}
.expense .subcon2 tbody th{ border-right:1px solid #2c0000}
.expense .subcon2 td,.expense .subcon2 tbody th{border-bottom:1px solid #2c0000; color:#222}
.expense .subcon2 td{font-weight:300; text-align:left;}
.expense .subcon2 a{display:inline-block; border:1px solid #fdb913; color:#fdb913; text-align:center; }


.expense .subcon3 table{border-top:1px solid #f0eae7;}
.expense .subcon3 th{background-color:#f8f8f8}
.expense .subcon3 th,.expense .subcon3 td{vertical-align:middle;border-top: 1px solid #f0eae7;border-bottom:1px solid #f0eae7;}
.expense .subcon3 th,.expense .subcon3 th a{color:#2c0000;font-weight: 500;}
.expense .subcon3 td{color:#222; font-weight:300; line-height:1.7em}

.step_list ul{font-size:0; text-align:center;}
.step_list li{position:relative;display:inline-block;background-color: #f8f0e0;text-align:center;background-repeat:no-repeat;vertical-align:middle}
.step_list li.step1{background-image:url(/images/startup/icon1.png);}
.step_list li.step2{background-image:url(/images/startup/icon2.png);}
.step_list li.step3{background-image:url(/images/startup/icon3.png);}
.step_list li.step4{background-image:url(/images/startup/icon4.png);}
.step_list li.step5{background-image:url(/images/startup/icon5.png);}
.step_list li.step6{background-image:url(/images/startup/icon6.png);}
.step_list li.step7{background-image:url(/images/startup/icon7.png);}

.step_list li h5{color:#2c0000;}
.step_list li p{display:inline-block; text-align:justify; color:#222;  font-weight:300;}
.step_list li span{display:block;position:absolute;top:50%;margin-top:-1px;height:2px;background-color: #fdb913;transform:scaleX(0);transform-origin:0 0}


.directions{}
.directions .map{background-color:#f8f0e0; font-size:0;} 

.map_info{}
.map_info h5{position:relative; color:#2c0000;}
.map_info h5 span{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    height:2px;
    background-color: #fdb913;
    transform: scaleX(0);
    transform-origin: 0 0;
    }
.map_info p{color:#222; line-height:1.4em}
.map_info p span{border: 1px solid #2c0000;color: #2c0000;font-weight: 400;text-align:center;}
.map_info li{font-weight:300; color:#222; line-height:1.5em}
.map_info li strong{font-weight:500}

.map_area >div>div,.map_area >div>div>div{position:absolute; top:0; left:0; width:100%; height:100%;}
.map_area >div>div{display:none;}
.map_area{position:relative;padding-bottom:60%;}
.view_map #mapWrapper{display:block !important;}
.view_roadview #rvWrapper{display:block !important;}
#btnRoadview,  #btnMap {position:absolute;top:5px;left:5px;padding:7px 12px;font-size:14px;border: 1px solid #dbdbdb;background-color: #fff;border-radius: 2px;box-shadow: 0 1px 1px rgba(0,0,0,.04);z-index:1;cursor:pointer;}
#btnRoadview:hover,  #btnMap:hover{background-color: #fcfcfc;border: 1px solid #c1c1c1;}

.p1{ animation-duration: 0.3s; animation-delay: 0.5s; visibility: visible;}
.p2{  animation-duration: 0.3s; animation-delay: 0.5s; visibility: visible;}
.p3{ animation-duration: 0.3s; animation-delay: 0.5s; visibility: visible;}
.p4{ animation-duration: 0.3s; animation-delay: 0.5s; visibility: visible;}
.p5{ animation-duration: 0.3s; animation-delay: 0.5s; visibility: visible;}



@media (min-width:1200px) {
.expense .subcon1 table{margin-bottom:25px;}
.expense .subcon1 .result th,.expense .subcon1 .result td,.expense .subcon1 th{height:60px; font-size:20px;}
.expense .subcon1 td{padding:20px 0; font-size:18px; font-weight:300;}
.expense .subcon1 li,.expense .subcon2 p{padding:2px 0 2px 25px; font-size:16px; background-size:15px !important; margin-bottom:10px}

.expense .subcon2 .inbox>div{margin:0 auto 60px;}
.expense .subcon2 thead th{font-size:20px;}
.expense .subcon2 th,.expense .subcon2 td{height:60px; font-size:18px}
.expense .subcon2 td{padding-left:30px;}
.expense .subcon2 .inbox>div  p{margin-top:15px}
.expense .subcon2  a{margin-left:25px; height:32px; line-height:30px; border-radius:16px; width:110px;}


.expense .subcon3 th{font-size:20px;}
.expense .subcon3 th a{font-size:16px;}
.expense .subcon3 td{font-size:18px; padding:15px 0}



.step_list li{width:257px; margin-right:68px; height:257px; padding-top:92px; background-size:45px; background-position:50% 40px; margin-bottom:70px;}
.step_list li h5{margin-bottom:15px; font-size:30px;}
.step_list li p{font-size:22px; line-height:1.5em;}
.step_list li span{right:-60px; width:75px;}
	

.map_info{width:400px; padding:0 45px 0 50px}
.map_info h5{font-size:30px; padding-bottom:30px;}
.map_info h5 span{width:75px;}
.map_info p{font-size:17px; margin:45px 0 20px}
.map_info p span{width:95px; height:30px; line-height:30px; border-radius:15px; font-size:15px; margin-top:10px;}
.map_info p span.doro{margin-bottom: 15px;}
.map_info li{font-size:18px;}

.map_area{width:900px;}

}
@media (min-width:640px){
.directions .map>div{display:inline-block; vertical-align:middle;}
.map_info p span{display:block;}

}

@media (max-width:1200px){

} 
@media (max-width: 1200px) and (min-width: 640px){
.expense .subcon1 table{margin-bottom:25px;}
.expense .subcon1 .result th,.expense .subcon1 .result td,.expense .subcon1 th{height:50px; font-size:17px;}
.expense .subcon1 td{padding:20px 0; font-size:15px; font-weight:300;}
.expense .subcon1 li,.expense .subcon2 p{padding:2px 0 2px 15px; font-size:13px; background-size:12px !important; margin-bottom:5px}

.expense .subcon2 h3 .logo1{width:120px}
.expense .subcon2 h3 .logo2{width:85px}
.expense .subcon2 .inbox>div{/* width:85%; */margin:0 auto 45px;}
.expense .subcon2 thead th{font-size:17px;}
.expense .subcon2 th,.expense .subcon2 td{height:45px; font-size:15px}
.expense .subcon2 td{padding-left:2%; line-height:1.4em}
.expense .subcon2 .inbox>div  p{margin-top:12px}
.expense .subcon2  a{margin-left:2%;  height:28px; line-height:26px; border-radius:13px; width:78px;}

.expense .subcon3 th{font-size:16px;}
.expense .subcon3 th a{font-size:13px;}
.expense .subcon3 td{font-size:14px; padding:15px 0}


.step_list li{width:23%;margin-right:6.25%;padding: 8% 0 4%;background-size: 18.4%;background-position: 50% 16%;margin-bottom:6.25%;}
.step_list li h5{margin-bottom: 4%;font-size: 20px;}
.step_list li p{font-size: 15px;line-height:1.5em;}
.step_list li span{right:-15.3%; width:21%;}


.map_info{width:33%;padding: 0 2% 0 3%;}
.map_info h5{font-size:21px; padding-bottom:20px;}
.map_info h5 span{width:55px;}
.map_info p{font-size:15px; margin:30px 0 15px}
.map_info p span{width:75px; height:30px; line-height:30px; border-radius:15px; font-size:13px; margin-top:5px;}
.map_info p span.doro{margin-bottom: 11px;}
.map_info li{font-size: 15px;}

.map_area{width:67%;}

}
@media (min-width:950px) and (max-width:1200px){

}
@media (min-width:750px) and (max-width:950px){

}
@media (min-width:640px) and (max-width:750px){

}
@media (max-width:640px){
.expense .subcon1 table{margin-bottom:25px;}
.expense .subcon1 .result th,.expense .subcon1 .result td,.expense .subcon1 th{height:50px; font-size:15px;}
.expense .subcon1 td{padding:15px 0;font-size:13px;font-weight:300;}
.expense .subcon1 li,.expense .subcon2 p{padding:2px 0 2px 13px; font-size:13px; background-size:7px !important; margin-bottom:5px}

.expense .subcon2 h3 .logo1{width:112px}
.expense .subcon2 h3 .logo2{width:80px}
.expense .subcon2 .inbox>div{width:100%; margin:0 auto 27px}
.expense .subcon2 thead th{font-size:15px;}
.expense .subcon2 th,.expense .subcon2 td{height:40px; font-size:13px}
.expense .subcon2 td{padding-left:2%; line-height:1.4em}
.expense .subcon2 .inbox>div  p{margin-top:10px}
.expense .subcon2  a{margin-left:2%;  height:28px; line-height:26px; border-radius:13px; width:78px;}

.expense .subcon3 th{font-size:16px;}
.expense .subcon3 th a{font-size:13px;}
.expense .subcon3 td{font-size:14px;padding: 15px 7px;}



.step_list li{width:42%;margin-right:8%;padding: 13% 0 4%;background-size:15%;background-position: 50% 17%;margin-bottom:8%;}
.step_list li h5{margin-bottom: 4%;font-size:18px;}
.step_list li p{font-size:14px; line-height:1.5em;}
.step_list li span{right:-12.75%; width:22.5%;}


.directions .map{position:relative; padding-top:60%;}
.directions .map>div{display:block;}
.map_info{padding: 6% 4% 6% 6%;}
.map_info h5{font-size:17px; padding-bottom:15px;}
.map_info h5 span{width:35px;}
.map_info p{font-size:14px; margin:17px 0 10px; line-height:1.7em}
.map_info p span{display:inline-block; width:65px; height:25px; line-height:23px; border-radius:13px; font-size:13px; margin-left:5px;}
.map_info li{font-size: 14px; line-height:1.7em}

.map_area{position:absolute; top:0; left:0; width:100%;}

}