@media (min-width: 600px) {
    header > div.wrapper, main > div.wrapper, footer >div.wrapper {
        width: 885px;
		padding: 0;
    }
}

.adder_check_header {
	padding: 15px 0;
	width: 100%;
}
.adder_check_header .idNum {
    text-align: right;
    font-size: 15px;
	margin-bottom: 20px;
}
.adder_check_header .title h4{
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 16px;
}
.adder_check_header .tags{
	margin-bottom:13px;
}
.adder_check_header .tags .target_box {
    background: #ff3300;
    color: #fff;
    padding: 1px 7px 1px 7px;
}
.adder_check_header .area {
    display: inline-block;
    background: #17a2b8;
    color: #fff;
	padding: 1px 7px 1px 7px;
}
.adder_check_body{
	padding: 0 0 15px;
	width: 100%;
}
.adder_check_body.report01_box,
.adder_check_body.report02_box{
	display:none;
}
.adder_check_body .adder_btn_area{
	position:relative;
	height: 35px;
	margin-bottom: 15px;
}
.adder_check_body .adder_btn_area .favorite{
	position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    background: #fccb00;
    height: 35px;
    border-radius: 35px;
    padding: 4.5px 10px 2px 10px;
}
.adder_check_body .adder_btn_area .favorite.favorite_active{
	background:#fff;
	padding: 1px 7px 2px 7px;
    border: 3px solid #fccb00;
}
.adder_check_body .adder_btn_area .favorite a{
	color: #fff;
	font-size: 14px;
}
.adder_check_body .adder_btn_area .favorite.favorite_active a{
	color:#fccb00;
}
.adder_check_body .adder_check_main .image_area{
	width:100%;
}
.adder_check_body .adder_check_main .image_area .image{
	width:69%;
	margin:0 auto;
}
.adder_check_body .adder_check_main .image_area .image img{
	width:100%;
}
.text_area {
    display: flex;
	padding: 60px 0;
	justify-content:space-between;
}
.text_area .leftside{
	width:48%;
}
.text_area .rightside{
	width: 46.5%;
}
.text_area .leftside .item{
	display:flex;
	border-bottom: 1px solid #dee2e6;
    margin-bottom: 2px;
    padding: 10px 0;
    vertical-align: top;
}
.text_area .rightside .item{
    padding: 10px 0;
    vertical-align: top;
}
.text_area .rightside .item_txt {
	padding: 15px 0 15px 40px;
    line-height: 1.7;
}
.text_area .item .item_ttl{
	width: 33%;
	font-size: 13px;
	color: #236de9;
	vertical-align: top;
	margin-right: 23px;
}
.text_area .leftside .item .item_txt {
    width: 67%;
}
.text_area .item .item_ttl:before{
	content:"";
	width: 38px;
	float:left;
	background-repeat: no-repeat;
}
.text_area .item.type .item_ttl:before{
	background-image:url(../images/list/icon_detail_type.svg);
	background-size: 23px;
    height: 24px;
    background-position: left 2px center;
}
.text_area .item.access .item_ttl:before{
	background-image:url(../images/list/icon_detail_access.svg);
	background-size: 18px;
    height: 27px;
    background-position: left 4px center;
}
.text_area .item.salary .item_ttl:before{
	background-image:url(../images/list/icon_detail_salary.svg);
	background-size: 23px;
    height: 25px;
	background-position: left 2px center;;
}
.text_area .item.treatment .item_ttl:before{
	background-image:url(../images/list/icon_detail_treat.svg);
	background-size: 22px;
    height: 25px;
    background-position: left 3px center;
}
.text_area .item.holiday .item_ttl:before{
	background-image:url(../images/list/icon_detail_holiday.svg);
	background-size: 16px;
    height: 25px;
    background-position: left 8px center;
}
.text_area .item.content .item_ttl:before{
	background-image:url(../images/list/icon_detail_content.svg);
	background-size: 20px;
    height: 25px;
    background-position: left 5px center;
}
.text_area .item .item_txt,
.text_area .item .item_txt p {
    font-size: 14px;
    font-weight: 500;
}
.text_area .item .item_txt p{
	margin-bottom:0;
	line-height: 2;
}
/* 応募するボタン */
.btn {
    width: 40%;
    height: 65px;
    border-radius: 65px;
	margin: 20px auto 60px;
}
.btn a{
	font-size: 20px;
}
@media (max-width: 599px){
	main{
		width: 90%;
        margin: 85px auto 0;
	}
	.adder_check_header {
		padding: 15px 0 5px;
	}
	.adder_check_header .title h4 {
		font-size: 20px;
	}
	.adder_check_header .tags {
		margin-bottom: 7px;
	}
	.adder_check_header .tags .target_box,
	.adder_check_header .area {
		font-size: 13px;
		font-weight: 400;
	}
	.adder_check_body .adder_check_main .image_area .image {
		width: 100%;
	}
	.text_area {
		display: block;
		padding: 30px 0;
	}
	.text_area .leftside, .text_area .rightside{
		width:100%;
	}
	.text_area .leftside .item{
		display:block;
	}
	.text_area .item .item_ttl{
		width:100%;
	}
	.text_area .item .item_txt,
	.text_area .leftside .item .item_txt {
		width:100%;
		padding: 10px 0 0 38px;
	}
	.text_area .leftside .item .item_txt,
	.text_area .leftside .item .item_txt p {
		font-size: 13px;
		line-height: 1.7;
	}
	.btn {
		width: 90%;
	}
}

