@charset "utf-8";
/*------------------------------------------------------------
	carrier_detail
------------------------------------------------------------*/
.main-visual:before {
    background-image: url("../img/recruit/carrier/job/main_img.jpg");
}
#conts .content {
    padding-right: 158px;
    width: 700px;
}
#conts .h3-ttl {
    padding: 40px 0;
    font-size: 3rem;
    text-align: center;
}
#conts .txt-list {
    margin-bottom: 50px;
    text-align: center;
}
#conts .txt-list li {
    margin: 0 2px;
    padding: 2px 14px;
    color: #384C57;
    font-weight: 700;
    border-radius: 30px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #384C57;
}
#conts .txt-list li.type2 {
    color: #026EB7;
    border: 1px solid #026EB7;
}



.cf_ca_exp {
		margin: 0 0 75px;
}
.cf_ca_exp p {
		text-align: center;
		line-height: 1.8;
}

#conts .txt-list .style01 {
    color: #F69602;
    border-color: #F69602;
}
#conts .txt-list .style02 {
    color: #F69602;
    border-color: #F69602;
}
#conts .txt-list .style03 {
    color: #F69602;
    border-color: #F69602;
}
#conts .txt-list .style04 {
    color: #f61200;
    border-color: #f61200;
}
#conts .txt-list .style05 {
    color: #F69602;
    border-color: #F69602;
}

#conts .title {
    margin-bottom: 54px;
    font-weight: 700;
    font-size: 1.7rem;
    text-align: center;
}
#conts .top-txt {
    text-align: center;
    line-height: 2.1;
}
#conts .top-txt .info-span {
    display: block;
}
#conts .ul-txt {
    margin-bottom: 75px;
    line-height: 2.1;
    text-align: center;
}
#conts .com-more-box {
    margin-bottom: 70px;
    text-align: center;
}
#conts .com-more-box .com-more {
    padding: 0 102px 0 67px;
    font-size: 1rem;
    font-family: 'Noto Sans JP', sans-serif;
}
#conts .com-more-box .com-more .circle {
    right: auto;
    left: -2px;
}
#conts .com-more-box .com-more .circle::after {
    right: auto;
    left: 65px;
}
#conts .com-banner {
    margin: 0 0 87px 22px;
}
@media all and (max-width: 896px) {
    .main-visual:before {
        background-image: url("../img/recruit/carrier/job/sp_main_img.jpg");
    }
    #conts .content {
        margin: -20px 0 0;
        width: auto;
        padding: 0 20px;
    }
    #conts .h3-ttl {
        padding: 0 0 21px;
        font-size: 1.8rem;
    }
    #conts .txt-list {
        margin-bottom: 44px;
    }
    #conts .txt-list li {
        padding: 1px 12px;
    }
    #conts .title {
        margin-bottom: 27px;
        font-weight: 500;
        line-height: 1.6;
        font-size: 1.6rem;
        text-align: left;
    }
    #conts .top-txt {
        margin-bottom: 26px;
        text-align: left;
    }
    #conts .ul-txt {
        margin-bottom: 45px;
        text-align: left;
    }
    #conts .ul-txt li {
        padding-left: 1em;
        text-indent: -1em;
    }
    #conts .com-more-box {
        margin-bottom: 95px;
    }
    #conts .com-more-box .com-more {
        padding: 0 5px 0 34px;
    }
    #conts .com-more-box .com-more .txt {
        padding: 0 7px 3px 7px;
    }
    #conts .com-banner {
        margin: 0 0 80px;
    }
}