.join_title{margin-bottom:100px;text-align:center;}
.join_title h3{font-size:40px;line-height:40px;color:#3e3a39;margin-bottom:10px;}
.join_title h4{font-size:23px;line-height:34px;color:#3e3a39;}

.join_box_01{text-align: center;max-width:1560px;margin:0px auto;padding:0px 15px;}
.join_box_01>div>dl{width:25%;float:left;}
.join_box_01>div>dl>dt::before{content:'';display:block;width:160px;height:160px;margin:0px auto;background-color:#e7e7e7;border-radius:50%;}
.join_box_01>div>dl:hover>dt::before{background-color:#000;}
.join_box_01>div>dl:nth-child(1)>dt::before{background-image:url(../../images/home/join/join_icon_01.png?t=1);}
.join_box_01>div>dl:nth-child(1):hover>dt::before{background-image:url(../../images/home/join/join_icon_01_a.png?t=1);}
.join_box_01>div>dl:nth-child(2)>dt::before{background-image:url(../../images/home/join/join_icon_02.png?t=1);}
.join_box_01>div>dl:nth-child(2):hover>dt::before{background-image:url(../../images/home/join/join_icon_02_a.png?t=1);}
.join_box_01>div>dl:nth-child(3)>dt::before{background-image:url(../../images/home/join/join_icon_03.png?t=1);}
.join_box_01>div>dl:nth-child(3):hover>dt::before{background-image:url(../../images/home/join/join_icon_03_a.png?t=1);}
.join_box_01>div>dl:nth-child(4)>dt::before{background-image:url(../../images/home/join/join_icon_04.png?t=1);}
.join_box_01>div>dl:nth-child(4):hover>dt::before{background-image:url(../../images/home/join/join_icon_04_a.png?t=1);}
.join_box_01>div>dl>dt{color:#1a1a1a;font-size:26px;line-height:80px;letter-spacing:2px;}
.join_box_01>div>dl>dd{line-height:24px;max-width:230px;text-align:left;margin:0px auto;}

.join_box_02>div{float:left;width:50%;}
.join_box_02>div>img{width:100%;}

.join_box_03{text-align: center;max-width:1560px;margin:0px auto;padding:0px 15px;}
.join_box_03>div>dl{width:25%;float:left;}
.join_box_03>div>dl>dt::before{content:'';display:block;width:150px;height:150px;margin:0px auto;background-color:#e7e7e7;border-radius:50%;}
.join_box_03>div>dl:hover>dt::before{background-color:#000;}
.join_box_03>div>dl:nth-child(1)>dt::before{background-image:url(../../images/home/join/join_condition_01.png?t=1);}
.join_box_03>div>dl:nth-child(1):hover>dt::before{background-image:url(../../images/home/join/join_condition_01_a.png?t=1);}
.join_box_03>div>dl:nth-child(2)>dt::before{background-image:url(../../images/home/join/join_condition_02.png?t=1);}
.join_box_03>div>dl:nth-child(2):hover>dt::before{background-image:url(../../images/home/join/join_condition_02_a.png?t=1);}
.join_box_03>div>dl:nth-child(3)>dt::before{background-image:url(../../images/home/join/join_condition_03.png?t=1);}
.join_box_03>div>dl:nth-child(3):hover>dt::before{background-image:url(../../images/home/join/join_condition_03_a.png?t=1);}
.join_box_03>div>dl:nth-child(4)>dt::before{background-image:url(../../images/home/join/join_condition_04.png?t=1);}
.join_box_03>div>dl:nth-child(4):hover>dt::before{background-image:url(../../images/home/join/join_condition_04_a.png?t=1);}
.join_box_03>div>dl>dt{color:#1a1a1a;font-size:26px;line-height:80px;}
.join_box_03>div>dl>dd{font-size:16px;line-height:24px;max-width:180px;margin:0px auto;}

.join_box_04{}
.join_box_04 .join_title{margin-bottom:50px;}


.join_box_05 .content_l{text-align:right;}
.join_box_05 .content_r>dl{max-width: 600px;padding:15px 55px 0px;}
.join_box_05 .content_r>dl>dt>.join_title{text-align:left;margin-bottom:20px;}
.join_box_05 .content_r>dl>dd>form>div{margin-bottom: 20px;}
.join_box_05 .content_r>dl>dd input{border:0px;border-bottom:1px solid #ddd;width:100%;color:#727171;font-size:18px;line-height:40px;padding:0 5px;}
.join_box_05 .content_r>dl>dd textarea{border:1px solid #ddd;width:100%;}
.join_box_05 .content_r>dl>dd .captcha input{float: left;width: calc(100% - 140px);}
.join_box_05 .content_r>dl>dd .captcha .vimg{float: right;}
.join_box_05 .content_r>dl>dd .captcha .vimg img{width:140px;height:40px;}

.join_box_05 .content_r>dl>dd .cms_tran{width:119px;height:33px;;background-image:url(../../images/home/join/submit_btn.jpg);border:none;font-size:12px;color:#fff;text-align: left;padding-left: 10px;}

@media  (max-width:1200px){
    .join_box_01>div>dl{width:48%;float:unset;display:inline-grid;margin:10px auto;}
}
@media screen and (max-width:767px){
    #banner {height: 200px;}
    .join_title{margin-bottom:30px;}
    .join_title h3{font-size:24px;line-height:24px;margin-bottom:5px;}
    .join_title h4{font-size:18px;line-height:20px;}

    .join_box_01>div>dl>dt::before{width:80px;height:80px;background-size:80px 80px;}
    .join_box_01>div>dl>dt{font-size:14px;line-height:30px;letter-spacing:0px;}
    .join_box_01>div>dl>dd{font-size:12px;}

    .join_box_02>div{width:100%;}

    .join_box_03>div>dl{width:50%;}
    .join_box_03>div>dl:nth-child(2n+1){clear: both;}
    .join_box_03>div>dl>dt::before{width:80px;height:80px;background-size:80px 80px;}
    .join_box_03>div>dl>dt{font-size:14px;line-height:30px;}
    .join_box_03>div>dl>dd{font-size:12px;}

    .join_box_04>ul>li::before{width:80px;height:80px;background-size:80px 80px;margin: 0px auto;}
    .join_box_04>ul>li{font-size:14px;line-height:30px;}

    .join_box_05 .content_r>dl{padding:15px 15px 0px;}
}

.fbalert{position:fixed;top:50%;left:50%;z-index:99999;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:600px;height:280px;margin-top:-140px;margin-left:-300px;padding:50px 0;border-radius:6px;background-color:#fff;text-align:center;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@media screen and (max-width:767px){.fbalert{left:5%;width:90%;margin-left:0}}
.fbalert .closer{position:absolute;top:15px;right:15px;width:20px;height:20px;background:url(../../images/home/close.png) 0 0/100% auto no-repeat;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s}
.fbalert .closer:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.fbalert img{display:block;width:80px;margin:0 auto 30px}
.fbalert h1{margin:0 0 15px;font-size:24px;text-align:center;color:#222}
@media screen and (max-width:767px){.fbalert h1{font-size:18px}}
.fbalert .autocounter{display:none;height:30px}
.fbalert .btn-ok{display:block;width:80px;height:30px;margin:0 auto;border-radius:4px;font-size:12px;text-align:center;line-height:30px;color:#fff;background:#000}