@charset "utf-8";

.how-title {position:relative;text-align:center;}
.how-title .tit {font-size:1.8rem;color:#545454;font-weight:300;line-height:1}
.how-title .txt {margin-top:1.7rem;font-size:0.8rem;color:#545454;line-height:1;}

.procedure {position:relative;width:100%;max-width:1247px;margin:4.3rem auto 0;color:#545454}
.procedure .title {padding-bottom:0.8rem;border-bottom:1px solid #cecece;font-size:1.2rem;line-height:1.2rem;color:#545454;font-weight:400;}
.procedure .title2 {margin-bottom:5px;font-size:0.8rem;color:#545454;font-weight:500;line-height:1;}
.procedure .procedure-cont {padding:1.45rem 2rem 0;}
.procedure .mt25 {margin-top:1.25rem}
.procedure .mt32 {margin-top:1.6rem}
.procedure .text1 {font-size:0.8rem;color:#545454;font-weight:300;line-height:1.2rem;}
.procedure .inbox ~ .inbox {margin-top:4.5rem}
.procedure .procedure-step {position:relative;width:100%;overflow:hidden;margin-top:3.3rem}
.procedure .procedure-step ul {margin:-2rem}
.procedure .procedure-step ul li {float:left;position:relative;padding:2rem;text-align:center;}
.procedure .procedure-step ul li::after {
    content:"";
    display:block;
    position:absolute;
    top:50%;
    right:-0.65rem;
    transform:translateY(-50%);
    width:1.6rem;
    height:3.25rem;
    background:url(../imgs/procedure/step_arr.png) no-repeat 0 0;
    background-size:100% auto;
}
.procedure .procedure-step ul li:last-child::after {display:none;}
.procedure .procedure-step ul li .step {font-size:0.8rem;color:#545454;font-weight:500;line-height:1}
.procedure .procedure-step ul li .img {margin:0.7rem 0 1.15rem;}
.procedure .procedure-step ul li .img img {max-width:6.35rem;height:auto;}
.procedure .procedure-step ul li .txt1 {font-size:0.8rem;color:#545454;font-weight:300;line-height:1rem}
.procedure .inbox ul.ul-type3 {margin-left:0.7rem}
.procedure .inbox ul.ul-type2 li,
.procedure .inbox ul.ul-type1 li {font-size:0.8rem;font-weight:300;color:#545454;margin-bottom:0pt}
.procedure .color-blue {color:#0030ff}
.procedure .color-blue2 {color:#285dab}
.procedure strong {font-weight:500;}
.procedure .rq-btn {
    display:inline-block;
    position:relative;
    width:15.05rem;
    height:2.2rem;
    line-height:2.1rem;
    text-align:center;
    font-size:0.9rem;
    color:#fff;
    font-weight:500;
    background-color: rgb(40, 93, 171);
}
.procedure .map {position:relative;width:100%;margin-top:1rem}
.procedure .map img {max-width:100%;height:auto;}
@media screen and (max-width:1168px){
    .procedure .procedure-step ul li {width:16.66666666666667%}
    .procedure .procedure-step ul li .img img {width:100%}
    .procedure .procedure-step ul li::after {width:1rem;height:3rem}
}
@media screen and (max-width:1032px){
    .procedure .procedure-step ul li .txt1 br {display:none;}
}
@media screen and (max-width:960px){
    .procedure .inbox ~ .inbox {margin-top:3rem}
    .procedure .procedure-cont {padding:1.4rem 1.5rem 0; }
}
@media screen and (max-width:845px){
    .procedure .procedure-step {overflow:visible;}
    .procedure .procedure-step ul {margin:-1rem 0}
    .procedure .procedure-step ul li {width:33.333333337%;padding:1rem 0}
    .procedure .procedure-step ul li::after {right:0}
    .procedure .procedure-cont {padding:1.4rem 0 0; }
}
@media screen and (max-width:430px){
    .procedure .procedure-step ul li {width:50%}
}

.exhibition-hall-info {position:relative;width:100%;max-width:1355px;margin:4.3rem auto 0;color:#545454}
.exhibition-hall-info .map {position:relative;width:100%;}
.exhibition-hall-info .map img {max-width:100%;height:auto;}
.exhibition-hall-info .hall-location-info {margin-top:1.35rem}
.exhibition-hall-info .hall-location-info .title {font-size:1.2rem;line-height:1;color:#545454;font-weight:400;}
.exhibition-hall-info .hall-location-info dl {position:relative;padding-left:1.8rem;margin-top:1.25rem}
.exhibition-hall-info .hall-location-info dl::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:1.1rem;
    height:1.1rem;
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100% auto;
}
.exhibition-hall-info .hall-location-info dl.ico1::before{
    background-image:url(../imgs/procedure/ico_tel.png)
}
.exhibition-hall-info .hall-location-info dl.ico2::before{
    background-image:url(../imgs/procedure/ico_home.png)
}
.exhibition-hall-info .hall-location-info dl.ico3::before{
    background-image:url(../imgs/procedure/ico_tr.png)
}

.exhibition-hall-info .hall-location-info dl dt,
.exhibition-hall-info .hall-location-info dl dd {font-size:0.8rem;line-height:1.2rem;}
@media screen and (max-width:960px){
    .exhibition-hall-info {margin-top:3rem}
}