.mapBox{margin-top: 100px;display: flex;flex-direction: column;}
.mapBox iframe{width: 100%;height: 600px;}
.bgTxt.title{padding: 50px 0px 0px 0px;margin: 0px 0px 30px 0px;}
.workframe{width: 1600px;position: relative;margin: 0 auto;}
.catBox{padding-bottom: 0;}
.catBox .bgTxt.title{padding: 0 0 20px;margin: 0px 0px 0px -1px;display: flex;flex-direction: column;align-items: center;font-size: max(3*(1vw + 1vh) / 2,27px);color: #5a828c;text-transform: uppercase;}
.catBox .bgTxt.title .h3{font-size: max(2.5 * (1vw + 1vh) / 2,20px);}
.catBox .bgTxt.title h1{font-size: max(2*(1vw + 1vh) / 2,20px);font-weight: 400;}
.contentBox {display: flex;justify-content: space-between;margin: 10px auto 100px;}
.contentBox a {display: inline-block;width: 32.8%;height: 65px;font-weight: 400;line-height: 65px;letter-spacing: 0.5px;background-color: #ffffff;border: solid 1px #5a828c;color: #5a828c;text-align: center;display: flex;flex-direction: column;align-items: center;padding: 0px 0px 5px 0px;}
.contentBox a:nth-child(2){color: #1d4c9c;border: solid 1px #1d4c9c;}
.contentBox a:nth-child(3){color: #00C300;border: solid 1px #00C300;}
.contentBox a:hover {border: solid 1px #dbd0bc;background-color: #4f7983;color: #ffffff;}
.contentBox a:hover:nth-child(2){border: solid 1px #7aa3e8;background-color: #1d4c9c;color: #ffffff;}
.contentBox a:hover:nth-child(3){border: solid 1px #a8e5a8;background-color: #00C300;color: #ffffff;}
.contentBox a .bottomitem{-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);opacity: 0;display: flex;align-items: center;font-size: 20px;line-height: 20px;font-weight: 500;}
.contentBox a .bottomitem i{font-size: 25px;padding-right: 10px;}
.contentBox a:hover .bottomitem{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;color: white;}
.contentBox a:hover .bottomitem i{font-size: 25px;color: #ffffff;}
.contentBox a .topitem{-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);opacity: 1;display: flex;align-items: center;font-size: 20px;line-height: 20px;font-weight: 500;}
.contentBox a .topitem i{font-size: 25px;color: #547d87;padding-right: 10px;}
.contentBox a:nth-child(2) .topitem i{color: #1d4c9c;}
.contentBox a:nth-child(3) .topitem i{color: #00C300;}
.contentBox a:hover .topitem{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(10);opacity: 0;}

.reconta_box{padding: 120px 0;background:url(/images/42/reconta_box.jpg);background-size:cover;}
.wrap:before{left:-1vw;top:6vw}
.reconta_box .restep{display:flex;flex-direction:column;align-items:center;gap:25px;background:rgb(255 255 255 / 85%);aspect-ratio:5/4;align-content:center;justify-content:center}

.reconta_box .restep {border: #ffffff 3px solid;}
.reconta_box .restep .num{position: relative;text-align: center;aspect-ratio: 1/1;font-size: max(1.2*(1vw + 1vh) / 2,24px);border: rgb(173 173 173 / 30%) 1px solid;padding: 10px;display: flex;flex-direction: column;align-items: center;}
.reconta_box .restep .num:before{content:"";position:absolute;width: 2px;height: 22px;background: #cfcfcf;bottom: -11px;}
.steptext{display: flex;flex-direction: column;align-items: center;text-align: center;}
.reconta_box .workframe{display:grid;grid-template-columns: repeat(4, 1fr);margin-top: 30px;gap: 10px;}

.callus_box{padding: 70px 0;background: #e5e4e3;border-bottom: #b5b5b5 3px solid;border-top: #b5b5b5 3px solid;}
.callus_box .workframe.three{display:flex;justify-content: center;gap: 37px;}
.callus_box .callitem{display:flex;flex-direction: column;align-items: center;gap: 10px;}
.callus_box .callitem p{color: #3d3322;font-size: 14px;}
.callus_box .workframe a{padding: 7px;border-radius: 666px;border: #3d3322 1px solid;aspect-ratio: 1/1;width: 79px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.callus_box .workframe a:hover{border: #517a84 1px solid;}
.callus_box .workframe a:hover svg{fill: #507984;}
.callus_box .workframe a svg{aspect-ratio:1/1;object-fit: contain;width: 40px;fill: #3d3322;}
.noaticte .workframe{width: min(500px , 90%);padding: 55px 20px 20px 20px;border: #3d3322 1px solid;display: flex;flex-direction: column;align-items: center;margin: 75px auto 0;border-radius: 8px;}
.noaticte .workframe .fly_title{position:absolute;top: -40px;background: #4e7782;padding: 20px;color: white;font-size: max(1.5*(1vw + 1vh) / 2,15px);border-radius: 13px;letter-spacing: 0.15em;}
.noaticte .workframe p{text-align: left;color: #3d3322;}
.formBox{margin: -30px auto 70px;padding: 40px 80px 60px 80px;box-shadow: 0px 10px 50px 0px rgb(0 0 0 / 20%);width: 75%;}
.formBox .topInfo{display: flex;flex-direction: column;align-items: center;}
.formBox .thankInfo{text-align: center;z-index: 20;width: 330px;max-width: 330px;}
.formBox .thankInfo .title{margin: -70px 0px 0px 0px;padding: 10px 40px;background-color: #5a828c;color: #ffffff;font-weight: 100;font-size: 1.6em;text-align: center;}
.formBox .SStext{padding: 40px 0 10px;text-align: center;font-size: 18px;color: #7a7a7a;}

.trafficBox{position: relative;}
.trafficBox .catBox{padding: 30px 0 0;margin-top: 0;}
.trafficBox:after{background-color: #FAFAFA;height: 100%;top: 0px;width: 100%;z-index: -10;pointer-events: none;content: '';position: absolute;}
.iconBox{padding: 10px 0px 50px 0px;max-width: 1600px;margin: auto;}
.iconBox .contentBox{display: flex;justify-content: center;margin: 0px auto 30px;}
.iconBox .contentBox a{width: 50%;}
.iconBox ul {display: flex;justify-content: space-around;}
.iconBox ul .wow{width: 25%;}
.iconBox ul .wow .item{border-style: solid;border-width: 0px 1px 0px 0px;border-color: #E9E5DD;display: flex;flex-direction: column;align-items: center;}
.iconBox ul .wow .circle{padding: 10px 0;}
.iconBox ul .wow .circle img{width: 140px;}
.iconBox ul .wow .item p{font-weight: 500;text-align: center;font-size: 1.25em;color: #507984;}
.iconBox ul .wow .item article{color: #666666;font-size: 14px;font-weight: 400;text-align: center;}
.text {width: 70%;margin: auto;}
.text ol li{color: #444444;font-size: 17px;}
.text ol{margin: 10px 0 0px;}
.text ol li{margin: 10px 0px;list-style-type: auto;color: rgb(80 80 80);font-size: 17px;line-height: 140%;letter-spacing: 0.2px;font-weight: 500;display: list-item;}

.timeBox .Img{max-width: 50%;margin-left: auto;margin-right: auto;}
.timeBox .table-container{margin: 0px 0 30px;max-width: 60%;margin-left: auto;margin-right: auto;}
.mbTitle,.webTitle{text-align: center;}
.mbTitle{display: none;}
.top-column{padding: 0 0 30px;}
.gotomap_box .workframe{display:grid;grid-template-columns: 50% 40%;justify-content: space-between;padding: 90px 0 50px;align-items: center;}
.gotomap_box .ininotitle{font-size: max(3*(1vw + 1vh) / 2,20px);font-weight: 400;}
.gotomap_box .map_left img{border-radius: 20px;}
.gotomap_box .map_right{display: flex;flex-direction: column;gap: 50px;}
.gotomap_box .inininfo{display:flex;flex-direction: column;}
.gotomap_box .gotoin_icon{display: flex;gap: 10px;}
.gotomap_box .gotoin_icon a{display:flex;background: #4f7983;padding: 10px;flex-direction: column;align-items: center;justify-content: center;border-radius: 10px;}
.gotomap_box .gotoin_icon a img{width: 50px;}

/*timeJ_box*/
#timeJ_box{padding: 50px 0 90px;}
#timeJ_box .time_table{display:grid;grid-template-columns: repeat(6,1fr);}
#timeJ_box .time_table .time_list{display:flex;gap: 14px;flex-direction: column;}
#timeJ_box .time_table .time_list .firstJ_box{text-align:center;border-bottom: #d0d0d0 1px solid;padding: 20px 0;}
#timeJ_box .nnotictext{padding: 10px 0;text-align: center;border-top: #e3e3e3 1px solid;margin-top: 60px;word-break: auto-phrase;}

@media screen and (max-width: 1470px) {
	.iconBox{width: 90%;}
	.workframe{width: 90%;}
	.formBox{padding: 40px 10px 60px;}
	.wrap{width: 100%;margin-top: 0;}
}
@media screen and (max-width: 1280px) {
	.iconBox ul .wow .circle img{width: 110px;}
	.text{width: 75%;}
	.text ol li{font-size: 15px;}
	#timeJ_box .time_table{grid-template-columns: repeat(3, 1fr);}
}

@media screen and (max-width: 1140px) {
	.iconBox{margin-bottom: 20px;padding: 10px 0px;}
	.iconBox ul{display: flex;flex-wrap: wrap;}
	.iconBox ul .wow{width: 50%;}
	.iconBox ul .wow .item{padding: 20px 0px 10px 0px;border-style: solid;border-width: 0px 1px 1px 0px;height: 290px;}
	.iconBox ul .wow:nth-child(2) .item,.iconBox ul .wow:nth-child(4) .item{border-width: 0px 0px 1px 0px;}
	.iconBox ul .wow:nth-child(3) .item{border-width: 0px 1px 0px 0px;}
	.iconBox ul .wow:nth-child(4) .item{border-width: 0px 0px 0px 0px;}
	.iconBox ul .wow .circle img{width: 100px;}
	.iconBox ul .wow .item p{font-size: 19px;}
	.timeBox .Img,.timeBox .table-container{max-width: 90%;margin-left: auto;margin-right: auto;}
	.iconBox .contentBox a{width: 100%;height: 55px;line-height: 35px;}
	.contentBox a .topitem{font-size: 18px;}
	.reconta_box .workframe{grid-template-columns: repeat(2, 1fr);}
	.gotomap_box .workframe{display:flex;flex-direction: column;gap: 20px;padding: 20px 0;}
}
@media screen and (max-width: 768px) {
	.contentBox{display: flex;flex-direction: column;}
	.contentBox a{width: 100%;margin: 8px 0;height: 55px;line-height: 55px;}
	.mbTitle,.webTitle{text-align: center;}
	.mbTitle{display: block;}
	.webTitle{display: none;}
	.text{width: 90%;margin: 5px auto;}
	.text ol {margin: 0px 0 0px;}
	.formBox .thankInfo .title{font-size: 1.2em;}
	.formBox .SStext{padding: 0px 0 10px;font-size: 16px;}
	.gotomap_box .map_right{gap: 20px;}
}
@media screen and (max-width: 640px) {
	.reconta_box .restep{aspect-ratio: auto;padding: 16px 5px;}
	.reconta_box{padding: 80px 0;}
	#timeJ_box .time_table{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 480px) {
	.iconBox ul .wow{width: 100%;}
	.iconBox ul .wow .item,.iconBox ul .wow:nth-child(2) .item, .iconBox ul .wow:nth-child(4) .item,.iconBox ul .wow:nth-child(3) .item{border-width: 0px 0px 1px 0px;height: 100%;padding: 0px 0px 0px 0px;}
	.reconta_box .workframe{grid-template-columns: repeat(1, 1fr);}
	#timeJ_box .time_table{display:flex;flex-direction: column;}
	#timeJ_box .time_table .time_list{background: #f8f8f8;border-radius: 10px;margin-bottom: 10px;padding: 15px 20px 20px;}
	#timeJ_box{padding: 20px 0 40px;}
}