.CC_byoinname {
	width: 250px;
}
.alignleft {
    float: none;
}

@media screen and (min-width: 501px){
    #Breadcrumbs {
        letter-spacing: -0.5px;
    }
    .pcdn {
        display: none;
    }
    .CC_entrybox01 {
        width: 500px;
    }

    /* ----------------------------
	  旧キャリアチェンジ
	----------------------------- */
    ul.jj_thumb_btm li.txtthumb {
        font-size: 65%;
    }
    .RightBox * {
		box-sizing: border-box;
	}
}

@media screen and (max-width: 500px){
	.CC_mainttl {
		background: none;
		width: 100%;
		height: auto;
	}
	.CC_mainttl .CC_byoinname {
		font-size: 14px;
		width: auto;
		padding: 0;
		padding: 5px 15px;
		background: #5fa224;
		color: #ffffff;
	}
	.ttl_header-sp {
        background: url(../../agent/jokin/career/images/ttl_header_sp.png) no-repeat center center;
    	height: 155px;
		background-size: cover;
		margin-top: -10px;
	}
	.CC_tbl_prof > .green {
		margin-top: 60px;
		border-top: 2px solid #666666;
		border-bottom: 2px solid #666666;
		padding: 10px 0;
		color: #666666;
	}
	.prof_container > .green {
		margin-top: 60px;
		border-top: 2px solid #666666;
		border-bottom: 2px solid #666666;
		padding: 10px 0;
		color: #666666;
	}
	.prof_container > .blue {
		margin-top: 60px;
		border-top: 2px solid #666666;
		border-bottom: 2px solid #666666;
		padding: 10px 0;
		color: #666666;
	}
	.CC_contents table.CC_tbl_prof {
		width: 100%;
		margin: 0;
	}
	.CC_contents .blue {
		display: block;
	}
	.CC_contents .green {
		display: block;
	}
    img {
        width: 100%;
        height: auto;
    }
    .prof-txt {
	    font-size: 12px;
    }
    .prof_right {
	    margin-top: 20px;
	    margin-bottom: 20px;
	    min-height: 220px;
    }
    .prof_right .p1 {
	    border-bottom: 1px solid #0d6f00;
	    margin-bottom: 10px;
    }
	.prof_right .green {
		text-align: right;
	}
    .prof_right .name,
    .prof_left .name {
		display: block;
		font-size: 10px;
    }
    .prof_right .txt,
    .prof_left .txt {
		font-size: 14px;
    }
    .prof_left {
	    margin-top: 20px;
	    min-height: 220px;
    }
    .prof_left .p2 {
	    border-bottom: 1px solid #5eb7e8;
	    margin-bottom: 10px;
    }

	.prof_left img {
		width: 30%;
		float: left;
		margin-right: 15px;
	}
	.prof_left .txt {
		overflow: hidden;
	}
	.prof_right img {
		width: 30%;
		float: right;
		margin-left: 15px;
	}
	.prof_right .txt {
		overflow: hidden;
	}

    #Wrapper {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
    }
    #Breadcrumbs {
        background: none;
        padding-left: 0;
    }
    #Breadcrumbs span {
        display: block;
        padding-top: 3px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .ContentsBox-h2 .LeftBox {
        width: 100%;
        float: none;
    }
    .spdn {
        display: none;
    }
    .sp-pankuzu {
        width: 100%;
        overflow: hidden;
        padding: 0 0 2px;
        border-bottom: 1px solid #d5e3ea;
    }
    .sp-pankuzu a {
        font-size: 11px;
        background: #f2f2f2 url("/include/contents/htdocs/img/new/bg_breadcrumbs.png") no-repeat right center;
        padding: 3px 15px 0 8px;
        text-decoration: none;
        height: 18px;
        display: block;
        float: left;
        margin: 0 5px 5px 0;
        white-space: nowrap;
        color: #707070;
    }

    /* ----------------------------
	 旧キャリアチェンジインデックス
	----------------------------- */
    .ContentsBox .tittxt {
        padding: 5px 0 0 0;
        font-size: 18px;
    }
    .ContentsBox-h3 .Jj-Box {
        background: none;
    }
    .ContentsBox-h3 .Jj-Box .ContentsBox-main {
        padding: 12px 0 15px 0;
    }
    .ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb {
        width: 100%;
    }
    .ContentsBox-h3 .Jj-Box .BackContentsBox00 {
        width: 100%;
        height: auto;
    }
    .ContentsBox-h3 .Jj-Box .BackContentsBox00 p {
        padding: 12px 0 0 0;
    }
    .ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.w10 {
        display: none;
    }
    .ContentsBox-h3 .Jj-Box .ContentsBox-main ul.jj_thumb li.txtthumb {
        padding: 1px 0 1px 60px;
        width: 80%;
        float: none;
        min-height: 90px;
        float: none;
    }
    .alignleft {
        float: none;
    }
    .ContentsBox-h4 dl {
        width: 100%;
    }
    .sitemap a {
        display: inline-block;
    }

    /* ----------------------------
	  旧キャリアチェンジ
	----------------------------- */
    .CC_contents {
        background: none;
    }
    .CC_entrybox01 {
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
    }
    .CC_entrybox01 ul.CC_entrybox_link {
        margin-top: 20px;
    }
    .CC_entrybox01 ul.CC_entrybox_link li {
        width: 200px;
        padding: 0;
        margin: 0 auto;
        float: none;
    }
    .CC_entrybox01 ul.CC_entrybox_link li+li {
        margin-top: 20px;
    }
    a.news-link {
        background: url(/include/contents/htdocs/common/images/bt_news.gif) no-repeat left center;
        background-size: 10px;
    }
    .CC_line {
        width: 100%;
        margin-left: 0;
     }
    .CC_paragraph {
        width: 100%;
        margin-left: 0;
        font-size: 14px;
    }
    p.CC_paragraph:first-letter {
        font-weight: normal;
        font-size: 100%;
        color: #333333;
    }
    .CC_entrybox02 {
        background: #f2eee3;
        width: 100%;
        padding: 10px;
        font-size: 75%;
        line-height: 150%;
        margin: 0 0 20px 0;
        clear: both;
        box-sizing: border-box;
        text-align: left;
    }
	.aligncenter {
		text-align: left;
	}
    .odr_btns {
        margin-top: 20px;
    }
    .jou {
        width: 80%;
        margin-right: 0;
        padding-right: 5px;
        box-sizing: border-box;
        float: none;
        padding-right: 0;
    	margin: 0 auto;
    }
    .hijou {
        width: 80%;
        padding-left: 5px;
        box-sizing: border-box;
        padding-left: 0;
    	margin: 0 auto;
    	float: none;
		margin-top: 10px;
		margin-bottom: 20px;
    }
    ul.jj_thumb_btm {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }
    ul.jj_thumb_btm li.imgthumb {
        margin: 0;
    }
    ul.jj_thumb_btm li.txtthumb {
        width: 98%;
        float: none;
        padding-left: 65px;
        box-sizing: border-box;
    }
    a.ico_arrow_tokushu {
        background: url(/include/contents/htdocs/common/images/bt_news.gif) no-repeat left center;
        background-size: 10px;
    }
    .pageCaption {
	    font-size: 10px;
    }
}